@import "./app.variables";

.grid-container {
    row-gap: size(2);
}

.main {
    padding-top: size(7);

    @media (min-width: 800px) {
        padding-top: 0;
    }
}

.MuiPopover-root {
    z-index: 99999999 !important;
}

.offline-mode, .cloud-not-installed {
    background: var(--upper-gradient);
    width: 100%;
    color: white;
    margin: -6px 0 0 0;
    display: flex;
    align-items: center;

    > div {
        padding: size(1.5) size(4);
        display: flex;
        align-items: center;
    }

    svg {
        padding-right: size(1);
    }
}

.cloud-not-installed {
    background: linear-gradient(90deg,  hsl(170deg 48% 34%) 0%, hsl(127deg 62% 31%) 58.33%, hsl(278deg 16% 42%) 100%);
}