.tgl-box{position:relative;display:inline-flex}.tgl-item svg{width:16px;height:16px;flex:none}.tgl-seg{display:inline-flex;gap:4px;padding:4px;background:var(--plate);border-radius:999px}.tgl-seg-item{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--muted);transition:.18s}.tgl-seg-item svg{width:16px;height:16px}.tgl-seg-item:hover{color:var(--ink)}.tgl-seg-item.on{background:var(--ground);color:var(--ink)}.tgl-box--collapsible{position:relative;width:34px;height:34px}.tgl-seg--vert{position:absolute;top:0;right:0;flex-direction:column;z-index:60;padding:0;background:none;gap:4px}.tgl-seg--vert:not(.open) .tgl-seg-item:not(.on){display:none}.tgl-seg--vert:not(.open) .tgl-seg-item.on{background:var(--plate);color:var(--muted)}.tgl-seg--vert:not(.open) .tgl-seg-item.on:hover{color:var(--ink)}.tgl-seg--vert.open{margin:-4px -4px 0 0;padding:4px;background:var(--surface);box-shadow:var(--shadow)}.tgl-seg--vert .tgl-seg-item.on{order:-1}