/* Path: T2Editor/css/fonts.css */
/* ═══════════════════════════════════════════════════════════════════════════
 * 아이콘 서체 원형.
 *
 * 이 파일은 레이어 밖에 있었다. 레이어 밖 선언은 모든 레이어를 이기므로
 * .material-icons { display: inline-block } 이 레이어 안의 모든 아이콘 규칙을
 * 이겼다. 그래서 dark.css 의 테마 아이콘 교체
 *   html[data-t2editor-theme="light"] .t2-light-mode-icon { display: none }
 * 가 적용되지 않아 하단 바에 달 아이콘과 해 아이콘이 동시에, 그것도 28px
 * 버튼 밖으로 넘쳐 이웃 버튼 위에 겹쳐 떠 있었다.
 *
 * 이 파일은 발행 콘텐츠에 실려 나가지 않는다(content.css 와 다르다).
 * 에디터와 관리자만 로드하는 제품 크롬이므로 토큰 레이어에 속한다.
 * @font-face 는 캐스케이드 경쟁 대상이 아니지만 파일 단위 일관성을 위해
 * 같은 레이어 안에 둔다.
 * ═══════════════════════════════════════════════════════════════════════════ */
@layer t2.token {


@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/material-icons/MaterialIcons-Regular.woff2?v=0.14.15") format("woff2");
    font-display: block;
}

.material-icons {
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: "Material Icons Outlined";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/material-icons/MaterialIconsOutlined-Regular.woff2?v=0.14.15") format("woff2");
    font-display: block;
}

.material-icons-outlined {
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

}