.bb-video-hero{position:relative;display:block;height:var(--bb-hero-height-desktop);min-height:480px;overflow:hidden;isolation:isolate;background:#070a0b;color:var(--bb-hero-text-color)}.bb-video-hero__media,.bb-video-hero__poster,.bb-video-hero__poster img,.bb-video-hero__video,.bb-video-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bb-video-hero__poster img,.bb-video-hero__video{display:block;object-fit:cover;object-position:var(--bb-hero-desktop-x) var(--bb-hero-desktop-y)}.bb-video-hero__video{z-index:1;opacity:1}.bb-video-hero__video--mobile{display:none}.bb-video-hero__shade{z-index:2;pointer-events:none;background:rgba(0,0,0,var(--bb-hero-overlay))}.bb-video-hero__shade:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000000b8,#0000005c 38%,#0000 72%)}.bb-video-hero--top-center .bb-video-hero__shade:after,.bb-video-hero--middle-center .bb-video-hero__shade:after,.bb-video-hero--bottom-center .bb-video-hero__shade:after{background:radial-gradient(circle at center,#00000080,#00000014 65%)}.bb-video-hero--top-right .bb-video-hero__shade:after,.bb-video-hero--middle-right .bb-video-hero__shade:after,.bb-video-hero--bottom-right .bb-video-hero__shade:after{background:linear-gradient(270deg,#000000b8,#0000005c 38%,#0000 72%)}.bb-video-hero__content{position:relative;z-index:3;display:grid;width:100%;height:100%;padding-top:clamp(3.2rem,7vw,8rem);padding-bottom:clamp(3.2rem,7vw,8rem)}.bb-video-hero--top-left .bb-video-hero__content,.bb-video-hero--top-center .bb-video-hero__content,.bb-video-hero--top-right .bb-video-hero__content{align-items:start}.bb-video-hero--middle-left .bb-video-hero__content,.bb-video-hero--middle-center .bb-video-hero__content,.bb-video-hero--middle-right .bb-video-hero__content{align-items:center}.bb-video-hero--bottom-left .bb-video-hero__content,.bb-video-hero--bottom-center .bb-video-hero__content,.bb-video-hero--bottom-right .bb-video-hero__content{align-items:end}.bb-video-hero--top-left .bb-video-hero__content,.bb-video-hero--middle-left .bb-video-hero__content,.bb-video-hero--bottom-left .bb-video-hero__content{justify-items:start}.bb-video-hero--top-center .bb-video-hero__content,.bb-video-hero--middle-center .bb-video-hero__content,.bb-video-hero--bottom-center .bb-video-hero__content{justify-items:center}.bb-video-hero--top-right .bb-video-hero__content,.bb-video-hero--middle-right .bb-video-hero__content,.bb-video-hero--bottom-right .bb-video-hero__content{justify-items:end}.bb-video-hero__copy{width:min(100%,var(--bb-hero-content-width));color:var(--bb-hero-text-color);text-shadow:0 2px 22px rgba(0,0,0,.55)}.bb-video-hero__copy--left{text-align:left}.bb-video-hero__copy--center{text-align:center}.bb-video-hero__copy--right{text-align:right}.bb-video-hero__heading{margin:0;color:inherit;line-height:1.02;letter-spacing:-.035em;text-wrap:balance}.bb-video-hero__text{margin-top:1.8rem;color:inherit;font-size:clamp(1.5rem,1.5vw,1.9rem);line-height:1.55}.bb-video-hero__text p{margin:0}.bb-video-hero__button{display:inline-flex;align-items:center;justify-content:center;min-width:16rem;min-height:5.2rem;margin-top:2.6rem;padding:1.2rem 2.8rem;border:1px solid rgba(255,255,255,.16);background:var(--bb-hero-button-color);color:var(--bb-hero-button-text-color);font-weight:700;letter-spacing:.035em;line-height:1;text-decoration:none;text-shadow:none;transition:transform .18s ease,filter .18s ease}.bb-video-hero__button:hover{color:var(--bb-hero-button-text-color);filter:brightness(1.08);transform:translateY(-2px)}.bb-video-hero__button:focus-visible,.bb-video-hero__toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}.bb-video-hero__toggle{position:absolute;right:2rem;bottom:2rem;z-index:4;display:grid;place-items:center;width:4.8rem;height:4.8rem;padding:0;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:#00000075;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bb-video-hero__icon,.bb-video-hero__icon svg{width:2.2rem;height:2.2rem}.bb-video-hero__icon--play,.bb-video-hero.is-paused .bb-video-hero__icon--pause{display:none}.bb-video-hero.is-paused .bb-video-hero__icon--play{display:block}@media screen and (min-width:750px){.bb-video-hero__poster{overflow:hidden;background:#07110a}.bb-video-hero__poster img{object-fit:cover;filter:blur(2.2rem) brightness(.58) saturate(.88);transform:scale(1.08)}.bb-video-hero__video{inset:50% auto auto 50%;width:auto;max-width:none;height:var(--bb-hero-desktop-scene-size);object-fit:contain;object-position:center;background:transparent;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3.5%,#000 96.5%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 3.5%,#000 96.5%,transparent 100%)}}@media screen and (max-width:749px){.bb-video-hero{height:var(--bb-hero-height-mobile);min-height:440px}.bb-video-hero__poster img,.bb-video-hero__video{object-position:var(--bb-hero-mobile-x) var(--bb-hero-mobile-y)}.bb-video-hero__video--desktop{display:none}.bb-video-hero__video--mobile{display:block}.bb-video-hero__shade:after,.bb-video-hero--top-right .bb-video-hero__shade:after,.bb-video-hero--middle-right .bb-video-hero__shade:after,.bb-video-hero--bottom-right .bb-video-hero__shade:after,.bb-video-hero--top-center .bb-video-hero__shade:after,.bb-video-hero--middle-center .bb-video-hero__shade:after,.bb-video-hero--bottom-center .bb-video-hero__shade:after{background:linear-gradient(0deg,#000000c2,#00000042 54%,#0000000a 78%)}.bb-video-hero__content{padding-top:3.2rem;padding-bottom:4.8rem;justify-items:center}.bb-video-hero--mobile-top .bb-video-hero__content{align-items:start}.bb-video-hero--mobile-middle .bb-video-hero__content{align-items:center}.bb-video-hero--mobile-bottom .bb-video-hero__content{align-items:end}.bb-video-hero__copy,.bb-video-hero__copy--left,.bb-video-hero__copy--right{max-width:56rem;text-align:center}.bb-video-hero__heading{font-size:clamp(3.6rem,11vw,5.4rem)}.bb-video-hero__text{margin-top:1.4rem;font-size:1.5rem}.bb-video-hero__button{width:min(100%,28rem);margin-top:2rem}.bb-video-hero__toggle{right:1.2rem;bottom:1.2rem;width:4.4rem;height:4.4rem}}@media(prefers-reduced-motion:reduce){.bb-video-hero__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-bestbongz-video-hero.css.map */