@equinor/echo-framework 0.13.1 → 0.14.0-test-0

package/index.css

@@ -0,0 +1,2837 @@
+:global(:root) {
+    /* z-index-levels: add z index levels here, which needs to be considered and respected in the Echo App globally */
+    --echo-framework-z-level-panel-left: 500;
+    --echo-framework-z-level-panel-main: 550;
+    --echo-framework-z-level-bottom-bar: 1425;
+    --echo-framework-z-level-scrim: 1450;
+}
+
+/* EDS Scrim (semi-transparent, black overlay) has z-index: 1300, while Menu has 1400.
+    * We would like to have an opened Menu to be covered by the Scrim.
+*/
+:global([class^='Scrim__StyledScrim']) {
+    z-index: var(--echo-framework-z-level-scrim) !important;
+}
+
+:root {
+    /* Padding and Margins */
+    --xSmall: 0.25rem;
+    --small: 0.5rem;
+    --medium: 1rem;
+    --large: 1.5rem;
+    --xLarge: 2rem;
+
+    /* Echo - Digital Twin Colors*/
+    --black: #000000;
+    --white: #ffffff;
+    --equiBlue1: #233746;
+    --equiBlue2: #d7e1ed;
+    --equiBlue3: #d5eaf4;
+    --equiGray1: #87929a;
+    --equiGray2: #b4bbc0;
+    --equiGray3: #d1d5d8;
+    --equiGray4: #e3e6e8;
+    --equiRed1: #ff1243;
+    --darkEquiRed: #ce183e;
+    --equiGreen1: #006f79;
+    --equiGreen2: #deedee;
+    --equiGreen3: #e6faec;
+    --echoText: #3d3d3d;
+
+    --disabledBackgroundColor: #eaeaea;
+    --disabledColor: #6f6f6f;
+
+    /* Echopedia Notifications status color */
+    --onGoing: #fbca36;
+    --done: #4bb748;
+
+    /* Echopedia Stid StatusCode */
+    --asBuilt: #007079;
+    --planned: #4bb748;
+    --future: #52c0ff;
+    --historic: #ff7d98;
+    --outOfService: #ff9200;
+    --reserved: #243746;
+    --voided: #eb0000;
+    --default: #dcdcdc;
+
+    /*Echopedia Procosys StatusCodes*/
+    --ok: #23ef2a;
+    --os: #adaead;
+    --pa: #f94693;
+    --pb: #ffdd00;
+    --unknown: #525252;
+
+    /*Echopedia commPks statusCodes */
+    --rfccSent: #bcf316;
+    --rfccPartly: #c7f316;
+    --rfcc: #60f316;
+    --rfocSent: #0dccf2;
+    --rfocPartly: #1accf2;
+    --rfoc: #0d59f2;
+    --rfccRejected: #ff1243;
+    --rfocRejected: #ff1243;
+    --handoverError: #eb0000;
+
+    /*Echopedia Procosys Filters*/
+    --priorityHigh: #ff1243;
+    --priorityMedium: #fbca36;
+    --systems: #d5eaf4;
+    --locations: #3eb54a;
+
+    /* Popover colors */
+    --warningText: #ad6200;
+    --warningIcon: #ff9200;
+    --warningBackground: #ffe7d6;
+
+    /* Dropdown colors */
+    --dropDownButtonBackground: #f0f0f0;
+    --dropDownTextColor: #808080;
+
+    /* Search */
+    --searchBarBackground: #f7f7f7;
+
+    /* Application notifications */
+    --highSeverity: #ffc1c1;
+    --mediumSeverity: #ffe7d6;
+    --lowSeverity: #dce6ee;
+    --defaultSeverity: #d5eaf4;
+
+    --highSeverityText: #eb0000;
+    --mediumSeverityText: #52c0ff;
+    --lowSeverityText: #4bb748;
+    --defaultSeverityText: #3d3d3d;
+
+    /* Toggle colors */
+    --toggleActive: #4bb748;
+    --toggleInactive: #b30d2f;
+
+    /* Icon colors */
+    --hoverIcon: #004f55;
+
+    /* Text */
+    --tertiaryText: #6f6f6f;
+
+    /* Misc UI */
+    --dividerColor: #dcdcdc;
+}
+
+html,
+body,
+#root {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+}
+
+/* Theming*/
+html[data-theme='dark'] {
+    --equiGreen1: #006f79;
+}
+
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+label {
+    color: var(--echoText);
+}
+
+html,
+body {
+    font-family: Equinor !important;
+}
+
+span {
+    font-family: Equinor !important;
+}
+
+::-webkit-scrollbar {
+    width: 10px;
+}
+
+::-webkit-scrollbar-track {
+    background: #f7f7f7;
+    border-radius: 5px;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #007079;
+    border-radius: 5px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: #004f55;
+}
+
+button,
+input {
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    background: transparent;
+    border: inherit;
+    color: inherit;
+    font: inherit;
+    outline: 0;
+}
+
+input,
+input:before,
+input:after {
+    -webkit-user-select: initial;
+    -moz-user-select: initial;
+    user-select: initial;
+}
+
+.AppLinks-module_AppBar__2ZZaq {
+    margin: 0 auto 48px;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: flex-start;
+}
+
+.EchoContent-module_barButtons__nsM6X {
+    height: 100%;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.EchoContent-module_barButtons__nsM6X > button > span {
+    display: flex;
+    flex-direction: column;
+    grid-gap: 0;
+}
+
+.EchoContent-module_barButtons__nsM6X > button > span > svg {
+    display: inline-flex;
+    margin-bottom: 0.2rem;
+}
+
+.EchoContent-module_barButtons__nsM6X > button > span > span {
+    display: inline-flex;
+    color: var(--echoText);
+    font-size: 0.65625rem;
+    line-height: 0.75rem;
+}
+
+.EchoContent-module_activeBottomBarButton__a8kxs {
+    border-top: 2px solid var(--equiGreen1);
+    background-color: var(--equiGreen3);
+}
+
+.EchoContent-module_activeBottomBarButton__a8kxs > button:focus {
+    outline: none !important;
+}
+
+.EchoContent-module_activeBottomBarButton__a8kxs > button:focus-visible {
+    outline-offset: 2px !important;
+    outline: 1px dashed #004f55 !important;
+}
+
+@media screen and (max-width: 927px) and (orientation: landscape) {
+    .EchoContent-module_activeBottomBarButton__a8kxs {
+        border-top: 0px;
+        border-right: 2px solid var(--equiGreen1);
+    }
+
+    .EchoContent-module_barButtons__nsM6X {
+        max-height: 96px;
+        width: 56px;
+    }
+}
+
+@keyframes EchoContent-module_spinAnimation__enGOK {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+.EchoContent-module_spinningIcon__EDkWM {
+    animation: EchoContent-module_spinAnimation__enGOK 1.5s infinite reverse linear;
+}
+
+.EchoContent-module_echoTopBar__QTcyL {
+}
+
+.EchoContent-module_headerDetails__Z6x0e {
+    justify-self: end;
+}
+
+.EchoContent-module_headerIcons__7SwgN > svg {
+    margin: 0 8px;
+}
+
+.EchoMenu-module_echoTopBar__F5JYY {
+    width: 100% !important;
+    border-bottom: 1px solid var(--default) !important;
+    padding-left: 12px !important;
+    padding-right: var(--small) !important;
+}
+
+.EchoMenu-module_topBarItems__lZMfa {
+    display: flex;
+    align-items: center;
+}
+
+.EchoMenu-module_topBarItem__ahWg0 {
+    padding: 0 0.25em 0 0.25em;
+}
+
+.EchoMenu-module_echoToolMenu__07CMW {
+    width: 64px;
+    height: 100%;
+    border-right: 1px solid var(--default);
+    display: flex;
+    flex-direction: column;
+    background: white;
+    z-index: var(--echo-framework-z-level-panel-left);
+}
+
+.EchoMenu-module_headerDetails__McF40 {
+    justify-self: end;
+}
+
+@media screen and (min-width: 768px) {
+    .EchoMenu-module_headerDetails__McF40 {
+        width: 65px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+}
+
+@media screen and (min-width: 1024px) {
+    .EchoMenu-module_headerDetails__McF40 {
+        width: auto;
+        overflow: auto;
+        text-overflow: initial;
+        white-space: initial;
+    }
+}
+
+.EchoMenu-module_eeLogo__DU06g svg {
+    width: 24px !important;
+    height: 24px !important;
+}
+
+.EchoMenu-module_headerTitleArea__Rjd9f {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    align-items: center;
+    text-overflow: ellipsis;
+}
+
+.EchoMenu-module_headerDetails__McF40 {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    align-items: center;
+    text-overflow: ellipsis;
+}
+
+.EchoMenu-module_plantName__OkipP {
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-align: right;
+    vertical-align: middle;
+}
+
+.EchoMenu-module_headerIcons__dZLjR > svg {
+    margin: 0 8px;
+}
+
+.EchoMenu-module_popoverContent__9SvmG > div {
+    width: 300px;
+}
+
+.EchoMenu-module_popoverTitle__soO-h {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    margin: 0px;
+    height: 24px;
+}
+
+.layout-module_echoContentContainer__aiKkp {
+    height: 100%;
+    width: 100%;
+    padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env(safe-area-inset-bottom, 20px)
+        env(safe-area-inset-left, 20px);
+}
+
+/* Mobile and small screens */
+@media screen and (max-width: 927px) and (orientation: landscape) {
+    .layout-module_echoContentContainer__aiKkp {
+        display: flex;
+        flex-direction: row;
+    }
+
+    .layout-module_deviceOrientation__b-F7k {
+        width: calc(100% - 48px) !important;
+    }
+}
+
+@media screen and (max-width: 767px) and (orientation: portrait) {
+    .layout-module_deviceOrientation__b-F7k {
+        height: calc(100% - 48px) !important;
+    }
+}
+
+/* Tablet and up */
+@media screen and (min-width: 928px) and (orientation: landscape) {
+    .layout-module_echoContentContainer__aiKkp {
+        display: flex;
+        height: calc(100% - 64px);
+    }
+}
+
+@media screen and (min-width: 768px) and (orientation: portrait) {
+    .layout-module_echoContentContainer__aiKkp {
+        display: flex;
+        height: calc(100% - 64px);
+    }
+}
+
+.layout-module_applicationWrapper__0345V {
+    position: relative;
+    background-color: #ffffff;
+    width: 100%;
+    height: calc(100% - 4em);
+    overflow: auto;
+    background-image: url('../../images/frontpage-brand-placeholder-vert.jpg');
+    background-size: cover;
+    animation: layout-module_fadeIn__JmqJL 2s;
+}
+
+@keyframes layout-module_fadeIn__JmqJL {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
+@media screen and (min-width: 640px) {
+    .layout-module_applicationWrapper__0345V {
+        background-image: none;
+    }
+}
+
+.layout-module_mainLayoutWrapper__eKwZ5 {
+    width: 100%;
+    height: calc(100% - 4em);
+    overflow: hidden;
+}
+
+.layout-module_bgTransparent__RhT-I {
+    background-color: transparent;
+}
+
+.layout-module_footerDisclaimer__jcKoG {
+    font-size: 0.7rem;
+}
+.layout-module_footerLogo__qgmUX {
+    max-height: 2.5rem;
+}
+
+.layout-module_fullBodyHeight__XSlEG {
+    min-height: calc(100vh - 75px) !important;
+    padding-bottom: 16px;
+}
+
+.layout-module_navbarBrand__dGCu2 {
+    color: red;
+}
+
+::-moz-selection {
+    background-color: #cce2ff;
+    color: rgba(0, 0, 0, 0.87);
+}
+
+::selection {
+    background-color: #cce2ff;
+    color: rgba(0, 0, 0, 0.87);
+}
+
+.layout-module_colorLayout__Cfv-I {
+    position: relative;
+    width: 100%;
+    height: calc(100% - 4em);
+    overflow: hidden;
+    background-color: #eaf4f9;
+}
+
+.layout-module_pdfViewerNative__mslqB {
+    position: relative;
+    width: 100%;
+    height: calc(100% - 4em);
+    overflow: hidden;
+    background-color: rgb(50, 54, 57);
+    padding-top: 6.5rem;
+}
+
+.layout-module_web3DLayout__RZ-2r {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    overflow: clip;
+}
+
+.layout-module_cameraLayout__gd2n4 {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    background-color: 'transparent';
+}
+
+.layout-module_defaultLayout__jZMVT {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+}
+
+.layout-module_noPadding__ilNsb {
+    padding: 0;
+}
+.layout-module_noMargin__L-zbT {
+    margin: 0;
+}
+
+.externalLinkButton-module_echoButton__xkJ5x {
+    width: 90px;
+    padding: 16px;
+    display: inline-block;
+    position: relative;
+}
+
+.externalLinkButton-module_echoButtonDisabled__xUCef {
+    padding-bottom: 0;
+}
+
+.externalLinkButton-module_echoButtonRounded__JNwzW {
+    display: inline-block;
+    position: relative;
+}
+
+.externalLinkButton-module_roundedButtonWrapper__lwLCr {
+    display: inline-block;
+    position: relative;
+}
+
+.externalLinkButton-module_externalLink__tWjpz {
+    position: absolute;
+    right: 1em;
+}
+
+.externalLinkButton-module_asyncButtonSpinner__HUDkn {
+    position: absolute;
+    z-index: 10;
+    opacity: 0.75;
+}
+
+@media screen and (min-width: 420px) {
+    .externalLinkButton-module_echoButton__xkJ5x,
+    .externalLinkButton-module_echoButtonDisabled__xUCef {
+        width: 96px;
+    }
+}
+
+.externalLinkButton-module_echoButton__xkJ5x svg {
+    margin: 0 8px;
+    display: inline-block;
+    width: 48px;
+    height: 48px;
+    margin-bottom: 8px;
+}
+
+.externalLinkButton-module_echoButtonRounded__JNwzW svg {
+    margin: 0 8px;
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+}
+
+.externalLinkButton-module_echoButton__xkJ5x span {
+    display: inline-block;
+    width: calc(96px - 32px);
+    font-size: 14px;
+    line-height: 16px;
+    font-weight: 500;
+    color: #007079;
+}
+
+.externalLinkButton-module_echoButton__xkJ5x:hover svg {
+    fill: rgb(0, 79, 85);
+}
+
+.externalLinkButton-module_echoButton__xkJ5x:hover span {
+    color: rgb(0, 79, 85);
+}
+
+.externalLinkButton-module_echoButtonDisabled__xUCef span {
+    color: var(--disabledColor);
+}
+
+.externalLinkButton-module_echoButtonDisabled__xUCef:hover svg {
+    fill: var(--disabledColor);
+}
+
+.externalLinkButton-module_echoButtonDisabled__xUCef:hover span {
+    color: var(--disabledColor);
+}
+
+.externalLinkButton-module_roundedButtonIconAsImage__gBfPr {
+    justify-self: center;
+    width: 30px;
+    height: 30px;
+}
+
+.externalLinkButton-module_largeButtonIconAsImage__Qdpay {
+    justify-self: center;
+    width: 100%;
+    height: auto;
+}
+
+.externalLinkButton-module_toolTip__RwCbB {
+    position: absolute;
+    display: block;
+    color: #ffffff;
+    background-color: #233746;
+    border-radius: 8px;
+    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05);
+    padding: 8px 16px;
+    z-index: 1;
+}
+
+.externalLinkButton-module_toolTipContainer__DQOwX {
+    display: inline-flex;
+    justify-content: center;
+}
+
+.externalLinkButton-module_stidIcon__zI8m8 {
+    height: initial !important;
+}
+
+.chunkLoadErrorMessage-module_contentError__Je5rA {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.chunkLoadErrorMessage-module_contentError__Je5rA > div > div > p {
+    text-align: center;
+}
+
+.chunkLoadErrorMessage-module_errorMessage__wrLXW {
+    width: 300px;
+}
+
+.chunkLoadErrorMessage-module_refreshMessage__qrBAv {
+    text-align: center;
+    padding-top: 8px;
+    width: 300px;
+}
+
+.chunkLoadErrorMessage-module_actionButtonSection__NgO0G {
+    text-align: center;
+}
+
+.echoLogo-module_echoLogo__AP0el {
+    display: inline-block;
+    width: 100%;
+    font-weight: 500;
+    font-size: 56px;
+    line-height: 56px;
+    color: var(--equiRed1);
+    text-transform: lowercase;
+    text-align: right;
+}
+
+.echoLogo-module_logoSubTitle__JLFcN {
+    display: block;
+    line-height: 0px;
+    font-size: 20px;
+    padding-bottom: 5px;
+    text-transform: none;
+}
+
+.notificationCardWithLogo-module_errorContainer__5mVew {
+    display: flex;
+    justify-content: center;
+    position: relative;
+    flex-direction: column;
+    align-items: center;
+}
+
+.notificationCardWithLogo-module_errorHeader__lzg74 {
+    display: flex;
+    align-items: flex-end;
+    justify-content: center;
+}
+
+.notificationCardWithLogo-module_errorAction__KY1Hm {
+    text-align: center;
+}
+
+.notificationCardWithLogo-module_errorMessage__tjwmz {
+    margin-bottom: 16px;
+}
+
+.notificationCardWithLogo-module_appLogo__vHayY {
+    width: auto;
+    margin-bottom: 72px;
+}
+
+.notificationCardWithLogo-module_errorWrapper__iCgbu {
+    max-width: 600px;
+}
+
+.errorBoundaryBaseMessage-module_errorContainer__s3ysk {
+    display: flex;
+    justify-content: center;
+    position: relative;
+    top: 64px;
+    flex-direction: column;
+    align-items: center;
+}
+
+.errorBoundaryBaseMessage-module_errorHeader__KeM0a {
+    display: flex;
+    margin-bottom: 32px;
+    align-items: flex-end;
+    justify-content: center;
+}
+
+.errorBoundaryBaseMessage-module_errorDetails__aSrac {
+    white-space: pre-wrap;
+    height: calc(100vh - 500px);
+    max-height: 800px;
+    overflow: auto;
+}
+
+.errorBoundaryBaseMessage-module_errorAction__hsWA7 {
+    display: flex;
+    justify-content: space-evenly;
+    margin-bottom: 16px;
+}
+
+.errorBoundaryBaseMessage-module_actionButton__QohvC {
+    width: 180px;
+}
+
+@media screen and (max-width: 480px) {
+    .errorBoundaryBaseMessage-module_errorDetailsSmallScreen__rFcUV {
+        width: 300px;
+        margin-left: auto;
+        margin-right: auto;
+    }
+}
+
+.externalAppsMenu-module_externalAppsMenuContainer__rx4x- {
+    margin: 0;
+    padding: 0;
+    display: inline-block;
+    width: 40px;
+    height: 40px;
+    position: relative;
+    animation: externalAppsMenu-module_fadein__Tpzls 0.4s;
+}
+
+.externalAppsMenu-module_appMenu__WjdtL > [role='menu'] {
+    width: 250px;
+}
+.externalAppsMenu-module_appMenu__WjdtL [role='menu'] > div {
+    display: flex;
+    flex-direction: column;
+    min-width: 150px;
+    min-height: 130px;
+}
+
+.iconButtonSpinner-module_container__5wiwO {
+    width: 48px;
+    height: 48px;
+    position: relative;
+}
+
+.iconButtonSpinner-module_spinner__8D-KT {
+    text-align: center;
+    position: relative;
+    transform: translateY(-50%);
+    top: 50%;
+}
+
+.echo3dButton-module_echoButton__r17fM {
+    width: 90px;
+    padding: 16px;
+    display: inline-block;
+    position: relative;
+}
+
+.echo3dButton-module_echoButton__r17fM svg,
+.echo3dButton-module_echoButtonDisabled__1IsTA svg {
+    margin: 0 8px;
+    display: inline-block;
+    width: 48px;
+    height: 48px;
+    margin-bottom: 8px;
+}
+
+.echo3dButton-module_echoButton__r17fM span,
+.echo3dButton-module_echoButtonDisabled__1IsTA span {
+    display: inline-block;
+    width: calc(96px - 32px);
+    font-size: 0.875em;
+    line-height: 16px;
+    font-weight: 500;
+    color: #007079;
+}
+
+.echo3dButton-module_echoButtonDisabled__1IsTA {
+    padding-bottom: 0;
+}
+
+.echo3dButton-module_echoButtonDisabled__1IsTA span {
+    color: var(--disabledColor);
+}
+
+.echo3dButton-module_echoButtonDisabled__1IsTA:hover svg {
+    fill: var(--disabledColor);
+}
+
+.echo3dButton-module_echoButtonDisabled__1IsTA:hover span {
+    color: var(--disabledColor);
+}
+
+.echo3dButton-module_echoButton__r17fM:hover svg {
+    fill: rgb(0, 79, 85);
+}
+
+.echo3dButton-module_echoButton__r17fM:hover span {
+    color: rgb(0, 79, 85);
+}
+
+@media screen and (min-width: 420px) {
+    .echo3dButton-module_echoButton__r17fM,
+    .echo3dButton-module_echoButtonDisabled__1IsTA {
+        width: 96px;
+    }
+}
+
+.missingEcho3dAccessDialog-module_marginTop__loC2c {
+    margin-top: 8px !important;
+}
+
+.plantNotAvailableInfo-module_toolTip__qOh8- {
+    position: absolute;
+    display: block;
+    color: #ffffff;
+    background-color: #233746;
+    border-radius: 8px;
+    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05);
+    padding: 8px 16px;
+    z-index: 1;
+}
+
+.plantNotAvailableInfo-module_toolTipContainer__PJHrc {
+    display: inline-flex;
+    justify-content: center;
+}
+
+.openIn3dDropdown-module_titleWrapper__z3B-I {
+    padding: 0 16px 7px 16px;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.openIn3dDropdown-module_title__cDQGM {
+    font-size: 10px !important;
+    font-weight: 500 !important;
+}
+
+.openIn3dDropdown-module_contentWrapper__adzyM {
+    display: flex;
+    flex-direction: column;
+    padding: 8px 8px 0 8px;
+}
+
+.openIn3dDropdown-module_openIn3dWebButton__V1g5S {
+    justify-content: space-between !important;
+}
+
+.openIn3dDropdown-module_openIn3dAppButton__xk0P7 {
+    justify-content: space-between !important;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+}
+
+.openIn3dDropdown-module_menu3dModels__SqUw4 {
+    right: -10px !important;
+}
+
+.openIn3dDropdown-module_externalLink__NnjUM {
+    position: absolute;
+    right: 1em;
+}
+
+.footer-module_echoFooter__G00YD {
+    background: white;
+    position: fixed;
+    display: flex;
+    bottom: 0;
+    left: 0;
+}
+
+@media screen and (max-width: 767px) and (orientation: portrait) {
+    .footer-module_echoFooter__G00YD {
+        bottom: 48px;
+    }
+}
+
+@media screen and (max-width: 927px) and (orientation: landscape) {
+    .footer-module_echoFooter__G00YD {
+        left: 48px;
+    }
+}
+
+@media screen and (min-width: 360px) {
+    .footer-module_echoFooter__G00YD {
+        height: 33px;
+    }
+}
+
+@media screen and (min-width: 640px) {
+    .footer-module_echoFooter__G00YD {
+        width: 100%;
+        height: 56px;
+    }
+}
+
+p.footer-module_footerDisclaimer__AkC9l {
+    width: 100%;
+    font-size: 10px;
+}
+
+.footer-module_footerLogo__Y-Dny {
+    margin: 0 0 12px 0;
+    float: right;
+    width: 74px;
+}
+
+.footer-module_footerLogo__Y-Dny {
+    display: none;
+    max-height: 2.5rem;
+    padding: 12px 16px;
+}
+
+.footer-module_tosFooter__6AHMy {
+    background: white;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 33px;
+}
+
+@media screen and (min-width: 640px) {
+    p.footer-module_footerDisclaimer__AkC9l {
+        margin: 0;
+        padding: 0;
+        padding: 12px 16px;
+        line-height: 32px;
+    }
+    .footer-module_footerLogo__Y-Dny {
+        display: block;
+    }
+    .footer-module_tosFooter__6AHMy {
+        height: 56px;
+    }
+}
+
+.appLoadingIndicator-module_loadingContainer__2grwV {
+    display: flex;
+    flex-direction: column;
+    padding-top: 0;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    text-align: center;
+}
+
+.appLoadingIndicator-module_progressIndicator__XovT7 {
+    margin-bottom: 16px;
+}
+
+.accordionItem-module_accordionIconLeft__3gR3c {
+    margin-right: 28px;
+}
+
+.accordionItem-module_appMenuAccordionItemHeader__OWdor {
+    padding: 12px !important;
+    height: 60px !important;
+}
+
+.accordionItem-module_accordionSubHeader__0lUVl {
+    font-size: 11px;
+    color: var(--echoText);
+}
+.applicationList-module_applicationButtonGroup__sH5k2 {
+    margin-bottom: var(--medium);
+}
+
+.applicationList-module_applicationListContainer__JFaSC h4 {
+    font-size: 16px;
+    margin-bottom: var(--medium);
+}
+
+.applicationList-module_navBarIcon__PXIQk {
+    position: relative;
+    width: 96px;
+}
+
+.applicationList-module_badge__rbkpm {
+    color: var(--equiGreen1);
+}
+
+@media only screen and (max-width: 500px) {
+    .pageMenu-module_pageMenuDrawer__tzgE4 {
+        right: -345px;
+        width: auto;
+    }
+}
+
+.pageMenu-module_versionInformation__OEAvO {
+    margin: 20px 0;
+    flex-direction: column;
+    justify-content: flex-end;
+    display: flex;
+    flex: 1 0 auto;
+    height: -moz-fit-content;
+    height: fit-content;
+    font-size: 12px;
+}
+
+.pageMenu-module_appMenuHeaderLink__oQ5O5 {
+    width: 100%;
+    display: inline-block;
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 24px;
+    padding: 8px 0;
+    color: var(--echoText);
+}
+
+.pageMenu-module_appMenuHeaderLink__oQ5O5:hover {
+    text-decoration: none;
+}
+
+.pageMenu-module_appMenuContainer__-Og-F {
+    display: flex;
+    flex-flow: column;
+    height: 100%;
+}
+
+.pageMenuDrawerItem-module_accordionLogoHeader__eXZNU {
+    display: flex;
+    flex-wrap: wrap;
+    text-align: left;
+    padding: 6px 0;
+    border-left: 1px solid rgba(220, 220, 220, 1);
+    border-right: 1px solid rgba(220, 220, 220, 1);
+    color: var(--echoText);
+    flex-shrink: 0;
+    height: -moz-fit-content;
+    height: fit-content;
+}
+
+.pageMenuDrawerItem-module_accordionExtraHeight__nhMz- {
+    height: 60px;
+}
+
+.pageMenuDrawerItem-module_accordionLogoHeader__eXZNU:hover {
+    background-color: var(--searchBarBackground);
+}
+
+.pageMenuDrawerItem-module_accordionLogoHeader__eXZNU .pageMenuDrawerItem-module_accordionLogoText__TTxo5 > a {
+    color: var(--echoText);
+}
+
+.pageMenuDrawerItem-module_accordionLogo__30Gy- {
+    order: 1;
+    width: 24px;
+    height: 24px;
+    margin: auto 28px auto 12px;
+}
+.pageMenuDrawerItem-module_accordionExternalLink__cBgXQ {
+    order: 3;
+    margin: auto 0 auto 36px;
+}
+
+.pageMenuDrawerItem-module_accordionLogoText__TTxo5 {
+    order: 2;
+    width: calc(100% - 128px);
+    align-self: center;
+    margin: auto 0;
+}
+
+.pageMenuDrawerItem-module_borderBottom__tMskx {
+    border-bottom: 1px solid rgba(220, 220, 220, 1);
+}
+
+.pageMenuDrawerItem-module_appMenuHeaderLink__-Znm8 {
+    width: 100%;
+    display: inline-block;
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 24px;
+    padding: 8px 0;
+    color: var(--echoText);
+}
+
+.pageMenuDrawerItem-module_appMenuHeaderLink__-Znm8:hover {
+    text-decoration: none;
+}
+
+.settings-module_assetLabel__2whL4 {
+    font-size: 12px;
+    font-weight: 400;
+    margin-bottom: 0;
+    margin-left: var(--small);
+}
+
+.settings-module_container__-QVxU {
+    position: relative;
+    color: var(--echoText);
+}
+
+.settings-module_accountContainer__bLUZI {
+    display: flex;
+}
+
+.settings-module_accountIcon__A-l-Z {
+    margin-right: var(--medium);
+    width: 80px;
+    height: 80px;
+}
+.settings-module_accountImage__RggiK {
+    margin-right: var(--medium);
+    width: 80px;
+    height: 80px;
+    border-radius: 50%;
+    border: 1px solid var(--equiGray4);
+}
+
+.settings-module_accountName__qy7Z- {
+    font-size: 18px;
+    line-height: 24px;
+    font-weight: 500;
+}
+
+.settings-module_accountJobTitle__WapT2 {
+    font-size: 16px;
+    line-height: 24px;
+}
+
+.settings-module_accountEmail__cMoPL {
+    font-size: 16px;
+    line-height: 20px;
+    text-decoration-line: underline;
+    color: #007079;
+}
+.settings-module_accountText__tFYwo {
+    margin: auto 0;
+}
+
+.settings-module_subMenu__tRk0B {
+    margin-bottom: var(--medium);
+}
+
+.settings-module_subHeader__5vLyu {
+    font-size: 18px;
+    line-height: 24px;
+    margin-bottom: var(--medium);
+}
+
+.settings-module_subContainer__qKSxR {
+    margin-bottom: 0;
+}
+
+.version-module_versionContainer__DZ8JR {
+    color: var(--echoText);
+    text-align: center;
+    min-height: 50px;
+}
+
+@media only screen and (max-width: 1367px) {
+    .version-module_versionContainer__DZ8JR {
+        margin-bottom: 15px;
+    }
+}
+
+.searchItemDetailsContainer-module_headerWrapper__2Upo6 {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+}
+
+.searchItemDetailsContainer-module_headerContainer__L-BqK {
+    flex-grow: 1;
+}
+
+.searchItemDetailsContainer-module_contentContainer__Sa4Gs {
+    flex-grow: 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+    border-top: 1px solid var(--default);
+}
+
+.searchItemDetailsContainer-module_searchItemDetailsContainer__AcyDx {
+    position: absolute;
+    width: 100%;
+    height: calc(100% - 56px);
+    top: 0;
+    background: var(--white);
+    z-index: 10; /* double check this value */
+    display: flex;
+    flex-direction: column;
+}
+
+.searchItemDetailsContainer-module_containerWithActiveLegend__F4Rea {
+    height: calc(100vh - 118px); /* extracting legend height */
+}
+
+.searchItemDetailsContainer-module_closeButton__m5C9A {
+    margin-right: var(--medium);
+}
+
+@media screen and (max-width: 927px) and (orientation: landscape) {
+    .searchItemDetailsContainer-module_containerWithActiveLegend__F4Rea {
+        height: calc(100vh - 65px);
+    }
+}
+
+.corePanelLeft-module_wrapper__7rR84 {
+    position: fixed;
+    z-index: 2;
+    left: -550px;
+    top: 0;
+    width: 550px;
+    max-width: 550px;
+    height: 100%;
+    transition: all 0.4s ease-out;
+}
+
+@media screen and (max-width: 550px) {
+    .corePanelLeft-module_wrapperClosed__D5H3B {
+        left: -75vw;
+        width: 75vw;
+        max-width: 75vw;
+        padding: env(safe-area-inset-top, 56px) env(safe-area-inset-right, 56px) env(safe-area-inset-bottom, 56px)
+            env(safe-area-inset-left, 56px);
+    }
+
+    .corePanelLeft-module_active__0B7aF {
+        width: 100%;
+    }
+}
+
+.corePanelLeft-module_active__0B7aF {
+    left: 0;
+    z-index: var(--echo-framework-z-level-panel-left);
+}
+
+.corePanelLeft-module_drawer__TfzGI {
+    background-color: #fff;
+    border-left: 2px solid #f7f7f7;
+    box-shadow: 0px 6px 4px #00000040;
+    position: relative;
+    width: auto;
+    height: 100%;
+    opacity: 0;
+    transition: all 0.4s ease-out;
+    overflow-y: hidden;
+    overflow-x: hidden;
+    display: flex;
+    flex-direction: column;
+}
+
+.corePanelLeft-module_active__0B7aF .corePanelLeft-module_drawer__TfzGI {
+    opacity: 1;
+}
+
+.corePanelLeft-module_buttonContainer__EPyvd {
+    position: absolute;
+    display: flex;
+    flex-direction: column;
+    top: 0;
+    right: -62px;
+}
+
+.corePanelLeft-module_button__pJXdM {
+    margin-left: var(--medium);
+    margin-top: var(--small);
+}
+
+/* Mobile and small screens */
+@media screen and (max-width: 767px) and (orientation: portrait) {
+    .corePanelLeft-module_wrapper__7rR84 {
+        height: calc(100% - 48px);
+    }
+    .corePanelLeft-module_drawer__TfzGI {
+        top: 100vh;
+        left: 0;
+    }
+
+    .corePanelLeft-module_active__0B7aF .corePanelLeft-module_drawer__TfzGI {
+        left: 0;
+        top: 0;
+    }
+}
+
+@media screen and (max-width: 927px) and (orientation: landscape) {
+    .corePanelLeft-module_active__0B7aF {
+        left: calc(53px + env(safe-area-inset-left));
+    }
+
+    .corePanelLeft-module_buttonContainerActive__6pGzM {
+        right: calc(-58px + env(safe-area-inset-right));
+    }
+
+    .corePanelLeft-module_buttonContainerClosed__vhAnI {
+        right: calc(-118px - env(safe-area-inset-right));
+    }
+}
+
+/* Tablet and up */
+@media screen and (min-width: 928px) and (orientation: landscape) {
+    .corePanelLeft-module_wrapper__7rR84 {
+        top: 64px;
+    }
+    .corePanelLeft-module_wrapper__7rR84.corePanelLeft-module_active__0B7aF {
+        left: 64px;
+    }
+}
+
+@media screen and (min-width: 768px) and (orientation: portrait) {
+    .corePanelLeft-module_wrapper__7rR84 {
+        top: 64px;
+    }
+
+    .corePanelLeft-module_wrapper__7rR84.corePanelLeft-module_active__0B7aF {
+        left: 64px;
+    }
+}
+
+.corePanelRight-module_wrapper__6hUmM {
+    position: fixed;
+    z-index: 2;
+    right: -352px;
+    top: 0;
+    width: 352px;
+    max-width: 550px;
+    height: 100%;
+    transition: right 0.4s ease-in-out, width 0.4s ease-in-out;
+}
+
+.corePanelRight-module_active__Wuvv- {
+    right: 0;
+    z-index: var(--echo-framework-z-level-panel-main);
+}
+
+.corePanelRight-module_drawer__Q5mok {
+    background-color: #fff;
+    border-left: 2px solid #f7f7f7;
+    box-shadow: 0px 6px 4px #00000040;
+    position: relative;
+    width: auto;
+    height: 100%;
+    opacity: 0;
+    transition: opacity 0.4s ease-in-out;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+}
+
+.corePanelRight-module_buttonContainer__it2ZH {
+    position: absolute;
+    display: flex;
+    flex-direction: column;
+    top: 0;
+    left: -80px;
+}
+
+.corePanelRight-module_button__x9SCR {
+    margin-left: var(--medium);
+    margin-top: var(--small);
+}
+
+@media screen and (max-width: 550px) {
+    .corePanelRight-module_active__Wuvv- {
+        width: 100%;
+    }
+}
+
+@media screen and (max-width: 767px) and (orientation: portrait) {
+    .corePanelRight-module_wrapper__6hUmM {
+        height: calc(100% - 48px);
+    }
+
+    .corePanelRight-module_drawer__Q5mok {
+        transition: all 0.4s ease-out;
+    }
+}
+
+@media screen and (max-width: 927px) and (orientation: landscape) {
+    .corePanelRight-module_wrapper__6hUmM .corePanelRight-module_buttonContainer__it2ZH {
+        left: calc(-82px - env(safe-area-inset-right));
+    }
+    .corePanelRight-module_appWrapper__v4ckB {
+        right: -352px;
+    }
+    .corePanelRight-module_appWrapper__v4ckB .corePanelRight-module_buttonContainer__it2ZH {
+        left: calc(273px - env(safe-area-inset-right));
+    }
+    .corePanelRight-module_appDrawer__awaaJ {
+        left: calc(-100vw + 398px + env(safe-area-inset-left));
+        box-shadow: none;
+    }
+    .corePanelRight-module_appWrapper__v4ckB .corePanelRight-module_appDrawer__awaaJ {
+        left: calc(-100vw + 50px + env(safe-area-inset-left));
+    }
+    .corePanelRight-module_drawer__Q5mok {
+        transition: all 0.4s ease-out;
+        box-shadow: none;
+    }
+    .corePanelRight-module_active__Wuvv- {
+        z-index: var(--echo-framework-z-level-panel-main);
+        right: -352px;
+        padding-bottom: env(safe-area-inset-bottom);
+        padding-top: env(safe-area-inset-top);
+    }
+    .corePanelRight-module_active__Wuvv- .corePanelRight-module_drawer__Q5mok {
+        right: calc(352px + env(safe-area-inset-right));
+    }
+    .corePanelRight-module_wrapper__6hUmM.corePanelRight-module_active__Wuvv- .corePanelRight-module_buttonContainer__it2ZH {
+        left: calc(-432px - env(safe-area-inset-right));
+    }
+    .corePanelRight-module_wrapper__6hUmM.corePanelRight-module_appWrapper__v4ckB.corePanelRight-module_active__Wuvv- .corePanelRight-module_buttonContainer__it2ZH {
+        left: calc(-82px - env(safe-area-inset-right));
+    }
+}
+
+@media screen and (min-width: 928px) {
+    .corePanelRight-module_wrapper__6hUmM {
+        top: 64px;
+    }
+}
+
+.corePanelRight-module_active__Wuvv- .corePanelRight-module_drawer__Q5mok {
+    opacity: 1;
+}
+
+.panelButton-module_toolContainer__Ka6p- .panelButton-module_buttonContainer__24DO3 {
+    width: 88px;
+}
+.panelButton-module_toolContainer__Ka6p- .panelButton-module_buttonContainer__24DO3 button {
+    margin: 0 16px;
+}
+
+.panelButton-module_buttonContainer__24DO3 > span {
+    margin-top: 8px;
+    display: inline-block;
+    width: 100%;
+    text-align: center;
+}
+
+.panelButton-module_pageMenuButton__m1PYp {
+    width: 48px;
+    height: 48px;
+    background: #ffffff;
+    border: 1px solid var(--equiGreen1);
+    box-sizing: border-box;
+    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.panelButton-module_pageMenuButton__m1PYp:hover {
+    background-color: var(--equiGreen2);
+    color: var(--hoverIcon);
+}
+
+.panelButton-module_pageMenuButton__m1PYp:hover svg {
+    fill: var(--hoverIcon);
+}
+
+.panelButton-module_pageMenu__fdBrm .panelButton-module_buttonContainer__24DO3 {
+    margin-top: var(--large);
+    margin-right: var(--medium);
+}
+
+.panelButton-module_toggleButton__PP53M {
+    background: var(--toggleInactive);
+    border: 1px solid var(--toggleInactive);
+}
+
+.panelButton-module_toggleButton__PP53M:hover {
+    background: rgba(179, 13, 47, 0.5);
+    border: 1px solid var(--toggleInactive);
+}
+
+.panelButton-module_activeButton__OnWaw {
+    background: var(--equiGreen1);
+    border: 2px solid var(--equiGreen1);
+}
+
+.panelButton-module_activeButton__OnWaw.panelButton-module_toggleButton__PP53M {
+    background: var(--toggleActive);
+    border: 1px solid var(--toggleActive);
+}
+
+.panelButton-module_activeButton__OnWaw.panelButton-module_toggleButton__PP53M:hover {
+    background: rgba(75, 183, 72, 0.5);
+    border: 1px solid var(--toggleActive);
+}
+
+.panelButton-module_pageMenu__fdBrm {
+    position: fixed;
+    top: 0;
+    width: 352px;
+    height: 100vh;
+    background-color: #fff;
+    border-left: 2px solid var(--searchBarBackground);
+    transition: width 0.4s ease-in-out;
+    overflow: auto;
+}
+
+.panelButton-module_menuTitle__hXO0Z {
+    width: 100%;
+    display: inline-block;
+    margin-top: 18px;
+    margin-bottom: 23px;
+    margin-left: var(--small);
+    font-size: 16px;
+    line-height: 16px;
+    letter-spacing: 0.2px;
+    color: #000;
+}
+
+@keyframes panelButton-module_spinAnimation__5oV3g {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+.panelButton-module_spinningIcon__YEhBd {
+    animation: panelButton-module_spinAnimation__5oV3g 1.5s infinite reverse linear;
+}
+
+@media only screen and (max-width: 415px) {
+    .panelButton-module_pageMenu__fdBrm {
+        right: -345px;
+        width: 335px;
+    }
+}
+
+@media only screen and (max-width: 375px) {
+    .panelButton-module_pageMenu__fdBrm {
+        width: 305px;
+    }
+
+    .panelButton-module_pageMenu__fdBrm .panelButton-module_buttonContainer__24DO3 {
+        margin-top: var(--xLarge);
+    }
+}
+
+@media only screen and (max-width: 360px) {
+    .panelButton-module_pageMenu__fdBrm {
+        width: 285px;
+    }
+
+    .panelButton-module_pageMenu__fdBrm .panelButton-module_buttonContainer__24DO3 {
+        margin-top: var(--xLarge);
+    }
+}
+
+.panelButton-module_toolContainer__Ka6p- {
+    padding: 16px 32px;
+}
+
+.panelButton-module_versionInformation__pTM9U {
+    margin: 20px 0;
+    flex-direction: column;
+    justify-content: flex-end;
+    display: flex;
+    flex: 1 0 auto;
+    height: -moz-fit-content;
+    height: fit-content;
+    font-size: 12px;
+}
+
+.panelButton-module_appMenuHeaderLink__ZNp4I {
+    width: 100%;
+    display: inline-block;
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 24px;
+    padding: 8px 0;
+    color: var(--echoText);
+}
+
+.panelButton-module_appMenuHeaderLink__ZNp4I:hover {
+    text-decoration: none;
+}
+
+.panelButton-module_appMenuContainer__bwAQ6 {
+    display: flex;
+    flex-flow: column;
+    height: 100%;
+}
+
+.RequestAccess-module_container__miz0D {
+    padding: unset;
+}
+
+.RequestAccess-module_paddedContainer__JkfYy {
+    padding: 24px;
+}
+
+.RequestAccess-module_title__jaq4R {
+    font-weight: 500;
+}
+
+.RequestAccess-module_typeDescription__MIi9k {
+    margin-top: 20px;
+}
+
+.RequestAccess-module_list__cSrm8 {
+    margin-top: 16px;
+}
+
+.RequestAccess-module_list__cSrm8 > *:not(:first-child) {
+    margin-top: 8px;
+}
+
+.RequestAccess-module_button__TrkLk {
+    margin-top: 26px;
+}
+
+.DetailsLoader-module_container__lJGsE {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    margin-top: 20px;
+}
+
+.ContentPicker-module_leftPanel__MIMRa {
+    border-right: 1px solid var(--default);
+}
+
+.ContentPicker-module_activeGroup__MP52b {
+    font-weight: 700;
+}
+
+.ContentPicker-module_description__7KIj8 {
+    font-size: 0.6rem;
+    font-weight: 500;
+    text-overflow: ellipsis;
+    margin-top: 16px;
+    margin-left: 15px;
+}
+
+.ContentPicker-module_section__-akry {
+    margin: 16px 0;
+}
+
+.ContentPicker-module_notFoundPanel__2Tvxn {
+    padding: 16px 24px;
+}
+
+.ContentPicker-module_splitViewLeft__nbbhg {
+    grid-template-rows: min-content min-content !important;
+    grid-template-columns: 350px !important;
+}
+
+.InfoBlock-module_container__ysAHg {
+    word-break: break-all;
+    padding: 0.5rem;
+    width: 210px;
+}
+
+.InfoBlock-module_stretchedContainer__g5ff7 {
+    width: 100%;
+}
+
+.InfoBlock-module_fitContainer__DkMzF {
+    width: 260px;
+}
+
+.InfoBlock-module_headerLabel__YWbN0 {
+    font-size: 10px;
+    font-weight: 500;
+    line-height: 16px;
+    text-transform: uppercase;
+}
+
+.InfoSection-module_container__xp9xb {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    flex-flow: wrap;
+}
+
+.InfoSection-module_container__xp9xb>div {
+    margin-bottom: 8px;
+}
+.LongTextSection-module_content__T03aB {
+    padding: 24px;
+}
+
+.LongTextSection-module_longText__drnhg {
+    overflow: hidden;
+    margin-top: 20px;
+    gap: 4px;
+    flex-direction: column;
+    display: flex;
+}
+
+.LongTextSection-module_link__0UC80 {
+    display: flex;
+    color: var(--asBuilt);
+    padding: 0 !important;
+    text-decoration: underline;
+    cursor: pointer;
+}
+
+.LongTextSection-module_backButton__-Utsh > span {
+    grid-gap: 4px;
+}
+
+.Link-module_linkElement__hWEBk {
+    display: flex;
+    align-items: center;
+    text-decoration: none;
+    color: var(--echoText);
+    gap: 0.5rem;
+    font-size: 1rem;
+}
+
+.Link-module_linkElement__hWEBk:hover {
+    text-decoration: underline;
+}
+
+.Link-module_linkElement__hWEBk:focus {
+    outline: 1px dashed rgba(0,112,121,1);
+    text-decoration: underline;
+}
+
+.Link-module_linkElement__hWEBk > span {
+    line-height: 0;
+}
+.DetailsNotification-module_link__agciP {
+    color: var(--asBuilt);
+    padding: 0 !important;
+    text-decoration: underline;
+    cursor: pointer;
+}
+
+.DetailsNotification-module_longTextLink__Ppv7M {
+    display: flex;
+    align-items: center;
+}
+
+.DetailsNotification-module_content__-iEqZ {
+    padding: 24px;
+}
+
+.DetailsNotification-module_mobileContent__HgTsI {
+    height: calc(100vh - 263px) !important;
+}
+
+.DetailsNotification-module_topRow__uDCVs {
+    display: flex;
+}
+
+.DetailsNotification-module_verticalTopRow__TTpMH {
+    justify-content: space-between;
+}
+
+.DetailsNotification-module_longTextButtonVertical__F98HY > span {
+    grid-gap: 4px;
+    min-width: 128px;
+}
+
+.DetailsNotification-module_longTextButtonStretched__OwrIk {
+    margin-left: 80px;
+}
+
+.Attachments-module_container__ciN2D {
+    display: grid;
+    grid-template-columns: 1fr auto;
+    gap: 1rem;
+    align-items: center;
+    padding: 14px;
+    border-bottom: 1px solid var(--default);
+    border-top: 1px solid var(--default);
+}
+
+.Attachments-module_actions__7-bCE {
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
+    gap: 1rem;
+}
+
+.Attachments-module_title__toBVk {
+    font-size: 1rem;
+    text-decoration-line: unset;
+    color: initial;
+    pointer-events: none;
+}
+
+.Attachments-module_link__tuD2O {
+    text-decoration-line: underline;
+    color: var(--asBuilt);
+    pointer-events: initial;
+}
+
+.Attachments-module_notFoundPanel__ZpNH7 {
+    padding: 24px;
+}
+
+.Attachments-module_content__gB-pG {
+    padding-top: 20px;
+}
+
+.Attachments-module_flex__-JRov {
+    display: flex;
+    font-size: 12px;
+}
+
+.Attachments-module_spaceLeft__dUeqf {
+    margin-left: 24px;
+}
+
+.Attachments-module_listItem__ia4L8 {
+    padding: 16px !important;
+}
+
+.Attachments-module_listItem__ia4L8 > div {
+    gap: 0.5rem;
+}
+
+.Attachments-module_table__rThZw {
+    padding-left: 20px;
+    width: 100%;
+}
+
+.Attachments-module_pointer__KgeoQ {
+    cursor: pointer;
+}
+
+.Operations-module_notFoundPanel__PuZSF {
+    padding: 24px;
+}
+
+.Operations-module_content__Yd1m1 {
+    padding-top: 20px;
+}
+
+.Operations-module_table__ZItO0 {
+    padding-left: 20px;
+    width: 100%;
+}
+
+.Operations-module_panel__N0Ayf {
+    background: var(--searchBarBackground) !important;
+}
+
+.Operations-module_title__ZpDj2 {
+    color: var(--echoText);
+}
+
+.Operations-module_title__ZpDj2 button[aria-expanded='true'] span {
+    color: var(--echoText);
+    font-weight: 700;
+}
+
+.TagDocuments-module_notFoundPanel__LpLtZ {
+    padding: 24px;
+}
+
+.TagDocuments-module_container__WX1Rt {
+    display: flex;
+    flex-direction: column;
+    padding-bottom: 1rem;
+    border-bottom: 1px solid var(--default);
+    padding: 16px;
+    gap: 6px;
+}
+
+.TagDocuments-module_link__h-2Tm {
+    color: var(--asBuilt);
+}
+
+.TagDocuments-module_meta__STgGG {
+    display: grid;
+    grid-template-columns: auto auto auto;
+    align-items: center;
+    justify-items: start;
+    gap: 1rem;
+    font-size: 12px;
+}
+
+.TagDocuments-module_revision__RHdi4 {
+    padding: 0 8px;
+    background-color: var(--lowSeverity);
+}
+
+.TagDocuments-module_of3Revision__oD7wg {
+    background-color: var(--mediumSeverity);
+}
+
+.TagDocuments-module_tertiarySpace__NizCk {
+    margin-left: 20px;
+}
+
+.TagDocuments-module_panel__XyzBf {
+    background: var(--searchBarBackground) !important;
+    padding: 0 !important;
+    overflow-y: auto;
+}
+
+.TagDocuments-module_panelContent__8mPOc {
+    margin: 16px;
+    background: white;
+    min-width: 350px;
+}
+
+.TagDocuments-module_content__KcpgY {
+    padding-top: 20px;
+}
+
+.TagDocuments-module_primary__-zjEy {
+    font-size: var(--medium);
+}
+
+.TagDocuments-module_secondary__q3u1w {
+    font-size: 14px;
+}
+
+.TagDocuments-module_tertiary__URg3n {
+    font-size: 12px;
+    display: flex;
+    align-items: center;
+}
+
+.TagDocuments-module_tertiaryRight__iqa-u {
+    margin-left: 10px;
+}
+
+.TagDocuments-module_header__aCj4g {
+    color: var(--echoText);
+}
+
+.TagDocuments-module_header__aCj4g button[aria-expanded='true'] span {
+    color: var(--echoText);
+    font-weight: 700;
+}
+
+.TagInformation-module_content__4rYcP {
+    padding: 24px;
+}
+
+.Objects-module_notFoundPanel__uWQ0l {
+    padding: 24px;
+}
+
+.Objects-module_content__rnhVG {
+    padding-top: 20px;
+}
+
+.Objects-module_table__73Sl8 {
+    padding-left: 20px;
+    width: 100%;
+}
+
+.Objects-module_panel__PH8iJ {
+    background: var(--searchBarBackground) !important;
+}
+
+.Objects-module_title__rwXyY {
+    color: var(--echoText);
+}
+
+.Objects-module_title__rwXyY button[aria-expanded='true'] span {
+    color: var(--echoText);
+    font-weight: 700;
+}
+
+.TrafficLight-module_trafficLight__29Dvq {
+    width: 22px;
+    height: 22px;
+    border-radius: 50%;
+    margin: 6px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: white;
+    font-size: 12px;
+}
+
+.TrafficLight-module_defaultSeverity__qEvFS {
+    background-color: var(--equiGray1);
+}
+
+.TrafficLight-module_severity1__jXWiO {
+    background-color: var(--highSeverityText);
+}
+
+.TrafficLight-module_severity2__wW0ya {
+}
+
+.TrafficLight-module_severity3__6LZPo {
+    background-color: var(--warningIcon);
+}
+
+.TrafficLight-module_severity4__O4j-F {
+    background-color: var(--lowSeverityText);
+}
+
+.TrafficLight-module_severity5__Yqt-- {
+}
+
+.Risk-module_number__mQdq9 {
+    margin-top: 2px;
+}
+
+.Risk-module_small__tB2P8 {
+    display: flex;
+    font-size: 12px;
+}
+
+.Risk-module_large__eMxhM {
+    font-size: 1rem;
+    font-weight: 500;
+}
+
+.Risk-module_medium__KdGMA {
+    font-size: 14px;
+}
+
+.Risk-module_itemAction__NojsC {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+}
+
+.Risk-module_safexButton__wOLTj {
+    padding: 0 10px;
+    margin: 8px 14px;
+}
+
+.Risk-module_top__ffYep {
+    display: flex;
+    justify-content: end;
+}
+
+.Risk-module_itemList__5puMd > div:first-of-type {
+    border-top: 1px solid;
+}
+
+.Risk-module_table__vqfJl {
+    padding-left: 20px;
+    padding-top: 20px;
+    width: 100%;
+}
+
+.Risk-module_pointer__o8bRc {
+    cursor: pointer;
+}
+
+.Risk-module_notFoundPanel__EiTvq {
+    padding: 24px;
+}
+
+.Items-module_itemsHeader__HkvwX {
+    border-bottom: 1px solid #dadada;
+    color: var(--echoText) !important;
+}
+
+.Items-module_itemsHeader__HkvwX button[aria-expanded='true'] span {
+    color: var(--echoText) !important;
+    font-weight: 700 !important;
+}
+
+.Items-module_itemsHeader__HkvwX > span {
+    margin-left: 28px;
+}
+
+.Items-module_punchItemsHeader__tyheL > span {
+    margin-left: 0;
+}
+
+.Items-module_itemsPanel__lsGeU {
+    background: var(--searchBarBackground) !important;
+    min-height: auto !important;
+    border-top: 0 !important;
+    line-height: initial !important;
+}
+
+.Items-module_header__jMq6D {
+    display: block;
+}
+
+.Items-module_smallText__4zs6g {
+    font-size: 12px;
+    color: var(--tertiaryText);
+}
+
+.Items-module_largeText__tJ0wT {
+    font-size: 1rem;
+}
+
+.Items-module_accordionHeader__I-p-i {
+    border: 0;
+    height: auto;
+    padding: 16px;
+    justify-content: space-between;
+    border-top: 1px solid #dadada;
+    border-bottom: none;
+}
+
+.Items-module_accordionHeader__I-p-i > svg {
+    align-self: start;
+}
+
+.Items-module_accordionHeader__I-p-i > button {
+    justify-content: space-between;
+}
+
+.Items-module_expandedAccordionHeader__-R-nm {
+    border-bottom: 1px solid #dadada;
+}
+
+.Items-module_panel__YrGHs {
+    border: 0;
+    border-bottom: 1px solid #dadada;
+    padding: 24px;
+}
+
+.Items-module_time__AtrTf {
+    color: var(--echoText);
+}
+
+.Items-module_details__EKsPR {
+    display: flex;
+    width: 100%;
+    flex-flow: wrap;
+}
+
+.Items-module_details__EKsPR > div {
+    margin-bottom: 8px;
+}
+
+.Items-module_listItemContainer__eY9wp > div:not(:first-of-type) {
+    gap: 8px;
+}
+
+.Items-module_listItemContainer__eY9wp {
+    padding: 16px 12px !important;
+}
+
+.Items-module_flex__Gc6u2 {
+    display: flex;
+    align-items: center;
+}
+
+.Items-module_title__ZoWnu {
+    font-weight: 500;
+}
+
+.Items-module_status__ORuK9 {
+    display: flex;
+    margin-left: 8px;
+}
+
+.Items-module_small__YE-Vv {
+    font-size: 12px;
+    margin-right: 16px;
+}
+
+.Items-module_statusCircle__juY02 {
+    width: 12px;
+    height: 12px;
+    border-radius: 160px;
+}
+
+.Items-module_statusText__Xf3WX {
+    font-size: 12px;
+    margin-left: 4px;
+    font-weight: 500;
+}
+
+.Items-module_small__YE-Vv {
+    font-size: 12px;
+    margin-right: 16px;
+}
+
+.Items-module_medium__nXnEv {
+    font-size: 14px;
+}
+
+.Items-module_tertiary__uvHal {
+    display: flex;
+    font-size: 12px;
+}
+
+.Items-module_reqDate__GOWum {
+    margin-left: 16px;
+}
+
+.Items-module_visual__FvvLj {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 40px;
+    width: 40px;
+    border-radius: 50%;
+    padding: 0.5rem;
+    margin: 0.5rem;
+    background-color: var(--echoText);
+    color: white;
+    font-size: 12px;
+    font-weight: 500;
+}
+
+.Items-module_panel__YrGHs {
+    background: var(--searchBarBackground) !important;
+    padding: 0 !important;
+}
+
+.Items-module_panelContent__VnPX6 {
+    background: white;
+}
+
+.TagHistoryGroup-module_content__qikfB {
+    margin-left: 24px;
+}
+
+.HorizontalTagHistory-module_itemsContainer__sp0ar {
+    background: var(--searchBarBackground);
+    min-height: auto;
+    border-top: 0;
+    line-height: initial;
+    overflow-y: auto;
+}
+
+.HorizontalTagHistory-module_panel__WBI-M {
+    min-width: 350px;
+    background: white;
+    margin: 16px;
+}
+
+.TagHistory-module_description__mGXNh {
+    font-size: 0.6rem;
+    font-weight: 500;
+    text-overflow: ellipsis;
+    margin-top: 16px;
+    margin-left: 15px;
+}
+
+.TagHistory-module_section__SwPqb {
+    margin: 16px 0;
+}
+
+.TagHistory-module_section__SwPqb > *:not(:first-child) > div > h4 {
+    border-top: 0;
+}
+
+.TagHistory-module_content__IgxEq {
+    margin-left: 24px;
+}
+
+.TagHistory-module_container__PVXmS {
+    overflow: hidden;
+}
+
+.DetailsWorkOrder-module_link__muu7Y {
+    color: var(--asBuilt);
+    padding: 0 !important;
+    text-decoration: underline;
+    cursor: pointer;
+}
+
+.DetailsWorkOrder-module_longTextLink__nFJfD {
+    display: flex;
+    align-items: center;
+}
+
+.DetailsWorkOrder-module_content__NYIfs {
+    padding: 24px;
+}
+
+.DetailsWorkOrder-module_mobileContent__fVCD6 {
+    height: calc(100vh - 263px) !important;
+}
+
+.DetailsWorkOrder-module_topRow__x5sNx {
+    display: flex;
+}
+
+.DetailsWorkOrder-module_verticalTopRow__fkFZw {
+    display: flex;
+    justify-content: space-between;
+}
+
+.DetailsWorkOrder-module_longTextButton__WWwvY > span {
+    min-width: 128px;
+}
+
+.DetailsWorkOrder-module_longTextButtonVertical__bCeTa {
+}
+
+.DetailsWorkOrder-module_longTextButtonVertical__bCeTa > span {
+    grid-gap: 4px;
+    min-width: 128px;
+}
+
+.DetailsWorkOrder-module_longTextButtonStretched__mZ-6S {
+    margin-left: 80px;
+}
+
+.TabsPanels-module_tabList__gfsJh {
+    scroll-snap-type: x mandatory;
+    overscroll-behavior-x: contain;
+    scroll-behavior: smooth;
+    overflow-x: hidden;
+}
+
+.TabsPanels-module_tabList__gfsJh::-webkit-scrollbar {
+    display: unset;
+    scrollbar-width: unset;
+    -ms-overflow-style: unset;
+}
+
+.TabsPanels-module_mobileTabList__nB88J {
+    overflow-x: scroll;
+}
+
+.TabsPanels-module_mobileTabList__nB88J::-webkit-scrollbar {
+    display: none;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+}
+
+.TabsPanels-module_panels__PhgDX {
+    height: 100%;
+    overflow-y: auto;
+}
+
+.TabsPanels-module_panelsHorizontal__Yj8zi {
+    overflow-y: hidden;
+}
+
+.TabsPanels-module_tabsPanel__LhDnK {
+    padding: 0 !important;
+    height: 100%;
+}
+
+.AdditionalDetails-module_tabs__RL7ro {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+}
+
+.AdditionalDetails-module_horizontalTabs__-iqdf {
+    display: flex;
+    flex-direction: column;
+}
+
+.AdditionalDetails-module_tabsContainer__xPg15 {
+    display: grid;
+    grid-template-columns: auto 80% auto;
+}
+
+.AdditionalDetails-module_fullScreenTabsContainer__2cK-v {
+    grid-template-columns: auto;
+    margin-left: unset;
+    margin-right: unset;
+}
+
+.AdditionalDetails-module_mobileTabsContainer__--b6U {
+    margin-left: -8px;
+    margin-right: -8px;
+}
+
+.AdditionalDetails-module_tabsRow__IBr5a {
+    display: grid;
+    grid-template-columns: unset;
+}
+
+.AdditionalDetails-module_tabsRowHorizontal__-EKE6 {
+    display: grid;
+    grid-template-columns: min-content auto;
+
+    /* min width before scrolling */
+    min-width: 750px;
+}
+
+.AdditionalDetails-module_extendedBorder__xRNlr {
+    border-bottom: 2px solid var(--default);
+}
+
+.AdditionalDetails-module_scrollButtonContainer__DCxlD {
+    border-bottom: 2px solid var(--eds_ui_background__medium, rgba(220, 220, 220, 1));
+}
+
+.Header-module_verticalContainer__Pjddz {
+    padding-top: 16px;
+}
+
+.Header-module_verticalContainer__Pjddz > div {
+    border-bottom: 0;
+}
+
+.Header-module_container__ib77z {
+    padding-top: 16px;
+}
+
+.Header-module_container__ib77z > div {
+    border-bottom: 0;
+}
+
+.Header-module_title__cSj5p {
+    font-weight: 500;
+}
+
+.Header-module_tertiary__os0Fy {
+    display: flex;
+    font-weight: 500;
+    font-size: 12px;
+}
+
+.Header-module_tertiaryMobile__-fwXK {
+    display: block;
+}
+
+.Header-module_small__0NwqQ {
+    font-size: 12px;
+    margin-right: 16px;
+}
+
+.Header-module_medium__BjbSH {
+    font-size: 14px;
+    font-weight: 500;
+}
+
+.Header-module_gap__nzGXk > div:not(:first-of-type) {
+    gap: 8px;
+}
+
+.Header-module_buttonBar__TjL7P {
+    margin-top: 18px;
+    display: flex;
+    justify-content: end;
+    align-items: center;
+}
+
+.Header-module_buttonContainer__NSmLF {
+    display: inherit;
+    align-items: inherit;
+}
+
+.Header-module_button__u4PAz {
+    color: var(--echoText);
+}
+
+.Header-module_icon__sFaMB {
+    margin-right: 10px;
+}
+
+.Header-module_lastIcon__kxics {
+    margin-right: 18px;
+}
+
+.Header-module_divider__lMHWf {
+    margin-top: 2px !important;
+}
+
+.Header-module_status__XYA30 {
+    display: flex;
+    margin-left: 8px;
+}
+
+.Header-module_statusCircle__8GQxa {
+    width: 12px;
+    height: 12px;
+    border-radius: 160px;
+}
+
+.Header-module_statusText__BAm2T {
+    font-size: 12px;
+    margin-left: 4px;
+    font-weight: 500;
+}
+
+.Header-module_topRow__lN6Nk {
+    display: flex;
+    align-items: center;
+}
+
+.Header-module_reqDate__QrEyW {
+    margin-left: 16px;
+}
+
+.Header-module_reqDateMobile__nuWh8 {
+    margin-left: 0;
+    margin-top: 5px;
+}
+
+.Header-module_visual__8yFpI {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 40px;
+    width: 40px;
+    border-radius: 50%;
+    padding: 0.5rem;
+    margin: 0.5rem;
+    background-color: var(--echoText);
+    color: white;
+    font-size: 12px;
+    font-weight: 500;
+}
+
+.index-module_lonelyDetails__PbGVE {
+    overflow-y: auto;
+}
+
+.index-module_verticalContainer__IEZ6q {
+    width: inherit;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+}
+
+.index-module_splitView__x6wsh {
+    height: 100% !important;
+}
+
+.index-module_splitHorizontal__Kantp {
+    overflow: auto !important;
+}
+
+.Details-module_container__ArXPj {
+    overflow-y: auto;
+}
+
+.Details-module_content__MoYok {
+    padding: 8px 24px 24px 24px;
+}
+
+.Details-module_link__iNkPZ {
+    color: var(--asBuilt);
+    padding: 0 !important;
+    text-decoration: underline;
+    cursor: pointer;
+}
+
+.Details-module_longTextLink__5hzXU {
+    display: flex;
+    align-items: center;
+}
+
+.Details-module_topRow__-nADf {
+    display: flex;
+}
+
+.Details-module_descriptionButton__1q3Hy > span {
+    grid-gap: 4px;
+}
+
+.Header-module_verticalContainer__mtDxH {
+    padding-top: 16px;
+}
+
+.Header-module_verticalContainer__mtDxH > div {
+    border-bottom: 0;
+}
+
+.Header-module_container__dm5Nc {
+    padding-top: 16px;
+}
+
+.Header-module_container__dm5Nc > div {
+    border-bottom: 0;
+}
+
+.Header-module_gap__utLJl > div:not(:first-of-type) {
+    gap: 8px;
+}
+
+.Header-module_flex__ACyWw {
+    display: flex;
+    align-items: center;
+}
+
+.Header-module_title__FtoTW {
+    font-weight: 500;
+}
+
+.Header-module_visual__VvbQf {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 40px;
+    width: 40px;
+    border-radius: 50%;
+    padding: 0.5rem;
+    margin: 0.5rem;
+    background-color: var(--echoText);
+    color: white;
+    font-size: 12px;
+    font-weight: 500;
+}
+
+.index-module_container__RBkmR {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+}
+
+.index-module_splitHorizontal__EPUtW {
+    overflow: auto !important;
+}
+
+.WorkOrderHeader-module_verticalContainer__WD6yw > div {
+    border-bottom: 0;
+}
+
+.WorkOrderHeader-module_container__-9lif {
+    padding-top: 16px;
+}
+
+.WorkOrderHeader-module_container__-9lif > div {
+    border-bottom: 0;
+}
+
+.WorkOrderHeader-module_workOrderHeaderNav__8C59g {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+    gap: 0.5rem;
+    margin: 0 1.5rem;
+}
+
+
+.WorkOrderHeader-module_icon__65bxT {
+    margin-right: 10px;
+}
+
+.WorkOrderHeader-module_lastIcon__Ie0ip {
+    margin-right: 18px;
+}
+
+.WorkOrderHeader-module_divider__Anu8E {
+    background-color: var(--dividerColor);
+    margin-top: 2px !important;
+}
+
+.index-module_lonelyDetails__EjPix {
+    overflow-y: auto;
+}
+
+.index-module_verticalContainer__7ieKp {
+    width: inherit;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+}
+
+.index-module_splitView__EbEk8 {
+    height: 100% !important;
+}
+
+.index-module_splitHorizontal__hWQe3 {
+    overflow: auto !important;
+}
+
+.ProcosysProjectSelector-module_spinner__qS6wk {
+    padding-left: 0.5em;
+}
+
+.IMSConnector-module_wrapper__ogTbZ {
+    margin-top: 1rem;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-row: 1fr;
+    align-items: center;
+    justify-items: center;
+    gap: 1rem;
+}
+
+.IMSConnector-module_experimentalWarning__XcIXh {
+    margin-top: 0;
+    grid-template-columns: auto 1fr;
+}
+
+.IMSConnector-module_message__1U-KH {
+    margin-top: 1rem;
+    width: 100%;
+}
+
+.IMSConnector-module_requestAccess__WaWbI {
+    margin-bottom: 1rem;
+}
+.Popover-module_wrapper__bp2D1 {
+    display: flex;
+    flex-direction: column;
+    right: 0;
+    left: 0;
+    position: absolute;
+    z-index: 10;
+}
+
+.Popover-module_optionsPopover__THa5w {
+    display: flex;
+}
+
+@media screen and (max-width: 440px) {
+    .Popover-module_optionsPopover__THa5w {
+        max-width: 270px;
+    }
+}
+@media screen and (max-width: 440px) {
+    .Popover-module_wrapper__bp2D1 {
+        left: 0px;
+    }
+
+    .Popover-module_optionsPopover__THa5w {
+        align-self: flex-start;
+    }
+}
+
+.RealTimeContextButton-module_wrapper__YxXsd {
+    margin-left: 4px;
+}
+
+.RealTimeContextButton-module_button__3CZB- {
+    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
+    width: 46px !important;
+    height: 46px !important;
+    border-radius: 10rem;
+    border: 3px solid var(--white) !important;
+    background-color: var(--white) !important;
+    box-sizing: border-box;
+}
+
+.RealTimeContextButton-module_button__3CZB-:hover {
+    background: rgba(222, 237, 238, 1) !important;
+}
+.RealTimeIMSDropdown-module_popoverContent__8L19L {
+    width: 100%;
+    
+    background-color: white;
+    border-color: grey;
+    
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 1rem;
+    margin-top: 1rem;
+    
+    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
+    border-radius: 4px;
+}
+
+.RealTimeIMSDropdown-module_select__Bnhdb {
+    width: 100%;
+}
+.searchMenu-module_panel__Yu-T9 {
+    padding: var(--small);
+}
+
+.searchMenu-module_wrapper__qjLIJ {
+    display: flex;
+    flex-direction: column;
+    margin: 10px;
+}
+
+.searchMenu-module_close__TqvNf {
+    align-self: end;
+}
+
+.tagNo-module_tagNo__5ADD6 {
+    cursor: pointer;
+    color: var(--asBuilt);
+    text-decoration: underline;
+}
+@media screen and (max-width: 927px) and (orientation: landscape) {
+    .toaster-module_toaster__fYuyY {
+        left: 64px !important;
+    }
+}
+
+@media screen and (max-width: 767px) and (orientation: portrait) {
+    .toaster-module_toaster__fYuyY {
+        bottom: 64px !important;
+    }
+}
+
+.toaster-module_chip__-w1z2 {
+    position: absolute;
+    top: -5px;
+    right: -5px;
+    padding: 5px !important;
+}
+
+.toaster-module_toastersSection__ypjaz {
+    height: auto;
+    position: absolute;
+    display: grid;
+    grid-auto-rows: 32px;
+    align-items: start;
+    grid-gap: 24px;
+    bottom: 8px;
+    left: 8px;
+}
+
+.toaster-module_toastersSection__ypjaz > div {
+    position: relative;
+    height: 32px;
+    width: -moz-fit-content;
+    width: fit-content;
+}
+
+.EchoEventHandler-module_echoEventContainer__h6p5a {
+    height: 100%;
+}