.vsw{position:relative;display:block;flex:none;width:52px;height:28px;margin:0;padding:0;border:0;border-radius:14px;background:#f4f4f5;box-shadow:inset 0 0 0 1px #e4e4e7;color:#71717a;cursor:pointer;-webkit-tap-highlight-color:transparent}.vsw:after{content:"";position:absolute;inset:-8px -4px}.vsw svg{position:absolute;top:6px;z-index:1;transition:color .15s cubic-bezier(.4,0,.2,1)}.vsw svg:nth-of-type(1){left:7px;color:#18181b}.vsw svg:nth-of-type(2){right:7px}.vsw[aria-checked=true] svg:nth-of-type(1){color:#71717a}.vsw[aria-checked=true] svg:nth-of-type(2){color:#18181b}.vk{position:absolute;top:3px;left:3px;width:26px;height:22px;border-radius:11px;background:#fff;box-shadow:0 0 0 1px #e4e4e7,0 1px 2px #00000014;transition:transform .19s cubic-bezier(.33,0,.46,0)}.vsw[aria-checked=true] .vk{transform:translate(20px)}.vsw:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #e4e4e7,0 0 0 2px #fff,0 0 0 4px #3b82f699}@media (prefers-reduced-motion: reduce){.vk,.vsw svg{transition:none}}@property --k{syntax: "<number>"; inherits: true; initial-value: .56;}.stage{--z100: #f4f4f5;--z200: #e4e4e7;--z300: #d4d4d8;--z400: #a1a1aa;--z500: #71717a;--z700: #3f3f46;--z900: #18181b;--ease: cubic-bezier(.54, 1, .67, 1);--ease-out: cubic-bezier(.33, 0, .46, 0);--short: .19s;--long: .45s;--fg: .15s cubic-bezier(.4, 0, .2, 1);--k: .48;--tag: 60px;--dw: calc(434px * var(--k));--dh: calc(906px * var(--k));--vw: calc(402px * var(--k));--vh: calc(740px * var(--k));--vt: calc(69.9px * var(--k));--top: 0px;--dr: calc(78px * var(--k));--drop: calc(95.9px * var(--k));--pitch: calc(var(--vw) * var(--fs, .75) + 24px);--push: calc((434px - 402px * var(--fs, .75)) * var(--k) / 2 - 12px);--name-in: 34px;--tagpush: calc(var(--push) - var(--name-in));--wp: 427px;position:relative;height:calc(var(--top) + var(--dh) + var(--tag));margin:8px -24px 0;timeline-scope:--row;overflow-x:clip}#looks{--k: .48;--tag: 60px;--top: 0px;--dh: calc(906px * var(--k));min-height:calc(var(--top) + var(--dh) + var(--tag) + 8px)}@media (min-width: 1024px){#looks{min-height:calc(var(--top) + var(--dh) + var(--tag))}}@media (max-width: 639px) and (max-height: 760px){.stage,#looks{--k: .45}}@media (max-width: 639px) and (max-height: 745px){.stage,#looks{--k: .4}}@media (min-width: 640px){.stage{--k: .5;--name-in: 0px;margin:8px -32px 0}#looks{--k: .5}}@media (min-width: 1024px){.stage{--k: .56;margin-top:0}#looks{--k: .56}}@media (min-width: 1024px) and (max-height: 860px){.stage,#looks{--k: .52}}@media (min-width: 1024px) and (max-height: 760px){.stage,#looks{--k: .44}}@supports (line-height: calc(10px/1px)){@media (min-width: 1024px){.stage,#looks{--k: clamp(.24, calc((var(--sh, 100svh) - 316px) / 906px), .56)}}@media (min-width: 1024px) and (max-width: 1278px){.stage,#looks{--k: clamp(.24, calc((var(--sh, 100svh) - 376px) / 906px), .56)}}}@media (max-width: 1023px){.stage,#looks{--tag: 38px}.stage .desc{display:none}}@supports (line-height: calc(10px/1px)){@media (max-width: 639px){.stage,#looks{--k: clamp(.16, calc((var(--sh, 100svh) - 235px - var(--hs) * 3.36 - var(--lead, 0px)) / 906px), .5)}}@media (min-width: 640px) and (max-width: 1023px){.stage,#looks{--k: clamp(.24, calc((var(--sh, 100svh) - 352px - var(--lead, 0px)) / 906px), .5)}}}#looks:has([data-notice]) .stage,html.sl-note .stage{--lead: 128px}@media (max-width: 399px){#looks:has([data-notice]) .stage,html.sl-note .stage{--lead: 156px}}@media (max-width: 639px) and (max-height: 680px){#looks:has([data-notice]) .stage,html.sl-note .stage{--lead: 64px}}.floor{position:absolute;left:0;right:0;top:calc(var(--top) + var(--dh));height:1px;background:var(--z200)}.device{position:absolute;top:var(--top);left:calc(50% - var(--dw) / 2);z-index:3;width:var(--dw);height:var(--dh);pointer-events:none}.device .dshadow{position:absolute;inset:0;border-radius:var(--dr);box-shadow:0 0 0 .5px #00000073,0 1px 1.5px #00000038,0 8px 18px -8px #0000004d}.device .focusline{position:absolute;inset:-5px;border-radius:calc(var(--dr) + 5px)}html[data-nav] .stage:has(input:focus-visible) .device .focusline{box-shadow:0 0 0 2px #fff,0 0 0 4px #3b82f699}.row{position:absolute;inset:0;z-index:2;display:flex;margin:0;padding:0 calc(50% - var(--pitch) / 2);list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.row::-webkit-scrollbar{display:none}.looks-fs{position:absolute;inset:0;min-width:0;margin:0;padding:0;border:0}.lab{display:contents}.slot{position:relative;flex:0 0 var(--pitch);height:100%;pointer-events:none;scroll-snap-align:center;scroll-snap-stop:always}.slot[data-at="0"]{z-index:2}.walk{position:absolute;left:calc((var(--pitch) - var(--vw)) / 2);top:calc(var(--top) + var(--vt));width:var(--vw);height:var(--vh);transform-origin:50% 100%}.pose{position:absolute;inset:0;opacity:1;transform:translate(calc(var(--s, 0) * var(--push)),var(--drop)) scale(var(--fs, .75));transform-origin:50% 100%;transition:transform var(--long) var(--ease),opacity var(--short) linear .11s}.slot[data-at="0"] .pose{opacity:0}.screen{position:absolute;inset:0;overflow:hidden;background:#fff no-repeat top / 100% auto;cursor:pointer;pointer-events:auto}.screen img{position:absolute;top:0;left:0;width:100%;height:auto;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dress{position:absolute;inset:0;pointer-events:none}.dress i{position:absolute;width:12px;height:12px}.dress i:nth-child(1){top:0;left:0;background:radial-gradient(circle at 100% 100%,transparent 10.2px,#fff 10.9px)}.dress i:nth-child(2){top:0;right:0;background:radial-gradient(circle at 0 100%,transparent 10.2px,#fff 10.9px)}.dress i:nth-child(3){bottom:0;left:0;background:radial-gradient(circle at 100% 0,transparent 10.2px,#fff 10.9px)}.dress i:nth-child(4){right:0;bottom:0;background:radial-gradient(circle at 0 0,transparent 10.2px,#fff 10.9px)}.dress b{position:absolute;inset:0;border-radius:10.67px;box-shadow:inset 0 0 0 1.34px var(--z200)}.tag{position:absolute;top:calc(var(--top) + var(--dh) + 12px);left:50%;width:440px;margin-left:-220px;text-align:center;pointer-events:none;translate:calc(var(--s, 0) * var(--tagpush)) 0;transition:translate var(--long) var(--ease)}.nm{position:relative;display:inline-block;height:24px;font-size:14px;font-weight:500;line-height:24px;color:var(--z500);cursor:pointer;pointer-events:auto;transition:color var(--fg)}.slot[data-at="0"] .nm{color:var(--z900)}.desc{display:block;max-width:100%;height:20px;margin:0 auto;font-size:14px;line-height:20px;color:var(--z500);white-space:nowrap;opacity:0;transition:opacity var(--short) linear}.slot[data-at="0"] .desc{opacity:1;transition-delay:.11s}.dt>span{display:none}.stage[data-sub=best] .dt .b,.stage[data-sub=free] .dt .d{display:inline}@media (max-width: 639px){.tag{width:300px;margin-left:-150px}.desc{overflow:hidden;text-overflow:ellipsis}}.mk{position:absolute;top:50%;right:100%;width:6px;height:6px;margin:-3px 7px 0 0;background:var(--mk, var(--z900));opacity:0;transition:opacity var(--fg)}.slot[data-at="0"] .mk{opacity:1}.slot[data-at="0"][data-face] .nt{font-family:var(--face);font-weight:var(--fw)}html[data-nav] .slot:not([data-at="0"]):has(input:focus-visible) .mk{opacity:1}html[data-nav] .slot[data-face]:not([data-at="0"]):has(input:focus-visible) .nt{font-family:var(--face);font-weight:var(--fw);color:var(--z900)}@media (hover: hover) and (pointer: fine){.slot:not([data-at="0"]):has(.screen:hover) .nm,.slot:not([data-at="0"]) .nm:hover{color:var(--z900)}.slot:not([data-at="0"]):has(.screen:hover) .mk,.slot:not([data-at="0"]) .nm:hover .mk{opacity:1}.slot[data-face]:not([data-at="0"]):has(.screen:hover) .nt,.slot[data-face]:not([data-at="0"]) .nm:hover .nt{font-family:var(--face);font-weight:var(--fw)}}.win{position:absolute;inset:0;background:#fff}.wcopy{position:absolute;inset:0;overflow:hidden;background:#fff no-repeat top / 100% auto;opacity:0;transition:opacity var(--short)}.wcopy[data-on]{opacity:1}.wcopy[hidden]{display:none}.wcopy img{display:block;width:100%;height:auto}.wcopy .st-thumb{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity var(--short) linear}.wcopy .st-thumb[data-ready]{opacity:1}.stage[data-says] .wcopy:has(>.st-thumb[data-ready])>img{visibility:hidden}.stage[data-says] .wcopy .st-thumb{transition:none}@supports (animation-timeline: scroll()){.stage[data-mode=dial] .row{scroll-timeline:--row inline}.stage[data-mode=dial] .wcopy{opacity:1;transition:none;animation:wslide linear both;animation-timeline:--row}}@keyframes wslide{0%{translate:calc(var(--i) * var(--wp)) 0}to{translate:calc((var(--i) - var(--n1)) * var(--wp)) 0}}@supports (animation-timeline: view()){.stage[data-mode=dial] .slot{view-timeline:--slot inline}.stage[data-mode=dial] .pose{animation:pose linear both;animation-timeline:--slot;animation-range:cover calc(50% - var(--pitch)) cover calc(50% + var(--pitch));transition:none}.stage[data-mode=dial] .tag{animation:tagpush linear both;animation-timeline:--slot;animation-range:cover calc(50% - var(--pitch)) cover calc(50% + var(--pitch));transition:none}.stage[data-mode=dial] .nm{animation:nmc linear both;animation-timeline:--slot;animation-range:cover calc(50% - var(--pitch) * .5) cover calc(50% + var(--pitch) * .5);transition:none}.stage[data-mode=dial] .desc{animation:on linear both;animation-timeline:--slot;animation-range:cover calc(50% - var(--pitch) * .3) cover calc(50% + var(--pitch) * .3);transition:none}}@keyframes pose{0%{transform:translate(var(--push),var(--drop)) scale(var(--fs, .75));opacity:1}15%{opacity:1}27.5%{opacity:0}50%{transform:translateY(var(--drop)) scale(var(--fs, .75));opacity:0}72.5%{opacity:0}85%{opacity:1}to{transform:translate(calc(var(--push) * -1),var(--drop)) scale(var(--fs, .75));opacity:1}}@keyframes tagpush{0%{translate:var(--tagpush) 0}50%{translate:0 0}to{translate:calc(var(--tagpush) * -1) 0}}@keyframes nmc{0%{color:var(--z500)}50%{color:var(--z900)}to{color:var(--z500)}}@keyframes on{0%{opacity:0}50%{opacity:1}to{opacity:0}}.stage[data-mode=ring] .row{display:block;padding:0;overflow:visible;scroll-snap-type:none}.stage[data-mode=ring] .slot{position:absolute;top:0;left:50%;width:var(--pitch);margin-left:calc(var(--pitch) / -2);scroll-snap-align:none;transform:translate(calc((var(--d, 0) - var(--drag, 0)) * var(--pitch)));transition:transform var(--long) var(--ease),opacity var(--long) var(--ease),visibility 0s}.stage[data-mode=ring] .slot[data-out]{opacity:0;visibility:hidden;pointer-events:none;transition:transform var(--long) var(--ease),opacity var(--long) var(--ease),visibility 0s linear var(--long)}.stage[data-mode=ring] .wcopy{opacity:1;translate:calc((var(--d, 0) - var(--drag, 0)) * var(--wp)) 0;transition:translate var(--long) var(--ease)}.stage[data-mode=ring][data-drag] .slot,.stage[data-mode=ring][data-drag] .pose,.stage[data-mode=ring][data-drag] .tag,.stage[data-mode=ring][data-drag] .nm,.stage[data-mode=ring][data-drag] .desc,.stage[data-mode=ring][data-drag] .wcopy{transition:none!important}.stage[data-mode=ring][data-drag] .pose{transform:translate(calc(clamp(-1,var(--d, 0) - var(--drag, 0),1) * var(--push)),var(--drop)) scale(var(--fs, .75))}.stage[data-mode=ring][data-drag] .tag{translate:calc(clamp(-1,var(--d, 0) - var(--drag, 0),1) * var(--tagpush)) 0}.stage[data-use=mouse]:not([data-press]) .wcopy .st-thumb[data-live][data-ready],.stage[data-use=mouse]:not([data-press]) .wcopy .st-thumb[data-live][data-ready] .st-thumb__page,.stage[data-use=mouse]:not([data-press]) .wcopy .st-thumb[data-live][data-ready] iframe,.stage[data-engaged]:not([data-press]) .wcopy .st-thumb[data-live][data-ready],.stage[data-engaged]:not([data-press]) .wcopy .st-thumb[data-live][data-ready] .st-thumb__page,.stage[data-engaged]:not([data-press]) .wcopy .st-thumb[data-live][data-ready] iframe{pointer-events:auto}.stage .pf__toolbar button{pointer-events:auto}@media (hover: hover) and (pointer: fine){.stage[data-view=phone] .slot[data-at="0"] .screen{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Ccircle cx='13' cy='13' r='12' fill='%23111' fill-opacity='.38' stroke='%23fff' stroke-opacity='.55'/%3E%3C/svg%3E") 13 13,pointer}}.stage[data-view=desktop]{--ch: 22px;--top: 44px;--vw: min(calc((906px * var(--k) - var(--ch) - var(--top)) / .75), calc(100vw - 64px) );--vh: calc(var(--vw) * .75);--vt: var(--ch);--dw: var(--vw);--dh: calc(var(--vh) + var(--ch));--dr: 10px;--drop: 0px;--push: calc(var(--vw) * .125 - 12px);--wp: calc(var(--vw) + 25px)}@media (min-width: 640px){.stage[data-view=desktop]{--ch: 30px}}@media (min-width: 1024px){.stage[data-view=desktop]{--ch: 36px}}:is(.stage[data-view=desktop],.pf--desktop) .pf__device{width:var(--dw);height:var(--dh);transform:none}:is(.stage[data-view=desktop],.pf--desktop) .pf__key,:is(.stage[data-view=desktop],.pf--desktop) .pf__island,:is(.stage[data-view=desktop],.pf--desktop) .pf__status,:is(.stage[data-view=desktop],.pf--desktop) .pf__home,:is(.stage[data-view=desktop],.pf--desktop) .pf__glass-btn,:is(.stage[data-view=desktop],.pf--desktop) .pf__address svg,:is(.stage[data-view=desktop],.pf--desktop) .pf__body:before{display:none}:is(.stage[data-view=desktop],.pf--desktop) button.pf__glass-btn{display:grid;width:calc(var(--ch) * .8);height:calc(var(--ch) * .8)}:is(.stage[data-view=desktop],.pf--desktop) button.pf__glass-btn:disabled{opacity:.3}:is(.stage[data-view=desktop],.pf--desktop) .pf__body{border-radius:var(--dr);background:#fff}:is(.stage[data-view=desktop],.pf--desktop) .pf__glass{inset:0;border-radius:var(--dr);background:none;box-shadow:none}:is(.stage[data-view=desktop],.pf--desktop) .pf__screen{inset:0;border-radius:var(--dr)}:is(.stage[data-view=desktop],.pf--desktop) .pf__toolbar{order:-1;display:grid;grid-template-columns:1fr minmax(0,56%) 1fr;align-items:center;gap:8px;height:var(--ch);padding:0 calc(var(--ch) * .4);background:#f4f4f5;box-shadow:inset 0 -1px 0 var(--z200)}:is(.stage[data-view=desktop],.pf--desktop) .pf__toolbar:before{content:"";width:calc(var(--ch) * 1.2);height:calc(var(--ch) * .28);background:radial-gradient(circle closest-side,var(--z300) 90%,transparent) 0 0 / calc(var(--ch) * .4) 100% repeat-x}:is(.stage[data-view=desktop],.pf--desktop) .pf__address{display:block;height:calc(var(--ch) * .64);padding:0 8px;border-radius:calc(var(--ch) * .32);background:#fff;box-shadow:0 0 0 1px var(--z200);color:var(--z500);font-size:calc(var(--ch) * .36);font-weight:400;line-height:calc(var(--ch) * .64);letter-spacing:0}:is(.stage[data-view=desktop],.pf--desktop) .pf__address span{display:block}.views{position:absolute;top:8px;right:-12px;z-index:4;display:flex;gap:16px;transition:opacity var(--short) var(--ease-out)}@media (min-width: 640px){.views{right:0}}@media (min-width: 1024px){.views{right:8px}}.stage[data-opening]~.views{opacity:0}.stage.nomove .slot,.stage.nomove .pose,.stage.nomove .tag,.stage.nomove .nm,.stage.nomove .desc,.stage.nomove .wcopy,.slot.jump,.slot.jump .pose,.slot.jump .tag,.slot.jump .nm,.slot.jump .desc,.wcopy.jump{transition:none!important}.stage[data-opening] .slot:not([data-at="0"]) .walk{opacity:0;transform:translate(calc(var(--s, 0) * 24px));transition:opacity var(--short) var(--ease-out),transform var(--short) var(--ease-out)}.stage[data-opening] .slot:not([data-at="0"]) .tag{opacity:0;transition:opacity var(--short) var(--ease-out)}.stage[data-opening] .floor{opacity:0;transition:opacity var(--short) var(--ease-out)}.stage[data-opening] .slot[data-at="0"] .tag{transform:translateY(-8px);transition:transform var(--short) var(--ease)}@media (prefers-reduced-motion: reduce){.nm,.mk,.pose,.tag,.stage[data-mode=ring] .slot,.stage[data-mode=ring] .wcopy,.stage[data-opening] .slot:not([data-at="0"]) .walk,.stage[data-opening] .device,.stage[data-opening] .slot[data-at="0"] .tag{transition:none}}.arrows{display:contents}.arr{position:absolute;top:calc(var(--top) + var(--dh) / 2 - 14px);z-index:4;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:14px;background:none;color:var(--z400);opacity:.55;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity var(--short) var(--ease-out),color var(--fg)}.arr:after{content:"";position:absolute;inset:-8px}.arr.prev{left:8px}.arr.next{right:8px}.arr:focus-visible{outline:none;opacity:1;color:var(--z900)}html[data-nav] .arr:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #3b82f699}.stage:hover .arr{opacity:.9}.arr:hover{color:var(--z900)}@media (hover: none){.arr,.stage:hover .arr{opacity:.4}}.stage[data-opening] .arr{opacity:0}@media (min-width: 640px){.arr.prev{left:16px}.arr.next{right:16px}}@media (prefers-reduced-motion: reduce){.arr{transition:none}}.device .hit{position:absolute;z-index:6;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#0000001f;pointer-events:none}.stage[data-wait] .device .pf__address{position:relative;overflow:hidden}.stage[data-wait] .device .pf__address:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--pf-ink, #111);opacity:.5;transform-origin:left center;animation:stage-load 6s cubic-bezier(.1,.7,.3,1) forwards}@keyframes stage-load{0%{transform:scaleX(.05)}to{transform:scaleX(.92)}}@media (prefers-reduced-motion: reduce){.stage[data-wait] .device .pf__address:after{animation:none;transform:scaleX(.5)}}.pf--desktop .pf__end{display:flex;justify-self:end}html:has(.stage:hover),html:has(.stage:hover) body{overscroll-behavior-x:none}html[data-morph] [data-builder]{animation:none}html[data-morph] [data-builder] [data-panel]{animation:morph-panel .16s cubic-bezier(0,0,.2,1) .2s both}html[data-morph] .stage .device{transition:none}::view-transition-group(root){animation-duration:.24s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-group(builder-phone){animation-duration:.28s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(builder-phone),::view-transition-new(builder-phone){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}@keyframes morph-panel{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}[role=tabpanel]:not([hidden]) img[data-astro-cid-xiisnafw]{animation:journey-photo-in .2s ease-out}@keyframes journey-photo-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){[role=tabpanel]:not([hidden]) img[data-astro-cid-xiisnafw]{animation:none}}.journey-tab[data-astro-cid-rb73aztc][aria-selected=true] .journey-title[data-astro-cid-rb73aztc]{color:#18181b}.journey-tab[data-astro-cid-rb73aztc][aria-selected=true] .journey-bar[data-astro-cid-rb73aztc]{transform:scaleX(1)}[data-astro-cid-rb73aztc][data-auto=on][data-seen] .journey-tab[data-astro-cid-rb73aztc][aria-selected=true] .journey-bar[data-astro-cid-rb73aztc]{animation:journey-fill 6s linear forwards}[data-astro-cid-rb73aztc][data-away] .journey-tab[data-astro-cid-rb73aztc][aria-selected=true] .journey-bar[data-astro-cid-rb73aztc],[data-astro-cid-rb73aztc][data-hover] .journey-tab[data-astro-cid-rb73aztc][aria-selected=true] .journey-bar[data-astro-cid-rb73aztc]{animation-play-state:paused}@keyframes journey-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){[data-astro-cid-rb73aztc][data-auto=on] .journey-tab[data-astro-cid-rb73aztc][aria-selected=true] .journey-bar[data-astro-cid-rb73aztc]{animation:none}}.st-thumb{position:relative;overflow:hidden}.st-thumb__page{position:absolute;top:0;left:0;transform-origin:0 0;pointer-events:none}.st-thumb__frame{display:block;width:100%;height:100%;border:0}
