.filter-dropdown{z-index:1200;width:max-content;max-width:min(var(--dd-panel-width-lg), calc(100vw - 16px));box-sizing:border-box;max-height:24rem;padding:var(--dd-panel-padding-top) var(--dd-trigger-padding-x) var(--dd-panel-padding-top);border:var(--dd-panel-border-width) solid var(--dd-panel-border-color);border-radius:var(--dd-panel-radius);background:var(--dd-panel-bg);box-shadow:var(--dd-panel-shadow);color:var(--dd-color-ink);font-family:var(--dd-font-family);font-size:var(--dd-label-font-size);font-weight:var(--dd-label-font-weight);line-height:var(--dd-label-line-height);text-align:left;text-transform:none;letter-spacing:normal;flex-direction:column;gap:0;display:flex;position:fixed;overflow:hidden}.filter-dropdown__head{align-items:center;gap:var(--dd-row-gap);padding:4px var(--dd-trigger-padding-x) 5px;flex:none;margin-bottom:10px;display:flex}.filter-dropdown__title{font-size:var(--dd-title-font-size);font-weight:var(--dd-title-font-weight);line-height:var(--dd-title-line-height);margin-right:auto}.filter-dropdown__reset{justify-content:center;align-items:center;gap:var(--dd-row-gap);color:var(--dd-reset-color);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;padding:0;display:inline-flex}.filter-dropdown__reset img{flex:none;width:10px;height:10px;display:block}.filter-dropdown__reset:hover:not(:disabled) span{text-decoration:underline}.filter-dropdown__reset:disabled{opacity:var(--dd-reset-opacity-disabled);cursor:default}.filter-dropdown__list{overscroll-behavior:contain;flex-direction:column;gap:4px;min-height:0;display:flex;overflow-y:auto}.filter-dropdown__list[data-scrollable="1"]{margin-bottom:4px;margin-right:-3px;padding-right:10px}.filter-dropdown__option{grid-template-columns:var(--dd-checkbox-size) minmax(0, 1fr) auto;box-sizing:border-box;align-items:start;gap:var(--dd-row-gap);min-height:var(--dd-row-height);padding:5px var(--dd-trigger-padding-x);border-radius:var(--dd-row-radius);color:inherit;font-size:inherit;font-weight:var(--dd-label-font-weight);line-height:var(--dd-label-line-height-compact);cursor:pointer;flex:none;display:grid}.filter-dropdown__option:hover{background:var(--dd-row-bg-hover)}.filter-dropdown__option:has(input:checked){background:var(--dd-row-bg-hover)}.filter-dropdown__label{white-space:normal;overflow-wrap:anywhere;min-width:0}.filter-dropdown__option--multiple .filter-dropdown__label{font-weight:var(--dd-title-font-weight)}.filter-dropdown__count{color:var(--dd-row-count-color);font-size:var(--dd-caption-font-size);font-weight:var(--dd-caption-font-weight);font-variant-numeric:tabular-nums;align-self:center}.filter-dropdown__divider{border-top:1px solid var(--dd-color-line);flex:none;margin:4px 0}.filter-dropdown__option input{appearance:none;width:var(--dd-checkbox-size);height:var(--dd-checkbox-size);border:var(--dd-checkbox-border-width) solid var(--dd-checkbox-border-color);border-radius:var(--dd-checkbox-radius);background:var(--dd-checkbox-bg);cursor:pointer;flex:none;place-content:center;margin:1px 0 0;display:grid}.filter-dropdown__option input:checked{border-color:var(--dd-checkbox-bg-checked);background:var(--dd-checkbox-bg-checked)}.filter-dropdown__option input:checked:before{border:solid var(--dd-checkbox-mark-color);border-width:0 var(--dd-checkbox-mark-width) var(--dd-checkbox-mark-width) 0;content:"";width:3px;height:6px;margin-top:-1px;transform:rotate(45deg)}.filter-dropdown button:focus-visible,.filter-dropdown input:focus-visible{outline-offset:3px;outline:2px solid #3974dd}