.klyp-LibraryToolbar{--modal-toolbar-search-w:calc(var(--space-128) * 2);min-width:0}.klyp-LibraryToolbar__axisSelect,.klyp-LibraryToolbar__filterTrigger,.klyp-LibraryToolbar__displayTrigger{flex-shrink:0}@container (width>=640px) and (width<=719.98px){.klyp-LibraryToolbar .klyp-ModalToolbar__search{inline-size:calc(var(--space-128) + var(--space-64))}}.klyp-LibraryToolbar--phone{z-index:2;position:relative}.klyp-LibraryToolbar__phoneRow{align-items:center;gap:var(--space-8);flex-wrap:nowrap;min-width:0;display:flex}.klyp-LibraryToolbar__phoneSearch{min-width:0}.klyp-LibraryToolbar__phoneFilter{align-items:center;gap:var(--space-8);block-size:var(--control-size-md);padding-inline:var(--control-pad-x-md) var(--space-12);border:var(--bw-default) solid transparent;border-radius:var(--r-chip);background:var(--color-control-bg);color:var(--color-fg-primary);font-family:var(--font-sans);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);flex:none;margin-inline-start:auto;line-height:1;display:inline-flex}.klyp-LibraryToolbar__phoneFilter:hover{background:var(--color-control-bg-hover)}.klyp-LibraryToolbar__phoneFilter[aria-expanded=true],.klyp-LibraryToolbar__phoneFilter[data-active=true]{background:var(--color-bg-surface-hover)}.klyp-LibraryToolbar__phoneFilter:focus-visible{outline:var(--bw-default) solid var(--color-ring);outline-offset:calc(-1 * var(--bw-emphasis))}@media (prefers-reduced-motion:reduce){.klyp-LibraryToolbar__phoneFilter{transition:none}}.klyp-LibraryToolbar__phoneFilterIcon{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm);color:var(--color-fg-muted);flex-shrink:0}.klyp-LibraryToolbar__phoneFilterLabel{white-space:nowrap}.klyp-LibraryToolbar__phoneFilterCount{min-inline-size:var(--space-18);block-size:var(--space-18);padding-inline:var(--space-4);border-radius:var(--radius-full);background:var(--color-bg-surface-active);color:var(--color-fg-primary);font-size:var(--font-size-12);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:inline-flex}.klyp-LibraryToolbar__phoneFav{inline-size:var(--control-size-md);block-size:var(--control-size-md);border:var(--bw-default) solid transparent;border-radius:var(--r-chip);background:var(--color-control-bg);color:var(--color-fg-muted);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.klyp-LibraryToolbar__phoneFav>svg{inline-size:var(--space-18);block-size:var(--space-18)}.klyp-LibraryToolbar__phoneFav:hover{background:var(--color-control-bg-hover);color:var(--color-fg-primary)}.klyp-LibraryToolbar__phoneFav[data-active=true]{background:var(--color-bg-surface-hover);color:var(--color-fg-primary)}.klyp-LibraryToolbar__phoneFav:focus-visible{outline:var(--bw-default) solid var(--color-ring);outline-offset:calc(-1 * var(--bw-emphasis))}@media (prefers-reduced-motion:reduce){.klyp-LibraryToolbar__phoneFav{transition:none}}.klyp-LibraryToolbar__panel{z-index:3;border:var(--bw-default) solid var(--color-border-faint);border-radius:var(--r-panel);background:var(--color-bg-surface-elevated);max-block-size:60svh;box-shadow:var(--shadow-panel);animation:klyp-LibraryToolbar-panel-in var(--duration-fast) var(--easing-standard);flex-direction:column;gap:0;display:flex;position:absolute;inset-block-start:calc(100% + var(--space-8));inset-inline:0}@media (prefers-reduced-motion:reduce){.klyp-LibraryToolbar__panel{animation:none}}@keyframes klyp-LibraryToolbar-panel-in{0%{opacity:0;transform:translateY(calc(-1 * var(--space-4)))}to{opacity:1;transform:none}}.klyp-LibraryToolbar__panelScroll{gap:var(--space-16);min-block-size:0;padding:var(--space-16);overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}.klyp-LibraryToolbar__panelSection{gap:var(--space-8);flex-direction:column;display:flex}.klyp-LibraryToolbar__panelLabel{font:var(--type-label);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);margin:0}.klyp-LibraryToolbar__panelClear{margin:0 var(--space-16) var(--space-16);block-size:var(--control-size-sm);padding-inline:var(--control-pad-x-md);border:var(--bw-default) solid transparent;border-radius:var(--r-chip);background:var(--color-bg-surface-solid);color:var(--color-fg-muted);font-family:var(--font-sans);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard);align-self:flex-end}.klyp-LibraryToolbar__panelClear:hover{background:var(--color-bg-surface-hover);color:var(--color-fg-primary)}.klyp-LibraryToolbar__panelClear:focus-visible{outline:var(--bw-default) solid var(--color-ring);outline-offset:calc(-1 * var(--bw-emphasis))}@media (prefers-reduced-motion:reduce){.klyp-LibraryToolbar__panelClear{transition:none}}