.performance-list{padding-top:80px}.performance-list .date-picker-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px 30px;width:100%;display:grid}.performance-list .performance-list-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.performance-list .performance-list-header p{letter-spacing:.16em;color:var(--primary-color);margin:0 0 8px;font-size:13px;font-weight:600;line-height:1.4}.performance-list .performance-list-header h3{color:var(--font-color);margin:0;font-size:32px;font-weight:500;line-height:1.2}.performance-list .performance-list-header h3 span{color:var(--font-sec-color);margin-left:4px;font-size:16px}.performance-list .performance-list-count{color:var(--font-sec-color);font-size:16px;line-height:1.4}.performance-list .performance-list-count span{color:var(--primary-color)}.performance-list .performance-list-body{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px;display:grid}.performance-list .selected-date-performance{flex-direction:column;margin-top:0;padding:20px 0;display:flex}.performance-list .upcoming-performances{margin-top:80px}.performance-list .no-performance{border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:145px;display:flex}.performance-list .no-performance p{color:var(--font-sec-color);margin:0;font-size:1em;line-height:1.5}@media screen and (max-width:1023px){.performance-list .date-picker-container{flex-direction:column;display:flex}.performance-list .performance-list-body{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media screen and (max-width:767px){.performance-list{padding-top:40px;padding-bottom:80px}.performance-list .performance-list-header{margin-bottom:16px}.performance-list .performance-list-header p{margin-bottom:6px;font-size:10px}.performance-list .performance-list-header h3{font-size:20px}.performance-list .performance-list-header h3 span,.performance-list .performance-list-count{font-size:13px}.performance-list .performance-list-body{gap:8px}.performance-list .no-performance{border-radius:8px;min-height:85px}.performance-list .selected-date-performance{padding:0}.performance-list .upcoming-performances{margin-top:40px}}