input.glass-input {
  height: 59px;
  width: 100%;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(167, 186, 213, 0.2);
  backdrop-filter: blur(80px);
  -webkit-backdrop-filter: blur(80px);
  border-radius: 1px;
  padding: 0 16px;
  font-size: 16px;
  color: #fff;
  outline: none;
}

textarea.glass-textarea {
  height: 150px;
  width: 100%;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(167, 186, 213, 0.2);
  backdrop-filter: blur(80px);
  -webkit-backdrop-filter: blur(80px);
  border-radius: 1px;
  padding: 16px;
  font-size: 16px;
  color: #fff;
  outline: none;
  resize: vertical;
}

input.glass-input::placeholder,
textarea.glass-textarea::placeholder {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
}

input.glass-checkbox {
  appearance: none;
  width: 15px;
  height: 15px;
  border: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg width='13' height='13' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_73_1569)'><path opacity='0.6' d='M12.2083 0.791504H0.791748V12.2081H12.2083V0.791504Z' stroke='white' stroke-miterlimit='10'/></g><defs><clipPath id='clip0_73_1569'><rect width='13' height='13' fill='white'/></clipPath></defs></svg>");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

input.glass-checkbox:checked {
  background-image: url("data:image/svg+xml;utf8,<svg width='15' height='13' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23clip0_73_1597)'><path d='M14.418 2.26465L8.01716 8.55089L5.02686 5.62153' stroke='white' stroke-miterlimit='10'/><path d='M12.4622 7.75911V12.2086H0.808105V0.791992H12.4622' stroke='white' stroke-miterlimit='10'/></g><defs><clipPath id='clip0_73_1597'><rect width='15' height='13' fill='white'/></clipPath></defs></svg>");
}

button.glass-button {
  height: 59px;
  background: rgba(167, 186, 213, 0.7);
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 1);
  backdrop-filter: blur(80px);
  -webkit-backdrop-filter: blur(80px);
  border-radius: 1px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  opacity: 1;
  text-align: center;
  line-height: 40px;
  transition: background 0.2s, color 0.2s;
}

button.glass-button.active {
  background: rgba(167, 186, 213, 0.8);
  color: rgba(255, 255, 255, 1);
}