.vsb-main{position:relative;width:100%;overflow:hidden}.vsb-main .vsb-wrapper{position:relative;overflow:hidden;display:flex;align-items:stretch;border-radius:12px}.vsb-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.vsb-bg-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.vsb-bg-video,.vsb-bg-iframe{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border:0}.vsb-bg-iframe{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.vsb-placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.vsb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,var(--vsb-overlay-opacity, .25));z-index:1;display:block!important}.vsb-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#0000008c,#00000040,#0000);z-index:2}.vsb-inner{position:relative;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:2.4rem;width:100%;padding:4rem}.vsb-content{flex:1;max-width:52rem;display:flex;flex-direction:column;gap:1rem}.vsb-badge{display:inline-block;padding:2px 10px;border-radius:100px;background-color:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:12px;font-weight:500;letter-spacing:.03em;line-height:2;margin:0;width:fit-content}.vsb-heading{font-size:2.4rem;font-weight:700;line-height:1.15;color:#fff;margin:0;letter-spacing:-.02em}.vsb-subtext{font-size:1rem;line-height:1.6;color:#fffc;max-width:44rem}.vsb-subtext p{margin:0}.vsb-play-toggle{position:relative;z-index:3;flex-shrink:0;width:3.2rem;height:3.2rem;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:#fffffff5;color:#111;cursor:pointer;box-shadow:0 8px 28px #0000003d;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.vsb-play-toggle:hover{transform:scale(1.05);box-shadow:0 12px 34px #0000004d}.vsb-play-toggle__icon{display:inline-flex;align-items:center;justify-content:center}.vsb-play-toggle__icon--pause,.vsb-play-toggle.is-playing .vsb-play-toggle__icon--play{display:none}.vsb-play-toggle.is-playing .vsb-play-toggle__icon--pause{display:inline-flex}@media screen and (max-width:749px){.vsb-inner{flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:2.4rem 1.6rem;gap:1.6rem;height:100%}.vsb-gradient{background:linear-gradient(to top,#000000a6,#0003 60%,#0000)}.vsb-content{max-width:100%}.vsb-subtext{font-size:1.4rem;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-video-story-banner.css.map */