/***** 전체 폰트 변경 *****/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-jp.min.css");

body {
 font-family: "Pretendard JP Variable", "Pretendard JP", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Hiragino Sans", "Apple SD Gothic Neo", Meiryo, "Noto Sans JP", "Noto Sans KR", "Malgun Gothic", Osaka, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
 font-feature-settings: "ss05";
}

/* 탐라 폰트 굵기 조정 */
.status__content__text.status__content__text--visible.translate {
    font-weight: 300 !important;
}

/***** 추가 디자인 수정 *****/
/* 스크롤바 색상 변경 */
.custom-scrollbars ::-webkit-scrollbar-thumb {
  background-color: #7C8174 !important; /* 스크롤바 색상 */
  border: 2px #7C8174 !important;
  box-shadow: inset 0 0 0 2px #7C8174 !important;
}

/* 고급 인터페이스 입력부 호환 */
.drawer__inner__mastodon {
  display: none;
}

/* DM 표시 강조 */
.status__wrapper-direct .status__prepend {
  color:#cf2c2c;
}

/* 글쓰기 패널 추가 호환 */
.columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
  width:58px;
}

/* 로그인 창 패널 호환 작업 */
.columns-area__panels__pane--navigational .button--block span {
    display: block;
    white-space: normal;
}
.about .account__bio {
  display:none;
}

/* 가독성 작업 */
.columns-area__panels .columns-area__panels__main, .admin-wrapper .content-wrapper {
    backdrop-filter: blur(10px);
}

/* 프로필 창 추가 디자인*/
.account__header {
    background: #ffffff55;
}
.account__header__image, .account__header__bar .avatar .account__avatar, .account__avatar {
    background: transparent;
}


/* 모바일 호환 */
@media all and (max-width:759px)  {
  .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
      width: 354px;
      backdrop-filter: blur(10px);
  }
  .columns-area__panels__pane--navigational {
      width: 100%;
  }
  .columns-area__panels__pane--navigational span {
      display: block;
  }
  .navigation-panel .account__bio {
      display:none;
  }
  .navigation-bar .account__bio {
      display:none;
  }
}
@media all and (max-width:890px)  {
  .admin-wrapper .sidebar>ul.visible {
      backdrop-filter: blur(10px);
  }
}

