.bb-play-button{--size-play-button: 60px;--size-play-icon: 36px;position:absolute;z-index:1;top:50%;left:50%;display:grid;place-items:center;width:var(--size-play-button);height:var(--size-play-button);padding:0;border:0;border-radius:50%;background:var(--color-surface-glass);color:var(--color-text-inverse);cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);translate:-50% -50%;transition:scale var(--motion-duration-fast) var(--motion-ease-out)}.bb-play-button svg{width:var(--size-play-icon);height:var(--size-play-icon);translate:2px 0}@media screen and (max-width:699px){.bb-play-button{--size-play-button: 48px;--size-play-icon: 28px}}.bb-video-modal{--modal-body-max-width: min(420px, 100vw);--modal-body-padding-block: 0;--modal-body-padding-inline: 0}.bb-video-modal::part(content){max-height:100dvh;overflow:hidden;border-radius:var(--radius-card);background:var(--color-surface-page)}.bb-video-modal::part(header){position:absolute;inset:0 0 auto;border:0;background:none;color:var(--color-text-primary)}.bb-video-player{position:relative;display:block}.bb-video-player__video{display:block;width:100%;max-height:85dvh;aspect-ratio:9 / 16;object-fit:contain;cursor:pointer}.bb-video-player__controls{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:12px;padding:32px 16px 16px;background:linear-gradient(transparent,var(--color-surface-overlay));color:var(--color-text-primary)}.bb-video-player__button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--color-surface-glass);color:inherit;cursor:pointer}.bb-video-player__progress{flex:1;min-width:0;accent-color:var(--color-action-secondary-border);cursor:pointer}.bb-video-player__resume,.bb-video-player__sound-off,.bb-video-player:not([playing]) .bb-video-player__pause,[aria-pressed=true]>.bb-video-player__sound-on{display:none}.bb-video-player:not([playing]) .bb-video-player__resume,[aria-pressed=true]>.bb-video-player__sound-off{display:block}
/*# sourceMappingURL=/cdn/shop/t/117/assets/component-bb-video-player.css.map */
