.sbk-vb{--g: var(--sbk-gutter);--p: 0;--r: 2.4rem}@media screen and (min-width:750px){.sbk-vb{--g: 3.2rem}}.sbk-vb:not([data-grow]){--p: 0 !important}.sbk-vb__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sbk-s24);margin-bottom:var(--sbk-s24)}.sbk-vb__head .sbk-heading{margin:0}.sbk-vb__tabs{display:flex;gap:var(--sbk-s8);flex:none}.sbk-vb__tab{position:relative;display:inline-flex;align-items:center;gap:var(--sbk-s8);cursor:pointer;min-height:4.4rem;padding:0 var(--sbk-s18);border-radius:999px;border:1px solid rgba(var(--color-foreground),.14);background:transparent;color:rgb(var(--color-foreground));font:500 1.45rem/1 var(--font-body-family);white-space:nowrap;overflow:hidden;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.sbk-vb__tab-n{font-variant-numeric:tabular-nums;opacity:.5}.sbk-vb__tab:hover{border-color:rgba(var(--color-foreground),.4)}.sbk-vb__tab.is-active{background:rgb(var(--sbk-fill, var(--color-foreground)));color:rgb(var(--color-background));border-color:transparent}i.sbk-vb__tab-bar{position:absolute;left:1.8rem;right:1.8rem;bottom:.7rem;height:2px;border-radius:2px;background:rgba(var(--color-background),.25);opacity:0}i.sbk-vb__tab-bar>i{display:block;height:100%;border-radius:inherit;background:rgb(var(--color-background));transform-origin:left;transform:scaleX(var(--t, 0))}.sbk-vb__tab.is-active i.sbk-vb__tab-bar{opacity:1}.sbk-vb__stage{position:relative}.sbk-vb__card{--in0: max(var(--g), calc((100vw - var(--page-width)) / 2 + var(--g)));--in: calc(var(--in0) * (1 - var(--p)));position:relative;width:100vw;margin-left:calc(50% - 50vw);height:min(80svh,56.25vw);min-height:32rem;overflow:hidden;background:#00082e;clip-path:inset(0 var(--in) round calc(var(--r) * (1 - var(--p) * .7)))}.sbk-vb__clip{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .9s ease}.sbk-vb__clip.is-active{opacity:1}.sbk-vb__clip img,.sbk-vb__clip video,.sbk-vb__card>.placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(calc(1.14 - var(--p) * .14));transform-origin:center}.sbk-vb__clip video{opacity:0;transition:opacity .6s ease}.sbk-vb__clip video.is-on{opacity:1}.sbk-vb__caption{position:absolute;left:calc(var(--in) + 2rem);bottom:2rem}.sbk-vb__cap{display:none;margin:0;align-items:center;gap:var(--sbk-s10);padding:var(--sbk-s10) var(--sbk-s18);border-radius:999px;background:#00082e8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1.45rem}.sbk-vb__cap.is-active{display:inline-flex;animation:sbk-vb-cap .6s cubic-bezier(.2,.7,.2,1) both}.sbk-vb__cap b{font-weight:600}.sbk-vb__cap span{opacity:.7}@keyframes sbk-vb-cap{0%{opacity:0;transform:translateY(.8rem)}}.sbk-vb__toggle{position:absolute;right:calc(var(--in) + 2rem);bottom:2rem;width:4.8rem;height:4.8rem;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;background:#fff;color:#0e0f12;padding:0}.sbk-vb__toggle svg{width:1.8rem;height:1.8rem}.sbk-vb__i-play,.sbk-vb.is-paused .sbk-vb__i-pause{display:none}.sbk-vb.is-paused .sbk-vb__i-play{display:block}.sbk-vb__foot{margin-top:var(--sbk-s24);display:flex;justify-content:center}@media screen and (max-width:749px){.sbk-vb{--r: 1.6rem}.sbk-vb__head{flex-direction:column;align-items:stretch;gap:var(--sbk-s14);margin-bottom:var(--sbk-s16)}.sbk-vb__tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px;overflow:visible;margin:0;padding:0}.sbk-vb__tab{min-width:0;justify-content:center;text-align:center;min-height:4rem;padding:0 5px;font-size:1.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbk-vb__tab-n{display:none}i.sbk-vb__tab-bar{left:1.2rem;right:1.2rem}.sbk-vb__card{height:auto;min-height:0;aspect-ratio:var(--vb-ar, 16 / 9)}.sbk-vb__clip img,.sbk-vb__clip video,.sbk-vb__card>.placeholder-svg{object-fit:contain;transform:none}.sbk-vb__caption{left:calc(var(--in) + 1.2rem);bottom:1.2rem;right:calc(var(--in) + 6.4rem)}.sbk-vb__cap{padding:var(--sbk-s8) var(--sbk-s14);font-size:1.3rem}.sbk-vb__cap span{display:none}.sbk-vb__toggle{right:calc(var(--in) + 1.2rem);bottom:1.2rem;width:4.4rem;height:4.4rem}}@media(prefers-reduced-motion:reduce){.sbk-vb{--p: 1 !important}.sbk-vb__clip img,.sbk-vb__clip video{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/sbk-video-band.css.map */
