:root{--background-color: #f5f5f5;--text-color: #333;--accent-color: #2e6ed0;--dialog-background-color: rgba(255, 255, 255, .9);--dialog-text-color: #333;--dialog-backdrop-color: rgba(0, 0, 0, .25);color-scheme:light dark;color:var(--text-color);background-color:var(--background-color)}@media (prefers-color-scheme: dark){:root{--background-color: #333;--text-color: #f5f5f5;--accent-color: #2e6ed0;--dialog-background-color: rgba(50, 50, 50, .9);--dialog-text-color: #f5f5f5;--dialog-backdrop-color: rgba(0, 0, 0, .5)}}*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:24px;font-weight:400;height:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;min-height:100%;display:flex;flex-direction:column}@keyframes slideInY{0%{transform:translate3d(0,calc(100% + 3rem),0)}to{transform:translateZ(0)}}.editButton{position:fixed;z-index:1;bottom:3rem;right:3rem;padding:1rem;border-radius:100%;border:none;background:var(--accent-color);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;& svg{display:block;width:1.5rem;height:1.5rem}&.show{animation:slideInY .3s;z-index:2}&.hide{animation:slideInY .3s ease-in reverse}&.hidden{display:none}}svg.icon{display:inline-block;vertical-align:top;fill:currentColor}@keyframes loadingSpan1{0%{opacity:.25}25%{opacity:1}50%{opacity:.25}}@keyframes loadingSpan2{20%{opacity:.25}45%{opacity:1}70%{opacity:.25}}@keyframes loadingSpan3{50%{opacity:.25}75%{opacity:1}to{opacity:.25}}.loadingIcon{--size: 2rem;width:var(--size);height:var(--size);display:flex;justify-content:center;align-items:center;gap:10%;&.loading{& span{animation-duration:1.5s;animation-iteration-count:infinite;&:nth-child(1){animation-name:loadingSpan1}&:nth-child(2){animation-name:loadingSpan2}&:nth-child(3){animation-name:loadingSpan3}}&.alternate{& span{animation-direction:alternate}}}& span{height:20%;width:20%;border-radius:100%;background-color:currentColor;opacity:.25}}