.menu-demo-container{z-index:10;justify-content:center;align-items:center;display:inline-flex;position:relative}#simple-menu-demo{--md-menu-container-color:var(--md-sys-color-surface-container);--md-menu-container-elevation:var(--md-sys-level2);--md-menu-container-shape:var(--md-sys-shape-corner-medium);z-index:1000;min-width:224px;max-width:280px}#complex-menu-demo{--md-menu-container-color:var(--md-sys-color-surface-container);--md-menu-container-elevation:var(--md-sys-level2);--md-menu-container-shape:var(--md-sys-shape-corner-medium);z-index:1000;min-width:280px;max-width:320px}md-menu{z-index:1000;border-radius:var(--md-sys-shape-corner-medium);overflow:visible}md-sub-menu{z-index:1001;position:relative}md-sub-menu>md-menu{z-index:1002;--md-menu-container-color:var(--md-sys-color-surface-container-high);--md-menu-container-elevation:var(--md-sys-level3);min-width:200px;max-width:240px}md-menu-item:has(md-switch)>*{pointer-events:auto!important}md-menu-item:has(md-switch) md-switch{cursor:pointer!important}md-menu-item md-icon[slot=start]{width:24px;height:24px;margin-right:16px;font-size:24px}md-menu-item md-icon[slot=end]{width:24px;height:24px;margin-left:auto;padding-left:16px;font-size:24px}md-menu-item div[slot=headline]{color:var(--md-sys-color-on-surface);white-space:nowrap;text-overflow:ellipsis;font-family:Google Sans Text,sans-serif;font-size:16px;font-weight:400;line-height:1.5;overflow:hidden}.catalog-card{overflow:visible!important}.menu-demo-card-content,.complex-menu-demo-card-content{justify-content:center;align-items:center;min-height:200px;display:flex;position:relative;overflow:visible}md-menu[open]{z-index:9999;position:fixed}md-sub-menu>md-menu[open]{z-index:10000;position:fixed}
.md-sheet-scrim{background-color:var(--md-sys-color-scrim);opacity:.32;z-index:1000;visibility:hidden;opacity:0;width:100vw;height:100vh;transition:opacity .3s cubic-bezier(.2,0,0,1);display:flex;position:fixed;top:0;left:0}.md-sheet-scrim.open{visibility:visible;opacity:.32}.md-sheet{background-color:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);z-index:1001;flex-direction:column;transition:transform .3s cubic-bezier(.2,0,0,1);display:flex;position:fixed;overflow:hidden}.md-sheet--right{border-radius:28px 0 0 28px;width:100%;max-width:400px;height:100vh;top:0;right:0;transform:translate(100%)}.md-sheet--left{border-radius:0 28px 28px 0;width:100%;max-width:400px;height:100vh;top:0;left:0;transform:translate(-100%)}.md-sheet--bottom{border-radius:28px 28px 0 0;width:100vw;max-height:90vh;bottom:0;left:0;transform:translateY(100%)}.md-sheet--top{border-radius:0 0 28px 28px;width:100vw;max-height:90vh;top:0;left:0;transform:translateY(-100%)}.md-sheet.open{transform:translate(0)}.md-sheet__header{border-bottom:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.md-sheet__title{font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);line-height:var(--md-sys-typescale-title-large-line-height);margin:0}.md-sheet__content{flex:1;padding:24px;overflow-y:auto}@media (max-width:600px){.md-sheet--right,.md-sheet--left{border-radius:0;max-width:100%}}
.md-stepped-sheet{background-color:var(--md-sys-color-surface-container-low);flex-direction:column;display:flex}.md-stepped-sheet__header{border-bottom:1px solid var(--md-sys-color-outline-variant);grid-template-columns:48px 1fr 48px;align-items:center;min-height:64px;padding:8px 12px;display:grid}.md-stepped-sheet__title{text-align:center;font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);font-weight:var(--md-sys-typescale-title-large-weight);margin:0}.md-stepped-sheet__content{flex:1;padding:24px;overflow-y:auto}.md-stepped-sheet__footer{border-top:1px solid var(--md-sys-color-outline-variant);background-color:var(--md-sys-color-surface-container-low);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.md-stepped-sheet__progress{font-family:var(--md-sys-typescale-label-medium-font);font-size:var(--md-sys-typescale-label-medium-size);color:var(--md-sys-color-on-surface-variant)}.md-stepped-sheet__actions{gap:12px;display:flex}.md-stepped-sheet-scrim{pointer-events:none}.md-stepped-sheet.open{pointer-events:auto}