.base-popups,.base-popups * { box-sizing:border-box; }
.base-popups { position:fixed; inset:0; z-index:1000; pointer-events:none; font-family:var(--base-font); }
.base-popup-slot { position:fixed; display:flex; flex-direction:column; gap:var(--base-space-4); width:calc(100vw - 32px); max-height:calc(100dvh - 32px); overflow:auto; pointer-events:none; }
.base-popup-slot:has(.base-popup):not(:has(.base-popup:not([hidden]))) { display:none; }
.base-popup { flex:0 0 auto; position:relative; pointer-events:auto; width:min(var(--popup-width,480px),100%); max-height:calc(100dvh - 32px); overflow:auto; background:var(--base-background); color:var(--base-text); border:var(--base-stroke) solid var(--base-border); }
.base-popup[hidden],.base-popup [hidden] { display:none; }
.base-popup .sound_only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:clip; clip-path:inset(50%); white-space:nowrap; }
.base-popup img { display:block; max-width:100%; width:100%; height:auto; }
.base-popup-tabs,.base-popup-actions { display:flex; flex-wrap:wrap; gap:var(--base-space-2); padding:var(--base-space-2); }
.base-popup:has(.base-popup-tabs--right_tabs) { display:grid; grid-template-columns:minmax(0,1fr) minmax(80px,25%); }
.base-popup-tabs--right_tabs { flex-direction:column; grid-column:2; grid-row:1; }
.base-popup:has(.base-popup-tabs--right_tabs) .base-popup-actions { grid-column:1/-1; }
.base-popup button { min-width:0; max-width:100%; overflow-wrap:anywhere; font:inherit; min-height:var(--base-button-height); padding:var(--base-space-2); color:inherit; border:var(--base-stroke) solid var(--base-border); background:var(--base-background); cursor:pointer; }
.base-popup button:focus-visible { outline:var(--base-focus-width) solid var(--base-focus); outline-offset:var(--base-focus-offset); }
.base-popup-tabs [aria-pressed=true] { font-weight:700; }
.base-popup-slot--center,.base-popup-slot--top_center,.base-popup-slot--bottom_center { left:50%; transform:translateX(-50%); align-items:center; }
.base-popup-slot--center,.base-popup-slot--center_left,.base-popup-slot--center_right { top:50%; transform:translateY(-50%); }
.base-popup-slot--center { transform:translate(-50%,-50%); }
.base-popup-slot--top_left,.base-popup-slot--top_center,.base-popup-slot--top_right { top:16px; }
.base-popup-slot--bottom_left,.base-popup-slot--bottom_center,.base-popup-slot--bottom_right { bottom:16px; }
.base-popup-slot--top_left,.base-popup-slot--center_left,.base-popup-slot--bottom_left { left:16px; align-items:flex-start; }
.base-popup-slot--top_right,.base-popup-slot--center_right,.base-popup-slot--bottom_right { right:16px; align-items:flex-end; }
[data-popup-mobile="1"] .base-popup-slot { left:50%; transform:translateX(-50%); align-items:center; }
[data-popup-mobile="1"] .base-popup-slot--top { top:16px; }
[data-popup-mobile="1"] .base-popup-slot--center { top:50%; transform:translate(-50%,-50%); }
[data-popup-mobile="1"] .base-popup-slot--bottom { bottom:16px; }