.fitting-room{--fu:min(1rem, 1.77778dvh);--handle:2.9167rem;grid-template-columns:minmax(0, 1fr) calc(var(--fu) * 33.3333) minmax(0, 1fr);gap:calc(var(--fu) * 1.25) calc(var(--fu) * 1.4583);height:100dvh;padding:calc(var(--fu) * 5.2083) calc(var(--fu) * 2.0833) calc(var(--fu) * 2.0833);color:var(--color-black);z-index:10;background:var(--color-white);margin-bottom:var(--footer-height,100svh);grid-template-rows:minmax(0,1fr) auto auto;display:grid;position:relative;overflow:hidden}.fitting-room button,.fitting-book{cursor:pointer;transition:background-color .3s var(--ease-brand), color .3s var(--ease-brand), transform .4s var(--ease-brand)}.fitting-room button:focus-visible,.fitting-room a:focus-visible,.fitting-canvas:focus-visible{outline:.1042rem solid var(--color-black);outline-offset:.2083rem}.fitting-stage{pointer-events:none;grid-area:1/1/auto/-1;min-height:0;position:relative}.fitting-canvas{--portrait-cutoff:calc(var(--fu) * 3.125 + .07489cqw);--arc-height:4.49326cqw;--portrait-solid:.8;pointer-events:auto;width:calc(var(--fu) * 52.0833);max-width:100%;height:calc(100% + var(--fu) * 2.5);margin-inline:auto;margin-top:calc(var(--fu) * -.625);position:relative;overflow:hidden;container-type:inline-size}.fitting-canvas.is-zoomed{cursor:zoom-in;touch-action:none}.fitting-portrait{inset:0 0 var(--portrait-cutoff);border-radius:0 0 50% 50% / 0 0 var(--arc-height) var(--arc-height);position:absolute;overflow:hidden}.fitting-images{inset:0 0 calc(var(--portrait-cutoff) * -1);-webkit-mask-image:linear-gradient(to bottom, black calc((100% - var(--portrait-cutoff)) * var(--portrait-solid)), transparent calc(100% - var(--portrait-cutoff)));mask-image:linear-gradient(to bottom, black calc((100% - var(--portrait-cutoff)) * var(--portrait-solid)), transparent calc(100% - var(--portrait-cutoff)));transition:filter .2s var(--ease-brand);position:absolute;overflow:hidden}.fitting-images.is-loading{filter:blur(3px)}.fitting-images.is-empty{visibility:hidden}.fitting-frame,.fitting-before,.fitting-image-transform{position:absolute;inset:0}.fitting-frame.is-current{animation:fitting-reveal .4s var(--ease-brand) both}.fitting-image-transform{transition:transform .35s var(--ease-brand)}.fitting-image-transform picture{display:block}.fitting-image-transform img{width:auto;max-width:none;height:calc(100% * var(--frame-scale,1));min-width:100%;left:50%;top:var(--frame-top,0);transform:translateX(calc(-50% + var(--frame-shift,0%)));object-fit:contain;position:absolute}.fitting-floor{width:calc(var(--fu) * 52.0833);max-width:100%;bottom:calc(var(--fu) * 1.25);pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.fitting-floor img{width:100%;height:auto}.fitting-floor-mobile{display:none}.fitting-rotation{pointer-events:auto;padding:calc(var(--fu) * .2083);border:.0521rem solid var(--color-light-grey);background:var(--color-white);border-radius:999rem;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.fitting-rotation button{width:max(2.2917rem, calc(var(--fu) * 2.0833));height:max(2.2917rem, calc(var(--fu) * 2.0833));border-radius:50%;place-items:center;display:grid}.fitting-rotation img{width:calc(var(--fu) * .4167);height:calc(var(--fu) * .7292)}.fitting-details{z-index:1;grid-area:2/1;align-self:start;position:relative}.fitting-details h1,.fitting-price>p{font-family:var(--font-display);font-size:calc(var(--fu) * 2.9167);letter-spacing:-.02em;line-height:1.1}.fitting-details p{margin-top:calc(var(--fu) * .625);color:var(--color-grey-dark);font-size:max(.625rem, calc(var(--fu) * .9375));line-height:1.4}.fitting-price{text-align:right;z-index:1;grid-area:2/3;position:relative}.fitting-price>p{white-space:nowrap}.fitting-book{min-height:2.7083rem;padding:calc(var(--fu) * .7292) calc(var(--fu) * 1.4583);background:var(--color-black);color:var(--color-white);margin-top:calc(var(--fu) * .9375);font-size:max(.625rem, calc(var(--fu) * .9375));border-radius:999rem;justify-content:center;align-items:center;line-height:1.2;display:inline-flex}.fitting-effects{z-index:1;border:.0781rem solid var(--color-light-grey);border-radius:calc(var(--fu) * 1.25);box-shadow:0 calc(var(--fu) * .625) calc(var(--fu) * 2.0833) #0000000f;background:var(--color-white);padding:calc(var(--fu) * .8333) calc(var(--fu) * 1.25);grid-area:2/2/4;position:relative}.fitting-effects-heading{justify-content:space-between;align-items:center;gap:.4167rem;display:flex}.fitting-effects-heading h2{font-size:calc(var(--fu) * 1.0417);line-height:1.2}.fitting-effects-heading p{color:var(--color-grey-dark);font-size:calc(var(--fu) * .78125);line-height:1.2}.fitting-note-short{display:none}.fitting-swatches{align-items:start;gap:calc(var(--fu) * .4167);margin-top:calc(var(--fu) * .625);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.fitting-swatch{min-width:0;padding-top:calc(var(--fu) * .4167);flex-direction:column;justify-content:start;align-items:center;display:flex;position:relative}.fitting-swatch.is-selected{padding-top:calc(var(--fu) * .4167)}.fitting-swatch-disc{width:calc(var(--fu) * 5.4167);height:calc(var(--fu) * 5.4167);place-items:center;display:grid}.fitting-swatch-preview{width:calc(var(--fu) * 3.3333);height:calc(var(--fu) * 3.3333);transition:width .4s var(--ease-brand), height .4s var(--ease-brand);border-radius:50%;display:block;overflow:hidden}.fitting-swatch-disc picture,.fitting-swatch-disc img{object-fit:cover;width:100%;height:100%}.fitting-swatch-disc img{transform:scale(1.1)}.fitting-swatch.is-selected .fitting-swatch-preview{width:calc(var(--fu) * 5.4167);height:calc(var(--fu) * 5.4167);border:.1042rem solid var(--color-black);padding:.1042rem}.fitting-swatch-check{width:calc(var(--fu) * 1.5625);height:calc(var(--fu) * 1.5625);top:calc(var(--fu) * -.2083);background:var(--color-black);opacity:0;border-radius:50%;place-items:center;transition:opacity .3s,transform .3s;display:grid;position:absolute;transform:scale(.7)}.fitting-swatch-check img{width:calc(var(--fu) * .5208);height:calc(var(--fu) * .4167)}.fitting-swatch.is-selected .fitting-swatch-check{opacity:1;transform:scale(1)}.fitting-swatch-name{margin-top:calc(var(--fu) * .5208);font-size:calc(var(--fu) * .6771);color:var(--color-grey-dark);text-align:center;min-height:2.5em;line-height:1.25}.fitting-swatch.is-selected .fitting-swatch-name{color:var(--color-black)}.fitting-tools{align-items:center;gap:calc(var(--fu) * .625);grid-area:3/1;align-self:end;display:flex;position:relative}.fitting-tools button{width:max(2.2917rem, calc(var(--fu) * 3.125));height:max(2.2917rem, calc(var(--fu) * 3.125));background:var(--color-light-grey);border-radius:50%;place-items:center;display:grid}.fitting-tools button[aria-pressed=true]{background:var(--color-black)}.fitting-tools button[aria-pressed=true] img{filter:invert()}.fitting-tools img{width:calc(var(--fu) * 1.0417);height:calc(var(--fu) * 1.0417);object-fit:contain}.fitting-share-status{font-size:max(.625rem, calc(var(--fu) * .78125));background:var(--color-white);white-space:nowrap;position:absolute;bottom:calc(100% + .4167rem);left:0}.fitting-angles{z-index:2;justify-content:end;align-self:end;gap:calc(var(--fu) * .4167);grid-area:3/3;display:flex;position:relative}.fitting-angles button{min-height:2.7083rem;padding:calc(var(--fu) * .7292) calc(var(--fu) * 1.0417);background:var(--color-light-grey);font-size:max(.625rem, calc(var(--fu) * .9375));border-radius:999rem;line-height:1.2}.fitting-angles button[aria-pressed=true]{background:var(--color-black);color:var(--color-white)}.fitting-angle-icon{display:none}.fitting-angles button[data-angle=front][aria-pressed=false] img,.fitting-angles button:not([data-angle=front])[aria-pressed=true] img{filter:invert()}.fitting-comparison{pointer-events:none;position:absolute;inset:0}.fitting-divider{background:var(--color-white);width:.1042rem;position:absolute;top:4%;bottom:12%;transform:translate(-50%)}.fitting-slider{width:100%;height:var(--handle);appearance:none;cursor:ew-resize;pointer-events:none;z-index:3;background:0 0;margin:0;position:absolute;top:48%;left:0}.fitting-slider::-webkit-slider-runnable-track{background:0 0}.fitting-slider::-moz-range-track{background:0 0}.fitting-slider::-webkit-slider-thumb{pointer-events:auto;appearance:none;background:#000 url(/icons/fitting/compare_arrows.svg) 50%/.9375rem no-repeat;border:.1042rem solid #fff;border-radius:50%;width:2.9167rem;height:2.9167rem}.fitting-slider::-moz-range-thumb{pointer-events:auto;background:#000 url(/icons/fitting/compare_arrows.svg) 50%/.9375rem no-repeat;border:.1042rem solid #fff;border-radius:50%;width:2.7083rem;height:2.7083rem}.fitting-slider:focus-visible{box-shadow:none;outline:none}.fitting-slider:focus-visible::-webkit-slider-thumb{background-color:var(--color-accent)}.fitting-slider:focus-visible::-moz-range-thumb{background-color:var(--color-accent)}.fitting-comparison-label{background:var(--color-white);border:.0521rem solid var(--color-light-grey);font-size:max(.625rem, calc(var(--fu) * .78125));border-radius:999rem;padding:.4167rem .8333rem;position:absolute;top:2%}.fitting-comparison-label.is-before{left:25%}.fitting-comparison-label.is-after{right:25%}.fitting-status{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:calc(100% - 2rem);font-size:max(.75rem, calc(var(--fu) * .875));text-align:center;pointer-events:none;background:#ffffffc7;border:.0521rem solid #fffc;border-radius:999rem;justify-content:center;align-items:center;gap:.625rem;padding:.7292rem 1.0417rem;line-height:1.25;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 .3125rem 1.25rem #00000014}.fitting-status:empty{display:none}.fitting-loading-spinner{border:.1042rem solid var(--color-light-grey);border-top-color:var(--color-accent);border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite fitting-spin}@keyframes fitting-spin{to{transform:rotate(360deg)}}@keyframes fitting-reveal{0%{opacity:0}to{opacity:1}}@media (hover:hover) and (pointer:fine){.fitting-book:hover,.fitting-angles button:hover,.fitting-tools button:hover,.fitting-rotation button:hover{background:var(--color-accent);color:var(--color-white)}.fitting-tools button:hover img,.fitting-rotation button:hover img{filter:invert()}.fitting-angles button[data-angle=front]:hover img{filter:none}.fitting-angles button:not([data-angle=front]):hover img{filter:invert()}.fitting-swatch:hover .fitting-swatch-name{color:var(--color-black)}}@media (max-width:767px){.fitting-room{--fu:min(1rem, 2.29665dvh);--handle:2.2917rem;padding:calc(4.5833rem + env(safe-area-inset-top)) .8333rem max(.8333rem, env(safe-area-inset-bottom));gap:calc(var(--fu) * .4167);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto}.fitting-details{grid-area:1/1/auto/-1}.fitting-details h1{font-size:max(1.25rem, calc(var(--fu) * 1.6667))}.fitting-details p{margin-top:calc(var(--fu) * .3125);font-size:max(.625rem, calc(var(--fu) * .6771))}.fitting-price{text-align:left;grid-area:2/1/auto/-1;justify-content:space-between;align-items:center;gap:.4167rem;min-height:2.2917rem;display:flex}.fitting-price.is-empty{min-height:0}.fitting-price>p{font-size:max(.9375rem, calc(var(--fu) * 1.25))}.fitting-book{min-height:2.5rem;margin-top:0;padding:.625rem 1.0417rem;font-size:.7292rem}.fitting-stage{grid-area:2/1/4/-1}.fitting-canvas{--portrait-cutoff:calc(var(--fu) * 1.25 + .26738cqw);--arc-height:5.34759cqw;--portrait-solid:.8;width:100%;height:100%;margin-top:0}.fitting-image-transform picture{transform-origin:50% 0;position:absolute;inset:0;transform:scale(.92)}.fitting-floor{bottom:calc(var(--fu) * 1.25);width:100%}.fitting-floor-desktop{display:none}.fitting-floor-mobile{display:block}.fitting-rotation{padding:0;bottom:0}.fitting-rotation button{width:2.2917rem;height:2.2917rem}.fitting-rotation img{width:.3125rem;height:.625rem}.fitting-tools{margin-top:calc(var(--fu) * .8333);z-index:2;flex-direction:column;grid-area:3/1/auto/-1;place-self:start;gap:.4167rem;display:flex;position:relative;top:auto;left:auto}.fitting-tools button{width:2.5rem;height:2.5rem}.fitting-tools img{width:.8333rem;height:.8333rem}.fitting-share-status{top:calc(100% + .4167rem);bottom:auto}.fitting-angles{margin-top:calc(var(--fu) * .8333);z-index:2;flex-direction:column;grid-area:3/1/auto/-1;place-self:start end;gap:.4167rem;display:flex;position:relative;top:auto;right:auto}.fitting-angles button{align-self:end;place-items:center;width:2.5rem;height:2.5rem;min-height:2.5rem;padding:0;display:grid}.fitting-angle-label{display:none}.fitting-angle-icon{display:block}.fitting-effects{padding:calc(var(--fu) * .625) .8333rem calc(var(--fu) * .4167);border-radius:.9375rem;grid-area:4/1/auto/-1}.fitting-effects-heading h2{font-size:max(.6771rem, calc(var(--fu) * .8333))}.fitting-effects-heading p{font-size:max(.5208rem, calc(var(--fu) * .625))}.fitting-note-long{display:none}.fitting-note-short{display:inline}.fitting-swatches{margin-top:calc(var(--fu) * .4167);gap:.2083rem}.fitting-swatch-disc{width:calc(var(--fu) * 3.9583);height:calc(var(--fu) * 3.9583)}.fitting-swatch-preview{width:calc(var(--fu) * 2.6042);height:calc(var(--fu) * 2.6042)}.fitting-swatch{padding-top:calc(var(--fu) * .4167)}.fitting-swatch.is-selected .fitting-swatch-preview{width:calc(var(--fu) * 3.9583);height:calc(var(--fu) * 3.9583)}.fitting-swatch-check{width:calc(var(--fu) * 1.25);height:calc(var(--fu) * 1.25)}.fitting-swatch-name{margin-top:calc(var(--fu) * .3125);font-size:max(.5208rem, calc(var(--fu) * .5729));min-height:2.5em}.fitting-swatch.is-selected .fitting-swatch-name{color:var(--color-black)}.fitting-comparison-label.is-before{left:25%}.fitting-comparison-label.is-after{right:25%}.fitting-comparison-label{top:3rem}.fitting-slider{height:2.2917rem}.fitting-slider::-webkit-slider-thumb{width:2.2917rem;height:2.2917rem}.fitting-slider::-moz-range-thumb{pointer-events:auto;width:2.0833rem;height:2.0833rem}}@media (max-width:767px) and (orientation:landscape){.fitting-room{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-top:4.5833rem}.fitting-details,.fitting-price{grid-column:2}.fitting-stage{grid-area:1/1/4}.fitting-effects{grid-area:3/2;align-self:end}.fitting-tools{flex-direction:column;margin-top:0;position:absolute;top:4.75rem;left:.8333rem}.fitting-angles{flex-direction:row;justify-content:center;gap:.2083rem;margin-top:0;position:absolute;inset:auto 51% .8333rem .8333rem}.fitting-angles button{width:1.8333rem;height:1.8333rem}.fitting-rotation{bottom:3.5417rem;left:auto;right:0;transform:none}.fitting-rotation button,.fitting-tools button{width:1.8333rem;height:1.8333rem}.fitting-angles button{min-height:1.8333rem}.fitting-floor{bottom:4.5833rem}.fitting-canvas{--portrait-cutoff:calc(4.5833rem + .26738cqw)}.fitting-comparison-label{top:2%}}@media (prefers-reduced-motion:reduce){.fitting-room *,.fitting-room :before,.fitting-room :after{transition:none!important;animation:none!important}}.fitting-tools button:disabled{opacity:.4;cursor:default}.fitting-share{position:relative}.fitting-share-options{border:.0521rem solid var(--color-light-grey);z-index:5;background:#fff;border-radius:.8333rem;width:max-content;max-width:calc(100vw - 4.1666rem);padding:.4167rem;position:absolute;bottom:calc(100% + .625rem);left:0;box-shadow:0 .4167rem 1.25rem #00000014}.fitting-share-options button{text-align:left;white-space:nowrap;background:#fff;border-radius:.5208rem;width:100%;height:auto;min-height:2.2917rem;padding:.625rem .8333rem;font-size:.7292rem;display:flex}@media (max-width:767px){.fitting-share-options{max-width:calc(100vw - 4.5833rem);bottom:0;left:calc(100% + .4167rem)}}