@media(max-width:800px){.mainview-menu{border-top:solid 1px var(--thin-line-color)}.components:not(.components-overview-layout){flex:none;display:grid;overflow-x:clip;grid-template-columns:minmax(0,1fr);min-height:0}.components.components-overview-layout{display:flex;flex-direction:column}.layout-container:has(>main>.components.components-overview-layout) .mobile-menu.show{flex-shrink:1;min-height:0;max-height:min(70dvh,calc(100svh - 3.5rem));overflow-y:auto}.mainview-content{display:flex;flex-direction:column}.mainview-main{flex:1 1 0;min-height:0}.mainview-bottom-panel{display:flex;flex-direction:column;flex:0 0 auto;height:min(44vh,360px);min-height:200px;border-top:solid 1px var(--thin-line-color)}.mainview-bottom-tabs{display:flex;flex:0 0 auto;gap:4px;padding:6px 8px 0;color:var(--main-100)}.mainview-bottom-tab{flex:1 1 0;padding:8px 12px;border:none;border-radius:var(--global-border-radius) var(--global-border-radius) 0 0;color:var(--main-200);background:var(--main-700);font:inherit;font-size:var(--fontsize-normal);cursor:pointer;transition:background .2s,color .2s}.mainview-bottom-tab:hover{color:var(--button-color);background:var(--main-500)}.mainview-bottom-tab.active{color:var(--button-color);background:var(--purple)}.mainview-bottom-body{display:flex;flex:1 1 0;min-height:0;overflow:hidden;background:var(--main-900)}.mainview-bottom-tab-panel{display:none;flex:1 1 0;min-height:0;min-width:0;overflow:hidden}.mainview-bottom-tab-panel.active{display:flex;flex-direction:column}.mainview-bottom-tab-panel--properties .properties-panel{flex:1 1 0;min-height:0;overflow-y:auto}.mainview-bottom-tab-panel--code #mainview-code-block{flex:1 1 0;min-height:0;overflow:auto}.mainview-bottom-tab-panel--code console-panel{flex:1 1 0;min-height:0}.mainview-menu .title{display:none}.mainview-menu .action-button-icon svg{width:28px;height:28px}.mainview-menu>.action-button-icon{padding:4px 6px}.components .filter-bar{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;gap:6px;padding:6px 8px}.components .filter-bar.filter-bar--mobile-select{flex-wrap:wrap;overflow:visible}.components .filter-bar.filter-bar--mobile-select .filter-bar-select{flex:1 1 auto;min-width:0;width:100%;max-width:100%;height:36px}.components .filter-bar.filter-bar--mobile-select .filter-bar-mode-toggle{flex:0 0 auto;min-height:36px}.components .filter-bar::-webkit-scrollbar{display:none}.components .filter-bar button{flex:0 0 auto;min-height:36px;padding:6px 12px;white-space:nowrap;font-size:var(--fontsize-small)}.components .panel{padding:10px;gap:10px}.components{--card-width: min(280px, 100%)}.components.components-card-wide{--card-width: min(300px, 100%)}pre[class*=language-]:after,pre[class*=language-]:before{bottom:14px;box-shadow:none}.mainview-main-component .component-palette{width:10px}}