@import url("../base.css");

.top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    padding: 0 10px;
    /* background: red; */
}

.top-bar .icon {
  width: 32px;
  height: 32px;
  background-color: var(--warm-white);
}

.top-bar .left-arrow-icon {
  display: inline-block;
  -webkit-mask: url("../../icons/lets-icons_arrow-left.svg") no-repeat center / contain;
  mask: url("../../icons/lets-icons_arrow-left.svg") no-repeat center / contain;
}

.top-bar .menu-icon {
  display: inline-block;
  -webkit-mask: url("../../icons/boxicons_menu.svg") no-repeat center / contain;
  mask: url("../../icons/boxicons_menu.svg") no-repeat center / contain;
}