.ss-diagnostic-quiz{--ssd-text: var(--color-foreground);--ssd-text-soft: rgb(var(--color-foreground-rgb) / var(--opacity-70));--ssd-text-muted: rgb(var(--color-foreground-rgb) / var(--opacity-50));--ssd-bg: var(--color-background);--ssd-paper: var(--color-background);--ssd-line: rgb(var(--color-border-rgb) / var(--opacity-30));--ssd-line-strong: rgb(var(--color-border-rgb) / var(--opacity-50));--ssd-sand: rgb(var(--color-foreground-rgb) / var(--opacity-5));--ssd-shadow: 0 1px 2px rgb(var(--color-shadow-rgb) / .04), 0 8px 40px -16px rgb(var(--color-shadow-rgb) / .18);color:var(--ssd-text);background:var(--ssd-bg);font-family:var(--font-body--family);font-weight:var(--font-body--weight);line-height:var(--line-height--body-normal);text-align:left;display:block}.ss-diagnostic-quiz__wrap{width:100%;max-width:var(--ssd-max-width, 680px);margin:0 auto;padding-inline:var(--padding-lg)}.ss-diagnostic-quiz__progress{height:2px;background:var(--ssd-line);border-radius:var(--style-border-radius-pills);overflow:hidden;margin:0 0 var(--margin-xs);opacity:0;transition:opacity var(--animation-speed-slow) var(--animation-easing)}.ss-diagnostic-quiz__progress[data-visible=true]{opacity:1}.ss-diagnostic-quiz__progress-bar{display:block;height:100%;width:0%;background:var(--ssd-text);transition:width .55s var(--ease-out-cubic)}.ss-diagnostic-quiz__progress-meta{display:flex;justify-content:space-between;font-size:var(--font-size--2xs);letter-spacing:var(--letter-spacing-md);text-transform:uppercase;color:var(--ssd-text-muted);margin-bottom:var(--margin-5xl);min-height:14px}.ss-diagnostic-quiz__screen{display:none}.ss-diagnostic-quiz__screen[data-active=true]{display:block;animation:ssd-fade .55s ease both}@keyframes ssd-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ss-diagnostic-quiz__eyebrow{font-size:var(--font-size--2xs);letter-spacing:var(--letter-spacing-md);text-transform:uppercase;color:var(--ssd-text-muted);margin-bottom:var(--margin-2xl)}.ss-diagnostic-quiz__title{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:clamp(1.7rem,6.5vw,2.5rem);line-height:var(--line-height--heading-tight);letter-spacing:var(--letter-spacing--heading-tight);margin-bottom:var(--margin-lg);color:var(--color-foreground-heading)}.ss-diagnostic-quiz__hint{color:var(--ssd-text-soft);font-size:var(--font-size--md);max-width:46ch;margin-bottom:var(--margin-4xl)}.ss-diagnostic-quiz__rule{font-size:var(--font-size--sm);color:var(--ssd-text-muted);margin-top:calc(-1 * var(--margin-md));margin-bottom:var(--margin-3xl);transition:color var(--animation-speed) var(--animation-easing)}.ss-diagnostic-quiz__rule[data-flash=true]{color:var(--color-error)}.ss-diagnostic-quiz__options{display:flex;flex-direction:column;gap:var(--gap-sm)}.ss-diagnostic-quiz__opt{-webkit-appearance:none;appearance:none;border:1px solid var(--ssd-line-strong);background:var(--ssd-paper);color:var(--ssd-text);text-align:left;font-family:inherit;font-size:var(--font-size--md);padding:var(--padding-md) var(--padding-lg);border-radius:.375rem;cursor:pointer;display:flex;align-items:center;gap:var(--gap-md);transition:border-color var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing),color var(--animation-speed) var(--animation-easing);opacity:0;animation:ssd-optin .5s ease forwards}@keyframes ssd-optin{to{opacity:1}}.ss-diagnostic-quiz__opt:hover{border-color:var(--ssd-text);background:var(--ssd-sand)}.ss-diagnostic-quiz__opt-mark{flex:0 0 auto;width:19px;height:19px;border-radius:50%;border:1.5px solid var(--ssd-line-strong);display:flex;align-items:center;justify-content:center;transition:all var(--animation-speed) var(--animation-easing)}.ss-diagnostic-quiz__opt[data-multi] .ss-diagnostic-quiz__opt-mark{border-radius:var(--style-border-radius-xs)}.ss-diagnostic-quiz__opt-mark svg{width:11px;height:11px;opacity:0;transform:scale(.6);transition:all var(--animation-speed) var(--animation-easing)}.ss-diagnostic-quiz__opt[data-selected]{background:var(--ssd-text);color:var(--ssd-paper);border-color:var(--ssd-text)}.ss-diagnostic-quiz__opt[data-selected] .ss-diagnostic-quiz__opt-mark{background:var(--ssd-paper);border-color:var(--ssd-paper)}.ss-diagnostic-quiz__opt[data-selected] .ss-diagnostic-quiz__opt-mark svg{opacity:1;transform:none;stroke:var(--ssd-text)}.ss-diagnostic-quiz__textarea,.ss-diagnostic-quiz__field{width:100%;font-family:inherit;font-size:var(--font-size--md);color:var(--ssd-text);background:var(--color-input-background, var(--ssd-paper));border:var(--style-border-width-inputs, 1px) solid var(--color-input-border, var(--ssd-line-strong));border-radius:var(--style-border-radius-inputs);padding:var(--input-padding, .8rem);transition:border-color var(--animation-speed) var(--animation-easing)}.ss-diagnostic-quiz__textarea{min-height:120px;line-height:var(--line-height--body-normal);resize:vertical}.ss-diagnostic-quiz__textarea:focus,.ss-diagnostic-quiz__field:focus{outline:none;border-color:var(--ssd-text)}.ss-diagnostic-quiz__textarea::placeholder,.ss-diagnostic-quiz__field::placeholder{color:var( --color-input-text, rgb(var(--color-foreground-rgb) / var(--opacity-40)) )}.ss-diagnostic-quiz__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-md)}.ss-diagnostic-quiz__grid-full{grid-column:1 / -1}.ss-diagnostic-quiz__lbl{display:block;font-size:var(--font-size--2xs);letter-spacing:var(--letter-spacing-md);text-transform:uppercase;color:var(--ssd-text-muted);margin:0 0 var(--margin-xs) var(--margin-3xs)}@media(max-width:520px){.ss-diagnostic-quiz__grid{grid-template-columns:1fr}}.ss-diagnostic-quiz__consent{display:flex;gap:var(--gap-md);align-items:flex-start;margin-top:var(--margin-3xl);cursor:pointer}.ss-diagnostic-quiz__consent input{margin-top:3px;width:16px;height:16px;accent-color:var(--ssd-text);flex:0 0 auto;cursor:pointer}.ss-diagnostic-quiz__consent span{font-size:var(--font-size--2xs);color:var(--ssd-text-soft);line-height:var(--line-height--body-normal)}.ss-diagnostic-quiz__consent a{color:var(--ssd-text)}.ss-diagnostic-quiz__nav{display:flex;align-items:center;gap:var(--gap-md);margin-top:var(--margin-5xl)}.ss-diagnostic-quiz__nav .button-secondary{--button-color: var(--ssd-text-muted);font-size:var(--font-size--sm);letter-spacing:var(--letter-spacing-md)}.ss-diagnostic-quiz__nav .button-secondary:hover{--button-background-color: var(--color-secondary-button-background);--button-color: var(--color-secondary-button-text)}.ss-diagnostic-quiz__nav-spacer{flex:1}.ss-diagnostic-quiz__paths{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-md);margin-top:var(--margin-xs)}@media(max-width:560px){.ss-diagnostic-quiz__paths{grid-template-columns:1fr}}.ss-diagnostic-quiz__path{border:1px solid var(--ssd-line-strong);background:var(--ssd-paper);color:var(--ssd-text);border-radius:var(--style-border-radius-lg);padding:var(--padding-2xl) var(--padding-xl);cursor:pointer;text-align:left;transition:border-color var(--animation-speed-slow) var(--animation-easing),background-color var(--animation-speed-slow) var(--animation-easing),color var(--animation-speed-slow) var(--animation-easing),transform var(--animation-speed-slow) var(--animation-easing),box-shadow var(--animation-speed-slow) var(--animation-easing);display:flex;flex-direction:column;font-family:inherit}.ss-diagnostic-quiz__path:hover{border-color:var(--ssd-text);background:var(--ssd-sand);transform:translateY(-2px);box-shadow:var(--ssd-shadow)}.ss-diagnostic-quiz__path[data-selected]{border-color:var(--ssd-text);background:var(--ssd-text);color:var(--ssd-paper)}.ss-diagnostic-quiz__path-ico{font-family:var(--font-heading--family);font-size:var(--font-size--3xl);margin-bottom:var(--margin-lg);line-height:1}.ss-diagnostic-quiz__path h3{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:var(--font-size--xl);margin:0 0 var(--margin-xs);line-height:var(--line-height--heading-tight);color:inherit}.ss-diagnostic-quiz__path p{font-size:var(--font-size--sm);line-height:var(--line-height--body-normal);color:var(--ssd-text-soft);margin:0}.ss-diagnostic-quiz__path[data-selected] p{color:inherit;opacity:.78}.ss-diagnostic-quiz__slot-title{font-size:var(--font-size--3xs);letter-spacing:var(--letter-spacing-md);text-transform:uppercase;color:var(--ssd-text-muted);margin:0 0 var(--margin-md)}.ss-diagnostic-quiz__days{display:flex;gap:var(--gap-sm);overflow-x:auto;padding:2px 2px var(--padding-md);scrollbar-width:thin;-webkit-overflow-scrolling:touch}.ss-diagnostic-quiz__day{flex:0 0 auto;min-width:74px;border:1px solid var(--ssd-line-strong);background:var(--ssd-paper);color:var(--ssd-text);border-radius:var(--style-border-radius-md);padding:var(--padding-md) var(--padding-sm);text-align:center;cursor:pointer;transition:border-color var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing),color var(--animation-speed) var(--animation-easing);font-family:inherit}.ss-diagnostic-quiz__day:hover{border-color:var(--ssd-text)}.ss-diagnostic-quiz__day[data-selected]{background:var(--ssd-text);border-color:var(--ssd-text);color:var(--ssd-paper)}.ss-diagnostic-quiz__day-dow,.ss-diagnostic-quiz__day-mon{font-size:var(--font-size--3xs);letter-spacing:var(--letter-spacing-sm);text-transform:uppercase;color:var(--ssd-text-muted)}.ss-diagnostic-quiz__day[data-selected] .ss-diagnostic-quiz__day-dow,.ss-diagnostic-quiz__day[data-selected] .ss-diagnostic-quiz__day-mon{color:inherit;opacity:.7}.ss-diagnostic-quiz__day-num{font-family:var(--font-heading--family);font-size:var(--font-size--2xl);font-weight:var(--font-heading--weight);line-height:1.1;margin:3px 0 1px}.ss-diagnostic-quiz__times{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-sm);margin-top:var(--margin-3xl)}@media(max-width:480px){.ss-diagnostic-quiz__times{grid-template-columns:repeat(3,1fr)}}.ss-diagnostic-quiz__time{border:1px solid var(--ssd-line-strong);background:var(--ssd-paper);color:var(--ssd-text);border-radius:var(--style-border-radius-sm);padding:var(--padding-md) var(--padding-2xs);text-align:center;font-size:var(--font-size--sm);cursor:pointer;transition:border-color var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing),color var(--animation-speed) var(--animation-easing);font-variant-numeric:tabular-nums;font-family:inherit}.ss-diagnostic-quiz__time:hover{border-color:var(--ssd-text)}.ss-diagnostic-quiz__time[data-selected]{background:var(--ssd-text);border-color:var(--ssd-text);color:var(--ssd-paper)}.ss-diagnostic-quiz__center{text-align:center;padding:var(--padding-4xl) 0 var(--padding-md)}.ss-diagnostic-quiz__seal{width:62px;height:62px;border-radius:50%;border:1px solid var(--ssd-line-strong);display:flex;align-items:center;justify-content:center;margin:0 auto var(--margin-4xl)}.ss-diagnostic-quiz__seal svg{width:24px;height:24px;stroke:var(--ssd-text)}.ss-diagnostic-quiz__center h2{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:clamp(1.6rem,7vw,2.4rem);line-height:var(--line-height--heading-tight);margin-bottom:var(--margin-2xl);color:var(--color-foreground-heading)}.ss-diagnostic-quiz__center p{color:var(--ssd-text-soft);font-size:var(--font-size--md);max-width:42ch;margin:0 auto;line-height:var(--line-height--body-loose)}.ss-diagnostic-quiz__recap{margin-top:var(--margin-4xl);font-size:var(--font-size--sm);color:var(--ssd-text);background:var(--ssd-sand);border-radius:var(--style-border-radius-md);padding:var(--padding-md) var(--padding-xl);display:inline-block}.ss-diagnostic-quiz__spinner{width:34px;height:34px;border:2px solid var(--ssd-line);border-top-color:var(--ssd-text);border-radius:50%;margin:0 auto var(--margin-3xl);animation:ssd-spin .8s linear infinite}@keyframes ssd-spin{to{transform:rotate(360deg)}}.ss-diagnostic-quiz__err{background:var(--ssd-bg);border:1px solid var(--color-error);color:var(--color-error);border-radius:var(--style-border-radius-sm);padding:var(--padding-md) var(--padding-lg);font-size:var(--font-size--sm);margin-top:var(--margin-3xl);display:none;line-height:var(--line-height--body-normal)}.ss-diagnostic-quiz__err[data-visible]{display:block}.ss-diagnostic-quiz__field-err{color:var(--color-error);font-size:var(--font-size--2xs);margin-top:var(--margin-md);display:none}.ss-diagnostic-quiz__field-err[data-visible]{display:block}.ss-diagnostic-quiz__matrix{display:flex;flex-direction:column;gap:var(--gap-md)}.ss-diagnostic-quiz__mrow{display:flex;align-items:center;gap:var(--gap-md);border:1px solid var(--ssd-line);background:var(--ssd-paper);border-radius:var(--style-border-radius-md);padding:var(--padding-md) var(--padding-lg)}.ss-diagnostic-quiz__mlabel{flex:1;font-size:var(--font-size--md);line-height:1.3}.ss-diagnostic-quiz__mchips{display:flex;gap:var(--gap-2xs);flex:0 0 auto}.ss-diagnostic-quiz__mchip{-webkit-appearance:none;appearance:none;border:1px solid var(--ssd-line-strong);background:var(--ssd-bg);font-family:inherit;font-size:var(--font-size--2xs);color:var(--ssd-text-soft);padding:var(--padding-xs) var(--padding-md);border-radius:var(--style-border-radius-pills);cursor:pointer;white-space:nowrap;transition:border-color var(--animation-speed) var(--animation-easing),background-color var(--animation-speed) var(--animation-easing),color var(--animation-speed) var(--animation-easing)}.ss-diagnostic-quiz__mchip:hover{border-color:var(--ssd-text);color:var(--ssd-text)}.ss-diagnostic-quiz__mchip[data-selected]{background:var(--ssd-text);border-color:var(--ssd-text);color:var(--ssd-paper)}.ss-diagnostic-quiz__mfree{margin-top:var(--margin-3xl)}@media(max-width:560px){.ss-diagnostic-quiz__mrow{flex-direction:column;align-items:stretch;gap:var(--gap-sm)}.ss-diagnostic-quiz__mchips{justify-content:space-between}.ss-diagnostic-quiz__mchip{flex:1;text-align:center;padding:var(--padding-sm) var(--padding-2xs)}}.ss-diagnostic-quiz__intro{text-align:center;padding-top:var(--padding-xl)}.ss-diagnostic-quiz__intro-badge{display:inline-block;font-size:var(--font-size--3xs);letter-spacing:var(--letter-spacing-md);text-transform:uppercase;color:var(--ssd-text-muted);border:1px solid var(--ssd-line);border-radius:var(--style-border-radius-pills);padding:var(--padding-xs) var(--padding-lg);margin-bottom:var(--margin-4xl)}.ss-diagnostic-quiz__intro h1{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:clamp(2rem,8.5vw,3.4rem);line-height:var(--line-height--display-tight);letter-spacing:var(--letter-spacing--display-tight);margin-bottom:var(--margin-3xl);color:var(--color-foreground-heading)}.ss-diagnostic-quiz__intro p{color:var(--ssd-text-soft);font-size:var(--font-size--md);max-width:48ch;margin:0 auto var(--margin-5xl);line-height:var(--line-height--body-loose)}.ss-diagnostic-quiz__intro button{margin:0 auto}.ss-diagnostic-quiz__divider{width:46px;height:1px;background:var(--ssd-line-strong);margin:0 auto var(--margin-4xl)}.ss-diagnostic-quiz__reassure{margin-top:var(--margin-3xl);font-size:var(--font-size--2xs);letter-spacing:var(--letter-spacing-sm);color:var(--ssd-text-muted)}.ss-diagnostic-quiz__footnote{margin-top:var(--margin-6xl);text-align:center;font-size:var(--font-size--3xs);letter-spacing:var(--letter-spacing-sm);color:var(--ssd-text-muted);text-transform:uppercase}@media(prefers-reduced-motion:reduce){.ss-diagnostic-quiz__screen[data-active=true],.ss-diagnostic-quiz__opt{animation:none;opacity:1}.ss-diagnostic-quiz__spinner{animation:none}.ss-diagnostic-quiz__progress-bar,.ss-diagnostic-quiz__path,.ss-diagnostic-quiz__opt,.ss-diagnostic-quiz__day,.ss-diagnostic-quiz__time,.ss-diagnostic-quiz__mchip,.ss-diagnostic-quiz__textarea,.ss-diagnostic-quiz__field,.ss-diagnostic-quiz__rule{transition:none}.ss-diagnostic-quiz__path:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ss-diagnostic-quiz.css.map */