:root{
  color-scheme: dark;
  --ow-form-bg-1:#120804;
  --ow-form-bg-2:#0a0502;
  --ow-form-border:rgba(214,161,74,.26);
  --ow-form-border-focus:rgba(214,161,74,.55);
  --ow-form-text:#f2e8d6;
  --ow-form-muted:#d4b07a;
  --ow-form-option-bg:#120804;
  --ow-form-option-text:#f2e8d6;
  --ow-form-option-hover:#2a160c;
}

html, body{
  color-scheme:dark;
  background-color:#060302;
}

input,
textarea,
select,
button{
  font:inherit;
}

select,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
textarea{
  background:linear-gradient(180deg,var(--ow-form-bg-1) 0%,var(--ow-form-bg-2) 100%) !important;
  color:var(--ow-form-text) !important;
  border:1px solid var(--ow-form-border) !important;
  border-radius:14px;
  box-shadow:none;
}

select::placeholder,
input::placeholder,
textarea::placeholder{
  color:rgba(212,176,122,.72) !important;
}

select:focus,
input:focus,
textarea:focus{
  outline:none !important;
  border-color:var(--ow-form-border-focus) !important;
  box-shadow:0 0 0 3px rgba(214,161,74,.12) !important;
}

select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-image:
    linear-gradient(45deg, transparent 50%, #d6a14a 50%),
    linear-gradient(135deg, #d6a14a 50%, transparent 50%),
    linear-gradient(180deg,var(--ow-form-bg-1) 0%,var(--ow-form-bg-2) 100%) !important;
  background-position:
    calc(100% - 18px) calc(50% - 3px),
    calc(100% - 12px) calc(50% - 3px),
    0 0 !important;
  background-size:6px 6px, 6px 6px, 100% 100% !important;
  background-repeat:no-repeat !important;
  padding-right:34px !important;
  min-height:44px;
}

select option,
select optgroup{
  background:var(--ow-form-option-bg) !important;
  color:var(--ow-form-option-text) !important;
}

select option:checked,
select option:hover,
select option:focus{
  background:var(--ow-form-option-hover) !important;
  color:var(--ow-form-option-text) !important;
}

select[multiple],
select[size]{
  background-image:none !important;
  min-height:180px;
  padding-right:12px !important;
}

select[multiple] option,
select[size] option{
  padding:8px 10px;
}

.dba-select,
.dcomm-select,
.dscmd-select,
.dstc-select,
.discordbot-select,
.discord-select,
select[name],
form select{
  background:linear-gradient(180deg,var(--ow-form-bg-1) 0%,var(--ow-form-bg-2) 100%) !important;
  color:var(--ow-form-text) !important;
  border:1px solid var(--ow-form-border) !important;
}

.dba-input,
.dcomm-input,
.dscmd-input,
.dstc-input,
.discordbot-input,
.discord-input,
form input[type="text"],
form input[type="number"],
form input[type="email"],
form input[type="search"],
form textarea{
  background:linear-gradient(180deg,var(--ow-form-bg-1) 0%,var(--ow-form-bg-2) 100%) !important;
  color:var(--ow-form-text) !important;
  border:1px solid var(--ow-form-border) !important;
}

.dba-textarea,
.dcomm-textarea,
.dscmd-textarea,
.dstc-textarea,
.discordbot-textarea,
.discord-textarea,
form textarea{
  background:linear-gradient(180deg,var(--ow-form-bg-1) 0%,var(--ow-form-bg-2) 100%) !important;
  color:var(--ow-form-text) !important;
  border:1px solid var(--ow-form-border) !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill{
  -webkit-text-fill-color:var(--ow-form-text) !important;
  -webkit-box-shadow:0 0 0px 1000px #120804 inset !important;
  transition:background-color 9999s ease-in-out 0s;
}

::-webkit-scrollbar{
  width:10px;
  height:10px;
}
::-webkit-scrollbar-track{
  background:#0d0704;
}
::-webkit-scrollbar-thumb{
  background:#6f4516;
  border-radius:999px;
}
::-webkit-scrollbar-thumb:hover{
  background:#9b6320;
}
