.z-modes{min-width:0;margin:0 0 16px}.z-modes .pt{display:block}.z-modes-hint{color:var(--muted);margin:10px 2px 0;font-size:14px;line-height:1.45}@media (max-width:720px){.z-modes .pt-track{width:100%;display:flex}.z-modes .pt-active{display:flex}.z-modes .pt-pill{flex:1 1 0;justify-content:center;min-width:0;padding:0 8px}.z-modes .pt-l{text-overflow:ellipsis;overflow:hidden}.z-modes .pt-track:has(>.pt-pill:nth-of-type(4)) .pt-pill{white-space:normal;text-align:center;height:auto;min-height:44px;padding:5px 4px;font-size:13px;line-height:1.15}.z-modes .pt-track:has(>.pt-pill:nth-of-type(4)) .pt-l{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}}.z-modes-select{display:none}.z-modes-many .pt-pill{padding:0 10px;font-size:13.5px}@media (max-width:1180px){.z-modes-many .pt{display:none}.z-modes-many .z-modes-select{border:1px solid var(--line-strong);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23888' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 16px center;width:100%;min-height:44px;color:var(--fg);font:inherit;appearance:none;border-radius:999px;padding:0 40px 0 14px;font-size:16px;font-weight:500;display:block}}.z-modes>.pt-fit:not([data-fit=full]) .pt-pill{padding:0 9px}.z-modes>.pt-fit:is([data-fit=wrap],[data-fit=short]) .pt-pill{padding:0 7px;font-size:13px}@media (max-width:720px){.z-modes>.pt-fit .pt-track{width:min-content;min-width:100%}}