.container {
    border-radius: rem(40);
    background-color: white;
    @mixin dark {
        background-color: var(--mantine-color-dark-8);
        box-shadow: 5px 5px 30px 1px var(--mantine-color-dark-6);
    }
    @mixin light {
        box-shadow: 5px 5px 24px rgba(0, 0, 0, 0.16);
    }
    padding: rem(35);
}

.container-full-height {
    min-height: calc(100vh - (rem(20) * 2));
}

.container-full-height-fixed {
    height: calc(100vh - (rem(20) * 2));
}

.container-no-border-radius {
    border-radius: 0 !important;
}

.container-full-screen-mobile {
    @media (max-width: 48em) {
        min-height: 100vh;
        height: 100vh;
        width: 100vw;
        border-radius: 0 !important;
        padding: rem(40) rem(20) rem(20);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 100;
        overflow-y: auto;
    }
}