.cera-page.skinrec-page{--cera-cream:#faf8f7;--cera-cream-deep:#f2eceb;--cera-blush:#fbeceb;--cera-blush-deep:#f0cfcd;--cera-rose:#c0392f;--cera-rose-ink:#97281f;--cera-ink:#17140f;--cera-body:#3c3733;--cera-muted:#6a625d;--cera-line:#e9e1de}.skinrec-option{border:1px solid var(--cera-line);text-align:start;background:#fff;border-radius:20px;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s,border-color .2s,background-color .2s;position:relative}@media (hover:hover){.skinrec-option:hover{border-color:var(--cera-blush-deep);transform:translateY(-2px);box-shadow:0 2px 4px #17140f0a,0 20px 40px -28px #97281f4d}}.skinrec-option:active{transform:translateY(0)}.skinrec-option[data-selected=true]{border-color:var(--cera-rose);background:color-mix(in srgb,var(--cera-blush) 55%,#fff);box-shadow:0 2px 4px #17140f0a,0 18px 38px -26px #97281f6b}.skinrec-option__image{opacity:.62;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .26s}@media (hover:hover){.skinrec-option:hover .skinrec-option__image{opacity:.78;transform:scale(1.04)}}.skinrec-page[dir=rtl] .skinrec-option__image--mirrored{transform:scaleX(-1)}@media (hover:hover){.skinrec-page[dir=rtl] .skinrec-option:hover .skinrec-option__image--mirrored{transform:scaleX(-1.04)scaleY(1.04)}}.skinrec-option__wash{background:linear-gradient(90deg,#fffffff7,#fffffff0 42%,#ffffffb8 62%,#ffffff57 80%,#ffffff14)}.skinrec-page[dir=rtl] .skinrec-option__wash{background:linear-gradient(270deg,#fffffff7,#fffffff0 42%,#ffffffb8 62%,#ffffff57 80%,#ffffff14)}.skinrec-option[data-selected=true] .skinrec-option__image{opacity:.4}.skinrec-option[data-selected=true] .skinrec-option__wash{background:linear-gradient(90deg,color-mix(in srgb,var(--cera-blush) 60%,#fff) 0,color-mix(in srgb,var(--cera-blush) 45%,#ffffffd9) 40%,#ffffff8c 72%,#ffffff40 100%)}.skinrec-page[dir=rtl] .skinrec-option[data-selected=true] .skinrec-option__wash{background:linear-gradient(270deg,color-mix(in srgb,var(--cera-blush) 60%,#fff) 0,color-mix(in srgb,var(--cera-blush) 45%,#ffffffd9) 40%,#ffffff8c 72%,#ffffff40 100%)}@media (prefers-reduced-motion:reduce){.skinrec-option:hover .skinrec-option__image,.skinrec-option__image{transition:none;transform:none}}.skinrec-option__tick{top:14px;background:var(--cera-rose);color:#fff;opacity:0;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;transition:opacity .2s,transform .24s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset-inline-end:14px;transform:scale(.6)}.skinrec-option[data-selected=true] .skinrec-option__tick{opacity:1;transform:scale(1)}.skinrec-step-num{border:1px solid var(--cera-blush-deep);background:var(--cera-blush);width:34px;height:34px;color:var(--cera-rose-ink);border-radius:999px;flex:none;justify-content:center;align-items:center;display:flex}.skinrec-step-num[data-done=true]{border-color:var(--cera-rose);background:var(--cera-rose);color:#fff}.skinrec-track{background:var(--cera-cream-deep);border-radius:999px;width:100%;height:3px;overflow:hidden}.skinrec-track__fill{background:var(--cera-rose);border-radius:999px;height:100%;transition:width .42s cubic-bezier(.22,1,.36,1)}.skinrec-cta{background:var(--cera-ink);color:#fff;border-radius:999px;transition:background-color .26s,box-shadow .26s,transform .2s}@media (hover:hover){.skinrec-cta:not(:disabled):hover{background:#000;box-shadow:0 18px 38px -20px #11140fcc}}.skinrec-cta:disabled{background:var(--cera-cream-deep);color:var(--cera-muted)}.skinrec-scan{border:1px solid var(--cera-blush-deep);background:linear-gradient(135deg,color-mix(in srgb,var(--cera-blush) 70%,#fff),#fff 68%);border-radius:24px}.skinrec-scan__mark{background:var(--cera-rose);color:#fff;border-radius:18px;box-shadow:0 14px 30px -16px #97281fb3}.skinrec-ghost{border:1px solid var(--cera-line);color:var(--cera-ink);background:#fff;border-radius:999px;transition:border-color .2s,box-shadow .26s,transform .2s}@media (hover:hover){.skinrec-ghost:hover{border-color:var(--cera-blush-deep);box-shadow:0 14px 30px -22px #17140f73}}.skinrec-pill{border:1px solid var(--cera-line);color:var(--cera-body);background:#fff;border-radius:999px}.skinrec-pill--accent{border-color:var(--cera-blush-deep);background:var(--cera-blush);color:var(--cera-rose-ink)}.skinrec-option--center{text-align:center}.skinrec-scan__mark--round{border-radius:999px}