.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}.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}.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}.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,.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}