.account-header-modal-is-active{overflow:hidden}.account-header-modal{width:100%;position:fixed;right:0;transform:translate(100%);visibility:hidden;z-index:100;box-sizing:border-box;background-color:var(--theme-color-reverse);border-top:1px solid var(--theme-color-button-outlines);transition:visibility .1s,transform .2s ease-in-out}.account-header-modal-is-active .account-header-modal{transform:translate(0);visibility:visible;transition:visibility .1s,transform .2s ease-in-out}.account-header-modal__close{position:absolute;right:1.2rem;top:.8rem}.account-header-modal--bg{background-color:#000000b3;backdrop-filter:blur(.25rem);-webkit-backdrop-filter:blur(.25rem);top:0;left:0;bottom:0;right:0;position:fixed;display:block;z-index:99;opacity:0;visibility:hidden;cursor:default;transition:all var(--duration-default) ease-in-out}.account-header-modal-is-active .account-header-modal--bg{opacity:1;visibility:visible;cursor:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='23.8572' cy='24.4077' r='23.5317' fill='white'/%3E%3Cpath d='M29.9897 30.5418L17.7242 18.2764' stroke='black' stroke-width='2.07225'/%3E%3Cpath d='M29.9897 18.2756L17.7242 30.541' stroke='black' stroke-width='2.07225'/%3E%3C/svg%3E%0A") 24 24,auto}.account-header-modal__body{padding:2rem 4rem}.account-header-modal__description{padding-top:.4rem}.account-header-modal__actions{width:100%;padding-top:2.2rem;gap:1rem}.account-header-modal__logout{margin-top:2.2rem;line-height:1}.account-header-modal__logout a{gap:.6rem}.account-header-modal-is-active hh-sticky-header hh-header.hh-header--is-transparent .bg-background{background-color:var(--theme-color-reverse)}.account-header-modal-is-active hh-sticky-header hh-header.hh-header--is-transparent{color:var(--theme-color-ink)}@media screen and (min-width: 750px){.account-header-modal{width:31rem;border:1px solid var(--theme-color-button-outlines);border-radius:.5rem;right:1rem;margin-top:.9rem}.account-header-modal__body{padding:2.5rem}}@media screen and (min-width: 990px){.account-header-modal-is-active.template-index .account-header-modal{margin-top:6.9rem}}
/*# sourceMappingURL=/cdn/shop/t/1377/assets/section-account-header-modal.css.map */