.brands-directory__intro{max-width:72rem;margin:1.2rem 0 2rem}.brands-directory__tools{display:grid;gap:1.2rem;margin-bottom:2.4rem}.brands-directory__letters{display:flex;flex-wrap:wrap;gap:.4rem}.brands-directory__letter{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:0 .4rem;border:.1rem solid rgba(34,82,209,.25);border-radius:.4rem;color:#2252d1;background:#fff;text-decoration:none;font-weight:600;line-height:1}a.brands-directory__letter:hover,a.brands-directory__letter:focus-visible{background:#2252d1;color:#fff}.brands-directory__letter.is-disabled,.brands-directory__letter.is-muted{color:#b5b5b5;border-color:#e5e5e5;background:#f7f7f7;pointer-events:none}.brands-directory__search{display:flex;gap:.8rem;align-items:center}.brands-directory__search input{flex:1 1 auto;min-width:0;width:100%;margin:0;padding:1rem 1.2rem;border:.1rem solid #d9d9d9;border-radius:.4rem;background:#fff;color:#333;font:inherit}.brands-directory__search input:focus{outline:.2rem solid #2252d1;outline-offset:.1rem;border-color:#2252d1}.brands-directory__clear{flex:0 0 auto;min-height:4.4rem;padding:0 1.4rem;border:.1rem solid #d9d9d9;border-radius:.4rem;background:#fff;color:#333;font:inherit;cursor:pointer}.brands-directory__clear[hidden]{display:none}.brands-directory__group{margin:0 0 2.4rem}.brands-directory__group h2{margin:0 0 1rem;padding-bottom:.6rem;border-bottom:.1rem solid #e5e5e5;font-size:1.8rem}.brands-directory__list{display:grid;grid-template-columns:1fr;gap:.6rem 1.6rem;margin:0;padding:0;list-style:none}.brands-directory__list a{color:#2252d1;text-decoration:underline;text-underline-offset:.18em;word-break:break-word}.brands-directory__list a:hover{color:#333}.brands-directory__empty{margin:0 0 2rem}.brands-directory__enquiry{margin-top:1.2rem}.brands-directory__enquiry p{margin-bottom:1.2rem}.brands-directory__enquiry .theme_buttons{margin-top:.4rem}@media screen and (min-width:480px){.brands-directory__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:750px){.brands-directory__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:990px){.brands-directory__list{grid-template-columns:repeat(4,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/brands-directory.css.map */