.filter-sidebar{background:#f5f5f5;padding:3rem;border-radius:8px}.filter-sidebar__header{margin-bottom:1rem}.filter-sidebar__section .form--field--label,.filter-sidebar__section h4{margin:0 0 1rem}.filter-sidebar__buttons{display:flex;flex-wrap:wrap;gap:.5rem}.filter-sidebar__buttons button{padding:.25rem .75rem;border:1px solid var(--gray-400);background:#fff;cursor:pointer}.filter-sidebar__buttons button.active{background:#333;color:#fff;border-color:#333}.filter-bubbles{display:none}.filter-bubbles__create,.filter-bubbles__filter{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:999px;border:none;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;transition:box-shadow .2s ease}.filter-bubbles__create .icon,.filter-bubbles__filter .icon{width:16px;height:16px;-webkit-mask-size:16px;mask-size:16px}.filter-bubbles__filter{background:#fff;color:var(--color-copy,#333);box-shadow:0 2px 16px rgba(0,0,0,.18)}.filter-bubbles__filter .icon{background-color:var(--color-copy,#333)}.filter-bubbles__filter:hover{box-shadow:0 4px 20px rgba(0,0,0,.25)}.filter-bubbles__create{background:var(--color-1);color:#fff;box-shadow:0 2px 16px rgba(0,0,0,.18);margin-left:auto}.filter-bubbles__create .icon{background-color:#fff}.filter-bubbles__create:hover{box-shadow:0 4px 20px rgba(0,0,0,.3)}.filter-bubbles__reset{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:999px;border:none;background:#fff;box-shadow:0 2px 16px rgba(0,0,0,.18);cursor:pointer;transition:box-shadow .2s ease}.filter-bubbles__reset .icon{width:16px;height:16px;-webkit-mask-size:16px;mask-size:16px;background-color:var(--color-copy,#333)}.filter-bubbles__reset:hover{box-shadow:0 4px 20px rgba(0,0,0,.25)}.filter-bubbles__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--color-1);color:#fff;font-size:70%;font-weight:700;line-height:1}.filter-sidebar__backdrop{display:none}.filter-sidebar__popup-header{display:none}.filter-sidebar__footer{display:none}.filter-sidebar__apply{padding:10px 20px;background:var(--color-1);color:#fff;border:none;border-radius:var(--radius-sm);font-size:100%;font-weight:600;cursor:pointer;white-space:nowrap}.filter-sidebar__more{display:block;margin-left:auto;margin-right:auto;padding:5px 15px;border:none;border-radius:var(--radius-sm);background:var(--color-1);color:#fff;line-height:1;cursor:pointer;text-align:center;white-space:nowrap}.filter-sidebar__close{display:none}.filter-sidebar__mobile-bar{display:none}@media (max-width:1024px){.filter-sidebar__search{padding:7px!important}.filter-sidebar{display:none;position:fixed;bottom:16px;left:16px;right:16px;max-height:70vh;z-index:110;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.2);padding:3rem 3rem 0;flex:none;transform-origin:bottom left;transform:scale(.3);opacity:0;transition:transform .3s cubic-bezier(.25,.46,.45,.94),opacity .2s ease}.filter-sidebar.is-open{display:block;transform:scale(1);opacity:1}.filter-bubbles{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;padding:0 16px 16px;gap:10px;pointer-events:none;transition:transform .25s ease,opacity .25s ease;transform:translateY(80px);opacity:0}.is-scrolling-down .filter-bubbles{transform:translateY(0);opacity:1}.filter-bubbles.is-hidden{transform:translateY(80px);opacity:0;pointer-events:none}.filter-sidebar__backdrop{position:fixed;inset:0;z-index:105;background:rgba(0,0,0,.3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease;pointer-events:none}.filter-sidebar__backdrop.is-open{display:block;opacity:1;pointer-events:auto}.filter-sidebar__popup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.filter-sidebar__footer{display:flex;gap:8px;position:sticky;bottom:0;padding:12px 0;margin-top:1rem;background:#fff}}