:root { --form-details-error-color: var(--color-danger); --form-details-length-color: #888; --form-details-margin-top: 6px; --form-details-font-size: 12px; --form-details-message-margin-right: 4px;}.var-form-details-enter,.var-form-details-leave-to { opacity: 0; margin-top: 2px !important;}.var-form-details-enter-active,.var-form-details-leave-active { transition: 0.2s all var(--cubic-bezier);}.var-form-details { display: flex; justify-content: space-between; font-size: var(--form-details-font-size); margin-top: var(--form-details-margin-top);}.var-form-details__message { flex-grow: 1; color: var(--form-details-error-color); margin-right: var(--form-details-message-margin-right); user-select: none; text-align: left;}.var-form-details__length { flex-shrink: 0; color: var(--form-details-length-color); user-select: none; text-align: right;}