body.pixel-site #MainContent .pixel-product-editorial .pixel-editorial-image-wrap{position:relative}body.pixel-site #MainContent .pixel-product-editorial .pixel-editorial-zoom,body.pixel-site #MainContent .pixel-product-editorial .pixel-style-image-open{display:block;position:relative;width:100%;margin:0;padding:0;border:0;background:transparent;color:var(--pixel-plum);cursor:zoom-in;text-align:initial}body.pixel-site #MainContent .pixel-product-editorial .pixel-editorial-zoom:disabled,body.pixel-site #MainContent .pixel-product-editorial .pixel-style-image-open:disabled{cursor:default;opacity:1}body.pixel-site #MainContent .pixel-product-editorial .pixel-gallery-expand{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fffdf8f0;box-shadow:0 1px 6px #291c2520;pointer-events:none}body.pixel-site #MainContent .pixel-product-editorial .pixel-gallery-expand svg{width:22px;height:22px}body.pixel-site #MainContent .pixel-product-editorial .pixel-gallery-controls:not([hidden]){position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;gap:0;margin:0;padding:0 10px;pointer-events:none}body.pixel-site #MainContent .pixel-product-editorial .pixel-gallery-controls button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:10px;border:0;border-radius:50%;background:#fffdf8f0;box-shadow:0 1px 6px #291c2520;pointer-events:auto;color:var(--pixel-plum)}body.pixel-site #MainContent .pixel-product-editorial .pixel-gallery-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}body.pixel-site #MainContent .pixel-product-editorial .pixel-gallery-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}body.pixel-site #MainContent .pixel-product-editorial :is(.pixel-editorial-zoom,.pixel-style-image-open,.pixel-lightbox-toolbar button,.pixel-lightbox-previous,.pixel-lightbox-next):focus-visible{outline:2px solid var(--pixel-plum);outline-offset:4px}body.pixel-site #MainContent .pixel-product-gift .pixel-product-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px)}body.pixel-site #MainContent .pixel-product-gift .pixel-product-gallery{width:100%;max-width:620px}body.pixel-site #MainContent .pixel-product-gift .pixel-product-main{display:block;width:100%;height:auto;aspect-ratio:1;max-height:none;object-fit:contain;border-radius:3px}body.pixel-site #MainContent .pixel-product-gift .pixel-product-thumbs{gap:10px;padding:4px 2px;margin-top:12px}body.pixel-site #MainContent .pixel-product-gift .pixel-product-thumbs a{flex:0 0 72px;min-width:72px;min-height:72px;border:1px solid transparent;opacity:.7;background:transparent}body.pixel-site #MainContent .pixel-product-gift .pixel-product-thumbs a[aria-current]{border:1px solid var(--plum);opacity:1;box-shadow:none}body.pixel-site #MainContent .pixel-product-gift .pixel-product-thumbs img{width:100%;height:72px;object-fit:contain}body.pixel-site #MainContent .pixel-product-gift .pixel-style-image-open img{display:block;width:100%;height:auto;object-fit:contain}body.pixel-site #MainContent .pixel-product-editorial .pixel-editorial-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#f8f5ef;color:var(--pixel-plum);box-shadow:none;overflow:hidden;overscroll-behavior:contain}body.pixel-site #MainContent .pixel-product-editorial .pixel-editorial-dialog[open]{display:block}body.pixel-site #MainContent .pixel-product-editorial .pixel-editorial-dialog::backdrop{background:#f8f5ef}body.pixel-site #MainContent .pixel-product-editorial .pixel-lightbox-toolbar{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));display:flex;gap:8px;z-index:2}body.pixel-site #MainContent .pixel-product-editorial .pixel-editorial-dialog button{display:grid;place-items:center;width:48px;height:48px;min-height:48px;padding:12px;border:0;border-radius:50%;background:#fffdf8;color:inherit;cursor:pointer;box-shadow:0 1px 6px #291c2514}body.pixel-site #MainContent .pixel-product-editorial .pixel-editorial-dialog button[hidden]{display:none}body.pixel-site #MainContent .pixel-product-editorial .pixel-editorial-dialog svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}body.pixel-site #MainContent .pixel-product-editorial .pixel-lightbox-previous,body.pixel-site #MainContent .pixel-product-editorial .pixel-lightbox-next{position:absolute;top:calc(50% - 24px);z-index:2}body.pixel-site #MainContent .pixel-product-editorial .pixel-lightbox-previous{left:20px}body.pixel-site #MainContent .pixel-product-editorial .pixel-lightbox-next{right:20px}body.pixel-site #MainContent .pixel-product-editorial .pixel-lightbox-stage{position:absolute;top:80px;right:84px;bottom:40px;left:84px;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:thin}body.pixel-site #MainContent .pixel-product-editorial .pixel-lightbox-canvas{display:flex;width:max-content;height:max-content;min-width:100%;min-height:100%}body.pixel-site #MainContent .pixel-product-editorial .pixel-editorial-dialog img{display:block;flex:none;max-width:none;max-height:none;min-height:0;margin:auto;object-fit:contain;cursor:zoom-in}body.pixel-site #MainContent .pixel-product-editorial .pixel-editorial-dialog img[hidden]{display:none}body.pixel-site #MainContent .pixel-product-editorial .pixel-editorial-dialog[data-zoomed=true] img{cursor:zoom-out}body.pixel-site #MainContent .pixel-product-editorial .pixel-editorial-dialog[data-zoomed=true] [data-pixel-zoom-plus]{display:none}body.pixel-site #MainContent .pixel-product-editorial .pixel-lightbox-loader:not([hidden]){position:absolute;top:calc(50% - 14px);left:calc(50% - 14px);width:28px;height:28px;border:2px solid #d8cbd5;border-top-color:var(--pixel-plum);border-radius:50%;animation:pixel-lightbox-spin .8s linear infinite;pointer-events:none}body.pixel-site #MainContent .pixel-product-editorial .pixel-zoom-status:not(.pixel-gallery-sr-only){position:absolute;top:45%;left:20%;right:20%;margin:0;text-align:center;font:400 16px/1.6 var(--body)}@keyframes pixel-lightbox-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){body.pixel-site #MainContent .pixel-product-editorial .pixel-lightbox-loader{animation:none}}@media(hover:hover){body.pixel-site #MainContent .pixel-product-editorial .pixel-gallery-controls button{opacity:0;transition:opacity .15s}body.pixel-site #MainContent .pixel-product-editorial .pixel-editorial-image-wrap:hover .pixel-gallery-controls button,body.pixel-site #MainContent .pixel-product-editorial .pixel-editorial-image-wrap:focus-within .pixel-gallery-controls button{opacity:1}}body.pixel-site #MainContent .pixel-product-gift .pixel-product-info{position:static}@media(min-width:901px)and (min-height:520px){body.pixel-site #MainContent .pixel-product-gift .pixel-product-gallery{position:sticky;top:24px;align-self:start;max-width:min(620px,calc(100svh - 144px))}}@media(max-width:900px){body.pixel-site #MainContent .pixel-product-gift .pixel-product-layout{grid-template-columns:minmax(0,1fr);gap:24px}body.pixel-site #MainContent .pixel-product-gift .pixel-product-gallery{max-width:none}}@media(max-width:600px){body.pixel-site #MainContent .pixel-product-gift .pixel-product-thumbs{gap:8px;margin-top:10px}body.pixel-site #MainContent .pixel-product-gift .pixel-product-thumbs a{flex-basis:calc((100% - 32px)/5);min-width:44px;min-height:44px;max-width:68px}body.pixel-site #MainContent .pixel-product-gift .pixel-product-thumbs img{width:100%;height:auto;aspect-ratio:1}body.pixel-site #MainContent .pixel-product-editorial .pixel-gallery-expand{right:10px;bottom:10px}body.pixel-site #MainContent .pixel-product-editorial .pixel-lightbox-stage{top:80px;right:12px;bottom:88px;left:12px}body.pixel-site #MainContent .pixel-product-editorial .pixel-lightbox-previous,body.pixel-site #MainContent .pixel-product-editorial .pixel-lightbox-next{top:auto;bottom:max(20px,env(safe-area-inset-bottom))}body.pixel-site #MainContent .pixel-product-editorial .pixel-lightbox-previous{left:calc(50% - 56px)}body.pixel-site #MainContent .pixel-product-editorial .pixel-lightbox-next{right:calc(50% - 56px)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/pixel-product-gallery.css.map */