.rn-try-on{margin:-2px 0 22px}.rn-try-on__entry{display:grid;grid-template-columns:34px minmax(0,1fr) auto;width:100%;align-items:center;gap:14px;padding:16px 0;border:0;border-top:1px solid color-mix(in srgb,var(--rn-product-ink) 18%,transparent);border-bottom:1px solid color-mix(in srgb,var(--rn-product-ink) 18%,transparent);background:transparent;color:var(--rn-product-ink);text-align:left}.rn-try-on__mark{display:grid;width:32px;height:32px;place-items:center;border:1px solid color-mix(in srgb,var(--rn-product-accent) 62%,transparent);border-radius:50%;color:var(--rn-product-accent);transition:background-color .18s ease,color .18s ease,transform .18s ease}.rn-try-on__entry-copy{display:grid;gap:3px}.rn-try-on__entry-copy small,.rn-try-on__eyebrow{color:var(--rn-product-accent, #9a684a);font-size:9px;letter-spacing:.17em;text-transform:uppercase}.rn-try-on__entry-copy strong{font-family:var(--reneora-font-heading);font-size:17px;font-weight:400;line-height:1.15}.rn-try-on__entry-copy>span{font-size:11px;opacity:.66}.rn-try-on__arrow{font-size:21px;transition:transform .18s ease}.rn-try-on__entry:hover .rn-try-on__mark{background:var(--rn-product-accent);color:#fff;transform:rotate(12deg)}.rn-try-on__entry:hover .rn-try-on__arrow{transform:translate(4px)}.rn-try-on__studio{position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:22px}.rn-try-on__studio[hidden]{display:none}.rn-try-on__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#1b120e9e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rn-try-on__dialog{position:relative;width:min(920px,100%);max-height:min(820px,calc(100vh - 44px));max-height:min(820px,calc(100dvh - 44px));overflow:auto;background:#f7f2ed;color:#30231d;box-shadow:0 28px 80px #19100c57}.rn-try-on__header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(48,35,29,.14);background:#f7f2ed}.rn-try-on__header small{color:#986548;font-size:9px;letter-spacing:.22em;text-transform:uppercase}.rn-try-on__header h2{margin:2px 0 0;font-family:var(--reneora-font-heading);font-size:27px;font-weight:400}.rn-try-on__header>button{width:38px;height:38px;border:0;background:transparent;color:inherit;font-size:28px}.rn-try-on__progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 24px}.rn-try-on__progress--two{grid-template-columns:repeat(2,1fr)}.rn-try-on__progress span{height:2px;background:#30231d26}.rn-try-on__progress span.is-active{background:#8f5d41}.rn-try-on__screen{padding:clamp(34px,6vw,68px)}.rn-try-on__screen[hidden]{display:none}.rn-try-on__step{display:inline-block;margin-bottom:22px;color:#9a684a;font-family:var(--reneora-font-heading);font-size:15px}.rn-try-on__screen h3{max-width:17ch;margin:8px 0 16px;font-family:var(--reneora-font-heading);font-size:clamp(34px,5vw,58px);font-weight:400;line-height:.98}.rn-try-on__screen>p:not(.rn-try-on__eyebrow){max-width:52ch;font-size:14px;line-height:1.7;opacity:.76}.rn-try-on__continue{display:flex;width:min(390px,100%);justify-content:space-between;margin-top:30px;padding:17px 19px;border:1px solid #30231d;background:#30231d;color:#fff;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.rn-try-on__area-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px}.rn-try-on__area-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:15px;min-height:92px;padding:17px;border:1px solid rgba(48,35,29,.24);background:#ffffff40;color:inherit;text-align:left;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.rn-try-on__area-card:hover{border-color:#8f5d41;background:#ffffff9e;transform:translateY(-2px)}.rn-try-on__area-card>span:nth-child(2){display:grid;gap:5px}.rn-try-on__area-card strong{font-family:var(--reneora-font-heading);font-size:21px;font-weight:400}.rn-try-on__area-card small{font-size:10px;line-height:1.4;opacity:.65}.rn-try-on__area-card b{font-size:18px;font-weight:400}.rn-try-on__area-visual{position:relative;display:block;width:46px;height:46px;border:1px solid rgba(143,93,65,.46);border-radius:50%}.rn-try-on__area-visual:before{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid #8f5d41;content:""}.rn-try-on__area-visual--cheek:before{border-radius:58% 42% 62% 38%;transform:rotate(-18deg)}.rn-try-on__area-visual--hand:before{top:9px;right:13px;bottom:8px;left:13px;border-radius:46% 46% 35% 35%;transform:rotate(10deg)}.rn-try-on__privacy{display:flex;max-width:570px;align-items:flex-start;gap:13px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(48,35,29,.13)}.rn-try-on__privacy>span{color:#986548;font-size:19px}.rn-try-on__privacy p{display:grid;gap:4px;margin:0}.rn-try-on__privacy strong{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.rn-try-on__privacy small{max-width:52ch;font-size:10px;line-height:1.55;opacity:.62}.rn-try-on__back{margin:0 0 22px;padding:0;border:0;background:transparent;color:inherit;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.rn-try-on__capture-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(560px,100%);margin-top:26px;border:1px solid rgba(48,35,29,.15)}.rn-try-on__capture-guide span{display:grid;gap:5px;padding:14px;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.rn-try-on__capture-guide span+span{border-left:1px solid rgba(48,35,29,.15)}.rn-try-on__capture-guide b{color:#986548;font-family:var(--reneora-font-heading);font-size:13px;font-weight:400}.rn-try-on__capture-actions,.rn-try-on__preview-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.rn-try-on__capture-actions button,.rn-try-on__preview-actions button{min-height:46px;padding:0 20px;border:1px solid #30231d;background:transparent;color:inherit;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.rn-try-on__capture-actions button:first-child,.rn-try-on__preview-actions button:first-child{background:#30231d;color:#fff}.rn-try-on__screen>small,.rn-try-on__shade-panel>small{display:block;margin-top:18px;font-size:10px;line-height:1.55;opacity:.6}.rn-try-on__live{margin-top:24px}.rn-try-on__live[hidden]{display:none}.rn-try-on__live-stage{position:relative;width:min(420px,100%);aspect-ratio:4 / 5;overflow:hidden;background:#d9cec4}.rn-try-on__live-stage video,.rn-try-on__live-stage canvas{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover}.rn-try-on__live-stage video{transform:scaleX(-1)}.rn-try-on__live-stage canvas{pointer-events:none}.rn-try-on__live-status{width:min(420px,100%);min-height:42px;margin:0;padding:12px 14px;background:#30231d;color:#fff;font-size:11px;letter-spacing:.04em;text-align:center}.rn-try-on__live.is-ready .rn-try-on__live-status{background:#6f7452}.rn-try-on__capture-actions button:disabled{cursor:not-allowed;opacity:.42}.rn-try-on__screen.is-camera-active{padding-block:18px 28px}.rn-try-on__screen.is-camera-active>.rn-try-on__back,.rn-try-on__screen.is-camera-active>.rn-try-on__step,.rn-try-on__screen.is-camera-active>.rn-try-on__eyebrow,.rn-try-on__screen.is-camera-active>[data-try-on-capture-copy]{display:none}.rn-try-on__screen.is-camera-active>h3{max-width:none;margin:0 0 14px;font-size:clamp(23px,3vw,30px);line-height:1.1}.rn-try-on__screen.is-camera-active .rn-try-on__capture-guide{margin-top:0}.rn-try-on__screen.is-camera-active .rn-try-on__capture-actions,.rn-try-on__screen.is-camera-active .rn-try-on__live{margin-top:12px}.rn-try-on__screen.is-camera-active .rn-try-on__live-stage{width:min(420px,100%,max(220px,calc(80dvh - 220px)))}.rn-try-on__preview{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:0;padding:0}.rn-try-on__preview.is-active{display:grid}.rn-try-on__canvas-wrap{display:grid;min-height:500px;place-items:center;background:#ded4ca;overflow:hidden}.rn-try-on__canvas-wrap canvas{display:block;width:100%;height:100%;max-height:650px;object-fit:cover;touch-action:none}.rn-try-on__canvas-wrap p{position:absolute;padding:8px 12px;background:#ffffffd1;font-size:11px;pointer-events:none}.rn-try-on__shade-panel{padding:clamp(30px,4vw,54px);align-self:center}.rn-try-on__shade-panel h3{font-size:clamp(28px,4vw,46px)}.rn-try-on__preview-copy{margin:-6px 0 24px;font-size:12px;line-height:1.65;opacity:.72}.rn-try-on__swatches{display:flex;flex-wrap:wrap;gap:11px;margin-top:24px}.rn-try-on__swatch{width:38px;height:38px;padding:4px;border:1px solid rgba(48,35,29,.22);border-radius:50%;background:transparent}.rn-try-on__swatch:before{display:block;width:100%;height:100%;border-radius:50%;background:var(--rn-try-on-shade);content:"";box-shadow:inset 0 0 0 1px #30231d1f}.rn-try-on__swatch.is-active{border-color:#30231d;box-shadow:0 0 0 2px #f7f2ed,0 0 0 3px #30231d}.rn-try-on__application-guide{display:flex;align-items:flex-start;gap:11px;margin-top:25px;padding:16px 0;border-top:1px solid rgba(48,35,29,.15);border-bottom:1px solid rgba(48,35,29,.15)}.rn-try-on__application-guide>span{color:#986548;font-size:16px}.rn-try-on__application-guide p{margin:0;font-size:10px;line-height:1.6;opacity:.74}.rn-try-on__application-guide strong{color:#30231d;opacity:1}.rn-try-on__clear{margin-top:16px;padding:0 0 3px;border:0;border-bottom:1px solid rgba(48,35,29,.55);background:transparent;color:inherit;font-size:9px;letter-spacing:.13em;text-transform:uppercase}body.rn-try-on-open{overflow:hidden}@media(max-width:720px){.rn-try-on__studio{padding:0}.rn-try-on__dialog{width:100%;max-height:100vh;min-height:100vh;max-height:100dvh;min-height:100dvh}.rn-try-on__preview.is-active{display:block}.rn-try-on__canvas-wrap{min-height:48vh}.rn-try-on__shade-panel{padding:28px 20px 36px}.rn-try-on__screen{padding:38px 22px}.rn-try-on__header,.rn-try-on__progress{padding-inline:20px}.rn-try-on__entry-copy strong{font-size:15px}.rn-try-on__area-options{grid-template-columns:1fr}.rn-try-on__capture-guide span{padding:11px 8px;font-size:8px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/reneora-try-on.css.map */