.directory{--page:#fff;--background:#fff;--foreground:#171717;--muted:#636366;--surface:#f5f5f7;--surface-hover:#fafafa;--hairline:#00000014;--pill-ring:#0000001f;--link:#2e39f8;--gutter:1.5rem;--pad:max(var(--gutter), calc(50vw - 500px));background:var(--page);color:var(--foreground);overflow-x:clip}.directory .bleed{padding-inline:var(--pad);scroll-padding-inline:var(--pad);margin-inline:calc(50% - 50vw)}@media (min-width:64rem){.directory [data-tab-row][data-search]>.bleed{margin-inline:0;padding-inline:0;scroll-padding-inline:0}}.directory .pk{-webkit-mask:var(--pk) center / contain no-repeat;-webkit-mask:var(--pk) center / contain no-repeat;mask:var(--pk) center / contain no-repeat;background-color:currentColor;flex-shrink:0}.directory .sq{flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;overflow:hidden;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 50,0 C 72,0 82,0 91,9 C 100,18 100,28 100,50 C 100,72 100,82 91,91 C 82,100 72,100 50,100 C 28,100 18,100 9,91 C 0,82 0,72 0,50 C 0,28 0,18 9,9 C 18,0 28,0 50,0 Z'/%3E%3C/svg%3E") 0 0/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 50,0 C 72,0 82,0 91,9 C 100,18 100,28 100,50 C 100,72 100,82 91,91 C 82,100 72,100 50,100 C 28,100 18,100 9,91 C 0,82 0,72 0,50 C 0,28 0,18 9,9 C 18,0 28,0 50,0 Z'/%3E%3C/svg%3E") 0 0/100% 100%}.directory .sq:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 50,0 C 72,0 82,0 91,9 C 100,18 100,28 100,50 C 100,72 100,82 91,91 C 82,100 72,100 50,100 C 28,100 18,100 9,91 C 0,82 0,72 0,50 C 0,28 0,18 9,9 C 18,0 28,0 50,0 Z' fill='none' stroke='rgba(0,0,0,0.08)' stroke-width='3' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 0 0/100% 100%;position:absolute;inset:0}.directory .sq-g:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M 50,0 C 72,0 82,0 91,9 C 100,18 100,28 100,50 C 100,72 100,82 91,91 C 82,100 72,100 50,100 C 28,100 18,100 9,91 C 0,82 0,72 0,50 C 0,28 0,18 9,9 C 18,0 28,0 50,0 Z' fill='none' stroke='rgba(255,255,255,0.2)' stroke-width='3' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}.directory .sq-x:after{content:none}.directory .sq{background:#fff}.directory .sq-s{background:var(--surface)}.directory .sq-h{background:linear-gradient(150deg,#00e5ff,#0070ff,#7b00ff)}.directory .sq-p{color:#fff;width:47%;height:47%}.directory .sq>img{object-fit:contain;width:66%;height:66%}.directory .sq-s>img,.directory .sq>.sq-crop{object-fit:cover;width:100%;height:100%}.directory [data-row]{align-items:center;gap:.75rem;min-width:0;display:flex;position:relative}.directory :is(.row-d,.rows>li:not(:last-child)>[data-row]):after{content:"";border-bottom:1px solid var(--hairline);position:absolute;bottom:0;left:calc(56px + 1rem);right:0}.directory [data-row]>a:first-child>b{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.directory :is(.row-d,.rows>li:not(:last-child)>[data-row]):has(b):after{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.directory :is(.row-d,.rows>li:not(:last-child)>[data-row]):has(b):after{left:calc(var(--rank,2) * 1ch + .75rem + 56px + 1rem)}.directory [data-row]>a:first-child{border-radius:.5rem;flex:1;align-items:center;gap:.75rem;min-width:0;padding-block:.75rem;display:flex}.directory [data-row]>a:first-child>.sq{margin-right:.25rem}.directory [data-row]>a:first-child>b{width:calc(var(--rank,2) * 1ch);text-align:right;color:var(--foreground);flex-shrink:0;line-height:1.5rem}.directory .row-t{flex-direction:column;min-width:0;display:flex}.directory .row-t>span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.875rem;font-weight:500;line-height:1.25rem;overflow:hidden}.directory .row-t>span:first-child{color:var(--foreground);font-size:1rem;font-weight:600;line-height:1.5rem}.directory [data-row]>a:first-child>b:has(.mv){flex-direction:column;align-items:flex-end;display:flex}.directory .mv{white-space:nowrap;align-items:center;gap:1px;font-size:.6875rem;font-weight:700;line-height:.875rem;display:flex}.directory .mv:before{content:"";width:10px;height:10px;-webkit-mask:var(--pk) center / contain no-repeat;-webkit-mask:var(--pk) center / contain no-repeat;mask:var(--pk) center / contain no-repeat;background-color:currentColor;flex-shrink:0}.directory .mv-up{--pk:url(/icons/arrow-up.svg)}.directory .mv-down{--pk:url(/icons/arrow-down.svg)}.directory .mv-up,.directory .chg-up{color:#1f8539}.directory .mv-down,.directory .chg-down{color:#d70015}.directory .bdg{color:#fff;border-radius:9999px;padding:.0625rem .4375rem;font-size:.6875rem;font-style:normal;font-weight:700;line-height:1rem;display:inline-block}.directory .bdg-rising{background:#1f8539}.directory .bdg-new{background:var(--link)}.directory .row-t>span:first-child:has(>.bdg){align-items:center;gap:.5rem;display:flex}.directory .row-t>span:first-child>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.directory .row-t>span:first-child>.bdg{flex-shrink:0}.directory [data-row]>a+a,.directory .row-a{background:var(--page);box-shadow:inset 0 0 0 1px var(--pill-ring);color:var(--link);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding:.375rem 1rem;font-size:.875rem;font-weight:700;line-height:1.25rem;transition:scale .15s cubic-bezier(.4,0,.2,1);display:inline-flex}@media (hover:hover){.directory [data-row]>a+a:hover,.directory .row-a:hover{scale:1.04}}.directory [data-row]>a+a:active,.directory .row-a:active{scale:.97}.directory [data-row]>a:focus-visible,.directory .row-a:focus-visible{outline:2px solid var(--link);outline-offset:2px}@media (max-width:39.99rem){.directory [data-row]>a:first-child>.sq{width:48px;height:48px}.directory :is(.row-d,.rows>li:not(:last-child)>[data-row]):after{left:calc(48px + 1rem)}.directory :is(.row-d,.rows>li:not(:last-child)>[data-row]):has(b):after{left:calc(var(--rank,2) * 1ch + .75rem + 48px + 1rem)}.directory .row-t>span{-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box}.directory .row-t>span:first-child:has(>.bdg){-webkit-line-clamp:3;line-clamp:3;word-spacing:.25rem;display:-webkit-box}.directory .row-t>span:first-child:has(>.bdg)>*{word-spacing:normal}.directory .row-t>span:first-child:has(>.bdg)>span{display:inline}.directory .row-t>span:first-child:has(>.bdg)>.bdg{vertical-align:top;margin-top:.1875rem}.directory .row-t>span:first-child span.lw{display:inline-block;overflow:visible}.directory [data-row]>a+a{padding-inline:.75rem}}.directory .shelf-r{scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.25rem;overflow-x:auto}.directory .shelf-r::-webkit-scrollbar{display:none}.directory .shelf-r>*{scroll-snap-align:start}.directory .cols-r,.directory .cols-m{grid-auto-columns:calc(100% - 2.5rem);grid-auto-flow:column;column-gap:1.5rem;display:grid}.directory .cols-r{grid-template-rows:repeat(3,auto)}.directory .cols-m{grid-auto-columns:calc(100% - 3rem)}@media (min-width:40rem){.directory .cols-r,.directory .cols-m{grid-auto-columns:calc(50% - .75rem)}}@media (min-width:64rem){.directory .cols-r,.directory .cols-m{grid-auto-columns:calc(33.3333% - 1rem)}}.directory .shelf-b{background:var(--surface);width:2rem;height:2rem;color:var(--foreground);border-radius:9999px;justify-content:center;align-items:center;transition:scale .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);display:flex}.directory .shelf-b .pk{width:1rem;height:1rem}.directory .shelf-b[aria-disabled=true]{opacity:.3;cursor:default}@media (hover:hover){.directory .shelf-b:not([aria-disabled=true]):hover{background:var(--surface-hover);box-shadow:var(--shadow-lift);scale:1.04}}.directory .shelf-b:not([aria-disabled=true]):active{scale:.97}.directory .see-all{color:var(--link);border-radius:.25rem;font-size:1rem;font-weight:700;line-height:1.5rem}@media (hover:hover){.directory .see-all:hover{opacity:.6}}.directory .shelf-b:focus-visible,.directory .see-all:focus-visible{outline:2px solid var(--link);outline-offset:2px}@media (scripting:enabled){.directory .more-clamp{-webkit-line-clamp:var(--more-lines,4);line-clamp:var(--more-lines,4);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.directory .shot{aspect-ratio:16/10;background:var(--surface);border-radius:1rem;display:block;overflow:hidden}.directory .shot>img{object-fit:cover;object-position:top;width:100%;height:100%}.directory .panel{background:var(--surface);border-radius:1.5rem}.directory .panel>.shelf-r{margin-inline:-1rem;padding-inline:1rem;scroll-padding-inline:1rem}@media (max-width:39.99rem){.directory .panel>.cols-r{grid-auto-columns:calc(100% - .5rem);column-gap:1rem}}@media (min-width:48rem){.directory .panel>.shelf-r{margin-inline:-2rem;padding-inline:2rem;scroll-padding-inline:2rem}}.directory .card-list{background:var(--surface);border-radius:1.5rem;flex-direction:column;display:flex;overflow:hidden}.directory .card-list>li+li,.directory .card-list>ul>li+li{border-top:1px solid var(--hairline)}.directory .card-list>ul:empty{padding-bottom:1rem}.directory .pill{background:var(--surface);color:var(--foreground);border-radius:9999px;align-items:center;gap:.625rem;padding:.625rem 1.25rem;font-size:1rem;font-weight:700;line-height:1.5rem;display:inline-flex}.directory .pill .pk{width:1.25rem;height:1.25rem}.directory .pill-n{color:var(--muted);font-weight:600}@media (min-width:48rem){.directory .pill{font-size:1.125rem;line-height:1.75rem}.directory .pill .pk{width:22px;height:22px}}.directory .pill-s{gap:.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.directory .pill-s .pk{width:18px;height:18px}@media (min-width:48rem){.directory .pill-s{font-size:1rem;line-height:1.5rem}.directory .pill-s .pk{width:18px;height:18px}}.directory a.pill{transition:scale .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}@media (hover:hover){.directory a.pill:hover{background:var(--surface-hover);box-shadow:var(--shadow-lift);scale:1.04}}.directory a.pill:active{scale:.97}.directory a.pill:focus-visible{outline:2px solid var(--link);outline-offset:2px}.directory .fs{flex-direction:column;gap:1.75rem;display:flex}.directory .fs p{color:var(--foreground);margin-bottom:.375rem;font-size:.875rem;font-weight:700;line-height:1.25rem}.directory .fs button{text-align:left;width:100%;color:var(--muted);border-radius:.5rem;align-items:flex-start;gap:.75rem;padding-block:.375rem;font-size:15px;font-weight:500;line-height:1.5;transition:color .15s cubic-bezier(.4,0,.2,1);display:flex}@media (hover:hover){.directory .fs button:hover{color:var(--foreground)}}.directory .fs button[aria-pressed=true]{color:var(--foreground);font-weight:600}.directory .fs button:focus-visible{outline:2px solid var(--link);outline-offset:-2px}.directory .fs .pk{width:18px;height:18px;margin-top:.125rem}.directory .fs button>span:nth-child(2){overflow-wrap:break-word;flex:1;min-width:0}.directory .fs button>span:nth-child(3){font-variant-numeric:tabular-nums;color:var(--muted);font-size:.875rem;font-weight:600}@view-transition{navigation:auto}.dir-pill{view-transition-name:dir-pill}.dir-pill[data-slide]{transition:left .35s cubic-bezier(.22,1,.36,1),width .35s cubic-bezier(.22,1,.36,1)}::view-transition-group(dir-pill){animation-duration:.35s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}@media (min-width:64rem){.sidebar-banner{z-index:1;background:var(--page);position:sticky;top:7rem}.sidebar-banner:before,.sidebar-banner:after{content:"";pointer-events:none;position:absolute;inset-inline:0}.sidebar-banner:before{background:var(--page);height:7rem;bottom:100%}.sidebar-banner:after{background:linear-gradient(var(--page), transparent);height:1.5rem;top:100%}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}.dir-pill[data-slide]{transition:none}::view-transition-group(*){animation:none}::view-transition-old(*){animation:none}::view-transition-new(*){animation:none}}
