.hfr{--hfr-wall: #f2f2f4;--hfr-accent: #ff5421;--hfr-ink: #111;--hfr-wood: #dcbf95;--hfr-wood-hi: #ead3ae;--hfr-wood-lo: #c5a375;--hfr-wood-edge: #b8956a;--hfr-back: #f7f3ec;--hfr-frame: 1.2rem;--hfr-plank: 1.4rem;--hfr-row: clamp(10.4rem, min(8.4vw, calc((100svh - 34rem)/4) ), 15rem);position:relative;background:#fff;color:var(--hfr-ink)}.hfr--lacquer{--hfr-wood: #f1ece3;--hfr-wood-hi: #faf7f1;--hfr-wood-lo: #ddd5c8;--hfr-wood-edge: #cfc6b8;--hfr-back: #fbf9f5}.hfr__head{align-items:flex-end}.hfr__title{margin:0}.hfr__head-side{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 2.4rem}.hfr__hint{margin:0;font-family:var(--hos-font-mono, ui-monospace, monospace);font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.hfr__room{--hfr-floor-row: 9.6rem;position:relative;isolation:isolate;border-radius:2.4rem;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--hfr-wall) 55%,#fff) 0%,var(--hfr-wall) 55%)}.hfr__room:after{content:"";position:absolute;z-index:-1;inset:auto 0 0 0;height:calc(var(--hfr-floor-row) + var(--hfr-pad-b, 2.4rem) + 2.4rem);background:linear-gradient(180deg,#0000000b 0,#0000 1.6rem),linear-gradient(180deg,color-mix(in srgb,var(--hfr-wall) 88%,#8a8478),color-mix(in srgb,var(--hfr-wall) 70%,#fff));border-top:1px solid rgba(0,0,0,.05)}.hfr__unit{position:relative;min-width:0}.hfr__cab{position:relative;display:grid;padding:var(--hfr-frame) var(--hfr-frame) 0;background:linear-gradient(90deg,#ffffff29,#fff0 30%,#00000008 70%,#0000000f),repeating-linear-gradient(90deg,rgba(120,82,40,.05) 0 1px,transparent 1px 5px,rgba(120,82,40,.035) 5px 7px,transparent 7px 13px),var(--hfr-wood);border-radius:.4rem .4rem 0 0;box-shadow:0 1px #ffffff80 inset,0 2.4rem 4rem -2.4rem #281c0e47}.hfr__cab:before{content:"";position:absolute;inset:var(--hfr-frame) var(--hfr-frame) 0;background:linear-gradient(180deg,var(--hfr-back),color-mix(in srgb,var(--hfr-back) 92%,#b9a888));box-shadow:inset 0 1.4rem 1.8rem -1.4rem #46301652,inset 1.2rem 0 1.6rem -1.2rem #46301638,inset -1.2rem 0 1.6rem -1.2rem #46301638}.hfr__cab-top{position:absolute;inset:0 0 auto;height:2px;background:var(--hfr-wood-hi);border-radius:.4rem .4rem 0 0}.hfr__cab-base{position:relative;display:block;height:1.8rem;margin-inline:.6rem;background:linear-gradient(180deg,var(--hfr-wood-lo),color-mix(in srgb,var(--hfr-wood-lo) 80%,#5a4128))}.hfr__cab-base:after{content:"";position:absolute;inset:auto -4% -1.2rem;height:2rem;background:radial-gradient(50% 50% at 50% 30%,#1e160c52,#1e160c00);filter:blur(2px);z-index:-1}.hfr__row{position:relative;display:grid;grid-template-columns:repeat(var(--hfr-cols, 2),minmax(0,1fr));height:calc(var(--hfr-row) + var(--hfr-plank));padding-bottom:var(--hfr-plank)}.hfr--led .hfr__row:before{content:"";position:absolute;inset:0 0 auto;height:55%;background:linear-gradient(180deg,#ffce9621,#ffce9600);pointer-events:none}.hfr--led .hfr__row:after{content:"";position:absolute;inset:0 4% auto;height:2px;border-radius:2px;background:#ffe2b8;box-shadow:0 1px 4px #ffaa5a8c;pointer-events:none}.hfr__plank{position:absolute;z-index:2;inset:auto calc(var(--hfr-frame) * -.25) 0;height:var(--hfr-plank);background:linear-gradient(180deg,var(--hfr-wood-hi) 0,var(--hfr-wood-hi) 22%,transparent 22%),linear-gradient(180deg,#ffffff1a,#0000000d),repeating-linear-gradient(180deg,rgba(120,82,40,.06) 0 1px,transparent 1px 4px),var(--hfr-wood);box-shadow:0 .7rem .9rem -.3rem #3c281242,0 1px #ffffff59 inset}.hfr__slot{position:relative;z-index:1;min-width:0}.hfr__slot:not(:last-of-type):after{content:"";position:absolute;z-index:3;top:0;right:-.5rem;bottom:calc(var(--hfr-plank) * -1);width:1rem;background:linear-gradient(90deg,#ffffff2e,#0000000d),var(--hfr-wood);box-shadow:-.5rem 0 .8rem -.4rem #3c281233,.5rem 0 .8rem -.4rem #3c281233}.hfr__shoe{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;margin:0;padding:0 9% .1rem;border:0;background:none;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.hfr__shoe:focus-visible{outline:2px solid var(--hfr-ink);outline-offset:-4px;border-radius:.6rem}.hfr__shoe-fig{position:relative;display:block;width:100%;transition:transform .35s cubic-bezier(.25,.8,.25,1)}.hfr__shoe-img{position:relative;z-index:1;display:block;width:100%;height:auto;max-height:calc(var(--hfr-row) - 3.2rem);object-fit:contain;object-position:50% 100%;pointer-events:none;-webkit-user-select:none;user-select:none}.hfr__shoe-img.is-packshot{aspect-ratio:2 / 1;object-fit:cover;object-position:50% 52%;mix-blend-mode:multiply}.hfr__shoe-shadow{position:absolute;z-index:0;left:6%;right:6%;bottom:-.35rem;height:.9rem;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,#281a0a61,#281a0a00);transition:transform .35s cubic-bezier(.25,.8,.25,1),opacity .35s}.hfr__shoe-img.is-packshot~.hfr__shoe-shadow,.hfr__shoe-fig:has(.is-packshot) .hfr__shoe-shadow{opacity:0}.hfr__mark{position:absolute;z-index:4;left:50%;bottom:calc(var(--hfr-plank) * -.5 - .35rem);width:.7rem;height:.7rem;margin-left:-.35rem;border-radius:50%;background:var(--hfr-accent);transform:scale(0);transition:transform .25s cubic-bezier(.25,.8,.25,1)}.hfr__shoe[aria-pressed=true] .hfr__shoe-fig{transform:translateY(-.9rem)}.hfr__shoe[aria-pressed=true] .hfr__shoe-shadow{transform:translateY(.9rem) scale(.82);opacity:.55}.hfr__shoe[aria-pressed=true] .hfr__mark{transform:scale(1)}@media(hover:hover)and (pointer:fine){.hfr__shoe:hover .hfr__shoe-fig{transform:translateY(-.4rem)}.hfr__shoe[aria-pressed=true]:hover .hfr__shoe-fig{transform:translateY(-.9rem)}}.hfr__tag{position:absolute;z-index:5;top:.8rem;left:50%;display:flex;flex-direction:column;align-items:center;max-width:calc(100% - .8rem);padding:.5rem .9rem .6rem;border-radius:.6rem;background:#fff;box-shadow:0 .4rem 1.2rem #1111111a;font-family:var(--hos-font-mono, ui-monospace, monospace);font-size:1.05rem;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translate(-50%,.4rem);transition:opacity .2s,transform .2s;pointer-events:none}.hfr__tag b{font-weight:700;letter-spacing:.1em}.hfr__tag b,.hfr__tag span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.hfr__tag span{opacity:.65}.hfr__shoe:focus-visible .hfr__tag{opacity:1;transform:translate(-50%)}@media(hover:hover)and (pointer:fine){.hfr__shoe:hover .hfr__tag{opacity:1;transform:translate(-50%)}}.hfr__slot--box{display:flex;align-items:flex-end;justify-content:center;padding:0 14%}.hfr__box{position:relative;display:block;width:86%;height:34%;max-height:5.2rem;border-radius:.2rem;background:linear-gradient(180deg,#222 0,#161616);box-shadow:0 .4rem .6rem -.2rem #1e140a59}.hfr__box-lid{position:absolute;inset:0 -.2rem auto;height:30%;border-radius:.2rem;background:linear-gradient(180deg,#2c2c2c,#1d1d1d);box-shadow:0 1px #0009}.hfr__box-logo{position:absolute;right:.8rem;bottom:.6rem;font-family:var(--hos-font-display, sans-serif);font-size:1.1rem;font-weight:900;letter-spacing:-.02em;color:var(--hfr-accent)}.hfr__stage{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0}.hfr__figure{position:relative;width:100%;aspect-ratio:4 / 5;touch-action:pan-y;user-select:none;-webkit-user-select:none}.hfr.is-spin-ready .hfr__figure{cursor:grab}@media(hover:hover)and (pointer:fine){.hfr.is-spin-ready .hfr__figure{cursor:ew-resize}}.hfr__disc{--disc-w: 60%;position:absolute;z-index:0;left:50%;bottom:1.2%;width:var(--disc-w);aspect-ratio:6 / 1.28;transform:translate(-50%)}.hfr__disc:before{content:"";position:absolute;top:40%;right:-6%;bottom:-22%;left:-6%;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,#1e160c42,#1e160c00);filter:blur(3px)}.hfr__disc:after{content:"";position:absolute;top:12%;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(90deg,#0000001a,#ffffff1f 35%,#ffffff0a 60%,#0000001f),var(--hfr-wood-edge)}.hfr__disc-top{position:absolute;z-index:1;inset:0 0 auto;aspect-ratio:6 / 1;border-radius:50%;background:radial-gradient(60% 70% at 46% 40%,#ffffff38,#fff0 70%),repeating-radial-gradient(ellipse at 50% 50%,rgba(120,82,40,.05) 0 1px,transparent 1px 6px),var(--hfr-wood);box-shadow:inset 0 -1px #00000014,inset 0 1px #fff6}.hfr__contact{position:absolute;z-index:1;left:50%;bottom:4.6%;width:32%;height:3%;border-radius:50%;transform:translate(-50%);background:radial-gradient(50% 50% at 50% 50%,#281a0a66,#281a0a00);filter:blur(2px)}.hfr__model{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0}.hfr__look-pic{display:contents}.hfr__look,.hfr__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.hfr__canvas{opacity:0;transition:opacity .18s linear}.hfr.is-spinning .hfr__canvas{opacity:1}.hfr.is-spinning .hfr__look{visibility:hidden}.hfr__empty{display:none;position:absolute;inset:40% 0 auto;margin:0;text-align:center;font-family:var(--hos-font-mono, ui-monospace, monospace);font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.hfr.is-empty .hfr__empty{display:block}.hfr__spin-ui{position:absolute;z-index:3;top:0;left:50%;display:flex;align-items:center;gap:1rem;transform:translate(-50%);font-family:var(--hos-font-mono, ui-monospace, monospace);font-size:1.15rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;pointer-events:none}.hfr__spin-ui[hidden]{display:none}.hfr__deg{font-variant-numeric:tabular-nums;color:var(--hfr-ink)}.hfr__spin-hint{opacity:.55;transition:opacity .4s}.hfr.is-touched .hfr__spin-hint{opacity:.3}.hfr__chip{display:grid;justify-items:center;gap:.4rem;width:100%;max-width:44rem;text-align:center}.hfr__chip p{margin:0}.hfr__chip-eyebrow{display:inline-flex;align-items:center;gap:.8rem;font-family:var(--hos-font-mono, ui-monospace, monospace);font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;opacity:.6}.hfr__chip-dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--hfr-accent)}.hfr__chip-name{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:.2rem 1.2rem;font-family:var(--hos-font-display, sans-serif);font-size:clamp(1.8rem,1.5vw,2.4rem);font-weight:900;line-height:1.1;letter-spacing:-.02em;text-transform:uppercase}.hfr__chip-price{display:inline-flex;gap:.6rem;font-size:.72em;font-weight:600;letter-spacing:0;text-transform:none;white-space:nowrap}.hfr__chip-price s{font-weight:400;opacity:.45}.hfr__chip-price s:empty{display:none}.hfr__chip-colour{font-size:1.4rem;line-height:1.35;opacity:.7}.hfr__chip-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem 2rem;margin-top:.4rem}.hfr__chip-actions[hidden]{display:none}.hfr__chip-link{min-height:3.2rem}.hfr__chip-qa{min-height:3.2rem;padding:0 1.6rem;border:1px solid rgba(17,17,17,.18);border-radius:99rem;background:#fff;color:var(--hfr-ink);font-family:var(--hos-font-display, sans-serif);font-size:1.3rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,background-color .2s}.hfr__chip-qa:hover{border-color:var(--hfr-ink)}.hfr.is-swapping .hfr__chip-name,.hfr.is-swapping .hfr__chip-colour{animation:hfr-in .32s cubic-bezier(.25,.8,.25,1)}@keyframes hfr-in{0%{opacity:0;transform:translateY(.4rem)}}.hfr__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media screen and (min-width:990px){.hfr__room{--hfr-pad-b: 1.6rem;--hfr-floor-row: 11.2rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,min(32vw,54rem,calc((100svh - 30rem)*.8))) minmax(0,1fr);grid-template-rows:auto var(--hfr-floor-row);grid-template-areas:"left stage right" ". chip .";column-gap:clamp(2.4rem,3.2vw,6.4rem);padding:clamp(2.4rem,2.6vw,4.8rem) clamp(2.4rem,3.2vw,6.4rem) var(--hfr-pad-b)}.hfr__library,.hfr__stage{display:contents}.hfr__unit{align-self:end;width:100%;max-width:46rem;margin-bottom:-.8rem}.hfr__unit--left{grid-area:left;justify-self:end}.hfr__unit--right{grid-area:right;justify-self:start}.hfr__unit:only-child{grid-area:left}.hfr__figure{grid-area:stage;align-self:end;width:100%;min-width:30rem;justify-self:center}.hfr__chip{grid-area:chip;align-self:start;justify-self:center;padding-top:1.6rem}.hfr__chip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:2rem;row-gap:.4rem;max-width:56rem}.hfr__chip-eyebrow,.hfr__chip-name{flex:0 0 100%;justify-content:center}.hfr__chip-colour{font-size:1.3rem}.hfr__chip-actions{margin-top:0}}@media screen and (min-width:990px)and (max-width:1199px){.hfr{--hfr-row: clamp(9.6rem, 9.4vw, 11.2rem)}.hfr__room{grid-template-columns:minmax(0,1fr) minmax(0,30rem) minmax(0,1fr);column-gap:2rem}}@media screen and (max-width:989px){.hfr{--hfr-row: 11.2rem;--hfr-slot: 14.4rem}.hfr__head{margin-bottom:1.6rem}.hfr__room{--hfr-floor-row: 0rem;display:flex;flex-direction:column;border-radius:2rem}.hfr__room:after{display:none}.hfr__stage{order:-1;padding:2rem 1.6rem 2.4rem;background:linear-gradient(180deg,transparent 0,transparent calc(100% - var(--hfr-floor-h, 14rem)),rgba(0,0,0,.045) calc(100% - var(--hfr-floor-h, 14rem)),color-mix(in srgb,var(--hfr-wall) 82%,#8a8478) calc(100% - var(--hfr-floor-h, 14rem) + 1.6rem),color-mix(in srgb,var(--hfr-wall) 60%,#fff) 100%)}.hfr__figure{width:min(100%,40rem,calc((100svh - 30rem)*.8));min-width:24rem}.hfr__chip{margin-top:.4rem}.hfr__library{display:flex;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1.6rem;padding:2.4rem 1.6rem 3.2rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hfr__library::-webkit-scrollbar{display:none}.hfr__unit,.hfr__cab,.hfr__row{display:contents}.hfr__cab:before,.hfr__cab-top,.hfr__cab-base,.hfr__plank,.hfr__slot--box,.hfr--led .hfr__row:before,.hfr--led .hfr__row:after,.hfr__slot:not(:last-of-type):after{display:none}.hfr__slot{flex:0 0 var(--hfr-slot);height:calc(var(--hfr-row) + var(--hfr-plank));padding-bottom:var(--hfr-plank);scroll-snap-align:start}.hfr__slot:before{content:"";position:absolute;z-index:2;inset:auto 0 -1.2rem;height:calc(var(--hfr-plank) + 1.2rem);background:linear-gradient(180deg,var(--hfr-wood-hi) 0,var(--hfr-wood-hi) .3rem,transparent .3rem) top / 100% var(--hfr-plank) no-repeat,linear-gradient(180deg,#ffffff1a,#0000000d) top / 100% var(--hfr-plank) no-repeat,linear-gradient(var(--hfr-wood),var(--hfr-wood)) top / 100% var(--hfr-plank) no-repeat,linear-gradient(180deg,#3c281238,#3c281200) bottom / 100% 1.2rem no-repeat}.hfr__tag{top:.2rem}.hfr__shoe[aria-pressed=true] .hfr__tag{opacity:1;transform:translate(-50%)}.hfr__mark{bottom:calc(var(--hfr-plank) * -.5 - .35rem)}}@media screen and (min-width:600px)and (max-width:989px){.hfr{--hfr-row: 12.8rem;--hfr-slot: 17.6rem}}@media(prefers-reduced-motion:reduce){.hfr__shoe-fig,.hfr__shoe-shadow,.hfr__mark,.hfr__tag,.hfr__canvas{transition:none}.hfr.is-swapping .hfr__chip-name,.hfr.is-swapping .hfr__chip-colour{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/hos-fitting-room.css.map */