a {color:#00C9C9;}
body {background-color:#F2FFFE;color:#066767;font-family:sans-serif;font-size:medium;padding:1em;text-align:center;}
a.button {display:inline-block;text-decoration:none;}
.callout,footer {color:darkgray;font-size:small}
.capsule {border:1px solid #066767;border-radius:1em;background:white;display:inline-block;padding:0 0.5em 0 0.5em;}
.error {color:#FFAAAA;}
.fadeinable {animation-name:fadein;animation-duration:0.75s;}
@keyframes fadein {from {opacity:0.25;} to {opacity:1;}}
h1 {font-size:x-large;font-weight:bold;padding:0.25em 0 0.25em 0;}
h3 {font-size:large;font-weight:bold;padding:0.2em 0 0.2em 0;}
hr {background-color:lightgray;border:0;height:1px;width:50%;max-width:400px;}
.icon {font-size:1em;max-width:1em;max-height:1em;}
.interactable {color:#00C9C9;border:1px solid #00C9C9;border-radius:50%;}
.iconable {background-color:white;border:1px solid #00C9C9;border-radius:8px;color:#066767;display:inline-block;padding:3px 0 3px 3px;margin:0.3em;}
.iconable input {border:0;}
.iconable input:focus {border:0;outline:0;}
.iconable:has(input:focus) {outline:2px solid #00C9C9;}
.iconable span:has(+input:disabled) { color: darkgray;}
input,.button {background-color:white;border:1px solid #00C9C9;border-radius:8px;color:#066767;}
input[type=checkbox],input[type=checkbox]:before,input[type=checkbox]:after,input[type=checkbox]:checked:before,input[type=checkbox]:checked:after,input[type=submit]:hover,button,.button,.smoothable {transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
input[type=checkbox] {-webkit-appearance: none;-webkit-tap-highlight-color:transparent;border:0;cursor:pointer;outline:0;position:relative;margin:10px;vertical-align:middle;}
input[type=checkbox]:after {content:'';width:60px;height:28px;display:inline-block;background-color:lightgray;border-radius:18px;clear:both;}
input[type=checkbox]:before {background:white;border-radius:50%;border:1px solid #00C9C9;box-shadow:1px 1px 2px rgba(0, 0, 0, 0.6);content:'';width:32px;height:32px;display:block;position:absolute;left:0;top:-3px;}
input[type=checkbox]:checked:before {box-shadow:-1px 1px 2px rgba(0, 0, 0, 0.6);left:32px;}
input:disabled {color:darkgray;border:1px solid darkgray;}
input[type=checkbox]:disabled {border:0;}
input[type=checkbox]:checked:after {background-color:#BAF5F5;}
input[type=checkbox]:disabled:after {ackground-color:lightgray;}
input[type=clear],input[type=submit],button,.button {background-color:white;border:1px solid #00C9C9;border-radius:8px;color:#00C9C9;font-weight:bold;padding:5px;width:66%;max-width:400px;}
input[type=clear]:hover,input[type=submit]:hover,button:hover,.button:hover {background-color:#BAF5F5;cursor:pointer;}
.flexible {align-content:center;align-items:baseline;display:flex;flex-wrap:wrap;justify-content:space-between;column-gap:1.25em;width:100%;}
footer {display:flex;margin-top:1em;justify-content: center; align-items: baseline;flex-wrap: wrap;align-content: center;}
footer address {display:inline;font-style:normal;}
footer span {padding:0.3em 0.8em 0 0.8em;}
footer,.smol {font-size:small;}
form {margin:0;padding:0;}
#tray {align-items:center;background-color:#F2FFFE;border-radius:0 0 8px 0;display:flex;justify-content:flex-start;left:0;padding:8px;position:fixed;top:0;column-gap:0.5em;}
#tray a {display:inline-block;}
#logo {font-size:1.5em;max-width:1em;max-height:1em;}
#submission {display:none;}
.primary {background-color:#00C9C9;color:white;}
.success {color:#66AA66;}
.warning {color:#FFAA66;}