.about-you{position:relative;min-height:68vh;display:flex;flex-direction:column}.about-you__progress{position:sticky;top:0;z-index:2;height:2px;background:rgb(var(--color-foreground-rgb) / .12)}.about-you__progress-bar{display:block;height:100%;width:0;background:var(--color-foreground);transition:width .4s ease}.about-you__stage{flex:1;display:flex;align-items:center;padding:2.5rem 0}.about-you__screen{width:100%;max-width:28.75rem;margin:0 auto;animation:about-you-enter .35s ease both}@keyframes about-you-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.about-you__screen{animation:none}.about-you__progress-bar{transition:none}}.about-you__eyebrow{margin:0 0 .75rem;font-size:.6875rem;letter-spacing:.24em;text-transform:uppercase;opacity:.6}.about-you__count{margin:0 0 .75rem;font-size:.75rem;letter-spacing:.12em;opacity:.55}.about-you__title{margin:0 0 .625rem;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:clamp(1.75rem,3.4vw,2.5rem);line-height:1.25}.about-you__title:focus{outline:none}.about-you__helper{margin:0 0 1.25rem;font-size:1rem;font-weight:600;opacity:.75}.about-you__lede{margin:0 0 1.25rem;font-size:1rem;line-height:1.6;opacity:.8}.about-you__note{margin:0 0 1.5rem;font-size:.8125rem;line-height:1.6;opacity:.65}.about-you__note a{color:inherit}.about-you__choices{list-style:none;margin:0 0 1.25rem;padding:0;display:grid;gap:.5rem}.about-you__choices--with-other{margin-bottom:.5rem}.about-you__choice,.about-you__other-choice{font-family:var(--font-body--family);font-size:.9375rem;line-height:normal}.about-you__choice{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:transparent;border:1px solid rgb(var(--color-foreground-rgb) / .25);border-radius:2px;color:var(--color-foreground);text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.about-you__choice:hover{border-color:rgb(var(--color-foreground-rgb) / .6)}.about-you__choice[aria-checked=true]{border-color:var(--color-foreground);background:rgb(var(--color-foreground-rgb) / .06)}.about-you__key{flex:0 0 1.625rem;height:1.625rem;display:grid;place-items:center;border:1px solid rgb(var(--color-foreground-rgb) / .3);border-radius:2px;font-size:.75rem;letter-spacing:0}.about-you__choice[aria-checked=true] .about-you__key{background:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground)}@media(hover:none)and (pointer:coarse){.about-you__key{display:none}}.about-you__label{flex:1}.about-you__scale{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:.25rem;margin-bottom:1.25rem}.about-you__scale-point{aspect-ratio:1;display:grid;place-items:center;background:transparent;border:1px solid rgb(var(--color-foreground-rgb) / .25);border-radius:2px;color:var(--color-foreground);font-size:.875rem;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.about-you__scale-point:hover{border-color:rgb(var(--color-foreground-rgb) / .6)}.about-you__scale-point[aria-checked=true]{background:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground)}@media screen and (max-width:600px){.about-you__scale{grid-template-columns:repeat(6,minmax(0,1fr))}}.about-you__text,.about-you__date{width:100%;padding:.875rem 1rem;background:transparent;border:1px solid rgb(var(--color-foreground-rgb) / .25);border-radius:2px;color:var(--color-input-text);font-family:var(--font-body--family);font-size:var(--font-paragraph--size)}.about-you__other-choice{display:flex;align-items:center;gap:.75rem;width:100%;margin:0 0 1.5rem;padding:.875rem 1rem;background:transparent;border:1px solid rgb(var(--color-foreground-rgb) / .25);border-radius:2px;transition:border-color .15s ease,background-color .15s ease}.about-you__other-choice:focus-within{border-color:var(--color-foreground);background:rgb(var(--color-foreground-rgb) / .06)}.about-you__other{flex:1;min-width:0;padding:0;background:transparent;border:0;border-radius:0;outline:0;color:inherit;font:inherit}.about-you__text{margin-bottom:1.25rem}.about-you__date{margin-bottom:1.25rem;max-width:15rem}textarea.about-you__text{resize:vertical}.about-you__actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.about-you__back,.about-you__skip{background:none;border:none;padding:.375rem 0;color:var(--color-foreground);font-size:.875rem;text-decoration:underline;text-underline-offset:.1875rem;cursor:pointer;opacity:.7}.about-you__back:hover,.about-you__skip:hover{opacity:1}.about-you__advance{order:3;margin-left:auto}.about-you__back{order:1}.about-you__skip{order:2}.about-you__error{margin:1rem 0 0;font-size:.875rem;color:var(--color-error, #b01f1f)}.about-you__screen--end .button{margin-top:.75rem}@media screen and (max-width:749px){.about-you__screen{animation:none}.about-you__stage{padding:1.5rem 0}.about-you__screen:has(.about-you__actions){padding-bottom:calc(5.25rem + env(safe-area-inset-bottom))}.about-you__actions{position:fixed;z-index:5;right:0;bottom:0;left:0;gap:.75rem;padding:.75rem max(1rem,calc((100vw - 28.75rem)/2)) calc(.75rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid rgb(var(--color-foreground-rgb) / .12);box-shadow:0 -.25rem 1rem rgb(var(--color-foreground-rgb) / .06)}}
/*# sourceMappingURL=/cdn/shop/t/236/assets/section-survey-about-you.css.map */