.demo-tooltip-toolbar{justify-content:center;gap:4px;padding:24px 0;display:flex}
.demo-tooltip-settings{border-radius:var(--md-sys-shape-corner-medium);grid-template-columns:repeat(3,1fr);grid-auto-rows:96px;gap:4px;width:480px;max-width:100%;display:grid;position:relative;overflow:hidden}.demo-tooltip-settings-tile{background:var(--md-sys-color-tertiary-container)}.demo-tooltip-settings-tile:nth-child(3n+2){background:var(--md-sys-color-primary-container)}.demo-tooltip-settings-tile:nth-child(3n){background:var(--md-sys-color-secondary-container)}.demo-tooltip-settings-anchor{bottom:12px;background:var(--md-sys-color-surface);box-shadow:var(--md-sys-elevation-level1);position:absolute;inset-inline-start:12px}
.demo-tooltip-positioning{grid-template-columns:repeat(2,1fr);gap:12px;width:520px;max-width:100%;display:grid}.demo-tooltip-positioning-frame{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-low);height:200px;position:relative;overflow:hidden}.demo-tooltip-positioning-anchor{background:var(--md-sys-color-surface);box-shadow:var(--md-sys-elevation-level1);position:absolute}.demo-tooltip-positioning-anchor--top-left{top:16px;inset-inline-start:16px}.demo-tooltip-positioning-anchor--top-right{top:16px;inset-inline-end:16px}.demo-tooltip-positioning-anchor--bottom-left{bottom:16px;inset-inline-start:16px}.demo-tooltip-positioning-anchor--bottom-right{bottom:16px;inset-inline-end:16px}