#settings {
    padding: 24px 16px;

    .setting-options {
        border-left: thin solid #E3EAF3;
    }

    & > div {
        flex: 1;
    }

    .switch {
        gap: 8px;
    }

    .line-break {
        background: #E3EAF3;
        height: 1px;
        width: 100%;
    }
}

.loading {
    inset: 0;
    background: rgba(255, 255, 255, 0.85);
    display: grid;
    place-items: center;
    margin-top: 3rem;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(0, 0, 0, 0.15);
    border-top-color: #6C70DC;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

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

@media (max-width: 992px) {
    #settings {
        flex-direction: column;

       .setting-options > div{
            padding: 0 !important;
        }

        .setting-options {
            border-left: none;
        }
    }
}