@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --color-primary: #4F3EE6;
  --color-primary-dark: #3A2EC7;
  --color-primary-light: #7A6CFF;
  --color-primary-variant: #6244E9;
  --color-primary-50: #F3F1FF;
  --color-primary-100: #E2DEFF;
  --color-primary-200: #C4BBFF;

  --color-background: #FAFAFA;
  --color-surface: #F7F7F8;
  --color-surface-secondary: #F2F2F4;
  --color-surface-variant: #F4F4F6;

  --color-text-primary: #1A1A1E;
  --color-text-secondary: #6C6B74;
  --color-text-tertiary: #A7A6AD;
  --color-text-hint: #9A99A2;
  --color-on-primary: #FFFFFF;

  --color-border: #E0DFE5;
  --color-divider: #E3E3E8;
  --color-border-soft: #E8E8EB;

  --color-white: #FFFFFF;
  --color-black: #1A1A1E;

  --color-threads-like: #F91880;
  --color-threads-repost: #00BA7C;

  --color-danger: #EF4444;
  --color-success: #10B981;
  --color-warning: #F59E0B;

  --color-gray-50: #FAFAFA;
  --color-gray-100: #F3F3F5;
  --color-gray-200: #E3E3E8;
  --color-gray-300: #D1D0D6;
  --color-gray-400: #AFAEB8;
  --color-gray-500: #8E8C96;
  --color-gray-600: #6A6872;
  --color-gray-700: #4A4852;
  --color-gray-800: #2F2E36;
  --color-gray-900: #1A1A1E;

  --color-input-bg: #F4F3F8;
  --color-input-border: #D9D7E0;
  --color-input-border-focused: #4F3EE6;

  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 14px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  --font-primary: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

@font-face {
  font-family: CampusSyncPlatform_Font;
  src: url(https://abs.twimg.com/responsive-web/client-web/Chirp-Regular.80fda27a.woff2) format('woff2'), url(https://abs.twimg.com/responsive-web/client-web/Chirp-Regular.60b215ba.woff) format('woff');
  font-weight: 400;
  font-style: 'normal';
  font-display: 'swap';
}
@font-face {
  font-family: CampusSyncPlatform_Font;
  src: url(https://abs.twimg.com/responsive-web/client-web/Chirp-Medium.f8e2739a.woff2) format('woff2'), url(https://abs.twimg.com/responsive-web/client-web/Chirp-Medium.20fc288a.woff) format('woff');
  font-weight: 500;
  font-style: 'normal';
  font-display: 'swap';
}
@font-face {
  font-family: CampusSyncPlatform_Font;
  src: url(https://abs.twimg.com/responsive-web/client-web/Chirp-Bold.ebb56aba.woff2) format('woff2'), url(https://abs.twimg.com/responsive-web/client-web/Chirp-Bold.a573679a.woff) format('woff');
  font-weight: 700;
  font-style: 'normal';
  font-display: 'swap';
}
*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: var(--color-gray-300) var(--color-gray-50) !important;
}
body{
    width: 100%;
    min-height: 100%;
    font-family: var(--font-primary);
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: var(--color-text-primary);
    background: var(--color-background) !important;
    scrollbar-color: var(--color-gray-300) var(--color-gray-50) !important;
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
svg, i{
  flex-shrink: 0;
}
.campussyncSM_alert {
    position: fixed;
    bottom: 5px;
    left: 50%;
    background-color: var(--color-primary);
    color: #fff;
    font-size: 14px;
    padding: 17px;
    border-radius: 3px;
    z-index: 99999999999999999999;
    transform: translate(-50%, -50%);
    display: none;
    min-width: 100px;
}
  .campussyncSM_content{
    display: flex;
    align-items: center;
    justify-items: center;
  }
  .campussyncSM_icon {
    display: inline-block;
    margin-right: 20px;
    font-size: 20px;
  }
  .campussyncSM_text {
    display: inline-block;
  }
  .original-post-selection-check span:hover svg {
    background-color: var(--color-primary-50) !important;
    fill: var(--color-primary) !important;
  }
  .original-post-selection-check span:nth-of-type(2):hover svg {
    background-color: rgba(16, 185, 129, 0.12) !important;
    fill: var(--color-threads-repost) !important;
  }
  .original-post-selection-check span:nth-of-type(3):hover svg {
    background-color: rgba(249, 24, 128, 0.12) !important;
    fill: var(--color-threads-like) !important;
  }
  .swal2-container.swal2-center>.swal2-popup{
    border-radius: 12px !important;
    padding-top: 20px !important;
    padding-bottom: 30px !important;
    width: 400px !important;
    max-height: 100% !important;
    overflow-y: scroll !important;
  }
  .swal2-backdrop-show{
    z-index: 9999999 !important;
  }

  .swal2-title{
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    color: var(--color-text-primary) !important;
    text-align: left !important;
  }
  .swal2-html-container{
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    text-align: left !important;
    color: var(--color-text-secondary);
    cursor: default !important;

  }
  .swal2-confirm{
    background-color: var(--color-gray-900) !important;
    color: #fff !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    border-radius: 999px !important;
    width: 100%;
    transition-duration: 0.2s !important;
  }
  .swal2-confirm:hover{
    background-color: rgba(26, 26, 30, 0.76) !important;
    transition-duration: 0.2s !important;
  }
  .swal2-cancel{
    background-color: #fff !important;
    color: var(--color-text-primary) !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    border-radius: 999px !important;
    border: 1px solid var(--color-divider) !important;
    padding: 8px 30px !important;
    width: 100%;
    transition-duration: 0.2s !important;
  }
  .swal2-icon{
    display: none !important;
  }
  .swal2-actions{
    padding-right: 15px !important;
    padding-left: 15px !important;
    padding-top: 0 !important;
    margin-top: 10px !important;
  }
  .lightbox .lb-image{
    border: none !important;
    border-radius: 0px !important;
  }
  .userVerifiedBlue{
    fill: var(--color-primary) !important;
  }
  .userVerifiedEstablishment{
    fill: var(--color-warning) !important;
  }
  .video-feed-control-btn{
    position: relative;
    bottom: 15px;
}
.play-overlay {
    position: absolute;
    cursor: pointer;
    right: 75px;
    display: block;
}

.play-icon {
font-size: 19px;
color: #fff !important;
border-radius: 50%;
padding: 5px;
cursor: pointer;
background: var(--color-gray-800);
position: absolute;
bottom: 7px;
}
.play-icon:active{
opacity: 0.8;
}

.volume-control{
position: absolute;
right: 40px;
display: block;
} 
.volume-control > i{
font-size: 19px;
color: #fff !important;
border-radius: 50%;
padding: 5px;
cursor: pointer;
background: var(--color-gray-800);
position: absolute;
bottom: 7px;
}
.volume-control > i:active{
opacity: 0.8;
}
.lightboxOverlay{
  z-index: 9999999999;
}
.lightbox{
  z-index: 99999999999;
}
.site-header-box, .mobile-top-menu {
  background: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid transparent !important;
  border-top: 1px solid transparent !important;
}
.main-campussync-screenline > .site-header-box h5{
  color: var(--color-text-primary) !important;
}
.main-campussync-screenline > .site-header-box h5 svg{
  color: #000 !important;
  fill: #000 !important;
}
.changeForYouTimeline{
  background-color: #fff !important;
  border-bottom: 1px solid var(--color-divider);
}
.changeForYouTimeline span{
  color: var(--color-text-secondary) !important;
}
.changeForYouTimeline span:hover{
  background-color: var(--color-surface-secondary) !important;
}
.changeForYouTimeline .timelineActive{
  color: var(--color-text-primary) !important;
  border-bottom: 3px solid var(--color-primary) !important;
}
.no-post-yet-timeline > .no-post-yet h5{
  color: var(--color-text-primary) !important;
}
#postAreaContainer {
  color: var(--color-text-primary) !important;
  background-color: #fff !important;
}
.share-to-post-homepage{
  border-bottom: 1px solid var(--color-divider);
}
.userInfoAndPostsCard{
  border-bottom: 1px solid var(--color-divider);
}
.background-circle {
  stroke: var(--color-divider) !important; 
}
.text {
  color: var(--color-text-primary) !important;
}
.main-left-sidebar{
  background-color: #fff !important;
}
.main-left-sidebar > .main-sidebar-menu a,
.main-sidebar-menu a {
  color: var(--color-text-primary) !important;
}
.main-left-sidebar > .main-sidebar-menu a:hover {
  transition-duration: 0.2s !important;
  background: rgba(217, 217, 217, 0.33) !important;
}
.sidebarBottomUserInfo > .userInfoBottom a h5 b{
  color: var(--color-text-primary) !important;
}
.sidebarBottomUserInfo > .userInfoBottom a h5 small{
  color: var(--color-text-secondary) !important;
}
.donateForUserContainer {
  border-bottom: 1px solid var(--color-divider) !important;
  background-color: #fff !important;
}
.donateForUserContainer > .donateCardingUserInfo {
  border: 1px solid var(--color-divider) !important;
}
.donateForUserContainer > .donateCardingUserInfo span{
  color: var(--color-text-primary) !important;
}
.donateForUserContainer > .donateCardingUserInfo > input{
  color: var(--color-text-primary) !important;
  background-color: var(--color-divider) !important;
}
.donateForUserContainer > .donateCardingUserInfo > input:focus{
  border-color: var(--color-divider) !important;
  background-color: #fff !important;
}
.gif-dropdown {
  background: #fff !important;
  border-bottom: 1px solid var(--color-divider) !important;
}
.gif-dropdown > .searchGifCard > span i{
  color: var(--color-text-primary) !important;
}
.gif-dropdown > .searchGifCard > span i:hover{
  background-color: rgba(26, 26, 30, 0.08) !important;
  color: var(--color-text-primary) !important;
}
.gif-dropdown > .searchGifCard > input{
  border: 1px solid var(--color-divider) !important;
  background-color: #fff !important;
  color: var(--color-text-primary) !important;
}
.gif-item {
  border: 1px solid var(--color-divider) !important;
}
#viewPreviewGifSelect{
  border-bottom: 1px solid var(--color-divider) !important;
}
.vipup-post-publication{
  border-bottom: 1px solid var(--color-divider) !important;
  border-right: 1px solid var(--color-divider) !important;
  background-color: #fff !important;
}
.vipup-post-publication:hover{
  transition-duration: 0.3s !important;
  background-color: var(--color-surface) !important;
}
.post-original-user-title-info a h5{
  color: var(--color-text-primary) !important;
}
.post-original-user-title-info a h5 b{
  color: var(--color-text-secondary) !important;
}
.post-original-user-title-info span{
  color: var(--color-text-secondary) !important;
}
.original-post-details > .post-paragraphe p,
.original-post-details > .post-paragraphe span{
  color: var(--color-text-primary) !important;
  background-color: transparent !important;
}
.original-post-selection-check span {
  color: var(--color-text-tertiary) !important;
}
.original-post-selection-check span i {
  color: var(--color-text-tertiary);
}
.userInfoAndPostsCard a img{
  border: 1px solid var(--color-divider) !important;
}
.repost-post-quateContent{
  border: 1px solid var(--color-border) !important;
  background-color: #fff !important;
}
.repost-post-quateContent:hover{
  transition-duration: 0.2s;
  background-color: var(--color-surface) !important;
  cursor: pointer !important;
}
.repost-post-quateContent > a .repostContentTimeline > .repostUserInfo h5{
  color: var(--color-text-primary) !important;
}
.repost-post-quateContent > a .repostContentTimeline > .repostContentDiv p{
  color: var(--color-text-primary) !important;
}
.repost-post-quateContent > a .repostContentTimeline > .repostUserInfo span{
  color: var(--color-text-secondary) !important;
}
.dropdown ul {
  background-color: #fff !important;
  border: 1px solid var(--color-divider) !important;
  box-shadow: 0px 0px 10px 0px rgba(40, 49, 58, 0.13) !important;
}
.dropdown li a,
.dropdown button {
color: var(--color-text-primary) !important;
}
.dropdown li a:hover {
  transition-duration: 0.2s !important;
  background-color: var(--color-surface-secondary) !important;
}
.dropdown li a i,
.dropdown ul button i{
  color: var(--color-text-primary) !important;
}
#imagePreviews img{
  border: 1px solid var(--color-divider) !important;
}
#check-notifs{
  border: 2px solid #fff !important;
}
#check-message{
  border: 2px solid #fff !important;
}
.sidebar-footer-content a{
  color: var(--color-text-tertiary) !important;
}
#iconLockProfile{
  fill: var(--color-text-primary) !important;
}
.post-paragraphe p iframe{
  border: 1px solid var(--color-divider) !important;
}
.status-post-content iframe,
.post-paragraphe iframe{
    width: 100% !important;
    height: 280px !important;
    border-radius: 12px !important;
    border: 1px solid var(--color-divider) !important;
}
.liked, .adsLiked{
  fill: var(--color-threads-like) !important;
}
.post-unrepost-icon{
  fill: var(--color-threads-repost) !important;
}
.status-post-container-name > .status-post-value-select span i{
  color: var(--color-text-secondary);
}
.settings-page-content-full > .settings-edit-profile-right-zone > .user-profile-edit-form-content-full #change-avatar > #changeAvatar img{
  border-radius: 4px !important;
}
.getprofile-user-info > .user-avatar-pic img {
  padding: 0 !important;
}
.PreviewReplyContent{
  width: 100%;
  display: flex;
  align-items: center;
  justify-items: center;
  padding-left: 30px;
  margin-top: 15px;
  border-bottom: 1px solid var(--color-divider);
  padding-bottom: 15px;
}
.PreviewReplyContent i{
  font-size: 17px;
  margin-right: 5px;
  color: var(--color-primary);
  cursor: pointer !important;
}
.PreviewReplyContent select{
  border: none;
  color: var(--color-primary);
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  appearance: none;
  background-color: transparent !important;
  outline: none !important;
  border: none !important;
  cursor: pointer !important;
}
.donateForUserContainer > .donateCardingUserInfo span{
  color: var(--color-text-primary) !important;
}
.donateCancelBtn{
  background-color: var(--color-divider) !important;
}
.quateCardingUserInfo{
  width: 100%;
  border-bottom: 1px solid var(--color-divider);
  margin-top: 20px;
  display: none;
}
.quateCardingUserInfo > .quateCardingForm{
  border: 1px solid var(--color-divider);
  margin-bottom: 20px;
  border-radius: 16px;
  margin-left: 50px;
  margin-right: 50px;
  padding: 18px;
}
.quateCardingUserInfo > .quateCardingForm > .form-floating input{
  margin-bottom: -5px;
  color: var(--color-text-primary);
  border-radius: 2px !important;
}
.form-floatingCommonBtn{
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-danger);
  padding: 10px;
  text-align: center;
  border-radius: 999px;
  cursor: pointer;
  transition-duration: 0.3s;
  border: 1px solid var(--color-divider);
  user-select: none;
}
.form-floatingCommonBtn:hover{
  background-color: rgba(239, 68, 68, 0.08);
  border: 1px solid transparent;
}
.quateContainerForm{
  margin-top: 25px;
  margin-bottom: 5px;
}
.quate-rate-btn{
  background-color: transparent;
  border: 1px solid var(--color-primary);
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  color: var(--color-primary);
  cursor: pointer;
  transition-duration: 0.2s;
  padding: 7px 15px;
  width: 100%;
  display: block;
  text-align: center;
  border-radius: 999px;
  margin-bottom: 7px;
  user-select: none;
  &:hover{
    background-color: rgba(79, 62, 230, 0.07);
  }
}
.quateContentCardingFlex{
  width: 100%;
  display: flex;
  justify-items: center;
  flex-direction: column;
  justify-content: space-between;
}
.quateContentCardingFlex > span{
  border-left: 5px solid var(--color-border);
  margin-bottom: 7px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none !important;
  color: var(--color-text-primary) !important;
}
.quateContentCardingFlex > span > b{
  margin-left: 7px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-text-primary) !important;
  text-decoration: none !important;
}
.quateContentCardingFlex span > small{
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: var(--color-text-primary) !important;
  text-decoration: none !important;
}
.repostQuateCard{
  padding: 15px;
  padding-bottom: 7px;
  margin-top: -0px;
  margin-bottom: -0px;
  border-radius: 0px 0px 14px 14px;
  background-color: #fff;
}
.voteSmallTotalCount{
  color: var(--color-text-secondary) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  margin-top: 7px !important;
}
.strongTotalView{
  color: var(--color-text-primary) !important;
}
.post-on-share-content{
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(40, 49, 58, 0.13) !important;
}
.post-on-share-content button{
  color: var(--color-danger);
}
.post-on-share-content button i{
  color: var(--color-danger);
}
.post-on-share-content li:hover{
  transition-duration: 0.2s;
  background-color: var(--color-surface);
}
.container{
  width: 100% !important;
  display: flex !important;
}
.totalDaysQuate{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--color-divider);
}
.totalDaysQuate small{
  color: var(--color-text-primary);
}
#messageSeenStatus{
  color: var(--color-gray-400);
}
#messageSeenStatusActive{
  color: var(--color-primary);
}
.moreModulesContent{
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(40, 49, 58, 0.13) !important;
}
.contentModulesListing a,
.contentModulesListing a i{
  color: var(--color-text-primary);
}
.contentModulesListing a:hover{
  transition-duration: 0.2s;
  background-color: var(--color-surface-secondary);
}
.contentModulesListing a small{
  color: green;
}
.contentModulesContainer .titleModulesContent h5{
  color: #fff;
}
.contentModulesContainer .titleModulesContent span{
  color: #fff;
}
.listForeModulesContent a{
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(40, 49, 58, 0.25) !important;
}
.listForeModulesContent a:hover{
  opacity: .85;
  transition-duration: 0.2s;
}
.listForeModulesContent a h6{
  color: var(--color-text-primary);
}
.listForeModulesContent a p{
  color: var(--color-text-tertiary);
}
.activeModulesSplash{
  border: 2px solid var(--color-primary);
}
.switchUserInfo{
  background-color: transparent !important;
  cursor: pointer;
}
.switchUserInfo > h5{
  color: var(--color-text-primary) !important;
}
.switchUserInfo > h5 small{
  color: var(--color-text-secondary);
}
.switchUserInfo img{
  border: 1px solid var(--color-divider);
}
.user-notitications-container{
  border-right: 1px solid var(--color-divider);
}
.greetalertContainer{
  background-color: #fff;
  border-bottom: 1px solid var(--color-divider);
}
.greetalertContainer > .greetalert-dissmible h2,
.not-reels-container .reelsEmptyContainer h5{
  color: var(--color-text-primary);
}
.greetalertContainer > .greetalert-dissmible h2 p,
.not-reels-container .reelsEmptyContainer p{
  color: var(--color-text-secondary);
}
.vp-stories-container {
  border-bottom: 1px solid var(--color-divider);
}
.vp-stories-container > .swiper-container .story img {
  background-color: var(--color-divider);
  border: 1px solid var(--color-divider);
}
.story span {
  color: var(--color-text-primary);
}
.story span strong{
  color: var(--color-primary);
  background-color: #fff;
}
.dontSeeReelsView{
  border: 1.5px solid var(--color-primary) !important;
}
.vp-viewcontent-for-reels{
  border-right: 1px solid var(--color-divider);
}
.vp-viewcontent-for-reels > .listing-reels-container > .reels-view-cont-container{
  border: 1px solid var(--color-divider);
  background-color: var(--color-divider);
}
.reels-view-cont-container > .reels-title-info a{
  background: rgba(0, 0, 0, 0.486);
  backdrop-filter: blur(10px);
}
.storiesDetailsText-content > .reelsControlBtnPanel span i{
  background: rgba(0, 0, 0, 0.486);
  backdrop-filter: blur(10px);
}
.reels-view-cont-container > .reels-title-info a h5 span,
.storiesDateText{
  color: var(--color-gray-300);
}
.fullscreen-reels-media-content img{
  background-color: var(--color-divider);
}
.og-meta-container > .og-top-info-detail img{
  border: 1px solid var(--color-divider); 
  background-color: #fff !important;
}
.og-meta-container > small{
  color: var(--color-text-secondary) !important;
}
.status-post-container-name > .status-post-content p,
.status-post-container-name > .status-post-content p span{
  color: var(--color-text-primary) !important;
  background-color: transparent !important;
}
.status-post-translate-text{
  border: 1px solid var(--color-divider) !important;
  color: var(--color-text-primary) !important;
}
.just-empty-archur-profile-text h5{
  color: var(--color-text-primary);
}
.just-empty-archur-profile-text span{
  color: var(--color-text-secondary);
}
.user-social-links-or-account > a{
  background-color: var(--color-text-primary) !important;
  color: #fff !important;
}
.user-social-links-or-account > a:hover{
  background-color: var(--color-gray-600) !important;
}
.access-applications-for-me{
  background-color: var(--color-surface-variant);
}
.access-applications-for-me > .project-app-container{
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}
.access-applications-for-me small{
  color: var(--color-text-secondary);
}
.access-applications-for-me > .project-app-container{
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); 
}
.app-name-content{
  color: var(--color-text-primary);
}
.access-applications-for-me > .project-app-container a{
  color: var(--color-primary);
}
.access-applications-for-me > .project-app-container a:hover{
  transition-duration: 0.3s;
  background-color: var(--color-primary-50);
}
.access-applications-for-me > .project-app-container small{
  background-color: rgba(16, 185, 129, 0.12);
  color: var(--color-success);
}
.acceptForWebsiteInfo > blockquote h5{
  color: var(--color-text-primary);
}
.acceptForWebsiteInfo > blockquote h5 p{
  color: var(--color-text-secondary);
}
.acceptForWebsiteInfo > .acceptForAppSelection > span{
  border-bottom: 1px solid var(--color-divider);
  color: var(--color-text-secondary);
}
.acceptForWebsiteInfo > .acceptForAppSelection h6{
  color: var(--color-text-primary);
}
.acceptForWebsiteInfo > .acceptForAppSelection h3{
  color: var(--color-text-primary);
  border-bottom: 1px solid var(--color-divider);
}
.acceptForWebsiteInfo > .acceptForAppSelection small{
  color: var(--color-danger);
}
.acceptForWebsiteInfo > .acceptForAppSelection small:hover{
  background-color: rgba(239, 68, 68, 0.08);
}
.tokensSpan{
  color: var(--color-text-tertiary);
}
.newApiAppContent{
  background-color: #fff !important;
  box-shadow: 0px 0px 10px 0px rgba(40, 49, 58, 0.08) !important;
}
.newApiAppContent > span{
  color: var(--color-text-primary) !important;
}
.delete-or-hiddenRepostContent{
  border: 1px solid var(--color-border) !important;
  background-color: #fff !important;
}
.delete-or-hiddenRepostContent > .titleDeleteHiddenContent{
  background-color: var(--color-surface) !important;
}
.delete-or-hiddenRepostContent > .titleDeleteHiddenContent > h5{
  color: var(--color-text-primary) !important;
}
.delete-or-hiddenRepostContent > .deleteOrHiddenContentEmpty p{
  color: var(--color-text-secondary) !important;
}
.RepostPreviewlinkedAccount{
  border: .5px solid var(--color-border);
}
.quateRepostPreviewContent > .topPreviewQuate > h5 > b{
  color: var(--color-text-secondary);
}
.quateRepostPreviewContent > .topPreviewQuate > h5{
  color: var(--color-text-primary);
}
.delete-or-hiddenRepostContent > .deleteOrHiddenContentEmpty p{
  color: var(--color-text-primary);
}
.quateRepostPreviewContent{
  border: 1px solid var(--color-border);
  background-color: #fff;
}
.mobile-top-menu a i{
  color: var(--color-text-primary) !important;
}
.modal-footer{
  border: 1px solid transparent !important;
}
.notifications-user-listing-active{
  border-bottom: 1px solid var(--color-divider);
}
.notifications-user-listing-active:hover{
  background-color: var(--color-background);
}
.notifications-user-listing-active > h5,
.notifs-date-on-list{
  color: var(--color-text-primary) !important;
}
.notifications-user-listing-active > span{
  color: var(--color-text-secondary);
}
.notifications-user-listing-active p{
  color: var(--color-text-secondary);
  border: 1px solid var(--color-divider);
  background-color: #fff;
}
.htag-list-look > .htag-list-target button{
  background-color: var(--color-text-primary) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 8px 15px !important;
}
#changePublicNotifs{
  fill: var(--color-text-primary) !important;
  width: 18px !important;
  height: 18px !important;
  margin-left: 5px !important;
}

#Google2FASet > .checkForContent h5,
#Google2FASet > .checkForContent > .flexForCodeCheck > p,
#Google2FASet > .checkForContent > .flexForCodeCheck > p b,
#Google2FASet > .checkForContent > .flexForCodeCheck > p small,
.formSaveCode > form > h5,
.formSaveCode > form > span{
  color: var(--color-text-primary) !important;
}
#Google2FASet > .checkForContent p{
  color: var(--color-text-secondary) !important;
}
.formSaveCode{
  border: 1px solid var(--color-divider) !important;
}
.sponsored-boost-post,
.sponsored-boost-post svg{
  color: var(--color-text-secondary);
  fill: var(--color-text-secondary);
}
.backdrop-filter-or-black-ads > .ads-for-information h1,
.backdrop-filter-or-black-ads > .ads-for-information h2,
.backdrop-filter-or-black-ads > .ads-for-information > span{
  color: #fff;
}
.backdrop-filter-or-black-ads > .ads-for-information > span > svg{
  fill: #fff;
}
.profile-header-box-cxls01 small{
  color: var(--color-text-secondary) !important;
}
.user-general-profile-button-selection #edit-my-profile-btn{
  color: var(--color-text-primary) !important;
  border: 1px solid var(--color-border) !important;
  background-color: transparent !important;
  &:hover{
    background-color: var(--color-surface-secondary) !important;
  }
}
.custom-radio-group > .theme-option {
  border: 2px solid var(--color-border);

}
.graph-options-background-display h3{
  color: var(--color-text-primary);
}
.custom-radio-group > input[type="radio"]:checked + .theme-option {
  border-color: var(--color-primary) !important;
}
.users-clx021-subscribe-profile{
  background-color: #fff;
  box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
}
.users-clx021-subscribe-profile > .subscribe-title-header-box{
  background: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
.users-clx021-subscribe-profile > .subscribe-title-header-box > .left-sbsc-xdl1 svg{
  fill: #000;
    &:hover{
      background-color: var(--color-surface-secondary);
  }
}
.users-clx021-subscribe-profile > .subscribe-title-header-box > .right-plan-for-subsc-pay span{
  background-color: var(--color-text-primary);
  color: #fff;
    &:hover{
      background-color: var(--color-gray-600);
  }
}
.users-clx021-subscribe-profile{
  background-color: #fff;
}
.subscribe-profile-account-xl10s > .subsc-dynamic-texting-clx04xa h1,
.subscribe-profile-account-xl10s > .subsc-dynamic-texting-clx04xa span{
  color: #fff;
}
.subscriptions-info-wrapper > .carding-subs-info-card h3,
.user-card-my-subs h3
{
  color: var(--color-text-primary);
}
.subscriptions-info-wrapper > .carding-subs-info-card span,
.user-card-my-subs > h4,
.subs-month-pay-just-now span{
  color: var(--color-text-secondary);
}
.my-user-carding-subscriptions-layer{
  box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
}
.user-subs-message-private article{
background-color: #fff;
color: var(--color-text-primary);
}
#with_replies_check,
#with_replies_check svg,
#with_replies_check i{
  color: var(--color-text-secondary) !important;
  fill: var(--color-text-secondary) !important;
  cursor: default;
}
#private_subs_content,
#private_subs_content svg{
  color: var(--color-primary) !important;
  fill: var(--color-primary) !important;
  cursor: default;
}
.userSubscriptionsIcon{
  fill: var(--color-primary) !important;
}
.subs-content-empty p{
  color: var(--color-text-primary) !important;
}
.alert-subs-empty-info p{
  color: var(--color-text-primary) !important;
}
.get-message-my-list{
  border-right: 1px solid var(--color-divider);
}
.main-left-sidebar > .main-sidebar-menu a svg,
.mobile-top-menu a svg{
  fill: var(--color-text-primary);
}
.notifications-user-listing-active > article small{
  color: var(--color-text-secondary);
}
.notifications-user-listing-active > article > blockquote span{
  color: var(--color-text-primary);
}
.original-post-selection-check span svg:hover {
  background-color: var(--color-primary-50);
  fill: var(--color-primary);
}

.original-post-selection-check span svg:nth-of-type(2):hover {
  background-color: rgba(249, 24, 128, 0.08);
  fill: var(--color-threads-like);
}

.original-post-selection-check span svg:nth-of-type(3):hover {
  background-color: rgba(16, 185, 129, 0.08);
  fill: var(--color-threads-repost);
}
.report-option {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  text-align: left;
}

.report-option input[type="radio"] {
  margin-top: 5px;
  margin-right: 10px;
}

.report-option label {
  cursor: pointer;
}

.report-option strong {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: var(--color-text-primary);
}

.report-option p {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: var(--color-text-secondary);
  margin-top: 6px;
}
.swal2-validation-message{
  font-size: 13px !important;
}
#reportContentDetails__Card{
  border-top: 1px solid var(--color-divider);
}
#reportContentDetails__Card > .reported-content-details-platform-info > h3,
#reportContentDetails__Card > .reported-content-details-platform-info > h5{
  color: var(--color-text-primary);
}
#reportContentDetails__Card > .reported-content-details-platform-info > h3 b{
  color: var(--color-primary);
}
#reportContentDetails__Card > .reported-content-details-platform-info > h5 strong,
#reportContentDetails__Card > .reported-content-details-platform-info > h5 strong > .content-listing-reported li{
  color: var(--color-text-secondary);
}
.modal-content{
  border: none !important;
  z-index: 99999999999;
}
.openedRepostDropdownContent{
  background-color: #fff;
  box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px, rgba(101, 119, 134, 0.15) 0px 0px 3px 1px;
}
.openedRepostDropdownContent > .contentRepostSelect campussyncRepostBtn,
.openedRepostDropdownContent > .contentRepostSelect campussyncRepostBtn span{
  color: var(--color-text-primary) !important;
}
.openedRepostDropdownContent > .contentRepostSelect campussyncRepostBtn:hover{
  background-color: var(--color-surface);
}
.openedRepostDropdownContent > .contentRepostSelect > campussyncRepostBtn > svg{
  fill: var(--color-text-primary);
}
.openedRepostDropdownContent > .contentRepostSelect > campussyncRepostBtn > svg:hover{
  background-color: transparent !important;
}
.selection-for-buy-premium{
  border-right: none !important
}
.selection-for-buy-premium > .premium-package-selection-flex > .premium-for-package{
  background-color: var(--color-divider);
}
.selection-for-buy-premium > .premium-package-selection-flex > .premium-for-package span,
.selection-for-buy-premium > .premium-package-selection-flex > .premium-for-package > .premium-package-details span svg,
.selection-for-buy-premium > .premium-package-selection-flex > .premium-for-package > .premium-package-details span,
.selection-for-buy-premium > .premium-package-selection-flex > .premium-for-package > .premium-package-details h3,
.selection-for-buy-premium > .web-premium-info-carding p,
.selection-for-buy-premium > .web-premium-info-carding h5,
.selection-for-buy-premium > .web-premium-info-carding h5 li{
  color: var(--color-text-primary);
}
.selection-for-buy-premium > .premium-package-selection-flex > .premium-for-package > .premium-package-details span svg{
  fill: var(--color-text-primary);
}
.selection-for-buy-premium > .web-premium-info-carding form p{
  border: 1px solid var(--color-text-tertiary);
  color: var(--color-gray-700);
}
.paymentTableOnly {
  border-top: 1px solid transparent !important;
}
.premium-speed-features-click > .features-listing-on-premium,
.subs-form-getion{
  background-color: var(--color-surface-variant) !important;
}
.premium-speed-features-click > .features-listing-on-premium ul li{
  border-bottom: 1px solid var(--color-border-soft);
}
.premium-speed-features-click > .features-listing-on-premium ul li:hover{
  background-color: var(--color-primary-100);
}
.premium-speed-features-click > .premium-features-title h3,
.premium-speed-features-click > .premium-features-title p,
.premium-speed-features-click > .features-listing-on-premium ul li,
.subs-form-getion h5, .subs-form-getion span, .subs-form-getion h5, .premium-speed-features-click > .features-listing-on-premium ul li{
  color: var(--color-text-primary);
}
.premium-speed-features-click > .features-listing-on-premium ul li .coming-soon-features{
  background-color: rgb(255, 237, 219);
  color: rgb(105, 33, 0);
}
.subs-form-getion > input{
  color: var(--color-text-primary);
  background-color: #fff;
}
.status-empty-post-target h5{
  color: var(--color-text-primary) !important;
}
.status-empty-post-target span{
  color: var(--color-text-tertiary);
}
.mobile-left-page-menu a h5 svg{
  fill: var(--color-text-primary) !important;
}
.alert-verified-account-info-data{
  background-color: var(--color-primary-50);
}
.alert-verified-account-info-data > h5{
  color: var(--color-text-primary);
}
.alert-verified-account-info-data > a{
  color: var(--color-text-primary);
  text-decoration: none !important; 
  border-bottom: 1px solid var(--color-text-primary);
  padding-bottom: 0px;
  font-weight: 600 !important;

}
.alert-verified-account-info-data > a:hover{
  border-bottom: 2px solid var(--color-text-primary);
}
.select-campussync-emojies span{
  color: var(--color-text-primary) !important;
}
.vp-postdetails-content-lightbox{
  background-color: #fff;
}
.vp-postdetails-content-lightbox > .vp-lightbox-user-info a img,
.vp-postdetails-content-lightbox >
.vp-lightbox-postdetails-reply, .vp-lightbox-postdetails-reply > .vp-lightbox-user-comments-container > img, .vp-lightbox-postdetails-reply > .vp-lightbox-user-comments-container > video,  .vp-postdetails-original-lightbox-bottom{
  border-top: 1px solid var(--color-divider) !important;
  border-bottom: 1px solid var(--color-divider) !important;
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
}
.vp-postdetails-content-lightbox > .vp-lightbox-user-info a h5,
.vp-postdetails-content-lightbox > .vp-lightbox-user-info #vp-lightbox-more-dropdown,
.vp-postdetails-content-lightbox > .v-postdetails-general-content p,
.vp-postdetails-content-lightbox > .v-postdetails-general-content p div,
.vp-postdetails-content-lightbox > .v-postdetails-general-content div,
.vp-postdetails-content-lightbox > .v-postdetails-general-content p strong,
.vp-postdetails-content-lightbox > .v-postdetails-general-content div strong,
.vp-postdetail-lightbox-post-joined b, .vp-lightbox-postdetails-reply > .vp-lightbox-reply-user-info a h5, .vp-lightbox-postdetails-reply > .vp-lightbox-user-comments-container p, .lightbox-not-reply-comments h5{
  color: var(--color-text-primary);
}
.vp-postdetails-content-lightbox > .vp-lightbox-user-info a h5 span,
.vp-postdetail-lightbox-post-joined, .vp-lightbox-postdetails-reply > .vp-lightbox-reply-user-info a h5 span, .vp-lightbox-list-comments-selection-span span, .vp-lightbox-list-comments-selection-span span i, .vp-postdetails-original-lightbox-bottom > small{
  color: var(--color-text-secondary);
}
.vp-postdetails-content-lightbox > .vp-lightbox-user-info #vp-lightbox-more-dropdown:hover{
  background-color: var(--color-primary-100);
  color: var(--color-primary);
}
.vp-lightbox-post-archur-details span,
.vp-lightbox-post-archur-details span b{
  color: #fff;
}
.vp-lightbox-post-archur-details span svg:hover{
  background-color: var(--color-gray-800);
}
.vp-lightbox-postdetails-reply:hover{
  background-color: var(--color-surface);
  cursor: pointer;
}
.vp-lightbox-list-comments-selection-span span:hover i{
  color: var(--color-primary);
  background-color: var(--color-primary-100);
}
.vp-postdetails-original-lightbox-bottom > small i:hover{
  color: var(--color-primary);
  background-color: var(--color-primary-100);
  cursor: pointer;
}
.subscriptions-all-users-listing-premium article h3,
.subscriptions-all-users-listing-premium p{
  color: var(--color-text-primary) !important;
}
.subscriptions-all-users-listing-premium article h3 span, .subscriptions-all-users-listing-premium article .date-subs-joined{
  color: var(--color-text-secondary) !important;
}
.subscriptions-all-users-listing-premium form button{
  color: var(--color-danger);
}
.subscriptions-all-users-listing-premium form button:hover{
  background-color: rgba(239, 68, 68, 0.08);
}
.privateProfileLocked h3{
  color: var(--color-text-primary) !important;
}
.privateProfileLocked span{
  color: var(--color-text-secondary) !important;
}
.premium-speed-features-click > .features-listing-on-premium ul li:last-child{
  border-bottom: 1px solid transparent !important;
}
.premium-stats-card, .other-stats-for-account-flexing > .carding-statics-boxliner{
  background-color: var(--color-surface);
}
.static-wrapper-container > .title-static-wrapper > .left-title-carding h3,
.static-wrapper-container > .title-static-wrapper > .left-title-carding select,
.premium-stats-card > .flex-account-details-title select, .other-stats-for-account-flexing > .carding-statics-boxliner > h4, .other-stats-for-account-flexing > .carding-statics-boxliner > .boxliner-title h6{
  color: var(--color-text-primary) !important;
}
.static-wrapper-container > .title-static-wrapper > .left-title-carding select{
  border: 1px solid var(--color-border);
}
.premium-stats-card > .flex-account-details-title select{
  border: 1px solid var(--color-border);
  border-left: 7px solid var(--color-primary) !important;
}
.info-statics-page-bottom p{
  color: var(--color-text-secondary) !important;
}
.spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-top-color: var(--color-primary);
}
.right-sidebar > .main-right-sidebar-fluid > .sidebar-card-boxing .cs0x1m{
  color: var(--color-primary);
}
.right-sidebar > .main-right-sidebar-fluid > .sidebar-card-boxing .cs0x1m:hover{
  background-color: var(--color-surface);
}
.htag-list-look > .htag-list-target a span svg{
  fill: var(--color-text-secondary) !important;
}
.sponsored-user-container-vertical > .explore-container-title h1, .user-carding-screen-info h3, .user-carding-screen-info p, .message-chat-user-top-info-profile span{
  color: var(--color-text-primary);
}
.user-carding-screen-info span{
  color: var(--color-text-secondary);
}
.sponsored-user-container-vertical{
  border-top: 1px solid var(--color-divider);
  border-right: 1px solid var(--color-divider);
}
.sponsored-user-container-vertical > .user-sponsored-content-card{
  border-bottom: 1px solid var(--color-divider);
}
.sponsored-user-container-vertical > .user-sponsored-content-card:hover{
  background-color: var(--color-divider);
}
.settings-page-content-user-menu{
  border-right: 1px solid var(--color-divider);
}

.alert-temporary-ban{
  color: var(--color-text-secondary);
}
.alert-temporary-ban h3{
  color: var(--color-text-primary);
}
.switch-account-info-text{
  color: var(--color-text-secondary);
}
#addnew-switchaccount{
  border: 1px solid var(--color-divider);
}
.mobile-resp-menu-left-sidebar{
  background-color: #fff !important;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.097) !important;
}
.mobile-resp-menu-left-sidebar a {
  color: var(--color-text-primary);
}
.mobile-resp-menu-left-sidebar > article h3{
  color: var(--color-text-secondary);
  font-weight: 400;
}
.mobile-resp-menu-left-sidebar > article h3 b{
  color: var(--color-text-primary);
  font-weight: 600;
}
.main-campussync-screenline{
  border-left: 2px solid var(--color-divider);
  border-right: 1px solid var(--color-divider);
}
.getprofile-user-info{
  border-right: none !important;
}
.status-post-container-name{
  border-right: none !important;
}
.advert-header-box-title{
  border-top: 1px solid var(--color-divider);
  border-bottom: 1px solid var(--color-divider);
}
.advert-header-box-title > a{
  color: var(--color-text-secondary);
}
.advert-header-box-title > a:hover{
  background-color: var(--color-surface-secondary);
  color: var(--color-text-primary);
}
.advert-header-box-title a.active-ads-menu {
  background-color: var(--color-surface-secondary);
  color: var(--color-text-primary);
}
#new-compose-post-modal{
  background-color: var(--color-gray-900);
  color: #fff;
}
#new-compose-post-modal:hover{
  background-color: var(--color-gray-800);
}

.sidebar-app-widget-inner {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 16px;
  padding: 16px;
  transition: all 0.2s ease;
}
.right-sidebar-app-widget {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 16px;
}
.right-sidebar-app-widget .sidebar-app-widget-inner {
  border: none;
  background: none;
  padding: 16px;
}
.sidebar-app-widget-inner h4 {
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 4px;
  color: var(--color-text-primary);
}
.sidebar-app-widget-inner .app-widget-tagline {
  font-size: 12px;
  font-weight: 600;
  color: var(--color-primary);
  margin: 0 0 8px;
}
.sidebar-app-widget-inner .app-widget-desc {
  font-size: 12px;
  color: var(--color-text-secondary);
  margin: 0 0 12px;
  line-height: 1.5;
}
.sidebar-app-widget-inner a {
  display: block;
  text-decoration: none;
}
.sidebar-app-widget-inner a:hover {
  opacity: 0.9;
}
.sidebar-app-widget-inner a img {
  width: 100%;
  max-width: 140px;
  height: auto;
  border-radius: 6px;
}

#compose-modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99999;
  justify-content: center;
  align-items: flex-start;
  padding-top: 60px;
  opacity: 0;
  transition: opacity 0.2s ease;
  backdrop-filter: blur(4px);
}
#compose-modal-overlay.compose-modal-visible {
  opacity: 1;
}
#compose-modal {
  background: var(--color-surface);
  border-radius: 20px;
  width: 100%;
  max-width: 560px;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.3);
  transform: translateY(20px);
  transition: transform 0.2s ease;
}
.compose-modal-visible #compose-modal {
  transform: translateY(0);
}
.compose-modal-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 8px 12px;
  border-bottom: 1px solid var(--color-border);
  position: sticky;
  top: 0;
  background: var(--color-surface);
  z-index: 1;
  border-radius: 20px 20px 0 0;
}
.compose-modal-close {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: transparent;
  color: var(--color-text-primary);
  font-size: 22px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s ease;
}
.compose-modal-close:hover {
  background: var(--color-divider);
}
.compose-modal-body {
  padding: 0 16px 16px;
}
.compose-user-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0 8px;
}
.compose-user-row img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
}
.compose-user-row span {
  font-size: 14px;
  color: var(--color-text-secondary);
}
.sidebar-compose-area {
  min-height: 120px;
  max-height: 300px;
  overflow-y: auto;
  padding: 8px 0;
  font-size: 18px;
  line-height: 1.5;
  color: var(--color-text-primary);
  outline: none;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.sidebar-compose-area:empty::before {
  content: attr(data-placeholder);
  color: var(--color-text-tertiary);
  pointer-events: none;
}
.compose-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 12px;
  border-top: 1px solid var(--color-border);
  margin-top: 8px;
}
.compose-toolbar-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--color-primary);
  font-size: 18px;
  transition: background 0.15s ease;
}
.compose-toolbar-left {
  display: flex;
  align-items: center;
  gap: 4px;
}
.compose-toolbar-btn:hover {
  background: color-mix(in srgb, var(--color-primary) 12%, transparent);
}
.compose-toolbar-right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sidebar-compose-count {
  font-size: 13px;
  color: var(--color-text-tertiary);
  min-width: 20px;
  text-align: right;
}
#sidebar-compose-submit {
  background: var(--color-primary);
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 8px 20px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
#sidebar-compose-submit:hover:not(:disabled) {
  opacity: 0.9;
}
#sidebar-compose-submit:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.sidebar-gif-dropdown {
  position: absolute;
  bottom: 60px;
  left: 16px;
  right: 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
  z-index: 10;
  max-height: 340px;
  overflow: hidden;
}
.sidebar-gif-dropdown .gif-container img {
  transition: transform 0.15s ease;
}
.sidebar-gif-dropdown .gif-container img:hover {
  transform: scale(0.96);
}
.sidebar-quateCardingUserInfo {
  padding: 12px 0;
  border-top: 1px solid var(--color-border);
  margin-top: 8px;
}
.sidebar-quateCardingUserInfo .quateCardingForm {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sidebar-quateCardingUserInfo .form-floating {
  position: relative;
}
.sidebar-quateCardingUserInfo .form-control {
  width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text-primary);
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
}
.sidebar-quateCardingUserInfo .form-control:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 1px var(--color-primary);
}
.sidebar-quateCardingUserInfo .form-floating label {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  font-size: 13px;
  color: var(--color-text-tertiary);
  pointer-events: none;
  transition: 0.15s ease;
}
.sidebar-quateCardingUserInfo .form-control:focus + label,
.sidebar-quateCardingUserInfo .form-control:not(:placeholder-shown) + label {
  top: 4px;
  transform: none;
  font-size: 11px;
}
.sidebar-quateCardingUserInfo select.form-control {
  padding: 6px 8px;
  font-size: 13px;
}
#sidebar-imagePreviews {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 8px 0;
}
#sidebar-previewReplyContent {
  display: none;
  align-items: center;
  gap: 4px;
  padding: 6px 0;
  font-size: 13px;
  color: var(--color-primary);
}
#sidebar-emoji-picker {
  max-height: 200px;
  overflow-y: auto;
  background: var(--color-surface);
}
#sidebar-emoji-picker campussync-emoji-btn:hover {
  background: var(--color-divider);
}
.right-sidebar-wrapper .right-sidebar-contentWrapper > .search-container input{
  background-color: var(--color-divider);
}
.right-sidebar-wrapper .right-sidebar-contentWrapper > .search-container input:focus{
  outline: 1px solid var(--color-primary);
  background-color: #fff;
  color: var(--color-text-primary);
}
.right-sidebar-wrapper .right-sidebar-contentWrapper > .search-container svg,
.trending-content-carding a span svg{
  fill: var(--color-text-secondary);
}
.sidebar-grid-content{
  border: 1px solid var(--color-divider);
}
.sidebar-grid-content .title-content-rsbr h5,
.trending-content-carding a h5{
  color: var(--color-text-primary);
}
.trending-content-carding:hover{
  background-color: var(--color-surface);
}
.adsHashText,
.sidebar-bottom-footer a{
  color: var(--color-text-secondary) !important;
}
.active-tab-link{
  background-color: var(--color-surface-secondary);
  color: var(--color-text-primary) !important;
}
.trending-content-carding a p,
.trending-content-carding a span{
  color: var(--color-text-secondary);
}
.notifs-permission-browser h3{
  color: var(--color-text-primary);
}
.notifs-permission-browser p{
  color: var(--color-text-secondary);
}
.radio-container{
  border-bottom: 1px solid var(--color-divider);
}
.radio-container > label{
  color: var(--color-text-primary);
}
.content_form_required > .content_modal_body_main textarea,
.modal-header-title h5, .btn-close-reply, .replyContentDisplay, .replyContentDisplay span, .maximum-character-count{
  color: var(--color-text-primary) !important;
}
.replyContentDisplay{
  border-left: 2px solid var(--color-border);
}
html[dir="rtl"] .replyContentDisplay{
  border-left: none;
  border-right: 2px solid var(--color-border);
}
.status-page-reply-to-reply > .original-post-details{
  border-left: 2px solid var(--color-border) !important;
}
.ads-selection-settings{
  background-color: #fff;
  border: 1px solid var(--color-divider);
}
.ads-selection-settings > .listing-ads-settings li,
.ads-selection-settings > .listing-ads-settings li i{
  color: var(--color-text-primary);
}
.ads-selection-settings > .listing-ads-settings li:hover{
  background-color: var(--color-primary)14;
}
.no-tag-emptyx{
  color: var(--color-text-primary);
}
.post-on-share-content li > span,
.post-on-share-content li > span i{
  color: var(--color-text-primary) !important;
}