:root{--mp-page-header-title-color: var(--mp-color-text-1);--mp-page-header-subtitle-color: var(--mp-color-text-3);--mp-page-header-back-color: var(--mp-color-text-2);--mp-page-header-title-font-size: var(--mp-font-size-lg);--mp-page-header-title-font-weight: 600;--mp-page-header-font-size: var(--mp-font-size-md);--mp-page-header-back-size: 22px;--mp-page-header-back-hover-size: 30px;--mp-page-header-back-hover-bg: var(--mp-sys-color-state-hover);--mp-page-header-row-gap: 12px;--mp-page-header-item-gap: 12px;--mp-page-header-content-margin-top: 16px;--mp-page-header-footer-margin-top: 16px}.mp-page-header__wrapper{width:100%;color:var(--mp-page-header-title-color);font-size:var(--mp-page-header-font-size)}.mp-page-header__header{margin-bottom:var(--mp-page-header-row-gap)}.mp-page-header{display:flex;align-items:center;justify-content:space-between}.mp-page-header__main{display:flex;align-items:center;min-width:0}.mp-page-header__main>*+*{margin-inline-start:var(--mp-page-header-item-gap)}.mp-page-header__back{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:0;color:var(--mp-page-header-back-color);font:inherit;font-size:var(--mp-page-header-back-size);background:transparent;cursor:pointer}.mp-page-header__back:before{position:absolute;z-index:-1;width:var(--mp-page-header-back-hover-size);height:var(--mp-page-header-back-hover-size);border-radius:50%;content:""}.mp-page-header__back:focus-visible:before{background:var(--mp-page-header-back-hover-bg)}@media (hover: hover) and (pointer: fine){.mp-page-header__back:hover:before{background:var(--mp-page-header-back-hover-bg)}}.mp-page-header__title{overflow:hidden;color:var(--mp-page-header-title-color);font-size:var(--mp-page-header-title-font-size);font-weight:var(--mp-page-header-title-font-weight);white-space:nowrap;text-overflow:ellipsis}.mp-page-header__subtitle{overflow:hidden;color:var(--mp-page-header-subtitle-color);white-space:nowrap;text-overflow:ellipsis}.mp-page-header__extra{flex-shrink:0;margin-inline-start:var(--mp-page-header-item-gap)}.mp-page-header__content{margin-top:var(--mp-page-header-content-margin-top)}.mp-page-header__footer{margin-top:var(--mp-page-header-footer-margin-top)}.mp-page-header__back-icon:dir(rtl){transform:rotate(180deg)}