.tire-finder{padding-top:var(--section-padding-top, 56px);padding-bottom:var(--section-padding-bottom, 56px)}.tire-finder__header{margin:0 auto 2rem;text-align:center;max-width:56rem}.tire-finder__eyebrow{display:inline-flex;align-items:center;gap:1rem;margin:0 0 .625rem;font-family:var(--font-heading-family),sans-serif;font-size:.6875rem;letter-spacing:var(--f5-track-widest);text-transform:uppercase;font-weight:700;color:var(--f5-gold)}.tire-finder__eyebrow:before{content:"";width:var(--f5-rule-w);height:1.4em;background:var(--f5-gold);flex-shrink:0}.tire-finder__heading{margin:0 0 .625rem;font-family:var(--font-heading-family),sans-serif;font-weight:var(--font-heading-weight);text-transform:uppercase;letter-spacing:.02em;line-height:1}.tire-finder__subheading{margin:0;font-size:1rem;line-height:1.55;color:rgba(var(--color-foreground),.78)}@media(min-width:750px){.tire-finder__subheading{font-size:1.0625rem}}.tire-finder__component{display:block}.tire-finder__form{display:grid;gap:1.5rem;background:rgb(var(--color-background));padding:1.5rem;border-radius:0;border:1px solid var(--f5-border);border-left:var(--f5-rule-w) solid var(--f5-gold)}@media(min-width:750px){.tire-finder__form{padding:2rem;gap:1.75rem}}.tire-finder__grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:600px){.tire-finder__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:990px){.tire-finder__grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.tire-finder__grid{grid-template-columns:repeat(6,1fr)}}.tire-finder__field{display:grid;gap:.5rem;font-size:1.0625rem;color:rgb(var(--color-foreground))}.tire-finder__field>span{font-family:var(--font-heading-family),sans-serif;font-size:.875rem;text-transform:uppercase;letter-spacing:.06em;font-weight:var(--font-heading-weight);opacity:1}.tire-finder__field select{appearance:none;-webkit-appearance:none;background-color:rgba(var(--color-foreground),.05);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;border:1px solid rgba(var(--color-foreground),.3);border-radius:0;padding:.875rem 2.5rem .875rem 1rem;font-family:var(--f5-font-mono);font-size:1rem;color:rgb(var(--color-foreground));cursor:pointer;transition:background-color var(--f5-dur-fast) var(--f5-ease-std),border-color var(--f5-dur-fast) var(--f5-ease-std)}.tire-finder__field select:hover{background-color:var(--f5-gold-glow-07);border-color:var(--f5-border-hover)}.tire-finder__field select:focus-visible{outline:var(--f5-focus-ring);outline-offset:2px;border-color:var(--f5-gold);box-shadow:none}.tire-finder__field select:has(option:checked:not([value=""])){border-color:var(--f5-gold);background-color:var(--f5-gold-glow-10)}.tire-finder__actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;flex-wrap:wrap}.tire-finder__reset{border:0;background:transparent;color:inherit;font:inherit;font-size:.9375rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:.625rem .5rem;opacity:.75;transition:opacity .16s ease}.tire-finder__reset:hover,.tire-finder__reset:focus-visible{opacity:1;outline:none}.tire-finder__submit{border:0;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-family:var(--font-heading-family),sans-serif;font-size:1.0625rem;font-weight:700;letter-spacing:var(--f5-tracking-button);text-transform:uppercase;padding:1rem 2rem;border-radius:0;cursor:pointer;transition:filter var(--f5-dur-fast) var(--f5-ease-std)}.tire-finder__reset{font-size:1rem}.tire-finder__submit:hover{filter:brightness(1.1)}.tire-finder__submit:focus-visible{outline:var(--f5-focus-ring);outline-offset:2px}.tire-finder__help{margin:1.25rem 0 0;font-size:.875rem;line-height:1.5;color:rgba(var(--color-foreground),.65);text-align:center}.tire-finder__help strong{color:rgb(var(--color-foreground));font-weight:600}.tire-finder__help code{font-family:var(--f5-font-mono);font-size:.875rem;color:var(--f5-gold-lt)}.color-scheme-1 .tire-finder__help code,.color-scheme-2 .tire-finder__help code{color:var(--f5-gold-deep)}.tire-finder__field select{color-scheme:light}.tire-finder__field select option{color:#111;background-color:#fff}.color-scheme-3 .tire-finder__field select,.color-scheme-4 .tire-finder__field select{color-scheme:dark}.color-scheme-3 .tire-finder__field select option,.color-scheme-4 .tire-finder__field select option{color:#fff;background-color:#1a1a1a}
/*# sourceMappingURL=/cdn/shop/t/17/assets/tire-finder.css.map */