.bs-tf{display:block;padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom);--tf-w: #6fb1ff;--tf-p: #ffd166;--tf-r: #7ee0a7}.bs-tf__panel{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:32px;padding:44px 48px;border-radius:14px;overflow:hidden;color:var(--tf-text, #fff);background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.08) 0 1.5px,transparent 2px) 0 0 / 46px 46px,radial-gradient(circle at 70% 60%,rgba(255,255,255,.06) 0 1px,transparent 1.5px) 0 0 / 31px 31px,radial-gradient(120% 140% at 100% 100%,rgba(67,128,188,.35),transparent 60%),var(--tf-bg, #15171a)}.bs-tf__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font-size:1.2rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tf-w)}.bs-tf__eyebrow:before{content:"";width:22px;height:2px;background:currentColor}.bs-tf__heading{margin:0 0 12px;font-family:var(--font-heading-family);font-size:clamp(3.2rem,4vw,4.8rem);line-height:1;letter-spacing:.01em;color:inherit}.bs-tf__text{max-width:52ch;font-size:1.5rem;line-height:1.6;opacity:.85}.bs-tf__text p{margin:0}.bs-tf__text strong{color:#fff;opacity:1}.bs-tf__form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-top:26px}.bs-tf__fields{display:flex;align-items:flex-end;gap:8px;flex:1 1 340px}.bs-tf__field{display:flex;flex-direction:column;gap:6px;flex:1 1 0;min-width:0}.bs-tf__label{font-size:1.15rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.bs-tf__field select{width:100%;height:50px;padding:0 34px 0 14px;border:0;border-top:3px solid var(--tf-field-accent);border-radius:8px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231a1b18' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center / 11px 8px;color:#1a1b18;font-family:var(--font-body-family);font-size:1.6rem;font-weight:600;appearance:none;-webkit-appearance:none;cursor:pointer;transition:box-shadow .2s ease,opacity .2s ease}.bs-tf__field select:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffff59}.bs-tf__field select:disabled{opacity:.45;cursor:not-allowed}.bs-tf__field--w{--tf-field-accent: var(--tf-w)}.bs-tf__field--p{--tf-field-accent: var(--tf-p)}.bs-tf__field--r{--tf-field-accent: var(--tf-r)}.bs-tf__sep{flex:0 0 auto;padding-bottom:12px;font-family:var(--font-heading-family);font-size:2.4rem;line-height:1;opacity:.6}.bs-tf .bs-tf__submit{flex:0 0 auto;min-height:50px;padding:0 26px;border-color:var(--tf-button);background:var(--tf-button);color:#fff}.bs-tf .bs-tf__submit:disabled{opacity:.5;cursor:not-allowed}.bs-tf__status{margin:14px 0 0;font-size:1.3rem;opacity:.7}.bs-tf__status[hidden]{display:none}.bs-tf__guide{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:1.4rem;font-weight:600;color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ffffff59}.bs-tf__guide:hover{text-decoration-color:currentColor}.bs-tf__guide svg{width:16px;height:16px}.bs-tf__visual{align-self:end;margin:-24px -12px -24px 0}.bs-tf__tire{display:block;width:100%;height:auto;filter:drop-shadow(0 -10px 30px rgba(0,0,0,.45))}.bs-tf__tire-text{font-family:var(--font-heading-family);letter-spacing:.06em;fill:#8d939b}.bs-tf__tire-text tspan{transition:fill .25s ease}.bs-tf__tire-w{fill:var(--tf-w)}.bs-tf__tire-p{fill:var(--tf-p)}.bs-tf__tire-r{fill:var(--tf-r)}.bs-tf__tire-dim{fill:#5f656d}.bs-tf__legend{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px;margin:-6px 0 0;padding:0 0 24px;list-style:none;font-size:1.2rem;opacity:.85}.bs-tf__legend-item{display:inline-flex;align-items:center;gap:7px}.bs-tf__legend-item span{width:10px;height:10px;border-radius:50%}.bs-tf__legend-item--w span{background:var(--tf-w)}.bs-tf__legend-item--p span{background:var(--tf-p)}.bs-tf__legend-item--r span{background:var(--tf-r)}.bs-tf__results{margin-top:32px}.bs-tf__results[hidden]{display:none}.bs-tf__results-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid rgba(var(--color-base-border),1)}.bs-tf__count{margin:0;font-size:1.6rem}.bs-tf__chips{display:flex;flex-wrap:wrap;gap:8px}.bs-tf__chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid rgba(var(--color-base-border),1);border-radius:999px;background:#fff;color:rgb(var(--color-base-text));font-family:var(--font-body-family);font-size:1.3rem;font-weight:500;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.bs-tf__chip span{font-size:1.15rem;opacity:.6}.bs-tf__chip:hover:not(:disabled){border-color:rgb(var(--color-base-text))}.bs-tf__chip.is-active{border-color:rgb(var(--color-base-accent));background:rgb(var(--color-base-accent));color:#fff}.bs-tf__chip.is-active span{opacity:.85}.bs-tf__chip:disabled{opacity:.4;cursor:default}.bs-tf__reset{margin-left:auto;padding:0;border:0;background:none;color:rgb(var(--color-base-text));font-family:var(--font-body-family);font-size:1.4rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.bs-tf__card .card{position:relative}.bs-tf__fit{position:absolute;left:10px;top:10px;z-index:2;display:inline-flex;align-items:center;gap:4px;padding:4px 9px 4px 6px;border-radius:999px;background:#11a734;color:#fff;font-size:1.1rem;font-weight:600;line-height:1.3;pointer-events:none}.bs-tf__fit svg{width:14px;height:14px}.bs-tf__help{margin-top:28px;padding:16px 20px;border-radius:10px;background:rgba(var(--color-base-accent),.08);font-size:1.4rem}.bs-tf__help p{margin:0}.bs-tf__help a{color:rgb(var(--color-base-accent));text-underline-offset:3px}@media screen and (max-width:989px){.bs-tf__panel{grid-template-columns:1fr;gap:8px;padding:30px 22px 0}.bs-tf__visual{order:-1;width:min(360px,100%);margin:-8px auto 0}.bs-tf__legend{padding-bottom:6px}.bs-tf__intro{padding-bottom:28px}}@media screen and (max-width:749px){.bs-tf__panel{border-radius:10px;padding:20px 16px 0}.bs-tf__visual{width:min(300px,100%)}.bs-tf__legend{font-size:1.1rem;gap:4px 12px}.bs-tf__text{font-size:1.4rem}.bs-tf__fields{flex-basis:100%;gap:6px}.bs-tf__field select{height:48px;padding:0 26px 0 10px;font-size:1.5rem;background-position:right 8px center}.bs-tf__sep{font-size:2rem;padding-bottom:13px}.bs-tf .bs-tf__submit{width:100%}.bs-tf__reset{margin-left:0}.bs-tf__results-head{gap:10px 14px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/bs-tire-finder.css.map */