.skin-quiz{--quiz-gap: var(--gap-md, 16px);--quiz-border-radius: var(--style-border-radius-inputs, 8px);--quiz-card-radius: var(--style-border-radius-popover, 12px);--quiz-transition: var(--animation-speed, .2s) var(--animation-easing, ease);font-family:var(--font-paragraph--family);font-size:var(--font-paragraph--size);line-height:var(--font-paragraph--line-height);color:var(--color-foreground)}.skin-quiz__header{margin-block-end:var(--margin-xl, 32px)}.skin-quiz__title{margin:0 0 var(--margin-sm, 8px);font-family:var(--font-h2--family);font-size:var(--font-h2--size);font-weight:var(--font-h2--weight);line-height:var(--font-h2--line-height);color:var(--color-foreground-heading)}.skin-quiz__subtitle{margin:0;opacity:.8}.skin-quiz__progress{margin-block-end:var(--margin-lg, 24px)}.skin-quiz__progress-bar{height:6px;border-radius:999px;background:var(--color-primary);opacity:.25;transition:width var(--quiz-transition)}.skin-quiz__progress-text{margin-block-start:var(--margin-sm, 8px);font-size:var(--font-size--sm, 14px);opacity:.8}.skin-quiz__form{display:grid;grid-template-rows:auto auto;grid-template-columns:1fr;width:100%}.skin-quiz__progress{grid-row:1;grid-column:1}.skin-quiz__step{grid-row:2;grid-column:1;width:100%;border:1px solid var(--color-border);border-radius:var(--quiz-card-radius);padding:var(--padding-lg, 24px);margin:0;background:var(--color-background);align-self:start;z-index:1}.skin-quiz__step[hidden]{visibility:hidden;pointer-events:none;z-index:0}.skin-quiz__question{font-family:var(--font-h4--family);font-size:var(--font-h4--size);font-weight:var(--font-h4--weight);line-height:var(--font-h4--line-height);color:var(--color-foreground-heading);margin-block-end:var(--margin-md, 16px);padding:0}.skin-quiz__option{display:flex;align-items:center;gap:var(--gap-sm, 12px);padding:var(--padding-sm, 12px) var(--padding-md, 16px);border-radius:var(--quiz-border-radius);margin-block:var(--margin-xs, 8px);border:1px solid var(--color-border);cursor:pointer;transition:background-color var(--quiz-transition),border-color var(--quiz-transition),color var(--quiz-transition)}.skin-quiz__option:hover{background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5-15, .05));border-color:var(--color-foreground)}.skin-quiz__option:has(input:checked){background-color:rgb(var(--color-primary-rgb) / .1);border-color:var(--color-primary)}.skin-quiz__option input[type=radio]{accent-color:var(--color-primary);width:18px;height:18px;margin:0;flex-shrink:0}.skin-quiz__nav{display:flex;flex-wrap:wrap;gap:var(--gap-sm, 12px);margin-block-start:var(--margin-lg, 24px)}.skin-quiz__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--button-padding-block, 12px) var(--button-padding-inline, 20px);border-radius:var(--style-border-radius-buttons-primary, 999px);font-family:var(--button-font-family-primary);font-size:var(--font-paragraph--size);text-transform:var(--button-text-case-primary, none);text-decoration:none;cursor:pointer;transition:color var(--quiz-transition),background-color var(--quiz-transition),box-shadow var(--quiz-transition)}.skin-quiz__btn--primary{color:var(--color-primary-button-text);background-color:var(--color-primary-button-background);box-shadow:inset 0 0 0 var(--style-border-width-primary, 1px) var(--color-primary-button-border);border:none}.skin-quiz__btn--primary:hover:not([disabled]){color:var(--color-primary-button-hover-text);background-color:var(--color-primary-button-hover-background);box-shadow:inset 0 0 0 var(--style-border-width-primary, 1px) var(--color-primary-button-hover-border)}.skin-quiz__btn--secondary{color:var(--color-secondary-button-text);background-color:var(--color-secondary-button-background);box-shadow:inset 0 0 0 var(--style-border-width-secondary, 1px) var(--color-secondary-button-border);border:none}.skin-quiz__btn--secondary:hover:not([disabled]){color:var(--color-secondary-button-hover-text);background-color:var(--color-secondary-button-hover-background);box-shadow:inset 0 0 0 var(--style-border-width-secondary, 1px) var(--color-secondary-button-hover-border)}.skin-quiz__btn[disabled]{opacity:.4;cursor:not-allowed}.skin-quiz__result{border:1px solid var(--color-border);border-radius:var(--quiz-card-radius);padding:var(--padding-lg, 24px)}.skin-quiz__result[hidden]{display:none}.skin-quiz:has(.skin-quiz__result:not([hidden])) .skin-quiz__form{display:none}.skin-quiz__result-title{margin:0 0 var(--margin-md, 16px);font-family:var(--font-h3--family);font-size:var(--font-h3--size);font-weight:var(--font-h3--weight);line-height:var(--font-h3--line-height);color:var(--color-foreground-heading)}.skin-quiz__result-body h3{margin:var(--margin-lg, 24px) 0 var(--margin-sm, 8px);font-family:var(--font-h5--family);font-size:var(--font-h5--size);font-weight:var(--font-h5--weight);line-height:var(--font-h5--line-height);color:var(--color-foreground-heading)}.skin-quiz__result-body h3:first-of-type{margin-block-start:var(--margin-md, 16px)}.skin-quiz__result-body p{margin:var(--margin-xs, 8px) 0}.skin-quiz__badge{display:inline-block;padding:var(--padding-xs, 6px) var(--padding-sm, 12px);border-radius:999px;border:1px solid var(--color-border);font-size:var(--font-size--sm, 14px);font-weight:500;margin-block-end:var(--margin-md, 16px);background:rgb(var(--color-primary-rgb) / .1);color:var(--color-primary)}.skin-quiz__cta{display:flex;flex-wrap:wrap;gap:var(--gap-sm, 12px);margin-block-start:var(--margin-xl, 32px)}.skin-quiz__note{margin-block-start:var(--margin-md, 16px);font-size:var(--font-size--sm, 13px);opacity:.7}@media screen and (max-width: 749px){.skin-quiz__step,.skin-quiz__result{padding:var(--padding-md, 16px)}.skin-quiz__nav,.skin-quiz__cta{flex-direction:column}.skin-quiz__btn{width:100%;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/skin-quiz.css.map */