body [data-filter-form].collection-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.collection-toolbar-actions{display:flex;align-items:center;gap:24px;min-width:0}.collection-filter-open{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:8px 0;border:0;background:transparent;color:var(--white);font:600 18px/1.3 Rajdhani,Arial,sans-serif;cursor:pointer}.collection-filter-open .icon{width:20px;height:20px}.collection-filter-open:hover{color:var(--yellow)}.collection-filter-open:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.collection-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 5px;background:var(--yellow);color:var(--black);font-size:14px}body [data-filter-form] .collection-filter-drawer{position:fixed;inset:0 auto 0 0;width:min(400px,calc(100vw - 24px));max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-right:1px solid var(--line);background:var(--black);color:var(--white);overflow:hidden;box-shadow:16px 0 48px #0005}body [data-filter-form] .collection-filter-drawer[open]{display:flex;flex-direction:column;animation:collection-filter-enter .22s cubic-bezier(.16,1,.3,1)}.collection-filter-drawer::backdrop{background:#0009}.collection-filter-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none;padding:20px 24px;border-bottom:1px solid var(--line)}.collection-filter-header h2{margin:0;font:600 28px/1.2 Rajdhani,Arial,sans-serif}.collection-filter-header .icon-button{width:44px;height:44px;padding:10px}.collection-filter-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px 24px 24px}.collection-filter-fieldset{padding:24px 0;border-bottom:1px solid var(--line)}.collection-filter-fieldset h3{margin:0 0 16px;font:600 21px/1.3 Rajdhani,Arial,sans-serif}body [data-filter-form] .collection-filter-drawer .filter-options{position:static;inset:auto;width:100%;min-width:0;padding:0;border:0;background:transparent;box-shadow:none}body [data-filter-form] .collection-filter-drawer .filter-actions,body [data-filter-form] .collection-filter-drawer .filter-price-heading{display:none}body [data-filter-form] .collection-filter-drawer .filter-price-limit{margin:0 0 20px}.collection-filter-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:20px 24px max(20px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--black)}body [data-filter-form] .collection-filter-footer .filter-reset{font-size:16px}body [data-filter-form] .collection-filter-footer .button{min-height:48px;padding:12px 20px;font-size:16px;gap:24px}@keyframes collection-filter-enter{0%{transform:translate(-100%)}to{transform:translate(0)}}@media(max-width:600px){.collection-toolbar-actions{width:100%;justify-content:space-between;gap:16px}.collection-toolbar-actions .collection-sort{min-width:0;max-width:190px}.collection-filter-header,.collection-filter-footer,.collection-filter-content{padding-inline:20px}}@media(prefers-reduced-motion:reduce){body [data-filter-form] .collection-filter-drawer[open]{animation:none}}@media(max-height:400px){body [data-filter-form] .collection-filter-drawer{overflow-y:auto;overscroll-behavior:contain}.collection-filter-content{flex:none;overflow:visible}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/collection-filter-drawer.css.map */
