clevo-gallery{display:block;min-width:0;width:100%;position:relative}clevo-gallery,clevo-gallery *{box-sizing:border-box}clevo-gallery [hidden]{display:none!important}clevo-gallery .clevo-gallery__track{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;background:#f6f1e9}clevo-gallery .clevo-gallery__track::-webkit-scrollbar{display:none}clevo-gallery .clevo-gallery__slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start}clevo-gallery .clevo-gallery__open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}clevo-gallery .clevo-gallery__image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}clevo-gallery .clevo-gallery__controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px}clevo-gallery .clevo-gallery__arrow{width:44px;height:44px;border:1px solid #ddd;border-radius:50%;background:#fff;color:#153f39;font-size:25px;cursor:pointer}clevo-gallery .clevo-gallery__counter{min-width:55px;text-align:center;font-size:14px}clevo-gallery .clevo-gallery__thumbs{display:flex;gap:8px;overflow-x:auto;padding:8px 4px 12px;scrollbar-width:thin}clevo-gallery .clevo-gallery__thumb{flex:0 0 64px;width:64px;height:64px;padding:2px;border:2px solid transparent;border-radius:6px;background:#f6f1e9;cursor:pointer}clevo-gallery .clevo-gallery__thumb[aria-current=true]{border-color:#246f64}clevo-gallery .clevo-gallery__thumb img{width:100%;height:100%;object-fit:contain;display:block}clevo-gallery button:focus-visible,clevo-gallery [tabindex]:focus-visible{outline:2px solid #246f64;outline-offset:3px}clevo-gallery .clevo-gallery__zoom{max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;padding:52px 12px 12px;margin:auto;border:0;background:#fff;overflow:auto}clevo-gallery .clevo-gallery__zoom::backdrop{background:#000000a6}clevo-gallery .clevo-gallery__zoom img{display:block;max-width:100%;height:auto;margin:auto}clevo-gallery .clevo-gallery__close{position:fixed;top:10px;right:16px;z-index:1;width:44px;height:44px;border:1px solid #ddd;border-radius:50%;background:#fff;color:#111;cursor:pointer;font-size:27px}@media(min-width:750px){clevo-gallery .clevo-gallery__image{max-height:calc(100svh - 110px);min-height:400px}}@media(max-width:749px){clevo-gallery .clevo-gallery__thumb{flex-basis:52px;width:52px;height:52px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/clevo-gallery.css.map */