/* SocialBiz 공통 CSS v1(Connect 1차 아키텍처 07절). 전역 리셋은 하지 않는다(Quasar 등과 부딪치지 않게).
 * 글꼴, 기본 글자, 처음 열 때의 로딩 화면을 둔다. 글자 값은 기준 시안 body 규칙이다. 이 파일은 셸 빌드가 만든다. 고치지 않는다. */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,300..600,0..1,0&display=block');
:root {
  --sb-font: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}
.sb-text {
  font-family: var(--sb-font);
  font-size: 14px;
  color: #000;
  -webkit-font-smoothing: antialiased;
}
/* 페이지를 처음 열 때의 로딩 화면. 서비스는 <div class="sb-page-loading" role="status" aria-label="…"></div> 하나만 둔다 */
.sb-page-loading {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.sb-page-loading::before,
.sb-page-loading::after {
  content: '';
  width: 300px;
  max-width: calc(100% - 32px);
  background: center / contain no-repeat;
}
.sb-page-loading::before {
  aspect-ratio: 455 / 90;
  background-image: url('loading-logo.v1.png');
}
.sb-page-loading::after {
  margin-top: 20px;
  aspect-ratio: 300 / 20;
  background-image: url('loading-indicator.v1.svg');
}