.helmet-selector{padding:4rem 0}.helmet-selector__header{max-width:62rem;margin:0 auto 3rem;text-align:center}.helmet-selector__heading{margin:.6rem 0 1rem}.helmet-selector__subtext{margin:0;color:rgba(var(--color-foreground),.78)}.helmet-selector__saved{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem;margin:1.8rem 0 0;padding:.7rem 1.4rem;border:1px solid rgb(var(--color-button));border-radius:99rem;font-size:1.4rem}.helmet-selector__saved[hidden]{display:none}.helmet-selector__saved-dot{width:.8rem;height:.8rem;border-radius:50%;background:rgb(var(--color-button));box-shadow:0 0 .9rem rgba(var(--color-button),.6)}.helmet-selector__change{border:0;background:transparent;color:rgb(var(--color-foreground));font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:.25em;cursor:pointer}.helmet-selector__change:hover,.helmet-selector__change:focus-visible{color:rgb(var(--color-button))}.helmet-selector__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem;max-width:84rem;margin:0 auto}@media screen and (min-width:750px){.helmet-selector__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem}}.helmet-selector__card{position:relative;display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.14);border-radius:.4rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.helmet-selector__card:hover,.helmet-selector__card:focus-visible{transform:translateY(-.4rem);border-color:rgb(var(--color-button));box-shadow:0 0 0 .1rem rgb(var(--color-button)),0 1.2rem 2.8rem rgba(var(--color-button),.3)}.helmet-selector__card:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.3rem}.helmet-selector__card.is-mine{border-color:rgb(var(--color-button));box-shadow:0 0 0 .1rem rgb(var(--color-button))}.helmet-selector__badge{position:absolute;top:1.2rem;left:1.2rem;z-index:2;padding:.4rem 1rem;background:rgb(var(--color-button));color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.helmet-selector__badge[hidden]{display:none}.helmet-selector__media{display:block;background:#fff;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.helmet-selector__image{display:block;width:100%;height:auto;aspect-ratio:1200 / 870;object-fit:contain;background:#fff}.helmet-selector__body{display:grid;gap:.6rem;justify-items:start;align-content:start;padding:2rem 2.2rem 2.2rem}.helmet-selector__eyebrow{font-size:1.2rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgb(var(--color-button))}.helmet-selector__name{font-family:var(--font-heading-family);font-size:clamp(3rem,4.4vw,4.2rem);line-height:1;text-transform:uppercase}.helmet-selector__text{font-size:1.5rem;opacity:.8}.helmet-selector__cta{display:inline-flex;align-items:center;gap:.8rem;margin-top:1rem;padding:1.1rem 1.8rem;background:#181f24;color:#fff;font-family:var(--font-heading-family);font-size:1.5rem;letter-spacing:.04em;text-transform:uppercase;transition:background .25s ease}.helmet-selector__card:hover .helmet-selector__cta,.helmet-selector__card:focus-visible .helmet-selector__cta{background:rgb(var(--color-button));color:#181f24}.helmet-selector__arrow{display:flex;width:1.4rem;height:1.4rem;flex-shrink:0;color:rgb(var(--color-button));transition:transform .25s ease,color .25s ease}.helmet-selector__card:hover .helmet-selector__arrow,.helmet-selector__card:focus-visible .helmet-selector__arrow{transform:translate(.4rem);color:#181f24}.helmet-selector__arrow svg{width:100%;height:100%}.helmet-selector__help{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem 1.2rem;margin:2.6rem 0 0;font-size:1.5rem}.helmet-selector__help a{color:rgb(var(--color-button));font-weight:700;text-decoration:underline;text-underline-offset:.25em}.helmet-selector__help a:hover,.helmet-selector__help a:focus-visible{text-decoration-thickness:.2rem}@media(prefers-reduced-motion:reduce){.helmet-selector__card,.helmet-selector__arrow,.helmet-selector__cta{transition:none}}.helmet-selector__how{display:none}@media screen and (max-width:749px){[id$=__helmet_selector] [class*=color-scheme-]{--color-background: 244, 244, 243;--gradient-background: #f4f4f3;background:#f4f4f3}.helmet-selector{padding:0 0 2.4rem}.helmet-selector>.page-width{padding-top:2rem;border-top:1px solid rgba(var(--color-foreground),.12)}.helmet-selector__header{margin-bottom:1.4rem}.helmet-selector__header .caption-with-letter-spacing{display:none}.helmet-selector__heading{margin:0 0 .6rem;font-size:2.6rem}.helmet-selector__subtext{font-size:1.35rem;line-height:1.4}.helmet-selector__subtext-more{display:none}.helmet-selector__how{display:block;margin-top:.8rem;font-size:1.3rem}.helmet-selector__how summary{display:inline-block;cursor:pointer;color:rgb(var(--color-button));font-weight:700;text-decoration:underline;text-underline-offset:.25em;list-style:none}.helmet-selector__how summary::-webkit-details-marker{display:none}.helmet-selector__how p{margin:.8rem 0 0;padding:1rem 1.2rem;background:#fff;border:1px solid rgba(var(--color-foreground),.12);border-radius:.4rem;line-height:1.5;text-align:left}.helmet-selector__how a{color:rgb(var(--color-button));font-weight:700}.helmet-selector__saved{margin-top:1rem;padding:.5rem 1.1rem;font-size:1.25rem}.helmet-selector__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.helmet-selector__card{grid-template-rows:auto auto;background:#fff}.helmet-selector__badge{top:.6rem;left:.6rem;padding:.25rem .6rem;font-size:.95rem}.helmet-selector__body{gap:.4rem;justify-items:stretch;padding:.9rem .9rem 1rem;text-align:center}.helmet-selector__eyebrow,.helmet-selector__text,.helmet-selector__arrow{display:none}.helmet-selector__name{font-size:2.2rem}.helmet-selector__cta{justify-content:center;margin-top:.4rem;padding:.8rem .6rem;font-size:1.25rem}.helmet-selector__help{display:none}}@media screen and (max-width:749px){.helmet-selector__saved-more{display:none}.helmet-selector__saved{flex-wrap:nowrap}}@media screen and (max-width:749px){.helmet-selector{background:#f4f4f3}}@media screen and (max-width:749px){.shopify-section[id$=__helmet_selector]{margin-top:0}}@media screen and (max-width:749px){.helmet-selector>.page-width{border-top:0;padding-top:2.4rem}.shopify-section[id$=__helmet_selector]{margin-top:2.4rem}.shopify-section[id$=__style_quiz]{margin-top:0}.shopify-section[id$=__style_quiz] .style-quiz.page-width{border-top:1px solid rgba(var(--color-foreground),.12)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/helmet-selector.css.map */