.clan-finder{display:block;margin:0 auto 1.6rem;max-width:var(--page-width);padding:0 1.5rem}.clan-finder__trigger{align-items:center;display:inline-flex;gap:.6rem;white-space:nowrap}.clan-finder__trigger .svg-wrapper{height:1.8rem;width:1.8rem}.clan-finder__backdrop{background:#00000080;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;transition:opacity var(--duration-default, .2s) ease;z-index:100}.clan-finder__panel{background:rgb(var(--color-background));bottom:0;box-shadow:-.2rem 0 1rem #00000026;display:flex;flex-direction:column;max-width:90vw;padding:2.4rem;position:fixed;right:0;top:0;transform:translate(100%);transition:transform var(--duration-default, .25s) ease;width:38rem;z-index:101}.clan-finder--open .clan-finder__backdrop{opacity:1;pointer-events:auto}.clan-finder--open .clan-finder__panel{transform:translate(0)}.clan-finder__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.6rem}.clan-finder__title{font-family:var(--font-heading-family);font-size:2rem;font-weight:600;margin:0}.clan-finder__close{background:none;border:0;cursor:pointer;padding:.4rem}.clan-finder__close .svg-wrapper{height:1.8rem;width:1.8rem}.clan-finder__tabs{display:flex;gap:.8rem;margin-bottom:1.6rem}.clan-finder__tab{background:transparent;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:999px;cursor:pointer;font-weight:600;padding:.8rem 1.8rem}.clan-finder__tab--active{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.clan-finder__search{margin-bottom:1.6rem}.clan-finder__alphabet{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.6rem}.clan-finder__letter{background:transparent;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:.4rem;cursor:pointer;font-size:1.2rem;height:2.8rem;width:2.8rem}.clan-finder__letter--active{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.clan-finder__list{flex:1;list-style:none;margin:0 -.8rem 0 0;overflow-y:auto;padding:0}.clan-finder__list li{border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.clan-finder__list a{color:rgb(var(--color-foreground));display:block;padding:1rem .4rem;text-decoration:none}.clan-finder__list a:hover{text-decoration:underline}.clan-finder__empty{color:rgba(var(--color-foreground),.6);padding:1.6rem .4rem}.clan-finder__submit{margin-top:1.6rem;width:100%}@media screen and (max-width:749px){.clan-finder__panel{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-clan-finder.css.map */