.popover{top:calc(100% + var(--space-4));z-index:100;max-width:calc(100vw - var(--space-32));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-popover);position:absolute;left:0}.popover--above{top:auto;bottom:calc(100% + var(--space-4))}.popover--end{left:auto;right:0}.popover--floating{z-index:var(--z-popover);position:fixed;inset:auto}.popover__divider{height:1px;margin:var(--popover-divider-gap,var(--space-4)) 0;background:var(--color-border);flex-shrink:0}.icon-button{justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}@media (pointer:coarse){.icon-button{width:44px;height:44px}}.icon-button{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;vertical-align:middle;background:0 0;border:none;transition:color .15s,background-color .15s}@media (hover:hover) and (pointer:fine){.icon-button:hover:not(:disabled){color:var(--color-primary-text);background:var(--color-primary-tint-subtle)}.icon-button--danger:hover:not(:disabled){color:var(--color-error-text);background:var(--color-error-tint)}.icon-button--on-dark:hover:not(:disabled){color:var(--color-text-on-solid);background:var(--color-on-dark-hover)}}.icon-button--on-dark{color:var(--color-text-on-solid)}.icon-button:focus{outline:none}.icon-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.icon-button--sm{position:relative}.icon-button--sm:after{content:"";width:100%;min-width:24px;height:100%;min-height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.icon-button--sm{width:20px;height:20px}@media (pointer:coarse){.icon-button--sm{width:20px;height:20px}}.icon-button:disabled{color:var(--color-text-disabled);cursor:not-allowed}