.the-method{--the-method-gap: var(--container-gutter, 1.5rem);display:grid;gap:calc(var(--the-method-gap) * 1.5)}.the-method__meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:1.5rem}.the-method__progress{margin:0;font-size:var(--text-xs);letter-spacing:var(--subheading-letter-spacing);text-transform:uppercase;color:rgb(var(--text-color) / .6)}.the-method__back[hidden],.the-method__restart[hidden]{display:none}.the-method__restart svg{width:.875rem;height:.875rem}.the-method__panels{position:relative}.the-method__panel{display:grid;gap:var(--the-method-gap);max-width:40rem;margin-inline:auto}.the-method__panel[hidden]{display:none}.the-method__panel:focus{outline:none}.the-method__panel--result{max-width:64rem;gap:calc(var(--the-method-gap) * 1.5)}.the-method__tagline{margin:0;color:rgb(var(--text-color) / .7)}.the-method__cta{min-width:12rem;justify-self:center}.the-method__question{margin:0}.the-method__options{display:flex;flex-direction:column;gap:.75rem;width:100%}.the-method__options .the-method__option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;-webkit-appearance:none;appearance:none;text-align:start;cursor:pointer;background:rgb(var(--input-background, transparent));color:rgb(var(--text-color));border:1px solid transparent;border-radius:var(--input-border-radius);padding:var(--input-padding-block) var(--input-padding-inline);font:inherit;transition:border-color .2s ease,transform .15s ease}.the-method__option:active{transform:scale(.98)}.the-method__option:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:2px}.the-method__options .the-method__option[aria-checked=true]{border-color:var(--input-border-color, rgb(var(--text-color) / .3));background:rgb(var(--input-background, transparent))}.the-method__option-main{display:flex;align-items:center;gap:.75rem;min-width:0}.the-method__option-icon{display:inline-flex;flex-shrink:0;color:rgb(var(--text-color))}.the-method__option-icon svg{width:1.5rem;height:1.5rem}.the-method__option-check{display:inline-flex;flex-shrink:0;opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease}.the-method__option-check .icon{width:1rem;height:1rem}.the-method__option[aria-checked=true] .the-method__option-check{opacity:1;transform:scale(1)}.the-method__options--compact .the-method__option{padding:calc(var(--input-padding-block) * .85) var(--input-padding-inline)}.the-method__tone-scale{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;max-width:26rem;margin-inline:auto}.the-method__tone-scale .the-method__tone-swatch{-webkit-appearance:none;appearance:none;flex-shrink:0;width:2.75rem;height:2.75rem;padding:0;border:none;border-radius:50%;background:radial-gradient(circle at 32% 26%,#ffffff8c,#fff0 45%),radial-gradient(circle at 72% 78%,#00000038,#0000 55%),var(--tone-color);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.the-method__tone-scale .the-method__tone-swatch:hover{transform:scale(1.08)}.the-method__tone-scale .the-method__tone-swatch:focus-visible{outline:2px solid rgb(var(--text-color));outline-offset:3px}.the-method__tone-scale .the-method__tone-swatch[aria-checked=true]{box-shadow:0 0 0 3px rgb(var(--background)),0 0 0 4.5px rgb(var(--text-color) / .55)}.the-method__options--editorial{gap:1rem}.the-method__options--editorial .the-method__option{padding:1.5rem}.the-method__options--editorial .the-method__option-icon svg{width:1.75rem;height:1.75rem}.the-method__result-card{display:grid;gap:2rem;text-align:start}.the-method__result-card[hidden]{display:none}.the-method__result-media img{width:100%;height:auto;display:block;border-radius:var(--input-border-radius)}.the-method__result-info{display:grid;gap:1rem;align-content:start}.the-method__rationale{margin:0;color:rgb(var(--text-color) / .75)}.the-method__context-note{margin:0;font-size:var(--text-sm, .875rem);color:rgb(var(--text-color) / .6)}.the-method__context-note:empty{display:none}.the-method__secondary{margin-top:1rem;padding:1.25rem;background:rgb(var(--input-background, transparent));border-radius:var(--input-border-radius);display:grid;gap:.75rem}.the-method__secondary-card{display:flex;align-items:center;gap:1rem}.the-method__secondary-media{width:4rem;flex-shrink:0}.the-method__secondary-media img{width:100%;height:auto;display:block;border-radius:var(--input-border-radius)}.the-method__secondary-info{display:grid;gap:.25rem}@media screen and (min-width:700px){.the-method__result-card{grid-template-columns:1fr 1fr;align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/3/compiled_assets/styles.css.map?subset=AAAAAAAAAABA */