html.ss-pdp-gallery-open{overflow:hidden}.ss-pdp-gallery{--gallery-blue: #335f7a;box-sizing:border-box;width:min(1000px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 32px);padding:16px;border:1px solid #dbe3e9;border-radius:4px;background:#fff;color:#203b50;overflow:auto}.ss-pdp-gallery:not([open]){display:none}.ss-pdp-gallery *,.ss-pdp-gallery *:before,.ss-pdp-gallery *:after{box-sizing:border-box}.ss-pdp-gallery [hidden]{display:none!important}.ss-pdp-gallery::backdrop{background:#172d40b8}.ss-pdp-gallery button{font:inherit;color:inherit;cursor:pointer;border-radius:4px}.ss-pdp-gallery button:focus-visible{outline:2px solid var(--gallery-blue);outline-offset:2px}.ss-pdp-gallery__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:16px}.ss-pdp-gallery__counter{font-size:13px;color:#4d6576}.ss-pdp-gallery__close{border:0;padding:8px 14px;min-height:44px;background:#edf4f9}.ss-pdp-gallery__layout{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:start}.ss-pdp-gallery__thumbnails{display:flex;flex-direction:column;gap:10px;max-height:70dvh;overflow-y:auto;padding:3px;scrollbar-width:thin}.ss-pdp-gallery__thumbnail{display:block;flex:0 0 auto;width:100%;padding:0;border:1px solid #cdd7df;background:#fff}.ss-pdp-gallery__thumbnail[aria-pressed=true]{border-color:var(--gallery-blue);box-shadow:0 0 0 1px var(--gallery-blue);background:#fff}.ss-pdp-gallery__thumbnail-image{display:block;position:relative;width:100%;aspect-ratio:1;overflow:hidden}.ss-pdp-gallery__thumbnail-image>img{display:block;width:100%;height:100%;object-fit:contain}.ss-pdp-gallery__thumbnail--composition,.ss-pdp-gallery__thumbnail--composition .ss-pdp-gallery__thumbnail-image{background:#fff}.ss-pdp-gallery__thumbnail--composition .ss-qs40__composition{background:transparent}.ss-pdp-gallery__thumbnail-label{display:block;padding:4px 1px;font-size:10px;background:#fff;overflow-wrap:anywhere}.ss-pdp-gallery__main{min-width:0}.ss-pdp-gallery__frame{position:relative;width:min(100%,68dvh);margin:auto}.ss-pdp-gallery__stage{position:relative;width:100%;aspect-ratio:1;margin:auto;overflow:hidden;border:1px solid #dbe3e9;border-radius:4px;background:#fff}.ss-pdp-gallery__stage>img{width:100%;height:100%;object-fit:contain;display:block}.ss-pdp-gallery__stage[role=button]{cursor:zoom-in}.ss-pdp-gallery__stage:focus-visible{outline:2px solid var(--gallery-blue);outline-offset:2px}.ss-pdp-gallery__stage.is-zoomed{overflow:auto;cursor:grab;overscroll-behavior:contain}.ss-pdp-gallery__stage.is-zoomed>.ss-pdp-gallery__content{position:absolute;top:0;left:0;width:200%;height:200%;max-width:none}.ss-pdp-gallery__stage--composition{background:radial-gradient(ellipse at 45% 40%,#fff 20%,#eef2f5)}.ss-pdp-gallery__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#fffc;font-size:13px}.ss-pdp-gallery__navigation{display:flex;align-items:start;gap:12px;margin-top:12px}.ss-pdp-gallery__caption{flex:1;margin:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.ss-pdp-gallery__error{padding:24px;font-size:14px}.ss-pdp-gallery__retry{display:block;margin-top:16px;padding:10px;background:#edf4f9;border:1px solid #cdd7df}@media(max-width:600px){.ss-pdp-gallery{width:calc(100vw - 16px);padding:10px;max-height:calc(100dvh - 16px)}.ss-pdp-gallery__layout{grid-template-columns:56px minmax(0,1fr);gap:8px}.ss-pdp-gallery__navigation{flex-wrap:wrap;justify-content:space-between;gap:8px}.ss-pdp-gallery__caption{order:3;flex-basis:100%;font-size:12px}.ss-pdp-gallery__thumbnail-label{font-size:9px}}.ss-pdp-photo-arrow,.ss-pdp-gallery .ss-pdp-photo-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;padding:0;border:0;border-radius:100px;background:var(--accent_primary, #335f7a);color:#fff;cursor:pointer}.ss-pdp-photo-arrow--prev{left:10px}.ss-pdp-photo-arrow--next{right:10px}.ss-pdp-photo-arrow i{font-size:24px;line-height:1}.ss-pdp-photo-arrow:focus-visible{outline:2px solid var(--accent_primary, #335f7a);outline-offset:3px}@media(min-width:992px)and (min-height:650px){.main-product .producttop__images{position:sticky;top:24px;align-self:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/ss-pdp-gallery.css.map */