.vio{--ssd10-maroon: #57201F;--ssd10-plum: #3D1D32;--ssd10-lilac: #E7E0F4;--ssd10-pink: #FFC0F8;--ssd10-ink: #0B0708;--ssd10-paper: #FFFDFA;--ssd10-cream: #F6EEE4;--ssd10-muted: #6E5C58;--ssd10-plum-muted: #6B4B62;--ssd10-accent: #DC5E35;--ssd10-accent-on-light: #B0431F;--ssd10-hairline: rgba(87, 32, 31, .14);color:var(--ssd10-plum);font-family:var(--font-body, system-ui),Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}.vio *,.vio *:before,.vio *:after{box-sizing:border-box}.vio [hidden],.vio input[type=file][hidden]{display:none!important}.vio-mark{display:inline-block;vertical-align:-.22em;flex:none}.vio{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000}.vio[hidden]{display:none!important}.vio-open{overflow:hidden}.vio__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b07086b;cursor:pointer}.vio__panel{position:absolute;top:0;right:0;bottom:0;width:min(460px,100vw);background:var(--ssd10-paper);border-left:1px solid rgba(87,32,31,.2);display:flex;flex-direction:column;outline:none;box-shadow:-12px 0 40px #0b070840;animation:vio-in .28s ease-out}@keyframes vio-in{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.vio__panel{animation:none}}.vio .vio__panel .vio__head{background:var(--ssd10-maroon);color:var(--ssd10-lilac);padding:16px 20px;display:flex;align-items:center;gap:12px;flex:none;margin:0;border:0}.vio__avatar{width:38px;height:38px;display:block;flex:none}.vio__title{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.vio .vio__name{margin:0;padding:0;font-family:var(--font-heading, Georgia),Georgia,serif;font-weight:400;font-size:21px;color:var(--ssd10-lilac);line-height:1.05;letter-spacing:0;text-transform:none}.vio .vio__sub{margin:0;padding:0;font-size:12px;letter-spacing:.08em;font-weight:600;text-transform:uppercase;color:var(--ssd10-pink);line-height:1.3}.vio__close{background:none;border:1px solid rgba(231,224,244,.4);color:var(--ssd10-lilac);width:44px;height:44px;font-size:22px;line-height:1;cursor:pointer;flex:none}.vio__close:hover{background:#e7e0f41f}.vio__close:focus-visible,.vio__btn:focus-visible,.vio__chip:focus-visible,.vio__text:focus-visible{outline:2px solid var(--ssd10-accent);outline-offset:2px}.vio a:focus-visible,.vio button:focus-visible,.vio input:focus-visible,.vio [tabindex]:focus-visible{outline:2px solid var(--ssd10-accent);outline-offset:2px}.vio__thread{flex:1;overflow-y:auto;padding:16px 16px 12px;display:flex;flex-direction:column;gap:12px}.vio__thread>*{flex-shrink:0}.vio__item{position:relative;animation:vio-pop .22s ease-out both}.vio__item.is-cont{margin-top:-8px}.vio__item--a,.vio__item--c{align-self:flex-start;margin-left:34px}.vio__item--c{width:calc(100% - 34px);max-width:calc(100% - 34px)}.vio__item--u{align-self:flex-end}.vio__item-avatar{position:absolute;left:-34px;bottom:0;width:24px;height:24px}.vio__item-avatar .vio-mark{width:24px;height:24px;display:block}.vio-mark__beat{transform-box:fill-box;transform-origin:center}.vio__typing .vio__item-avatar .vio-mark__beat{animation:vio-beat 1.5s ease-in-out infinite}@keyframes vio-beat{0%,to{transform:scale(1)}24%{transform:scale(1.38)}40%{transform:scale(1.04)}56%{transform:scale(1.3)}72%{transform:scale(1)}}.vio__avatar .vio-mark__beat{animation:vio-beat 1.2s ease-in-out 3}.ssd10__btn:hover .vio-mark__beat,.ssd10__announce-cta:hover .vio-mark__beat,.ssd10__textlink:hover .vio-mark__beat,a[data-ssd10-rematch]:hover .vio-mark__beat{animation:vio-beat 1s ease-in-out 2}.is-inview .vio-mark__beat{animation:vio-beat 1.3s ease-in-out 3}@media(prefers-reduced-motion:reduce){.vio-mark__beat{animation:none!important}}@keyframes vio-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.vio__item{animation:none}}.vio__msg{max-width:86%;padding:10px 14px;font-size:16px;line-height:1.5;text-wrap:pretty;border-radius:18px}.vio__msg--a{background:var(--ssd10-cream);color:var(--ssd10-plum);border-bottom-left-radius:18px}.vio__msg--a.is-last{border-bottom-left-radius:4px}.vio__msg--a.is-cont{border-top-left-radius:6px}.vio__msg--u{background:var(--ssd10-maroon);color:var(--ssd10-lilac);max-width:80%}.vio__msg--u.is-last{border-bottom-right-radius:4px}.vio__msg--u.is-cont{border-top-right-radius:6px}.vio__selfie{width:148px;height:148px;background-size:cover;background-position:center;border-radius:18px 18px 4px}.vio__typing{display:flex;gap:5px;align-items:center;background:var(--ssd10-cream);padding:14px 16px;border-radius:18px 18px 18px 4px}.vio__typing span{width:7px;height:7px;border-radius:50%;background:var(--ssd10-maroon);animation:vio-dot 1.1s infinite}.vio__typing span:nth-child(2){animation-delay:.18s}.vio__typing span:nth-child(3){animation-delay:.36s}@keyframes vio-dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.vio__typing span{animation:none;opacity:.7}}.vio__start{display:flex;flex-direction:column;gap:10px;width:100%}.vio__start-row{display:flex;gap:8px;flex-wrap:wrap}.vio__start-row .vio__btn{flex:1 1 auto;padding-left:14px;padding-right:14px;white-space:nowrap}.vio__hint{font-size:14px;color:var(--ssd10-muted);line-height:1.5}.vio__btn{font:inherit;font-size:15px;font-weight:600;letter-spacing:.04em;padding:11px 18px;min-height:44px;cursor:pointer;border:0;border-radius:0;display:inline-flex;align-items:center;justify-content:center;gap:8px}.vio__btn--solid{background:var(--ssd10-maroon);color:var(--ssd10-lilac)}.vio__btn--solid:hover{background:var(--ssd10-plum)}.vio__btn--ghost{background:transparent;color:var(--ssd10-maroon);border:1px solid rgba(87,32,31,.45)}.vio__btn--ghost:hover{border-color:var(--ssd10-maroon)}.vio__btn--wide{width:100%}.vio__rec{border:1px solid rgba(87,32,31,.2);background:#fff;overflow:hidden;width:100%}.vio__rec-brief{margin:0;padding:14px 16px;font-size:16px;line-height:1.55;color:var(--ssd10-plum);border-bottom:1px solid var(--ssd10-hairline);text-wrap:pretty}.vio__rec-head{padding:12px 16px 2px;font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--ssd10-plum-muted);display:flex;align-items:center;gap:8px}.vio__rec-coin{display:inline-flex;flex:none}.vio__rec-coin .vio-mark{width:20px;height:20px;display:block}.vio__row{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid rgba(87,32,31,.09)}.vio__swatch{width:38px;height:38px;border-radius:10px;border:1px solid rgba(64,16,15,.3);background:#f6eee4 center / cover no-repeat;flex:none}.vio__row-name{font-size:15px;color:var(--ssd10-plum);flex:1;min-width:0}.vio__row-badge{background:var(--ssd10-maroon);color:var(--ssd10-pink);font-size:12px;font-weight:600;letter-spacing:.08em;padding:3px 7px;white-space:nowrap}.vio__row-shade{font-size:15px;font-weight:600;color:var(--ssd10-maroon);white-space:nowrap}.vio__rec-note{margin:0;padding:12px 16px 0;font-size:14px;color:var(--ssd10-muted);line-height:1.5}.vio__rec-actions{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px}.vio__hand{display:flex;flex-direction:column;gap:10px;border:1px dashed rgba(87,32,31,.4);padding:14px 16px}.vio__hand-quote{font-size:15px;line-height:1.5;color:var(--ssd10-plum);font-style:italic}.vio__hand .vio__btn{align-self:flex-start}.vio__fall{display:flex}.vio__fall .vio__btn{background:none;border:0;padding:0;min-height:0;font-weight:400;letter-spacing:0;color:inherit;text-decoration:underline;text-underline-offset:3px}.vio__inline-link{color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.vio__inline-link:hover{color:var(--ssd10-accent)}.vio__chips{display:flex;gap:8px;padding:8px 16px 0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;flex:none;background:#fff;border-top:1px solid var(--ssd10-hairline)}.vio__chips::-webkit-scrollbar{display:none}.vio__chips[hidden]{display:none!important}.vio__chip{background:transparent;border:1px solid rgba(87,32,31,.45);color:var(--ssd10-maroon);font:inherit;font-size:14px;padding:7px 14px;min-height:36px;border-radius:0;white-space:nowrap;cursor:pointer}.vio__chip:hover{border-color:var(--ssd10-maroon);background:var(--ssd10-cream)}.vio__input{display:flex;align-items:center;gap:0;padding:10px 16px 14px;background:#fff;flex:none}.vio__input .vio__send{margin-left:8px}.vio__chips:not([hidden])+.vio__input{border-top:0}.vio__input[hidden]{display:none!important}.vio__chips[hidden]+.vio__input{border-top:1px solid var(--ssd10-hairline)}.vio__text{flex:1;min-width:0;height:44px;border:1px solid rgba(87,32,31,.3);border-radius:0;background:var(--ssd10-paper);color:var(--ssd10-plum);font:inherit;font-size:16px;padding:0 14px}.vio__text::placeholder{color:var(--ssd10-muted)}.vio__photo{width:44px;height:44px;flex:none;border:1px solid rgba(87,32,31,.3);border-right:0;background:var(--ssd10-paper);color:var(--ssd10-maroon);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.vio__photo:hover{background:var(--ssd10-cream)}.vio__photo:focus-visible{outline:2px solid var(--ssd10-accent);outline-offset:2px}.vio__send{width:44px;height:44px;border-radius:0;border:0;background:var(--ssd10-maroon);color:var(--ssd10-lilac);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.vio__send:hover{background:var(--ssd10-plum)}.vio__send:focus-visible{outline:2px solid var(--ssd10-accent);outline-offset:2px}@media(max-width:749px){.vio__panel{width:100vw;border-left:0}.vio__head{padding:12px 16px}.vio__msg,.vio__rec-brief,.vio__text{font-size:16px}.vio__start-row .vio__btn{font-size:14px}}.vio__rec-title{margin:0;padding:14px 16px 0;font-family:var(--font-heading, Georgia),Georgia,serif;font-weight:400;font-size:21px;line-height:1.15;color:var(--ssd10-maroon);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vio__rec-title+.vio__rec-brief{padding-top:6px}.vio__alt{display:flex;flex-direction:column;gap:10px;padding:12px 16px 4px;border-top:1px solid var(--ssd10-hairline);background:var(--ssd10-cream)}.vio__rec--alt .vio__alt{border-top:0;padding-bottom:12px}.vio__alt-note{font-size:14px;line-height:1.5;color:var(--ssd10-muted)}.vio__alt-row{display:flex;align-items:center;gap:12px}.vio__alt-row .vio__row-name{flex:1}.vio__alt-btn{padding:8px 12px;min-height:40px;font-size:14px;white-space:nowrap}.vio__cam{display:flex;flex-direction:column;gap:10px;padding:12px 16px;border-top:1px solid var(--ssd10-hairline);background:#fff;flex:none}.vio__cam[hidden]{display:none!important}.vio__cam-video{width:100%;aspect-ratio:1;object-fit:cover;background:var(--ssd10-ink);transform:scaleX(-1)}.vio__cam-actions{display:flex;gap:10px}.vio__save{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--ssd10-hairline);padding:12px 0 2px;width:100%}.vio__save-title{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ssd10-plum-muted)}.vio__save-body{font-size:14px;line-height:1.45;color:var(--ssd10-plum)}.vio__save-form{display:flex;gap:0;margin-top:4px}.vio__save-form .vio__text{flex:1;min-width:0;border-right:0}.vio__save-form .vio__btn{padding:0 16px;white-space:nowrap}.vio__save-error{font-size:13px;color:var(--ssd10-accent-on-light)}.vio__save .vio__hint{font-size:12px;line-height:1.4}.vio__save-done{font-size:14px;line-height:1.5;color:var(--ssd10-plum)}.vio__shop{display:flex;flex-direction:column;gap:6px;width:100%;border:1px solid rgba(87,32,31,.2);background:#fff;padding:12px 0 10px}.vio__shop-title{padding:0 16px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ssd10-plum-muted)}.vio__tiles{display:flex;gap:12px;padding:6px 16px 8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(87,32,31,.35) transparent}.vio__tile{flex:0 0 128px;display:flex;flex-direction:column;gap:3px;scroll-snap-align:start}.vio__tile-img{width:128px;height:128px;object-fit:cover;display:block;background:var(--ssd10-cream);border:1px solid var(--ssd10-hairline)}.vio__tile-name{margin-top:5px;font-size:14px;line-height:1.3;color:var(--ssd10-plum)}.vio__tile-shade{font-size:13px;line-height:1.3;color:var(--ssd10-muted)}.vio__tile-price{font-size:14px;font-weight:600;color:var(--ssd10-maroon)}.vio__tile-btn{margin-top:auto;align-self:flex-start;min-height:36px;padding:6px 14px;font-size:14px}.vio__tile-price{margin-bottom:5px}.vio__tile-btn:disabled{opacity:.5;cursor:default}.vio__tile-btn:focus-visible{outline:2px solid var(--ssd10-accent);outline-offset:2px}@media(max-width:749px){.vio__avatar{width:36px;height:36px}.vio__item-avatar,.vio__item-avatar .vio-mark{width:22px;height:22px}.vio__item--c{margin-left:0;width:100%;max-width:100%}.vio__row{gap:10px;padding:10px 12px}.vio__row-badge{font-size:11px;padding:2px 5px;letter-spacing:.06em}.vio__row-shade{font-size:14px}}.vio-open #kustomer-ui-sdk-iframe,.vio-open [id*=kustomer-ui]{visibility:hidden!important}@media(max-width:749px){.vio__msg,.vio__rec-brief,.vio__save-body,.vio__alt-note,.vio__hand-quote{font-size:14px;line-height:1.55}.vio__hint,.vio__rec-note{font-size:13px}}.vio__row.is-out{opacity:.55}.vio__row-link{color:inherit;text-decoration:underline;text-decoration-color:#57201f59;text-underline-offset:3px}.vio__row-link:hover{text-decoration-color:currentColor}.vio__more{margin:10px 16px 0;width:calc(100% - 32px)}.find-your-shade--violet .vio-mark,.shade-nudge__mark,.how-it-works__mark,.quiz-result-ssd__mark{margin-right:8px;vertical-align:-.2em}.shade-nudge__cta{display:inline-flex;align-items:center}.shade-nudge__cta .shade-nudge__mark{margin-right:6px}.is-violet-matched{position:relative}.subtl-match-heart{position:absolute;top:11%;right:11%;width:13px;height:13px;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;line-height:0;filter:drop-shadow(0 0 1px rgba(255,255,255,.95)) drop-shadow(0 0 1px rgba(255,255,255,.7))}.subtl-match-heart .vio-mark{width:13px;height:13px;display:block}.subtl-match-heart .vio-mark__beat{animation:vio-beat 1.3s ease-in-out 3}.subtl-match-heart--inline{top:auto;right:auto}.shade-nudge-band__cta.shade-nudge-band__cta--violet{display:inline-flex;align-items:center}.shade-nudge-band__cta.shade-nudge-band__cta--violet .vio-mark{margin-right:8px}.shade-nudge-band__cta.shade-nudge-band__cta--violet .shade-nudge__mark--hover{display:none}.shade-nudge-band__cta.shade-nudge-band__cta--violet:hover .shade-nudge__mark--rest,.shade-nudge-band__cta.shade-nudge-band__cta--violet:focus-visible .shade-nudge__mark--rest{display:none}.shade-nudge-band__cta.shade-nudge-band__cta--violet:hover .shade-nudge__mark--hover,.shade-nudge-band__cta.shade-nudge-band__cta--violet:focus-visible .shade-nudge__mark--hover{display:inline-block}.shade-nudge.shade-nudge--violet{gap:14px}.shade-nudge.shade-nudge--violet .shade-nudge__cta{display:inline-flex;align-items:center;gap:0}.shade-nudge.shade-nudge--violet .shade-nudge__cta .shade-nudge__mark{margin-right:8px}.vio__swatch.is-out{opacity:.5}.vio__alt-row .vio__row-badge{flex:none}.vio-fab{position:fixed;right:20px;bottom:20px;z-index:99990;display:flex;align-items:center;margin:0;padding:0;border:0;background:none;cursor:pointer;font-family:var(--font-body, system-ui),Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent;transition:bottom .2s ease;animation:vio-fab-in .45s cubic-bezier(.2,.8,.2,1) .6s both}.vio-fab[hidden],.vio-open .vio-fab{display:none!important}.vio-fab--lifted{bottom:var(--vio-fab-lift, 90px)}#kustomer-ui-sdk-iframe[style*="width: 80px"]{display:none!important}.vio-fab__coin{position:relative;width:56px;height:56px;border-radius:50%;flex:none;background:#57201f;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #0b070847,0 1px 3px #0b070833;transition:transform .18s ease,box-shadow .18s ease}.vio-fab__mark{width:30px;height:30px;display:block;vertical-align:0;transform:translateY(1px)}.vio-fab:hover .vio-fab__coin,.vio-fab:focus-visible .vio-fab__coin{transform:translateY(-2px);box-shadow:0 10px 24px #0b070852,0 1px 3px #0b070833}.vio-fab:active .vio-fab__coin{transform:translateY(0)}.vio-fab:focus{outline:none}.vio-fab:focus-visible .vio-fab__coin{outline:2px solid #DC5E35;outline-offset:3px}.vio-fab:hover .vio-fab__mark .vio-mark__beat{animation:vio-beat .9s ease-in-out 1}.vio-fab__coin{transform-style:preserve-3d;backface-visibility:visible}.vio-fab.is-nudging .vio-fab__coin,.vio-fab:hover .vio-fab__coin{animation:vio-fab-flip .9s cubic-bezier(.3,.7,.2,1) 1}.vio-fab.is-nudging .vio-fab__mark .vio-mark__beat{animation:vio-beat 1.5s ease-in-out 3}@keyframes vio-fab-flip{0%{transform:perspective(240px) rotateY(0)}50%{transform:perspective(240px) rotateY(180deg)}to{transform:perspective(240px) rotateY(360deg)}}.vio-fab__label{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;margin-right:0;padding:10px 0;background:#fffdfa;color:#57201f;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:.02em;line-height:1.2;box-shadow:0 4px 14px #0b07082e,0 1px 3px #0b07081f;transition:max-width .3s ease,opacity .2s ease,padding .3s ease,margin .3s ease}.vio-fab.is-nudging .vio-fab__label,.vio-fab:focus-visible .vio-fab__label{max-width:240px;opacity:1;padding:10px 16px;margin-right:10px}@media(hover:hover){.vio-fab:hover .vio-fab__label{max-width:240px;opacity:1;padding:10px 16px;margin-right:10px}}.vio-fab__badge{position:absolute;top:-3px;right:-3px;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;line-height:0;filter:drop-shadow(0 0 1px rgba(255,253,250,.95)) drop-shadow(0 1px 2px rgba(11,7,8,.35))}.vio-fab__badge[hidden]{display:none!important}.vio-fab__badge .vio-mark{width:16px;height:16px;display:block;vertical-align:0}@keyframes vio-fab-in{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.vio-fab{animation:none;transition:none}.vio-fab__label,.vio-fab__coin{transition:none;animation:none!important}.vio-fab:hover .vio-fab__mark .vio-mark__beat,.vio-fab.is-nudging .vio-fab__mark .vio-mark__beat{animation:none}}@media(max-width:749px){.vio-fab{right:16px;bottom:16px}.vio-fab__coin{width:52px;height:52px}.vio-fab__mark{width:28px;height:28px}}
/*# sourceMappingURL=/cdn/shop/t/112/assets/violet.css.map */