#bottombar_float_envelope {
  width: 100%;
  height: var(--barHeight);
  position: fixed;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
  z-index: var(--zIndexBottombar);
}

#bottombar_float {
  width: 100%;
  height: var(--barHeight);
  background-color: rgb(244, 244, 244);
  position: absolute;
  top: var(--barHeight);
  left: 0px;
  transition: 1000ms;
  user-select: none;
  pointer-events: all;
  touch-action: none;
}

.bottombar_float_shown {
  top: 0px!important;
}

.bottombar_column {
  width: 100%;
  height: 100%;
  margin: auto;  
}

.bottombar_entry {
  color: #333;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 0px 6px;
}

.bottombar_entry:hover {
  background-color: #0002;
  cursor: pointer;
  border-radius: 10px;
}

.bottombar_entry_loyal_fix {
  transform: translateY(2px);
}

.bbSygSub {
  width: 100%;
  height: var(--barHeight);
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
}

.bbSygSubS {
  width: 100%;
  height: var(--barHeight);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}

.bottombar_slider_envelope {
  width: 100%;
  height: var(--barHeight);
  overflow: hidden;
  position: relative;
}

.bottombar_slider {
  width: 100%;
  height: var(--barHeight);
  display: flex;
  position: absolute;
  top: 0px;
  left: 0px;
  transition: left 20s linear;
}

.bottombar_slider_instance {
  width: 1000px;
  min-width: 1000px;
  height: var(--barHeight);
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.accordion-label-syghub img {
  margin-right: 6px;

}

#bbar_syghub_modal_header {
  font-size: 18px;
  font-weight: 600;
}

#bbar_syghub_modal_header_top {
  font-size: 28px!important;
  font-weight: 600;
  margin-bottom: 10px
}

#modal_bb_syghub_spacer_a {
  height: 0px;  
}

#modal_bb_syghub_spacer_b {
  height: 20px;  
}

#modal_bb_syghub_spacer_c {
  height: 2px;
}

.accordion-body b {
  font-weight: 600;
}

.accordion-body-visit {
  background-color: #FE9210;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  border-radius: 10px;
  padding: 6px 0px;
  margin-top: 14px;
  text-shadow: 2px 2px 5px #0007;
  cursor: pointer;
}

.accordion-body-visit:hover {
  text-decoration: underline;
}

.subBarOwner {
  width: 100%;
  height: var(--barHeight);
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
  font-weight: 700;
  color: #333;
}