.quiz-chrome{position:relative;display:flex;justify-content:center;align-items:center;padding:1.25rem 1.5rem}.quiz-chrome__logo{display:block}.quiz-chrome__logo-image{display:block;width:80px;height:auto}.quiz-chrome__close{position:absolute;inset-inline-end:.5rem;inset-block-start:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:rgb(var(--text-color))}.quiz-chrome__wordmark{font-weight:600;font-size:var(--text-lg);letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--text-color));text-decoration:none}skin-quiz{display:block;max-width:34rem;margin-inline:auto;padding:1rem 1.5rem 4rem}.quiz__progress{position:relative;height:3px;margin-block-end:1.5rem;background:rgb(var(--text-color) / .08);border-radius:999px;overflow:visible}.quiz__progress-fill{height:100%;background:rgb(var(--accent));border-radius:999px;transition:width .35s ease}.quiz__progress-label{position:absolute;inset-inline-end:0;inset-block-start:.5rem;font-size:var(--text-xs);color:rgb(var(--text-color) / .55)}.quiz__eyebrow{font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:rgb(var(--accent))}.quiz__headline,.quiz__prompt{margin:0}.quiz__lede,.quiz__summary{margin:0;line-height:1.5}.quiz__meta,.quiz__helper{margin:0;font-size:var(--text-sm);color:rgb(var(--text-color) / .65)}.quiz__hint{margin:0;font-size:var(--text-sm);color:rgb(var(--text-color) / .55)}.quiz__error{margin:0;font-size:var(--text-sm);color:rgb(var(--error-text))}.quiz__note{margin:0;padding:.75rem 1rem;font-size:var(--text-sm);line-height:1.5;background:rgb(var(--accent) / .06);border-inline-start:2px solid rgb(var(--accent));border-radius:0 4px 4px 0}skin-quiz .button{min-height:44px}.quiz__text-link{display:inline-flex;align-items:center;min-height:44px;background:none;border:none;padding:0;font-size:var(--text-sm);color:rgb(var(--text-color));text-decoration:underline;text-underline-offset:3px;cursor:pointer}.quiz__pill{align-self:flex-start;padding:.25rem .75rem;font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:rgb(var(--accent));background:rgb(var(--accent) / .08);border-radius:999px}.quiz__helper--pulse{animation:quiz-pulse .4s ease}@keyframes quiz-pulse{50%{color:rgb(var(--accent));transform:scale(1.04)}}.quiz__options{margin-block-start:1rem}[data-quiz-counter]+.quiz__options{margin-block-start:-.5rem}.quiz__subline{margin-block-start:-.5rem}.quiz__option{display:flex;align-items:center;gap:.75rem;width:100%;min-height:44px;padding:.75rem 1rem;background:rgb(var(--background));border:1px solid rgb(var(--text-color) / .12);border-radius:8px;text-align:start;font-size:var(--text-base);line-height:1.4;color:rgb(var(--text-color));cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.quiz__option[aria-checked=true]{border-color:rgb(var(--accent));background:rgb(var(--accent) / .06)}.quiz__option--muted{opacity:.45}.quiz__option-media[hidden]{display:none}.quiz__option-copy{flex:1}.quiz__option-mark{flex:none;width:20px;height:20px;border:1.5px solid rgb(var(--text-color) / .3);border-radius:50%;position:relative}.quiz__option[aria-checked=true] .quiz__option-mark{border-color:rgb(var(--accent));background:rgb(var(--accent))}.quiz__option[aria-checked=true] .quiz__option-mark:after{content:"";position:absolute;inset-block-start:4px;inset-inline-start:6.5px;width:5px;height:8px;border:solid rgb(var(--background));border-width:0 2px 2px 0;transform:rotate(45deg)}.quiz__divider{width:100%;margin:.25rem 0;border:none;border-block-start:1px solid rgb(var(--text-color) / .12)}.quiz__actions{display:flex;flex-direction:column;gap:.5rem;align-items:stretch;margin-block-start:.5rem}.quiz__actions .quiz__text-link{align-self:center;min-height:0;padding-block:.25rem}.quiz__actions--split{flex-direction:row;gap:.75rem}.quiz__actions--split .button{flex:1}.quiz__actions--split .quiz__back{border-color:rgb(var(--button-background))}.quiz__input{width:100%;padding:.65rem .8rem;font-size:var(--text-base);color:rgb(var(--text-color));background:rgb(var(--background));border:1px solid rgb(var(--text-color) / .12);border-radius:4px}.quiz__input:focus{outline:none;border-color:rgb(var(--text-color))}.quiz__consent{display:flex;align-items:flex-start;gap:.5rem;min-height:44px;font-size:var(--text-sm);line-height:1.5;cursor:pointer}.quiz__checkbox{flex:none;width:18px;height:18px;margin-block-start:.15rem;accent-color:rgb(var(--accent))}.quiz__spinner{width:28px;height:28px;border:3px solid rgb(var(--text-color) / .12);border-block-start-color:rgb(var(--accent));border-radius:50%;animation:spin .8s linear infinite}.quiz__subhead{margin:0}.quiz__chips{display:flex;flex-wrap:wrap;gap:.5rem}.quiz__chip{padding:.5rem .75rem;font-size:var(--text-sm);background:rgb(var(--text-color) / .06);border-radius:999px}.quiz__chip--type{color:rgb(var(--accent));background:rgb(var(--accent) / .08);font-weight:500}.quiz__chip-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:rgb(var(--text-color) / .6)}.quiz__routine{margin:0;padding:0;list-style:none}.quiz__routine .quiz__slot{display:flex;gap:.75rem;padding:1rem;padding-inline-start:.75rem;border:1px solid rgb(var(--text-color) / .12);border-radius:8px}.quiz__slot-number{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:var(--text-sm);font-weight:600;color:rgb(var(--accent));background:rgb(var(--accent) / .08);border-radius:50%}.quiz__slot-body{flex:1}.quiz__slot-head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.quiz__slot-name{margin:0;font-size:var(--text-base);font-weight:600}.quiz__slot-descriptor{margin:0;font-size:var(--text-sm);line-height:1.5;color:rgb(var(--text-color) / .75)}.quiz__slot-products{margin-block-start:.5rem}.quiz__product{display:flex;align-items:center;gap:1.5rem;color:inherit}.quiz__product-media{display:block;flex:none;box-sizing:border-box;width:6.25rem;aspect-ratio:3 / 4}.quiz__product-img{display:block;width:100%;height:100%;object-fit:contain}.quiz__product-body{flex:1;min-width:0}.quiz__product-vendor{font-size:.625rem;font-weight:500;letter-spacing:0;text-transform:uppercase;color:rgb(var(--accent))}.quiz__product-title{font-size:var(--text-sm);font-weight:600;line-height:1.35;color:inherit;text-decoration:none}.quiz__product-title:hover{text-decoration:underline;text-underline-offset:2px}.quiz__product-price{font-size:var(--text-sm);font-weight:400;color:rgb(var(--text-color))}.quiz__product-add{justify-self:start;margin-block-start:.375rem;min-height:44px;padding:.25rem 0;background:none;border:none;font-size:var(--text-sm);font-weight:400;color:rgb(var(--text-color));text-decoration:underline;text-underline-offset:2px;cursor:pointer}.quiz__product-add:disabled{cursor:default}.quiz__product-add--done{color:rgb(var(--accent));text-decoration:none}.quiz__cart-actions{margin-block-start:.5rem}.quiz__view-cart{justify-self:center}.quiz__tag{padding:.25rem .5rem;font-size:var(--text-xs);background:rgb(var(--text-color) / .06);border-radius:4px}.quiz__tag--optional{color:rgb(var(--text-color) / .65)}.quiz__retake{padding:1.25rem;background:rgb(var(--accent) / .06);border-radius:8px}.quiz__consult{padding:1.25rem;border:1px solid rgb(var(--text-color) / .12);border-radius:8px}.quiz__consult-ask{margin:0;line-height:1.5}.quiz__consult-confirm{margin:0;font-weight:500;line-height:1.5}.quiz__result-footer{display:flex;justify-content:center;padding-block-start:1rem;border-block-start:1px solid rgb(var(--text-color) / .08)}.quiz-mode .gw-widget-placeholder-LC-wrapper,.quiz-mode .gw-widget-placeholder-RC-wrapper,.quiz-mode .gw-widget-placeholder-BL-wrapper,.quiz-mode .gw-widget-placeholder-BR-wrapper{display:none!important}.quiz__option:focus-visible,.quiz__text-link:focus-visible,.quiz-chrome__close:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}@media screen and (min-width:700px){skin-quiz{padding-block-start:2.5rem}.quiz-chrome__logo-image{width:130px}.quiz-chrome__close{inset-inline-end:1rem}.quiz__actions{flex-direction:row;align-items:center}.quiz__actions .button{flex:none}.quiz__actions--split .button{flex:1}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/skin-quiz.css.map */