:host {
    rtui-scrollable {
        --rt-scrollable-header-padding: 0;
        --rt-scrollable-content-padding: 0;
        --rt-scrollable-footer-padding: 0;
        // TODO: fix styles affect x-scroll
        --rt-scrollable-content-flex-direction: row;

        @supports (height: 100dvh) {
            --rt-scrollable-host-height: 100dvh;
        }
    }

    rtui-toolbar {
        --rt-toolbar-body-height: 6rem;
        --rt-toolbar-body-mobile-height: 6rem;
        --rt-toolbar-body-padding: 0;
        --rt-toolbar-bars-border-bottom-width: 0;
    }
}