.brands-search-container{padding:1rem 6rem 1rem 3rem;border-bottom:1px solid rgba(var(--color-foreground),.1)}.brands-search-input{width:100%;padding:.75rem 1rem;font-size:1.4rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:.8rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:inherit;transition:border-color .2s ease}.brands-search-input:focus{outline:none;border-color:rgba(var(--color-foreground),.4)}.brands-search-input::placeholder{color:rgba(var(--color-foreground),.5)}.menu-drawer__submenu--brands-indexed{position:relative}.menu-drawer__submenu--brands-indexed .menu-drawer__inner-submenu{display:flex;flex-direction:column;height:100%}.brands-indexed-list{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:3rem;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.brands-indexed-list::-webkit-scrollbar{display:none}.brands-letter-header{position:sticky;top:0;background-color:rgb(var(--color-background));padding:.8rem 3rem;font-size:1.4rem;font-weight:600;color:rgba(var(--color-foreground),.6);letter-spacing:.1rem;text-transform:uppercase;border-bottom:1px solid rgba(var(--color-foreground),.1);z-index:1}.brands-letter-group .menu-drawer__menu-item{padding-left:3rem}.brands-letter-bar{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:0;z-index:10;padding:.5rem 0;background-color:rgba(var(--color-background),.9);border-radius:1rem}.brands-letter-bar__letter{display:flex;align-items:center;justify-content:center;width:2.3rem;height:2.1rem;font-size:1.3rem;font-weight:600;color:rgb(var(--color-foreground));cursor:pointer;transition:color .15s ease,transform .15s ease;user-select:none;-webkit-user-select:none;text-decoration:none;background:none;border:none;padding:0}.brands-letter-bar__letter:hover,.brands-letter-bar__letter:focus{color:rgba(var(--color-foreground),.6);transform:scale(1.2)}.brands-letter-bar__letter--active{color:rgb(var(--color-button));font-weight:700}.brands-letter-bar__letter--disabled{color:rgba(var(--color-foreground),.25);pointer-events:none}.brands-letter-indicator{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:5rem;height:5rem;background-color:rgba(var(--color-foreground),.9);color:rgb(var(--color-background));border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:700;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none;z-index:20}.brands-letter-indicator--visible{opacity:1;visibility:visible}.menu-drawer__submenu--brands-indexed .menu-drawer__close-button{position:relative;z-index:5}@media screen and (max-width: 749px){.brands-letter-bar{right:.2rem;padding:.3rem 0}.brands-letter-bar__letter{width:1.8rem;height:1.4rem;font-size:.9rem}.brands-indexed-list{padding-right:2.5rem}}@media screen and (max-height: 600px){.brands-letter-bar__letter{height:1.2rem;font-size:.8rem}}.brands-indexed-list{-webkit-overflow-scrolling:touch}@media screen and (max-height: 400px){.brands-letter-bar{display:none}.brands-indexed-list{padding-right:0}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/dromgooles-brands-index.css.map */