.designers-list{display:block}.designers-list .is-hidden{display:none!important}.designers-list__toolbar{display:flex;flex-direction:column;gap:15px;margin-bottom:30px;padding:15px 0;background:var(--bg-body, #fff);border-bottom:1px solid var(--color-border)}.designers-list__toolbar--sticky{position:sticky;top:calc(var(--header-height, 0px) + var(--header-offset, 0px));z-index:6}@media only screen and (min-width:768px){.designers-list__toolbar{flex-direction:row;align-items:center;gap:30px}}.designers-list__search{position:relative;flex:0 0 auto;width:100%}@media only screen and (min-width:768px){.designers-list__search{width:280px}}.designers-list__search:before,.designers-list__search:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none}.designers-list__search:before{background:var(--color-form-border)}.designers-list__search:after{background:var(--color-accent);transform:scaleX(0);transform-origin:left center;transition:transform .35s cubic-bezier(.104,.204,.492,1)}.designers-list__search:focus-within:after{transform:scaleX(1)}.designers-list__search .designers-list__search-field{display:block;width:100%;height:42px;margin:0;padding:0 32px 0 26px;border:0;border-radius:0;background:transparent;color:var(--color-body);caret-color:var(--color-accent);font-size:.8125rem;line-height:1.2;letter-spacing:.02em}.designers-list__search .designers-list__search-field:focus{border:0;outline:none;box-shadow:none}.designers-list__search .designers-list__search-field::placeholder{color:rgba(var(--color-body-rgb),.45);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;opacity:1;transition:color .25s ease}.designers-list__search .designers-list__search-field:focus::placeholder{color:rgba(var(--color-body-rgb),.22)}.designers-list__search-field::-webkit-search-cancel-button{display:none}.designers-list__search-icon,.designers-list__search-clear{position:absolute;top:50%;display:flex;align-items:center;justify-content:center;color:var(--color-body)}.designers-list__search-icon svg path,.designers-list__search-clear svg path{stroke:currentColor}.designers-list__search-icon{left:0;width:16px;height:16px;transform:translateY(-50%);opacity:.4;pointer-events:none;transition:opacity .25s ease,color .25s ease}.designers-list__search-icon svg{width:15px;height:15px}.designers-list__search:focus-within .designers-list__search-icon{color:var(--color-accent);opacity:1}.designers-list__search-clear{right:0;width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;opacity:.4;transform:translateY(-50%);transition:opacity .25s ease,transform .25s ease,visibility .25s}.designers-list__search-clear svg{width:10px;height:10px}.designers-list__search-clear:hover,.designers-list__search-clear:focus-visible{opacity:1}.designers-list__search-clear[hidden]{display:flex;visibility:hidden;opacity:0;pointer-events:none;transform:translate(8px,-50%)}.designers-list__nav-scroll{display:block;flex:1 1 auto;width:100%;min-width:0}.designers-list__nav{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.designers-list__nav::-webkit-scrollbar{display:none}.designers-list__nav-item{position:relative;flex:0 0 auto;min-width:28px;padding:4px 2px;text-align:center;text-decoration:none;text-transform:uppercase;font-size:.8125rem;line-height:1.2;color:var(--color-body);transition:color .2s ease,opacity .2s ease}.designers-list__nav-item:after{content:"";position:absolute;left:4px;right:4px;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .25s ease}a.designers-list__nav-item:hover:after,.designers-list__nav-item.is-active:after{transform:scaleX(1)}.designers-list__nav-item.is-active{color:var(--color-accent)}.designers-list__nav-item.is-disabled,.designers-list__nav-item.is-muted{opacity:.25;pointer-events:none}.designers-list__count{flex:0 0 auto;margin:0;font-size:.6875rem;line-height:1.2;text-transform:uppercase;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:rgba(var(--color-body-rgb),.45);white-space:nowrap}@media only screen and (max-width:767px){.designers-list__count{order:-1}}.designers-list__group{padding:25px 0;border-bottom:1px solid var(--color-border);scroll-margin-top:calc(var(--header-height, 80px) + var(--header-offset, 0px) + 90px)}@media only screen and (min-width:768px){.designers-list__group{display:grid;grid-gap:30px;grid-template-columns:minmax(100px,15%) 1fr}}.designers-list__group-letter{margin:0 0 15px;line-height:1}@media only screen and (min-width:768px){.designers-list__group-letter{margin-bottom:0}}.designers-list__group-items{display:grid;grid-gap:10px 20px;grid-template-columns:repeat(1,minmax(0,1fr));list-style:none;margin:0;padding:0}@media only screen and (min-width:550px){.designers-list__group-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media only screen and (min-width:1024px){.designers-list__group-items{grid-template-columns:repeat(var(--designers-columns, 4),minmax(0,1fr))}}.designers-list__item{margin:0}.designers-list__link{display:inline-block;max-width:100%;text-decoration:none;color:var(--color-body)}.designers-list__link-label{position:relative;display:inline-block;transition:transform .3s cubic-bezier(.16,1,.3,1)}.designers-list__link-label:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform .35s cubic-bezier(.16,1,.3,1)}.designers-list__link:hover .designers-list__link-label,.designers-list__link:focus-visible .designers-list__link-label{transform:translate(6px)}.designers-list__link:hover .designers-list__link-label:after,.designers-list__link:focus-visible .designers-list__link-label:after{transform:scaleX(1);transform-origin:left center}.designers-list__empty{padding:40px 0;margin:0;text-align:center;opacity:.6}.designers-list__empty[hidden]{display:none}@media(prefers-reduced-motion:reduce){.designers-list__nav-item,.designers-list__nav-item:after,.designers-list__link-label,.designers-list__link-label:after{transition:none}.designers-list__link:hover .designers-list__link-label,.designers-list__link:focus-visible .designers-list__link-label{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/designers-list.css.map */
