:root{--chevron-size:7px}.dcx-formselect{--label-height:var(--dcx-font-formcontrol_label-line-height,20px);--input-height:calc(var(--dcx-font-formcontrol-line-height, 20px) + var(--dcx-spacing-y-formcontrol, 15px));box-sizing:border-box;display:flex;flex-direction:column;position:relative}.dcx-formselect:after{border-left:var(--chevron-size) solid transparent;border-right:var(--chevron-size) solid transparent;border-top:var(--chevron-size) solid var(--dcx-color-chevron-formcontrol,#000);bottom:calc(var(--input-height)/2 - var(--chevron-size)/2);content:"";display:block;height:0;position:absolute;right:.75em;top:auto;width:0}.dcx-formselect label{background:var(--dcx-color-background-formcontrol_label,transparent);color:var(--dcx-color-text-formcontrol_label,#000);font-size:var(--dcx-font-size-formcontrol_label,16px);line-height:var(--label-height)}.dcx-formselect select{appearance:none;background:var(--dcx-color-background-formcontrol,transparent);border-radius:var(--dcx-border-radius-formcontrol,4px);color:var(--dcx-color-text-formcontrol,#000);font-size:var(--dcx-font-formcontrol-size,16px);height:var(--input-height);line-height:var(--dcx-font-formcontrol-line-height,20px);outline-color:var(--dcx-color-outline-formcontrol,#3f51b5);padding-left:var(--dcx-spacing-x-formcontrol,15px);padding-right:var(--dcx-spacing-x-formcontrol,15px)}.dcx-formselect .dcx-hint{color:var(--dcx-color-text-formcontrol_hint,#666);font-size:var(--dcx-font-formcontrol_hint-size,13px);line-height:var(--dcx-font-formcontrol_hint-line-height,18px)}.dcx-formselect .dcx-error-message{color:var(--dcx-color-text-formcontrol_error,#f44336);font-size:var(--dcx-font-formcontrol_error-size,13px);line-height:var(--dcx-font-formcontrol_error-line-height,18px)}.dcx-formselect--filled:after{border-top-color:var(--dcx-color-chevron-formcontrol-filled,#000)}.dcx-formselect--filled select{padding-left:var(--dcx-spacing-x-formcontrol-filled,15px);padding-right:var(--dcx-spacing-x-formcontrol-filled,15px)}.dcx-formselect.dcx-floating-label{--label-height:var(--dcx-font-formcontrol_label-line-height-floating,16px);--input-height:calc(var(--label-height) + var(--dcx-spacing-y-formcontrol-floating, 30px));padding-top:var(--label-height)}.dcx-formselect.dcx-floating-label:after{border-top-color:var(--dcx-color-chevron-formcontrol-floating,#000);top:calc(var(--label-height) + var(--input-height)/2 - var(--chevron-size)/2)}.dcx-formselect.dcx-floating-label label{background:var(--dcx-color-background-formcontrol_label-floating,#fff);bottom:auto;color:var(--dcx-color-text-formcontrol_label-floating,#000);font-size:var(--dcx-font-size-formcontrol_label-floating,16px);line-height:var(--label-height);margin-left:var(--dcx-spacing-x-formcontrol-floating,15px);margin-right:var(--dcx-spacing-x-formcontrol-floating,15px);position:absolute;top:calc(var(--label-height) + var(--input-height)/2 - var(--label-height)/2);transition:all .3s ease-in-out}.dcx-formselect.dcx-floating-label select{background:var(--dcx-color-background-formcontrol-floating,transparent);border-radius:var(--dcx-border-radius-formcontrol-floating,4px);color:transparent;font-size:var(--dcx-font-formcontrol-size-floating,16px);height:var(--input-height);outline-color:var(--dcx-color-outline-formcontrol-floating,#3f51b5);padding-left:var(--dcx-spacing-x-formcontrol-floating,15px);padding-right:var(--dcx-spacing-x-formcontrol-floating,15px);transition:all .2s ease-in-out}.dcx-formselect.dcx-floating-label .dcx-error-message,.dcx-formselect.dcx-floating-label .dcx-hint{order:2}.dcx-formselect.dcx-floating-label .dcx-hint{color:var(--dcx-color-text-formcontrol_hint-floating,#666);font-size:var(--dcx-font-formcontrol_hint-size-floating,13px);line-height:var(--dcx-font-formcontrol_hint-line-height-floating,18px)}.dcx-formselect.dcx-floating-label .dcx-error-message{color:var(--dcx-color-text-formcontrol_error-floating,#f44336);font-size:var(--dcx-font-formcontrol_error-size-floating,13px);line-height:var(--dcx-font-formcontrol_error-line-height-floating,18px)}.dcx-formselect--filled.dcx-floating-label:after{border-top-color:var(--dcx-color-chevron-formcontrol-floating-filled,#000)}.dcx-formselect--filled.dcx-floating-label select{color:var(--dcx-color-text-formcontrol-floating,#000)}.dcx-formselect--filled.dcx-floating-label label{margin-left:var(--dcx-spacing-x-formcontrol-floating-filled,15px);margin-right:var(--dcx-spacing-x-formcontrol-floating-filled,15px);padding-left:2px;padding-right:2px;top:calc(var(--label-height)/2)}