@charset "UTF-8";.designers-brands-hero__search-form,.designers-brands-hero__title{margin-bottom:40px}.designers-brands-hero__search-input{font-size:16px}.designers-brands-hero__search-icon{top:calc(50% - 11.5px);width:20px;height:20px}.designers-brands-hero__letters-block{display:flex;flex-wrap:wrap;margin:0 -5px 40px 0;font-size:18px;font-weight:700}.designers-brands-hero__letter-item{display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.18px;background:#f7f5f3;width:35px;height:35px;margin:0 5px 5px 0;transition:.3s ease-in-out;cursor:pointer;position:relative;z-index:0}.designers-brands-hero__letter-item::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;pointer-events:none;background:#f7f5f3;z-index:1}.designers-brands-hero__letter-item::after{content:"";position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);width:20px;height:20px;border-radius:50%;border:2px solid transparent;border-top-color:currentColor;border-left-color:currentColor;animation:.5s linear infinite spin;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s;z-index:2}.designers-brands-hero__letter-item.loading{pointer-events:none}.designers-brands-hero__letter-item.loading::after,.designers-brands-hero__letter-item.loading::before{opacity:.75;visibility:visible}.designers-brands-hero__letter-item:hover{transform:scaleY(1.2) scaleX(1.2);transform-origin:top}.designers-brands-hero__letter-item.active-letter{background:#ebe6e0}.designers-brands-hero__letter-item input{display:none}.designers-brands-hero__filters{margin-bottom:75px}.designers-brands-hero__applied-items{margin-top:-35px;margin-bottom:70px}.designers-brands-hero__view-options{width:600px}.designers-brands-hero__letters,.designers-brands-hero__popular,.designers-brands-hero__products{cursor:pointer;font-size:16px;transition:color .5s}.designers-brands-hero__letters:hover,.designers-brands-hero__popular:hover,.designers-brands-hero__products:hover{color:var(--dark-color)}.designers-brands-hero__filters-button{transition:opacity .5s ease-in-out}.designers-brands-hero__filters-button:hover{opacity:.5}