.nui-button[data-astro-cid-qngiuqto]{font:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;font-size:.875rem;display:inline-flex;position:relative}.nui-button[data-astro-cid-qngiuqto]:focus-visible{outline-offset:2px;outline:2px solid #94a3b8}.label[data-astro-cid-qngiuqto],.inner[data-astro-cid-qngiuqto]{z-index:1;align-items:center;gap:.5rem;display:inline-flex;position:relative}.sketch[data-astro-cid-qngiuqto]{color:#000;background:#fff;border:1px solid #000;border-radius:.375rem;padding:.5rem 1rem;transition:box-shadow .2s}.sketch[data-astro-cid-qngiuqto]:hover{box-shadow:4px 4px #000}.simple[data-astro-cid-qngiuqto]{color:#737373;background:#f5f5f5;border:1px solid #d4d4d4;border-radius:.375rem;padding:.5rem 1rem;transition:transform .2s,box-shadow .2s}.simple[data-astro-cid-qngiuqto]:hover{transform:translateY(-.25rem);box-shadow:0 4px 6px -1px #0000001a}.invert[data-astro-cid-qngiuqto]{color:#fff;background:#14b8a6;border:2px solid #0000;border-radius:.375rem;padding:.5rem 2rem;font-weight:700;transition:background .2s,color .2s,border-color .2s}.invert[data-astro-cid-qngiuqto]:hover{color:#000;background:#fff;border-color:#14b8a6}.tailwind-connect[data-astro-cid-qngiuqto]{color:#fff;background:#1e293b;border-radius:9999px;padding:1px;font-size:.75rem;font-weight:600;line-height:1.5rem;box-shadow:0 25px 50px -12px #18181b}.tailwind-connect[data-astro-cid-qngiuqto]:before{content:"";opacity:0;background:radial-gradient(75% 100% at 50% 0,#38bdf899 0%,#38bdf800 75%);border-radius:9999px;transition:opacity .5s;position:absolute;inset:0}.tailwind-connect[data-astro-cid-qngiuqto]:hover:before{opacity:1}.tailwind-connect[data-astro-cid-qngiuqto]:after{content:"";background:linear-gradient(90deg,#34d39900,#34d399e6,#34d39900);width:calc(100% - 2.25rem);height:1px;transition:opacity .5s;position:absolute;bottom:0;left:1.125rem}.tailwind-connect[data-astro-cid-qngiuqto]:hover:after{opacity:.4}.tailwind-connect[data-astro-cid-qngiuqto] .inner[data-astro-cid-qngiuqto]{background:#09090b;border-radius:9999px;padding:.125rem 1rem;box-shadow:inset 0 0 0 1px #ffffff1a}.gradient[data-astro-cid-qngiuqto]{color:#fff;background:linear-gradient(#3b82f6,#2563eb);border-radius:9999px;padding:.5rem 2rem;transition:box-shadow .2s}.gradient[data-astro-cid-qngiuqto]:hover{box-shadow:0 20px 25px -5px #0000001a}.unapologetic[data-astro-cid-qngiuqto]{color:#000;background:0 0;border:1px solid #000;padding:.5rem 2rem}.unapologetic[data-astro-cid-qngiuqto]:before{content:"";z-index:-1;background:#fde047;width:100%;height:100%;transition:bottom .2s,right .2s;position:absolute;bottom:-.5rem;right:-.5rem}.unapologetic[data-astro-cid-qngiuqto]:hover:before{bottom:0;right:0}.lit-borders[data-astro-cid-qngiuqto]{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:.5rem;padding:3px}.lit-borders[data-astro-cid-qngiuqto] .inner[data-astro-cid-qngiuqto]{color:#fff;background:#000;border-radius:6px;padding:.5rem 2rem;transition:background .2s}.lit-borders[data-astro-cid-qngiuqto]:hover .inner[data-astro-cid-qngiuqto]{background:0 0}.border-magic[data-astro-cid-qngiuqto]{border-radius:9999px;height:3rem;padding:1px;overflow:hidden}.border-magic[data-astro-cid-qngiuqto]:before{content:"";background:conic-gradient(from 90deg,#e2cbff 0%,#393bb2 50%,#e2cbff 100%);animation:2s linear infinite nui-button-spin;position:absolute;inset:-1000%}.border-magic[data-astro-cid-qngiuqto] .inner[data-astro-cid-qngiuqto]{color:#fff;background:#020617;border-radius:9999px;width:100%;height:100%;padding:.25rem .75rem;font-weight:500}.brutal[data-astro-cid-qngiuqto]{color:#000;text-transform:uppercase;background:#fff;border:2px solid #000;padding:.125rem 2rem;transition:box-shadow .2s;box-shadow:1px 1px #000,2px 2px #000,3px 3px #000,4px 4px #000,5px 5px #000}.brutal[data-astro-cid-qngiuqto]:hover{box-shadow:none}.favourite[data-astro-cid-qngiuqto]{color:#fff;background:#000;border-radius:.375rem;padding:.5rem 2rem;font-weight:600;transition:background .2s,box-shadow .2s}.favourite[data-astro-cid-qngiuqto]:hover{background:#000c;box-shadow:0 10px 15px -3px #0000001a}.outline[data-astro-cid-qngiuqto]{color:#000;background:#fff;border:1px solid #525252;border-radius:.75rem;padding:.5rem 1rem;transition:background .2s}.outline[data-astro-cid-qngiuqto]:hover{background:#f3f4f6}.shimmer[data-astro-cid-qngiuqto]{color:#94a3b8;background:linear-gradient(110deg,#000103 45%,#1e2631 55%,#000103) 0 0/200% 100%;border:1px solid #1e293b;border-radius:.375rem;height:3rem;padding:0 1.5rem;font-weight:500;animation:2s linear infinite nui-button-shimmer}.nextjs-blue[data-astro-cid-qngiuqto]{color:#fff;background:#0070f3;border-radius:.375rem;padding:.5rem 2rem;font-weight:300;transition:box-shadow .2s linear,background .2s linear;box-shadow:0 4px 14px #0076ff63}.nextjs-blue[data-astro-cid-qngiuqto]:hover{background:#0076ffe6;box-shadow:0 6px 20px #0076ff3b}.nextjs-white[data-astro-cid-qngiuqto]{color:#696969;background:#fff;border-radius:.375rem;padding:.5rem 2rem;font-weight:300;transition:box-shadow .2s linear;box-shadow:0 4px 14px #0000001a}.nextjs-white[data-astro-cid-qngiuqto]:hover{box-shadow:0 6px 20px #5d5d5d3b}.spotify[data-astro-cid-qngiuqto]{color:#fff;text-transform:uppercase;letter-spacing:.1em;background:#1ed760;border-radius:9999px;padding:1rem 3rem;font-weight:700;transition:transform .2s,background .2s}.spotify[data-astro-cid-qngiuqto]:hover{background:#21e065;transform:scale(1.05)}.backdrop-blur[data-astro-cid-qngiuqto]{backdrop-filter:blur(4px);color:#000;background:#fff3;border:1px solid #000;border-radius:.375rem;padding:.5rem 1rem;transition:box-shadow .2s}.backdrop-blur[data-astro-cid-qngiuqto]:hover{box-shadow:0 0 4px 4px #0000001a}.playlist[data-astro-cid-qngiuqto]{color:#000;text-transform:uppercase;letter-spacing:.1em;background:0 0;border-radius:9999px;padding:1rem 3rem;font-weight:700;transition:background .2s,color .2s;box-shadow:inset 0 0 0 2px #616467}.playlist[data-astro-cid-qngiuqto]:hover{color:#fff;background:#616467}.figma[data-astro-cid-qngiuqto]{color:#fff;background:#000;border-radius:.5rem;padding:.5rem 1.5rem;font-weight:700;transition:transform .4s}.figma[data-astro-cid-qngiuqto]:hover{transform:translateY(-.25rem)}.figma-outline[data-astro-cid-qngiuqto]{color:#000;background:0 0;border:1px solid #000;border-radius:.5rem;padding:.5rem 1.5rem;font-weight:700;transition:transform .4s;box-shadow:inset 0 0 0 3px #000}.figma-outline[data-astro-cid-qngiuqto]:hover{transform:translateY(-.25rem)}.top-gradient[data-astro-cid-qngiuqto]{color:#fff;background:#334155;border:1px solid #475569;border-radius:9999px;padding:.5rem 2rem;transition:box-shadow .2s}.top-gradient[data-astro-cid-qngiuqto]:before{content:"";background:linear-gradient(90deg,#0000,#14b8a6,#0000);width:50%;height:1px;margin:0 auto;position:absolute;top:-1px;left:0;right:0}.top-gradient[data-astro-cid-qngiuqto]:hover{box-shadow:0 25px 50px -12px #ffffff1a}@keyframes nui-button-spin{to{transform:rotate(360deg)}}@keyframes nui-button-shimmer{0%{background-position:0 0}to{background-position:-200% 0}}html.dark .unapologetic[data-astro-cid-qngiuqto],html[data-theme=dark] .unapologetic[data-astro-cid-qngiuqto]{border-color:#fff}html.dark .brutal[data-astro-cid-qngiuqto],html[data-theme=dark] .brutal[data-astro-cid-qngiuqto]{border-color:#fff;box-shadow:1px 1px #fff,2px 2px #fff,3px 3px #fff,4px 4px #fff,5px 5px #fff}html.dark .brutal[data-astro-cid-qngiuqto]:hover,html[data-theme=dark] .brutal[data-astro-cid-qngiuqto]:hover{box-shadow:none}html.dark .playlist[data-astro-cid-qngiuqto],html[data-theme=dark] .playlist[data-astro-cid-qngiuqto]{color:#e5e5e5}html.dark .figma-outline[data-astro-cid-qngiuqto],html[data-theme=dark] .figma-outline[data-astro-cid-qngiuqto]{color:#fff;border-color:#fff;box-shadow:inset 0 0 0 3px #fff}@media (prefers-color-scheme:dark){html:not(.light):not([data-theme=light]) .unapologetic[data-astro-cid-qngiuqto]{border-color:#fff}html:not(.light):not([data-theme=light]) .brutal[data-astro-cid-qngiuqto]{border-color:#fff;box-shadow:1px 1px #fff,2px 2px #fff,3px 3px #fff,4px 4px #fff,5px 5px #fff}html:not(.light):not([data-theme=light]) .brutal[data-astro-cid-qngiuqto]:hover{box-shadow:none}html:not(.light):not([data-theme=light]) .playlist[data-astro-cid-qngiuqto]{color:#e5e5e5}html:not(.light):not([data-theme=light]) .figma-outline[data-astro-cid-qngiuqto]{color:#fff;border-color:#fff;box-shadow:inset 0 0 0 3px #fff}}@media (prefers-reduced-motion:reduce){.border-magic[data-astro-cid-qngiuqto]:before,.shimmer[data-astro-cid-qngiuqto]{animation:none}}.demo[data-astro-cid-5ukcluw6]{background:var(--nui-color-bg);font-family:var(--nui-font-sans);padding:2rem 1rem}.grid[data-astro-cid-5ukcluw6]{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.5rem;max-width:72rem;margin:0 auto;display:grid}.card[data-astro-cid-5ukcluw6]{border:1px solid var(--nui-color-border);background:radial-gradient(var(--nui-color-border) 1px, transparent 1px) 0 0 / 16px 16px, var(--nui-color-surface);border-radius:.75rem;justify-content:center;align-items:center;height:11rem;display:flex}