.sidebar-wrapper {
  display: contents;
}
 
.sidebar-sidebar {
  width: 88px;
  height: 100%;
  display: flex;
  z-index: 100;
  position: relative;
  align-items: center;
  padding-top: var(--dl-space-space-twounits);
  border-color: rgba(120, 120, 120, 0.4);
  border-style: hidden;
  border-width: 2px;
  padding-left: var(--dl-space-space-twounits);
  padding-right: var(--dl-space-space-twounits);
  flex-direction: column;
  justify-content: flex-start;
  background-image: linear-gradient(90deg, rgb(36, 40, 42) 0.00%,rgb(44, 54, 64) 100.00%);
}
 
.sidebar-navlink1 {
  display: contents;
}
 
.sidebar-icon10 {
  fill: #D9D9D9;
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  margin-top: 5px;
  transition: 0.3s;
  margin-bottom: 5px;
  text-decoration: none;
}
 
.sidebar-icon10:hover {
  fill: #e0e087;
}
 
.sidebar-text10 {
  color: #ffffff;
  font-size: 12px;
  align-self: center;
  font-family: Open Sans;
  margin-bottom: 30px;
}
 
.sidebar-navlink2 {
  display: contents;
}
 
.sidebar-icon12 {
  fill: #D9D9D9;
  width: 46px;
  height: 50px;
  transition: 0.3s;
  margin-bottom: 5px;
  text-decoration: none;
}
 
.sidebar-icon12:hover {
  fill: #e0e087;
}
 
.sidebar-text11 {
  color: #ffffff;
  font-size: 12px;
  align-self: center;
  font-family: Open Sans;
  margin-bottom: 30px;
}
 
.sidebar-navlink3 {
  display: contents;
}
 
.sidebar-icon14 {
  fill: #D9D9D9;
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  transition: 0.3s;
  margin-bottom: 5px;
  text-decoration: none;
}
 
.sidebar-icon14:hover {
  fill: #e0e087;
}
 
.sidebar-text12 {
  color: #ffffff;
  font-size: 12px;
  align-self: center;
  font-family: Open Sans;
  margin-bottom: 30px;
}
 
.sidebar-navlink4 {
  display: contents;
}
 
.sidebar-icon16 {
  fill: #D9D9D9;
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  transition: 0.3s;
  margin-bottom: 5px;
  text-decoration: none;
}
 
.sidebar-icon16:hover {
  fill: #e0e087;
}
 
.sidebar-text13 {
  color: #ffffff;
  font-size: 12px;
  align-self: center;
  font-family: Open Sans;
  margin-bottom: 30px;
}
 
.sidebar-navlink5 {
  display: contents;
}
 
.sidebar-icon18 {
  fill: #D9D9D9;
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  transition: 0.3s;
  margin-bottom: 5px;
  text-decoration: none;
}
 
.sidebar-icon18:hover {
  fill: #e0e087;
}
 
.sidebar-text14 {
  color: #ffffff;
  font-size: 12px;
  align-self: center;
  font-family: Open Sans;
  margin-bottom: 30px;
}
 
.sidebar-navlink6 {
  display: contents;
}
 
.sidebar-icon20 {
  fill: #D9D9D9;
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  transition: 0.3s;
  margin-bottom: 5px;
  text-decoration: none;
}
 
.sidebar-icon20:hover {
  fill: #e0e087;
}
 
.sidebar-text15 {
  color: #ffffff;
  font-size: 12px;
  align-self: center;
  font-family: Open Sans;
  margin-bottom: 30px;
}
 
.sidebar-navlink7 {
  display: contents;
}
 
.sidebar-icon22 {
  fill: #D9D9D9;
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  transition: 0.3s;
  margin-bottom: 5px;
  text-decoration: none;
}
 
.sidebar-icon22:hover {
  fill: #e0e087;
}
 
.sidebar-text16 {
  color: #ffffff;
  font-size: 12px;
  align-self: center;
  font-family: Open Sans;
  margin-bottom: 30px;
}
 
.sidebar-navlink8 {
  display: contents;
}
 
.sidebar-icon24 {
  fill: #D9D9D9;
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  transition: 0.3s;
  margin-bottom: 5px;
  text-decoration: none;
}
 
.sidebar-icon24:hover {
  fill: #e0e087;
}
 
.sidebar-text17 {
  color: #ffffff;
  font-size: 12px;
  align-self: center;
  font-family: Open Sans;
  margin-bottom: 30px;
}
 
.sidebar-navlink9 {
  display: contents;
}
 
.sidebar-icon26 {
  fill: #d9d9d9;
  color: #d9d9d9;
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
  text-decoration: none;
}
 
.sidebar-text18 {
  color: rgb(255, 255, 255);
  font-size: 12px;
  align-self: center;
  font-family: "Open Sans";
  margin-bottom: 30px;
}
 
.sidebar-lottie {
  width: 82px;
  height: 61px;
}
 
.sidebar-text19 {
  color: #cccccc;
  font-size: 12px;
  align-self: center;
  text-align: center;
  font-family: Open Sans;
  margin-bottom: var(--dl-space-space-threeunits);
}
 
.sidebarroot-class-name {
  top: 0px;
  left: 0px;
  position: absolute;
  align-self: flex-start;
}
 
.sidebarroot-class-name1 {
  top: 0px;
  left: 0px;
  position: absolute;
  align-self: flex-start;
}
 
.sidebarroot-class-name2 {
  top: 0px;
  left: 0px;
  position: absolute;
}
 
.sidebarroot-class-name3 {
  top: 0px;
  left: 0px;
  position: absolute;
}
 
.sidebarroot-class-name4 {
  top: 0px;
  left: 0px;
  position: absolute;
}
 
.sidebarroot-class-name5 {
  top: 0px;
  left: 0px;
  position: absolute;
}
 
.sidebarroot-class-name6 {
  top: 0px;
  left: 0px;
  position: absolute;
}
 
.sidebarroot-class-name7 {
  top: 0px;
  left: 0px;
  position: absolute;
}
 
.sidebarroot-class-name8 {
  top: 0px;
  left: 0px;
  position: absolute;
}
 
.sidebarroot-class-name9 {
  top: 0px;
  left: 0px;
  position: absolute;
}
 
.sidebarroot-class-name10 {
  top: 0px;
  left: 0px;
  position: absolute;
}
 
.sidebarroot-class-name11 {
  top: 0px;
  left: 0px;
  position: absolute;
}
 
.sidebarroot-class-name12 {
  top: 0px;
  left: 0px;
  position: absolute;
}
 
.sidebarroot-class-name13 {
  top: 0px;
  left: 0px;
  position: absolute;
  align-self: flex-start;
}
 
.sidebarroot-class-name14 {
  top: 0px;
  left: 0px;
  position: absolute;
}
 
.sidebarroot-class-name15 {
  top: 0px;
  left: 0px;
  position: absolute;
}
 
.sidebarroot-class-name16 {
  top: 0px;
  left: 0px;
  position: absolute;
  align-self: flex-start;
}
 
.sidebarroot-class-name17 {
  top: 0px;
  left: 0px;
  position: absolute;
}
 
.sidebarroot-class-name18 {
  top: 0px;
  left: 0px;
  position: absolute;
}
 
.sidebarroot-class-name19 {
  top: 0px;
  left: 0px;
  position: absolute;
}
 
.sidebarroot-class-name20 {
  top: 0px;
  left: 0px;
  position: absolute;
}
 
.sidebarroot-class-name21 {
  top: 0px;
  left: 0px;
  position: absolute;
}
 
.sidebarroot-class-name22 {
  top: 0px;
  left: 0px;
  position: absolute;
}
 
.sidebarroot-class-name23 {
  top: 0px;
  left: 0px;
  position: absolute;
}

.announcements-container1 {
  width: 100%;
  display: flex;
  overflow: auto;
  flex-wrap: wrap;
  min-height: 100vh;
  align-items: center;
  padding-top: 0px;
  flex-direction: row;
  justify-content: flex-start;
}
 
.announcements-container2 {
  top: 0px;
  right: 0px;
  width: 100%;
  bottom: 0px;
  height: 100%;
  margin: auto;
  display: flex;
  position: absolute;
  align-self: stretch;
  align-items: center;
  border-color: rgba(120, 120, 120, 0.4);
  border-style: hidden;
  border-width: 2px;
  justify-content: center;
}
 
.announcements-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
 
.announcements-container3 {
  top: 0px;
  flex: 0 0 auto;
  left: 0px;
  width: 100%;
  border: 2px dashed rgba(120, 120, 120, 0.4);
  height: 100%;
  display: flex;
  opacity: 0.9;
  z-index: 100;
  position: absolute;
  align-items: center;
  border-color: rgba(120, 120, 120, 0.4);
  border-style: hidden;
  border-width: 2px;
  justify-content: center;
  background-image: linear-gradient(90deg, rgb(18, 23, 28) 0.00%,rgb(18, 23, 28) 0.00%,rgb(44, 62, 80) 100.00%);
}
 
.announcements-container4 {
  top: 0px;
  right: 0px;
  width: 1831px;
  height: 100%;
  display: flex;
  z-index: 100;
  position: absolute;
  align-self: stretch;
  align-items: center;
  border-color: rgba(120, 120, 120, 0.4);
  border-style: hidden;
  border-width: 2px;
  justify-content: center;
}
 
.announcements-iframe {
  width: 1700px;
  height: 900px;
  border-color: var(--dl-color-gray-black);
  border-style: hidden;
  border-width: 1px;
}