/* -- Tailwind overwrite -- */
html.hidden {
  display: block !important;
}

.bx-def-unit.absolute {
  position: relative;
}

.bx-base-profile-cover-block-wrapper .bx-menu-custom.bx-menu-custom-hor {
  justify-content: center !important;
}

/* -- people Toolbar -- */
.bx-menu-people-toolbar-item-unit .bx-def-ava-size {
  width: 61px !important;
  height: 61px !important;
}

.bx-media-tablet .bx-menu-people-toolbar-item-unit .bx-def-ava-size {
  width: 50px !important;
  height: 50px !important;
}

.bx-menu-people-toolbar-item-unit .bx-base-pofile-unit-online {
  display: none;
}


.bx-media-phone .bx-menu-people-toolbar-item-unit .bx-def-ava-size {
  width: 40px !important;
  height: 40px !important;
}

.content-standards-top-bar .bx-menu-object-people_avatar {
  flex: 0 0 33.3%;
}

.content-standards-top-bar .bx-menu-object-sys_toolbar_member {
  flex: 0 0 33.3%;
  justify-content: end;
}


ul.bx-menu-people-toolbar {
  width: fit-content;
  padding: 0;
}


#bx-content-with-standards-toolbar-wrapper {
  margin-top: 130px;
}

/* -- standards Nav Bars -- */
.standards-nav-bars {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9000;
}

.bx-media-phone .standards-nav-bars {
  background-color: black;
}

.standards-nav-bars a.btn-post{
  position: fixed;
  bottom: 62px;
  right: 37px;
  border-radius: 16px;
  background: var(--material-theme-ref-primary-primary50, #E52549);
  padding: 16px 27px;
}

.bx-media-tablet .standards-nav-bars a.btn-post{
  bottom: 25px;
}

.bx-media-phone .standards-nav-bars a.btn-post{
  bottom: 110px;
  right: 20px;
  padding: 10px 20px;
}

/* -- Top Bar Content -- */
.content-standards-top-bar {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-top: 20px;
  margin-bottom: 16px;
  padding: 0 24px;
}

.bx-media-tablet .content-standards-top-bar,
.bx-media-phone .content-standards-top-bar {
  justify-content: space-between;
}


.content-standards-top-bar .standards_nav_bar {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 33.3%;
}

.bx-media-tablet .content-standards-top-bar .standards_nav_bar {
  z-index: 99;
  left: calc(50vw - 115px);
  width: 230px;
}

.bx-media-phone .content-standards-top-bar .standards_nav_bar {
  position: fixed;
  bottom: 37px;
  z-index: 99;
  left: calc(50vw - 115px);
  width: 230px;
}

.content-standards-top-bar .standards_nav_bar .standards_nav_items {
  border-radius: 32px;
  background: var(--material-theme-ref-primary-primary10, #40000C);
  box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.32);
}

.content-standards-top-bar .standards_nav_bar .standards_nav_item {
  padding: 10px 14px;
  margin: 8px 22px;
}

.bx-media-tablet .content-standards-top-bar .standards_nav_bar .standards_nav_item,
.bx-media-phone .content-standards-top-bar .standards_nav_bar .standards_nav_item {
  padding: 10px 13px;
  margin: 2px 8px;
}



.content-standards-top-bar .standards_nav_bar .standards_nav_item.selected {
  border-radius: 24px;
  background: var(--material-theme-ref-primary-primary70, #FF888F);
}



/* -- Bottom Bar Content -- */
.content-standards-bottom-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 37px;
  z-index: 99;
  left: calc(50vw - 115px);
  width: 230px;
}

.bx-media-tablet .content-standards-bottom-bar{

  bottom: 15px;
}

.bx-media-tablet .content-standards-bottom-bar .standards_nav_bar .standards_nav_items{

  width: 350px;
  height: 80px;
}

.bx-media-phone .content-standards-bottom-bar {
  position: relative;
  bottom: 0;
}

.content-standards-bottom-bar .standards_nav_bar .standards_nav_items {
  border-radius: 24px;
  background: var(--material-theme-black, #000);
  display: flex;
  width: 425px;
  height: 96px;
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 64px;
  flex-shrink: 0;
}

.bx-media-phone .content-standards-bottom-bar .standards_nav_bar .standards_nav_items {
  justify-content: space-evenly;
  width: 100vw;
}

.content-standards-bottom-bar .standards_nav_items div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.bx-media-phone .content-standards-bottom-bar .standards_nav_items div {
  height: 70px;
  justify-content: space-between;
}

.bx-media-phone .content-standards-bottom-bar .standards_nav_items .item_text {
  font-size: 12px !important;
  font-weight: 600 !important;
}

.content-standards-bottom-bar .standards_nav_items .item_icon {
  padding: 12px;
}

/* -- Active States for Bottom Bar Items -- */
body.bx-page-people .content-standards-bottom-bar .standards_nav_item_standards .item_icon,
body.bx-page-people-interactions .content-standards-bottom-bar .standards_nav_item_interactions .item_icon,
body.bx-page-people-location .content-standards-bottom-bar .standards_nav_item_location .item_icon,
body.bx-page-home .content-standards-bottom-bar .standards_nav_item_home .item_icon{
  border-radius: 24px;
  background: #BE0035;
}

body.bx-page-people .content-standards-bottom-bar .standards_nav_item_standards .item_text,
body.bx-page-people-interactions .content-standards-bottom-bar .standards_nav_item_interactions .item_text,
body.bx-page-people-location .content-standards-bottom-bar .standards_nav_item_location .item_text,
body.bx-page-home .content-standards-bottom-bar .standards_nav_item_home .item_text{
  color: var(--material-theme-ref-primary-primary50, #E52549);
  text-align: center;
  font-size: 14px;
  font-weight: 900;
  display: block;
}