.of-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 0 1rem;flex-wrap:wrap;gap:.5rem}.of-toolbar-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.of-mobile-filter-btn{display:none;align-items:center;gap:.4rem;background:rgb(var(--color-background, 255 255 255));border:1px solid rgba(var(--color-foreground, 18 18 18),.15);border-radius:4px;padding:.5rem 1rem;font-size:1.4rem;font-family:inherit;cursor:pointer}.of-price-fields{display:flex;align-items:center;gap:.8rem;padding:.5rem 0 1rem}.of-price-fields .field{flex:1}.of-hidden{display:none!important}.of-pagination{display:flex;align-items:center;justify-content:center;gap:.3rem;padding:2rem 0 1rem}.of-page-btn{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(var(--color-foreground, 18 18 18),.15);border-radius:4px;background:rgb(var(--color-background, 255 255 255));font-size:1.3rem;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s}.of-page-btn:hover{border-color:rgb(var(--color-foreground, 18 18 18))}.of-page-active{background:rgb(var(--color-foreground, 18 18 18));color:rgb(var(--color-background, 255 255 255));border-color:rgb(var(--color-foreground, 18 18 18))}.of-page-dots{font-size:1.4rem;color:rgba(var(--color-foreground, 18 18 18),.5);padding:0 .2rem}.of-empty{text-align:center;padding:3rem 1rem;color:rgba(var(--color-foreground, 18 18 18),.6)}.of-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.of-drawer{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:85vw;background:rgb(var(--color-background, 255 255 255));z-index:1000;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto;padding:1rem}.of-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 .5rem;margin-bottom:.5rem;border-bottom:1px solid rgba(var(--color-foreground, 18 18 18),.08)}.of-drawer-header h2{font-size:1.6rem;margin:0}.of-drawer-close{background:none;border:none;cursor:pointer;padding:.25rem;display:flex}#of-mobile-drawer.of-drawer--open .of-drawer-overlay{opacity:1;visibility:visible}#of-mobile-drawer.of-drawer--open .of-drawer{transform:translate(0)}@media(max-width:989px){.of-mobile-filter-btn{display:inline-flex}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/opasladen-filters.css.map */