.cmp-sidebar-module{display:flex}
.cmp-sidebar-module li{list-style:none}
.cmp-sidebar-module ul{padding:0;margin:0}
.cmp-sidebar-module__navigation{position:sticky;align-self:flex-start;background-color:#fff;top:72px;flex:0 1 calc(var(--container-padding)+var(--column-width) * 2);padding:16px 16px 16px var(--container-padding)}
.cmp-sidebar-module__navigation-header{height:72px;padding:16px;font-size:28px}
.cmp-sidebar-module__navigation-link,.cmp-sidebar-module__navigation-sublink{display:flex;align-items:center;justify-content:space-between;border-radius:8px;text-align:left;text-decoration:none;border:0;background-color:transparent;color:#1a1a1a;width:100%;padding:16px}
.cmp-sidebar-module__navigation-link span,.cmp-sidebar-module__navigation-sublink span{transform:rotate(0);transition:transform 400ms}
.cmp-sidebar-module__navigation-link.active{background-color:#000835;color:#fff}
.cmp-sidebar-module__navigation-link.active span{transform:rotate(180deg)}
.cmp-sidebar-module__navigation-sections,.cmp-sidebar-module__navigation-subsections{display:grid;gap:8px}
.cmp-sidebar-module__navigation-section{display:grid;grid-template-rows:max-content 0fr;transition:grid-template-rows 400ms;overflow:hidden}
.cmp-sidebar-module__navigation-section:has(.active){grid-template-rows:max-content 1fr}
.cmp-sidebar-module__navigation-subsections{min-height:0}
.cmp-sidebar-module__navigation-link{font-size:20px}
.cmp-sidebar-module__navigation-sublink{font-size:18px;color:#666}
.cmp-sidebar-module__content{min-width:0;flex:1;border-left:1px solid #b3b3b3}
.cmp-sidebar-module__content-panel>.cmp-container>*,.cmp-sidebar-module__content-subpanel>.cmp-container>*{padding-left:var(--column-width);padding-right:var(--container-padding)}
.cmp-sidebar-module__content-panel.color--default::before{position:absolute;z-index:5;top:0;content:"";display:block;width:100%;height:10px;background-color:#3a8bff}
.cmp-sidebar-module__content-panel.color--violet::before{position:absolute;z-index:5;top:0;content:"";display:block;width:100%;height:10px;background-color:#b650ff}
.cmp-sidebar-module__content-panel.color--crimson::before{position:absolute;z-index:5;top:0;content:"";display:block;width:100%;height:10px;background-color:#ff514d}
.cmp-sidebar-module__content-panel.color--forest::before{position:absolute;z-index:5;top:0;content:"";display:block;width:100%;height:10px;background-color:#92ff73}
.cmp-sidebar-module__content-panel.color--canary::before{position:absolute;z-index:5;top:0;content:"";display:block;width:100%;height:10px;background-color:#fce649}
.cmp-sidebar-module__content-panel.color--fuchsia::before{position:absolute;z-index:5;top:0;content:"";display:block;width:100%;height:10px;background-color:#ff58ac}
.cmp-sidebar-module__content-panel,.cmp-sidebar-module__content-subpanel{position:relative}
.cmp-sidebar-module__content-panel .edit-flag,.cmp-sidebar-module__content-subpanel .edit-flag{position:absolute;top:50px;right:16px;border:1px solid red;border-radius:16px;padding:8px;color:red;z-index:10}
@media(max-width:1199px){.cmp-sidebar-module__navigation{flex-basis:calc(var(--container-padding)+var(--column-width) * 3)}
}
@media(max-width:991px){.cmp-sidebar-module__navigation-header{font-size:24px}
.cmp-sidebar-module__navigation-link{font-size:18px}
.cmp-sidebar-module__navigation-sublink{font-size:16px}
}
@media(max-width:767px){.cmp-sidebar-module{flex-direction:column}
.cmp-sidebar-module__navigation{z-index:10;top:56px;flex-basis:100%;width:100%;border-bottom:1px solid #b3b3b3;padding:0 var(--container-padding)}
.cmp-sidebar-module__navigation-header{display:none}
.cmp-sidebar-module__navigation-sections{overflow-x:scroll;grid-auto-flow:column;grid-auto-columns:max-content}
.cmp-sidebar-module__navigation-sections::-webkit-scrollbar{display:none}
.cmp-sidebar-module__navigation-subsections{display:none}
.cmp-sidebar-module__navigation-link{height:56px;padding:8px 16px 12px 16px;width:fit-content}
.cmp-sidebar-module__navigation-link span{display:none}
.cmp-sidebar-module__navigation-link.active{background-color:transparent;color:#1a1a1a;border-radius:0;box-shadow:inset 0 -4px 0 0 #000835}
.cmp-sidebar-module__navigation-section{color:#1a1a1a;font-size:16px}
.cmp-sidebar-module__content{border-left:0}
.cmp-sidebar-module__content-panel>.cmp-container>*,.cmp-sidebar-module__content-subpanel>.cmp-container>*{padding-left:var(--container-padding);padding-right:var(--container-padding)}
}