.beacn-live{--bl-bg: #0e0e14;--bl-card: #282934;--bl-text: #ffffff;--bl-muted: rgba(255, 255, 255, .72);--bl-teal: #23bcba;--bl-yellow: #ffca14;--bl-pink: #ff006f;--bl-gap: 16px;background:var(--bl-bg);color:var(--bl-text);padding:40px 0}.beacn-live__inner{max-width:1200px;margin:0 auto;padding:0 20px}.beacn-live__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}.beacn-live__label{display:inline-block;margin:0;padding-bottom:8px;border-bottom:3px solid var(--bl-accent, var(--bl-teal));font-family:var(--typeHeaderPrimary, "Panton Black Caps"),Roboto,sans-serif;font-weight:400;font-size:clamp(20px,2.4vw,28px);letter-spacing:.08em;text-transform:uppercase;color:var(--bl-text)}.beacn-live__link{color:var(--bl-text);font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;font-size:14px}.beacn-live__link:hover,.beacn-live__link:focus-visible{color:var(--bl-accent, var(--bl-teal))}.beacn-live-card{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:var(--bl-card)}.beacn-live-card--vertical{aspect-ratio:9 / 16}.beacn-live-card__play{all:unset;box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;display:block;cursor:pointer}.beacn-live-card__play[hidden]{display:none}.beacn-live-card__play:focus-visible{outline:3px solid var(--bl-yellow);outline-offset:-3px}.beacn-live-card__img,.beacn-live-card iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.beacn-live-card__img{object-fit:cover}.beacn-live-card__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(135deg,#282934,#0e0e14);color:var(--bl-muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.beacn-live-card__icon{position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;display:grid;place-items:center;border-radius:50%;background:#0e0e14b8;border:2px solid rgba(255,255,255,.85)}.beacn-live-card__icon svg{margin-left:3px}.beacn-live-card__title{position:absolute;left:0;right:0;bottom:0;padding:36px 14px 12px;background:linear-gradient(transparent,#000000d1);color:#fff;font-size:14px;font-weight:600;line-height:1.25;text-align:left}.beacn-live-card__badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:4px;background:var(--bl-pink);color:#fff;font-size:12px;font-weight:800;letter-spacing:.1em}@media(hover:hover)and (prefers-reduced-motion:no-preference){.beacn-live-card__img{transition:transform .35s ease}.beacn-live-card__play:hover .beacn-live-card__img{transform:scale(1.04)}.beacn-live-card iframe{animation:beacn-live-fade .3s ease}}@keyframes beacn-live-fade{0%{opacity:0}to{opacity:1}}.beacn-live-hero__player{max-width:1100px;margin:0 auto}.beacn-live-hero__title{text-align:center;margin:0 0 24px}.beacn-live-statement{max-width:640px;margin:28px auto 0;text-align:center}.beacn-live-statement__lead{margin:0 0 8px;font-size:clamp(22px,3vw,32px);font-weight:700}.beacn-live-statement__body{margin:0;color:var(--bl-muted);font-size:16px;line-height:1.5}.beacn-live-shorts__row{display:grid;grid-auto-flow:column;grid-auto-columns:72%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 14% 8px;margin:0 -20px}.beacn-live-shorts__row::-webkit-scrollbar,.beacn-live-more__grid::-webkit-scrollbar{display:none}.beacn-live-shorts__item{scroll-snap-align:center}@media(min-width:750px){.beacn-live-shorts__row{padding:0;margin:0;grid-auto-flow:row;grid-template-columns:repeat(4,1fr);grid-auto-columns:auto;overflow:visible}.beacn-live-shorts__item:nth-child(n+5){display:none}}@media(min-width:1100px){.beacn-live-shorts__row{grid-template-columns:repeat(6,1fr)}.beacn-live-shorts__item:nth-child(n+5){display:block}.beacn-live-shorts__item:nth-child(n+7){display:none}}.beacn-live-clips__grid{display:grid;grid-template-columns:1fr;gap:var(--bl-gap)}@media(min-width:750px){.beacn-live-clips__grid{grid-template-columns:repeat(4,1fr)}.beacn-live-clips__item:first-child{grid-column:span 2;grid-row:span 2}.beacn-live-clips__item .beacn-live-card{height:100%}}.beacn-live-foryou__layout{display:grid;gap:24px;align-items:center}@media(min-width:990px){.beacn-live-foryou__layout{grid-template-columns:2fr 1fr}}.beacn-live-foryou__desc{margin:0 0 20px;color:var(--bl-muted);font-size:18px;line-height:1.5}.beacn-live-foryou__cta{display:inline-block;padding:12px 24px;border-radius:8px;background:var(--bl-accent, var(--bl-yellow));color:#0e0e14;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}.beacn-live-foryou__cta:hover,.beacn-live-foryou__cta:focus-visible{opacity:.85}.beacn-live-more__grid{display:grid;grid-auto-flow:column;grid-auto-columns:72%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 14% 8px;margin:0 -20px}.beacn-live-more__tile{scroll-snap-align:center}@media(min-width:750px){.beacn-live-more__grid{grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;padding:0;margin:0;grid-template-columns:repeat(3,1fr)}}@media(min-width:1100px){.beacn-live-more__grid{grid-template-columns:repeat(6,1fr)}}.beacn-live-more__tile{position:relative;display:block;aspect-ratio:4 / 5;border-radius:12px;overflow:hidden;background:var(--bl-card)}.beacn-live-more__tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.beacn-live-more__tile:focus-visible{outline:3px solid var(--bl-yellow);outline-offset:2px}.beacn-live-more__follow{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px}.beacn-live-window{text-align:center}.beacn-live-window__copy{max-width:560px;margin:0 auto 24px}.beacn-live-window__stage{position:relative;max-width:960px;margin:0 auto 24px;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background:var(--bl-card)}.beacn-live-window__stage .beacn-live-card{height:100%;border-radius:0;aspect-ratio:auto}.beacn-live-window__stage .beacn-live-card--vertical{width:auto;height:100%;aspect-ratio:9 / 16;margin:0 auto}.beacn-live-window__stage.is-shorts{display:flex;justify-content:center;gap:16px}.beacn-live-window__stage.is-shorts .beacn-live-card--vertical{margin:0;flex:0 0 auto}
/*# sourceMappingURL=/cdn/shop/t/200/assets/beacn-live.css.map */