@media screen and (orientation: portrait) {
    .sidebar {
        position: fixed;
        left: -66vw;
        top: 0;
        bottom: 0;
        padding: 32px 24px;
        min-width: calc(66vw - 48px);
        max-width: calc(66vw - 48px);
        height: calc(100vh - 64px);
        transition: all 0.5s;
        z-index: 1000;
        border-radius: 0 48px 0 0;
    }

    .logo-icon {
        filter: var(--on-accent-light-background-filter);
    }

    .sidebar h2 {
        margin: 0;
        font-weight: 900;
        font-style: normal;
        color: var(--primary-text-color);
    }

    .sidebar strong {
        margin: 0;
        margin-left: 4px;
        font-weight: 900;
        font-style: normal;
        color: var(--on-accent-light-background-color);
    }

    .sidebar.expanded {
        left: 0;
    }

    .tabs-group a {

    }

    .sidebar .premium-banner {
        visibility: hidden;
    }
}