@media(max-width:768px) {
    [data-sidebar] {
        display: none
    }

    [data-sidebar][data-mobile-open] {
        display: flex;
        position: fixed;
        inset: 0;
        z-index: var(--k-z-modal);
        width: 280px
    }

    dialog {
        width: calc(100vw - 1rem)
    }

    [data-drawer-panel] {
        width: 100%;
        max-width: 100%
    }

    h1 {
        font-size: 1.875rem
    }

    h2 {
        font-size: 1.5rem
    }
}