:root{--header-height: 5.625rem}html:has(.header.--header-scroll){--header-height: 4.375rem}.button{position:relative;display:inline-block;background:#ee9200;color:#fff;text-transform:uppercase;padding:0.875rem 2.5rem;border-radius:0.375rem;text-decoration:none;overflow:hidden;transition:transform .3s ease;will-change:transform;font-weight:500;text-align:center}.button:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff80,#fff0);transform:skew(-25deg)}.button--small{padding:0.8125rem 1.5625rem}.title{font-weight:900;text-transform:uppercase;color:#ee9200;line-height:1.1;color:#fff}.title span{color:#ee9200}.title--center{text-align:center}.title--small{font-weight:500;font-size:1.625rem}.title--tiny{font-size:1.25rem}.text{line-height:1.5}.text--center{text-align:center}.text strong{font-weight:600;color:#fff}.text p:not(:last-child){margin-bottom:0.5rem}.logo{display:flex;align-items:center;column-gap:0.3125rem}.logo__img{flex-shrink:0;width:4.375rem;aspect-ratio:1;object-fit:contain;transition:width .3s}.logo__text{font-size:1.375rem;font-weight:500;color:#fff}.logo__text span{color:#ffb63a}.card-match{background:#1e2229;border-radius:0.375rem;display:flex;flex-direction:column;padding:1rem;transition:border-color .3s;border:0.0625rem solid #1e2229}.card-match__header{display:flex;justify-content:space-between;align-items:center;gap:1.125rem;margin-bottom:1.125rem}.card-match__tag{background:#ee920059;color:#ee9200;text-transform:uppercase;padding:0.75rem 1.25rem;border-radius:0.25rem;font-weight:600;text-align:center}.card-match__tag:nth-child(1){justify-self:end}.card-match__tag:nth-child(3){justify-self:start}.card-match__date{color:#ffffffbf;text-transform:uppercase;text-align:center}.card-match__body{display:grid;grid-template-columns:1fr auto 1fr;gap:2.5rem;align-items:center;padding:0.375rem}.card-match__team{min-width:0;display:flex}.card-match__team:last-child .card-match__link{flex-direction:row-reverse;text-align:left}.card-match__link{display:flex;align-items:center;gap:0.75rem;color:#fff;text-align:right;transition:color .3s;min-width:0}.card-match__logo{width:6.25rem;aspect-ratio:1;object-fit:contain}.card-match__name{font-size:1.375rem;text-transform:uppercase;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-match__score{font-size:2.25rem}.card-match__score-value{font-weight:700;color:#ffffffbf}.card-match__score-value--highlight{color:#ee9200}.card-match__divider{color:#fff;font-weight:900}@media not (max-width:90em){.title{font-size:2.25rem}.title--big{font-size:3.4375rem}}@media (max-width:61.99875em){.title--small{font-size:1.5rem}.card-match__body{gap:1.5rem}.card-match__logo{width:5.625rem}.card-match__name{font-size:1.25rem}.card-match__score{font-size:1.875rem}}@media (max-width:47.99875em){.logo__img{width:3.125rem}.logo__text{font-size:1.25rem}.card-match__header{margin-bottom:0.75rem}.card-match__tag{font-size:0.9375rem;padding:0.625rem 1rem}.card-match__body{grid-template-columns:auto;gap:0.625rem}.card-match__team{justify-content:center}.card-match__score{text-align:center}}@media (not (max-width:35.9375em))and (max-width:90em){.title{font-size:clamp(1.75rem,1.41763005780625rem + .9248554913vw,2.25rem)}.title--big{font-size:clamp(1.875rem,0.8363439306375rem + 2.8901734104vw,3.4375rem)}}@media (max-width:35.9375em){.title{font-size:1.75rem}.title--big{font-size:1.875rem}}@media (max-width:31.875em){.card-match__header{display:grid;justify-items:center;grid-template-columns:repeat(2,1fr)}.card-match__date{order:-1;grid-column:span 2}}@media (max-width:29.99875em){.title--small{font-size:1.375rem}.title--tiny{font-size:1.125rem}.card-match__logo{width:4.375rem}.card-match__name{font-size:1.125rem}.card-match__score{font-size:1.75rem}}@media (max-width:25em){.button{width:100%}}@media not (min-width:47.99875rem){:root{--header-height: 4.375rem}}@media (min-width:47.99875em){.card-match__date{font-size:1.125rem}.card-match__team{justify-content:flex-end}.card-match__team:last-child{justify-content:flex-start}}@media (any-hover:hover){.button:hover{transform:scale(1.03)}.button:hover:before{left:125%;transition:left .7s ease-in-out}.card-match:hover{border-color:#ffb63a}.card-match__link:hover{color:#ffb63a}}