.charts-feature-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.charts-feature-actions .pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 20px;line-height:1.2;white-space:nowrap}
.charts-feature-actions .pill svg{width:20px;height:20px;flex:0 0 20px;margin:0}
.charts-feature-actions>.icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;margin:0;padding:10px}
.collection-options{position:fixed;z-index:150;width:220px;padding:5px;background:#29292cf5;color:#f5f5f7;border:1px solid #ffffff15;border-radius:12px;box-shadow:0 12px 36px #0004;backdrop-filter:blur(20px);opacity:0;transform:translateY(-5px);transition:opacity .18s ease,transform .18s ease}
.collection-options.is-open{opacity:1;transform:translateY(0)}
.collection-options button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 10px;text-align:left;font-size:14px;line-height:20px;border-radius:7px;background:none;color:inherit}
.collection-options button+button{border-top:1px solid #ffffff12}
.collection-options button:hover,.collection-options button:focus-visible{background:#ffffff0c;outline:none}
.collection-options svg{width:19px;height:19px}
html[data-theme=light] .collection-options{background:#fffffff5;color:#202024;border-color:#00000012;box-shadow:0 12px 36px #0002}
html[data-theme=light] .collection-options button+button{border-color:#00000010}
html[data-theme=light] .collection-options button:hover,html[data-theme=light] .collection-options button:focus-visible{background:#00000008}
@media(max-width:480px){.charts-feature-actions{gap:8px}.charts-feature-actions .pill{padding-inline:14px;font-size:13px;gap:8px}}
@media(prefers-reduced-motion:reduce){.collection-options{transition:none}}