/*general*/ 
@import url("style_flagship-swatch.css");
@import url("style_flagship-fonts.css");
@import url("style_flagship-misc.css");
@import url("../../../etx-resource/styles/font-families_master.css");

/*layout*/
@import url("layout-sim.css");
@import url("layout-title.css");
@import url("layout-section.css");
@import url("layout-classic.css");

/*components*/
@import url("janus-components.css");

/*helper*/
@import url("style_helper.css");

/*preview tools*/
#PreviewTools:not(.opened) {
    opacity: .1;
    transform: translateX(-80%);
}
#PreviewTools:hover,
#PreviewTools:focus-within {
    opacity: 1;
    transform: translateX(0%);
    transition:all .5s;
}
html.preview body div#PreviewTools.opened:has(+ .mainView .layout-sim) {
    position: initial;
    height: 100vh;
    float: left;
}
html.preview #PreviewTools.opened + .mainView:has(.layout-sim) {
    width: calc(100vw - 370px) !important;
    float: right;
}

.headerContainer {
  background-color: #006586;
}

.headerContainer .back-button a {
  background-color: var(--black6);
}

.headerContainer .back-button a:hover {
  background-color: 23809f;
}