/* Monza Page core styles */

/* #region | Pages */

.mz-pageset-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
 }
 
 #mz-pageset-container2.mz-webview-split2 {
    top: 50px;
 }
 
 .mz-pageset {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateX(0px);
    transform: scale(1);
    opacity: 1;
    transition: transform 750ms cubic-bezier(0.230, 1.000, 0.320, 1.000), opacity 750ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
 }
 
 .mz-pageset.mz-hidden-left {
    transform: translateX(-100px);
    opacity: 0;
 }
 
 .mz-pageset-shrink {
    opacity: 0;
 }
 
 .mz-pageset-middle {
    flex: 1 1;
    display: flex;
    flex-direction: row;
 }
 
 .mz-pageset-pages {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
 }
 
 .mz-page {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: transform 500ms, opacity 500ms;
    display: flex;
    flex-direction: column;
 }
 
 .mz-page.mz-hidden-left {
    transform: translateX(-100px);
    opacity: 0;
 }
 
 .mz-page.mz-hidden-right {
    transform: translateX(100px);
    opacity: 0;
 }
 
 .mz-page.mz-active {
    display: block;
    transform: translateX(60px);
    animation-name: mz-show-page;
    animation-duration: 3000ms;
    animation-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
    animation-fill-mode: forwards;
 }
 
 /* #endregion | Page */
 
 /* #region | Panel */
 
 .mz-panel-header {
    flex: 0 0 42px;
    display: flex;
    flex-direction: row;
 }
 
 .mz-panel-header-text-container {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
 }
 
 .mz-panel-header-text {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
    text-overflow: ellipsis;
 }
 
 .mz-panel-header-buttons {
    margin: auto;
 }
 
 .mz-panel-container {
    display: flex;
    position: relative;
    flex-direction: column;
 }
 
 .mz-panel {
    display: flex;
    position: relative;
    flex-direction: column;
 }
 
 .mz-panel.mz-widget-single {
    flex: 1 1 auto;
 }
 
 .mz-panel.mz-child-panels {
    flex: 1 1 auto;
 }
 
 .mz-panel-content {
    opacity: 1;
    transform: scale(1);
    flex: 1 1 auto;
    display: flex;
    position: relative;
 }
 
 /* #endregion | Panel  */
 
 /* #region | tabears */
 
 .mz-tabears-container {
    flex: 0 0 50px;
    display: flex;
    flex-direction: row;
    max-height: 0px;
    overflow: hidden;
    position: relative;
    z-index: 1;
 }
 
 .mz-tabears-container.mz-active {
    max-height: none;
 }
 
 /* 
 .mz-tabears-container.mz-singletab {
    justify-content: space-between;
 } */
 
 .mz-tabear {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    height: 44px;
    /* max-height: 44px; */
    margin-right: 6px;
    font-weight: var(--mz-fontweightbase);
    transition: all 200ms;
 }
 
 .mz-tabear.mz-active {
    /* max-height: none; */
    height: 50px;
 }
 
 .mz-tabear-text>.mz-button-content {
    border-radius: 8px 8px 0px 0px;
 }
 
 .mz-tabear-text>.mz-button-content>.mz-button-text {
    font-size: var(--mz-fontsize-base);
 }
 
 .mz-tabear-select {
    display: flex;
    flex-direction: column;
 }
 
 .mz-tabear-select-button {
    flex: 1 1 auto;
    margin-top: 3px;
    margin-left: 8px;
    max-height: 34px;
 }
 
 .mz-tabbed>.mz-panel-content {
    transition: transform 800ms, opacity 1500ms;
 }
 
 .mz-tabbed {
    margin: 0px 0px 0px 0px !important;
 }
 
 .mz-tabhidden>.mz-panel-content {
    opacity: 0;
    transform: scale(0.99);
 }
 
 .mz-tabhidden {
    overflow: hidden;
 }
 
 .mz-tabhidden.mz-row {
    max-height: 0px !important;
 }
 
 .mz-tabhidden.mz-columnrow {
    max-width: 0px !important;
 }
 /* #endregion | tabears */
 
 /* #region | Grid related styling */
 
 .mz-scrollbar-detector {
    width: 100%;
    height: 0px;
    opacity: 0;
 }
 
 .mz-gridcell-header {
    overflow: hidden;
    text-overflow: ellipsis;
 }
 
 .mz-gridcell-header-text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
 }
 
 .mz-gridcell {
    width: 100%;
    display: flex;
    flex-direction: row;
 }
 
 .mz-gridcellpart-remainder {
    flex: 1 1;
    padding: 5px;
    display: flex;
    flex-direction: row;
 }
 
 .mz-gridcellpart-textbox {
    width: 100%;
 }
 
 /* #endregion | Grid related styling */