.joltemo-input{position:relative;& input{padding:var(--input-padding);height:var(--input-height);-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color-primary-80);background-color:var(--color-background-40);border-radius:var(--border-radius);border:1px solid var(--color-primary-70);overflow:hidden;&::-moz-placeholder{color:var(--color-primary-40);font-size:.875rem}&::placeholder{color:var(--color-primary-40);font-size:.875rem}}&.joltemo-input--editing{& input{border-style:dotted;border-color:transparent transparent var(--color-accent-100) transparent;&:focus{outline:2px solid var(--color-accent-100)}}}}.joltemo-input__clear-button{position:absolute;right:0;bottom:0;padding:.25rem;cursor:pointer;transition:background-color .1s ease-in-out;&:hover{background-color:var(--color-primary-70);svg{color:var(--color-primary-20)}}}