.input-field{box-sizing:border-box;display:inline-block;font-size:1rem;line-height:1.5rem;min-width:200px;& *{box-sizing:border-box}.input-label{display:inline-block;font-size:.75rem;width:100%}.input-field-content{align-items:center;background:var(--background-input);border:2px solid var(--border);cursor:pointer;display:flex;font-size:inherit;line-height:inherit;padding:0 .25rem;width:100%;&.input-field-disabled{color:var(--foreground-alt);.input-field-icon{color:var(--foreground-alt)}}&.input-field-invalid.input-field-touched{border-color:var(--failure);box-shadow:0 0 7px 0 var(--failure);&:has(input:focus){border-color:var(--failure);box-shadow:0 0 8px -2px var(--failure)}}&:has(.focused),&:has(button.input-field-action:focus),&:has(input:focus){border-color:var(--background);box-shadow:0 0 7px 0 var(--interactive);outline:solid 2px var(--interactive)}.input-field-action{cursor:pointer;display:flex;font-size:inherit;line-height:inherit;padding:.5rem 0}.input-field-icon{color:var(--interactive)}.input-field-value{color:inherit;overflow:hidden;white-space:nowrap}input::-moz-placeholder{color:var(--foreground-alt);font-style:italic}.input-field-placeholder,input::placeholder{color:var(--foreground-alt);font-style:italic}.input-field-icon,.input-field-reset,button.icon.input-field-icon{align-items:center;border-radius:50%;display:flex;flex:0 0 auto;height:1.5rem;justify-content:center;width:1.5rem}}}.input-checkbox{label{cursor:pointer;overflow:hidden;position:relative;width:100%;input{+div{width:0}~.input-checkbox-text-checked,~.input-checkbox-text-unchecked{display:flex;font-size:inherit;left:0;padding:inherit;position:absolute;right:0;top:200%;transition:top .6s ease-in-out;white-space:pre}&:checked~.icon-checked,&:checked~.input-checkbox-text-checked,&:not(:checked)~.icon-unchecked,&:not(:checked)~.input-checkbox-text-unchecked{top:0}}}}.input-file{label.input-field-action{display:block;width:100%}}.context-menu{inset:0;position:fixed;z-index:9999;.context-menu-close{inset:0;position:fixed;z-index:0}.context-menu-content{background:var(--background);border:1px solid var(--border);border-radius:.25rem;box-shadow:var(--shadow-low);height:-moz-min-content;height:min-content;position:fixed;width:-moz-fit-content;width:fit-content;z-index:1}}.input-select{button{&[data-v-de9a9765]{color:inherit;padding:0;text-align:left;width:100%}&.input-field-action[data-v-de9a9765]:focus{outline:none}}}.input-select-list{&[data-v-de9a9765]{background:var(--background-input);border:2px solid var(--background-input);box-sizing:border-box;display:block;margin:0;max-height:200px;outline:solid 2px var(--interactive);overflow-y:auto;padding:0}button{&[data-v-de9a9765]{background:none;box-sizing:border-box;display:block;line-height:1.75rem;padding:.5rem 1rem;text-align:left;width:100%}&[data-v-de9a9765]:hover{color:var(--interactive)}}button[data-v-de9a9765]:hover{background:var(--background-input)}button.selected[data-v-de9a9765]:before{content:"★";float:right}}.input-text{.input-field-content{label{display:flex;width:100%;input{background:none;border:none;color:inherit;display:block;flex:1 1 auto;font-size:inherit;line-height:inherit;min-width:0;outline:none;padding:0;width:1px}}}}