.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-md,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:576px){.hh-pop-up__panel{width:90vw}}@media(min-width:768px){.hh-pop-up__panel{border-bottom-left-radius:var(--hh-large-border-radius,3rem);height:calc(100% - 3rem);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{align-items:center;background-color:var(--hh-color-white,#fff);border:2px solid var(--hh-color-secondary,#000);border-radius:2.5rem;box-shadow:0 0 10px rgba(0,0,0,.15);display:flex;justify-content:center;padding:.5rem 1.75rem .5rem 1.2rem;transition:all .2s ease-in-out}@media(hover:hover)and (pointer:fine){.hh-pop-up__close:hover{background-color:var(--hh-color-secondary,purple)}.hh-pop-up__close:hover .hh-pop-up__close-icon{color:var(--hh-color-white,#fff);transform:rotate(90deg)}.hh-pop-up__close:hover .hh-pop-up__close-text{color:var(--hh-color-white,#fff)}}.hh-pop-up__close-icon{color:var(--hh-color-secondary,purple);height:2.5rem;transform:rotate(0);transition:all .2s ease-in-out;width:2.5rem}.hh-pop-up__close-text{color:var(--hh-color-secondary,purple);font-family:var(--hh-font-button),sans-serif;font-size:1rem;font-weight:var(--hh-font-weight-bold,bold);line-height:1.25rem}.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}