.nc-gallery{--nc-gallery-ratio: 390 / 430;--nc-gallery-pad: var(--nc-space-4);display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;font-family:var(--nc-font-family)}.nc-gallery .nc-gallery__main{aspect-ratio:var(--nc-gallery-ratio);border-radius:0}.nc-gallery__thumbs{display:flex;gap:var(--nc-space-10);margin:0;padding:var(--nc-gallery-pad) var(--nc-space-16);list-style:none;overflow-x:auto;scrollbar-width:thin}.nc-gallery__thumbs>li{flex:1 1 0;min-width:var(--nc-target-min)}.nc-gallery__thumb{display:block;box-sizing:border-box;width:100%;min-width:var(--nc-target-min);height:72px;padding:0;overflow:hidden;background:var(--nc-color-warm-100);border:var(--nc-border-width) solid var(--nc-color-border-200);border-radius:var(--nc-radius-6);cursor:pointer;transition:border-color var(--nc-duration-fast) var(--nc-easing-standard)}.nc-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover}.nc-gallery__thumb{position:relative}.nc-gallery__thumb-error{display:none;position:absolute;top:50%;left:50%;width:var(--nc-icon-18);height:var(--nc-icon-18);color:var(--nc-color-muted-600);transform:translate(-50%,-50%)}.nc-gallery__thumb[data-media-error] img{visibility:hidden}.nc-gallery__thumb[data-media-error] .nc-gallery__thumb-error{display:block}@media(hover:hover){.nc-gallery__thumb:hover{border-color:var(--nc-color-muted-600)}}.nc-gallery__thumb[aria-current=true]{border-color:var(--nc-color-violet-600);box-shadow:inset 0 0 0 1px var(--nc-color-violet-600)}.nc-gallery__thumb:focus-visible{outline:var(--nc-focus-ring-width) solid var(--nc-focus-ring-color);outline-offset:var(--nc-focus-ring-offset)}@media(min-width:834px){.nc-gallery{--nc-gallery-ratio: 360 / 610;grid-template-columns:72px minmax(0,1fr);column-gap:20px}.nc-gallery .nc-gallery__main{grid-column:2;grid-row:1;border-radius:var(--nc-radius-10)}.nc-gallery__thumbs{grid-column:1;grid-row:1;flex-direction:column;contain:size;margin:calc(-1 * var(--nc-gallery-pad));padding:var(--nc-gallery-pad);overflow-x:hidden;overflow-y:auto}.nc-gallery__thumbs>li{flex:none;min-width:0}.nc-gallery__thumb{width:72px;height:82px}}@media(min-width:1200px){.nc-gallery{--nc-gallery-ratio: 440 / 610}}.nc-gallery .nc-gallery__main{touch-action:pan-y pinch-zoom;overflow:hidden}.nc-gallery .nc-gallery__main[data-swiping] img{transition:none;will-change:transform}
/*# sourceMappingURL=/cdn/shop/t/4/assets/nc-gallery.css.map */