.landing-try-on-preview-module__DoCwDG__preview{--scan-signal:#b1dfed;--preview-gap:var(--space-lg);--choice-height:clamp(56px, 18cqh, 136px);--media-width:min(100%, calc((100cqh - var(--choice-height) - var(--preview-gap) - 2px) * .85));gap:var(--preview-gap);grid-area:preview;grid-template-rows:minmax(0,1fr) auto;place-self:center;width:100%;min-width:0;max-width:460px;height:100%;min-height:0;max-height:700px;display:grid;container-type:size}.landing-try-on-preview-module__DoCwDG__frame{width:var(--media-width);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-foreground) 23%, var(--color-surface));justify-self:center;min-height:0;padding:1px}.landing-try-on-preview-module__DoCwDG__viewport{isolation:isolate;border-radius:calc(var(--radius-lg) - 1px);background:var(--color-surface);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;height:100%;position:relative;overflow:hidden;container-type:size}.landing-try-on-preview-module__DoCwDG__viewport:focus-visible{outline:var(--focus-ring-width) solid var(--color-primary);outline-offset:var(--space-xs)}.landing-try-on-preview-module__DoCwDG__viewport[aria-busy=true]{cursor:progress}.landing-try-on-preview-module__DoCwDG__photo{pointer-events:none;background-image:url(/landing/try-on-person-atlas.webp);background-position:calc(50% + 50cqh) 0;background-repeat:no-repeat;background-size:200cqh 200cqh;position:absolute;inset:0}.landing-try-on-preview-module__DoCwDG__photo[data-frame="1"],.landing-try-on-preview-module__DoCwDG__photo[data-frame="3"]{background-position-x:calc(50% - 50cqh)}.landing-try-on-preview-module__DoCwDG__photo[data-frame="2"],.landing-try-on-preview-module__DoCwDG__photo[data-frame="3"]{background-position-y:-100cqh}.landing-try-on-preview-module__DoCwDG__result{z-index:1;clip-path:inset(0 calc(100% - var(--compare)) 0 0)}.landing-try-on-preview-module__DoCwDG__incoming{z-index:2;clip-path:inset(0 0 calc(100% - var(--scan)) 0)}.landing-try-on-preview-module__DoCwDG__mesh,.landing-try-on-preview-module__DoCwDG__scanline{z-index:3;opacity:var(--field);pointer-events:none;position:absolute}.landing-try-on-preview-module__DoCwDG__mesh{background-image:linear-gradient(color-mix(in srgb, var(--scan-signal) 20%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--scan-signal) 20%, transparent) 1px, transparent 1px);-webkit-mask-image:linear-gradient(180deg, transparent calc(var(--scan) - 17%), black var(--scan), transparent calc(var(--scan) + 17%));mask-image:linear-gradient(180deg, transparent calc(var(--scan) - 17%), black var(--scan), transparent calc(var(--scan) + 17%));background-size:29px 29px;inset:0}.landing-try-on-preview-module__DoCwDG__scanline{inset-inline:0;top:var(--scan);background:var(--scan-signal);height:1px;box-shadow:0 0 8px var(--scan-signal), 0 0 30px color-mix(in srgb, var(--scan-signal) 60%, transparent)}.landing-try-on-preview-module__DoCwDG__divider{z-index:4;pointer-events:none;position:absolute;inset:0}.landing-try-on-preview-module__DoCwDG__divider:before{content:"";inset-block:0;left:clamp(1px, var(--compare), calc(100% - 1px));background:color-mix(in srgb, var(--color-foreground) 64%, transparent);width:1px;position:absolute}.landing-try-on-preview-module__DoCwDG__handle{top:50%;left:clamp(var(--space-xl), var(--compare), calc(100% - var(--space-xl)));width:var(--space-huge);height:var(--space-xxxl);border-radius:var(--radius-full);background:var(--color-surface-interactive);color:var(--color-foreground);box-shadow:inset 0 0 0 calc(var(--focus-ring-width) / 2) color-mix(in srgb, var(--color-foreground) 24%, transparent), var(--button-depth-shadow);transition:background-color var(--duration-fast);justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.landing-try-on-preview-module__DoCwDG__handle svg{width:var(--space-lg);height:var(--space-lg);display:block}@media (hover:hover){.landing-try-on-preview-module__DoCwDG__viewport:hover .landing-try-on-preview-module__DoCwDG__handle{background:var(--color-surface-interactive-hover)}}.landing-try-on-preview-module__DoCwDG__viewport:focus-visible .landing-try-on-preview-module__DoCwDG__handle{background:var(--color-surface-interactive-hover)}.landing-try-on-preview-module__DoCwDG__choices{width:var(--media-width);height:var(--choice-height);justify-self:center;gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.landing-try-on-preview-module__DoCwDG__choice{border-radius:var(--radius-sm);background:var(--color-surface-interactive);cursor:pointer;min-width:0;transition:background-color var(--duration-fast);border:0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.landing-try-on-preview-module__DoCwDG__choice[aria-pressed=true]:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 var(--focus-ring-width) var(--color-selection-ring);pointer-events:none;position:absolute;inset:0}@media (hover:hover){.landing-try-on-preview-module__DoCwDG__choice:hover{background:var(--color-surface-interactive-hover)}}.landing-try-on-preview-module__DoCwDG__choice:disabled{cursor:default}.landing-try-on-preview-module__DoCwDG__garment{--subject-width:.8;--subject-height:.81;--subject-x:53.3%;--subject-y:48.9%;border-radius:inherit;width:100%;height:100%;display:block;position:relative;overflow:hidden;container-type:size}.landing-try-on-preview-module__DoCwDG__garment:before{--atlas-size:min(calc(100cqw / var(--subject-width)), calc(100cqh / var(--subject-height)));content:"";width:var(--atlas-size);height:var(--atlas-size);transform:translate(calc(-1 * var(--subject-x)), calc(-1 * var(--subject-y)));background-image:url(/landing/try-on-garment-atlas.webp);background-position:0 0;background-repeat:no-repeat;background-size:300% 100%;position:absolute;top:50%;left:50%}.landing-try-on-preview-module__DoCwDG__garment[data-piece="1"]{--subject-width:.76;--subject-height:.77;--subject-x:48.9%;--subject-y:52.8%}.landing-try-on-preview-module__DoCwDG__garment[data-piece="2"]{--subject-width:.76;--subject-height:.78;--subject-x:48%;--subject-y:51.6%}.landing-try-on-preview-module__DoCwDG__garment[data-piece="1"]:before{background-position-x:50%}.landing-try-on-preview-module__DoCwDG__garment[data-piece="2"]:before{background-position-x:100%}.landing-try-on-preview-module__DoCwDG__srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:768px){.landing-try-on-preview-module__DoCwDG__preview{--choice-height:clamp(56px, 18cqh, 84px);--preview-gap:var(--space-md)}}@media (max-width:768px) and (max-height:740px){.landing-try-on-preview-module__DoCwDG__preview{--preview-gap:var(--space-sm)}}