.action-tooltip { display: none !important; }
.viewport-popup {
    position: fixed !important;
    inset: auto !important;
    left: var(--popup-left, 8px) !important;
    top: var(--popup-top, 8px) !important;
    margin: 0 !important;
    transform: none !important;
    box-sizing: border-box;
    max-width: var(--popup-width, calc(100vw - 16px)) !important;
    max-height: var(--popup-height, calc(100dvh - 16px)) !important;
    overflow: auto;
    overscroll-behavior: contain;
}
.short-tooltip {
    width: max-content;
    max-width: min(20rem, var(--popup-width)) !important;
    padding: .4rem .6rem;
    border: 1px solid var(--border);
    border-radius: .4rem;
    background: var(--surface);
    color: var(--text);
    font: .875rem/1.4 system-ui, sans-serif;
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
    box-shadow: 0 3px 12px #0003;
}
.theme-choices { width: 290px; padding: 10px; border: 1px solid var(--border); border-radius: 10px; background: var(--panel); color: var(--text); box-shadow: 0 6px 24px #0003; }
.theme-choices:popover-open { display: flex; flex-direction: column; }
.theme-choices .theme-list { min-height: 0; flex: 1; }
.theme-heading, .theme-more { flex-shrink: 0; }
.clr-picker.viewport-popup { position: absolute !important; overflow: auto; }
.ts-dropdown.viewport-popup { width: var(--tag-popup-width); }
.ts-dropdown.viewport-popup .ts-dropdown-content { max-height: min(200px, var(--popup-height)); }