:root{font-family:system-ui,-apple-system,Microsoft YaHei,sans-serif;color:#261e1b;background:#fff;--accent:#76351f;--line:#e8e2df}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:44px}button:disabled{opacity:.6;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ba765d;outline-offset:4px}[hidden]{display:none!important}header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);gap:16px}.brand{font-family:Georgia,serif;font-size:28px;font-weight:700;letter-spacing:1px;text-decoration:none;color:var(--accent);line-height:var(--desson-grid-leading);--desson-grid-leading:round(nearest, 1em, 4px)}.brand span{display:block;font-family:system-ui,sans-serif;font-size:8px;letter-spacing:2.2px;margin-top:8px;text-align:center}.header-label{font-size:16px;color:#71645e}main{display:grid;grid-template-columns:minmax(0,1fr) 360px;max-width:1600px;margin:auto}.mirror{position:relative;min-height:612px;height:calc(100dvh - 80px);background:#f7f5f4;overflow:hidden}.mirror.live{background:#201d1b}.media{position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleX(-1)}.media video,.media canvas{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;display:block}.media canvas{visibility:hidden}.media video{opacity:0}.mirror.live video{opacity:1}.topline{position:absolute;top:24px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:3}.pill{padding:12px 16px;background:#fffffff0;border:1px solid #e9e3df;border-radius:32px;font-size:16px;display:flex;align-items:center;gap:8px}.pill:before{content:"";width:8px;height:8px;border-radius:50%;background:#a17a67;flex-shrink:0}body[data-state=tracking] .pill:before{background:#43845a}.private{font-size:12px;color:#665b55;background:#ffffffe6;padding:12px;border-radius:20px;white-space:nowrap}.welcome{position:relative;max-width:552px;margin:auto;text-align:center;padding:112px 28px 36px}.eyebrow{font-size:12px;letter-spacing:2px;color:#857269}h1{font-size:round(nearest,clamp(26px,3vw,38px),4px);font-weight:550;line-height:var(--desson-grid-leading);--desson-grid-leading:round(nearest, 1.4em, 4px);margin:16px 0}p{font-size:16px;color:#756962;line-height:var(--desson-grid-leading);--desson-grid-leading:round(nearest, 1.7em, 4px)}.welcome img{display:block;width:min(100%,380px);height:240px;object-fit:contain;margin:12px auto 28px;mix-blend-mode:multiply}.primary{background:var(--accent);color:#fff;border:0;border-radius:28px;padding:16px 24px;font-size:16px;min-width:240px}.primary span{margin-left:24px}.small{font-size:12px}.welcome .small{margin-top:16px}.guide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.oval{border:1.5px dashed #ffffffc2;border-radius:46%;width:min(58%,300px);height:min(58%,380px);box-shadow:0 0 0 1000px #00000018}.guide p{position:absolute;bottom:96px;background:#201d1bcc;color:#fff;padding:8px 20px;border-radius:20px;font-size:16px}.live-controls{position:absolute;bottom:24px;left:20px;right:20px;display:flex;justify-content:center;gap:12px}.live-controls button{border:1px solid #ffffff88;border-radius:32px;background:#fffefaf0;color:#4b352a;font-size:16px;padding:12px 20px}.error{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90%,400px);padding:28px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 90px #0002;text-align:center}.error b{font-size:20px;font-weight:550}.error .primary{min-width:0;width:100%}aside{padding:36px 28px;border-left:1px solid var(--line)}h2{font-family:Georgia,serif;font-size:44px;font-weight:400;margin:16px 0 8px}.intro{margin:0 0 24px}.color{display:flex;gap:8px;align-items:center;font-size:16px}.color i{width:20px;height:20px;border-radius:50%;background:linear-gradient(120deg,#231311,#975117,#281712,#ad732e);border:1px solid #6c432d}.measurements{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin:24px 0}.measurements b{display:block;font-size:24px;font-weight:450}.measurements span{display:block;font-size:12px;color:#85766e;margin-top:8px}details{border-bottom:1px solid var(--line);padding-bottom:24px}summary{font-size:16px;cursor:pointer;padding:4px 0}label{display:flex;justify-content:space-between;font-size:16px;margin-top:20px}output{color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;min-height:32px;margin:4px 0}input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}label.check{align-items:center;justify-content:flex-start;gap:8px;margin:12px 0 20px}.secondary{background:#fff;border:1px solid #d6c2b8;border-radius:24px;color:var(--accent);padding:12px 16px;font-size:16px}.tips{margin:24px 0}.tips>b{font-size:16px;font-weight:600}.tips p{font-size:16px;margin:8px 0}.footnote{font-size:12px;line-height:var(--desson-grid-leading);--desson-grid-leading:round(nearest, 1.8em, 4px);margin-top:24px;color:#85776f}.toast{position:fixed;z-index:10;bottom:24px;left:50%;transform:translate(-50%);background:#281b15;color:#fff;padding:12px 24px;border-radius:12px;font-size:16px;max-width:90vw;text-align:center;word-break:break-word}@media(max-width:800px){header{height:72px;padding:0 20px}.brand{font-size:24px}.header-label{display:none}header .secondary{padding:8px 16px}main{display:block}.mirror{height:70dvh;min-height:492px;max-height:800px}.welcome{padding:96px 24px 28px}.welcome h1{font-size:28px}.welcome img{height:192px;margin:12px auto 24px}.topline{left:16px;right:16px;top:16px}.pill{font-size:12px;padding:8px 12px}.private{font-size:12px;padding:8px}.primary{padding:16px 24px}aside{border-left:0;border-top:1px solid var(--line);padding:28px 24px}.measurements{max-width:460px}.guide .oval{height:292px;width:216px}.guide p{bottom:80px;font-size:12px}.live-controls{bottom:20px}.toast{bottom:calc(20px + env(safe-area-inset-bottom))}}@media(max-height:600px)and (min-width:801px){.mirror{min-height:540px}.welcome{padding-top:92px}.welcome img{height:172px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}body.embedded header{display:none}body.embedded main{max-width:none;grid-template-columns:minmax(0,1fr) 312px}body.embedded .mirror{height:100dvh;min-height:480px}body.embedded aside{padding:28px 24px}body.embedded .welcome{padding-top:100px}body.embedded .welcome img{height:192px}body.embedded .measurements{gap:8px}body.embedded .measurements span{font-size:12px}@media(max-width:800px){body.embedded main{display:block}body.embedded .mirror{height:75dvh;min-height:452px}body.embedded .welcome{padding:92px 20px 24px}body.embedded .welcome h1{font-size:28px}body.embedded .welcome img{height:160px}body.embedded .topline{gap:8px}body.embedded .pill,body.embedded .private{font-size:12px}body.embedded aside{padding:24px}}@media(max-height:540px)and (min-width:801px){body.embedded .mirror{min-height:440px}body.embedded .welcome{padding-top:76px}body.embedded .welcome img{height:140px}}.model-review-link{display:inline-block;color:#76351f;text-underline-offset:4px;margin:0 0 24px;font-size:12px}body.reference-tryon{background:#555;min-height:100dvh;display:grid;place-items:center;color:#151515}header{display:none}main,body.embedded main{position:relative;display:grid;grid-template-columns:minmax(0,1.36fr) minmax(0,1fr);width:min(948px,100vw);height:min(640px,100dvh);margin:auto;max-width:none;overflow:hidden;background:#fff}body.embedded main{width:100vw;height:100dvh}.mirror,body.embedded .mirror{width:100%;height:100%;min-height:0;max-height:none;background:#292929}aside,body.embedded aside{padding:0;border:0;display:flex;flex-direction:column;min-height:0;position:relative;background:#fff;text-align:left}aside>.eyebrow,aside>h2,aside>.intro,aside>.color,aside>.measurements,.model-review-link{display:none!important}.tryon-options{padding:28px 24px;overflow:auto;flex:1;min-height:0}.tryon-options h3{font-family:inherit;font-size:20px;font-weight:600;line-height:var(--desson-grid-leading);--desson-grid-leading:round(nearest, 1.4em, 4px);margin:0 40px 24px 0}.option-label{font-size:16px;line-height:var(--desson-grid-leading);--desson-grid-leading:round(nearest, 1.5em, 4px);font-weight:500;color:#111;margin:24px 0 12px}.option-label span{font-weight:400;color:#929292;margin-left:4px}.frame-options{display:flex;gap:8px}.frame-option{background:#fff;color:#111;border:1px solid #c8c8c8;border-radius:4px;width:120px;min-width:0;padding:4px 8px 8px;line-height:var(--desson-grid-leading);--desson-grid-leading:round(nearest, 1.4em, 4px);font-size:12px}.frame-option[aria-pressed=true]{border-color:#111;box-shadow:inset 0 0 0 1px #111}.frame-option img{display:block;width:100%;height:56px;object-fit:contain}.frame-option span{display:block}.swatch-row{display:flex;gap:8px}.selected-swatch{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#67422c;border:4px solid white;outline:1px solid #ddd}.arm-swatch{background:#a98545}.tryon-commerce{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;box-shadow:0 -3px 10px #00000009;flex-shrink:0;background:#fff}.tryon-commerce span{display:block;font-size:12px;color:#8a8a8a;line-height:var(--desson-grid-leading);--desson-grid-leading:round(nearest, 1.5em, 4px)}.tryon-commerce strong{display:block;font-size:20px;line-height:var(--desson-grid-leading);--desson-grid-leading:round(nearest, 1.5em, 4px);font-weight:600;margin-top:4px}.tryon-commerce a{font-size:12px;text-underline-offset:4px;display:flex;align-items:center;min-height:44px}#tryon-close{color:#292929}body.embedded #tryon-close{display:none!important}.welcome,body.embedded .welcome{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:none;margin:0;padding:24px}.welcome>*:not(#start):not(.small){display:none!important}.welcome .small{color:#fff;max-width:260px;text-align:center}.primary{border-radius:4px;background:#292929;min-width:0;font-size:16px;padding:12px 24px}.welcome .primary{background:#fff;color:#292929}.topline{position:absolute;top:20px;left:16px;right:16px;justify-content:center;pointer-events:none}.private{display:none}.pill{font-size:12px;padding:8px 12px;color:#fff;background:#292929b3;border:0}.pill:before{display:none}body[data-state=idle] .topline,body[data-state=error] .topline{visibility:hidden}.guide p{display:none}.oval{max-width:60%;max-height:58%;box-shadow:none}.live-controls{bottom:20px;left:12px;right:12px}.live-controls button{font-size:12px;padding:12px 16px;color:#292929}#mirror-toggle{display:none}.error{width:min(80%,300px);border:0;border-radius:4px;box-shadow:none;padding:28px 20px}.error b{font-size:20px}.error p{font-size:16px;color:#292929;line-height:var(--desson-grid-leading);--desson-grid-leading:round(nearest, 1.5em, 4px);margin:16px 0 24px}.error .primary{width:auto}@media(max-width:749px){body.reference-tryon{background:#292929;display:block}main,body.embedded main{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;width:100vw;height:100dvh}.mirror,body.embedded .mirror{height:100%;min-height:0}aside,body.embedded aside{padding:0;max-height:45dvh;border:0;overflow:auto}.tryon-options{padding:12px 16px;flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px}.tryon-options h3{display:none}.option-label{margin:0 0 8px;font-size:12px}.option-label:first-of-type{grid-column:1;grid-row:1}.frame-options{grid-column:1;grid-row:2}.option-label:nth-of-type(2){grid-column:2;grid-row:1;max-width:104px}.swatch-row{grid-column:2;grid-row:2;align-self:center}.arm-label,.arm-swatches{display:none}.frame-option{width:92px;padding:4px;font-size:12px}.frame-option img{height:36px}.tryon-commerce{padding:8px 16px round(nearest,calc(8px + env(safe-area-inset-bottom)),4px);gap:12px}.tryon-commerce span{font-size:12px}.tryon-commerce strong{font-size:16px;margin:0}.topline{top:calc(20px + env(safe-area-inset-top));left:56px;right:56px}.live-controls{bottom:12px}body[data-state=error] main,body.embedded[data-state=error] main{grid-template-rows:1fr}body[data-state=error] aside{display:none}#tryon-close{top:calc(12px + env(safe-area-inset-top))!important;right:12px!important}}@media(max-width:360px){.tryon-options{column-gap:12px}.frame-option{width:76px}.option-label span{margin-left:4px}}.guide .oval{border:0;border-radius:0;box-shadow:none;width:min(62%,260px);height:auto;aspect-ratio:3/4;max-width:72%;max-height:70%;background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20240%20320%22%3E%3Cpath%20d%3D%22M120%2018%20C82%2018%2060%2030%2052%2054%20C45%2075%2048%20101%2048%20118%20C33%20108%2028%20125%2033%20144%20C36%20158%2041%20167%2049%20167%20C53%20201%2066%20233%2086%20255%20C96%20267%20106%20277%20120%20277%20C134%20277%20144%20267%20154%20255%20C174%20233%20187%20201%20191%20167%20C199%20167%20204%20158%20207%20144%20C212%20125%20207%20108%20192%20118%20C192%20101%20195%2075%20188%2054%20C180%2030%20158%2018%20120%2018%20Z%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-opacity%3D%22.9%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-dasharray%3D%225%206%22%2F%3E%3C%2Fsvg%3E) center/contain no-repeat;filter:drop-shadow(0 1px 2px #0005)}:where(body,:host,*){line-height:var(--desson-grid-leading, round(nearest, 1.5em, 4px))}#tryon-close{font-size:28px!important}@media(max-width:800px){.tryon-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.frame-options,.swatch-row{min-width:0;width:100%}.frame-options select,.swatch-row select{min-width:0;width:100%;max-width:100%;font-size:16px}.option-label,.option-label:nth-of-type(2){min-width:0;max-width:none;overflow-wrap:anywhere}}:is(button,input[type=button],input[type=submit],[role=button],a.primary,a.secondary){border-radius:9999px!important}
/*# sourceMappingURL=/cdn/shop/t/25/assets/dt15-tryon-site.css.map */