.hd-directory{--sp-ground:var(--dir-ground);--sp-ease:cubic-bezier(.23, 1, .32, 1);--sp-tight:"Inter Tight", var(--sans)}.hd-directory .sp-wrap{width:1040px;max-width:calc(100% - 32px);margin:0 auto;padding:56px 0 120px}.hd-directory .sp-sec{padding:0 0 72px}.hd-directory .sp-grid{grid-auto-flow:row;gap:16px;display:grid}.hd-directory .sp-grid--four{--ph:186px;grid-template-columns:repeat(4,1fr)}.hd-directory .sp-grid--three{--ph:236px;grid-template-columns:repeat(3,1fr)}.hd-directory .sp-w2c,.hd-directory .sp-wide{grid-column:span 2}.hd-directory .sp-card{background:var(--dir-paper);color:inherit;transition:box-shadow .2s var(--sp-ease);border-radius:12px;outline:none;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.hd-directory .sp-card:after{content:"";box-shadow:inset 0 0 0 1px var(--line);pointer-events:none;z-index:3;transition:box-shadow .2s var(--sp-ease);border-radius:12px;position:absolute;inset:0}.hd-directory .sp-card:hover:after{box-shadow:inset 0 0 0 1px var(--dir-hover-edge)}.hd-directory .sp-card:focus-visible:after{box-shadow:inset 0 0 0 1px var(--dir-hover-edge), 0 0 0 2px var(--dir-paper), 0 0 0 4px var(--ink)}.hd-directory .sp-card:focus-visible{overflow:visible}.hd-directory .sp-plate{height:var(--ph);background:var(--sp-ground);display:block;position:relative;overflow:hidden}.hd-directory .sp-cap{justify-content:space-between;align-items:baseline;gap:12px;height:44px;padding:12px 16px;display:flex}.hd-directory .sp-nm{font:500 14px/20px var(--sans);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hd-directory .sp-ft{font:400 12px/20px var(--mono);color:var(--mute);white-space:nowrap;transition:color .2s var(--sp-ease)}.hd-directory .sp-card:hover .sp-ft,.hd-directory .sp-card:focus-visible .sp-ft{color:var(--sub)}.hd-directory .sp-spec{place-items:center;display:grid;position:absolute;inset:0}.hd-directory .sp-type{color:var(--ink);align-items:center;gap:28px;display:flex}.hd-directory .sp-type>span:first-child{font:500 104px/1 var(--sp-tight);letter-spacing:-.03em}.hd-directory .sp-icons{color:var(--dir-strong);grid-template-columns:repeat(4,32px);gap:6px 14px;display:grid}.hd-directory .sp-icons span{place-items:center;height:32px;display:grid}.hd-directory .sp-risks{justify-items:start;gap:8px;display:grid}.hd-directory .sp-risk{height:24px;font:500 12px/16px var(--sans);border:1px solid;border-radius:6px;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.hd-directory .sp-risk i{border-radius:50%;width:6px;height:6px}.hd-directory .sp-a11y{align-items:center;gap:28px;padding-top:20px;display:flex}.hd-directory .sp-ct{justify-items:center;gap:4px;display:grid}.hd-directory .sp-ct b{font:500 48px/52px var(--sp-tight);color:var(--dir-body);letter-spacing:-.02em}.hd-directory .sp-ct b.m{color:var(--hd-muted)}.hd-directory .sp-ct span{font:400 11px/14px var(--mono);color:var(--sub)}.hd-directory .sp-space{align-items:flex-end;gap:10px;padding-top:16px;display:flex}.hd-directory .sp-space span{justify-items:center;gap:6px;display:grid}.hd-directory .sp-space i{background:var(--dir-strong);border-radius:2px;width:16px}.hd-directory .sp-space em{font:400 11px/12px var(--mono);color:var(--sub);font-style:normal}.hd-directory .sp-rad svg{width:169px;height:129px;display:block;overflow:visible}.hd-directory .sp-rad path{fill:none;stroke:var(--dir-line-strong);stroke-width:1px}.hd-directory .sp-rad path.on{stroke:var(--dir-strong);stroke-width:1.5px}.hd-directory .sp-shad{align-items:flex-end;gap:28px;padding-top:16px;display:flex}.hd-directory .sp-shad span{justify-items:center;gap:14px;display:grid}.hd-directory .sp-shad i{background:var(--dir-paper);width:64px;height:48px;transform:translateY(var(--y));border-radius:8px}.hd-directory .sp-shad em{font:400 11px/12px var(--mono);color:var(--sub);font-style:normal}.hd-directory .sp-mo{position:relative}.hd-directory .sp-mo svg{width:424px;height:126px;display:block;overflow:visible}.hd-directory .sp-mo .ax{fill:none;stroke:var(--dir-line-strong);stroke-width:1px}.hd-directory .sp-mo .cv{fill:none;stroke:var(--dir-strong);stroke-width:1.5px}.hd-directory .sp-grid--comp{--ph:176px;grid-template-columns:repeat(4,1fr);gap:12px}.hd-directory .sp-cmp{font:400 14px/20px var(--sans);color:var(--dir-strong);place-items:center;display:grid;position:absolute;inset:0}.hd-directory .w180{width:180px}.hd-directory .w160{width:160px}@media (prefers-reduced-motion:reduce){.hd-directory .sp-card,.hd-directory .sp-card:after,.hd-directory .sp-ft{transition:none}}.hd-directory .sp-grid{gap:20px}.hd-directory .sp-card{box-shadow:0 1px 2px color-mix(in srgb, var(--dir-shadow) 3.9%, transparent);border-radius:16px;padding:6px 6px 0}.hd-directory .sp-card:after{border-radius:16px}.hd-directory .sp-plate{box-shadow:inset 0 0 0 1px var(--hd-line);border-radius:10px}.hd-directory .sp-card:focus-visible .sp-plate{border-radius:10px}.hd-directory .sp-cap{height:50px;padding:14px 14px 16px}.hd-directory .sp-nm{font-size:15px}.hd-directory .sp-ft{font:400 13px/20px var(--font-sans);color:var(--mute)}.hd-directory :is(.sp-dn i,.sp-space em,.sp-shad em){font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:12px}.hd-directory .sp-iso{--g:14px;width:240px;height:150px;display:block;position:relative}.hd-directory .sp-card:hover .sp-iso,.hd-directory .sp-card:focus-visible .sp-iso{--g:22px}.hd-directory .sp-iso .pl{width:112px;height:80px;margin:calc(-40px + 1.5 * var(--g)) 0 0 -56px;box-shadow:0 0 0 1px color-mix(in srgb, var(--dir-black) 12.2%, transparent), 0 10px 18px -10px color-mix(in srgb, var(--dir-shadow) 20%, transparent);transform:translateY(calc(var(--i) * -1 * var(--g))) rotateX(62deg) rotateZ(-38deg);border-radius:12px;transition:transform .35s cubic-bezier(.23,1,.32,1),margin .35s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:50%}.hd-directory .sp-iso .lb{left:calc(50% + 74px);top:calc(50% + 1.5 * var(--g) - var(--i) * var(--g) - 7px);color:var(--sub,var(--hd-muted));white-space:nowrap;opacity:0;font:400 11px/14px KH Teka Mono,ui-monospace,SF Mono,Menlo,monospace;transition:opacity .25s,top .35s cubic-bezier(.23,1,.32,1);position:absolute}.hd-directory .sp-card:hover .sp-iso .lb,.hd-directory .sp-card:focus-visible .sp-iso .lb{opacity:1}.hd-directory .sp-rad--c3{display:block;position:relative}.hd-directory .sp-rad--c3 svg{width:180px;height:132px;display:block;overflow:visible}@media (prefers-reduced-motion:reduce){.hd-directory .sp-iso .pl,.hd-directory .sp-iso .lb{transition:none}}.hd-directory :is(.sp-grid--brands,.sp-grid--four,.sp-grid--three,.sp-grid--comp){--ph:236px}.hd-directory .sp-spec--intents{justify-items:center;padding-left:0}.hd-directory .sp-shad{gap:24px;padding-top:24px}.hd-directory .sp-shad i{width:56px;height:44px}.hd-directory .sp-mo :is(path,line){vector-effect:non-scaling-stroke}.hd-directory .sp-bps{align-items:flex-end;gap:28px;display:flex}.hd-directory .bp{justify-items:center;gap:10px;display:grid}.hd-directory .bp em{font:400 12px/16px var(--font-sans);color:var(--sub);font-style:normal}.hd-directory .bp .scr{box-sizing:border-box;background:var(--dir-paper);box-shadow:0 0 0 1px color-mix(in srgb, var(--dir-black) 10.2%, transparent), 0 4px 10px -6px color-mix(in srgb, var(--dir-shadow) 14.9%, transparent);border-radius:8px;align-content:start;gap:6px;padding:8px;display:grid}.hd-directory .bp .scr b{background:var(--dir-faint);border-radius:3px;height:8px;display:block}.hd-directory .bp .g{grid-template-columns:repeat(var(--c), 1fr);gap:6px;display:grid}.hd-directory .bp .g i{background:var(--dir-soft);height:22px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dir-black) 5.1%, transparent);border-radius:4px;display:block}.hd-directory .bp.ph .scr{border-radius:12px;width:64px;height:118px}.hd-directory .bp.tb .scr{width:120px;height:118px}.hd-directory .bp.dk .scr{width:196px;height:118px}.hd-directory .sp-icons>:nth-child(n+9){display:none}.hd-directory .sp-iso .pl{z-index:calc(var(--i) + 1);opacity:1!important;box-shadow:0 0 0 1px color-mix(in srgb, var(--dir-black) 9%, transparent), 0 1.5px 0 color-mix(in srgb, var(--dir-black) 7.8%, transparent), 0 12px 20px -12px color-mix(in srgb, var(--dir-shadow) 25.1%, transparent)!important}.hd-directory .sp-iso{width:300px!important}.hd-directory .sp-iso .lb{left:calc(50% + 88px)!important}.hd-directory .sp-rad--home svg{-webkit-mask:linear-gradient(90deg, var(--dir-black) 70%, transparent), linear-gradient(var(--dir-black) 70%, transparent);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect;width:150px!important;height:130px!important}.hd-directory .sp-rad--home path{transition:d .45s cubic-bezier(.23,1,.32,1);stroke-width:1.5px!important;fill:none!important}.hd-directory .sp-iso .lb:not(#_){color:var(--dir-strong)!important;font:500 12px/16px KH Teka Mono,ui-monospace,SF Mono,Menlo,monospace!important;left:calc(50% + 96px)!important}.hd-directory .sp-iso .lb:before{content:"";background:var(--dir-bar);width:30px;height:1px;position:absolute;top:8px;right:calc(100% + 6px)}.hd-directory .sp-iso .lb:after{content:"";background:var(--dir-paper);width:8px;height:8px;box-shadow:inset 0 0 0 1.5px var(--dir-strong);border-radius:50%;position:absolute;top:4.5px;right:calc(100% + 36px)}.hd-directory .sp-iso .lb:not(#_){z-index:10}.hd-directory .sp-cmp.ab{--g1:var(--dir-bar);--g2:var(--dir-mid);--g0:var(--dir-faint);--ring:0 0 0 1px color-mix(in srgb, var(--dir-black) 14.9%, transparent);--float:0 0 0 1px var(--dir-float-edge), 0 6px 14px -8px color-mix(in srgb, var(--dir-shadow) 20%, transparent);--float-lg:0 0 0 1px var(--dir-float-edge), 0 1px 2px color-mix(in srgb, var(--dir-shadow) 3.9%, transparent), 0 16px 32px -18px color-mix(in srgb, var(--dir-shadow) 25.1%, transparent);--e:cubic-bezier(.32, .72, 0, 1)}.hd-directory .ab span,.hd-directory .ab b,.hd-directory .ab i{box-sizing:border-box}.hd-directory .ab .ab-row{align-items:center;gap:8px;display:flex}.hd-directory .ab .ab-row.g6{gap:6px}.hd-directory .ab .ab-row.g10{gap:10px}.hd-directory .ab .ab-row.g12{gap:12px}.hd-directory .ab .ab-row.g16{gap:16px}.hd-directory .ab .ab-row.wrap{flex-wrap:wrap;justify-content:center;width:200px}.hd-directory .ab .ab-row.end{justify-content:flex-end;padding-top:4px}.hd-directory .ab .ab-col{justify-items:start;gap:8px;display:grid}.hd-directory .ab .ab-col.g6{gap:6px}.hd-directory .ab .ab-col.g10{gap:10px}.hd-directory .ab .ab-col.g12{gap:12px}.hd-directory .ab .ab-col.c{justify-items:center}.hd-directory .ab .ab-col.w160{width:160px}.hd-directory .ab .ab-col.w180{width:180px}.hd-directory .ab .ab-col.w160>.ab-w,.hd-directory .ab .ab-col.w180>*{width:100%}.hd-directory .ab .ab-col.p{padding:12px 14px}.hd-directory .ab .ab-i{fill:none;width:14px;height:14px;stroke:var(--hd-muted);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.hd-directory .ab .ab-i.s{width:12px;height:12px;stroke:var(--hd-muted)}.hd-directory .ab .ab-i.m{stroke:var(--dir-mid)}.hd-directory .ab .ab-i.l{stroke-width:1.75px;width:18px;height:18px}.hd-directory .ab .ab-i.w{stroke:var(--dir-paper)}.hd-directory .ab .ab-i.r{margin-left:auto}.hd-directory .ab i.ab-b{background:var(--g1);height:6px;transition:background-color .25s var(--e);border-radius:3px;flex:none;display:block}.hd-directory .ab i.ab-b.d{background:var(--g2)}.hd-directory .ab i.ab-b.k{background:var(--dir-strong)}.hd-directory .ab i.ab-b.m{background:var(--g0);height:5px}.hd-directory .ab i.ab-b.w{background:color-mix(in srgb, var(--dir-paper) 54.9%, transparent)}.hd-directory .ab .ab-w{background:var(--dir-paper);box-shadow:var(--float);border-radius:10px;align-items:center;gap:10px;display:flex}.hd-directory .ab .ab-w.pad{padding:14px 16px}.hd-directory .ab .ab-w.row{width:210px;padding:12px 12px 12px 14px}.hd-directory .ab .ab-w.row .ab-row{width:100%}.hd-directory .ab .ab-w.row .ab-sw{margin-left:auto}.hd-directory .ab .ab-w.ban{align-items:flex-start;width:224px;padding:12px}.hd-directory .ab .ab-bi{background:var(--dir-ground);border-radius:6px;flex:none;place-items:center;width:24px;height:24px;margin-top:-3px;display:grid}.hd-directory .ab .ab-w.ban .ab-col{flex:1}.hd-directory .ab .ab-w.ban>.ab-i.r{margin-top:0}.hd-directory .ab .ab-w.ta{width:210px;height:104px;box-shadow:var(--ring);border-radius:8px;padding:14px;display:block;position:relative}.hd-directory .ab .ab-cc{position:absolute;bottom:12px;right:12px}.hd-directory .ab .ab-w.ch{border-radius:10px;align-items:flex-end;width:200px;height:112px;padding:16px 16px 0}.hd-directory .ab .ab-chart{width:100%;height:100%;box-shadow:inset 0 -1px color-mix(in srgb, var(--dir-black) 5.1%, transparent);align-items:flex-end;gap:8px;display:flex}.hd-directory .ab .ab-chart i{background:var(--g1);transform-origin:bottom;transition:transform .45s var(--e), background-color .25s var(--e);border-radius:3px 3px 0 0;flex:1}.hd-directory .ab .ab-chart i:nth-child(6){background:var(--dir-strong)}.hd-directory .ab .ab-w.menu{border-radius:10px;gap:0;padding:4px;display:grid}.hd-directory .ab .ab-mi{border-radius:6px;align-items:center;gap:10px;height:28px;padding:0 8px;display:flex;position:relative}.hd-directory .ab .ab-mi.on{background:var(--dir-selection)}.hd-directory .ab .ab-mi .ab-i{width:13px;height:13px}.hd-directory .ab .ab-mi .ab-i.r{stroke:var(--hd-muted)}.hd-directory .ab .ab-f{background:var(--dir-paper);height:30px;box-shadow:var(--ring);border-radius:8px;align-items:center;gap:8px;width:100%;padding:0 10px;display:flex}.hd-directory .ab .ab-f.on{box-shadow:0 0 0 1px var(--dir-strong), 0 0 0 4px color-mix(in srgb, var(--dir-black) 5.1%, transparent);gap:2px}.hd-directory .ab .ab-f.on .ab-i:first-child{margin-right:6px}.hd-directory .ab .ab-caret{background:var(--dir-strong);border-radius:1px;width:1.5px;height:14px;display:block}.hd-directory .ab .ab-f.num{width:140px;padding-right:4px}.hd-directory .ab .ab-step{gap:2px;margin-left:auto;display:flex}.hd-directory .ab .ab-step .ab-i{box-sizing:content-box;background:var(--dir-ground);border-radius:5px;padding:5px}.hd-directory .ab .ab-f.ta2{width:210px;height:100px;padding:14px;display:block}.hd-directory .ab .ab-btn{background:var(--dir-paper);height:30px;box-shadow:var(--ring), 0 1px 2px color-mix(in srgb, var(--dir-shadow) 5.1%, transparent);transition:background-color .2s var(--e);border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.hd-directory .ab .ab-btn.p{background:var(--dir-strong);box-shadow:none}.hd-directory .ab .ab-btn.sq{width:30px;padding:0;position:relative}.hd-directory .ab .ab-btn.fit{justify-self:start;width:auto!important}.hd-directory .ab .ab-dots{width:30px;height:30px;transition:background-color .2s var(--e);border-radius:8px;place-items:center;display:grid}.hd-directory .ab .ab-dot{background:var(--dir-strong);width:7px;height:7px;box-shadow:0 0 0 2px var(--dir-paper);border-radius:50%;position:absolute;top:5px;right:6px}.hd-directory .ab .ab-pill{background:var(--dir-paper);height:22px;box-shadow:var(--ring);border-radius:11px;align-items:center;gap:6px;padding:0 9px 0 8px;display:inline-flex}.hd-directory .ab .ab-pill .n{background:var(--g2);width:6px;height:6px;transition:background-color .25s var(--e);border-radius:50%}.hd-directory .ab .ab-cb{background:var(--dir-paper);width:16px;height:16px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dir-black) 26.7%, transparent);transition:background-color .2s var(--e), box-shadow .2s var(--e);border-radius:4px;flex:none;place-items:center;display:grid}.hd-directory .ab .ab-cb .ab-i{width:11px;height:11px;stroke:var(--dir-paper);stroke-width:3px}.hd-directory .ab .ab-cb.on{background:var(--dir-strong);box-shadow:none}.hd-directory .ab .ab-rd{background:var(--dir-paper);width:16px;height:16px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dir-black) 26.7%, transparent);transition:background-color .2s var(--e), box-shadow .2s var(--e);border-radius:50%;flex:none;position:relative}.hd-directory .ab .ab-rd:after{content:"";background:var(--dir-paper);transition:transform .2s var(--e);border-radius:50%;position:absolute;inset:5px;transform:scale(0)}.hd-directory .ab .ab-rd.on{background:var(--dir-strong);box-shadow:none}.hd-directory .ab .ab-rd.on:after{transform:none}.hd-directory .ab .ab-w.rc{width:112px;box-shadow:var(--ring);transition:box-shadow .2s var(--e);border-radius:10px;align-items:flex-start;padding:12px}.hd-directory .ab .ab-w.rc.on{box-shadow:0 0 0 1.5px var(--dir-strong)}.hd-directory .ab .ab-sw{background:var(--dir-bar);width:28px;height:16px;transition:background-color .25s var(--e);border-radius:8px;flex:none;position:relative}.hd-directory .ab .ab-sw:after{content:"";background:var(--dir-paper);width:12px;height:12px;box-shadow:0 1px 2px color-mix(in srgb, var(--dir-shadow) 10.2%, transparent);transition:transform .25s var(--e);border-radius:50%;position:absolute;top:2px;left:2px}.hd-directory .ab .ab-chip{background:var(--dir-paper);height:26px;box-shadow:var(--ring);border-radius:13px;align-items:center;gap:6px;padding:0 6px 0 10px;display:inline-flex}.hd-directory .ab .ab-chip.f{background:var(--dir-ground);height:30px;box-shadow:none;border-radius:8px}.hd-directory .ab .ab-btn .ab-i:not(.w){stroke:var(--hd-muted)}.hd-directory .ab .ab-av{width:var(--s);height:var(--s);background:var(--g0);border-radius:50%;flex:none;place-items:center;display:grid}.hd-directory .ab .ab-av.ic{background:var(--dir-ground);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dir-black) 5.9%, transparent)}.hd-directory .ab .ab-row.ag{gap:0}.hd-directory .ab .ab-row.ag>.ab-av{box-shadow:0 0 0 3px var(--dir-paper);transition:transform .3s var(--e)}.hd-directory .ab .ab-row.ag>.ab-av+.ab-av{margin-left:-8px}.hd-directory .ab .ab-row.ag>.ab-av:nth-child(2){background:var(--dir-avatar-2)}.hd-directory .ab .ab-row.ag>.ab-av:nth-child(3){background:var(--dir-avatar-3)}.hd-directory .ab .ab-row.ag>.ab-av:nth-child(4){background:var(--dir-line-strong)}.hd-directory .ab .ab-av.more{background:var(--dir-paper);box-shadow:0 0 0 3px var(--dir-paper), inset 0 0 0 1px color-mix(in srgb, var(--dir-black) 14.9%, transparent)!important}.hd-directory .ab .ab-row.g12>.ab-av:first-child{background:var(--dir-bar)}.hd-directory .ab .ab-spin{border:2px solid var(--dir-faint);border-top-color:var(--dir-strong);border-radius:50%;width:20px;height:20px;animation:.9s linear infinite dir-ab-spin}@keyframes dir-ab-spin{to{transform:rotate(1turn)}}.hd-directory .ab .ab-tt{background:var(--dir-strong);border-radius:6px;padding:8px 10px;position:relative}.hd-directory .ab .ab-tt:after{content:"";background:var(--dir-strong);border-radius:0 0 2px;width:8px;height:8px;margin-left:-4px;position:absolute;bottom:-4px;left:50%;transform:rotate(45deg)}.hd-directory .ab .ab-icons{grid-template-columns:repeat(4,36px);gap:4px;display:grid}.hd-directory .ab .ab-icons .ab-i{box-sizing:content-box;transition:background-color .2s var(--e), stroke .2s var(--e);border-radius:8px;padding:9px}.hd-directory .ab .ab-icons .ab-i:nth-child(6){background:var(--dir-paper);box-shadow:var(--ring);stroke:var(--dir-strong)}.hd-directory .ab .ab-bg{background:var(--dir-paper);box-shadow:var(--ring), 0 1px 2px color-mix(in srgb, var(--dir-shadow) 5.1%, transparent);border-radius:8px;display:flex}.hd-directory .ab .ab-bg .ab-btn{box-shadow:none;background:0 0;border-radius:0}.hd-directory .ab .ab-bg .ab-btn+.ab-btn{box-shadow:inset 1px 0 color-mix(in srgb, var(--dir-black) 14.9%, transparent)}.hd-directory .ab .ab-bg .ab-btn.on{background:var(--dir-selection)}.hd-directory .ab .ab-bg .ab-btn.on i.ab-b{background:var(--g2)}.hd-directory .ab .ab-seg{background:var(--dir-track);border-radius:8px;grid-template-columns:repeat(3,56px);padding:2px;display:grid;position:relative}.hd-directory .ab .ab-seg:before{content:"";background:var(--dir-paper);width:56px;height:28px;box-shadow:0 1px 2px color-mix(in srgb, var(--dir-shadow) 10.2%, transparent), 0 0 0 1px var(--dir-float-edge);transition:transform .3s var(--e);border-radius:6px;position:absolute;top:2px;left:2px;transform:translate(56px)}.hd-directory .ab .ab-seg>span{place-items:center;height:28px;display:grid;position:relative}.hd-directory .ab .ab-seg i.ab-b{background:var(--dir-line-strong);height:5px}.hd-directory .ab .ab-seg .on i.ab-b{background:var(--g2)}.hd-directory .ab .ab-scrim,.hd-directory .ab .ab-frame{background:var(--dir-scrim);border-radius:8px;place-items:center;display:grid;position:absolute;inset:14px;overflow:hidden}.hd-directory .ab .ab-w.dlg{width:196px;box-shadow:var(--float-lg);border-radius:10px;gap:0;display:grid}.hd-directory .ab .ab-dh{justify-content:space-between;align-items:center;padding:12px 12px 0 14px;display:flex}.hd-directory .ab .ab-df{box-shadow:inset 0 1px color-mix(in srgb, var(--dir-black) 5.1%, transparent);justify-content:flex-end;gap:6px;padding:10px 12px;display:flex}.hd-directory .ab .ab-df .ab-btn{border-radius:6px;height:24px;padding:0 8px}.hd-directory .ab .ab-frame{background:var(--dir-paper);box-shadow:var(--ring);place-items:start}.hd-directory .ab .ab-w.drw{width:132px;box-shadow:var(--float-lg);transition:transform .35s var(--e);border-radius:8px;align-content:start;gap:0;display:grid;position:absolute;top:6px;bottom:6px;right:6px}.hd-directory .ab .ab-w.drw .ab-f{border-radius:6px;height:24px}.hd-directory .ab .ab-w.pop{box-shadow:var(--float-lg);border-radius:10px;padding:14px}.hd-directory .ab .ab-w.form{width:200px;display:block}.hd-directory .ab .ab-w.form .ab-col{justify-items:stretch;width:100%}.hd-directory .ab .ab-w.form .ab-col>i.ab-b{justify-self:start}.hd-directory .ab .ab-w.form .ab-f,.hd-directory .ab .ab-w.form .ab-btn{border-radius:7px;height:26px}.hd-directory .ab .ab-rcm{width:170px;padding:18px 0 0 18px;position:relative}.hd-directory .ab .ab-rcm .ab-i.cur{width:18px;height:18px;fill:var(--dir-strong);stroke:var(--dir-paper);stroke-width:1.5px;z-index:2;position:absolute;top:0;left:0}.hd-directory .sp-cmp--form.ab,.hd-directory .sp-cmp--dialog.ab,.hd-directory .sp-cmp--drawer.ab{overflow:hidden}.hd-directory .sp-card:is(:hover,:focus-visible) .ab .ab-sw{background:var(--dir-strong)}.hd-directory .sp-card:is(:hover,:focus-visible) .ab .ab-sw:after{transform:translate(12px)}.hd-directory .sp-card:is(:hover,:focus-visible) .ab .ab-seg:before{transform:translate(112px)}.hd-directory .sp-card:is(:hover,:focus-visible) .ab .ab-seg .on i.ab-b{background:var(--dir-line-strong)}.hd-directory .sp-card:is(:hover,:focus-visible) .ab .ab-seg>span:last-child i.ab-b{background:var(--g2)}.hd-directory .sp-card:is(:hover,:focus-visible) .ab .ab-col>.ab-row:nth-child(2)>.ab-cb:not(.on),.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--checkboxgroup .ab-row:nth-child(3) .ab-cb:not(.on){background:var(--dir-strong);box-shadow:none}.hd-directory .sp-card:is(:hover,:focus-visible) .ab .ab-btn.p{background:var(--dir-strong)}.hd-directory .sp-card:is(:hover,:focus-visible) .ab .ab-dots{background:var(--dir-selection)}.hd-directory .sp-card:is(:hover,:focus-visible) .ab .ab-chart i{transform:scaleY(.86)}.hd-directory .sp-card:is(:hover,:focus-visible) .ab .ab-chart i:nth-child(odd){transform:scaleY(1.08)}.hd-directory .sp-card:is(:hover,:focus-visible) .ab .ab-row.ag>.ab-av:not(:first-child){transform:translateX(calc((var(--n,1)) * 4px))}.hd-directory .sp-card:is(:hover,:focus-visible) .ab .ab-pill .n{background:var(--dir-strong)}.hd-directory .sp-card:is(:hover,:focus-visible) .ab .ab-w.drw{transform:translate(-4px)}@media (prefers-reduced-motion:reduce){.hd-directory .ab *,.hd-directory .ab :before,.hd-directory .ab :after{transition:none!important;animation:none!important}}.hd-directory .ab .ab-w.ban{width:252px}.hd-directory .ab .ab-scrim,.hd-directory .ab .ab-frame{width:236px;height:136px;position:relative;inset:auto}.hd-directory .ab .ab-chip.f{background:var(--dir-paper);box-shadow:var(--ring)}.hd-directory .ab .ab-row.wrap{width:220px}.hd-directory .sp-iso .lb{display:none!important}.hd-directory .bp{grid-template-rows:118px auto;position:relative}.hd-directory .bp.ph{width:64px}.hd-directory .bp.tb{width:120px}.hd-directory .bp.dk{width:196px}.hd-directory .bp .scr{position:absolute;top:0;left:50%;transform:translate(-50%)}.hd-directory .bp em{grid-row:2}.hd-directory .bp.ph .scr{--w:64px;--r:12px;--tx:186px;z-index:1}.hd-directory .bp.tb .scr{--w:120px;--r:8px;--tx:66px;z-index:2}.hd-directory .bp.dk .scr{--w:196px;--r:8px;--tx:-120px;z-index:3}@keyframes dir-sp-bp-run{0%{width:var(--w);border-radius:var(--r);transform:translate(-50%)}14%,30%{transform:translateX(calc(-50% + var(--tx)));border-radius:8px;width:196px}42%,56%{transform:translateX(calc(-50% + var(--tx)));border-radius:8px;width:120px}68%,82%{transform:translateX(calc(-50% + var(--tx)));border-radius:12px;width:64px}to{width:var(--w);border-radius:var(--r);transform:translate(-50%)}}@keyframes dir-sp-bp-top-dk{0%,35%{z-index:4}36%,to{z-index:1}}@keyframes dir-sp-bp-top-tb{0%,35%{z-index:2}36%,61%{z-index:4}62%,to{z-index:1}}@keyframes dir-sp-bp-top-ph{0%,61%{z-index:1}62%,to{z-index:4}}@keyframes dir-sp-bp-lb{0%{opacity:1}10%,86%{opacity:0}to{opacity:1}}.hd-directory .sp-card:is(:hover,:focus-visible) .bp em{animation:2.8s linear both dir-sp-bp-lb}@media (prefers-reduced-motion:reduce){.hd-directory .sp-card:is(:hover,:focus-visible) .bp :is(.scr,em){animation:none!important}}.hd-directory .sp-shad{--sh-lift:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--sh-raise:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--sh-float:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}.hd-directory .sp-shad span{position:relative}.hd-directory .sp-shad span:nth-child(2){z-index:2}.hd-directory .sp-shad i[data-a=sh-lift]{--sh:var(--sh-lift);--tx:80px}.hd-directory .sp-shad i[data-a=sh-raise]{--sh:var(--sh-raise);--tx:0px}.hd-directory .sp-shad i[data-a=sh-float]{--sh:var(--sh-float);--tx:-80px}@keyframes dir-sp-sh-under{0%,9%{opacity:1}14%,82%{opacity:0}87%,to{opacity:1}}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-shad i{animation:2.8s cubic-bezier(.45,0,.2,1) both dir-sp-sh-run}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-shad i:is([data-a=sh-lift],[data-a=sh-float]){animation:2.8s cubic-bezier(.45,0,.2,1) both dir-sp-sh-run,2.8s linear both dir-sp-sh-under}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-shad em{animation:2.8s linear both dir-sp-bp-lb}@media (prefers-reduced-motion:reduce){.hd-directory .sp-card:is(:hover,:focus-visible) .sp-shad :is(i,em){animation:none!important}}.hd-directory .sp-rad--home path{stroke-dasharray:1;stroke-dashoffset:0}@keyframes dir-sp-rad-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-rad--home path:nth-child(3){animation:.7s cubic-bezier(.45,0,.2,1) both dir-sp-rad-draw}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-rad--home path:nth-child(2){animation:.7s cubic-bezier(.45,0,.2,1) .18s both dir-sp-rad-draw}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-rad--home path:first-child{animation:.7s cubic-bezier(.45,0,.2,1) .36s both dir-sp-rad-draw}@media (prefers-reduced-motion:reduce){.hd-directory .sp-card:is(:hover,:focus-visible) .sp-rad--home path{animation:none!important}}@media (prefers-reduced-motion:reduce){.hd-directory .sp-card:is(:hover,:focus-visible) .sp-mo :is(.mo-x,.mo-run .dot,.cv){animation:none!important}}.hd-directory .sp-space i{transform-origin:50% 100%}@keyframes dir-sp-spc-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-space i{animation:dir-sp-spc-grow .6s cubic-bezier(.23, 1, .32, 1) calc(var(--k,0) * 55ms) both}.hd-directory .sp-space span:first-child{--k:0}.hd-directory .sp-space span:nth-child(2){--k:1}.hd-directory .sp-space span:nth-child(3){--k:2}.hd-directory .sp-space span:nth-child(4){--k:3}.hd-directory .sp-space span:nth-child(5){--k:4}.hd-directory .sp-space span:nth-child(6){--k:5}.hd-directory .sp-space span:nth-child(7){--k:6}.hd-directory .sp-space span:nth-child(8){--k:7}.hd-directory .sp-space span:nth-child(9){--k:8}.hd-directory .sp-space span:nth-child(10){--k:9}.hd-directory .sp-space span:nth-child(11){--k:10}.hd-directory .sp-space span:nth-child(12){--k:11}.hd-directory .sp-space span:nth-child(13){--k:12}.hd-directory .sp-space span:nth-child(14){--k:13}@media (prefers-reduced-motion:reduce){.hd-directory .sp-card:is(:hover,:focus-visible) .sp-space i{animation:none!important}}@keyframes dir-sp-mo-draw{0%{clip-path:inset(-12px 100% -12px -12px)}25%,to{clip-path:inset(-12px)}}.hd-directory .sp-fan{--sp-fan-shadow:0 6px 14px -8px #0000002e;width:96px;height:128px;position:relative;top:-13px}.dark .hd-directory .sp-fan{--sp-fan-shadow:0 4px 10px -8px #0000001f}.hd-directory .sp-fan i{background:var(--c);width:96px;height:128px;box-shadow:0 0 0 4px var(--dir-paper), var(--sp-fan-shadow);transform-origin:50% 230%;transform:rotate(calc((var(--k) - 3.5) * 5deg));transition:transform .4s var(--sp-ease) calc(var(--k) * 12ms);pointer-events:none;border-radius:14px;position:absolute;top:0;left:0}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-fan i{transform:rotate(calc((var(--k) - 3.5) * 7deg))}.hd-directory .sp-card .sp-fan i.on{transform:rotate(calc((var(--k) - 3.5) * 7deg)) translateY(-8px);transition-delay:0s}@media (prefers-reduced-motion:reduce){.hd-directory .sp-fan i{transition:none}}@keyframes dir-sp-bp-see-dk{0%,35%{opacity:1}36%,84%{opacity:0}90%,to{opacity:1}}@keyframes dir-sp-bp-see-tb{0%,10%{opacity:1}14%,35%{opacity:0}36%,61%{opacity:1}62%,84%{opacity:0}90%,to{opacity:1}}@keyframes dir-sp-bp-see-ph{0%,10%{opacity:1}14%,61%{opacity:0}62%,to{opacity:1}}.hd-directory .sp-card:is(:hover,:focus-visible) .bp.dk .scr{animation:2.8s cubic-bezier(.45,0,.2,1) both dir-sp-bp-run,2.8s step-end both dir-sp-bp-top-dk,2.8s linear both dir-sp-bp-see-dk}.hd-directory .sp-card:is(:hover,:focus-visible) .bp.tb .scr{animation:2.8s cubic-bezier(.45,0,.2,1) both dir-sp-bp-run,2.8s step-end both dir-sp-bp-top-tb,2.8s linear both dir-sp-bp-see-tb}.hd-directory .sp-card:is(:hover,:focus-visible) .bp.ph .scr{animation:2.8s cubic-bezier(.45,0,.2,1) both dir-sp-bp-run,2.8s step-end both dir-sp-bp-top-ph,2.8s linear both dir-sp-bp-see-ph}@keyframes dir-sp-sh-run{0%{transform:translate(0, var(--y)) perspective(600px) rotateX(0) rotateZ(0) scale(1);box-shadow:var(--sh)}14%,30%{transform:translate(var(--tx), 10px) perspective(600px) rotateX(0) rotateZ(0) scale(3.3);box-shadow:var(--sh-lift)}42%,56%{transform:translate(var(--tx), 4px) perspective(600px) rotateX(0) rotateZ(0) scale(3.3);box-shadow:var(--sh-raise)}68%,82%{transform:translate(var(--tx), -14px) perspective(600px) rotateX(16deg) rotateZ(-6deg) scale(3.3);box-shadow:var(--sh-float)}to{transform:translate(0, var(--y)) perspective(600px) rotateX(0) rotateZ(0) scale(1);box-shadow:var(--sh)}}.hd-directory .sp-a11y{will-change:transform}.hd-directory .sp-icons .m{fill:none;stroke:var(--dir-paper);stroke-width:80px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.hd-directory .sp-icons .mc{fill:var(--dir-paper);opacity:1}.hd-directory .sp-icons .fl{transform-box:fill-box;transform-origin:50%}@keyframes dir-sp-ic-cover{0%,80%{opacity:0}to{opacity:1}}@keyframes dir-sp-ic-dot{0%{transform:scale(.06)}to{transform:scale(1)}}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-icons .m{animation:dir-sp-rad-draw .7s cubic-bezier(.45, 0, .2, 1) calc(var(--k) * 60ms) both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-icons .mc{animation:dir-sp-ic-cover .7s linear calc(var(--k) * 60ms) both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-icons .fl{animation:dir-sp-ic-dot .7s cubic-bezier(.45, 0, .2, 1) calc(var(--k) * 60ms) both}@media (prefers-reduced-motion:reduce){.hd-directory .sp-card:is(:hover,:focus-visible) .sp-icons :is(.m,.mc,.fl){animation:none!important}}.hd-directory .sp-spec--a11y,.hd-directory .sp-spec--a11y *{transition:none!important;animation:none!important}.hd-directory .sp-rad--home path:first-child{stroke:var(--dir-bar)}.hd-directory .sp-rad--home path:nth-child(2){stroke:var(--dir-mid)}.hd-directory .sp-rad--home path:nth-child(3){stroke:var(--dir-strong)}.hd-directory .sp-mo svg{width:168px;height:104px}.hd-directory .sp-mo .ax{fill:none;stroke:var(--dir-bar);stroke-width:1.5px;stroke-linecap:round}.hd-directory .sp-mo .cv{fill:none;stroke:var(--dir-strong);stroke-width:2px;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:0;clip-path:none}.hd-directory .sp-mo .dt{fill:var(--dir-paper);stroke:var(--dir-strong);stroke-width:1.5px;offset-path:path("M8 96C46 8 70 8 160 8");offset-distance:100%;offset-rotate:0deg;cx:0;cy:0}@keyframes dir-fd-cv{0%{stroke-dashoffset:220px}to{stroke-dashoffset:0}}@keyframes dir-fd-dt{0%{offset-distance:0%}to{offset-distance:100%}}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-mo .cv{animation:.7s cubic-bezier(.23,1,.32,1) both dir-fd-cv!important}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-mo .dt{animation:.7s cubic-bezier(.23,1,.32,1) both dir-fd-dt}@media (prefers-reduced-motion:reduce){.hd-directory .sp-card:is(:hover,:focus-visible) .sp-mo :is(.cv,.dt){animation:none!important}}.hd-directory .sp-plate:is([data-tok],[data-tok-live]):before{content:attr(data-tok);z-index:4;font:400 11px/14px var(--mono);color:var(--sub);opacity:0;transition:opacity .2s var(--sp-ease);pointer-events:none;position:absolute;top:10px;left:12px}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate:is([data-tok],[data-tok-live]):before{opacity:1}.hd-directory .sp-shad em,.hd-directory .bp em{display:none!important}.hd-directory .sp-shad span,.hd-directory .bp{gap:0}.hd-directory .bp{grid-template-rows:118px}.hd-directory .sp-iso .pl:not(#_){background:color-mix(in srgb, var(--dir-paper), var(--dir-black) calc(var(--i) * 4%))!important}.hd-directory .sp-spec--a11y,.hd-directory .sp-spec--a11y *{animation:unset!important;transition:unset!important}@keyframes dir-sp-ax-focus{0%{filter:blur(7px);opacity:.55}to{filter:blur();opacity:1}}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-a11y .sp-ct b{animation:.9s cubic-bezier(.23,1,.32,1) both dir-sp-ax-focus!important}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-a11y .sp-ct:nth-child(2) b{animation-delay:.12s!important}@media (prefers-reduced-motion:reduce){.hd-directory .sp-card:is(:hover,:focus-visible) .sp-a11y .sp-ct b{animation:none!important}}.hd-directory .sp-cmp--chart .ab-chart i{transform-origin:50% 100%;transition:transform .5s cubic-bezier(.23,1,.32,1)}@keyframes dir-sp-chart-grow{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--chart :is(.ab-chart i,[class*=bar]){animation:.7s cubic-bezier(.23,1,.32,1) both dir-sp-chart-grow}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--chart :is(.ab-chart i,[class*=bar]):nth-child(2){animation-delay:50ms}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--chart :is(.ab-chart i,[class*=bar]):nth-child(3){animation-delay:.1s}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--chart :is(.ab-chart i,[class*=bar]):nth-child(4){animation-delay:.15s}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--chart :is(.ab-chart i,[class*=bar]):nth-child(n+5){animation-delay:.2s}@media (prefers-reduced-motion:reduce){.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--chart :is(.ab-chart i,[class*=bar]){animation:none}}.hd-directory .sp-pab{place-items:center;display:grid}.hd-directory .sp-card{transition:box-shadow .2s var(--sp-ease), transform .15s var(--sp-ease)}.hd-directory .sp-card:active{transform:scale(.98)}.hd-directory .sp-plate:is([data-tok],[data-tok-live]):before{visibility:hidden;transition:opacity .2s var(--sp-ease), visibility 0s linear .2s}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate:is([data-tok],[data-tok-live]):before{visibility:visible;transition-delay:0s}.hd-directory .ab{--g1:var(--dir-bar);--g2:var(--dir-mid);--g0:var(--dir-faint);--ring:0 0 0 1px color-mix(in srgb, var(--dir-black) 14.9%, transparent);--float:0 0 0 1px var(--dir-float-edge), 0 6px 14px -8px color-mix(in srgb, var(--dir-shadow) 20%, transparent);--float-lg:0 0 0 1px var(--dir-float-edge), 0 1px 2px color-mix(in srgb, var(--dir-shadow) 3.9%, transparent), 0 16px 32px -18px color-mix(in srgb, var(--dir-shadow) 25.1%, transparent);--e:cubic-bezier(.32, .72, 0, 1)}.hd-directory .sp-pab .ab-b,.hd-directory .sp-pab .ab-f,.hd-directory .sp-pab .ab-btn,.hd-directory .sp-pab .ab-w,.hd-directory .sp-pab .ab-mi,.hd-directory .sp-pab .ab-chip,.hd-directory .sp-pab .ab-cb,.hd-directory .sp-pab .ab-dot,.hd-directory .sp-pab .ab-i,.hd-directory .sp-pab .ab-spin{transition:background-color .3s var(--sp-ease), box-shadow .3s var(--sp-ease), opacity .3s var(--sp-ease), transform .35s var(--sp-ease), width .35s var(--sp-ease)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=ui-layout] .sp-pab .ab-col:first-child .ab-b:first-child{background:var(--g1)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=ui-layout] .sp-pab .ab-col:first-child .ab-b:nth-child(2),.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=filtering-sorting] .sp-pab .ab-chip.f{background:var(--dir-strong)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=filtering-sorting] .sp-pab .ab-chip.f :is(.ab-b,.ab-i){background:color-mix(in srgb, var(--dir-paper) 54.9%, transparent);stroke:var(--dir-paper)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=filtering-sorting] .sp-pab .ab-mi:last-child{opacity:.25;transform:translateY(-4px)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=error-handling] .sp-pab .ab-f.on{box-shadow:0 0 0 1.5px #30a46c!important}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=error-handling] .sp-pab .ab-dot{background:#30a46c!important}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=error-handling] .sp-pab .ab-btn{opacity:.35}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=empty-states] .sp-pab .ab-btn.p{background:var(--dir-strong);transform:translateY(-2px)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=empty-states] .sp-pab .ab-btn.sq{transform:scale(1.08)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=loading] .sp-pab .ab-spin{opacity:0;width:0}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=loading] .sp-pab .ab-b.m{background:var(--g2)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=forms] .sp-pab .ab-f:first-of-type{box-shadow:0 0 0 1.5px var(--dir-strong)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=saving] .sp-pab .ab-btn.p{opacity:.4}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=saving] .sp-pab .ab-pill .ab-b{width:52px!important}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=notifications] .sp-pab .ab-w:last-child{transform:translateY(-2px);opacity:1!important}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=notifications] .sp-pab .ab-w:first-child{transform:translateY(-2px)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=progressive-disclosure] .sp-pab .ab-row .ab-i{transform:rotate(180deg)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=progressive-disclosure] .sp-pab .ab-f{opacity:1!important}@media (prefers-reduced-motion:reduce){.hd-directory .sp-pab *{transition:none!important}}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-tok]:not([data-tok-live]):before{opacity:0;visibility:hidden}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-tok][data-tok-live]:before{opacity:1;visibility:visible}.hd-directory .sp-iso .lb:not(#_):not(#_){opacity:0;transition:opacity .15s var(--sp-ease);pointer-events:none;display:block!important}.hd-directory .sp-iso[data-hi="0"] .lb[style*=--i\:0]:not(#_):not(#_),.hd-directory .sp-iso[data-hi="1"] .lb[style*=--i\:1]:not(#_):not(#_),.hd-directory .sp-iso[data-hi="2"] .lb[style*=--i\:2]:not(#_):not(#_),.hd-directory .sp-iso[data-hi="3"] .lb[style*=--i\:3]:not(#_):not(#_){opacity:1}.hd-directory .sp-type.sp-aa .aa:not(#_):after{content:"";pointer-events:none;clip-path:inset(0 100% 0 0);background:linear-gradient(#e5484d,#e5484d) 0 14px/100% 1px no-repeat,linear-gradient(#e5484d99,#e5484d99) 0 33px/100% 1px no-repeat,linear-gradient(#e5484d,#e5484d) 0 90px/100% 1px no-repeat;width:calc(100% + 48px);height:104px;transition:clip-path .7s cubic-bezier(.23,1,.32,1) .1s;position:absolute;top:0;left:-24px}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-type.sp-aa .aa:not(#_):after{clip-path:inset(0)}.hd-directory .sp-type.sp-aa>span:first-child{font:500 104px/1 var(--font-sans);letter-spacing:-.03em;color:var(--dir-strong);transition:color .3s var(--sp-ease), font-weight .4s var(--sp-ease)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-type.sp-aa>span:first-child{font-weight:650}.hd-directory .sp-aa .aa{display:inline-block;position:relative}@media (prefers-reduced-motion:reduce){.hd-directory .sp-aa .aa:after,.hd-directory .sp-type.sp-aa>span:first-child{transition:none}}.hd-directory .sp-plate[data-tok-live]:before{content:attr(data-tok-live)}.hd-directory .sp-icons{grid-template-columns:repeat(3,48px);gap:10px 22px}.hd-directory .sp-icons span{height:48px}.hd-directory .sp-icons>:nth-child(n+7){display:none}.hd-directory .sp-g{width:24px;height:24px}.hd-directory [class*=sp-cmp--]>*{transition:translate .35s var(--sp-ease)}.hd-directory .sp-card:is(:hover,:focus-visible) [class*=sp-cmp--]>*{translate:0 -2px}@media (prefers-reduced-motion:reduce){.hd-directory .sp-card:is(:hover,:focus-visible) [class*=sp-cmp--]>*{translate:none}}.hd-directory .sp-type.sp-aa .aa.out:not(#_):after{clip-path:inset(0 0 0 100%)}.hd-directory .sp-type.sp-aa .aa.nt:not(#_):after{transition:none!important}.hd-directory{--sp-spring:cubic-bezier(.35, 1.55, .65, 1)}@keyframes dir-sp-c-pop{0%{opacity:.3;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes dir-sp-c-ping{0%{box-shadow:0 0 0 2px var(--dir-paper), 0 0 0 2px color-mix(in srgb, var(--dir-strong) 50%, transparent)}to{box-shadow:0 0 0 2px var(--dir-paper), 0 0 0 12px transparent}}@keyframes dir-sp-c-in{0%{opacity:0;filter:blur(2px);transform:translateY(-10px)}to{opacity:1;filter:blur();transform:none}}@keyframes dir-sp-c-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes dir-sp-c-fade{0%{opacity:0}to{opacity:1}}@keyframes dir-sp-c-press{0%,to{transform:none}40%{transform:scale(.93)}}@keyframes dir-sp-c-type{0%{transform:scaleX(0)}to{transform:none}}@keyframes dir-sp-c-count{0%{width:10px}to{width:28px}}@keyframes dir-sp-c-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes dir-sp-c-dlg{0%{opacity:0;filter:blur(2px);transform:scale(.92)}to{opacity:1;filter:blur();transform:none}}@keyframes dir-sp-c-drw{0%{transform:translate(150px)}to{transform:translate(-4px)}}@keyframes dir-sp-c-in2{0%{opacity:0;transform:translate(-8px)scale(.9)}to{opacity:1;transform:none}}@keyframes dir-sp-c-focus{0%,to{box-shadow:var(--ring)}25%,75%{box-shadow:0 0 0 1px var(--dir-strong), 0 0 0 4px color-mix(in srgb, var(--dir-black) 5.1%, transparent)}}@keyframes dir-sp-c-focus2{0%{box-shadow:var(--ring)}to{box-shadow:0 0 0 1px var(--dir-strong), 0 0 0 4px color-mix(in srgb, var(--dir-black) 5.1%, transparent)}}@keyframes dir-sp-c-tt{0%{opacity:0;filter:blur(2px);transform:translateY(6px)}to{opacity:1;filter:blur();transform:none}}@keyframes dir-sp-c-hl1{0%,32%{background:var(--dir-selection)}33%,to{background:0 0}}@keyframes dir-sp-c-hl2{0%,32%{background:0 0}33%,65%{background:var(--dir-selection)}66%,to{background:0 0}}@keyframes dir-sp-c-hl3{0%,65%{background:0 0}66%,to{background:var(--dir-selection)}}@keyframes dir-sp-c-num{0%{width:36px}to{width:72px}}@keyframes dir-sp-c-pop2{0%{opacity:0;filter:blur(2px);transform:scale(.94)translateY(6px)}to{opacity:1;filter:blur();transform:none}}@keyframes dir-sp-c-menu{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:none}}@keyframes dir-sp-c-rcm{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--avatar .ab-av:nth-child(2){animation-delay:70ms}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--avatar .ab-av:nth-child(3){animation-delay:.14s}.hd-directory .sp-card:is(:hover,:focus-visible) .ab.sp-cmp--avatargroup .ab-row.ag>.ab-av:not(:first-child){transform:translateX(calc(var(--n,1) * 7px))}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--badge .ab-dot{animation:dir-sp-c-ping .9s var(--sp-ease) 2}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--badge .ab-pill{animation:dir-sp-c-pop .45s var(--sp-spring) both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--breadcrumbs .ab-b{animation:dir-sp-c-draw .4s var(--sp-ease) both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--breadcrumbs .ab-i{animation:dir-sp-c-fade .3s var(--sp-ease) both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--breadcrumbs .ab-i:first-child{animation-delay:0s}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--breadcrumbs .ab-b:nth-child(2){animation-delay:80ms}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--breadcrumbs .ab-i:nth-child(3){animation-delay:.22s}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--breadcrumbs .ab-b:nth-child(4){animation-delay:.3s}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--breadcrumbs .ab-i:nth-child(5){animation-delay:.44s}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--breadcrumbs .ab-b:nth-child(6){animation-delay:.52s}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--button .ab-btn.p{animation:dir-sp-c-press .5s var(--sp-ease) .1s}.hd-directory .sp-cmp--buttongroup .ab-bg .ab-btn,.hd-directory .sp-cmp--buttongroup .ab-bg .ab-btn i.ab-b{transition:background-color .3s var(--sp-ease)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--buttongroup .ab-bg .ab-btn.on{background:0 0}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--buttongroup .ab-bg .ab-btn.on i.ab-b{background:var(--g1)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--buttongroup .ab-bg .ab-btn:last-child{background:var(--dir-selection)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--buttongroup .ab-bg .ab-btn:last-child i.ab-b{background:var(--g2)}.hd-directory .sp-cmp--charactercount .ab-col .ab-b,.hd-directory .sp-cmp--textarea .ab-col .ab-b,.hd-directory .sp-cmp--textinput .ab-f .ab-b{transform-origin:0}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--charactercount .ab-col .ab-b,.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--textarea .ab-col .ab-b{animation:dir-sp-c-type .5s var(--sp-ease) both}.hd-directory .sp-card:is(:hover,:focus-visible) :is(.sp-cmp--charactercount,.sp-cmp--textarea) .ab-col .ab-b:nth-child(2){animation-delay:.18s}.hd-directory .sp-card:is(:hover,:focus-visible) :is(.sp-cmp--charactercount,.sp-cmp--textarea) .ab-col .ab-b:nth-child(3){animation-delay:.36s}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--charactercount .ab-cc .ab-b{animation:.9s steps(6,end) both dir-sp-c-count}.hd-directory .sp-card:is(:hover,:focus-visible) :is(.sp-cmp--checkbox,.sp-cmp--checkboxgroup) .ab-cb:not(.on){animation:dir-sp-c-pop .4s var(--sp-spring) .1s both}.hd-directory .sp-cmp--chip .ab-chip{max-width:140px;transition:max-width .4s var(--sp-ease), opacity .3s var(--sp-ease), transform .4s var(--sp-ease), padding .4s var(--sp-ease), margin .4s var(--sp-ease);overflow:hidden}.hd-directory :is(.sp-cmp--combobox,.sp-cmp--select) .ab-mi{transition:background-color .25s var(--sp-ease)}.hd-directory .sp-card:is(:hover,:focus-visible) :is(.sp-cmp--combobox,.sp-cmp--select) .ab-mi.on{background:0 0}.hd-directory .sp-card:is(:hover,:focus-visible) :is(.sp-cmp--combobox,.sp-cmp--select) .ab-mi:nth-child(2){background:var(--dir-selection);transition-delay:.25s}.hd-directory .sp-card:is(:hover,:focus-visible) :is(.sp-cmp--combobox,.sp-cmp--textinput) .ab-caret{animation:1s steps(2,end) infinite dir-sp-c-blink}.hd-directory .sp-cmp--dialog .ab-scrim{transition:background-color .4s var(--sp-ease)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--dialog .ab-scrim{background:var(--dir-scrim-active)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--dialog .ab-w.dlg{animation:dir-sp-c-dlg .5s var(--sp-ease) both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--drawer .ab-w.drw{animation:dir-sp-c-drw .55s var(--sp-ease) both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--filter .ab-chip.f{animation:dir-sp-c-in2 .45s var(--sp-ease) both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--filter .ab-chip.f:nth-child(2){animation-delay:50ms}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--filter .ab-chip.f:nth-child(3){animation-delay:.2s}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--form .ab-f:first-of-type{animation:dir-sp-c-focus .9s var(--sp-ease) both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--form .ab-f:nth-of-type(2){animation:dir-sp-c-focus2 .4s var(--sp-ease) .7s both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--form .ab-btn.p{animation:dir-sp-c-press .5s var(--sp-ease) 1.2s}.hd-directory .sp-card:is(:hover,:focus-visible) :is(.sp-cmp--helptooltip,.sp-cmp--tooltip) .ab-tt{animation:dir-sp-c-tt .45s var(--sp-ease) .1s both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--icon .ab-icons .ab-i{animation:dir-sp-c-pop .45s var(--sp-spring) calc(var(--k,0) * 45ms) both}.hd-directory .sp-cmp--icon .ab-icons .ab-i:nth-child(2){--k:1}.hd-directory .sp-cmp--icon .ab-icons .ab-i:nth-child(3){--k:2}.hd-directory .sp-cmp--icon .ab-icons .ab-i:nth-child(4){--k:3}.hd-directory .sp-cmp--icon .ab-icons .ab-i:nth-child(5){--k:4}.hd-directory .sp-cmp--icon .ab-icons .ab-i:nth-child(6){--k:5}.hd-directory .sp-cmp--icon .ab-icons .ab-i:nth-child(7){--k:6}.hd-directory .sp-cmp--icon .ab-icons .ab-i:nth-child(8){--k:7}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--loadingspinner .ab-spin{animation-duration:.4s}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--menu .ab-w.menu,.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--sortmenu .ab-w.menu,.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--select .ab-w.menu{animation:dir-sp-c-menu .4s var(--sp-ease) both;transform-origin:50% 0}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--menu .ab-mi:first-child{animation:1.2s step-end .3s both dir-sp-c-hl1}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--menu .ab-mi:nth-child(2){animation:1.2s step-end .3s both dir-sp-c-hl2}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--menu .ab-mi:nth-child(3){animation:1.2s step-end .3s both dir-sp-c-hl3}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--numberinput .ab-b.d{animation:1s steps(3,end) both dir-sp-c-num}.hd-directory .sp-cmp--numberinput .ab-step .ab-i{transition:background-color .2s var(--sp-ease)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--popover .ab-w.pop{animation:dir-sp-c-pop2 .45s var(--sp-ease) both;transform-origin:50% 100%}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--radio .ab-rd.on{background:var(--dir-paper);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dir-black) 26.7%, transparent)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--radio .ab-rd.on:after{transform:scale(0)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--radio .ab-row:first-child .ab-rd{background:var(--dir-strong);box-shadow:none}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--radio .ab-row:first-child .ab-rd:after{transform:none}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--radiogroup .ab-w.rc.on{box-shadow:var(--ring)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--radiogroup .ab-w.rc.on .ab-rd{background:var(--dir-paper);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dir-black) 26.7%, transparent)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--radiogroup .ab-w.rc.on .ab-rd:after{transform:scale(0)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--radiogroup .ab-w.rc:last-child{box-shadow:0 0 0 1.5px var(--dir-strong)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--radiogroup .ab-w.rc:last-child .ab-rd{background:var(--dir-strong);box-shadow:none}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--radiogroup .ab-w.rc:last-child .ab-rd:after{transform:none}.hd-directory .sp-cmp--sortmenu .ab-mi.on .ab-i{transition:transform .4s var(--sp-ease)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--sortmenu .ab-mi.on .ab-i{transition-delay:.3s;transform:rotate(180deg)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--textinput .ab-f .ab-b{animation:dir-sp-c-type .6s var(--sp-ease) .1s both}@media (prefers-reduced-motion:reduce){.hd-directory .sp-card:is(:hover,:focus-visible) [class*=sp-cmp--] *{transition:none!important;animation:none!important}}@keyframes dir-sp-c-merge{0%,to{opacity:1;transform:none}25%,75%{transform:translateX(var(--dx)) scale(.8);opacity:0}}@keyframes dir-sp-c-avsize{0%,to{transform:none}25%{transform:scale(1.22)}50%{transform:none}75%{transform:scale(.78)}}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--avatar .ab-av{animation:dir-sp-c-merge 1.6s var(--sp-ease) both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--avatar .ab-av:first-child{--dx:52px;animation-delay:0s}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--avatar .ab-av:nth-child(3){--dx:-44px;animation-delay:0s}@keyframes dir-sp-c-wave{0%,to{transform:none}40%{transform:translateY(-4px)}}.hd-directory .sp-card:is(:hover,:focus-visible) .ab.sp-cmp--avatargroup .ab-row.ag>.ab-av:not(#_){animation:dir-sp-c-wave .55s var(--sp-ease) calc(var(--n,1) * 70ms - 70ms) both;transform:none}@keyframes dir-sp-c-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--banner .ab-w.ban{animation:dir-sp-c-up .6s var(--sp-spring) both}@keyframes dir-sp-c-btnstate{0%,50%,to{background:var(--dir-paper);box-shadow:var(--ring), 0 1px 2px color-mix(in srgb, var(--dir-shadow) 5.1%, transparent)}25%{background:var(--hd-line);box-shadow:none}75%{background:var(--dir-strong);box-shadow:none}}@keyframes dir-sp-c-btnbar{0%,50%,to{background:var(--g1)}25%{background:var(--g2)}75%{background:var(--dir-paper)}}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--button .ab-row>.ab-dots,.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--button .ab-row>.ab-btn.p{animation:dir-sp-c-merge 1.6s var(--sp-ease) both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--button .ab-row>.ab-dots{--dx:57px}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--button .ab-row>.ab-btn.p{--dx:-88px}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--button .ab-row>.ab-btn.s{animation:dir-sp-c-btnstate 1.6s var(--sp-ease) both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--button .ab-row>.ab-btn.s i.ab-b{animation:dir-sp-c-btnbar 1.6s var(--sp-ease) both}.hd-directory .sp-cmp--combobox .ab-f .ab-b{transform-origin:0}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--combobox .ab-f .ab-b{animation:dir-sp-c-type .5s var(--sp-ease) .1s both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--combobox .ab-w.menu{animation:dir-sp-c-menu .4s var(--sp-ease) .75s both;transform-origin:50% 0}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--combobox .ab-mi:nth-child(2){transition-delay:1.1s}@keyframes dir-sp-c-reopen{0%{opacity:1;transform:none}25%,50%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:none}}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--menu .ab-w.menu,.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--sortmenu .ab-w.menu,.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--select .ab-w.menu{animation:dir-sp-c-reopen 1s var(--sp-ease) both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--menu .ab-mi:first-child,.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--menu .ab-mi:nth-child(2),.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--menu .ab-mi:nth-child(3){animation-delay:.9s}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--select .ab-mi:nth-child(2){transition-delay:.9s}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--sortmenu .ab-mi.on .ab-i{transition-delay:.8s}.hd-directory .sp-cmp--rightclickmenu .ab-rcm:before{content:"";border:1.5px solid var(--dir-strong);opacity:0;z-index:1;pointer-events:none;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;top:3px;left:3px;transform:scale(.3)}@keyframes dir-sp-c-click{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(.7)}to{opacity:0;transform:scale(1.4)}}@keyframes dir-sp-c-rcm2{0%{opacity:1;transform:none}12%,45%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--rightclickmenu .ab-rcm:before{animation:dir-sp-c-click .55s var(--sp-ease) both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--rightclickmenu .ab-w.menu{animation:dir-sp-c-rcm2 .9s var(--sp-ease) both;transform-origin:0 0}@keyframes dir-sp-c-rd1{0%{background:var(--dir-strong);box-shadow:none}33%{background:var(--dir-paper);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dir-black) 26.7%, transparent)}90%,to{background:var(--dir-strong);box-shadow:none}}@keyframes dir-sp-c-rd2{0%{background:var(--dir-paper);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dir-black) 26.7%, transparent)}33%{background:var(--dir-strong);box-shadow:none}66%,to{background:var(--dir-paper);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dir-black) 26.7%, transparent)}}@keyframes dir-sp-c-rd3{0%{background:var(--dir-paper);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dir-black) 26.7%, transparent)}66%{background:var(--dir-strong);box-shadow:none}90%,to{background:var(--dir-paper);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dir-black) 26.7%, transparent)}}@keyframes dir-sp-c-rd1d{0%{transform:none}33%{transform:scale(0)}90%,to{transform:none}}@keyframes dir-sp-c-rd2d{0%{transform:scale(0)}33%{transform:none}66%,to{transform:scale(0)}}@keyframes dir-sp-c-rd3d{0%{transform:scale(0)}66%{transform:none}90%,to{transform:scale(0)}}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--radio .ab-row:first-child .ab-rd{animation:1.8s step-end both dir-sp-c-rd1}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--radio .ab-row:first-child .ab-rd:after{animation:1.8s step-end both dir-sp-c-rd1d}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--radio .ab-row:nth-child(2) .ab-rd{animation:1.8s step-end both dir-sp-c-rd2}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--radio .ab-row:nth-child(2) .ab-rd:after{animation:1.8s step-end both dir-sp-c-rd2d}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--radio .ab-row:nth-child(3) .ab-rd{animation:1.8s step-end both dir-sp-c-rd3}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--radio .ab-row:nth-child(3) .ab-rd:after{animation:1.8s step-end both dir-sp-c-rd3d}.hd-directory .sp-cmp--segmentedcontrol .ab-seg:before{transform:none}@keyframes dir-sp-c-segthumb{0%,24%{transform:none}33%,57%{transform:translate(56px)}66%,90%{transform:translate(112px)}to{transform:none}}@keyframes dir-sp-c-seg1{0%{background:var(--g2)}30%{background:var(--dir-line-strong)}95%,to{background:var(--g2)}}@keyframes dir-sp-c-seg2{0%{background:var(--dir-line-strong)}30%{background:var(--g2)}63%,to{background:var(--dir-line-strong)}}@keyframes dir-sp-c-seg3{0%{background:var(--dir-line-strong)}63%{background:var(--g2)}95%,to{background:var(--dir-line-strong)}}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--segmentedcontrol .ab-seg:before{animation:dir-sp-c-segthumb 1.8s var(--sp-ease) both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--segmentedcontrol .ab-seg>span:first-child i.ab-b{animation:1.8s step-end both dir-sp-c-seg1}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--segmentedcontrol .ab-seg>span:nth-child(2) i.ab-b{animation:1.8s step-end both dir-sp-c-seg2}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--segmentedcontrol .ab-seg>span:nth-child(3) i.ab-b{animation:1.8s step-end both dir-sp-c-seg3}@media (prefers-reduced-motion:reduce){.hd-directory .sp-card:is(:hover,:focus-visible) [class*=sp-cmp--] *,.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--rightclickmenu .ab-rcm:before,.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--segmentedcontrol .ab-seg:before,.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--radio .ab-rd:after{transition:none!important;animation:none!important}}@keyframes dir-sp-c-caretin{0%,99%{opacity:0}to{opacity:1}}.hd-directory .sp-card:is(:hover,:focus-visible) :is(.sp-cmp--textinput,.sp-cmp--combobox) .ab-caret{animation:.75s step-end both dir-sp-c-caretin,1s steps(2,end) .75s infinite dir-sp-c-blink}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--numberinput .ab-step .ab-i:first-child{background:var(--dir-ground)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--numberinput .ab-step .ab-i:last-child{background:var(--dir-faint)}@keyframes dir-sp-c-avsize2{0%,to{transform:none}25%{transform:scale(.78)}50%{transform:none}75%{transform:scale(1.22)}}.hd-directory .sp-cmp--avatar .ab-av{box-shadow:0 0 0 3px var(--dir-paper)}.hd-directory .sp-cmp--avatar .ab-av.ic{box-shadow:0 0 0 3px var(--dir-paper), inset 0 0 0 1px var(--dir-float-edge)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--avatar .ab-av:nth-child(2){animation:dir-sp-c-avsize2 1.6s var(--sp-ease) both}@keyframes dir-sp-c-bg1{0%{background:var(--dir-selection)}30%{background:0 0}95%,to{background:var(--dir-selection)}}@keyframes dir-sp-c-bg2{0%{background:0 0}30%{background:var(--dir-selection)}63%,to{background:0 0}}@keyframes dir-sp-c-bg3{0%{background:0 0}63%{background:var(--dir-selection)}95%,to{background:0 0}}@keyframes dir-sp-c-bgb1{0%{background:var(--g2)}30%{background:var(--g1)}95%,to{background:var(--g2)}}@keyframes dir-sp-c-bgb2{0%{background:var(--g1)}30%{background:var(--g2)}63%,to{background:var(--g1)}}@keyframes dir-sp-c-bgb3{0%{background:var(--g1)}63%{background:var(--g2)}95%,to{background:var(--g1)}}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--buttongroup .ab-bg .ab-btn:first-child{animation:1.8s step-end both dir-sp-c-bg1}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--buttongroup .ab-bg .ab-btn:first-child i.ab-b{animation:1.8s step-end both dir-sp-c-bgb1}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--buttongroup .ab-bg .ab-btn:nth-child(2){animation:1.8s step-end both dir-sp-c-bg2}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--buttongroup .ab-bg .ab-btn:nth-child(2) i.ab-b{animation:1.8s step-end both dir-sp-c-bgb2}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--buttongroup .ab-bg .ab-btn:nth-child(3){animation:1.8s step-end both dir-sp-c-bg3}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--buttongroup .ab-bg .ab-btn:nth-child(3) i.ab-b{animation:1.8s step-end both dir-sp-c-bgb3}.hd-directory .sp-cmp--chip .ab-chip:nth-child(3){opacity:0;max-width:0;margin-left:-8px;padding:0;transform:scale(.6)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--chip .ab-chip:nth-child(2){opacity:1;max-width:140px;margin-right:0;padding:0 6px 0 10px;transform:none}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-cmp--chip .ab-chip:nth-child(3){opacity:1;max-width:140px;transition-timing-function:var(--sp-spring);margin-left:0;padding:0 6px 0 10px;transform:none}.hd-directory .ab .ab-cb:not(.on) .ab-i{stroke-dasharray:1;stroke-dashoffset:1px}@keyframes dir-sp-c-tick{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.hd-directory .sp-card:is(:hover,:focus-visible) :is(.sp-cmp--checkbox,.sp-cmp--checkboxgroup) .ab-cb:not(.on) .ab-i{animation:dir-sp-c-tick .45s var(--sp-ease) .3s both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=filtering-sorting] .sp-pab .ab-chip.f .ab-i{stroke:var(--dir-paper);background:0 0}.hd-directory .sp-plate[data-pattern=filtering-sorting] .sp-pab .ab-btn .ab-i{transition:transform .4s var(--sp-ease)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=filtering-sorting] .sp-pab .ab-btn .ab-i{transition-delay:.2s;transform:rotate(180deg)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=filtering-sorting] .sp-pab .ab-mi:last-child{transition-delay:.25s}.hd-directory .sp-plate[data-pattern=ui-layout] .sp-pab .ab-col:last-child .ab-b,.hd-directory .sp-plate[data-pattern=loading] .sp-pab .ab-w.pad .ab-b{transform-origin:0}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=ui-layout] .sp-pab .ab-col:last-child .ab-b{animation:dir-sp-c-type .45s var(--sp-ease) both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=ui-layout] .sp-pab .ab-col:last-child .ab-b:nth-child(2){animation-delay:60ms}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=ui-layout] .sp-pab .ab-col:last-child .ab-b:nth-child(3){animation-delay:.12s}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=ui-layout] .sp-pab .ab-col:last-child .ab-b:nth-child(4){animation-delay:.18s}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=error-handling] .sp-pab .ab-dot{animation:dir-sp-c-pop .4s var(--sp-spring) .1s both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=empty-states] .sp-pab .ab-btn.sq{animation:dir-sp-c-pop .5s var(--sp-spring) both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=empty-states] .sp-pab .ab-btn.p{animation:dir-sp-c-press .5s var(--sp-ease) .25s}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=loading] .sp-pab .ab-w.pad .ab-b{animation:dir-sp-c-type .45s var(--sp-ease) both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=loading] .sp-pab .ab-w.pad .ab-b:nth-child(2){animation-delay:.1s}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=loading] .sp-pab .ab-w.pad .ab-b:nth-child(3){animation-delay:.2s}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=forms] .sp-pab .ab-f:first-of-type{animation:dir-sp-c-focus .9s var(--sp-ease) both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=forms] .sp-pab .ab-f:nth-of-type(2){animation:dir-sp-c-focus2 .4s var(--sp-ease) .7s both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=saving] .sp-pab .ab-btn.p{animation:dir-sp-c-press .45s var(--sp-ease);transition-delay:.4s}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=saving] .sp-pab .ab-pill .n{animation:dir-sp-c-pop .4s var(--sp-spring) .5s both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=saving] .sp-pab .ab-pill .ab-b{transition-delay:.5s}.hd-directory .sp-plate[data-pattern=notifications] .sp-pab .ab-w.ban:first-child{box-sizing:border-box;max-height:64px;transition:transform .4s var(--sp-ease), opacity .3s var(--sp-ease), max-height .4s var(--sp-ease) .15s, margin-bottom .4s var(--sp-ease) .15s, padding .4s var(--sp-ease) .15s;overflow:hidden}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=notifications] .sp-pab .ab-w.ban:first-child{opacity:0;max-height:0;margin-bottom:-8px;padding-top:0;padding-bottom:0;transform:translate(24px)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=notifications] .sp-pab .ab-w.ban:last-child{transform:none}@keyframes dir-sp-c-reveal{0%{filter:blur(1.5px);transform:translateY(-6px)}to{filter:blur();transform:none}}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=progressive-disclosure] .sp-pab .ab-f[style*=opacity]{animation:dir-sp-c-reveal .45s var(--sp-ease) 50ms both}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=progressive-disclosure] .sp-pab .ab-f[style*=opacity]:last-child{animation-delay:.15s}@media (prefers-reduced-motion:reduce){.hd-directory .sp-pab *,.hd-directory .sp-pab{transition:none!important;animation:none!important}}.hd-directory .sp-spec--intents .sp-risks{position:relative}.hd-directory .sp-spec--intents .ik{color:#30a46c;width:16px;height:16px;position:absolute;top:4px;left:-26px;transform:translateY(0)}.hd-directory .sp-spec--intents .ik svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;display:block}.hd-directory .sp-pab .ab-row>.ab-dot{width:6px;height:6px;box-shadow:none;flex:none;position:static}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=filtering-sorting] .sp-pab .ab-chip.f svg.ab-i:not(#_){background:0 0}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=loading] .sp-pab .ab-spin:not(#_){opacity:0;width:20px}.hd-directory .sp-pab .ab-btn:has(>.ab-spin){position:relative}.hd-directory .sp-pab .pf-ok{fill:none;width:14px;height:14px;stroke:var(--dir-paper);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .3s var(--sp-ease), scale .3s var(--sp-ease);pointer-events:none;margin-top:-7px;position:absolute;top:50%;scale:.9}.hd-directory .sp-pab .ab-pill{position:relative}.hd-directory .sp-pab .ab-pill .pf-ok{stroke:#30a46c;stroke-width:2.4px;width:10px;height:10px;margin-top:-5px}.hd-directory .sp-pab .ab-pill .n{transition:transform .3s var(--sp-ease), opacity .3s var(--sp-ease)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-pab .pf-ok{opacity:1;transition-delay:80ms;scale:1}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=saving] .sp-pab .ab-pill .ab-b:not(#_){width:36px!important}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=saving] .sp-pab .ab-pill .n{opacity:0;transform:scale(0)}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-pattern=progressive-disclosure] .sp-pab .ab-row .ab-i:not(#_){transform:translateY(1px)}@media (prefers-reduced-motion:reduce){.hd-directory .sp-pab .pf-ok{transition:none!important}}
#nd-page.hd-directory-page{gap:12px;width:100%;max-width:1440px;padding:40px 40px 64px}#nd-page.hd-directory-page>h1{margin:0;font-size:32px}#nd-page.hd-directory-page>p{max-width:90ch;margin-bottom:20px;font-size:16px;line-height:1.65}#nd-page.hd-directory-page .prose{min-width:0}.hd-directory{--ink:var(--hd-ink);--sub:var(--hd-muted);--mute:var(--hd-muted);--line:var(--hd-line);--sans:var(--font-sans);--teka:var(--font-sans);--mono:var(--font-mono);--sp-tight:var(--font-sans);--dir-paper:#fff;--dir-black:#000;--dir-shadow:#000;--dir-float-edge:#0000000f;--dir-hover-edge:#d3d3d3;--dir-track:#e8e8e8;--dir-scrim:#e9e9e9;--dir-scrim-active:#d9d9d9;--dir-avatar-2:#d9d9d9;--dir-avatar-3:#cfcfcf;--dir-selection:#0000000a;--dir-strong:#202020;--dir-body:#404040;--dir-mid:#a3a3a3;--dir-line-strong:#bbb;--dir-bar:#d4d4d4;--dir-faint:#e3e3e3;--dir-soft:#f0f0f0;--dir-ground:#f4f4f4;color:var(--hd-ink);font-family:var(--font-sans)}.dark .hd-directory{--dir-paper:#303030;--dir-black:#fff;--dir-float-edge:#ffffff26;--dir-hover-edge:#616161;--dir-track:#414141;--dir-scrim:#181818;--dir-scrim-active:#111;--dir-avatar-2:#8c8c8c;--dir-avatar-3:#777;--dir-selection:#ffffff1f;--dir-strong:#ededed;--dir-body:#d4d4d4;--dir-mid:#999;--dir-line-strong:#696969;--dir-bar:#848484;--dir-faint:#555;--dir-soft:#3d3d3d;--dir-ground:#222}.hd-directory .sp-grid{--ph:236px;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.hd-directory .sp-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.hd-directory .sp-card{background:var(--hd-paper);min-width:0}.hd-directory .sp-plate{flex:none;container-type:inline-size}.hd-directory .sp-cap{flex-wrap:wrap;gap:2px 10px;height:auto;min-height:50px}.hd-directory .sp-nm{white-space:normal;overflow:visible}.hd-directory .sp-ft{font-family:var(--font-sans);color:var(--hd-muted)}.hd-directory .sp-card:focus-visible{outline:2px solid var(--hd-ink);outline-offset:3px;overflow:hidden}.hd-directory .sp-card:focus-visible:after{box-shadow:inset 0 0 0 1px var(--hd-ink)}.hd-directory .sp-card--unavailable{cursor:default}.hd-directory .sp-card--unavailable:active{transform:none}.hd-directory .sp-card--unavailable .sp-ft{border:1px dashed var(--hd-line);border-radius:4px;padding:0 5px}.hd-directory .sp-pab{padding:24px;position:absolute;inset:0}.hd-directory .sp-pab .pf-ok{left:14px}.hd-directory .sp-pab .ab-pill .pf-ok{left:7px}.hd-directory .sp-plate[data-pattern=ui-layout] .sp-pab>.ab-w,.hd-directory .sp-plate[data-pattern=filtering-sorting] .sp-pab>.ab-col{max-width:100%}.hd-directory .sp-plate[data-pattern=filtering-sorting] .sp-pab>.ab-col>.ab-row{gap:6px}.hd-directory .sp-plate[data-pattern=filtering-sorting] .ab-chip .ab-b{max-width:35px}.hd-directory .sp-spec--intents .sp-risks{transform:translate(10px)}.hd-directory .sp-spec--intents[data-motion-paused]{--risk-play-state:paused}@supports (d:path("M0 0 L1 1")){.hd-directory .sp-card:is(:hover,:focus-visible) .sp-spec--intents .ik,.hd-directory .sp-card:is(:hover,:focus-visible) .sp-spec--intents .ik path{animation-duration:6.4s;animation-timing-function:cubic-bezier(.45,0,.2,1);animation-iteration-count:infinite}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-spec--intents .ik{animation-name:dir-risk-travel}.hd-directory .sp-card:is(:hover,:focus-visible) .ik-outline{animation-name:dir-risk-outline}.hd-directory .sp-card:is(:hover,:focus-visible) .ik-mark{animation-name:dir-risk-mark}.hd-directory .sp-card:is(:hover,:focus-visible) .ik-dot{animation-name:dir-risk-dot}}@keyframes dir-risk-travel{0%,12%,to{color:#30a46c;transform:translateY(0)}22%,37%{color:#b58c00;transform:translateY(32px)}47%,62%{color:#f76b15;transform:translateY(64px)}72%,87%{color:#e5484d;transform:translateY(96px)}}@keyframes dir-risk-outline{0%,12%,to{d:path("M12 12 C12 12 12 12 12 12 C12 12 12 12 12 12 C12 12 12 12 12 12 C12 12 12 12 12 12 Z");stroke-width:0}22%,37%{d:path("M12 3 C16.971 3 21 7.029 21 12 C21 16.971 16.971 21 12 21 C7.029 21 3 16.971 3 12 C3 7.029 7.029 3 12 3 Z");stroke-width:2px}47%,62%{d:path("M12 3 C15.333 9 18.667 15 22 21 C18.667 21 15.333 21 12 21 C8.667 21 5.333 21 2 21 C5.333 15 8.667 9 12 3 Z");stroke-width:2px}72%,87%{d:path("M12 2 C17.523 2 22 6.477 22 12 C22 17.523 17.523 22 12 22 C6.477 22 2 17.523 2 12 C2 6.477 6.477 2 12 2 Z");stroke-width:2px}}@keyframes dir-risk-mark{0%,12%,to{d:path("M4 12 C5.667 13.667 7.333 15.333 9 17 C12.667 13.333 16.333 9.667 20 6")}22%,37%{d:path("M12 7 C12 8 12 9 12 10 C12 11 12 12 12 13")}47%,62%{d:path("M12 9 C12 9.667 12 10.333 12 11 C12 11.667 12 12.333 12 13")}72%,87%{d:path("M4.929 4.929 C7.286 7.286 9.643 9.643 12 12 C14.357 14.357 16.714 16.714 19.071 19.071")}}@keyframes dir-risk-dot{0%,12%,to{d:path("M9 17 L9 17");stroke-width:0}22%,37%,47%,62%{d:path("M12 17 L12.01 17");stroke-width:2px}72%,87%{d:path("M12 12 L12 12");stroke-width:0}}.hd-directory .sp-plate:is([data-tok],[data-tok-live]):before{white-space:normal;max-width:calc(100% - 24px);line-height:1.4}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate:is([data-tok],[data-tok-live]):before{content:attr(data-tok);visibility:visible;opacity:1}.hd-directory .sp-card:is(:hover,:focus-visible) .sp-plate[data-tok-live]:before{content:attr(data-tok-live)}.hd-directory .sp-iso .lb,.hd-directory .sp-card:is(:hover,:focus-visible) .sp-iso .lb{display:none!important}.hd-directory .sp-card *{animation-play-state:paused!important}.hd-directory .sp-card:is(:hover,:focus-visible) *{animation-play-state:var(--risk-play-state,running)!important}.hd-directory .sp-card:is(:hover,:focus-visible) .ab-caret{animation-iteration-count:1,3}.hd-directory-note{border-block:1px solid var(--hd-line);color:var(--hd-muted);margin-top:32px;padding:20px 0;font-size:14px;line-height:1.65}.hd-directory-note h2{color:var(--hd-ink);margin-bottom:6px;font-size:16px;font-weight:500}.hd-directory-note p{max-width:80ch}.hd-directory-note a{text-decoration:underline}@container (max-width:440px){.hd-directory .sp-bps{scale:.8}}@container (max-width:360px){.hd-directory .sp-bps{scale:.64}.hd-directory .sp-space{scale:.8}.hd-directory .sp-fan{scale:.85}}@container (max-width:280px){.hd-directory .sp-bps{scale:.5}.hd-directory .sp-space,.hd-directory .sp-fan{scale:.65}}@media (max-width:1100px){.hd-directory .sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){#nd-page.hd-directory-page{padding:28px 24px 48px}#nd-page.hd-directory-page>h1{font-size:30px}.hd-directory .sp-grid{grid-template-columns:minmax(0,1fr);gap:16px}.hd-directory .sp-w2c{grid-column:auto}.hd-directory .sp-cap{padding:12px 10px 14px}}@media (prefers-reduced-motion:reduce){.hd-directory *,.hd-directory :before,.hd-directory :after{transition:none!important;animation:none!important}.hd-directory .sp-card:active{transform:none}}.hd-directory .sp-icons .m{stroke:#fff}.hd-directory .sp-icons .mc{fill:#fff}.dark .hd-directory .sp-shad i{outline:1px solid #ffffff26}.dark .hd-directory .sp-rad path:first-child{stroke:#777}.dark .hd-directory .sp-rad path:nth-child(2){stroke:#aaa}.dark .hd-directory .sp-rad path:nth-child(3){stroke:var(--dir-strong)}
@media (min-width:1280px){#nd-docs-layout:has(.hd-motion){--fd-toc-width:220px}}#nd-page:has(.hd-motion){max-width:none}.hd-motion{--motion-accent:#456d9b;--motion-tint:#e9f0f7;--motion-line:#d5d5d5;font-size:14px;line-height:1.7}.dark .hd-motion{--motion-accent:#8caacb;--motion-tint:#283442;--motion-line:#505050}#nd-page .prose .hd-motion>h2{border:0;margin:48px 0 12px;padding:0;scroll-margin-top:96px;font-size:20px;font-weight:500;line-height:28px}.hd-motion>p{color:var(--hd-muted);max-width:75ch;margin:0 0 20px}.hd-motion .not-prose{color:var(--hd-ink)}.hd-motion .not-prose code{font:11px/1.5 var(--font-mono)}.hd-motion .not-prose button{cursor:pointer}.hd-motion .not-prose :is(button,input,select):focus-visible{outline:2px solid var(--motion-accent);outline-offset:4px}.hd-motion-demo{border:1px solid var(--hd-line);border-radius:16px;margin:24px 0;overflow:hidden}.hd-motion-toolbar{border-bottom:1px solid var(--hd-line);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.hd-motion-toolbar>strong{font-size:13px;font-weight:500;line-height:1.5}.hd-motion-toolbar button,.hd-motion-move{border:1px solid var(--hd-line);background:var(--hd-paper);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:7px 11px;font-size:12px;line-height:1.4;display:inline-flex}.hd-motion-toolbar button:hover,.hd-motion-move:hover{border-color:var(--motion-line);background:var(--hd-well)}.hd-motion-lanes{background:var(--hd-well);padding:20px 24px 24px}.hd-motion-lane-heading,.hd-motion-lane{grid-template-columns:86px minmax(0,1fr) 58px;align-items:center;gap:20px;display:grid}.hd-motion-lane-heading{color:var(--hd-muted);margin-bottom:12px;font-size:10px}.hd-motion-lane-heading>span:nth-child(2){align-items:center;gap:12px;display:flex}.hd-motion-lane-heading i{background:var(--hd-art-bar);flex:1;height:1px}.hd-motion-lane-heading>span:last-child{text-align:right}.hd-motion-lane{min-height:47px}.hd-motion-lane code{color:var(--hd-muted)}.hd-motion-track{height:30px;position:relative}.hd-motion-track:before{content:"";border-top:1px dashed var(--motion-line);position:absolute;inset:15px 0 auto}.hd-motion-destination{border:1px solid var(--motion-line);border-radius:8px;width:30px;height:30px;position:absolute;right:0}.hd-motion-travel{width:calc(100% - 30px);height:30px}.hd-motion-traveler{background:var(--hd-paper);width:30px;height:30px;box-shadow:var(--shadows-sm);color:var(--motion-accent);border-radius:8px;flex-direction:column;justify-content:center;gap:4px;padding:8px;display:flex}.hd-motion-travel{animation:hd-motion-travel calc(var(--motion-duration) * var(--motion-speed)) var(--motion-easing) .18s both}.hd-motion-traveler i{background:currentColor;border-radius:2px;height:3px}.hd-motion-traveler i:last-child{opacity:.5;width:65%}@keyframes hd-motion-travel{0%{transform:translate(0)}to{transform:translate(100%)}}.hd-motion-time{text-align:right;font:12px var(--font-mono);font-variant-numeric:tabular-nums}.hd-motion-time small{color:var(--hd-muted);margin-left:4px;font-size:10px}.hd-motion-controls{border-top:1px solid var(--hd-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px 10px;display:flex}.hd-motion-controls label{color:var(--hd-muted);cursor:pointer;align-items:center;gap:10px;font-size:12px;display:inline-flex}.hd-motion-controls select{border:1px solid var(--hd-line);background:var(--hd-paper);min-height:36px;color:var(--hd-ink);font:inherit;border-radius:7px;padding:6px 26px 6px 10px}.hd-motion-controls input{width:16px;height:16px;accent-color:var(--motion-accent)}.hd-motion-demo .hd-motion-note{color:var(--hd-muted);margin:0;padding:12px 20px 18px;font-size:12px;line-height:1.65}.hd-motion-reduced-note{display:none}.hd-motion-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 28px;display:grid}.hd-motion-examples figure,.hd-motion-comparison figure{min-width:0;margin:0}.hd-motion-scene{background:var(--hd-well);border-radius:12px;justify-content:center;align-items:center;height:230px;display:flex;position:relative}.hd-motion-examples figcaption,.hd-motion-comparison figcaption{margin:16px 0 0}.hd-motion-examples figcaption strong,.hd-motion-comparison figcaption strong{font-size:14px;font-weight:500;line-height:1.45;display:block}.hd-motion-examples figcaption p,.hd-motion-comparison figcaption p{color:var(--hd-muted);margin:6px 0 10px;font-size:12px;line-height:1.7}.hd-motion-examples figcaption code{color:var(--hd-muted)}.hd-motion-notification{background:var(--hd-art-surface);width:calc(100% - 24px);max-width:240px;box-shadow:var(--shadows-sm);border-radius:10px;align-items:center;gap:9px;padding:12px;display:flex}.hd-motion-symbol{color:var(--hd-muted);align-items:center;gap:3px;display:flex}.hd-motion-symbol span{background:currentColor;border-radius:2px;width:2px;height:14px}.hd-motion-symbol span:nth-child(2){height:20px}.hd-motion-placeholder{flex:1;gap:6px;display:grid}.hd-motion-placeholder i{background:var(--motion-line);border-radius:3px;width:80%;height:5px}.hd-motion-placeholder i:first-child{background:var(--hd-muted);width:55%}.hd-motion-switch{background:var(--motion-line);width:36px;height:22px;transition:background-color var(--durations-fast) ease-out;border-radius:20px;flex-shrink:0;position:relative}.hd-motion-switch:before{content:"";position:absolute;inset:-11px -4px}.hd-motion-switch>span{background:var(--hd-paper);width:18px;height:18px;color:var(--motion-accent);transition:transform var(--durations-fast) ease-out;border-radius:50%;place-items:center;margin-left:2px;display:grid}.hd-motion-switch svg{opacity:0;transition:opacity var(--durations-fast) ease-out}.hd-motion-switch[aria-checked=true]{background:var(--motion-accent)}.hd-motion-switch[aria-checked=true]>span{transform:translate(14px)}.hd-motion-switch[aria-checked=true] svg{opacity:1}.hd-motion-state{color:var(--hd-muted);font:11px var(--font-mono);position:absolute;bottom:44px}.hd-motion-context{align-items:flex-start;padding-top:34px}.hd-motion-context-row{align-items:center;gap:10px;width:calc(100% - 32px);display:flex}.hd-motion-context-row>span{background:var(--hd-art-bar);border-radius:50%;width:22px;height:22px}.hd-motion-context-row>i{background:var(--motion-line);border-radius:3px;flex:1;height:6px}.hd-motion-context-row button{width:36px;height:36px;color:var(--hd-muted);border-radius:7px;place-items:center;display:grid}.hd-motion-context-row button:is(:hover,[aria-expanded=true]){background:var(--hd-line);color:var(--hd-ink)}.hd-motion-menu{background:var(--hd-art-surface);width:calc(100% - 48px);max-width:180px;box-shadow:var(--shadows-md);transform-origin:100% 0;opacity:0;visibility:hidden;transition:transform var(--durations-normal) ease-out, opacity var(--durations-normal) ease-out, visibility var(--durations-normal);border-radius:10px;gap:4px;padding:7px;display:grid;position:absolute;top:78px;right:16px;transform:translateY(-8px)scale(.96)}.hd-motion-menu[data-open=true]{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.hd-motion-menu>span{height:28px;color:var(--hd-muted);align-items:center;gap:12px;padding:0 7px;display:flex}.hd-motion-menu>span:first-child{background:var(--hd-well);border-radius:5px}.hd-motion-menu i{background:var(--motion-line);border-radius:3px;width:60%;height:5px}.hd-motion-menu>span:nth-child(2) i{width:45%}.hd-motion-menu>span:nth-child(3) i{width:35%}.hd-motion-continuity{flex-direction:column;gap:16px}.hd-motion-list{width:calc(100% - 32px);max-width:210px;height:130px;position:relative}.hd-motion-list-row{background:var(--hd-art-surface);height:36px;transition:transform var(--durations-slower) cubic-bezier(.16, 1, .3, 1);border-radius:7px;align-items:center;gap:9px;padding:9px 12px;display:flex;position:absolute;inset:0 0 auto}.hd-motion-list-row>span{background:var(--hd-art-bar);border-radius:4px;flex-shrink:0;place-items:center;width:15px;height:15px;display:grid}.hd-motion-list-row>i{background:var(--motion-line);border-radius:3px;flex:1;height:5px}.hd-motion-list-row>i:last-child{opacity:.6;flex:0 0 15%}.hd-motion-list-row[data-selected=true]{z-index:1;background:var(--motion-tint)}.hd-motion-list-row[data-selected=true]>span{background:var(--motion-accent);color:var(--hd-paper)}.hd-motion-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:24px;display:grid}.hd-motion-save-scene{background:var(--hd-well);border-radius:12px;place-items:center;min-height:250px;display:grid;position:relative;overflow:hidden}.hd-motion-document{border:1px solid var(--hd-line);background:var(--hd-art-surface);border-radius:10px;gap:12px;width:65%;max-width:200px;padding:20px;display:grid}.hd-motion-document>span{background:var(--motion-line);border-radius:4px;width:45%;height:7px;margin-bottom:8px}.hd-motion-document>i{background:var(--hd-art-bar);border-radius:3px;width:100%;height:5px}.hd-motion-document>i:last-of-type{width:65%}.hd-motion-document>div{justify-content:end;gap:8px;margin-top:15px;display:flex}.hd-motion-document>div>i{background:var(--hd-art-bar);border-radius:4px;width:26px;height:12px}.hd-motion-document>div>i:last-child{background:var(--motion-line)}.hd-motion-confirmation{background:var(--hd-art-surface);box-shadow:var(--shadows-md);animation:hd-motion-confirm var(--durations-slowest) cubic-bezier(.16, 1, .3, 1) .25s both;border-radius:10px;align-items:center;gap:12px;padding:14px 18px;display:flex;position:absolute;bottom:30px}.hd-motion-confirmation>span{background:var(--motion-tint);width:28px;height:28px;color:var(--motion-accent);border-radius:50%;place-items:center;display:grid}.hd-motion-confirmation strong{font-size:12px;font-weight:500;display:block}.hd-motion-confirmation div>span{color:var(--hd-muted);font-size:11px}.hd-motion-comparison [data-reduced=true] .hd-motion-confirmation{animation-name:hd-motion-confirm-reduced;animation-duration:var(--durations-faster)}@keyframes hd-motion-confirm{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hd-motion-confirm-reduced{0%{opacity:0}to{opacity:1}}.hd-motion-demo[data-visible=false] :is(.hd-motion-travel,.hd-motion-confirmation){animation-play-state:paused}@media (max-width:1100px){.hd-motion-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-motion-examples figure:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;gap:20px;display:grid}}@media (max-width:600px){.hd-motion-toolbar{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.hd-motion-lanes{padding:16px}.hd-motion-lane-heading,.hd-motion-lane{grid-template-columns:60px minmax(0,1fr) 43px;gap:12px}.hd-motion-lane-heading{font-size:9px}.hd-motion-controls{padding:16px}.hd-motion-examples,.hd-motion-comparison{grid-template-columns:1fr;gap:24px}.hd-motion-examples figure:last-child{display:block}.hd-motion-comparison{padding:16px}.hd-motion-demo .hd-motion-note{padding:8px 16px 16px}.hd-motion-examples figcaption p{max-width:48ch}}@media (prefers-reduced-motion:reduce){.hd-motion-reduced-note{display:inline}.hd-motion-travel{animation:none;transform:translate(100%)}.hd-motion-confirmation,.hd-motion-comparison [data-reduced=true] .hd-motion-confirmation{animation:none}.hd-motion-switch,.hd-motion-switch>span,.hd-motion-switch svg,.hd-motion-menu,.hd-motion-list-row{transition:none}}
.pi-demo{--pi-accent:#456d9b;--pi-accent-wash:#e9f0f7;--pi-success:#29734f;--pi-success-wash:#edf6f0;--pi-error:#b13b41;--pi-error-wash:#fbefef;--pi-stroke:#d8d8d8;--pi-skeleton:#e8e8e8;--pi-skeleton-strong:#bcbcbc;border:1px solid var(--hd-line);color:var(--hd-ink);font:13px/1.5 var(--font-sans);border-radius:16px;margin:32px 0 40px;overflow:hidden}.dark .pi-demo{--pi-accent:#9dbddd;--pi-accent-wash:#293745;--pi-success:#90c9a7;--pi-success-wash:#23382c;--pi-error:#efa1a6;--pi-error-wash:#3d282c;--pi-stroke:#494949;--pi-skeleton:#505050;--pi-skeleton-strong:#909090}.pi-demo svg{stroke-width:1.6px;flex-shrink:0}.pi-demo strong{font-weight:500}.pi-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.pi-toolbar>strong{text-wrap:balance;font-size:14px}.pi-toolbar button{border:1px solid var(--hd-line);background:var(--hd-paper);cursor:pointer;border-radius:7px;align-items:center;gap:6px;min-height:32px;padding:6px 9px;font-size:12px;display:inline-flex}.pi-toolbar button:hover{background:var(--hd-well)}.pi-demo button:focus-visible{outline:2px solid var(--pi-accent);outline-offset:3px}.pi-stage{background:var(--hd-well);justify-content:center;align-items:center;min-height:366px;padding:36px;display:flex;overflow:hidden}.pi-sheet{background:var(--hd-art-surface);border-radius:12px;width:100%;max-width:360px;overflow:hidden;box-shadow:0 3px 4px -3px #00000014,0 14px 26px -13px #00000025}.dark .pi-sheet{outline:1px solid var(--pi-stroke);box-shadow:0 3px 4px -3px #00000030,0 14px 26px -13px #00000050}.pi-sheet-header{border-bottom:1px solid var(--hd-line);justify-content:space-between;align-items:center;gap:8px;min-height:47px;padding:13px 18px;font-size:12px;font-weight:500;display:flex}.pi-sheet-header>svg{color:var(--hd-muted)}.pi-sheet-content{padding:18px}.pi-bar{background:var(--pi-skeleton);border-radius:3px;flex-shrink:0;max-width:100%;height:6px;display:block}.pi-bar-dark{background:var(--pi-skeleton-strong)}.pi-label{color:var(--hd-muted);font-size:11px}.pi-field+.pi-field{margin-top:14px}.pi-field{flex-direction:column;gap:6px;display:flex}.pi-input{border:1px solid var(--pi-stroke);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-height:35px;padding:7px 10px;font-size:12px;transition:border-color .2s,background-color .2s;display:flex}.pi-input[data-invalid=true]{border-color:var(--pi-error);background:var(--pi-error-wash)}.pi-input[data-focused=true]{border-color:var(--pi-accent);outline:2px solid var(--pi-accent-wash);outline-offset:1px}.pi-input>svg{color:var(--hd-muted)}.pi-action{background:var(--hd-ink);min-height:32px;color:var(--hd-paper);white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:7px 12px;font-size:11px;font-weight:500;display:inline-flex}.pi-action-row{justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.pi-status{color:var(--hd-muted);white-space:nowrap;align-items:center;gap:5px;font-size:10px;font-weight:400;display:inline-flex}.pi-status[data-tone=good]{color:var(--pi-success)}.pi-status[data-tone=error]{color:var(--pi-error)}.pi-demo figcaption{padding:18px 20px 20px}.pi-steps{flex-wrap:wrap;align-items:center;gap:5px 16px;display:flex}.pi-steps button{min-height:30px;color:var(--hd-muted);cursor:pointer;border-radius:4px;align-items:center;gap:6px;font-size:12px;display:inline-flex}.pi-steps button:hover,.pi-steps button[aria-pressed=true]{color:var(--hd-ink)}.pi-steps button[aria-pressed=true]{font-weight:500}.pi-step-dot{border:1px solid var(--pi-stroke);border-radius:50%;width:6px;height:6px;transition:background .15s}.pi-steps button[aria-pressed=true] .pi-step-dot{background:var(--pi-accent);border-color:var(--pi-accent)}.pi-demo figcaption p{min-height:3em;color:var(--hd-muted);max-width:70ch;margin:10px 0 12px;font-size:13px;line-height:1.65}.pi-example-note{color:var(--hd-muted);font-size:11px}.pi-spinner{animation:1.2s linear infinite pi-spin}@keyframes pi-spin{to{transform:rotate(360deg)}}.pi-demo[data-playing=false] *,.pi-demo[data-playing=false] :after{animation-play-state:paused!important}.pi-layout{width:100%;max-width:480px;transition:max-width .4s}.pi-app-header{border:1px solid var(--pi-stroke);background:var(--hd-art-surface);border-radius:9px 9px 0 0;align-items:center;gap:9px;height:38px;padding:0 14px;font-size:11px;display:flex}.pi-app-header>svg{margin-left:auto}.pi-app-mark{display:flex}.pi-avatar{background:var(--pi-skeleton-strong);border-radius:50%;flex-shrink:0;width:15px;height:15px;display:block}.pi-app-body{border:1px solid var(--pi-stroke);background:var(--hd-art-surface);border-top:0;border-radius:0 0 9px 9px;grid-template-columns:78px minmax(0,1fr) 0fr;height:205px;transition:grid-template-columns .4s cubic-bezier(.16,1,.3,1);display:grid;overflow:hidden}.pi-app-nav{background:var(--hd-canvas);border-right:1px solid var(--hd-line);flex-direction:column;gap:15px;padding:18px 10px;display:flex;overflow:hidden}.pi-app-nav>span{align-items:center;gap:5px;min-height:14px;display:flex}.pi-nav-selected{color:var(--pi-accent)}.pi-app-content{min-width:0;padding:18px 14px;overflow:hidden}.pi-app-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;font-size:12px;display:flex}.pi-mini-action{color:var(--hd-paper);background:var(--hd-ink);border-radius:4px;padding:3px;display:flex}.pi-layout-row{border-bottom:1px solid var(--hd-line);align-items:center;gap:8px;height:33px;padding:0 5px;transition:background .2s;display:flex}.pi-layout-row>svg{margin-left:auto}.pi-layout-row .pi-bar{flex-shrink:1}.pi-layout-row[data-selected=true]{background:var(--pi-accent-wash)}.pi-app-detail{opacity:0;background:var(--hd-canvas);flex-direction:column;gap:10px;min-width:0;transition:opacity .25s;display:flex;overflow:hidden}.pi-app-detail>*{flex-shrink:0}.pi-app-detail strong{white-space:nowrap;font-size:11px}.pi-detail-icon{color:var(--pi-accent)}.pi-detail-divider{border-top:1px solid var(--hd-line)}.pi-layout[data-detail=true] .pi-app-body{grid-template-columns:78px minmax(0,1.4fr) minmax(0,1fr)}.pi-layout[data-detail=true] .pi-app-detail,.pi-layout[data-narrow=true] .pi-app-detail{opacity:1;border-left:1px solid var(--hd-line);padding:14px}.pi-menu,.pi-detail-back{display:none}.pi-layout[data-narrow=true]{max-width:216px}.pi-layout[data-narrow=true] .pi-app-body{grid-template-columns:0fr 0fr 1fr}.pi-layout[data-narrow=true] :is(.pi-app-nav,.pi-app-content){visibility:hidden;border:0;padding:0}.pi-layout[data-narrow=true] .pi-app-mark{display:none}.pi-layout[data-narrow=true] .pi-menu{display:flex}.pi-layout[data-narrow=true] .pi-detail-back{color:var(--hd-muted);gap:5px;font-size:10px;display:flex}.pi-detail-back svg{transform:rotate(180deg)}.pi-layout-legend{color:var(--hd-muted);justify-content:space-between;gap:10px;margin-top:14px;font-size:10px;display:flex}.pi-layout[data-narrow=true] .pi-layout-legend span:not(:nth-child(2)){display:none}.pi-layout[data-narrow=true] .pi-layout-legend{justify-content:center}.pi-count{color:var(--hd-muted);font-size:10px;font-weight:400}.pi-query{justify-content:space-between;gap:10px;padding:12px 16px;display:flex}.pi-chip,.pi-sort{color:var(--hd-muted);align-items:center;gap:6px;font-size:10px;display:inline-flex}.pi-chip{border:1px solid var(--hd-line);border-radius:5px;padding:5px 7px}.pi-chip[data-active=true]{color:var(--pi-accent);background:var(--pi-accent-wash);border-color:#0000}.pi-sort[data-active=true]{color:var(--hd-ink)}.pi-entity-list{height:212px;margin:0 16px 12px;position:relative}.pi-entity{border-top:1px solid var(--hd-line);height:40px;transform:translateY(calc(var(--row) * 40px));align-items:center;gap:10px;font-size:12px;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .22s;display:flex;position:absolute;inset:0 0 auto}.pi-entity[data-shown=false]{opacity:0;transform:translateY(calc(var(--row) * 40px)) translateX(18px)}.pi-person-mark,.pi-object-mark{background:var(--hd-well);width:23px;height:23px;color:var(--hd-muted);border-radius:50%;place-items:center;font-size:10px;display:grid}.pi-object-mark{border-radius:5px}.pi-entity-kind{color:var(--hd-muted);margin-left:auto;font-size:10px}.pi-message{background:var(--pi-error-wash);color:var(--pi-error);border-radius:7px;gap:9px;margin-top:16px;padding:11px;transition:color .2s,background .2s;display:flex}.pi-message[data-tone=good]{background:var(--pi-success-wash);color:var(--pi-success)}.pi-message strong,.pi-message small{font-size:11px;display:block}.pi-message small{margin-top:3px;font-size:10px}.pi-preserved{color:var(--hd-muted);align-items:center;gap:5px;font-size:10px;display:inline-flex}.pi-editor .pi-action{min-width:86px}.pi-empty-body{height:260px;position:relative}.pi-empty-invitation{flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .22s,transform .35s;display:flex;position:absolute;inset:20px}.pi-empty-invitation>span:not(.pi-action){color:var(--hd-muted);text-align:center;font-size:11px}.pi-empty-invitation>.pi-action{margin-top:5px}.pi-empty-invitation[data-visible=false]{opacity:0;transform:translateY(-8px)}.pi-empty-art{width:100px;height:66px;margin-bottom:5px;position:relative}.pi-empty-art>span{border:1px solid var(--pi-stroke);background:var(--hd-art-surface);border-radius:7px;width:50px;height:54px;position:absolute;top:5px;left:24px}.pi-empty-art>span:first-child{opacity:.5;transform:translate(-15px)rotate(-14deg)}.pi-empty-art>span:nth-child(2){opacity:.5;transform:translate(15px)rotate(14deg)}.pi-empty-art>span:last-child{color:var(--hd-muted);place-items:center;display:grid}.pi-created{border:1px solid var(--hd-line);background:var(--hd-art-surface);opacity:0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:13px;padding:24px;transition:opacity .25s,transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:24px;transform:translateY(12px)}.pi-created[data-visible=true]{opacity:1;transform:none}.pi-created-icon{color:var(--pi-accent)}.pi-created .pi-status{margin-top:3px}.pi-loading-rows{padding:6px 18px}.pi-loading-row{border-bottom:1px solid var(--hd-line);height:72px;position:relative}.pi-loading-row:last-child{border-bottom:0}.pi-skeleton,.pi-loaded{align-items:center;gap:13px;transition:opacity .3s;display:flex;position:absolute;inset:0}.pi-skeleton>span:last-child,.pi-loaded>span:nth-child(2){flex-direction:column;flex:1;gap:10px;display:flex}.pi-skeleton-avatar,.pi-loaded-icon{background:var(--pi-skeleton);border-radius:8px;flex-shrink:0;width:34px;height:34px}.pi-loaded-icon{background:var(--hd-well);color:var(--hd-muted);place-items:center;display:grid}.pi-loaded{opacity:0}.pi-loaded strong{font-size:12px}.pi-loading-rows[data-loading=true] .pi-skeleton{animation:1.7s ease-in-out infinite pi-breathe}.pi-loading-rows[data-ready=true] .pi-skeleton{opacity:0}.pi-loading-rows[data-ready=true] .pi-loaded{opacity:1}.pi-loading-foot{color:var(--hd-muted);align-items:center;gap:10px;margin:8px 18px 18px;font-size:10px;display:flex}.pi-dimension-line{border:1px solid var(--pi-stroke);border-top:0;flex:1;height:6px}@keyframes pi-breathe{50%{opacity:.4}}.pi-field-help{min-height:23px;color:var(--hd-muted);align-items:center;gap:5px;margin:4px 0 10px;font-size:10px;display:flex}.pi-field-help[data-invalid=true]{color:var(--pi-error)}.pi-input>.pi-field-check{color:var(--pi-success)}.pi-form .pi-action-row>.pi-label{font-size:10px}.pi-saving{width:100%;max-width:360px}.pi-note-body{flex-direction:column;gap:14px;padding:22px;display:flex}.pi-new-line{opacity:0;align-items:center;gap:4px;transition:opacity .2s;display:flex}.pi-new-line[data-visible=true]{opacity:1}.pi-caret{background:var(--pi-accent);width:1px;height:14px;display:inline-block}.pi-revision{font:10px var(--font-mono);color:var(--hd-muted);margin-top:7px}.pi-sync{border:1px dashed var(--pi-stroke);color:var(--hd-muted);border-radius:9px;align-items:center;gap:12px;margin:34px 20px 0;padding:16px;display:flex;position:relative}.pi-sync>div{flex-direction:column;gap:3px;font-size:10px;display:flex}.pi-sync strong{color:var(--hd-ink);font:11px var(--font-mono)}.pi-sync-track{background:var(--pi-stroke);width:1px;height:34px;position:absolute;top:-35px;left:50%}.pi-sync-track i{background:var(--pi-accent);opacity:0;border-radius:2px;width:5px;height:8px;position:absolute;top:0;left:-2px}.pi-sync-track i[data-moving=true]{opacity:1;animation:1.4s ease-in-out infinite pi-sync}@keyframes pi-sync{0%{opacity:0;transform:translateY(-2px)}25%,75%{opacity:1}to{opacity:0;transform:translateY(27px)}}.pi-sync-match{color:var(--pi-success);opacity:0;margin-left:auto;transition:opacity .2s}.pi-sync-match[data-visible=true]{opacity:1}.pi-notifications{position:relative}.pi-notice-bell{display:flex;position:relative}.pi-notice-bell i{background:var(--pi-error);opacity:0;border-radius:50%;width:5px;height:5px;position:absolute;top:0;right:-1px}.pi-notice-bell i[data-visible=true]{opacity:1}.pi-notice-banner{background:var(--pi-error-wash);min-height:60px;color:var(--pi-error);opacity:0;align-items:center;gap:8px;padding:11px 14px;transition:opacity .25s,transform .3s;display:flex;transform:translateY(-8px)}.pi-notice-banner[data-visible=true]{opacity:1;transform:none}.pi-notice-banner strong,.pi-notice-banner small{font-size:11px;display:block}.pi-notice-banner small{font-size:10px}.pi-text-action{align-items:center;gap:3px;margin-left:auto;font-size:10px;display:inline-flex}.pi-notifications .pi-sheet-content{padding-top:14px}.pi-focus-note{color:var(--pi-accent);align-items:center;gap:5px;margin-top:9px;font-size:10px;display:flex}.pi-import-row{align-items:center;gap:11px;margin-top:26px;display:flex}.pi-import-row strong,.pi-import-row small{font-size:11px;display:block}.pi-import-row small{color:var(--hd-muted);margin-top:3px;font-size:10px}.pi-connection{background:var(--pi-error);border-radius:50%;width:6px;height:6px;margin-left:auto;transition:background .2s}.pi-connection[data-connected=true]{background:var(--pi-success)}.pi-local-notice{color:var(--pi-success);opacity:0;align-items:center;gap:6px;padding:10px 18px 16px;font-size:10px;transition:opacity .25s;display:flex}.pi-local-notice[data-visible=true]{opacity:1}.pi-demo[data-pattern=progressive-disclosure] .pi-stage{align-items:flex-start;min-height:440px}.pi-disclosure-trigger{align-items:center;gap:7px;margin:22px 0 0;font-size:11px;display:flex}.pi-disclosure-trigger>svg{transition:transform .25s;transform:rotate(-90deg)}.pi-disclosure-trigger[data-expanded=true]>svg{transform:rotate(0)}.pi-custom-badge{color:var(--pi-accent);opacity:0;margin-left:auto;font-size:9px}.pi-custom-badge[data-visible=true]{opacity:1}.pi-disclosure-region{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.16,1,.3,1),opacity .2s;display:grid}.pi-disclosure-region[data-expanded=true]{opacity:1;grid-template-rows:1fr}.pi-disclosure-region>div{overflow:hidden}.pi-disclosure-region .pi-field{padding-top:16px}.pi-disclosure-toggle{align-items:center;gap:7px;margin-top:13px;font-size:10px;display:flex}.pi-checkbox{background:var(--hd-ink);width:13px;height:13px;color:var(--hd-paper);border-radius:3px;place-items:center;display:grid}.pi-disclosure-summary{color:var(--hd-muted);opacity:0;margin-top:8px;font-size:10px;transition:opacity .2s}.pi-disclosure-summary[data-visible=true]{opacity:1}.pi-disclosure .pi-action-row{justify-content:flex-end}@media (max-width:600px){.pi-stage{min-height:350px;padding:24px 16px}.pi-toolbar{gap:8px;padding:14px 16px}.pi-toolbar>strong{font-size:13px}.pi-toolbar button{padding:6px}.pi-toolbar button span{display:none}.pi-demo figcaption{padding:14px 16px 18px}.pi-steps{gap:4px 12px}.pi-steps button{min-height:34px;font-size:11px}.pi-sheet-header{padding:12px 14px}.pi-sheet-content{padding:14px}.pi-preserved{font-size:9px}.pi-layout .pi-app-body{grid-template-columns:52px minmax(0,1fr) 0fr}.pi-layout[data-detail=true] .pi-app-body{grid-template-columns:44px minmax(0,1fr) minmax(0,1fr)}.pi-layout[data-narrow=true] .pi-app-body{grid-template-columns:0fr 0fr 1fr}.pi-layout[data-detail=true] .pi-app-detail{padding:10px}.pi-app-content{padding:16px 9px}.pi-app-title{font-size:11px}.pi-notice-banner{gap:6px;padding:11px 10px}.pi-notice-banner small{max-width:120px}.pi-text-action{font-size:9px}.pi-form .pi-action-row{gap:5px}.pi-action{padding:7px 9px}}@media (prefers-reduced-motion:reduce){.pi-demo *,.pi-demo :after{transition:none!important;animation:none!important}}