:root { --font-size: 13pt; --icon-size: 1.75rem; --header-bar-height: 5.75rem; --service-menu-height: 2.75rem; --cover-height: 100vh; --cover-width: 110vw; --contents-width: min(1280px, 86vw); --footer-bar-height: 2rem; --footer-page-height: 50vh; --footer-page-bottom-stripe-height: 3rem; --footer-page-top-stripe-height: calc(var(--footer-page-bottom-stripe-height) * 2.5); --footer-elements-padding-lateral: calc((100vw - (var(--contents-width) * 1)) / 2); --footer-page-contents-grid-cols: 3; --wrapper-margins: 1.5rem; --cover-border-size: 1pt; --input-borders-size: 1pt; --siteframe-border-size: 0pt; --dropdown-max-height: 60vh; --form-dashboard-panel-height: 2.5rem; --form-dashboard-title-height: 2.5rem; --switch-size: 1rem; --switch-borders-size: 2pt; --form-buttons-size: 1.5rem; --cover-top-init-pos: -2%; --cover-inset-size-gap: 1rem; --cover-inset-size: calc(100% - var(--cover-inset-size-gap) * 1); --cover-inset-size-slide: calc(100% - var(--cover-inset-size-gap) * 1); --cover-z-index: 900000; --share-buttons-tongue-height: 2rem; --href-color: #264564; --main-bg-color: #ffffff; --bg-dependent-bg-color-flat: var(--main-bg-color); --main-bg-color-backdrop-header: #e7cbc760; --main-bg-color-backdrop: #ffffff60; --bg-dependent-fg-color: #242424; --bg-dependent-fg-color-compl: #ffffff; --bg-dependent-fg-color-hsl-compl: #ffffff; --bg-dependent-bg-color-trans-opacity: .5; --bg-dependent-bg-color-trans: rgba(255, 255, 255, var(--bg-dependent-bg-color-trans-opacity)); --bg-dependent-fg-color-trans-opacity: .5; --scrollbar-thumb-color: var(--bg-dependent-bg-color-flat); --scrollbar-track-color: #ffffff80; --brand-color-00: #295480; --cover-icon-size: 3.5rem; --border-thin: 1px solid #ffffff80; --input-bg-color: #ffffff80; --input-borders-color: #ffffffcc; --elements-bg-color-flat: #c60203; --elements-bg-color-flat-lighten: #fd5757; --elements-bg-color-flat-darken: #971112; --elements-bg-color-trans: #c60203; --elements-bg-color-trans-ultra: #cc000010; --elements-fg-color-flat: #ffffff; --elements-fg-color-trans: #ffffffcc; --elements-border-color-trans: #ffffff40; --cover-bg-color-flat: var(--elements-bg-color-flat); --cover-bg-color-trans: var(--elements-bg-color-trans); --cover-fg-color-flat: var(--elements-fg-color-flat); --cover-fg-color-trans: var(--elements-fg-color-trans); --buttons-panel-size: 2.5rem; --main-bg-color-gradient: radial-gradient(#243648, #101010); --cover-bg-color-gradient: radial-gradient(#ffffff, #eeeeee); --text-color: #242424; --menu-item-color: var(--bg-dependent-fg-color); --menu-item-hover-color: color-mod(var(--bg-dependent-fg-color) whiteness(60%)); --menu-item-active-color: color-mod(var(--bg-dependent-fg-color) whiteness(60%) alpha(50%)); --box-shadow: 0rem 0rem .25rem .125rem #00000080; --box-shadow-tiny: 0rem 0rem .75rem .125rem #24242420; --box-shadow-soft: 0rem 0rem 1rem .25rem #24242440; --box-shadow-inset: inset var(--box-shadow-soft); --box-glow: 0rem 0rem .125rem white; --box-glow-soft: 0rem 0rem .25rem white; --box-shadow-required: 0rem 0rem .25rem .125rem rgb(255, 0, 0, .25); --text-shadow: .125rem .125rem .125rem #10101060; --text-glow: 0rem 0rem .5rem white; --text-glow-hard: 0rem 0rem .25rem white; --menu-item-glow: 0rem 0rem .5rem var(--menu-item-hover-color); --backdrop-filter: blur(20px); --backdrop-filter-header: blur(20px); --backdrop-filter-tyny: blur(5px); }