.btn,
[role=button],
[type=button],
[type=reset],
[type=submit],
button{
  -webkit-appearance:none!important;
  -webkit-user-select:none!important;
  -moz-user-select:none!important;
  -ms-user-select:none!important;
  display:inline-block;
  vertical-align:middle!important;
  margin:0!important;
  border-width:var(--button-border-width)!important;
  border-style:var(--button-border-style)!important;
  border-color:var(--button-border-color)!important;
  border-radius:var(--button-border-radius)!important;
  background-color:var(--button-background-color)!important;
  padding:.6rem .75rem!important;
  color:var(--button-color)!important;
  font-size:1rem!important;
  font-weight:400!important;
  font-family:var(--font)!important;
  line-height:1!important;
  user-select:none!important;
  text-align:center!important;
  text-decoration:none!important;
  -webkit-box-shadow:var(--button-shadow)!important;
  box-shadow:var(--button-shadow)!important;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-width .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out!important }

.btn-sm,
fieldset legend,
label{
  font-weight:700 }

label,
legend{
  position:relative;
  line-height:inherit }

.btn:hover,
[role=button]:hover,
[type=button]:hover,
[type=reset]:hover,
[type=submit]:hover,
button:hover{
  cursor:pointer!important;
  border-width:var(--button-border-width-hover)!important;
  border-style:var(--button-border-style-hover)!important;
  border-color:var(--button-border-color-hover)!important;
  background-color:var(--button-background-color-hover)!important;
  color:var(--button-color-hover)!important;
  text-decoration:none!important;
  -webkit-box-shadow:0 0 0 .2rem var(--button-shadow-hover)!important;
  box-shadow:0 0 0 .2rem var(--button-shadow-hover)!important }

.btn:focus,
.field:focus,
[role=button]:focus,
[type=button]:focus,
[type=reset]:focus,
[type=submit]:focus,
button:focus{
  outline:0!important;
  -webkit-box-shadow:0 0 0 .2rem var(--button-shadow-hover)!important;
  box-shadow:0 0 0 .2rem var(--button-shadow-hover)!important;
  border-width:var(--button-border-width-hover)!important;
  border-style:var(--button-border-style-hover)!important;
  border-color:var(--button-border-color-hover)!important }

.btn.disabled,
.btn:disabled,
[role=button]:disabled,
button:disabled{
  color:var(--button-color-disabled)!important;
  background-color:var(--button-background-color-disabled)!important;
  border-width:var(--button-border-width-disabled)!important;
  border-style:var(--button-border-style-disabled)!important;
  border-color:var(--button-border-color-disabled)!important;
  cursor:not-allowed!important;
  -webkit-box-shadow:none!important;
  box-shadow:none!important }

.btn.disabled:hover,
.btn:disabled:hover,
.btn[disabled]:hover,
[role=button][disabled]:hover,
button[disabled]:hover{
  color:var(--button-color-disabled)!important;
  background-color:var(--button-background-color-disabled)!important;
  cursor:not-allowed!important;
  -webkit-filter:none!important;
  filter:none!important;
  -webkit-box-shadow:none!important;
  box-shadow:none!important }

.btn-sm{
  padding: .1rem .2rem!important }

.btn-xs{
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  padding:1px 5px;
  height:20px;
  font-size:12px;
  line-height:1.2em }

.btn-block{
  width:100%!important }

.btn-ghost{
  color:inherit!important;
  background-color:transparent!important;
  border-width:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important }

.btn-ghost:hover{
  color:inherit!important;
  background-color:transparent!important;
  border-width:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important }

.btn-ghost:focus{
  color:#000!important;
  background-color:transparent!important;
  border-width:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important }

.btn-ghost:active{
  color:#000!important;
  background-color:transparent!important;
  border-width:0!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important }

.btn-success{
  color:var(--success-color-contrast)!important;
  fill:var(--success-color-contrast)!important;
  background-color:var(--success-background-color)!important;
  border-color:var(--success-border-color)!important;
  -webkit-box-shadow:var(--success-shadow)!important;
  box-shadow:var(--success-shadow)!important }

.add:hover,
.btn-success:hover{
  color:var(--success-color-contrast)!important;
  fill:var(--success-color-contrast)!important;
  background-color:var(--success-background-color-hover)!important;
  border-color:var(--success-border-color-hover)!important;
  -webkit-box-shadow:var(--success-shadow)!important;
  box-shadow:var(--success-shadow)!important }

.add:focus,
.btn-success:focus,
.btn-success.focus{
  box-shadow:0 0 0 0 rgba(88,205,145,.5)!important }

.btn-danger{
  color:var(--danger-color-contrast)!important;
  background-color:var(--danger-background-color)!important;
  border-color:var(--danger-border-color)!important;
  -webkit-box-shadow:var(--danger-shadow)!important;
  box-shadow:var(--danger-shadow)!important }

.trash:hover,
.purge:hover,
.btn-danger:hover{
  color:var(--danger-color-contrast)!important;
  background-color:var(--danger-background-color-hover)!important;
  border-color:var(--danger-border-color-hover)!important;
  -webkit-box-shadow:var(--danger-shadow)!important;
  box-shadow:var(--danger-shadow)!important }

.btn-danger:focus,
.btn-danger.focus{
  box-shadow:0 0 0 0 rgba(223,70,106,.5)!important }

.btn-dark{
  color:var(--dark-color-contrast)!important;
  fill:var(--dark-color-contrast)!important;
  background-color:var(--dark-background-color)!important;
  border-color:var(--dark-border-color)!important;
  -webkit-box-shadow:var(--dark-shadow)!important;
  box-shadow:var(--dark-shadow)!important }

.btn-dark:hover{
  color:var(--dark-color-contrast)!important;
  fill:var(--dark-color-contrast)!important;
  background-color:var(--dark-background-color-hover)!important;
  border-color:var(--dark-border-color-hover)!important }

.btn-dark:focus,
.btn-dark.focus{
  box-shadow:0 0 0 0 rgba(88,205,145,.5)!important }


form{
  display:block;
  margin-top:0 }

legend{
  margin-bottom:.5rem;
  padding:0;
  width:100%;
  font-size:calc(1.275rem + .3vw);
  white-space:normal }

fieldset{
  margin:1rem;
  border:1px solid var(--border-color);
  border-radius:var(--border-radius) }

fieldset legend{
  padding:.2em 0;
  color:var(--color-text) }

label{
  display:inline-block;
  margin:1rem 0 .5rem;
  font-size:inherit;
  font-family:inherit }

form label.required:after{
  content:' (Required Field)';
  font-size:80%;
  color:var(--form-required-color) }

.field,
input,
select,
textarea{
  display:block;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  border-width:var(--form-input-border-width);
  border-style:var(--form-input-border-style);
  border-color:var(--form-input-border-color);
  border-radius:var(--form-border-radius);
  background-clip:padding-box;
  background-color:var(--form-input-background-color);
  padding:.375rem .75rem;
  width:100%;
  color:var(--form-input-color);
  font-weight:400;
  font-size:1rem;
  line-height:1.5;
  -webkit-transition:background-color .2s;
  transition:background-color .2s }

input[type=time]{
  line-height:1.5 }

select{
  padding:.525rem .75rem;
  text-transform:none;
  word-wrap:normal }

@media (prefers-reduced-motion:reduce){
  input,
  select,
  textarea .field{
    transition:none }
}

.field:focus,
input:focus,
select:focus,
textarea:focus{
  outline:0!important;
  box-shadow:0 0 0 .2rem var(--form-shadow-focus);
  border-width:var(--form-border-width-focus);
  border-color:var(--form-input-border-color-focus);
  background-color:var(--form-input-background-color-focus);
  color:var(--form-input-color-focus) }

.field:disabled,
input:disabled,
select:disabled{
  color:var(--form-input-color-disabled);
  background-color:var(--form-input-background-color-disabled);
  border-width:var(--form-input-border-width-disabled);
  border-style:var(--form-input-border-style-disabled);
  border-color:var(--form-input-border-color-disabled);
  cursor:not-allowed;
  -webkit-box-shadow:none;
  box-shadow:none }

input[type=radio]:active,
input[type=radio]:checked,
input[type=checkbox]:active,
input[type=checkbox]:checked{
  border-color:var(--form-input-border-color-checked);
  color:var(--form-input-color-checked) }

input[readonly],
textarea[readonly]{
  background-color:var(--form-background-color-disabled);
  border-color:var(--form-border-color-disabled);color:var(--form-color-disabled) }

input::-moz-placeholder,
textarea::-moz-placeholder{
  opacity:1;
  color:var(--form-placeholder-color) }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder{
  opacity:1;
  color:var(--form-placeholder-color) }

input::-ms-input-placeholder,
textarea::-ms-input-placeholder{
  opacity:1;
  color:var(--form-placeholder-color) }

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

meter{
  border:var(--border-width) var(--border-style) var(--border-color);
  border-radius:var(--border-radius);
  background-color:var(--body-background-color);
  width:100%;
  color:var(--button-color) }

meter::-webkit-meter-bar{
  border-radius:var(--border-radius);
  background:0;background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent),-webkit-linear-gradient(left,var(--btn-color-bg),var(--btn-color-bg));
  background-size:1rem 1rem }

meter::-webkit-meter-even-less-good-value,
meter::-webkit-meter-optimum-value,
meter::-webkit-meter-suboptimum-value{
  border-radius:var(--border-radius);
  background-image:linear-gradient(90deg,#8bcf69 5%,#e6d450 5%,#e6d450 15%,#f28f68 15%,#f28f68 55%,#cf82bf 55%,#cf82bf 95%,#719fd1 95%,#719fd1 100%);
  background-size:100% 100% }

meter::-webkit-meter-optimum-value{
  -webkit-transition:width .5s }

meter::-webkit-meter-optimum-value:hover{
  -webkit-transition:width .5s;
  transition:width .5s;
  background-image:linear-gradient(90deg,#8bcf69 20%,#e6d450 20%,#e6d450 40%,#f28f68 40%,#f28f68 60%,#cf82bf 60%,#cf82bf 80%,#719fd1 80%,#719fd1 100%);
  width:100%!important }

meter::-webkit-meter-suboptimum-value{
  border-radius:var(--border-radius);
  background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent),-webkit-linear-gradient(left,var(--btn-color-bg),var(--btn-color-bg));
  background-size:1rem 1rem }

meter::-webkit-meter-even-less-good-value{
  background:#cc4600 }

meter::-moz-meter-bar{
  box-shadow:0 5px 5px -5px #999 inset;
  border-radius:var(--border-radius);
  background-image:linear-gradient(90deg,#8bcf69 5%,#e6d450 5%,#e6d450 15%,#f28f68 15%,#f28f68 55%,#cf82bf 55%,#cf82bf 95%,#719fd1 95%,#719fd1 100%);
  background-size:100% 100% }

meter:-moz-meter-optimum::-moz-meter-bar{
  border-radius:var(--border-radius);
  background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent),-webkit-linear-gradient(left,var(--btn-color-bg),var(--btn-color-bg));
  background-size:1rem 1rem }

meter:-moz-meter-sub-optimum::-moz-meter-bar{
  border-radius:var(--border-radius);
  background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent),-webkit-linear-gradient(left,var(--btn-color-bg),var(--btn-color-bg));
  background-size:1rem 1rem }

meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{
  border-radius:var(--border-radius);
  background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent),-webkit-linear-gradient(left,var(--btn-color-bg),var(--btn-color-bg));
  background-size:1rem 1rem }

output{
  display:inline-block }

progress{
  vertical-align:baseline;
  border:1px solid var(--border-color);
  border-radius:var(--border-radius);
  background-color:var(--button-background-color);
  width:100%;
  color:var(--button-background-color) }

progress::-webkit-progress-bar{
  border-radius:var(--border-radius);
  background-color:var(--body-background-color) }

progress::-webkit-progress-value{
  border-radius:var(--border-radius);
  background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent),-webkit-linear-gradient(left,var(--btn-color-bg),var(--btn-color-bg));
  background-size:1rem 1rem }

progress::-moz-progress-bar{
  border-radius:var(--border-radius);
  background-image:-moz-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent),-moz-linear-gradient(left,var(--btn-color-bg),var(--btn-color-bg));
  background-size:1rem 1rem }

[list]::-webkit-calendar-picker-indicator{
  display:none }

::-moz-focus-inner{
  border-style:none;
  padding:0 }

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month]{
  -webkit-appearance:textfield }

input[type=color]{
  min-height:calc(1.5em + .75rem + 2px) }

input[type=radio],
input[type=checkbox]{
  display:inline-block;
  flex-shrink:0;
  vertical-align:middle;
  border-width:1px;
  border-color:var(--form-input-border-color)!important;
  background-origin:border-box;
  background-color:var(--form-input-background-color)!important;
  color:var(--form-input-color)!important;
  fill:currentColor!important;
  width:1.3em!important;
  height:1.3em!important;
  margin-top:-.1em;
  user-select:none }

input[type=checkbox]{
  border-radius:var(--form-border-radius)!important }

input[type=radio]{
  border-radius:50% }

input[type=radio]:active,
input[type=checkbox]:active{
  outline:0;
  background-color:var(--form-input-background-color-checked)!important;
  fill:currentColor!important }

input[type=radio]:active svg,
input[type=radio]:checked svg,
input[type=radio]:focus svg,
input[type=checkbox]:active svg,
input[type=checkbox]:checked svg,
input[type=checkbox]:focus svg{
  fill:currentColor!important }

input[type=radio]:focus,
input[type=checkbox]:focus{
  outline:0;
  border-color:var(--form-focus-border-color)!important;
  background-color:transparent;
  color:var(--form-input-color-checked)!important }

input[type=radio]:checked,
input[type=checkbox]:checked{
  background-position:center;
  background-size:100% 100%;
  background-color:var(--form-input-background-color-checked)!important;
  background-repeat:no-repeat;
  border-color:transparent }

input[type=checkbox]:checked{
  background-image:url("data:image/svg+xml,%3csvgviewBox='001616'xmlns='http://www.w3.org/2000/svg'%3e%3cpathfill='currentColor'd='M5.7077.293a11000-1.4141.414l22a110001.4140l4-4a11000-1.414-1.414L78.5865.7077.293z'/%3e%3c/svg%3e") }

input[type=radio]:checked{
  background-image:url("data:image/svg+xml,%3csvgviewBox='001616'xmlns='http://www.w3.org/2000/svg'%3e%3ccirclefill='currentColor'cx='8'cy='8'r='3'/%3e%3c/svg%3e") }

input[type=checkbox]:indeterminate{
  border-color:var(--form-input-border-color);
  background-image:url("data:image/svg+xml,%3csvgviewBox='001616'xmlns='http://www.w3.org/2000/svg'%3e%3cpathfill='currentColor'd='M5.7077.293a11000-1.4141.414l22a110001.4140l4-4a11000-1.414-1.414L78.5865.7077.293z'/%3e%3c/svg%3e");
  background-position:center center;
  background-size:1em;
  background-repeat:no-repeat;
  background-color:var(--form-input-background-color)!important }

input[type=radio]:disabled,
input[type=checkbox]:disabled{
  -webkit-filter:none;
  opacity:.5;
  filter:none;
  pointer-events:none }

input[type=radio]:disabled~label,
input[type=radio][disabled]~label,
input[type=checkbox]:disabled,
input[type=checkbox][disabled]{
  opacity:.5 }

input[type=range]{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  box-shadow:none;
  cursor:ew-resize;
  border:0;
  background-color:transparent;
  padding:0;
  width:100%;
  height:1.4rem }

input[type=range]:focus{
  outline:0;
  box-shadow:none;
  cursor:ew-resize;
  border:0 }

input[type=range]:focus::-webkit-slider-thumb{
  cursor:ew-resize;
  box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(13,110,253,.25) }

input[type=range]:focus::-moz-range-thumb{
  cursor:ew-resize;
  box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(13,110,253,.25) }

input[type=range]:focus::-ms-thumb{
  cursor:ew-resize;
  box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(13,110,253,.25) }

input[type=range]::-moz-focus-outer{
  border:0 }

input[type=range]::-webkit-slider-thumb{
  cursor:ew-resize;
  -webkit-appearance:none;
  appearance:none;
  -webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  margin-top:-.25rem;
  border:0;
  border-radius:1rem;
  background-color:var(--button-background-color)!important;
  width:1rem;
  height:1rem }

@media (prefers-reduced-motion:reduce){
  input[type=range]::-webkit-slider-thumb{
    cursor:ew-resize;
    -webkit-transition:none;
    transition:none }
}

input[type=range]::-webkit-slider-thumb:active{
  cursor:ew-resize;
  background-color:var(--button-background-color) }

input[type=range]::-webkit-slider-runnable-track{
  cursor:ew-resize;
  border-color:transparent;
  border-radius:var(--border-radius);
  background-color:var(--border-color);
  width:100%;
  height:.5rem;
  color:transparent }

input[type=range]::-moz-range-thumb{
  cursor:ew-resize;
  -moz-appearance:none;
  appearance:none;
  -moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  border:0;
  border-radius:1rem;
  background-color:var(--button-background-color);
  width:1rem;
  height:1rem }

@media (prefers-reduced-motion:reduce){
  input[type=range]::-moz-range-thumb{
    cursor:ew-resize;
    -moz-transition:none;
    transition:none }
}

input[type=range]::-moz-range-thumb:active{
  cursor:ew-resize;
  background-color:var(--button-background-color) }

input[type=range]::-moz-range-track{
  cursor:ew-resize;
  border-color:transparent;
  border-radius:var(--border-radius);
  background-color:var(--border-color);
  width:100%;
  height:.5rem;
  color:transparent }

input[type=range]::-ms-thumb{
  cursor:ew-resize;
  appearance:none;
  -ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  margin-top:0;
  margin-right:.2rem;
  margin-left:.2rem;
  border:0;
  border-radius:var(--border-radius);
  background-color:var(--button-background-color);
  width:1rem;
  height:1rem }

@media (prefers-reduced-motion:reduce){
  input[type=range]::-ms-thumb{
    cursor:ew-resize;
    -ms-transition:none;
    transition:none }
}

input[type=range]::-ms-thumb:active{
  cursor:ew-resize;
  background-color:var(button-background-color-hover) }

input[type=range]::-ms-track{
  cursor:ew-resize;
  border-width:.5rem;
  border-color:transparent;
  background-color:transparent;
  width:100%;
  height:.5rem;
  color:transparent }

input[type=range]::-ms-fill-lower{
  border-radius:var(--border-radius);
  background-color:var(--border-color) }

input[type=range]::-ms-fill-upper{
  margin-right:15px;
  border-radius:var(--border-radius);
  background-color:var(--border-color) }

input[type=range]:disabled,
input[type=file]+label *{
  pointer-events:none }

input[type=range]:disabled::-webkit-slider-thumb{
  cursor:ew-resize;
  background-color:var(button-background-color) }

input[type=range]:disabled::-moz-range-thumb{
  cursor:ew-resize;
  background-color:var(button-background-color) }

input[type=range]:disabled::-ms-thumb{
  cursor:ew-resize;
  background-color:var(button-background-color) }

input[type=file]{
  position:relative;
  opacity:0;
  z-index:2;
  margin:0;
  width:100%;
  height:100% }

input[type=file]+label{
  display:block;
  flex-shrink:0;
  margin-left:-1px;
  border:var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius:var(--button-border-radius);
  background-color:var(--button-background-color);
  padding:.375rem .75rem;
  color:var(--button-color);
  line-height:1.5 }

input[type=file]+label:hover,
input[type=file]:focus+label{
  border:var(--button-border-width-hover) var(--button-border-style-hover) var(--button-border-color-hover);
  color:var(--button-color-hover);
  background-color:var(--button-background-color-hover) }

input[type=file]:focus+label{
  outline:#000 dotted 1px;
  outline:-webkit-focus-ring-color auto 5px }

textarea{
  margin-bottom:1rem;resize:vertical }

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field{
  padding:0 }

::-webkit-inner-spin-button{
  height:auto }

[type=search]{
  -webkit-appearance:textfield;
  outline-offset:-2px;
  border-top-right-radius:0;
  border-bottom-right-radius:0 }

[type=search]+button{
  border-top-left-radius:0;
  border-bottom-left-radius:0 }

::-webkit-search-decoration{
  -webkit-appearance:none }

::-webkit-color-swatch-wrapper{
  padding:0 }

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit }

.field:required,
input:required,
select:required,
textarea:required{
  border-color:var(--form-required-border-color);
  color:var(--form-required-color) }

.field:required:valid,
input:required:valid,
textarea:required:valid{
  border-color:var(--form-valid-border-color);
  color:var(--form-valid-color) }

.field:required:valid:focus,
input:required:valid:focus,
textarea:required:valid:focus{
  box-shadow:0 0 0 .2rem var(--form-valid-shadow);
  border-color:var(--form-valid-border-color);
  color:var(--form-valid-color) }

.field:required:focus,
input:required:focus,
select:required:focus,
textarea:required:focus{
  box-shadow:0 0 0 .2rem var(--form-focus-required-shadow) }

.field:required::-moz-placeholder,
input:required::-moz-placeholder,
select:required::-moz-placeholder,
textarea:required::-moz-placeholder{
  color:var(--form-required-color) }

input:required::-moz-placeholder,
select:required::-moz-placeholder,
textarea:required::-moz-placeholder{
  color:var(--form-required-color) }

input:required:-ms-input-placeholder,
select:required:-ms-input-placeholder,
textarea:required:-ms-input-placeholder{
  color:var(--form-required-color) }

input:required::-ms-input-placeholder,
select:required::-ms-input-placeholder,
textarea:required::-ms-input-placeholder{
  color:var(--form-required-color) }

input:required::placeholder,
select:required::placeholder,
textarea:required::placeholder{
  color:var(--form-required-color) }

form>div>input[type=email]:valid~.requirements,
form>div>input[type=password]:valid~.requirements,
form>div>input[type=text]:valid~.requirements{
  opacity:0 }

form>div>input[type=email]:invalid:focus:not(:-moz-placeholder-shown)~.requirements,
form>div>input[type=password]:invalid:focus:not(:-moz-placeholder-shown)~.requirements,
form>div>input[type=text]:invalid:focus:not(:-moz-placeholder-shown)~.requirements{
  padding:.75em 1.25em;
  max-height:200px }

form>div>input[type=email]:invalid:focus:not(:-ms-input-placeholder)~.requirements,
form>div>input[type=password]:invalid:focus:not(:-ms-input-placeholder)~.requirements,
form>div>input[type=text]:invalid:focus:not(:-ms-input-placeholder)~.requirements{
  padding:.75em 1.25em;
  max-height:200px }

form>div>input[type=email]:invalid:focus:not(:placeholder-shown)~.requirements,
form>div>input[type=password]:invalid:focus:not(:placeholder-shown)~.requirements,
form>div>input[type=text]:invalid:focus:not(:placeholder-shown)~.requirements{
  padding:.75em 1.25em;
  max-height:200px }

form>div .requirements{
  border:0;
  padding:0;
  max-height:0;
  width:100%;
  overflow:hidden;
  transition:.28s }

iframe{
  border:0;
  margin:0 }

.form-row{
  position:relative;
  display:flex;
  flex:1 0 100%;
  flex-wrap:nowrap;
  vertical-align:middle }

.form-row .brl-0{
  border-top-left-radius:0!important;
  border-bottom-left-radius:0!important }

.form-row .brr-0{
  border-top-right-radius:0!important;
  border-bottom-right-radius:0!important }
