input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],
input[type=url],input[type=number],input[type=date],input[type=datetime-local],input[type=time],
select,textarea{
  transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background-color .2s var(--ease)}
select:focus{
  background-color:var(--card);
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%237C8598' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center}
.composer-after select:focus{background-position:right 8px center}
input[type=date],input[type=datetime-local],input[type=time],input[type=month]{min-width:0;max-width:100%;box-sizing:border-box}
@supports (-webkit-touch-callout:none){
  input[type=date],input[type=datetime-local],input[type=time],input[type=month]{-webkit-appearance:none;appearance:none;display:block;width:100%}
  input[type=date]::-webkit-date-and-time-value,input[type=datetime-local]::-webkit-date-and-time-value,input[type=time]::-webkit-date-and-time-value,input[type=month]::-webkit-date-and-time-value{text-align:left;min-height:1.4em}
}
button.is-sending,input.is-sending{position:relative;cursor:progress;opacity:.78}
button.is-sending::after{content:"";display:inline-block;width:14px;height:14px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-2px;animation:spGuardSpin .7s linear infinite}
@keyframes spGuardSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){button.is-sending::after{animation-duration:2s}}