*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  ;
}
.\!container {
width: 100% !important;
}
.container {
width: 100%;
}
@media (min-width: 640px) {
.\!container {
max-width: 640px !important;
}
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.\!container {
max-width: 768px !important;
}
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.\!container {
max-width: 1024px !important;
}
.container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.\!container {
max-width: 1280px !important;
}
.container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.\!container {
max-width: 1536px !important;
}
.container {
max-width: 1536px;
}
}
progress { -webkit-appearance: none;
-moz-appearance: none;
appearance: none; border: none;
position: relative;
height: 0.5rem;
width: 100%;
overflow: hidden;
--tw-bg-opacity: 1;
background-color: hsl(207 100% 24% / var(--tw-bg-opacity));
background-color: transparent;
}
progress::-webkit-progress-bar {
--tw-bg-opacity: 1;
background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
progress[value]::-moz-progress-bar {
border-radius: 2px;
}
progress[value]::-webkit-progress-value {
background: var(--primary-color);
-webkit-transition: width 300ms ease;
transition: width 300ms ease;
border-radius: 2px;
}
input {
background-color: transparent;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
input::-moz-placeholder {
--tw-text-opacity: 1;
color: hsl(210 28% 71% / var(--tw-text-opacity));
}
input::placeholder {
--tw-text-opacity: 1;
color: hsl(210 28% 71% / var(--tw-text-opacity));
}
input:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
button:after,
button:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: -100%;
left: 0;
background-color: #004379;
z-index: -1;
transition: all 0.35s;
}
button:hover:before {
top: 0;
}
button:before {
opacity: 0.5;
}
button:hover:after {
transition-delay: 0.2s;
top: 0;
}
button {
position: relative;
overflow: hidden;
border-radius: 0.75rem;
border-width: 2px;
border-style: solid;
--tw-border-opacity: 1;
border-color: hsl(207 100% 24% / var(--tw-border-opacity));
background-color: transparent;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
font-size: 0.875rem;
font-weight: 600;
line-height: 1rem;
--tw-text-opacity: 1;
color: hsl(207 100% 24% / var(--tw-text-opacity));
}
button:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
color: white !important;
}
hr {
margin-top: 2rem;
margin-bottom: 1.5rem;
width: 100%;
border-width: 0px;
border-top-width: 1px;
border-style: solid;
border-color: hsl(210 28% 71% / 0.25);
}
h1, h2, h3, h4 {
margin-top: 1rem;
margin-bottom: 0.5rem;
}
label:has(+ input:required):after {
content: "*";
color: #b91c1c;
margin-left: 2px;
font-size: 80%;
}
.pointer-events-none {
pointer-events: none;
}
.absolute {
position: absolute;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mt-4 {
margin-top: 1rem;
}
.mt-8 {
margin-top: 2rem;
}
.box-border {
box-sizing: border-box;
}
.block {
display: block;
}
.flex {
display: flex;
}
.table {
display: table;
}
.contents {
display: contents;
}
.hidden {
display: none;
}
.w-full {
width: 100%;
}
.flex-grow {
flex-grow: 1;
}
.flex-col {
flex-direction: column;
}
.items-center {
align-items: center;
}
.justify-between {
justify-content: space-between;
}
.gap-2 {
gap: 0.5rem;
}
.gap-4 {
gap: 1rem;
}
.\!rounded-none {
border-radius: 0px !important;
}
.\!border-0 {
border-width: 0px !important;
}
.\!border-b {
border-bottom-width: 1px !important;
}
.\!border-slate-300 {
--tw-border-opacity: 1 !important;
border-color: rgb(203 213 225 / var(--tw-border-opacity)) !important;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.pl-12 {
padding-left: 3rem;
}
.pl-16 {
padding-left: 4rem;
}
.pl-4 {
padding-left: 1rem;
}
.pl-8 {
padding-left: 2rem;
}
.pr-4 {
padding-right: 1rem;
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.font-bold {
font-weight: 700;
}
.font-normal {
font-weight: 400;
}
.italic {
font-style: italic;
}
.text-primary {
--tw-text-opacity: 1;
color: hsl(207 100% 24% / var(--tw-text-opacity));
}
.text-primary-800\/70 {
color: hsl(207 100% 29% / 0.7);
}
.opacity-0 {
opacity: 0;
}
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
:root {
--primary-color: #00437A;
}
.focus\:\!border-primary:focus {
--tw-border-opacity: 1 !important;
border-color: hsl(207 100% 24% / var(--tw-border-opacity)) !important;
}
.focus\:\!shadow-none:focus {
--tw-shadow: 0 0 #0000 !important;
--tw-shadow-colored: 0 0 #0000 !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}