.form-container .errors{border-radius:var(--default-border-radius);border:1px solid hsla(var(--comp-error), 1);background:hsla(var(--comp-error), .2);color:hsla(var(--comp-error), 1);margin:0 0 16px;padding:8px}.form-container .errors li{margin:0 0 8px 16px;padding:0}.form-container .errors li:last-of-type{margin-bottom:0}.comp-scrollable-container.input-autocomplete{height:auto;position:absolute}.input-autocomplete{border-radius:0 0 var(--default-border-radius) var(--default-border-radius);z-index:10;background:hsla(var(--background-container), 1);border:1px solid hsla(var(--comp-primary-dark2), 1);-webkit-box-shadow:0 4px 8px hsla(var(--comp-dark), .25);box-shadow:0 4px 8px hsla(var(--comp-dark), .25);margin-top:-4px;padding:8px}.input-autocomplete.non-scrollable{padding:0}.input-autocomplete ul{background:inherit;width:100%;height:auto;margin:0;padding:0;list-style-type:none}.input-autocomplete ul li{color:inherit;cursor:pointer;text-overflow:ellipsis;border-bottom:1px solid #0000;border-bottom-color:hsla(var(--comp-secondary-light2), 1);width:100%;padding:8px;overflow:hidden}.input-autocomplete ul li:last-of-type{border-bottom:0}.input-autocomplete ul li strong{color:hsla(var(--comp-primary-dark1), 1)}.input-autocomplete ul li:hover,.input-autocomplete ul li:focus{background-color:hsla(var(--comp-primary-dark2), 1);color:hsla(var(--comp-typo-primary), 1)}.input-autocomplete ul li:hover strong,.input-autocomplete ul li:focus strong{color:var(--comp-bright)}:root{--default-grid-pixels:8px;--default-header-height:64px}.input-text{display:inline-block;position:relative}.input-text>label{color:hsla(var(--comp-typo-secondary), 1);padding-bottom:8px;display:flex}.input-text>label>span{margin-right:8px;position:relative}.input-text>label>span:only-child{margin-right:0}.input-text>label .label-icon{cursor:pointer;margin-left:auto}.input-text>label .label-icon .comp-icon{font-size:1.5rem}.input-text a.info{display:flex}.input-text>span{color:hsla(var(--comp-typo-secondary), 1);margin-top:4px;font-size:1.2rem;transition:color .3s;display:block}.input-text>span:empty:before{content:"​"}.input-text>div:not(.input-autocomplete){display:flex}.input-text>div:not(.input-autocomplete)>div{border-radius:var(--default-border-radius);background-color:#0000;border:1px solid #0000;outline:0;flex:1;align-items:center;max-height:32px;font-family:inherit;transition:border .3s,border-color .3s;display:flex;position:relative}.input-text>div:not(.input-autocomplete)>div .comp-icon{-webkit-user-select:none;user-select:none}.input-text>div:not(.input-autocomplete)>div input{width:100%;min-height:32px}.input-text>div:not(.input-autocomplete)>div input::-webkit-input-placeholder{color:currentColor;-webkit-user-select:none;user-select:none;opacity:.6}.input-text>div:not(.input-autocomplete)>div input:-ms-placeholder-shown{color:currentColor;-webkit-user-select:none;user-select:none;opacity:.6}.input-text>div:not(.input-autocomplete)>div input::-moz-placeholder{color:currentColor;-webkit-user-select:none;user-select:none;opacity:.6}.input-text>div:not(.input-autocomplete)>div input::placeholder{color:currentColor;-webkit-user-select:none;user-select:none;opacity:.6}.input-text>div:not(.input-autocomplete)>div input:focus+.comp-icon{animation:.3s blip}.input-text>div:not(.input-autocomplete)>div.icon.left{flex-direction:row-reverse}.input-text>div:not(.input-autocomplete)>div.icon.left .comp-icon{margin-right:8px}.input-text>div:not(.input-autocomplete)>div.icon.right{flex-direction:row}.input-text>div:not(.input-autocomplete)>div.icon.right .comp-icon{margin-left:8px}.input-text.btn-right button,.input-text.btn-left button{color:currentColor;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid;outline:0;justify-content:center;align-items:center;height:32px;margin:0;padding:0;display:flex}.input-text.btn-right button.icon,.input-text.btn-left button.icon{width:36px}.input-text.btn-right button.text,.input-text.btn-left button.text{min-width:36px;padding:0 8px}.input-text.btn-right button:focus .comp-icon,.input-text.btn-left button:focus .comp-icon{animation:.3s blip}.input-text.btn-right button>.comp-icon,.input-text.btn-left button>.comp-icon{margin:0}.input-text.btn-right>div:not(.input-autocomplete)>div{border-radius:var(--default-border-radius) 0 0 var(--default-border-radius)}.input-text.btn-right button,.input-text.btn-left>div:not(.input-autocomplete)>div{border-radius:0 var(--default-border-radius) var(--default-border-radius) 0}.input-text.btn-left button{border-radius:var(--default-border-radius) 0 0 var(--default-border-radius)}.input-text.primary>div:not(.input-autocomplete)>div,.input-text.secondary>div>div{padding:4px 8px}.input-text.primary{color:hsla(var(--comp-typo-primary), 1)}.input-text.primary>div:not(.input-autocomplete)>div{background-color:hsla(var(--comp-primary-dark2), 1);border-color:hsla(var(--comp-primary-dark2), 1)}.input-text.primary.btn-right button,.input-text.primary.btn-left button{border-color:hsla(var(--comp-primary-dark1), 1);background-color:hsla(var(--comp-primary-dark1), 1);color:hsla(var(--comp-typo-primary), 1)}.input-text.primary.btn-right button:hover,.input-text.primary.btn-right button:focus,.input-text.primary.btn-right.btn-down button,.input-text.primary.btn-left button:hover,.input-text.primary.btn-left button:focus,.input-text.primary.btn-left.btn-down button{border-color:hsla(var(--comp-primary), 1);background-color:hsla(var(--comp-primary), 1)}.input-text.fill{width:100%}.input-text.uppercase{text-transform:none}.input-text.uppercase input{text-transform:uppercase}.input-text.right-align input{text-align:right}.input-text.secondary{color:hsla(var(--comp-typo-secondary), 1)}.input-text.secondary>div:not(.input-autocomplete)>div{background-color:hsla(var(--comp-secondary-light3), 1);border-color:hsla(var(--comp-secondary-light3), 1)}.input-text.secondary.btn-right button,.input-text.secondary.btn-left button{border-color:hsla(var(--comp-secondary-light3), 1);color:hsla(var(--comp-typo-secondary), 1)}.input-text.secondary.btn-right button:hover,.input-text.secondary.btn-right button:focus,.input-text.secondary.btn-right.btn-down button,.input-text.secondary.btn-left button:hover,.input-text.secondary.btn-left button:focus,.input-text.secondary.btn-left.btn-down button{border-color:hsla(var(--comp-primary-dark2), 1);background-color:hsla(var(--comp-primary-dark2), 1);color:hsla(var(--comp-typo-primary), 1)}.input-text.invalid>div:not(.input-autocomplete)>div,.input-text.server-response>div:not(.input-autocomplete)>div{background-color:hsla(var(--comp-error), .2);border-color:hsla(var(--comp-error), 1)}.input-text.invalid.btn-right button,.input-text.server-response.btn-right button{border-color:hsla(var(--comp-error), 1);border-left:0}.input-text.invalid.btn-left button,.input-text.server-response.btn-left button{border-color:hsla(var(--comp-error), 1);border-right:0}.input-text.invalid>span,.input-text.invalid>label,.input-text.server-response>span,.input-text.server-response>label{color:hsla(var(--comp-error), 1)}.input-text.clickable-icon>div:not(.input-autocomplete)>div .comp-icon{cursor:pointer;-webkit-user-select:none;user-select:none}.input-text.disabled,.input-text.disabled label,.input-text.disabled input{cursor:not-allowed}.input-text.has-variables>div:not(.input-autocomplete)>div{border-color:hsla(var(--comp-primary), 1)}.input-text.has-invalid-variables>div:not(.input-autocomplete)>div{border-color:hsla(var(--comp-error), 1);background-color:hsla(var(--comp-error), .1)}