.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:rgba(var(--color-foreground),.12)}.about-you__progress-bar{display:block;height:100%;width:0;background:rgb(var(--color-foreground));transition:width .4s ease}.about-you__stage{flex:1;display:flex;align-items:center;padding:4rem 0}.about-you__screen{width:100%;max-width:46rem;margin:0 auto;animation:about-you-enter .35s ease both}@keyframes about-you-enter{0%{opacity:0;transform:translateY(.8rem)}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 1.2rem;font-size:1.1rem;letter-spacing:.24em;text-transform:uppercase;opacity:.6}.about-you__count{margin:0 0 1.2rem;font-size:1.2rem;letter-spacing:.12em;opacity:.55}.about-you__title{margin:0 0 1rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(2.2rem,3.4vw,3.2rem);line-height:1.25}.about-you__title:focus{outline:none}.about-you__helper{margin:0 0 2rem;font-size:1.5rem;font-weight:600;opacity:.75}.about-you__lede{margin:0 0 2rem;font-size:1.6rem;line-height:1.6;opacity:.8}.about-you__note{margin:0 0 2.4rem;font-size:1.3rem;line-height:1.6;opacity:.65}.about-you__note a{color:inherit}.about-you__choices{list-style:none;margin:0 0 2rem;padding:0;display:grid;gap:.8rem}.about-you__choices--with-other{margin-bottom:.8rem}.about-you__choice,.about-you__other-choice{font-family:var(--font-body-family);font-size:1.5rem;line-height:normal}.about-you__choice{display:flex;align-items:center;gap:1.2rem;width:100%;padding:1.4rem 1.6rem;background:transparent;border:1px solid rgba(var(--color-foreground),.25);border-radius:2px;color:rgb(var(--color-foreground));font-size:1.5rem;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.about-you__choice:hover{border-color:rgba(var(--color-foreground),.6)}.about-you__choice[aria-checked=true]{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.06)}.about-you__key{flex:0 0 2.6rem;height:2.6rem;display:grid;place-items:center;border:1px solid rgba(var(--color-foreground),.3);border-radius:2px;font-size:1.2rem;letter-spacing:0}.about-you__choice[aria-checked=true] .about-you__key{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(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:.4rem;margin-bottom:2rem}.about-you__scale-point{aspect-ratio:1;display:grid;place-items:center;background:transparent;border:1px solid rgba(var(--color-foreground),.25);border-radius:2px;color:rgb(var(--color-foreground));font-size:1.4rem;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.about-you__scale-point:hover{border-color:rgba(var(--color-foreground),.6)}.about-you__scale-point[aria-checked=true]{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(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:1.4rem 1.6rem;background:transparent;border:1px solid rgba(var(--color-foreground),.25);border-radius:2px;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.5rem}.about-you__other-choice{display:flex;align-items:center;gap:1.2rem;width:100%;margin:0 0 2.4rem;padding:1.4rem 1.6rem;background:transparent;border:1px solid rgba(var(--color-foreground),.25);border-radius:2px;transition:border-color .15s ease,background-color .15s ease}.about-you__other-choice:focus-within{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.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:2rem}.about-you__date{margin-bottom:2rem;max-width:24rem}textarea.about-you__text{resize:vertical}.about-you__actions{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}.about-you__back,.about-you__skip{background:none;border:none;padding:.6rem 0;color:rgb(var(--color-foreground));font-size:1.4rem;text-decoration:underline;text-underline-offset:.3rem;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:1.6rem 0 0;font-size:1.4rem;color:rgb(var(--color-error, 176, 31, 31))}.about-you__screen--end .button{margin-top:1.2rem}@media screen and (max-width:749px){.about-you__screen{animation:none}.about-you__stage{padding:2.4rem 0}.about-you__screen:has(.about-you__actions){padding-bottom:calc(8.4rem + env(safe-area-inset-bottom))}.about-you__actions{position:fixed;z-index:5;right:0;bottom:0;left:0;gap:1.2rem;padding:1.2rem max(1.6rem,calc((100vw - 46rem)/2)) calc(1.2rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid rgba(var(--color-foreground),.12);box-shadow:0 -.4rem 1.6rem rgba(var(--color-foreground),.06)}}
/*# sourceMappingURL=/cdn/shop/t/191/assets/section-survey-about-you.css.map */