handyketten-filters{--burga-bg: rgb(var(--color-background));--burga-fg: rgb(var(--color-foreground));--burga-border: rgba(var(--color-foreground), .18);display:block;width:100%;max-width:var(--page-width, 1500px);margin:0 auto;padding:0 1.5rem;color:var(--burga-fg);font-family:var(--font-body-family, inherit)}handyketten-filters *,handyketten-filters{box-sizing:border-box}handyketten-filters [hidden]{display:none!important}handyketten-filters button,handyketten-filters input,handyketten-filters select{font:inherit;color:inherit}handyketten-filters button{cursor:pointer}handyketten-filters :focus-visible{outline:2px solid currentColor;outline-offset:3px}handyketten-filters .hk-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;padding:0;margin:0 0 1rem;border:0;min-width:0}handyketten-filters .hk-filters:disabled{opacity:.5;pointer-events:none}handyketten-filters .hk-filter{position:relative;min-width:0}handyketten-filters summary{display:flex;align-items:center;min-height:4.8rem;gap:.7rem;border:1px solid var(--burga-border);border-radius:3px;padding:1rem 1.5rem;list-style:none;cursor:pointer;font-size:1.4rem}handyketten-filters summary::-webkit-details-marker{display:none}handyketten-filters summary::marker{content:""}handyketten-filters details[open] summary{border-color:var(--burga-fg)}handyketten-filters .hk-chevron{margin-left:auto}handyketten-filters details[open] .hk-chevron{transform:rotate(180deg)}handyketten-filters .hk-selected-count:not(:empty){font-size:1.2rem;font-weight:600}handyketten-filters .hk-filter-panel{position:absolute;top:calc(100% + .5rem);left:0;width:max(100%,26rem);max-width:calc(100vw - 3rem);z-index:5;padding:1rem;background:var(--burga-bg);border:1px solid var(--burga-border);border-radius:3px;box-shadow:0 7px 22px #0000001a}handyketten-filters .hk-filter:last-child .hk-filter-panel{left:auto;right:0}handyketten-filters .hk-options{max-height:min(36rem,50vh);overflow-y:auto;overscroll-behavior:contain}handyketten-filters .hk-option{display:flex;align-items:center;gap:.8rem;padding:.8rem .4rem;min-height:4.4rem;line-height:1.35;font-size:1.3rem;cursor:pointer}handyketten-filters .hk-option input{width:1.7rem;height:1.7rem;margin:0;flex:0 0 auto;accent-color:var(--burga-fg)}handyketten-filters .hk-option.is-unavailable{opacity:.4;cursor:default}handyketten-filters .hk-option-count{margin-left:auto;font-size:1.15rem;white-space:nowrap}handyketten-filters .hk-search{width:100%;min-height:4.4rem;border:1px solid var(--burga-border);border-radius:0;padding:.8rem;margin:0 0 .6rem;background:var(--burga-bg);font-size:1.3rem}handyketten-filters .hk-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--burga-border);font-size:1.3rem}handyketten-filters [data-hk-count]{font-weight:600}handyketten-filters .hk-toolbar-actions{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}handyketten-filters .hk-sort{min-height:4.4rem;padding:.7rem 1rem;border:1px solid var(--burga-border);border-radius:20px;background:var(--burga-bg);max-width:100%}handyketten-filters .hk-clear{border:0;background:transparent;padding:.8rem 0;min-height:4.4rem;text-decoration:underline;text-underline-offset:3px}handyketten-filters .hk-chips{display:flex;flex-wrap:wrap;gap:.6rem;padding-top:1rem}handyketten-filters .hk-chips:empty{padding:0}handyketten-filters .hk-chip{display:inline-flex;gap:.8rem;align-items:center;min-height:4.4rem;border:1px solid var(--burga-border);border-radius:24px;padding:.7rem 1.3rem;background:rgba(var(--color-foreground),.04);font-size:1.25rem}handyketten-filters .hk-empty{grid-column:1 / -1;padding:4rem 0;text-align:center}handyketten-filters .hk-retry{padding:1rem 2rem;border:1px solid currentColor;background:transparent}@media screen and (max-width:749px){handyketten-filters{padding:0 1rem}handyketten-filters .hk-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}handyketten-filters summary{padding:1rem;font-size:1.3rem}handyketten-filters .hk-filter:nth-of-type(2n) .hk-filter-panel{left:auto;right:0}handyketten-filters .hk-filter-panel{max-width:calc(100vw - 2rem)}handyketten-filters .hk-toolbar-actions{gap:1rem}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/handyketten-filters.css.map */