.burger-menu__button{cursor:pointer;background-color:#0000;border:none}.burger-menu__panel{background-color:var(--bg);width:100%;box-shadow:var(--shadow);position:sticky;top:4.25rem!important;left:0!important}.burger-menu__content{width:var(--container-width);padding:var(--space-md);gap:var(--space-lg);flex-direction:column;margin:auto;display:flex}.burger-menu__content>a{color:var(--text);transition:color .2s var(--cubic-bezier);font-weight:600;text-decoration:none;position:relative}.burger-menu__content>a:hover{color:var(--primary)}
.theme-switcher{--width:3rem;width:var(--width);cursor:pointer;background-color:#0000;border:none;grid-template-areas:"stack";align-items:center;display:grid}.theme-switcher .pill{border-radius:var(--radius);background-color:var(--bg-dark);width:100%;height:.75rem;box-shadow:var(--shadow);grid-area:stack}.theme-switcher .circle{width:calc(var(--width)/2);height:calc(var(--width)/2);background-color:var(--secondary);color:var(--bg);transition:transform .3s var(--cubic-bezier);border-radius:100%;grid-area:stack;grid-template-areas:"circle-stack";place-items:center;display:grid;transform:translate(0)}.theme-switcher .circle .icon{grid-area:circle-stack;width:70%;height:70%;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.theme-switcher.light .circle{transform:translate(100%)}.theme-switcher.light .circle .sun{opacity:1;transform:rotate(0)scale(1)}.theme-switcher.light .circle .moon{opacity:0;transform:rotate(90deg)scale(.5)}.theme-switcher.dark .circle .sun{opacity:0;transform:rotate(-90deg)scale(.5)}.theme-switcher.dark .circle .moon{opacity:1;transform:rotate(0)scale(1)}
.footer__component{width:fit-content;margin:auto;font-size:.85rem}
