
/*
/////////////////////////
//// Title Bar on macOS
/////////////////////////
*/

/* Title Bar */
.theme-dark { 
.container__9293f.themed__9293f, .header_f37cb1 {
    background: var(--surCordTitleBar);
    border-bottom: .5px solid black;
}
.children__9293f:after {
  background: #00000000;
}
.themed__9293f {
  background: var(--surCordTitleBar);
  border-bottom: .5px solid black;
}
    .communityInfoVisible_f37cb1 .header_f37cb1, .communityInfoVisible_f37cb1 .header_f37cb1:hover, .hasBanner_f37cb1 .header_f37cb1, .hasBanner_f37cb1 .header_f37cb1:hover {
      border-bottom: .5px solid rgba(0, 0, 0, 0);
      background-color: transparent !important;
    }
    .communityInfoPill_f37cb1 {
        display: none;
    }
 .children__9293f:after {
    background: rgba(0, 0, 0, 0);
}
    .title__9293f {
        font-weight: 750;
    }
}
.theme-light {
 .container__9293f.themed__9293f, .header_f37cb1{
        background: rgba(231, 234, 237) !important; 
        border-bottom: .5px solid rgba(186, 186, 186, 0.386);
    }
        .communityInfoVisible_f37cb1 .header_f37cb1, .communityInfoVisible_f37cb1 .header_f37cb1:hover, .hasBanner_f37cb1 .header_f37cb1, .hasBanner_f37cb1 .header_f37cb1:hover {
          border-bottom: .5px solid rgba(0, 0, 0, 0);
          background-color: transparent !important;
        }
        .communityInfoPill_f37cb1 {
            display: none;
        }
     .children__9293f:after {
        background: rgba(0, 0, 0, 0);
    }
        .title__9293f {
            font-weight: 750;
            color: rgba(73, 73, 73);
        }
    .clickable__9293f .icon__9293f {
        color: rgba(115, 115, 115);
    }
}

 .searchBar__35e86 {
    border-right: .5px solid black;
}
.theme-light {
.searchBar__35e86 {
    border-right: .5px solid rgba(186, 186, 186, 0.386)
}
}

/* Search and other Text fields */
.theme-dark {
.searchBar__97492, .searchBar__35e86 .searchBarComponent__35e86, .inner__999f6, .wrapper_c4c084, .searchBar_c0e32c, .input_df4dd0 {
    background-color: var(--surCordSearch);
    border-radius: 4px;
    border: 1px solid var(--surCordBorder); 
}
.searchBar__97492:hover, .searchBar__35e86 .searchBarComponent__35e86:hover, .wrapper_c4c084:hover,  .inner__999f6:hover, .searchBar_c0e32c:hover, .input_df4dd0:hover, .searchBar__5ec2f:hover {
    box-shadow: 0 0 3px 3px var(--accent-focused);
}
}
.theme-light {
    .searchBar__97492, .searchBar__35e86 .searchBarComponent__35e86, .inner__999f6, .wrapper_c4c084, .searchBar_c0e32c, .input_df4dd0 {
        background-color: rgb(238, 238, 238);
        border-radius: 4px;
        border: 1px solid rgb(217, 217, 217); 
    }
    .searchBar__97492:hover, .searchBar__35e86 .searchBarComponent__35e86:hover, .wrapper_c4c084:hover,  .inner__999f6:hover, .searchBar_c0e32c:hover, .input_df4dd0:hover, .searchBar__5ec2f:hover {
        box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146);
    }
}



/* removes gay discord title bar bs */

.visual-refresh {
  --vr-header-snippet-top: 0px;
  --vr-header-snippet-server-padding: 16px;
  --vr-header-snippet-space: 230px;
  --vr-header-snippet-button-padding: 0;

  div.chat_f75fb0:not(.threadSidebarOpen_f75fb0),
  main.container__133bf,
  div.chatLayerWrapper__01ae2 {
    & section.container__9293f {
      padding-right: var(--vr-header-snippet-space);
    }
  }

  div.headerBar__8a7fc.overlay__8a7fc {
    padding-right: var(--vr-header-snippet-space);

    & .tab__65d41,
    & .searchBar__1ac1c {
      -webkit-app-region: no-drag;
    }
  }

  div.videoControls_bfe55a div.subtitleContainer__49508 {
    padding-right: calc(var(--vr-header-snippet-space) - 20px);

    & .toolbar__9293f {
      -webkit-app-region: no-drag;
    }
  }

  div.page_c48ade {
    &:not(:has(> div.chat_f75fb0)) {
      anchor-name: --vr-header-snippet;
    }

    & > div.chat_f75fb0 {
      anchor-name: --vr-header-snippet;
    }
  }

  div.base_c48ade {
    grid-template-rows: [top] 0 [titleBarEnd] min-content [noticeEnd] 1fr [contentEnd] min-content [end];

    &:has(div.bar_c38106 > div.trailing_c38106 .updateIconForeground__49676) {
      & div.chat_f75fb0,
      & div.subtitleContainer_f75fb0,
      & main.container__133bf,
      & div.chatLayerWrapper__01ae2 {
        & section.container__9293f {
          padding-right: calc(var(--vr-header-snippet-space) + 50px);
        }
      }

      & div.videoControls_bfe55a .topControls_bfe55a div.toolbar__9293f {
        margin-right: calc(var(--vr-header-snippet-space) + 30px) !important;
      }
    }

    & > div.content_c48ade {
      z-index: 0;
    }

    & > div.bar_c38106 {
      position: absolute;
      position-anchor: --vr-header-snippet;
      top: var(--vr-header-snippet-top);
      right: anchor(right);
      width: anchor-size(width);
      padding: 0 var(--vr-header-snippet-button-padding) 0 0;

      & > .title_c38106 {
        display: none;
      }
    }

    &:has(> .notice__6e2b9) {
      & > div.bar_c38106 {
        top: anchor(top);
      }
    }

    & div.trailing_c38106 {
      background: none;
      border: none;
      height: var(--custom-channel-header-height);
    }

    &:has(.threadSidebarOpen_f75fb0.threadSidebarFloating_f75fb0) > .bar_c38106 {
      z-index: 0;
    }
  }

  :not(:has(div.page_c48ade > div.chat_f75fb0)) div.base_c48ade > div.bar_c38106 {
    right: 0 !important;
  }

  ul[data-list-id="guildsnav"] > div.itemsContainer_ef3116 > div.stack_dbd263 {
    margin-top: var(--vr-header-snippet-server-padding);
  }

  section.header__0b563 div.toolbar__9293f,
  section.header_c791b2 div.toolbar__9293f,
  section.header_c791b2 div.children__9293f,
  :not(.videoControls_bfe55a) div.topic__6ec1a {
    -webkit-app-region: no-drag;
  }

  .div.videoControls_bfe55a .topControls_bfe55a {
    z-index: -1;
  }
}
