.ky-diagnostic{--ky-diagnostic-heading-size: clamp(2rem, 1.6rem + 1.6vw, 2.5rem);--ky-diagnostic-promo-size: clamp(1.75rem, 1.6rem + .6vw, 2rem);--ky-diagnostic-title-size: clamp(.9375rem, .9rem + .15vw, 1rem);--ky-diagnostic-text-size: clamp(.8125rem, .775rem + .15vw, .875rem);--ky-diagnostic-small-size: clamp(.6875rem, .65rem + .15vw, .75rem);--ky-diagnostic-secondary: color-mix(in srgb, var(--ky-diagnostic-text) 64%, var(--ky-diagnostic-card));--ky-diagnostic-line: color-mix(in srgb, var(--ky-diagnostic-text) 12%, var(--ky-diagnostic-card));--ky-diagnostic-surface: color-mix(in srgb, var(--ky-diagnostic-text) 4%, var(--ky-diagnostic-card));--ky-diagnostic-ink: var(--ky-diagnostic-accent-ink, var(--ky-diagnostic-text));--ky-diagnostic-control-radius: 8px;--ky-diagnostic-progress: 0;align-content:start;padding-block:var(--ky-diagnostic-padding-top-mobile) var(--ky-diagnostic-padding-bottom-mobile);color:var(--ky-diagnostic-text)}.ky-diagnostic--full{min-height:calc(100svh - var(--header-group-height, var(--header-height, 0px)));align-content:center}.ky-diagnostic--full.is-result{align-content:start}.ky-diagnostic [hidden]{display:none}.ky-diagnostic__inner{width:100%;max-width:42rem;margin-inline:auto;scroll-margin-top:6rem}.ky-diagnostic.is-result .ky-diagnostic__inner{max-width:64rem}.ky-diagnostic__head{display:flex;flex-direction:column;align-items:center;gap:.375rem;margin-block-end:1.5rem;text-align:center}.ky-diagnostic__eyebrow{margin:0;font-family:var(--ky-font-genova-bold);font-size:var(--ky-diagnostic-text-size);line-height:1.25;text-transform:uppercase}.ky-diagnostic__heading{margin:0;color:var(--ky-diagnostic-secondary);font-family:var(--font-body--family);font-size:var(--ky-diagnostic-text-size);font-weight:inherit;line-height:1.25}.ky-diagnostic__quiz{display:flex;flex-direction:column;border:1px solid var(--ky-diagnostic-line);padding:1.5rem 1.25rem;border-radius:var(--ky-diagnostic-radius);background-color:var(--ky-diagnostic-card)}.ky-diagnostic__progress{margin-block-end:2rem}.ky-diagnostic__progress-top{display:flex;justify-content:space-between;gap:1rem;min-height:1.25em;margin:0 0 .625rem;color:var(--ky-diagnostic-secondary);font-family:var(--font-body--family);font-size:var(--ky-diagnostic-small-size);line-height:1.25;text-transform:uppercase}.ky-diagnostic__progress-track{overflow:hidden;height:.25rem;border-radius:999px;background-color:var(--ky-diagnostic-line)}.ky-diagnostic__progress-fill{display:block;height:100%;background-color:var(--ky-diagnostic-accent);transform:scaleX(var(--ky-diagnostic-progress));transform-origin:left center;transition:transform .4s cubic-bezier(.22,1,.36,1)}.ky-diagnostic__step{display:flex;flex-direction:column}.ky-diagnostic__question{margin:0;font-family:var(--font-heading--family);font-size:var(--ky-diagnostic-promo-size);line-height:1;letter-spacing:-.015em;text-transform:none;text-wrap:balance}.ky-diagnostic__question:focus,.ky-diagnostic__result-title:focus{outline:none}.ky-diagnostic__hint{margin:.625rem 0 0;color:var(--ky-diagnostic-secondary);font-family:var(--font-body--family);font-size:var(--ky-diagnostic-text-size);line-height:1.25}.ky-diagnostic__options{display:flex;flex-direction:column;gap:.625rem;margin:1.5rem 0 0;padding:0;list-style:none}.ky-diagnostic__option{display:flex;align-items:center;gap:.875rem;width:100%;min-height:3.5rem;padding:1rem;border:1px solid transparent;border-radius:var(--ky-diagnostic-control-radius);background-color:var(--ky-diagnostic-surface);color:inherit;font-family:var(--font-body--family);font-size:var(--ky-diagnostic-title-size);line-height:1.25;text-align:start;cursor:pointer}.ky-diagnostic__option:hover{border-color:var(--ky-diagnostic-accent);background-color:var(--ky-diagnostic-card)}.ky-diagnostic__option:active{transform:scale(.99)}.ky-diagnostic__option:focus-visible{outline:2px solid var(--ky-diagnostic-text);outline-offset:2px}.ky-diagnostic__option-mark{flex:0 0 auto;width:1.25rem;height:1.25rem;border:1.5px solid color-mix(in srgb,var(--ky-diagnostic-text) 28%,var(--ky-diagnostic-card));border-radius:50%;background-color:var(--ky-diagnostic-card)}.ky-diagnostic__option:hover .ky-diagnostic__option-mark{border-color:var(--ky-diagnostic-accent);background-color:var(--ky-diagnostic-accent);box-shadow:inset 0 0 0 .25rem var(--ky-diagnostic-card)}.ky-diagnostic__option-label{flex:1 1 auto;min-width:0}.ky-diagnostic__option-media{display:grid;flex:0 0 auto;place-items:center;width:3.5rem;height:3.5rem;overflow:hidden;border-radius:var(--ky-diagnostic-control-radius);background-color:var(--ky-diagnostic-card);color:var(--ky-diagnostic-text)}.ky-diagnostic__option-image{display:block;width:100%;height:100%;object-fit:cover}.ky-diagnostic__ill{display:block;width:2.75rem;height:2.75rem}.ky-diagnostic__ill-fill{fill:currentColor;stroke:none}.ky-diagnostic__ill-accent{fill:var(--ky-diagnostic-accent);stroke:currentColor;stroke-width:1}.ky-diagnostic__ill-accent-line{stroke:var(--ky-diagnostic-accent-ink, currentColor);stroke-dasharray:2 2}.ky-diagnostic__link{align-self:flex-start;min-height:2.75rem;margin-block-start:1rem;padding:0;border:0;background:none;color:var(--ky-diagnostic-secondary);font-family:var(--font-body--family);font-size:var(--ky-diagnostic-text-size);line-height:1.25;text-align:start;cursor:pointer}.ky-diagnostic__link:hover{color:var(--ky-diagnostic-text)}.ky-diagnostic__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.ky-diagnostic__link--underline{text-decoration:underline;text-underline-offset:.2em}.ky-diagnostic__result{display:flex;flex-direction:column;gap:1rem}.ky-diagnostic__kicker{align-self:flex-start;margin:0;padding:.375rem .625rem;border-radius:var(--ky-diagnostic-control-radius);background-color:var(--ky-diagnostic-accent);color:var(--ky-diagnostic-on-accent);font-family:var(--ky-font-genova-bold);font-size:var(--ky-diagnostic-small-size);line-height:1.25;text-transform:uppercase}.ky-diagnostic__result-title{margin:0;font-family:var(--font-heading--family);font-size:var(--ky-diagnostic-heading-size);line-height:1.1;letter-spacing:-.02em;text-transform:none;text-wrap:balance}.ky-diagnostic__echo{margin:0;padding:1rem 1.25rem;border-radius:var(--ky-diagnostic-radius);background-color:var(--ky-diagnostic-highlight);color:var(--ky-diagnostic-on-highlight);font-family:var(--font-body--family);font-size:var(--ky-diagnostic-title-size);line-height:1.25}.ky-diagnostic__kit{display:grid;overflow:hidden;border:1px solid var(--ky-diagnostic-line);border-radius:var(--ky-diagnostic-radius);background-color:var(--ky-diagnostic-card)}.ky-diagnostic__kit-media{position:relative;overflow:hidden;aspect-ratio:4 / 3;background-color:var(--ky-diagnostic-highlight)}.ky-diagnostic__kit-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ky-diagnostic__kit-badge{position:absolute;inset-block-start:1rem;inset-inline-start:1rem;margin:0;padding:.375rem .625rem;border-radius:var(--ky-diagnostic-control-radius);background-color:var(--ky-diagnostic-button);color:var(--ky-diagnostic-on-button);font-family:var(--ky-font-genova-bold);font-size:var(--ky-diagnostic-small-size);line-height:1.25}.ky-diagnostic__kit-body{display:flex;flex-direction:column;gap:1.25rem;padding:1.25rem}.ky-diagnostic__kit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.ky-diagnostic__kit-info{min-width:0}.ky-diagnostic__kit-name{margin:0;font-family:var(--font-heading--family);font-size:var(--ky-diagnostic-title-size);line-height:1;letter-spacing:-.02em;text-transform:none}.ky-diagnostic__kit-duration{margin:.5rem 0 0;color:var(--ky-diagnostic-secondary);font-family:var(--font-body--family);font-size:var(--ky-diagnostic-text-size);line-height:1.25}.ky-diagnostic__kit-price{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;margin:0;font-family:var(--font-body--family);font-size:var(--ky-diagnostic-text-size);line-height:1.25;text-align:end}.ky-diagnostic__kit-amount{font-family:var(--ky-font-genova-bold);font-size:var(--ky-diagnostic-promo-size);line-height:1;letter-spacing:-.015em}.ky-diagnostic__kit-value{margin-block-start:.375rem;color:var(--ky-diagnostic-secondary)}.ky-diagnostic__kit-day{margin-block-start:.125rem;color:var(--ky-diagnostic-secondary);font-size:var(--ky-diagnostic-small-size);text-transform:uppercase}.ky-diagnostic__gifts{padding-block-start:1.25rem;border-top:1px solid var(--ky-diagnostic-line)}.ky-diagnostic__gifts-title{margin:0 0 .5rem;font-family:var(--ky-font-genova-bold);font-size:var(--ky-diagnostic-small-size);line-height:1.25;text-transform:uppercase}.ky-diagnostic__gift-list{margin:0;padding:0;list-style:none}.ky-diagnostic__gift{display:flex;align-items:center;gap:.75rem;padding-block:.5rem;font-family:var(--font-body--family);font-size:var(--ky-diagnostic-text-size);line-height:1.25}.ky-diagnostic__gift+.ky-diagnostic__gift{border-top:1px solid var(--ky-diagnostic-line)}.ky-diagnostic__gift-media{flex:0 0 auto;overflow:hidden;width:3.5rem;aspect-ratio:1;border-radius:var(--ky-diagnostic-control-radius);background-color:var(--ky-diagnostic-surface)}.ky-diagnostic__gift-image{display:block;width:100%;height:100%;object-fit:cover}.ky-diagnostic__gift-info{display:flex;flex:1 1 auto;flex-direction:column;gap:.25rem;min-width:0}.ky-diagnostic__gift-label{font-family:var(--ky-font-genova-bold)}.ky-diagnostic__gift-name{color:var(--ky-diagnostic-secondary);font-size:var(--ky-diagnostic-small-size)}.ky-diagnostic__gift-value{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;gap:.25rem;color:var(--ky-diagnostic-secondary);white-space:nowrap}.ky-diagnostic__gift-badge{color:var(--ky-diagnostic-ink);font-family:var(--ky-font-genova-bold);font-size:var(--ky-diagnostic-small-size);text-transform:uppercase}.ky-diagnostic__gifts-total{display:flex;justify-content:space-between;gap:1rem;margin:.625rem 0 0;padding:.75rem .875rem;border-radius:var(--ky-diagnostic-control-radius);background-color:var(--ky-diagnostic-surface);font-family:var(--ky-font-genova-bold);font-size:var(--ky-diagnostic-text-size);line-height:1.25}.ky-diagnostic__cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:3.25rem;padding:1rem;border-radius:var(--ky-diagnostic-control-radius);background-color:var(--ky-diagnostic-button);color:var(--ky-diagnostic-on-button);font-family:var(--font-body--family);font-size:var(--ky-diagnostic-text-size);line-height:1.25;text-align:center;text-decoration:none;text-transform:uppercase}.ky-diagnostic__cta:hover{background-color:color-mix(in srgb,var(--ky-diagnostic-button) 88%,#000)}.ky-diagnostic__cta:focus-visible,.ky-diagnostic__secondary:focus-visible,.ky-diagnostic__offer-submit:focus-visible{outline:2px solid var(--ky-diagnostic-text);outline-offset:2px}.ky-diagnostic__error{margin:0;font-family:var(--font-body--family);font-size:var(--ky-diagnostic-text-size);line-height:1.25}.ky-diagnostic__shipping{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:-.5rem 0 0;color:var(--ky-diagnostic-secondary);font-family:var(--font-body--family);font-size:var(--ky-diagnostic-text-size);line-height:1.25}.ky-diagnostic__shipping--on{color:var(--ky-diagnostic-text)}.ky-diagnostic__shipping-icon{flex:0 0 auto;width:1.125rem;height:1.125rem}.ky-diagnostic__shipping--on .ky-diagnostic__shipping-icon{color:var(--ky-diagnostic-ink)}.ky-diagnostic__row{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:1rem;padding:1rem;border:1px solid var(--ky-diagnostic-line);border-radius:var(--ky-diagnostic-radius);background-color:var(--ky-diagnostic-card)}.ky-diagnostic__row-media{overflow:hidden;aspect-ratio:1;border-radius:var(--ky-diagnostic-control-radius);background-color:var(--ky-diagnostic-highlight)}.ky-diagnostic__row-image{display:block;width:100%;height:100%;object-fit:cover}.ky-diagnostic__row-body{display:flex;flex-direction:column;gap:.375rem;min-width:0}.ky-diagnostic__row-label{margin:0;color:var(--ky-diagnostic-ink);font-family:var(--ky-font-genova-bold);font-size:var(--ky-diagnostic-small-size);line-height:1.25;text-transform:uppercase}.ky-diagnostic__row-main{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem .75rem}.ky-diagnostic__row-name{margin:0;font-family:var(--font-heading--family);font-size:var(--ky-diagnostic-title-size);line-height:1;letter-spacing:-.02em;text-transform:none}.ky-diagnostic__row-price{margin:0;font-family:var(--ky-font-genova-bold);font-size:var(--ky-diagnostic-text-size);line-height:1.25;white-space:nowrap}.ky-diagnostic__row-text{margin:0;color:var(--ky-diagnostic-secondary);font-family:var(--font-body--family);font-size:var(--ky-diagnostic-text-size);line-height:1.25}.ky-diagnostic__secondary--row{align-self:flex-start;margin-block-start:.375rem}.ky-diagnostic__secondary{display:inline-flex;align-items:center;min-height:2.75rem;padding:.625rem 1rem;border:1px solid var(--ky-diagnostic-text);border-radius:var(--ky-diagnostic-control-radius);background:none;color:inherit;font-family:var(--font-body--family);font-size:var(--ky-diagnostic-text-size);line-height:1.25;text-decoration:none;text-transform:uppercase;cursor:pointer}.ky-diagnostic__secondary:hover{background-color:var(--ky-diagnostic-text);color:var(--ky-diagnostic-card)}.ky-diagnostic__offer{--ky-diagnostic-offer-muted: color-mix(in srgb, var(--ky-diagnostic-on-button) 78%, var(--ky-diagnostic-button));padding:1.25rem;border-radius:var(--ky-diagnostic-radius);background-color:var(--ky-diagnostic-button);color:var(--ky-diagnostic-on-button)}.ky-diagnostic__offer-form{margin:0}.ky-diagnostic__offer-part{display:flex;flex-direction:column;align-items:flex-start}.ky-diagnostic__offer-title{margin:0 0 .5rem;font-family:var(--font-heading--family);font-size:var(--ky-diagnostic-promo-size);line-height:1;letter-spacing:-.015em;text-transform:none}.ky-diagnostic__offer-text{margin:0 0 1rem;color:var(--ky-diagnostic-offer-muted);font-family:var(--font-body--family);font-size:var(--ky-diagnostic-title-size);line-height:1.25}.ky-diagnostic__offer-part[role=status] .ky-diagnostic__offer-text{margin-block-end:0}.ky-diagnostic__offer-code{padding:.125rem .5rem;border-radius:var(--ky-diagnostic-control-radius);background-color:var(--ky-diagnostic-on-button);color:var(--ky-diagnostic-button);font-family:var(--ky-font-genova-bold);font-weight:400}.ky-diagnostic__offer-row{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.ky-diagnostic__offer-input{flex:1 1 12rem;min-width:0;min-height:2.75rem;padding:.6875rem .875rem;border:0;border-radius:var(--ky-diagnostic-control-radius);background-color:var(--ky-diagnostic-card);color:var(--ky-diagnostic-text);font-family:var(--font-body--family);font-size:var(--ky-diagnostic-title-size);line-height:1.25}.ky-diagnostic__offer-input:focus-visible{outline:2px solid var(--ky-diagnostic-on-button);outline-offset:2px}.ky-diagnostic__offer-submit{flex:0 0 auto;min-height:2.75rem;padding:.6875rem 1.25rem;border:0;border-radius:var(--ky-diagnostic-control-radius);background-color:var(--ky-diagnostic-on-button);color:var(--ky-diagnostic-button);font-family:var(--font-body--family);font-size:var(--ky-diagnostic-text-size);line-height:1.25;text-transform:uppercase;cursor:pointer}.ky-diagnostic__offer .ky-diagnostic__error{margin-block-start:.5rem}.ky-diagnostic__offer .ky-diagnostic__link{margin-block-start:.5rem;color:var(--ky-diagnostic-on-button)}.ky-diagnostic__result>.ky-diagnostic__link{align-self:center;margin-block-start:0}@media(prefers-reduced-motion:no-preference){.ky-diagnostic__step:not([hidden]),.ky-diagnostic__result:not([hidden]){animation:ky-diagnostic-in .4s cubic-bezier(.22,1,.36,1) both}}@media(prefers-reduced-motion:reduce){.ky-diagnostic__progress-fill{transition:none}}@keyframes ky-diagnostic-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@media(min-width:750px){.ky-diagnostic__quiz{padding:2.5rem 3rem}.ky-diagnostic__kit{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.ky-diagnostic__kit-media{aspect-ratio:auto;min-height:24rem}.ky-diagnostic__kit-body{padding:2rem}.ky-diagnostic__row{grid-template-columns:6rem minmax(0,1fr);padding:1.25rem}.ky-diagnostic__offer{padding:1.75rem 2rem}}@media(min-width:990px){.ky-diagnostic{padding-block:var(--ky-diagnostic-padding-top-desktop) var(--ky-diagnostic-padding-bottom-desktop)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ky-diagnostic.css.map */