.performance-card{background-color:var(--background-color);box-shadow:0 0 0 1px var(--border-color);color:var(--font-color);z-index:1;border-radius:12px;grid-template-columns:50px 100px minmax(0,1fr) 20px;align-items:center;gap:20px;padding:0 20px;text-decoration:none;transition:border-color .25s,background-color .25s;display:grid;position:relative;overflow:hidden}.performance-card:before{content:"";background-color:var(--background-sec-color);z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}@media (hover:hover) and (pointer:fine){.performance-card:any-link:hover{box-shadow:0 0 0 1px var(--primary-color);z-index:2}.performance-card:any-link:hover:before{background-color:rgb(from var(--primary-color) r g b/.05)}}.performance-card:any-link:active{box-shadow:0 0 0 1px var(--primary-color);z-index:2}.performance-card:any-link:active:before{background-color:rgb(from var(--primary-color) r g b/.05)}.performance-date{white-space:nowrap;flex-direction:column;display:flex}.performance-date strong{color:var(--font-color);font-size:20px;font-weight:500}.performance-date span{color:var(--font-sec-color);font-size:13px}.performance-poster{aspect-ratio:4/5;width:100%}.performance-poster img{object-fit:cover;width:100%;height:100%;display:block}.performance-info{flex-direction:column;gap:5px;min-width:0;display:flex}.performance-info strong{color:var(--font-color);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:20px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.performance-info span{color:var(--font-sec-color);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.performance-info em{background-color:rgb(from var(--primary-color) r g b/.15);color:var(--primary-color);border-radius:999px;padding:2px 10px;font-size:13px;font-style:normal;font-weight:500;line-height:1}.performance-arrow{color:var(--font-sec-color);font-size:20px;transition:color .25s,transform .25s}.performance-arrow>span{font-size:1em}@media (hover:hover) and (pointer:fine){.performance-card:any-link:hover .performance-arrow{color:var(--primary-color);transform:translate(5px)}}.performance-card:any-link:active .performance-arrow{color:var(--primary-color);transform:translate(5px)}@media screen and (max-width:1023px){.performance-card{border-radius:8px;grid-template-columns:42px 70px minmax(0,1fr) 16px;gap:12px;padding:0 12px}.performance-date{flex-direction:column;align-items:flex-start;display:flex}.performance-date strong{font-size:16px}.performance-date span{font-size:10px}.performance-info{gap:4px}.performance-info strong{font-size:14px}.performance-info span{font-size:10px}.performance-info em{padding:1px 7px;font-size:8px}.performance-arrow{font-size:16px}}