zoom-dialog.cic-zoom{--cic-zoom-bg: rgb(10 15 25 / .95);--cic-zoom-fg: #fff;--cic-zoom-muted: rgb(255 255 255 / .7);--cic-zoom-btn-bg: rgb(255 255 255 / .12);--cic-zoom-btn-bg-hover: rgb(255 255 255 / .24);--cic-zoom-arrow: 44px;--cic-zoom-arrow-inset: 8px;--cic-zoom-pad-x: 16px;--cic-zoom-pad-top: 68px;--cic-zoom-pad-bottom: 76px;--cic-zoom-ease: cubic-bezier(.22, 1, .36, 1);--cic-zoom-duration: .32s;display:contents}@media screen and (min-width:750px){zoom-dialog.cic-zoom{--cic-zoom-arrow: 56px;--cic-zoom-arrow-inset: 24px;--cic-zoom-pad-x: calc(var(--cic-zoom-arrow) + var(--cic-zoom-arrow-inset) * 2);--cic-zoom-pad-top: 72px;--cic-zoom-pad-bottom: 140px}}@media screen and (min-width:750px)and (max-height:640px){zoom-dialog.cic-zoom{--cic-zoom-pad-bottom: 56px}zoom-dialog.cic-zoom .cic-zoom__thumbs{display:none}}zoom-dialog.cic-zoom>dialog.cic-zoom__dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:var(--cic-zoom-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--cic-zoom-fg);opacity:0;scrollbar-width:none;overscroll-behavior:contain;transition:opacity .22s ease,overlay .22s allow-discrete,display .22s allow-discrete}zoom-dialog.cic-zoom>dialog.cic-zoom__dialog[open]{display:block;opacity:1}@starting-style{zoom-dialog.cic-zoom>dialog.cic-zoom__dialog[open]{opacity:0}}zoom-dialog.cic-zoom>dialog.cic-zoom__dialog.is-closing{opacity:0}zoom-dialog.cic-zoom>dialog.cic-zoom__dialog::backdrop{background:transparent}zoom-dialog.cic-zoom>dialog.cic-zoom__dialog:focus{outline:none}zoom-dialog.cic-zoom .cic-zoom__track{position:absolute;inset:var(--cic-zoom-pad-top) var(--cic-zoom-pad-x) var(--cic-zoom-pad-bottom);margin:0;padding:0;list-style:none;container-type:size;touch-action:pan-y pinch-zoom}zoom-dialog.cic-zoom .cic-zoom__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;margin:0;opacity:0;visibility:hidden;translate:var(--cic-zoom-drag, 0) 0}zoom-dialog.cic-zoom .cic-zoom__slide:is(.is-active,.is-near,.is-leaving){display:flex}zoom-dialog.cic-zoom .cic-zoom__slide.is-active{opacity:1;visibility:visible;z-index:1}zoom-dialog.cic-zoom .cic-zoom__slide.is-active:not([style*=--cic-zoom-drag]){transition:translate .24s var(--cic-zoom-ease)}zoom-dialog.cic-zoom .cic-zoom__slide.is-leaving{visibility:visible;pointer-events:none}zoom-dialog.cic-zoom .cic-zoom__frame{--cic-zoom-max-w: calc(var(--cic-zoom-w, 1600) * 2px);background:var(--cic-zoom-ph, none) center / contain no-repeat;aspect-ratio:var(--cic-zoom-w, 1) / var(--cic-zoom-h, 1);width:min(100cqw,var(--cic-zoom-max-w),calc(100cqh * var(--cic-zoom-w, 1) / var(--cic-zoom-h, 1)));height:auto;max-height:100cqh}zoom-dialog.cic-zoom .cic-zoom__frame--media{width:100cqw;height:100cqh;aspect-ratio:auto;display:flex;align-items:center;justify-content:center}zoom-dialog.cic-zoom .cic-zoom__frame--media .product-media{width:100%;max-height:100%}zoom-dialog.cic-zoom .cic-zoom__img{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;background:transparent!important;box-shadow:0 24px 64px #00000059;filter:none!important;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}@media(prefers-reduced-motion:no-preference){zoom-dialog.cic-zoom>dialog[data-animate] .cic-zoom__slide.is-active{animation:cic-zoom-in var(--cic-zoom-duration) var(--cic-zoom-ease) both}zoom-dialog.cic-zoom>dialog[data-animate] .cic-zoom__slide.is-leaving{animation:cic-zoom-out var(--cic-zoom-duration) var(--cic-zoom-ease) both}zoom-dialog.cic-zoom>dialog.cic-zoom__dialog[open]:not([data-animate]) .cic-zoom__slide.is-active .cic-zoom__frame{animation:cic-zoom-open .3s var(--cic-zoom-ease) both}}@keyframes cic-zoom-in{0%{opacity:0;transform:translate(calc(var(--cic-zoom-dir, 1) * 48px))}}@keyframes cic-zoom-out{0%{opacity:1;visibility:visible}to{opacity:0;visibility:visible;transform:translate(calc(var(--cic-zoom-dir, 1) * -48px))}}@keyframes cic-zoom-open{0%{opacity:0;transform:scale(.96)}}@media(prefers-reduced-motion:reduce){zoom-dialog.cic-zoom>dialog.cic-zoom__dialog,zoom-dialog.cic-zoom .cic-zoom__slide,zoom-dialog.cic-zoom .cic-zoom__btn,zoom-dialog.cic-zoom .cic-zoom__thumb{transition:none!important;animation:none!important}}zoom-dialog.cic-zoom .cic-zoom__btn{position:absolute;z-index:2;display:grid;place-items:center;width:44px;height:44px;min-height:0;padding:0;border:0;border-radius:50%;background:var(--cic-zoom-btn-bg);color:var(--cic-zoom-fg);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .16s ease,opacity .2s ease,visibility .2s,scale .16s ease}zoom-dialog.cic-zoom .cic-zoom__btn:hover{background:var(--cic-zoom-btn-bg-hover);color:var(--cic-zoom-fg)}zoom-dialog.cic-zoom .cic-zoom__btn:active{scale:.94}zoom-dialog.cic-zoom .cic-zoom__btn:focus-visible,zoom-dialog.cic-zoom .cic-zoom__thumb:focus-visible{outline:2px solid var(--cic-zoom-fg);outline-offset:3px}zoom-dialog.cic-zoom .cic-zoom__btn svg{display:block;pointer-events:none}zoom-dialog.cic-zoom .cic-zoom__close{top:max(12px,env(safe-area-inset-top));inset-inline-end:max(12px,env(safe-area-inset-right))}zoom-dialog.cic-zoom .cic-zoom__arrow{top:calc(var(--cic-zoom-pad-top) + (100% - var(--cic-zoom-pad-top) - var(--cic-zoom-pad-bottom)) / 2);translate:0 -50%;width:var(--cic-zoom-arrow);height:var(--cic-zoom-arrow)}zoom-dialog.cic-zoom .cic-zoom__arrow--prev{inset-inline-start:var(--cic-zoom-arrow-inset)}zoom-dialog.cic-zoom .cic-zoom__arrow--next{inset-inline-end:var(--cic-zoom-arrow-inset)}[dir=rtl] zoom-dialog.cic-zoom .cic-zoom__arrow svg{transform:scaleX(-1)}zoom-dialog.cic-zoom .cic-zoom__arrow:disabled{opacity:0;visibility:hidden;pointer-events:none}@media screen and (max-width:749px){zoom-dialog.cic-zoom .cic-zoom__arrow{top:auto;bottom:max(16px,env(safe-area-inset-bottom));translate:none}zoom-dialog.cic-zoom .cic-zoom__arrow svg{width:20px;height:20px}}zoom-dialog.cic-zoom .cic-zoom__footer{position:absolute;inset-inline:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 16px calc(max(16px,env(safe-area-inset-bottom)) + 10px);pointer-events:none}zoom-dialog.cic-zoom .cic-zoom__counter{margin:0;min-height:24px;font-size:14px;line-height:24px;font-weight:500;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--cic-zoom-muted)}zoom-dialog.cic-zoom .cic-zoom__thumbs{display:none}@media screen and (min-width:750px){zoom-dialog.cic-zoom .cic-zoom__footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}zoom-dialog.cic-zoom .cic-zoom__thumbs:not(:empty){display:flex;gap:8px;max-width:min(100%,880px);padding:4px;overflow-x:auto;scrollbar-width:none;pointer-events:auto}zoom-dialog.cic-zoom .cic-zoom__thumbs::-webkit-scrollbar{display:none}}zoom-dialog.cic-zoom .cic-zoom__thumb{flex:0 0 auto;width:64px;height:64px;min-height:0;padding:0;border:0;border-radius:6px;overflow:hidden;background:#ffffff0f;opacity:.5;cursor:pointer;transition:opacity .16s ease,outline-color .16s ease;outline:2px solid transparent;outline-offset:2px}zoom-dialog.cic-zoom .cic-zoom__thumb:hover{opacity:.85;background:#ffffff0f}zoom-dialog.cic-zoom .cic-zoom__thumb[aria-current=true]{opacity:1;outline-color:var(--cic-zoom-fg)}zoom-dialog.cic-zoom .cic-zoom__thumb img{display:block;width:100%;height:100%;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cic-zoom.css.map */