.side_nav {
  top: 0;
  left: 0;
  background-color: var(--col-bg-dark);
  border-right: 1px solid var(--col70);
  flex-direction: column;
}
.side_nav .menu_header {
  flex-direction: row;
  margin: 0 20px;
  padding: var(--sp8px) 0;
}
.side_nav .menu_header .left_cont {
  flex-direction: row;
  align-items: center;
  gap: var(--sp2px);
}
.side_nav .menu_header .left_cont .svg_cont {
  padding: var(--sp4px);
  border-radius: var(--sp4px);
}
.side_nav .menu_header .left_cont .svg_cont:hover {
  background-color: var(--bg);
}
.side_nav .menu_action {
  width: 255px;
}
.side_nav .menu_action .agency_cont {
  width: 100%;
  margin: 0 var(--sp24px);
  border-bottom: 1px solid var(--col70-light);
}
.side_nav .menu_action .agency_cont span {
  padding-bottom: var(--sp16px);
}
.side_nav .menu_action .input_cont {
  padding: 0 var(--sp16px);
}
.side_nav .menu_action .button_cont {
  padding: 0 var(--sp16px);
  width: 100%;
}
.side_nav .button_cont {
  padding-top: var(--sp16px);
  margin: 0 24px;
}
.side_nav .button_cont a {
  all: unset;
  display: flex;
  width: 100%;
  border: 1px solid var(--col70);
  border-radius: var(--sp8px);
  padding: var(--sp8px);
  align-items: center;
  justify-content: center;
  gap: var(--sp4px);
  cursor: pointer;
}
.side_nav .button_cont a .svg_cont {
  display: flex;
  align-items: center;
}
.side_nav .button_cont a span {
  color: var(--muted);
  transform: translateY(1px);
}
.side_nav .button_cont a:hover {
  background-color: var(--bg);
}
.side_nav .menu {
  margin: var(--sp4px) 0;
  overflow-x: hidden;
  width: 255px;
  flex-direction: column;
  max-height: 800px;
  height: 100%;
}
.side_nav .menu .button_cont {
  padding: 0 var(--sp16px);
}
.side_nav .menu .label_cont {
  padding: 0 var(--sp8px);
  margin-top: 16px;
  margin-left: 16px;
}
.side_nav .menu .label_cont span {
  color: var(--muted);
  font-weight: 600;
}
.side_nav .menu .menu_val {
  margin: 0 var(--sp16px);
  border-radius: var(--sp8px);
}
.side_nav .menu .menu_val .left_cont {
  padding: var(--sp8px);
}
.side_nav .menu .menu_val .left_cont .svg_cont svg {
  stroke: var(--s2-text);
}
.side_nav .menu .menu_val .left_cont span {
  color: var(--s2-text);
  font-weight: 500;
}
.side_nav .menu .menu_val .left_cont img {
  width: 20px;
  height: 20px;
}
.side_nav .menu .menu_val:hover {
  background-color: var(--col-active-light);
}
.side_nav .menu .active {
  background-color: var(--col-active);
}
.side_nav .menu .active .left_cont .svg_cont svg {
  stroke: var(--text);
}
.side_nav .menu .active .left_cont span {
  color: var(--text);
  font-weight: 500;
}
.side_nav .menu .active:hover {
  background-color: var(--col-active);
}
.side_nav .menu a:link {
  text-decoration: none;
}
.side_nav .linebr {
  border-top: 1px solid var(--col70-light);
  margin-top: var(--sp4px);
  height: var(--sp2px);
  margin: 0 var(--sp24px);
}
.side_nav .buttom_nav {
  width: 255px;
  flex-direction: row;
}
.side_nav .buttom_nav .left_cont {
  padding-left: var(--sp24px);
  padding-top: var(--sp24px);
  padding-bottom: var(--sp24px);
}
.side_nav .buttom_nav .left_cont .profileImg {
  border-radius: var(--sp8px);
  height: 40px;
  width: 40px;
}
.side_nav .buttom_nav .right_cont {
  flex-direction: column;
  padding-right: var(--sp24px);
  padding-top: var(--sp24px);
  padding-bottom: var(--sp24px);
}
.side_nav .buttom_nav:hover {
  background-color: var(--bg);
}/*# sourceMappingURL=root-nav.css.map */