.input-container[data-v-ff365e6d],.input-with-icon[data-v-ff365e6d]{position:relative;width:100%}.input-container[data-v-ff365e6d]{align-items:center;display:flex}.input-field[data-v-ff365e6d]{background-color:var(--background-color);border:1px solid var(--border-accent);border-radius:8px;color:var(--text-color,#fff);font-size:1rem;padding:.65rem;transition:border-color .3s ease;width:100%}.input-field[data-v-ff365e6d]:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #ffc9001a;outline:none}.input-field[data-v-ff365e6d]::-moz-placeholder{color:#ffffff80}.input-field[data-v-ff365e6d]::placeholder{color:#ffffff80}.has-icon-left .input-field[data-v-ff365e6d]{padding-left:3.5rem}.has-icon-right .input-field[data-v-ff365e6d]{padding-right:3.5rem}.icon-container[data-v-ff365e6d]{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:3rem}.icon-container.left[data-v-ff365e6d]{left:.25rem}.icon-container.right[data-v-ff365e6d]{right:0}.icon-container.clickable[data-v-ff365e6d]{cursor:pointer}.icon-container .icon-button[data-v-ff365e6d]{align-items:center;background-color:var(--primary-color,#ffc900);border:none;border-radius:2px;color:#000;cursor:pointer;display:flex;height:2rem;justify-content:center;padding:.5rem;transition:all .3s ease;width:2rem}.icon-container .icon-button[data-v-ff365e6d]:hover{background-color:#ffc900cc;transform:scale(1.05)}.icon-container .icon-button[data-v-ff365e6d]:focus{box-shadow:0 0 0 2px #ffc9004d;outline:none}.icon-container[data-v-ff365e6d] svg{height:1rem;width:1rem}