@font-face{font-family:Graphik;src:url(../../../../../content/dam/promote/fonts/Graphik-Regular.ttf) format("truetype");font-weight:300;font-style:normal}
@font-face{font-family:"Graphik Medium";src:url("../../../../../content/dam/assets/font/Graphik-Medium-Web.woff2") format("woff2");font-weight:500;font-style:normal}
.match-component .container{max-width:1192px !important;width:1192px !important;margin-top:40px}
.plr-10{padding-right:12px;padding-left:12px;margin-top:32px}
.match-component .header-section .header-title{font:var(--f-brand-type-title-1);color:var(--f-brand-color-text-default);padding-bottom:16px;margin-bottom:0}
.match-component .header-section p{font:var(--f-brand-type-body);color:var(--f-brand-color-text-muted);padding:0;margin-bottom:0}
.match-component .match-item{height:360px;max-width:408px;border-radius:var(--f-brand-border-radius-outer);overflow:hidden}
.match-component .match-item .match-header{height:288px;position:relative}
.match-component .match-item .match-header:after{background:transparent linear-gradient(180deg,#1f212b33 0,#1f212bcc 100%) 0 0;content:"";position:absolute;height:288px;width:100%;left:0;right:0;top:0}
.match-component .match-item .match-header .sticker{position:absolute;z-index:9;top:16px;left:24px;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);color:var(--f-brand-color-text-light);background-color:#ffffff1a;border-radius:22px;opacity:1;margin-bottom:0;text-align:left;height:44px;font:var(--f-brand-type-subheading);line-height:44px;padding-left:40px;padding-right:24px}
.match-component .match-item .match-header .sticker::before{content:"";background:url(../../../../../etc.clientlibs/qrweb/components/content/teaser-match-component/client-lib/resources/ic_nav_star.png) no-repeat;height:16px;width:16px;position:absolute;left:16px;top:13px}
.match-component .match-item .match-header .sticker.low-avail::before{content:"";height:8px;background:0;width:8px;background-color:#fcc500;border-radius:4px;position:absolute;left:16px;page-break-after:always;top:17px}
.match-component .match-item .match-header .sticker.sold-out::before{content:"";height:8px;background:0;width:8px;background-color:#d95757;border-radius:4px;position:absolute;left:16px;page-break-after:always;top:17px}
.match-component .match-item .match-header .sticker.coming-soon{padding-left:54px}
.match-component .match-item .match-header .sticker.coming-soon::before{background:url(../../../../../etc.clientlibs/qrweb/components/content/teaser-match-component/client-lib/resources/ic_coming_soon.svg);background-size:100%;top:10px;width:24px;height:24px}
.match-details{position:absolute;bottom:0;left:20px;color:var(--f-brand-color-text-light);padding-bottom:22px;width:90%;z-index:9}
.match-details .match-name{text-align:left;font:var(--f-brand-type-title-2);color:var(--f-brand-color-text-light);opacity:1;margin-bottom:0}
.match-details .match-schedule{font:var(--f-brand-type-title-4)}
.match-details .match-location{font:var(--f-brand-type-subheading);margin-bottom:0}
.match-component .match-banner{height:100%;width:100%;object-fit:cover;border-radius:var(--f-brand-border-radius-outer);transition:.3s all ease-in-out}
.match-component .match-item{border:1px solid transparent;transition:1s ease}
.match-component .match-item:hover .match-banner{transform:scale(1.2)}
.match-component .match-item:hover{border:1px solid var(--f-brand-color-border-selected)}
.match-component .match-item .match-footer{position:relative;height:72px;background-color:var(--f-brand-color-background-light);width:100%;border-radius:0 0 20px 20px}
.match-footer .custom-radio{display:inline-block;position:absolute;left:24px;top:24px;font-size:16px}
.match-footer .custom-radio .custom-control-input:checked+.custom-control-label::before{box-shadow:inset 0 0 0 9px #3a35af}
.match-footer .custom-radio .custom-control-label{align-items:center;display:flex;font-size:1rem;line-height:2rem;padding-left:2rem;color:#29293f;transition:.5s ease}
.match-footer .custom-control-label::after{display:none !important}
.match-footer .custom-radio .custom-control-label::before{background-color:var(--f-brand-color-background-light);border-radius:50%;box-shadow:inset 0 0 0 .1em;color:#6d7682;content:"";height:24px;left:0;position:absolute;transition:.25s ease;width:24px;border:0 solid transparent}
.match-footer .custom-control-input{height:24px;top:4px;left:0;opacity:0;position:absolute;width:100%;z-index:1}
.match-footer .custom-control-input:checked ~ .custom-control-label::before{border-color:#77818e;color:var(--f-brand-color-text-light);transition:.5s ease}
.coming-soon .match-footer .custom-radio .custom-control-label,.sold-out .match-footer .custom-radio .custom-control-label{padding-left:0}
.coming-soon .match-footer .custom-radio .custom-control-label::before,.sold-out .match-footer .custom-radio .custom-control-label::before{display:none}
@media(max-width:768px){.match-component .container{width:100% !important;max-width:100% !important}
.match-component .match-item{max-width:100%}
}
@media(min-width:768px){.match-component .container{width:100% !important;max-width:100% !important}
}
@media(min-width:1192px){.match-component .container{max-width:1192px !important;width:1192px !important;margin-top:40px}
}