.skills .skills__head{margin-bottom:44px}.sk__bar{border-bottom:1px solid var(--line);gap:16px;padding-bottom:22px;display:grid}.sk__search{border:1px solid var(--line-2);background:#0c1714d9;border-radius:3px;align-items:center;gap:10px;max-width:560px;height:48px;padding:0 14px;transition:border-color .2s;display:flex}.sk__search:focus-within{border-color:var(--cyan)}.sk__search svg{fill:none;width:18px;height:18px;stroke:var(--muted);stroke-width:1.6px;stroke-linecap:round;flex:none}.sk__search input{min-width:0;height:100%;font:inherit;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:15px}.sk__search input::placeholder{color:var(--muted)}.sk__chips{position:relative}.sk__chips .chip[data-empty]:not([aria-pressed=true]){opacity:.45}.sk__count{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin:18px 0 14px;font-size:12px;display:flex}.sk__reset{font:inherit;color:var(--cyan);cursor:pointer;background:0 0;border:0;padding:0}.sk__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sk-card{isolation:isolate;flex-direction:column;min-height:214px;padding:18px 22px;display:flex;position:relative}.sk-card:after{content:"";border-radius:inherit;background:var(--holo) border-box;-webkit-mask-composite:xor;opacity:0;pointer-events:none;border:1px solid #0000;transition:opacity .25s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.sk-card:before{content:"";z-index:-1;opacity:0;background:radial-gradient(120% 70% at 100% 0,#9b7bff1a,#0000 60%);transition:opacity .25s;position:absolute;inset:0}.sk-card:hover,.sk-card:focus-visible{transform:translateY(-2px)}.sk-card:hover:after,.sk-card:focus-visible:after,.sk-card:hover:before,.sk-card:focus-visible:before{opacity:1}.sk-card__top{font-family:var(--mono);letter-spacing:.12em;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.sk-card__cat{align-items:center;gap:8px;display:inline-flex}.sk-card__cat:before{content:"";border:1px solid var(--cyan);opacity:.8;width:5px;height:5px;transform:rotate(45deg)}.sk-card__go{font-family:var(--sans);color:var(--muted);font-size:15px;line-height:1;transition:color .2s,transform .2s}.sk-card:hover .sk-card__go,.sk-card:focus-visible .sk-card__go{color:var(--cyan);transform:translate(2px,-2px)}.sk-card__name{font-family:var(--serif);color:var(--text);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:12px 0 8px;font-size:19px;font-weight:900;line-height:1.35;display:-webkit-box;overflow:hidden}.sk-card__intro{color:var(--text-2);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.sk-card__tags{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);flex-wrap:wrap;gap:2px 14px;margin:auto 0 0;padding-top:16px;font-size:11px;display:flex}.sk-card__tags span:before{content:"#";color:var(--line-2);margin-right:2px}.sk__empty{color:var(--text-2);border:1px dashed var(--line-2);background:#0a1411e6;border-radius:3px;padding:28px 22px;font-size:15px}.sk__empty p{margin:0}.sk__more{flex-direction:column;align-items:center;gap:10px;padding:32px 0 8px;display:flex}.sk__progress{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);font-size:11px}@media (width<=1023px){.sk__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.skills .skills__head{margin-bottom:32px}.sk__grid{grid-template-columns:minmax(0,1fr)}.sk__chips{scrollbar-width:none;flex-wrap:nowrap;margin-inline:calc(-1*clamp(20px,4vw,48px));padding:2px clamp(20px,4vw,48px);scroll-padding-inline:clamp(20px,4vw,48px);overflow-x:auto}.sk__chips::-webkit-scrollbar{display:none}.sk__chips .chip{flex:none}.sk-card{min-height:0;padding:16px 18px}.sk-card__name{font-size:18px}}.page.skills .page-lead{max-width:44em}