@property --f{syntax: "<number>"; inherits: true; initial-value: 0;}.pr-edit{--narrow: .28;--wide: .8696;position:relative;text-align:center;padding:48px 0 28px;overflow-x:clip;background:var(--ap-white);color:var(--ap-text)}.pr-edit--grey{background:var(--ap-grey)}.pr-edit__copy{padding:0 var(--ap-gutter);max-width:760px;margin:0 auto}.pr-edit__hint{margin:8px 0 0;font-size:15px;line-height:1.33;letter-spacing:-.01em;color:var(--ap-text-2)}.pr-edit[data-mode=hover] .pr-edit__hint--touch,.pr-edit[data-mode=swipe] .pr-edit__hint--hover,.pr-edit:not([data-mode]) .pr-edit__hint--touch{display:none}.pr-edit__empty{margin:24px auto 0;color:var(--ap-text-2);font-size:14px}.pr-edit__wrap{position:relative;margin-top:clamp(20px,4vh,40px)}.pr-edit__rail{--H: clamp(300px, min(60vh, calc(min(1240px, 94vw) / 2.85)), 600px);list-style:none;margin:0 auto;padding:0;height:var(--H);display:flex;justify-content:center;align-items:flex-start;user-select:none;-webkit-user-select:none;-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 99%);mask-image:linear-gradient(to bottom,#000 72%,transparent 99%)}.pr-edit__look{position:relative;flex:none;height:var(--H);width:calc(var(--H) * var(--narrow))}.pr-edit__btn{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;padding:0;margin:0;border:0;background:none;cursor:pointer;border-radius:var(--ap-radius-s);-webkit-tap-highlight-color:transparent}.pr-edit__btn:focus-visible{outline:2px solid var(--ap-pink-ink);outline-offset:-2px}.pr-edit__fig{position:absolute;left:50%;bottom:0;height:var(--H);aspect-ratio:1120 / 1288;transform:translate(-50%);transform-origin:50% 100%;pointer-events:none}.pr-edit__fig img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:contain;-webkit-user-drag:none}.pr-edit__front{opacity:clamp(0,var(--f) * 2,1)}.pr-edit__side{opacity:clamp(0,(1 - var(--f)) * 2,1)}.pr-edit__cap{position:absolute;left:0;top:calc(100% - 18px);margin:0;white-space:nowrap;font-size:12px;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;transform:translate(calc(var(--x, 0px) - 50%));opacity:0;pointer-events:none;transition:opacity .3s var(--ap-ease),transform .6s var(--ap-ease)}.pr-edit__cap.is-on{opacity:1}.pr-edit__cap b{font-weight:600}.pr-edit__cap span{color:var(--ap-text-2);margin-left:8px}.pr-edit[data-mode=hover] .pr-edit__look{width:calc(var(--H) * (var(--narrow) + (var(--wide) - var(--narrow)) * var(--f)));transition:--f .6s var(--ap-ease)}.pr-edit[data-mode=hover] .pr-edit__fig{transform:translate(-50%) translateY(calc(var(--f) * -6px))}.pr-edit[data-mode=swipe] .pr-edit__rail{--H: min(56vh, 104vw, 520px);--slot: calc(var(--H) * .44);justify-content:flex-start;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 calc(50% - var(--slot) / 2)}.pr-edit[data-mode=swipe] .pr-edit__rail::-webkit-scrollbar{display:none}.pr-edit[data-mode=swipe] .pr-edit__look{width:var(--slot);scroll-snap-align:center}.pr-edit[data-mode=swipe] .pr-edit__fig{transform:translate(-50%) scale(calc(.8 + .2 * var(--f)))}.pr-edit[data-mode=swipe] .pr-edit__cap{font-size:11px;transition:opacity .3s var(--ap-ease)}.pr-edit-focus{--stageH: clamp(240px, calc(100dvh - 410px) , 560px);position:fixed;top:0;right:0;bottom:0;left:0;z-index:9300;display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;padding:44px 0 20px;overflow-y:auto;overscroll-behavior:contain;background:#fff9;-webkit-backdrop-filter:blur(22px) saturate(1.1);backdrop-filter:blur(22px) saturate(1.1);color:var(--ap-text);font-family:var(--ap-font);text-align:center;opacity:0;transition:opacity .45s var(--ap-ease)}.pr-edit-focus[hidden]{display:none}.pr-edit-focus.is-on{opacity:1}.pr-edit-focus__close{position:absolute;top:8px;right:12px;z-index:3;padding:8px 12px;border:0;background:none;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ap-text)}.pr-edit-focus__close span{font-size:18px;font-weight:400;vertical-align:-2px;margin-left:4px}.pr-edit-focus__nav{align-self:center;justify-self:center;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid var(--ap-line);background:#ffffffb3;color:var(--ap-text);cursor:pointer;display:grid;place-items:center;transition:background-color .2s var(--ap-ease),border-color .2s var(--ap-ease)}.pr-edit-focus__nav:hover{background:#fff;border-color:var(--ap-text-3)}.pr-edit-focus__nav svg{width:16px;height:16px}.pr-edit-focus__sheet{display:flex;flex-direction:column;align-items:center;min-width:0}.pr-edit-focus__stage{position:relative;margin:0;height:var(--stageH);aspect-ratio:1120 / 1288;max-width:100%;-webkit-mask-image:linear-gradient(to bottom,#000 74%,transparent 99%);mask-image:linear-gradient(to bottom,#000 74%,transparent 99%);touch-action:pan-y}.pr-edit-focus__v{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:contain;transform-origin:0 0;opacity:0;transition:opacity .35s ease}.pr-edit-focus__stage[data-view=front] [data-v=front],.pr-edit-focus__stage[data-view=side] [data-v=side],.pr-edit-focus__stage[data-view=back] [data-v=back]{opacity:1}.pr-edit-focus__info{width:min(520px,100%);margin-top:-8px;padding:0 16px;transition:opacity .4s var(--ap-ease),transform .5s var(--ap-ease)}.pr-edit-focus:not(.is-on) .pr-edit-focus__info{opacity:0;transform:translateY(12px)}.pr-edit-focus__title{margin:6px 0 2px;font-size:16px;line-height:1.25;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.pr-edit-focus__price{margin:0;font-size:15px}.pr-edit-focus__meta{margin:4px 0 0;font-size:14px;color:var(--ap-text-2)}.pr-edit-focus__seg{display:inline-flex;margin:12px 0 0;padding:3px;border-radius:var(--ap-pill);background:var(--ap-grey)}.pr-edit-focus__seg[hidden]{display:none}.pr-edit-focus__seg button{border:0;background:none;padding:6px 14px;border-radius:var(--ap-pill);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ap-text-2);transition:background-color .25s var(--ap-ease),color .25s var(--ap-ease)}.pr-edit-focus__seg button[hidden]{display:none}.pr-edit-focus__seg button[aria-checked=true]{background:var(--ap-text);color:#fff}.pr-edit-focus__sizes{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 0}.pr-edit-focus__sizes button{min-width:52px;height:36px;padding:0 10px;border-radius:var(--ap-pill);cursor:pointer;border:1px solid var(--ap-line);background:#fff;color:var(--ap-text);font-size:14px;letter-spacing:-.01em;transition:border-color .2s var(--ap-ease),background-color .2s var(--ap-ease),color .2s var(--ap-ease)}.pr-edit-focus__sizes button:hover:not(:disabled){border-color:var(--ap-text)}.pr-edit-focus__sizes button[aria-checked=true]{background:var(--ap-text);border-color:var(--ap-text);color:#fff}.pr-edit-focus__sizes button:disabled{color:var(--ap-text-3);text-decoration:line-through;cursor:not-allowed;background:var(--ap-grey);border-color:transparent}.pr-edit-focus__stock{min-height:18px;margin:6px 0 0;font-size:13px;color:var(--ap-pink-ink)}.pr-edit-focus .pr-edit-focus__cta{width:min(100%,400px);margin-top:4px}.pr-edit-focus .pr-edit-focus__cta:disabled{--b: var(--ap-grey);color:var(--ap-text-3);cursor:default}.pr-edit-focus .pr-edit-focus__cta.is-busy{opacity:.7;cursor:progress}.pr-edit-focus__more{display:inline-block;margin:12px 0 0;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ap-text);text-decoration:underline;text-underline-offset:3px}.pr-edit-focus .is-swap{opacity:0!important;transform:translate(var(--dx, 0));transition:opacity .18s ease,transform .18s ease}@media(max-width:699px){.pr-edit-focus{--stageH: clamp(260px, calc(100dvh - 440px) , 112vw);grid-template-columns:minmax(0,1fr);align-items:start;padding:40px 0 max(20px,env(safe-area-inset-bottom))}.pr-edit-focus__sheet{grid-row:1;grid-column:1}.pr-edit-focus__nav{position:absolute;z-index:2;top:calc(40px + var(--stageH) / 2 - 20px)}.pr-edit-focus__nav--prev{left:12px}.pr-edit-focus__nav--next{right:12px}}@media(min-width:735px){.pr-edit{padding-top:56px}}@media(min-width:1069px){.pr-edit{padding-top:58px}}@media(prefers-reduced-motion:reduce){.pr-edit[data-mode=hover] .pr-edit__look,.pr-edit__cap,.pr-edit-focus,.pr-edit-focus__v,.pr-edit-focus__info{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/pr-edit.css.map */