.bb-autovideo{height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;opacity:0;position:absolute;transition:opacity .4s var(--bb-ease, ease);width:100%}.bb-autovideo.is-playing{opacity:1}.bb-video-toggle{align-items:center;-webkit-appearance:none;appearance:none;background:rgba(var(--bb-rgb-ink),.46);border:0;border-radius:50%;bottom:var(--bb-space-3);color:var(--bb-color-text-on-dark);cursor:pointer;display:flex;height:3.6rem;justify-content:center;position:absolute;right:var(--bb-space-3);width:3.6rem;z-index:2}.bb-video-toggle[hidden],.bb-video-toggle .bb-video-toggle__play,.bb-video-toggle[aria-pressed=false] .bb-video-toggle__pause{display:none}.bb-video-toggle[aria-pressed=false] .bb-video-toggle__play{display:block}.bb-play{align-items:center;-webkit-appearance:none;appearance:none;background:rgb(var(--bb-rgb-paper));border:0;border-radius:50%;box-shadow:0 .6rem 2.4rem rgba(var(--bb-rgb-ink),.22);color:rgb(var(--bb-rgb-ink));cursor:pointer;display:flex;height:7.2rem;justify-content:center;transition:transform var(--bb-duration, .2s) var(--bb-ease, ease);width:7.2rem}.bb-play svg{margin-inline-start:.3rem}.bb-play--small{height:4.4rem;width:4.4rem}.bb-bubbles{padding-block:var(--bb-space-5) var(--bb-space-4)}.bb-bubbles__head{margin:0 0 var(--bb-space-3)}.bb-bubbles__row{gap:var(--bb-space-4);list-style:none;margin-block:0;padding-block:.4rem}.bb-bubble{-webkit-appearance:none;appearance:none;background:none;border:0;color:inherit;cursor:pointer;display:grid;font:inherit;gap:var(--bb-space-2);justify-items:center;padding:0;width:8.4rem}.bb-bubble__ring{aspect-ratio:1;background:var(--bb-color-notice);border-radius:50%;display:block;padding:.25rem;transition:transform var(--bb-duration, .2s) var(--bb-ease, ease);width:100%}.bb-bubble.is-seen .bb-bubble__ring{background:var(--bb-color-line)}.bb-bubble__img{background:var(--bb-color-bg-alt);border:.25rem solid var(--bb-color-bg);border-radius:50%;display:block;height:100%;overflow:hidden;width:100%}.bb-bubble__img img{display:block;height:100%;object-fit:cover;width:100%}.bb-bubble__name{font-size:var(--bb-text-xs);line-height:var(--bb-leading-snug);text-align:center}@media(hover:hover){.bb-bubble:hover .bb-bubble__ring{transform:scale(1.04)}.bb-film__frame:hover .bb-play,.bb-vcard:hover .bb-play{transform:scale(1.06)}}@media(min-width:750px){.bb-bubbles__row{justify-content:center;gap:var(--bb-space-6)}.bb-bubble{width:10.4rem}.bb-bubble__name{font-size:var(--bb-text-sm)}}.bb-film__head{margin-block-end:var(--bb-space-6)}.bb-film__frame{aspect-ratio:4 / 5;background:rgba(var(--bb-rgb-paper),.08);border-radius:var(--bb-radius-panel);isolation:isolate;overflow:hidden;position:relative}.bb-film__frame>img,.bb-film__frame>video,.bb-film__frame>svg{display:block;height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;position:absolute;width:100%}.bb-film__frame>video{background:#000;object-fit:contain;z-index:2}.bb-film__frame>video[hidden]{display:none}.bb-film__overlay{align-items:center;background:linear-gradient(to top,rgba(var(--bb-rgb-ink),.5),rgba(var(--bb-rgb-ink),.08) 55%);display:flex;flex-direction:column;gap:var(--bb-space-3);top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;z-index:1}.bb-film__runtime{background:rgba(var(--bb-rgb-ink),.46);border-radius:var(--bb-radius-pill);bottom:var(--bb-space-4);color:var(--bb-color-text-on-dark);font-size:var(--bb-text-xs);left:var(--bb-space-4);margin:0;padding:.4rem 1.2rem;position:absolute}.bb-film__empty{background:rgb(var(--bb-rgb-paper));border-radius:var(--bb-radius-pill);color:rgb(var(--bb-rgb-ink));font-size:var(--bb-text-sm);margin:0;padding:.6rem 1.6rem}.bb-film__empty[hidden]{display:none}.bb-film__notes{display:grid;gap:var(--bb-space-4);list-style:none;margin:var(--bb-space-5) 0 0;padding:0}.bb-film__notes strong{display:block;font-family:var(--bb-font-heading, inherit);font-size:var(--bb-text-xl);font-weight:var(--bb-weight-heading);line-height:1.1}.bb-film__notes span{font-size:var(--bb-text-sm);line-height:var(--bb-leading-snug);opacity:.78}@media(min-width:750px){.bb-film__frame{aspect-ratio:16 / 9}.bb-film__notes{grid-auto-columns:1fr;grid-auto-flow:column}}.bb-vstrip__row{list-style:none;margin-block:0;padding-block:0}.bb-vstrip__row>li{width:62vw}.bb-vcard{-webkit-appearance:none;appearance:none;background:var(--bb-color-bg-alt);border:0;border-radius:var(--bb-radius-panel);color:var(--bb-color-text-on-dark);cursor:pointer;display:block;font:inherit;overflow:hidden;padding:0;position:relative;text-align:start;width:100%}.bb-vcard__media{aspect-ratio:9 / 16;display:block}.bb-vcard__media img,.bb-vcard__media svg{display:block;height:100%;object-fit:cover;width:100%}.bb-vcard .bb-play{left:var(--bb-space-3);position:absolute;top:var(--bb-space-3)}.bb-vcard__text{background:var(--bb-scrim-rise);bottom:0;display:grid;gap:.2rem;left:0;padding:var(--bb-space-7) var(--bb-space-3) var(--bb-space-3);position:absolute;right:0}.bb-vcard__title{font-size:var(--bb-text-base);font-weight:var(--bb-weight-strong);line-height:var(--bb-leading-snug)}.bb-vcard__label{font-size:var(--bb-text-xs);opacity:.84}@media(min-width:750px){.bb-vstrip__row>li{width:calc((100% - var(--bb-space-3) * 3) / 4)}}.bb-sv{background:none;border:0;color:var(--bb-color-text-on-dark);font-family:var(--bb-font-body, inherit);height:100dvh;max-height:none;max-width:none;overflow:hidden;padding:0;width:100vw}.bb-sv[open]{align-items:center;display:flex;gap:var(--bb-space-5);justify-content:center}.bb-sv::backdrop{background:rgba(var(--bb-rgb-ink),.92)}.bb-sv__stage{background:var(--bb-color-bg-dark);height:100%;overflow:hidden;position:relative;touch-action:pan-x;-webkit-user-select:none;user-select:none;width:100%}.bb-sv__media{top:0;right:0;bottom:0;left:0;position:absolute}.bb-sv__media img,.bb-sv__media video{display:block;height:100%;object-fit:cover;pointer-events:none;width:100%}.bb-sv__empty{background:var(--bb-color-bg-dark);height:100%}.bb-sv__shade{background:linear-gradient(to bottom,rgba(var(--bb-rgb-ink),.52),rgba(var(--bb-rgb-ink),0) 22%),linear-gradient(to top,rgba(var(--bb-rgb-ink),.72),rgba(var(--bb-rgb-ink),0) 42%);top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.bb-sv__bars{display:flex;gap:.4rem;left:var(--bb-space-3);position:absolute;right:var(--bb-space-3);top:calc(var(--bb-space-3) + env(safe-area-inset-top));z-index:3}.bb-sv__bars span{background:rgba(var(--bb-rgb-paper),.34);border-radius:.2rem;flex:1;height:.3rem;overflow:hidden}.bb-sv__bars i{background:var(--bb-color-text-on-dark);display:block;height:100%;transform:scaleX(0);transform-origin:left}.bb-sv__top{align-items:center;display:flex;gap:var(--bb-space-2);left:var(--bb-space-3);position:absolute;right:var(--bb-space-2);top:calc(var(--bb-space-5) + env(safe-area-inset-top));z-index:3}.bb-sv__title{flex:1;font-size:var(--bb-text-sm);font-weight:var(--bb-weight-strong);margin:0;min-width:0}.bb-sv__label{background:rgba(var(--bb-rgb-ink),.5);border-radius:var(--bb-radius-pill);font-size:var(--bb-text-xs);line-height:1;margin:0;padding:.5rem 1rem;white-space:nowrap}.bb-sv__icon,.bb-sv__arrow{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer;display:flex;height:4.4rem;justify-content:center;padding:0;width:4.4rem}.bb-sv__icon[hidden]{display:none}.bb-sv__arrow{background:rgba(var(--bb-rgb-paper),.14);display:none;flex:none}.bb-sv__zone{-webkit-appearance:none;appearance:none;background:none;border:0;bottom:0;cursor:pointer;padding:0;position:absolute;top:8rem;z-index:2}.bb-sv__zone--prev{left:0;width:34%}.bb-sv__zone--next{right:0;width:66%}.bb-sv__foot{bottom:calc(var(--bb-space-4) + env(safe-area-inset-bottom));display:grid;gap:var(--bb-space-3);left:var(--bb-space-4);pointer-events:none;position:absolute;right:var(--bb-space-4);transition:opacity var(--bb-duration, .2s) var(--bb-ease, ease);z-index:3}.bb-sv__stage.is-held .bb-sv__foot,.bb-sv__stage.is-held .bb-sv__top{opacity:0}.bb-sv__caption{font-family:var(--bb-font-heading, inherit);font-size:var(--bb-text-xl);line-height:var(--bb-leading-tight);margin:0;text-shadow:0 .1rem 1.2rem rgba(var(--bb-rgb-ink),.55)}.bb-sv__caption:empty{display:none}.bb-sv__cta{background:rgb(var(--bb-rgb-paper));color:rgb(var(--bb-rgb-ink));pointer-events:auto;width:100%}.bb-sv__cta[hidden]{display:none}@media(min-width:750px){.bb-sv__stage{aspect-ratio:9 / 16;border-radius:var(--bb-radius-panel);height:min(90dvh,86rem);width:auto}.bb-sv__arrow{display:flex}.bb-sv--single .bb-sv__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/bb-video.css.map */