.component--language-menu{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--gray-900);background-color:#0000;border:1px solid #0000;outline:0;justify-content:center;align-items:center;min-width:32px;padding:4px 8px;text-decoration:none;transition:all .25s;display:inline-flex;position:relative}.component--language-menu:active,.component--language-menu:focus{border-style:solid;border-width:1.5px;border-color:var(--canvas-900);outline:none}.dark .component--language-menu:active,.dark .component--language-menu:focus{border-color:var(--canvas-200)}
.mobile-menu-button{color:#000;border-radius:4px;outline:none;padding:4px 8px;font-size:1.25rem;line-height:1.75rem;text-decoration:none;transition:all .5s ease-in-out}.mobile-menu-button:hover,.mobile-menu-button.active{color:#fff;background-color:var(--primary-500)}.dark .mobile-menu-button{color:#fff}.dark .mobile-menu-button:hover,.dark .mobile-menu-button.active{color:#fff;background-color:var(--canvas-700)}.mobile-menu-button--child{text-align:left;color:#000;border:1px solid #0000;border-radius:4px;outline:none;width:100%;padding:4px 8px;font-size:1.2rem;line-height:1.7rem;text-decoration:none;transition:all .5s ease-in-out}.mobile-menu-button--child:hover,.mobile-menu-button--child.active{border-color:#000}.dark .mobile-menu-button--child{color:#fff}.dark .mobile-menu-button--child:hover,.dark .mobile-menu-button--child.active{border-color:#fff}
.component--theme-switch{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;color:#000;background-color:#0000;border:.5px dashed #0000;border-radius:4px;outline:0;justify-content:center;align-items:center;min-width:32px;padding:5px 7px;text-decoration:none;transition:all .25s;display:inline-flex;position:relative}.component--theme-switch:active,.component--theme-switch:focus{border-color:var(--canvas-900);border-style:solid;border-width:1.5px;border-radius:4px;outline:none}.dark .component--theme-switch:active,.dark .component--theme-switch:focus{border-color:var(--canvas-200)}.component--theme-switch .moon,.component--theme-switch .light{width:24px;height:24px;margin:0;padding:0;transition:opacity .2s ease-in-out;position:absolute}.component--theme-switch .moon{opacity:1;animation:.3s spin}.component--theme-switch .light{opacity:0}.dark .component--theme-switch .moon{opacity:0;animation:none}.dark .component--theme-switch .light{opacity:1;color:#fff;animation:.3s spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}