.theme-toggle{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;width:40px;height:40px;transition:background .3s,box-shadow .3s;position:relative;overflow:hidden}.theme-toggle:hover{background:#fff3;box-shadow:0 0 12px #ffffff26}.theme-toggle:active{transform:scale(.92)}.theme-toggle__icon{width:20px;height:20px;transition:transform .5s cubic-bezier(.68,-.55,.27,1.55),opacity .35s;position:absolute;top:50%;left:50%}.theme-toggle__sun{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(1)}.theme-toggle--dark .theme-toggle__sun{opacity:0;transform:translate(-50%,-50%)rotate(180deg)scale(0)}.theme-toggle__moon{opacity:0;transform:translate(-50%,-50%)rotate(-90deg)scale(0)}.theme-toggle--dark .theme-toggle__moon{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(1)}.theme-toggle__stars{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.theme-toggle__star{opacity:0;background:#fff;border-radius:50%;width:3px;height:3px;transition:opacity .4s,transform .4s;position:absolute;transform:scale(0)}.theme-toggle__star--1{transition-delay:.15s;top:6px;right:7px}.theme-toggle__star--2{transition-delay:.25s;bottom:8px;right:5px}.theme-toggle__star--3{transition-delay:.35s;top:10px;left:6px}.theme-toggle--dark .theme-toggle__star{opacity:1;animation:1.5s ease-in-out infinite alternate twinkle;transform:scale(1)}.theme-toggle--dark .theme-toggle__star--1{animation-delay:0s}.theme-toggle--dark .theme-toggle__star--2{animation-delay:.5s}.theme-toggle--dark .theme-toggle__star--3{animation-delay:1s}@keyframes twinkle{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}