.joltemo-input{position:relative;display:flex;flex-direction:column;gap:.5rem;& 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);&::-moz-placeholder{color:var(--color-primary-40)}&::placeholder{color:var(--color-primary-40)}}}.joltemo-input__clear-button{position:absolute;right:.5rem;bottom:.5rem;padding:.25rem;background-color:transparent;border-radius:50%;border:none;cursor:pointer;transition:background-color .1s ease-in-out;svg{width:1.5rem;height:1.5rem;color:var(--color-accent-20)}&:hover{background-color:var(--color-primary-70);svg{color:var(--color-primary-20)}}}