:root{--default-grid-pixels:8px;--default-header-height:64px}.input-tag{display:inline-block;position:relative}.input-tag>label{color:hsla(var(--comp-typo-secondary), 1);padding-bottom:8px;display:block}.input-tag>span{color:hsla(var(--comp-typo-secondary), 1);margin-top:4px;font-size:1.2rem;transition:color .3s;display:block}.input-tag>span:empty:before{content:"​"}.input-tag>div:not(.input-autocomplete){display:flex}.input-tag>div:not(.input-autocomplete)>div{border-radius:var(--default-border-radius);background-color:#0000;border:1px solid #0000;outline:0;flex-wrap:wrap;flex:1;align-items:center;min-height:32px;font-family:inherit;transition:border .3s,border-color .3s;display:flex;position:relative}.input-tag>div:not(.input-autocomplete)>div .comp-icon{-webkit-user-select:none;user-select:none;margin-right:8px}.input-tag>div:not(.input-autocomplete)>div span.chip{background:hsla(var(--comp-secondary), 1);color:hsla(var(--comp-bright), 1);-webkit-user-select:none;user-select:none;cursor:default;border-radius:4px;flex:0 auto;justify-content:space-between;align-items:center;margin:2px 8px 2px 0;padding:2.66667px 4px 2.66667px 8px;display:inline-flex;position:relative}.input-tag>div:not(.input-autocomplete)>div span.chip>.comp-icon{color:hsla(var(--comp-bright), 1);cursor:pointer;border-radius:100%;width:16px;height:16px;margin-left:8px;margin-right:0;padding:2px}.input-tag>div:not(.input-autocomplete)>div input{flex:1;min-width:64px;min-height:22px;margin:4px 0}.input-tag>div:not(.input-autocomplete)>div input::-webkit-input-placeholder{color:currentColor;-webkit-user-select:none;user-select:none;opacity:.6}.input-tag>div:not(.input-autocomplete)>div input:-ms-placeholder-shown{color:currentColor;-webkit-user-select:none;user-select:none;opacity:.6}.input-tag>div:not(.input-autocomplete)>div input::-moz-placeholder{color:currentColor;-webkit-user-select:none;user-select:none;opacity:.6}.input-tag>div:not(.input-autocomplete)>div input::placeholder{color:currentColor;-webkit-user-select:none;user-select:none;opacity:.6}.input-tag>div:not(.input-autocomplete)>div input:focus+.comp-icon{animation:.3s blip}.input-tag.btn-right button,.input-tag.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-tag.btn-right button.icon,.input-tag.btn-left button.icon{width:36px}.input-tag.btn-right button.text,.input-tag.btn-left button.text{min-width:36px;padding:0 8px}.input-tag.btn-right button:focus .comp-icon,.input-tag.btn-left button:focus .comp-icon{animation:.3s blip}.input-tag.btn-right button>.comp-icon,.input-tag.btn-left button>.comp-icon{margin:0}.input-tag.btn-right>div:not(.input-autocomplete)>div{border-radius:var(--default-border-radius) 0 0 var(--default-border-radius)}.input-tag.btn-right button,.input-tag.btn-left>div:not(.input-autocomplete)>div{border-radius:0 var(--default-border-radius) var(--default-border-radius) 0}.input-tag.btn-left button{border-radius:var(--default-border-radius) 0 0 var(--default-border-radius)}.input-tag.primary>div:not(.input-autocomplete)>div,.input-tag.secondary>div>div{padding:0 8px}.input-tag.primary{color:hsla(var(--comp-typo-primary), 1)}.input-tag.primary>div:not(.input-autocomplete)>div{background-color:hsla(var(--comp-primary-dark2), 1);border-color:hsla(var(--comp-primary-dark2), 1)}.input-tag.primary.btn-right button,.input-tag.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-tag.primary.btn-right button:hover,.input-tag.primary.btn-right button:focus,.input-tag.primary.btn-right.btn-down button,.input-tag.primary.btn-left button:hover,.input-tag.primary.btn-left button:focus,.input-tag.primary.btn-left.btn-down button{border-color:hsla(var(--comp-primary), 1);background-color:hsla(var(--comp-primary), 1)}.input-tag.fill{width:100%}.input-tag.secondary{color:hsla(var(--comp-typo-secondary), 1)}.input-tag.secondary>div:not(.input-autocomplete)>div{background-color:hsla(var(--comp-secondary-light3), 1);border-color:hsla(var(--comp-secondary-light3), 1)}.input-tag.secondary.btn-right button,.input-tag.secondary.btn-left button{border-color:hsla(var(--comp-secondary-light3), 1);background-color:hsla(var(--comp-bright), 1);color:hsla(var(--comp-typo-secondary), 1)}.input-tag.secondary.btn-right button:hover,.input-tag.secondary.btn-right button:focus,.input-tag.secondary.btn-right.btn-down button,.input-tag.secondary.btn-left button:hover,.input-tag.secondary.btn-left button:focus,.input-tag.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-tag.noBackground>div:not(.input-autocomplete)>div{background-color:#0000;border-color:#0000}.input-tag.invalid>div:not(.input-autocomplete)>div{background-color:hsla(var(--comp-error), .2);border-color:hsla(var(--comp-error), 1)}.input-tag.invalid.btn-right button{border-color:hsla(var(--comp-error), 1);border-left:0}.input-tag.invalid.btn-left button{border-color:hsla(var(--comp-error), 1);border-right:0}.input-tag.invalid>span,.input-tag.invalid>label{color:hsla(var(--comp-error), 1)}
