office-ui-fabric-react/dist/css/fabric.css

Reusable React components for building experiences for Office 365.

/* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. */
/**
 * Office UI Fabric 2.6.1
 * The front-end framework for building experiences for Office 365.
 **/
.ms-u-borderBox,
.ms-u-borderBox:before,
.ms-u-borderBox:after {
  box-sizing: border-box;
}

.ms-u-borderBase {
  border: 1px solid;
}

.ms-u-clearfix {
  *zoom: 1;
}

.ms-u-clearfix:before,
.ms-u-clearfix:after {
  display: table;
  content: '';
  line-height: 0;
}

.ms-u-clearfix:after {
  clear: both;
}

.ms-u-normalize {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  box-shadow: none;
}

.ms-u-textAlignLeft {
  text-align: left;
}

.ms-u-textAlignCenter {
  text-align: center;
}

.ms-u-textAlignRight {
  text-align: right;
}

.ms-u-screenReaderOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.ms-u-textTruncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.ms-u-noWrap {
  white-space: nowrap;
}

.ms-bgColor-themeDark,
.ms-bgColor-themeDark--hover:hover {
  background-color: #005a9e;
}

.ms-bgColor-themeDarkAlt,
.ms-bgColor-themeDarkAlt--hover:hover {
  background-color: #106ebe;
}

.ms-bgColor-themeDarker,
.ms-bgColor-themeDarker--hover:hover {
  background-color: #004578;
}

.ms-bgColor-themePrimary,
.ms-bgColor-themePrimary--hover:hover {
  background-color: #0078d7;
}

.ms-bgColor-themeSecondary,
.ms-bgColor-themeSecondary--hover:hover {
  background-color: #2b88d8;
}

.ms-bgColor-themeTertiary,
.ms-bgColor-themeTertiary--hover:hover {
  background-color: #71afe5;
}

.ms-bgColor-themeLight,
.ms-bgColor-themeLight--hover:hover {
  background-color: #c7e0f4;
}

.ms-bgColor-themeLighter,
.ms-bgColor-themeLighter--hover:hover {
  background-color: #deecf9;
}

.ms-bgColor-themeLighterAlt,
.ms-bgColor-themeLighterAlt--hover:hover {
  background-color: #eff6fc;
}

.ms-bgColor-black,
.ms-bgColor-black--hover:hover {
  background-color: #000000;
}

.ms-bgColor-neutralDark,
.ms-bgColor-neutralDark--hover:hover {
  background-color: #212121;
}

.ms-bgColor-neutralPrimary,
.ms-bgColor-neutralPrimary--hover:hover {
  background-color: #333333;
}

.ms-bgColor-neutralPrimaryAlt,
.ms-bgColor-neutralPrimaryAlt--hover:hover {
  background-color: #3c3c3c;
}

.ms-bgColor-neutralSecondary,
.ms-bgColor-neutralSecondary--hover:hover {
  background-color: #666666;
}

.ms-bgColor-neutralSecondaryAlt,
.ms-bgColor-neutralSecondaryAlt--hover:hover {
  background-color: #767676;
}

.ms-bgColor-neutralTertiary,
.ms-bgColor-neutralTertiary--hover:hover {
  background-color: #a6a6a6;
}

.ms-bgColor-neutralTertiaryAlt,
.ms-bgColor-neutralTertiaryAlt--hover:hover {
  background-color: #c8c8c8;
}

.ms-bgColor-neutralLight,
.ms-bgColor-neutralLight--hover:hover {
  background-color: #eaeaea;
}

.ms-bgColor-neutralLighter,
.ms-bgColor-neutralLighter--hover:hover {
  background-color: #f4f4f4;
}

.ms-bgColor-neutralLighterAlt,
.ms-bgColor-neutralLighterAlt--hover:hover {
  background-color: #f8f8f8;
}

.ms-bgColor-white,
.ms-bgColor-white--hover:hover {
  background-color: #ffffff;
}

.ms-bgColor-yellow {
  background-color: #ffb900;
}

.ms-bgColor-yellowLight {
  background-color: #fff100;
}

.ms-bgColor-orange {
  background-color: #d83b01;
}

.ms-bgColor-orangeLight {
  background-color: #ea4300;
}

.ms-bgColor-orangeLighter {
  background-color: #ff8c00;
}

.ms-bgColor-redDark {
  background-color: #a80000;
}

.ms-bgColor-red {
  background-color: #e81123;
}

.ms-bgColor-magentaDark {
  background-color: #5c005c;
}

.ms-bgColor-magenta {
  background-color: #b4009e;
}

.ms-bgColor-magentaLight {
  background-color: #e3008c;
}

.ms-bgColor-purpleDark {
  background-color: #32145a;
}

.ms-bgColor-purple {
  background-color: #5c2d91;
}

.ms-bgColor-purpleLight {
  background-color: #b4a0ff;
}

.ms-bgColor-blueDark {
  background-color: #002050;
}

.ms-bgColor-blueMid {
  background-color: #00188f;
}

.ms-bgColor-blue {
  background-color: #0078d7;
}

.ms-bgColor-blueLight {
  background-color: #00bcf2;
}

.ms-bgColor-tealDark {
  background-color: #004b50;
}

.ms-bgColor-teal {
  background-color: #008272;
}

.ms-bgColor-tealLight {
  background-color: #00b294;
}

.ms-bgColor-greenDark {
  background-color: #004b1c;
}

.ms-bgColor-green {
  background-color: #107c10;
}

.ms-bgColor-greenLight {
  background-color: #bad80a;
}

.ms-bgColor-info {
  background-color: #f4f4f4;
}

.ms-bgColor-success {
  background-color: #dff6dd;
}

.ms-bgColor-severeWarning {
  background-color: #fed9cc;
}

.ms-bgColor-warning {
  background-color: #fff4ce;
}

.ms-bgColor-error {
  background-color: #fde7e9;
}

.ms-borderColor-themeDark,
.ms-borderColor-themeDark--hover:hover {
  border-color: #005a9e;
}

.ms-borderColor-themeDarkAlt,
.ms-borderColor-themeDarkAlt--hover:hover {
  border-color: #106ebe;
}

.ms-borderColor-themeDarker,
.ms-borderColor-themeDarker--hover:hover {
  border-color: #004578;
}

.ms-borderColor-themePrimary,
.ms-borderColor-themePrimary--hover:hover {
  border-color: #0078d7;
}

.ms-borderColor-themeSecondary,
.ms-borderColor-themeSecondary--hover:hover {
  border-color: #2b88d8;
}

.ms-borderColor-themeTertiary,
.ms-borderColor-themeTertiary--hover:hover {
  border-color: #71afe5;
}

.ms-borderColor-themeLight,
.ms-borderColor-themeLight--hover:hover {
  border-color: #c7e0f4;
}

.ms-borderColor-themeLighter,
.ms-borderColor-themeLighter--hover:hover {
  border-color: #deecf9;
}

.ms-borderColor-themeLighterAlt,
.ms-borderColor-themeLighterAlt--hover:hover {
  border-color: #eff6fc;
}

.ms-borderColor-black,
.ms-borderColor-black--hover:hover {
  border-color: #000000;
}

.ms-borderColor-neutralDark,
.ms-borderColor-neutralDark--hover:hover {
  border-color: #212121;
}

.ms-borderColor-neutralPrimary,
.ms-borderColor-neutralPrimary--hover:hover {
  border-color: #333333;
}

.ms-borderColor-neutralPrimaryAlt,
.ms-borderColor-neutralPrimaryAlt--hover:hover {
  border-color: #3c3c3c;
}

.ms-borderColor-neutralSecondary,
.ms-borderColor-neutralSecondary--hover:hover {
  border-color: #666666;
}

.ms-borderColor-neutralSecondaryAlt,
.ms-borderColor-neutralSecondaryAlt--hover:hover {
  border-color: #767676;
}

.ms-borderColor-neutralTertiary,
.ms-borderColor-neutralTertiary--hover:hover {
  border-color: #a6a6a6;
}

.ms-borderColor-neutralTertiaryAlt,
.ms-borderColor-neutralTertiaryAlt--hover:hover {
  border-color: #c8c8c8;
}

.ms-borderColor-neutralLight,
.ms-borderColor-neutralLight--hover:hover {
  border-color: #eaeaea;
}

.ms-borderColor-neutralLighter,
.ms-borderColor-neutralLighter--hover:hover {
  border-color: #f4f4f4;
}

.ms-borderColor-neutralLighterAlt,
.ms-borderColor-neutralLighterAlt--hover:hover {
  border-color: #f8f8f8;
}

.ms-borderColor-white,
.ms-borderColor-white--hover:hover {
  border-color: #ffffff;
}

.ms-borderColor-yellow {
  border-color: #ffb900;
}

.ms-borderColor-yellowLight {
  border-color: #fff100;
}

.ms-borderColor-orange {
  border-color: #d83b01;
}

.ms-borderColor-orangeLight {
  border-color: #ea4300;
}

.ms-borderColor-orangeLighter {
  border-color: #ff8c00;
}

.ms-borderColor-redDark {
  border-color: #a80000;
}

.ms-borderColor-red {
  border-color: #e81123;
}

.ms-borderColor-magentaDark {
  border-color: #5c005c;
}

.ms-borderColor-magenta {
  border-color: #b4009e;
}

.ms-borderColor-magentaLight {
  border-color: #e3008c;
}

.ms-borderColor-purpleDark {
  border-color: #32145a;
}

.ms-borderColor-purple {
  border-color: #5c2d91;
}

.ms-borderColor-purpleLight {
  border-color: #b4a0ff;
}

.ms-borderColor-blueDark {
  border-color: #002050;
}

.ms-borderColor-blueMid {
  border-color: #00188f;
}

.ms-borderColor-blue {
  border-color: #0078d7;
}

.ms-borderColor-blueLight {
  border-color: #00bcf2;
}

.ms-borderColor-tealDark {
  border-color: #004b50;
}

.ms-borderColor-teal {
  border-color: #008272;
}

.ms-borderColor-tealLight {
  border-color: #00b294;
}

.ms-borderColor-greenDark {
  border-color: #004b1c;
}

.ms-borderColor-green {
  border-color: #107c10;
}

.ms-borderColor-greenLight {
  border-color: #bad80a;
}

.ms-borderColorTop-themePrimary,
.ms-borderColorTop-themePrimary--hover:hover {
  border-top-color: #0078d7;
}

.ms-font-su {
  color: #333333;
  font-family: 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 42px;
  font-weight: normal;
}

.ms-font-xxl {
  color: #333333;
  font-family: 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 28px;
  font-weight: normal;
}

.ms-font-xl {
  color: #333333;
  font-family: 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 21px;
  font-weight: normal;
}

.ms-font-l {
  color: #333333;
  font-family: 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 17px;
  font-weight: normal;
}

.ms-font-m-plus {
  color: #333333;
  font-family: 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
}

.ms-font-m {
  color: #333333;
  font-family: 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
}

.ms-font-s-plus {
  color: #333333;
  font-family: 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
}

.ms-font-s {
  color: #333333;
  font-family: 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
}

.ms-font-xs {
  color: #333333;
  font-family: 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.ms-font-mi {
  color: #333333;
  font-family: 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
}

.ms-fontWeight-light,
.ms-fontWeight-light--hover:hover {
  font-family: 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

.ms-fontWeight-semilight,
.ms-fontWeight-semilight--hover:hover {
  font-family: 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

.ms-fontWeight-regular,
.ms-fontWeight-regular--hover:hover {
  font-family: 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

.ms-fontWeight-semibold,
.ms-fontWeight-semibold--hover:hover {
  font-family: 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

.ms-fontSize-su {
  font-size: 42px;
}

.ms-fontSize-xxl {
  font-size: 28px;
}

.ms-fontSize-xl {
  font-size: 21px;
}

.ms-fontSize-l {
  font-size: 17px;
}

.ms-fontSize-mPlus {
  font-size: 15px;
}

.ms-fontSize-m {
  font-size: 14px;
}

.ms-fontSize-sPlus {
  font-size: 13px;
}

.ms-fontSize-s {
  font-size: 12px;
}

.ms-fontSize-xs {
  font-size: 11px;
}

.ms-fontSize-mi {
  font-size: 10px;
}

.ms-fontColor-themeDarker,
.ms-fontColor-themeDarker--hover:hover {
  color: #004578;
}

.ms-fontColor-themeDark,
.ms-fontColor-themeDark--hover:hover {
  color: #005a9e;
}

.ms-fontColor-themeDarkAlt,
.ms-fontColor-themeDarkAlt--hover:hover {
  color: #106ebe;
}

.ms-fontColor-themePrimary,
.ms-fontColor-themePrimary--hover:hover {
  color: #0078d7;
}

.ms-fontColor-themeSecondary,
.ms-fontColor-themeSecondary--hover:hover {
  color: #2b88d8;
}

.ms-fontColor-themeTertiary,
.ms-fontColor-themeTertiary--hover:hover {
  color: #71afe5;
}

.ms-fontColor-themeLight,
.ms-fontColor-themeLight--hover:hover {
  color: #c7e0f4;
}

.ms-fontColor-themeLighter,
.ms-fontColor-themeLighter--hover:hover {
  color: #deecf9;
}

.ms-fontColor-themeLighterAlt,
.ms-fontColor-themeLighterAlt--hover:hover {
  color: #eff6fc;
}

.ms-fontColor-black,
.ms-fontColor-black--hover:hover {
  color: #000000;
}

.ms-fontColor-neutralDark,
.ms-fontColor-neutralDark--hover:hover {
  color: #212121;
}

.ms-fontColor-neutralPrimary,
.ms-fontColor-neutralPrimary--hover:hover {
  color: #333333;
}

.ms-fontColor-neutralPrimaryAlt,
.ms-fontColor-neutralPrimaryAlt--hover:hover {
  color: #3c3c3c;
}

.ms-fontColor-neutralSecondary,
.ms-fontColor-neutralSecondary--hover:hover {
  color: #666666;
}

.ms-fontColor-neutralSecondaryAlt,
.ms-fontColor-neutralSecondaryAlt--hover:hover {
  color: #767676;
}

.ms-fontColor-neutralTertiary,
.ms-fontColor-neutralTertiary--hover:hover {
  color: #a6a6a6;
}

.ms-fontColor-neutralTertiaryAlt,
.ms-fontColor-neutralTertiaryAlt--hover:hover {
  color: #c8c8c8;
}

.ms-fontColor-neutralLight,
.ms-fontColor-neutralLight--hover:hover {
  color: #eaeaea;
}

.ms-fontColor-neutralLighter,
.ms-fontColor-neutralLighter--hover:hover {
  color: #f4f4f4;
}

.ms-fontColor-neutralLighterAlt,
.ms-fontColor-neutralLighterAlt--hover:hover {
  color: #f8f8f8;
}

.ms-fontColor-white,
.ms-fontColor-white--hover:hover {
  color: #ffffff;
}

.ms-fontColor-yellow,
.ms-fontColor-yellow--hover:hover {
  color: #ffb900;
}

.ms-fontColor-yellowLight,
.ms-fontColor-yellowLight--hover:hover {
  color: #fff100;
}

.ms-fontColor-orange,
.ms-fontColor-orange--hover:hover {
  color: #d83b01;
}

.ms-fontColor-orangeLight,
.ms-fontColor-orangeLight--hover:hover {
  color: #ea4300;
}

.ms-fontColor-orangeLighter,
.ms-fontColor-orangeLighter--hover:hover {
  color: #ff8c00;
}

.ms-fontColor-redDark,
.ms-fontColor-redDark--hover:hover {
  color: #a80000;
}

.ms-fontColor-red,
.ms-fontColor-red--hover:hover {
  color: #e81123;
}

.ms-fontColor-magentaDark,
.ms-fontColor-magentaDark--hover:hover {
  color: #5c005c;
}

.ms-fontColor-magenta,
.ms-fontColor-magenta--hover:hover {
  color: #b4009e;
}

.ms-fontColor-magentaLight,
.ms-fontColor-magentaLight--hover:hover {
  color: #e3008c;
}

.ms-fontColor-purpleDark,
.ms-fontColor-purpleDark--hover:hover {
  color: #32145a;
}

.ms-fontColor-purple,
.ms-fontColor-purple--hover:hover {
  color: #5c2d91;
}

.ms-fontColor-purpleLight,
.ms-fontColor-purpleLight--hover:hover {
  color: #b4a0ff;
}

.ms-fontColor-blueDark,
.ms-fontColor-blueDark--hover:hover {
  color: #002050;
}

.ms-fontColor-blueMid,
.ms-fontColor-blueMid--hover:hover {
  color: #00188f;
}

.ms-fontColor-blue,
.ms-fontColor-blue--hover:hover {
  color: #0078d7;
}

.ms-fontColor-blueLight,
.ms-fontColor-blueLight--hover:hover {
  color: #00bcf2;
}

.ms-fontColor-tealDark,
.ms-fontColor-tealDark--hover:hover {
  color: #004b50;
}

.ms-fontColor-teal,
.ms-fontColor-teal--hover:hover {
  color: #008272;
}

.ms-fontColor-tealLight,
.ms-fontColor-tealLight--hover:hover {
  color: #00b294;
}

.ms-fontColor-greenDark,
.ms-fontColor-greenDark--hover:hover {
  color: #004b1c;
}

.ms-fontColor-green,
.ms-fontColor-green--hover:hover {
  color: #107c10;
}

.ms-fontColor-greenLight,
.ms-fontColor-greenLight--hover:hover {
  color: #bad80a;
}

.ms-fontColor-info,
.ms-fontColor-info--hover:hover {
  color: #767676;
}

.ms-fontColor-success,
.ms-fontColor-success--hover:hover {
  color: #107c10;
}

.ms-fontColor-alert,
.ms-fontColor-alert--hover:hover {
  color: #d83b01;
}

.ms-fontColor-warning,
.ms-fontColor-warning--hover:hover {
  color: #767676;
}

.ms-fontColor-severeWarning,
.ms-fontColor-severeWarning--hover:hover {
  color: #d83b01;
}

.ms-fontColor-error,
.ms-fontColor-error--hover:hover {
  color: #a80000;
}

/*
  Your use of the content in the files referenced here are subject to the terms of the license at http://aka.ms/fabric-font-license
*/
@font-face {
  font-family: 'Leelawadee UI Bold';
  src: url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Bold.eot?#iefix') format('embedded-opentype'), url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Bold.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Bold.ttf') format('truetype'), url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Bold#LeelawadeeUI-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Leelawadee UI';
  src: url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Regular.eot?#iefix') format('embedded-opentype'), url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Regular.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Regular.ttf') format('truetype'), url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Regular#LeelawadeeUI-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Leelawadee UI Semilight';
  src: url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.eot?#iefix') format('embedded-opentype'), url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.ttf') format('truetype'), url('https://appsforoffice.microsoft.com/fabric/fonts/LeelawadeeUI-Thai/LeelawadeeUI-Semilight#LeelawadeeUI-Semilight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Light Arabic';
  src: local('Segoe UI Light'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Light.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Light.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Regular Arabic';
  src: local('Segoe UI'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Regular.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Regular.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semibold Arabic';
  src: local('Segoe UI Semibold'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Semibold.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Semibold.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Semibold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semilight Arabic';
  src: local('Segoe UI Semilight'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Semilight.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Semilight.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Arabic/SegoeUI-Semilight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Light Cyrillic';
  src: local('Segoe UI Light'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Light.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Light.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Regular Cyrillic';
  src: local('Segoe UI'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Regular.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Regular.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semibold Cyrillic';
  src: local('Segoe UI Semibold'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Semibold.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Semibold.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Semibold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semilight Cyrillic';
  src: local('Segoe UI Semilight'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Semilight.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Semilight.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Cyrillic/SegoeUI-Semilight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Light EastEuropean';
  src: local('Segoe UI Light'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Light.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Light.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Regular EastEuropean';
  src: local('Segoe UI'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Regular.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Regular.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semibold EastEuropean';
  src: local('Segoe UI Semibold'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Semibold.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Semibold.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Semibold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semilight EastEuropean';
  src: local('Segoe UI Semilight'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Semilight.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Semilight.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-EastEuropean/SegoeUI-Semilight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Light Greek';
  src: local('Segoe UI Light'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Light.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Light.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Regular Greek';
  src: local('Segoe UI'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Regular.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Regular.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semibold Greek';
  src: local('Segoe UI Semibold'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Semibold.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Semibold.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Semibold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semilight Greek';
  src: local('Segoe UI Semilight'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Semilight.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Semilight.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Greek/SegoeUI-Semilight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Light Hebrew';
  src: local('Segoe UI Light'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Light.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Light.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Regular Hebrew';
  src: local('Segoe UI'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Regular.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Regular.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semibold Hebrew';
  src: local('Segoe UI Semibold'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Semibold.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Semibold.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Semibold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semilight Hebrew';
  src: local('Segoe UI Semilight'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Semilight.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Semilight.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Hebrew/SegoeUI-Semilight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Light Vietnamese';
  src: local('Segoe UI Light'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Light.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Light.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Regular Vietnamese';
  src: local('Segoe UI'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Regular.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Regular.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semibold Vietnamese';
  src: local('Segoe UI Semibold'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Semibold.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Semibold.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Semibold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semilight Vietnamese';
  src: local('Segoe UI Semilight'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Semilight.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Semilight.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-Vietnamese/SegoeUI-Semilight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Light WestEuropean';
  src: local('Segoe UI Light'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Light.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Light.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Regular WestEuropean';
  src: local('Segoe UI'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Regular.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Regular.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semibold WestEuropean';
  src: local('Segoe UI Semibold'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Semibold.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Semibold.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Semibold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI Semilight WestEuropean';
  src: local('Segoe UI Semilight'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Semilight.woff2') format('woff2'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Semilight.woff') format('woff'), url('https://appsforoffice.microsoft.com/fabric/fonts/SegoeUI-WestEuropean/SegoeUI-Semilight.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

*[lang='ja-JP'] .ms-font-mi,
*[lang='ja-JP'] .ms-font-xs,
*[lang='ja-JP'] .ms-font-s,
*[lang='ja-JP'] .ms-font-s-plus,
*[lang='ja-JP'] .ms-font-m,
*[lang='ja-JP'] .ms-font-m-plus,
*[lang='ja-JP'] .ms-font-l,
*[lang='ja-JP'] .ms-font-xl,
*[lang='ja-JP'] .ms-font-xxl,
*[lang='ja-JP'] .ms-font-su,
*[lang='ja-JP'] .ms-fontWeight-light,
*[lang='ja-JP'] .ms-fontWeight-light-hover:hover,
*[lang='ja-JP'] .ms-fontWeight-semilight,
*[lang='ja-JP'] .ms-fontWeight-semilight-hover:hover,
*[lang='ja-JP'] .ms-fontWeight-regular,
*[lang='ja-JP'] .ms-fontWeight-regular-hover:hover,
*[lang='ja-JP'] .ms-fontWeight-semibold,
*[lang='ja-JP'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Yu Gothic', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka, 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ko-KR'] .ms-font-mi,
*[lang='ko-KR'] .ms-font-xs,
*[lang='ko-KR'] .ms-font-s,
*[lang='ko-KR'] .ms-font-s-plus,
*[lang='ko-KR'] .ms-font-m,
*[lang='ko-KR'] .ms-font-m-plus,
*[lang='ko-KR'] .ms-font-l,
*[lang='ko-KR'] .ms-font-xl,
*[lang='ko-KR'] .ms-font-xxl,
*[lang='ko-KR'] .ms-font-su,
*[lang='ko-KR'] .ms-fontWeight-light,
*[lang='ko-KR'] .ms-fontWeight-light-hover:hover,
*[lang='ko-KR'] .ms-fontWeight-semilight,
*[lang='ko-KR'] .ms-fontWeight-semilight-hover:hover,
*[lang='ko-KR'] .ms-fontWeight-regular,
*[lang='ko-KR'] .ms-fontWeight-regular-hover:hover,
*[lang='ko-KR'] .ms-fontWeight-semibold,
*[lang='ko-KR'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Malgun Gothic', Gulim, 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ch-ZHS'] .ms-font-mi,
*[lang='ch-ZHS'] .ms-font-xs,
*[lang='ch-ZHS'] .ms-font-s,
*[lang='ch-ZHS'] .ms-font-s-plus,
*[lang='ch-ZHS'] .ms-font-m,
*[lang='ch-ZHS'] .ms-font-m-plus,
*[lang='ch-ZHS'] .ms-font-l,
*[lang='ch-ZHS'] .ms-font-xl,
*[lang='ch-ZHS'] .ms-font-xxl,
*[lang='ch-ZHS'] .ms-font-su,
*[lang='ch-ZHS'] .ms-fontWeight-light,
*[lang='ch-ZHS'] .ms-fontWeight-light-hover:hover,
*[lang='ch-ZHS'] .ms-fontWeight-semilight,
*[lang='ch-ZHS'] .ms-fontWeight-semilight-hover:hover,
*[lang='ch-ZHS'] .ms-fontWeight-regular,
*[lang='ch-ZHS'] .ms-fontWeight-regular-hover:hover,
*[lang='ch-ZHS'] .ms-fontWeight-semibold,
*[lang='ch-ZHS'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Microsoft Yahei', Verdana, Simsun, 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ch-ZHT'] .ms-font-mi,
*[lang='ch-ZHT'] .ms-font-xs,
*[lang='ch-ZHT'] .ms-font-s,
*[lang='ch-ZHT'] .ms-font-s-plus,
*[lang='ch-ZHT'] .ms-font-m,
*[lang='ch-ZHT'] .ms-font-m-plus,
*[lang='ch-ZHT'] .ms-font-l,
*[lang='ch-ZHT'] .ms-font-xl,
*[lang='ch-ZHT'] .ms-font-xxl,
*[lang='ch-ZHT'] .ms-font-su,
*[lang='ch-ZHT'] .ms-fontWeight-light,
*[lang='ch-ZHT'] .ms-fontWeight-light-hover:hover,
*[lang='ch-ZHT'] .ms-fontWeight-semilight,
*[lang='ch-ZHT'] .ms-fontWeight-semilight-hover:hover,
*[lang='ch-ZHT'] .ms-fontWeight-regular,
*[lang='ch-ZHT'] .ms-fontWeight-regular-hover:hover,
*[lang='ch-ZHT'] .ms-fontWeight-semibold,
*[lang='ch-ZHT'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Microsoft Jhenghei', Pmingliu, 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='hi-IN'] .ms-font-mi,
*[lang='hi-IN'] .ms-font-xs,
*[lang='hi-IN'] .ms-font-s,
*[lang='hi-IN'] .ms-font-s-plus,
*[lang='hi-IN'] .ms-font-m,
*[lang='hi-IN'] .ms-font-m-plus,
*[lang='hi-IN'] .ms-font-l,
*[lang='hi-IN'] .ms-font-xl,
*[lang='hi-IN'] .ms-font-xxl,
*[lang='hi-IN'] .ms-font-su,
*[lang='hi-IN'] .ms-fontWeight-light,
*[lang='hi-IN'] .ms-fontWeight-light-hover:hover,
*[lang='hi-IN'] .ms-fontWeight-semilight,
*[lang='hi-IN'] .ms-fontWeight-semilight-hover:hover,
*[lang='hi-IN'] .ms-fontWeight-regular,
*[lang='hi-IN'] .ms-fontWeight-regular-hover:hover,
*[lang='hi-IN'] .ms-fontWeight-semibold,
*[lang='hi-IN'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Nirmala UI', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='th-TH'] .ms-font-xl,
*[lang='th-TH'] .ms-font-xxl,
*[lang='th-TH'] .ms-fontWeight-light,
*[lang='th-TH'] .ms-fontWeight-light-hover:hover {
  font-family: 'Leelawadee UI Semilight', 'Kmer UI', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='th-TH'] .ms-font-l,
*[lang='th-TH'] .ms-font-su,
*[lang='th-TH'] .ms-fontWeight-semilight,
*[lang='th-TH'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Leelawadee UI Semilight', 'Kmer UI', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='th-TH'] .ms-fontWeight-regular,
*[lang='th-TH'] .ms-fontweight-regular-hover:hover {
  font-family: 'Leelawadee UI Regular', 'Kmer UI', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='th-TH'] .ms-font-mi,
*[lang='th-TH'] .ms-fontWeight-semibold,
*[lang='th-TH'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Leelawadee UI Bold', 'Kmer UI', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ar'] .ms-font-xl,
*[lang='ar'] .ms-font-xxl,
*[lang='ar'] .ms-fontWeight-light,
*[lang='ar'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light Arabic', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ar'] .ms-font-l,
*[lang='ar'] .ms-font-su,
*[lang='ar'] .ms-fontWeight-semilight,
*[lang='ar'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight Arabic', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ar'] .ms-fontWeight-regular,
*[lang='ar'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular Arabic', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ar'] .ms-font-mi,
*[lang='ar'] .ms-fontWeight-semibold,
*[lang='ar'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold Arabic', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='bg-BG'] .ms-font-xl,
*[lang='bg-BG'] .ms-font-xxl,
*[lang='bg-BG'] .ms-fontWeight-light,
*[lang='bg-BG'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light Cyrillic', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='bg-BG'] .ms-font-l,
*[lang='bg-BG'] .ms-font-su,
*[lang='bg-BG'] .ms-fontWeight-semilight,
*[lang='bg-BG'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight Cyrillic', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='bg-BG'] .ms-fontWeight-regular,
*[lang='bg-BG'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular Cyrillic', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='bg-BG'] .ms-font-mi,
*[lang='bg-BG'] .ms-fontWeight-semibold,
*[lang='bg-BG'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold Cyrillic', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ru-RU'] .ms-font-xl,
*[lang='ru-RU'] .ms-font-xxl,
*[lang='ru-RU'] .ms-fontWeight-light,
*[lang='ru-RU'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light Cyrillic', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ru-RU'] .ms-font-l,
*[lang='ru-RU'] .ms-font-su,
*[lang='ru-RU'] .ms-fontWeight-semilight,
*[lang='ru-RU'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight Cyrillic', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ru-RU'] .ms-fontWeight-regular,
*[lang='ru-RU'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular Cyrillic', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='ru-RU'] .ms-font-mi,
*[lang='ru-RU'] .ms-fontWeight-semibold,
*[lang='ru-RU'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold Cyrillic', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='uk-UA'] .ms-font-xl,
*[lang='uk-UA'] .ms-font-xxl,
*[lang='uk-UA'] .ms-fontWeight-light,
*[lang='uk-UA'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light Cyrillic', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='uk-UA'] .ms-font-l,
*[lang='uk-UA'] .ms-font-su,
*[lang='uk-UA'] .ms-fontWeight-semilight,
*[lang='uk-UA'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight Cyrillic', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='uk-UA'] .ms-fontWeight-regular,
*[lang='uk-UA'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular Cyrillic', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='uk-UA'] .ms-font-mi,
*[lang='uk-UA'] .ms-fontWeight-semibold,
*[lang='uk-UA'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold Cyrillic', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='cs-CZ'] .ms-font-xl,
*[lang='cs-CZ'] .ms-font-xxl,
*[lang='cs-CZ'] .ms-fontWeight-light,
*[lang='cs-CZ'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light EastEuropean', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='cs-CZ'] .ms-font-l,
*[lang='cs-CZ'] .ms-font-su,
*[lang='cs-CZ'] .ms-fontWeight-semilight,
*[lang='cs-CZ'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight EastEuropean', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='cs-CZ'] .ms-fontWeight-regular,
*[lang='cs-CZ'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular EastEuropean', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='cs-CZ'] .ms-font-mi,
*[lang='cs-CZ'] .ms-fontWeight-semibold,
*[lang='cs-CZ'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold EastEuropean', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='et-EE'] .ms-font-xl,
*[lang='et-EE'] .ms-font-xxl,
*[lang='et-EE'] .ms-fontWeight-light,
*[lang='et-EE'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light EastEuropean', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='et-EE'] .ms-font-l,
*[lang='et-EE'] .ms-font-su,
*[lang='et-EE'] .ms-fontWeight-semilight,
*[lang='et-EE'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight EastEuropean', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='et-EE'] .ms-fontWeight-regular,
*[lang='et-EE'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular EastEuropean', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='et-EE'] .ms-font-mi,
*[lang='et-EE'] .ms-fontWeight-semibold,
*[lang='et-EE'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold EastEuropean', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='hr-HR'] .ms-font-xl,
*[lang='hr-HR'] .ms-font-xxl,
*[lang='hr-HR'] .ms-fontWeight-light,
*[lang='hr-HR'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light EastEuropean', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='hr-HR'] .ms-font-l,
*[lang='hr-HR'] .ms-font-su,
*[lang='hr-HR'] .ms-fontWeight-semilight,
*[lang='hr-HR'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight EastEuropean', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='hr-HR'] .ms-fontWeight-regular,
*[lang='hr-HR'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular EastEuropean', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='hr-HR'] .ms-font-mi,
*[lang='hr-HR'] .ms-fontWeight-semibold,
*[lang='hr-HR'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold EastEuropean', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='hu-HU'] .ms-font-xl,
*[lang='hu-HU'] .ms-font-xxl,
*[lang='hu-HU'] .ms-fontWeight-light,
*[lang='hu-HU'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light EastEuropean', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='hu-HU'] .ms-font-l,
*[lang='hu-HU'] .ms-font-su,
*[lang='hu-HU'] .ms-fontWeight-semilight,
*[lang='hu-HU'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight EastEuropean', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='hu-HU'] .ms-fontWeight-regular,
*[lang='hu-HU'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular EastEuropean', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='hu-HU'] .ms-font-mi,
*[lang='hu-HU'] .ms-fontWeight-semibold,
*[lang='hu-HU'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold EastEuropean', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lt-LT'] .ms-font-xl,
*[lang='lt-LT'] .ms-font-xxl,
*[lang='lt-LT'] .ms-fontWeight-light,
*[lang='lt-LT'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light EastEuropean', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lt-LT'] .ms-font-l,
*[lang='lt-LT'] .ms-font-su,
*[lang='lt-LT'] .ms-fontWeight-semilight,
*[lang='lt-LT'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight EastEuropean', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lt-LT'] .ms-fontWeight-regular,
*[lang='lt-LT'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular EastEuropean', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lt-LT'] .ms-font-mi,
*[lang='lt-LT'] .ms-fontWeight-semibold,
*[lang='lt-LT'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold EastEuropean', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lv-LV'] .ms-font-xl,
*[lang='lv-LV'] .ms-font-xxl,
*[lang='lv-LV'] .ms-fontWeight-light,
*[lang='lv-LV'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light EastEuropean', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lv-LV'] .ms-font-l,
*[lang='lv-LV'] .ms-font-su,
*[lang='lv-LV'] .ms-fontWeight-semilight,
*[lang='lv-LV'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight EastEuropean', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lv-LV'] .ms-fontWeight-regular,
*[lang='lv-LV'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular EastEuropean', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lv-LV'] .ms-font-mi,
*[lang='lv-LV'] .ms-fontWeight-semibold,
*[lang='lv-LV'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold EastEuropean', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='pl-PL'] .ms-font-xl,
*[lang='pl-PL'] .ms-font-xxl,
*[lang='pl-PL'] .ms-fontWeight-light,
*[lang='pl-PL'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light EastEuropean', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='pl-PL'] .ms-font-l,
*[lang='pl-PL'] .ms-font-su,
*[lang='pl-PL'] .ms-fontWeight-semilight,
*[lang='pl-PL'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight EastEuropean', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='pl-PL'] .ms-fontWeight-regular,
*[lang='pl-PL'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular EastEuropean', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='pl-PL'] .ms-font-mi,
*[lang='pl-PL'] .ms-fontWeight-semibold,
*[lang='pl-PL'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold EastEuropean', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lt-sr-SP'] .ms-font-xl,
*[lang='lt-sr-SP'] .ms-font-xxl,
*[lang='lt-sr-SP'] .ms-fontWeight-light,
*[lang='lt-sr-SP'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light EastEuropean', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lt-sr-SP'] .ms-font-l,
*[lang='lt-sr-SP'] .ms-font-su,
*[lang='lt-sr-SP'] .ms-fontWeight-semilight,
*[lang='lt-sr-SP'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight EastEuropean', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lt-sr-SP'] .ms-fontWeight-regular,
*[lang='lt-sr-SP'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular EastEuropean', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='lt-sr-SP'] .ms-font-mi,
*[lang='lt-sr-SP'] .ms-fontWeight-semibold,
*[lang='lt-sr-SP'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold EastEuropean', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='tr-TR'] .ms-font-xl,
*[lang='tr-TR'] .ms-font-xxl,
*[lang='tr-TR'] .ms-fontWeight-light,
*[lang='tr-TR'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light EastEuropean', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='tr-TR'] .ms-font-l,
*[lang='tr-TR'] .ms-font-su,
*[lang='tr-TR'] .ms-fontWeight-semilight,
*[lang='tr-TR'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight EastEuropean', 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='tr-TR'] .ms-fontWeight-regular,
*[lang='tr-TR'] .ms-fontweight-regular-hover:hover {
  font-family: 'Segoe UI Regular EastEuropean', 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='tr-TR'] .ms-font-mi,
*[lang='tr-TR'] .ms-fontWeight-semibold,
*[lang='tr-TR'] .ms-fontWeight-semibold-hover:hover {
  font-family: 'Segoe UI Semibold EastEuropean', 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='sk-SK'] .ms-font-xl,
*[lang='sk-SK'] .ms-font-xxl,
*[lang='sk-SK'] .ms-fontWeight-light,
*[lang='sk-SK'] .ms-fontWeight-light-hover:hover {
  font-family: 'Segoe UI Light EastEuropean', 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif;
}

*[lang='sk-SK'] .ms-font-l,
*[lang='sk-SK'] .ms-font-su,
*[lang='sk-SK'] .ms-fontWeight-semilight,
*[lang='sk-SK'] .ms-fontWeight-semilight-hover:hover {
  font-family: 'Segoe UI Semilight Eas