rare-leathers-stage{display:flex;flex-direction:column;position:relative;height:clamp(var(--rl-min-h, 520px),calc(100svh - var(--rl-header-h, 122px)),var(--rl-max-h, 1100px));background:var(--rl-page-bg, #f4f1ec);color:var(--rl-fg, #000);font-family:var(--rl-font-body, var(--font-body--family))}.rl-stage{position:relative;overflow:hidden;container-type:size;flex:1 1 auto;min-height:0;background:var(--rl-scene-fallback, #e3ddd3)}.rl-scene{position:absolute;top:0;right:0;bottom:0;left:0;--img-h: calc(100cqh * var(--rl-podium-size, 1));--img-w: calc(var(--img-h) * var(--rl-bg-ratio, 2));--img-left: calc((100cqw - var(--img-w)) / 2);--cx: var(--rl-cx-d, .58);--surface: var(--rl-surface-d, .64);--plinth: var(--rl-plinth-d, .48);--ry: var(--rl-ry-d, .025);--horizon: var(--rl-horizon-d, 60%);--horizon-f: var(--rl-horizon-fd, .6);background-color:var(--rl-wall, #dcd5cc);background-image:linear-gradient(to right,var(--rl-wall, #dcd5cc) 0,transparent var(--rl-edge-fade, 12%),transparent calc(100% - var(--rl-edge-fade, 12%)),var(--rl-wall, #dcd5cc) 100%),linear-gradient(to right,var(--rl-floor, #bab3a9) 0,transparent var(--rl-edge-fade, 12%),transparent calc(100% - var(--rl-edge-fade, 12%)),var(--rl-floor, #bab3a9) 100%),var(--rl-bg-desktop, none),linear-gradient(to bottom,var(--rl-wall, #dcd5cc) 0 var(--horizon),var(--rl-floor, #bab3a9) var(--horizon) 100%);background-size:100% var(--wall-h),100% var(--floor-h),auto var(--img-h),100% var(--img-h);background-position:center calc(100% - var(--floor-h)),center bottom,center bottom,center bottom;background-repeat:no-repeat;--floor-h: calc(var(--img-h) * (1 - var(--horizon-f)));--wall-h: calc(var(--img-h) * var(--horizon-f))}.rl-piece-wrap{position:absolute;--piece-w: calc(var(--img-w) * var(--plinth) * var(--scale, .64) * var(--boost, 1));left:calc(var(--img-left) + var(--img-w) * var(--cx) - var(--piece-w) / 2);bottom:calc(var(--img-h) * (1 - var(--surface) - var(--ry) * .55));width:var(--piece-w);height:calc(var(--img-h) * (var(--surface) - var(--rl-piece-headroom, .08)));display:block}.rl-piece-box{position:relative;display:block;width:100%;height:100%}.rl-piece{display:block;width:100%;height:100%;object-fit:contain;object-position:bottom center}.rl-view-arrow{position:absolute;top:50%;translate:0 -50%;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:var(--rl-fg, #000);font-size:22px;line-height:1;cursor:pointer;opacity:.55}.rl-view-arrow:hover,.rl-view-arrow:focus-visible{opacity:1}.rl-view-arrow--prev{left:-52px}.rl-view-arrow--next{right:-52px}.rl-view-arrow[hidden]{display:none}@media screen and (max-width:749px){.rl-view-arrow--prev{left:-38px}.rl-view-arrow--next{right:-38px}}.rl-views{position:absolute;left:50%;bottom:clamp(10px,2cqh,22px);translate:-50% 0;z-index:2;display:flex;gap:8px}.rl-views[hidden]{display:none}.rl-view-dot{width:22px;height:22px;padding:0;border:0;background:none;cursor:pointer}.rl-view-dot:before{content:"";display:block;width:6px;height:6px;margin:auto;border-radius:50%;background:var(--rl-fg, #000);opacity:.28}.rl-view-dot[aria-pressed=true]:before{opacity:1}.rl-piece--fallback{mix-blend-mode:multiply;filter:brightness(var(--rl-fallback-lighten, 1.06)) contrast(var(--rl-fallback-contrast, 1.02))}.rl-piece-box:before{content:"";position:absolute;left:50%;bottom:-2%;width:104%;height:calc(var(--piece-w) * .1);transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,#3c302657,#3c302629 42%,#3c302600 72%);filter:blur(6px);pointer-events:none}.rl-piece-box:after{content:"";position:absolute;left:50%;bottom:0;width:72%;height:calc(var(--piece-w) * .035);transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at center,#2c221a75,#2c221a33 55%,#2c221a00 80%);filter:blur(2px);pointer-events:none}@media(prefers-reduced-motion:no-preference){.rl-piece,.rl-piece-box:before,.rl-piece-box:after{transition:opacity .25s ease}}.rl-piece-wrap[data-fading=true] .rl-piece,.rl-piece-wrap[data-fading=true] .rl-piece-box:before,.rl-piece-wrap[data-fading=true] .rl-piece-box:after{opacity:0}.rl-quick-add{position:absolute;top:2%;right:-6%;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgb(0 0 0 / .08);border-radius:50%;background:#fff;color:#000;cursor:pointer;box-shadow:0 2px 10px #281e1629}.rl-quick-add svg{width:18px;height:18px}.rl-quick-add[hidden]{display:none}@media(prefers-reduced-motion:no-preference){.rl-quick-add{transition:scale .16s ease}.rl-quick-add:hover{scale:1.06}}.rl-stage[data-mode=field],.rl-stage[data-mode=field] .rl-scene{background:var(--rl-field-bg, #ebebeb)}.rl-stage[data-mode=field] .rl-piece-wrap{--piece-w: calc(var(--rl-field-piece-w, 46%) * var(--scale, .64) / .64);left:50%;margin-left:calc(var(--piece-w) / -2);bottom:auto;top:var(--rl-field-piece-top, 12%);width:var(--piece-w);height:var(--rl-field-piece-h, 72%)}.rl-stage[data-mode=field] .rl-piece{object-position:center}.rl-stage[data-mode=field] .rl-piece-box:before,.rl-stage[data-mode=field] .rl-piece-box:after{display:none}.rl-stage[data-mode=field] .rl-piece,.rl-stage[data-mode=field] .rl-piece--fallback{mix-blend-mode:darken;filter:none}.rl-head{position:absolute;top:clamp(20px,5cqh,56px);left:clamp(20px,4cqw,64px);max-width:min(42ch,46cqw);z-index:2}.rl-eyebrow{margin:0 0 clamp(8px,1.6cqh,18px);font-family:var(--rl-font-body, var(--font-body--family));font-size:clamp(9px,1.1cqh,11px);font-weight:500;letter-spacing:var(--rl-eyebrow-tracking, .22em);line-height:1.2;text-transform:uppercase;color:var(--rl-accent, #8a6a52)}.rl-title{margin:0;font-family:var(--rl-font-heading, var(--font-heading--family));font-size:var(--rl-title-size-d, clamp(26px, 5.2cqh, 52px));font-weight:var(--rl-heading-weight, 300);line-height:1.08;letter-spacing:-.01em;text-wrap:balance;color:var(--rl-fg, #000)}.rl-counter{position:absolute;top:clamp(20px,5cqh,56px);right:clamp(20px,4cqw,64px);margin:0;font-size:clamp(9px,1.1cqh,11px);font-weight:500;letter-spacing:.18em;color:var(--rl-fg-muted, #3a3631);font-variant-numeric:tabular-nums;z-index:2}@container (max-height: 430px){.rl-title{display:none}}.rl-panel{position:absolute;left:clamp(20px,4cqw,64px);bottom:var(--rl-panel-bottom-d, 10%);width:min(30vw,360px);z-index:2}.rl-badge{display:inline-block;margin:0 0 10px;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--rl-accent, #8a6a52)}.rl-badge:empty{display:none}.rl-name{margin:0 0 4px;font-family:var(--rl-font-heading, var(--font-heading--family));font-size:var(--rl-name-size-d, 26px);font-weight:var(--rl-heading-weight, 300);line-height:1.15}.rl-leather{margin:0 0 2px;font-size:13px;line-height:1.5;color:var(--rl-fg-muted, #3a3631)}.rl-price{margin:0 0 18px;font-size:15px;line-height:1.4;color:var(--rl-fg, #000);font-variant-numeric:tabular-nums}.rl-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:0 24px;border:0;border-radius:0;background:var(--rl-btn-bg, #000);color:var(--rl-btn-fg, #fff);font-family:inherit;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer}.rl-cta[aria-busy=true]{opacity:.6;cursor:progress}.rl-cta:disabled{cursor:not-allowed}.rl-error{margin:8px 0 0;font-size:12px;line-height:1.4;color:#9b2c2c}.rl-error:empty{display:none}.rl-discover{display:inline-block;margin-top:14px;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--rl-fg, #000);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.rl-thumbs{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:min(92vw,760px);margin:0 auto;padding:var(--rl-thumbs-pad, 14px) 0}.rl-thumbs__scroller{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding:2px}.rl-thumbs__scroller::-webkit-scrollbar{display:none}.rl-thumb{flex:0 0 auto;width:72px;height:72px;padding:6px;border:1px solid transparent;border-radius:0;background:var(--rl-thumb-bg, rgb(255 255 255 / .72));cursor:pointer;scroll-snap-align:center}.rl-thumb img{display:block;width:100%;height:100%;object-fit:contain}.rl-thumb[aria-pressed=true]{border-color:var(--rl-thumb-active-border, #000)}.rl-arrow{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;color:var(--rl-fg, #000);font-size:20px;line-height:1;cursor:pointer}.rl-arrow[hidden]{display:none}.rl-seo-links{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.rl-stage:focus-visible,.rl-thumb:focus-visible,.rl-arrow:focus-visible,.rl-cta:focus-visible,.rl-quick-add:focus-visible,.rl-discover:focus-visible{outline:2px solid var(--rl-fg, #000);outline-offset:3px}@media screen and (max-width:749px){rare-leathers-stage{display:block;height:auto}.rl-stage{--rl-stage-h: clamp( var(--rl-min-h-m, 360px), calc(100svh - var(--rl-header-h, 126px) - var(--rl-panel-h, 168px)), 900px );flex:none;height:var(--rl-stage-h)}.rl-scene{--img-h: calc(100cqh * var(--rl-podium-size-m, 1));--img-w: calc(var(--img-h) * var(--rl-bg-ratio-m, .6667));--img-left: calc((100cqw - var(--img-w)) / 2);--boost: var(--rl-boost-m, 1.3);--cx: var(--rl-cx-m, .5);--surface: var(--rl-surface-m, .6);--plinth: var(--rl-plinth-m, .72);--ry: var(--rl-ry-m, .0173);--horizon: var(--rl-horizon-m, 57%);--horizon-f: var(--rl-horizon-fm, .57);background-image:var(--rl-bg-mobile, none),linear-gradient(to bottom,var(--rl-wall, #ded7cf) 0 var(--horizon),var(--rl-floor, #ada69c) var(--horizon) 100%)}.rl-head{top:clamp(16px,4cqh,32px);left:20px;right:20px;max-width:none}.rl-title{font-size:var(--rl-title-size-m, clamp(20px, 4.4cqh, 30px))}.rl-counter{top:clamp(16px,4cqh,32px);right:20px}.rl-stage[data-mode=field] .rl-piece-wrap{--piece-w: calc(var(--rl-field-piece-w-m, 78%) * var(--scale, .64) / .64)}.rl-arrow{position:absolute;top:calc(var(--rl-stage-h) * .42);z-index:3}.rl-arrow--prev{left:4px}.rl-arrow--next{right:4px}.rl-panel{position:static;width:auto;min-height:var(--rl-panel-h, 168px);padding:16px 20px 20px;background:var(--rl-panel-bg-m, #fff);display:grid;grid-template-columns:1fr auto;align-content:start;column-gap:16px}.rl-badge{grid-column:1 / -1;margin-bottom:6px}.rl-name{grid-column:1;font-size:var(--rl-name-size-m, 20px);margin-bottom:2px}.rl-price{grid-column:2;grid-row:2;text-align:right;margin:0;align-self:start}.rl-leather{grid-column:1 / -1;margin-bottom:14px}.rl-cta,.rl-error,.rl-discover{grid-column:1 / -1}.rl-thumbs{max-width:none;margin:0;padding:16px 20px 24px}.rl-thumbs__scroller{width:100%}.rl-thumb{width:64px;height:64px}}@media screen and (min-width:750px)and (max-width:1199px){.rl-panel{width:min(30vw,300px)}.rl-title{font-size:clamp(22px,5.2cqh,40px)}.rl-thumbs{max-width:88vw}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/rare-leathers-stage.css.map */