.mcr-gallery,.mcr-gallery .product__media-item{position:relative}.mcr-gallery .product-media-container{border-radius:var(--mcr-radius);overflow:hidden}.mcr-gallery .product__media-icon--mcr{display:none}.mcr-gallery--zoom .product__modal-opener--image .product__media-toggle{cursor:zoom-in}@media screen and (min-width:750px){.mcr-gallery--mcr_rail .product__media-item.is-active,.mcr-gallery--thumbnail .product__media-item.is-active,.mcr-gallery--thumbnail_slider .product__media-item.is-active{animation:mcr-xfade .55s var(--mcr-ease-out)}}@keyframes mcr-xfade{0%{opacity:0;transform:scale(1.012)}}.mcr-gallery .is-mcr-filtered{display:none!important}@media screen and (min-width:990px){.mcr-gallery--mcr_rail{display:grid;grid-template-columns:8.4rem minmax(0,1fr);grid-template-areas:"rail main";gap:1.6rem;align-items:start}.mcr-gallery--mcr_rail>slider-component[id^=GalleryViewer]{grid-area:main;min-width:0}.mcr-gallery--mcr_rail>.product__xr-button{grid-column:2}.mcr-gallery--mcr_rail>.thumbnail-slider{grid-area:rail;display:block;position:sticky;top:2rem;max-height:calc(100vh - 4rem);max-height:calc(100dvh - 4rem)}.mcr-gallery--mcr_rail .thumbnail-slider .slider-button{display:none!important}.mcr-gallery--mcr_rail .thumbnail-list{display:flex!important;flex-direction:column;flex-wrap:nowrap;gap:1rem;max-height:inherit;overflow-y:auto;overflow-x:hidden;padding:.3rem;scrollbar-width:none}.mcr-gallery--mcr_rail .thumbnail-list::-webkit-scrollbar{display:none}.mcr-gallery--mcr_rail .thumbnail-list__item{width:100%!important;flex-shrink:0}.mcr-gallery--mcr_rail .product__media-list{margin:0}}@media screen and (min-width:750px){.mcr-gallery--mcr_editorial .product__media-list{row-gap:1.2rem;column-gap:1.2rem}.mcr-gallery--mcr_editorial .product__media-list .product__media-item:first-child{max-width:100%!important;width:100%}.mcr-gallery--mcr_editorial .product__media-list .product__media-item:nth-child(4n+4):last-child{max-width:100%!important;width:100%}}@media screen and (min-width:990px){.mcr-gallery--stacked .product__media-list .product__media-item{max-width:100%;width:100%}.mcr-gallery--stacked .product__media-list{row-gap:1.2rem}}.mcr-gallery .thumbnail{border-radius:calc(var(--mcr-radius) * .6);overflow:hidden;transition:box-shadow var(--mcr-dur-fast) var(--mcr-ease),opacity var(--mcr-dur-fast);opacity:.72}.mcr-gallery .thumbnail:hover{opacity:1}.mcr-gallery .thumbnail[aria-current]{opacity:1;box-shadow:0 0 0 1px rgb(var(--color-background)),0 0 0 2.5px var(--mcr-accent);border-color:transparent}.mcr-gallery__hud{position:sticky;top:1.2rem;z-index:4;height:0;pointer-events:none}.mcr-gallery__hud-inner{position:absolute;top:1.2rem;left:1.2rem;right:1.2rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.mcr-gallery__tools{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;margin-left:auto}.mcr-gallery__tools>*{pointer-events:auto}.mcr-gallery__counter{display:inline-flex;align-items:baseline;gap:.4rem;padding:.5rem 1.1rem;border-radius:999px;font-size:1.2rem;letter-spacing:.14em;font-variant-numeric:tabular-nums;color:var(--mcr-ink);box-shadow:var(--mcr-shadow-sm)}.mcr-gallery__counter [data-mcr-current]{font-weight:600}.mcr-gallery__counter-sep{opacity:.4}.mcr-gallery__tool{display:inline-flex;align-items:center;gap:.5rem;min-height:3.2rem;padding:0 1.2rem;border:1px solid rgba(255,255,255,.6);border-radius:999px;color:var(--mcr-ink);font:inherit;font-size:1.15rem;letter-spacing:.06em;cursor:pointer;box-shadow:var(--mcr-shadow-sm);transition:background-color var(--mcr-dur-fast),color var(--mcr-dur-fast),transform var(--mcr-dur-fast) var(--mcr-ease)}.mcr-gallery__tool svg{width:1.5rem;height:1.5rem}.mcr-gallery__tool:hover{transform:translateY(-1px)}.mcr-gallery__tool[aria-pressed=true]{background:var(--mcr-ink);color:#fff;border-color:var(--mcr-ink)}.mcr-gallery__tool:focus-visible{outline:2px solid var(--mcr-accent);outline-offset:2px}@media screen and (max-width:749px){.mcr-gallery__hud{top:.8rem}.mcr-gallery__hud-inner{top:.8rem;left:2.4rem;right:2.4rem}.mcr-gallery__tool span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.mcr-gallery__tool{width:3.6rem;min-height:3.6rem;padding:0;justify-content:center}}@media screen and (min-width:990px){.mcr-gallery--mcr_editorial .mcr-gallery__counter,.mcr-gallery--stacked .mcr-gallery__counter,.mcr-gallery--columns .mcr-gallery__counter{display:none}}.mcr-gallery__dots{display:none;justify-content:center;align-items:center;gap:.2rem;min-height:2.8rem;margin-top:-1.8rem}@media screen and (max-width:749px){.mcr-gallery__dots{display:flex}.mcr-hide-mobile{display:none!important}}.mcr-gallery__dot{position:relative;width:2.2rem;height:2.8rem;padding:0;border:0;background:none;cursor:pointer}.mcr-gallery__dot:before{content:"";position:absolute;top:50%;left:50%;width:.6rem;height:.6rem;border-radius:999px;background:rgba(var(--color-foreground),.25);transform:translate(-50%,-50%);transition:width .35s var(--mcr-ease-out),background-color .35s}.mcr-gallery__dot[aria-current=true]:before{width:1.8rem;background:var(--mcr-accent)}.mcr-vision{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden;border-radius:var(--mcr-radius)}.mcr-vision__frame{--c: rgba(184, 145, 74, .95);--l: 2.4rem;position:absolute;top:1.2rem;right:1.2rem;bottom:1.2rem;left:1.2rem;background:linear-gradient(var(--c),var(--c)) top left / var(--l) 1.5px no-repeat,linear-gradient(var(--c),var(--c)) top left / 1.5px var(--l) no-repeat,linear-gradient(var(--c),var(--c)) top right / var(--l) 1.5px no-repeat,linear-gradient(var(--c),var(--c)) top right / 1.5px var(--l) no-repeat,linear-gradient(var(--c),var(--c)) bottom left / var(--l) 1.5px no-repeat,linear-gradient(var(--c),var(--c)) bottom left / 1.5px var(--l) no-repeat,linear-gradient(var(--c),var(--c)) bottom right / var(--l) 1.5px no-repeat,linear-gradient(var(--c),var(--c)) bottom right / 1.5px var(--l) no-repeat;opacity:0;transform:scale(1.04);transition:opacity .6s var(--mcr-ease-out),transform .9s var(--mcr-ease-out)}.mcr-vision__grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background-image:linear-gradient(rgba(184,145,74,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(184,145,74,.14) 1px,transparent 1px);background-size:3.2rem 3.2rem;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 45%,transparent 55%);mask-image:linear-gradient(to bottom,transparent,#000 45%,transparent 55%);-webkit-mask-size:100% 300%;mask-size:100% 300%}.mcr-vision__scan{position:absolute;left:0;right:0;top:0;height:22%;opacity:0;transform:translateY(-100%);background:linear-gradient(to bottom,#b8914a00,#b8914a14 70%,#e8c7808c 97%,#fff4d6f2);box-shadow:0 1px 14px #e8c780b3}.is-vision-in .mcr-vision__frame{opacity:1;transform:none}html:not(.mcr-reduce) .is-vision-scan .mcr-vision__scan{animation:mcr-scan 1.7s cubic-bezier(.45,.05,.35,1) forwards}html:not(.mcr-reduce) .is-vision-scan .mcr-vision__grid{animation:mcr-scan-grid 1.7s cubic-bezier(.45,.05,.35,1) forwards}@keyframes mcr-scan{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}88%{opacity:1}to{opacity:0;transform:translateY(460%)}}@keyframes mcr-scan-grid{0%{opacity:1;-webkit-mask-position:0 100%;mask-position:0 100%}90%{opacity:1}to{opacity:0;-webkit-mask-position:0 0;mask-position:0 0}}.mcr-insights{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.mcr-insights.is-hidden .mcr-insight{opacity:0!important;transform:translate(-.6rem,-50%) scale(.9)!important}.mcr-insight{position:absolute;left:var(--x);top:var(--y);display:flex;align-items:center;transform:translate(-.6rem,-50%);opacity:0;transition:opacity .5s var(--mcr-ease-out),transform .6s var(--mcr-ease-out);transition-delay:calc(var(--i, 0) * .16s + .9s)}.mcr-insight--left{flex-direction:row-reverse;transform:translate(calc(-100% + .6rem),-50%)}.mcr-insight__dot{position:relative;flex:none;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--mcr-accent);box-shadow:0 0 0 3px #ffffffd9}.mcr-insight__dot:after{content:"";position:absolute;top:-.6rem;right:-.6rem;bottom:-.6rem;left:-.6rem;border-radius:50%;border:1px solid var(--mcr-accent);animation:mcr-pulse 2.4s var(--mcr-ease-out) infinite}@keyframes mcr-pulse{0%{transform:scale(.6);opacity:1}to{transform:scale(1.9);opacity:0}}.mcr-insight__line{flex:none;width:2.8rem;height:1px;background:linear-gradient(90deg,var(--mcr-accent),rgba(255,255,255,.9));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--mcr-ease-out);transition-delay:calc(var(--i, 0) * .16s + 1.1s)}.mcr-insight--left .mcr-insight__line{transform-origin:right;background:linear-gradient(270deg,var(--mcr-accent),rgba(255,255,255,.9))}.mcr-insight__pill{display:inline-flex;flex-direction:column;gap:.1rem;padding:.6rem 1.2rem;border:1px solid rgba(255,255,255,.7);border-radius:1.2rem;background:#ffffffb8;-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);box-shadow:0 8px 24px -10px #1b1a1759;color:var(--mcr-ink);white-space:nowrap;opacity:0;transform:translate(-.6rem);transition:opacity .5s var(--mcr-ease-out),transform .5s var(--mcr-ease-out);transition-delay:calc(var(--i, 0) * .16s + 1.3s)}.mcr-insight--left .mcr-insight__pill{transform:translate(.6rem)}.mcr-insight__label{font-size:.95rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mcr-accent-2)}.mcr-insight__value{font-size:1.25rem;font-weight:500}.is-vision-in .mcr-insight{opacity:1;transform:translate(-.6rem,-50%)}.is-vision-in .mcr-insight--left{transform:translate(calc(-100% + .6rem),-50%)}.is-vision-in .mcr-insight__line{transform:none}.is-vision-in .mcr-insight__pill{opacity:1;transform:none}@media screen and (max-width:749px){.mcr-insight__line{width:1.4rem}.mcr-insight__pill{padding:.4rem .9rem}.mcr-insight__value{font-size:1.1rem}}.is-detail-focus .mcr-insights,.is-detail-focus .mcr-vision__frame{opacity:0;transition:opacity .3s}.mcr-gallery .product__media img{transform-origin:50% 50%}.is-detail-focus .product__media img{animation:mcr-kenburns 7.5s cubic-bezier(.45,0,.35,1) forwards}.is-detail-static .product__media img{transform:scale(2);transition:transform .5s var(--mcr-ease-out)}@keyframes mcr-kenburns{0%{transform:scale(1)}15%{transform:scale(2.3) translate(12%,12%)}45%{transform:scale(2.3) translate(-12%,6%)}75%{transform:scale(2.3) translate(-4%,-14%)}to{transform:scale(1) translate(0)}}.mcr-lens{position:absolute;top:0;left:0;z-index:5;width:18rem;height:18rem;border-radius:50%;border:1.5px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px #b8914acc,0 18px 40px -12px #1b1a1773;background-color:#fff;background-repeat:no-repeat;pointer-events:none;opacity:0;will-change:transform;transition:opacity .2s var(--mcr-ease)}.mcr-lens.is-on{opacity:1}.mcr-lens:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.35),transparent 45%)}.mcr-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1003;display:flex;flex-direction:column;height:100vh;height:100dvh;background:#fbf7f0f7;color:var(--mcr-ink);opacity:0;visibility:hidden;transition:opacity .35s var(--mcr-ease),visibility 0s linear .35s;touch-action:none;-webkit-user-select:none;user-select:none}.mcr-lightbox.is-open{opacity:1;visibility:visible;transition:opacity .35s var(--mcr-ease)}.mcr-lightbox__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.6rem;position:relative;z-index:2}.mcr-lightbox__count{font-size:1.3rem;letter-spacing:.18em;font-variant-numeric:tabular-nums}.mcr-lightbox__close,.mcr-lightbox__nav{display:grid;place-items:center;width:4.4rem;height:4.4rem;border:0;border-radius:50%;background:#1b1a170f;color:inherit;cursor:pointer}.mcr-lightbox__close svg,.mcr-lightbox__nav svg{width:1.8rem;height:1.8rem}.mcr-lightbox__close:focus-visible,.mcr-lightbox__nav:focus-visible,.mcr-lightbox__thumb:focus-visible{outline:2px solid var(--mcr-accent);outline-offset:2px}.mcr-lightbox__stage{position:relative;flex:1;overflow:hidden}.mcr-lightbox__slide{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .45s var(--mcr-ease)}.mcr-lightbox__slide.is-active{opacity:1;z-index:1}.mcr-lightbox__slide img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:0 0;will-change:transform;cursor:zoom-in}.mcr-lightbox__slide.is-zoomed img{cursor:grab}.mcr-lightbox__slide.is-dragging img{transition:none!important}.mcr-lightbox__slide img.is-animating{transition:transform .3s var(--mcr-ease-out)}.mcr-lightbox__nav{position:absolute;top:50%;z-index:2;transform:translateY(-50%);background:#fffc;box-shadow:var(--mcr-shadow-sm)}.mcr-lightbox__nav--prev{left:1.6rem}.mcr-lightbox__nav--prev svg{transform:rotate(180deg)}.mcr-lightbox__nav--next{right:1.6rem}.mcr-lightbox__thumbs{display:flex;justify-content:center;gap:.8rem;padding:1rem 1.6rem 1.6rem;padding-bottom:max(1.6rem,env(safe-area-inset-bottom));overflow-x:auto;scrollbar-width:none}.mcr-lightbox__thumbs::-webkit-scrollbar{display:none}.mcr-lightbox__thumb{flex:none;width:5.2rem;height:5.2rem;padding:0;border:0;border-radius:.8rem;overflow:hidden;background:none;opacity:.55;cursor:pointer;transition:opacity .25s,box-shadow .25s}.mcr-lightbox__thumb img{width:100%;height:100%;object-fit:cover}.mcr-lightbox__thumb[aria-current=true]{opacity:1;box-shadow:0 0 0 2px var(--mcr-accent)}.mcr-lightbox__hint{margin:0;font-size:1.2rem;opacity:.6;text-align:center}@media screen and (max-width:749px){.mcr-lightbox__nav{display:none}}@media(prefers-reduced-motion:reduce){.mcr-vision__scan,.mcr-vision__grid,.mcr-insight__dot:after{animation:none!important}.mcr-insight,.mcr-insight__line,.mcr-insight__pill,.mcr-vision__frame{transition:none!important}.mcr-gallery .product__media-item.is-active{animation:none!important}.mcr-lightbox__slide{transition:none}}.mcr-gallery__tool[hidden],.mcr-gallery__counter[hidden],.mcr-lightbox__nav[hidden],.mcr-lightbox__thumbs[hidden]{display:none!important}.mcr-lightbox{touch-action:auto}.mcr-lightbox__stage{touch-action:none}.mcr-lightbox__thumbs{touch-action:pan-x}.mcr-gallery .product-media-container{position:relative}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-mcr-product-gallery.css.map */