@import url('./octopus-chip.css');
.octopus-filter-chips__server-actions{display:flex;align-items:end;flex-wrap:wrap;gap:var(--space-component-md);margin-top:var(--space-component-lg)}
.octopus-filter-chips__server-actions>.octopus-field{flex:1;min-width:180px}
.octopus-filter-chips{--filter-chips-overlap:48px;position:relative;z-index:1;padding:var(--space-component-xl,32px);background:var(--color-white);color:var(--color-zinc-900);border:0;border-radius:16px;box-shadow:none;font-family:var(--font-sans)}
.octopus-filter-chips--overlap{margin-top:calc(-1 * var(--filter-chips-overlap))}
.dark .octopus-filter-chips{background:var(--color-zinc-800);color:var(--color-white)}
.octopus-filter-chips__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-component-md,16px);margin-bottom:var(--space-component-lg,24px)}
.octopus-filter-chips__search{flex:1;min-width:0}
.octopus-filter-chips__calendar{position:relative;flex:0 0 auto;min-width:0}
.octopus-filter-chips__calendar>[data-filter-calendar-trigger]{white-space:nowrap}
.octopus-filter-chips__calendar-panel{position:absolute;inset-block-start:calc(100% + var(--space-component-xs));inset-inline-end:0;z-index:10;box-sizing:border-box;width:min(26rem,calc(100vw - 2rem));max-height:min(28rem,70vh);overflow-y:auto;padding:var(--space-component-md);border:1px solid var(--color-zinc-200);border-radius:var(--shape-radius-component,16px);background:var(--color-white);color:var(--color-zinc-900);box-shadow:var(--elevation-overlay)}
.octopus-filter-chips__calendar-panel[hidden]{display:none}
.octopus-filter-chips__calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-component-sm);margin-bottom:var(--space-component-sm)}
.octopus-filter-chips__calendar-year+ .octopus-filter-chips__calendar-year{margin-top:var(--space-component-md)}
.octopus-filter-chips__calendar-year>strong{display:block;margin-bottom:var(--space-component-xs);font-variant-numeric:tabular-nums}
.octopus-filter-chips__calendar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-component-xs)}
.octopus-filter-chips__calendar-grid .octopus-chip{width:100%;min-width:0}
.octopus-filter-chips__calendar-grid .octopus-chip>[data-octopus-badge]{width:100%;justify-content:center}
.dark .octopus-filter-chips__calendar-panel{border-color:var(--color-zinc-600);background:var(--color-zinc-800);color:var(--color-white)}
.octopus-filter-chips__summary{display:flex;flex-shrink:0;align-items:center;font-variant-numeric:tabular-nums}
.octopus-filter-chips__options,.octopus-filter-chips__group{display:flex;flex-wrap:wrap;gap:var(--space-component-sm,8px)}
.octopus-filter-chips__group{display:contents}
.octopus-filter-chips .octopus-chip{flex:0 0 auto}
.octopus-filter-chips .octopus-chip>[data-octopus-badge]{white-space:nowrap;overflow-wrap:normal;word-break:normal}
/* Filter choices are clickable; informational badges and disabled choices are not. */
.octopus-filter-chips .octopus-chip:not(:disabled){cursor:pointer}
@media(max-width:600px){.octopus-filter-chips{padding:var(--space-component-md,16px);--filter-chips-overlap:24px}.octopus-filter-chips__header{align-items:stretch;flex-direction:column}.octopus-filter-chips__calendar>[data-filter-calendar-trigger]{width:100%}.octopus-filter-chips__calendar-panel{width:100%}.octopus-filter-chips__summary{justify-content:flex-end}}