.theme-switcher{position:relative;display:inline-flex;align-items:center}.theme-btn{background:rgba(0,0,0,0);border:none;color:var(--color-white);font-size:1.1rem;cursor:pointer;padding:8px;border-radius:25px;transition:background .25s ease;display:inline-flex;align-items:center;justify-content:center}.theme-btn:hover{background:hsla(0,0%,100%,.15)}.theme-btn:focus{outline:2px solid var(--color-white);outline-offset:2px}.theme-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-white-half);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--border-solid-white);border-radius:15px;box-shadow:var(--shadow-card);padding:6px 0;margin:0;list-style:none;min-width:200px;z-index:200;opacity:0;transform:translateY(-4px);visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility 0s .25s}.theme-menu.open{opacity:1;transform:translateY(0);visibility:visible;display:block;transition:opacity .25s ease,transform .25s ease,visibility 0s 0s}.theme-menu li{margin:16px;background:var(--color-white-half);border:var(--border-solid-white);border-radius:25px}.theme-menu button{width:100%;padding:6px 16px;background:rgba(0,0,0,0);border:none;color:var(--color-text);text-align:left;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:background .25s ease}.theme-menu button:hover{background:var(--color-inline-code-bg)}.theme-menu button i{width:16px;text-align:center}@media(max-width: 768px){.nav-btns .theme-switcher{width:100%;flex-direction:column;align-items:stretch}.nav-btns .theme-btn{width:100%;height:auto;padding:14px;margin:6px 0;background:hsla(0,0%,100%,.3);border:2px solid hsla(0,0%,100%,.6);border-radius:25px;font-size:1rem;color:var(--color-white);justify-content:flex-start;gap:7px}.nav-btns .theme-btn:hover{background-color:hsla(0,0%,100%,.6);transform:none}.nav-btns .theme-btn i{padding:0 7px 0 0;font-size:1rem}.nav-btns .theme-menu{position:static;box-shadow:none;background:hsla(0,0%,100%,0);border-radius:25px;margin:6px 0 16px;padding:0;min-width:0;width:100%;max-height:0;overflow:hidden;opacity:0;transform:translateY(-8px);transition:max-height .25s ease cubic-bezier(0.4, 0, 0.2, 1),padding .25s ease cubic-bezier(0.4, 0, 0.2, 1),opacity .25s ease cubic-bezier(0.4, 0, 0.2, 1),transform .25s ease cubic-bezier(0.4, 0, 0.2, 1)}.nav-btns .theme-menu.open{max-height:500px;padding:6px 0;opacity:1;transform:translateY(0)}.nav-btns .theme-menu button{padding:6px 16px;color:var(--color-white);font-size:.95rem}.nav-btns .theme-menu button:hover{background:hsla(0,0%,100%,.2)}}