.cs-nav-bar{background-color:var(--global-brand-header-light);color:var(--light-color-layout-main);flex-shrink:0;justify-content:center;align-items:center;width:100%;height:72px;margin-bottom:16px;display:flex;position:relative}.dark-theme .cs-nav-bar{background-color:var(--global-brand-header-dark)}.cs-nav-bar.cs-nav-bar__transparent{background-color:#0000;height:64px}@media screen and (min-width:1024px){.cs-nav-bar.cs-nav-bar__transparent{background-color:var(--global-brand-header-light)}}@media (min-width:768px){.cs-nav-bar{margin-bottom:32px}}.cs-main-layout-transaction .cs-nav-bar{height:64px}.cs-nav-bar__container{flex-grow:1;justify-content:center;align-items:center;display:flex;position:relative}.cs-nav-bar__container__icon{cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute}.cs-nav-bar__container__icon span:first-child{color:var(--dark-color-typography-main);font-size:32px}.cs-nav-bar__container__icon.cs-nav-bar__left{margin-left:16px;left:0}.cs-nav-bar__container__icon.cs-nav-bar__right{margin-right:16px;right:0}@media screen and (min-width:600px){.cs-nav-bar__container__icon:hover{background:#c12f42;background-color:rgba(var(--dark-color-typography-main-rgba),.12);border-radius:50%}}.cs-nav-bar__container__icon:active{background:#c94b5b;background-color:rgba(var(--dark-color-typography-main-rgba),.24);border-radius:50%}.cs-nav-bar__center{flex-direction:column;align-items:center;display:flex}.cs-nav-bar__center.cs-nav-bar__center__logo{padding:8px}.cs-nav-bar__center__title{font-size:1.8rem;font-weight:700;line-height:22px}