:root{--purple:#42145d;--muted:#756a7a;--line:#e6dfe9;--cream:#faf7f3;--gold:#b89a64;--body-font:Arial,sans-serif;--heading-font:Georgia,serif}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--purple);font:14px/1.4 var(--body-font);-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:default;opacity:.35}button{border:0;background:none;color:inherit}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,#interaction:focus-visible{outline:2px solid var(--purple);outline-offset:2px}[hidden]{display:none!important}.tryon{max-width:1100px;margin:auto;background:#fff}.toolbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:5}.text-button{min-height:44px;padding:0 4px;font-size:12px;display:flex;align-items:center;gap:5px}.text-button span{font-size:27px}.wordmark{font:25px/1 var(--heading-font);letter-spacing:2px;text-align:center}.wordmark span{display:block;font:7px/1.6 var(--body-font);letter-spacing:1.4px;margin-top:4px;color:var(--muted)}.toolbar-actions{display:flex}.icon-button{width:38px;height:44px;padding:9px}.icon-button svg,.save svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr)}.stage{position:relative;background:#eee8e2;overflow:hidden;height:min(78vh,780px);min-height:370px;isolation:isolate}#handPhoto{position:absolute;left:50%;top:50%;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none}#ringPosition{position:absolute;pointer-events:none;transform-origin:center}#ringSvg{display:block;width:100%;height:100%;overflow:visible}#interaction{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;cursor:grab;outline-offset:-3px}#interaction:active{cursor:grabbing}.empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px;text-align:center;background:radial-gradient(ellipse at 50% 10%,#fff,#f0e9e2)}.eyebrow{font-size:8px;letter-spacing:1.7px;color:var(--muted)}h1{font:38px/1.15 var(--heading-font);margin:15px 0}h2{font:23px/1.1 var(--heading-font);margin:3px 0 0}.empty p{max-width:270px;color:var(--muted);font-size:13px;line-height:1.6;margin:5px 0 22px}.empty button{width:230px;margin-bottom:10px}.empty small{font-size:10px;color:var(--muted);margin-top:10px}.primary,.secondary{min-height:44px;padding:12px 18px;border-radius:4px}.primary{background:var(--purple);color:#fff;border:1px solid var(--purple)}.primary:hover{background:#5c2d74}.secondary{background:#fff;border:1px solid #cbbdd2}.instructions{position:absolute;left:7%;right:7%;top:38%;display:flex;align-items:center;justify-content:center;gap:12px;padding:15px 12px;background:#fffffff0;box-shadow:0 3px 15px #0000000c;border:1px solid #ffffffb0;pointer-events:none;text-align:left;color:var(--purple);font-size:14px}.instructions>span:first-child{font-size:30px;color:var(--gold)}.instructions small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.help-button{position:absolute;right:12px;bottom:12px;width:30px;height:30px;border:1px solid #ffffffa0;border-radius:50%;background:#ffffffdf;color:var(--purple);font-size:15px}.controls{padding:30px 24px;background:#fff;align-self:center}.ring-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:22px}.reset{font-size:11px;text-decoration:underline;min-height:38px;padding:0 3px}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled{opacity:.4}.carat-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px}.carat-heading output{font-weight:600;background:#f5eff8;border:1px solid #e5d9eb;border-radius:20px;padding:4px 11px;font-size:12px;color:var(--purple)}.carat-row{display:flex;align-items:center;gap:9px;margin:3px 0 14px}.carat-row>span{font-size:9px;white-space:nowrap;color:var(--muted)}input[type=range]{accent-color:var(--purple);min-width:0;width:100%;height:30px;touch-action:pan-y}.selectors{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.select-field{border:1px solid var(--line);padding:7px 10px 5px;border-radius:3px;min-width:0}.field-caption{font-size:8px;letter-spacing:.6px;color:var(--muted);display:block}.select-row{display:flex;align-items:center;gap:6px;position:relative}.select-row select{width:100%;min-width:0;background:none;appearance:none;-webkit-appearance:none;border:0;color:var(--purple);padding:7px 14px 7px 0;font-size:12px;min-height:34px}.select-row>span:last-child{position:absolute;right:0;pointer-events:none;color:var(--muted)}#shapeIcon{width:20px;height:24px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1}.metal-swatch{width:17px;height:17px;border-radius:50%;flex:0 0 17px;border:1px solid #bbb;background:linear-gradient(135deg,#fff,#a4a4a4,#f9f9f9)}.save{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;letter-spacing:.7px;font-size:12px}.save svg{width:17px;height:17px}details{margin-top:8px}summary{font-size:10px;color:var(--muted);cursor:pointer;padding:5px 0;min-height:28px}details label{display:flex;justify-content:space-between;font-size:11px;margin-top:7px}details input{display:block}.note{font-size:9px;line-height:1.5;text-align:center;color:var(--muted);margin:8px 0 0}.status{font-size:10px;text-align:center;color:var(--muted);margin:4px 0 0;min-height:14px}#download{display:block;text-align:center;color:var(--purple);padding:9px;font-size:12px}#exportCanvas{display:none}#chat-bubble{display:none!important}@media(max-width:700px){.tryon{width:100%;max-width:600px;min-height:100svh}.toolbar{height:54px;padding:0 12px}.wordmark{font-size:22px}.workspace{display:flex;flex-direction:column}.stage{height:calc(100svh - 345px);min-height:300px;max-height:750px}.controls{align-self:stretch;padding:12px 14px calc(10px + env(safe-area-inset-bottom))}.ring-title{margin-bottom:10px}h2{font-size:20px}.ring-title .eyebrow{font-size:7px;letter-spacing:1.3px}.carat-row{margin-bottom:8px}.selectors{margin-bottom:10px}.instructions{left:5%;right:5%;font-size:13px;top:35%}.controls .note{font-size:8px}.status{font-size:9px}.empty h1{font-size:34px}.empty p{font-size:12px;max-width:260px;margin-bottom:15px}.empty button{min-height:42px}.select-field{padding:5px 8px 3px}.field-caption{font-size:8px}.select-row select{font-size:11px}.toolbar-actions{margin-right:-6px}.icon-button{width:34px}}@media(max-width:360px){h2{font-size:18px}.wordmark{font-size:19px}.stage{min-height:270px}.carat-row>span{font-size:8px}.select-row{gap:4px}#shapeIcon{width:17px;flex-basis:17px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.is-capturing{overflow:hidden;background:#24192a}.is-capturing .toolbar,.is-capturing .controls{display:none}.is-capturing .tryon{width:100%;max-width:none;min-height:100svh}.is-capturing .workspace{display:block}.is-capturing .stage{width:100%;height:100svh;height:100dvh;min-height:0;max-height:none}.capture-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;background:#24192a;--camera-bottom:max(18px,env(safe-area-inset-bottom));--camera-top:max(18px,env(safe-area-inset-top))}.capture-view{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#514b52}.capture-view:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(#160f2055,transparent 25%,transparent 70%,#160f2055)}.capture-view video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hand-guide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;fill:none;z-index:1}.guide-outline,.guide-scan{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round}.guide-outline{stroke-width:3;opacity:.52}.guide-scan{stroke-width:4.4;opacity:0;stroke-dasharray:180 820;stroke-dashoffset:180;animation:guide-finger-scan 4s linear infinite;animation-play-state:paused}.capture-panel[data-detector=ready] .guide-scan,.capture-panel[data-detector=detected] .guide-scan{opacity:.98;animation-play-state:running}.capture-panel .capture-view video[hidden]~.hand-guide .guide-scan{opacity:0;animation-play-state:paused}@keyframes guide-finger-scan{0%{stroke-dashoffset:180}to{stroke-dashoffset:-820}}@media(prefers-reduced-motion:reduce){.capture-panel .hand-guide .guide-scan{display:none;animation:none}}.guide-hand{transform-origin:0 0}.is-flipped .guide-hand{transform:translate(589px) scaleX(-1)}.is-ready .guide-outline{opacity:.3}.capture-brand{position:absolute;z-index:2;top:calc(var(--camera-top) + 4px);left:50%;transform:translate(-50%);font:22px/1 var(--heading-font);letter-spacing:2px;color:#fff;text-align:center;text-shadow:0 1px 8px #25142b40;pointer-events:none}.capture-brand span{display:block;font:7px/1.5 var(--body-font);letter-spacing:1.5px;margin-top:6px;color:#ffffffb8}.camera-icon{position:absolute;z-index:3;width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff85;border-radius:50%;background:#ffffffdc;color:var(--purple);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 2px 10px #20152612;padding:10px}.camera-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.camera-icon:active{background:#fff}.camera-icon:focus-visible,.capture-shutter:focus-visible,.capture-auto:focus-visible,.hand-choices button:focus-visible{outline:2px solid #ead5ae;outline-offset:3px}.capture-back{top:var(--camera-top);left:14px}.capture-cancel{top:var(--camera-top);right:14px}.capture-switch{top:calc(var(--camera-top) + 56px);right:14px;width:36px;height:36px;padding:8px}.capture-status-wrap{position:absolute;z-index:2;top:calc(var(--camera-top) + 58px);left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 114px);border-radius:8px;background:#211629b3;color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden;pointer-events:none}#captureStatus{font-size:11px;line-height:1.45;text-align:center;margin:0;padding:9px 13px}.capture-progress{height:2px;background:transparent;overflow:hidden}.capture-progress span{display:block;height:100%;width:0;background:#e9d3a5;transition:width .12s linear}.capture-hint{position:absolute;z-index:2;left:10px;right:10px;bottom:calc(var(--camera-bottom) + 140px);margin:0;text-align:center;font-size:10px;color:#fff;text-shadow:0 1px 4px #0008;pointer-events:none}.hand-choices{position:absolute;z-index:3;left:50%;bottom:calc(var(--camera-bottom) + 86px);transform:translate(-50%);display:flex;padding:3px;border:1px solid #ffffff55;border-radius:28px;background:#2c193f80;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hand-choices button{width:42px;height:38px;display:grid;place-items:center;border-radius:23px;color:#ffffffb3;padding:5px}.hand-choices button[aria-pressed=true]{background:#fff;color:var(--purple)}.hand-choices svg{width:26px;height:27px;fill:currentColor;stroke:currentColor;stroke-width:.7;stroke-linecap:round;stroke-linejoin:round}.capture-bottom{position:absolute;z-index:3;left:20px;right:20px;bottom:var(--camera-bottom);height:70px;display:flex;align-items:center;justify-content:space-between}.capture-upload{position:relative;width:40px;height:40px}.capture-shutter{position:absolute;left:50%;top:0;transform:translate(-50%);width:70px;height:70px;padding:5px;border:3px solid #fff;border-radius:50%;background:#ffffff26;box-shadow:0 2px 12px #0002}.capture-shutter>span{display:block;width:100%;height:100%;background:#fff;border-radius:50%;transition:transform .12s}.capture-shutter:active>span{transform:scale(.91)}.capture-auto{color:#fff;min-width:54px;min-height:56px;font-size:9px;display:flex;flex-direction:column;align-items:center;gap:6px;text-shadow:0 1px 3px #0008;padding:3px 0}.auto-track{display:block;width:42px;height:25px;border:1px solid #ffffff85;border-radius:20px;background:#ffffff35;padding:3px;box-shadow:0 1px 6px #0002}.auto-track:after{content:"";display:block;width:17px;height:17px;border-radius:50%;background:#fff;transform:translate(0);transition:transform .15s}.capture-auto[aria-checked=true] .auto-track{background:#42145dd9}.capture-auto[aria-checked=true] .auto-track:after{transform:translate(17px)}.capture-recovery{position:absolute;z-index:4;top:42%;left:12%;right:12%;display:flex;flex-direction:column;align-items:center;gap:10px}.capture-recovery button{min-height:44px;width:180px;padding:10px 14px;border:1px solid #ffffffb3;border-radius:6px;background:#fffffff0;color:var(--purple)}@media(min-width:701px){.is-capturing .tryon{max-width:650px}.capture-panel{--camera-top:24px;--camera-bottom:24px}}@media(max-height:560px){.capture-hint{display:none}.capture-brand{font-size:18px}.hand-choices{bottom:calc(var(--camera-bottom) + 74px)}.capture-bottom{height:60px}.capture-shutter{width:60px;height:60px}.capture-status-wrap{top:calc(var(--camera-top) + 48px)}}.photo-review{position:absolute;z-index:7;left:10px;right:10px;bottom:10px;border:1px solid #e6dfe9;border-radius:6px;background:#fffffff5;padding:12px;text-align:center;box-shadow:0 3px 16px #42145d15}.photo-review p{font-size:11px;margin:0 0 9px}.photo-review>div{display:flex;gap:10px;justify-content:center}.photo-review button{font-size:12px;min-height:40px;padding:8px 24px}.is-capturing #instructions,.is-capturing #photoReview{display:none!important}.selectors>.save{grid-column:1/-1}@media(max-width:700px){.has-photo{overflow:hidden}.has-photo .tryon{position:relative;width:100%;max-width:none;height:100svh;height:100dvh;min-height:0}.has-photo .workspace{display:block}.has-photo .stage{width:100%;height:100svh;height:100dvh;min-height:0;max-height:none}.has-photo .toolbar{position:absolute;top:0;left:0;right:0;height:84px;align-items:flex-start;padding:16px 12px;border:0;background:linear-gradient(#20152670,transparent);pointer-events:none}.has-photo .toolbar button{pointer-events:auto;width:42px;height:42px;min-height:42px;border:1px solid #ffffff85;border-radius:50%;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:grid;place-items:center;padding:10px}.has-photo .toolbar .text-button{font-size:0}.has-photo .toolbar .text-button span{font-size:27px;line-height:20px}.has-photo .toolbar-actions{gap:7px;margin:0}.has-photo .wordmark{position:absolute;left:50%;top:20px;transform:translate(-50%);font-size:22px;color:#fff;text-shadow:0 1px 8px #25142b70}.has-photo .wordmark span{color:#ffffffd9;font-size:6px}.has-photo .controls{position:absolute;z-index:4;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));align-self:auto;padding:10px 12px 8px;border:1px solid #ffffffa3;border-radius:14px;background:#fffffff2;box-shadow:0 3px 24px #21162918;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);max-height:55dvh;overflow:auto;overscroll-behavior:contain}.has-photo .ring-title{margin:0 0 2px;min-height:26px}.has-photo .ring-title .eyebrow{display:none}.has-photo h2{font-size:18px;line-height:1.2}.has-photo .reset{min-height:28px;font-size:10px;padding:3px 2px}.has-photo .carat-control{display:flex;align-items:center;gap:9px}.has-photo .carat-heading{flex:0 0 auto}.has-photo .carat-heading label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.has-photo .carat-heading output{padding:4px 7px;font-size:11px;min-width:55px;text-align:center}.has-photo .carat-row{flex:1;margin:0;gap:6px;height:38px;min-width:0}.has-photo .carat-row input{height:36px}.has-photo .carat-row>span{font-size:8px}.has-photo .selectors{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:6px;margin:2px 0 0}.has-photo .select-field{padding:0 7px;border-color:#d7cbdc;border-radius:6px;background:#fff}.has-photo .field-caption{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.has-photo .select-row{height:44px;gap:5px}.has-photo .select-row select{min-height:44px;padding:7px 12px 7px 0;font-size:11px}.has-photo #shapeIcon{width:17px;height:22px;flex-basis:17px}.has-photo .metal-swatch{width:14px;height:14px;flex-basis:14px}.has-photo .selectors>.save{grid-column:auto;width:44px;height:44px;padding:10px;border-radius:6px}.has-photo .save>span{display:none}.has-photo .save svg{width:21px;height:21px}.has-photo #fineControls{margin-top:3px}.has-photo #fineControls summary{font-size:9px;min-height:24px;padding:5px 0}.has-photo #fineControls label{margin-top:4px}.has-photo .note{font-size:8px;margin-top:1px;line-height:1.4}.has-photo .status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.has-photo .status.is-notice{position:static;width:auto;height:auto;clip-path:none;white-space:normal;margin-top:5px;color:var(--purple)}.has-photo .help-button{top:76px;right:13px;bottom:auto;width:36px;height:36px}.has-photo .instructions{top:36%;font-size:12px;padding:12px;left:7%;right:7%;border-radius:8px}.has-photo.is-reviewing .controls{display:none}.has-photo .photo-review{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));border-radius:14px;padding:12px;background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.has-photo.is-capturing .toolbar,.has-photo.is-capturing .controls{display:none}}@media(max-width:360px){.has-photo .controls{left:7px;right:7px;padding-left:9px;padding-right:9px}.has-photo .select-row{gap:3px}.has-photo .select-row select{font-size:10px}.has-photo .wordmark{font-size:18px;left:46%}.has-photo h2{font-size:17px}}@media(max-width:700px){.has-photo .status{top:0;left:0;min-height:0;margin:0}.has-photo .status.is-notice{min-height:14px;margin-top:5px}}.has-product-design .carat-row{display:none}.has-product-design .carat-control{margin:3px 0 7px}.has-product-design .carat-heading{display:flex;gap:10px;width:100%}.has-product-design .carat-heading label{position:static;clip-path:none;width:auto;height:auto;overflow:visible;font-size:10px}.has-product-design .carat-heading output{margin-left:auto;font-size:10px}
/*# sourceMappingURL=/cdn/shop/t/58/assets/damasci-try-on-mobile-v3.css.map */