/* Colors *//* color[x] x can be a HEX or var name. */:root {/* Brands */--discord: rgba(88, 101, 242, 0.4);--discordHover: rgba(88, 101, 242, 0.8);--google: rgba(28, 163, 97, 0.4);--googleHover: rgba(28, 163, 97, 0.8);--github: rgba(6, 6, 6, 0.4);--githubHover: rgba(6, 6, 6, 0.8);--formbg: transparent;--formborder: var(--border);--formfocus: var(--border);--searchHover: transparent;}/* Page Setup */html {box-sizing: border-box;}*, *:before, *:after {box-sizing: inherit;}a {text-decoration: none;}body {margin: 0;padding: 0;overflow: overlay;overflow-wrap: break-word;}/* Scroll bar */::-webkit-scrollbar {width: 10px;}::-webkit-scrollbar-track {background: rgb(44, 44, 44);}::-webkit-scrollbar-thumb {background: rgba(104, 104, 104, 0.4);}::-webkit-scrollbar-thumb:hover {background: rgba(104, 104, 104, 0.8);}::-webkit-scrollbar-corner {background: rgba(44, 44, 44, 0);}/* Margin: */.m-0125 { margin: 0.125rem; }.m-025 { margin: 0.25rem; }.m-04 { margin: 0.4rem; }.m-05 { margin: 0.5rem; }.m-075 { margin: 0.75rem; }.m-08 { margin: 0.8rem; }.m-1 { margin: 1rem; }.m-2 { margin: 2rem; }.m-4 { margin: 4rem; }.m-5 { margin: 5rem; }.m-6 { margin: 6rem; }.m-8 { margin: 8rem; }.m-10 { margin: 10rem; }.m-12 { margin: 12rem; }.m-14 { margin: 14rem; }.m-15 { margin: 15rem; }.m-16 { margin: 16rem; }.m-18 { margin: 18rem; }.m-20 { margin: 20rem; }.m-auto { margin: auto; }.mx-0125 { margin: auto 0.125rem; }.mx-025 { margin: auto 0.25rem; }.mx-04 { margin: auto 0.4rem; }.mx-05 { margin: auto 0.5rem; }.mx-075 { margin: auto 0.75rem; }.mx-08 { margin: auto 0.8rem; }.mx-1 { margin: auto 1rem; }.mx-2 { margin: auto 2rem; }.mx-4 { margin: auto 4rem; }.mx-5 { margin: auto 5rem; }.mx-6 { margin: auto 6rem; }.mx-8 { margin: auto 8rem; }.mx-10 { margin: auto 10rem; }.mx-12 { margin: auto 12rem; }.mx-14 { margin: auto 14rem; }.mx-15 { margin: auto 15rem; }.mx-16 { margin: auto 16rem; }.mx-18 { margin: auto 18rem; }.mx-20 { margin: auto 20rem; }.my-0125 { margin: 0.125rem auto; }.my-025 { margin: 0.25rem auto; }.my-04 { margin: 0.4rem auto; }.my-05 { margin: 0.5rem auto; }.my-075 { margin: 0.75rem auto; }.my-08 { margin: 0.8rem auto; }.my-1 { margin: 1rem auto; }.my-2 { margin: 2rem auto; }.my-4 { margin: 4rem auto; }.my-5 { margin: 5rem auto; }.my-6 { margin: 6rem auto; }.my-8 { margin: 8rem auto; }.my-10 { margin: 10rem auto; }.my-12 { margin: 12rem auto; }.my-14 { margin: 14rem auto; }.my-15 { margin: 15rem auto; }.my-16 { margin: 16rem auto; }.my-18 { margin: 18rem auto; }.my-20 { margin: 20rem auto; }.ml-auto { margin-left: auto; }.ml-0125 { margin-left: 0.125rem; }.ml-025 { margin-left: 0.25rem; }.ml-04 { margin-left: 0.4rem; }.ml-05 { margin-left: 0.5rem; }.ml-075 { margin-left: 0.75rem; }.ml-08 { margin-left: 0.8rem; }.ml-1 { margin-left: 1rem; }.ml-2 { margin-left: 2rem; }.ml-4 { margin-left: 4rem; }.ml-5 { margin-left: 5rem; }.ml-6 { margin-left: 6rem; }.ml-8 { margin-left: 8rem; }.ml-10 { margin-left: 10rem; }.ml-12 { margin-left: 12rem; }.ml-14 { margin-left: 14rem; }.ml-15 { margin-left: 15rem; }.ml-16 { margin-left: 16rem; }.ml-18 { margin-left: 18rem; }.ml-20 { margin-left: 20rem; }.mr-auto { margin-right: auto; }.mr-0125 { margin-right: 0.125rem; }.mr-025 { margin-right: 0.25rem; }.mr-04 { margin-right: 0.4rem; }.mr-05 { margin-right: 0.5rem; }.mr-075 { margin-right: 0.75rem; }.mr-08 { margin-right: 0.8rem; }.mr-1 { margin-right: 1rem; }.mr-2 { margin-right: 2rem; }.mr-4 { margin-right: 4rem; }.mr-5 { margin-right: 5rem; }.mr-6 { margin-right: 6rem; }.mr-8 { margin-right: 8rem; }.mr-10 { margin-right: 10rem; }.mr-12 { margin-right: 12rem; }.mr-14 { margin-right: 14rem; }.mr-15 { margin-right: 15rem; }.mr-16 { margin-right: 16rem; }.mr-18 { margin-right: 18rem; }.mr-20 { margin-right: 20rem; }.mt-auto { margin-top: auto; }.mt-0125 { margin-top: 0.125rem; }.mt-025 { margin-top: 0.25rem; }.mt-04 { margin-top: 0.4rem; }.mt-05 { margin-top: 0.5rem; }.mt-075 { margin-top: 0.75rem; }.mt-08 { margin-top: 0.8rem; }.mt-1 { margin-top: 1rem; }.mt-2 { margin-top: 2rem; }.mt-4 { margin-top: 4rem; }.mt-5 { margin-top: 5rem; }.mt-6 { margin-top: 6rem; }.mt-8 { margin-top: 8rem; }.mt-10 { margin-top: 10rem; }.mt-12 { margin-top: 12rem; }.mt-14 { margin-top: 14rem; }.mt-15 { margin-top: 15rem; }.mt-16 { margin-top: 16rem; }.mt-18 { margin-top: 18rem; }.mt-20 { margin-top: 20rem; }.mb-auto { margin-bottom: auto; }.mb-0125 { margin-bottom: 0.125rem; }.mb-025 { margin-bottom: 0.25rem; }.mb-04 { margin-bottom: 0.4rem; }.mb-05 { margin-bottom: 0.5rem; }.mb-075 { margin-bottom: 0.75rem; }.mb-08 { margin-bottom: 0.8rem; }.mb-1 { margin-bottom: 1rem; }.mb-2 { margin-bottom: 2rem; }.mb-4 { margin-bottom: 4rem; }.mb-5 { margin-bottom: 5rem; }.mb-6 { margin-bottom: 6rem; }.mb-8 { margin-bottom: 8rem; }.mb-10 { margin-bottom: 10rem; }.mb-12 { margin-bottom: 12rem; }.mb-14 { margin-bottom: 14rem; }.mb-15 { margin-bottom: 15rem; }.mb-16 { margin-bottom: 16rem; }.mb-18 { margin-bottom: 18rem; }.mb-20 { margin-bottom: 20rem; }.mb-0 { margin-bottom: 0; }.m-0 { margin: 0; }.mt-0 { margin-top: 0; }.mr-0 { margin-right: 0; }.ml-0 { margin-left: 0; }.my-0 { margin: 0 auto; }.mx-0 { margin: auto 0; }/* Padding: */.p-0125 { padding: 0.125rem; }.p-025 { padding: 0.25rem; }.p-04 { padding: 0.4rem; }.p-05 { padding: 0.5rem; }.p-075 { padding: 0.75rem; }.p-08 { padding: 0.8rem; }.p-1 { padding: 1rem; }.p-2 { padding: 2rem; }.p-4 { padding: 4rem; }.p-5 { padding: 5rem; }.p-6 { padding: 6rem; }.p-8 { padding: 8rem; }.p-10 { padding: 10rem; }.p-12 { padding: 12rem; }.p-14 { padding: 14rem; }.p-15 { padding: 15rem; }.p-16 { padding: 16rem; }.p-18 { padding: 18rem; }.p-20 { padding: 20rem; }.px-0125 { padding-left: 0.125rem; padding-right: 0.125rem; }.px-025 { padding-left: 0.25rem; padding-right: 0.25rem; }.px-04 { padding-left: 0.4rem; padding-right: 0.4rem; }.px-05 { padding-left: 0.5rem; padding-right: 0.5rem; }.px-075 { padding-left: 0.75rem; padding-right: 0.75rem; }.px-08 { padding-left: 0.8rem; padding-right: 0.8rem; }.px-1 { padding-left: 1rem; padding-right: 1rem; }.px-2 { padding-left: 2rem; padding-right: 2rem; }.px-4 { padding-left: 4rem; padding-right: 4rem; }.px-5 { padding-left: 5rem; padding-right: 5rem; }.px-6 { padding-left: 6rem; padding-right: 6rem; }.px-8 { padding-left: 8rem; padding-right: 8rem; }.px-10 { padding-left: 10rem; padding-right: 10rem; }.px-12 { padding-left: 12rem; padding-right: 12rem; }.px-14 { padding-left: 14rem; padding-right: 14rem; }.px-15 { padding-left: 15rem; padding-right: 15rem; }.px-16 { padding-left: 16rem; padding-right: 16rem; }.px-18 { padding-left: 18rem; padding-right: 18rem; }.px-20 { padding-left: 20rem; padding-right: 20rem; }.py-0125 { padding-top: 0.125rem; padding-bottom: 0.125rem; }.py-025 { padding-top: 0.25rem; padding-bottom: 0.25rem; }.py-04 { padding-top: 0.4rem; padding-bottom: 0.4rem; }.py-05 { padding-top: 0.5rem; padding-bottom: 0.5rem; }.py-075 { padding-top: 0.75rem; padding-bottom: 0.75rem; }.py-08 { padding-top: 0.8rem; padding-bottom: 0.8rem; }.py-1 { padding-top: 1rem; padding-bottom: 1rem; }.py-2 { padding-top: 2rem; padding-bottom: 2rem; }.py-4 { padding-top: 4rem; padding-bottom: 4rem; }.py-5 { padding-top: 5rem; padding-bottom: 5rem; }.py-6 { padding-top: 6rem; padding-bottom: 6rem; }.py-8 { padding-top: 8rem; padding-bottom: 8rem; }.py-10 { padding-top: 10rem; padding-bottom: 10rem; }.py-12 { padding-top: 12rem; padding-bottom: 12rem; }.py-14 { padding-top: 14rem; padding-bottom: 14rem; }.py-15 { padding-top: 15rem; padding-bottom: 15rem; }.py-16 { padding-top: 16rem; padding-bottom: 16rem; }.py-18 { padding-top: 18rem; padding-bottom: 18rem; }.py-20 { padding-top: 20rem; padding-bottom: 20rem; }.pl-0125 { padding-left: 0.125rem; }.pl-08 { padding-left: 0.8rem; }.pl-075 { padding-left: 0.75rem; }.pl-05 { padding-left: 0.5rem; }.pl-04 { padding-left: 0.4rem; }.pl-025 { padding-left: 0.25rem; }.pl-1 { padding-left: 1rem; }.pl-2 { padding-left: 2rem; }.pl-4 { padding-left: 4rem; }.pl-5 { padding-left: 5rem; }.pl-6 { padding-left: 6rem; }.pl-8 { padding-left: 8rem; }.pl-10 { padding-left: 10rem; }.pl-12 { padding-left: 12rem; }.pl-14 { padding-left: 14rem; }.pl-15 { padding-left: 15rem; }.pl-16 { padding-left: 16rem; }.pl-18 { padding-left: 18rem; }.pl-20 { padding-left: 20rem; }.pr-0125 { padding-right: 0.125rem; }.pr-08 { padding-right: 0.8rem; }.pr-075 { padding-right: 0.75rem; }.pr-05 { padding-right: 0.5rem; }.pr-04 { padding-right: 0.4rem; }.pr-025 { padding-right: 0.25rem; }.pr-1 { padding-right: 1rem; }.pr-2 { padding-right: 2rem; }.pr-4 { padding-right: 4rem; }.pr-5 { padding-right: 5rem; }.pr-6 { padding-right: 6rem; }.pr-8 { padding-right: 8rem; }.pr-10 { padding-right: 10rem; }.pr-12 { padding-right: 12rem; }.pr-14 { padding-right: 14rem; }.pr-15 { padding-right: 15rem; }.pr-16 { padding-right: 16rem; }.pr-18 { padding-right: 18rem; }.pr-20 { padding-right: 20rem; }.pt-0125 { padding-top: 0.125rem; }.pt-08 { padding-top: 0.8rem; }.pt-075 { padding-top: 0.75rem; }.pt-05 { padding-top: 0.5rem; }.pt-04 { padding-top: 0.4rem; }.pt-025 { padding-top: 0.25rem; }.pt-1 { padding-top: 1rem; }.pt-2 { padding-top: 2rem; }.pt-4 { padding-top: 4rem; }.pt-5 { padding-top: 5rem; }.pt-6 { padding-top: 6rem; }.pt-8 { padding-top: 8rem; }.pt-10 { padding-top: 10rem; }.pt-12 { padding-top: 12rem; }.pt-14 { padding-top: 14rem; }.pt-15 { padding-top: 15rem; }.pt-16 { padding-top: 16rem; }.pt-18 { padding-top: 18rem; }.pt-20 { padding-top: 20rem; }.pb-0125 { padding-bottom: 0.125rem; }.pb-08 { padding-bottom: 0.8rem; }.pb-075 { padding-bottom: 0.75rem; }.pb-05 { padding-bottom: 0.5rem; }.pb-04 { padding-bottom: 0.4rem; }.pb-025 { padding-bottom: 0.25rem; }.pb-1 { padding-bottom: 1rem; }.pb-2 { padding-bottom: 2rem; }.pb-4 { padding-bottom: 4rem; }.pb-5 { padding-bottom: 5rem; }.pb-6 { padding-bottom: 6rem; }.pb-8 { padding-bottom: 8rem; }.pb-10 { padding-bottom: 10rem; }.pb-12 { padding-bottom: 12rem; }.pb-15 { padding-bottom: 15rem; }.pb-16 { padding-bottom: 16rem; }.pb-18 { padding-bottom: 18rem; }.pb-20 { padding-bottom: 20rem; }.pb-0 { padding-bottom: 0; }.pt-0 { padding-top: 0; }.pr-0 { padding-right: 0; }.pl-0 { padding-left: 0; }.p-0 { padding: 0; }/* Borders */.border-radius-0125 { border-radius: 0.125rem; }.border-radius-025 { border-radius: 0.25rem; }.border-radius-05 { border-radius: 0.5rem; }.border-radius-075 { border-radius: 0.75rem; }.border-radius-08 { border-radius: 0.8rem; }.border-radius-1 { border-radius: 1rem; }.border-radius-50 { border-radius: 50%; }.border-top-radius-0125{ border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; }.border-top-radius-025 { border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem; }.border-top-radius-05{ border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }.border-top-radius-075 { border-top-left-radius: 0.75rem;border-top-right-radius: 0.75rem; }.border-top-radius-08{ border-top-left-radius: 0.8rem; border-top-right-radius: 0.8rem; }.border-top-radius-1 { border-top-left-radius: 1rem; border-top-right-radius: 1rem; }.border-top-radius-50{ border-top-left-radius: 50%;border-top-right-radius: 50%; }.border-bottom-radius-0125 { border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }.border-bottom-radius-025{ border-bottom-left-radius: 0.25rem;border-bottom-right-radius: 0.25rem; }.border-bottom-radius-05 { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }.border-bottom-radius-075{ border-bottom-left-radius: 0.75rem;border-bottom-right-radius: 0.75rem; }.border-bottom-radius-08 { border-bottom-left-radius: 0.8rem; border-bottom-right-radius: 0.8rem; }.border-bottom-radius-1{ border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; }.border-bottom-radius-50 { border-bottom-left-radius: 50%;border-bottom-right-radius: 50%; }.border-left-radius-0125{ border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; }.border-left-radius-025 { border-top-left-radius: 0.25rem;border-bottom-left-radius: 0.25rem; }.border-left-radius-05{ border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; }.border-left-radius-075 { border-top-left-radius: 0.75rem;border-bottom-left-radius: 0.75rem; }.border-left-radius-08{ border-top-left-radius: 0.8rem; border-bottom-left-radius: 0.8rem; }.border-left-radius-1 { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; }.border-left-radius-50{ border-top-left-radius: 50%;border-bottom-left-radius: 50%; }.border-right-radius-0125{ border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; }.border-right-radius-025 { border-top-right-radius: 0.25rem;border-bottom-right-radius: 0.25rem; }.border-right-radius-05{ border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }.border-right-radius-075 { border-top-right-radius: 0.75rem;border-bottom-right-radius: 0.75rem; }.border-right-radius-08{ border-top-right-radius: 0.8rem; border-bottom-right-radius: 0.8rem; }.border-right-radius-1 { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; }.border-right-radius-50{ border-top-right-radius: 50%;border-bottom-right-radius: 50%; }.border-0 { border: none; }.border-05 { border-width: 0.5px; border-style: solid; }.border-1 { border-width: 1px; border-style: solid; }.border-2 { border-width: 2px; border-style: solid; }.border-4 { border-width: 4px; border-style: solid; }.border-5 { border-width: 5px; border-style: solid; }.border-6 { border-width: 6px; border-style: solid; }.border-8 { border-width: 8px; border-style: solid; }.border-10 { border-width: 10px; border-style: solid; }.border-x-0 { border-left: none; border-right: none; border-left-width: 0; border-right-width: 0; }.border-x-05{ border-left-width: 0.5px; border-right-width: 0.5px; border-style: solid; }.border-x-1 { border-left-width: 1px; border-right-width: 1px; border-style: solid; }.border-x-2 { border-left-width: 2px; border-right-width: 2px; border-style: solid; }.border-x-4 { border-left-width: 4px; border-right-width: 4px; border-style: solid; }.border-x-5 { border-left-width: 5px; border-right-width: 5px; border-style: solid; }.border-x-6 { border-left-width: 6px; border-right-width: 6px; border-style: solid; }.border-x-8 { border-left-width: 8px; border-right-width: 8px; border-style: solid; }.border-x-10{ border-left-width: 10px;border-right-width: 10px;border-style: solid; }.border-y-0 { border-top: none; border-bottom: none; border-top-width: 0; border-bottom-width: 0; }.border-y-05{ border-top-width: 0.5px; border-bottom-width: 0.5px; border-style: solid; }.border-y-1 { border-top-width: 1px; border-bottom-width: 1px; border-style: solid; }.border-y-2 { border-top-width: 2px; border-bottom-width: 2px; border-style: solid; }.border-y-4 { border-top-width: 4px; border-bottom-width: 4px; border-style: solid; }.border-y-5 { border-top-width: 5px; border-bottom-width: 5px; border-style: solid; }.border-y-6 { border-top-width: 6px; border-bottom-width: 6px; border-style: solid; }.border-y-8 { border-top-width: 8px; border-bottom-width: 8px; border-style: solid; }.border-y-10{ border-top-width: 10px;border-bottom-width: 10px;border-style: solid; }.border-t-0 {border-top: none; border-top-width: 0;}.border-t-05 { border-top-width: 0.5px; border-style: solid; }.border-t-1{ border-top-width: 1px; border-style: solid; }.border-t-2{ border-top-width: 2px; border-style: solid; }.border-t-4{ border-top-width: 4px; border-style: solid; }.border-t-5{ border-top-width: 5px; border-style: solid; }.border-t-6{ border-top-width: 6px; border-style: solid; }.border-t-8{ border-top-width: 8px; border-style: solid; }.border-t-10 { border-top-width: 10px; border-style: solid; }.border-b-0 {border-bottom: none; border-bottom-width: 0;}.border-b-05 { border-bottom-width: 0.5px; border-style: solid; }.border-b-1{ border-bottom-width: 1px; border-style: solid; }.border-b-2{ border-bottom-width: 2px; border-style: solid; }.border-b-4{ border-bottom-width: 4px; border-style: solid; }.border-b-5{ border-bottom-width: 5px; border-style: solid; }.border-b-6{ border-bottom-width: 6px; border-style: solid; }.border-b-8{ border-bottom-width: 8px; border-style: solid; }.border-b-10 { border-bottom-width: 10px; border-style: solid; }.border-l-0 {border-left: none; border-left-width: 0;}.border-l-05 { border-left-width: 0.5px; border-style: solid; }.border-l-1{ border-left-width: 1px; border-style: solid; }.border-l-2{ border-left-width: 2px; border-style: solid; }.border-l-4{ border-left-width: 4px; border-style: solid; }.border-l-5{ border-left-width: 5px; border-style: solid; }.border-l-6{ border-left-width: 6px; border-style: solid; }.border-l-8{ border-left-width: 8px; border-style: solid; }.border-l-10 { border-left-width: 10px; border-style: solid; }.border-r-0 {border-right: none; border-right-width: 0;}.border-r-05 { border-right-width: 0.5px; border-style: solid; }.border-r-1{ border-right-width: 1px; border-style: solid; }.border-r-2{ border-right-width: 2px; border-style: solid; }.border-r-4{ border-right-width: 4px; border-style: solid; }.border-r-5{ border-right-width: 5px; border-style: solid; }.border-r-6{ border-right-width: 6px; border-style: solid; }.border-r-8{ border-right-width: 8px; border-style: solid; }.border-r-10 { border-right-width: 10px; border-style: solid; }.border-dashed { border-style: dashed; }.border-dotted { border-style: dotted; }.border-double { border-style: double; }.border-groove { border-style: groove; }.border-ridge { border-style: ridge; }.border-inset { border-style: inset; }.border-outset { border-style: outset; }/* Text */h1 {font-size: 2.1rem;margin-top: 0.2rem;}h2 {font-size: 1.8rem;margin-top: 0.2rem;}h3 {font-size: 1.5rem;margin-top: 0.2rem;}h4 {font-size: 1.25rem;margin-top: 0.2rem;}h5 {font-size: 1.15rem;margin-top: 0.2rem;}h6 {font-size: 1rem;margin-top: 0.2rem;color: var(--text-alt);}li {font-size: 1rem;}.text-left { text-align: left; }.text-center { text-align: center; }.text-right { text-align: right; }.text-justify { text-align: justify; }.text-start { text-align: start; }.text-end { text-align: end; }.vertical-middle {vertical-align: middle;}.text-uppercase { text-transform: uppercase; }.text-lowercase { text-transform: lowercase; }.text-capitalize { text-transform: capitalize; }.text-normal { text-transform: none; }.text-bold { font-weight: bold; }.text-bolder { font-weight: bolder; }.text-light { font-weight: lighter; }.text-normal-weight { font-weight: normal; }.text-italic { font-style: italic; }.text-oblique { font-style: oblique; }.text-normal-style { font-style: normal; }.text-decoration-none {text-decoration: none;}.text-underline {text-decoration: underline;}.text-nowrap { white-space: nowrap; }.text-wrap { white-space: normal; }.text-break { word-break: break-word; }.text-clip { text-overflow: clip; }.text-ellipsis { text-overflow: ellipsis; }.text-small { font-size: small; }.text-medium { font-size: medium; }.text-large { font-size: large; }.text-xl { font-size: x-large; }.text-xxl { font-size: xx-large; }.text-xxs { font-size: xx-small; }.text-xs { font-size: x-small; }.letter-space-025 { letter-spacing: 0.025rem; }.letter-space-05{ letter-spacing: 0.05rem; }.letter-space-075 { letter-spacing: 0.075rem; }.letter-space-1 { letter-spacing: 1rem; }.letter-space-2 { letter-spacing: 2rem; }.letter-space-4 { letter-spacing: 4rem; }.letter-space-5 { letter-spacing: 5rem; }.letter-space-6 { letter-spacing: 6rem; }.letter-space-8 { letter-spacing: 8rem; }.letter-space-10{ letter-spacing: 10rem; }.text-sup {vertical-align: super;font-size: 80%;}.text-sub {vertical-align: sub;font-size: 80%;}.flex-1 { flex: 1; }.flex-10{ flex: 0 0 10%; max-width: 10%; }.flex-15{ flex: 0 0 15%; max-width: 15%; }.flex-20{ flex: 0 0 20%; max-width: 20%; }.flex-25{ flex: 0 0 25%; max-width: 25%; }.flex-30{ flex: 0 0 30%; max-width: 30%; }.flex-33{ flex: 0 0 33.3%; max-width: 33.3%; }.flex-40{ flex: 0 0 40%; max-width: 40%; }.flex-50{ flex: 0 0 50%; max-width: 50%; }.flex-60{ flex: 0 0 60%; max-width: 60%; }.flex-66{ flex: 0 0 66.6%; max-width: 66.6%; }.flex-70{ flex: 0 0 70%; max-width: 70%; }.flex-75{ flex: 0 0 75%; max-width: 75%; }.flex-80{ flex: 0 0 80%; max-width: 80%; }.flex-90{ flex: 0 0 90%; max-width: 90%; }.flex-100 { flex: 0 0 100%; max-width: 100%; }.flex-auto { flex: auto; }.flex-initial { flex: initial; }.flex-none { flex: none; }/* Width */.w-025 { width: 0.25rem; }.w-05 { width: 0.5rem; }.w-075 { width: 0.75rem; }.w-1 { width: 1rem; }.w-2 { width: 2rem; }.w-4 { width: 4rem; }.w-5 { width: 5rem; }.w-6 { width: 6rem; }.w-8 { width: 8rem; }.w-10 { width: 10rem; }.w-12 { width: 12rem; }.w-14 { width: 14rem }.w-15 { width: 15rem; }.w-16 { width: 16rem; }.w-18 { width: 18rem; }.w-20 { width: 20rem; }.w-22 { width: 22rem; }.w-24 { width: 24rem; }.w-25 { width: 25%; }.w-30 { width: 30rem; }.w-32 { width: 32rem; }.w-34 { width: 34rem; }.w-35 { width: 35rem; }.w-36 { width: 36rem; }.w-38 { width: 38rem; }.w-40 { width: 40rem; }.w-42 { width: 42rem; }.w-44 { width: 44rem; }.w-45 { width: 45rem; }.w-46 { width: 46rem; }.w-48 { width: 48rem; }.w-49 { width: 49rem; }.w-10p { width: 10%; }.w-12p { width: 12%; }.w-14p { width: 14% }.w-15p { width: 15%; }.w-16p { width: 16%; }.w-18p { width: 18%; }.w-20p { width: 20%; }.w-22p { width: 22%; }.w-24p { width: 24%; }.w-25p { width: 25%; }.w-30p { width: 30%; }.w-32p { width: 32%; }.w-34p { width: 34%; }.w-35p { width: 35%; }.w-36p { width: 36%; }.w-38p { width: 38%; }.w-40p { width: 40%; }.w-42p { width: 42%; }.w-44p { width: 44%; }.w-45p { width: 45%; }.w-46p { width: 46%; }.w-48p { width: 48%; }.w-49p { width: 49%; }.w-50 { width: 50%; }.w-75 { width: 75%; }.w-100 { width: 100%; }.w-auto { width: auto;}.w-unset { width: unset;}.w-fit-content {width: fit-content;}.min-w-05 { min-width: 0.5rem; }.min-w-1 { min-width: 1rem; }.min-w-2 { min-width: 2rem; }.min-w-4 { min-width: 4rem; }.min-w-5 { min-width: 5rem; }.min-w-6 { min-width: 6rem; }.min-w-8 { min-width: 8rem; }.min-w-10 { min-width: 10rem; }.min-w-12 { min-width: 12rem; }.min-w-14 { min-width: 14rem }.min-w-15 { min-width: 15rem; }.min-w-16 { min-width: 16rem; }.min-w-18 { min-width: 18rem; }.min-w-20 { min-width: 20rem; }.min-w-100 { min-width: 100%; }.min-w-0 { min-width: 0; }.max-w-05 { max-width: 0.5rem; }.max-w-1 { max-width: 1rem; }.max-w-2 { max-width: 2rem; }.max-w-4 { max-width: 4rem; }.max-w-5 { max-width: 5rem; }.max-w-6 { max-width: 6rem; }.max-w-8 { max-width: 8rem; }.max-w-10 { max-width: 10rem; }.max-w-14 { max-width: 14rem }.max-w-12 { max-width: 12rem; }.max-w-15 { max-width: 15rem; }.max-w-16 { max-width: 16rem; }.max-w-18 { max-width: 18rem; }.max-w-20 { max-width: 20rem; }.max-w-100 { max-width: 100%; }.max-w-none { max-width: none; }/* Height */.h-025 { height: 0.25rem; }.h-05 { height: 0.5rem; }.h-075 { height: 0.75rem; }.h-1 { height: 1rem; }.h-2 { height: 2rem; }.h-4 { height: 4rem; }.h-5 { height: 5rem; }.h-6 { height: 6rem; }.h-8 { height: 8rem; }.h-10 { height: 10rem; }.h-12 { height: 12rem; }.h-14 { height: 14rem }.h-15 { height: 15rem; }.h-16 { height: 16rem; }.h-18 { height: 18rem; }.h-20 { height: 20rem; }.h-22 { height: 22rem; }.h-24 { height: 24rem; }.h-25 { height: 25%; }.h-50 { height: 50%; }.h-75 { height: 75%; }.h-100 { height: 100%; }.h-auto { height: auto;}.h-unset { height: unset;}.h-fit-content {height: fit-content;}.min-h-05 { min-height: 0.5rem; }.min-h-1 { min-height: 1rem; }.min-h-2 { min-height: 2rem; }.min-h-4 { min-height: 4rem; }.min-h-5 { min-height: 5rem; }.min-h-6 { min-height: 6rem; }.min-h-8 { min-height: 8rem; }.min-h-10 { min-height: 10rem; }.min-h-12 { min-height: 12rem; }.min-h-14 { min-height: 14rem }.min-h-15 { min-height: 15rem; }.min-h-16 { min-height: 16rem; }.min-h-18 { min-height: 18rem; }.min-h-20 { min-height: 20rem; }.min-h-100 { min-height: 100%; }.min-h-0 { min-height: 0; }.min-h-none { min-height: none; }.max-h-05 { max-height: 0.5rem; }.max-h-1 { max-height: 1rem; }.max-h-2 { max-height: 2rem; }.max-h-4 { max-height: 4rem; }.max-h-5 { max-height: 5rem; }.max-h-6 { max-height: 6rem; }.max-h-8 { max-height: 8rem; }.max-h-10 { max-height: 10rem; }.max-h-12 { max-height: 12rem; }.max-h-14 { max-height: 14rem }.max-h-15 { max-height: 15rem; }.max-h-16 { max-height: 16rem; }.max-h-18 { max-height: 18rem; }.max-h-20 { max-height: 20rem; }.max-h-100 { max-height: 100%; }.max-h-0 { max-height: non0; }.max-h-none { max-height: none; }/* Displays */.block { display: block; }.inline { display: inline; }.inline-block { display: inline-block; }.flex { display: flex; }.grid { display: grid; }.table { display: table; }.unset { display: unset; }.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border-width: 0;}.none { display: none; }/* Positions */.static { position: static; }.relative { position: relative; }.absolute { position: absolute; }.fixed { position: fixed; }.sticky { position: sticky; }/* Position Offsets (rem-based) */.top-0 { top: 0; }.top-015 { top: 0.15rem; }.top-025 { top: 0.25rem; }.top-05 { top: 0.5rem; }.top-1 { top: 1rem; }.top-2 { top: 2rem; }.top-4 { top: 4rem; }.top-5 { top: 5rem; }.top-6 { top: 6rem; }.top-8 { top: 8rem; }.top-10 { top: 10rem; }.top-12 { top: 12rem; }.top-14 { top: 14rem; }.top-15 { top: 15rem; }.top-16 { top: 16rem; }.top-18 { top: 18rem; }.top-20 { top: 20rem; }.right-0 { right: 0; }.right-015 { right: 0.15rem; }.right-025 { right: 0.25rem; }.right-05 { right: 0.5rem; }.right-1 { right: 1rem; }.right-2 { right: 2rem; }.right-4 { right: 4rem; }.right-5 { right: 5rem; }.right-6 { right: 6rem; }.right-8 { right: 8rem; }.right-10 { right: 10rem; }.right-12 { right: 12rem; }.right-14 { right: 14rem; }.right-15 { right: 15rem; }.right-16 { right: 16rem; }.right-18 { right: 18rem; }.right-20 { right: 20rem; }.bottom-0 { bottom: 0; }.bottom-015 { bottom: 0.15rem; }.bottom-025 { bottom: 0.25rem; }.bottom-05 { bottom: 0.5rem; }.bottom-1 { bottom: 1rem; }.bottom-2 { bottom: 2rem; }.bottom-4 { bottom: 4rem; }.bottom-5 { bottom: 5rem; }.bottom-6 { bottom: 6rem; }.bottom-8 { bottom: 8rem; }.bottom-10 { bottom: 10rem; }.bottom-12 { bottom: 12rem; }.bottom-14 { bottom: 14rem; }.bottom-15 { bottom: 15rem; }.bottom-16 { bottom: 16rem; }.bottom-18 { bottom: 18rem; }.bottom-20 { bottom: 20rem; }.left-0 { left: 0; }.left-015 { left: 0.15rem; }.left-025 { left: 0.25rem; }.left-05 { left: 0.5rem; }.left-1 { left: 1rem; }.left-2 { left: 2rem; }.left-4 { left: 4rem; }.left-5 { left: 5rem; }.left-6 { left: 6rem; }.left-8 { left: 8rem; }.left-10 { left: 10rem; }.left-12 { left: 12rem; }.left-14 { left: 14rem; }.left-15 { left: 15rem; }.left-16 { left: 16rem; }.left-18 { left: 18rem; }.left-20 { left: 20rem; }/* Percentage-Based Offsets */.top-10p { top: 10%; }.top-25p { top: 25%; }.top-33p { top: 33.333%; }.top-50p { top: 50%; }.top-66p { top: 66.666%; }.top-75p { top: 75%; }.top-100p { top: 100%; }.right-10p { right: 10%; }.right-25p { right: 25%; }.right-33p { right: 33.333%; }.right-50p { right: 50%; }.right-66p { right: 66.666%; }.right-75p { right: 75%; }.right-100p { right: 100%; }.bottom-10p { bottom: 10%; }.bottom-25p { bottom: 25%; }.bottom-33p { bottom: 33.333%; }.bottom-50p { bottom: 50%; }.bottom-66p { bottom: 66.666%; }.bottom-75p { bottom: 75%; }.bottom-100p { bottom: 100%; }.left-10p { left: 10%; }.left-25p { left: 25%; }.left-33p { left: 33.333%; }.left-50p { left: 50%; }.left-66p { left: 66.666%; }.left-75p { left: 75%; }.left-100p { left: 100%; }/* Flex */.flex-row { flex-direction: row; }.flex-row-reverse { flex-direction: row-reverse; }.flex-column { flex-direction: column; }.flex-column-reverse { flex-direction: column-reverse; }.flex-wrap { flex-wrap: wrap; }.flex-wrap-reverse { flex-wrap: wrap-reverse; }.flex-nowrap { flex-wrap: nowrap; }.justify-start { justify-content: flex-start; }.justify-center { justify-content: center; }.justify-end { justify-content: flex-end; }.justify-between { justify-content: space-between; }.justify-around { justify-content: space-around; }.justify-evenly { justify-content: space-evenly; }.items-start { align-items: flex-start; }.items-center { align-items: center; }.items-end { align-items: flex-end; }.items-baseline { align-items: baseline; }.items-stretch { align-items: stretch; }.content-start { align-content: flex-start; }.content-center { align-content: center; }.content-end { align-content: flex-end; }.content-between { align-content: space-between; }.content-around { align-content: space-around; }.content-evenly { align-content: space-evenly; }.self-auto { align-self: auto; }.self-start { align-self: flex-start; }.self-center { align-self: center; }.self-end { align-self: flex-end; }.self-stretch { align-self: stretch; }/* Grid */.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }.grid-cols-3 { grid-template-columns: repeat(3, 1fr); }.grid-cols-4 { grid-template-columns: repeat(4, 1fr); }.grid-cols-5 { grid-template-columns: repeat(5, 1fr); }.grid-cols-6 { grid-template-columns: repeat(6, 1fr); }.grid-cols-8 { grid-template-columns: repeat(8, 1fr); }.grid-cols-10 { grid-template-columns: repeat(10, 1fr); }.grid-cols-12 { grid-template-columns: repeat(12, 1fr); }.grid-cols-1 { grid-template-columns: repeat(1, 1fr); }.grid-rows-1 { grid-template-rows: repeat(1, 1fr); }.grid-rows-2 { grid-template-rows: repeat(2, 1fr); }.grid-rows-3 { grid-template-rows: repeat(3, 1fr); }.grid-rows-4 { grid-template-rows: repeat(4, 1fr); }.grid-rows-5 { grid-template-rows: repeat(5, 1fr); }.grid-rows-6 { grid-template-rows: repeat(6, 1fr); }.gap-025 { gap: 0.25rem; }.gap-05 { gap: 0.5rem; }.gap-075 { gap: 0.75rem; }.gap-1 { gap: 1rem; }.gap-2 { gap: 2rem; }.gap-4 { gap: 4rem; }.gap-5 { gap: 5rem; }.gap-0 { gap: 0rem; }/* Cursor */.cursor-auto { cursor: auto; }.cursor-default { cursor: default; }.cursor-pointer { cursor: pointer; }.cursor-text { cursor: text; }.cursor-move { cursor: move; }.cursor-wait { cursor: wait; }.cursor-not-allowed { cursor: not-allowed; }.cursor-help { cursor: help; }.cursor-grab { cursor: grab; }.cursor-grabbing { cursor: grabbing; }/* Transitions */.transition-ease {transition: all 0.25s ease;}.transition-color-ease {transition: color 0.25s ease;}.transition-bg-ease {transition: background-color 0.25s ease;}/* Backdrop Blur */.backdrop-blur-1{ backdrop-filter: blur(1px); }.backdrop-blur-2{ backdrop-filter: blur(2px); }.backdrop-blur-4{ backdrop-filter: blur(4px); }.backdrop-blur-8{ backdrop-filter: blur(8px); }.backdrop-blur-10 { backdrop-filter: blur(10px); }/* Brightness */.backdrop-bright-50{ backdrop-filter: brightness(0.5); }.backdrop-bright-75{ backdrop-filter: brightness(0.75); }.backdrop-bright-100 { backdrop-filter: brightness(1); }.backdrop-bright-125 { backdrop-filter: brightness(1.25); }.backdrop-bright-150 { backdrop-filter: brightness(1.5); }/* Contrast */.backdrop-contrast-50{ backdrop-filter: contrast(0.5); }.backdrop-contrast-75{ backdrop-filter: contrast(0.75); }.backdrop-contrast-100 { backdrop-filter: contrast(1); }.backdrop-contrast-125 { backdrop-filter: contrast(1.25); }.backdrop-contrast-150 { backdrop-filter: contrast(1.5); }/* Grayscale */.backdrop-grayscale-0 { backdrop-filter: grayscale(0); }.backdrop-grayscale-50{ backdrop-filter: grayscale(0.5); }.backdrop-grayscale-100 { backdrop-filter: grayscale(1); }/* Opacity */.backdrop-opacity-0 { backdrop-filter: opacity(0); }.backdrop-opacity-50{ backdrop-filter: opacity(0.5); }.backdrop-opacity-75{ backdrop-filter: opacity(0.75); }.backdrop-opacity-100 { backdrop-filter: opacity(1); }.backdrop-glass {backdrop-filter: blur(8px) brightness(1.2);}/* Overflow */.overflow-auto { overflow: auto; }.overflow-hidden { overflow: hidden; }.overflow-visible { overflow: visible; }.overflow-scroll { overflow: scroll; }.overflow-clip { overflow: clip; }.overflow-x-auto { overflow-x: auto; }.overflow-x-hidden { overflow-x: hidden; }.overflow-x-visible { overflow-x: visible; }.overflow-x-scroll { overflow-x: scroll; }.overflow-x-clip { overflow-x: clip; }.overflow-y-auto { overflow-y: auto; }.overflow-y-hidden { overflow-y: hidden; }.overflow-y-visible { overflow-y: visible; }.overflow-y-scroll { overflow-y: scroll; }.overflow-y-clip { overflow-y: clip; }/* Objects */.object-contain{ object-fit: contain; }.object-cover{ object-fit: cover; }.object-fill { object-fit: fill; }.object-none { object-fit: none; }.object-scale-down { object-fit: scale-down; }.object-top{ object-position: top; }.object-bottom { object-position: bottom; }.object-left { object-position: left; }.object-right{ object-position: right; }.object-center { object-position: center; }.object-top-left { object-position: top left; }.object-top-right{ object-position: top right; }.object-bottom-left{ object-position: bottom left; }.object-bottom-right { object-position: bottom right; }.object-center-left{ object-position: center left; }.object-center-right { object-position: center right; }.z-1 { z-index: 1; }.z-2 { z-index: 2; }.z-3 { z-index: 3; }.z-4 { z-index: 4; }.z-5 { z-index: 5; }.z-6 { z-index: 6; }.z-7 { z-index: 7; }.z-8 { z-index: 8; }.z-9 { z-index: 9; }.z-10 { z-index: 10; }.z-11 { z-index: 11; }.z-12 { z-index: 12; }.z-13 { z-index: 13; }.z-14 { z-index: 14; }.z-15 { z-index: 15; }.z-16 { z-index: 16; }.z-17 { z-index: 17; }.z-18 { z-index: 18; }.z-19 { z-index: 19; }.z-20 { z-index: 20; }.z-0 { z-index: 0; }/* Float */.float-left { float: left; }.float-right { float: right; }.float-none { float: none; }/* === Translate X === */.translate-x-0 { transform: translateX(0); }.translate-x-025 { transform: translateX(0.25rem); }.translate-x-05{ transform: translateX(0.5rem); }.translate-x-075 { transform: translateX(0.75rem); }.translate-x-1 { transform: translateX(1rem); }.translate-x-2 { transform: translateX(2rem); }.translate-x-4 { transform: translateX(4rem); }.translate-x-5 { transform: translateX(5rem); }.translate-x-6 { transform: translateX(6rem); }.translate-x-8 { transform: translateX(8rem); }.translate-x-10{ transform: translateX(10rem); }.translate-x-12{ transform: translateX(12rem); }.translate-x-14{ transform: translateX(14rem); }.translate-x-15{ transform: translateX(15rem); }.translate-x-16{ transform: translateX(16rem); }.translate-x-18{ transform: translateX(18rem); }.translate-x-20{ transform: translateX(20rem); }/* === Negative Translate X === */.translate-x--025 { transform: translateX(-0.25rem); }.translate-x--05{ transform: translateX(-0.5rem); }.translate-x--075 { transform: translateX(-0.75rem); }.translate-x--1 { transform: translateX(-1rem); }.translate-x--2 { transform: translateX(-2rem); }.translate-x--4 { transform: translateX(-4rem); }.translate-x--5 { transform: translateX(-5rem); }.translate-x--6 { transform: translateX(-6rem); }.translate-x--8 { transform: translateX(-8rem); }.translate-x--10{ transform: translateX(-10rem); }.translate-x--12{ transform: translateX(-12rem); }.translate-x--14{ transform: translateX(-14rem); }.translate-x--15{ transform: translateX(-15rem); }.translate-x--16{ transform: translateX(-16rem); }.translate-x--18{ transform: translateX(-18rem); }.translate-x--20{ transform: translateX(-20rem); }/* === Translate Y === */.translate-y-0 { transform: translateY(0); }.translate-y-025 { transform: translateY(0.25rem); }.translate-y-05{ transform: translateY(0.5rem); }.translate-y-075 { transform: translateY(0.75rem); }.translate-y-1 { transform: translateY(1rem); }.translate-y-2 { transform: translateY(2rem); }.translate-y-4 { transform: translateY(4rem); }.translate-y-5 { transform: translateY(5rem); }.translate-y-6 { transform: translateY(6rem); }.translate-y-8 { transform: translateY(8rem); }.translate-y-10{ transform: translateY(10rem); }.translate-y-12{ transform: translateY(12rem); }.translate-y-14{ transform: translateY(14rem); }.translate-y-15{ transform: translateY(15rem); }.translate-y-16{ transform: translateY(16rem); }.translate-y-18{ transform: translateY(18rem); }.translate-y-20{ transform: translateY(20rem); }/* === Negative Translate Y === */.translate-y--025 { transform: translateY(-0.25rem); }.translate-y--05{ transform: translateY(-0.5rem); }.translate-y--075 { transform: translateY(-0.75rem); }.translate-y--1 { transform: translateY(-1rem); }.translate-y--2 { transform: translateY(-2rem); }.translate-y--4 { transform: translateY(-4rem); }.translate-y--5 { transform: translateY(-5rem); }.translate-y--6 { transform: translateY(-6rem); }.translate-y--8 { transform: translateY(-8rem); }.translate-y--10{ transform: translateY(-10rem); }.translate-y--12{ transform: translateY(-12rem); }.translate-y--14{ transform: translateY(-14rem); }.translate-y--15{ transform: translateY(-15rem); }.translate-y--16{ transform: translateY(-16rem); }.translate-y--18{ transform: translateY(-18rem); }.translate-y--20{ transform: translateY(-20rem); }/* === Scale === */.scale-05 { transform: scale(0.5); }.scale-075 { transform: scale(0.75); }.scale-90 { transform: scale(0.9); }.scale-110{ transform: scale(1.1); }.scale-125{ transform: scale(1.25); }.scale-150{ transform: scale(1.5); }.scale-200{ transform: scale(2); }.scale-0{ transform: scale(0); }.scale-100{ transform: scale(1); }/* === Rotate === */.rotate-15 { transform: rotate(15deg); }.rotate-30 { transform: rotate(30deg); }.rotate-45 { transform: rotate(45deg); }.rotate-60 { transform: rotate(60deg); }.rotate-90 { transform: rotate(90deg); }.rotate-180{ transform: rotate(180deg); }.rotate-270{ transform: rotate(270deg); }.rotate-360{ transform: rotate(360deg); }.rotate-0{ transform: rotate(0deg); }/* === 3D Transform Examples === */.translate-z-10{ transform: translateZ(10rem); }.translate-z--10 { transform: translateZ(-10rem); }.translate-z-0 { transform: translateZ(0); }.scale-x-100{ transform: scaleX(1); }.scale-x-150{ transform: scaleX(1.5); }.scale-y-100{ transform: scaleY(1); }.scale-y-150{ transform: scaleY(1.5); }.rotate-x-180 { transform: rotateX(180deg); }.rotate-y-180 { transform: rotateY(180deg); }.rotate-z-180 { transform: rotateZ(180deg); }/* Toast */#toast {	display: none;opacity: 0;position: fixed;bottom: 1rem;right: 1rem;min-width: 15rem;	max-width: 20rem;background-color: var(--bg-selected);border: var(--bg-selected-pressed) 1px solid;cursor: help;z-index: 1;padding: 1rem;border-radius: 0.5rem;transition: opacity 0.25s ease;}#toast > p {margin: 0;	color: var(--text);}#toast > h3 {margin: 0;	margin-bottom: 0.5rem;	color: var(--text);font-size: 1.2rem;}.toastGreen {background-color: var(--panel-bg-success) !important;border: var(--panel-bg-success-hovered) 1px solid !important;}.toastRed {background-color: var(--panel-bg-danger) !important;border: var(--panel-bg-danger-hovered) 1px solid !important;}.toastOrange {background-color: var(--panel-bg-warning) !important;border: var(--panel-bg-warning-hovered) 1px solid !important;}/* Tables */table {border-collapse: collapse;border-spacing: 0;width: 100%;}table > thead > tr {text-align: left;padding: 0.5rem;border-bottom: solid 1px transparent;}table > tbody > tr {text-align: left;border-bottom: solid 1px transparent;transition: background-color 0.25s ease;}table > tbody > :last-child {border-bottom: unset;}th {padding: 0.6rem;}td {padding: 0.8rem;}/* Forms */input:focus,select:focus,textarea:focus,button:focus {outline: none;}input {display: block;box-sizing: border-box;margin: 0.2rem 0 1rem 0;padding: 1.1rem;width: 100%;height: 1rem;color: var(--text);font-size: 1rem;transition: border 0.25s ease-in-out;border-radius: 0.2rem;border: 1px solid var(--formborder);background-color: var(--formbg);font-family: inherit;}input:focus,textarea:focus,select:focus {border-color: var(--formfocus);}textarea {display: block;box-sizing: border-box;margin: 0.2rem 0 1rem 0;padding: 1.1rem;width: 100%;height: 10rem;border: none;border: 1px solid var(--formborder);background-color: var(--formbg);color: var(--text);font-size: 1rem;font-weight: 400;transition: border 0.25s ease;border-radius: 0.2rem;resize: vertical;font-family: inherit;}input:disabled {cursor: no-drop;}select {display: block;margin: 0.2rem 0 1rem 0;padding: 0.5rem;width: 100%;border: none;color: var(--text);font-size: 0.9rem;border-radius: 0.2rem;border: 1px solid var(--border);background-color: var(--formbg);}option {color: var(--text);background-color: var(--bg-overlay);}button {display: block;padding: 0.5rem 1rem 0.5rem 1rem;cursor: pointer;border-radius: 0.25rem;font-size: 1rem;color: var(--text);text-align: center;transition: background-color 0.25s ease, border 0.25s ease;margin-top: 0.5rem;background-color: var(--formbg);border: solid 1px var(--formborder);}button:hover {background-color: var(--formfocus); border-color: var(--formfocus);}input[type=color] {padding: 0 0.1rem;height: 2.35rem;cursor: pointer;}input[type=file] {height: unset;padding: 0.35rem;}::-webkit-calendar-picker-indicator {background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23FFFFFF" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');cursor: pointer;}.checkmarkCont {position: relative;padding-left: 2rem;padding-top: 0.15rem;margin-bottom: 1rem;cursor: pointer;user-select: none;display: inline-block;}.checkmarkCont input {position: absolute;opacity: 0;pointer-events: none;}.checkmark {position: absolute;top: 0;left: 0;width: 25px;height: 25px;background-color: var(--formbg);border: 1px solid var(--formborder);border-radius: 0.25rem;transition: border 0.25s ease-in-out;}.checkmarkCont:hover input ~ .checkmark,.checkmarkCont input:checked ~ .checkmark {border-color: var(--border);}.checkmark:after {content: "";position: absolute;display: none;left: 9px;top: 5px;width: 5px;height: 10px;border: solid var(--text);border-width: 0 3px 3px 0;transform: rotate(45deg);}.checkmarkCont input:checked ~ .checkmark:after {display: block;}/* Testing Ground: */.searchInputDropdown {position: relative;width: 100%;}.searchInputDropdown > :last-child {position: absolute;top: 100%;left: 0;z-index: 10;background: var(--bg-raised);border: 1px solid var(--formborder);border-top: none;width: 100%;box-sizing: border-box;display: none;max-height: 25rem;overflow: auto;overflow: overlay;border-radius: 0 0 0.2rem 0.2rem;}.searchInputDropdown > :last-child div {padding: 0.5rem 1rem;cursor: pointer;color: var(--text);transition: background-color 0.25s ease;}.searchInputDropdown > :last-child div:hover, .searchInputDropdown > :last-child .active {background-color: var(--bg-raised-hovered);}hr {width: 100%;border: 0;border-top: solid 1px var(--text-alt);height: 1px;position: relative;padding: 0;margin: 2rem auto;box-sizing: border-box;}hr:before {content: '';display: inline-block;vertical-align: middle;}