/*
 * components/form.css — single source for .bx-input / form styles
 *
 * Extracted in M5 from:
 *   main.v28.css lines 3630-3738 (the main .bx-input* block)
 *
 * NOT MIGRATED (still in main, multi-selector / context-specific):
 *   line 41   — .bx-input__input label inside text-transform group
 *   line 806  — .bx-input:last-child (in another selector group)
 *   line 3488 — .bx-input--select:before (in slot/select context)
 *   line 9846/9854/10020/10098 — .bx-input__input.glxb modifiers
 *
 * Loaded AFTER main.v28.css to preserve cascade.
 */

/* === Position context (was main:3630 with .help/.slot_games — split) === */
.bx-input,
.bx-input__input {
    position: relative;
}

/* === Base .bx-input === */
.bx-input {
    width: 100%;
    margin-bottom: 10px !important;
}

/* === Inner input wrapper === */
.bx-input__input {
    border-radius: 15px;
    padding: 0 20px;
}

.bx-input__input label {
    height: 42px;
    font-weight: 600;
    color: #475a89;
}

.bx-input__input input,
.popup .bx-input__input input {
    height: 55px;
    color: #7987ae;
    color: white;
    text-align: right;
    font-weight: 500;
}

.bx-input__input input::placeholder,
.popup .bx-input__input input::placeholder {
    color: #7987ae;
}

.bx-input__input input {
    width: 90px;
}

.popup .bx-input__input input {
    width: -webkit-fill-available;
}

.bx-input__input input::-webkit-input-placeholder {
    color: rgba(120, 135, 174, .5);
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
}

.bx-input__input input:focus::-webkit-input-placeholder {
    opacity: 0;
}

.bx-input__input .icon {
    margin-left: 0;
    color: var(--color-btn-accent, #e04545);
}

/* === Sub-elements === */
.bx-input__text {
    color: #7887ae;
    font-weight: 500;
    font-size: 1.3rem;
}

.bx-input__btn {
    margin-top: 10px;
}

.bx-input__btn .btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}