.match-slider{margin:16px 0 24px}.match-slider-stage{touch-action:pan-y;background:#24105f;border-radius:16px;height:475px;overflow:hidden}.match-banner{isolation:isolate;color:#fff;width:100%;height:100%;position:relative;overflow:hidden}.match-banner-media,.match-banner-media img,.match-banner-shade,.match-video-poster{border:0;width:100%;height:100%;position:absolute;inset:0}.match-banner-media img{object-fit:cover}.match-banner-shade{background:linear-gradient(90deg,#14003ce0,#14003c8c 48%,#0000)}.match-banner-whole{z-index:3;position:absolute;inset:0}.match-banner-copy{z-index:4;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;width:62%;height:100%;padding:clamp(24px,4vw,52px);display:flex;position:relative}.match-banner-copy h2{letter-spacing:-.04em;color:inherit;margin:0;font-size:clamp(30px,4vw,58px);line-height:1.02}.match-banner-copy p{margin:0;font-size:clamp(14px,1.3vw,19px)}.match-banner-copy small{font-size:12px}.match-banner-logo{object-fit:contain;max-width:170px;max-height:65px;margin-bottom:15px}.match-banner-person{object-fit:contain;object-position:right bottom;z-index:2;pointer-events:none;width:47%;height:96%;position:absolute;bottom:0;right:0}.match-banner-buttons{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.match-banner-buttons a{pointer-events:auto;color:#fff;background:#510dfc;border-radius:8px;padding:12px 18px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.match-banner-buttons a.secondary{color:inherit;background:#ffffff29;border:1px solid}.match-banner.dark-text{color:#161922}.dark-text .match-banner-shade{background:linear-gradient(90deg,#fffffff2,#fff9 48%,#0000)}.match-slider-controls{color:#321167;justify-content:center;align-items:center;gap:12px;padding:10px;display:flex}.match-slider-controls button{background:#fff;border:1px solid #ded8ea;border-radius:24px;min-width:32px;min-height:32px}.match-slider-controls nav{gap:6px;display:flex}.match-slider-controls nav button{min-width:25px;min-height:25px;font-size:10px}.match-slider-controls button[aria-current=true]{color:#fff;background:#510dfc}.match-slider-controls span{font-size:12px}.match-video-poster{place-items:center;display:grid}.match-video-poster img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.match-video-poster button{z-index:6;color:#211832;background:#fff;border-radius:8px;padding:12px 20px}.match-banner video[controls],.match-banner iframe{z-index:5}.match-ad-slot{width:100%;max-width:1440px;margin:24px auto}.match-ad-slot>small{color:#777;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:10px;display:block}.match-ad-slot .match-banner{aspect-ratio:5;border-radius:12px;min-height:140px}.match-ad-slot .match-banner:not(.has-copy):has(picture){aspect-ratio:auto;min-height:0}.match-ad-slot .match-banner:not(.has-copy) picture,.match-ad-slot .match-banner:not(.has-copy) picture img{height:auto;max-height:none;display:block;position:relative}.match-ad-slot .match-banner-copy h2{font-size:clamp(24px,3vw,38px)}.match-ad-slot .match-banner-copy{padding:24px}.is-preview{pointer-events:auto}.preview-mobile{max-width:390px;margin-inline:auto}.preview-mobile .match-slider-stage{height:510px}.preview-mobile .match-banner-copy{width:100%;padding:24px}.preview-mobile .match-banner-copy h2{font-size:36px}.preview-mobile .match-banner-person{opacity:.45;width:80%;height:65%}.preview-mobile .match-banner-shade{background:linear-gradient(#14003ce6,#14003c59)}@media (width<=600px){.match-slider-stage{height:510px}.match-banner-copy{width:100%;padding:26px 22px}.match-banner-copy h2{font-size:38px}.match-banner-person{opacity:.5;width:75%;height:60%}.match-banner-shade{background:linear-gradient(#14003ce6,#14003c59)}.match-ad-slot .match-banner{aspect-ratio:1}.match-ad-slot .match-banner-copy{width:100%}.match-banner-logo{max-height:44px}.match-slider-controls{gap:8px}.match-slider-controls nav{flex-wrap:wrap;gap:3px}.match-slider-controls nav button{min-width:22px}}.match-banner .match-banner-copy p,.match-banner .match-banner-copy small{color:inherit}.match-banner.dark-text .match-banner-shade{background:linear-gradient(90deg,#fffffff2,#fff9 48%,#0000)}