﻿
.SettingsView {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 90svw;
    display: flex;
    flex-direction: column;
    row-gap:10px;
    background-color: var(--GlassColor);
    backdrop-filter: var(--GlassBlur);
    -webkit-backdrop-filter: var(--GlassBlur);
    padding: 35px 20px;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    z-index: var(--ModalDepth);
}

.SettingsView div {
    width: 100%;
    display: flex;
    flex-direction: row;
    column-gap: 10px;
}

.SettingsView span {
    color: var(--FontOppositeColor);
}

.SettingsView div button {
    display: flex;
    justify-content: center;
    align-items:center;
    flex-grow: 0.3;
    background-color: var(--ThemeColorSecondary);
}
.SettingsView div button:last-child {
    flex-grow: 1;
    background-color: var(--ThemeColor);
}

