@layer m3-components{.m3-section__actions:has(>.m3-infotip-btn){align-self:flex-start}.m3-infotip-btn:only-child{margin-block-start:calc(-.5 * (var(--_h) - var(--_icon)));margin-inline-end:calc(-.5 * (var(--_h) - var(--_icon)))}.m3-infotip{--_ty:0;box-sizing:border-box;z-index:var(--md-sys-z-popover);inline-size:max-content;max-inline-size:calc(min(320px,100vw - 16px));padding:var(--md-sys-space-3) var(--md-sys-space-4) var(--md-sys-space-4);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-2);gap:var(--md-sys-space-2);transform-origin:var(--reka-popover-content-transform-origin);outline:none;display:grid}.m3-infotip__title{margin:0}.m3-infotip__list{gap:var(--md-sys-space-2);margin:0;display:grid}.m3-infotip__row{gap:2px;display:grid}.m3-infotip__row dt{color:var(--md-sys-color-on-surface)}.m3-infotip__row dd{color:var(--md-sys-color-on-surface-variant);text-wrap:pretty;margin:0}.m3-infotip[data-side=bottom]{--_ty:-1}.m3-infotip[data-side=top]{--_ty:1}.m3-infotip[data-state=open]{animation:m3-infotip-in var(--md-sys-motion-t-small-in) both}.m3-infotip[data-state=closed]{animation:m3-infotip-out var(--md-sys-motion-t-small-out) both}@keyframes m3-infotip-in{0%{opacity:0;scale:calc(1 - .04 * var(--md-sys-motion-travel));translate:0 calc(var(--_ty) * 4px * var(--md-sys-motion-travel))}}@keyframes m3-infotip-out{to{opacity:0;scale:calc(1 - .04 * var(--md-sys-motion-travel));translate:0 calc(var(--_ty) * 4px * var(--md-sys-motion-travel))}}@media (forced-colors:active){.m3-infotip{border:var(--md-sys-border-thin) solid CanvasText}}}
