.search-template-modal__filter-dialog{z-index:30;width:100%;height:100dvh;max-height:100dvh;pointer-events:none;opacity:0;transform:translateY(100%);transition:transform .3s cubic-bezier(.7,0,.3,1),opacity .3s cubic-bezier(.7,0,.3,1)}.search-template-modal__filter-dialog::backdrop{background:transparent}.search-template-modal__filter-dialog[open]{display:flex;flex-direction:column;pointer-events:all;opacity:1;transform:translateY(0)}.search-template-modal__header{font-size:clamp(1.25rem,1.02vw + .98rem,2rem);font-variant:initial;font-weight:700;line-height:130%;letter-spacing:0rem;font-style:normal;text-transform:none;font-stretch:normal;box-shadow:0 0 16px #2222221f;z-index:20;top:0;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid oklch(80% 0 0deg)}@media(min-width:1024px){.search-template-modal__header{font-size:clamp(1rem,.34vw + .91rem,1.25rem);font-variant:initial;font-weight:700;line-height:140%;letter-spacing:0rem;font-style:normal;text-transform:none;font-stretch:normal;background:transparent;box-shadow:none}}dialog[open] .search-template-modal__header{position:sticky;background:#fff}.search-template-modal__filter-dialog-footer{position:sticky;bottom:0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:1rem;background:#fff;box-shadow:0 0 16px #2222221f}.search-template-modal__filter-dialog-footer .button{flex-grow:1}@media(min-width:420px){.search-template-modal__filter-dialog-footer .button{flex-grow:unset;min-width:9.875rem}}.search-template-modal__filter-content{padding:1rem}.search-template-modal__filter-close{color:#222;transition:color .3s ease}.search-template-modal__filter-close:is(:hover,:focus-visible,:active){color:#656565}
