#firecheckout-form #shipping-method {
    position: relative;
}

#firecheckout-form #shipping-method.loading {
    user-select: none;
    pointer-events: none;
}

#firecheckout-form #shipping-method.loading .loader {
    opacity: 1;
    visibility: visible;
}

#firecheckout-form #shipping-method .loader {
    & {
        opacity: 0;
        visibility: hidden;
        background: rgba(255, 255, 255, .65);
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .spin {
        fill: #555;
        animation: spin 1s ease infinite;
        width: 35px;
        height: 35px;
    }
}

@keyframes spin {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}