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

#bx-content-with-standards-toolbar-wrapper {
  min-height: 100vh;
  padding-top: 130px;
  padding-bottom: 135px;
}

.bx-media-phone #bx-content-with-standards-toolbar-wrapper{
  padding-top: 90px;
}


.bx-page-wrapper {
    background: rgba(25,14,14,0.635);
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}


/* #bx-layout-cell-1:only-child{
  background-color: rgba(25,14,14,0.635);
} */

/* #bx-layout-cell-1:first-child{
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
} */

/* .bx-media-desktop #bx-content-with-cover-wrapper:has(.bx-base-pofile-cover-wrapper) #bx-layout-cell-1:first-child,
.bx-media-tablet #bx-content-with-cover-wrapper:has(.bx-base-pofile-cover-wrapper) #bx-layout-cell-1:first-child,
.bx-media-desktop #bx-content-with-cover-wrapper:has(.bx-base-groups-cover-wrapper) #bx-layout-cell-1:first-child,
.bx-media-tablet #bx-content-with-cover-wrapper:has(.bx-base-groups-cover-wrapper) #bx-layout-cell-1:first-child{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
} */

/* #bx-layout-cell-1:last-child{
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
} */


.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;
  transition: 0.2s ease-in-out;
}

.bx-menu-people-toolbar-item-unit .bx-def-ava-size:hover{
  scale: 0.98;
}

.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 {
  position: fixed;
  top: 0;
  left: 0%;
  padding-top: 24px;
  padding-left: 24px;
}

.content-standards-top-bar .bx-toolbar-item.bx-ti-search {
  position: fixed;
  top: 0;
  right: 0%;
  padding-top: 20px;
  padding-right: 24px;
  height: 90px;
}

.content-standards-top-bar .bx-toolbar-item.bx-ti-search .bx-ti-search-button.group{
  background: transparent;
  border: none;
  box-shadow: none;
  color: white;
} 

.bx-media-phone .content-standards-top-bar .bx-toolbar-item.bx-ti-search{
  padding: 0;
  position: relative;
  height: auto;
}

.content-standards-top-bar .bx-toolbar-item.bx-ti-search .bx-ti-search-box{
  background: transparent;
} 


.bx-media-phone .content-standards-top-bar .bx-toolbar-item.bx-ti-search .bx-ti-search-box{
  position: fixed;
  width: 100vw;
  left: 0;
  background: black;
  z-index: 99;
  top: 0;
  padding: 25px 40px;
} 

.content-standards-top-bar .bx-toolbar-item.bx-ti-search input#keyword {
  padding: 8px;
  background: #000 !important;
}


.bx-media-phone .content-standards-top-bar .bx-menu-object-people_avatar,
.bx-media-phone .content-standards-top-bar .bx-menu-object-sys_toolbar_member,
.bx-media-tablet:not(.bx-media-tablet2) .content-standards-top-bar .bx-menu-object-people_avatar,
.bx-media-tablet:not(.bx-media-tablet2) .content-standards-top-bar .bx-menu-object-sys_toolbar_member{
  position: relative;
  padding: 0;
}


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

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

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

.global-container{
  position: fixed;
  bottom: 25px;
  right: 37px;
  z-index: 999;
}

.bx-media-phone:not(.bx-media-phone2) .global-container{
  bottom: 85px;
  right: 10px;
}

a.btn-global-post{
  border-radius: 14px;
  background: var(--material-theme-ref-primary-primary50, #E52549);
  padding: 16px 27px;
  transition: 0.2s ease-in-out;
}

a.btn-global-post:hover{
  scale: 1.05;
}

a.btn-global-post i{
  transition: .3s ease-in-out;
}

a.btn-global-post.active i{
  transform: rotate(45deg);
}

.bx-media-phone a.btn-global-post{
  bottom: 85px;
  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 {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  padding-top: 24px;
  transition: top 0.2s ease-in-out;
}

html.bx-media-desktop .content-standards-top-bar .standards_nav_bar.camouflaged {
  top: -100px;
}

.bx-media-tablet:not(.bx-media-tablet2) .content-standards-top-bar .standards_nav_bar,
.bx-media-phone .content-standards-top-bar .standards_nav_bar {
  top: auto;
  bottom: 20px;
}



.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);
  width: 268px;
  height: 60px;
}

.bx-media-tablet .content-standards-top-bar .standards_nav_bar .standards_nav_items{
  width: 235px;
  height: 50px;
}




.content-standards-top-bar .standards_nav_bar .standards_nav_items img{
  width: 24px;
  height: 24px;
}

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

.bx-media-tablet .content-standards-top-bar .standards_nav_bar .standards_nav_item{
  padding: 8px 10px;
}


.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;

  /* padding-bottom: 10px; */
}

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

.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: 3px;
}

/* -- 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;
  padding: 5px;
}

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;
}


.person_separation{

  color: #998E8E;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  width: 100%;
  margin-top: 24px;
}

.person_separation div{

  width: 100%;
  text-align: center;
  border-bottom: 1px solid #998E8E;
  padding: 8px;
  transition: 0.2s ease-in-out;
  cursor: pointer;
}

.person_separation div.active{

  color: #E52549;
  border-bottom: 1px solid #E52549;
}


body.bx-page-groups-joined div#bx-menu-main-bar,
body.bx-page-groups-followed div#bx-menu-main-bar,
body.bx-page-groups-manage div#bx-menu-main-bar{
  border: none !important;
  background: none !important;
}

/* ==== FontAwesome subsets — generated by scripts/fontawesome/build_subset.py, do not edit by hand ==== */

/* Declared here, not in the FontAwesome module, so UNA core stays stock:
   sys_preloader loads this file after fonts-all.css, and the later @font-face
   wins for the code points it claims. Each face claims only the code points its
   own file really contains, so an icon outside the inventory still renders — it
   just falls through to the full font instead of coming out blank. */

@font-face {
  font-family: 'sys-user';
  font-display: swap;
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/fa-solid-900.swpt-subset.woff2") format("woff2");
  unicode-range: U+F001-F002, U+F004-F005, U+F007-F00D, U+F013, U+F015, U+F017, U+F019, U+F01C, U+F01E, U+F021, U+F023, U+F026-F029, U+F02B-F02C, U+F02E-F031, U+F033, U+F036-F03A, U+F03D-F03E, U+F040-F041, U+F044, U+F04A-F04E, U+F053-F05A, U+F05E, U+F060-F068, U+F06A-F06B, U+F06D-F06E, U+F070-F071, U+F073, U+F075, U+F077-F078, U+F07A-F07B, U+F083-F086, U+F089, U+F08B, U+F08D, U+F090, U+F093, U+F095, U+F09D-F09E, U+F0A1, U+F0A3, U+F0AC-F0AE, U+F0B0-F0B2, U+F0C0-F0C1, U+F0C5-F0CE, U+F0D7-F0DA, U+F0DC-F0DE, U+F0E0, U+F0E2-F0E3, U+F0E7, U+F0F3, U+F100-F108, U+F10E, U+F110-F111, U+F118, U+F121-F122, U+F124, U+F128-F129, U+F12D, U+F130-F133, U+F13E, U+F141-F142, U+F144, U+F14A, U+F14E, U+F15B-F15C, U+F164-F165, U+F185-F186, U+F19C, U+F1AB, U+F1AD, U+F1C0-F1C9, U+F1CE, U+F1D8, U+F1DA, U+F1DE, U+F1E0, U+F1F6, U+F1F8, U+F1FA, U+F1FC-F1FD, U+F217-F218, U+F21B, U+F234-F235, U+F24D, U+F271, U+F273-F274, U+F279-F27A, U+F292, U+F295, U+F2B6, U+F2BD, U+F2C2, U+F2ED, U+F2F1, U+F2F5-F2F6, U+F302-F304, U+F336, U+F35D, U+F362, U+F3C1, U+F3C5, U+F3CE, U+F3D1, U+F3DD, U+F3E5, U+F3ED, U+F3FD, U+F4A6, U+F4AD, U+F4DA, U+F4E2, U+F4FC, U+F4FF-F500, U+F503, U+F506, U+F521, U+F53D, U+F559-F55A, U+F560, U+F56E, U+F570, U+F574, U+F57D, U+F58D, U+F5C0, U+F600, U+F64F, U+F65E, U+F689, U+F6A9, U+F6FA, U+F783, U+F79F, U+F7A1, U+F7A9, U+F80C, U+F879, U+F87C;
}

@font-face {
  font-family: 'sys-user-far';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/fa-regular-400.swpt-subset.woff2") format("woff2");
  unicode-range: U+F005, U+F00D, U+F017, U+F02E, U+F03E, U+F054-F055, U+F060, U+F067, U+F073, U+F075, U+F09D, U+F0C7, U+F14A, U+F15C, U+F19C, U+F1C1-F1C9, U+F24D, U+F2ED, U+F304, U+F3C5, U+F3CE, U+F574;
}

@font-face {
  font-family: 'sys-user-fab';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/fa-brands-400.swpt-subset.woff2") format("woff2");
  unicode-range: U+F08C, U+F099, U+F0D2, U+F167, U+F16D, U+F179, U+F1A0, U+F232, U+F2C6, U+F39E;
}

@font-face {
  font-family: 'sys-user-fal';
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/fa-light-300.swpt-subset.woff2") format("woff2");
  unicode-range: U+F05A, U+F065, U+F1D8;
}