.composer-directory{--cd-accent: #1AA7C7;--cd-accent-yellow: #F5C518;--cd-border: rgba(0, 0, 0, .08);--cd-text: #1a1a1a;--cd-muted: #6b6b6b;--gap: 28px 20px;--radius: 6px}.composer-directory *{box-sizing:border-box}.composer-directory .cd-wrap{max-width:1200px;margin:0 auto;padding:0 24px}.composer-directory .cd-header{display:grid;gap:20px;justify-items:center;margin-bottom:28px;text-align:center}.composer-directory .cd-title{font-size:clamp(26px,3vw,34px);font-weight:600;letter-spacing:.01em;margin:0;color:var(--cd-text)}.composer-directory .cd-controls{display:grid;gap:14px;width:100%;max-width:640px}.composer-directory .cd-search{position:relative;display:flex;align-items:center}.composer-directory .cd-search-icon{position:absolute;left:16px;color:var(--cd-muted);pointer-events:none}.composer-directory .cd-search-input{width:100%;padding:13px 16px 13px 44px;border:1px solid rgba(0,0,0,.15);border-radius:4px;font-size:15px;color:var(--cd-text);background:#fff;transition:border-color .15s ease}.composer-directory .cd-search-input:focus{outline:none;border-color:var(--cd-accent);box-shadow:0 0 0 3px #1aa7c726}.composer-directory .cd-search-input::placeholder{color:#9b9b9b}.composer-directory .cd-letters{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.composer-directory .cd-letter-btn{border:1px solid rgba(0,0,0,.15);background:#fff;color:var(--cd-text);padding:6px 12px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.composer-directory .cd-letter-btn:hover{border-color:var(--cd-accent);color:var(--cd-accent)}.composer-directory .cd-letter-btn.is-active{background:var(--cd-accent);border-color:var(--cd-accent);color:#fff}.composer-directory .cd-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:8px}.composer-directory .cd-card{display:flex;flex-direction:column;text-decoration:none;color:var(--cd-text)}.composer-directory .cd-card[hidden]{display:none}.composer-directory .cd-figure{display:block;position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--radius);background:#f4f4f4}.composer-directory .cd-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(8%);transition:transform .25s ease,filter .25s ease}.composer-directory .cd-card:hover .cd-img{transform:scale(1.035);filter:grayscale(0%)}.composer-directory .cd-initials{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:600;font-size:28px;color:#8a8a8a;background:#ececec;letter-spacing:.02em}.composer-directory .cd-caption{margin-top:10px;text-align:center;font-size:14px;font-weight:500;line-height:1.35;color:var(--cd-text);transition:color .12s ease}.composer-directory .cd-card:hover .cd-caption{color:var(--cd-accent)}.composer-directory .cd-empty,.composer-directory .cd-status{padding:40px 0;text-align:center;color:var(--cd-muted);font-size:15px}@media(max-width:480px){.composer-directory .cd-wrap{padding:0 16px}.composer-directory .cd-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:22px 14px}.composer-directory .cd-title{font-size:24px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/composer-directory.css.map */