.directory{background:var(--d-bg);color:var(--d-ink);min-height:100vh;font:14px/1.7 Manrope Variable,sans-serif}.directory *{box-sizing:border-box}.directory [hidden]{display:none!important}.directory :is(h1,h2,p){color:inherit;margin:0}.directory a{color:inherit;text-decoration:none}.directory button{font:inherit;cursor:pointer}.directory :is(button,a):focus-visible{outline:2px solid var(--d-accent);outline-offset:5px}.directory a:hover{color:var(--d-accent)}.directory ::selection{background:var(--d-accent-soft);color:var(--d-accent-deep)}.d-shell{width:calc(100% - 80px);max-width:1080px;margin-inline:auto}.d-nav{align-items:center;gap:52px;height:94px;display:flex}.d-brand{letter-spacing:-.055em;align-items:center;gap:9px;font-family:Bricolage Grotesque Variable,sans-serif;font-size:32px;font-weight:650;line-height:1;display:flex}.d-brand svg{color:var(--d-accent);transition:transform .3s}.d-brand:hover svg{transform:rotate(-8deg)}.d-nav nav{color:var(--d-muted);gap:27px;font-size:12px;display:flex}.d-nav>div{color:var(--d-muted);align-items:center;gap:24px;margin-inline-start:auto;font-size:12px;display:flex}.d-nav nav a,.d-nav .language-link{padding-block:7px;position:relative}.d-nav nav a:after,.d-nav .language-link:after{content:"";inset-inline:0;background:var(--d-accent);transform-origin:100%;height:1px;transition:transform .22s;position:absolute;bottom:0;transform:scaleX(0)}.d-nav nav a:hover:after,.d-nav nav a:focus-visible:after,.d-nav .language-link:hover:after{transform-origin:0;transform:scaleX(1)}.d-github{align-items:center;gap:9px;display:flex}.d-intro{padding-block:60px 72px}.d-intro-copy{grid-template-columns:1.15fr 1fr;align-items:start;column-gap:76px;display:grid}.d-intro-copy>.d-eyebrow{grid-column:1/-1}.d-intro-copy>h1{grid-area:2/1/4}.d-intro-copy>p{grid-area:2/2}.d-intro-copy>.d-intro-links{grid-area:3/2}.d-eyebrow{letter-spacing:.065em;color:var(--d-muted);align-items:center;gap:9px;margin-bottom:21px;font:9px/1.6 IBM Plex Mono,monospace;display:flex}.d-eyebrow i{background:var(--d-accent);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in srgb,var(--d-accent) 6%,transparent);border-radius:50%}.d-intro h1{letter-spacing:-.055em;font-family:Bricolage Grotesque Variable,sans-serif;font-size:58px;font-weight:550;line-height:1.06}.d-intro h1>span{color:var(--d-accent)}.d-intro-copy>p{color:var(--d-muted);max-width:420px;margin-top:1px;font-size:14px;line-height:1.85}.d-intro-links{align-items:center;gap:28px;margin-top:24px;font-size:12px;display:flex}.d-intro-links a{align-items:center;gap:12px;padding-block:4px;display:flex}.d-intro-links a:first-child{color:var(--d-accent);font-weight:600}.d-intro-links a:last-child{color:var(--d-muted)}.d-intro-links a>span{font-size:17px;line-height:1}.directory :is(.d-intro-links,.d-project-actions,.d-about,.d-footer,.d-github) a>span,.d-github>span{transition:transform .22s;display:inline-block}.directory :is(.d-project-actions,.d-about,.d-footer) a:hover>span,.d-github:hover>span,.d-intro-links a:last-child:hover>span{transform:translate(2px,-2px)}.d-intro-links a:first-child:hover>span{transform:translateY(3px)}.d-section-top{justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;display:flex}.d-section-top h2{letter-spacing:-.02em;align-items:center;gap:10px;font-size:16px;font-weight:650;display:flex}.d-section-top h2>span{color:var(--d-accent);background:0 0;padding:5px 0;font:10px/1 IBM Plex Mono,monospace}.d-filters{isolation:isolate;background:0 0;border-radius:6px;gap:3px;padding:3px;display:flex;position:relative}.d-filter-marker{background:var(--d-accent-soft);z-index:-1;border-radius:5px;transition:transform .26s cubic-bezier(.2,.7,.2,1),width .26s;position:absolute;top:3px;bottom:3px;left:0}.d-filters button{color:var(--d-muted);background:0 0;border:0;border-radius:4px;padding:5px 13px;font-size:11px;transition:color .2s}.d-filters button[aria-pressed=true]{color:var(--d-accent)}.d-filters button:hover{color:var(--d-ink)}.d-project-list{gap:5px;display:grid}.d-project{outline-offset:5px;border:0;border-radius:9px;margin-inline:-14px;padding-inline:14px;scroll-margin:25px;transition:background-color .2s;position:relative}.d-project:hover,.d-project:focus-within,.d-project.d-is-open{background:var(--d-hover)}.d-project:focus-visible{outline:1px solid var(--d-accent)}.d-project-main{grid-template-columns:215px minmax(0,1fr) 205px;align-items:center;gap:24px;padding:21px 0;display:grid}.d-project-identity{align-items:center;gap:15px;display:flex}.d-project-icon{width:34px;height:36px;color:var(--d-icon);flex-shrink:0;place-items:center;transition:color .2s,transform .25s;display:grid}.d-project:hover .d-project-icon,.d-project:focus-within .d-project-icon{color:var(--d-accent);transform:translateY(-2px)}.d-glyph-detail{transform-origin:50%;transition:transform .3s}.d-project:hover .d-glyph-0 .d-glyph-detail{transform:translate(2px)}.d-project:hover .d-glyph-1 .d-glyph-detail{transform:translateY(-2px)}.d-project:hover :is(.d-glyph-2,.d-glyph-5) .d-glyph-detail{transform:scale(1.13)}.d-project:hover .d-glyph-3 .d-glyph-detail,.d-project:hover .d-glyph-4 .d-glyph-detail{transform:translateY(-2px)}.d-project:hover .d-glyph-6 .d-glyph-detail{transform:translate(2px)}.d-project:hover .d-glyph-7 .d-glyph-detail{transform:translateY(-1px)}.d-project-name{flex-direction:column;gap:3px;display:flex}.d-project-name>a{letter-spacing:-.025em;font-size:15px;font-weight:650;transition:color .2s}.d-project-name>span{color:var(--d-muted);font:9px/1.6 IBM Plex Mono,monospace}.d-project-main>p{color:var(--d-muted);max-width:435px;font-size:12px;line-height:1.8}.d-project-actions{color:var(--d-muted);white-space:nowrap;justify-content:end;align-items:center;gap:17px;font-size:11px;display:flex}.d-project-actions a{align-items:center;gap:4px;padding-block:7px;display:flex}.d-project-actions a>span{color:var(--d-icon);font-size:12px}.d-project-actions button{color:var(--d-accent);background:0 0;border:0;align-items:center;gap:7px;padding:6px 0;font-size:11px;display:flex}.d-project-actions button>span{text-align:center;width:10px;font-size:17px;line-height:1;transition:transform .25s}.d-project-actions button[aria-expanded=true]>span{transform:rotate(45deg)}.d-install{background:var(--d-surface);color:var(--d-accent);direction:ltr;border:0;border-radius:5px;align-items:center;gap:13px;margin-bottom:16px;padding:14px 17px;display:flex;overflow:hidden}.d-install>span{color:var(--d-accent);font:12px IBM Plex Mono,monospace}.d-install code{overflow-wrap:anywhere;min-width:0;color:var(--d-accent);font:12px/1.7 IBM Plex Mono,monospace}.d-install>button{background:var(--d-tile);color:var(--d-accent);border:0;border-radius:4px;flex-shrink:0;margin-left:auto;padding:5px 11px;font-size:10px;transition:background .2s,color .2s}.d-install>button[data-copied=true]{background:var(--d-accent);color:var(--d-on-accent);border-color:var(--d-accent)}.d-project-note{color:var(--d-muted)!important;margin-top:15px!important;font-size:10px!important}.d-docs-callout{background:var(--d-docs-bg);border:0;border-radius:7px;align-items:center;gap:21px;margin-top:44px;padding:22px 25px;transition:background .25s,border-color .25s;display:flex}.d-docs-callout>svg{color:var(--d-docs-muted);flex-shrink:0;transition:transform .25s;transform:rotate(-5deg)}.d-docs-callout h2{letter-spacing:-.02em;color:var(--d-docs-ink);font-size:15px;font-weight:600}.d-docs-callout p{color:var(--d-docs-muted);margin-top:3px;font-size:11px}.d-docs-callout>span{white-space:nowrap;color:var(--d-docs-muted);align-items:center;gap:18px;margin-inline-start:auto;font-size:11px;display:flex}.d-docs-callout b{font-size:18px;font-weight:400;transition:transform .25s}.d-docs-callout:hover{border-color:var(--d-docs-muted);background:var(--d-docs-hover)}.d-docs-callout:hover>svg{transform:rotate(0)translateY(-3px)}.d-docs-callout:hover b{transform:translate(4px)}.d-bottom{grid-template-columns:1.15fr 1fr;gap:80px;margin-top:54px;margin-bottom:50px;display:grid}.d-bottom h2{letter-spacing:-.02em;font-size:15px;font-weight:650}.d-bottom-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.d-bottom-heading>span{color:var(--d-muted);font-size:9px}.d-writing>p{color:var(--d-muted);margin:10px 0 16px;font-size:11px}.d-writing button{text-align:start;width:100%;color:var(--d-ink);background:0 0;border:0;align-items:center;gap:17px;padding:13px 0;transition:color .2s;display:flex}.d-writing button>span{flex-direction:column;gap:4px;transition:transform .25s;display:flex}.d-writing button b{letter-spacing:-.01em;font-size:12px;font-weight:550}.d-writing button small{color:var(--d-muted);font:8px IBM Plex Mono,monospace}.d-writing button>i{color:var(--d-icon);margin-inline-start:auto;font-size:15px;font-style:normal;transition:transform .25s}.d-writing button:hover{color:var(--d-accent)}.d-writing button:hover>span{transform:translate(4px)}.d-writing button:hover>i{transform:translate(2px,-2px)}.d-about p{color:var(--d-muted);margin-top:12px;font-size:12px;line-height:1.9}.d-about>a{color:var(--d-accent);align-items:center;gap:14px;margin-top:18px;font-size:11px;display:inline-flex}.d-about>a>span{font-size:16px}.d-footer{color:var(--d-muted);align-items:center;gap:27px;padding:21px 0 40px;font-size:10px;display:flex}.d-footer>span:first-child{color:var(--d-ink)}.d-footer>a{align-items:center;gap:12px;margin-inline-start:auto;display:flex}.d-footer>a>span{font-size:14px}.d-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[lang=fa] .directory{font-family:Vazirmatn Variable,sans-serif}[lang=fa] .d-intro h1{letter-spacing:-.035em;font-family:Vazirmatn Variable,sans-serif;font-size:52px;line-height:1.3}[lang=fa] .d-intro-copy>p{line-height:2}[lang=fa] .d-project-name>a{text-align:right;direction:ltr;font-family:Manrope Variable,sans-serif;font-size:14px}[lang=fa] .d-project-main>p,[lang=fa] .d-writing button b{font-size:13px}[lang=fa] .d-writing button small{font-family:Vazirmatn Variable,sans-serif;font-size:9px}[lang=fa] .d-about p{font-size:13px}[lang=fa] .d-writing button:hover>span{transform:translate(-4px)}@media (width<=1000px){.d-shell{width:calc(100% - 64px)}.d-intro-copy{column-gap:45px}.d-intro h1{font-size:56px}.d-project-main{grid-template-columns:185px minmax(0,1fr) 190px;gap:17px}.d-project-identity{gap:9px}.d-project-actions{gap:13px}.d-bottom{gap:45px}}@media (width<=760px){.d-shell{width:calc(100% - 48px)}.d-nav{gap:30px;height:83px}.d-nav nav{gap:18px;font-size:11px}.d-nav>div{gap:17px;font-size:11px}.d-intro{padding-block:42px 48px}.d-intro-copy{display:block}.d-intro-copy>p{max-width:530px;margin-top:23px}.d-intro h1{font-size:48px}.d-intro-copy>p{font-size:12px}.d-intro-links{gap:20px;font-size:11px}.d-project-main{grid-template-columns:minmax(0,1fr) auto;gap:2px 20px;padding-block:17px}.d-project-identity{grid-area:1/1;gap:11px}.d-project-name{flex-direction:row;align-items:baseline;gap:12px}.d-project-name>span{font-size:8px}.d-project-main>p{grid-area:2/1;max-width:none;padding-inline-start:45px;font-size:12px}.d-project-actions{grid-area:1/2/3;gap:14px}.d-project-name>a{font-size:15px}.d-docs-callout{gap:18px;padding:20px}.d-docs-callout>span{gap:10px;font-size:10px}.d-docs-callout p{font-size:10px}.d-bottom{gap:35px}.d-about p,.d-writing button b{font-size:11px}.d-footer{gap:17px;font-size:9px}[lang=fa] .d-intro h1{font-size:41px}[lang=fa] .d-project-main>p{font-size:12px}}@media (prefers-reduced-motion:reduce){.directory *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.directory .d-arrow{vertical-align:middle;transform-origin:50%;flex-shrink:0;width:16px;height:16px;transition:transform .22s,color .22s;display:inline-block}.directory .d-project-actions .d-arrow{width:14px;height:14px;color:var(--d-icon)}.directory .d-project-actions button .d-arrow{color:var(--d-accent)}.directory a:hover>.d-arrow-external{transform:translate(2px,-2px)}.directory :is(a,button):hover>.d-arrow-right{transform:translate(3px)}.directory .d-intro-links a:hover>.d-arrow-down{transform:translateY(3px)}.directory .d-project-actions button[aria-expanded=true]>.d-arrow-plus{transform:rotate(45deg)}.directory .d-writing button>.d-arrow{color:var(--d-icon);margin-inline-start:auto}.directory .d-docs-callout>span>.d-arrow{width:18px;height:18px}.directory .d-docs-callout:hover>span>.d-arrow{transform:translate(4px)}[lang=fa] .directory .d-arrow-right{rotate:180deg}[lang=fa] .directory :is(a,button):hover>.d-arrow-right{transform:translate(3px)}[lang=fa] .d-intro h1{font-size:42px;line-height:1.5}@media (width<=1000px){.d-intro h1{font-size:49px}.d-filters button{padding-inline:10px}}@media (width<=760px){.d-intro h1{font-size:43px}.d-section-top{flex-wrap:wrap}.d-filters button{padding-inline:10px}[lang=fa] .d-intro h1{font-size:34px}}@media (width<=600px){.d-intro h1{font-size:44px}.d-filters{justify-content:space-between;width:100%}.d-filters button{padding-inline:10px;font-size:10px}.d-section-top{gap:13px}.d-project-main>p{font-size:12px}[lang=fa] .d-intro h1{font-size:33px}}@media (prefers-reduced-motion:reduce){.directory .d-arrow{transition:none!important}}.d-brand svg path{stroke:var(--d-on-accent)}@media (width>=761px) and (width<=1000px){.d-intro h1{font-size:43px}.d-intro-copy{column-gap:36px}.d-intro-links{gap:20px;font-size:11px}}@media (width<=600px){.d-project-list{gap:10px}.d-project{margin-inline:-10px;padding-inline:10px}.d-docs-callout{margin-top:34px}.d-bottom{margin-top:42px}}[lang=fa] .d-eyebrow{letter-spacing:0;font-family:Vazirmatn Variable,sans-serif;font-size:10px}[lang=fa] .d-project-name>span{letter-spacing:0;font-family:IBM Plex Mono,Vazirmatn Variable,monospace}.d-collection-intro{max-width:660px;line-height:1.9;color:var(--d-muted)!important;margin:0 0 19px!important;font-size:12px!important}.d-about{scroll-margin-top:35px}.d-about-links{flex-wrap:wrap;gap:14px 22px;margin-top:19px;display:flex}.d-about-links a{color:var(--d-accent);align-items:center;gap:8px;font-size:11px;display:inline-flex}[lang=fa] .d-collection-intro{font-size:13px!important}@media (width<=600px){.d-section-top{align-items:start}.d-collection-intro{font-size:11px!important}.d-about-links a{font-size:12px}}.d-about .d-community-title{margin-top:28px;font-size:15px;font-weight:650;line-height:1.7}