.p-4{color:var(--MainColor)}button{color:var(--MainColor);margin:1em}
table{border-collapse:collapse;width:98%}th,td{border:1px solid var(--MainColor);text-align:left;padding:8px}th{background-color:var(--MainBG);font-weight:700}tr:nth-child(2n){background-color:var(--MainBG)}
@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotating-element svg{transform-origin:50%}.rotating-element:hover svg{animation:2s cubic-bezier(.9,0,.1,1) infinite rotate}
.BG-anim{opacity:.5;z-index:-1;will-change:transform;backface-visibility:hidden;perspective:1000px;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden;transform:translateZ(0)}.svg-container{will-change:transform;width:0;height:0;position:absolute;top:6%;left:50%;transform:translateZ(0)}.BG-svg{transform-origin:50%;backface-visibility:hidden;will-change:transform;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.rotate-clockwise{will-change:transform;animation-name:rotateClockwise;animation-timing-function:linear;animation-iteration-count:infinite}.rotate-counterclockwise{will-change:transform;animation-name:rotateCounterClockwise;animation-timing-function:linear;animation-iteration-count:infinite}.rotate-speed-20{animation-duration:20s}.rotate-speed-25{animation-duration:25s}.rotate-speed-30{animation-duration:30s}.rotate-speed-40{animation-duration:40s}.rotate-speed-50{animation-duration:50s}.rotate-speed-60{animation-duration:60s}.rotate-speed-70{animation-duration:70s}.rotate-speed-80{animation-duration:80s}.rotate-speed-90{animation-duration:90s}.rotate-speed-100{animation-duration:100s}.rotate-speed-120{animation-duration:120s}@keyframes rotateClockwise{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes rotateCounterClockwise{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(-360deg)}}@media (prefers-reduced-motion:reduce){.rotate-clockwise,.rotate-counterclockwise{animation-duration:180s!important}}
.animation-settings{color:var(--MainColor);margin:1.5rem 0}.toggle-container{align-items:center;margin:1rem 0 1rem 1em;display:flex}.toggle-switch{width:50px;height:28px;margin-right:10px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--MainBG);border:2px solid var(--MainColor);border-radius:34px;transition:all .4s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--MainColor);border-radius:50%;width:20px;height:20px;transition:all .4s;position:absolute;bottom:2px;left:2px}input:checked+.toggle-slider{background-color:var(--MainAccent);border-color:var(--MainAccent)}input:checked+.toggle-slider:before{background-color:var(--MainBG);transform:translate(22px)}.toggle-label{font-size:1.1rem}.settings-info{opacity:.8;max-width:80%;margin:1rem 0 1rem 1em;font-size:.9rem}
.loading-container{min-height:200px;color:var(--MainColor);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner{border:4px solid #ffffff1a;border-left-color:var(--MainAccent);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.loading-text{opacity:.9;font-size:1.1rem;font-family:var(--First-font);margin-top:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation-duration:2s}}