tp-modal{display:none;background-color:rgba(0,0,0,.5);backdrop-filter:blur(2px);position:fixed;height:100%;width:100%;left:0;top:0;z-index:99;max-width:100%;overflow-y:auto;padding:20px;box-sizing:border-box}tp-modal[open]{display:flex}tp-modal-close{position:absolute;top:20px;right:20px}tp-modal-content{display:block;min-width:0;margin:auto;padding:20px;background-color:#fff;max-width:80ch}

.modal{padding:0;background:var(--color-translucent-background);-webkit-backdrop-filter:unset;backdrop-filter:unset;overflow:hidden;align-items:flex-end}.modal--open{transition:fadein var(--transition-time) var(--transition-easing);animation:fadein var(--transition-easing) var(--transition-time)}@keyframes fadein{0%{opacity:0}100%{opacity:1}}.modal--open.modal--slide-in-out .modal__content{transition:slideup var(--transition-time) var(--transition-easing);animation:slideup var(--transition-easing) var(--transition-time)}@keyframes slideup{0%{transform:translateY(150%)}}.modal--close{transition:fadeout var(--transition-time) var(--transition-easing);animation:fadeout var(--transition-easing) var(--transition-time)}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}.modal--close.modal--slide-in-out .modal__content{transition:slidedown var(--transition-time) var(--transition-easing);animation:slidedown var(--transition-easing) var(--transition-time)}@keyframes slidedown{100%{transform:translateY(150%)}}@media screen and (min-width: 768px){.modal{padding:var(--grid-col-gutter)}}.modal__close-button{position:absolute;display:inline-block;padding:var(--spacing-4)}.modal__close-button button{border:none;background:rgba(0,0,0,0);cursor:pointer;height:24px;width:24px}.modal__content-wrap{background-color:var(--color-navy);text-align:initial;border-radius:var(--border-radius);overflow-y:auto;max-height:calc(100dvh - 40px)}.modal__content{background-color:rgba(0,0,0,0);position:relative;width:640px;max-width:calc(100dvh - 40px)}@media screen and (min-width: 1024px){.modal__content{max-width:640px}}.modal__open-modal{display:contents}.modal.sidebar-filters__sticky-filters-modal .modal__content-wrap{height:calc(100dvh - var(--spacing-8));background-color:var(--color-white);display:flex;flex-direction:column;border-bottom-right-radius:0;border-bottom-left-radius:0}.modal.sidebar-filters__sticky-filters-modal .modal__content{padding:0;margin:0;width:100%}.modal.sidebar-filters__sticky-filters-modal .modal__close-button{top:0;right:0}.modal.sidebar-filters__sticky-filters-modal .modal__close-button svg path{fill:var(--color-black)}.modal.sidebar-filters__sticky-filters-modal .sidebar-filters__reset-all-button{display:none}
