.UiCollectionToolbar{min-height:var(--filter-toolbar-min-height)}.CollectionInner__Products{isolation:isolate}.UiFilterTrigger{display:inline-flex;min-width:var(--filter-control-min-size);min-height:var(--filter-control-min-size);padding:var(--space-xs) var(--space-sm);align-items:center;justify-content:center;gap:var(--space-xs);color:var(--color-text-primary);touch-action:manipulation;transition:color var(--filter-motion-duration) var(--motion-easing-standard),background-color var(--filter-motion-duration) var(--motion-easing-standard)}.UiFilterTrigger svg{flex:0 0 auto;pointer-events:none}.UiFilterTrigger .UiIcon--filters{width:var(--filter-trigger-icon-width);height:var(--filter-trigger-icon-height)}.UiFilterTrigger .UiIcon--reset-filters{width:var(--filter-reset-icon-width);height:var(--filter-reset-icon-height)}.UiFilterTrigger:hover,.UiFilterTrigger[aria-expanded=true]{color:var(--color-text-strong);background-color:var(--filter-option-hover-background)}.UiFilterTrigger:focus-visible,.UiFiltersDrawer__close:focus-visible,.UiFilterOption__input:focus-visible+.UiFilterOption__label,.UiFilters .ColorSwatch__Radio:focus-visible+.ColorSwatch,.UiFilters .range:focus-visible,.UiFilters .input-prefix__field:focus-visible{outline:var(--control-focus-width) solid var(--color-focus-ring);outline-offset:2px}.UiFilterTrigger__count{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.UiFiltersDrawer{top:0;right:0;bottom:0;left:auto;width:min(calc(100vw - var(--space-lg)),var(--filter-drawer-width));height:100vh;height:100dvh;transform:translate(100%);overscroll-behavior:contain;box-shadow:var(--shadow-medium)}.UiFiltersDrawer[aria-hidden=false]{transform:translate(0)}.UiFiltersDrawer__content{height:100%;background:var(--filter-panel-background)}.UiFiltersDrawer__header{flex:0 0 var(--filter-drawer-header-height);height:var(--filter-drawer-header-height);min-height:var(--filter-drawer-header-height);max-height:none;padding:0 var(--filter-drawer-gutter);justify-content:space-between;text-align:left;border-bottom:0}.UiFiltersDrawer__title{margin:0;color:var(--color-text-strong)}.UiFiltersDrawer__header .UiFiltersDrawer__close{position:static;display:inline-flex;width:var(--filter-control-min-size);height:var(--filter-control-min-size);align-items:center;justify-content:center;margin-inline-end:calc(-1 * var(--space-xs));padding:0;border:0;background:transparent;color:var(--color-text-primary);cursor:pointer;touch-action:manipulation}.UiFiltersDrawer .UiFiltersDrawer__main{min-height:0;height:auto;padding:0;overflow:hidden}.collection-filters-form.UiFilters{display:flex;height:100%;min-height:0;flex-direction:column;gap:0;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain}.UiFilters__group{flex:0 0 auto;min-width:0;margin:var(--space-md) 0 0;padding:0 var(--filter-drawer-gutter) var(--space-sm);border:0}.UiFilters__legend,.UiFilters .Filter__Inner__Heading{width:100%;margin:0 0 var(--space-xs);padding:0;color:var(--color-text-strong);font-size:var(--font-size-md);line-height:var(--line-height-default)}.UiFilters__list{display:grid;margin:0;padding:0;gap:var(--space-2xs);list-style:none}.UiFilterOption{margin:0}.UiFilterOption__label{position:relative;display:flex;min-height:var(--filter-control-min-size);padding:var(--space-xs) var(--space-xs) var(--space-xs) calc(var(--filter-indicator-size) + var(--space-md));align-items:center;justify-content:space-between;gap:var(--space-sm);color:var(--color-text-primary);cursor:pointer;touch-action:manipulation;transition:color var(--filter-motion-duration) var(--motion-easing-standard),background-color var(--filter-motion-duration) var(--motion-easing-standard)}.UiFilterOption__label:before,.UiFilterOption__label:after{position:absolute;content:""}.UiFilterOption__label:before{top:50%;left:var(--space-xs);width:var(--filter-indicator-size);height:var(--filter-indicator-size);border:1px solid var(--filter-indicator-border-color);background:var(--color-surface-canvas);transform:translateY(-50%)}.UiFilterOption__input[type=radio]+.UiFilterOption__label:before,.UiFilterOption__input[type=radio]+.UiFilterOption__label:after{box-sizing:border-box;border-radius:var(--radius-round)}.UiFilterOption__label:hover{color:var(--color-text-strong);background:var(--filter-option-hover-background)}.UiFilterOption__input:checked+.UiFilterOption__label{color:var(--color-text-strong);background:var(--filter-option-selected-background)}.UiFilterOption__input:checked+.UiFilterOption__label:before{border-color:var(--color-text-strong);background:var(--color-text-strong)}.UiFilterOption__input[type=checkbox]:checked+.UiFilterOption__label:after{top:50%;left:14px;width:8px;height:4px;border-bottom:1.5px solid var(--color-text-inverse);border-left:1.5px solid var(--color-text-inverse);transform:translateY(-65%) rotate(-45deg)}.UiFilterOption__input[type=radio]:checked+.UiFilterOption__label:after{top:50%;left:calc(var(--space-xs) + var(--filter-indicator-size) / 2);width:6px;height:6px;background:var(--color-text-inverse);transform:translate(-50%,-50%)}.UiFilterOption__count{color:var(--color-text-muted);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.UiFilters__colorList{display:flex;flex-wrap:wrap;margin:0;padding:2px;gap:var(--space-sm);list-style:none}.UiFilters__colorItem{position:relative;margin:0}.UiFilters .ColorSwatch{width:var(--filter-swatch-size);height:var(--filter-swatch-size)}.UiFilters .price-range{display:grid;gap:var(--space-md);padding-block-start:0}.UiFilters .range-group{margin:var(--space-xs) 5px 0}.UiFilters .range::-webkit-slider-thumb{width:var(--filter-range-thumb-size);height:var(--filter-range-thumb-size);margin-top:-7px}.UiFilters .range::-moz-range-thumb{width:var(--filter-range-thumb-size);height:var(--filter-range-thumb-size)}.UiFilters .price-range__input-group{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-xs)}.UiFilters .price-range__input{min-height:var(--filter-control-min-size);border-color:var(--color-border-default);background:var(--color-surface-canvas)}.UiFilters .price-range__input:focus-within{border-color:var(--color-border-strong)}.UiFilters__actions{position:sticky;right:auto;bottom:0;left:auto;z-index:1;display:flex;width:100%;flex:0 0 auto;flex-direction:column;margin-top:auto;justify-content:stretch;gap:var(--space-sm);padding:var(--space-md) var(--filter-drawer-gutter) calc(var(--space-md) + env(safe-area-inset-bottom));background:var(--filter-panel-background)}.UiFilters__actions .Button{width:100%;min-width:0;margin:0}.UiFilters__actions .Button--primary{order:-1}.UiFilters__actions .Button--primary .UiFilterOption__count{color:inherit;margin-inline-start:var(--space-xs)}#collection-filters-sidebar-form .UiFilters__actions{display:none}.CollectionInner__Sidebar .UiFilters{display:grid;grid-template-columns:1fr;padding:0;gap:var(--space-xl)}.PopsCollection__finishTrigger{min-height:var(--filter-control-min-size);border-color:var(--color-border-default);background:var(--filter-panel-background);transition:border-color var(--filter-motion-duration) var(--motion-easing-standard),background-color var(--filter-motion-duration) var(--motion-easing-standard)}.PopsCollection__finishTrigger:hover,.PopsCollection__finishTrigger[aria-expanded=true]{border-color:var(--color-border-strong);background:var(--filter-option-hover-background)}.PopsCollection__finishList{border-color:var(--color-border-strong);background:var(--filter-panel-background);box-shadow:var(--shadow-medium)}.PopsCollection__finishOption:hover,.PopsCollection__finishOption:focus-visible{background:var(--filter-option-hover-background)}.PopsCollection__finishOption[aria-selected=true]{background:var(--filter-option-selected-background)}@media screen and (max-width:1199px){.UiFiltersDrawer{--filter-drawer-gutter: var(--space-md)}}@media screen and (max-width:640px){.UiCollectionToolbar{padding:var(--space-xs) var(--space-md);align-items:center}.UiFilterTrigger{padding-inline:var(--space-xs)}}@media(prefers-reduced-motion:reduce){.UiFilterTrigger,.UiFilterOption__label,.PopsCollection__finishTrigger{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/ui-filters.css.map */
