.nc-filter-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000070;font-family:var(--nc-font-family);color:var(--nc-color-ink-900)}.nc-filter-panel[hidden]{display:none}.nc-filter-panel__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--nc-scrim);animation:nc-overlay-fade var(--nc-duration-base) var(--nc-easing-standard)}.nc-filter-panel__panel{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;box-sizing:border-box;width:min(400px,100%);background:var(--nc-color-surface-000);border-left:var(--nc-border-width) solid var(--nc-color-border-200);animation:nc-filter-in var(--nc-duration-base) var(--nc-easing-standard)}.nc-filter-panel[data-state=closing] .nc-filter-panel__scrim{opacity:0;transition:opacity var(--nc-duration-base) var(--nc-easing-standard)}.nc-filter-panel[data-state=closing] .nc-filter-panel__panel{pointer-events:none;opacity:0;transform:translate(var(--nc-motion-distance));transition:transform var(--nc-duration-base) var(--nc-easing-standard),opacity var(--nc-duration-base) var(--nc-easing-standard)}.nc-filter-panel__handle{display:none;flex:0 0 auto;width:36px;height:4px;margin:8px auto 0;background:var(--nc-color-border-200);border-radius:var(--nc-radius-pill)}.nc-filter-panel__header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:var(--nc-space-8);min-height:56px;padding:0 var(--nc-space-8) 0 20px;border-bottom:var(--nc-border-width) solid var(--nc-color-border-200)}.nc-filter-panel__title{margin:0;font-size:var(--nc-font-size-heading);font-weight:var(--nc-font-weight-bold);line-height:var(--nc-line-height-tight)}.nc-filter-panel__close{display:inline-flex;align-items:center;justify-content:center;width:var(--nc-target-min);height:var(--nc-target-min);padding:0;background:transparent;color:var(--nc-color-muted-600);border:0;border-radius:var(--nc-radius-6);cursor:pointer}.nc-filter-panel__close svg{width:var(--nc-icon-20);height:var(--nc-icon-20)}@media(hover:hover){.nc-filter-panel__close:hover{background:var(--nc-color-warm-100)}}.nc-filter-panel__body{display:grid;flex:1 1 auto;align-content:start;gap:20px;padding:20px;overflow-y:auto}.nc-filter-panel__group{min-width:0;margin:0;padding:0;border:0}.nc-filter-panel__legend{float:left;width:100%;margin:0 0 var(--nc-space-4);padding:0;font-size:var(--nc-font-size-label);font-weight:var(--nc-font-weight-semibold)}.nc-filter-panel__legend+.nc-filter-panel__row{clear:both}.nc-filter-panel__row{position:relative;display:flex;align-items:center;gap:var(--nc-space-12);min-height:var(--nc-target-min);font-size:var(--nc-font-size-body);cursor:pointer}.nc-filter-panel__input{position:absolute;width:20px;height:20px;margin:0;opacity:0}.nc-filter-panel__box{position:relative;flex:0 0 auto;box-sizing:border-box;width:20px;height:20px;background:var(--nc-color-surface-000);border:var(--nc-border-width) solid var(--nc-color-border-200);border-radius:var(--nc-radius-4);transition:background-color var(--nc-duration-fast) var(--nc-easing-standard)}.nc-filter-panel__box--radio{border-radius:var(--nc-radius-pill)}@media(hover:hover){.nc-filter-panel__row:hover .nc-filter-panel__box{background:var(--nc-color-warm-100)}}.nc-filter-panel__input:focus-visible+.nc-filter-panel__box{outline:var(--nc-focus-ring-width) solid var(--nc-focus-ring-color);outline-offset:var(--nc-focus-ring-offset)}.nc-filter-panel__input:checked+.nc-filter-panel__box{background:var(--nc-color-violet-600-fill);border-color:var(--nc-color-violet-600-fill)}.nc-filter-panel__input:checked+.nc-filter-panel__box--checkbox:after{content:"";position:absolute;top:3px;left:6px;width:5px;height:9px;border:solid var(--nc-color-on-violet-fill);border-width:0 2px 2px 0;transform:rotate(45deg)}.nc-filter-panel__input:checked+.nc-filter-panel__box--radio:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;background:var(--nc-color-on-violet-fill);border-radius:var(--nc-radius-pill)}.nc-filter-panel__input:checked~.nc-filter-panel__text{font-weight:var(--nc-font-weight-semibold)}.nc-filter-panel__count{margin-left:auto;color:var(--nc-color-muted-600);font-size:var(--nc-font-size-label)}.nc-filter-panel__empty{margin:0;color:var(--nc-color-muted-600);font-size:var(--nc-font-size-body)}.nc-filter-panel__footer{display:flex;flex:0 0 auto;gap:var(--nc-space-12);padding:var(--nc-space-16) 20px calc(var(--nc-space-16) + env(safe-area-inset-bottom,0px));border-top:var(--nc-border-width) solid var(--nc-color-border-200)}.nc-filter-panel__footer>span{display:block;flex:1 1 0}.nc-filter-panel__footer .nc-button{width:100%}@media(max-width:599px){.nc-filter-panel__panel{top:auto;left:0;width:auto;max-height:90vh;max-height:90dvh;border-left:0;border-top:var(--nc-border-width) solid var(--nc-color-border-200);border-radius:var(--nc-radius-16) var(--nc-radius-16) 0 0;overflow:hidden;animation-name:nc-filter-up}.nc-filter-panel__handle{display:block}.nc-filter-panel[data-state=closing] .nc-filter-panel__panel{transform:translateY(var(--nc-motion-distance))}}@keyframes nc-filter-in{0%{opacity:0;transform:translate(var(--nc-motion-distance))}}@keyframes nc-filter-up{0%{opacity:0;transform:translateY(var(--nc-motion-distance))}}@media(prefers-reduced-motion:reduce){.nc-filter-panel__panel,.nc-filter-panel__scrim{animation-duration:80ms}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/nc-filter-panel.css.map */