input,
textarea {
width: 100%;
background-color: $color-background-alt;
border-radius: $well-radius;
border: 0px solid rgba(0, 0, 0, 0);
padding: $lineheight_rel / 4;
line-height: $lineheight_rel;
overflow: auto;
.card & {
background-color: $color-background;
}
button,
optgroup,
select,
font-family: inherit;
font-size: 100%;
line-height: inherit;
margin: 0;
select {
text-transform: none;
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 2px dotted var(--accent-color);
fieldset {
padding: 0.35em 0.75em 0.625em;
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
white-space: normal;
progress {
vertical-align: baseline;
[type="checkbox"],
[type="radio"] {
/* 1 */
/* 2 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
::-webkit-file-upload-button {
font: inherit;