.brutalist-modal-gallery{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;background:#000000d9;opacity:0;transition:opacity .3s ease}.brutalist-modal-gallery.is-open{display:flex;align-items:center;justify-content:center;opacity:1}.brutalist-modal-gallery .brutalist-modal-gallery__container{position:relative;width:calc(100% - 100px);height:calc(100% - 100px);max-width:1600px;background:#fff;border:2px solid #000000;display:flex;flex-direction:column;z-index:2}.brutalist-modal-gallery .brutalist-modal-gallery__close{position:absolute;top:20px;right:20px;width:56px;height:56px;background:#fff;border:2px solid #000000;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:100}.brutalist-modal-gallery .brutalist-modal-gallery__close svg{stroke:#000;width:24px;height:24px}.brutalist-modal-gallery .brutalist-modal-gallery__close:hover{background:#000;border-color:#fff}.brutalist-modal-gallery .brutalist-modal-gallery__close:hover svg{stroke:#fff}.brutalist-modal-gallery .brutalist-modal-gallery__close:focus-visible{outline:3px solid #ffffff;outline-offset:2px}.brutalist-modal-gallery .brutalist-modal-gallery__counter{position:absolute;top:20px;left:20px;background:#fff;border:2px solid #000000;padding:12px 20px;font-family:Barlow,sans-serif;font-size:18px;font-weight:600;letter-spacing:.1em;color:#000;z-index:100}.brutalist-modal-gallery .brutalist-modal-gallery__counter-divider{margin:0 8px;opacity:.4}.brutalist-modal-gallery .brutalist-modal-gallery__main{position:relative;flex:1;width:100%;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.brutalist-modal-gallery .brutalist-modal-swiper{width:100%!important;height:100%!important;overflow:hidden!important}.brutalist-modal-gallery .brutalist-modal-swiper .swiper-wrapper{align-items:center!important}.brutalist-modal-gallery .brutalist-modal-swiper .swiper-slide{flex-shrink:0!important;width:100%!important;height:100%!important}.brutalist-modal-gallery .brutalist-modal-slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent}.brutalist-modal-gallery .brutalist-modal-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.brutalist-modal-gallery .brutalist-modal-video,.brutalist-modal-gallery .brutalist-modal-model{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #000000}.brutalist-modal-gallery .brutalist-modal-video-element{width:100%;height:100%;object-fit:contain}.brutalist-modal-gallery .brutalist-modal-gallery__arrow{position:absolute;top:50%;transform:translateY(-50%);width:70px;height:70px;background:#fff;border:2px solid #000000;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:25;transition:all .2s ease}.brutalist-modal-gallery .brutalist-modal-gallery__arrow svg{stroke:#000;width:28px;height:28px}.brutalist-modal-gallery .brutalist-modal-gallery__arrow:hover:not(:disabled){background:#000;border-color:#fff}.brutalist-modal-gallery .brutalist-modal-gallery__arrow:hover:not(:disabled) svg{stroke:#fff}.brutalist-modal-gallery .brutalist-modal-gallery__arrow:disabled{opacity:.3;cursor:not-allowed}.brutalist-modal-gallery .brutalist-modal-gallery__arrow--prev{left:20px}.brutalist-modal-gallery .brutalist-modal-gallery__arrow--next{right:20px}.brutalist-modal-gallery .brutalist-modal-gallery__arrow:focus-visible{outline:3px solid #ffffff;outline-offset:2px}.brutalist-modal-gallery .brutalist-modal-gallery__thumbs{position:relative!important;width:100%;background:#fff;padding:25px 30px;border-top:2px solid #000000;flex-shrink:0}.brutalist-modal-gallery .brutalist-modal-thumbs-swiper{width:100%!important;max-width:100%!important;margin:0 auto!important;padding:0!important}.brutalist-modal-gallery .brutalist-modal-thumbs-swiper .swiper-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;height:110px!important}.brutalist-modal-gallery .brutalist-modal-thumbs-swiper .swiper-slide{width:110px!important;height:100px!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-right:12px!important}.brutalist-modal-gallery .brutalist-modal-thumbs-swiper .swiper-slide:last-child{margin-right:0!important}.brutalist-modal-gallery .brutalist-modal-thumb{width:100%!important;height:100px!important;background:#fff!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:hidden!important;transition:all .2s ease!important;padding:0!important;border:2px solid #d0d0d0!important}.brutalist-modal-gallery .brutalist-modal-thumb:hover{border-color:#000!important}.brutalist-modal-gallery .brutalist-modal-thumbs-swiper .swiper-slide-thumb-active .brutalist-modal-thumb{border-color:#000!important;border-width:3px!important}.brutalist-modal-gallery .brutalist-modal-thumb-image{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}.brutalist-modal-gallery .brutalist-modal-thumb-icon{position:absolute;bottom:8px;right:8px;width:28px;height:28px;background:#fff;border:2px solid #000000;padding:4px;color:#000}.brutalist-modal-gallery .brutalist-modal-thumb-icon svg{width:100%;height:100%}@media screen and (max-width: 989px){.brutalist-modal-gallery .brutalist-modal-gallery__container{width:calc(100% - 60px);height:calc(100% - 60px)}.brutalist-modal-gallery .brutalist-modal-gallery__close{top:15px;right:15px;width:50px;height:50px}.brutalist-modal-gallery .brutalist-modal-gallery__close svg{width:22px;height:22px}.brutalist-modal-gallery .brutalist-modal-gallery__counter{top:15px;left:15px;padding:10px 16px;font-size:16px}.brutalist-modal-gallery .brutalist-modal-gallery__main{padding:15px}.brutalist-modal-gallery .brutalist-modal-gallery__arrow{width:60px;height:60px}.brutalist-modal-gallery .brutalist-modal-gallery__arrow svg{width:26px;height:26px}.brutalist-modal-gallery .brutalist-modal-gallery__arrow--prev{left:20px}.brutalist-modal-gallery .brutalist-modal-gallery__arrow--next{right:20px}.brutalist-modal-gallery .brutalist-modal-gallery__thumbs{padding:20px}.brutalist-modal-gallery .brutalist-modal-thumbs-swiper .swiper-slide{width:90px!important;height:100px!important;margin-right:10px!important}.brutalist-modal-gallery .brutalist-modal-thumb-icon{width:26px;height:26px}}@media screen and (max-width: 749px){.brutalist-modal-gallery .brutalist-modal-gallery__container{width:calc(100% - 32px);height:calc(100% - 32px)}.brutalist-modal-gallery .brutalist-modal-gallery__close{top:12px;right:12px;width:44px;height:44px}.brutalist-modal-gallery .brutalist-modal-gallery__close svg{width:20px;height:20px}.brutalist-modal-gallery .brutalist-modal-gallery__counter{top:12px;left:12px;padding:8px 14px;font-size:14px}.brutalist-modal-gallery .brutalist-modal-gallery__main{padding:10px}.brutalist-modal-gallery .brutalist-modal-gallery__arrow{width:50px;height:50px;border-width:2px}.brutalist-modal-gallery .brutalist-modal-gallery__arrow svg{width:24px;height:24px}.brutalist-modal-gallery .brutalist-modal-gallery__arrow--prev{left:10px}.brutalist-modal-gallery .brutalist-modal-gallery__arrow--next{right:10px}.brutalist-modal-gallery .brutalist-modal-gallery__thumbs{padding:16px}.brutalist-modal-gallery .brutalist-modal-thumbs-swiper .swiper-slide{width:70px!important;height:100px!important;margin-right:8px!important}.brutalist-modal-gallery .brutalist-modal-thumb-icon{width:22px;height:22px;bottom:6px;right:6px}}body.brutalist-modal-gallery-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/14/assets/brutalist-modal-gallery.css.map */