.designers-list{background-color:rgb(var(--color-background));padding:2rem 0}.designers-list__header{text-align:center;margin-bottom:3rem}.designers-list__title{margin:0;color:rgb(var(--color-foreground));font-weight:var(--font-weight-bold);letter-spacing:.1em}.designers-list__search-section{margin-bottom:3rem;display:flex;justify-content:center}.designers-list__search-wrapper{max-width:50rem;width:100%}.designers-list__search{position:relative;display:flex;align-items:center;background:rgb(var(--color-background));border:1px solid rgb(var(--color-border));border-radius:var(--border-radius);overflow:hidden;transition:border-color var(--duration-default)}.designers-list__search:focus-within{border-color:rgb(var(--color-foreground))}.designers-list__search-icon{padding:1.2rem 1.6rem;display:flex;align-items:center;justify-content:center;pointer-events:none}.designers-list__search-icon .icon{width:2rem;height:2rem;fill:rgb(var(--color-foreground));opacity:.6}.designers-list__search-input{flex:1;border:none;background:transparent;padding:1.2rem 1.6rem 1.2rem 0;font-size:1.6rem;color:rgb(var(--color-foreground));outline:none}.designers-list__search-input::placeholder{color:rgb(var(--color-foreground));opacity:.6}.designers-list__filters{margin-bottom:4rem;display:flex;justify-content:center}.designers-list__alphabet-filter{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;align-items:center}.designers-list__filter-btn{display:inline-block;padding:8px 14px;border:1px solid rgba(var(--color-foreground),.2);border-radius:4px;text-decoration:none;color:rgb(var(--color-foreground));background:transparent;line-height:1.2;transition:border-color .2s ease,background-color .2s ease,color .2s ease;cursor:pointer}.designers-list__filter-btn:hover,.designers-list__filter-btn--active{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.05)}.designers-list__content{margin-top:4rem}.designers-list__grid{display:block}.designers-list__letter-group{margin-bottom:4rem;display:none}.designers-list__letter-group--visible{display:block}.designers-list__letter-group-header{display:flex;align-items:flex-start;gap:3rem;margin-bottom:2rem}.designers-list__letter-title{font-size:3rem;font-weight:var(--font-weight-bold);color:rgb(var(--color-foreground));margin:0;min-width:4rem;text-align:center;line-height:1}.designers-list__letter-content{flex:1}.designers-list__designers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:.3rem 2rem}@media screen and (min-width: 500px){.designers-list__designers-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1200px){.designers-list__designers-grid{grid-template-columns:repeat(3,1fr)}}.designers-list__designer-link{display:block;color:rgb(var(--color-foreground));text-decoration:none;padding:.8rem 0 .2rem;font-size:1.6rem;line-height:1.4;transition:color var(--duration-default);border-bottom:1px solid transparent;width:fit-content;margin-bottom:.6rem}.designers-list__designer-link:hover{color:rgb(var(--color-link));border-bottom-color:rgb(var(--color-link))}.designers-list__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:rgb(var(--color-foreground));opacity:.6}.designers-list__loading .icon{width:3rem;height:3rem;margin-bottom:1rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.designers-list__empty{text-align:center;padding:4rem 2rem;color:rgb(var(--color-foreground));opacity:.6}.designers-list__search--active .designers-list__search{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 1px rgba(var(--color-foreground),.1)}.designers-list__clear-search{background:none;border:none;color:rgb(var(--color-link));text-decoration:underline;cursor:pointer;font-size:inherit;padding:0;margin-left:.5rem}.designers-list__empty-title{font-size:2rem;margin-bottom:1rem}.designers-list__empty-text{font-size:1.6rem}@media screen and (max-width: 768px){.designers-list{padding:1.5rem 0}.designers-list__header,.designers-list__search-section,.designers-list__filters{margin-bottom:2rem}.designers-list__filter-btn{padding:.6rem 1.2rem;font-size:1.2rem;min-width:3.5rem}.designers-list__letter-title{font-size:2.5rem}}@media screen and (max-width: 480px){.designers-list__alphabet-filter{gap:.5rem}.designers-list__letter-group-header{gap:1rem}.designers-list__filter-btn{padding:.5rem 1rem;font-size:1.1rem;min-width:3rem}.designers-list__search-input{font-size:1.4rem}}.designers-list__fade-in{animation:fadeIn .3s ease-out}.designers-list__fade-out{animation:fadeOut .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1rem)}}.designers-list__filter-btn:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.designers-list__designer-link:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px;border-radius:var(--border-radius)}.designers-list__search-input:focus{outline:none}@media (prefers-contrast: high){.designers-list__filter-btn,.designers-list__search{border-width:2px}.designers-list__designer-link{border-bottom-width:2px}}@media (prefers-reduced-motion: reduce){.designers-list__filter-btn,.designers-list__designer-link,.designers-list__search{transition:none}.designers-list__loading .icon,.designers-list__fade-in,.designers-list__fade-out{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-designers-list.css.map */