.wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 475px;
    background: var(--container-global-color, #FCFCFC);
    box-shadow: var(--shadow-floating);
    overflow: hidden;

    & .main {
        flex: 1;
        overflow-y: auto;
    }

    & .footer {
        display: flex;
        flex-direction: column;
        border-top: 1px solid var(--border-outline-color, rgba(0, 0, 0, 0.08));
        flex: 0;
        
        & .logo {
            height: 96px;
            width: 100%;
        }

        nav {
            border-bottom: 1px solid var(--border-outline-color, rgba(0, 0, 0, 0.08));
        }
    }
}

::slotted([slot="logo"]) {
    width: 100%;
}

ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Mobile override */
@media (max-width: 500px) {
    .wrapper {
        width: 100vw;
        max-width: 100vw;
        height: 100dvh;
    }
}