.image-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:none}.image-viewer.is-open{display:block}.image-viewer__mask{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9}.image-viewer__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:64px 84px 96px;pointer-events:none}.image-viewer__figure{pointer-events:auto;margin:0;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.image-viewer__main{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 12px 48px #00000073;transition:opacity .25s ease;opacity:1}.image-viewer__main.is-fading{opacity:0}.image-viewer__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:#ffffff24;color:#fff;cursor:pointer;pointer-events:auto;transition:background .2s,transform .2s}.image-viewer__arrow:hover{background:#ffffff52}.image-viewer__arrow:active{transform:translateY(-50%) scale(.92)}.image-viewer__arrow--prev{left:18px}.image-viewer__arrow--next{right:18px}.image-viewer.is-single .image-viewer__arrow{display:none}.image-viewer__close{position:absolute;top:16px;right:16px;z-index:3;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:none;border-radius:50%;background:#ffffff24;color:#fff;cursor:pointer;pointer-events:auto;transition:background .2s,transform .2s}.image-viewer__close:hover{background:#ffffff52}.image-viewer__close:active{transform:scale(.92)}.image-viewer__panel{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 0 22px;pointer-events:none}.image-viewer__counter{margin:0;font-size:14px;line-height:1;letter-spacing:.04em;color:#ffffffd9;font-variant-numeric:tabular-nums}.image-viewer__thumbs{display:flex;gap:10px;max-width:calc(100vw - 32px);overflow-x:auto;padding:2px;scroll-behavior:smooth;pointer-events:auto;-webkit-overflow-scrolling:touch}.image-viewer__thumb{flex:0 0 auto;width:64px;height:64px;padding:0;border:2px solid rgba(255,255,255,.35);border-radius:6px;overflow:hidden;background:none;cursor:pointer;opacity:.65;transition:opacity .2s,border-color .2s,transform .2s}.image-viewer__thumb:hover{opacity:1}.image-viewer__thumb.is-active{border-color:#fff;opacity:1;transform:scale(1.05)}.image-viewer__thumb img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.image-viewer.is-open .image-viewer__mask{animation:ddImageViewerFade .18s ease both}.image-viewer.is-open .image-viewer__figure{animation:ddImageViewerZoom .28s cubic-bezier(.22,.61,.36,1) both}.image-viewer.is-open .image-viewer__panel{animation:ddImageViewerRise .3s ease both}@keyframes ddImageViewerFade{0%{opacity:0}to{opacity:1}}@keyframes ddImageViewerZoom{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes ddImageViewerRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}html.dd-viewer-lock,html.dd-viewer-lock body{overflow:hidden}@media(max-width:640px){.image-viewer__stage{padding:56px 12px 88px}.image-viewer__arrow{width:36px;height:36px}.image-viewer__arrow--prev{left:6px}.image-viewer__arrow--next{right:6px}.image-viewer__close{top:12px;right:12px;width:38px;height:38px}.image-viewer__thumb{width:54px;height:54px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/dd-image-viewer.css.map */