.hh-pop-up{transition:visibility 0s linear .3s;visibility:hidden;z-index:1001}.hh-pop-up--active{transition:visibility 0s linear 0s;visibility:visible}.hh-pop-up--active .hh-pop-up__background{opacity:1;pointer-events:all}.hh-pop-up--active .hh-pop-up__panel{transform:translateX(0)}.hh-pop-up__panel{background-color:var(--hh-color-white,#fff);box-shadow:var(--hh-shadow-sm,none);height:100%;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:100%;z-index:2}@media(min-width:375px){.hh-pop-up__panel{width:90vw}}@media(min-width:768px){.hh-pop-up__panel{max-width:40rem;padding:1rem}}.hh-pop-up__navigation{display:flex;justify-content:end;padding:1rem 1rem .5rem 0;position:sticky;top:0;z-index:3}@media(min-width:768px){.hh-pop-up__navigation{padding:2rem 2rem 1rem 0}}.hh-pop-up__close{flex-direction:row-reverse;gap:0;width:auto}.hh-pop-up__close.hh-button:not(.hh-button--style-text):not(.hh-button--style-alternative).hh-button--size-large{padding:.25rem 1.75rem .25rem 1.2rem}@media(max-width:374px){.hh-pop-up__close{width:auto}}.hh-pop-up__close .hh-button__icon-container{align-items:center;background:none;border-radius:0;color:inherit;display:flex;height:auto;justify-content:center;margin:0;padding:0;width:auto}.hh-pop-up__close .hh-button__icon{color:inherit;fill:currentColor;height:2.25rem;transform:rotate(0);transition:transform .2s ease-in-out;width:2.25rem}@media(hover:hover)and (pointer:fine){.hh-pop-up__close:hover .hh-button__icon{transform:rotate(90deg)}}.hh-pop-up__background{backdrop-filter:blur(5px);background-color:rgba(0,0,0,.1);content:"";cursor:pointer;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:1}