.aaf-image-overlay{--aaf-modal-sidebar-w: 256px;--aaf-modal-thumb-w: 108px;--aaf-modal-gap: 16px;--aaf-modal-dialog-pad: 0px;--aaf-modal-top: 60px;--aaf-modal-img-max: 625px}.aaf-image-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:none;pointer-events:none;background:transparent!important}.aaf-image-overlay[open],.aaf-image-overlay.is-open{display:block;pointer-events:auto;visibility:visible!important;opacity:1!important;overscroll-behavior:contain}.aaf-image-overlay__backdrop{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#3f3f3fe0;cursor:zoom-out}.aaf-image-overlay__dialog{position:relative;width:100%;height:100%;display:flex;align-items:stretch;justify-content:center;gap:var(--aaf-modal-gap);padding:0 var(--aaf-modal-dialog-pad);box-sizing:border-box}.aaf-image-overlay__main{position:relative;flex:0 1 auto;align-self:flex-start;min-width:var(--aaf-modal-img-max);min-height:calc(85vh - var(--aaf-modal-top));max-width:var(--aaf-modal-img-max);display:flex;align-items:flex-start;justify-content:center;padding:calc(15vh - 33px) 0 var(--aaf-modal-top) 0;box-sizing:border-box;outline:none}.aaf-image-overlay__list{position:relative;margin:0;padding:0;list-style:none;display:inline-block}.aaf-image-overlay__item{display:none}.aaf-image-overlay__item.is-active{display:block}.aaf-image-overlay__zoom-wrap{position:relative;display:inline-block;overflow:hidden;border-radius:8px;width:min(var(--aaf-modal-img-max),calc(100vw - var(--aaf-modal-sidebar-w) - var(--aaf-modal-gap) - (var(--aaf-modal-dialog-pad) * 2)));max-height:calc(85vh - var(--aaf-modal-top));aspect-ratio:var(--aaf-aspect, 1);cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='6' fill='%23fff'/%3E%3Cline x1='14.5' y1='14.5' x2='20' y2='20'/%3E%3Cline x1='7' y1='10' x2='13' y2='10'/%3E%3Cline x1='10' y1='7' x2='10' y2='13'/%3E%3C/svg%3E") 10 10,zoom-in}.aaf-image-overlay__zoom-wrap.is-zoomed{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='6' fill='%23fff'/%3E%3Cline x1='14.5' y1='14.5' x2='20' y2='20'/%3E%3Cline x1='7' y1='10' x2='13' y2='10'/%3E%3C/svg%3E") 10 10,zoom-out}@media(hover:none){.aaf-image-overlay__zoom-wrap,.aaf-image-overlay__zoom-wrap.is-zoomed{cursor:pointer;touch-action:manipulation}.aaf-image-overlay__zoom-wrap.is-zoomed{touch-action:none}}.aaf-image-overlay__item img,.aaf-image-overlay__item .product__media,.aaf-image-overlay__item .product-media-container,.aaf-image-overlay__item .global-media-settings{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px;background:transparent;transition:transform .18s ease;transform-origin:0 0;will-change:transform}.aaf-image-overlay__zoom-wrap.is-zoomed img,.aaf-image-overlay__zoom-wrap.is-zoomed .product__media,.aaf-image-overlay__zoom-wrap.is-zoomed .product-media-container,.aaf-image-overlay__zoom-wrap.is-zoomed .global-media-settings{transform:scale(var(--aaf-zoom-scale, 2.5)) translate(var(--aaf-zoom-tx, 0px),var(--aaf-zoom-ty, 0px));transition:transform .08s ease-out;cursor:inherit}.aaf-image-overlay__hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#0009;color:#fff;font-size:14px;font-weight:600;letter-spacing:.02em;pointer-events:none;opacity:0;z-index:4;white-space:nowrap}.aaf-image-overlay__hint.is-showing{animation:aafZoomHintFade 2.6s ease forwards}@keyframes aafZoomHintFade{0%{opacity:0;transform:translate(-50%,-40%)}12%{opacity:1;transform:translate(-50%,-50%)}70%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-60%)}}.aaf-image-overlay__close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #150a040a,0 12px 20px 2px #150a040f;cursor:pointer;z-index:11;transition:transform .12s ease,box-shadow .12s ease}.aaf-image-overlay__close:hover{transform:scale(1.06);box-shadow:0 10px 20px #150a0414,0 14px 24px 2px #150a041a}.aaf-image-overlay__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #150a040a,0 12px 20px 2px #150a040f;cursor:pointer;z-index:3;transition:transform .12s ease,box-shadow .12s ease,opacity .5s ease}.aaf-image-overlay__nav:hover{box-shadow:0 10px 20px #150a0414,0 14px 24px 2px #150a041a}.aaf-image-overlay__nav--prev{left:-11px}.aaf-image-overlay__nav--next{right:-11px}.aaf-image-overlay__main{transition:opacity .25s ease}.aaf-image-overlay__main.aaf-zoom-active .aaf-image-overlay__nav{opacity:0;pointer-events:none}.aaf-image-overlay__sidebar{position:relative;flex:0 0 var(--aaf-modal-sidebar-w);height:100%;padding:calc(15vh - 33px) 0 0 0;box-sizing:border-box;overflow:visible;z-index:10;display:flex;align-items:flex-start;justify-content:center}.aaf-image-overlay__thumbs{overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;border-radius:8px;max-height:calc(85vh - var(--aaf-modal-top))}.aaf-image-overlay__thumbs::-webkit-scrollbar{display:none;width:0;height:0}.aaf-image-overlay__custom-scrollbar{position:absolute;width:8px;background:#3f3f3fe0;border-radius:4px;z-index:12;display:none;pointer-events:auto}.aaf-image-overlay__custom-scrollbar.is-visible{display:block}.aaf-image-overlay__custom-scrollbar-thumb{display:block!important;position:absolute;top:0;left:2px;width:4px;background:#ffffff73;border-radius:2px;cursor:pointer;transition:background .12s ease}.aaf-image-overlay__custom-scrollbar-thumb:hover,.aaf-image-overlay__custom-scrollbar.is-dragging .aaf-image-overlay__custom-scrollbar-thumb{background:#ffffffbf}.aaf-image-overlay__thumbs{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;width:calc(var(--aaf-modal-thumb-w) * 2 + 12px);align-content:flex-start}.aaf-image-overlay__thumb{width:var(--aaf-modal-thumb-w);height:var(--aaf-modal-thumb-w);border-radius:8px;overflow:hidden;cursor:pointer;position:relative;flex:0 0 auto}.aaf-image-overlay__thumb:nth-child(3n){width:calc(var(--aaf-modal-thumb-w) * 2 + 12px);height:calc(var(--aaf-modal-thumb-w) * 2 + 12px)}.aaf-image-overlay__thumb button{width:100%;height:100%;border:none;border-radius:8px;padding:0;background:transparent;cursor:pointer;overflow:hidden;display:block;transition:box-shadow .12s ease}.aaf-image-overlay__thumb img{width:100%;height:100%;object-fit:cover;display:block}.aaf-image-overlay__thumb.is-selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;box-shadow:inset 0 0 0 3px #fff;pointer-events:none;z-index:1}body.aaf-image-overlay-open{overflow:hidden}@media(max-width:1199px){.aaf-image-overlay{--aaf-modal-sidebar-w: 140px;--aaf-modal-thumb-w: 124px;--aaf-modal-dialog-pad: 16px;--aaf-modal-img-max: 560px}.aaf-image-overlay__thumb:nth-child(3n){width:var(--aaf-modal-thumb-w);height:var(--aaf-modal-thumb-w)}.aaf-image-overlay__thumbs{width:var(--aaf-modal-thumb-w);gap:8px}}@media(max-width:989px){.aaf-image-overlay{--aaf-modal-img-max: 440px}}@media(max-width:749px){.aaf-image-overlay{--aaf-modal-sidebar-w: 72px;--aaf-modal-thumb-w: 64px;--aaf-modal-gap: 8px;--aaf-modal-dialog-pad: 8px;--aaf-modal-img-max: 440px}.aaf-image-overlay__thumbs{gap:6px}.aaf-image-overlay__nav{width:36px;height:36px}.aaf-image-overlay__nav--prev{left:8px}.aaf-image-overlay__nav--next{right:8px}.aaf-image-overlay__close{top:8px}}html.aaf-touch .aaf-image-overlay__close{position:fixed!important;top:16px!important;right:16px!important;left:auto!important;width:44px!important;height:44px!important;z-index:9999!important;-webkit-tap-highlight-color:transparent;outline:none}html.aaf-touch .aaf-image-overlay__close:focus,html.aaf-touch .aaf-image-overlay__close:focus-visible{outline:none}html.aaf-touch .aaf-image-overlay__close svg{width:22px;height:22px}.aaf-hint-touch,html.aaf-touch .aaf-hint-mouse{display:none}html.aaf-touch .aaf-hint-touch{display:inline}@media(max-width:400px){.aaf-image-overlay{--aaf-modal-sidebar-w: 0px;--aaf-modal-gap: 0px}.aaf-image-overlay__sidebar{display:none}.aaf-image-overlay__main{min-width:0;min-height:0}}html.aaf-touch .aaf-image-overlay{--aaf-modal-sidebar-w: 0px;--aaf-modal-gap: 0px;--aaf-modal-dialog-pad: 0px}html.aaf-touch .aaf-image-overlay__nav,html.aaf-touch .aaf-image-overlay__sidebar{display:none!important}html.aaf-touch .aaf-image-overlay__dialog{padding:0!important}html.aaf-touch .aaf-image-overlay__main{min-width:0!important;max-width:100vw!important;width:100vw!important;min-height:100dvh!important;height:100dvh!important;padding:max(56px,7dvh) 0 4dvh 0!important;align-self:stretch!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:1.8dvh;box-sizing:border-box}html.aaf-touch .aaf-image-overlay__list{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;width:100vw!important;max-width:100vw!important;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}html.aaf-touch .aaf-image-overlay__list::-webkit-scrollbar{display:none}html.aaf-touch .aaf-image-overlay__item{display:flex!important;flex:0 0 100vw!important;width:100vw!important;max-width:100vw!important;padding:0!important;justify-content:center!important;align-items:center!important;box-sizing:border-box!important;scroll-snap-align:start;scroll-snap-stop:always}html.aaf-touch .aaf-image-overlay__zoom-wrap{width:90vw!important;max-width:90vw!important;min-width:90vw!important;aspect-ratio:auto!important;height:auto!important;max-height:calc(94.2dvh - max(56px,7dvh) - 32px)!important;border-radius:12px!important}html.aaf-touch .aaf-image-overlay__item img,html.aaf-touch .aaf-image-overlay__item .product-media-container,html.aaf-touch .aaf-image-overlay__item .product__media,html.aaf-touch .aaf-image-overlay__item .global-media-settings{border-radius:12px!important}html.aaf-touch .aaf-image-overlay__list:has(.aaf-image-overlay__zoom-wrap.is-zoomed){touch-action:none!important;scroll-snap-type:none}.aaf-modal-dots{display:none}html.aaf-touch .aaf-modal-dots{display:flex!important;position:static;transform:none;gap:8px;padding:0;margin:0;list-style:none;background:transparent;z-index:100;align-self:center}.aaf-modal-dot{width:7px;height:7px;border-radius:50%;background:#ffffff80;border:0;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease;flex:0 0 7px}.aaf-modal-dot.is-active{background:#fff;transform:scale(1.25)}html.aaf-touch .aaf-image-overlay:has(.aaf-image-overlay__zoom-wrap.is-zoomed) .aaf-modal-dots{visibility:hidden!important;pointer-events:none!important}html.aaf-touch .aaf-image-overlay__custom-scrollbar{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/15/assets/aaf-product-modal.css.map */