@media only screen and (min-width: 0rem) {:root {--dark: #082032;--medium: #2c394b;--accent: #334756;--transition-timing: 1s ease-in-out;}body, body *, body *:before, body *:after {transition: background-color var(--transition-timing), color var(--transition-timing), border-color var(--transition-timing), opacity var(--transition-timing);}.cs-background, [class*=cs-background] {position: relative;}.cs-background::before, [class*=cs-background]::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--dark);opacity: 0;transition: opacity var(--transition-timing);z-index: 1;}body.dark-mode {background-color: var(--dark);}body.dark-mode .cs-background::before, body.dark-mode [class*=cs-background]::before {opacity: 0.7;}body.dark-mode.about-page .cs-background::before {opacity: 0 !important;}body.dark-mode p, body.dark-mode li, body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {color: #fff;}body.dark-mode .light {display: none;}body.dark-mode .dark {display: block !important;}.dark {display: none;}.dark-mode-toggle {position: relative;width: 45px;height: 24px;margin: 0 5px;display: flex;align-items: center;flex-shrink: 0;}.dark-mode-toggle .dark-mode-toggle-input {opacity: 0;width: 0;height: 0;position: absolute;}.dark-mode-toggle .dark-mode-toggle-input:checked + .dark-mode-toggle-label {background: #6b21a8;}.dark-mode-toggle .dark-mode-toggle-input:checked + .dark-mode-toggle-label:before {transform: translateX(21px);background: #f9d71c;}.dark-mode-toggle .dark-mode-toggle-label {position: absolute;cursor: pointer;width: 45px;height: 24px;background: #6b21a8;border-radius: 100px;transition: background-color 0.2s;}.dark-mode-toggle .dark-mode-toggle-label:before {content: "";position: absolute;top: 2px;left: 2px;width: 20px;height: 20px;border-radius: 50%;transition: transform 0.2s, background-color 0.2s;background: #f9d71c;}}@media only screen and (min-width: 0rem) and (max-width: 480px) {.dark-mode-toggle {width: 40px;height: 22px;transform: scale(0.85);}.dark-mode-toggle .dark-mode-toggle-label {width: 40px;height: 22px;}.dark-mode-toggle .dark-mode-toggle-label:before {width: 18px;height: 18px;}.dark-mode-toggle .dark-mode-toggle-input:checked + .dark-mode-toggle-label:before {transform: translateX(18px);}}@media only screen and (min-width: 0rem) {@supports (-webkit-touch-callout: none) {.dark-mode-toggle {width: 40px !important;max-width: 40px !important;}.dark-mode-toggle .dark-mode-toggle-label {width: 40px !important;max-width: 40px !important;}}}