.op-input-wrapper[data-v-7c2f835a]{position:relative;width:100%}.op-input[data-v-7c2f835a]{background:#ffffff08;border:1px solid rgba(0,214,252,.3);border-radius:8px;color:#fff;font-family:inherit;font-size:.95rem;outline:none;padding:.75rem 1rem;transition:all .25s ease;width:100%}.op-input[data-v-7c2f835a]::-moz-placeholder{color:#6b7280}.op-input[data-v-7c2f835a]::placeholder{color:#6b7280}.op-input[data-v-7c2f835a]:hover:not(:disabled){border-color:#00d6fc80;box-shadow:0 0 12px #00d6fc26}.op-input[data-v-7c2f835a]:focus:not(:disabled){border-color:#00d6fc99;box-shadow:0 0 0 3px #00d6fc1a}.op-input[data-v-7c2f835a]:disabled{cursor:not-allowed;opacity:.5}.op-input.has-error[data-v-7c2f835a]{border-color:#ef444480}.op-input.has-error[data-v-7c2f835a]:focus{border-color:#ef4444b3;box-shadow:0 0 0 3px #ef44441a}.op-input-count[data-v-7c2f835a]{bottom:-1.5rem;color:#6b7280;font-size:.75rem;position:absolute;right:0}