.designers-directory{padding-bottom:3rem}.designers-directory__header{margin:0 1.5rem 1.5rem}.designers-directory__title{font-size:1.1rem;font-weight:300;letter-spacing:.12em;text-transform:lowercase;color:rgba(var(--color-foreground),.4);margin:0 0 .25rem}.designers-directory__count{font-family:monospace;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(var(--color-foreground),.2);margin-bottom:1.25rem;display:block}.designers-directory__topbar{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.designers-directory__tabs{display:flex;flex-wrap:wrap;gap:.5rem .8rem;align-items:center}.designers-directory__tab{-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:0;margin:0;font:inherit;color:rgb(var(--color-foreground));opacity:.35;font-weight:400;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:opacity .2s ease}.designers-directory__tab.is-active{opacity:.8}.designers-directory__tab:after{content:" /";opacity:.3;margin-left:.25rem}.designers-directory__controls{display:flex;justify-content:flex-start}.designers-directory__search{width:100%;max-width:340px}.designers-directory__search input{width:100%;padding:.65rem 0;border:none;border-bottom:1px solid rgba(var(--color-foreground),.1);background:transparent;color:rgb(var(--color-foreground));font-size:.9rem;font-weight:300;letter-spacing:.03em;outline:none;transition:border-color .2s ease}.designers-directory__search input::placeholder{color:rgba(var(--color-foreground),.25);font-weight:300;letter-spacing:.08em;text-transform:lowercase}.designers-directory__search input:focus{border-bottom-color:rgba(var(--color-foreground),.35)}.designers-directory__index{display:flex;flex-wrap:wrap;gap:.15rem .5rem;margin-top:1rem}.designers-directory__index-link{text-decoration:none;color:rgb(var(--color-foreground));font-weight:400;font-size:1rem;opacity:.3;letter-spacing:.02em;transition:opacity .15s ease}.designers-directory__index-link:hover{opacity:.8;text-decoration:none}.designers-directory__index-link.is-active{opacity:.85;text-decoration:none;border-bottom:1px solid rgba(var(--color-foreground),.4)}.designers-directory__desktop-grid{display:none}.designers-directory__mobile-list{margin:0 1.5rem}.designers-directory__group{margin:0;padding:1rem 0;border-bottom:1px solid rgba(var(--color-foreground),.05)}.designers-directory__group:first-child{border-top:1px solid rgba(var(--color-foreground),.05)}.designers-directory__group-title{margin:0 0 .6rem;padding-bottom:.4rem;border-bottom:none;font-family:monospace;font-size:.65rem;font-weight:400;letter-spacing:.15em;color:rgba(var(--color-foreground),.25);text-transform:uppercase}.designers-directory__list{list-style:none;padding:0;margin:0;columns:2;column-gap:1.25rem}.designers-directory__item{break-inside:avoid;margin:0 0 .3rem;line-height:1.3}.designers-directory__link{text-decoration:none;color:rgba(var(--color-foreground),.55);font-size:1rem;font-weight:300;letter-spacing:.01em;transition:color .15s ease}.designers-directory__link:hover{color:rgba(var(--color-foreground),.9);text-decoration:none}.designers-directory__grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;border-top:1px solid rgba(var(--color-foreground),.2);border-left:1px solid rgba(var(--color-foreground),.2)}.designers-directory__card-link{position:relative;display:flex;align-items:center;justify-content:center;min-height:145px;padding:1.75rem 1rem 1.25rem;text-decoration:none;text-align:center;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border-right:1px solid rgba(var(--color-foreground),.2);border-bottom:1px solid rgba(var(--color-foreground),.2)}.designers-directory__card-number{position:absolute;top:.7rem;right:.7rem;font-size:1rem;font-weight:700;line-height:1;opacity:.55}.designers-directory__card-name{display:block;font-size:1.35rem;font-weight:800;line-height:.95;text-transform:uppercase;letter-spacing:-.02em;word-break:break-word}.designers-directory__card-link:hover{background:rgba(var(--color-foreground),.03)}.designers-directory__item.is-hidden,.designers-directory__card.is-hidden,.designers-directory__group.is-empty{display:none!important}@media screen and (min-width:750px){.designers-directory__list{columns:3}.designers-directory__link{font-size:1.05rem}}@media screen and (min-width:990px){.designers-directory__header{margin:0rem 1.5rem}.designers-directory__title,.designers-directory__count{display:none}.designers-directory__topbar{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:start;margin-bottom:1.25rem}.designers-directory__controls{justify-content:flex-end}.designers-directory__search{width:360px;max-width:360px}.designers-directory__search input{width:100%;height:44px;padding:0 1rem;border:1px solid rgba(var(--color-foreground),.16);border-bottom:1px solid rgba(var(--color-foreground),.16);background:rgb(var(--color-background));border-radius:0;font-size:1rem;font-weight:inherit;letter-spacing:normal}.designers-directory__search input::placeholder{text-transform:none;letter-spacing:normal;font-weight:inherit;color:rgba(var(--color-foreground),.4)}.designers-directory__index{gap:.75rem;margin-bottom:1rem}.designers-directory__index-link{font-size:2rem;font-weight:800;line-height:1;opacity:.6}.designers-directory__index-link:hover{opacity:1;text-decoration:underline}.designers-directory__index-link.is-active{opacity:1;text-decoration:underline;border-bottom:none}.designers-directory__mobile-list{display:none}.designers-directory__desktop-grid{display:block}}@media screen and (min-width:1400px){.designers-directory__card-link{min-height:155px}.designers-directory__card-name{font-size:1.5rem}}@media screen and (min-width:990px){.designers-directory__card{--card-hover-bg: #f3f3f3;--card-hover-fg: rgb(var(--color-foreground))}.designers-directory__card-link{transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.designers-directory__card:hover .designers-directory__card-link{background:var(--card-hover-bg);color:var(--card-hover-fg)}.designers-directory__card:hover .designers-directory__card-name,.designers-directory__card:hover .designers-directory__card-number{color:var(--card-hover-fg)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-designers-directory.css.map */