.moon,.sun{transform:rotate(-45deg);transition:transform .3s ease-in-out}.theme-toggle{border-width:1px;border-color:transparent;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:var(--toggle-color);transform:rotate(45deg);transition:background-color .3s ease-in-out,transform .3s ease-in-out}.theme-toggle:hover{background-color:var(--toggle-highlight-color);cursor:pointer;transform:rotate(-45deg)}.theme-toggle:hover .moon,.theme-toggle:hover .sun{transform:rotate(45deg)}header{background-color:#15567e;height:56px;display:flex;padding:12px;align-items:center;justify-content:flex-end}:root{--bg-color: #d3cab1;--text-color: #15567e;--highlight-color: #e9dfc4;--toggle-color: #d3cab1;--toggle-highlight-color: #e9dfc4;--header-color: #15567e}[data-theme=dark]{--bg-color: #2b2e3b;--text-color: #d3cab1;--highlight-color: #221f2c}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .4s ease,color .4s ease}.app:before,.app:after{content:"";position:fixed;top:0;bottom:0;width:6px;background-color:var(--header-color);z-index:1000}.app:before{left:0}.app:after{right:0}