.wnr-mockup-gallery{--wnr-thumb-gap: 10px;--wnr-thumb-size: 127px;--wnr-accent: #111;box-sizing:border-box;width:100%;margin-top:12px}.wnr-mockup-gallery *,.wnr-mockup-gallery *:before,.wnr-mockup-gallery *:after{box-sizing:border-box}.wnr-mockup-strip{position:relative;display:flex;align-items:center;gap:6px;width:100%}.wnr-mockup-strip__track{display:flex;gap:var(--wnr-thumb-gap);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;flex:1 1 auto}.wnr-mockup-strip__track::-webkit-scrollbar{display:none}.wnr-mockup-thumb{position:relative;flex:0 0 var(--wnr-thumb-size);width:var(--wnr-thumb-size);height:var(--wnr-thumb-size);padding:0;border:1px solid rgba(0,0,0,.12);border-radius:0;overflow:hidden;background:#f5f5f5;cursor:pointer;transition:border-color .15s ease}.wnr-mockup-thumb:hover,.wnr-mockup-thumb.wnr-mockup-thumb--active{border-color:var(--wnr-accent)}.wnr-mockup-thumb__img{width:100%;height:auto;object-fit:contain;display:block}.wnr-mockup-thumb__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.wnr-mockup-thumb__play svg{width:32px;height:32px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.wnr-mockup-arrow{position:absolute;z-index:1;background:#ffffffb3;backdrop-filter:blur(10);-webkit-backdrop-filter:blur(10px);flex:0 0 auto;display:none;align-items:center;justify-content:center;width:27px;height:70px;padding:0;border:1px solid rgba(0,0,0,.2);border-radius:0;color:#000;cursor:pointer;transition:opacity .15s ease,background .15s ease}.wnr-mockup-arrow.wnr-mockup-arrow--visible{display:inline-flex}.wnr-mockup-arrow:disabled{opacity:.3;cursor:default}.wnr-mockup-arrow svg{width:20px;height:20px;color:#000}.wnr-mockup-arrow.wnr-mockup-strip__arrow--prev,.wnr-mockup-arrow.wnr-mockup-modal__thumbs-prev{left:0}.wnr-mockup-arrow.wnr-mockup-strip__arrow--prev .icon-caret,.wnr-mockup-arrow.wnr-mockup-modal__thumbs-prev .icon-caret{transform:rotate(90deg)}.wnr-mockup-arrow.wnr-mockup-strip__arrow--next,.wnr-mockup-arrow.wnr-mockup-modal__thumbs-next{right:0}.wnr-mockup-arrow.wnr-mockup-strip__arrow--next .icon-caret,.wnr-mockup-arrow.wnr-mockup-modal__thumbs-next .icon-caret{transform:rotate(-90deg)}.wnr-mockup-modal[hidden]{display:none}.wnr-mockup-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center}.wnr-mockup-modal__overlay{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;background:#000c}.wnr-mockup-modal__dialog{position:relative;z-index:1;width:min(92vw,760px);max-height:92vh;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:44px 16px 16px;display:flex;flex-direction:column;gap:14px;overflow:hidden}.wnr-mockup-modal__close{position:absolute;top:10px;right:10px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:#0000000f;color:#111;cursor:pointer;z-index:3}.wnr-mockup-modal__close:hover{background:#0000001f}.wnr-mockup-modal__close svg{width:18px;height:18px}.wnr-mockup-modal__main{position:relative;width:100%;flex:1 1 auto;min-height:0}.wnr-mockup-modal__track{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;width:100%;height:100%;border-radius:8px}.wnr-mockup-modal__track::-webkit-scrollbar{display:none}.wnr-mockup-slide{position:relative;flex:0 0 100%;width:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;max-height:64vh}.wnr-mockup-slide__img,.wnr-mockup-slide__video{width:100%;height:100%;object-fit:contain;display:block}.wnr-mockup-slide__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;border:none;background:transparent;cursor:pointer;pointer-events:auto}.wnr-mockup-slide__play svg{width:64px;height:64px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.wnr-mockup-slide.wnr-mockup-slide--playing .wnr-mockup-slide__play{display:none}.wnr-mockup-modal__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;display:none;align-items:center;justify-content:center;padding:0;border:none;border-radius:0;background:#ffffffb3;backdrop-filter:blur(10);-webkit-backdrop-filter:blur(10px);color:#000;cursor:pointer;transition:opacity .15s ease,background .15s ease}.wnr-mockup-modal__nav.wnr-mockup-modal__nav--visible{display:inline-flex}.wnr-mockup-modal__nav:hover{background:#ffffffe6}.wnr-mockup-modal__nav:disabled{opacity:.3;cursor:default}.wnr-mockup-modal__nav--prev{left:0}.wnr-mockup-modal__nav--prev .icon-caret{transform:rotate(90deg)}.wnr-mockup-modal__nav--next{right:0}.wnr-mockup-modal__nav--next .icon-caret{transform:rotate(-90deg)}.wnr-mockup-modal__nav svg{width:20px;height:20px}.wnr-mockup-modal__thumbs{position:relative;display:flex;align-items:center;gap:6px;width:100%;flex:0 0 auto}.wnr-mockup-modal__thumbs-track{display:flex;gap:var(--wnr-thumb-gap);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;flex:1 1 auto}.wnr-mockup-modal__thumbs-track::-webkit-scrollbar{display:none}@media screen and (max-width:749px){.wnr-mockup-gallery{--wnr-thumb-size: 78px}.wnr-mockup-modal__dialog{width:94vw;padding:42px 10px 20px}.wnr-mockup-slide{max-height:56vh}.wnr-mockup-arrow svg{width:15px;height:15px}.wnr-mockup-arrow{width:19px;height:63px;border:.5px solid rgba(0,0,0,.2)}.wnr-mockup-modal__nav{width:30px;height:40px}}body.wnr-mockup-modal-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/19/assets/mockup-gallery.css.map */