.tpms-brand-selector{--brand-ink:#202326;--brand-muted:#666c72;--brand-line:#e1e4e7;--brand-orange:#ff8b24;--brand-warm:#fffaf5;color:var(--brand-ink);font-family:Arial,Helvetica,sans-serif;margin:0 0 32px}.tpms-brand-selector .tpms-brand-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 24px}.tpms-brand-selector .tpms-brand-heading{font-size:24px;font-weight:600;line-height:1.25;margin:0}.tpms-brand-selector .tpms-brand-search-wrap{position:relative;display:block;flex:0 1 320px;margin:0}.tpms-brand-selector .tpms-brand-search-wrap svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none;stroke:var(--brand-muted)}.tpms-brand-selector .tpms-brand-search{box-sizing:border-box;width:100%;height:46px;border:1px solid var(--brand-line);border-radius:10px;background:#fff;color:var(--brand-ink);font:inherit;font-size:15px;padding:10px 14px 10px 44px;margin:0}.tpms-brand-selector .tpms-brand-search:focus{outline:2px solid var(--brand-orange);outline-offset:2px}.tpms-brand-selector .tpms-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tpms-brand-selector .tpms-brand-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-width:0;min-height:156px;padding:20px 12px 16px;border:1px solid var(--brand-line);border-radius:12px;background:#fff;color:var(--brand-ink);text-decoration:none;transition:border-color .15s,background-color .15s,box-shadow .15s}.tpms-brand-selector .tpms-brand-logo{height:78px;width:100%;display:flex;justify-content:center;align-items:center}.tpms-brand-selector .tpms-brand-logo img{display:block;width:auto;height:auto;max-width:82%;max-height:76px;object-fit:contain;filter:grayscale(1);margin:0}.tpms-brand-selector .tpms-brand-label{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:15px;line-height:1.25;font-weight:600;min-height:20px}.tpms-brand-selector .tpms-brand-arrow{color:var(--brand-orange);font-size:18px;opacity:0;transition:opacity .15s}.tpms-brand-selector .tpms-brand-card:focus-visible{outline:2px solid var(--brand-orange);outline-offset:3px}.tpms-brand-selector .tpms-brand-card:active{background:var(--brand-warm);border-color:var(--brand-orange)}
@media(hover:hover){.tpms-brand-selector .tpms-brand-card:hover{color:var(--brand-ink);border-color:var(--brand-orange);background:var(--brand-warm);box-shadow:0 3px 12px #20232608}.tpms-brand-selector .tpms-brand-card:hover .tpms-brand-arrow{opacity:1}}.tpms-brand-selector .tpms-brand-card:focus-visible .tpms-brand-arrow{opacity:1}.tpms-brand-selector .tpms-brand-card[hidden],.tpms-brand-selector .tpms-brand-empty[hidden]{display:none!important}.tpms-brand-selector .tpms-brand-empty{font-size:16px;line-height:1.5;color:var(--brand-muted);padding:24px 0}.tpms-brand-selector .tpms-brand-status{font-size:13px;color:var(--brand-muted);margin-top:16px}
@media(min-width:1600px){.tpms-brand-selector .tpms-brand-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:767px){.tpms-brand-selector .tpms-brand-toolbar{display:block;margin-bottom:18px}.tpms-brand-selector .tpms-brand-heading{font-size:21px;margin-bottom:16px}.tpms-brand-selector .tpms-brand-search-wrap{width:100%}.tpms-brand-selector .tpms-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.tpms-brand-selector .tpms-brand-card{min-height:124px;padding:14px 7px 12px;gap:12px;border-radius:10px}.tpms-brand-selector .tpms-brand-logo{height:58px}.tpms-brand-selector .tpms-brand-logo img{max-width:90%;max-height:56px}.tpms-brand-selector .tpms-brand-label{font-size:12px;gap:0;min-height:30px}.tpms-brand-selector .tpms-brand-arrow{display:none}.tpms-brand-selector .tpms-brand-status{font-size:12px}}
@media(prefers-reduced-motion:reduce){.tpms-brand-selector .tpms-brand-card,.tpms-brand-selector .tpms-brand-arrow{transition:none}}.tpms-brand-selector .tpms-brand-art{position:relative;display:block;overflow:hidden;width:min(82%,calc(76px * var(--logo-ratio,1.6)));aspect-ratio:var(--logo-ratio,1.6);max-height:76px}.tpms-brand-selector .tpms-brand-art img{position:absolute;max-width:none;max-height:none;width:var(--logo-width,100%);height:var(--logo-height,100%);left:var(--logo-left,0%);top:var(--logo-top,0%);filter:var(--logo-filter,grayscale(1));object-fit:fill}
@media(max-width:767px){.tpms-brand-selector .tpms-brand-art{width:min(90%,calc(56px * var(--logo-ratio,1.6)));max-height:56px}}

.tpms-brand-selector{display:block;min-width:0;width:100%}
.tpms-brand-selector [hidden]{display:none!important}
.tpms-brand-selector .tpms-brand-card{font-family:Arial,Helvetica,sans-serif;letter-spacing:normal;text-transform:none;text-decoration:none}
.tpms-brand-selector .tpms-brand-search-wrap{min-width:0}
.tpms-brand-selector .tpms-brand-search{font-family:Arial,Helvetica,sans-serif;line-height:normal;padding-right:42px;appearance:none;box-shadow:none;max-width:none;min-width:0}
.tpms-brand-selector .tpms-brand-search::-webkit-search-cancel-button{appearance:none}
.tpms-brand-selector .tpms-brand-search-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.tpms-brand-selector .tpms-brand-search-reset{position:absolute;right:5px;top:5px;display:grid;place-items:center;width:36px;height:36px;min-width:0;min-height:0;padding:0;margin:0;border:0;border-radius:6px;background:transparent;color:var(--brand-muted);font:24px/1 Arial,sans-serif;cursor:pointer;box-shadow:none}
.tpms-brand-selector .tpms-brand-search-reset:hover{background:#fff1e5;color:var(--brand-ink)}
.tpms-brand-selector .tpms-brand-search-reset:focus-visible{outline:2px solid var(--brand-orange);outline-offset:1px}
