:root{--background-primary: white;--background-secondary: rgb(244, 244, 245);--background-tertiary: rgb(235, 240, 245);--background-zebra: rgb(250, 250, 250);--border-color: rgb(229, 231, 235);--ring-color: rgba(17, 24, 39, .2);--foreground-primary: rgb(17, 24, 39);--foreground-secondary: rgb(107, 114, 128);--foreground-accent: #0056b3;--shadow-color: rgba(17, 24, 39, .2);--loading-square-first: rgb(255, 204, 77);--loading-square-second: rgb(255, 153, 51);--loading-square-third: rgb(255, 204, 77)}html.dark{--background-primary: rgb(24, 24, 27);--background-secondary: rgb(9, 9, 11);--background-tertiary: rgb(34, 34, 38);--background-zebra: rgb(30, 30, 32);--border-color: rgb(48, 48, 51);--ring-color: rgba(229, 231, 235, .2);--foreground-primary: rgb(225, 223, 219);--foreground-secondary: rgb(244, 244, 245);--foreground-tertiary: rgb(113, 113, 122);--shadow-color: rgba(12, 12, 12, 1)}.square-1{animation:square-anim 1.2s cubic-bezier(.445,.05,.55,.95) 0s infinite}.square-2{animation:square-anim 1.2s cubic-bezier(.445,.05,.55,.95) .2s infinite}.square-3{animation:square-anim 1.2s cubic-bezier(.445,.05,.55,.95) .4s infinite}@keyframes square-anim{0%{height:80px;background-color:var(--loading-square-first)}20%{height:80px}40%{height:120px;background-color:var(--loading-square-second)}80%{height:80px}to{height:80px;background-color:var(--loading-square-third)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .4s ease-out forwards}