.dragon-example-filters{min-width:0;font-family:AlegreyaSans,Arial,sans-serif}.dragon-example-filters__toolbar{align-items:center;gap:12px;min-width:0;display:flex}.dragon-example-filters__title{color:var(--ink);align-items:center;gap:9px;margin:0;font:400 21px/1.3 AlegreyaSansMedium,Arial,sans-serif;display:flex}.dragon-example-filters__title svg,.dragon-example-filters__label svg{color:var(--red);flex-shrink:0}.dragon-example-filters__count{color:var(--muted);white-space:nowrap;flex-shrink:0;align-items:baseline;gap:7px;margin:0;font:400 17px/1.3 AlegreyaSansMedium,Arial,sans-serif;display:flex}.dragon-example-filters__count strong{color:var(--red);font-size:20px;font-weight:400}.dragon-example-filters__count small{font-size:14px}.dragon-example-filters__search{border:1px solid var(--line);min-width:0;min-height:50px;clip-path:var(--angled-corners);color:var(--red);background:var(--paper);flex:1;align-items:center;gap:9px;padding-left:15px;transition:border-color .18s,box-shadow .18s;display:flex}.dragon-example-filters__search:focus-within{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.dragon-example-filters__search>svg{flex-shrink:0}.dragon-example-filters__search-input{width:100%;min-width:0;height:48px;color:var(--ink);appearance:none;background:0 0;border:0;outline:0;flex:1;padding:10px 0;font:400 18px/1.3 AlegreyaSans,Arial,sans-serif}.dragon-example-filters__search-input::placeholder{color:var(--muted);opacity:1}.dragon-example-filters__search-input::-webkit-search-cancel-button{appearance:none}.dragon-example-filters__search-input::-webkit-search-decoration{appearance:none}.dragon-example-filters__search-clear{width:44px;min-width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;margin:2px;padding:0;display:grid}.dragon-example-filters__search-clear:hover{color:var(--red)}.dragon-example-filters__groups{gap:14px;display:grid}.dragon-example-filters__group{border:0;min-width:0;margin:0;padding:0}.dragon-example-filters__label{color:var(--ink);align-items:center;gap:7px;margin-bottom:8px;padding:0;font:400 17px/1.3 AlegreyaSansMedium,Arial,sans-serif;display:flex}.dragon-example-filters__options{flex-wrap:wrap;gap:8px;display:flex}.dragon-example-filters__reset,.dragon-example-filters__done,.dragon-example-filters__option{border:1px solid var(--line);max-width:100%;min-height:44px;clip-path:var(--angled-corners);color:var(--ink);background:var(--silver);cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font:400 16px/1.3 AlegreyaSans,Arial,sans-serif;transition:color .18s,background-color .18s,border-color .18s;display:inline-flex}.dragon-example-filters__reset svg,.dragon-example-filters__done svg,.dragon-example-filters__option svg{flex-shrink:0}.dragon-example-filters__option span{overflow-wrap:anywhere}.dragon-example-filters__option:hover,.dragon-example-filters__reset:hover:not(:disabled){border-color:var(--red)}.dragon-example-filters__option--selected,.dragon-example-filters__done{color:var(--control-foreground);border-color:var(--control-background);background:var(--control-background)}.dragon-example-filters__reset:disabled{color:var(--muted);cursor:default}.dragon-example-filters button:focus-visible{outline:2px solid var(--red);outline-offset:-3px}.dragon-example-filters__toggle{width:50px;height:50px;color:var(--control-foreground);cursor:pointer;isolation:isolate;background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:grid;position:relative}.dragon-example-filters__toggle:before{content:"";z-index:-1;clip-path:var(--angled-corners);background:var(--control-background);transition:background-color .18s;position:absolute;inset:0}.dragon-example-filters__toggle:hover:before,.dragon-example-filters__toggle.is-open:before{background:var(--red)}.dragon-example-filters__badge{min-width:21px;height:21px;color:var(--muted);border:1px solid var(--line);background:var(--paper);place-items:center;padding-inline:4px;font:400 13px/1 AlegreyaSansMedium,Arial,sans-serif;display:grid;position:absolute;top:-6px;right:-5px}.dragon-example-filters__badge.is-active{color:var(--paper);border-color:var(--red);background:var(--red)}.dragon-example-filters__panel{opacity:0;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .24s,opacity .18s,visibility .24s;display:grid}.dragon-example-filters__panel.is-open{opacity:1;visibility:visible;grid-template-rows:1fr}.dragon-example-filters__panel-inner{gap:18px;min-height:0;display:grid;overflow:hidden}.dragon-example-filters__panel.is-open .dragon-example-filters__panel-inner{border:1px solid var(--line);background:var(--paper);margin-top:16px;padding:20px}.dragon-example-filters__panel-header,.dragon-example-filters__panel-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.dragon-example-filters__close{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:var(--silver);clip-path:var(--angled-corners);cursor:pointer;place-items:center;padding:0;display:grid}@media (width<=600px){.dragon-example-filters__toolbar{flex-wrap:wrap;gap:10px}.dragon-example-filters__count{width:100%}.dragon-example-filters__panel.is-open .dragon-example-filters__panel-inner{padding:16px}}@media (prefers-reduced-motion:reduce){.dragon-example-filters__panel,.dragon-example-filters__search,.dragon-example-filters__toggle:before,.dragon-example-filters__reset,.dragon-example-filters__done,.dragon-example-filters__option{transition:none}}