.velisse-quiz{--veli-wine: #761018;--veli-wine-dark: #5d0c13;--veli-pink: #fff5f7;--veli-pink-border: #f28ca4;--veli-green: #0b7e62;--veli-text: #2f2f2f;--veli-muted: #686868;--veli-border: #dedede;color:var(--veli-text)}.velisse-quiz,.velisse-quiz *{box-sizing:border-box}.velisse-quiz [hidden]{display:none!important}.velisse-quiz__page{width:min(100%,1200px);max-width:none;margin:0 auto;padding:28px 16px 64px}.velisse-quiz__page-title{max-width:1200px;margin:8px auto 34px;color:var(--veli-wine);font-family:Montserrat,sans-serif;font-size:30px;font-weight:700;line-height:1.2;text-align:center}.velisse-quiz__layout{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(360px,.94fr);grid-template-areas:"quiz sidebar";gap:28px;align-items:start}.velisse-quiz__panel{position:relative;grid-area:quiz;min-width:0;min-height:540px;overflow:hidden;color:#fff;background:var(--veli-wine);border-radius:14px;box-shadow:0 8px 24px #45070e1f}.velisse-quiz__close{position:absolute;z-index:6;top:14px;right:14px;display:none;width:42px;height:42px;padding:0;color:#fff;background:#0003;border:1px solid rgba(255,255,255,.34);border-radius:999px;font:inherit;font-size:2.8rem;line-height:1;cursor:pointer}.velisse-quiz__cover{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);min-height:540px}.velisse-quiz__cover.is-leaving{pointer-events:none;animation:veli-cover-out .24s ease-in both}.velisse-quiz__cover-media{min-height:540px;background:#e8dfcf}.velisse-quiz__cover-image{display:block;width:100%;height:100%;min-height:540px;object-fit:cover;object-position:center}.velisse-quiz__cover-placeholder{display:grid;width:100%;height:100%;min-height:540px;place-items:center;color:#761018b8;background:radial-gradient(circle at 18% 24%,rgba(255,255,255,.86) 0 8%,transparent 8.5%),radial-gradient(circle at 72% 68%,rgba(118,16,24,.12) 0 15%,transparent 15.5%),linear-gradient(135deg,#f4eee6,#d7c4ac);font-family:Georgia,serif;font-size:clamp(3rem,5vw,6.4rem);letter-spacing:.12em}.velisse-quiz__cover-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,3vw,40px)}.velisse-quiz__cover-copy h2{margin:0;color:#fff;font-family:Montserrat,sans-serif;font-size:clamp(2.4rem,2vw,3rem);font-weight:550;line-height:1.22}.velisse-quiz__cover-copy p{margin:12px 0 22px;color:#ffffffd1;font-size:1.45rem;line-height:1.55}.velisse-quiz__start{align-self:flex-start;min-height:44px;padding:10px 22px;color:var(--veli-wine);background:#fff;border:1px solid #fff;border-radius:12px;font:inherit;font-size:1.4rem;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.velisse-quiz__start:hover{transform:translateY(-2px);box-shadow:0 8px 18px #00000029}.velisse-quiz__duration{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;margin-top:10px;color:#ffffffb3;font-size:1.25rem}.velisse-quiz__duration-icon{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.velisse-quiz__experience{display:flex;flex-direction:column;height:540px;min-height:540px;overflow-y:auto;padding:18px clamp(28px,3.3vw,44px) 24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}.velisse-quiz__experience.is-entering{animation:veli-experience-in .42s cubic-bezier(.22,1,.36,1) both}.velisse-quiz__progress-track{flex:0 0 auto;width:100%;height:4px;overflow:hidden;margin-bottom:28px;background:#ffffff47;border-radius:999px}.velisse-quiz__progress-fill{display:block;width:12.5%;height:100%;background:#fff;border-radius:inherit;transition:width .32s cubic-bezier(.22,1,.36,1)}.velisse-quiz__form{display:flex;min-width:0;min-height:0;flex:1 0 auto;flex-direction:column;justify-content:safe center}.velisse-quiz__steps{min-width:0;flex:0 0 auto}.velisse-quiz__step{min-width:0;margin:0;padding:0;border:0}.velisse-quiz__step.is-active{opacity:1;transform:none}.velisse-quiz__step.is-leaving-forward,.velisse-quiz__step.is-leaving-back,.velisse-quiz__step.is-entering-forward,.velisse-quiz__step.is-entering-back{backface-visibility:hidden;will-change:transform,opacity}.velisse-quiz__step.is-leaving-forward{animation:veli-step-out-up .19s ease-in both}.velisse-quiz__step.is-leaving-back{animation:veli-step-out-down .19s ease-in both}.velisse-quiz__step.is-entering-forward{animation:veli-step-in-up .44s cubic-bezier(.22,1,.36,1) both}.velisse-quiz__step.is-entering-back{animation:veli-step-in-down .44s cubic-bezier(.22,1,.36,1) both}.velisse-quiz__step.is-invalid{animation:veli-shake .32s ease}.velisse-quiz__question{display:flex;align-items:flex-start;gap:11px;width:100%;max-width:820px;margin:0;padding:0;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:clamp(2.25rem,1.8vw,2.7rem);font-weight:400;line-height:1.18;letter-spacing:-.018em}.velisse-quiz__question-number{display:inline-grid;width:28px;height:28px;flex:0 0 28px;margin-top:1px;place-items:center;color:var(--veli-wine);background:#fff;border-radius:7px;font-size:1.25rem;font-weight:700;line-height:1;letter-spacing:0}.velisse-quiz__help{max-width:720px;margin:8px 0 20px;color:#ffffffc2;font-size:1.4rem;line-height:1.35}.velisse-quiz__choices,.velisse-quiz__plans{display:grid;gap:9px}.velisse-quiz__choices--two,.velisse-quiz__plans{grid-template-columns:repeat(2,minmax(0,1fr))}.velisse-quiz__choices--media,.velisse-quiz__choices--hair,.velisse-quiz__choices--tones{grid-template-columns:repeat(4,minmax(0,1fr))}.velisse-quiz__choice,.velisse-quiz__plan{width:100%;min-height:46px;padding:11px 14px;color:#fff;background:#ffffff13;border:1px solid rgba(255,255,255,.19);border-radius:12px;font:inherit;font-size:1.4rem;line-height:1.2;text-align:left;cursor:pointer;transition:transform .17s ease,border-color .17s ease,background-color .17s ease,box-shadow .17s ease}.velisse-quiz__choice:hover,.velisse-quiz__plan:hover{transform:translateY(-2px);background:#ffffff21;border-color:#ffffff8c}.velisse-quiz__choice:active,.velisse-quiz__plan:active,.velisse-quiz__start:active,.velisse-quiz__next:active{transform:scale(.985)}.velisse-quiz__choice.is-selected,.velisse-quiz__plan.is-selected{color:#fff;background:#ffe0e926;border-color:#fff;box-shadow:inset 0 0 0 1px #fff,0 8px 18px #2d000521}.velisse-quiz__choice--media,.velisse-quiz__plan{position:relative}.velisse-quiz__choice--media:after,.velisse-quiz__plan:after{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;box-sizing:border-box;border:3px solid transparent;border-radius:12px;content:"";pointer-events:none;transition:border-color .17s ease}.velisse-quiz__choice--media.is-selected,.velisse-quiz__plan.is-selected{border-color:transparent;box-shadow:0 8px 18px #2d000521}.velisse-quiz__choice--media.is-selected:after,.velisse-quiz__plan.is-selected:after{border-color:#fff}.velisse-quiz__choice--media,.velisse-quiz__choice--tone{overflow:hidden;padding:0}.velisse-quiz__choice--media{display:flex;min-height:0;flex-direction:column;align-items:stretch}.velisse-quiz__choice--tone{display:flex;min-height:134px;flex-direction:column;align-items:stretch;justify-content:center}.velisse-quiz__choice-image{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}.velisse-quiz__choice-placeholder{display:grid;place-items:center;color:#ffffffd1;background:linear-gradient(145deg,#ffffff2e,#ffffff0a);font-family:Georgia,serif;font-size:4.2rem}.velisse-quiz__choice-placeholder--hair{font-family:Montserrat,sans-serif;font-size:2.6rem;background:linear-gradient(145deg,#ffdce638,#ffffff0d)}.velisse-quiz__choice-copy{display:flex;align-items:center;gap:8px;min-height:46px;padding:8px 10px;line-height:1.15}.velisse-quiz__choice--media .velisse-quiz__choice-copy{width:100%;min-width:0;min-height:48px}.velisse-quiz__choice--tone .velisse-quiz__choice-copy{min-height:52px}.velisse-quiz__choice-key{display:inline-grid;width:27px;height:27px;flex:0 0 27px;place-items:center;color:var(--veli-wine);background:#fff5f7;border-radius:8px;font-size:1.15rem;font-weight:700}.velisse-quiz__tone-swatch{display:block;width:58px;height:58px;margin:0 auto 7px;background:var(--tone);border:3px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 8px 18px #2c000429}.velisse-quiz__plan{display:flex;min-height:0;flex-direction:column;align-items:stretch;overflow:hidden;padding:0}.velisse-quiz__plan-image{display:block;width:100%;height:auto;min-height:0;aspect-ratio:1 / 1;object-fit:cover}.velisse-quiz__plan-placeholder{display:grid;width:100%;aspect-ratio:1 / 1;place-items:center;color:#ffffffd1;background:linear-gradient(145deg,#ffdce638,#ffffff0d);font-family:Georgia,serif;font-size:2.7rem}.velisse-quiz__plan-image,.velisse-quiz__plan-placeholder{width:80%;margin:10px auto 0;border-radius:10px}.velisse-quiz__plan-copy{display:flex;min-width:0;min-height:82px;flex-direction:column;justify-content:center;padding:12px 14px;line-height:1.2}.velisse-quiz__plan-name,.velisse-quiz__plan-price{color:#fff;font-weight:650}.velisse-quiz__plan-price{margin-top:6px;font-size:1.35rem}.velisse-quiz__plan-note{margin-top:2px;color:#ffffffb3;font-size:1.2rem}.velisse-quiz__input-label{display:block;margin-bottom:8px;color:#ffffffd1;font-size:1.35rem;font-weight:500}.velisse-quiz__input{display:block;width:100%;max-width:590px;height:50px;padding:0 3px;color:#fff;background:transparent;border:0;border-bottom:2px solid rgba(255,255,255,.88);border-radius:0;font:inherit;font-size:1.7rem;-webkit-appearance:none;appearance:none;outline:0!important;box-shadow:none!important}.velisse-quiz__input::placeholder{color:#ffffff57}.velisse-quiz__error{display:none;width:fit-content;margin:13px 0 0;padding:7px 10px;color:#7a0b14;background:#fff;border-radius:7px;font-size:1.25rem;font-weight:650}.velisse-quiz__error.is-visible{display:block}.velisse-quiz__actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.velisse-quiz__back,.velisse-quiz__next{min-height:42px;padding:9px 18px;border-radius:12px;font:inherit;font-size:1.35rem;font-weight:700;cursor:pointer}.velisse-quiz__back{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.5)}.velisse-quiz__next{margin-left:auto;color:var(--veli-wine);background:#fff;border:1px solid #fff}.velisse-quiz__next.is-loading{display:inline-flex;align-items:center;gap:9px;pointer-events:none}.velisse-quiz__next.is-loading:after{width:16px;height:16px;flex:0 0 16px;border:2px solid rgba(118,16,24,.25);border-top-color:currentColor;border-radius:50%;content:"";animation:veli-spinner .65s linear infinite}.velisse-quiz__next:hover,.velisse-quiz__back:hover{transform:translateY(-1px)}.velisse-quiz__back:disabled,.velisse-quiz__next:disabled{opacity:.58;cursor:wait}.velisse-quiz__start:focus-visible,.velisse-quiz__choice:focus-visible,.velisse-quiz__plan:focus-visible,.velisse-quiz__back:focus-visible,.velisse-quiz__next:focus-visible,.velisse-quiz__close:focus-visible,.velisse-quiz__input:focus-visible{outline:2px solid rgba(255,226,234,.72);outline-offset:3px}.velisse-quiz__input:focus,.velisse-quiz__input:focus-visible{outline:0;border-bottom-color:#f6bdcc;box-shadow:0 2px #f6bdcc52!important}.velisse-quiz__complete{margin:auto 0;padding-top:0;text-align:center}.velisse-quiz__complete .velisse-quiz__help{margin-right:auto;margin-left:auto}.velisse-quiz__sidebar{grid-area:sidebar;display:grid;gap:22px}.velisse-quiz__discount,.velisse-quiz__delivery{border-radius:14px;font-size:1.55rem}.velisse-quiz__discount{display:flex;align-items:center;gap:16px;padding:21px;color:#5a1b22;background:var(--veli-pink);border-left:4px solid var(--veli-pink-border);box-shadow:0 1px 5px #0000000a}.velisse-quiz__discount p,.velisse-quiz__delivery p{margin:0;line-height:1.48}.velisse-quiz__discount-icon{width:38px;height:38px;object-fit:contain;flex:0 0 auto}.velisse-quiz__delivery{padding:23px;background:#fff;border:1px solid var(--veli-border);box-shadow:0 1px 5px #0000000a}.velisse-quiz__delivery-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:15px;align-items:start}.velisse-quiz__delivery-row+.velisse-quiz__delivery-row{margin-top:24px}.velisse-quiz__delivery-row img{display:block;width:30px;height:30px;margin-top:2px;object-fit:contain}.velisse-quiz__delivery-highlight{color:var(--veli-wine);font-weight:700}.velisse-quiz__delivery-time{color:var(--veli-green);font-weight:700}.velisse-quiz__delivery-muted{color:var(--veli-muted)}.velisse-quiz__delivery-more{margin-top:27px!important;font-size:1.5rem}.velisse-quiz__delivery-more a{color:inherit;font-weight:600;text-underline-offset:2px}@keyframes veli-step-out-up{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-22px,0)}}@keyframes veli-cover-out{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(0,-18px,0) scale(.99)}}@keyframes veli-experience-in{0%{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes veli-step-out-down{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,22px,0)}}@keyframes veli-step-in-up{0%{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes veli-step-in-down{0%{opacity:0;transform:translate3d(0,-28px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes veli-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes veli-spinner{to{transform:rotate(360deg)}}@media screen and (max-width:1100px){.velisse-quiz__layout{grid-template-columns:minmax(0,1.55fr) minmax(330px,.9fr)}.velisse-quiz__cover{grid-template-columns:1fr}.velisse-quiz__cover-media,.velisse-quiz__cover-image,.velisse-quiz__cover-placeholder{min-height:330px;max-height:360px}.velisse-quiz__choices--tones{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:989px){.velisse-quiz__page{width:min(100% - 40px,760px);padding-top:24px;padding-bottom:52px}.velisse-quiz__page-title{margin-bottom:28px}.velisse-quiz__layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"sidebar" "quiz";gap:22px}.velisse-quiz__sidebar{gap:14px}}@media screen and (max-width:749px){.velisse-quiz__page{width:100%;padding-right:20px;padding-left:20px}.velisse-quiz__page-title{padding:0;font-size:2.6rem;line-height:1.25}.velisse-quiz__layout{grid-template-areas:"quiz" "discount" "delivery";gap:16px}.velisse-quiz__sidebar{display:contents}.velisse-quiz__discount{grid-area:discount}.velisse-quiz__delivery{grid-area:delivery}.velisse-quiz__discount,.velisse-quiz__delivery{font-size:1.5rem}.velisse-quiz__discount{padding:17px}.velisse-quiz__delivery{padding:18px}.velisse-quiz__panel,.velisse-quiz__cover{min-height:520px}.velisse-quiz__cover{grid-template-rows:minmax(250px,46vh) auto}.velisse-quiz__cover-media,.velisse-quiz__cover-image,.velisse-quiz__cover-placeholder{min-height:250px;max-height:none}.velisse-quiz__cover-copy{padding:27px 24px 32px}.velisse-quiz__cover-copy h2{font-size:2.35rem}.velisse-quiz__cover-copy p{margin:11px 0 20px;font-size:1.45rem}.velisse-quiz__panel.is-fullscreen{position:fixed;z-index:2147483000;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;border-radius:0;overscroll-behavior:contain}.velisse-quiz__panel.is-fullscreen .velisse-quiz__close{display:block}.velisse-quiz__panel.is-fullscreen .velisse-quiz__experience{min-height:100dvh;padding:max(18px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom))}.velisse-quiz__experience{height:auto;min-height:520px;padding:20px 18px 24px}.velisse-quiz__progress-track{width:calc(100% - 52px);margin-bottom:24px}.velisse-quiz__question{font-size:2.1rem}.velisse-quiz__help{margin-bottom:18px;font-size:1.35rem}.velisse-quiz__choices--two,.velisse-quiz__plans{grid-template-columns:minmax(0,1fr)}.velisse-quiz__choices--media,.velisse-quiz__choices--tones,.velisse-quiz__choices--hair{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.velisse-quiz__choice--media .velisse-quiz__choice-image{width:88%;margin:8px auto 0;border-radius:9px}.velisse-quiz__choice--media .velisse-quiz__choice-copy{min-height:46px}.velisse-quiz__choice-copy{min-height:44px;padding:7px 8px;font-size:1.25rem}.velisse-quiz__choice-key{width:25px;height:25px;flex-basis:25px}.velisse-quiz__tone-swatch{width:52px;height:52px;margin-top:12px}.velisse-quiz__plan-copy{min-height:78px}.velisse-quiz__actions{position:sticky;bottom:0;z-index:2;padding:16px 0 max(4px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(118,16,24,0),var(--veli-wine) 22%)}}body.velisse-quiz-lock{overflow:hidden;touch-action:none}@media(prefers-reduced-motion:reduce){.velisse-quiz__cover.is-leaving,.velisse-quiz__experience.is-entering,.velisse-quiz__step.is-active,.velisse-quiz__step.is-invalid,.velisse-quiz__step.is-leaving-forward,.velisse-quiz__step.is-leaving-back,.velisse-quiz__step.is-entering-forward,.velisse-quiz__step.is-entering-back{animation:none}.velisse-quiz__progress-fill,.velisse-quiz__start,.velisse-quiz__choice,.velisse-quiz__plan{transition:none}.velisse-quiz__next.is-loading:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/velisse-subscription-quiz.css.map */