.directory-wrapper{flex-direction:column;gap:30px;max-height:500px;margin-top:20px;font-family:inherit;transition:max-height .8s ease-in-out;display:flex;position:relative;overflow:hidden}.directory-wrapper.expanded{overflow:visible;max-height:none!important}.letter-group{border-bottom:1px solid #1a1a1a;flex-direction:column;gap:10px;padding-bottom:20px;display:flex}.letter-head{background:linear-gradient(135deg, var(--brand-1), var(--brand-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;width:100%;font-size:1.5rem;font-weight:900;display:block}.pills-container{flex-wrap:wrap;gap:10px;width:100%;display:flex}.symbol-pill{border-radius:var(--radius-brand);white-space:nowrap;background:#111;border:1px solid #222;padding:8px 16px;font-size:.9rem;transition:all .2s ease-in-out;color:#ccc!important;text-decoration:none!important}.symbol-pill:hover{border-color:var(--brand-1);box-shadow:0 0 10px rgba(var(--brand-1-rgb), .3);background:#000;transform:translateY(-2px);color:#fff!important}.fade-overlay{z-index:5;pointer-events:none;background:linear-gradient(#0000,#000 80%);justify-content:center;align-items:flex-end;width:100%;height:250px;transition:opacity .5s;display:flex;position:absolute;bottom:0;left:0}.directory-wrapper.expanded .fade-overlay{opacity:0;pointer-events:none;display:none}.show-more-btn{pointer-events:auto;color:#fff;border:1px solid var(--brand-1);border-radius:var(--radius-brand);cursor:pointer;background:#000;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;padding:12px 25px;font-size:.95rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 0 20px #000c}.show-more-btn:after{content:"";border-bottom:2px solid;border-right:2px solid;width:6px;height:6px;margin-top:-2px;display:inline-block;transform:rotate(45deg)}.show-more-btn:hover{background:var(--brand-1);color:#000;box-shadow:0 0 25px rgba(var(--brand-1-rgb), .6)}