.salt-quiz *{box-sizing:border-box;margin:0;padding:0}.salt-quiz{display:flex;flex-direction:column;overflow-x:hidden;padding-top:79px}.salt-quiz--results{padding-top:0!important}.salt-quiz:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:100;opacity:.4}.salt-header{padding:32px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.06)}.salt-logo{text-transform:uppercase;text-decoration:none}.salt-header-tag{text-transform:uppercase;color:var(--grey-mid)}.salt-progress-wrap{height:2px;background:#c2ccd1}.salt-progress-fill{height:100%;background:#111;transition:width .6s cubic-bezier(.4,0,.2,1)}.salt-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.salt-screen{width:100%;animation:saltFadeUp .5s cubic-bezier(.4,0,.2,1) forwards;margin-bottom:70px}@keyframes saltFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.salt-step-label{letter-spacing:.25em;text-transform:capitalize;margin:20px;display:block;letter-spacing:.15px}.salt-question-title{margin-bottom:20px;text-align:center}.salt-question-subtitle{color:#838383;margin-bottom:20px;font-size:var(--text-sm);text-align:center}.salt-options-grid{display:grid;gap:10px;margin-top:20px}.salt-option-btn{background:#f3f3f2;border-radius:5px;padding:10px 52px 10px 20px;text-align:left;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.salt-option-btn.selected{background:#c2ccd1;border:none}.salt-opt-label{display:block;margin-bottom:4px;letter-spacing:-.48px}.salt-opt-desc{display:block;color:#838383;letter-spacing:-.36px}.salt-option-check{position:absolute;top:50%;transform:translateY(-50%);right:20px;width:18px;height:18px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0}.salt-option-btn.selected .salt-option-check{border-color:#111;background:#111;border-radius:50%;color:#e4e4e2}.salt-nav{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px;background:#fff;box-shadow:0 -2px 9.7px #0000000d;position:fixed;bottom:0;z-index:9}.salt-btn-back{cursor:pointer;transition:color .2s ease}.salt-btn-next{display:none;cursor:pointer;transition:all .25s ease;border-radius:5px;background:#111;color:#e4e4e2}.salt-btn-next:hover,.salt-btn-shop:hover,.salt-btn-shopATC:hover{background:#c2ccd1!important;color:#111!important;border-color:#c2ccd1}.salt-btn-next:disabled{cursor:not-allowed;background:#838383}.salt-intro{text-align:center;max-width:560px;margin:0 auto}.salt-intro-eyebrow{text-transform:uppercase;color:var(--accent);margin-bottom:28px;display:block}.salt-intro-title{margin-bottom:24px;color:var(--white)}.salt-intro-title em{font-style:italic}.salt-intro-body{margin-bottom:48px}.salt-result-header{margin-bottom:48px;background:#0e272a;margin-top:0;width:100%;padding:100px 120px;color:#fff}.salt-result-eyebrow{margin-bottom:16px;display:block}.salt-result-title{margin-bottom:12px}.salt-routine-section{margin-bottom:32px;padding:0 120px}.salt-section-label{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06);display:block}.salt-product-card{border:1px solid rgba(255,255,255,.08);padding:24px;margin-bottom:10px;display:flex;align-items:flex-start;gap:20px;animation:saltFadeUp .5s ease forwards}.salt-product-number{min-width:28px}.salt-product-info{flex:1}.salt-product-role{text-transform:uppercase;margin-bottom:4px;display:block}.salt-product-name{margin-bottom:8px;display:block}.salt-result-actions{display:flex;gap:12px;margin-top:40px;flex-wrap:wrap;position:fixed;bottom:0;z-index:9;width:100%}.salt-btn-retake{text-transform:uppercase;cursor:pointer;transition:all .25s ease;text-decoration:underline}#salt-hair-quiz{display:none}.salt-screen.salt-results-screen{max-width:100%}.product_card{display:flex;width:100%;gap:10px;margin-top:20px;align-items:center}.salt-result-actions{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f3f3f2}button.salt-btn-shopATC.button{background:#111;color:#fff}.result-actions-right{display:flex;align-items:center;gap:20px}.result-price{display:flex;align-items:center;gap:10px}on-sale-badge{padding:10px!important;background:#8cd1d8!important}img.solid-bg{max-height:85px!important;width:100%}.salt-btn-shop{background:#111;color:#fff;padding:10px 20px;margin-left:auto}@media(min-width:1000px){.quiz-image{max-width:52%;width:100%;float:left}.salt-options-grid{max-width:47%;float:right;width:100%}.salt-screen{max-width:1100px;padding:20px}.salt-ques-header{max-width:47%;width:100%;float:right;margin-top:70px}.salt-question-subtitle,.salt-question-title{text-align:left}.salt-option-btn:hover{border-color:#ffffff4d;background:#c9b99a0a}}@media(max-width:999px){.salt-header{padding:24px}.salt-main{padding:0}.salt-options-grid.two-col{grid-template-columns:1fr}.salt-result-actions{flex-direction:column}.salt-result-header{margin-top:0;padding:100px 16px}.salt-screen{padding:16px}.salt-screen.salt-results-screen{max-width:100%}.salt-routine-section{padding:0 16px}img.solid-bg{min-height:70px}.salt-quiz{padding-top:75px}}@media screen and (max-width:699px){.quiz-image{display:none}.salt-question-title,.salt-question-subtitle{text-align:left}.salt-step-label{margin-top:0}.salt-routine-section,.salt-product-card{padding:0}.salt-btn-shop{min-width:120px}.result-actions-right{width:100%}.salt-btn-shopATC.button{margin-left:auto}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/hair-quiz.css.map */