.catalog-filter-dialog,.gift-filter-dialog{--filter-dialog-ease-out: cubic-bezier(.16, 1, .3, 1);position:fixed;inset:0 0 0 auto;width:87%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-inline-start:1px solid var(--color-stone-200);background:var(--color-stone-50);color:var(--color-stone-900);box-shadow:-12px 0 32px #1d12171f;transform:translate(100%);animation:catalog-filter-enter .32s var(--filter-dialog-ease-out) forwards}.catalog-filter-dialog::backdrop,.gift-filter-dialog::backdrop{background:#1d12176b;animation:catalog-filter-backdrop .22s var(--filter-dialog-ease-out) forwards}.catalog-filter-dialog.is-closing,.gift-filter-dialog.is-closing{animation:catalog-filter-exit .2s ease-in forwards}.catalog-filter-dialog.is-closing::backdrop,.gift-filter-dialog.is-closing::backdrop{animation:catalog-filter-backdrop-out .2s ease-in forwards}@media(min-width:48rem){.catalog-filter-dialog,.gift-filter-dialog{width:min(30rem,92%)}}@keyframes catalog-filter-enter{to{transform:translate(0)}}@keyframes catalog-filter-exit{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes catalog-filter-backdrop{0%{opacity:0}to{opacity:1}}@keyframes catalog-filter-backdrop-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.catalog-filter-dialog,.catalog-filter-dialog.is-closing,.catalog-filter-dialog::backdrop,.gift-filter-dialog,.gift-filter-dialog.is-closing,.gift-filter-dialog::backdrop{animation-duration:1ms}}