:root{--shell-sidebar-width: 200px;--shell-sidebar-collapsed-width: 50px;--shell-bg: #f5f5f5;--neutral-white: #ffffff;--neutral-black: #000000;--neutral-650: #2e323d;--overlay-30: rgba(0, 0, 0, .3);--overlay-20: rgba(0, 0, 0, .2);--sidebar-bg: var(--neutral-650);--sidebar-text: var(--neutral-white);--sidebar-icon: #6c757d;--sidebar-title-text: #e9ecef;--sidebar-dropdown-bg: var(--overlay-20);--sidebar-hover-bg: #039be5;--sidebar-hover-text: var(--neutral-white);--sidebar-active-bg: #383e4d;--sidebar-active-text: var(--neutral-white);--sidebar-active-icon: #039be5;--sidebar-minimizer-bg: #252831;--sidebar-minimizer-hover-bg: #20232b;--sidebar-survey-bg: #ffc108;--sidebar-survey-text: var(--neutral-black);--sidebar-survey-hover-bg: #e0a800;--sidebar-badge-primary-bg: #a132ff;--sidebar-badge-info-bg: #63c2de;--sidebar-badge-success-bg: #4dbd74;--sidebar-badge-warning-bg: #ffc107;--sidebar-badge-danger-bg: #f86c6b;--sidebar-notification-bg: #4dbd74;--sidebar-notification-text: var(--neutral-white);--shell-sidebar-bg: var(--sidebar-bg)}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Open Sans,sans-serif;background:var(--shell-bg)}.shell{display:flex;flex-direction:column;height:100%;width:100%}.shell__body{display:flex;flex:1;overflow:hidden}.shell__sidebar{width:var(--shell-sidebar-width);min-width:var(--shell-sidebar-width);height:100%;background:var(--shell-sidebar-bg);overflow-y:auto;overflow-x:hidden;transition:width .2s ease,min-width .2s ease}.shell__sidebar--collapsed{width:var(--shell-sidebar-collapsed-width);min-width:var(--shell-sidebar-collapsed-width)}.shell__content{flex:1;overflow:hidden;position:relative}.shell__iframe{width:100%;height:100%;border:none;background:#fff}.shell__cms-root{width:100%;height:100%;overflow:auto}.shell__loading{position:absolute;inset:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:50;opacity:1;transition:opacity .2s ease}.shell__loading--hidden{opacity:0;pointer-events:none}.shell__spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#20a8d8;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}