@charset "UTF-8";
:root {
--logo: url('logo-2.png');
--body-bg: #0A0A0F;
--body-color: #fff;
--secondary-color: #183153;
--font-a: #000;
--header-bg: #0A0A0F;
--header-color: #000;
--start-bg: rgba(24, 24, 37, 0.5);

--switch-buttons-bg: rgba(24, 24, 37, 0.7);
--switch-buttons-color: #9090B6;
--switch-buttons-border: #383857;
--switch-buttons-active: #CECEDE;

--card-bg: rgba(24, 24, 37, 0.5);
--card-color: #C1C1D7;
--card-border: #28283E;
--card-icon: #B4B4CF;
--timestamp: #8F8FB7;

--answer-color: #B4B4CF;
--answer-border: #383857;

--field-border: #96CCEE;
--field-color: #C1C1D7;

--shadow: none;
--max-width: 800px;

--placeholder: #A9A9C6;
}

textarea::placeholder {
    color: var(--placeholder);
    opacity: 1;
}

textarea::-webkit-input-placeholder { color: var(--placeholder); }
textarea::-moz-placeholder { color: var(--placeholder); }
textarea:-ms-input-placeholder { color: var(--placeholder); }
textarea:-moz-placeholder { color: var(--placeholder); }

.button-8 {
background-color: #96CCEE;
border-radius: 3px;
box-sizing: border-box;
color: #0A0A0F;
display: inline-block;
font-family: -apple-system,system-ui,"Segoe UI","Liberation Sans",sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.15385;
margin: 0;
outline: none;
padding: 8px .8em;
position: relative;
opacity: 0.8;
transition: all .3s ease-in-out;
}
.button-8:focus,
.button-8:active,
.button-8:hover {
opacity: 1;
}
.button-8:disabled {
opacity: 0.4;
cursor: not-allowed;
}