.period-finder--prototype{--period-finder-card-max-width: 680px;--period-finder-lime: #d9ff6f;--period-finder-lime-600: #c3e664;--period-finder-lime-700: #a9c757;--period-finder-lime-soft: #f2ffcd;--period-finder-ink: #1d1d1d;--period-finder-muted: #4a4a4a;--period-finder-ink-soft: #6b675e;--period-finder-cream: #fff9e9;--period-finder-neutral: #f4f1ea;--period-finder-surface: #ffffff;--period-finder-pink: #ff7cdc;--period-finder-pink-soft: #ffe3f7;--period-finder-border: #e6dfd2;--period-finder-radius-md: 8px;--period-finder-radius-lg: 16px;--period-finder-radius-xl: 24px;--period-finder-radius-pill: 999px;--period-finder-duration-fast: .15s;--period-finder-duration-base: .25s;--period-finder-ease: cubic-bezier(.4, 0, .2, 1);box-sizing:border-box;display:flex;justify-content:center;padding-inline:10px}.period-finder--prototype .period-finder__component{width:min(100%,var(--period-finder-card-max-width))}.period-finder--prototype .period-finder__card{padding:1.25rem 1.25rem 1.75rem;margin:20px;overflow:hidden;border:2px solid var(--period-finder-ink);border-radius:0!important;background:var(--period-finder-surface);color:var(--period-finder-ink);box-shadow:none}.period-finder--prototype .period-finder__eyebrow{display:flex;width:auto;margin:-1.25rem -1.25rem 1.1rem;padding-block:.7rem;padding-inline:1.25rem;border:0;border-block-end:2px solid var(--period-finder-ink);border-radius:0;background:var(--period-finder-lime);color:var(--period-finder-ink);font-size:.75rem;font-weight:600;letter-spacing:normal;text-transform:none}.period-finder--prototype .period-finder__heading{margin-block:0 .4rem;color:var(--period-finder-ink);font-size:1.75rem;font-weight:700;line-height:1.15;letter-spacing:-.02em}.period-finder--prototype .period-finder__intro{max-width:none;margin-block:0 1.25rem;color:var(--period-finder-muted);font-size:.875rem;line-height:1.55}.period-finder--prototype .period-finder__component--active .period-finder__heading,.period-finder--prototype .period-finder__component--active .period-finder__intro{display:none}.period-finder--prototype .period-finder__mount{display:grid;gap:1rem}.period-finder--prototype .period-finder__validation,.period-finder--prototype .period-finder__diagnostics{border:1.5px solid var(--period-finder-border);border-radius:var(--period-finder-radius-md);background:var(--period-finder-cream)}.period-finder--prototype .period-finder__validation-heading,.period-finder--prototype .period-finder__diagnostics-heading{color:var(--period-finder-ink);font-size:.875rem;line-height:1.3}.period-finder--prototype .period-finder__validation-item,.period-finder--prototype .period-finder__diagnostic-item,.period-finder--prototype .period-finder__diagnostic-ok{color:var(--period-finder-muted);font-size:.8125rem}.period-finder--prototype .period-finder__progress{display:flex;gap:5px;margin-block-end:.55rem}.period-finder--prototype .period-finder__progress-segment{flex:1 1 0;min-height:4px;border-radius:var(--period-finder-radius-pill);background:var(--period-finder-border);transition:background var(--period-finder-duration-base) var(--period-finder-ease)}.period-finder--prototype .period-finder__progress-segment--complete,.period-finder--prototype .period-finder__progress-segment--active{background:var(--period-finder-lime-700)}.period-finder--prototype .period-finder__step{display:grid;gap:0}.period-finder--prototype .period-finder__social-proof{display:flex;width:fit-content;align-items:center;gap:7px;margin-block-end:.85rem;padding-block:6px;padding-inline:13px;border:1.5px solid var(--period-finder-ink);border-radius:var(--period-finder-radius-pill);background:var(--period-finder-cream);color:var(--period-finder-ink);font-size:.75rem;line-height:1.2}.period-finder--prototype .period-finder__social-stars{color:var(--period-finder-ink);font-size:.625rem;letter-spacing:1.5px}.period-finder--prototype .period-finder__chapter{display:flex;align-items:center;gap:6px;margin-block-end:.55rem;color:var(--period-finder-muted);font-size:.6875rem;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.period-finder--prototype .period-finder__chapter:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--period-finder-lime-700);flex:0 0 auto}.period-finder--prototype .period-finder__step-kicker{width:auto;margin-block-end:.75rem;color:var(--period-finder-ink-soft);font-size:.75rem;font-weight:400;letter-spacing:normal;line-height:1.2;text-transform:none}.period-finder--prototype .period-finder__step-heading{margin-block:0 .35rem;color:var(--period-finder-ink);font-size:1.3125rem;font-weight:700;line-height:1.25;letter-spacing:-.01em}.period-finder--prototype .period-finder__step-text{margin-block:0 1.25rem;color:var(--period-finder-muted);font-size:.875rem;line-height:1.55}.period-finder--prototype .period-finder__options{display:grid;grid-template-columns:1fr;gap:8px;margin-block-start:0}.period-finder--prototype .period-finder__options--two{grid-template-columns:repeat(2,minmax(0,1fr))}.period-finder--prototype .period-finder__option{display:flex;width:100%;min-height:44px;align-items:center;gap:10px;padding:.85rem 1rem;overflow:hidden;border:1.5px solid var(--period-finder-border);border-radius:var(--period-finder-radius-md);background:var(--period-finder-surface);color:var(--period-finder-ink);text-align:start;cursor:pointer;transition:border-color var(--period-finder-duration-fast) var(--period-finder-ease),background var(--period-finder-duration-fast) var(--period-finder-ease)}.period-finder--prototype .period-finder__option:hover:not(:disabled){border-color:var(--period-finder-ink);background:var(--period-finder-lime-soft)}.period-finder--prototype .period-finder__option--selected{border:2px solid var(--period-finder-ink);background:var(--period-finder-lime-soft)}.period-finder--prototype .period-finder__option--tone-teen.period-finder__option--selected{border-color:var(--period-finder-pink);background:var(--period-finder-pink-soft)}.period-finder--prototype .period-finder__option:disabled{cursor:not-allowed;opacity:.4}.period-finder--prototype .period-finder__option:disabled:hover{border-color:var(--period-finder-border);background:var(--period-finder-surface)}.period-finder--prototype .period-finder__option--with-image{display:flex;min-height:unset;flex-direction:column;align-items:stretch;gap:0;padding:0}.period-finder--prototype .period-finder__option-media{position:relative;width:100%;aspect-ratio:1;min-height:unset;background:var(--period-finder-neutral)}.period-finder--prototype .period-finder__option-media img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.period-finder--prototype .period-finder__option-content{display:grid;width:100%;align-content:center;gap:2px;padding:.7rem .85rem}.period-finder--prototype .period-finder__option:not(.period-finder__option--with-image) .period-finder__option-content{padding:0}.period-finder--prototype .period-finder__option-icon{display:inline-grid;width:32px;height:32px;align-items:center;justify-content:center;border:1.5px solid var(--period-finder-ink);border-radius:50%;background:var(--period-finder-lime-soft);color:var(--period-finder-ink);flex:0 0 auto}.period-finder--prototype .period-finder__option--tone-teen .period-finder__option-icon{background:var(--period-finder-pink-soft)}.period-finder--prototype .period-finder__icon{width:1em;height:1em;flex:0 0 auto}.period-finder--prototype .period-finder__option-icon .period-finder__icon{width:17px;height:17px}.period-finder--prototype .period-finder__option-label{color:var(--period-finder-ink);font-size:.875rem;font-weight:600;line-height:1.3}.period-finder--prototype .period-finder__option-hint{color:var(--period-finder-muted);font-size:.75rem;line-height:1.4}.period-finder--prototype .period-finder__option-badge{width:fit-content;margin-block-start:.2rem;padding-block:2px;padding-inline:7px;border-radius:var(--period-finder-radius-pill);background:var(--period-finder-neutral);color:var(--period-finder-ink-soft);font-size:.625rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.period-finder--prototype .period-finder__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-block-start:1.25rem}.period-finder--prototype .period-finder__card .button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:7px;padding-block:10px;padding-inline:20px;border:2px solid var(--period-finder-ink);border-radius:var(--period-finder-radius-pill);background:transparent;color:var(--period-finder-ink);font-family:inherit;font-size:.8125rem;font-weight:700;line-height:1.2;text-decoration:none;transition:background var(--period-finder-duration-fast) var(--period-finder-ease),color var(--period-finder-duration-fast) var(--period-finder-ease)}.period-finder--prototype .period-finder__card .button:hover{background:var(--period-finder-ink);color:var(--period-finder-surface)}.period-finder--prototype .period-finder__card .button:disabled{border-color:var(--period-finder-border);color:var(--period-finder-ink-soft);cursor:not-allowed;opacity:.3}.period-finder--prototype .period-finder__card .button:disabled:hover{background:transparent;color:var(--period-finder-ink-soft)}.period-finder--prototype .period-finder__result-header{display:grid;gap:0}.period-finder--prototype .period-finder__result-badge{display:inline-flex;width:fit-content;align-items:center;gap:5px;margin-block-end:.75rem;padding-block:5px;padding-inline:12px;border:1.5px solid var(--period-finder-ink);border-radius:var(--period-finder-radius-pill);background:var(--period-finder-lime);color:var(--period-finder-ink);font-size:.6875rem;font-weight:700;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.period-finder--prototype .period-finder__result-title{margin-block:0 .35rem;color:var(--period-finder-ink);font-size:1.5rem;font-weight:700;line-height:1.2;letter-spacing:-.01em}.period-finder--prototype .period-finder__result-desc{margin-block:0 1.25rem;color:var(--period-finder-muted);font-size:.875rem;line-height:1.55}.period-finder--prototype .period-finder__summary{display:flex;flex-wrap:wrap;gap:.4rem;margin-block-end:1rem}.period-finder--prototype .period-finder__summary-pill{padding-block:.25rem;padding-inline:.6rem;border:1px solid var(--period-finder-border);border-radius:var(--period-finder-radius-pill);background:var(--period-finder-cream);color:var(--period-finder-ink);font-size:.75rem;font-weight:600}.period-finder--prototype .period-finder__why,.period-finder--prototype .period-finder__result-callout{margin-block:0 1rem;padding:.65rem .9rem;border:1.5px solid var(--period-finder-lime-700);border-radius:var(--period-finder-radius-md);background:var(--period-finder-lime-soft);color:var(--period-finder-ink);font-size:.8125rem;line-height:1.5}.period-finder--prototype .period-finder__result-callout{display:flex;gap:.65rem;align-items:flex-start}.period-finder--prototype .period-finder__result-callout-mark{display:inline-grid;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--period-finder-lime);color:var(--period-finder-ink);font-size:.8rem;font-weight:800;place-items:center;flex:0 0 auto}.period-finder--prototype .period-finder__trust-note{margin-block:0 1.25rem;padding:.7rem 1rem;border:1.5px solid var(--period-finder-border);border-inline-start:4px solid var(--period-finder-lime-700);border-radius:0 var(--period-finder-radius-md) var(--period-finder-radius-md) 0;background:var(--period-finder-cream);color:var(--period-finder-ink);font-size:.8125rem;line-height:1.5}.period-finder--prototype .period-finder__recommendations{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start;margin-block-end:1.25rem}.period-finder--prototype .period-finder__recommendations--count-1{grid-template-columns:1fr}.period-finder--prototype .period-finder__recommendations--count-2 .period-finder__recommendation-card:not(.period-finder__recommendation-card--featured){grid-column:1 / -1}.period-finder--prototype .period-finder__recommendation-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1.5px solid var(--period-finder-border);border-radius:var(--period-finder-radius-lg);background:var(--period-finder-surface);color:var(--period-finder-ink)}.period-finder--prototype .period-finder__recommendation-card--featured{grid-column:1 / -1;border:2px solid var(--period-finder-ink)}.period-finder--prototype .period-finder__recommendation-label{padding-block:6px;padding-inline:10px;border-block-end:1px solid var(--period-finder-border);background:var(--period-finder-cream);color:var(--period-finder-ink-soft);font-size:.625rem;font-weight:700;letter-spacing:.06em;line-height:1.2;text-align:center;text-transform:uppercase}.period-finder--prototype .period-finder__recommendation-card--featured .period-finder__recommendation-label{border-block-end:1.5px solid var(--period-finder-ink);background:var(--period-finder-lime);color:var(--period-finder-ink)}.period-finder--prototype .period-finder__recommendation-image{width:100%;aspect-ratio:1;overflow:hidden;background:var(--period-finder-neutral)}.period-finder--prototype .period-finder__recommendation-image img{display:block;width:100%;height:100%;object-fit:cover}.period-finder--prototype .period-finder__recommendation-body{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:3px;padding:.75rem .85rem}.period-finder--prototype .period-finder__recommendation-title{margin:0;color:var(--period-finder-ink);font-size:.8125rem;font-weight:600;line-height:1.3;overflow-wrap:anywhere}.period-finder--prototype .period-finder__recommendation-price-stack{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem}.period-finder--prototype .period-finder__recommendation-price{color:var(--period-finder-ink);font-size:1.125rem;font-weight:700;line-height:1.2}.period-finder--prototype .period-finder__recommendation-compare{color:var(--period-finder-ink-soft);font-size:.6875rem;text-decoration:line-through}.period-finder--prototype .period-finder__recommendation-meta{display:flex;flex-wrap:wrap;gap:3px;margin-block-start:4px}.period-finder--prototype .period-finder__recommendation-chip{padding-block:2px;padding-inline:8px;border:1px solid var(--period-finder-border);border-radius:var(--period-finder-radius-pill);background:var(--period-finder-cream);color:var(--period-finder-ink);font-size:.625rem;line-height:1.3;white-space:nowrap}.period-finder--prototype .period-finder__recommendation-chip--accent{border-color:var(--period-finder-lime-700);background:var(--period-finder-lime-soft)}.period-finder--prototype .period-finder__recommendation-cta{display:flex;min-height:44px;align-items:center;justify-content:center;gap:7px;margin:.6rem .85rem .85rem;padding-block:10px;padding-inline:12px;border:2px solid var(--period-finder-ink);border-radius:var(--period-finder-radius-pill);background:var(--period-finder-surface);color:var(--period-finder-ink);font-size:.75rem;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;transition:background var(--period-finder-duration-fast) var(--period-finder-ease)}.period-finder--prototype .period-finder__recommendation-cta:hover{background:var(--period-finder-lime-soft)}.period-finder--prototype .period-finder__recommendation-card--featured .period-finder__recommendation-cta{border-color:transparent;background:var(--period-finder-lime)}.period-finder--prototype .period-finder__recommendation-card--featured .period-finder__recommendation-cta:hover{background:var(--period-finder-lime-600)}.period-finder--prototype .period-finder__swatches{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block-end:.75rem}.period-finder--prototype .period-finder__recommendation-swatches{padding-inline:.85rem;margin-block:.25rem 0}.period-finder--prototype .period-finder__swatches-label{flex-basis:100%;color:var(--period-finder-ink-soft);font-size:.75rem;font-weight:600;letter-spacing:normal;text-transform:none}.period-finder--prototype .period-finder__swatch{width:30px;height:30px;padding:0;border:2px solid var(--period-finder-border);border-radius:50%;background:var(--period-finder-swatch-color, var(--period-finder-surface));cursor:pointer;transition:border-color var(--period-finder-duration-fast) var(--period-finder-ease),transform var(--period-finder-duration-fast) var(--period-finder-ease)}.period-finder--prototype .period-finder__swatch:hover{border-color:var(--period-finder-ink);transform:scale(1.08)}.period-finder--prototype .period-finder__swatch[aria-pressed=true]{border-color:var(--period-finder-ink);box-shadow:0 0 0 2px var(--period-finder-surface),0 0 0 4px var(--period-finder-ink)}.period-finder--prototype .period-finder__swatches--compact{gap:6px}.period-finder--prototype .period-finder__swatches--compact .period-finder__swatches-label{font-size:.625rem}.period-finder--prototype .period-finder__swatches--compact .period-finder__swatch{width:23px;height:23px}.period-finder--prototype .period-finder__result-trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 18px;margin-block-start:1rem;padding:.7rem 1rem;border:1.5px solid var(--period-finder-border);border-radius:var(--period-finder-radius-md);background:var(--period-finder-cream);color:var(--period-finder-ink);font-size:.75rem;font-weight:600;line-height:1.4}.period-finder--prototype .period-finder__result-trust span{display:inline-flex;align-items:center;gap:6px}.period-finder--prototype .period-finder__result-trust span:before{content:"\2713";color:var(--period-finder-lime-700);font-weight:800}.period-finder--prototype .period-finder__result-actions{display:grid;gap:10px;margin-block-start:1rem}.period-finder--prototype .period-finder__collection-link{width:100%}.period-finder--prototype .period-finder__collection-link .period-finder__icon--arrow-right{margin-inline-start:auto}.period-finder--prototype .period-finder__result-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.period-finder--prototype .period-finder__result-action{width:100%}.period-finder--prototype .period-finder__step-actions{margin-block-start:1rem}.period-finder--prototype .period-finder__step-back{min-width:118px}.period-finder--prototype .period-finder__cross-sell{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;margin-block-start:.75rem;padding:.7rem 1rem;border:1.5px solid var(--period-finder-border);border-radius:var(--period-finder-radius-md);background:var(--period-finder-cream)}.period-finder--prototype .period-finder__cross-sell img{width:40px;height:40px;border-radius:var(--period-finder-radius-md);object-fit:cover}.period-finder--prototype .period-finder__cross-sell-heading{color:var(--period-finder-ink-soft);font-size:.75rem;font-weight:600;letter-spacing:normal;text-transform:none}.period-finder--prototype .period-finder__cross-sell-title{color:var(--period-finder-ink);font-size:.8125rem;font-weight:600;line-height:1.3}.period-finder--prototype .period-finder__cross-sell-text{margin:0;color:var(--period-finder-muted);font-size:.6875rem;line-height:1.35}.period-finder--prototype .period-finder__cross-sell-cta{grid-column:auto;width:auto;min-height:44px;padding-block:9px;padding-inline:16px;border:0;border-radius:var(--period-finder-radius-pill);background:var(--period-finder-lime);color:var(--period-finder-ink);font-size:.75rem;font-weight:700;white-space:nowrap}.period-finder--prototype .period-finder__cross-sell-cta:hover{background:var(--period-finder-lime-600);color:var(--period-finder-ink)}.period-finder--prototype .period-finder__step-heading:focus-visible,.period-finder--prototype .period-finder__card button:focus-visible,.period-finder--prototype .period-finder__card a:focus-visible{outline:3px solid var(--period-finder-ink);outline-offset:3px}@media screen and (min-width:600px){.period-finder--prototype .period-finder__recommendations{grid-template-columns:repeat(3,minmax(0,1fr))}.period-finder--prototype .period-finder__recommendation-card--featured,.period-finder--prototype .period-finder__recommendations--count-2 .period-finder__recommendation-card:not(.period-finder__recommendation-card--featured){grid-column:auto}.period-finder--prototype .period-finder__recommendations--count-1{grid-template-columns:minmax(0,300px);justify-content:center}.period-finder--prototype .period-finder__recommendations--count-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:374px){.period-finder--prototype .period-finder__card{padding-inline:1rem}.period-finder--prototype .period-finder__eyebrow{margin-inline:-1rem;padding-inline:1rem}.period-finder--prototype .period-finder__option-content,.period-finder--prototype .period-finder__recommendation-body{padding-inline:.7rem}.period-finder--prototype .period-finder__recommendation-cta{margin-inline:.7rem;padding-inline:8px}.period-finder--prototype .period-finder__recommendation-swatches{padding-inline:.7rem}}@media(forced-colors:active){.period-finder--prototype .period-finder__step-heading:focus-visible,.period-finder--prototype .period-finder__card button:focus-visible,.period-finder--prototype .period-finder__card a:focus-visible{outline:3px solid LinkText}}@media(prefers-reduced-motion:reduce){.period-finder--prototype .period-finder__card *,.period-finder--prototype .period-finder__card *:before,.period-finder--prototype .period-finder__card *:after{animation-duration:.01ms;animation-iteration-count:1;scroll-behavior:auto;transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/154/assets/period-finder-prototype.css.map */