.highlight-filters{margin-bottom:1rem;overflow-x:auto;--tw-bg-opacity:1;background-color:rgb(42 42 42/var(--tw-bg-opacity,1));padding:1rem}.highlight-filters,.highlight-filters__button{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;border-width:1px;border-color:hsla(0,0%,100%,.05)}.highlight-filters__button{cursor:pointer;white-space:nowrap;background-color:rgba(0,0,0,.2);padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(153 153 153/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.highlight-filters__button:hover{background-color:hsla(0,0%,100%,.05)}.highlight-filters__button svg{color:var(--primary)}.highlight-filters__button--active{border-color:var(--primary);background-color:var(--primary);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.highlight-filters__button--active:hover{background-color:var(--primary)}.highlight-filters__button--active svg{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.highlights-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width:768px){.highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.highlights-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.highlight-card{width:100%;overflow:hidden;border-radius:.75rem;border-width:1px;border-color:hsla(0,0%,100%,.05);--tw-bg-opacity:1;background-color:rgb(42 42 42/var(--tw-bg-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;height:420px;box-shadow:0 4px 20px rgba(0,0,0,.2);transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.highlight-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(var(--primary-rgb),.2);border-color:rgba(var(--primary-rgb),.3)}.highlight-card__thumbnail{position:relative;display:block;overflow:hidden;height:200px}.highlight-card__thumbnail:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);pointer-events:none}.highlight-card__thumbnail img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.highlight-card:hover .highlight-card__thumbnail img{transform:scale(1.08)}.highlight-card__duration{position:absolute;bottom:.75rem;right:.75rem;z-index:10;border-radius:9999px;background-color:var(--primary);padding:.375rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.highlight-card__content{display:flex;height:220px;flex-direction:column;padding:1.25rem;background:linear-gradient(180deg,#2a2a2a,#222)}.highlight-card__meta{margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between;height:24px}.highlight-card__badge{display:flex;align-items:center;gap:.5rem;border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500;background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px rgba(var(--primary-rgb),.3)}.highlight-card__badge svg{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));font-size:12px}.highlight-card__league{border-radius:9999px;background-color:rgba(0,0,0,.3);padding:.375rem .75rem;color:rgb(255 255 255/var(--tw-text-opacity,1))}.highlight-card__date,.highlight-card__league{display:flex;align-items:center;gap:.5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1}.highlight-card__date{color:rgb(153 153 153/var(--tw-text-opacity,1))}.highlight-card__date svg{color:var(--primary)}.highlight-card__teams{margin-bottom:.75rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;border-radius:.5rem;background-color:rgba(0,0,0,.2);padding:.75rem;height:60px}.highlight-card__team{display:flex;min-width:0;align-items:center;gap:.5rem}.highlight-card__team:first-child{justify-content:flex-start}.highlight-card__team:last-child{flex-direction:row-reverse;justify-content:flex-start;text-align:right}.highlight-card__team img{height:1.5rem;width:1.5rem;flex-shrink:0;-o-object-fit:contain;object-fit:contain}.highlight-card__team-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.highlight-card__score{min-width:60px;padding-left:.5rem;padding-right:.5rem;text-align:center;font-size:1rem;line-height:1.5rem;font-weight:700;color:var(--primary)}.highlight-card__title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;height:48px;margin:12px 0}.highlight-card:hover .highlight-card__title{background:var(--primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.highlight-card__stats{margin-top:auto;display:flex;align-items:center;gap:1.5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(153 153 153/var(--tw-text-opacity,1));height:24px;padding-top:12px;border-top:1px solid hsla(0,0%,100%,.1)}.highlight-card__stat{display:flex;align-items:center;gap:.5rem;transition:color .3s ease}.highlight-card__stat svg,.highlight-card__stat:hover{color:var(--primary)}.highlight-card__channel{display:flex;align-items:center;gap:8px;margin:8px 0;padding:8px 12px;background:hsla(0,0%,100%,.05);border-radius:20px;width:-moz-fit-content;width:fit-content;border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.highlight-card__channel-icon{font-size:14px;color:var(--primary)}.highlight-card__channel-name{font-size:14px;color:#fff;font-weight:500}.highlight-card__channel:hover{background:rgba(var(--primary-rgb),.1);transform:translateX(5px);border-color:rgba(var(--primary-rgb),.3)}@media (max-width:768px){.highlight-filters{padding:.75rem}.highlight-filters__button{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem}.highlight-card{height:380px}.highlight-card__thumbnail{height:180px}.highlight-card__content{height:200px;padding:1rem}.highlight-card__title{height:40px;font-size:14px;margin:8px 0}.highlight-card__stats{gap:1rem;padding-top:8px}.highlight-card__channel{padding:6px 10px;margin:6px 0}}
/*# sourceMappingURL=d308270127dcd167.css.map*/