:host{--bright-blue: oklch(51.01% .274 263.83);--pill-accent: var(--bright-blue)}@media (min-width: 600px){body{padding:2rem}}.nav-pills-list{display:flex;flex-direction:row;align-items:start;flex-wrap:wrap;gap:1.25rem}.nav-pill-button{display:flex;align-items:center;padding-inline:.75rem;padding-block:.375rem;border-radius:.375rem;border:0;color:var(--pill-accent);transition:background .5s ease;font-family:Arial,Helvetica,sans-serif;font-size:.875rem;font-style:normal;font-weight:500;line-height:1.4rem;letter-spacing:-.00875rem;text-decoration:none}.nav-pill-button:hover{background-color:color-mix(in srgb,var(--pill-accent) 50%,transparent);transition:background .5s ease}body.light-theme{background-color:#fff;color:#222}body.light-theme .body{transition:all .3s ease}body.light-theme .button{background-color:#e0e0e0;color:#222;border:none;padding:.5rem 1rem;transition:all .3s ease;cursor:pointer}body.light-theme .list{background-color:#f5f5f5;color:#222;padding:1rem;border-radius:4px;transition:all .3s ease}body.dark-theme{background-color:#121212;color:#fff}body.dark-theme .body{transition:all .3s ease}body.dark-theme .button{background-color:333333;color:#fff;border:none;padding:.5rem 1rem;transition:all .3s ease;cursor:pointer}body.dark-theme .list{background-color:#1e1e1e;color:#fff;padding:1rem;border-radius:4px;transition:all .3s ease}