.theme-toggle{display:flex;align-items:center;justify-content:center;padding:calc(var(--index)/10);color:var(--color-theme-3-accent);transition:color .3s ease;cursor:pointer}.theme-toggle:hover{color:var(--purple)}.theme-toggle__icon{width:calc(var(--index)/1.25);height:calc(var(--index)/1.25)}@media screen and (max-width:767px){.theme-toggle__icon{width:calc(var(--index)/.611);height:calc(var(--index)/.611)}}