.input-wrapper{----background:var(--color--white);----background--disabled:var(--color--light-25);----border-color:var(--color--light-55);----border-color--hover:var(--color--light-60);----border-color--focus:var(--color--primary);----border-style:var(--border-style);----border-top-width:var(--border-top-width);----border-right-width:var(--border-right-width);----border-bottom-width:var(--border-bottom-width);----border-left-width:var(--border-left-width);----border-width:var(----border-top-width) var(----border-right-width) var(----border-bottom-width) var(----border-left-width);----border-top-left-radius:var(--border-top-left-radius);----border-top-right-radius:var(--border-top-right-radius);----border-bottom-right-radius:var(--border-bottom-right-radius);----border-bottom-left-radius:var(--border-bottom-left-radius);----border-radius:var(----border-top-left-radius) var(----border-top-right-radius) var(----border-bottom-right-radius) var(----border-bottom-left-radius);----box-shadow-offset-x:var(--box-shadow-offset-x);----box-shadow-offset-y:var(--box-shadow-offset-y);----box-shadow-blur-radius:var(--box-shadow-blur-radius);----box-shadow-spread-radius:var(--box-shadow-spread-radius);----box-shadow-color:var(--box-shadow-color);----box-shadow:var(----box-shadow-offset-x) var(----box-shadow-offset-y) var(----box-shadow-blur-radius) var(----box-shadow-spread-radius) var(----box-shadow-color);----color:var(--contrast-color-for-light-background);----color--disabled:var(--color--light-75);----font-size:var(--font-size);----line-height:var(--line-height);----padding-top:calc(var(--padding-top)/2);----padding-right:var(--padding-right);----padding-bottom:calc(var(--padding-bottom)/2);----padding-left:var(--padding-left);----padding:var(----padding-top) var(----padding-right) var(----padding-bottom) var(----padding-left);----clear--background:transparent;----clear--background--hover:var(--color--light-30);----clear--background--active:var(--color--light-40);----clear--color:var(--color--light-70);----clear--size:1.2rem;----placeholder--color:var(--color--light-60);----prefix--border-width:var(----border-right-width);----suffix--border-width:var(----border-left-width);----prefix-suffix--border-style:var(--border-style);----prefix-suffix--color:var(--color--light-70);----prefix-suffix--padding-right:var(----padding-right);----prefix-suffix--padding-left:var(----padding-left);----prepend-append--background:var(--color--light)}.form-group.-sm .input-wrapper,.form.-sm .input-wrapper,.input-wrapper.-sm{----border-top-left-radius:calc(var(--border-top-left-radius)*var(--size-multiplier--sm));----border-top-right-radius:calc(var(--border-top-right-radius)*var(--size-multiplier--sm));----border-bottom-right-radius:calc(var(--border-bottom-right-radius)*var(--size-multiplier--sm));----border-bottom-left-radius:calc(var(--border-bottom-left-radius)*var(--size-multiplier--sm));----font-size:calc(var(--font-size)*var(--size-multiplier--sm));----padding-top:calc(var(--padding-top)/2*var(--size-multiplier--sm));----padding-right:calc(var(--padding-right)*var(--size-multiplier--sm));----padding-bottom:calc(var(--padding-bottom)/2*var(--size-multiplier--sm));----padding-left:calc(var(--padding-left)*var(--size-multiplier--sm))}.form-group.-md .input-wrapper,.form.-md .input-wrapper,.input-wrapper.-md{----border-top-left-radius:calc(var(--border-top-left-radius)*var(--size-multiplier--md));----border-top-right-radius:calc(var(--border-top-right-radius)*var(--size-multiplier--md));----border-bottom-right-radius:calc(var(--border-bottom-right-radius)*var(--size-multiplier--md));----border-bottom-left-radius:calc(var(--border-bottom-left-radius)*var(--size-multiplier--md));----font-size:calc(var(--font-size)*var(--size-multiplier--md));----padding-top:calc(var(--padding-top)/2*var(--size-multiplier--md));----padding-right:calc(var(--padding-right)*var(--size-multiplier--md));----padding-bottom:calc(var(--padding-bottom)/2*var(--size-multiplier--md));----padding-left:calc(var(--padding-left)*var(--size-multiplier--md))}.form-group.-lg .input-wrapper,.form.-lg .input-wrapper,.input-wrapper.-lg{----border-top-left-radius:calc(var(--border-top-left-radius)*var(--size-multiplier--lg));----border-top-right-radius:calc(var(--border-top-right-radius)*var(--size-multiplier--lg));----border-bottom-right-radius:calc(var(--border-bottom-right-radius)*var(--size-multiplier--lg));----border-bottom-left-radius:calc(var(--border-bottom-left-radius)*var(--size-multiplier--lg));----font-size:calc(var(--font-size)*var(--size-multiplier--lg));----padding-top:calc(var(--padding-top)/2*var(--size-multiplier--lg));----padding-right:calc(var(--padding-right)*var(--size-multiplier--lg));----padding-bottom:calc(var(--padding-bottom)/2*var(--size-multiplier--lg));----padding-left:calc(var(--padding-left)*var(--size-multiplier--lg))}.form-group.-light .input-wrapper,.form.-light .input-wrapper,.input-wrapper.-light{----background:var(--color--white);----background--disabled:var(--color--light-25);----border-color:var(--color--light-55);----border-color--hover:var(--color--light-60);----border-color--focus:var(--color--primary);----color:var(--contrast-color-for-light-background);----color--disabled:var(--color--light-75);----clear--background:transparent;----clear--background--hover:var(--color--light-30);----clear--background--active:var(--color--light-40);----clear--color:var(--color--light-70);----placeholder--color:var(--color--light-60);----prefix-suffix--color:var(--color--light-70);----prepend-append--background:var(--color--light)}.form-group.-dark .input-wrapper,.form.-dark .input-wrapper,.input-wrapper.-dark{----background:var(--color--dark);----background--disabled:var(--color--dark-40);----border-color:var(--color--dark-45);----border-color--hover:var(--color--dark-40);----border-color--focus:var(--color--primary);----color:var(--contrast-color-for-dark-background);----color--disabled:var(--color--gray-35);----clear--background:transparent;----clear--background--hover:var(--color--dark-35);----clear--background--active:var(--color--dark-30);----clear--color:var(--color--dark-30);----placeholder--color:var(--color--dark-25);----prefix-suffix--color:var(--color--dark-25);----prepend-append--background:var(--color--dark)}.input-wrapper{display:block;position:relative;vertical-align:middle}.input-wrapper .input-append,.input-wrapper .input-prepend{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:var(----prepend-append--background);font-size:var(----font-size);line-height:var(--input-line-height);padding:0;-webkit-transition-duration:var(--transition-duration);transition-duration:var(--transition-duration);-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-timing-function:var(--transition-easing);transition-timing-function:var(--transition-easing)}.input-wrapper .input-append>*,.input-wrapper .input-prepend>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:auto 1 0px;flex:auto 1 0;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:0;padding-left:var(----prefix-suffix--padding-left);padding-right:var(----prefix-suffix--padding-right)}.input-wrapper .input-append>[class$=-wrapper],.input-wrapper .input-prepend>[class$=-wrapper]{padding-left:0;padding-right:0}.input-wrapper .input-prepend,.input-wrapper .input-prepend>:first-child{border-bottom-left-radius:var(----border-bottom-left-radius);border-top-left-radius:var(----border-top-left-radius)}.input-wrapper .input-append,.input-wrapper .input-append>:last-child{border-bottom-right-radius:var(----border-bottom-right-radius);border-top-right-radius:var(----border-top-right-radius)}.input-wrapper .input{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;background-clip:padding-box;background-color:var(----background);border-color:var(----border-color);border-radius:var(----border-radius);border-style:var(----border-style);border-width:var(----border-width);-webkit-box-shadow:var(----box-shadow);box-shadow:var(----box-shadow);color:var(----color);-ms-flex-direction:row;flex-direction:row;font-size:var(----font-size);-webkit-transition-duration:var(--transition-duration);transition-duration:var(--transition-duration);-webkit-transition-property:background-color,color,border-color,-webkit-box-shadow;transition-property:background-color,color,border-color,-webkit-box-shadow;transition-property:background-color,color,border-color,box-shadow;transition-property:background-color,color,border-color,box-shadow,-webkit-box-shadow;-webkit-transition-timing-function:var(--transition-easing);transition-timing-function:var(--transition-easing)}.input-wrapper .input:hover{----border-color:var(----border-color--hover)}.input-wrapper .input:focus-within{-webkit-box-shadow:var(----box-shadow);box-shadow:var(----box-shadow);outline:0;----border-color:var(----border-color--focus)}.input-wrapper .input>input,.input-wrapper .input>select,.input-wrapper .input>textarea{position:relative;-webkit-box-flex:1;background:transparent;border:0;color:var(----color);-ms-flex:1 0 auto;flex:1 0 auto;line-height:var(----line-height);margin:0;outline:0;padding:var(----padding);width:1%}.input-wrapper .input>input::-ms-expand,.input-wrapper .input>select::-ms-expand,.input-wrapper .input>textarea::-ms-expand{background-color:transparent;border:0}.input-wrapper .input>input::-webkit-input-placeholder,.input-wrapper .input>select::-webkit-input-placeholder,.input-wrapper .input>textarea::-webkit-input-placeholder{color:var(----placeholder--color);opacity:1}.input-wrapper .input>input::-moz-placeholder,.input-wrapper .input>select::-moz-placeholder,.input-wrapper .input>textarea::-moz-placeholder{color:var(----placeholder--color);opacity:1}.input-wrapper .input>input:-ms-input-placeholder,.input-wrapper .input>select:-ms-input-placeholder,.input-wrapper .input>textarea:-ms-input-placeholder{color:var(----placeholder--color);opacity:1}.input-wrapper .input>input::-ms-input-placeholder,.input-wrapper .input>select::-ms-input-placeholder,.input-wrapper .input>textarea::-ms-input-placeholder{color:var(----placeholder--color);opacity:1}.input-wrapper .input>input::placeholder,.input-wrapper .input>select::placeholder,.input-wrapper .input>textarea::placeholder{color:var(----placeholder--color);opacity:1}.input-wrapper .input>input:disabled,.input-wrapper .input>input[readonly],.input-wrapper .input>select:disabled,.input-wrapper .input>select[readonly],.input-wrapper .input>textarea:disabled,.input-wrapper .input>textarea[readonly]{cursor:default;opacity:1}.input-wrapper .input>input[readonly]:focus,.input-wrapper .input>select[readonly]:focus,.input-wrapper .input>textarea[readonly]:focus{outline:0}.input-wrapper .input .input-prefix,.input-wrapper .input .input-suffix{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-color:var(----border-color);color:var(----prefix-suffix--color);font-style:normal;padding-left:var(----prefix-suffix--padding-left);padding-right:var(----prefix-suffix--padding-right);-webkit-transition-duration:var(--transition-duration);transition-duration:var(--transition-duration);-webkit-transition-property:border-color;transition-property:border-color;-webkit-transition-timing-function:var(--transition-easing);transition-timing-function:var(--transition-easing);z-index:1}.input-wrapper .input .input-prefix>button,.input-wrapper .input .input-suffix>button{background:transparent;border:0;color:inherit}.input-wrapper .input .input-prefix{border-right-style:var(----prefix-suffix--border-style);border-right-width:var(----prefix--border-width)}.input-wrapper .input .input-suffix{border-left-style:var(----prefix-suffix--border-style);border-left-width:var(----suffix--border-width)}.input-wrapper .input .input-clear{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-duration:var(--transition-duration);transition-duration:var(--transition-duration);-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-timing-function:var(--transition-easing);transition-timing-function:var(--transition-easing);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(----clear--background);border-radius:100%;color:var(----clear--color);cursor:pointer;height:var(----clear--size);width:var(----clear--size)}.input-wrapper .input .input-clear:focus,.input-wrapper .input .input-clear:hover{----clear--color:var(----clear--color--hover);----clear--background:var(----clear--background--hover)}.input-wrapper .input .input-clear:active{----clear--background:var(----clear--background--active)}.input-wrapper .input .input-clear:before{background-color:var(----clear--color);content:"";height:8px;-webkit-mask-image:url('data:image/svg+xml; utf8, <svg fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><title>times</title><path d="M27.745 22.495c-0-0-0-0-0-0l-8.494-8.494 8.494-8.494c0-0 0-0 0-0 0.091-0.091 0.158-0.198 0.2-0.312 0.116-0.311 0.050-0.675-0.2-0.925l-4.013-4.013c-0.25-0.25-0.614-0.316-0.925-0.2-0.114 0.042-0.221 0.109-0.312 0.2 0 0-0 0-0 0l-8.494 8.494-8.494-8.494c-0-0-0-0-0-0-0.091-0.091-0.198-0.158-0.312-0.2-0.311-0.116-0.675-0.050-0.925 0.2l-4.013 4.013c-0.25 0.25-0.316 0.614-0.2 0.925 0.042 0.114 0.109 0.221 0.2 0.312 0 0 0 0 0 0l8.494 8.494-8.494 8.494c-0 0-0 0-0 0-0.091 0.091-0.157 0.198-0.2 0.312-0.116 0.311-0.050 0.675 0.2 0.925l4.013 4.013c0.25 0.25 0.614 0.316 0.925 0.2 0.114-0.042 0.221-0.109 0.312-0.2 0-0 0-0 0-0l8.494-8.494 8.494 8.494c0 0 0 0 0 0 0.092 0.091 0.198 0.158 0.312 0.2 0.311 0.116 0.675 0.050 0.925-0.2l4.013-4.013c0.25-0.25 0.316-0.614 0.2-0.925-0.042-0.114-0.109-0.221-0.2-0.312z"></path></svg>');mask-image:url('data:image/svg+xml; utf8, <svg fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><title>times</title><path d="M27.745 22.495c-0-0-0-0-0-0l-8.494-8.494 8.494-8.494c0-0 0-0 0-0 0.091-0.091 0.158-0.198 0.2-0.312 0.116-0.311 0.050-0.675-0.2-0.925l-4.013-4.013c-0.25-0.25-0.614-0.316-0.925-0.2-0.114 0.042-0.221 0.109-0.312 0.2 0 0-0 0-0 0l-8.494 8.494-8.494-8.494c-0-0-0-0-0-0-0.091-0.091-0.198-0.158-0.312-0.2-0.311-0.116-0.675-0.050-0.925 0.2l-4.013 4.013c-0.25 0.25-0.316 0.614-0.2 0.925 0.042 0.114 0.109 0.221 0.2 0.312 0 0 0 0 0 0l8.494 8.494-8.494 8.494c-0 0-0 0-0 0-0.091 0.091-0.157 0.198-0.2 0.312-0.116 0.311-0.050 0.675 0.2 0.925l4.013 4.013c0.25 0.25 0.614 0.316 0.925 0.2 0.114-0.042 0.221-0.109 0.312-0.2 0-0 0-0 0-0l8.494-8.494 8.494 8.494c0 0 0 0 0 0 0.092 0.091 0.198 0.158 0.312 0.2 0.311 0.116 0.675 0.050 0.925-0.2l4.013-4.013c0.25-0.25 0.316-0.614 0.2-0.925-0.042-0.114-0.109-0.221-0.2-0.312z"></path></svg>');-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:8px 8px;mask-size:8px 8px;width:8px}.input-wrapper.-appended,.input-wrapper.-prepended{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.input-wrapper.-appended>.input,.input-wrapper.-prepended>.input{-ms-flex-negative:1;flex-shrink:1}.input-wrapper.-prepended>.input{border-bottom-left-radius:0;border-top-left-radius:0}.input-wrapper.-appended>.input{border-bottom-right-radius:0;border-top-right-radius:0}.input-wrapper.-error>.input{----border-color:var(--color--danger)}.input-wrapper.-disabled>.input,.input-wrapper.-readonly>.input{----color:var(----color--disabled);----background:var(----background--disabled)}.input-wrapper.-disabled>.input:hover,.input-wrapper.-readonly>.input:hover{border-color:var(----border-color)}.input-wrapper.-disabled>.input>input:disabled,.input-wrapper.-disabled>.input>input[readonly],.input-wrapper.-disabled>.input>select:disabled,.input-wrapper.-disabled>.input>select[readonly],.input-wrapper.-disabled>.input>textarea:disabled,.input-wrapper.-disabled>.input>textarea[readonly],.input-wrapper.-readonly>.input>input:disabled,.input-wrapper.-readonly>.input>input[readonly],.input-wrapper.-readonly>.input>select:disabled,.input-wrapper.-readonly>.input>select[readonly],.input-wrapper.-readonly>.input>textarea:disabled,.input-wrapper.-readonly>.input>textarea[readonly]{----color:var(----color--disabled)}.input-wrapper.-readonly>.input:focus-within{outline:0;----border-color:var(----border-color--focus)}