.whippet-brands-list .section{margin:30px 0}.whippet-brands-list .section:first-child{margin-top:0}.whippet-brands-list .section:last-child{margin-bottom:0}.whippet-brands-list .section .section-title{font-size:1.75rem;margin:0 0 15px}.whippet-brands-list .section--alphabetised .letter{margin:30px 0}.whippet-brands-list .section--alphabetised .letter:first-child{margin-top:0}.whippet-brands-list .section--alphabetised .letter:last-child{margin-bottom:0}.whippet-brands-list .section--alphabetised .letter-heading{align-items:flex-end;border-bottom:1px solid var(--e-global-color-07cbc70,#d9dfe8);display:flex;justify-content:space-between;margin:0 0 15px;padding-bottom:10px}.whippet-brands-list .section--alphabetised .letter-heading .title{font-size:1.5rem;margin:0}.whippet-brands-list .section--alphabetised .letter-heading .count{font-weight:700}.whippet-brands-list .section--alphabetised .brand-logo .logo img{background:#fff;border-radius:4px;padding:5px}.whippet-brands-list .brand-grid{display:grid;gap:8px;grid-template-columns:repeat(var(--columns,2),1fr);margin:0;padding:0}.whippet-brands-list .brand-grid .brand-logo{align-items:center;background:var(--e-global-color-secondary,#f0f2f6);border-radius:4px;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;padding:20px;text-decoration:none!important;transition:background .1s linear}.whippet-brands-list .brand-grid .brand-logo:hover{background:#eaeef3}.whippet-brands-list .brand-grid .brand-logo .logo{height:50px;width:100px}.whippet-brands-list .brand-grid .brand-logo .logo img{box-shadow:0 0 10px rgba(0,0,0,.01);height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.whippet-brands-list .brand-grid .brand-logo .description{line-height:1.25em;text-align:center}.whippet-brands-list .brand-grid .brand-logo .description .title{font-weight:700}.whippet-brands-list .brand-grid .brand-logo .description .subtitle{margin-top:5px}.whippet-brands-list .navigation{background:var(--e-global-color-57237f6,#fff);display:grid;gap:10px 8px;grid-template-columns:repeat(1,minmax(0,1fr));margin:0;padding:10px 0;position:sticky;top:calc(var(--whippet-header-height, 0px) + var(--whippet-brands-list-admin-bar-offset, 0px));width:100%}.whippet-brands-list .search .search-field{position:relative}.whippet-brands-list .search .search-field input{border:2px solid var(--e-global-color-primary,#002864);border-radius:50px;color:var(--e-global-color-primary,#002864);padding:6px 22px 8px 48px}.whippet-brands-list .search .search-field input:focus{outline:none}.whippet-brands-list .search .search-field input:focus-visible{border-color:var(--e-global-color-accent,#fa6400)}.whippet-brands-list .search .search-field input::-moz-placeholder{color:var(--e-global-color-fe56e42,#335383)}.whippet-brands-list .search .search-field input::placeholder{color:var(--e-global-color-fe56e42,#335383)}.whippet-brands-list .search .search-field svg{height:24px;left:16px;position:absolute;top:8px;width:24px}.whippet-brands-list .letter-navigation{--letter-size:35px}.whippet-brands-list .letter-navigation.has-scroll-buttons{display:grid;gap:6px;grid-template-columns:var(--letter-size) minmax(0,1fr) var(--letter-size)}.whippet-brands-list .letter-navigation .container{position:relative;width:100%}.whippet-brands-list .letter-navigation .container:after,.whippet-brands-list .letter-navigation .container:before{content:"";height:100%;pointer-events:none;position:absolute;top:0;transition:all .2s linear;width:15px}.whippet-brands-list .letter-navigation .container:before{background:linear-gradient(90deg,#fff,transparent);left:0}.whippet-brands-list .letter-navigation .container:after{background:linear-gradient(90deg,transparent,#fff);right:0}.whippet-brands-list .letter-navigation .container.first-letter-visible:before,.whippet-brands-list .letter-navigation .container.last-letter-visible:after{opacity:0}.whippet-brands-list .letter-navigation .container .list{display:flex;gap:3px;list-style-type:none;margin:0;overflow:scroll;padding:0;scrollbar-width:none}.whippet-brands-list .letter-navigation .container .list li{margin:0}.whippet-brands-list .letter-navigation .letter{align-items:center;border:2px solid var(--e-global-color-primary,#002864);border-radius:50%;color:var(--e-global-color-primary,#002864);display:flex;font-weight:700;height:var(--letter-size);justify-content:center;line-height:1;opacity:.15;padding:0;text-align:center;text-decoration:none;transition:all .1s linear;width:var(--letter-size)}.whippet-brands-list .letter-navigation .letter.is-active{border-color:var(--e-global-color-primary,#002864);color:var(--e-global-color-primary,#002864);opacity:1}.whippet-brands-list .letter-navigation .letter.is-active:hover{background:var(--e-global-color-primary,#002864);color:#fff}.whippet-brands-list .letter-navigation .letter.is-active:focus{outline:none}.whippet-brands-list .letter-navigation .letter.is-active:focus-visible{border-color:var(--e-global-color-accent,#fa6400)}.whippet-brands-list .letter-navigation .scroll-button{background:var(--e-global-color-primary,#002864);border-color:var(--e-global-color-primary,#002864);color:#fff;opacity:1}.whippet-brands-list .letter-navigation .scroll-button:hover{background:var(--e-global-color-594d06d,#1a3e74);border-color:var(--e-global-color-594d06d,#1a3e74)}.whippet-brands-list .letter-navigation .scroll-button:focus{outline:none}.whippet-brands-list .letter-navigation .scroll-button:focus-visible{background:var(--e-global-color-594d06d,#1a3e74);border-color:var(--e-global-color-accent,#fa6400)}.whippet-brands-list .letter-navigation .scroll-button:active{background:var(--e-global-color-fe56e42,#335383);border-color:var(--e-global-color-fe56e42,#335383)}.whippet-brands-list .letter-navigation .scroll-button:disabled{background:var(--e-global-color-4fd6a8f,#d9d9d9);border-color:var(--e-global-color-4fd6a8f,#d9d9d9);cursor:not-allowed}.whippet-brands-list .letter-navigation .scroll-button svg{height:16px;width:16px}.whippet-brands-list .letter-navigation .scroll-button--left svg{margin-left:-2px}.whippet-brands-list .letter-navigation .scroll-button--right svg{margin-right:-2px}@media only screen and (min-width:469px){.whippet-brands-list{--columns:3}}@media only screen and (min-width:769px){.whippet-brands-list{--columns:4}.whippet-brands-list .navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.whippet-brands-list .search{margin:0}.whippet-brands-list .letter-navigation{--letter-size:42px}.whippet-brands-list .letter-navigation .container{width:100%}.whippet-brands-list .letter-navigation .container .list{padding:0}}@media only screen and (min-width:1025px){.whippet-brands-list{--columns:5}.whippet-brands-list .navigation{grid-template-columns:repeat(5,minmax(0,1fr))}.whippet-brands-list .search{grid-column:span 2}.whippet-brands-list .letter-navigation{grid-column:span 3}}:root{--whippet-brands-list-search-height:107px;scroll-padding-top:calc(var(--whippet-header-height) + var(--whippet-brands-list-admin-bar-offset) + 30px)}@media only screen and (min-width:769px){:root{--whippet-brands-list-search-height:62px}}

/*# sourceMappingURL=brands-list.css.map*/