.return-form
{

    display: flex;
    flex-direction: column;
    gap: 1em;
    --primary-color: #334A8D;


    input[type="text"],
    input[type="email"],
    input[type="tel"],
    select,
    textarea
    {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 0.5em 1em;
        font-weight: 400;
        margin-bottom: 1rem;
    }

    input[readonly]
    {
        opacity: 0.6;
        cursor: not-allowed;
    }

     input.bank-account-field
    {
        display: none;

        &.active
        {
            display: block;
        }
    }

    select[name="order_id"]
    {

        &.loading
        {
            animation: pulse 1.5s infinite;
            cursor: wait;

            option
            {
                pointer-events: none;
            }

            @keyframes pulse
            {
                0%
                {
                    opacity: 1;
                }

                50%
                {
                    opacity: 0.5;
                }

                100%
                {
                    opacity: 1;
                }
            }
        }
    }

    label.gdpr
    {
        margin-bottom: 1rem;
        display: flex;
        align-items: flex-start;
        gap: 0.5em;

        span
		{
			font-size: 0.9em;
			line-height: 1.6;
			margin: 0px;

            > * {
                font-size: 1em;
                line-height: 1.6;
            }
		}

        input {
            top: 2px;
            position: relative;
        }
    }

    .refund-price-wrapper
    {
        position: relative;
        top: -1em;
        margin-bottom: -1em;
    }

    .refund-method
    {
        display: flex;
        flex-direction: column;
        gap: 0.5em;

        .refund-method-option
        {
            display: flex;
            align-items: center;
            gap: 0.5em;
        }
    }

    .refund-items-wrapper
    {
        border: 1px solid var(--primary-color);
        padding: 1em;
        margin: 0.5rem 0;
        transition: opacity 0.3s ease;
        display: flex;
        flex-direction: column;
        gap: 0.5em;

        .refund-item
        {
            display: flex;
            align-items: center;
            gap: 0.5em;
        }

        &.loading
        {
            animation: pulse 1.5s infinite;
            cursor: wait;

            *
            {
                pointer-events: none;
            }

            @keyframes pulse
            {
                0%
                {
                    opacity: 1;
                }

                50%
                {
                    opacity: 0.5;
                }

                100%
                {
                    opacity: 1;
                }
            }
        }

        p
        {
            margin: 0;
        }
    }
}