.select{position:relative;width:auto;display:inline-flex}.select--block{display:flex}.select__select{flex:1;padding:var(--select-padding);border:var(--select-border-width) var(--select-border-style) var(--select-border-color);margin:var(--select-margin);background:var(--select-background);color:var(--select-font-color);border-radius:var(--select-border-radius);outline:var(--select-outline-width) var(--select-outline-style) var(--select-outline-color);outline-offset:var(--select-outline-offset);line-height:var(--line-height);font-size:var(--font-size);appearance:none}.select__select:disabled{opacity:var(--disabled-form-element-opacity);cursor:not-allowed}.select__select:focus-visible,.select__select:hover:not(:disabled):focus-visible{--select-font-color: var(--select-focus-font-color);--select-background: var(--select-focus-background);--select-border-color: var(--select-focus-border-color);--select-outline-width: var(--select-focus-outline-width);--select-outline-color: var(--select-focus-outline-color);--select-outline-offset: var(--select-focus-outline-offset)}.select__select:focus:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.select__select:hover:not(:disabled){--select-font-color: var(--select-hover-font-color);--select-background: var(--select-hover-background);--select-border-color: var(--select-hover-border-color);--select-outline-width: var(--select-hover-outline-width);--select-outline-color: var(--select-hover-outline-color);--select-outline-offset: var(--select-hover-outline-offset)}.select:after{position:absolute;top:50%;right:var(--select-caret-right-margin);display:inline-block;content:"";width:0;height:0;margin-top:calc(var(--select-caret-size) * -.5);pointer-events:none;border-top:var(--select-caret-size) solid var(--select-caret-color);border-right:var(--select-caret-size) solid transparent;border-bottom:var(--select-caret-size) solid transparent;border-left:var(--select-caret-size) solid transparent}.select--has-error{--select-border-color: var(--color-red)}