tb-video-expand{display:block}tb-product .tb-video-expand-button{position:absolute;top:8px;right:8px;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:8px;border:1px solid #00071a2b;border-radius:4px;background:#fff;color:#00071a;box-shadow:0 2px 8px #00071a14;--tb-hover-background:#00071a;--tb-hover-foreground:#fff}tb-product .tb-video-expand-button svg{width:26px;height:26px}tb-product .tb-video-expand-button:focus-visible{outline:3px solid #1b55b9;outline-offset:2px}body.tb-video-modal-open{overflow:hidden}dialog.tb-video-dialog{width:min(calc(100vw - 48px),1200px,calc((100dvh - 136px)*var(--tb-video-ratio,1.7777778)));max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);height:fit-content;margin:auto;padding:0;border:1px solid #d8dce1;border-radius:4px;background:#fff;color:#00071a;overflow:auto;box-sizing:border-box;overscroll-behavior:contain}dialog.tb-video-dialog:not([open]){display:none}.tb-video-dialog::backdrop{background:#00071ac7}.tb-video-dialog *{box-sizing:border-box}.tb-video-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:1;min-height:64px;padding:10px 16px;background:#fff;border-bottom:1px solid #e2e5e9}.tb-video-dialog-header h2{margin:0;font:600 18px/1.4 var(--type-body-family,Arial,sans-serif);letter-spacing:0;text-transform:none;color:inherit;overflow-wrap:anywhere}.tb-video-dialog .tb-video-close{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:1px solid #cbd1d9;border-radius:4px;background:#fff;color:#00071a;font-size:28px;line-height:1;cursor:pointer;--tb-hover-background:#00071a;--tb-hover-foreground:#fff}.tb-video-stage{line-height:0;background:#000}.tb-video-stage video{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:var(--tb-video-ratio,16/9);object-fit:contain;margin:0;border:0}.tb-video-error{margin:0;padding:16px;font:400 16px/1.5 var(--type-body-family,Arial,sans-serif)}.tb-video-error[hidden]{display:none}.tb-video-error a{color:inherit;text-decoration:underline}.tb-video-dialog :is(button,video,a):focus-visible{outline:3px solid #1b55b9;outline-offset:-3px}@media(max-width:767px){dialog.tb-video-dialog{width:min(calc(100vw - 24px),calc((100dvh - 136px)*var(--tb-video-ratio,1.7777778)))}.tb-video-dialog-header{gap:10px;padding:8px 12px}.tb-video-dialog-header h2{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/tb-product-video.css.map */