#root{margin:0 auto}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#007bff;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-container{display:flex}.input{padding:.7em;border-radius:4px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;margin:0 auto;--darkbg: #251d29;--darkt: #ffd1f7;--lightbg: #fff;--lightt: #d43370;--toggleHeight: 16em;--toggleWidth: 30em;--toggleBtnRadius: 10em;--bgColor--night: #255C90;--bgColor--day: #9ee3fb;--mooncolor: #d9fbff}body{margin:0 auto;padding:0;font-size:1.2em;text-align:center;transition:background-color .4s ease}body[data-theme=dark]{background-color:#040e1b;color:#fff}body[data-theme=light]{background-color:#fff;color:#1a1a1a}.tdnn{cursor:pointer;margin:.5em auto 0;font-size:12%;position:relative;height:var(--toggleHeight);width:var(--toggleWidth);border-radius:var(--toggleHeight);transition:all .5s ease-in-out;background:var(--bgColor--night)}.day{background:#ffbf71}.moon{position:absolute;display:block;border-radius:50%;transition:all .4s ease-in-out;top:3em;left:3em;transform:rotate(-75deg);width:var(--toggleBtnRadius);height:var(--toggleBtnRadius);background:var(--bgColor--night);box-shadow:3em 2.5em 0 0 var(--mooncolor) inset,#ffffff1a 0 -7em 0 -4.5em,#ffffff1a 3em 7em 0 -4.5em,#ffffff1a 2em 13em 0 -4em,#ffffff1a 6em 2em 0 -4.1em,#ffffff1a 8em 8em 0 -4.5em,#ffffff1a 6em 13em 0 -4.5em,#ffffff1a -4em 7em 0 -4.5em,#ffffff1a -1em 10em 0 -4.5em}.sun{top:4.5em;left:18em;transform:rotate(0);width:7em;height:7em;background:#fff;box-shadow:3em 3em 0 5em #fff inset,0 -5em 0 -2.7em #fff,3.5em -3.5em 0 -3em #fff,5em 0 0 -2.7em #fff,3.5em 3.5em 0 -3em #fff,0 5em 0 -2.7em #fff,-3.5em 3.5em 0 -3em #fff,-5em 0 0 -2.7em #fff,-3.5em -3.5em 0 -3em #fff}