html, body{ margin:0; }

:not(:defined) {
  visibility: hidden;
}

* { 
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

h1,h2,h3,h4 {
  font-weight: 750;
}

hr { margin:20px 0px 30px 0px; opacity:0.3; }
button { outline:none; padding:9px 10px; border-radius: 6px; border:1px solid #0e1614b9; margin:10px; box-sizing: border-box; background:#0E1614; color:white; overflow: hidden; position:relative;}
button:hover { opacity:0.8; cursor: pointer; }
button:active { opacity:0.7; cursor: pointer; }
button:disabled { opacity:0.3; cursor: not-allowed; }

button:has(i) { padding-left:32px; }
button i { font-size:16px !important; top:9px; left:10px; display:block; position:absolute; text-align:left; opacity:1; }

.busy { opacity:0.5; cursor: wait; }
button.busy:hover { cursor: wait; opacity:0.5; }

.fullWidth { width: 100%; margin-left:0px; margin-right:0px; }
input[type=text], input[type=email] { padding: 9px 16px; border:1px solid #ccc; outline:none; border-radius:3px;box-sizing: border-box; }

.warning { margin-top:10px; margin-bottom:10px; padding:10px 20px; background: #ffb14a65; border:1px solid #FFB24A; border-radius: 5px; color: #3f2400; display: none; text-wrap: pretty;}
.warning.visible { display: block; }

.passive { margin-top:10px; margin-bottom:10px; padding:10px 20px; background: #4aff8665; border:1px solid #4aff86; border-radius: 5px; color: #222; display: none;text-wrap: pretty; }
.passive.visible { display: block; }

.info { margin-top:10px; margin-bottom:10px; padding:10px 20px; background: #4affb51f; border:1px solid #4affb431; border-radius: 5px; color: #222; display: none; text-wrap: pretty;}
.info.visible { display: block; }