deeb-product-media-modal{--deeb-media-surface: #f4efe8;--deeb-media-surface-light: rgba(255, 255, 255, .42);--deeb-media-ink: #241510;--deeb-media-gold: #c99846;--deeb-media-border: rgba(201, 152, 70, .22);--deeb-media-soft-border: rgba(169, 112, 49, .22);display:none}deeb-product-media-modal[open]{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:100vw;height:100dvh;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overflow:hidden;background:#0c0a09d6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.deeb-product-media-modal__dialog{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;width:min(92vw,1040px);height:min(90dvh,860px);min-height:0;margin:0;padding:16px;overflow:hidden;border:1px solid var(--deeb-media-border);border-radius:22px;background:var(--deeb-media-surface);color:var(--deeb-media-ink);box-shadow:0 38px 90px -34px #000000eb}.deeb-product-media-modal__content{display:grid;place-items:center;width:100%;height:100%;min-height:0;margin:0;padding:12px;overflow:hidden;border:0;border-radius:16px;background:var(--deeb-media-surface-light);box-shadow:none;overscroll-behavior:contain;touch-action:pan-y pinch-zoom}.deeb-product-media-modal__item{grid-area:1 / 1;display:none;place-items:center;width:100%;height:100%;min-width:0;min-height:0;margin:0}.deeb-product-media-modal__item.is-active{display:grid}.deeb-product-media-modal__item>img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(90dvh - 142px);margin:0;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.deeb-product-media-modal__item>deferred-media,.deeb-product-media-modal__item>.product-media-modal__model{width:100%;max-width:100%;height:auto;max-height:calc(90dvh - 142px);margin:0}.deeb-product-media-modal__item deferred-media,.deeb-product-media-modal__item product-model,.deeb-product-media-modal__item .media,.deeb-product-media-modal__item video,.deeb-product-media-modal__item iframe,.deeb-product-media-modal__item model-viewer{max-width:100%;max-height:calc(90dvh - 142px)}.deeb-product-media-modal__item .media,.deeb-product-media-modal__item .global-media-settings{border:0;background:transparent;box-shadow:none}.deeb-product-media-modal__item .product__xr-button{width:min(100%,460px);margin-inline:auto}.deeb-product-media-modal__thumbnails{display:flex;align-items:center;gap:10px;width:100%;min-width:0;padding:2px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;overscroll-behavior-inline:contain}.deeb-product-media-modal__thumbnails[hidden]{display:none}.deeb-product-media-modal__thumbnail{position:relative;flex:0 0 66px;width:66px;height:66px;padding:0;overflow:hidden;scroll-snap-align:center;border:1px solid var(--deeb-media-soft-border);border-radius:12px;-webkit-appearance:none;appearance:none;background:#fffaf5db;color:var(--deeb-media-ink);cursor:pointer;opacity:.72;transition:opacity .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.deeb-product-media-modal__thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.deeb-product-media-modal__thumbnail[aria-current]{opacity:1;border-color:var(--deeb-media-gold);box-shadow:0 0 0 2px #c998462e}.deeb-product-media-modal__thumbnail:focus-visible,.deeb-product-media-modal__close:focus-visible{outline:2px solid var(--deeb-media-gold);outline-offset:3px}.deeb-product-media-modal__close{position:fixed;z-index:10002;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(36,21,16,.22);border-radius:50%;-webkit-appearance:none;appearance:none;background:#fffaf5f5;color:var(--deeb-media-ink);cursor:pointer;box-shadow:0 18px 40px -24px #000000c7}.deeb-product-media-modal__close .icon,.deeb-product-media-modal__close svg{width:20px;height:20px}@media(hover:hover){.deeb-product-media-modal__thumbnail:hover{opacity:1;transform:translateY(-1px)}.deeb-product-media-modal__close:hover{border-color:#c998467a}}@media screen and (max-width:749px){deeb-product-media-modal[open]{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.deeb-product-media-modal__dialog{width:96vw;height:88dvh;gap:8px;padding:10px;border-radius:18px}.deeb-product-media-modal__content{padding:8px;border-radius:13px}.deeb-product-media-modal__item>img,.deeb-product-media-modal__item>deferred-media,.deeb-product-media-modal__item>.product-media-modal__model,.deeb-product-media-modal__item deferred-media,.deeb-product-media-modal__item product-model,.deeb-product-media-modal__item .media,.deeb-product-media-modal__item video,.deeb-product-media-modal__item iframe,.deeb-product-media-modal__item model-viewer{max-height:calc(88dvh - 112px)}.deeb-product-media-modal__thumbnails{gap:8px;padding-bottom:2px}.deeb-product-media-modal__thumbnail{flex-basis:58px;width:58px;height:58px;border-radius:10px}.deeb-product-media-modal__close{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:42px;height:42px}}@media(forced-colors:active){.deeb-product-media-modal__thumbnail[aria-current],.deeb-product-media-modal__thumbnail:focus-visible,.deeb-product-media-modal__close:focus-visible{outline:2px solid CanvasText}}@media(prefers-reduced-motion:reduce){deeb-product-media-modal,deeb-product-media-modal *,deeb-product-media-modal *:before,deeb-product-media-modal *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/deeb-product-media.css.map */