.salabom-quiz{--sq-primary: #f4ce33;--sq-secondary: #e9ddf5;--sq-secondary-ink: #71309e;--sq-background: #fff9f5;--sq-text: #2f3035;--sq-radius: 24px;--sq-primary-ink: #2f3035;display:block;color:var(--sq-text);font-family:var(--font-body-family, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.salabom-quiz,.salabom-quiz *{box-sizing:border-box}.salabom-quiz [hidden]{display:none!important}.salabom-quiz__outer{padding:clamp(32px,6vw,88px) 18px;background:radial-gradient(circle at 7% 12%,color-mix(in srgb,var(--sq-primary) 22%,transparent) 0,transparent 27%),radial-gradient(circle at 94% 90%,color-mix(in srgb,var(--sq-secondary) 72%,transparent) 0,transparent 30%),var(--sq-background)}.salabom-quiz__shell{width:min(100%,860px);min-height:570px;margin:0 auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--sq-text) 10%,transparent);border-radius:var(--sq-radius);background:color-mix(in srgb,var(--sq-background) 88%,white);box-shadow:0 24px 70px color-mix(in srgb,var(--sq-text) 12%,transparent)}.salabom-quiz__screen{min-height:570px;padding:clamp(30px,7vw,68px);animation:salabom-quiz-enter .26s ease both}.salabom-quiz__screen--intro,.salabom-quiz__screen--email,.salabom-quiz__screen--fatal{display:flex;flex-direction:column;justify-content:center}@keyframes salabom-quiz-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.salabom-quiz__eyebrow{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;margin:0 0 18px;padding:7px 12px;border-radius:999px;background:var(--sq-secondary);color:var(--sq-secondary-ink);font-size:12px;font-weight:750;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.salabom-quiz__eyebrow:before{width:8px;height:8px;border-radius:50%;background:var(--sq-secondary-ink);content:""}.salabom-quiz__title,.salabom-quiz__question-title,.salabom-quiz__result-title{margin:0;color:var(--sq-text);font-family:var(--font-heading-family, inherit);font-weight:700;letter-spacing:-.025em}.salabom-quiz__title{max-width:720px;font-size:clamp(36px,6vw,64px);line-height:1.04}.salabom-quiz__question-title,.salabom-quiz__result-title{font-size:clamp(28px,4vw,43px);line-height:1.12}.salabom-quiz__heading-focus:focus{outline:none}.salabom-quiz__heading-focus:focus-visible{outline:3px solid var(--sq-secondary-ink);outline-offset:7px;border-radius:4px}.salabom-quiz__intro-text,.salabom-quiz__lead,.salabom-quiz__summary,.salabom-quiz__hint,.salabom-quiz__legal{color:color-mix(in srgb,var(--sq-text) 78%,transparent);line-height:1.65}.salabom-quiz__intro-text,.salabom-quiz__lead{max-width:650px;margin:20px 0 0;font-size:clamp(16px,2vw,19px)}.salabom-quiz__facts{display:flex;flex-wrap:wrap;gap:12px 22px;margin:27px 0 34px;padding:0;list-style:none}.salabom-quiz__fact{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:650}.salabom-quiz__fact-icon{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;background:color-mix(in srgb,var(--sq-primary) 32%,white);color:var(--sq-text)}.salabom-quiz__button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:9px;padding:13px 24px;border:2px solid transparent;border-radius:calc(var(--sq-radius) * .58);font:inherit;font-size:16px;font-weight:750;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.salabom-quiz__button:hover:not(:disabled){transform:translateY(-2px)}.salabom-quiz__button:focus-visible,.salabom-quiz a:focus-visible,.salabom-quiz input:focus-visible+.salabom-quiz__answer-marker{outline:3px solid var(--sq-secondary-ink);outline-offset:3px}.salabom-quiz__button:disabled{cursor:not-allowed;opacity:.45}.salabom-quiz__button--primary{align-self:flex-start;background:var(--sq-primary);color:var(--sq-primary-ink);box-shadow:0 10px 25px color-mix(in srgb,var(--sq-primary) 38%,transparent)}.salabom-quiz__button--secondary{border-color:color-mix(in srgb,var(--sq-text) 16%,transparent);background:transparent;color:var(--sq-text)}.salabom-quiz__button--link{min-height:auto;padding:5px 0;border:0;border-radius:0;background:transparent;color:color-mix(in srgb,var(--sq-text) 72%,transparent);font-size:14px;text-decoration:underline;text-underline-offset:4px}.salabom-quiz__progress-wrap{margin-bottom:38px}.salabom-quiz__progress-meta{display:flex;justify-content:space-between;margin-bottom:9px;color:color-mix(in srgb,var(--sq-text) 66%,transparent);font-size:13px;font-weight:700}.salabom-quiz__progress-track{height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--sq-text) 10%,transparent)}.salabom-quiz__progress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:8px;overflow:hidden;border:0;border-radius:999px;background-color:color-mix(in srgb,var(--sq-text) 10%,transparent);color:#8520d6}.salabom-quiz__progress::-webkit-progress-bar{border-radius:999px;background-color:color-mix(in srgb,var(--sq-text) 10%,transparent)}.salabom-quiz__progress::-webkit-progress-value{border-radius:999px;background-color:#8520d6;transition:width .26s ease}.salabom-quiz__progress::-moz-progress-bar{border-radius:999px;background-color:#8520d6;transition:width .26s ease}.salabom-quiz__hint{margin:10px 0 0;font-size:14px}.salabom-quiz__selection-instruction{display:inline-flex;align-items:center;gap:8px;margin:16px 0 0;padding:7px 11px;border-radius:999px;background:color-mix(in srgb,var(--sq-text) 7%,white);color:color-mix(in srgb,var(--sq-text) 78%,transparent);font-size:13px;font-weight:700;line-height:1.35}.salabom-quiz__selection-instruction:before{width:13px;height:13px;flex:0 0 auto;border:2px solid currentColor;border-radius:50%;content:""}.salabom-quiz__selection-instruction.is-multiple{background:color-mix(in srgb,var(--sq-secondary) 72%,white);color:var(--sq-secondary-ink)}.salabom-quiz__selection-instruction.is-multiple:before{border-radius:3px}.salabom-quiz__answers{display:grid;gap:12px;margin:27px 0 34px}.salabom-quiz__answer{position:relative;display:flex;min-height:62px;align-items:center;gap:14px;padding:15px 17px;border:2px solid color-mix(in srgb,var(--sq-text) 12%,transparent);border-radius:calc(var(--sq-radius) * .65);background:color-mix(in srgb,var(--sq-background) 70%,white);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.salabom-quiz__answer:hover{border-color:color-mix(in srgb,var(--sq-secondary-ink) 54%,transparent);transform:translateY(-1px)}.salabom-quiz__answer.is-selected{border-color:var(--sq-secondary-ink);background:color-mix(in srgb,var(--sq-secondary) 65%,white)}.salabom-quiz__answer input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.salabom-quiz__answer-marker{display:inline-flex;flex:0 0 auto;width:23px;height:23px;align-items:center;justify-content:center;border:2px solid color-mix(in srgb,var(--sq-text) 28%,transparent);border-radius:50%}.salabom-quiz__answer input[type=checkbox]+.salabom-quiz__answer-marker{border-radius:6px}.salabom-quiz__answer.is-selected .salabom-quiz__answer-marker{border-color:var(--sq-secondary-ink);background:var(--sq-secondary)}.salabom-quiz__answer.is-selected .salabom-quiz__answer-marker:after{width:7px;height:4px;border-bottom:2px solid var(--sq-secondary-ink);border-left:2px solid var(--sq-secondary-ink);content:"";transform:rotate(-45deg) translateY(-1px)}.salabom-quiz__answer-text{font-size:16px;font-weight:650;line-height:1.4}.salabom-quiz__actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.salabom-quiz__profile-preview{max-width:650px;padding:clamp(20px,4vw,28px);border:2px solid color-mix(in srgb,var(--sq-secondary-ink) 24%,transparent);border-radius:calc(var(--sq-radius) * .72);background:color-mix(in srgb,var(--sq-secondary) 62%,white)}.salabom-quiz__profile-preview-label{margin:0 0 7px;color:color-mix(in srgb,var(--sq-text) 64%,transparent);font-size:13px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.salabom-quiz__email-heading{margin:0;font-family:var(--font-heading-family, inherit);font-size:clamp(20px,3vw,26px);line-height:1.25}.salabom-quiz__email-explanation{max-width:650px;margin-top:24px;padding:20px 22px;border-left:4px solid var(--sq-primary);border-radius:0 calc(var(--sq-radius) * .55) calc(var(--sq-radius) * .55) 0;background:color-mix(in srgb,var(--sq-primary) 11%,white)}.salabom-quiz__email-explanation p{margin:10px 0 0;color:color-mix(in srgb,var(--sq-text) 76%,transparent);font-size:15px;line-height:1.55}.salabom-quiz__email-form{max-width:620px;margin-top:28px}.salabom-quiz__field-label{display:block;margin:0 0 8px;font-size:14px;font-weight:750}.salabom-quiz__email-input{width:100%;min-height:56px;padding:13px 16px;border:2px solid color-mix(in srgb,var(--sq-text) 17%,transparent);border-radius:calc(var(--sq-radius) * .52);background:#fff;color:var(--sq-text);font:inherit;font-size:16px}.salabom-quiz__email-input:focus{border-color:var(--sq-secondary-ink);outline:3px solid color-mix(in srgb,var(--sq-secondary-ink) 22%,transparent)}.salabom-quiz__consent{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;margin:18px 0 8px;cursor:pointer;font-size:14px;line-height:1.5}.salabom-quiz__consent input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--sq-secondary-ink)}.salabom-quiz__privacy{margin:0 0 22px 32px;color:color-mix(in srgb,var(--sq-text) 72%,transparent);font-size:13px;line-height:1.5}.salabom-quiz__privacy a{color:inherit;text-underline-offset:3px}.salabom-quiz__form-status{margin:0 0 16px;padding:11px 13px;border-radius:calc(var(--sq-radius) * .4);background:var(--sq-secondary);font-size:14px}.salabom-quiz__form-status.is-error{background:#fff0ed;color:#8c251e}.salabom-quiz__result-header{padding-bottom:30px;border-bottom:1px solid color-mix(in srgb,var(--sq-text) 10%,transparent)}.salabom-quiz__summary{max-width:710px;margin:16px 0 0;font-size:17px}.salabom-quiz__tips-wrap{margin:32px 0}.salabom-quiz__subheading{margin:0 0 14px;font-family:var(--font-heading-family, inherit);font-size:21px;line-height:1.3}.salabom-quiz__advice{display:grid;gap:16px}.salabom-quiz__advice-card{padding:clamp(18px,3vw,24px);border:1px solid color-mix(in srgb,var(--sq-text) 10%,transparent);border-radius:calc(var(--sq-radius) * .65);background:color-mix(in srgb,var(--sq-background) 70%,white)}.salabom-quiz__advice-card--food{border-top:4px solid #75a668}.salabom-quiz__advice-card--movement{border-top:4px solid var(--sq-primary)}.salabom-quiz__advice-card--relationships{border-top:4px solid var(--sq-secondary-ink)}.salabom-quiz__advice-heading{margin:0 0 15px;font-family:var(--font-heading-family, inherit);font-size:20px;line-height:1.3}.salabom-quiz__tips{display:grid;gap:12px;margin:0;padding:0;list-style:none}.salabom-quiz__tips li{position:relative;padding-left:31px;line-height:1.55}.salabom-quiz__tips li:before{position:absolute;top:.12em;left:0;display:inline-flex;width:21px;height:21px;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb,var(--sq-primary) 42%,white);content:"\2713";font-size:12px;font-weight:800}.salabom-quiz__product{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:clamp(20px,4vw,36px);align-items:center;margin:34px 0;padding:clamp(18px,4vw,30px);border-radius:calc(var(--sq-radius) * .78);background:var(--sq-secondary)}.salabom-quiz__product-media{aspect-ratio:1;overflow:hidden;border-radius:calc(var(--sq-radius) * .55);background:color-mix(in srgb,var(--sq-text) 6%,white)}.salabom-quiz__product-image{display:block;width:100%;height:100%;object-fit:cover}.salabom-quiz__product-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:color-mix(in srgb,var(--sq-text) 48%,transparent);font-size:13px;text-align:center}.salabom-quiz__product-kicker{margin:0 0 5px;color:color-mix(in srgb,var(--sq-text) 62%,transparent);font-size:12px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.salabom-quiz__product-name{margin:0;font-family:var(--font-heading-family, inherit);font-size:clamp(21px,3vw,29px);line-height:1.2}.salabom-quiz__product-rating{display:inline-flex;width:fit-content;min-height:38px;align-items:center;margin:11px 0 2px;padding:8px 13px;border:1px solid color-mix(in srgb,#fcde45 72%,white);border-radius:999px;background:color-mix(in srgb,var(--sq-text) 94%,#4d4058);box-shadow:0 6px 18px color-mix(in srgb,var(--sq-text) 18%,transparent);color:#fff;line-height:1}.salabom-quiz__product-rating .jdgm-prev-badge{display:inline-flex!important;flex-wrap:wrap;gap:6px;align-items:center}.salabom-quiz__product-rating .jdgm-prev-badge__stars{line-height:1}.salabom-quiz__product-rating .jdgm-star{color:#fcde45!important}.salabom-quiz__product-rating .jdgm-prev-badge__text,.salabom-quiz__product-rating a{color:#fff!important;font-size:13px;font-weight:700;line-height:1.25;text-decoration-color:color-mix(in srgb,#fcde45 70%,transparent)}.salabom-quiz__product-price{margin:9px 0 17px;font-size:16px;font-weight:750}.salabom-quiz__product-actions{display:flex;flex-wrap:wrap;gap:10px}.salabom-quiz__disclaimer{margin:28px 0 0;padding:16px 18px;border-left:4px solid var(--sq-primary);border-radius:0 calc(var(--sq-radius) * .45) calc(var(--sq-radius) * .45) 0;background:color-mix(in srgb,var(--sq-primary) 11%,white);font-size:13px;line-height:1.55}.salabom-quiz__result-footer{display:flex;justify-content:flex-end;margin-top:18px}.salabom-quiz__visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:640px){.salabom-quiz__outer{padding:18px 10px}.salabom-quiz__shell,.salabom-quiz__screen{min-height:520px}.salabom-quiz__screen{padding:29px 20px}.salabom-quiz__facts{display:grid;margin-bottom:27px}.salabom-quiz__answer{min-height:58px;padding:13px 14px}.salabom-quiz__actions{align-items:stretch}.salabom-quiz__actions .salabom-quiz__button{flex:1;padding-inline:14px}.salabom-quiz__product{grid-template-columns:1fr}.salabom-quiz__product-media{max-width:260px}.salabom-quiz__product-actions{display:grid}.salabom-quiz__product-actions .salabom-quiz__button,.salabom-quiz__email-form>.salabom-quiz__button{width:100%}}@media(prefers-reduced-motion:reduce){.salabom-quiz__screen{animation:none}.salabom-quiz__button,.salabom-quiz__answer,.salabom-quiz__progress{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/salabom-quiz.css.map */