.workbench{box-sizing:border-box;max-inline-size:64rem;margin-inline:auto;padding:2rem;font-family:system-ui,sans-serif}.surface-example{margin-block-start:2rem;padding:1.5rem}.surface-example__nested{margin-block-start:1rem;padding:1rem}.text-example{margin-block-start:2rem;padding:1.5rem}.text-example>.m3e-text+.m3e-text,.text-example__inverse{margin-block-start:1rem}.text-example__inverse{padding:1rem}.icon-example{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.icon-example>.m3e-text:last-child{grid-column:1/-1}.button-example,.icon-button-example,.fab-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.fab-example__row{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.card-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.card-example__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:1rem;display:grid}.card-example__item{gap:.75rem;padding:1rem}.list-item-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.list-item-example__list{inline-size:min(100%,36rem)}.list-item-example__avatar{background:var(--m3e-sys-color-primary-container);border-radius:var(--m3e-sys-shape-corner-full);color:var(--m3e-sys-color-on-primary-container);justify-content:center;align-items:center;block-size:2.5rem;inline-size:2.5rem;display:inline-flex}.divider-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.divider-example__stack{gap:1rem;inline-size:min(100%,36rem);display:grid}.divider-example__inset{margin-inline-start:1rem}.divider-example__list{inline-size:min(100%,36rem);margin:0;padding:0;list-style:none}.divider-example__row{align-items:center;gap:.75rem;min-block-size:2.5rem;display:flex}.badge-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.badge-example__row{align-items:center;gap:2rem;min-block-size:2.5rem;display:flex}.badge-example__bar,.badge-example__drawer,.badge-example__tabs{inline-size:min(100%,36rem)}.checkbox-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.checkbox-example__group{gap:.25rem;display:grid}.checkbox-example__row{align-items:center;gap:.5rem;display:flex}.radio-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.radio-example__group{gap:.25rem;display:grid}.radio-example__row{align-items:center;gap:.5rem;display:flex}.switch-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.switch-example__group{gap:.25rem;display:grid}.switch-example__row{align-items:center;gap:.5rem;display:flex}.slider-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.slider-example__field{gap:.25rem;inline-size:min(100%,36rem);display:grid}.slider-example__vertical-row{flex-wrap:wrap;align-items:start;gap:2rem;display:flex}.slider-example__vertical-field{place-items:center;gap:.5rem;display:grid}.slider-example__vertical-field .m3e-slider{block-size:10rem}.icon-button-example__row,.icon-button-example__sizes{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.icon-button-example__sizes{flex-direction:column;align-items:flex-start}.button-example__row,.button-example__sizes{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.button-example__sizes{flex-direction:column;align-items:flex-start}.text-field-example,.text-area-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.text-field-example__row,.text-area-example__row{flex-wrap:wrap;align-items:start;gap:1rem;display:flex}.segmented-button-group-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.segmented-button-group-example__row{flex-wrap:wrap;align-items:start;gap:1rem;display:flex}.chip-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.chip-example__row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.chip-example__avatar{background:var(--m3e-sys-color-primary-container);block-size:100%;color:var(--m3e-sys-color-on-primary-container);justify-content:center;align-items:center;inline-size:100%;display:inline-flex}.chip-example__constrained{max-inline-size:13.75rem}.chip-example__large-type{--m3e-sys-typescale-baseline-label-large-font-size:2rem;--m3e-sys-typescale-baseline-label-large-line-height:2.5rem}.dialog-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.dialog-example__row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.dialog-example__field{gap:.25rem;display:grid}.menu-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.menu-example__row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.select-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.select-example__row{flex-wrap:wrap;align-items:start;gap:1rem;display:flex}.tooltip-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.tooltip-example__row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.snackbar-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.snackbar-example__row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.tabs-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.tabs-example [data-m3e-scrollable=true]{max-inline-size:26rem}.navigation-bar-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.navigation-bar-example__bar{border:1px solid #0000001f;border-radius:.75rem;inline-size:min(400px,100%);overflow:hidden}.navigation-rail-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.navigation-rail-example__frame{border:1px solid #0000001f;border-radius:.75rem;block-size:420px;display:flex;overflow:hidden}.navigation-drawer-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.navigation-drawer-example__row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.navigation-drawer-example__frame{border:1px solid #0000001f;border-radius:.75rem;block-size:360px;display:flex;overflow:hidden}.navigation-suite-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.navigation-suite-example__frame{border:1px solid #0000001f;border-radius:.75rem;block-size:420px;display:flex;overflow:hidden}.linear-progress-example,.circular-progress-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.circular-progress-example__row{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.wavy-progress-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.wavy-progress-example__row{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.loading-indicator-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.loading-indicator-example__row{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.button-group-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.button-group-example__row{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.split-button-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.split-button-example__row{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.floating-toolbar-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.floating-toolbar-example__row{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.fab-menu-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.fab-menu-example__row{flex-wrap:wrap;align-items:flex-end;gap:1.5rem;min-block-size:14rem;display:flex}.bottom-sheet-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.bottom-sheet-example__actions{flex-wrap:wrap;gap:.75rem;display:flex}.bottom-sheet-example__content{gap:.75rem;padding-block:.5rem 1.5rem;padding-inline:1.5rem;display:grid}.bottom-sheet-example__list{margin:0;padding:0;list-style:none}.bottom-sheet-example__dock{border-radius:1rem;flex-direction:column;justify-content:flex-start;block-size:18rem;padding:1rem;display:flex;position:relative}.bottom-sheet-example__dock>.m3e-bottom-sheet{position:absolute;inset-block-end:0;inset-inline:0}.app-bar-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.app-bar-example__panel{border-radius:1rem;block-size:16rem;position:relative;overflow-y:auto}.app-bar-example__content{gap:1rem;padding-block:1rem 12rem;padding-inline:1rem;display:grid}.search-bar-example{gap:1rem;margin-block-start:2rem;padding:1.5rem;display:grid}.search-bar-example__panel{border-radius:1rem;block-size:18rem;position:relative;overflow-y:auto}.search-bar-example__content{gap:1rem;padding-block:1rem 12rem;padding-inline:1rem;display:grid}.search-bar-example__standalone{gap:.75rem;display:grid}.search-bar-example__avatar{background-color:var(--m3e-sys-color-tertiary-container);color:var(--m3e-sys-color-on-tertiary-container);justify-content:center;align-items:center;font-size:.75rem;display:flex}.carousel-example{gap:1.5rem;margin-block-start:2rem;padding:1.5rem;display:grid}.carousel-example__row{gap:.5rem;display:grid}.carousel-example .m3e-carousel{block-size:13rem}.carousel-example .m3e-carousel.carousel-example__full-screen{block-size:20rem}.carousel-example__cover{align-items:end;block-size:100%;inline-size:100%;display:flex;position:relative}.carousel-example__photo{object-fit:cover;z-index:0;block-size:100%;inline-size:100%;position:absolute;inset:0}.carousel-example__cover:has(.carousel-example__caption):after{content:"";z-index:1;background:linear-gradient(#0000 35%,#000000a6);position:absolute;inset:0}.carousel-example__caption{color:#fff;font:var(--m3e-sys-typescale-label-large);text-shadow:0 1px 2px #00000073;translate:var(--m3e-carousel-item-inset-start,0px);white-space:nowrap;z-index:2;justify-items:start;gap:.125rem;padding:.75rem;display:grid;position:relative}