.MobSiteHeader{z-index:10;--progress-center:min(1, calc(var(--visual-progress)*2));--progress-side:max(0, calc((var(--visual-progress) - .5)*2));--border-style:solid 1px currentColor;height:6rem;transition-property:color;transition-duration:var(--ANIM_DUR_M);transition-timing-function:var(--easeInOutCubic);grid-template-columns:auto 1fr auto;display:grid;position:fixed;bottom:1rem;left:1rem;right:1rem}.MobSiteHeader>*{will-change:transform,clip-path}.MobSiteHeader>:first-child,.MobSiteHeader>:nth-child(3){aspect-ratio:1;height:100%}.MobSiteHeader .logo{border:var(--border-style);transform:translateX(calc(100%*(1 - var(--progress-side))));clip-path:inset(0 calc(100%*(1 - var(--progress-side))) 0 0);transition-property:background-color;transition-duration:var(--ANIM_DUR_M);transition-timing-function:var(--easeInOutCubic);border-right:none;padding:.6rem;display:block}.MobSiteHeader .title{padding:0 1.8rem;position:relative}.MobSiteHeader .title .Iconer{z-index:1;width:var(--mob-content-width);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.MobSiteHeader .title:before{content:"";clip-path:inset(0 calc(50%*(1 - var(--progress-center))) 0 calc(50%*(1 - var(--progress-center))));position:absolute;inset:0}.MobSiteHeader .phone,.MobSiteHeader .title:before{border:var(--border-style);transition-property:background-color;transition-duration:var(--ANIM_DUR_M);transition-timing-function:var(--easeInOutCubic)}.MobSiteHeader .phone{transform-origin:0;transform:translateX(calc(-100%*(1 - var(--progress-side))));clip-path:inset(0 0 0 calc(100%*(1 - var(--progress-side))));border-left:none;padding:1.8rem;display:block}.MobSiteHeader.theme-default{color:var(--color-black)}.MobSiteHeader.theme-default .logo,.MobSiteHeader.theme-default .phone,.MobSiteHeader.theme-default .title:before{background-color:var(--color-white)}.MobSiteHeader.theme-transparent{color:var(--color-white)}.MobSiteHeader.theme-transparent .logo,.MobSiteHeader.theme-transparent .phone,.MobSiteHeader.theme-transparent .title:before{background-color:#0000}.MobSiteHeader.theme-transparent-black{color:var(--color-black)}.MobSiteHeader.theme-transparent-black .logo,.MobSiteHeader.theme-transparent-black .phone,.MobSiteHeader.theme-transparent-black .title:before{background-color:#0000}.MobSiteHeader__debug-range{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
