diff --git a/.gitignore b/.gitignore index c8739e24b..a0f3c4619 100644 --- a/.gitignore +++ b/.gitignore @@ -10,7 +10,6 @@ npm-debug.log # Fabric files *.sublime-workspace docs.css -dist temp # Docs files diff --git a/dist/css/fabric-9.5.0.scoped.css b/dist/css/fabric-9.5.0.scoped.css new file mode 100644 index 000000000..1a1bd15df --- /dev/null +++ b/dist/css/fabric-9.5.0.scoped.css @@ -0,0 +1,14444 @@ +@charset 'UTF-8'; +/* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. */ +/** + * Office UI Fabric Core 9.5.0 + * The front-end framework for building experiences for Office 365. + **/ +/* + Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license +*/ +@keyframes ms-slideRightIn10--v9-5-0 { + from { + transform: translate3d(-10px, 0px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideRightIn20--v9-5-0 { + from { + transform: translate3d(-20px, 0px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideRightIn40--v9-5-0 { + from { + transform: translate3d(-40px, 0px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideRightIn400--v9-5-0 { + from { + transform: translate3d(-400px, 0px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideRightOut40--v9-5-0 { + from { + transform: translate3d(0px, 0px, 0px); + } + + to { + transform: translate3d(40px, 0px, 0px); + } +} + +@keyframes ms-slideRightOut400--v9-5-0 { + from { + transform: translate3d(0, 0px, 0px); + } + + to { + transform: translate3d(400px, 0px, 0px); + } +} + +@keyframes ms-slideLeftIn10--v9-5-0 { + from { + transform: translate3d(10px, 0px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideLeftIn20--v9-5-0 { + from { + transform: translate3d(20px, 0px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideLeftIn40--v9-5-0 { + from { + transform: translate3d(40px, 0px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideLeftIn400--v9-5-0 { + from { + transform: translate3d(400px, 0px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideLeftOut40--v9-5-0 { + from { + transform: translate3d(0, 0px, 0px); + } + + to { + transform: translate3d(-40px, 0px, 0px); + } +} + +@keyframes ms-slideLeftOut400--v9-5-0 { + from { + transform: translate3d(0, 0px, 0px); + } + + to { + transform: translate3d(-400px, 0px, 0px); + } +} + +@keyframes ms-slideUpIn10--v9-5-0 { + from { + transform: translate3d(0px, 10px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideUpIn20--v9-5-0 { + from { + transform: translate3d(0px, 20px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideDownIn10--v9-5-0 { + from { + transform: translate3d(0px, -10px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideDownIn20--v9-5-0 { + from { + transform: translate3d(0px, -20px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideUpOut10--v9-5-0 { + from { + transform: translate3d(0px, 0, 0px); + } + + to { + transform: translate3d(0px, -10px, 0px); + } +} + +@keyframes ms-slideUpOut20--v9-5-0 { + from { + transform: translate3d(0px, 0, 0px); + } + + to { + transform: translate3d(0px, -20px, 0px); + } +} + +@keyframes ms-slideDownOut10--v9-5-0 { + from { + transform: translate3d(0px, 0, 0px); + } + + to { + transform: translate3d(0px, 10px, 0px); + } +} + +@keyframes ms-slideDownOut20--v9-5-0 { + from { + transform: translate3d(0px, 0, 0px); + } + + to { + transform: translate3d(0px, 20px, 0px); + } +} + +@keyframes ms-scaleUp100--v9-5-0 { + from { + transform: scale3d(0.98, 0.98, 1); + } + + to { + transform: scale3d(1, 1, 1); + } +} + +@keyframes ms-scaleUp103--v9-5-0 { + from { + transform: scale3d(1, 1, 1); + } + + to { + transform: scale3d(1.03, 1.03, 1); + } +} + +@keyframes ms-scaleDown98--v9-5-0 { + from { + transform: scale3d(1, 1, 1); + } + + to { + transform: scale3d(0.98, 0.98, 1); + } +} + +@keyframes ms-scaleDown100--v9-5-0 { + from { + transform: scale3d(1.03, 1.03, 1); + } + + to { + transform: scale3d(1, 1, 1); + } +} + +@keyframes ms-fadeIn--v9-5-0 { + from { + opacity: 0; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + } + + to { + opacity: 1; + } +} + +@keyframes ms-fadeOut--v9-5-0 { + from { + opacity: 1; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + } + + to { + opacity: 0; + } +} + +@keyframes ms-rotate90--v9-5-0 { + from { + transform: rotateZ(0deg); + } + + to { + transform: rotateZ(90deg); + } +} + +@keyframes ms-rotateN90--v9-5-0 { + from { + transform: rotateZ(90deg); + } + + to { + transform: rotateZ(0deg); + } +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideRightIn10 { + animation-name: ms-fadeIn--v9-5-0, ms-slideRightIn10--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideRightIn10 { + animation: none; + } +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideRightIn10 { + animation-name: ms-fadeIn--v9-5-0, ms-slideLeftIn10--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideRightIn10 { + animation: none; + } +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideRightIn20 { + animation-name: ms-fadeIn--v9-5-0, ms-slideRightIn20--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideRightIn20 { + animation: none; + } +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideRightIn20 { + animation-name: ms-fadeIn--v9-5-0, ms-slideLeftIn20--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideRightIn20 { + animation: none; + } +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideRightIn40 { + animation-name: ms-fadeIn--v9-5-0, ms-slideRightIn40--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideRightIn40 { + animation: none; + } +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideRightIn40 { + animation-name: ms-fadeIn--v9-5-0, ms-slideLeftIn40--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideRightIn40 { + animation: none; + } +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideRightIn400 { + animation-name: ms-fadeIn--v9-5-0, ms-slideRightIn400--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideRightIn400 { + animation: none; + } +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideRightIn400 { + animation-name: ms-fadeIn--v9-5-0, ms-slideLeftIn400--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideRightIn400 { + animation: none; + } +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideRightOut40 { + animation-name: ms-fadeOut--v9-5-0, ms-slideRightOut40--v9-5-0; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideRightOut40 { + animation: none; + } +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideRightOut40 { + animation-name: ms-fadeOut--v9-5-0, ms-slideLeftOut40--v9-5-0; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideRightOut40 { + animation: none; + } +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideRightOut400 { + animation-name: ms-fadeOut--v9-5-0, ms-slideRightOut400--v9-5-0; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideRightOut400 { + animation: none; + } +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideRightOut400 { + animation-name: ms-fadeOut--v9-5-0, ms-slideLeftOut400--v9-5-0; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideRightOut400 { + animation: none; + } +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideLeftIn10 { + animation-name: ms-fadeIn--v9-5-0, ms-slideLeftIn10--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideLeftIn10 { + animation: none; + } +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideLeftIn10 { + animation-name: ms-fadeIn--v9-5-0, ms-slideRightIn10--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideLeftIn10 { + animation: none; + } +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideLeftIn20 { + animation-name: ms-fadeIn--v9-5-0, ms-slideLeftIn20--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideLeftIn20 { + animation: none; + } +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideLeftIn20 { + animation-name: ms-fadeIn--v9-5-0, ms-slideRightIn20--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideLeftIn20 { + animation: none; + } +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideLeftIn40 { + animation-name: ms-fadeIn--v9-5-0, ms-slideLeftIn40--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideLeftIn40 { + animation: none; + } +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideLeftIn40 { + animation-name: ms-fadeIn--v9-5-0, ms-slideRightIn40--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideLeftIn40 { + animation: none; + } +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideLeftIn400 { + animation-name: ms-fadeIn--v9-5-0, ms-slideLeftIn400--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideLeftIn400 { + animation: none; + } +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideLeftIn400 { + animation-name: ms-fadeIn--v9-5-0, ms-slideRightIn400--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideLeftIn400 { + animation: none; + } +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideLeftOut40 { + animation-name: ms-fadeOut--v9-5-0, ms-slideLeftOut40--v9-5-0; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideLeftOut40 { + animation: none; + } +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideLeftOut40 { + animation-name: ms-fadeOut--v9-5-0, ms-slideRightOut40--v9-5-0; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideLeftOut40 { + animation: none; + } +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideLeftOut400 { + animation-name: ms-fadeOut--v9-5-0, ms-slideLeftOut400--v9-5-0; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-slideLeftOut400 { + animation: none; + } +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideLeftOut400 { + animation-name: ms-fadeOut--v9-5-0, ms-slideRightOut400--v9-5-0; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-slideLeftOut400 { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-slideUpIn10 { + animation-name: ms-fadeIn--v9-5-0, ms-slideUpIn10--v9-5-0; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-slideUpIn10 { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-slideUpIn20 { + animation-name: ms-fadeIn--v9-5-0, ms-slideUpIn20--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-slideUpIn20 { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-slideDownIn10 { + animation-name: ms-fadeIn--v9-5-0, ms-slideDownIn10--v9-5-0; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-slideDownIn10 { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-slideDownIn20 { + animation-name: ms-fadeIn--v9-5-0, ms-slideDownIn20--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-slideDownIn20 { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-slideUpOut10 { + animation-name: ms-fadeOut--v9-5-0, ms-slideUpOut10--v9-5-0; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-slideUpOut10 { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-slideUpOut20 { + animation-name: ms-fadeOut--v9-5-0, ms-slideUpOut20--v9-5-0; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-slideUpOut20 { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-slideDownOut10 { + animation-name: ms-fadeOut--v9-5-0, ms-slideDownOut10--v9-5-0; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-slideDownOut10 { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-slideDownOut20 { + animation-name: ms-fadeOut--v9-5-0, ms-slideDownOut20--v9-5-0; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-slideDownOut20 { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-scaleUpIn100 { + animation-name: ms-fadeIn--v9-5-0, ms-scaleUp100--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-scaleUpIn100 { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-scaleUpOut103 { + animation-name: ms-fadeOut--v9-5-0, ms-scaleUp103--v9-5-0; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-scaleUpOut103 { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-scaleDownOut98 { + animation-name: ms-fadeOut--v9-5-0, ms-scaleDown98--v9-5-0; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-scaleDownOut98 { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-scaleDownIn100 { + animation-name: ms-fadeIn--v9-5-0, ms-scaleDown100--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-scaleDownIn100 { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-fadeIn100 { + animation-name: ms-fadeIn--v9-5-0; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-fadeIn100 { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-fadeIn200 { + animation-name: ms-fadeIn--v9-5-0; + animation-duration: 0.267s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-fadeIn200 { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-fadeIn400 { + animation-name: ms-fadeIn--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-fadeIn400 { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-fadeIn500 { + animation-name: ms-fadeIn--v9-5-0; + animation-duration: 0.467s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-fadeIn500 { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-fadeOut100 { + animation-name: ms-fadeOut--v9-5-0; + animation-duration: 0.1s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-fadeOut100 { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-fadeOut200 { + animation-name: ms-fadeOut--v9-5-0; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-fadeOut200 { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-fadeOut400 { + animation-name: ms-fadeOut--v9-5-0; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-fadeOut400 { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-fadeOut500 { + animation-name: ms-fadeOut--v9-5-0; + animation-duration: 0.467s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-fadeOut500 { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-expandCollapse100 { + transition: height 0.1s cubic-bezier(0.1, 0.25, 0.75, 0.9); +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-expandCollapse100 { + transition: none; + } +} + +.ms-Fabric--v9-5-0 .ms-expandCollapse200 { + transition: height 0.167s cubic-bezier(0.1, 0.25, 0.75, 0.9); +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-expandCollapse200 { + transition: none; + } +} + +.ms-Fabric--v9-5-0 .ms-expandCollapse400 { + transition: height 0.367s cubic-bezier(0.1, 0.25, 0.75, 0.9); +} + +@media (prefers-reduced-motion: reduce) { + .ms-Fabric--v9-5-0 .ms-expandCollapse400 { + transition: none; + } +} + +.ms-Fabric--v9-5-0 .ms-delay100 { + animation-delay: 0.167s; +} + +.ms-Fabric--v9-5-0 .ms-delay200 { + animation-delay: 0.267s; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-rotate90deg { + animation-name: ms-rotate90--v9-5-0; + animation-duration: 0.1s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-rotate90deg { + animation: none; + } +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-rotate90deg { + animation-name: ms-rotateN90--v9-5-0; + animation-duration: 0.1s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-rotate90deg { + animation: none; + } +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-rotateN90deg { + animation-name: ms-rotateN90--v9-5-0; + animation-duration: 0.1s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-rotateN90deg { + animation: none; + } +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-rotateN90deg { + animation-name: ms-rotate90--v9-5-0; + animation-duration: 0.1s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-rotateN90deg { + animation: none; + } +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x1.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/accdb.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/accdb.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/accdb.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/archive.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/archive.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/archive.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/audio.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/audio.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/audio.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/code.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/code.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/code.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/csv.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/csv.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/csv.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/docset.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/docset.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/docset.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/docx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/docx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/docx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/dotx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/dotx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/dotx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/email.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/email.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/email.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/exe.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/exe.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/exe.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/folder.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/folder.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/folder.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/font.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/font.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/font.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/genericfile.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/genericfile.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/genericfile.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/html.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/html.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/html.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/link.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/link.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/link.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/listitem.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/listitem.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/listitem.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/model.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/model.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/model.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/mpp.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/mpp.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/mpp.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/mpt.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/mpt.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/mpt.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/odp.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/odp.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/odp.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/ods.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/ods.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/ods.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/odt.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/odt.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/odt.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/one.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/one.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/one.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/onetoc.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/onetoc.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/onetoc.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/pdf.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/pdf.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/pdf.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/photo.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/photo.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/photo.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/potx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/potx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/potx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/ppsx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/ppsx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/ppsx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/pptx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/pptx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/pptx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/pub.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/pub.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/pub.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/rtf.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/rtf.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/rtf.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/sharedfolder.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/sharedfolder.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/sharedfolder.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/spo.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/spo.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/spo.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/sysfile.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/sysfile.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/sysfile.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/txt.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/txt.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/txt.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/vector.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/vector.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/vector.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/video.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/video.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/video.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/vsdx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/vsdx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/vsdx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/vssx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/vssx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/vssx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/vstx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/vstx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/vstx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xlsx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xlsx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xlsx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xltx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xltx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xltx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xml.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xml.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xml.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xsn.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xsn.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xsn.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/zip.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/zip.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/zip.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--icon16 { + background-size: 100% 100%; + width: 16px; + height: 16px; +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--icon48 { + background-size: 100% 100%; + width: 48px; + height: 48px; +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--icon96 { + background-size: 100% 100%; + width: 96px; + height: 96px; +} + +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { + .ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x1_5.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/accdb.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/accdb.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/accdb.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/archive.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/archive.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/archive.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/audio.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/audio.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/audio.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/code.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/code.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/code.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/csv.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/csv.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/csv.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/docset.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/docset.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/docset.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/docx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/docx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/docx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/dotx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/dotx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/dotx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/email.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/email.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/email.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/exe.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/exe.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/exe.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/folder.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/folder.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/folder.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/font.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/font.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/font.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/genericfile.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/genericfile.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/genericfile.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/html.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/html.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/html.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/link.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/link.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/link.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/listitem.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/listitem.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/listitem.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/model.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/model.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/model.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/mpp.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/mpp.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/mpp.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/mpt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/mpt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/mpt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/odp.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/odp.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/odp.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/ods.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/ods.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/ods.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/odt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/odt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/odt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/one.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/one.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/one.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/onetoc.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/onetoc.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/onetoc.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/pdf.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/pdf.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/pdf.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/photo.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/photo.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/photo.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/potx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/potx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/potx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/ppsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/ppsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/ppsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/pptx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/pptx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/pptx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/pub.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/pub.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/pub.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/rtf.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/rtf.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/rtf.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/sharedfolder.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/sharedfolder.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/sharedfolder.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/spo.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/spo.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/spo.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/sysfile.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/sysfile.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/sysfile.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/txt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/txt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/txt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/vector.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/vector.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/vector.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/video.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/video.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/video.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/vsdx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/vsdx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/vsdx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/vssx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/vssx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/vssx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/vstx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/vstx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/vstx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xlsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xlsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xlsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xltx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xltx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xltx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xml.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xml.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xml.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xsn.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xsn.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xsn.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/zip.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/zip.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/zip.png); + } +} + +@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) { + .ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x2.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/accdb.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/accdb.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/accdb.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/archive.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/archive.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/archive.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/audio.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/audio.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/audio.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/code.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/code.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/code.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/csv.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/csv.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/csv.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/docset.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/docset.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/docset.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/docx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/docx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/docx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/dotx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/dotx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/dotx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/email.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/email.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/email.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/exe.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/exe.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/exe.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/folder.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/folder.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/folder.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/font.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/font.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/font.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/genericfile.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/genericfile.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/genericfile.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/html.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/html.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/html.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/link.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/link.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/link.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/listitem.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/listitem.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/listitem.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/model.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/model.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/model.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/mpp.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/mpp.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/mpp.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/mpt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/mpt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/mpt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/odp.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/odp.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/odp.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/ods.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/ods.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/ods.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/odt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/odt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/odt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/one.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/one.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/one.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/onetoc.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/onetoc.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/onetoc.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/pdf.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/pdf.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/pdf.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/photo.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/photo.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/photo.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/potx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/potx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/potx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/ppsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/ppsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/ppsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/pptx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/pptx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/pptx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/pub.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/pub.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/pub.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/rtf.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/rtf.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/rtf.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/sharedfolder.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/sharedfolder.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/sharedfolder.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/spo.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/spo.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/spo.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/sysfile.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/sysfile.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/sysfile.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/txt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/txt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/txt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/vector.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/vector.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/vector.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/video.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/video.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/video.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/vsdx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/vsdx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/vsdx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/vssx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/vssx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/vssx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/vstx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/vstx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/vstx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xlsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xlsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xlsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xltx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xltx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xltx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xml.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xml.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xml.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xsn.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xsn.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xsn.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/zip.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/zip.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/zip.png); + } +} + +@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-resolution: 288dpi) { + .ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x3.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/accdb.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/accdb.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/accdb.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/archive.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/archive.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/archive.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/audio.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/audio.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/audio.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/code.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/code.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/code.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/csv.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/csv.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/csv.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/docset.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/docset.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/docset.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/docx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/docx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/docx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/dotx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/dotx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/dotx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/email.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/email.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/email.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/exe.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/exe.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/exe.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/folder.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/folder.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/folder.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/font.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/font.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/font.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/genericfile.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/genericfile.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/genericfile.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/html.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/html.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/html.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/link.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/link.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/link.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/listitem.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/listitem.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/listitem.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/model.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/model.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/model.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/mpp.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/mpp.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/mpp.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/mpt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/mpt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/mpt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/odp.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/odp.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/odp.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/ods.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/ods.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/ods.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/odt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/odt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/odt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/one.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/one.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/one.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/onetoc.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/onetoc.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/onetoc.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/pdf.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/pdf.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/pdf.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/photo.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/photo.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/photo.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/potx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/potx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/potx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/ppsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/ppsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/ppsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/pptx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/pptx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/pptx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/pub.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/pub.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/pub.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/rtf.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/rtf.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/rtf.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/sharedfolder.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/sharedfolder.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/sharedfolder.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/spo.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/spo.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/spo.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/sysfile.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/sysfile.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/sysfile.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/txt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/txt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/txt.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/vector.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/vector.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/vector.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/video.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/video.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/video.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/vsdx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/vsdx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/vsdx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/vssx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/vssx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/vssx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/vstx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/vstx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/vstx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xlsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xlsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xlsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xltx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xltx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xltx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xml.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xml.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xml.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xsn.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xsn.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xsn.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/zip.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/zip.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/zip.png); + } +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/one.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/one.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/one.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xlsx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xlsx.png); +} + +.ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xlsx.png); +} + +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { + .ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/one.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/one.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/one.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xlsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xlsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xlsx.png); + } +} + +@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) { + .ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/one.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/one.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/one.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xlsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xlsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xlsx.png); + } +} + +@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-resolution: 288dpi) { + .ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/one.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/one.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/one.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xlsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xlsx.png); + } + + .ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xlsx.png); + } +} + +.ms-Fabric--v9-5-0 .ms-bgColor-themeDark, +.ms-Fabric--v9-5-0 .ms-bgColor-themeDark--hover:hover { + background-color: #005a9e; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-themeDarkAlt, +.ms-Fabric--v9-5-0 .ms-bgColor-themeDarkAlt--hover:hover { + background-color: #106ebe; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-themeDarker, +.ms-Fabric--v9-5-0 .ms-bgColor-themeDarker--hover:hover { + background-color: #004578; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-themePrimary, +.ms-Fabric--v9-5-0 .ms-bgColor-themePrimary--hover:hover { + background-color: #0078d7; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-themeSecondary, +.ms-Fabric--v9-5-0 .ms-bgColor-themeSecondary--hover:hover { + background-color: #2b88d8; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-themeTertiary, +.ms-Fabric--v9-5-0 .ms-bgColor-themeTertiary--hover:hover { + background-color: #71afe5; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-themeLight, +.ms-Fabric--v9-5-0 .ms-bgColor-themeLight--hover:hover { + background-color: #c7e0f4; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-themeLighter, +.ms-Fabric--v9-5-0 .ms-bgColor-themeLighter--hover:hover { + background-color: #deecf9; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-themeLighterAlt, +.ms-Fabric--v9-5-0 .ms-bgColor-themeLighterAlt--hover:hover { + background-color: #eff6fc; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-black, +.ms-Fabric--v9-5-0 .ms-bgColor-black--hover:hover { + background-color: #000000; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-neutralDark, +.ms-Fabric--v9-5-0 .ms-bgColor-neutralDark--hover:hover { + background-color: #212121; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-neutralPrimary, +.ms-Fabric--v9-5-0 .ms-bgColor-neutralPrimary--hover:hover { + background-color: #333333; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-neutralPrimaryAlt, +.ms-Fabric--v9-5-0 .ms-bgColor-neutralPrimaryAlt--hover:hover { + background-color: #3c3c3c; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-neutralSecondary, +.ms-Fabric--v9-5-0 .ms-bgColor-neutralSecondary--hover:hover { + background-color: #666666; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-neutralSecondaryAlt, +.ms-Fabric--v9-5-0 .ms-bgColor-neutralSecondaryAlt--hover:hover { + background-color: #767676; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-neutralTertiary, +.ms-Fabric--v9-5-0 .ms-bgColor-neutralTertiary--hover:hover { + background-color: #a6a6a6; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-neutralTertiaryAlt, +.ms-Fabric--v9-5-0 .ms-bgColor-neutralTertiaryAlt--hover:hover { + background-color: #c8c8c8; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-neutralQuaternary, +.ms-Fabric--v9-5-0 .ms-bgColor-neutralQuaternary--hover:hover { + background-color: #d0d0d0; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-neutralQuaternaryAlt, +.ms-Fabric--v9-5-0 .ms-bgColor-neutralQuaternaryAlt--hover:hover { + background-color: #dadada; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-neutralLight, +.ms-Fabric--v9-5-0 .ms-bgColor-neutralLight--hover:hover { + background-color: #eaeaea; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-neutralLighter, +.ms-Fabric--v9-5-0 .ms-bgColor-neutralLighter--hover:hover { + background-color: #f4f4f4; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-neutralLighterAlt, +.ms-Fabric--v9-5-0 .ms-bgColor-neutralLighterAlt--hover:hover { + background-color: #f8f8f8; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-white, +.ms-Fabric--v9-5-0 .ms-bgColor-white--hover:hover { + background-color: #ffffff; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-yellow, +.ms-Fabric--v9-5-0 .ms-bgColor-yellow--hover:hover { + background-color: #ffb900; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-yellowLight, +.ms-Fabric--v9-5-0 .ms-bgColor-yellowLight--hover:hover { + background-color: #fff100; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-orange, +.ms-Fabric--v9-5-0 .ms-bgColor-orange--hover:hover { + background-color: #d83b01; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-orangeLight, +.ms-Fabric--v9-5-0 .ms-bgColor-orangeLight--hover:hover { + background-color: #ea4300; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-orangeLighter, +.ms-Fabric--v9-5-0 .ms-bgColor-orangeLighter--hover:hover { + background-color: #ff8c00; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-redDark, +.ms-Fabric--v9-5-0 .ms-bgColor-redDark--hover:hover { + background-color: #a80000; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-red, +.ms-Fabric--v9-5-0 .ms-bgColor-red--hover:hover { + background-color: #e81123; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-magentaDark, +.ms-Fabric--v9-5-0 .ms-bgColor-magentaDark--hover:hover { + background-color: #5c005c; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-magenta, +.ms-Fabric--v9-5-0 .ms-bgColor-magenta--hover:hover { + background-color: #b4009e; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-magentaLight, +.ms-Fabric--v9-5-0 .ms-bgColor-magentaLight--hover:hover { + background-color: #e3008c; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-purpleDark, +.ms-Fabric--v9-5-0 .ms-bgColor-purpleDark--hover:hover { + background-color: #32145a; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-purple, +.ms-Fabric--v9-5-0 .ms-bgColor-purple--hover:hover { + background-color: #5c2d91; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-purpleLight, +.ms-Fabric--v9-5-0 .ms-bgColor-purpleLight--hover:hover { + background-color: #b4a0ff; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-blueDark, +.ms-Fabric--v9-5-0 .ms-bgColor-blueDark--hover:hover { + background-color: #002050; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-blueMid, +.ms-Fabric--v9-5-0 .ms-bgColor-blueMid--hover:hover { + background-color: #00188f; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-blue, +.ms-Fabric--v9-5-0 .ms-bgColor-blue--hover:hover { + background-color: #0078d7; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-blueLight, +.ms-Fabric--v9-5-0 .ms-bgColor-blueLight--hover:hover { + background-color: #00bcf2; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-tealDark, +.ms-Fabric--v9-5-0 .ms-bgColor-tealDark--hover:hover { + background-color: #004b50; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-teal, +.ms-Fabric--v9-5-0 .ms-bgColor-teal--hover:hover { + background-color: #008272; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-tealLight, +.ms-Fabric--v9-5-0 .ms-bgColor-tealLight--hover:hover { + background-color: #00b294; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-greenDark, +.ms-Fabric--v9-5-0 .ms-bgColor-greenDark--hover:hover { + background-color: #004b1c; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-green, +.ms-Fabric--v9-5-0 .ms-bgColor-green--hover:hover { + background-color: #107c10; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-greenLight, +.ms-Fabric--v9-5-0 .ms-bgColor-greenLight--hover:hover { + background-color: #bad80a; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-info, +.ms-Fabric--v9-5-0 .ms-bgColor-info--hover:hover { + background-color: #f4f4f4; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-success, +.ms-Fabric--v9-5-0 .ms-bgColor-success--hover:hover { + background-color: #dff6dd; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-severeWarning, +.ms-Fabric--v9-5-0 .ms-bgColor-severeWarning--hover:hover { + background-color: #fed9cc; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-warning, +.ms-Fabric--v9-5-0 .ms-bgColor-warning--hover:hover { + background-color: #fff4ce; +} + +.ms-Fabric--v9-5-0 .ms-bgColor-error, +.ms-Fabric--v9-5-0 .ms-bgColor-error--hover:hover { + background-color: #fde7e9; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-themeDark, +.ms-Fabric--v9-5-0 .ms-borderColor-themeDark--hover:hover { + border-color: #005a9e; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-themeDarkAlt, +.ms-Fabric--v9-5-0 .ms-borderColor-themeDarkAlt--hover:hover { + border-color: #106ebe; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-themeDarker, +.ms-Fabric--v9-5-0 .ms-borderColor-themeDarker--hover:hover { + border-color: #004578; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-themePrimary, +.ms-Fabric--v9-5-0 .ms-borderColor-themePrimary--hover:hover { + border-color: #0078d7; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-themeSecondary, +.ms-Fabric--v9-5-0 .ms-borderColor-themeSecondary--hover:hover { + border-color: #2b88d8; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-themeTertiary, +.ms-Fabric--v9-5-0 .ms-borderColor-themeTertiary--hover:hover { + border-color: #71afe5; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-themeLight, +.ms-Fabric--v9-5-0 .ms-borderColor-themeLight--hover:hover { + border-color: #c7e0f4; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-themeLighter, +.ms-Fabric--v9-5-0 .ms-borderColor-themeLighter--hover:hover { + border-color: #deecf9; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-themeLighterAlt, +.ms-Fabric--v9-5-0 .ms-borderColor-themeLighterAlt--hover:hover { + border-color: #eff6fc; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-black, +.ms-Fabric--v9-5-0 .ms-borderColor-black--hover:hover { + border-color: #000000; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-neutralDark, +.ms-Fabric--v9-5-0 .ms-borderColor-neutralDark--hover:hover { + border-color: #212121; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-neutralPrimary, +.ms-Fabric--v9-5-0 .ms-borderColor-neutralPrimary--hover:hover { + border-color: #333333; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-neutralPrimaryAlt, +.ms-Fabric--v9-5-0 .ms-borderColor-neutralPrimaryAlt--hover:hover { + border-color: #3c3c3c; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-neutralSecondary, +.ms-Fabric--v9-5-0 .ms-borderColor-neutralSecondary--hover:hover { + border-color: #666666; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-neutralSecondaryAlt, +.ms-Fabric--v9-5-0 .ms-borderColor-neutralSecondaryAlt--hover:hover { + border-color: #767676; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-neutralTertiary, +.ms-Fabric--v9-5-0 .ms-borderColor-neutralTertiary--hover:hover { + border-color: #a6a6a6; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-neutralTertiaryAlt, +.ms-Fabric--v9-5-0 .ms-borderColor-neutralTertiaryAlt--hover:hover { + border-color: #c8c8c8; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-neutralQuaternary, +.ms-Fabric--v9-5-0 .ms-borderColor-neutralQuaternary--hover:hover { + border-color: #d0d0d0; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-neutralQuaternaryAlt, +.ms-Fabric--v9-5-0 .ms-borderColor-neutralQuaternaryAlt--hover:hover { + border-color: #dadada; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-neutralLight, +.ms-Fabric--v9-5-0 .ms-borderColor-neutralLight--hover:hover { + border-color: #eaeaea; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-neutralLighter, +.ms-Fabric--v9-5-0 .ms-borderColor-neutralLighter--hover:hover { + border-color: #f4f4f4; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-neutralLighterAlt, +.ms-Fabric--v9-5-0 .ms-borderColor-neutralLighterAlt--hover:hover { + border-color: #f8f8f8; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-white, +.ms-Fabric--v9-5-0 .ms-borderColor-white--hover:hover { + border-color: #ffffff; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-yellow, +.ms-Fabric--v9-5-0 .ms-borderColor-yellow--hover:hover { + border-color: #ffb900; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-yellowLight, +.ms-Fabric--v9-5-0 .ms-borderColor-yellowLight--hover:hover { + border-color: #fff100; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-orange, +.ms-Fabric--v9-5-0 .ms-borderColor-orange--hover:hover { + border-color: #d83b01; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-orangeLight, +.ms-Fabric--v9-5-0 .ms-borderColor-orangeLight--hover:hover { + border-color: #ea4300; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-orangeLighter, +.ms-Fabric--v9-5-0 .ms-borderColor-orangeLighter--hover:hover { + border-color: #ff8c00; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-redDark, +.ms-Fabric--v9-5-0 .ms-borderColor-redDark--hover:hover { + border-color: #a80000; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-red, +.ms-Fabric--v9-5-0 .ms-borderColor-red--hover:hover { + border-color: #e81123; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-magentaDark, +.ms-Fabric--v9-5-0 .ms-borderColor-magentaDark--hover:hover { + border-color: #5c005c; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-magenta, +.ms-Fabric--v9-5-0 .ms-borderColor-magenta--hover:hover { + border-color: #b4009e; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-magentaLight, +.ms-Fabric--v9-5-0 .ms-borderColor-magentaLight--hover:hover { + border-color: #e3008c; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-purpleDark, +.ms-Fabric--v9-5-0 .ms-borderColor-purpleDark--hover:hover { + border-color: #32145a; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-purple, +.ms-Fabric--v9-5-0 .ms-borderColor-purple--hover:hover { + border-color: #5c2d91; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-purpleLight, +.ms-Fabric--v9-5-0 .ms-borderColor-purpleLight--hover:hover { + border-color: #b4a0ff; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-blueDark, +.ms-Fabric--v9-5-0 .ms-borderColor-blueDark--hover:hover { + border-color: #002050; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-blueMid, +.ms-Fabric--v9-5-0 .ms-borderColor-blueMid--hover:hover { + border-color: #00188f; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-blue, +.ms-Fabric--v9-5-0 .ms-borderColor-blue--hover:hover { + border-color: #0078d7; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-blueLight, +.ms-Fabric--v9-5-0 .ms-borderColor-blueLight--hover:hover { + border-color: #00bcf2; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-tealDark, +.ms-Fabric--v9-5-0 .ms-borderColor-tealDark--hover:hover { + border-color: #004b50; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-teal, +.ms-Fabric--v9-5-0 .ms-borderColor-teal--hover:hover { + border-color: #008272; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-tealLight, +.ms-Fabric--v9-5-0 .ms-borderColor-tealLight--hover:hover { + border-color: #00b294; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-greenDark, +.ms-Fabric--v9-5-0 .ms-borderColor-greenDark--hover:hover { + border-color: #004b1c; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-green, +.ms-Fabric--v9-5-0 .ms-borderColor-green--hover:hover { + border-color: #107c10; +} + +.ms-Fabric--v9-5-0 .ms-borderColor-greenLight, +.ms-Fabric--v9-5-0 .ms-borderColor-greenLight--hover:hover { + border-color: #bad80a; +} + +.ms-Fabric--v9-5-0 .ms-font-su { + font-size: 42px; + font-weight: 100; +} + +.ms-Fabric--v9-5-0 .ms-font-xxl { + font-size: 28px; + font-weight: 100; +} + +.ms-Fabric--v9-5-0 .ms-font-xl-plus { + font-size: 24px; + font-weight: 100; +} + +.ms-Fabric--v9-5-0 .ms-font-xl { + font-size: 21px; + font-weight: 100; +} + +.ms-Fabric--v9-5-0 .ms-font-l { + font-size: 17px; + font-weight: 300; +} + +.ms-Fabric--v9-5-0 .ms-font-m-plus { + font-size: 15px; + font-weight: 400; +} + +.ms-Fabric--v9-5-0 .ms-font-m { + font-size: 14px; + font-weight: 400; +} + +.ms-Fabric--v9-5-0 .ms-font-s-plus { + font-size: 13px; + font-weight: 400; +} + +.ms-Fabric--v9-5-0 .ms-font-s { + font-size: 12px; + font-weight: 400; +} + +.ms-Fabric--v9-5-0 .ms-font-xs { + font-size: 11px; + font-weight: 400; +} + +.ms-Fabric--v9-5-0 .ms-font-mi { + font-size: 10px; + font-weight: 600; +} + +.ms-Fabric--v9-5-0 .ms-fontWeight-light { + font-weight: 100; +} + +.ms-Fabric--v9-5-0 .ms-fontWeight-semilight { + font-weight: 300; +} + +.ms-Fabric--v9-5-0 .ms-fontWeight-regular { + font-weight: 400; +} + +.ms-Fabric--v9-5-0 .ms-fontWeight-semibold { + font-weight: 600; +} + +.ms-Fabric--v9-5-0 .ms-fontWeight-bold { + font-weight: 700; +} + +.ms-Fabric--v9-5-0 .ms-fontSize-su { + font-size: 42px; +} + +.ms-Fabric--v9-5-0 .ms-fontSize-xxl { + font-size: 28px; +} + +.ms-Fabric--v9-5-0 .ms-fontSize-xlPlus { + font-size: 24px; +} + +.ms-Fabric--v9-5-0 .ms-fontSize-xl { + font-size: 21px; +} + +.ms-Fabric--v9-5-0 .ms-fontSize-l { + font-size: 17px; +} + +.ms-Fabric--v9-5-0 .ms-fontSize-mPlus { + font-size: 15px; +} + +.ms-Fabric--v9-5-0 .ms-fontSize-m { + font-size: 14px; +} + +.ms-Fabric--v9-5-0 .ms-fontSize-sPlus { + font-size: 13px; +} + +.ms-Fabric--v9-5-0 .ms-fontSize-s { + font-size: 12px; +} + +.ms-Fabric--v9-5-0 .ms-fontSize-xs { + font-size: 11px; +} + +.ms-Fabric--v9-5-0 .ms-fontSize-mi { + font-size: 10px; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-themeDarker, +.ms-Fabric--v9-5-0 .ms-fontColor-themeDarker--hover:hover { + color: #004578; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-themeDark, +.ms-Fabric--v9-5-0 .ms-fontColor-themeDark--hover:hover { + color: #005a9e; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-themeDarkAlt, +.ms-Fabric--v9-5-0 .ms-fontColor-themeDarkAlt--hover:hover { + color: #106ebe; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-themePrimary, +.ms-Fabric--v9-5-0 .ms-fontColor-themePrimary--hover:hover { + color: #0078d7; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-themeSecondary, +.ms-Fabric--v9-5-0 .ms-fontColor-themeSecondary--hover:hover { + color: #2b88d8; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-themeTertiary, +.ms-Fabric--v9-5-0 .ms-fontColor-themeTertiary--hover:hover { + color: #71afe5; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-themeLight, +.ms-Fabric--v9-5-0 .ms-fontColor-themeLight--hover:hover { + color: #c7e0f4; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-themeLighter, +.ms-Fabric--v9-5-0 .ms-fontColor-themeLighter--hover:hover { + color: #deecf9; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-themeLighterAlt, +.ms-Fabric--v9-5-0 .ms-fontColor-themeLighterAlt--hover:hover { + color: #eff6fc; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-black, +.ms-Fabric--v9-5-0 .ms-fontColor-black--hover:hover { + color: #000000; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-neutralDark, +.ms-Fabric--v9-5-0 .ms-fontColor-neutralDark--hover:hover { + color: #212121; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-neutralPrimary, +.ms-Fabric--v9-5-0 .ms-fontColor-neutralPrimary--hover:hover { + color: #333333; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-neutralPrimaryAlt, +.ms-Fabric--v9-5-0 .ms-fontColor-neutralPrimaryAlt--hover:hover { + color: #3c3c3c; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-neutralSecondary, +.ms-Fabric--v9-5-0 .ms-fontColor-neutralSecondary--hover:hover { + color: #666666; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-neutralSecondaryAlt, +.ms-Fabric--v9-5-0 .ms-fontColor-neutralSecondaryAlt--hover:hover { + color: #767676; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-neutralTertiary, +.ms-Fabric--v9-5-0 .ms-fontColor-neutralTertiary--hover:hover { + color: #a6a6a6; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-neutralTertiaryAlt, +.ms-Fabric--v9-5-0 .ms-fontColor-neutralTertiaryAlt--hover:hover { + color: #c8c8c8; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-neutralQuaternary, +.ms-Fabric--v9-5-0 .ms-fontColor-neutralQuaternary--hover:hover { + color: #d0d0d0; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-neutralQuaternaryAlt, +.ms-Fabric--v9-5-0 .ms-fontColor-neutralQuaternaryAlt--hover:hover { + color: #dadada; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-neutralLight, +.ms-Fabric--v9-5-0 .ms-fontColor-neutralLight--hover:hover { + color: #eaeaea; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-neutralLighter, +.ms-Fabric--v9-5-0 .ms-fontColor-neutralLighter--hover:hover { + color: #f4f4f4; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-neutralLighterAlt, +.ms-Fabric--v9-5-0 .ms-fontColor-neutralLighterAlt--hover:hover { + color: #f8f8f8; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-white, +.ms-Fabric--v9-5-0 .ms-fontColor-white--hover:hover { + color: #ffffff; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-yellow, +.ms-Fabric--v9-5-0 .ms-fontColor-yellow--hover:hover { + color: #ffb900; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-yellowLight, +.ms-Fabric--v9-5-0 .ms-fontColor-yellowLight--hover:hover { + color: #fff100; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-orange, +.ms-Fabric--v9-5-0 .ms-fontColor-orange--hover:hover { + color: #d83b01; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-orangeLight, +.ms-Fabric--v9-5-0 .ms-fontColor-orangeLight--hover:hover { + color: #ea4300; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-orangeLighter, +.ms-Fabric--v9-5-0 .ms-fontColor-orangeLighter--hover:hover { + color: #ff8c00; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-redDark, +.ms-Fabric--v9-5-0 .ms-fontColor-redDark--hover:hover { + color: #a80000; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-red, +.ms-Fabric--v9-5-0 .ms-fontColor-red--hover:hover { + color: #e81123; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-magentaDark, +.ms-Fabric--v9-5-0 .ms-fontColor-magentaDark--hover:hover { + color: #5c005c; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-magenta, +.ms-Fabric--v9-5-0 .ms-fontColor-magenta--hover:hover { + color: #b4009e; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-magentaLight, +.ms-Fabric--v9-5-0 .ms-fontColor-magentaLight--hover:hover { + color: #e3008c; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-purpleDark, +.ms-Fabric--v9-5-0 .ms-fontColor-purpleDark--hover:hover { + color: #32145a; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-purple, +.ms-Fabric--v9-5-0 .ms-fontColor-purple--hover:hover { + color: #5c2d91; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-purpleLight, +.ms-Fabric--v9-5-0 .ms-fontColor-purpleLight--hover:hover { + color: #b4a0ff; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-blueDark, +.ms-Fabric--v9-5-0 .ms-fontColor-blueDark--hover:hover { + color: #002050; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-blueMid, +.ms-Fabric--v9-5-0 .ms-fontColor-blueMid--hover:hover { + color: #00188f; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-blue, +.ms-Fabric--v9-5-0 .ms-fontColor-blue--hover:hover { + color: #0078d7; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-blueLight, +.ms-Fabric--v9-5-0 .ms-fontColor-blueLight--hover:hover { + color: #00bcf2; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-tealDark, +.ms-Fabric--v9-5-0 .ms-fontColor-tealDark--hover:hover { + color: #004b50; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-teal, +.ms-Fabric--v9-5-0 .ms-fontColor-teal--hover:hover { + color: #008272; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-tealLight, +.ms-Fabric--v9-5-0 .ms-fontColor-tealLight--hover:hover { + color: #00b294; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-greenDark, +.ms-Fabric--v9-5-0 .ms-fontColor-greenDark--hover:hover { + color: #004b1c; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-green, +.ms-Fabric--v9-5-0 .ms-fontColor-green--hover:hover { + color: #107c10; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-greenLight, +.ms-Fabric--v9-5-0 .ms-fontColor-greenLight--hover:hover { + color: #bad80a; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-info, +.ms-Fabric--v9-5-0 .ms-fontColor-info--hover:hover { + color: #767676; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-success, +.ms-Fabric--v9-5-0 .ms-fontColor-success--hover:hover { + color: #107c10; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-alert, +.ms-Fabric--v9-5-0 .ms-fontColor-alert--hover:hover { + color: #d83b01; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-warning, +.ms-Fabric--v9-5-0 .ms-fontColor-warning--hover:hover { + color: #767676; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-severeWarning, +.ms-Fabric--v9-5-0 .ms-fontColor-severeWarning--hover:hover { + color: #d83b01; +} + +.ms-Fabric--v9-5-0 .ms-fontColor-error, +.ms-Fabric--v9-5-0 .ms-fontColor-error--hover:hover { + color: #a80000; +} + +.ms-Fabric--v9-5-0 .ms-Grid { + box-sizing: border-box; + *zoom: 1; + padding: 0 8px; +} + +.ms-Fabric--v9-5-0 .ms-Grid::before, +.ms-Fabric--v9-5-0 .ms-Grid::after { + display: table; + content: ''; + line-height: 0; +} + +.ms-Fabric--v9-5-0 .ms-Grid::after { + clear: both; +} + +.ms-Fabric--v9-5-0 .ms-Grid-row { + margin: 0 -8px; + box-sizing: border-box; + *zoom: 1; +} + +.ms-Fabric--v9-5-0 .ms-Grid-row::before, +.ms-Fabric--v9-5-0 .ms-Grid-row::after { + display: table; + content: ''; + line-height: 0; +} + +.ms-Fabric--v9-5-0 .ms-Grid-row::after { + clear: both; +} + +.ms-Fabric--v9-5-0 .ms-Grid-col { + position: relative; + min-height: 1px; + padding-left: 8px; + padding-right: 8px; + box-sizing: border-box; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Grid-col { + float: left; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Grid-col { + float: right; +} + +.ms-Fabric--v9-5-0 .ms-Grid-col .ms-Grid { + padding: 0; +} + +.ms-Fabric--v9-5-0 .ms-Icon { + display: inline-block; + font-family: 'FabricMDL2Icons-9'; + font-style: normal; + font-weight: normal; + speak: none; +} + +.ms-Fabric--v9-5-0 .ms-Icon--circle { + margin: 0 0.5em 0 0; + position: relative; + display: inline-block; + font-size: 1rem; + width: 1em; + height: 1em; + padding: 0; + text-align: left; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--circle { + margin: 0 0 0 0.5em; +} + +.ms-Fabric--v9-5-0 .ms-Icon--circle::before, +.ms-Fabric--v9-5-0 .ms-Icon--circle::after { + line-height: 1; + font-size: inherit; +} + +.ms-Fabric--v9-5-0 .ms-Icon--circle::before { + display: block; + width: 100%; + height: 100%; + margin: 0; + padding: 0; + vertical-align: top; + position: absolute; +} + +.ms-Fabric--v9-5-0 .ms-Icon--circle::after { + content: '\e000'; + position: absolute; + top: 0; + left: 0; + -ms-transform: scale(2); + transform: scale(2); + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; + z-index: 0; +} + +.ms-Fabric--v9-5-0 .ms-Icon--xs { + font-size: 10px; +} + +.ms-Fabric--v9-5-0 .ms-Icon--s { + font-size: 12px; +} + +.ms-Fabric--v9-5-0 .ms-Icon--m { + font-size: 16px; +} + +.ms-Fabric--v9-5-0 .ms-Icon--l { + font-size: 20px; +} + +.ms-Fabric--v9-5-0 .ms-Icon--12PointStar::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--6PointStar::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AADLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Accept::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AccessLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AccessLogoFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AccountManagement::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Accounts::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ActivateOrders::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ActivityFeed::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Add::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AddBookmark::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AddEvent::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AddFavorite::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AddFavoriteFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AddFriend::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AddGroup::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AddNotes::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AddOnlineMeeting::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AddPhone::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AddTo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Admin::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AdminALogo32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AdminALogoFill32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AdminALogoInverse32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AdminCLogoInverse32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AdminDLogoInverse32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AdminELogoInverse32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AdminLLogoInverse32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AdminMLogoInverse32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AdminOLogoInverse32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AdminPLogoInverse32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AdminSLogoInverse32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AdminYLogoInverse32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Airplane::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AirplaneSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AirTickets::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AlarmClock::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Album::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AlbumRemove::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AlertSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AlignCenter::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AlignHorizontalCenter::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AlignHorizontalLeft::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AlignHorizontalRight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AlignJustify::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AlignLeft::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AlignRight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AlignVerticalBottom::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AlignVerticalCenter::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AlignVerticalTop::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--AllApps::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--AllApps::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--AllAppsMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--AllAppsMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AnalyticsLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AnalyticsQuery::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AnalyticsReport::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AnalyticsView::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AnchorLock::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Annotation::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AppIconDefault::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Archive::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AreaChart::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ArrangeBringForward::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ArrangeBringToFront::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ArrangeByFrom::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ArrangeSendBackward::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ArrangeSendToBack::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Arrivals::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ArrowDownRight8::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ArrowDownRight8::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ArrowDownRightMirrored8::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ArrowDownRightMirrored8::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ArrowTallDownLeft::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ArrowTallDownRight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ArrowTallUpLeft::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ArrowTallUpRight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ArrowUpRight::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ArrowUpRight8::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ArrowUpRight8::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ArrowUpRightMirrored8::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ArrowUpRightMirrored8::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Articles::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Ascending::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AspectRatio::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AssessmentGroup::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AssessmentGroupTemplate::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AssetLibrary::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Assign::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Asterisk::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AsteriskSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ATPLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Attach::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AustralianRules::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AutoEnhanceOff::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AutoEnhanceOn::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AutoFillTemplate::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AutoHeight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AutoRacing::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AwayStatus::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AzureAPIManagement::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AzureKeyVault::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AzureLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--AzureServiceEndpoint::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Back::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BackgroundColor::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Backlog::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BacklogBoard::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BackToWindow::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Badge::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Balloons::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BankSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BarChart4::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BarChartHorizontal::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BarChartVertical::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Baseball::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BeerMug::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BIDashboard::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BidiLtr::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BidiRtl::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BingLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BirthdayCake::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BlockContact::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Blocked::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Blocked12::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Blocked2::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BlockedSite::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BlockedSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BlowingSnow::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Blur::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Boards::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Bold::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BookingsLogo::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--Bookmarks::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--Bookmarks::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--BookmarksMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--BookmarksMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BorderDash::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BorderDot::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BoxAdditionSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BoxCheckmarkSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BoxMultiplySolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BoxPlaySolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BoxSubtractSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BranchCommit::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BranchCompare::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BranchFork::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BranchFork2::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BranchLocked::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BranchMerge::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BranchPullRequest::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BranchSearch::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BranchShelveset::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Breadcrumb::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Breakfast::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Brightness::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Broom::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BrowserScreenShot::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BrowserTab::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BrowserTabScreenshot::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Brunch::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BucketColor::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BucketColorFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BufferTimeAfter::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BufferTimeBefore::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BufferTimeBoth::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Bug::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BugSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Build::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BuildIssue::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BuildQueue::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BuildQueueNew::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BulkUpload::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--BulletedList2::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--BulletedList2::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--BulletedList2Mirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--BulletedList2Mirrored::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--BulletedList::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--BulletedList::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--BulletedListMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--BulletedListMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Bullseye::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Bus::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BusinessCenterLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BusinessHoursSign::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--BusSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Cafe::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Cake::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Calculator::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CalculatorAddition::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CalculatorEqualTo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CalculatorMultiply::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CalculatorNotEqualTo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CalculatorSubtract::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CalendarAgenda::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CalendarDay::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--Calendar::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--Calendar::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--CalendarMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--CalendarMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CalendarReply::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--CalendarSettings::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--CalendarSettings::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--CalendarSettingsMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--CalendarSettingsMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CalendarWeek::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CalendarWorkWeek::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaloriesAdd::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Camera::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Cancel::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CannedChat::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Car::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretBottomLeftCenter8::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretBottomLeftSolid8::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretBottomRightCenter8::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretBottomRightSolid8::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretDown8::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretDownSolid8::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--CaretHollow::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--CaretHollow::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--CaretHollowMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--CaretHollowMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretLeft8::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretLeftSolid8::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretRight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretRight8::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretRightSolid8::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretSolid16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretSolidDown::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretSolidLeft::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--CaretSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--CaretSolid::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--CaretSolidMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--CaretSolidMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretSolidRight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretSolidUp::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretTopLeftCenter8::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretTopLeftSolid8::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretTopRightCenter8::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretTopRightSolid8::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretUp8::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CaretUpSolid8::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Cat::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CellPhone::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Certificate::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CertifiedDatabase::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Chart::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChartSeries::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChartXAngle::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChartYAngle::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Chat::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChatInviteFriend::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChatSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Checkbox::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CheckboxComposite::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CheckboxCompositeReversed::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CheckboxIndeterminate::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CheckedOutByOther12::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CheckedOutByYou12::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CheckList::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CheckMark::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChevronDown::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChevronDownEnd6::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChevronDownMed::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChevronDownSmall::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChevronFold10::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChevronLeft::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChevronLeftEnd6::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChevronLeftMed::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChevronLeftSmall::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChevronRight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChevronRightEnd6::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChevronRightMed::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChevronRightSmall::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChevronUnfold10::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChevronUp::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChevronUpEnd6::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChevronUpMed::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChevronUpSmall::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Chopsticks::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ChromeBack::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ChromeBack::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ChromeBackMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ChromeBackMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChromeClose::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ChromeMinimize::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CircleAddition::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CircleAdditionSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CircleFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CircleHalfFull::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CirclePause::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CirclePauseSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CirclePlus::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CircleRing::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CircleShapeSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CircleStop::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CircleStopSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CityNext::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ClassNotebookLogo16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ClassNotebookLogo32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ClassNotebookLogoFill16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ClassNotebookLogoFill32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ClassNotebookLogoInverse::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ClassNotebookLogoInverse16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ClassNotebookLogoInverse32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ClassroomLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Clear::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ClearFilter::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ClearFormatting::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ClearNight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ClipboardSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Clock::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CloneToDesktop::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ClosedCaption::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ClosePane::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ClosePane::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ClosePaneMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ClosePaneMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Cloud::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CloudAdd::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CloudDownload::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CloudUpload::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CloudWeather::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Cloudy::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Cocktails::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Code::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CodeEdit::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Coffee::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CoffeeScript::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CollapseContent::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CollapseContentSingle::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CollapseMenu::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CollegeFootball::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CollegeHoops::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Color::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ColorSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ColumnLeftTwoThirds::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ColumnLeftTwoThirdsEdit::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ColumnOptions::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ColumnRightTwoThirds::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ColumnRightTwoThirdsEdit::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Combine::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Combobox::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CommandPrompt::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Comment::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CommentAdd::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CommentNext::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CommentPrevious::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CommentUrgent::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Commitments::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Communications::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--CompanyDirectory::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--CompanyDirectory::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--CompanyDirectoryMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--CompanyDirectoryMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CompassNW::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Completed::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CompletedSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ConfigurationSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ConnectContacts::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ConstructionCone::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ConstructionConeSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Contact::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ContactCard::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ContactCardSettings::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ContactCardSettings::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ContactCardSettingsMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ContactCardSettingsMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ContactInfo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ContactLink::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ContextMenu::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Contrast::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Copy::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Cotton::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CPlusPlus::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CPlusPlusLanguage::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CreateMailRule::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Cricket::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CRMReport::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Crop::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Crown::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CrownSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CSharp::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CSharpLanguage::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--CSS::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--CustomList::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--CustomList::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--CustomListMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--CustomListMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Cut::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Cycling::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DashboardAdd::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Database::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DataConnectionLibrary::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DateTime2::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--DateTime::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--DateTime::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--DateTimeMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--DateTimeMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DeactivateOrders::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DecisionSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DeclineCall::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DecreaseIndentLegacy::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DefaultRatio::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DefectSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Delete::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DeleteColumns::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--DeleteRows::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--DeleteRows::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--DeleteRowsMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--DeleteRowsMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DeleteTable::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DeliveryTruck::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DelveAnalytics::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DelveAnalyticsLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DelveLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DelveLogoFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DelveLogoInverse::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Deploy::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Descending::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Design::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DesktopScreenshot::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DeveloperTools::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Devices3::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Devices4::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Diagnostic::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Dialpad::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DiamondSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Dictionary::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DictionaryRemove::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DietPlanNotebook::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DiffInline::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DiffSideBySide::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DisableUpdates::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Dislike::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DislikeSolid::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--DockLeft::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--DockLeft::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--DockLeftMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--DockLeftMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DockRight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DocLibrary::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DocsLogoInverse::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Document::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DocumentApproval::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Documentation::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DocumentManagement::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DocumentReply::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DocumentSearch::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DocumentSet::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DOM::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DonutChart::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Door::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DoubleBookmark::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronDown::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronDown12::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronDown8::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronLeft::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronLeft12::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronLeft8::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronLeftMed::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronLeftMed::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronLeftMedMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronLeftMedMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronRight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronRight12::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronRight8::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronUp::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronUp12::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronUp8::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DoubleColumn::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DoubleColumnEdit::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Down::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Download::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DownloadDocument::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DragObject::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DrillDown::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DrillDownSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DrillExpand::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DrillShow::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DrillThrough::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DRM::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Drop::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Dropdown::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DropShapeSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Duststorm::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Dynamics365Logo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--DynamicSMBLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--EatDrink::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--EdgeLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--EditContact::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--EditMail::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--Edit::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--Edit::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--EditMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--EditMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--EditNote::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--EditPhoto::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--EditSolid12::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--EditSolid12::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--EditSolidMirrored12::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--EditSolidMirrored12::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--EditStyle::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Education::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Ellipse::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Embed::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--EMI::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Emoji::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Emoji2::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--EmojiDisappointed::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--EmojiNeutral::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--EmojiTabSymbols::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--EmptyRecycleBin::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Encryption::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--EngineeringGroup::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--EntryDecline::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--EntryView::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Equalizer::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--EraseTool::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Error::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ErrorBadge::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Event::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--EventAccepted::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--EventDate::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--EventDeclined::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--EventInfo::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--EventTentative::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--EventTentative::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--EventTentativeMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--EventTentativeMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ExcelDocument::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ExcelLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ExcelLogo16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ExcelLogoFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ExcelLogoFill16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ExcelLogoInverse::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ExcelLogoInverse16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ExchangeLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ExchangeLogoFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ExchangeLogoInverse::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ExerciseTracker::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ExpandMenu::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ExploreContent::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ExploreContentSingle::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ExploreData::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--Export::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--Export::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ExportMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ExportMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ExternalBuild::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ExternalGit::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ExternalTFVC::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ExternalXAML::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--F12DevTools::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FabricAssetLibrary::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FabricDataConnectionLibrary::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FabricDocLibrary::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FabricFolder::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FabricFolderFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FabricFolderSearch::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--FabricFormLibrary::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--FabricFormLibrary::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--FabricFormLibraryMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--FabricFormLibraryMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FabricMovetoFolder::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FabricNewFolder::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FabricOpenFolderHorizontal::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FabricPictureLibrary::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FabricPublicFolder::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--FabricReportLibrary::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--FabricReportLibrary::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--FabricReportLibraryMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--FabricReportLibraryMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FabricSyncFolder::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FabricUnsyncFolder::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Family::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FangBody::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FastForward::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FastMode::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Favicon::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FavoriteList::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FavoriteStar::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FavoriteStarFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Fax::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Feedback::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--FeedbackRequestSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--FeedbackRequestSolid::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--FeedbackRequestMirroredSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--FeedbackRequestMirroredSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FeedbackResponseSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Ferry::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FerrySolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FieldChanged::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FieldEmpty::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FieldFilled::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FieldNotChanged::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FieldReadOnly::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FieldRequired::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FileASPX::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FileBug::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FileCode::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FileComment::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FileCSS::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FileHTML::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FileImage::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FileJAVA::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FileLess::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FilePDB::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FileSass::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FileSQL::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FileSymlink::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FileTemplate::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FileTypeSolution::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FileYML::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Filter::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Filters::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FilterSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FiltersSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Financial::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--FinancialSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--FinancialSolid::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--FinancialMirroredSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--FinancialMirroredSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Fingerprint::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FiveTileGrid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Flag::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FlameSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FlickDown::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FlickLeft::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FlickRight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FlickUp::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Flow::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FocalPoint::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Fog::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Folder::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FolderFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FolderHorizontal::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--FolderList::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--FolderList::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--FolderListMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--FolderListMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FolderOpen::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FolderQuery::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FolderSearch::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FollowUser::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Font::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FontColor::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FontColorA::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FontColorSwatch::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FontDecrease::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FontIncrease::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FontSize::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--FormLibrary::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--FormLibrary::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--FormLibraryMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--FormLibraryMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Forward::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ForwardEvent::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Freezing::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Frigid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FSharp::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FSharpLanguage::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FullCircleMask::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FullHistory::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FullScreen::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FullWidth::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FullWidthEdit::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--FunctionalManagerDashboard::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--GallatinLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Generate::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--GenericScan::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Giftbox::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--GiftboxOpen::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--GiftBoxSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--GiftCard::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--GitFork::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--GitGraph::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Glasses::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Glimmer::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--GlobalNavButton::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Globe::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Globe2::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--GlobeFavorite::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Golf::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--GotoToday::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--GridViewLarge::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--GridViewMedium::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--GridViewSmall::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--GripperBarHorizontal::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--GripperBarVertical::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--GripperTool::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Group::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--GroupedAscending::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--GroupedDescending::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--GroupedList::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--GroupObject::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--GUID::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Guitar::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--HailDay::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--HailNight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--HalfAlpha::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--HalfCircle::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--HandsFree::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Handwriting::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--HardDrive::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--HardDriveGroup::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--HardDriveLock::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--HardDriveUnlock::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Header1::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Header2::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Header3::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Header4::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Headset::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--HeadsetSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Health::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--HealthSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Heart::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--HeartBroken::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--HeartFill::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--Help::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--Help::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--HelpMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--HelpMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Hexagon::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Hide::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Hide2::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Highlight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--HighlightMappedShapes::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--HintText::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--History::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Home::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--HomeSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--HorizontalDistributeCenter::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Hospital::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Hotel::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--HourGlass::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--IconSetsFlag::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--IDBadge::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ImageCrosshair::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ImageDiff::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ImagePixel::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ImageSearch::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Important::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--Import::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--Import::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ImportMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ImportMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Inbox::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--InboxCheck::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--IncidentTriangle::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--IncreaseIndentLegacy::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Info::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Info2::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--InfoSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--InsertColumnsLeft::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--InsertColumnsRight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--InsertRowsAbove::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--InsertRowsBelow::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--InsertSignatureLine::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--InsertTextBox::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--InstallToDrive::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--InternetSharing::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--IRMForward::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--IRMForward::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--IRMForwardMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--IRMForwardMirrored::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--IRMReply::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--IRMReply::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--IRMReplyMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--IRMReplyMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--IssueSolid::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--IssueTracking::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--IssueTracking::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--IssueTrackingMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--IssueTrackingMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Italic::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--JavaScriptLanguage::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--JoinOnlineMeeting::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--JS::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--KaizalaLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Label::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LadybugSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Lamp::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LandscapeOrientation::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LaptopSecure::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LaptopSelected::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LargeGrid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Leave::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Library::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Lifesaver::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LifesaverLock::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Light::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Lightbulb::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LightningBolt::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LightWeight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Like::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LikeSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Line::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LineChart::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LineSpacing::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LineStyle::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LineThickness::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Link::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LinkedInLogo::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--List::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--List::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ListMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ListMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LocaleLanguage::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Location::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LocationCircle::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LocationDot::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LocationFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LocationOutline::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Lock::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LockSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LogRemove::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LookupEntities::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LowerBrightness::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--LyncLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Mail::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MailAlert::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MailCheck::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MailFill::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--MailForward::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--MailForward::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--MailForwardMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--MailForwardMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MailLowImportance::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MailPause::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MailReminder::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MailRepeat::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--MailReplyAll::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--MailReplyAll::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--MailReplyAllMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--MailReplyAllMirrored::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--MailReply::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--MailReply::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--MailReplyMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--MailReplyMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MailSolid::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--MailTentative::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--MailTentative::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--MailTentativeMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--MailTentativeMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MailUndelivered::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ManagerSelfService::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MapDirections::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MapPin::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MapPinSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MarkDownLanguage::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Market::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MarketDown::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MasterDatabase::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MaximumValue::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Medal::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MediaAdd::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Medical::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Megaphone::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MegaphoneSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Memo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Merge::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MergeDuplicate::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Message::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MessageFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MicOff::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Microphone::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MicrosoftFlowLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MicrosoftStaffhubLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MiniContract::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MiniExpand::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MiniLink::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MinimumValue::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MobileReport::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MobileSelected::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Money::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--More::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MoreSports::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MoreVertical::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Move::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Movers::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MoveToFolder::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MSNLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MSNVideos::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MSNVideosSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MTMLogo::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--MultiSelect::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--MultiSelect::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--MultiSelectMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--MultiSelectMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MusicInCollection::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MusicInCollectionFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MusicNote::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--MyMoviesTV::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Nav2DMapView::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--NavigateBack::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--NavigateBack::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--NavigateBackMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--NavigateBackMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--NavigateExternalInline::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--NavigateForward::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--NavigateForward::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--NavigateForwardMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--NavigateForwardMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--NavigationFlipper::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--NetworkTower::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--NewAnalyticsQuery::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--NewFolder::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--News::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--NewsSearch::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--NewTeamProject::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Next::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--NonprofitLogo32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--NormalWeight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--NoteForward::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--NotePinned::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--NoteReply::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--NotExecuted::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--NotImpactedSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--NugetLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--NumberedList::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--NumberField::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--NumberSequence::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Octagon::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OEM::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OfficeAddinsLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OfficeAssistantLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OfficeFormsLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OfficeFormsLogo16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OfficeFormsLogo24::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OfficeFormsLogoFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OfficeFormsLogoFill16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OfficeFormsLogoFill24::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OfficeFormsLogoInverse::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OfficeFormsLogoInverse16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OfficeFormsLogoInverse24::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OfficeLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OfficeStoreLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OfficeVideoLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OfficeVideoLogoFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OfficeVideoLogoInverse::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OfflineOneDriveParachute::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OfflineOneDriveParachuteDisabled::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OfflineStorageSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OneDrive::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OneDriveAdd::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OneDriveFolder16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OneNoteEduLogoInverse::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OneNoteLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OneNoteLogo16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OneNoteLogoFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OneNoteLogoFill16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OneNoteLogoInverse::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OneNoteLogoInverse16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OpenFile::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OpenFolderHorizontal::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OpenInNewWindow::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--OpenPane::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--OpenPane::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--OpenPaneMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--OpenPaneMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OpenSource::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Org::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Orientation::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OutlookLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OutlookLogo16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OutlookLogoFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OutlookLogoFill16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OutlookLogoInverse::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OutlookLogoInverse16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--OutOfOffice::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Package::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Packages::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Padding::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PaddingBottom::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PaddingLeft::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PaddingRight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PaddingTop::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Page::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PageAdd::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PageCheckedin::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PageCheckedOut::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PageEdit::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PageLeft::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--PageListSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--PageListSolid::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--PageListMirroredSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--PageListMirroredSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PageLock::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PageRemove::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PageRight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PageSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PanoIndicator::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Parachute::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ParachuteSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Parameter::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ParkingLocation::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ParkingLocation::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ParkingLocationMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ParkingLocationMirrored::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ParkingSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ParkingSolid::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ParkingMirroredSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ParkingMirroredSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PartlyCloudyDay::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PartlyCloudyNight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PartyLeader::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Paste::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PasteAsCode::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PasteAsText::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Pause::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PaymentCard::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PC1::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PDF::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PencilReply::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Pentagon::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--People::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PeopleAdd::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PeopleAlert::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PeopleBlock::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PeoplePause::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PeopleRepeat::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Permissions::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PermissionsSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Personalize::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Phishing::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Phone::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Photo2::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Photo2Add::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Photo2Remove::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PhotoCollection::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Picture::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PictureCenter::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PictureFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PictureLibrary::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PicturePosition::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PictureStretch::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PictureTile::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PieDouble::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PieSingle::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PieSingleSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Pill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Pin::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Pinned::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PinnedFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PivotChart::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PlannerLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PlanView::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Play::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PlayerSettings::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PlayResume::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Plug::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PlugConnected::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PlugDisconnected::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PlugSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--POI::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--POISolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PostUpdate::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PowerApps::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PowerApps2Logo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PowerAppsLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PowerBILogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PowerButton::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PowerPointDocument::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PowerPointLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PowerPointLogo16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PowerPointLogoFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PowerPointLogoFill16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PowerPointLogoInverse::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PowerPointLogoInverse16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Precipitation::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PresenceChickletVideo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Preview::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PreviewLink::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Previous::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PrimaryCalendar::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Print::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PrintfaxPrinterFile::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Processing::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ProcessMetaTask::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Product::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ProfileSearch::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ProFootball::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ProgressLoopInner::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ProgressLoopOuter::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ProgressRingDots::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ProHockey::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ProjectCollection::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ProjectLogo16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ProjectLogo32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ProjectLogoFill16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ProjectLogoFill32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ProjectLogoInverse::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ProtectedDocument::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ProtectionCenterLogo32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ProtectRestrict::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PublicCalendar::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--PublicContactCard::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--PublicContactCard::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--PublicContactCardMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--PublicContactCardMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PublicEmail::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PublicFolder::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PublishCourse::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PublisherLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PublisherLogo16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PublisherLogoFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PublisherLogoFill16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PublisherLogoInverse16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Puzzle::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PY::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--PythonLanguage::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--QuarterCircle::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--QueryList::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--Questionnaire::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--Questionnaire::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--QuestionnaireMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--QuestionnaireMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--QuickNote::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--QuickNoteSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--R::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RadioBtnOff::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RadioBtnOn::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RadioBullet::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Rain::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RainShowersDay::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RainShowersNight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RainSnow::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RawSource::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Read::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ReadingMode::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ReadingModeSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ReadOutLoud::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ReceiptCheck::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ReceiptForward::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ReceiptReply::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ReceiptTentative::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ReceiptTentative::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ReceiptTentativeMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ReceiptTentativeMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ReceiptUndelivered::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Recent::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Record2::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RectangleShapeSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RectangularClipping::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RecurringEvent::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RecurringTask::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RecycleBin::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Redeploy::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RedEye::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Redo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Refresh::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ReminderGroup::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ReminderPerson::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Remote::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Remove::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RemoveEvent::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RemoveFilter::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RemoveLink::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RemoveOccurrence::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Rename::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RenewalCurrent::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RenewalFuture::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ReopenPages::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Repair::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ReplyAllAlt::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ReplyAll::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ReplyAll::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ReplyAllMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ReplyAllMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ReplyAlt::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--Reply::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--Reply::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ReplyMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ReplyMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Repo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ReportAdd::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ReportHacked::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ReportLibrary::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ReportLibrary::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ReportLibraryMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ReportLibraryMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RepoSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ReturnToSession::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ReviewRequestSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ReviewRequestSolid::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ReviewRequestMirroredSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ReviewRequestMirroredSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ReviewResponseSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ReviewSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RevToggleKey::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Rewind::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Ribbon::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RibbonSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RightDoubleQuote::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RightTriangle::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Ringer::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RingerOff::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RingerRemove::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Robot::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Rocket::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Room::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Rotate::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RowsChild::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--RowsGroup::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Rugby::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Running::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Sad::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SadSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Save::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SaveAll::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SaveAndClose::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SaveAs::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Savings::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ScaleUp::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ScheduleEventAction::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ScopeTemplate::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Script::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ScrollUpDown::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Search::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SearchAndApps::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SearchBookmark::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SearchCalendar::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--SearchIssue::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--SearchIssue::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--SearchIssueMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--SearchIssueMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Section::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Sections::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SecurityGroup::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SelectAll::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Sell::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SemiboldWeight::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--Send::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--Send::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--SendMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--SendMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Separator::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Server::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ServerEnviroment::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ServerProcesses::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SetAction::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Settings::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Share::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ShareiOS::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SharepointLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SharepointLogoFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SharepointLogoInverse::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Shield::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ShieldSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Shop::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ShoppingCart::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ShoppingCartSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ShopServer::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ShowResults::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ShowResults::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ShowResultsMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ShowResultsMirrored::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--SidePanel::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--SidePanel::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--SidePanelMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--SidePanelMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SignOut::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SingleBookmark::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SingleBookmarkSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SingleColumn::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SingleColumnEdit::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SIPMove::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SiteScan::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SizeLegacy::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SkiResorts::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SkypeCheck::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SkypeCircleCheck::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SkypeCircleClock::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SkypeCircleMinus::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SkypeClock::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SkypeForBusinessLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SkypeForBusinessLogo16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SkypeForBusinessLogoFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SkypeForBusinessLogoFill16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SkypeLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SkypeLogo16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SkypeMessage::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SkypeMinus::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Slider::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SliderHandleSize::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SliderThumb::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Snooze::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Snow::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Snowflake::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SnowShowerDay::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SnowShowerNight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Soccer::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SocialListeningLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Sort::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SortDown::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SortLines::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SortUp::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Source::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Spacer::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Speakers::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SpeedHigh::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Split::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SplitObject::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Sprint::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Squalls::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SquareShapeSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Stack::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StackedBarChart::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StackedLineChart::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StackIndicator::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StaffNotebookLogo16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StaffNotebookLogo32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StaffNotebookLogoFill16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StaffNotebookLogoFill32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StaffNotebookLogoInverted16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StaffNotebookLogoInverted32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Starburst::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StarburstSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StatusCircleBlock2::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StatusCircleCheckmark::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StatusCircleErrorX::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StatusCircleExclamation::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StatusCircleInfo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StatusCircleInner::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StatusCircleOuter::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StatusCircleQuestionMark::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StatusCircleRing::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StatusErrorFull::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StatusTriangle::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StatusTriangleExclamation::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StatusTriangleInner::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StatusTriangleOuter::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Step::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StepInsert::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StepShared::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StepSharedAdd::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StepSharedInsert::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StockDown::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StockUp::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Stop::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StopSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Stopwatch::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StoreLogo16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StoreLogoMed20::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Storyboard::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Streaming::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StreamingOff::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StreamLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Strikethrough::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Subscribe::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Subscript::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SubstitutionsIn::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Suitcase::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SunAdd::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Sunny::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SunQuestionMark::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Superscript::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SurveyQuestions::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SwayLogo16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SwayLogo32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SwayLogoFill16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SwayLogoFill32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SwayLogoInverse::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Switch::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SwitcherStartEnd::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Sync::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SyncFolder::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SyncOccurence::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--SyncToPC::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--System::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Tab::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Table::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Tablet::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TabletMode::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TabletSelected::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Tag::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Taskboard::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--TaskGroup::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--TaskGroup::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--TaskGroupMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--TaskGroupMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TaskLogo::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--TaskManager::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--TaskManager::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--TaskManagerMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--TaskManagerMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TaskSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Taxi::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TeamFavorite::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TeamsLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TeamsLogoFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TeamsLogoInverse::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Teamwork::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Teeth::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TemporaryUser::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Tennis::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TestAutoSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TestBeaker::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TestBeakerSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TestCase::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TestExploreSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TestImpactSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TestParameter::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TestPlan::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TestStep::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TestSuite::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TestUserSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TextBox::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TextCallout::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TextDocument::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TextDocumentShared::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TextField::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TextOverflow::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TFVCLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ThisPC::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ThreeQuarterCircle::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ThumbnailView::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ThumbnailView::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--ThumbnailViewMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--ThumbnailViewMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Thunderstorms::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Ticket::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Tiles::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Tiles2::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TimeEntry::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Timeline::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TimelineDelivery::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TimelineMatrixView::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TimelineProgress::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Timer::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TimeSheet::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ToDoLogoBottom::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ToDoLogoInverse::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ToDoLogoTop::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ToggleBorder::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ToggleFilled::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ToggleOff::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ToggleThumb::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Toll::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Touch::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TouchPointer::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--Trackers::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--Trackers::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--TrackersMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--TrackersMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Train::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TrainSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TransferCall::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Transition::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TransitionEffect::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TransitionPop::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TransitionPush::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Trending12::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TriangleDown12::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TriangleLeft12::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TriangleRight12::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TriangleShapeSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TriangleSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TriangleSolidDown12::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TriangleSolidLeft12::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TriangleSolidRight12::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TriangleSolidUp12::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TriangleUp12::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TriggerApproval::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TriggerAuto::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TriggerUser::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TripleColumn::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TripleColumnEdit::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Trophy::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Trophy2::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Trophy2Solid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TurnRight::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TVMonitor::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TVMonitorSelected::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--TypeScriptLanguage::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Umbrella::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Underline::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Undo::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--Uneditable::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--Uneditable::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--UneditableMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--UneditableMirrored::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--UneditableSolid12::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--UneditableSolid12::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--UneditableSolidMirrored12::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--UneditableSolidMirrored12::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Unfavorite::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--UngroupObject::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--UnknownCall::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--Unknown::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--Unknown::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--UnknownMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--UnknownMirrored::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--UnknownSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--UnknownSolid::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--UnknownMirroredSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--UnknownMirroredSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Unlock::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--UnlockSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Unpin::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Unsubscribe::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--UnsyncFolder::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--UnsyncOccurence::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Up::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Upload::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--UserEvent::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--UserFollowed::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--UserPause::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--UserRemove::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--UserSync::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Vacation::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Variable::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VariableGroup::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VB::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VennDiagram::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VersionControlPush::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VerticalDistributeCenter::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Video::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VideoOff::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VideoSearch::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VideoSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--View::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ViewAll::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ViewAll2::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ViewDashboard::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ViewList::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ViewListGroup::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ViewListTree::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VisioDiagram::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VisioDocument::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VisioLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VisioLogo16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VisioLogoFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VisioLogoFill16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VisioLogoInverse::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VisioLogoInverse16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VisualBasicLanguage::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VisualsFolder::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VisualsStore::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VisualStudioIDELogo32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VisualStudioLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VoicemailForward::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VoicemailIRM::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VoicemailReply::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Volume0::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Volume1::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Volume2::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Volume3::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VolumeDisabled::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VSTSAltLogo1::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VSTSAltLogo2::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--VSTSLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Waffle::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WaffleOffice365::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--WaitlistConfirm::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--WaitlistConfirm::before { + content: ''; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-Icon--WaitlistConfirmMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-Icon--WaitlistConfirmMirrored::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Warning::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Warning12::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WebPublish::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Website::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Weights::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WhiteBoardApp16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WhiteBoardApp32::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WifiEthernet::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WindDirection::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WindowEdit::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WindowsLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Wines::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WipePhone::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WordDocument::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WordLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WordLogo16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WordLogoFill::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WordLogoFill16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WordLogoInverse::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WordLogoInverse16::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Work::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WorkFlow::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WorkforceManagement::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WorkItem::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WorkItemBar::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WorkItemBarSolid::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WorkItemBug::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--World::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--WorldClock::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--YammerLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ZipFolder::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--Zoom::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ZoomIn::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--ZoomOut::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--HumanResources::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StoreLogo::before { + content: ''; +} + +.ms-Fabric--v9-5-0 .ms-Icon--StoreLogoMed::before { + content: ''; +} + +@media (max-width: 479px) { + .ms-Fabric--v9-5-0 .ms-hiddenSm, + .ms-Fabric--v9-5-0 .ms-hiddenMdDown, + .ms-Fabric--v9-5-0 .ms-hiddenLgDown, + .ms-Fabric--v9-5-0 .ms-hiddenXlDown, + .ms-Fabric--v9-5-0 .ms-hiddenXxlDown { + display: none !important; + } +} + +@media (min-width: 480px) and (max-width: 639px) { + .ms-Fabric--v9-5-0 .ms-hiddenMd, + .ms-Fabric--v9-5-0 .ms-hiddenMdUp, + .ms-Fabric--v9-5-0 .ms-hiddenMdDown, + .ms-Fabric--v9-5-0 .ms-hiddenLgDown, + .ms-Fabric--v9-5-0 .ms-hiddenXlDown, + .ms-Fabric--v9-5-0 .ms-hiddenXxlDown { + display: none !important; + } +} + +@media (min-width: 640px) and (max-width: 1023px) { + .ms-Fabric--v9-5-0 .ms-hiddenMdUp, + .ms-Fabric--v9-5-0 .ms-hiddenLg, + .ms-Fabric--v9-5-0 .ms-hiddenLgUp, + .ms-Fabric--v9-5-0 .ms-hiddenLgDown, + .ms-Fabric--v9-5-0 .ms-hiddenXlDown, + .ms-Fabric--v9-5-0 .ms-hiddenXxlDown { + display: none !important; + } +} + +@media (min-width: 1024px) and (max-width: 1365px) { + .ms-Fabric--v9-5-0 .ms-hiddenMdUp, + .ms-Fabric--v9-5-0 .ms-hiddenLgUp, + .ms-Fabric--v9-5-0 .ms-hiddenXl, + .ms-Fabric--v9-5-0 .ms-hiddenXlUp, + .ms-Fabric--v9-5-0 .ms-hiddenXlDown, + .ms-Fabric--v9-5-0 .ms-hiddenXxlDown { + display: none !important; + } +} + +@media (min-width: 1366px) and (max-width: 1919px) { + .ms-Fabric--v9-5-0 .ms-hiddenMdUp, + .ms-Fabric--v9-5-0 .ms-hiddenLgUp, + .ms-Fabric--v9-5-0 .ms-hiddenXlUp, + .ms-Fabric--v9-5-0 .ms-hiddenXxl, + .ms-Fabric--v9-5-0 .ms-hiddenXxlUp, + .ms-Fabric--v9-5-0 .ms-hiddenXxlDown { + display: none !important; + } +} + +@media (min-width: 1920px) { + .ms-Fabric--v9-5-0 .ms-hiddenMdUp, + .ms-Fabric--v9-5-0 .ms-hiddenLgUp, + .ms-Fabric--v9-5-0 .ms-hiddenXlUp, + .ms-Fabric--v9-5-0 .ms-hiddenXxlUp, + .ms-Fabric--v9-5-0 .ms-hiddenXxxl { + display: none !important; + } +} + +.ms-Fabric--v9-5-0 .ms-sm12 { + width: 100%; +} + +.ms-Fabric--v9-5-0 .ms-sm11 { + width: 91.66666666666666%; +} + +.ms-Fabric--v9-5-0 .ms-sm10 { + width: 83.33333333333334%; +} + +.ms-Fabric--v9-5-0 .ms-sm9 { + width: 75%; +} + +.ms-Fabric--v9-5-0 .ms-sm8 { + width: 66.66666666666666%; +} + +.ms-Fabric--v9-5-0 .ms-sm7 { + width: 58.333333333333336%; +} + +.ms-Fabric--v9-5-0 .ms-sm6 { + width: 50%; +} + +.ms-Fabric--v9-5-0 .ms-sm5 { + width: 41.66666666666667%; +} + +.ms-Fabric--v9-5-0 .ms-sm4 { + width: 33.33333333333333%; +} + +.ms-Fabric--v9-5-0 .ms-sm3 { + width: 25%; +} + +.ms-Fabric--v9-5-0 .ms-sm2 { + width: 16.666666666666664%; +} + +.ms-Fabric--v9-5-0 .ms-sm1 { + width: 8.333333333333332%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPull12 { + right: 100%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPull12 { + left: 100%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPull11 { + right: 91.66667%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPull11 { + left: 91.66667%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPull10 { + right: 83.33333%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPull10 { + left: 83.33333%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPull9 { + right: 75%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPull9 { + left: 75%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPull8 { + right: 66.66667%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPull8 { + left: 66.66667%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPull7 { + right: 58.33333%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPull7 { + left: 58.33333%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPull6 { + right: 50%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPull6 { + left: 50%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPull5 { + right: 41.66667%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPull5 { + left: 41.66667%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPull4 { + right: 33.33333%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPull4 { + left: 33.33333%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPull3 { + right: 25%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPull3 { + left: 25%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPull2 { + right: 16.66667%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPull2 { + left: 16.66667%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPull1 { + right: 8.33333%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPull1 { + left: 8.33333%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPull0 { + right: auto; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPull0 { + left: auto; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPush12 { + left: 100%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPush12 { + right: 100%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPush11 { + left: 91.66667%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPush11 { + right: 91.66667%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPush10 { + left: 83.33333%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPush10 { + right: 83.33333%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPush9 { + left: 75%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPush9 { + right: 75%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPush8 { + left: 66.66667%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPush8 { + right: 66.66667%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPush7 { + left: 58.33333%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPush7 { + right: 58.33333%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPush6 { + left: 50%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPush6 { + right: 50%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPush5 { + left: 41.66667%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPush5 { + right: 41.66667%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPush4 { + left: 33.33333%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPush4 { + right: 33.33333%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPush3 { + left: 25%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPush3 { + right: 25%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPush2 { + left: 16.66667%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPush2 { + right: 16.66667%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPush1 { + left: 8.33333%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPush1 { + right: 8.33333%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smPush0 { + left: auto; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smPush0 { + right: auto; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smOffset11 { + margin-left: 91.66667%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smOffset11 { + margin-right: 91.66667%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smOffset10 { + margin-left: 83.33333%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smOffset10 { + margin-right: 83.33333%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smOffset9 { + margin-left: 75%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smOffset9 { + margin-right: 75%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smOffset8 { + margin-left: 66.66667%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smOffset8 { + margin-right: 66.66667%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smOffset7 { + margin-left: 58.33333%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smOffset7 { + margin-right: 58.33333%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smOffset6 { + margin-left: 50%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smOffset6 { + margin-right: 50%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smOffset5 { + margin-left: 41.66667%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smOffset5 { + margin-right: 41.66667%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smOffset4 { + margin-left: 33.33333%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smOffset4 { + margin-right: 33.33333%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smOffset3 { + margin-left: 25%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smOffset3 { + margin-right: 25%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smOffset2 { + margin-left: 16.66667%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smOffset2 { + margin-right: 16.66667%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smOffset1 { + margin-left: 8.33333%; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smOffset1 { + margin-right: 8.33333%; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-smOffset0 { + margin-left: 0; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-smOffset0 { + margin-right: 0; +} + +@media (min-width: 480px) { + .ms-Fabric--v9-5-0 .ms-md12 { + width: 100%; + } +} + +@media (min-width: 480px) { + .ms-Fabric--v9-5-0 .ms-md11 { + width: 91.66666666666666%; + } +} + +@media (min-width: 480px) { + .ms-Fabric--v9-5-0 .ms-md10 { + width: 83.33333333333334%; + } +} + +@media (min-width: 480px) { + .ms-Fabric--v9-5-0 .ms-md9 { + width: 75%; + } +} + +@media (min-width: 480px) { + .ms-Fabric--v9-5-0 .ms-md8 { + width: 66.66666666666666%; + } +} + +@media (min-width: 480px) { + .ms-Fabric--v9-5-0 .ms-md7 { + width: 58.333333333333336%; + } +} + +@media (min-width: 480px) { + .ms-Fabric--v9-5-0 .ms-md6 { + width: 50%; + } +} + +@media (min-width: 480px) { + .ms-Fabric--v9-5-0 .ms-md5 { + width: 41.66666666666667%; + } +} + +@media (min-width: 480px) { + .ms-Fabric--v9-5-0 .ms-md4 { + width: 33.33333333333333%; + } +} + +@media (min-width: 480px) { + .ms-Fabric--v9-5-0 .ms-md3 { + width: 25%; + } +} + +@media (min-width: 480px) { + .ms-Fabric--v9-5-0 .ms-md2 { + width: 16.666666666666664%; + } +} + +@media (min-width: 480px) { + .ms-Fabric--v9-5-0 .ms-md1 { + width: 8.333333333333332%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPull12 { + right: 100%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPull12 { + left: 100%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPull11 { + right: 91.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPull11 { + left: 91.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPull10 { + right: 83.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPull10 { + left: 83.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPull9 { + right: 75%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPull9 { + left: 75%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPull8 { + right: 66.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPull8 { + left: 66.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPull7 { + right: 58.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPull7 { + left: 58.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPull6 { + right: 50%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPull6 { + left: 50%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPull5 { + right: 41.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPull5 { + left: 41.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPull4 { + right: 33.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPull4 { + left: 33.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPull3 { + right: 25%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPull3 { + left: 25%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPull2 { + right: 16.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPull2 { + left: 16.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPull1 { + right: 8.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPull1 { + left: 8.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPull0 { + right: auto; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPull0 { + left: auto; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPush12 { + left: 100%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPush12 { + right: 100%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPush11 { + left: 91.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPush11 { + right: 91.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPush10 { + left: 83.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPush10 { + right: 83.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPush9 { + left: 75%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPush9 { + right: 75%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPush8 { + left: 66.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPush8 { + right: 66.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPush7 { + left: 58.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPush7 { + right: 58.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPush6 { + left: 50%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPush6 { + right: 50%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPush5 { + left: 41.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPush5 { + right: 41.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPush4 { + left: 33.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPush4 { + right: 33.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPush3 { + left: 25%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPush3 { + right: 25%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPush2 { + left: 16.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPush2 { + right: 16.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPush1 { + left: 8.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPush1 { + right: 8.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdPush0 { + left: auto; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdPush0 { + right: auto; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdOffset11 { + margin-left: 91.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdOffset11 { + margin-right: 91.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdOffset10 { + margin-left: 83.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdOffset10 { + margin-right: 83.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdOffset9 { + margin-left: 75%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdOffset9 { + margin-right: 75%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdOffset8 { + margin-left: 66.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdOffset8 { + margin-right: 66.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdOffset7 { + margin-left: 58.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdOffset7 { + margin-right: 58.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdOffset6 { + margin-left: 50%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdOffset6 { + margin-right: 50%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdOffset5 { + margin-left: 41.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdOffset5 { + margin-right: 41.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdOffset4 { + margin-left: 33.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdOffset4 { + margin-right: 33.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdOffset3 { + margin-left: 25%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdOffset3 { + margin-right: 25%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdOffset2 { + margin-left: 16.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdOffset2 { + margin-right: 16.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdOffset1 { + margin-left: 8.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdOffset1 { + margin-right: 8.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-mdOffset0 { + margin-left: 0; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-mdOffset0 { + margin-right: 0; + } +} + +@media (min-width: 640px) { + .ms-Fabric--v9-5-0 .ms-lg12 { + width: 100%; + } +} + +@media (min-width: 640px) { + .ms-Fabric--v9-5-0 .ms-lg11 { + width: 91.66666666666666%; + } +} + +@media (min-width: 640px) { + .ms-Fabric--v9-5-0 .ms-lg10 { + width: 83.33333333333334%; + } +} + +@media (min-width: 640px) { + .ms-Fabric--v9-5-0 .ms-lg9 { + width: 75%; + } +} + +@media (min-width: 640px) { + .ms-Fabric--v9-5-0 .ms-lg8 { + width: 66.66666666666666%; + } +} + +@media (min-width: 640px) { + .ms-Fabric--v9-5-0 .ms-lg7 { + width: 58.333333333333336%; + } +} + +@media (min-width: 640px) { + .ms-Fabric--v9-5-0 .ms-lg6 { + width: 50%; + } +} + +@media (min-width: 640px) { + .ms-Fabric--v9-5-0 .ms-lg5 { + width: 41.66666666666667%; + } +} + +@media (min-width: 640px) { + .ms-Fabric--v9-5-0 .ms-lg4 { + width: 33.33333333333333%; + } +} + +@media (min-width: 640px) { + .ms-Fabric--v9-5-0 .ms-lg3 { + width: 25%; + } +} + +@media (min-width: 640px) { + .ms-Fabric--v9-5-0 .ms-lg2 { + width: 16.666666666666664%; + } +} + +@media (min-width: 640px) { + .ms-Fabric--v9-5-0 .ms-lg1 { + width: 8.333333333333332%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPull12 { + right: 100%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPull12 { + left: 100%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPull11 { + right: 91.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPull11 { + left: 91.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPull10 { + right: 83.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPull10 { + left: 83.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPull9 { + right: 75%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPull9 { + left: 75%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPull8 { + right: 66.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPull8 { + left: 66.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPull7 { + right: 58.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPull7 { + left: 58.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPull6 { + right: 50%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPull6 { + left: 50%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPull5 { + right: 41.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPull5 { + left: 41.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPull4 { + right: 33.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPull4 { + left: 33.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPull3 { + right: 25%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPull3 { + left: 25%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPull2 { + right: 16.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPull2 { + left: 16.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPull1 { + right: 8.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPull1 { + left: 8.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPull0 { + right: auto; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPull0 { + left: auto; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPush12 { + left: 100%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPush12 { + right: 100%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPush11 { + left: 91.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPush11 { + right: 91.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPush10 { + left: 83.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPush10 { + right: 83.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPush9 { + left: 75%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPush9 { + right: 75%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPush8 { + left: 66.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPush8 { + right: 66.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPush7 { + left: 58.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPush7 { + right: 58.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPush6 { + left: 50%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPush6 { + right: 50%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPush5 { + left: 41.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPush5 { + right: 41.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPush4 { + left: 33.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPush4 { + right: 33.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPush3 { + left: 25%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPush3 { + right: 25%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPush2 { + left: 16.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPush2 { + right: 16.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPush1 { + left: 8.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPush1 { + right: 8.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgPush0 { + left: auto; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgPush0 { + right: auto; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgOffset11 { + margin-left: 91.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgOffset11 { + margin-right: 91.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgOffset10 { + margin-left: 83.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgOffset10 { + margin-right: 83.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgOffset9 { + margin-left: 75%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgOffset9 { + margin-right: 75%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgOffset8 { + margin-left: 66.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgOffset8 { + margin-right: 66.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgOffset7 { + margin-left: 58.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgOffset7 { + margin-right: 58.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgOffset6 { + margin-left: 50%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgOffset6 { + margin-right: 50%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgOffset5 { + margin-left: 41.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgOffset5 { + margin-right: 41.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgOffset4 { + margin-left: 33.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgOffset4 { + margin-right: 33.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgOffset3 { + margin-left: 25%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgOffset3 { + margin-right: 25%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgOffset2 { + margin-left: 16.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgOffset2 { + margin-right: 16.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgOffset1 { + margin-left: 8.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgOffset1 { + margin-right: 8.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-lgOffset0 { + margin-left: 0; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-lgOffset0 { + margin-right: 0; + } +} + +@media (min-width: 1024px) { + .ms-Fabric--v9-5-0 .ms-xl12 { + width: 100%; + } +} + +@media (min-width: 1024px) { + .ms-Fabric--v9-5-0 .ms-xl11 { + width: 91.66666666666666%; + } +} + +@media (min-width: 1024px) { + .ms-Fabric--v9-5-0 .ms-xl10 { + width: 83.33333333333334%; + } +} + +@media (min-width: 1024px) { + .ms-Fabric--v9-5-0 .ms-xl9 { + width: 75%; + } +} + +@media (min-width: 1024px) { + .ms-Fabric--v9-5-0 .ms-xl8 { + width: 66.66666666666666%; + } +} + +@media (min-width: 1024px) { + .ms-Fabric--v9-5-0 .ms-xl7 { + width: 58.333333333333336%; + } +} + +@media (min-width: 1024px) { + .ms-Fabric--v9-5-0 .ms-xl6 { + width: 50%; + } +} + +@media (min-width: 1024px) { + .ms-Fabric--v9-5-0 .ms-xl5 { + width: 41.66666666666667%; + } +} + +@media (min-width: 1024px) { + .ms-Fabric--v9-5-0 .ms-xl4 { + width: 33.33333333333333%; + } +} + +@media (min-width: 1024px) { + .ms-Fabric--v9-5-0 .ms-xl3 { + width: 25%; + } +} + +@media (min-width: 1024px) { + .ms-Fabric--v9-5-0 .ms-xl2 { + width: 16.666666666666664%; + } +} + +@media (min-width: 1024px) { + .ms-Fabric--v9-5-0 .ms-xl1 { + width: 8.333333333333332%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPull12 { + right: 100%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPull12 { + left: 100%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPull11 { + right: 91.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPull11 { + left: 91.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPull10 { + right: 83.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPull10 { + left: 83.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPull9 { + right: 75%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPull9 { + left: 75%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPull8 { + right: 66.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPull8 { + left: 66.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPull7 { + right: 58.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPull7 { + left: 58.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPull6 { + right: 50%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPull6 { + left: 50%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPull5 { + right: 41.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPull5 { + left: 41.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPull4 { + right: 33.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPull4 { + left: 33.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPull3 { + right: 25%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPull3 { + left: 25%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPull2 { + right: 16.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPull2 { + left: 16.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPull1 { + right: 8.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPull1 { + left: 8.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPull0 { + right: auto; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPull0 { + left: auto; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPush12 { + left: 100%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPush12 { + right: 100%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPush11 { + left: 91.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPush11 { + right: 91.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPush10 { + left: 83.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPush10 { + right: 83.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPush9 { + left: 75%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPush9 { + right: 75%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPush8 { + left: 66.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPush8 { + right: 66.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPush7 { + left: 58.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPush7 { + right: 58.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPush6 { + left: 50%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPush6 { + right: 50%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPush5 { + left: 41.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPush5 { + right: 41.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPush4 { + left: 33.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPush4 { + right: 33.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPush3 { + left: 25%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPush3 { + right: 25%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPush2 { + left: 16.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPush2 { + right: 16.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPush1 { + left: 8.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPush1 { + right: 8.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlPush0 { + left: auto; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlPush0 { + right: auto; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlOffset11 { + margin-left: 91.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlOffset11 { + margin-right: 91.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlOffset10 { + margin-left: 83.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlOffset10 { + margin-right: 83.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlOffset9 { + margin-left: 75%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlOffset9 { + margin-right: 75%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlOffset8 { + margin-left: 66.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlOffset8 { + margin-right: 66.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlOffset7 { + margin-left: 58.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlOffset7 { + margin-right: 58.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlOffset6 { + margin-left: 50%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlOffset6 { + margin-right: 50%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlOffset5 { + margin-left: 41.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlOffset5 { + margin-right: 41.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlOffset4 { + margin-left: 33.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlOffset4 { + margin-right: 33.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlOffset3 { + margin-left: 25%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlOffset3 { + margin-right: 25%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlOffset2 { + margin-left: 16.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlOffset2 { + margin-right: 16.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlOffset1 { + margin-left: 8.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlOffset1 { + margin-right: 8.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xlOffset0 { + margin-left: 0; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xlOffset0 { + margin-right: 0; + } +} + +@media (min-width: 1366px) { + .ms-Fabric--v9-5-0 .ms-xxl12 { + width: 100%; + } +} + +@media (min-width: 1366px) { + .ms-Fabric--v9-5-0 .ms-xxl11 { + width: 91.66666666666666%; + } +} + +@media (min-width: 1366px) { + .ms-Fabric--v9-5-0 .ms-xxl10 { + width: 83.33333333333334%; + } +} + +@media (min-width: 1366px) { + .ms-Fabric--v9-5-0 .ms-xxl9 { + width: 75%; + } +} + +@media (min-width: 1366px) { + .ms-Fabric--v9-5-0 .ms-xxl8 { + width: 66.66666666666666%; + } +} + +@media (min-width: 1366px) { + .ms-Fabric--v9-5-0 .ms-xxl7 { + width: 58.333333333333336%; + } +} + +@media (min-width: 1366px) { + .ms-Fabric--v9-5-0 .ms-xxl6 { + width: 50%; + } +} + +@media (min-width: 1366px) { + .ms-Fabric--v9-5-0 .ms-xxl5 { + width: 41.66666666666667%; + } +} + +@media (min-width: 1366px) { + .ms-Fabric--v9-5-0 .ms-xxl4 { + width: 33.33333333333333%; + } +} + +@media (min-width: 1366px) { + .ms-Fabric--v9-5-0 .ms-xxl3 { + width: 25%; + } +} + +@media (min-width: 1366px) { + .ms-Fabric--v9-5-0 .ms-xxl2 { + width: 16.666666666666664%; + } +} + +@media (min-width: 1366px) { + .ms-Fabric--v9-5-0 .ms-xxl1 { + width: 8.333333333333332%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPull12 { + right: 100%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPull12 { + left: 100%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPull11 { + right: 91.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPull11 { + left: 91.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPull10 { + right: 83.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPull10 { + left: 83.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPull9 { + right: 75%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPull9 { + left: 75%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPull8 { + right: 66.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPull8 { + left: 66.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPull7 { + right: 58.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPull7 { + left: 58.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPull6 { + right: 50%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPull6 { + left: 50%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPull5 { + right: 41.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPull5 { + left: 41.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPull4 { + right: 33.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPull4 { + left: 33.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPull3 { + right: 25%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPull3 { + left: 25%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPull2 { + right: 16.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPull2 { + left: 16.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPull1 { + right: 8.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPull1 { + left: 8.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPull0 { + right: auto; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPull0 { + left: auto; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPush12 { + left: 100%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPush12 { + right: 100%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPush11 { + left: 91.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPush11 { + right: 91.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPush10 { + left: 83.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPush10 { + right: 83.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPush9 { + left: 75%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPush9 { + right: 75%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPush8 { + left: 66.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPush8 { + right: 66.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPush7 { + left: 58.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPush7 { + right: 58.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPush6 { + left: 50%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPush6 { + right: 50%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPush5 { + left: 41.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPush5 { + right: 41.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPush4 { + left: 33.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPush4 { + right: 33.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPush3 { + left: 25%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPush3 { + right: 25%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPush2 { + left: 16.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPush2 { + right: 16.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPush1 { + left: 8.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPush1 { + right: 8.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlPush0 { + left: auto; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlPush0 { + right: auto; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlOffset11 { + margin-left: 91.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlOffset11 { + margin-right: 91.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlOffset10 { + margin-left: 83.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlOffset10 { + margin-right: 83.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlOffset9 { + margin-left: 75%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlOffset9 { + margin-right: 75%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlOffset8 { + margin-left: 66.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlOffset8 { + margin-right: 66.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlOffset7 { + margin-left: 58.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlOffset7 { + margin-right: 58.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlOffset6 { + margin-left: 50%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlOffset6 { + margin-right: 50%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlOffset5 { + margin-left: 41.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlOffset5 { + margin-right: 41.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlOffset4 { + margin-left: 33.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlOffset4 { + margin-right: 33.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlOffset3 { + margin-left: 25%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlOffset3 { + margin-right: 25%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlOffset2 { + margin-left: 16.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlOffset2 { + margin-right: 16.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlOffset1 { + margin-left: 8.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlOffset1 { + margin-right: 8.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxlOffset0 { + margin-left: 0; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxlOffset0 { + margin-right: 0; + } +} + +@media (min-width: 1920px) { + .ms-Fabric--v9-5-0 .ms-xxxl12 { + width: 100%; + } +} + +@media (min-width: 1920px) { + .ms-Fabric--v9-5-0 .ms-xxxl11 { + width: 91.66666666666666%; + } +} + +@media (min-width: 1920px) { + .ms-Fabric--v9-5-0 .ms-xxxl10 { + width: 83.33333333333334%; + } +} + +@media (min-width: 1920px) { + .ms-Fabric--v9-5-0 .ms-xxxl9 { + width: 75%; + } +} + +@media (min-width: 1920px) { + .ms-Fabric--v9-5-0 .ms-xxxl8 { + width: 66.66666666666666%; + } +} + +@media (min-width: 1920px) { + .ms-Fabric--v9-5-0 .ms-xxxl7 { + width: 58.333333333333336%; + } +} + +@media (min-width: 1920px) { + .ms-Fabric--v9-5-0 .ms-xxxl6 { + width: 50%; + } +} + +@media (min-width: 1920px) { + .ms-Fabric--v9-5-0 .ms-xxxl5 { + width: 41.66666666666667%; + } +} + +@media (min-width: 1920px) { + .ms-Fabric--v9-5-0 .ms-xxxl4 { + width: 33.33333333333333%; + } +} + +@media (min-width: 1920px) { + .ms-Fabric--v9-5-0 .ms-xxxl3 { + width: 25%; + } +} + +@media (min-width: 1920px) { + .ms-Fabric--v9-5-0 .ms-xxxl2 { + width: 16.666666666666664%; + } +} + +@media (min-width: 1920px) { + .ms-Fabric--v9-5-0 .ms-xxxl1 { + width: 8.333333333333332%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPull12 { + right: 100%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPull12 { + left: 100%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPull11 { + right: 91.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPull11 { + left: 91.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPull10 { + right: 83.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPull10 { + left: 83.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPull9 { + right: 75%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPull9 { + left: 75%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPull8 { + right: 66.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPull8 { + left: 66.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPull7 { + right: 58.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPull7 { + left: 58.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPull6 { + right: 50%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPull6 { + left: 50%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPull5 { + right: 41.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPull5 { + left: 41.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPull4 { + right: 33.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPull4 { + left: 33.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPull3 { + right: 25%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPull3 { + left: 25%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPull2 { + right: 16.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPull2 { + left: 16.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPull1 { + right: 8.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPull1 { + left: 8.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPull0 { + right: auto; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPull0 { + left: auto; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPush12 { + left: 100%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPush12 { + right: 100%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPush11 { + left: 91.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPush11 { + right: 91.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPush10 { + left: 83.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPush10 { + right: 83.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPush9 { + left: 75%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPush9 { + right: 75%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPush8 { + left: 66.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPush8 { + right: 66.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPush7 { + left: 58.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPush7 { + right: 58.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPush6 { + left: 50%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPush6 { + right: 50%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPush5 { + left: 41.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPush5 { + right: 41.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPush4 { + left: 33.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPush4 { + right: 33.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPush3 { + left: 25%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPush3 { + right: 25%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPush2 { + left: 16.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPush2 { + right: 16.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPush1 { + left: 8.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPush1 { + right: 8.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlPush0 { + left: auto; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlPush0 { + right: auto; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlOffset11 { + margin-left: 91.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlOffset11 { + margin-right: 91.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlOffset10 { + margin-left: 83.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlOffset10 { + margin-right: 83.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlOffset9 { + margin-left: 75%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlOffset9 { + margin-right: 75%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlOffset8 { + margin-left: 66.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlOffset8 { + margin-right: 66.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlOffset7 { + margin-left: 58.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlOffset7 { + margin-right: 58.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlOffset6 { + margin-left: 50%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlOffset6 { + margin-right: 50%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlOffset5 { + margin-left: 41.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlOffset5 { + margin-right: 41.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlOffset4 { + margin-left: 33.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlOffset4 { + margin-right: 33.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlOffset3 { + margin-left: 25%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlOffset3 { + margin-right: 25%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlOffset2 { + margin-left: 16.66667%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlOffset2 { + margin-right: 16.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlOffset1 { + margin-left: 8.33333%; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlOffset1 { + margin-right: 8.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-Fabric--v9-5-0 .ms-xxxlOffset0 { + margin-left: 0; + } + + [dir='rtl'] .ms-Fabric--v9-5-0 .ms-xxxlOffset0 { + margin-right: 0; + } +} + +.ms-Fabric--v9-5-0 .ms-borderBox, +.ms-Fabric--v9-5-0 .ms-borderBox::before, +.ms-Fabric--v9-5-0 .ms-borderBox::after { + box-sizing: border-box; +} + +.ms-Fabric--v9-5-0 .ms-borderBase { + border: 1px solid; +} + +.ms-Fabric--v9-5-0 .ms-clearfix { + *zoom: 1; +} + +.ms-Fabric--v9-5-0 .ms-clearfix::before, +.ms-Fabric--v9-5-0 .ms-clearfix::after { + display: table; + content: ''; + line-height: 0; +} + +.ms-Fabric--v9-5-0 .ms-clearfix::after { + clear: both; +} + +.ms-Fabric--v9-5-0 .ms-normalize { + box-sizing: border-box; + box-shadow: none; + margin: 0; + padding: 0; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-textAlignLeft { + text-align: left; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-textAlignLeft { + text-align: right; +} + +[dir='ltr'] .ms-Fabric--v9-5-0 .ms-textAlignRight { + text-align: right; +} + +[dir='rtl'] .ms-Fabric--v9-5-0 .ms-textAlignRight { + text-align: left; +} + +.ms-Fabric--v9-5-0 .ms-textAlignCenter { + text-align: center; +} + +.ms-Fabric--v9-5-0 .ms-screenReaderOnly { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} + +.ms-Fabric--v9-5-0 .ms-textTruncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + word-wrap: normal; +} + +.ms-Fabric--v9-5-0 .ms-noWrap { + white-space: nowrap; +} + +.ms-Fabric--v9-5-0 .ms-Fabric { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + color: #333333; + font-family: 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; + font-size: 14px; +} + +.ms-Fabric--v9-5-0 .ms-Fabric button, +.ms-Fabric--v9-5-0 .ms-Fabric input, +.ms-Fabric--v9-5-0 .ms-Fabric textarea { + font-family: inherit; +} + +.ms-Fabric--v9-5-0 *[lang^='ar'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='ar'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='ar'] { + font-family: 'Segoe UI Web (Arabic)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='bg'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='bg'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='bg'] { + font-family: 'Segoe UI Web (Cyrillic)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='cs'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='cs'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='cs'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='el'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='el'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='el'] { + font-family: 'Segoe UI Web (Greek)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='et'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='et'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='et'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='he'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='he'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='he'] { + font-family: 'Segoe UI Web (Hebrew)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='hi'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='hi'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='hi'] { + font-family: 'Nirmala UI', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='hr'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='hr'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='hr'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='hu'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='hu'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='hu'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='ja'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='ja'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='ja'] { + font-family: 'Yu Gothic UI', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka, 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='kk'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='kk'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='kk'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='ko'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='ko'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='ko'] { + font-family: 'Malgun Gothic', Gulim, 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='lo'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='lo'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='lo'] { + font-family: 'Leelawadee UI Web', 'Lao UI', DokChampa, 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='lt'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='lt'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='lt'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='lv'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='lv'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='lv'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='pl'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='pl'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='pl'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='ru'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='ru'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='ru'] { + font-family: 'Segoe UI Web (Cyrillic)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='sk'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='sk'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='sk'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='sr-latn'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='sr-latn'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='sr-latn'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='th'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='th'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='th'] { + font-family: 'Leelawadee UI Web', 'Kmer UI', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='tr'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='tr'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='tr'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='uk'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='uk'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='uk'] { + font-family: 'Segoe UI Web (Cyrillic)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='vi'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='vi'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='vi'] { + font-family: 'Segoe UI Web (Vietnamese)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='zh-hans'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='zh-hans'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='zh-hans'] { + font-family: 'Microsoft Yahei UI', Verdana, Simsun, 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 *[lang^='zh-hant'] .ms-Fabric, +.ms-Fabric--v9-5-0 .ms-Fabric *[lang^='zh-hant'], +.ms-Fabric--v9-5-0 .ms-Fabric[lang^='zh-hant'] { + font-family: 'Microsoft Jhenghei UI', Pmingliu, 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--v9-5-0 .ms-Fabric--selawik { + font-family: 'Selawik Web', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +@font-face { + font-family: 'Leelawadee UI Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-light.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-light.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Leelawadee UI Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff') format('woff'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Leelawadee UI Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-regular.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Leelawadee UI Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semibold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semibold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Leelawadee UI Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Arabic)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-light.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-light.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Arabic)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semilight.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semilight.woff') format('woff'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Arabic)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-regular.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Arabic)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semibold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semibold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Arabic)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-bold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-bold.woff') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Cyrillic)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-light.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-light.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Cyrillic)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semilight.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semilight.woff') format('woff'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Cyrillic)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-regular.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Cyrillic)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semibold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semibold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Cyrillic)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-bold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-bold.woff') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (East European)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-light.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-light.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (East European)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semilight.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semilight.woff') format('woff'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (East European)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-regular.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (East European)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semibold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semibold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (East European)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-bold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-bold.woff') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Greek)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-light.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-light.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Greek)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semilight.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semilight.woff') format('woff'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Greek)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-regular.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Greek)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semibold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semibold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Greek)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-bold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-bold.woff') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Hebrew)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-light.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-light.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Hebrew)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semilight.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semilight.woff') format('woff'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Hebrew)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-regular.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Hebrew)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semibold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semibold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Hebrew)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-bold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-bold.woff') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Vietnamese)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-light.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-light.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Vietnamese)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semilight.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semilight.woff') format('woff'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Vietnamese)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-regular.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Vietnamese)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semibold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semibold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Vietnamese)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-bold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-bold.woff') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (West European)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-light.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-light.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (West European)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semilight.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semilight.woff') format('woff'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (West European)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-regular.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (West European)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semibold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semibold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (West European)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-bold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-bold.woff') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Selawik Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-light.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-light.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Selawik Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semilight.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semilight.woff') format('woff'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Selawik Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-regular.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Selawik Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semibold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semibold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Selawik Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-bold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-bold.woff') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Leelawadee UI Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Leelawadee UI Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +/* + 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: 'FabricMDL2Icons-9'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/icons/scoped/fabricmdl2icons-9-2.68.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/icons/scoped/fabricmdl2icons-9-2.68.woff') format('woff'), url('https://static2.sharepointonline.com/files/fabric/assets/icons/scoped/fabricmdl2icons-9-2.68.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} diff --git a/dist/css/fabric-9.5.0.scoped.min.css b/dist/css/fabric-9.5.0.scoped.min.css new file mode 100644 index 000000000..fe3a70723 --- /dev/null +++ b/dist/css/fabric-9.5.0.scoped.min.css @@ -0,0 +1,6 @@ +/* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. */ +/** + * Office UI Fabric Core 9.5.0 + * The front-end framework for building experiences for Office 365. + **/ +@charset "UTF-8";@keyframes ms-slideRightIn10--v9-5-0{0%{transform:translate3d(-10px,0,0)}to{transform:translateZ(0)}}@keyframes ms-slideRightIn20--v9-5-0{0%{transform:translate3d(-20px,0,0)}to{transform:translateZ(0)}}@keyframes ms-slideRightIn40--v9-5-0{0%{transform:translate3d(-40px,0,0)}to{transform:translateZ(0)}}@keyframes ms-slideRightIn400--v9-5-0{0%{transform:translate3d(-400px,0,0)}to{transform:translateZ(0)}}@keyframes ms-slideRightOut40--v9-5-0{0%{transform:translateZ(0)}to{transform:translate3d(40px,0,0)}}@keyframes ms-slideRightOut400--v9-5-0{0%{transform:translateZ(0)}to{transform:translate3d(400px,0,0)}}@keyframes ms-slideLeftIn10--v9-5-0{0%{transform:translate3d(10px,0,0)}to{transform:translateZ(0)}}@keyframes ms-slideLeftIn20--v9-5-0{0%{transform:translate3d(20px,0,0)}to{transform:translateZ(0)}}@keyframes ms-slideLeftIn40--v9-5-0{0%{transform:translate3d(40px,0,0)}to{transform:translateZ(0)}}@keyframes ms-slideLeftIn400--v9-5-0{0%{transform:translate3d(400px,0,0)}to{transform:translateZ(0)}}@keyframes ms-slideLeftOut40--v9-5-0{0%{transform:translateZ(0)}to{transform:translate3d(-40px,0,0)}}@keyframes ms-slideLeftOut400--v9-5-0{0%{transform:translateZ(0)}to{transform:translate3d(-400px,0,0)}}@keyframes ms-slideUpIn10--v9-5-0{0%{transform:translate3d(0,10px,0)}to{transform:translateZ(0)}}@keyframes ms-slideUpIn20--v9-5-0{0%{transform:translate3d(0,20px,0)}to{transform:translateZ(0)}}@keyframes ms-slideDownIn10--v9-5-0{0%{transform:translate3d(0,-10px,0)}to{transform:translateZ(0)}}@keyframes ms-slideDownIn20--v9-5-0{0%{transform:translate3d(0,-20px,0)}to{transform:translateZ(0)}}@keyframes ms-slideUpOut10--v9-5-0{0%{transform:translateZ(0)}to{transform:translate3d(0,-10px,0)}}@keyframes ms-slideUpOut20--v9-5-0{0%{transform:translateZ(0)}to{transform:translate3d(0,-20px,0)}}@keyframes ms-slideDownOut10--v9-5-0{0%{transform:translateZ(0)}to{transform:translate3d(0,10px,0)}}@keyframes ms-slideDownOut20--v9-5-0{0%{transform:translateZ(0)}to{transform:translate3d(0,20px,0)}}@keyframes ms-scaleUp100--v9-5-0{0%{transform:scale3d(.98,.98,1)}to{transform:scaleX(1)}}@keyframes ms-scaleUp103--v9-5-0{0%{transform:scaleX(1)}to{transform:scale3d(1.03,1.03,1)}}@keyframes ms-scaleDown98--v9-5-0{0%{transform:scaleX(1)}to{transform:scale3d(.98,.98,1)}}@keyframes ms-scaleDown100--v9-5-0{0%{transform:scale3d(1.03,1.03,1)}to{transform:scaleX(1)}}@keyframes ms-fadeIn--v9-5-0{0%{opacity:0;animation-timing-function:cubic-bezier(.1,.25,.75,.9)}to{opacity:1}}@keyframes ms-fadeOut--v9-5-0{0%{opacity:1;animation-timing-function:cubic-bezier(.1,.25,.75,.9)}to{opacity:0}}@keyframes ms-rotate90--v9-5-0{0%{transform:rotate(0deg)}to{transform:rotate(90deg)}}@keyframes ms-rotateN90--v9-5-0{0%{transform:rotate(90deg)}to{transform:rotate(0deg)}}[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideRightIn10{animation-name:ms-fadeIn--v9-5-0,ms-slideRightIn10--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideRightIn10{animation:none}}[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideRightIn10{animation-name:ms-fadeIn--v9-5-0,ms-slideLeftIn10--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideRightIn10{animation:none}}[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideRightIn20{animation-name:ms-fadeIn--v9-5-0,ms-slideRightIn20--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideRightIn20{animation:none}}[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideRightIn20{animation-name:ms-fadeIn--v9-5-0,ms-slideLeftIn20--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideRightIn20{animation:none}}[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideRightIn40{animation-name:ms-fadeIn--v9-5-0,ms-slideRightIn40--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideRightIn40{animation:none}}[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideRightIn40{animation-name:ms-fadeIn--v9-5-0,ms-slideLeftIn40--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideRightIn40{animation:none}}[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideRightIn400{animation-name:ms-fadeIn--v9-5-0,ms-slideRightIn400--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideRightIn400{animation:none}}[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideRightIn400{animation-name:ms-fadeIn--v9-5-0,ms-slideLeftIn400--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideRightIn400{animation:none}}[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideRightOut40{animation-name:ms-fadeOut--v9-5-0,ms-slideRightOut40--v9-5-0;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideRightOut40{animation:none}}[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideRightOut40{animation-name:ms-fadeOut--v9-5-0,ms-slideLeftOut40--v9-5-0;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideRightOut40{animation:none}}[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideRightOut400{animation-name:ms-fadeOut--v9-5-0,ms-slideRightOut400--v9-5-0;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideRightOut400{animation:none}}[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideRightOut400{animation-name:ms-fadeOut--v9-5-0,ms-slideLeftOut400--v9-5-0;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideRightOut400{animation:none}}[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideLeftIn10{animation-name:ms-fadeIn--v9-5-0,ms-slideLeftIn10--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideLeftIn10{animation:none}}[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideLeftIn10{animation-name:ms-fadeIn--v9-5-0,ms-slideRightIn10--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideLeftIn10{animation:none}}[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideLeftIn20{animation-name:ms-fadeIn--v9-5-0,ms-slideLeftIn20--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideLeftIn20{animation:none}}[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideLeftIn20{animation-name:ms-fadeIn--v9-5-0,ms-slideRightIn20--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideLeftIn20{animation:none}}[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideLeftIn40{animation-name:ms-fadeIn--v9-5-0,ms-slideLeftIn40--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideLeftIn40{animation:none}}[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideLeftIn40{animation-name:ms-fadeIn--v9-5-0,ms-slideRightIn40--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideLeftIn40{animation:none}}[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideLeftIn400{animation-name:ms-fadeIn--v9-5-0,ms-slideLeftIn400--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideLeftIn400{animation:none}}[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideLeftIn400{animation-name:ms-fadeIn--v9-5-0,ms-slideRightIn400--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideLeftIn400{animation:none}}[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideLeftOut40{animation-name:ms-fadeOut--v9-5-0,ms-slideLeftOut40--v9-5-0;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideLeftOut40{animation:none}}[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideLeftOut40{animation-name:ms-fadeOut--v9-5-0,ms-slideRightOut40--v9-5-0;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideLeftOut40{animation:none}}[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideLeftOut400{animation-name:ms-fadeOut--v9-5-0,ms-slideLeftOut400--v9-5-0;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-Fabric--v9-5-0 .ms-slideLeftOut400{animation:none}}[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideLeftOut400{animation-name:ms-fadeOut--v9-5-0,ms-slideRightOut400--v9-5-0;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-Fabric--v9-5-0 .ms-slideLeftOut400{animation:none}}.ms-Fabric--v9-5-0 .ms-slideUpIn10{animation-name:ms-fadeIn--v9-5-0,ms-slideUpIn10--v9-5-0;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-slideUpIn10{animation:none}}.ms-Fabric--v9-5-0 .ms-slideUpIn20{animation-name:ms-fadeIn--v9-5-0,ms-slideUpIn20--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-slideUpIn20{animation:none}}.ms-Fabric--v9-5-0 .ms-slideDownIn10{animation-name:ms-fadeIn--v9-5-0,ms-slideDownIn10--v9-5-0;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-slideDownIn10{animation:none}}.ms-Fabric--v9-5-0 .ms-slideDownIn20{animation-name:ms-fadeIn--v9-5-0,ms-slideDownIn20--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-slideDownIn20{animation:none}}.ms-Fabric--v9-5-0 .ms-slideUpOut10{animation-name:ms-fadeOut--v9-5-0,ms-slideUpOut10--v9-5-0;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-slideUpOut10{animation:none}}.ms-Fabric--v9-5-0 .ms-slideUpOut20{animation-name:ms-fadeOut--v9-5-0,ms-slideUpOut20--v9-5-0;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-slideUpOut20{animation:none}}.ms-Fabric--v9-5-0 .ms-slideDownOut10{animation-name:ms-fadeOut--v9-5-0,ms-slideDownOut10--v9-5-0;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-slideDownOut10{animation:none}}.ms-Fabric--v9-5-0 .ms-slideDownOut20{animation-name:ms-fadeOut--v9-5-0,ms-slideDownOut20--v9-5-0;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-slideDownOut20{animation:none}}.ms-Fabric--v9-5-0 .ms-scaleUpIn100{animation-name:ms-fadeIn--v9-5-0,ms-scaleUp100--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-scaleUpIn100{animation:none}}.ms-Fabric--v9-5-0 .ms-scaleUpOut103{animation-name:ms-fadeOut--v9-5-0,ms-scaleUp103--v9-5-0;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-scaleUpOut103{animation:none}}.ms-Fabric--v9-5-0 .ms-scaleDownOut98{animation-name:ms-fadeOut--v9-5-0,ms-scaleDown98--v9-5-0;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-scaleDownOut98{animation:none}}.ms-Fabric--v9-5-0 .ms-scaleDownIn100{animation-name:ms-fadeIn--v9-5-0,ms-scaleDown100--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-scaleDownIn100{animation:none}}.ms-Fabric--v9-5-0 .ms-fadeIn100{animation-name:ms-fadeIn--v9-5-0;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-fadeIn100{animation:none}}.ms-Fabric--v9-5-0 .ms-fadeIn200{animation-name:ms-fadeIn--v9-5-0;animation-duration:.267s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-fadeIn200{animation:none}}.ms-Fabric--v9-5-0 .ms-fadeIn400{animation-name:ms-fadeIn--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-fadeIn400{animation:none}}.ms-Fabric--v9-5-0 .ms-fadeIn500{animation-name:ms-fadeIn--v9-5-0;animation-duration:.467s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-fadeIn500{animation:none}}.ms-Fabric--v9-5-0 .ms-fadeOut100{animation-name:ms-fadeOut--v9-5-0;animation-duration:.1s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-fadeOut100{animation:none}}.ms-Fabric--v9-5-0 .ms-fadeOut200{animation-name:ms-fadeOut--v9-5-0;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-fadeOut200{animation:none}}.ms-Fabric--v9-5-0 .ms-fadeOut400{animation-name:ms-fadeOut--v9-5-0;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-fadeOut400{animation:none}}.ms-Fabric--v9-5-0 .ms-fadeOut500{animation-name:ms-fadeOut--v9-5-0;animation-duration:.467s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-fadeOut500{animation:none}}.ms-Fabric--v9-5-0 .ms-expandCollapse100{transition:height .1s cubic-bezier(.1,.25,.75,.9)}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-expandCollapse100{transition:none}}.ms-Fabric--v9-5-0 .ms-expandCollapse200{transition:height .167s cubic-bezier(.1,.25,.75,.9)}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-expandCollapse200{transition:none}}.ms-Fabric--v9-5-0 .ms-expandCollapse400{transition:height .367s cubic-bezier(.1,.25,.75,.9)}@media (prefers-reduced-motion:reduce){.ms-Fabric--v9-5-0 .ms-expandCollapse400{transition:none}}.ms-Fabric--v9-5-0 .ms-delay100{animation-delay:.167s}.ms-Fabric--v9-5-0 .ms-delay200{animation-delay:.267s}[dir=ltr] .ms-Fabric--v9-5-0 .ms-rotate90deg{animation-name:ms-rotate90--v9-5-0;animation-duration:.1s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-Fabric--v9-5-0 .ms-rotate90deg{animation:none}}[dir=rtl] .ms-Fabric--v9-5-0 .ms-rotate90deg{animation-name:ms-rotateN90--v9-5-0;animation-duration:.1s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-Fabric--v9-5-0 .ms-rotate90deg{animation:none}}[dir=ltr] .ms-Fabric--v9-5-0 .ms-rotateN90deg{animation-name:ms-rotateN90--v9-5-0;animation-duration:.1s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-Fabric--v9-5-0 .ms-rotateN90deg{animation:none}}[dir=rtl] .ms-Fabric--v9-5-0 .ms-rotateN90deg{animation-name:ms-rotate90--v9-5-0;animation-duration:.1s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-Fabric--v9-5-0 .ms-rotateN90deg{animation:none}}.ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x1.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/accdb.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/accdb.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/accdb.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/archive.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/archive.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/archive.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/audio.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/audio.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/audio.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/code.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/code.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/code.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/csv.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/csv.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/csv.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/docset.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/docset.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/docset.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/docx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/docx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/docx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/dotx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/dotx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/dotx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/email.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/email.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/email.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/exe.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/exe.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/exe.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/folder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/folder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/folder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/font.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/font.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/font.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/genericfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/genericfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/genericfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/html.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/html.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/html.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/link.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/link.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/link.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/listitem.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/listitem.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/listitem.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/model.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/model.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/model.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/mpp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/mpp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/mpp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/mpt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/mpt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/mpt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/odp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/odp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/odp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/ods.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/ods.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/ods.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/odt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/odt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/odt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/onetoc.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/onetoc.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/onetoc.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/pdf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/pdf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/pdf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/photo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/photo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/photo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/potx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/potx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/potx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/ppsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/ppsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/ppsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/pptx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/pptx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/pptx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/pub.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/pub.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/pub.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/rtf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/rtf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/rtf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/sharedfolder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/sharedfolder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/sharedfolder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/spo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/spo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/spo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/sysfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/sysfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/sysfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/txt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/txt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/txt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/vector.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/vector.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/vector.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/video.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/video.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/video.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/vsdx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/vsdx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/vsdx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/vssx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/vssx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/vssx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/vstx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/vstx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/vstx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xlsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xlsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xlsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xltx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xltx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xltx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xml.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xml.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xml.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xsn.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xsn.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xsn.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/zip.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/zip.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/zip.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--icon16{background-size:100% 100%;width:16px;height:16px}.ms-Fabric--v9-5-0 .ms-BrandIcon--icon48{background-size:100% 100%;width:48px;height:48px}.ms-Fabric--v9-5-0 .ms-BrandIcon--icon96{background-size:100% 100%;width:96px;height:96px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi){.ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x1_5.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/accdb.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/accdb.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/accdb.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/archive.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/archive.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/archive.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/audio.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/audio.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/audio.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/code.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/code.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/code.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/csv.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/csv.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/csv.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/docset.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/docset.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/docset.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/docx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/docx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/docx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/dotx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/dotx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/dotx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/email.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/email.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/email.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/exe.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/exe.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/exe.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/folder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/folder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/folder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/font.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/font.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/font.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/genericfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/genericfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/genericfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/html.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/html.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/html.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/link.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/link.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/link.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/listitem.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/listitem.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/listitem.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/model.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/model.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/model.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/mpp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/mpp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/mpp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/mpt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/mpt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/mpt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/odp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/odp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/odp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/ods.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/ods.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/ods.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/odt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/odt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/odt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/onetoc.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/onetoc.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/onetoc.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/pdf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/pdf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/pdf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/photo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/photo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/photo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/potx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/potx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/potx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/ppsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/ppsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/ppsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/pptx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/pptx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/pptx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/pub.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/pub.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/pub.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/rtf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/rtf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/rtf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/sharedfolder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/sharedfolder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/sharedfolder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/spo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/spo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/spo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/sysfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/sysfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/sysfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/txt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/txt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/txt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/vector.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/vector.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/vector.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/video.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/video.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/video.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/vsdx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/vsdx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/vsdx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/vssx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/vssx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/vssx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/vstx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/vstx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/vstx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xlsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xlsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xlsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xltx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xltx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xltx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xml.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xml.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xml.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xsn.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xsn.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xsn.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/zip.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/zip.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/zip.png)}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi){.ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x2.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/accdb.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/accdb.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/accdb.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/archive.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/archive.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/archive.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/audio.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/audio.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/audio.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/code.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/code.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/code.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/csv.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/csv.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/csv.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/docset.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/docset.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/docset.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/docx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/docx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/docx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/dotx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/dotx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/dotx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/email.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/email.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/email.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/exe.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/exe.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/exe.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/folder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/folder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/folder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/font.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/font.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/font.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/genericfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/genericfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/genericfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/html.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/html.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/html.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/link.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/link.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/link.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/listitem.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/listitem.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/listitem.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/model.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/model.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/model.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/mpp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/mpp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/mpp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/mpt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/mpt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/mpt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/odp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/odp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/odp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/ods.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/ods.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/ods.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/odt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/odt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/odt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/onetoc.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/onetoc.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/onetoc.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/pdf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/pdf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/pdf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/photo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/photo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/photo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/potx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/potx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/potx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/ppsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/ppsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/ppsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/pptx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/pptx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/pptx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/pub.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/pub.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/pub.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/rtf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/rtf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/rtf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/sharedfolder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/sharedfolder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/sharedfolder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/spo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/spo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/spo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/sysfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/sysfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/sysfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/txt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/txt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/txt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/vector.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/vector.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/vector.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/video.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/video.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/video.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/vsdx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/vsdx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/vsdx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/vssx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/vssx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/vssx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/vstx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/vstx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/vstx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xlsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xlsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xlsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xltx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xltx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xltx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xml.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xml.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xml.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xsn.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xsn.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xsn.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/zip.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/zip.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/zip.png)}}@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (min-resolution:288dpi){.ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--access.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--excel.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--infopath.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--office.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onedrive.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onenote.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--outlook.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--powerpoint.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--project.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharepoint.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--visio.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--word.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x3.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/accdb.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/accdb.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--accdb.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/accdb.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/archive.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/archive.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--archive.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/archive.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/audio.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/audio.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--audio.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/audio.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/code.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/code.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--code.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/code.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/csv.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/csv.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--csv.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/csv.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/docset.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/docset.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docset.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/docset.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/docx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/docx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--docx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/docx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/dotx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/dotx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--dotx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/dotx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/email.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/email.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--email.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/email.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/exe.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/exe.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--exe.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/exe.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/folder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/folder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--folder.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/folder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/font.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/font.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--font.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/font.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/genericfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/genericfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--genericfile.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/genericfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/html.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/html.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--html.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/html.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/link.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/link.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--link.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/link.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/listitem.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/listitem.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--listitem.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/listitem.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/model.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/model.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--model.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/model.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/mpp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/mpp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpp.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/mpp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/mpt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/mpt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--mpt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/mpt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/odp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/odp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odp.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/odp.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/ods.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/ods.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ods.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/ods.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/odt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/odt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--odt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/odt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--one.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/onetoc.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/onetoc.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onetoc.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/onetoc.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/pdf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/pdf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pdf.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/pdf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/photo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/photo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--photo.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/photo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/potx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/potx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--potx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/potx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/ppsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/ppsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--ppsx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/ppsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/pptx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/pptx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pptx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/pptx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/pub.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/pub.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--pub.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/pub.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/rtf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/rtf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--rtf.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/rtf.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/sharedfolder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/sharedfolder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/sharedfolder.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/spo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/spo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--spo.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/spo.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/sysfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/sysfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--sysfile.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/sysfile.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/txt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/txt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--txt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/txt.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/vector.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/vector.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vector.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/vector.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/video.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/video.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--video.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/video.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/vsdx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/vsdx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vsdx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/vsdx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/vssx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/vssx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vssx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/vssx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/vstx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/vstx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--vstx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/vstx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xlsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xlsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xlsx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xlsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xltx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xltx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xltx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xltx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xml.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xml.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xml.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xml.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xsn.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xsn.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xsn.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xsn.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/zip.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/zip.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--zip.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/zip.png)}}.ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xlsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xlsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xlsx.png)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi){.ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xlsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xlsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xlsx.png)}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi){.ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xlsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xlsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xlsx.png)}}@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (min-resolution:288dpi){.ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--onepkg.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/one.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xlsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xlsx.png)}.ms-Fabric--v9-5-0 .ms-BrandIcon--xls.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xlsx.png)}}.ms-Fabric--v9-5-0 .ms-bgColor-themeDark,.ms-Fabric--v9-5-0 .ms-bgColor-themeDark--hover:hover{background-color:#005a9e}.ms-Fabric--v9-5-0 .ms-bgColor-themeDarkAlt,.ms-Fabric--v9-5-0 .ms-bgColor-themeDarkAlt--hover:hover{background-color:#106ebe}.ms-Fabric--v9-5-0 .ms-bgColor-themeDarker,.ms-Fabric--v9-5-0 .ms-bgColor-themeDarker--hover:hover{background-color:#004578}.ms-Fabric--v9-5-0 .ms-bgColor-themePrimary,.ms-Fabric--v9-5-0 .ms-bgColor-themePrimary--hover:hover{background-color:#0078d7}.ms-Fabric--v9-5-0 .ms-bgColor-themeSecondary,.ms-Fabric--v9-5-0 .ms-bgColor-themeSecondary--hover:hover{background-color:#2b88d8}.ms-Fabric--v9-5-0 .ms-bgColor-themeTertiary,.ms-Fabric--v9-5-0 .ms-bgColor-themeTertiary--hover:hover{background-color:#71afe5}.ms-Fabric--v9-5-0 .ms-bgColor-themeLight,.ms-Fabric--v9-5-0 .ms-bgColor-themeLight--hover:hover{background-color:#c7e0f4}.ms-Fabric--v9-5-0 .ms-bgColor-themeLighter,.ms-Fabric--v9-5-0 .ms-bgColor-themeLighter--hover:hover{background-color:#deecf9}.ms-Fabric--v9-5-0 .ms-bgColor-themeLighterAlt,.ms-Fabric--v9-5-0 .ms-bgColor-themeLighterAlt--hover:hover{background-color:#eff6fc}.ms-Fabric--v9-5-0 .ms-bgColor-black,.ms-Fabric--v9-5-0 .ms-bgColor-black--hover:hover{background-color:#000}.ms-Fabric--v9-5-0 .ms-bgColor-neutralDark,.ms-Fabric--v9-5-0 .ms-bgColor-neutralDark--hover:hover{background-color:#212121}.ms-Fabric--v9-5-0 .ms-bgColor-neutralPrimary,.ms-Fabric--v9-5-0 .ms-bgColor-neutralPrimary--hover:hover{background-color:#333}.ms-Fabric--v9-5-0 .ms-bgColor-neutralPrimaryAlt,.ms-Fabric--v9-5-0 .ms-bgColor-neutralPrimaryAlt--hover:hover{background-color:#3c3c3c}.ms-Fabric--v9-5-0 .ms-bgColor-neutralSecondary,.ms-Fabric--v9-5-0 .ms-bgColor-neutralSecondary--hover:hover{background-color:#666}.ms-Fabric--v9-5-0 .ms-bgColor-neutralSecondaryAlt,.ms-Fabric--v9-5-0 .ms-bgColor-neutralSecondaryAlt--hover:hover{background-color:#767676}.ms-Fabric--v9-5-0 .ms-bgColor-neutralTertiary,.ms-Fabric--v9-5-0 .ms-bgColor-neutralTertiary--hover:hover{background-color:#a6a6a6}.ms-Fabric--v9-5-0 .ms-bgColor-neutralTertiaryAlt,.ms-Fabric--v9-5-0 .ms-bgColor-neutralTertiaryAlt--hover:hover{background-color:#c8c8c8}.ms-Fabric--v9-5-0 .ms-bgColor-neutralQuaternary,.ms-Fabric--v9-5-0 .ms-bgColor-neutralQuaternary--hover:hover{background-color:#d0d0d0}.ms-Fabric--v9-5-0 .ms-bgColor-neutralQuaternaryAlt,.ms-Fabric--v9-5-0 .ms-bgColor-neutralQuaternaryAlt--hover:hover{background-color:#dadada}.ms-Fabric--v9-5-0 .ms-bgColor-neutralLight,.ms-Fabric--v9-5-0 .ms-bgColor-neutralLight--hover:hover{background-color:#eaeaea}.ms-Fabric--v9-5-0 .ms-bgColor-neutralLighter,.ms-Fabric--v9-5-0 .ms-bgColor-neutralLighter--hover:hover{background-color:#f4f4f4}.ms-Fabric--v9-5-0 .ms-bgColor-neutralLighterAlt,.ms-Fabric--v9-5-0 .ms-bgColor-neutralLighterAlt--hover:hover{background-color:#f8f8f8}.ms-Fabric--v9-5-0 .ms-bgColor-white,.ms-Fabric--v9-5-0 .ms-bgColor-white--hover:hover{background-color:#fff}.ms-Fabric--v9-5-0 .ms-bgColor-yellow,.ms-Fabric--v9-5-0 .ms-bgColor-yellow--hover:hover{background-color:#ffb900}.ms-Fabric--v9-5-0 .ms-bgColor-yellowLight,.ms-Fabric--v9-5-0 .ms-bgColor-yellowLight--hover:hover{background-color:#fff100}.ms-Fabric--v9-5-0 .ms-bgColor-orange,.ms-Fabric--v9-5-0 .ms-bgColor-orange--hover:hover{background-color:#d83b01}.ms-Fabric--v9-5-0 .ms-bgColor-orangeLight,.ms-Fabric--v9-5-0 .ms-bgColor-orangeLight--hover:hover{background-color:#ea4300}.ms-Fabric--v9-5-0 .ms-bgColor-orangeLighter,.ms-Fabric--v9-5-0 .ms-bgColor-orangeLighter--hover:hover{background-color:#ff8c00}.ms-Fabric--v9-5-0 .ms-bgColor-redDark,.ms-Fabric--v9-5-0 .ms-bgColor-redDark--hover:hover{background-color:#a80000}.ms-Fabric--v9-5-0 .ms-bgColor-red,.ms-Fabric--v9-5-0 .ms-bgColor-red--hover:hover{background-color:#e81123}.ms-Fabric--v9-5-0 .ms-bgColor-magentaDark,.ms-Fabric--v9-5-0 .ms-bgColor-magentaDark--hover:hover{background-color:#5c005c}.ms-Fabric--v9-5-0 .ms-bgColor-magenta,.ms-Fabric--v9-5-0 .ms-bgColor-magenta--hover:hover{background-color:#b4009e}.ms-Fabric--v9-5-0 .ms-bgColor-magentaLight,.ms-Fabric--v9-5-0 .ms-bgColor-magentaLight--hover:hover{background-color:#e3008c}.ms-Fabric--v9-5-0 .ms-bgColor-purpleDark,.ms-Fabric--v9-5-0 .ms-bgColor-purpleDark--hover:hover{background-color:#32145a}.ms-Fabric--v9-5-0 .ms-bgColor-purple,.ms-Fabric--v9-5-0 .ms-bgColor-purple--hover:hover{background-color:#5c2d91}.ms-Fabric--v9-5-0 .ms-bgColor-purpleLight,.ms-Fabric--v9-5-0 .ms-bgColor-purpleLight--hover:hover{background-color:#b4a0ff}.ms-Fabric--v9-5-0 .ms-bgColor-blueDark,.ms-Fabric--v9-5-0 .ms-bgColor-blueDark--hover:hover{background-color:#002050}.ms-Fabric--v9-5-0 .ms-bgColor-blueMid,.ms-Fabric--v9-5-0 .ms-bgColor-blueMid--hover:hover{background-color:#00188f}.ms-Fabric--v9-5-0 .ms-bgColor-blue,.ms-Fabric--v9-5-0 .ms-bgColor-blue--hover:hover{background-color:#0078d7}.ms-Fabric--v9-5-0 .ms-bgColor-blueLight,.ms-Fabric--v9-5-0 .ms-bgColor-blueLight--hover:hover{background-color:#00bcf2}.ms-Fabric--v9-5-0 .ms-bgColor-tealDark,.ms-Fabric--v9-5-0 .ms-bgColor-tealDark--hover:hover{background-color:#004b50}.ms-Fabric--v9-5-0 .ms-bgColor-teal,.ms-Fabric--v9-5-0 .ms-bgColor-teal--hover:hover{background-color:#008272}.ms-Fabric--v9-5-0 .ms-bgColor-tealLight,.ms-Fabric--v9-5-0 .ms-bgColor-tealLight--hover:hover{background-color:#00b294}.ms-Fabric--v9-5-0 .ms-bgColor-greenDark,.ms-Fabric--v9-5-0 .ms-bgColor-greenDark--hover:hover{background-color:#004b1c}.ms-Fabric--v9-5-0 .ms-bgColor-green,.ms-Fabric--v9-5-0 .ms-bgColor-green--hover:hover{background-color:#107c10}.ms-Fabric--v9-5-0 .ms-bgColor-greenLight,.ms-Fabric--v9-5-0 .ms-bgColor-greenLight--hover:hover{background-color:#bad80a}.ms-Fabric--v9-5-0 .ms-bgColor-info,.ms-Fabric--v9-5-0 .ms-bgColor-info--hover:hover{background-color:#f4f4f4}.ms-Fabric--v9-5-0 .ms-bgColor-success,.ms-Fabric--v9-5-0 .ms-bgColor-success--hover:hover{background-color:#dff6dd}.ms-Fabric--v9-5-0 .ms-bgColor-severeWarning,.ms-Fabric--v9-5-0 .ms-bgColor-severeWarning--hover:hover{background-color:#fed9cc}.ms-Fabric--v9-5-0 .ms-bgColor-warning,.ms-Fabric--v9-5-0 .ms-bgColor-warning--hover:hover{background-color:#fff4ce}.ms-Fabric--v9-5-0 .ms-bgColor-error,.ms-Fabric--v9-5-0 .ms-bgColor-error--hover:hover{background-color:#fde7e9}.ms-Fabric--v9-5-0 .ms-borderColor-themeDark,.ms-Fabric--v9-5-0 .ms-borderColor-themeDark--hover:hover{border-color:#005a9e}.ms-Fabric--v9-5-0 .ms-borderColor-themeDarkAlt,.ms-Fabric--v9-5-0 .ms-borderColor-themeDarkAlt--hover:hover{border-color:#106ebe}.ms-Fabric--v9-5-0 .ms-borderColor-themeDarker,.ms-Fabric--v9-5-0 .ms-borderColor-themeDarker--hover:hover{border-color:#004578}.ms-Fabric--v9-5-0 .ms-borderColor-themePrimary,.ms-Fabric--v9-5-0 .ms-borderColor-themePrimary--hover:hover{border-color:#0078d7}.ms-Fabric--v9-5-0 .ms-borderColor-themeSecondary,.ms-Fabric--v9-5-0 .ms-borderColor-themeSecondary--hover:hover{border-color:#2b88d8}.ms-Fabric--v9-5-0 .ms-borderColor-themeTertiary,.ms-Fabric--v9-5-0 .ms-borderColor-themeTertiary--hover:hover{border-color:#71afe5}.ms-Fabric--v9-5-0 .ms-borderColor-themeLight,.ms-Fabric--v9-5-0 .ms-borderColor-themeLight--hover:hover{border-color:#c7e0f4}.ms-Fabric--v9-5-0 .ms-borderColor-themeLighter,.ms-Fabric--v9-5-0 .ms-borderColor-themeLighter--hover:hover{border-color:#deecf9}.ms-Fabric--v9-5-0 .ms-borderColor-themeLighterAlt,.ms-Fabric--v9-5-0 .ms-borderColor-themeLighterAlt--hover:hover{border-color:#eff6fc}.ms-Fabric--v9-5-0 .ms-borderColor-black,.ms-Fabric--v9-5-0 .ms-borderColor-black--hover:hover{border-color:#000}.ms-Fabric--v9-5-0 .ms-borderColor-neutralDark,.ms-Fabric--v9-5-0 .ms-borderColor-neutralDark--hover:hover{border-color:#212121}.ms-Fabric--v9-5-0 .ms-borderColor-neutralPrimary,.ms-Fabric--v9-5-0 .ms-borderColor-neutralPrimary--hover:hover{border-color:#333}.ms-Fabric--v9-5-0 .ms-borderColor-neutralPrimaryAlt,.ms-Fabric--v9-5-0 .ms-borderColor-neutralPrimaryAlt--hover:hover{border-color:#3c3c3c}.ms-Fabric--v9-5-0 .ms-borderColor-neutralSecondary,.ms-Fabric--v9-5-0 .ms-borderColor-neutralSecondary--hover:hover{border-color:#666}.ms-Fabric--v9-5-0 .ms-borderColor-neutralSecondaryAlt,.ms-Fabric--v9-5-0 .ms-borderColor-neutralSecondaryAlt--hover:hover{border-color:#767676}.ms-Fabric--v9-5-0 .ms-borderColor-neutralTertiary,.ms-Fabric--v9-5-0 .ms-borderColor-neutralTertiary--hover:hover{border-color:#a6a6a6}.ms-Fabric--v9-5-0 .ms-borderColor-neutralTertiaryAlt,.ms-Fabric--v9-5-0 .ms-borderColor-neutralTertiaryAlt--hover:hover{border-color:#c8c8c8}.ms-Fabric--v9-5-0 .ms-borderColor-neutralQuaternary,.ms-Fabric--v9-5-0 .ms-borderColor-neutralQuaternary--hover:hover{border-color:#d0d0d0}.ms-Fabric--v9-5-0 .ms-borderColor-neutralQuaternaryAlt,.ms-Fabric--v9-5-0 .ms-borderColor-neutralQuaternaryAlt--hover:hover{border-color:#dadada}.ms-Fabric--v9-5-0 .ms-borderColor-neutralLight,.ms-Fabric--v9-5-0 .ms-borderColor-neutralLight--hover:hover{border-color:#eaeaea}.ms-Fabric--v9-5-0 .ms-borderColor-neutralLighter,.ms-Fabric--v9-5-0 .ms-borderColor-neutralLighter--hover:hover{border-color:#f4f4f4}.ms-Fabric--v9-5-0 .ms-borderColor-neutralLighterAlt,.ms-Fabric--v9-5-0 .ms-borderColor-neutralLighterAlt--hover:hover{border-color:#f8f8f8}.ms-Fabric--v9-5-0 .ms-borderColor-white,.ms-Fabric--v9-5-0 .ms-borderColor-white--hover:hover{border-color:#fff}.ms-Fabric--v9-5-0 .ms-borderColor-yellow,.ms-Fabric--v9-5-0 .ms-borderColor-yellow--hover:hover{border-color:#ffb900}.ms-Fabric--v9-5-0 .ms-borderColor-yellowLight,.ms-Fabric--v9-5-0 .ms-borderColor-yellowLight--hover:hover{border-color:#fff100}.ms-Fabric--v9-5-0 .ms-borderColor-orange,.ms-Fabric--v9-5-0 .ms-borderColor-orange--hover:hover{border-color:#d83b01}.ms-Fabric--v9-5-0 .ms-borderColor-orangeLight,.ms-Fabric--v9-5-0 .ms-borderColor-orangeLight--hover:hover{border-color:#ea4300}.ms-Fabric--v9-5-0 .ms-borderColor-orangeLighter,.ms-Fabric--v9-5-0 .ms-borderColor-orangeLighter--hover:hover{border-color:#ff8c00}.ms-Fabric--v9-5-0 .ms-borderColor-redDark,.ms-Fabric--v9-5-0 .ms-borderColor-redDark--hover:hover{border-color:#a80000}.ms-Fabric--v9-5-0 .ms-borderColor-red,.ms-Fabric--v9-5-0 .ms-borderColor-red--hover:hover{border-color:#e81123}.ms-Fabric--v9-5-0 .ms-borderColor-magentaDark,.ms-Fabric--v9-5-0 .ms-borderColor-magentaDark--hover:hover{border-color:#5c005c}.ms-Fabric--v9-5-0 .ms-borderColor-magenta,.ms-Fabric--v9-5-0 .ms-borderColor-magenta--hover:hover{border-color:#b4009e}.ms-Fabric--v9-5-0 .ms-borderColor-magentaLight,.ms-Fabric--v9-5-0 .ms-borderColor-magentaLight--hover:hover{border-color:#e3008c}.ms-Fabric--v9-5-0 .ms-borderColor-purpleDark,.ms-Fabric--v9-5-0 .ms-borderColor-purpleDark--hover:hover{border-color:#32145a}.ms-Fabric--v9-5-0 .ms-borderColor-purple,.ms-Fabric--v9-5-0 .ms-borderColor-purple--hover:hover{border-color:#5c2d91}.ms-Fabric--v9-5-0 .ms-borderColor-purpleLight,.ms-Fabric--v9-5-0 .ms-borderColor-purpleLight--hover:hover{border-color:#b4a0ff}.ms-Fabric--v9-5-0 .ms-borderColor-blueDark,.ms-Fabric--v9-5-0 .ms-borderColor-blueDark--hover:hover{border-color:#002050}.ms-Fabric--v9-5-0 .ms-borderColor-blueMid,.ms-Fabric--v9-5-0 .ms-borderColor-blueMid--hover:hover{border-color:#00188f}.ms-Fabric--v9-5-0 .ms-borderColor-blue,.ms-Fabric--v9-5-0 .ms-borderColor-blue--hover:hover{border-color:#0078d7}.ms-Fabric--v9-5-0 .ms-borderColor-blueLight,.ms-Fabric--v9-5-0 .ms-borderColor-blueLight--hover:hover{border-color:#00bcf2}.ms-Fabric--v9-5-0 .ms-borderColor-tealDark,.ms-Fabric--v9-5-0 .ms-borderColor-tealDark--hover:hover{border-color:#004b50}.ms-Fabric--v9-5-0 .ms-borderColor-teal,.ms-Fabric--v9-5-0 .ms-borderColor-teal--hover:hover{border-color:#008272}.ms-Fabric--v9-5-0 .ms-borderColor-tealLight,.ms-Fabric--v9-5-0 .ms-borderColor-tealLight--hover:hover{border-color:#00b294}.ms-Fabric--v9-5-0 .ms-borderColor-greenDark,.ms-Fabric--v9-5-0 .ms-borderColor-greenDark--hover:hover{border-color:#004b1c}.ms-Fabric--v9-5-0 .ms-borderColor-green,.ms-Fabric--v9-5-0 .ms-borderColor-green--hover:hover{border-color:#107c10}.ms-Fabric--v9-5-0 .ms-borderColor-greenLight,.ms-Fabric--v9-5-0 .ms-borderColor-greenLight--hover:hover{border-color:#bad80a}.ms-Fabric--v9-5-0 .ms-font-su{font-size:42px;font-weight:100}.ms-Fabric--v9-5-0 .ms-font-xxl{font-size:28px;font-weight:100}.ms-Fabric--v9-5-0 .ms-font-xl-plus{font-size:24px;font-weight:100}.ms-Fabric--v9-5-0 .ms-font-xl{font-size:21px;font-weight:100}.ms-Fabric--v9-5-0 .ms-font-l{font-size:17px;font-weight:300}.ms-Fabric--v9-5-0 .ms-font-m-plus{font-size:15px;font-weight:400}.ms-Fabric--v9-5-0 .ms-font-m{font-size:14px;font-weight:400}.ms-Fabric--v9-5-0 .ms-font-s-plus{font-size:13px;font-weight:400}.ms-Fabric--v9-5-0 .ms-font-s{font-size:12px;font-weight:400}.ms-Fabric--v9-5-0 .ms-font-xs{font-size:11px;font-weight:400}.ms-Fabric--v9-5-0 .ms-font-mi{font-size:10px;font-weight:600}.ms-Fabric--v9-5-0 .ms-fontWeight-light{font-weight:100}.ms-Fabric--v9-5-0 .ms-fontWeight-semilight{font-weight:300}.ms-Fabric--v9-5-0 .ms-fontWeight-regular{font-weight:400}.ms-Fabric--v9-5-0 .ms-fontWeight-semibold{font-weight:600}.ms-Fabric--v9-5-0 .ms-fontWeight-bold{font-weight:700}.ms-Fabric--v9-5-0 .ms-fontSize-su{font-size:42px}.ms-Fabric--v9-5-0 .ms-fontSize-xxl{font-size:28px}.ms-Fabric--v9-5-0 .ms-fontSize-xlPlus{font-size:24px}.ms-Fabric--v9-5-0 .ms-fontSize-xl{font-size:21px}.ms-Fabric--v9-5-0 .ms-fontSize-l{font-size:17px}.ms-Fabric--v9-5-0 .ms-fontSize-mPlus{font-size:15px}.ms-Fabric--v9-5-0 .ms-fontSize-m{font-size:14px}.ms-Fabric--v9-5-0 .ms-fontSize-sPlus{font-size:13px}.ms-Fabric--v9-5-0 .ms-fontSize-s{font-size:12px}.ms-Fabric--v9-5-0 .ms-fontSize-xs{font-size:11px}.ms-Fabric--v9-5-0 .ms-fontSize-mi{font-size:10px}.ms-Fabric--v9-5-0 .ms-fontColor-themeDarker,.ms-Fabric--v9-5-0 .ms-fontColor-themeDarker--hover:hover{color:#004578}.ms-Fabric--v9-5-0 .ms-fontColor-themeDark,.ms-Fabric--v9-5-0 .ms-fontColor-themeDark--hover:hover{color:#005a9e}.ms-Fabric--v9-5-0 .ms-fontColor-themeDarkAlt,.ms-Fabric--v9-5-0 .ms-fontColor-themeDarkAlt--hover:hover{color:#106ebe}.ms-Fabric--v9-5-0 .ms-fontColor-themePrimary,.ms-Fabric--v9-5-0 .ms-fontColor-themePrimary--hover:hover{color:#0078d7}.ms-Fabric--v9-5-0 .ms-fontColor-themeSecondary,.ms-Fabric--v9-5-0 .ms-fontColor-themeSecondary--hover:hover{color:#2b88d8}.ms-Fabric--v9-5-0 .ms-fontColor-themeTertiary,.ms-Fabric--v9-5-0 .ms-fontColor-themeTertiary--hover:hover{color:#71afe5}.ms-Fabric--v9-5-0 .ms-fontColor-themeLight,.ms-Fabric--v9-5-0 .ms-fontColor-themeLight--hover:hover{color:#c7e0f4}.ms-Fabric--v9-5-0 .ms-fontColor-themeLighter,.ms-Fabric--v9-5-0 .ms-fontColor-themeLighter--hover:hover{color:#deecf9}.ms-Fabric--v9-5-0 .ms-fontColor-themeLighterAlt,.ms-Fabric--v9-5-0 .ms-fontColor-themeLighterAlt--hover:hover{color:#eff6fc}.ms-Fabric--v9-5-0 .ms-fontColor-black,.ms-Fabric--v9-5-0 .ms-fontColor-black--hover:hover{color:#000}.ms-Fabric--v9-5-0 .ms-fontColor-neutralDark,.ms-Fabric--v9-5-0 .ms-fontColor-neutralDark--hover:hover{color:#212121}.ms-Fabric--v9-5-0 .ms-fontColor-neutralPrimary,.ms-Fabric--v9-5-0 .ms-fontColor-neutralPrimary--hover:hover{color:#333}.ms-Fabric--v9-5-0 .ms-fontColor-neutralPrimaryAlt,.ms-Fabric--v9-5-0 .ms-fontColor-neutralPrimaryAlt--hover:hover{color:#3c3c3c}.ms-Fabric--v9-5-0 .ms-fontColor-neutralSecondary,.ms-Fabric--v9-5-0 .ms-fontColor-neutralSecondary--hover:hover{color:#666}.ms-Fabric--v9-5-0 .ms-fontColor-neutralSecondaryAlt,.ms-Fabric--v9-5-0 .ms-fontColor-neutralSecondaryAlt--hover:hover{color:#767676}.ms-Fabric--v9-5-0 .ms-fontColor-neutralTertiary,.ms-Fabric--v9-5-0 .ms-fontColor-neutralTertiary--hover:hover{color:#a6a6a6}.ms-Fabric--v9-5-0 .ms-fontColor-neutralTertiaryAlt,.ms-Fabric--v9-5-0 .ms-fontColor-neutralTertiaryAlt--hover:hover{color:#c8c8c8}.ms-Fabric--v9-5-0 .ms-fontColor-neutralQuaternary,.ms-Fabric--v9-5-0 .ms-fontColor-neutralQuaternary--hover:hover{color:#d0d0d0}.ms-Fabric--v9-5-0 .ms-fontColor-neutralQuaternaryAlt,.ms-Fabric--v9-5-0 .ms-fontColor-neutralQuaternaryAlt--hover:hover{color:#dadada}.ms-Fabric--v9-5-0 .ms-fontColor-neutralLight,.ms-Fabric--v9-5-0 .ms-fontColor-neutralLight--hover:hover{color:#eaeaea}.ms-Fabric--v9-5-0 .ms-fontColor-neutralLighter,.ms-Fabric--v9-5-0 .ms-fontColor-neutralLighter--hover:hover{color:#f4f4f4}.ms-Fabric--v9-5-0 .ms-fontColor-neutralLighterAlt,.ms-Fabric--v9-5-0 .ms-fontColor-neutralLighterAlt--hover:hover{color:#f8f8f8}.ms-Fabric--v9-5-0 .ms-fontColor-white,.ms-Fabric--v9-5-0 .ms-fontColor-white--hover:hover{color:#fff}.ms-Fabric--v9-5-0 .ms-fontColor-yellow,.ms-Fabric--v9-5-0 .ms-fontColor-yellow--hover:hover{color:#ffb900}.ms-Fabric--v9-5-0 .ms-fontColor-yellowLight,.ms-Fabric--v9-5-0 .ms-fontColor-yellowLight--hover:hover{color:#fff100}.ms-Fabric--v9-5-0 .ms-fontColor-orange,.ms-Fabric--v9-5-0 .ms-fontColor-orange--hover:hover{color:#d83b01}.ms-Fabric--v9-5-0 .ms-fontColor-orangeLight,.ms-Fabric--v9-5-0 .ms-fontColor-orangeLight--hover:hover{color:#ea4300}.ms-Fabric--v9-5-0 .ms-fontColor-orangeLighter,.ms-Fabric--v9-5-0 .ms-fontColor-orangeLighter--hover:hover{color:#ff8c00}.ms-Fabric--v9-5-0 .ms-fontColor-redDark,.ms-Fabric--v9-5-0 .ms-fontColor-redDark--hover:hover{color:#a80000}.ms-Fabric--v9-5-0 .ms-fontColor-red,.ms-Fabric--v9-5-0 .ms-fontColor-red--hover:hover{color:#e81123}.ms-Fabric--v9-5-0 .ms-fontColor-magentaDark,.ms-Fabric--v9-5-0 .ms-fontColor-magentaDark--hover:hover{color:#5c005c}.ms-Fabric--v9-5-0 .ms-fontColor-magenta,.ms-Fabric--v9-5-0 .ms-fontColor-magenta--hover:hover{color:#b4009e}.ms-Fabric--v9-5-0 .ms-fontColor-magentaLight,.ms-Fabric--v9-5-0 .ms-fontColor-magentaLight--hover:hover{color:#e3008c}.ms-Fabric--v9-5-0 .ms-fontColor-purpleDark,.ms-Fabric--v9-5-0 .ms-fontColor-purpleDark--hover:hover{color:#32145a}.ms-Fabric--v9-5-0 .ms-fontColor-purple,.ms-Fabric--v9-5-0 .ms-fontColor-purple--hover:hover{color:#5c2d91}.ms-Fabric--v9-5-0 .ms-fontColor-purpleLight,.ms-Fabric--v9-5-0 .ms-fontColor-purpleLight--hover:hover{color:#b4a0ff}.ms-Fabric--v9-5-0 .ms-fontColor-blueDark,.ms-Fabric--v9-5-0 .ms-fontColor-blueDark--hover:hover{color:#002050}.ms-Fabric--v9-5-0 .ms-fontColor-blueMid,.ms-Fabric--v9-5-0 .ms-fontColor-blueMid--hover:hover{color:#00188f}.ms-Fabric--v9-5-0 .ms-fontColor-blue,.ms-Fabric--v9-5-0 .ms-fontColor-blue--hover:hover{color:#0078d7}.ms-Fabric--v9-5-0 .ms-fontColor-blueLight,.ms-Fabric--v9-5-0 .ms-fontColor-blueLight--hover:hover{color:#00bcf2}.ms-Fabric--v9-5-0 .ms-fontColor-tealDark,.ms-Fabric--v9-5-0 .ms-fontColor-tealDark--hover:hover{color:#004b50}.ms-Fabric--v9-5-0 .ms-fontColor-teal,.ms-Fabric--v9-5-0 .ms-fontColor-teal--hover:hover{color:#008272}.ms-Fabric--v9-5-0 .ms-fontColor-tealLight,.ms-Fabric--v9-5-0 .ms-fontColor-tealLight--hover:hover{color:#00b294}.ms-Fabric--v9-5-0 .ms-fontColor-greenDark,.ms-Fabric--v9-5-0 .ms-fontColor-greenDark--hover:hover{color:#004b1c}.ms-Fabric--v9-5-0 .ms-fontColor-green,.ms-Fabric--v9-5-0 .ms-fontColor-green--hover:hover{color:#107c10}.ms-Fabric--v9-5-0 .ms-fontColor-greenLight,.ms-Fabric--v9-5-0 .ms-fontColor-greenLight--hover:hover{color:#bad80a}.ms-Fabric--v9-5-0 .ms-fontColor-info,.ms-Fabric--v9-5-0 .ms-fontColor-info--hover:hover{color:#767676}.ms-Fabric--v9-5-0 .ms-fontColor-success,.ms-Fabric--v9-5-0 .ms-fontColor-success--hover:hover{color:#107c10}.ms-Fabric--v9-5-0 .ms-fontColor-alert,.ms-Fabric--v9-5-0 .ms-fontColor-alert--hover:hover{color:#d83b01}.ms-Fabric--v9-5-0 .ms-fontColor-warning,.ms-Fabric--v9-5-0 .ms-fontColor-warning--hover:hover{color:#767676}.ms-Fabric--v9-5-0 .ms-fontColor-severeWarning,.ms-Fabric--v9-5-0 .ms-fontColor-severeWarning--hover:hover{color:#d83b01}.ms-Fabric--v9-5-0 .ms-fontColor-error,.ms-Fabric--v9-5-0 .ms-fontColor-error--hover:hover{color:#a80000}.ms-Fabric--v9-5-0 .ms-Grid{box-sizing:border-box;*zoom:1;padding:0 8px}.ms-Fabric--v9-5-0 .ms-Grid:after,.ms-Fabric--v9-5-0 .ms-Grid:before{display:table;content:"";line-height:0}.ms-Fabric--v9-5-0 .ms-Grid:after{clear:both}.ms-Fabric--v9-5-0 .ms-Grid-row{margin:0 -8px;box-sizing:border-box;*zoom:1}.ms-Fabric--v9-5-0 .ms-Grid-row:after,.ms-Fabric--v9-5-0 .ms-Grid-row:before{display:table;content:"";line-height:0}.ms-Fabric--v9-5-0 .ms-Grid-row:after{clear:both}.ms-Fabric--v9-5-0 .ms-Grid-col{position:relative;min-height:1px;padding-left:8px;padding-right:8px;box-sizing:border-box}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Grid-col{float:left}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Grid-col{float:right}.ms-Fabric--v9-5-0 .ms-Grid-col .ms-Grid{padding:0}.ms-Fabric--v9-5-0 .ms-Icon{display:inline-block;font-family:FabricMDL2Icons-9;font-style:normal;font-weight:400;speak:none}.ms-Fabric--v9-5-0 .ms-Icon--circle{margin:0 .5em 0 0;position:relative;display:inline-block;font-size:1rem;width:1em;height:1em;padding:0;text-align:left}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--circle{margin:0 0 0 .5em}.ms-Fabric--v9-5-0 .ms-Icon--circle:after,.ms-Fabric--v9-5-0 .ms-Icon--circle:before{line-height:1;font-size:inherit}.ms-Fabric--v9-5-0 .ms-Icon--circle:before{display:block;width:100%;height:100%;margin:0;padding:0;vertical-align:top;position:absolute}.ms-Fabric--v9-5-0 .ms-Icon--circle:after{content:"\e000";position:absolute;top:0;left:0;transform:scale(2);transform-origin:50% 50%;z-index:0}.ms-Fabric--v9-5-0 .ms-Icon--xs{font-size:10px}.ms-Fabric--v9-5-0 .ms-Icon--s{font-size:12px}.ms-Fabric--v9-5-0 .ms-Icon--m{font-size:16px}.ms-Fabric--v9-5-0 .ms-Icon--l{font-size:20px}.ms-Fabric--v9-5-0 .ms-Icon--12PointStar:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--6PointStar:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AADLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Accept:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AccessLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AccessLogoFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AccountManagement:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Accounts:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ActivateOrders:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ActivityFeed:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Add:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AddBookmark:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AddEvent:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AddFavorite:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AddFavoriteFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AddFriend:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AddGroup:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AddNotes:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AddOnlineMeeting:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AddPhone:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AddTo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Admin:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AdminALogo32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AdminALogoFill32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AdminALogoInverse32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AdminCLogoInverse32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AdminDLogoInverse32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AdminELogoInverse32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AdminLLogoInverse32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AdminMLogoInverse32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AdminOLogoInverse32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AdminPLogoInverse32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AdminSLogoInverse32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AdminYLogoInverse32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Airplane:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AirplaneSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AirTickets:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AlarmClock:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Album:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AlbumRemove:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AlertSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AlignCenter:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AlignHorizontalCenter:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AlignHorizontalLeft:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AlignHorizontalRight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AlignJustify:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AlignLeft:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AlignRight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AlignVerticalBottom:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AlignVerticalCenter:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AlignVerticalTop:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--AllApps:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--AllAppsMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--AllApps:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--AllAppsMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AnalyticsLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AnalyticsQuery:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AnalyticsReport:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AnalyticsView:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AnchorLock:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Annotation:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AppIconDefault:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Archive:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AreaChart:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ArrangeBringForward:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ArrangeBringToFront:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ArrangeByFrom:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ArrangeSendBackward:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ArrangeSendToBack:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Arrivals:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ArrowDownRight8:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ArrowDownRightMirrored8:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ArrowDownRight8:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ArrowDownRightMirrored8:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ArrowTallDownLeft:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ArrowTallDownRight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ArrowTallUpLeft:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ArrowTallUpRight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ArrowUpRight:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ArrowUpRight8:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ArrowUpRightMirrored8:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ArrowUpRight8:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ArrowUpRightMirrored8:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Articles:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Ascending:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AspectRatio:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AssessmentGroup:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AssessmentGroupTemplate:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AssetLibrary:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Assign:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Asterisk:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AsteriskSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ATPLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Attach:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AustralianRules:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AutoEnhanceOff:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AutoEnhanceOn:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AutoFillTemplate:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AutoHeight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AutoRacing:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AwayStatus:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AzureAPIManagement:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AzureKeyVault:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AzureLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--AzureServiceEndpoint:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Back:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BackgroundColor:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Backlog:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BacklogBoard:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BackToWindow:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Badge:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Balloons:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BankSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BarChart4:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BarChartHorizontal:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BarChartVertical:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Baseball:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BeerMug:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BIDashboard:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BidiLtr:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BidiRtl:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BingLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BirthdayCake:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BlockContact:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Blocked:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Blocked12:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Blocked2:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BlockedSite:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BlockedSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BlowingSnow:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Blur:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Boards:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Bold:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BookingsLogo:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--Bookmarks:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--BookmarksMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--Bookmarks:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--BookmarksMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BorderDash:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BorderDot:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BoxAdditionSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BoxCheckmarkSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BoxMultiplySolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BoxPlaySolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BoxSubtractSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BranchCommit:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BranchCompare:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BranchFork:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BranchFork2:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BranchLocked:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BranchMerge:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BranchPullRequest:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BranchSearch:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BranchShelveset:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Breadcrumb:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Breakfast:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Brightness:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Broom:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BrowserScreenShot:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BrowserTab:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BrowserTabScreenshot:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Brunch:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BucketColor:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BucketColorFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BufferTimeAfter:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BufferTimeBefore:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BufferTimeBoth:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Bug:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BugSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Build:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BuildIssue:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BuildQueue:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BuildQueueNew:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BulkUpload:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--BulletedList2:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--BulletedList2Mirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--BulletedList2:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--BulletedList2Mirrored:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--BulletedList:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--BulletedListMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--BulletedList:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--BulletedListMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Bullseye:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Bus:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BusinessCenterLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BusinessHoursSign:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--BusSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Cafe:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Cake:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Calculator:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CalculatorAddition:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CalculatorEqualTo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CalculatorMultiply:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CalculatorNotEqualTo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CalculatorSubtract:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CalendarAgenda:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CalendarDay:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--Calendar:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--CalendarMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--Calendar:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--CalendarMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CalendarReply:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--CalendarSettings:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--CalendarSettingsMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--CalendarSettings:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--CalendarSettingsMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CalendarWeek:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CalendarWorkWeek:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaloriesAdd:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Camera:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Cancel:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CannedChat:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Car:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretBottomLeftCenter8:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretBottomLeftSolid8:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretBottomRightCenter8:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretBottomRightSolid8:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretDown8:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretDownSolid8:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--CaretHollow:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--CaretHollowMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--CaretHollow:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--CaretHollowMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretLeft8:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretLeftSolid8:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretRight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretRight8:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretRightSolid8:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretSolid16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretSolidDown:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretSolidLeft:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--CaretSolid:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--CaretSolidMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--CaretSolid:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--CaretSolidMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretSolidRight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretSolidUp:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretTopLeftCenter8:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretTopLeftSolid8:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretTopRightCenter8:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretTopRightSolid8:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretUp8:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CaretUpSolid8:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Cat:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CellPhone:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Certificate:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CertifiedDatabase:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Chart:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChartSeries:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChartXAngle:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChartYAngle:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Chat:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChatInviteFriend:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChatSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Checkbox:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CheckboxComposite:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CheckboxCompositeReversed:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CheckboxIndeterminate:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CheckedOutByOther12:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CheckedOutByYou12:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CheckList:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CheckMark:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChevronDown:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChevronDownEnd6:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChevronDownMed:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChevronDownSmall:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChevronFold10:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChevronLeft:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChevronLeftEnd6:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChevronLeftMed:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChevronLeftSmall:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChevronRight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChevronRightEnd6:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChevronRightMed:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChevronRightSmall:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChevronUnfold10:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChevronUp:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChevronUpEnd6:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChevronUpMed:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChevronUpSmall:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Chopsticks:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ChromeBack:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ChromeBackMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ChromeBack:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ChromeBackMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChromeClose:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ChromeMinimize:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CircleAddition:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CircleAdditionSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CircleFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CircleHalfFull:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CirclePause:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CirclePauseSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CirclePlus:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CircleRing:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CircleShapeSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CircleStop:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CircleStopSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CityNext:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ClassNotebookLogo16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ClassNotebookLogo32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ClassNotebookLogoFill16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ClassNotebookLogoFill32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ClassNotebookLogoInverse:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ClassNotebookLogoInverse16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ClassNotebookLogoInverse32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ClassroomLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Clear:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ClearFilter:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ClearFormatting:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ClearNight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ClipboardSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Clock:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CloneToDesktop:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ClosedCaption:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ClosePane:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ClosePaneMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ClosePane:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ClosePaneMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Cloud:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CloudAdd:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CloudDownload:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CloudUpload:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CloudWeather:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Cloudy:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Cocktails:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Code:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CodeEdit:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Coffee:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CoffeeScript:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CollapseContent:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CollapseContentSingle:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CollapseMenu:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CollegeFootball:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CollegeHoops:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Color:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ColorSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ColumnLeftTwoThirds:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ColumnLeftTwoThirdsEdit:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ColumnOptions:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ColumnRightTwoThirds:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ColumnRightTwoThirdsEdit:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Combine:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Combobox:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CommandPrompt:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Comment:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CommentAdd:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CommentNext:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CommentPrevious:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CommentUrgent:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Commitments:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Communications:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--CompanyDirectory:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--CompanyDirectoryMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--CompanyDirectory:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--CompanyDirectoryMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CompassNW:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Completed:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CompletedSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ConfigurationSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ConnectContacts:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ConstructionCone:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ConstructionConeSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Contact:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ContactCard:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ContactCardSettings:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ContactCardSettingsMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ContactCardSettings:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ContactCardSettingsMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ContactInfo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ContactLink:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ContextMenu:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Contrast:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Copy:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Cotton:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CPlusPlus:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CPlusPlusLanguage:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CreateMailRule:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Cricket:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CRMReport:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Crop:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Crown:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CrownSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CSharp:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CSharpLanguage:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--CSS:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--CustomList:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--CustomListMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--CustomList:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--CustomListMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Cut:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Cycling:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DashboardAdd:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Database:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DataConnectionLibrary:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DateTime2:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--DateTime:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--DateTimeMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--DateTime:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--DateTimeMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DeactivateOrders:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DecisionSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DeclineCall:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DecreaseIndentLegacy:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DefaultRatio:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DefectSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Delete:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DeleteColumns:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--DeleteRows:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--DeleteRowsMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--DeleteRows:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--DeleteRowsMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DeleteTable:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DeliveryTruck:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DelveAnalytics:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DelveAnalyticsLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DelveLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DelveLogoFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DelveLogoInverse:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Deploy:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Descending:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Design:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DesktopScreenshot:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DeveloperTools:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Devices3:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Devices4:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Diagnostic:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Dialpad:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DiamondSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Dictionary:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DictionaryRemove:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DietPlanNotebook:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DiffInline:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DiffSideBySide:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DisableUpdates:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Dislike:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DislikeSolid:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--DockLeft:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--DockLeftMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--DockLeft:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--DockLeftMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DockRight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DocLibrary:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DocsLogoInverse:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Document:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DocumentApproval:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Documentation:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DocumentManagement:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DocumentReply:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DocumentSearch:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DocumentSet:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DOM:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DonutChart:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Door:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DoubleBookmark:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronDown:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronDown12:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronDown8:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronLeft:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronLeft12:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronLeft8:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronLeftMed:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronLeftMedMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronLeftMed:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronLeftMedMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronRight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronRight12:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronRight8:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronUp:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronUp12:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DoubleChevronUp8:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DoubleColumn:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DoubleColumnEdit:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Down:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Download:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DownloadDocument:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DragObject:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DrillDown:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DrillDownSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DrillExpand:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DrillShow:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DrillThrough:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DRM:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Drop:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Dropdown:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DropShapeSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Duststorm:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Dynamics365Logo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--DynamicSMBLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--EatDrink:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--EdgeLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--EditContact:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--EditMail:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--Edit:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--EditMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--Edit:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--EditMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--EditNote:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--EditPhoto:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--EditSolid12:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--EditSolidMirrored12:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--EditSolid12:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--EditSolidMirrored12:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--EditStyle:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Education:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Ellipse:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Embed:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--EMI:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Emoji:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Emoji2:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--EmojiDisappointed:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--EmojiNeutral:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--EmojiTabSymbols:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--EmptyRecycleBin:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Encryption:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--EngineeringGroup:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--EntryDecline:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--EntryView:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Equalizer:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--EraseTool:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Error:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ErrorBadge:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Event:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--EventAccepted:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--EventDate:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--EventDeclined:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--EventInfo:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--EventTentative:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--EventTentativeMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--EventTentative:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--EventTentativeMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ExcelDocument:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ExcelLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ExcelLogo16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ExcelLogoFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ExcelLogoFill16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ExcelLogoInverse:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ExcelLogoInverse16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ExchangeLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ExchangeLogoFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ExchangeLogoInverse:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ExerciseTracker:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ExpandMenu:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ExploreContent:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ExploreContentSingle:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ExploreData:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--Export:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ExportMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--Export:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ExportMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ExternalBuild:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ExternalGit:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ExternalTFVC:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ExternalXAML:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--F12DevTools:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FabricAssetLibrary:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FabricDataConnectionLibrary:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FabricDocLibrary:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FabricFolder:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FabricFolderFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FabricFolderSearch:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--FabricFormLibrary:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--FabricFormLibraryMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--FabricFormLibrary:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--FabricFormLibraryMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FabricMovetoFolder:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FabricNewFolder:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FabricOpenFolderHorizontal:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FabricPictureLibrary:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FabricPublicFolder:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--FabricReportLibrary:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--FabricReportLibraryMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--FabricReportLibrary:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--FabricReportLibraryMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FabricSyncFolder:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FabricUnsyncFolder:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Family:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FangBody:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FastForward:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FastMode:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Favicon:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FavoriteList:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FavoriteStar:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FavoriteStarFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Fax:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Feedback:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--FeedbackRequestSolid:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--FeedbackRequestMirroredSolid:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--FeedbackRequestSolid:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--FeedbackRequestMirroredSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FeedbackResponseSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Ferry:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FerrySolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FieldChanged:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FieldEmpty:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FieldFilled:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FieldNotChanged:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FieldReadOnly:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FieldRequired:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FileASPX:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FileBug:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FileCode:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FileComment:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FileCSS:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FileHTML:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FileImage:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FileJAVA:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FileLess:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FilePDB:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FileSass:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FileSQL:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FileSymlink:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FileTemplate:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FileTypeSolution:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FileYML:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Filter:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Filters:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FilterSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FiltersSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Financial:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--FinancialSolid:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--FinancialMirroredSolid:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--FinancialSolid:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--FinancialMirroredSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Fingerprint:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FiveTileGrid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Flag:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FlameSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FlickDown:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FlickLeft:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FlickRight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FlickUp:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Flow:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FocalPoint:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Fog:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Folder:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FolderFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FolderHorizontal:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--FolderList:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--FolderListMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--FolderList:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--FolderListMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FolderOpen:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FolderQuery:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FolderSearch:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FollowUser:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Font:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FontColor:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FontColorA:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FontColorSwatch:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FontDecrease:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FontIncrease:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FontSize:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--FormLibrary:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--FormLibraryMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--FormLibrary:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--FormLibraryMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Forward:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ForwardEvent:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Freezing:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Frigid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FSharp:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FSharpLanguage:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FullCircleMask:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FullHistory:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FullScreen:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FullWidth:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FullWidthEdit:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--FunctionalManagerDashboard:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--GallatinLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Generate:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--GenericScan:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Giftbox:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--GiftboxOpen:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--GiftBoxSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--GiftCard:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--GitFork:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--GitGraph:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Glasses:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Glimmer:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--GlobalNavButton:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Globe:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Globe2:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--GlobeFavorite:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Golf:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--GotoToday:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--GridViewLarge:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--GridViewMedium:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--GridViewSmall:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--GripperBarHorizontal:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--GripperBarVertical:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--GripperTool:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Group:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--GroupedAscending:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--GroupedDescending:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--GroupedList:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--GroupObject:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--GUID:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Guitar:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--HailDay:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--HailNight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--HalfAlpha:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--HalfCircle:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--HandsFree:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Handwriting:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--HardDrive:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--HardDriveGroup:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--HardDriveLock:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--HardDriveUnlock:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Header1:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Header2:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Header3:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Header4:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Headset:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--HeadsetSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Health:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--HealthSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Heart:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--HeartBroken:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--HeartFill:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--Help:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--HelpMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--Help:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--HelpMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Hexagon:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Hide:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Hide2:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Highlight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--HighlightMappedShapes:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--HintText:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--History:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Home:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--HomeSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--HorizontalDistributeCenter:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Hospital:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Hotel:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--HourGlass:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--IconSetsFlag:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--IDBadge:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ImageCrosshair:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ImageDiff:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ImagePixel:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ImageSearch:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Important:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--Import:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ImportMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--Import:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ImportMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Inbox:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--InboxCheck:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--IncidentTriangle:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--IncreaseIndentLegacy:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Info:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Info2:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--InfoSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--InsertColumnsLeft:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--InsertColumnsRight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--InsertRowsAbove:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--InsertRowsBelow:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--InsertSignatureLine:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--InsertTextBox:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--InstallToDrive:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--InternetSharing:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--IRMForward:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--IRMForwardMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--IRMForward:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--IRMForwardMirrored:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--IRMReply:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--IRMReplyMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--IRMReply:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--IRMReplyMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--IssueSolid:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--IssueTracking:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--IssueTrackingMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--IssueTracking:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--IssueTrackingMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Italic:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--JavaScriptLanguage:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--JoinOnlineMeeting:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--JS:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--KaizalaLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Label:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LadybugSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Lamp:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LandscapeOrientation:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LaptopSecure:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LaptopSelected:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LargeGrid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Leave:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Library:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Lifesaver:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LifesaverLock:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Light:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Lightbulb:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LightningBolt:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LightWeight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Like:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LikeSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Line:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LineChart:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LineSpacing:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LineStyle:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LineThickness:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Link:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LinkedInLogo:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--List:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ListMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--List:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ListMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LocaleLanguage:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Location:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LocationCircle:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LocationDot:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LocationFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LocationOutline:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Lock:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LockSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LogRemove:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LookupEntities:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LowerBrightness:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--LyncLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Mail:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MailAlert:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MailCheck:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MailFill:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--MailForward:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--MailForwardMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--MailForward:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--MailForwardMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MailLowImportance:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MailPause:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MailReminder:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MailRepeat:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--MailReplyAll:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--MailReplyAllMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--MailReplyAll:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--MailReplyAllMirrored:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--MailReply:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--MailReplyMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--MailReply:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--MailReplyMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MailSolid:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--MailTentative:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--MailTentativeMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--MailTentative:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--MailTentativeMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MailUndelivered:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ManagerSelfService:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MapDirections:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MapPin:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MapPinSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MarkDownLanguage:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Market:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MarketDown:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MasterDatabase:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MaximumValue:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Medal:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MediaAdd:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Medical:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Megaphone:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MegaphoneSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Memo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Merge:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MergeDuplicate:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Message:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MessageFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MicOff:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Microphone:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MicrosoftFlowLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MicrosoftStaffhubLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MiniContract:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MiniExpand:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MiniLink:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MinimumValue:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MobileReport:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MobileSelected:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Money:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--More:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MoreSports:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MoreVertical:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Move:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Movers:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MoveToFolder:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MSNLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MSNVideos:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MSNVideosSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MTMLogo:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--MultiSelect:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--MultiSelectMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--MultiSelect:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--MultiSelectMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MusicInCollection:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MusicInCollectionFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MusicNote:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--MyMoviesTV:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Nav2DMapView:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--NavigateBack:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--NavigateBackMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--NavigateBack:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--NavigateBackMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--NavigateExternalInline:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--NavigateForward:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--NavigateForwardMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--NavigateForward:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--NavigateForwardMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--NavigationFlipper:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--NetworkTower:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--NewAnalyticsQuery:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--NewFolder:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--News:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--NewsSearch:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--NewTeamProject:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Next:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--NonprofitLogo32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--NormalWeight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--NoteForward:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--NotePinned:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--NoteReply:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--NotExecuted:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--NotImpactedSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--NugetLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--NumberedList:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--NumberField:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--NumberSequence:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Octagon:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OEM:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OfficeAddinsLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OfficeAssistantLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OfficeFormsLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OfficeFormsLogo16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OfficeFormsLogo24:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OfficeFormsLogoFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OfficeFormsLogoFill16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OfficeFormsLogoFill24:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OfficeFormsLogoInverse:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OfficeFormsLogoInverse16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OfficeFormsLogoInverse24:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OfficeLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OfficeStoreLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OfficeVideoLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OfficeVideoLogoFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OfficeVideoLogoInverse:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OfflineOneDriveParachute:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OfflineOneDriveParachuteDisabled:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OfflineStorageSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OneDrive:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OneDriveAdd:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OneDriveFolder16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OneNoteEduLogoInverse:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OneNoteLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OneNoteLogo16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OneNoteLogoFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OneNoteLogoFill16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OneNoteLogoInverse:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OneNoteLogoInverse16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OpenFile:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OpenFolderHorizontal:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OpenInNewWindow:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--OpenPane:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--OpenPaneMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--OpenPane:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--OpenPaneMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OpenSource:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Org:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Orientation:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OutlookLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OutlookLogo16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OutlookLogoFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OutlookLogoFill16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OutlookLogoInverse:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OutlookLogoInverse16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--OutOfOffice:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Package:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Packages:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Padding:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PaddingBottom:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PaddingLeft:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PaddingRight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PaddingTop:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Page:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PageAdd:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PageCheckedin:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PageCheckedOut:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PageEdit:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PageLeft:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--PageListSolid:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--PageListMirroredSolid:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--PageListSolid:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--PageListMirroredSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PageLock:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PageRemove:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PageRight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PageSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PanoIndicator:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Parachute:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ParachuteSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Parameter:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ParkingLocation:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ParkingLocationMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ParkingLocation:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ParkingLocationMirrored:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ParkingSolid:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ParkingMirroredSolid:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ParkingSolid:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ParkingMirroredSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PartlyCloudyDay:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PartlyCloudyNight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PartyLeader:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Paste:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PasteAsCode:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PasteAsText:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Pause:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PaymentCard:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PC1:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PDF:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PencilReply:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Pentagon:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--People:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PeopleAdd:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PeopleAlert:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PeopleBlock:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PeoplePause:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PeopleRepeat:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Permissions:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PermissionsSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Personalize:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Phishing:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Phone:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Photo2:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Photo2Add:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Photo2Remove:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PhotoCollection:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Picture:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PictureCenter:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PictureFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PictureLibrary:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PicturePosition:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PictureStretch:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PictureTile:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PieDouble:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PieSingle:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PieSingleSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Pill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Pin:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Pinned:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PinnedFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PivotChart:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PlannerLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PlanView:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Play:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PlayerSettings:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PlayResume:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Plug:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PlugConnected:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PlugDisconnected:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PlugSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--POI:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--POISolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PostUpdate:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PowerApps:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PowerApps2Logo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PowerAppsLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PowerBILogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PowerButton:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PowerPointDocument:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PowerPointLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PowerPointLogo16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PowerPointLogoFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PowerPointLogoFill16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PowerPointLogoInverse:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PowerPointLogoInverse16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Precipitation:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PresenceChickletVideo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Preview:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PreviewLink:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Previous:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PrimaryCalendar:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Print:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PrintfaxPrinterFile:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Processing:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ProcessMetaTask:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Product:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ProfileSearch:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ProFootball:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ProgressLoopInner:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ProgressLoopOuter:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ProgressRingDots:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ProHockey:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ProjectCollection:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ProjectLogo16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ProjectLogo32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ProjectLogoFill16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ProjectLogoFill32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ProjectLogoInverse:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ProtectedDocument:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ProtectionCenterLogo32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ProtectRestrict:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PublicCalendar:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--PublicContactCard:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--PublicContactCardMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--PublicContactCard:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--PublicContactCardMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PublicEmail:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PublicFolder:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PublishCourse:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PublisherLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PublisherLogo16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PublisherLogoFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PublisherLogoFill16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PublisherLogoInverse16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Puzzle:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PY:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--PythonLanguage:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--QuarterCircle:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--QueryList:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--Questionnaire:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--QuestionnaireMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--Questionnaire:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--QuestionnaireMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--QuickNote:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--QuickNoteSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--R:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RadioBtnOff:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RadioBtnOn:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RadioBullet:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Rain:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RainShowersDay:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RainShowersNight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RainSnow:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RawSource:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Read:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ReadingMode:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ReadingModeSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ReadOutLoud:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ReceiptCheck:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ReceiptForward:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ReceiptReply:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ReceiptTentative:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ReceiptTentativeMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ReceiptTentative:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ReceiptTentativeMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ReceiptUndelivered:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Recent:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Record2:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RectangleShapeSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RectangularClipping:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RecurringEvent:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RecurringTask:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RecycleBin:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Redeploy:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RedEye:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Redo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Refresh:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ReminderGroup:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ReminderPerson:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Remote:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Remove:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RemoveEvent:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RemoveFilter:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RemoveLink:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RemoveOccurrence:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Rename:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RenewalCurrent:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RenewalFuture:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ReopenPages:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Repair:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ReplyAllAlt:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ReplyAll:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ReplyAllMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ReplyAll:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ReplyAllMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ReplyAlt:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--Reply:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ReplyMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--Reply:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ReplyMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Repo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ReportAdd:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ReportHacked:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ReportLibrary:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ReportLibraryMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ReportLibrary:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ReportLibraryMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RepoSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ReturnToSession:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ReviewRequestSolid:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ReviewRequestMirroredSolid:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ReviewRequestSolid:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ReviewRequestMirroredSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ReviewResponseSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ReviewSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RevToggleKey:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Rewind:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Ribbon:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RibbonSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RightDoubleQuote:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RightTriangle:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Ringer:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RingerOff:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RingerRemove:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Robot:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Rocket:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Room:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Rotate:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RowsChild:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--RowsGroup:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Rugby:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Running:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Sad:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SadSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Save:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SaveAll:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SaveAndClose:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SaveAs:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Savings:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ScaleUp:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ScheduleEventAction:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ScopeTemplate:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Script:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ScrollUpDown:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Search:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SearchAndApps:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SearchBookmark:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SearchCalendar:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--SearchIssue:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--SearchIssueMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--SearchIssue:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--SearchIssueMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Section:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Sections:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SecurityGroup:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SelectAll:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Sell:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SemiboldWeight:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--Send:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--SendMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--Send:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--SendMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Separator:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Server:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ServerEnviroment:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ServerProcesses:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SetAction:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Settings:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Share:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ShareiOS:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SharepointLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SharepointLogoFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SharepointLogoInverse:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Shield:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ShieldSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Shop:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ShoppingCart:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ShoppingCartSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ShopServer:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ShowResults:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ShowResultsMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ShowResults:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ShowResultsMirrored:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--SidePanel:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--SidePanelMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--SidePanel:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--SidePanelMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SignOut:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SingleBookmark:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SingleBookmarkSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SingleColumn:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SingleColumnEdit:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SIPMove:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SiteScan:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SizeLegacy:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SkiResorts:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SkypeCheck:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SkypeCircleCheck:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SkypeCircleClock:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SkypeCircleMinus:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SkypeClock:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SkypeForBusinessLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SkypeForBusinessLogo16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SkypeForBusinessLogoFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SkypeForBusinessLogoFill16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SkypeLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SkypeLogo16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SkypeMessage:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SkypeMinus:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Slider:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SliderHandleSize:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SliderThumb:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Snooze:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Snow:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Snowflake:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SnowShowerDay:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SnowShowerNight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Soccer:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SocialListeningLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Sort:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SortDown:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SortLines:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SortUp:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Source:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Spacer:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Speakers:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SpeedHigh:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Split:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SplitObject:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Sprint:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Squalls:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SquareShapeSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Stack:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StackedBarChart:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StackedLineChart:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StackIndicator:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StaffNotebookLogo16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StaffNotebookLogo32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StaffNotebookLogoFill16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StaffNotebookLogoFill32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StaffNotebookLogoInverted16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StaffNotebookLogoInverted32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Starburst:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StarburstSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StatusCircleBlock2:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StatusCircleCheckmark:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StatusCircleErrorX:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StatusCircleExclamation:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StatusCircleInfo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StatusCircleInner:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StatusCircleOuter:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StatusCircleQuestionMark:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StatusCircleRing:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StatusErrorFull:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StatusTriangle:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StatusTriangleExclamation:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StatusTriangleInner:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StatusTriangleOuter:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Step:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StepInsert:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StepShared:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StepSharedAdd:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StepSharedInsert:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StockDown:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StockUp:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Stop:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StopSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Stopwatch:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StoreLogo16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StoreLogoMed20:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Storyboard:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Streaming:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StreamingOff:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StreamLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Strikethrough:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Subscribe:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Subscript:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SubstitutionsIn:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Suitcase:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SunAdd:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Sunny:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SunQuestionMark:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Superscript:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SurveyQuestions:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SwayLogo16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SwayLogo32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SwayLogoFill16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SwayLogoFill32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SwayLogoInverse:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Switch:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SwitcherStartEnd:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Sync:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SyncFolder:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SyncOccurence:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--SyncToPC:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--System:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Tab:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Table:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Tablet:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TabletMode:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TabletSelected:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Tag:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Taskboard:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--TaskGroup:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--TaskGroupMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--TaskGroup:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--TaskGroupMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TaskLogo:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--TaskManager:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--TaskManagerMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--TaskManager:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--TaskManagerMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TaskSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Taxi:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TeamFavorite:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TeamsLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TeamsLogoFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TeamsLogoInverse:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Teamwork:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Teeth:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TemporaryUser:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Tennis:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TestAutoSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TestBeaker:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TestBeakerSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TestCase:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TestExploreSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TestImpactSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TestParameter:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TestPlan:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TestStep:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TestSuite:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TestUserSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TextBox:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TextCallout:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TextDocument:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TextDocumentShared:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TextField:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TextOverflow:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TFVCLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ThisPC:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ThreeQuarterCircle:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ThumbnailView:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--ThumbnailViewMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ThumbnailView:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--ThumbnailViewMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Thunderstorms:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Ticket:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Tiles:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Tiles2:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TimeEntry:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Timeline:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TimelineDelivery:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TimelineMatrixView:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TimelineProgress:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Timer:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TimeSheet:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ToDoLogoBottom:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ToDoLogoInverse:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ToDoLogoTop:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ToggleBorder:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ToggleFilled:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ToggleOff:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ToggleThumb:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Toll:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Touch:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TouchPointer:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--Trackers:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--TrackersMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--Trackers:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--TrackersMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Train:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TrainSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TransferCall:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Transition:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TransitionEffect:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TransitionPop:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TransitionPush:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Trending12:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TriangleDown12:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TriangleLeft12:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TriangleRight12:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TriangleShapeSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TriangleSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TriangleSolidDown12:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TriangleSolidLeft12:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TriangleSolidRight12:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TriangleSolidUp12:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TriangleUp12:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TriggerApproval:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TriggerAuto:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TriggerUser:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TripleColumn:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TripleColumnEdit:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Trophy:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Trophy2:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Trophy2Solid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TurnRight:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TVMonitor:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TVMonitorSelected:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--TypeScriptLanguage:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Umbrella:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Underline:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Undo:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--Uneditable:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--UneditableMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--Uneditable:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--UneditableMirrored:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--UneditableSolid12:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--UneditableSolidMirrored12:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--UneditableSolid12:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--UneditableSolidMirrored12:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Unfavorite:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--UngroupObject:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--UnknownCall:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--Unknown:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--UnknownMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--Unknown:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--UnknownMirrored:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--UnknownSolid:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--UnknownMirroredSolid:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--UnknownSolid:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--UnknownMirroredSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Unlock:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--UnlockSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Unpin:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Unsubscribe:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--UnsyncFolder:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--UnsyncOccurence:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Up:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Upload:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--UserEvent:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--UserFollowed:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--UserPause:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--UserRemove:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--UserSync:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Vacation:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Variable:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VariableGroup:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VB:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VennDiagram:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VersionControlPush:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VerticalDistributeCenter:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Video:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VideoOff:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VideoSearch:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VideoSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--View:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ViewAll:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ViewAll2:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ViewDashboard:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ViewList:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ViewListGroup:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ViewListTree:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VisioDiagram:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VisioDocument:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VisioLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VisioLogo16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VisioLogoFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VisioLogoFill16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VisioLogoInverse:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VisioLogoInverse16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VisualBasicLanguage:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VisualsFolder:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VisualsStore:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VisualStudioIDELogo32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VisualStudioLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VoicemailForward:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VoicemailIRM:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VoicemailReply:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Volume0:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Volume1:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Volume2:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Volume3:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VolumeDisabled:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VSTSAltLogo1:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VSTSAltLogo2:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--VSTSLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Waffle:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WaffleOffice365:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--WaitlistConfirm:before{content:""}[dir=ltr] .ms-Fabric--v9-5-0 .ms-Icon--WaitlistConfirmMirrored:before,[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--WaitlistConfirm:before{content:""}[dir=rtl] .ms-Fabric--v9-5-0 .ms-Icon--WaitlistConfirmMirrored:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Warning:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Warning12:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WebPublish:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Website:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Weights:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WhiteBoardApp16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WhiteBoardApp32:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WifiEthernet:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WindDirection:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WindowEdit:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WindowsLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Wines:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WipePhone:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WordDocument:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WordLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WordLogo16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WordLogoFill:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WordLogoFill16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WordLogoInverse:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WordLogoInverse16:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Work:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WorkFlow:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WorkforceManagement:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WorkItem:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WorkItemBar:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WorkItemBarSolid:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WorkItemBug:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--World:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--WorldClock:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--YammerLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ZipFolder:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--Zoom:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ZoomIn:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--ZoomOut:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--HumanResources:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StoreLogo:before{content:""}.ms-Fabric--v9-5-0 .ms-Icon--StoreLogoMed:before{content:""}@media (max-width:479px){.ms-Fabric--v9-5-0 .ms-hiddenLgDown,.ms-Fabric--v9-5-0 .ms-hiddenMdDown,.ms-Fabric--v9-5-0 .ms-hiddenSm,.ms-Fabric--v9-5-0 .ms-hiddenXlDown,.ms-Fabric--v9-5-0 .ms-hiddenXxlDown{display:none!important}}@media (min-width:480px) and (max-width:639px){.ms-Fabric--v9-5-0 .ms-hiddenLgDown,.ms-Fabric--v9-5-0 .ms-hiddenMd,.ms-Fabric--v9-5-0 .ms-hiddenMdDown,.ms-Fabric--v9-5-0 .ms-hiddenMdUp,.ms-Fabric--v9-5-0 .ms-hiddenXlDown,.ms-Fabric--v9-5-0 .ms-hiddenXxlDown{display:none!important}}@media (min-width:640px) and (max-width:1023px){.ms-Fabric--v9-5-0 .ms-hiddenLg,.ms-Fabric--v9-5-0 .ms-hiddenLgDown,.ms-Fabric--v9-5-0 .ms-hiddenLgUp,.ms-Fabric--v9-5-0 .ms-hiddenMdUp,.ms-Fabric--v9-5-0 .ms-hiddenXlDown,.ms-Fabric--v9-5-0 .ms-hiddenXxlDown{display:none!important}}@media (min-width:1024px) and (max-width:1365px){.ms-Fabric--v9-5-0 .ms-hiddenLgUp,.ms-Fabric--v9-5-0 .ms-hiddenMdUp,.ms-Fabric--v9-5-0 .ms-hiddenXl,.ms-Fabric--v9-5-0 .ms-hiddenXlDown,.ms-Fabric--v9-5-0 .ms-hiddenXlUp,.ms-Fabric--v9-5-0 .ms-hiddenXxlDown{display:none!important}}@media (min-width:1366px) and (max-width:1919px){.ms-Fabric--v9-5-0 .ms-hiddenLgUp,.ms-Fabric--v9-5-0 .ms-hiddenMdUp,.ms-Fabric--v9-5-0 .ms-hiddenXlUp,.ms-Fabric--v9-5-0 .ms-hiddenXxl,.ms-Fabric--v9-5-0 .ms-hiddenXxlDown,.ms-Fabric--v9-5-0 .ms-hiddenXxlUp{display:none!important}}@media (min-width:1920px){.ms-Fabric--v9-5-0 .ms-hiddenLgUp,.ms-Fabric--v9-5-0 .ms-hiddenMdUp,.ms-Fabric--v9-5-0 .ms-hiddenXlUp,.ms-Fabric--v9-5-0 .ms-hiddenXxlUp,.ms-Fabric--v9-5-0 .ms-hiddenXxxl{display:none!important}}.ms-Fabric--v9-5-0 .ms-sm12{width:100%}.ms-Fabric--v9-5-0 .ms-sm11{width:91.66666666666666%}.ms-Fabric--v9-5-0 .ms-sm10{width:83.33333333333334%}.ms-Fabric--v9-5-0 .ms-sm9{width:75%}.ms-Fabric--v9-5-0 .ms-sm8{width:66.66666666666666%}.ms-Fabric--v9-5-0 .ms-sm7{width:58.333333333333336%}.ms-Fabric--v9-5-0 .ms-sm6{width:50%}.ms-Fabric--v9-5-0 .ms-sm5{width:41.66666666666667%}.ms-Fabric--v9-5-0 .ms-sm4{width:33.33333333333333%}.ms-Fabric--v9-5-0 .ms-sm3{width:25%}.ms-Fabric--v9-5-0 .ms-sm2{width:16.666666666666664%}.ms-Fabric--v9-5-0 .ms-sm1{width:8.333333333333332%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPull12{right:100%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPull12{left:100%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPull11{right:91.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPull11{left:91.66667%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPull10{right:83.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPull10{left:83.33333%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPull9{right:75%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPull9{left:75%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPull8{right:66.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPull8{left:66.66667%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPull7{right:58.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPull7{left:58.33333%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPull6{right:50%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPull6{left:50%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPull5{right:41.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPull5{left:41.66667%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPull4{right:33.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPull4{left:33.33333%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPull3{right:25%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPull3{left:25%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPull2{right:16.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPull2{left:16.66667%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPull1{right:8.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPull1{left:8.33333%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPull0{right:auto}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPull0{left:auto}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPush12{left:100%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPush12{right:100%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPush11{left:91.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPush11{right:91.66667%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPush10{left:83.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPush10{right:83.33333%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPush9{left:75%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPush9{right:75%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPush8{left:66.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPush8{right:66.66667%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPush7{left:58.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPush7{right:58.33333%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPush6{left:50%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPush6{right:50%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPush5{left:41.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPush5{right:41.66667%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPush4{left:33.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPush4{right:33.33333%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPush3{left:25%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPush3{right:25%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPush2{left:16.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPush2{right:16.66667%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPush1{left:8.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPush1{right:8.33333%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smPush0{left:auto}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smPush0{right:auto}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smOffset11{margin-left:91.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smOffset11{margin-right:91.66667%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smOffset10{margin-left:83.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smOffset10{margin-right:83.33333%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smOffset9{margin-left:75%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smOffset9{margin-right:75%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smOffset8{margin-left:66.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smOffset8{margin-right:66.66667%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smOffset7{margin-left:58.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smOffset7{margin-right:58.33333%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smOffset6{margin-left:50%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smOffset6{margin-right:50%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smOffset5{margin-left:41.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smOffset5{margin-right:41.66667%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smOffset4{margin-left:33.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smOffset4{margin-right:33.33333%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smOffset3{margin-left:25%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smOffset3{margin-right:25%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smOffset2{margin-left:16.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smOffset2{margin-right:16.66667%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smOffset1{margin-left:8.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smOffset1{margin-right:8.33333%}[dir=ltr] .ms-Fabric--v9-5-0 .ms-smOffset0{margin-left:0}[dir=rtl] .ms-Fabric--v9-5-0 .ms-smOffset0{margin-right:0}@media (min-width:480px){.ms-Fabric--v9-5-0 .ms-md12{width:100%}}@media (min-width:480px){.ms-Fabric--v9-5-0 .ms-md11{width:91.66666666666666%}}@media (min-width:480px){.ms-Fabric--v9-5-0 .ms-md10{width:83.33333333333334%}}@media (min-width:480px){.ms-Fabric--v9-5-0 .ms-md9{width:75%}}@media (min-width:480px){.ms-Fabric--v9-5-0 .ms-md8{width:66.66666666666666%}}@media (min-width:480px){.ms-Fabric--v9-5-0 .ms-md7{width:58.333333333333336%}}@media (min-width:480px){.ms-Fabric--v9-5-0 .ms-md6{width:50%}}@media (min-width:480px){.ms-Fabric--v9-5-0 .ms-md5{width:41.66666666666667%}}@media (min-width:480px){.ms-Fabric--v9-5-0 .ms-md4{width:33.33333333333333%}}@media (min-width:480px){.ms-Fabric--v9-5-0 .ms-md3{width:25%}}@media (min-width:480px){.ms-Fabric--v9-5-0 .ms-md2{width:16.666666666666664%}}@media (min-width:480px){.ms-Fabric--v9-5-0 .ms-md1{width:8.333333333333332%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPull12{right:100%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPull12{left:100%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPull11{right:91.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPull11{left:91.66667%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPull10{right:83.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPull10{left:83.33333%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPull9{right:75%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPull9{left:75%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPull8{right:66.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPull8{left:66.66667%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPull7{right:58.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPull7{left:58.33333%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPull6{right:50%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPull6{left:50%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPull5{right:41.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPull5{left:41.66667%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPull4{right:33.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPull4{left:33.33333%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPull3{right:25%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPull3{left:25%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPull2{right:16.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPull2{left:16.66667%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPull1{right:8.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPull1{left:8.33333%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPull0{right:auto}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPull0{left:auto}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPush12{left:100%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPush12{right:100%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPush11{left:91.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPush11{right:91.66667%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPush10{left:83.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPush10{right:83.33333%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPush9{left:75%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPush9{right:75%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPush8{left:66.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPush8{right:66.66667%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPush7{left:58.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPush7{right:58.33333%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPush6{left:50%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPush6{right:50%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPush5{left:41.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPush5{right:41.66667%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPush4{left:33.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPush4{right:33.33333%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPush3{left:25%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPush3{right:25%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPush2{left:16.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPush2{right:16.66667%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPush1{left:8.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPush1{right:8.33333%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdPush0{left:auto}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdPush0{right:auto}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdOffset11{margin-left:91.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdOffset11{margin-right:91.66667%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdOffset10{margin-left:83.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdOffset10{margin-right:83.33333%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdOffset9{margin-left:75%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdOffset9{margin-right:75%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdOffset8{margin-left:66.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdOffset8{margin-right:66.66667%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdOffset7{margin-left:58.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdOffset7{margin-right:58.33333%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdOffset6{margin-left:50%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdOffset6{margin-right:50%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdOffset5{margin-left:41.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdOffset5{margin-right:41.66667%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdOffset4{margin-left:33.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdOffset4{margin-right:33.33333%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdOffset3{margin-left:25%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdOffset3{margin-right:25%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdOffset2{margin-left:16.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdOffset2{margin-right:16.66667%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdOffset1{margin-left:8.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdOffset1{margin-right:8.33333%}}@media (min-width:480px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-mdOffset0{margin-left:0}[dir=rtl] .ms-Fabric--v9-5-0 .ms-mdOffset0{margin-right:0}}@media (min-width:640px){.ms-Fabric--v9-5-0 .ms-lg12{width:100%}}@media (min-width:640px){.ms-Fabric--v9-5-0 .ms-lg11{width:91.66666666666666%}}@media (min-width:640px){.ms-Fabric--v9-5-0 .ms-lg10{width:83.33333333333334%}}@media (min-width:640px){.ms-Fabric--v9-5-0 .ms-lg9{width:75%}}@media (min-width:640px){.ms-Fabric--v9-5-0 .ms-lg8{width:66.66666666666666%}}@media (min-width:640px){.ms-Fabric--v9-5-0 .ms-lg7{width:58.333333333333336%}}@media (min-width:640px){.ms-Fabric--v9-5-0 .ms-lg6{width:50%}}@media (min-width:640px){.ms-Fabric--v9-5-0 .ms-lg5{width:41.66666666666667%}}@media (min-width:640px){.ms-Fabric--v9-5-0 .ms-lg4{width:33.33333333333333%}}@media (min-width:640px){.ms-Fabric--v9-5-0 .ms-lg3{width:25%}}@media (min-width:640px){.ms-Fabric--v9-5-0 .ms-lg2{width:16.666666666666664%}}@media (min-width:640px){.ms-Fabric--v9-5-0 .ms-lg1{width:8.333333333333332%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPull12{right:100%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPull12{left:100%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPull11{right:91.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPull11{left:91.66667%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPull10{right:83.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPull10{left:83.33333%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPull9{right:75%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPull9{left:75%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPull8{right:66.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPull8{left:66.66667%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPull7{right:58.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPull7{left:58.33333%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPull6{right:50%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPull6{left:50%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPull5{right:41.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPull5{left:41.66667%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPull4{right:33.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPull4{left:33.33333%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPull3{right:25%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPull3{left:25%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPull2{right:16.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPull2{left:16.66667%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPull1{right:8.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPull1{left:8.33333%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPull0{right:auto}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPull0{left:auto}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPush12{left:100%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPush12{right:100%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPush11{left:91.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPush11{right:91.66667%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPush10{left:83.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPush10{right:83.33333%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPush9{left:75%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPush9{right:75%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPush8{left:66.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPush8{right:66.66667%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPush7{left:58.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPush7{right:58.33333%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPush6{left:50%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPush6{right:50%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPush5{left:41.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPush5{right:41.66667%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPush4{left:33.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPush4{right:33.33333%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPush3{left:25%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPush3{right:25%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPush2{left:16.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPush2{right:16.66667%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPush1{left:8.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPush1{right:8.33333%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgPush0{left:auto}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgPush0{right:auto}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgOffset11{margin-left:91.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgOffset11{margin-right:91.66667%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgOffset10{margin-left:83.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgOffset10{margin-right:83.33333%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgOffset9{margin-left:75%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgOffset9{margin-right:75%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgOffset8{margin-left:66.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgOffset8{margin-right:66.66667%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgOffset7{margin-left:58.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgOffset7{margin-right:58.33333%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgOffset6{margin-left:50%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgOffset6{margin-right:50%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgOffset5{margin-left:41.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgOffset5{margin-right:41.66667%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgOffset4{margin-left:33.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgOffset4{margin-right:33.33333%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgOffset3{margin-left:25%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgOffset3{margin-right:25%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgOffset2{margin-left:16.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgOffset2{margin-right:16.66667%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgOffset1{margin-left:8.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgOffset1{margin-right:8.33333%}}@media (min-width:640px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-lgOffset0{margin-left:0}[dir=rtl] .ms-Fabric--v9-5-0 .ms-lgOffset0{margin-right:0}}@media (min-width:1024px){.ms-Fabric--v9-5-0 .ms-xl12{width:100%}}@media (min-width:1024px){.ms-Fabric--v9-5-0 .ms-xl11{width:91.66666666666666%}}@media (min-width:1024px){.ms-Fabric--v9-5-0 .ms-xl10{width:83.33333333333334%}}@media (min-width:1024px){.ms-Fabric--v9-5-0 .ms-xl9{width:75%}}@media (min-width:1024px){.ms-Fabric--v9-5-0 .ms-xl8{width:66.66666666666666%}}@media (min-width:1024px){.ms-Fabric--v9-5-0 .ms-xl7{width:58.333333333333336%}}@media (min-width:1024px){.ms-Fabric--v9-5-0 .ms-xl6{width:50%}}@media (min-width:1024px){.ms-Fabric--v9-5-0 .ms-xl5{width:41.66666666666667%}}@media (min-width:1024px){.ms-Fabric--v9-5-0 .ms-xl4{width:33.33333333333333%}}@media (min-width:1024px){.ms-Fabric--v9-5-0 .ms-xl3{width:25%}}@media (min-width:1024px){.ms-Fabric--v9-5-0 .ms-xl2{width:16.666666666666664%}}@media (min-width:1024px){.ms-Fabric--v9-5-0 .ms-xl1{width:8.333333333333332%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPull12{right:100%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPull12{left:100%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPull11{right:91.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPull11{left:91.66667%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPull10{right:83.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPull10{left:83.33333%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPull9{right:75%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPull9{left:75%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPull8{right:66.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPull8{left:66.66667%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPull7{right:58.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPull7{left:58.33333%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPull6{right:50%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPull6{left:50%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPull5{right:41.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPull5{left:41.66667%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPull4{right:33.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPull4{left:33.33333%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPull3{right:25%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPull3{left:25%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPull2{right:16.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPull2{left:16.66667%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPull1{right:8.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPull1{left:8.33333%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPull0{right:auto}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPull0{left:auto}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPush12{left:100%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPush12{right:100%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPush11{left:91.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPush11{right:91.66667%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPush10{left:83.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPush10{right:83.33333%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPush9{left:75%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPush9{right:75%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPush8{left:66.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPush8{right:66.66667%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPush7{left:58.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPush7{right:58.33333%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPush6{left:50%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPush6{right:50%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPush5{left:41.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPush5{right:41.66667%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPush4{left:33.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPush4{right:33.33333%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPush3{left:25%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPush3{right:25%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPush2{left:16.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPush2{right:16.66667%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPush1{left:8.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPush1{right:8.33333%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlPush0{left:auto}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlPush0{right:auto}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlOffset11{margin-left:91.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlOffset11{margin-right:91.66667%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlOffset10{margin-left:83.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlOffset10{margin-right:83.33333%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlOffset9{margin-left:75%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlOffset9{margin-right:75%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlOffset8{margin-left:66.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlOffset8{margin-right:66.66667%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlOffset7{margin-left:58.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlOffset7{margin-right:58.33333%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlOffset6{margin-left:50%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlOffset6{margin-right:50%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlOffset5{margin-left:41.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlOffset5{margin-right:41.66667%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlOffset4{margin-left:33.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlOffset4{margin-right:33.33333%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlOffset3{margin-left:25%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlOffset3{margin-right:25%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlOffset2{margin-left:16.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlOffset2{margin-right:16.66667%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlOffset1{margin-left:8.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlOffset1{margin-right:8.33333%}}@media (min-width:1024px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xlOffset0{margin-left:0}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xlOffset0{margin-right:0}}@media (min-width:1366px){.ms-Fabric--v9-5-0 .ms-xxl12{width:100%}}@media (min-width:1366px){.ms-Fabric--v9-5-0 .ms-xxl11{width:91.66666666666666%}}@media (min-width:1366px){.ms-Fabric--v9-5-0 .ms-xxl10{width:83.33333333333334%}}@media (min-width:1366px){.ms-Fabric--v9-5-0 .ms-xxl9{width:75%}}@media (min-width:1366px){.ms-Fabric--v9-5-0 .ms-xxl8{width:66.66666666666666%}}@media (min-width:1366px){.ms-Fabric--v9-5-0 .ms-xxl7{width:58.333333333333336%}}@media (min-width:1366px){.ms-Fabric--v9-5-0 .ms-xxl6{width:50%}}@media (min-width:1366px){.ms-Fabric--v9-5-0 .ms-xxl5{width:41.66666666666667%}}@media (min-width:1366px){.ms-Fabric--v9-5-0 .ms-xxl4{width:33.33333333333333%}}@media (min-width:1366px){.ms-Fabric--v9-5-0 .ms-xxl3{width:25%}}@media (min-width:1366px){.ms-Fabric--v9-5-0 .ms-xxl2{width:16.666666666666664%}}@media (min-width:1366px){.ms-Fabric--v9-5-0 .ms-xxl1{width:8.333333333333332%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPull12{right:100%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPull12{left:100%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPull11{right:91.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPull11{left:91.66667%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPull10{right:83.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPull10{left:83.33333%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPull9{right:75%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPull9{left:75%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPull8{right:66.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPull8{left:66.66667%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPull7{right:58.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPull7{left:58.33333%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPull6{right:50%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPull6{left:50%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPull5{right:41.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPull5{left:41.66667%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPull4{right:33.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPull4{left:33.33333%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPull3{right:25%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPull3{left:25%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPull2{right:16.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPull2{left:16.66667%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPull1{right:8.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPull1{left:8.33333%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPull0{right:auto}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPull0{left:auto}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPush12{left:100%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPush12{right:100%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPush11{left:91.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPush11{right:91.66667%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPush10{left:83.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPush10{right:83.33333%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPush9{left:75%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPush9{right:75%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPush8{left:66.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPush8{right:66.66667%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPush7{left:58.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPush7{right:58.33333%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPush6{left:50%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPush6{right:50%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPush5{left:41.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPush5{right:41.66667%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPush4{left:33.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPush4{right:33.33333%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPush3{left:25%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPush3{right:25%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPush2{left:16.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPush2{right:16.66667%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPush1{left:8.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPush1{right:8.33333%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlPush0{left:auto}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlPush0{right:auto}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlOffset11{margin-left:91.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlOffset11{margin-right:91.66667%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlOffset10{margin-left:83.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlOffset10{margin-right:83.33333%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlOffset9{margin-left:75%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlOffset9{margin-right:75%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlOffset8{margin-left:66.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlOffset8{margin-right:66.66667%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlOffset7{margin-left:58.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlOffset7{margin-right:58.33333%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlOffset6{margin-left:50%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlOffset6{margin-right:50%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlOffset5{margin-left:41.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlOffset5{margin-right:41.66667%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlOffset4{margin-left:33.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlOffset4{margin-right:33.33333%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlOffset3{margin-left:25%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlOffset3{margin-right:25%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlOffset2{margin-left:16.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlOffset2{margin-right:16.66667%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlOffset1{margin-left:8.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlOffset1{margin-right:8.33333%}}@media (min-width:1366px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxlOffset0{margin-left:0}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxlOffset0{margin-right:0}}@media (min-width:1920px){.ms-Fabric--v9-5-0 .ms-xxxl12{width:100%}}@media (min-width:1920px){.ms-Fabric--v9-5-0 .ms-xxxl11{width:91.66666666666666%}}@media (min-width:1920px){.ms-Fabric--v9-5-0 .ms-xxxl10{width:83.33333333333334%}}@media (min-width:1920px){.ms-Fabric--v9-5-0 .ms-xxxl9{width:75%}}@media (min-width:1920px){.ms-Fabric--v9-5-0 .ms-xxxl8{width:66.66666666666666%}}@media (min-width:1920px){.ms-Fabric--v9-5-0 .ms-xxxl7{width:58.333333333333336%}}@media (min-width:1920px){.ms-Fabric--v9-5-0 .ms-xxxl6{width:50%}}@media (min-width:1920px){.ms-Fabric--v9-5-0 .ms-xxxl5{width:41.66666666666667%}}@media (min-width:1920px){.ms-Fabric--v9-5-0 .ms-xxxl4{width:33.33333333333333%}}@media (min-width:1920px){.ms-Fabric--v9-5-0 .ms-xxxl3{width:25%}}@media (min-width:1920px){.ms-Fabric--v9-5-0 .ms-xxxl2{width:16.666666666666664%}}@media (min-width:1920px){.ms-Fabric--v9-5-0 .ms-xxxl1{width:8.333333333333332%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPull12{right:100%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPull12{left:100%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPull11{right:91.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPull11{left:91.66667%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPull10{right:83.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPull10{left:83.33333%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPull9{right:75%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPull9{left:75%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPull8{right:66.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPull8{left:66.66667%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPull7{right:58.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPull7{left:58.33333%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPull6{right:50%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPull6{left:50%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPull5{right:41.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPull5{left:41.66667%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPull4{right:33.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPull4{left:33.33333%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPull3{right:25%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPull3{left:25%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPull2{right:16.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPull2{left:16.66667%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPull1{right:8.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPull1{left:8.33333%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPull0{right:auto}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPull0{left:auto}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPush12{left:100%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPush12{right:100%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPush11{left:91.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPush11{right:91.66667%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPush10{left:83.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPush10{right:83.33333%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPush9{left:75%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPush9{right:75%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPush8{left:66.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPush8{right:66.66667%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPush7{left:58.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPush7{right:58.33333%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPush6{left:50%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPush6{right:50%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPush5{left:41.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPush5{right:41.66667%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPush4{left:33.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPush4{right:33.33333%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPush3{left:25%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPush3{right:25%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPush2{left:16.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPush2{right:16.66667%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPush1{left:8.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPush1{right:8.33333%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlPush0{left:auto}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlPush0{right:auto}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlOffset11{margin-left:91.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlOffset11{margin-right:91.66667%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlOffset10{margin-left:83.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlOffset10{margin-right:83.33333%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlOffset9{margin-left:75%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlOffset9{margin-right:75%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlOffset8{margin-left:66.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlOffset8{margin-right:66.66667%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlOffset7{margin-left:58.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlOffset7{margin-right:58.33333%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlOffset6{margin-left:50%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlOffset6{margin-right:50%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlOffset5{margin-left:41.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlOffset5{margin-right:41.66667%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlOffset4{margin-left:33.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlOffset4{margin-right:33.33333%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlOffset3{margin-left:25%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlOffset3{margin-right:25%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlOffset2{margin-left:16.66667%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlOffset2{margin-right:16.66667%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlOffset1{margin-left:8.33333%}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlOffset1{margin-right:8.33333%}}@media (min-width:1920px){[dir=ltr] .ms-Fabric--v9-5-0 .ms-xxxlOffset0{margin-left:0}[dir=rtl] .ms-Fabric--v9-5-0 .ms-xxxlOffset0{margin-right:0}}.ms-Fabric--v9-5-0 .ms-borderBox,.ms-Fabric--v9-5-0 .ms-borderBox:after,.ms-Fabric--v9-5-0 .ms-borderBox:before{box-sizing:border-box}.ms-Fabric--v9-5-0 .ms-borderBase{border:1px solid}.ms-Fabric--v9-5-0 .ms-clearfix{*zoom:1}.ms-Fabric--v9-5-0 .ms-clearfix:after,.ms-Fabric--v9-5-0 .ms-clearfix:before{display:table;content:"";line-height:0}.ms-Fabric--v9-5-0 .ms-clearfix:after{clear:both}.ms-Fabric--v9-5-0 .ms-normalize{box-sizing:border-box;box-shadow:none;margin:0;padding:0}[dir=ltr] .ms-Fabric--v9-5-0 .ms-textAlignLeft{text-align:left}[dir=ltr] .ms-Fabric--v9-5-0 .ms-textAlignRight,[dir=rtl] .ms-Fabric--v9-5-0 .ms-textAlignLeft{text-align:right}[dir=rtl] .ms-Fabric--v9-5-0 .ms-textAlignRight{text-align:left}.ms-Fabric--v9-5-0 .ms-textAlignCenter{text-align:center}.ms-Fabric--v9-5-0 .ms-screenReaderOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.ms-Fabric--v9-5-0 .ms-textTruncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.ms-Fabric--v9-5-0 .ms-noWrap{white-space:nowrap}.ms-Fabric--v9-5-0 .ms-Fabric{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:#333;font-family:"Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;font-size:14px}.ms-Fabric--v9-5-0 .ms-Fabric button,.ms-Fabric--v9-5-0 .ms-Fabric input,.ms-Fabric--v9-5-0 .ms-Fabric textarea{font-family:inherit}.ms-Fabric--v9-5-0 .ms-Fabric[lang^=ar],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=ar],.ms-Fabric--v9-5-0 [lang^=ar] .ms-Fabric{font-family:Segoe UI Web\ (Arabic),Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--v9-5-0 .ms-Fabric[lang^=bg],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=bg],.ms-Fabric--v9-5-0 [lang^=bg] .ms-Fabric{font-family:Segoe UI Web\ (Cyrillic),Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--v9-5-0 .ms-Fabric[lang^=cs],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=cs],.ms-Fabric--v9-5-0 [lang^=cs] .ms-Fabric{font-family:"Segoe UI Web (East European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--v9-5-0 .ms-Fabric[lang^=el],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=el],.ms-Fabric--v9-5-0 [lang^=el] .ms-Fabric{font-family:Segoe UI Web\ (Greek),Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--v9-5-0 .ms-Fabric[lang^=et],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=et],.ms-Fabric--v9-5-0 [lang^=et] .ms-Fabric{font-family:"Segoe UI Web (East European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--v9-5-0 .ms-Fabric[lang^=he],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=he],.ms-Fabric--v9-5-0 [lang^=he] .ms-Fabric{font-family:Segoe UI Web\ (Hebrew),Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--v9-5-0 .ms-Fabric[lang^=hi],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=hi],.ms-Fabric--v9-5-0 [lang^=hi] .ms-Fabric{font-family:Nirmala UI,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--v9-5-0 .ms-Fabric[lang^=hr],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=hr],.ms-Fabric--v9-5-0 .ms-Fabric[lang^=hu],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=hu],.ms-Fabric--v9-5-0 [lang^=hr] .ms-Fabric,.ms-Fabric--v9-5-0 [lang^=hu] .ms-Fabric{font-family:"Segoe UI Web (East European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--v9-5-0 .ms-Fabric[lang^=ja],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=ja],.ms-Fabric--v9-5-0 [lang^=ja] .ms-Fabric{font-family:Yu Gothic UI,Meiryo UI,Meiryo,MS Pgothic,Osaka,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--v9-5-0 .ms-Fabric[lang^=kk],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=kk],.ms-Fabric--v9-5-0 [lang^=kk] .ms-Fabric{font-family:"Segoe UI Web (East European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--v9-5-0 .ms-Fabric[lang^=ko],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=ko],.ms-Fabric--v9-5-0 [lang^=ko] .ms-Fabric{font-family:Malgun Gothic,Gulim,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--v9-5-0 .ms-Fabric[lang^=lo],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=lo],.ms-Fabric--v9-5-0 [lang^=lo] .ms-Fabric{font-family:Leelawadee UI Web,Lao UI,DokChampa,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--v9-5-0 .ms-Fabric[lang^=lt],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=lt],.ms-Fabric--v9-5-0 .ms-Fabric[lang^=lv],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=lv],.ms-Fabric--v9-5-0 .ms-Fabric[lang^=pl],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=pl],.ms-Fabric--v9-5-0 [lang^=lt] .ms-Fabric,.ms-Fabric--v9-5-0 [lang^=lv] .ms-Fabric,.ms-Fabric--v9-5-0 [lang^=pl] .ms-Fabric{font-family:"Segoe UI Web (East European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--v9-5-0 .ms-Fabric[lang^=ru],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=ru],.ms-Fabric--v9-5-0 [lang^=ru] .ms-Fabric{font-family:Segoe UI Web\ (Cyrillic),Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--v9-5-0 .ms-Fabric[lang^=sk],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=sk],.ms-Fabric--v9-5-0 .ms-Fabric[lang^=sr-latn],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=sr-latn],.ms-Fabric--v9-5-0 [lang^=sk] .ms-Fabric,.ms-Fabric--v9-5-0 [lang^=sr-latn] .ms-Fabric{font-family:"Segoe UI Web (East European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--v9-5-0 .ms-Fabric[lang^=th],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=th],.ms-Fabric--v9-5-0 [lang^=th] .ms-Fabric{font-family:Leelawadee UI Web,Kmer UI,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--v9-5-0 .ms-Fabric[lang^=tr],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=tr],.ms-Fabric--v9-5-0 [lang^=tr] .ms-Fabric{font-family:"Segoe UI Web (East European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--v9-5-0 .ms-Fabric[lang^=uk],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=uk],.ms-Fabric--v9-5-0 [lang^=uk] .ms-Fabric{font-family:Segoe UI Web\ (Cyrillic),Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--v9-5-0 .ms-Fabric[lang^=vi],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=vi],.ms-Fabric--v9-5-0 [lang^=vi] .ms-Fabric{font-family:Segoe UI Web\ (Vietnamese),Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--v9-5-0 .ms-Fabric[lang^=zh-hans],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=zh-hans],.ms-Fabric--v9-5-0 [lang^=zh-hans] .ms-Fabric{font-family:Microsoft Yahei UI,Verdana,Simsun,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--v9-5-0 .ms-Fabric[lang^=zh-hant],.ms-Fabric--v9-5-0 .ms-Fabric [lang^=zh-hant],.ms-Fabric--v9-5-0 [lang^=zh-hant] .ms-Fabric{font-family:Microsoft Jhenghei UI,Pmingliu,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--v9-5-0 .ms-Fabric--selawik{font-family:Selawik Web,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}@font-face{font-family:Leelawadee UI Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-light.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-light.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Leelawadee UI Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Leelawadee UI Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-regular.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Leelawadee UI Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semibold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semibold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Leelawadee UI Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Segoe UI Web\ (Arabic);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-light.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-light.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Segoe UI Web\ (Arabic);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semilight.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semilight.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Segoe UI Web\ (Arabic);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-regular.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Segoe UI Web\ (Arabic);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semibold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semibold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Segoe UI Web\ (Arabic);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-bold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Segoe UI Web\ (Cyrillic);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-light.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-light.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Segoe UI Web\ (Cyrillic);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semilight.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semilight.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Segoe UI Web\ (Cyrillic);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-regular.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Segoe UI Web\ (Cyrillic);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semibold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semibold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Segoe UI Web\ (Cyrillic);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-bold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:"Segoe UI Web (East European)";src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-light.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-light.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:"Segoe UI Web (East European)";src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semilight.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semilight.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:"Segoe UI Web (East European)";src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-regular.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"Segoe UI Web (East European)";src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semibold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semibold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:"Segoe UI Web (East European)";src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-bold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Segoe UI Web\ (Greek);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-light.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-light.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Segoe UI Web\ (Greek);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semilight.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semilight.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Segoe UI Web\ (Greek);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-regular.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Segoe UI Web\ (Greek);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semibold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semibold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Segoe UI Web\ (Greek);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-bold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Segoe UI Web\ (Hebrew);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-light.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-light.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Segoe UI Web\ (Hebrew);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semilight.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semilight.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Segoe UI Web\ (Hebrew);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-regular.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Segoe UI Web\ (Hebrew);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semibold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semibold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Segoe UI Web\ (Hebrew);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-bold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Segoe UI Web\ (Vietnamese);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-light.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-light.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Segoe UI Web\ (Vietnamese);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semilight.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semilight.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Segoe UI Web\ (Vietnamese);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-regular.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Segoe UI Web\ (Vietnamese);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semibold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semibold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Segoe UI Web\ (Vietnamese);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-bold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:"Segoe UI Web (West European)";src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-light.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-light.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:"Segoe UI Web (West European)";src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semilight.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semilight.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:"Segoe UI Web (West European)";src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-regular.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"Segoe UI Web (West European)";src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semibold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semibold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:"Segoe UI Web (West European)";src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-bold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Selawik Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-light.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-light.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Selawik Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semilight.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semilight.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Selawik Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-regular.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Selawik Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semibold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semibold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Selawik Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-bold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Leelawadee UI Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Leelawadee UI Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:FabricMDL2Icons-9;src:url(https://static2.sharepointonline.com/files/fabric/assets/icons/scoped/fabricmdl2icons-9-2.68.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/icons/scoped/fabricmdl2icons-9-2.68.woff) format("woff"),url(https://static2.sharepointonline.com/files/fabric/assets/icons/scoped/fabricmdl2icons-9-2.68.ttf) format("truetype");font-weight:400;font-style:normal} \ No newline at end of file diff --git a/dist/css/fabric.css b/dist/css/fabric.css new file mode 100644 index 000000000..cf9b3514d --- /dev/null +++ b/dist/css/fabric.css @@ -0,0 +1,14444 @@ +@charset 'UTF-8'; +/* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. */ +/** + * Office UI Fabric Core 9.5.0 + * The front-end framework for building experiences for Office 365. + **/ +/* + Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license +*/ +@keyframes ms-slideRightIn10 { + from { + transform: translate3d(-10px, 0px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideRightIn20 { + from { + transform: translate3d(-20px, 0px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideRightIn40 { + from { + transform: translate3d(-40px, 0px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideRightIn400 { + from { + transform: translate3d(-400px, 0px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideRightOut40 { + from { + transform: translate3d(0px, 0px, 0px); + } + + to { + transform: translate3d(40px, 0px, 0px); + } +} + +@keyframes ms-slideRightOut400 { + from { + transform: translate3d(0, 0px, 0px); + } + + to { + transform: translate3d(400px, 0px, 0px); + } +} + +@keyframes ms-slideLeftIn10 { + from { + transform: translate3d(10px, 0px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideLeftIn20 { + from { + transform: translate3d(20px, 0px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideLeftIn40 { + from { + transform: translate3d(40px, 0px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideLeftIn400 { + from { + transform: translate3d(400px, 0px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideLeftOut40 { + from { + transform: translate3d(0, 0px, 0px); + } + + to { + transform: translate3d(-40px, 0px, 0px); + } +} + +@keyframes ms-slideLeftOut400 { + from { + transform: translate3d(0, 0px, 0px); + } + + to { + transform: translate3d(-400px, 0px, 0px); + } +} + +@keyframes ms-slideUpIn10 { + from { + transform: translate3d(0px, 10px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideUpIn20 { + from { + transform: translate3d(0px, 20px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideDownIn10 { + from { + transform: translate3d(0px, -10px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideDownIn20 { + from { + transform: translate3d(0px, -20px, 0px); + } + + to { + transform: translate3d(0px, 0px, 0px); + } +} + +@keyframes ms-slideUpOut10 { + from { + transform: translate3d(0px, 0, 0px); + } + + to { + transform: translate3d(0px, -10px, 0px); + } +} + +@keyframes ms-slideUpOut20 { + from { + transform: translate3d(0px, 0, 0px); + } + + to { + transform: translate3d(0px, -20px, 0px); + } +} + +@keyframes ms-slideDownOut10 { + from { + transform: translate3d(0px, 0, 0px); + } + + to { + transform: translate3d(0px, 10px, 0px); + } +} + +@keyframes ms-slideDownOut20 { + from { + transform: translate3d(0px, 0, 0px); + } + + to { + transform: translate3d(0px, 20px, 0px); + } +} + +@keyframes ms-scaleUp100 { + from { + transform: scale3d(0.98, 0.98, 1); + } + + to { + transform: scale3d(1, 1, 1); + } +} + +@keyframes ms-scaleUp103 { + from { + transform: scale3d(1, 1, 1); + } + + to { + transform: scale3d(1.03, 1.03, 1); + } +} + +@keyframes ms-scaleDown98 { + from { + transform: scale3d(1, 1, 1); + } + + to { + transform: scale3d(0.98, 0.98, 1); + } +} + +@keyframes ms-scaleDown100 { + from { + transform: scale3d(1.03, 1.03, 1); + } + + to { + transform: scale3d(1, 1, 1); + } +} + +@keyframes ms-fadeIn { + from { + opacity: 0; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + } + + to { + opacity: 1; + } +} + +@keyframes ms-fadeOut { + from { + opacity: 1; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + } + + to { + opacity: 0; + } +} + +@keyframes ms-rotate90 { + from { + transform: rotateZ(0deg); + } + + to { + transform: rotateZ(90deg); + } +} + +@keyframes ms-rotateN90 { + from { + transform: rotateZ(90deg); + } + + to { + transform: rotateZ(0deg); + } +} + +[dir='ltr'] .ms-slideRightIn10 { + animation-name: ms-fadeIn, ms-slideRightIn10; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-slideRightIn10 { + animation: none; + } +} + +[dir='rtl'] .ms-slideRightIn10 { + animation-name: ms-fadeIn, ms-slideLeftIn10; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-slideRightIn10 { + animation: none; + } +} + +[dir='ltr'] .ms-slideRightIn20 { + animation-name: ms-fadeIn, ms-slideRightIn20; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-slideRightIn20 { + animation: none; + } +} + +[dir='rtl'] .ms-slideRightIn20 { + animation-name: ms-fadeIn, ms-slideLeftIn20; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-slideRightIn20 { + animation: none; + } +} + +[dir='ltr'] .ms-slideRightIn40 { + animation-name: ms-fadeIn, ms-slideRightIn40; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-slideRightIn40 { + animation: none; + } +} + +[dir='rtl'] .ms-slideRightIn40 { + animation-name: ms-fadeIn, ms-slideLeftIn40; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-slideRightIn40 { + animation: none; + } +} + +[dir='ltr'] .ms-slideRightIn400 { + animation-name: ms-fadeIn, ms-slideRightIn400; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-slideRightIn400 { + animation: none; + } +} + +[dir='rtl'] .ms-slideRightIn400 { + animation-name: ms-fadeIn, ms-slideLeftIn400; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-slideRightIn400 { + animation: none; + } +} + +[dir='ltr'] .ms-slideRightOut40 { + animation-name: ms-fadeOut, ms-slideRightOut40; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-slideRightOut40 { + animation: none; + } +} + +[dir='rtl'] .ms-slideRightOut40 { + animation-name: ms-fadeOut, ms-slideLeftOut40; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-slideRightOut40 { + animation: none; + } +} + +[dir='ltr'] .ms-slideRightOut400 { + animation-name: ms-fadeOut, ms-slideRightOut400; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-slideRightOut400 { + animation: none; + } +} + +[dir='rtl'] .ms-slideRightOut400 { + animation-name: ms-fadeOut, ms-slideLeftOut400; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-slideRightOut400 { + animation: none; + } +} + +[dir='ltr'] .ms-slideLeftIn10 { + animation-name: ms-fadeIn, ms-slideLeftIn10; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-slideLeftIn10 { + animation: none; + } +} + +[dir='rtl'] .ms-slideLeftIn10 { + animation-name: ms-fadeIn, ms-slideRightIn10; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-slideLeftIn10 { + animation: none; + } +} + +[dir='ltr'] .ms-slideLeftIn20 { + animation-name: ms-fadeIn, ms-slideLeftIn20; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-slideLeftIn20 { + animation: none; + } +} + +[dir='rtl'] .ms-slideLeftIn20 { + animation-name: ms-fadeIn, ms-slideRightIn20; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-slideLeftIn20 { + animation: none; + } +} + +[dir='ltr'] .ms-slideLeftIn40 { + animation-name: ms-fadeIn, ms-slideLeftIn40; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-slideLeftIn40 { + animation: none; + } +} + +[dir='rtl'] .ms-slideLeftIn40 { + animation-name: ms-fadeIn, ms-slideRightIn40; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-slideLeftIn40 { + animation: none; + } +} + +[dir='ltr'] .ms-slideLeftIn400 { + animation-name: ms-fadeIn, ms-slideLeftIn400; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-slideLeftIn400 { + animation: none; + } +} + +[dir='rtl'] .ms-slideLeftIn400 { + animation-name: ms-fadeIn, ms-slideRightIn400; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-slideLeftIn400 { + animation: none; + } +} + +[dir='ltr'] .ms-slideLeftOut40 { + animation-name: ms-fadeOut, ms-slideLeftOut40; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-slideLeftOut40 { + animation: none; + } +} + +[dir='rtl'] .ms-slideLeftOut40 { + animation-name: ms-fadeOut, ms-slideRightOut40; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-slideLeftOut40 { + animation: none; + } +} + +[dir='ltr'] .ms-slideLeftOut400 { + animation-name: ms-fadeOut, ms-slideLeftOut400; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-slideLeftOut400 { + animation: none; + } +} + +[dir='rtl'] .ms-slideLeftOut400 { + animation-name: ms-fadeOut, ms-slideRightOut400; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-slideLeftOut400 { + animation: none; + } +} + +.ms-slideUpIn10 { + animation-name: ms-fadeIn, ms-slideUpIn10; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-slideUpIn10 { + animation: none; + } +} + +.ms-slideUpIn20 { + animation-name: ms-fadeIn, ms-slideUpIn20; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-slideUpIn20 { + animation: none; + } +} + +.ms-slideDownIn10 { + animation-name: ms-fadeIn, ms-slideDownIn10; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-slideDownIn10 { + animation: none; + } +} + +.ms-slideDownIn20 { + animation-name: ms-fadeIn, ms-slideDownIn20; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-slideDownIn20 { + animation: none; + } +} + +.ms-slideUpOut10 { + animation-name: ms-fadeOut, ms-slideUpOut10; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-slideUpOut10 { + animation: none; + } +} + +.ms-slideUpOut20 { + animation-name: ms-fadeOut, ms-slideUpOut20; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-slideUpOut20 { + animation: none; + } +} + +.ms-slideDownOut10 { + animation-name: ms-fadeOut, ms-slideDownOut10; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-slideDownOut10 { + animation: none; + } +} + +.ms-slideDownOut20 { + animation-name: ms-fadeOut, ms-slideDownOut20; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-slideDownOut20 { + animation: none; + } +} + +.ms-scaleUpIn100 { + animation-name: ms-fadeIn, ms-scaleUp100; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-scaleUpIn100 { + animation: none; + } +} + +.ms-scaleUpOut103 { + animation-name: ms-fadeOut, ms-scaleUp103; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-scaleUpOut103 { + animation: none; + } +} + +.ms-scaleDownOut98 { + animation-name: ms-fadeOut, ms-scaleDown98; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-scaleDownOut98 { + animation: none; + } +} + +.ms-scaleDownIn100 { + animation-name: ms-fadeIn, ms-scaleDown100; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-scaleDownIn100 { + animation: none; + } +} + +.ms-fadeIn100 { + animation-name: ms-fadeIn; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-fadeIn100 { + animation: none; + } +} + +.ms-fadeIn200 { + animation-name: ms-fadeIn; + animation-duration: 0.267s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-fadeIn200 { + animation: none; + } +} + +.ms-fadeIn400 { + animation-name: ms-fadeIn; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-fadeIn400 { + animation: none; + } +} + +.ms-fadeIn500 { + animation-name: ms-fadeIn; + animation-duration: 0.467s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-fadeIn500 { + animation: none; + } +} + +.ms-fadeOut100 { + animation-name: ms-fadeOut; + animation-duration: 0.1s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-fadeOut100 { + animation: none; + } +} + +.ms-fadeOut200 { + animation-name: ms-fadeOut; + animation-duration: 0.167s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-fadeOut200 { + animation: none; + } +} + +.ms-fadeOut400 { + animation-name: ms-fadeOut; + animation-duration: 0.367s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-fadeOut400 { + animation: none; + } +} + +.ms-fadeOut500 { + animation-name: ms-fadeOut; + animation-duration: 0.467s; + animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + .ms-fadeOut500 { + animation: none; + } +} + +.ms-expandCollapse100 { + transition: height 0.1s cubic-bezier(0.1, 0.25, 0.75, 0.9); +} + +@media (prefers-reduced-motion: reduce) { + .ms-expandCollapse100 { + transition: none; + } +} + +.ms-expandCollapse200 { + transition: height 0.167s cubic-bezier(0.1, 0.25, 0.75, 0.9); +} + +@media (prefers-reduced-motion: reduce) { + .ms-expandCollapse200 { + transition: none; + } +} + +.ms-expandCollapse400 { + transition: height 0.367s cubic-bezier(0.1, 0.25, 0.75, 0.9); +} + +@media (prefers-reduced-motion: reduce) { + .ms-expandCollapse400 { + transition: none; + } +} + +.ms-delay100 { + animation-delay: 0.167s; +} + +.ms-delay200 { + animation-delay: 0.267s; +} + +[dir='ltr'] .ms-rotate90deg { + animation-name: ms-rotate90; + animation-duration: 0.1s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-rotate90deg { + animation: none; + } +} + +[dir='rtl'] .ms-rotate90deg { + animation-name: ms-rotateN90; + animation-duration: 0.1s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-rotate90deg { + animation: none; + } +} + +[dir='ltr'] .ms-rotateN90deg { + animation-name: ms-rotateN90; + animation-duration: 0.1s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='ltr'] .ms-rotateN90deg { + animation: none; + } +} + +[dir='rtl'] .ms-rotateN90deg { + animation-name: ms-rotate90; + animation-duration: 0.1s; + animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9); + animation-fill-mode: both; +} + +@media (prefers-reduced-motion: reduce) { + [dir='rtl'] .ms-rotateN90deg { + animation: none; + } +} + +.ms-BrandIcon--access.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x1.png); +} + +.ms-BrandIcon--access.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x1.png); +} + +.ms-BrandIcon--access.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x1.png); +} + +.ms-BrandIcon--excel.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x1.png); +} + +.ms-BrandIcon--excel.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x1.png); +} + +.ms-BrandIcon--excel.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x1.png); +} + +.ms-BrandIcon--infopath.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x1.png); +} + +.ms-BrandIcon--infopath.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x1.png); +} + +.ms-BrandIcon--infopath.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x1.png); +} + +.ms-BrandIcon--office.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x1.png); +} + +.ms-BrandIcon--office.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x1.png); +} + +.ms-BrandIcon--office.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x1.png); +} + +.ms-BrandIcon--onedrive.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x1.png); +} + +.ms-BrandIcon--onedrive.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x1.png); +} + +.ms-BrandIcon--onedrive.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x1.png); +} + +.ms-BrandIcon--onenote.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x1.png); +} + +.ms-BrandIcon--onenote.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x1.png); +} + +.ms-BrandIcon--onenote.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x1.png); +} + +.ms-BrandIcon--outlook.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x1.png); +} + +.ms-BrandIcon--outlook.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x1.png); +} + +.ms-BrandIcon--outlook.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x1.png); +} + +.ms-BrandIcon--powerpoint.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x1.png); +} + +.ms-BrandIcon--powerpoint.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x1.png); +} + +.ms-BrandIcon--powerpoint.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x1.png); +} + +.ms-BrandIcon--project.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x1.png); +} + +.ms-BrandIcon--project.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x1.png); +} + +.ms-BrandIcon--project.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x1.png); +} + +.ms-BrandIcon--sharepoint.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x1.png); +} + +.ms-BrandIcon--sharepoint.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x1.png); +} + +.ms-BrandIcon--sharepoint.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x1.png); +} + +.ms-BrandIcon--visio.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x1.png); +} + +.ms-BrandIcon--visio.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x1.png); +} + +.ms-BrandIcon--visio.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x1.png); +} + +.ms-BrandIcon--word.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x1.png); +} + +.ms-BrandIcon--word.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x1.png); +} + +.ms-BrandIcon--word.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x1.png); +} + +.ms-BrandIcon--accdb.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/accdb.png); +} + +.ms-BrandIcon--accdb.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/accdb.png); +} + +.ms-BrandIcon--accdb.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/accdb.png); +} + +.ms-BrandIcon--archive.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/archive.png); +} + +.ms-BrandIcon--archive.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/archive.png); +} + +.ms-BrandIcon--archive.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/archive.png); +} + +.ms-BrandIcon--audio.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/audio.png); +} + +.ms-BrandIcon--audio.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/audio.png); +} + +.ms-BrandIcon--audio.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/audio.png); +} + +.ms-BrandIcon--code.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/code.png); +} + +.ms-BrandIcon--code.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/code.png); +} + +.ms-BrandIcon--code.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/code.png); +} + +.ms-BrandIcon--csv.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/csv.png); +} + +.ms-BrandIcon--csv.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/csv.png); +} + +.ms-BrandIcon--csv.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/csv.png); +} + +.ms-BrandIcon--docset.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/docset.png); +} + +.ms-BrandIcon--docset.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/docset.png); +} + +.ms-BrandIcon--docset.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/docset.png); +} + +.ms-BrandIcon--docx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/docx.png); +} + +.ms-BrandIcon--docx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/docx.png); +} + +.ms-BrandIcon--docx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/docx.png); +} + +.ms-BrandIcon--dotx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/dotx.png); +} + +.ms-BrandIcon--dotx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/dotx.png); +} + +.ms-BrandIcon--dotx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/dotx.png); +} + +.ms-BrandIcon--email.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/email.png); +} + +.ms-BrandIcon--email.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/email.png); +} + +.ms-BrandIcon--email.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/email.png); +} + +.ms-BrandIcon--exe.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/exe.png); +} + +.ms-BrandIcon--exe.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/exe.png); +} + +.ms-BrandIcon--exe.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/exe.png); +} + +.ms-BrandIcon--folder.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/folder.png); +} + +.ms-BrandIcon--folder.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/folder.png); +} + +.ms-BrandIcon--folder.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/folder.png); +} + +.ms-BrandIcon--font.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/font.png); +} + +.ms-BrandIcon--font.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/font.png); +} + +.ms-BrandIcon--font.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/font.png); +} + +.ms-BrandIcon--genericfile.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/genericfile.png); +} + +.ms-BrandIcon--genericfile.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/genericfile.png); +} + +.ms-BrandIcon--genericfile.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/genericfile.png); +} + +.ms-BrandIcon--html.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/html.png); +} + +.ms-BrandIcon--html.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/html.png); +} + +.ms-BrandIcon--html.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/html.png); +} + +.ms-BrandIcon--link.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/link.png); +} + +.ms-BrandIcon--link.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/link.png); +} + +.ms-BrandIcon--link.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/link.png); +} + +.ms-BrandIcon--listitem.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/listitem.png); +} + +.ms-BrandIcon--listitem.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/listitem.png); +} + +.ms-BrandIcon--listitem.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/listitem.png); +} + +.ms-BrandIcon--model.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/model.png); +} + +.ms-BrandIcon--model.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/model.png); +} + +.ms-BrandIcon--model.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/model.png); +} + +.ms-BrandIcon--mpp.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/mpp.png); +} + +.ms-BrandIcon--mpp.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/mpp.png); +} + +.ms-BrandIcon--mpp.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/mpp.png); +} + +.ms-BrandIcon--mpt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/mpt.png); +} + +.ms-BrandIcon--mpt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/mpt.png); +} + +.ms-BrandIcon--mpt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/mpt.png); +} + +.ms-BrandIcon--odp.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/odp.png); +} + +.ms-BrandIcon--odp.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/odp.png); +} + +.ms-BrandIcon--odp.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/odp.png); +} + +.ms-BrandIcon--ods.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/ods.png); +} + +.ms-BrandIcon--ods.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/ods.png); +} + +.ms-BrandIcon--ods.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/ods.png); +} + +.ms-BrandIcon--odt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/odt.png); +} + +.ms-BrandIcon--odt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/odt.png); +} + +.ms-BrandIcon--odt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/odt.png); +} + +.ms-BrandIcon--one.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/one.png); +} + +.ms-BrandIcon--one.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/one.png); +} + +.ms-BrandIcon--one.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/one.png); +} + +.ms-BrandIcon--onetoc.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/onetoc.png); +} + +.ms-BrandIcon--onetoc.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/onetoc.png); +} + +.ms-BrandIcon--onetoc.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/onetoc.png); +} + +.ms-BrandIcon--pdf.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/pdf.png); +} + +.ms-BrandIcon--pdf.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/pdf.png); +} + +.ms-BrandIcon--pdf.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/pdf.png); +} + +.ms-BrandIcon--photo.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/photo.png); +} + +.ms-BrandIcon--photo.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/photo.png); +} + +.ms-BrandIcon--photo.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/photo.png); +} + +.ms-BrandIcon--potx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/potx.png); +} + +.ms-BrandIcon--potx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/potx.png); +} + +.ms-BrandIcon--potx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/potx.png); +} + +.ms-BrandIcon--ppsx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/ppsx.png); +} + +.ms-BrandIcon--ppsx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/ppsx.png); +} + +.ms-BrandIcon--ppsx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/ppsx.png); +} + +.ms-BrandIcon--pptx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/pptx.png); +} + +.ms-BrandIcon--pptx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/pptx.png); +} + +.ms-BrandIcon--pptx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/pptx.png); +} + +.ms-BrandIcon--pub.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/pub.png); +} + +.ms-BrandIcon--pub.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/pub.png); +} + +.ms-BrandIcon--pub.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/pub.png); +} + +.ms-BrandIcon--rtf.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/rtf.png); +} + +.ms-BrandIcon--rtf.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/rtf.png); +} + +.ms-BrandIcon--rtf.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/rtf.png); +} + +.ms-BrandIcon--sharedfolder.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/sharedfolder.png); +} + +.ms-BrandIcon--sharedfolder.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/sharedfolder.png); +} + +.ms-BrandIcon--sharedfolder.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/sharedfolder.png); +} + +.ms-BrandIcon--spo.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/spo.png); +} + +.ms-BrandIcon--spo.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/spo.png); +} + +.ms-BrandIcon--spo.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/spo.png); +} + +.ms-BrandIcon--sysfile.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/sysfile.png); +} + +.ms-BrandIcon--sysfile.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/sysfile.png); +} + +.ms-BrandIcon--sysfile.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/sysfile.png); +} + +.ms-BrandIcon--txt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/txt.png); +} + +.ms-BrandIcon--txt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/txt.png); +} + +.ms-BrandIcon--txt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/txt.png); +} + +.ms-BrandIcon--vector.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/vector.png); +} + +.ms-BrandIcon--vector.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/vector.png); +} + +.ms-BrandIcon--vector.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/vector.png); +} + +.ms-BrandIcon--video.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/video.png); +} + +.ms-BrandIcon--video.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/video.png); +} + +.ms-BrandIcon--video.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/video.png); +} + +.ms-BrandIcon--vsdx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/vsdx.png); +} + +.ms-BrandIcon--vsdx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/vsdx.png); +} + +.ms-BrandIcon--vsdx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/vsdx.png); +} + +.ms-BrandIcon--vssx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/vssx.png); +} + +.ms-BrandIcon--vssx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/vssx.png); +} + +.ms-BrandIcon--vssx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/vssx.png); +} + +.ms-BrandIcon--vstx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/vstx.png); +} + +.ms-BrandIcon--vstx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/vstx.png); +} + +.ms-BrandIcon--vstx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/vstx.png); +} + +.ms-BrandIcon--xlsx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xlsx.png); +} + +.ms-BrandIcon--xlsx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xlsx.png); +} + +.ms-BrandIcon--xlsx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xlsx.png); +} + +.ms-BrandIcon--xltx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xltx.png); +} + +.ms-BrandIcon--xltx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xltx.png); +} + +.ms-BrandIcon--xltx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xltx.png); +} + +.ms-BrandIcon--xml.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xml.png); +} + +.ms-BrandIcon--xml.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xml.png); +} + +.ms-BrandIcon--xml.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xml.png); +} + +.ms-BrandIcon--xsn.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xsn.png); +} + +.ms-BrandIcon--xsn.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xsn.png); +} + +.ms-BrandIcon--xsn.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xsn.png); +} + +.ms-BrandIcon--zip.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/zip.png); +} + +.ms-BrandIcon--zip.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/zip.png); +} + +.ms-BrandIcon--zip.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/zip.png); +} + +.ms-BrandIcon--icon16 { + background-size: 100% 100%; + width: 16px; + height: 16px; +} + +.ms-BrandIcon--icon48 { + background-size: 100% 100%; + width: 48px; + height: 48px; +} + +.ms-BrandIcon--icon96 { + background-size: 100% 100%; + width: 96px; + height: 96px; +} + +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { + .ms-BrandIcon--access.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x1_5.png); + } + + .ms-BrandIcon--access.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x1_5.png); + } + + .ms-BrandIcon--access.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x1_5.png); + } + + .ms-BrandIcon--excel.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x1_5.png); + } + + .ms-BrandIcon--excel.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x1_5.png); + } + + .ms-BrandIcon--excel.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x1_5.png); + } + + .ms-BrandIcon--infopath.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x1_5.png); + } + + .ms-BrandIcon--infopath.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x1_5.png); + } + + .ms-BrandIcon--infopath.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x1_5.png); + } + + .ms-BrandIcon--office.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x1_5.png); + } + + .ms-BrandIcon--office.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x1_5.png); + } + + .ms-BrandIcon--office.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x1_5.png); + } + + .ms-BrandIcon--onedrive.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x1_5.png); + } + + .ms-BrandIcon--onedrive.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x1_5.png); + } + + .ms-BrandIcon--onedrive.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x1_5.png); + } + + .ms-BrandIcon--onenote.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x1_5.png); + } + + .ms-BrandIcon--onenote.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x1_5.png); + } + + .ms-BrandIcon--onenote.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x1_5.png); + } + + .ms-BrandIcon--outlook.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x1_5.png); + } + + .ms-BrandIcon--outlook.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x1_5.png); + } + + .ms-BrandIcon--outlook.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x1_5.png); + } + + .ms-BrandIcon--powerpoint.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x1_5.png); + } + + .ms-BrandIcon--powerpoint.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x1_5.png); + } + + .ms-BrandIcon--powerpoint.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x1_5.png); + } + + .ms-BrandIcon--project.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x1_5.png); + } + + .ms-BrandIcon--project.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x1_5.png); + } + + .ms-BrandIcon--project.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x1_5.png); + } + + .ms-BrandIcon--sharepoint.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x1_5.png); + } + + .ms-BrandIcon--sharepoint.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x1_5.png); + } + + .ms-BrandIcon--sharepoint.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x1_5.png); + } + + .ms-BrandIcon--visio.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x1_5.png); + } + + .ms-BrandIcon--visio.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x1_5.png); + } + + .ms-BrandIcon--visio.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x1_5.png); + } + + .ms-BrandIcon--word.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x1_5.png); + } + + .ms-BrandIcon--word.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x1_5.png); + } + + .ms-BrandIcon--word.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x1_5.png); + } + + .ms-BrandIcon--accdb.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/accdb.png); + } + + .ms-BrandIcon--accdb.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/accdb.png); + } + + .ms-BrandIcon--accdb.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/accdb.png); + } + + .ms-BrandIcon--archive.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/archive.png); + } + + .ms-BrandIcon--archive.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/archive.png); + } + + .ms-BrandIcon--archive.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/archive.png); + } + + .ms-BrandIcon--audio.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/audio.png); + } + + .ms-BrandIcon--audio.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/audio.png); + } + + .ms-BrandIcon--audio.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/audio.png); + } + + .ms-BrandIcon--code.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/code.png); + } + + .ms-BrandIcon--code.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/code.png); + } + + .ms-BrandIcon--code.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/code.png); + } + + .ms-BrandIcon--csv.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/csv.png); + } + + .ms-BrandIcon--csv.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/csv.png); + } + + .ms-BrandIcon--csv.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/csv.png); + } + + .ms-BrandIcon--docset.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/docset.png); + } + + .ms-BrandIcon--docset.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/docset.png); + } + + .ms-BrandIcon--docset.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/docset.png); + } + + .ms-BrandIcon--docx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/docx.png); + } + + .ms-BrandIcon--docx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/docx.png); + } + + .ms-BrandIcon--docx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/docx.png); + } + + .ms-BrandIcon--dotx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/dotx.png); + } + + .ms-BrandIcon--dotx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/dotx.png); + } + + .ms-BrandIcon--dotx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/dotx.png); + } + + .ms-BrandIcon--email.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/email.png); + } + + .ms-BrandIcon--email.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/email.png); + } + + .ms-BrandIcon--email.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/email.png); + } + + .ms-BrandIcon--exe.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/exe.png); + } + + .ms-BrandIcon--exe.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/exe.png); + } + + .ms-BrandIcon--exe.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/exe.png); + } + + .ms-BrandIcon--folder.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/folder.png); + } + + .ms-BrandIcon--folder.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/folder.png); + } + + .ms-BrandIcon--folder.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/folder.png); + } + + .ms-BrandIcon--font.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/font.png); + } + + .ms-BrandIcon--font.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/font.png); + } + + .ms-BrandIcon--font.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/font.png); + } + + .ms-BrandIcon--genericfile.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/genericfile.png); + } + + .ms-BrandIcon--genericfile.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/genericfile.png); + } + + .ms-BrandIcon--genericfile.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/genericfile.png); + } + + .ms-BrandIcon--html.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/html.png); + } + + .ms-BrandIcon--html.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/html.png); + } + + .ms-BrandIcon--html.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/html.png); + } + + .ms-BrandIcon--link.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/link.png); + } + + .ms-BrandIcon--link.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/link.png); + } + + .ms-BrandIcon--link.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/link.png); + } + + .ms-BrandIcon--listitem.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/listitem.png); + } + + .ms-BrandIcon--listitem.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/listitem.png); + } + + .ms-BrandIcon--listitem.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/listitem.png); + } + + .ms-BrandIcon--model.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/model.png); + } + + .ms-BrandIcon--model.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/model.png); + } + + .ms-BrandIcon--model.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/model.png); + } + + .ms-BrandIcon--mpp.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/mpp.png); + } + + .ms-BrandIcon--mpp.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/mpp.png); + } + + .ms-BrandIcon--mpp.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/mpp.png); + } + + .ms-BrandIcon--mpt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/mpt.png); + } + + .ms-BrandIcon--mpt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/mpt.png); + } + + .ms-BrandIcon--mpt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/mpt.png); + } + + .ms-BrandIcon--odp.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/odp.png); + } + + .ms-BrandIcon--odp.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/odp.png); + } + + .ms-BrandIcon--odp.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/odp.png); + } + + .ms-BrandIcon--ods.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/ods.png); + } + + .ms-BrandIcon--ods.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/ods.png); + } + + .ms-BrandIcon--ods.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/ods.png); + } + + .ms-BrandIcon--odt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/odt.png); + } + + .ms-BrandIcon--odt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/odt.png); + } + + .ms-BrandIcon--odt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/odt.png); + } + + .ms-BrandIcon--one.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/one.png); + } + + .ms-BrandIcon--one.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/one.png); + } + + .ms-BrandIcon--one.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/one.png); + } + + .ms-BrandIcon--onetoc.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/onetoc.png); + } + + .ms-BrandIcon--onetoc.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/onetoc.png); + } + + .ms-BrandIcon--onetoc.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/onetoc.png); + } + + .ms-BrandIcon--pdf.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/pdf.png); + } + + .ms-BrandIcon--pdf.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/pdf.png); + } + + .ms-BrandIcon--pdf.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/pdf.png); + } + + .ms-BrandIcon--photo.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/photo.png); + } + + .ms-BrandIcon--photo.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/photo.png); + } + + .ms-BrandIcon--photo.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/photo.png); + } + + .ms-BrandIcon--potx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/potx.png); + } + + .ms-BrandIcon--potx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/potx.png); + } + + .ms-BrandIcon--potx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/potx.png); + } + + .ms-BrandIcon--ppsx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/ppsx.png); + } + + .ms-BrandIcon--ppsx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/ppsx.png); + } + + .ms-BrandIcon--ppsx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/ppsx.png); + } + + .ms-BrandIcon--pptx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/pptx.png); + } + + .ms-BrandIcon--pptx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/pptx.png); + } + + .ms-BrandIcon--pptx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/pptx.png); + } + + .ms-BrandIcon--pub.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/pub.png); + } + + .ms-BrandIcon--pub.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/pub.png); + } + + .ms-BrandIcon--pub.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/pub.png); + } + + .ms-BrandIcon--rtf.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/rtf.png); + } + + .ms-BrandIcon--rtf.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/rtf.png); + } + + .ms-BrandIcon--rtf.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/rtf.png); + } + + .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/sharedfolder.png); + } + + .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/sharedfolder.png); + } + + .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/sharedfolder.png); + } + + .ms-BrandIcon--spo.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/spo.png); + } + + .ms-BrandIcon--spo.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/spo.png); + } + + .ms-BrandIcon--spo.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/spo.png); + } + + .ms-BrandIcon--sysfile.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/sysfile.png); + } + + .ms-BrandIcon--sysfile.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/sysfile.png); + } + + .ms-BrandIcon--sysfile.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/sysfile.png); + } + + .ms-BrandIcon--txt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/txt.png); + } + + .ms-BrandIcon--txt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/txt.png); + } + + .ms-BrandIcon--txt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/txt.png); + } + + .ms-BrandIcon--vector.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/vector.png); + } + + .ms-BrandIcon--vector.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/vector.png); + } + + .ms-BrandIcon--vector.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/vector.png); + } + + .ms-BrandIcon--video.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/video.png); + } + + .ms-BrandIcon--video.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/video.png); + } + + .ms-BrandIcon--video.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/video.png); + } + + .ms-BrandIcon--vsdx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/vsdx.png); + } + + .ms-BrandIcon--vsdx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/vsdx.png); + } + + .ms-BrandIcon--vsdx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/vsdx.png); + } + + .ms-BrandIcon--vssx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/vssx.png); + } + + .ms-BrandIcon--vssx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/vssx.png); + } + + .ms-BrandIcon--vssx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/vssx.png); + } + + .ms-BrandIcon--vstx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/vstx.png); + } + + .ms-BrandIcon--vstx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/vstx.png); + } + + .ms-BrandIcon--vstx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/vstx.png); + } + + .ms-BrandIcon--xlsx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xlsx.png); + } + + .ms-BrandIcon--xlsx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xlsx.png); + } + + .ms-BrandIcon--xlsx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xlsx.png); + } + + .ms-BrandIcon--xltx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xltx.png); + } + + .ms-BrandIcon--xltx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xltx.png); + } + + .ms-BrandIcon--xltx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xltx.png); + } + + .ms-BrandIcon--xml.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xml.png); + } + + .ms-BrandIcon--xml.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xml.png); + } + + .ms-BrandIcon--xml.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xml.png); + } + + .ms-BrandIcon--xsn.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xsn.png); + } + + .ms-BrandIcon--xsn.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xsn.png); + } + + .ms-BrandIcon--xsn.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xsn.png); + } + + .ms-BrandIcon--zip.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/zip.png); + } + + .ms-BrandIcon--zip.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/zip.png); + } + + .ms-BrandIcon--zip.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/zip.png); + } +} + +@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) { + .ms-BrandIcon--access.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x2.png); + } + + .ms-BrandIcon--access.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x2.png); + } + + .ms-BrandIcon--access.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x2.png); + } + + .ms-BrandIcon--excel.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x2.png); + } + + .ms-BrandIcon--excel.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x2.png); + } + + .ms-BrandIcon--excel.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x2.png); + } + + .ms-BrandIcon--infopath.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x2.png); + } + + .ms-BrandIcon--infopath.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x2.png); + } + + .ms-BrandIcon--infopath.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x2.png); + } + + .ms-BrandIcon--office.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x2.png); + } + + .ms-BrandIcon--office.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x2.png); + } + + .ms-BrandIcon--office.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x2.png); + } + + .ms-BrandIcon--onedrive.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x2.png); + } + + .ms-BrandIcon--onedrive.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x2.png); + } + + .ms-BrandIcon--onedrive.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x2.png); + } + + .ms-BrandIcon--onenote.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x2.png); + } + + .ms-BrandIcon--onenote.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x2.png); + } + + .ms-BrandIcon--onenote.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x2.png); + } + + .ms-BrandIcon--outlook.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x2.png); + } + + .ms-BrandIcon--outlook.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x2.png); + } + + .ms-BrandIcon--outlook.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x2.png); + } + + .ms-BrandIcon--powerpoint.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x2.png); + } + + .ms-BrandIcon--powerpoint.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x2.png); + } + + .ms-BrandIcon--powerpoint.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x2.png); + } + + .ms-BrandIcon--project.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x2.png); + } + + .ms-BrandIcon--project.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x2.png); + } + + .ms-BrandIcon--project.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x2.png); + } + + .ms-BrandIcon--sharepoint.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x2.png); + } + + .ms-BrandIcon--sharepoint.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x2.png); + } + + .ms-BrandIcon--sharepoint.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x2.png); + } + + .ms-BrandIcon--visio.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x2.png); + } + + .ms-BrandIcon--visio.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x2.png); + } + + .ms-BrandIcon--visio.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x2.png); + } + + .ms-BrandIcon--word.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x2.png); + } + + .ms-BrandIcon--word.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x2.png); + } + + .ms-BrandIcon--word.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x2.png); + } + + .ms-BrandIcon--accdb.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/accdb.png); + } + + .ms-BrandIcon--accdb.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/accdb.png); + } + + .ms-BrandIcon--accdb.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/accdb.png); + } + + .ms-BrandIcon--archive.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/archive.png); + } + + .ms-BrandIcon--archive.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/archive.png); + } + + .ms-BrandIcon--archive.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/archive.png); + } + + .ms-BrandIcon--audio.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/audio.png); + } + + .ms-BrandIcon--audio.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/audio.png); + } + + .ms-BrandIcon--audio.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/audio.png); + } + + .ms-BrandIcon--code.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/code.png); + } + + .ms-BrandIcon--code.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/code.png); + } + + .ms-BrandIcon--code.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/code.png); + } + + .ms-BrandIcon--csv.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/csv.png); + } + + .ms-BrandIcon--csv.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/csv.png); + } + + .ms-BrandIcon--csv.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/csv.png); + } + + .ms-BrandIcon--docset.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/docset.png); + } + + .ms-BrandIcon--docset.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/docset.png); + } + + .ms-BrandIcon--docset.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/docset.png); + } + + .ms-BrandIcon--docx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/docx.png); + } + + .ms-BrandIcon--docx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/docx.png); + } + + .ms-BrandIcon--docx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/docx.png); + } + + .ms-BrandIcon--dotx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/dotx.png); + } + + .ms-BrandIcon--dotx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/dotx.png); + } + + .ms-BrandIcon--dotx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/dotx.png); + } + + .ms-BrandIcon--email.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/email.png); + } + + .ms-BrandIcon--email.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/email.png); + } + + .ms-BrandIcon--email.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/email.png); + } + + .ms-BrandIcon--exe.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/exe.png); + } + + .ms-BrandIcon--exe.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/exe.png); + } + + .ms-BrandIcon--exe.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/exe.png); + } + + .ms-BrandIcon--folder.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/folder.png); + } + + .ms-BrandIcon--folder.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/folder.png); + } + + .ms-BrandIcon--folder.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/folder.png); + } + + .ms-BrandIcon--font.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/font.png); + } + + .ms-BrandIcon--font.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/font.png); + } + + .ms-BrandIcon--font.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/font.png); + } + + .ms-BrandIcon--genericfile.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/genericfile.png); + } + + .ms-BrandIcon--genericfile.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/genericfile.png); + } + + .ms-BrandIcon--genericfile.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/genericfile.png); + } + + .ms-BrandIcon--html.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/html.png); + } + + .ms-BrandIcon--html.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/html.png); + } + + .ms-BrandIcon--html.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/html.png); + } + + .ms-BrandIcon--link.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/link.png); + } + + .ms-BrandIcon--link.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/link.png); + } + + .ms-BrandIcon--link.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/link.png); + } + + .ms-BrandIcon--listitem.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/listitem.png); + } + + .ms-BrandIcon--listitem.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/listitem.png); + } + + .ms-BrandIcon--listitem.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/listitem.png); + } + + .ms-BrandIcon--model.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/model.png); + } + + .ms-BrandIcon--model.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/model.png); + } + + .ms-BrandIcon--model.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/model.png); + } + + .ms-BrandIcon--mpp.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/mpp.png); + } + + .ms-BrandIcon--mpp.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/mpp.png); + } + + .ms-BrandIcon--mpp.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/mpp.png); + } + + .ms-BrandIcon--mpt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/mpt.png); + } + + .ms-BrandIcon--mpt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/mpt.png); + } + + .ms-BrandIcon--mpt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/mpt.png); + } + + .ms-BrandIcon--odp.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/odp.png); + } + + .ms-BrandIcon--odp.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/odp.png); + } + + .ms-BrandIcon--odp.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/odp.png); + } + + .ms-BrandIcon--ods.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/ods.png); + } + + .ms-BrandIcon--ods.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/ods.png); + } + + .ms-BrandIcon--ods.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/ods.png); + } + + .ms-BrandIcon--odt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/odt.png); + } + + .ms-BrandIcon--odt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/odt.png); + } + + .ms-BrandIcon--odt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/odt.png); + } + + .ms-BrandIcon--one.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/one.png); + } + + .ms-BrandIcon--one.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/one.png); + } + + .ms-BrandIcon--one.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/one.png); + } + + .ms-BrandIcon--onetoc.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/onetoc.png); + } + + .ms-BrandIcon--onetoc.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/onetoc.png); + } + + .ms-BrandIcon--onetoc.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/onetoc.png); + } + + .ms-BrandIcon--pdf.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/pdf.png); + } + + .ms-BrandIcon--pdf.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/pdf.png); + } + + .ms-BrandIcon--pdf.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/pdf.png); + } + + .ms-BrandIcon--photo.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/photo.png); + } + + .ms-BrandIcon--photo.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/photo.png); + } + + .ms-BrandIcon--photo.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/photo.png); + } + + .ms-BrandIcon--potx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/potx.png); + } + + .ms-BrandIcon--potx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/potx.png); + } + + .ms-BrandIcon--potx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/potx.png); + } + + .ms-BrandIcon--ppsx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/ppsx.png); + } + + .ms-BrandIcon--ppsx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/ppsx.png); + } + + .ms-BrandIcon--ppsx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/ppsx.png); + } + + .ms-BrandIcon--pptx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/pptx.png); + } + + .ms-BrandIcon--pptx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/pptx.png); + } + + .ms-BrandIcon--pptx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/pptx.png); + } + + .ms-BrandIcon--pub.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/pub.png); + } + + .ms-BrandIcon--pub.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/pub.png); + } + + .ms-BrandIcon--pub.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/pub.png); + } + + .ms-BrandIcon--rtf.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/rtf.png); + } + + .ms-BrandIcon--rtf.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/rtf.png); + } + + .ms-BrandIcon--rtf.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/rtf.png); + } + + .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/sharedfolder.png); + } + + .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/sharedfolder.png); + } + + .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/sharedfolder.png); + } + + .ms-BrandIcon--spo.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/spo.png); + } + + .ms-BrandIcon--spo.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/spo.png); + } + + .ms-BrandIcon--spo.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/spo.png); + } + + .ms-BrandIcon--sysfile.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/sysfile.png); + } + + .ms-BrandIcon--sysfile.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/sysfile.png); + } + + .ms-BrandIcon--sysfile.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/sysfile.png); + } + + .ms-BrandIcon--txt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/txt.png); + } + + .ms-BrandIcon--txt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/txt.png); + } + + .ms-BrandIcon--txt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/txt.png); + } + + .ms-BrandIcon--vector.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/vector.png); + } + + .ms-BrandIcon--vector.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/vector.png); + } + + .ms-BrandIcon--vector.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/vector.png); + } + + .ms-BrandIcon--video.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/video.png); + } + + .ms-BrandIcon--video.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/video.png); + } + + .ms-BrandIcon--video.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/video.png); + } + + .ms-BrandIcon--vsdx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/vsdx.png); + } + + .ms-BrandIcon--vsdx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/vsdx.png); + } + + .ms-BrandIcon--vsdx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/vsdx.png); + } + + .ms-BrandIcon--vssx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/vssx.png); + } + + .ms-BrandIcon--vssx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/vssx.png); + } + + .ms-BrandIcon--vssx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/vssx.png); + } + + .ms-BrandIcon--vstx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/vstx.png); + } + + .ms-BrandIcon--vstx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/vstx.png); + } + + .ms-BrandIcon--vstx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/vstx.png); + } + + .ms-BrandIcon--xlsx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xlsx.png); + } + + .ms-BrandIcon--xlsx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xlsx.png); + } + + .ms-BrandIcon--xlsx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xlsx.png); + } + + .ms-BrandIcon--xltx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xltx.png); + } + + .ms-BrandIcon--xltx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xltx.png); + } + + .ms-BrandIcon--xltx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xltx.png); + } + + .ms-BrandIcon--xml.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xml.png); + } + + .ms-BrandIcon--xml.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xml.png); + } + + .ms-BrandIcon--xml.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xml.png); + } + + .ms-BrandIcon--xsn.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xsn.png); + } + + .ms-BrandIcon--xsn.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xsn.png); + } + + .ms-BrandIcon--xsn.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xsn.png); + } + + .ms-BrandIcon--zip.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/zip.png); + } + + .ms-BrandIcon--zip.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/zip.png); + } + + .ms-BrandIcon--zip.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/zip.png); + } +} + +@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-resolution: 288dpi) { + .ms-BrandIcon--access.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x3.png); + } + + .ms-BrandIcon--access.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x3.png); + } + + .ms-BrandIcon--access.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x3.png); + } + + .ms-BrandIcon--excel.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x3.png); + } + + .ms-BrandIcon--excel.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x3.png); + } + + .ms-BrandIcon--excel.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x3.png); + } + + .ms-BrandIcon--infopath.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x3.png); + } + + .ms-BrandIcon--infopath.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x3.png); + } + + .ms-BrandIcon--infopath.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x3.png); + } + + .ms-BrandIcon--office.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x3.png); + } + + .ms-BrandIcon--office.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x3.png); + } + + .ms-BrandIcon--office.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x3.png); + } + + .ms-BrandIcon--onedrive.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x3.png); + } + + .ms-BrandIcon--onedrive.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x3.png); + } + + .ms-BrandIcon--onedrive.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x3.png); + } + + .ms-BrandIcon--onenote.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x3.png); + } + + .ms-BrandIcon--onenote.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x3.png); + } + + .ms-BrandIcon--onenote.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x3.png); + } + + .ms-BrandIcon--outlook.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x3.png); + } + + .ms-BrandIcon--outlook.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x3.png); + } + + .ms-BrandIcon--outlook.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x3.png); + } + + .ms-BrandIcon--powerpoint.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x3.png); + } + + .ms-BrandIcon--powerpoint.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x3.png); + } + + .ms-BrandIcon--powerpoint.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x3.png); + } + + .ms-BrandIcon--project.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x3.png); + } + + .ms-BrandIcon--project.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x3.png); + } + + .ms-BrandIcon--project.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x3.png); + } + + .ms-BrandIcon--sharepoint.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x3.png); + } + + .ms-BrandIcon--sharepoint.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x3.png); + } + + .ms-BrandIcon--sharepoint.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x3.png); + } + + .ms-BrandIcon--visio.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x3.png); + } + + .ms-BrandIcon--visio.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x3.png); + } + + .ms-BrandIcon--visio.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x3.png); + } + + .ms-BrandIcon--word.ms-BrandIcon--icon16 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x3.png); + } + + .ms-BrandIcon--word.ms-BrandIcon--icon48 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x3.png); + } + + .ms-BrandIcon--word.ms-BrandIcon--icon96 { + background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x3.png); + } + + .ms-BrandIcon--accdb.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/accdb.png); + } + + .ms-BrandIcon--accdb.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/accdb.png); + } + + .ms-BrandIcon--accdb.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/accdb.png); + } + + .ms-BrandIcon--archive.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/archive.png); + } + + .ms-BrandIcon--archive.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/archive.png); + } + + .ms-BrandIcon--archive.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/archive.png); + } + + .ms-BrandIcon--audio.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/audio.png); + } + + .ms-BrandIcon--audio.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/audio.png); + } + + .ms-BrandIcon--audio.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/audio.png); + } + + .ms-BrandIcon--code.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/code.png); + } + + .ms-BrandIcon--code.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/code.png); + } + + .ms-BrandIcon--code.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/code.png); + } + + .ms-BrandIcon--csv.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/csv.png); + } + + .ms-BrandIcon--csv.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/csv.png); + } + + .ms-BrandIcon--csv.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/csv.png); + } + + .ms-BrandIcon--docset.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/docset.png); + } + + .ms-BrandIcon--docset.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/docset.png); + } + + .ms-BrandIcon--docset.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/docset.png); + } + + .ms-BrandIcon--docx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/docx.png); + } + + .ms-BrandIcon--docx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/docx.png); + } + + .ms-BrandIcon--docx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/docx.png); + } + + .ms-BrandIcon--dotx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/dotx.png); + } + + .ms-BrandIcon--dotx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/dotx.png); + } + + .ms-BrandIcon--dotx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/dotx.png); + } + + .ms-BrandIcon--email.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/email.png); + } + + .ms-BrandIcon--email.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/email.png); + } + + .ms-BrandIcon--email.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/email.png); + } + + .ms-BrandIcon--exe.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/exe.png); + } + + .ms-BrandIcon--exe.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/exe.png); + } + + .ms-BrandIcon--exe.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/exe.png); + } + + .ms-BrandIcon--folder.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/folder.png); + } + + .ms-BrandIcon--folder.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/folder.png); + } + + .ms-BrandIcon--folder.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/folder.png); + } + + .ms-BrandIcon--font.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/font.png); + } + + .ms-BrandIcon--font.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/font.png); + } + + .ms-BrandIcon--font.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/font.png); + } + + .ms-BrandIcon--genericfile.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/genericfile.png); + } + + .ms-BrandIcon--genericfile.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/genericfile.png); + } + + .ms-BrandIcon--genericfile.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/genericfile.png); + } + + .ms-BrandIcon--html.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/html.png); + } + + .ms-BrandIcon--html.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/html.png); + } + + .ms-BrandIcon--html.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/html.png); + } + + .ms-BrandIcon--link.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/link.png); + } + + .ms-BrandIcon--link.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/link.png); + } + + .ms-BrandIcon--link.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/link.png); + } + + .ms-BrandIcon--listitem.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/listitem.png); + } + + .ms-BrandIcon--listitem.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/listitem.png); + } + + .ms-BrandIcon--listitem.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/listitem.png); + } + + .ms-BrandIcon--model.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/model.png); + } + + .ms-BrandIcon--model.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/model.png); + } + + .ms-BrandIcon--model.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/model.png); + } + + .ms-BrandIcon--mpp.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/mpp.png); + } + + .ms-BrandIcon--mpp.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/mpp.png); + } + + .ms-BrandIcon--mpp.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/mpp.png); + } + + .ms-BrandIcon--mpt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/mpt.png); + } + + .ms-BrandIcon--mpt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/mpt.png); + } + + .ms-BrandIcon--mpt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/mpt.png); + } + + .ms-BrandIcon--odp.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/odp.png); + } + + .ms-BrandIcon--odp.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/odp.png); + } + + .ms-BrandIcon--odp.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/odp.png); + } + + .ms-BrandIcon--ods.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/ods.png); + } + + .ms-BrandIcon--ods.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/ods.png); + } + + .ms-BrandIcon--ods.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/ods.png); + } + + .ms-BrandIcon--odt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/odt.png); + } + + .ms-BrandIcon--odt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/odt.png); + } + + .ms-BrandIcon--odt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/odt.png); + } + + .ms-BrandIcon--one.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/one.png); + } + + .ms-BrandIcon--one.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/one.png); + } + + .ms-BrandIcon--one.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/one.png); + } + + .ms-BrandIcon--onetoc.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/onetoc.png); + } + + .ms-BrandIcon--onetoc.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/onetoc.png); + } + + .ms-BrandIcon--onetoc.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/onetoc.png); + } + + .ms-BrandIcon--pdf.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/pdf.png); + } + + .ms-BrandIcon--pdf.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/pdf.png); + } + + .ms-BrandIcon--pdf.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/pdf.png); + } + + .ms-BrandIcon--photo.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/photo.png); + } + + .ms-BrandIcon--photo.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/photo.png); + } + + .ms-BrandIcon--photo.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/photo.png); + } + + .ms-BrandIcon--potx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/potx.png); + } + + .ms-BrandIcon--potx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/potx.png); + } + + .ms-BrandIcon--potx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/potx.png); + } + + .ms-BrandIcon--ppsx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/ppsx.png); + } + + .ms-BrandIcon--ppsx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/ppsx.png); + } + + .ms-BrandIcon--ppsx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/ppsx.png); + } + + .ms-BrandIcon--pptx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/pptx.png); + } + + .ms-BrandIcon--pptx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/pptx.png); + } + + .ms-BrandIcon--pptx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/pptx.png); + } + + .ms-BrandIcon--pub.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/pub.png); + } + + .ms-BrandIcon--pub.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/pub.png); + } + + .ms-BrandIcon--pub.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/pub.png); + } + + .ms-BrandIcon--rtf.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/rtf.png); + } + + .ms-BrandIcon--rtf.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/rtf.png); + } + + .ms-BrandIcon--rtf.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/rtf.png); + } + + .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/sharedfolder.png); + } + + .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/sharedfolder.png); + } + + .ms-BrandIcon--sharedfolder.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/sharedfolder.png); + } + + .ms-BrandIcon--spo.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/spo.png); + } + + .ms-BrandIcon--spo.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/spo.png); + } + + .ms-BrandIcon--spo.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/spo.png); + } + + .ms-BrandIcon--sysfile.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/sysfile.png); + } + + .ms-BrandIcon--sysfile.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/sysfile.png); + } + + .ms-BrandIcon--sysfile.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/sysfile.png); + } + + .ms-BrandIcon--txt.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/txt.png); + } + + .ms-BrandIcon--txt.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/txt.png); + } + + .ms-BrandIcon--txt.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/txt.png); + } + + .ms-BrandIcon--vector.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/vector.png); + } + + .ms-BrandIcon--vector.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/vector.png); + } + + .ms-BrandIcon--vector.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/vector.png); + } + + .ms-BrandIcon--video.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/video.png); + } + + .ms-BrandIcon--video.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/video.png); + } + + .ms-BrandIcon--video.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/video.png); + } + + .ms-BrandIcon--vsdx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/vsdx.png); + } + + .ms-BrandIcon--vsdx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/vsdx.png); + } + + .ms-BrandIcon--vsdx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/vsdx.png); + } + + .ms-BrandIcon--vssx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/vssx.png); + } + + .ms-BrandIcon--vssx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/vssx.png); + } + + .ms-BrandIcon--vssx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/vssx.png); + } + + .ms-BrandIcon--vstx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/vstx.png); + } + + .ms-BrandIcon--vstx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/vstx.png); + } + + .ms-BrandIcon--vstx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/vstx.png); + } + + .ms-BrandIcon--xlsx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xlsx.png); + } + + .ms-BrandIcon--xlsx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xlsx.png); + } + + .ms-BrandIcon--xlsx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xlsx.png); + } + + .ms-BrandIcon--xltx.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xltx.png); + } + + .ms-BrandIcon--xltx.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xltx.png); + } + + .ms-BrandIcon--xltx.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xltx.png); + } + + .ms-BrandIcon--xml.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xml.png); + } + + .ms-BrandIcon--xml.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xml.png); + } + + .ms-BrandIcon--xml.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xml.png); + } + + .ms-BrandIcon--xsn.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xsn.png); + } + + .ms-BrandIcon--xsn.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xsn.png); + } + + .ms-BrandIcon--xsn.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xsn.png); + } + + .ms-BrandIcon--zip.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/zip.png); + } + + .ms-BrandIcon--zip.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/zip.png); + } + + .ms-BrandIcon--zip.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/zip.png); + } +} + +.ms-BrandIcon--onepkg.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/one.png); +} + +.ms-BrandIcon--onepkg.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/one.png); +} + +.ms-BrandIcon--onepkg.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/one.png); +} + +.ms-BrandIcon--xls.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xlsx.png); +} + +.ms-BrandIcon--xls.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xlsx.png); +} + +.ms-BrandIcon--xls.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xlsx.png); +} + +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { + .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/one.png); + } + + .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/one.png); + } + + .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/one.png); + } + + .ms-BrandIcon--xls.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xlsx.png); + } + + .ms-BrandIcon--xls.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xlsx.png); + } + + .ms-BrandIcon--xls.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xlsx.png); + } +} + +@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) { + .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/one.png); + } + + .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/one.png); + } + + .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/one.png); + } + + .ms-BrandIcon--xls.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xlsx.png); + } + + .ms-BrandIcon--xls.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xlsx.png); + } + + .ms-BrandIcon--xls.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xlsx.png); + } +} + +@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-resolution: 288dpi) { + .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/one.png); + } + + .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/one.png); + } + + .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/one.png); + } + + .ms-BrandIcon--xls.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xlsx.png); + } + + .ms-BrandIcon--xls.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xlsx.png); + } + + .ms-BrandIcon--xls.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xlsx.png); + } +} + +.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-neutralQuaternary, +.ms-bgColor-neutralQuaternary--hover:hover { + background-color: #d0d0d0; +} + +.ms-bgColor-neutralQuaternaryAlt, +.ms-bgColor-neutralQuaternaryAlt--hover:hover { + background-color: #dadada; +} + +.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, +.ms-bgColor-yellow--hover:hover { + background-color: #ffb900; +} + +.ms-bgColor-yellowLight, +.ms-bgColor-yellowLight--hover:hover { + background-color: #fff100; +} + +.ms-bgColor-orange, +.ms-bgColor-orange--hover:hover { + background-color: #d83b01; +} + +.ms-bgColor-orangeLight, +.ms-bgColor-orangeLight--hover:hover { + background-color: #ea4300; +} + +.ms-bgColor-orangeLighter, +.ms-bgColor-orangeLighter--hover:hover { + background-color: #ff8c00; +} + +.ms-bgColor-redDark, +.ms-bgColor-redDark--hover:hover { + background-color: #a80000; +} + +.ms-bgColor-red, +.ms-bgColor-red--hover:hover { + background-color: #e81123; +} + +.ms-bgColor-magentaDark, +.ms-bgColor-magentaDark--hover:hover { + background-color: #5c005c; +} + +.ms-bgColor-magenta, +.ms-bgColor-magenta--hover:hover { + background-color: #b4009e; +} + +.ms-bgColor-magentaLight, +.ms-bgColor-magentaLight--hover:hover { + background-color: #e3008c; +} + +.ms-bgColor-purpleDark, +.ms-bgColor-purpleDark--hover:hover { + background-color: #32145a; +} + +.ms-bgColor-purple, +.ms-bgColor-purple--hover:hover { + background-color: #5c2d91; +} + +.ms-bgColor-purpleLight, +.ms-bgColor-purpleLight--hover:hover { + background-color: #b4a0ff; +} + +.ms-bgColor-blueDark, +.ms-bgColor-blueDark--hover:hover { + background-color: #002050; +} + +.ms-bgColor-blueMid, +.ms-bgColor-blueMid--hover:hover { + background-color: #00188f; +} + +.ms-bgColor-blue, +.ms-bgColor-blue--hover:hover { + background-color: #0078d7; +} + +.ms-bgColor-blueLight, +.ms-bgColor-blueLight--hover:hover { + background-color: #00bcf2; +} + +.ms-bgColor-tealDark, +.ms-bgColor-tealDark--hover:hover { + background-color: #004b50; +} + +.ms-bgColor-teal, +.ms-bgColor-teal--hover:hover { + background-color: #008272; +} + +.ms-bgColor-tealLight, +.ms-bgColor-tealLight--hover:hover { + background-color: #00b294; +} + +.ms-bgColor-greenDark, +.ms-bgColor-greenDark--hover:hover { + background-color: #004b1c; +} + +.ms-bgColor-green, +.ms-bgColor-green--hover:hover { + background-color: #107c10; +} + +.ms-bgColor-greenLight, +.ms-bgColor-greenLight--hover:hover { + background-color: #bad80a; +} + +.ms-bgColor-info, +.ms-bgColor-info--hover:hover { + background-color: #f4f4f4; +} + +.ms-bgColor-success, +.ms-bgColor-success--hover:hover { + background-color: #dff6dd; +} + +.ms-bgColor-severeWarning, +.ms-bgColor-severeWarning--hover:hover { + background-color: #fed9cc; +} + +.ms-bgColor-warning, +.ms-bgColor-warning--hover:hover { + background-color: #fff4ce; +} + +.ms-bgColor-error, +.ms-bgColor-error--hover:hover { + 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-neutralQuaternary, +.ms-borderColor-neutralQuaternary--hover:hover { + border-color: #d0d0d0; +} + +.ms-borderColor-neutralQuaternaryAlt, +.ms-borderColor-neutralQuaternaryAlt--hover:hover { + border-color: #dadada; +} + +.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, +.ms-borderColor-yellow--hover:hover { + border-color: #ffb900; +} + +.ms-borderColor-yellowLight, +.ms-borderColor-yellowLight--hover:hover { + border-color: #fff100; +} + +.ms-borderColor-orange, +.ms-borderColor-orange--hover:hover { + border-color: #d83b01; +} + +.ms-borderColor-orangeLight, +.ms-borderColor-orangeLight--hover:hover { + border-color: #ea4300; +} + +.ms-borderColor-orangeLighter, +.ms-borderColor-orangeLighter--hover:hover { + border-color: #ff8c00; +} + +.ms-borderColor-redDark, +.ms-borderColor-redDark--hover:hover { + border-color: #a80000; +} + +.ms-borderColor-red, +.ms-borderColor-red--hover:hover { + border-color: #e81123; +} + +.ms-borderColor-magentaDark, +.ms-borderColor-magentaDark--hover:hover { + border-color: #5c005c; +} + +.ms-borderColor-magenta, +.ms-borderColor-magenta--hover:hover { + border-color: #b4009e; +} + +.ms-borderColor-magentaLight, +.ms-borderColor-magentaLight--hover:hover { + border-color: #e3008c; +} + +.ms-borderColor-purpleDark, +.ms-borderColor-purpleDark--hover:hover { + border-color: #32145a; +} + +.ms-borderColor-purple, +.ms-borderColor-purple--hover:hover { + border-color: #5c2d91; +} + +.ms-borderColor-purpleLight, +.ms-borderColor-purpleLight--hover:hover { + border-color: #b4a0ff; +} + +.ms-borderColor-blueDark, +.ms-borderColor-blueDark--hover:hover { + border-color: #002050; +} + +.ms-borderColor-blueMid, +.ms-borderColor-blueMid--hover:hover { + border-color: #00188f; +} + +.ms-borderColor-blue, +.ms-borderColor-blue--hover:hover { + border-color: #0078d7; +} + +.ms-borderColor-blueLight, +.ms-borderColor-blueLight--hover:hover { + border-color: #00bcf2; +} + +.ms-borderColor-tealDark, +.ms-borderColor-tealDark--hover:hover { + border-color: #004b50; +} + +.ms-borderColor-teal, +.ms-borderColor-teal--hover:hover { + border-color: #008272; +} + +.ms-borderColor-tealLight, +.ms-borderColor-tealLight--hover:hover { + border-color: #00b294; +} + +.ms-borderColor-greenDark, +.ms-borderColor-greenDark--hover:hover { + border-color: #004b1c; +} + +.ms-borderColor-green, +.ms-borderColor-green--hover:hover { + border-color: #107c10; +} + +.ms-borderColor-greenLight, +.ms-borderColor-greenLight--hover:hover { + border-color: #bad80a; +} + +@font-face { + font-family: 'Leelawadee UI Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-light.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-light.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Leelawadee UI Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff') format('woff'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Leelawadee UI Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-regular.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Leelawadee UI Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semibold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semibold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Leelawadee UI Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Arabic)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-light.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-light.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Arabic)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semilight.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semilight.woff') format('woff'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Arabic)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-regular.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Arabic)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semibold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semibold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Arabic)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-bold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-bold.woff') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Cyrillic)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-light.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-light.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Cyrillic)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semilight.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semilight.woff') format('woff'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Cyrillic)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-regular.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Cyrillic)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semibold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semibold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Cyrillic)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-bold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-bold.woff') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (East European)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-light.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-light.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (East European)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semilight.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semilight.woff') format('woff'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (East European)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-regular.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (East European)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semibold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semibold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (East European)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-bold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-bold.woff') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Greek)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-light.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-light.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Greek)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semilight.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semilight.woff') format('woff'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Greek)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-regular.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Greek)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semibold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semibold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Greek)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-bold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-bold.woff') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Hebrew)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-light.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-light.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Hebrew)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semilight.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semilight.woff') format('woff'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Hebrew)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-regular.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Hebrew)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semibold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semibold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Hebrew)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-bold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-bold.woff') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Vietnamese)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-light.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-light.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Vietnamese)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semilight.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semilight.woff') format('woff'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Vietnamese)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-regular.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Vietnamese)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semibold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semibold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (Vietnamese)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-bold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-bold.woff') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (West European)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-light.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-light.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (West European)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semilight.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semilight.woff') format('woff'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (West European)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-regular.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (West European)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semibold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semibold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Segoe UI Web (West European)'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-bold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-bold.woff') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Selawik Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-light.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-light.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Selawik Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semilight.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semilight.woff') format('woff'); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Selawik Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-regular.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-regular.woff') format('woff'); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Selawik Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semibold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semibold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Selawik Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-bold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-bold.woff') format('woff'); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Leelawadee UI Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +@font-face { + font-family: 'Leelawadee UI Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} + +.ms-font-su { + font-size: 42px; + font-weight: 100; +} + +.ms-font-xxl { + font-size: 28px; + font-weight: 100; +} + +.ms-font-xl-plus { + font-size: 24px; + font-weight: 100; +} + +.ms-font-xl { + font-size: 21px; + font-weight: 100; +} + +.ms-font-l { + font-size: 17px; + font-weight: 300; +} + +.ms-font-m-plus { + font-size: 15px; + font-weight: 400; +} + +.ms-font-m { + font-size: 14px; + font-weight: 400; +} + +.ms-font-s-plus { + font-size: 13px; + font-weight: 400; +} + +.ms-font-s { + font-size: 12px; + font-weight: 400; +} + +.ms-font-xs { + font-size: 11px; + font-weight: 400; +} + +.ms-font-mi { + font-size: 10px; + font-weight: 600; +} + +.ms-fontWeight-light { + font-weight: 100; +} + +.ms-fontWeight-semilight { + font-weight: 300; +} + +.ms-fontWeight-regular { + font-weight: 400; +} + +.ms-fontWeight-semibold { + font-weight: 600; +} + +.ms-fontWeight-bold { + font-weight: 700; +} + +.ms-fontSize-su { + font-size: 42px; +} + +.ms-fontSize-xxl { + font-size: 28px; +} + +.ms-fontSize-xlPlus { + font-size: 24px; +} + +.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-neutralQuaternary, +.ms-fontColor-neutralQuaternary--hover:hover { + color: #d0d0d0; +} + +.ms-fontColor-neutralQuaternaryAlt, +.ms-fontColor-neutralQuaternaryAlt--hover:hover { + color: #dadada; +} + +.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; +} + +.ms-Grid { + box-sizing: border-box; + *zoom: 1; + padding: 0 8px; +} + +.ms-Grid::before, +.ms-Grid::after { + display: table; + content: ''; + line-height: 0; +} + +.ms-Grid::after { + clear: both; +} + +.ms-Grid-row { + margin: 0 -8px; + box-sizing: border-box; + *zoom: 1; +} + +.ms-Grid-row::before, +.ms-Grid-row::after { + display: table; + content: ''; + line-height: 0; +} + +.ms-Grid-row::after { + clear: both; +} + +.ms-Grid-col { + position: relative; + min-height: 1px; + padding-left: 8px; + padding-right: 8px; + box-sizing: border-box; +} + +[dir='ltr'] .ms-Grid-col { + float: left; +} + +[dir='rtl'] .ms-Grid-col { + float: right; +} + +.ms-Grid-col .ms-Grid { + padding: 0; +} + +/* + 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: 'FabricMDL2Icons'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/icons/fabricmdl2icons-2.68.woff2') format('woff2'), url('https://static2.sharepointonline.com/files/fabric/assets/icons/fabricmdl2icons-2.68.woff') format('woff'), url('https://static2.sharepointonline.com/files/fabric/assets/icons/fabricmdl2icons-2.68.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +.ms-Icon { + display: inline-block; + font-family: 'FabricMDL2Icons'; + font-style: normal; + font-weight: normal; + speak: none; +} + +.ms-Icon--circle { + margin: 0 0.5em 0 0; + position: relative; + display: inline-block; + font-size: 1rem; + width: 1em; + height: 1em; + padding: 0; + text-align: left; +} + +[dir='rtl'] .ms-Icon--circle { + margin: 0 0 0 0.5em; +} + +.ms-Icon--circle::before, +.ms-Icon--circle::after { + line-height: 1; + font-size: inherit; +} + +.ms-Icon--circle::before { + display: block; + width: 100%; + height: 100%; + margin: 0; + padding: 0; + vertical-align: top; + position: absolute; +} + +.ms-Icon--circle::after { + content: '\e000'; + position: absolute; + top: 0; + left: 0; + -ms-transform: scale(2); + transform: scale(2); + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; + z-index: 0; +} + +.ms-Icon--xs { + font-size: 10px; +} + +.ms-Icon--s { + font-size: 12px; +} + +.ms-Icon--m { + font-size: 16px; +} + +.ms-Icon--l { + font-size: 20px; +} + +.ms-Icon--12PointStar::before { + content: ''; +} + +.ms-Icon--6PointStar::before { + content: ''; +} + +.ms-Icon--AADLogo::before { + content: ''; +} + +.ms-Icon--Accept::before { + content: ''; +} + +.ms-Icon--AccessLogo::before { + content: ''; +} + +.ms-Icon--AccessLogoFill::before { + content: ''; +} + +.ms-Icon--AccountManagement::before { + content: ''; +} + +.ms-Icon--Accounts::before { + content: ''; +} + +.ms-Icon--ActivateOrders::before { + content: ''; +} + +.ms-Icon--ActivityFeed::before { + content: ''; +} + +.ms-Icon--Add::before { + content: ''; +} + +.ms-Icon--AddBookmark::before { + content: ''; +} + +.ms-Icon--AddEvent::before { + content: ''; +} + +.ms-Icon--AddFavorite::before { + content: ''; +} + +.ms-Icon--AddFavoriteFill::before { + content: ''; +} + +.ms-Icon--AddFriend::before { + content: ''; +} + +.ms-Icon--AddGroup::before { + content: ''; +} + +.ms-Icon--AddNotes::before { + content: ''; +} + +.ms-Icon--AddOnlineMeeting::before { + content: ''; +} + +.ms-Icon--AddPhone::before { + content: ''; +} + +.ms-Icon--AddTo::before { + content: ''; +} + +.ms-Icon--Admin::before { + content: ''; +} + +.ms-Icon--AdminALogo32::before { + content: ''; +} + +.ms-Icon--AdminALogoFill32::before { + content: ''; +} + +.ms-Icon--AdminALogoInverse32::before { + content: ''; +} + +.ms-Icon--AdminCLogoInverse32::before { + content: ''; +} + +.ms-Icon--AdminDLogoInverse32::before { + content: ''; +} + +.ms-Icon--AdminELogoInverse32::before { + content: ''; +} + +.ms-Icon--AdminLLogoInverse32::before { + content: ''; +} + +.ms-Icon--AdminMLogoInverse32::before { + content: ''; +} + +.ms-Icon--AdminOLogoInverse32::before { + content: ''; +} + +.ms-Icon--AdminPLogoInverse32::before { + content: ''; +} + +.ms-Icon--AdminSLogoInverse32::before { + content: ''; +} + +.ms-Icon--AdminYLogoInverse32::before { + content: ''; +} + +.ms-Icon--Airplane::before { + content: ''; +} + +.ms-Icon--AirplaneSolid::before { + content: ''; +} + +.ms-Icon--AirTickets::before { + content: ''; +} + +.ms-Icon--AlarmClock::before { + content: ''; +} + +.ms-Icon--Album::before { + content: ''; +} + +.ms-Icon--AlbumRemove::before { + content: ''; +} + +.ms-Icon--AlertSolid::before { + content: ''; +} + +.ms-Icon--AlignCenter::before { + content: ''; +} + +.ms-Icon--AlignHorizontalCenter::before { + content: ''; +} + +.ms-Icon--AlignHorizontalLeft::before { + content: ''; +} + +.ms-Icon--AlignHorizontalRight::before { + content: ''; +} + +.ms-Icon--AlignJustify::before { + content: ''; +} + +.ms-Icon--AlignLeft::before { + content: ''; +} + +.ms-Icon--AlignRight::before { + content: ''; +} + +.ms-Icon--AlignVerticalBottom::before { + content: ''; +} + +.ms-Icon--AlignVerticalCenter::before { + content: ''; +} + +.ms-Icon--AlignVerticalTop::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--AllApps::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--AllApps::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--AllAppsMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--AllAppsMirrored::before { + content: ''; +} + +.ms-Icon--AnalyticsLogo::before { + content: ''; +} + +.ms-Icon--AnalyticsQuery::before { + content: ''; +} + +.ms-Icon--AnalyticsReport::before { + content: ''; +} + +.ms-Icon--AnalyticsView::before { + content: ''; +} + +.ms-Icon--AnchorLock::before { + content: ''; +} + +.ms-Icon--Annotation::before { + content: ''; +} + +.ms-Icon--AppIconDefault::before { + content: ''; +} + +.ms-Icon--Archive::before { + content: ''; +} + +.ms-Icon--AreaChart::before { + content: ''; +} + +.ms-Icon--ArrangeBringForward::before { + content: ''; +} + +.ms-Icon--ArrangeBringToFront::before { + content: ''; +} + +.ms-Icon--ArrangeByFrom::before { + content: ''; +} + +.ms-Icon--ArrangeSendBackward::before { + content: ''; +} + +.ms-Icon--ArrangeSendToBack::before { + content: ''; +} + +.ms-Icon--Arrivals::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ArrowDownRight8::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ArrowDownRight8::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ArrowDownRightMirrored8::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ArrowDownRightMirrored8::before { + content: ''; +} + +.ms-Icon--ArrowTallDownLeft::before { + content: ''; +} + +.ms-Icon--ArrowTallDownRight::before { + content: ''; +} + +.ms-Icon--ArrowTallUpLeft::before { + content: ''; +} + +.ms-Icon--ArrowTallUpRight::before { + content: ''; +} + +.ms-Icon--ArrowUpRight::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ArrowUpRight8::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ArrowUpRight8::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ArrowUpRightMirrored8::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ArrowUpRightMirrored8::before { + content: ''; +} + +.ms-Icon--Articles::before { + content: ''; +} + +.ms-Icon--Ascending::before { + content: ''; +} + +.ms-Icon--AspectRatio::before { + content: ''; +} + +.ms-Icon--AssessmentGroup::before { + content: ''; +} + +.ms-Icon--AssessmentGroupTemplate::before { + content: ''; +} + +.ms-Icon--AssetLibrary::before { + content: ''; +} + +.ms-Icon--Assign::before { + content: ''; +} + +.ms-Icon--Asterisk::before { + content: ''; +} + +.ms-Icon--AsteriskSolid::before { + content: ''; +} + +.ms-Icon--ATPLogo::before { + content: ''; +} + +.ms-Icon--Attach::before { + content: ''; +} + +.ms-Icon--AustralianRules::before { + content: ''; +} + +.ms-Icon--AutoEnhanceOff::before { + content: ''; +} + +.ms-Icon--AutoEnhanceOn::before { + content: ''; +} + +.ms-Icon--AutoFillTemplate::before { + content: ''; +} + +.ms-Icon--AutoHeight::before { + content: ''; +} + +.ms-Icon--AutoRacing::before { + content: ''; +} + +.ms-Icon--AwayStatus::before { + content: ''; +} + +.ms-Icon--AzureAPIManagement::before { + content: ''; +} + +.ms-Icon--AzureKeyVault::before { + content: ''; +} + +.ms-Icon--AzureLogo::before { + content: ''; +} + +.ms-Icon--AzureServiceEndpoint::before { + content: ''; +} + +.ms-Icon--Back::before { + content: ''; +} + +.ms-Icon--BackgroundColor::before { + content: ''; +} + +.ms-Icon--Backlog::before { + content: ''; +} + +.ms-Icon--BacklogBoard::before { + content: ''; +} + +.ms-Icon--BackToWindow::before { + content: ''; +} + +.ms-Icon--Badge::before { + content: ''; +} + +.ms-Icon--Balloons::before { + content: ''; +} + +.ms-Icon--BankSolid::before { + content: ''; +} + +.ms-Icon--BarChart4::before { + content: ''; +} + +.ms-Icon--BarChartHorizontal::before { + content: ''; +} + +.ms-Icon--BarChartVertical::before { + content: ''; +} + +.ms-Icon--Baseball::before { + content: ''; +} + +.ms-Icon--BeerMug::before { + content: ''; +} + +.ms-Icon--BIDashboard::before { + content: ''; +} + +.ms-Icon--BidiLtr::before { + content: ''; +} + +.ms-Icon--BidiRtl::before { + content: ''; +} + +.ms-Icon--BingLogo::before { + content: ''; +} + +.ms-Icon--BirthdayCake::before { + content: ''; +} + +.ms-Icon--BlockContact::before { + content: ''; +} + +.ms-Icon--Blocked::before { + content: ''; +} + +.ms-Icon--Blocked12::before { + content: ''; +} + +.ms-Icon--Blocked2::before { + content: ''; +} + +.ms-Icon--BlockedSite::before { + content: ''; +} + +.ms-Icon--BlockedSolid::before { + content: ''; +} + +.ms-Icon--BlowingSnow::before { + content: ''; +} + +.ms-Icon--Blur::before { + content: ''; +} + +.ms-Icon--Boards::before { + content: ''; +} + +.ms-Icon--Bold::before { + content: ''; +} + +.ms-Icon--BookingsLogo::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--Bookmarks::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--Bookmarks::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--BookmarksMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--BookmarksMirrored::before { + content: ''; +} + +.ms-Icon--BorderDash::before { + content: ''; +} + +.ms-Icon--BorderDot::before { + content: ''; +} + +.ms-Icon--BoxAdditionSolid::before { + content: ''; +} + +.ms-Icon--BoxCheckmarkSolid::before { + content: ''; +} + +.ms-Icon--BoxMultiplySolid::before { + content: ''; +} + +.ms-Icon--BoxPlaySolid::before { + content: ''; +} + +.ms-Icon--BoxSubtractSolid::before { + content: ''; +} + +.ms-Icon--BranchCommit::before { + content: ''; +} + +.ms-Icon--BranchCompare::before { + content: ''; +} + +.ms-Icon--BranchFork::before { + content: ''; +} + +.ms-Icon--BranchFork2::before { + content: ''; +} + +.ms-Icon--BranchLocked::before { + content: ''; +} + +.ms-Icon--BranchMerge::before { + content: ''; +} + +.ms-Icon--BranchPullRequest::before { + content: ''; +} + +.ms-Icon--BranchSearch::before { + content: ''; +} + +.ms-Icon--BranchShelveset::before { + content: ''; +} + +.ms-Icon--Breadcrumb::before { + content: ''; +} + +.ms-Icon--Breakfast::before { + content: ''; +} + +.ms-Icon--Brightness::before { + content: ''; +} + +.ms-Icon--Broom::before { + content: ''; +} + +.ms-Icon--BrowserScreenShot::before { + content: ''; +} + +.ms-Icon--BrowserTab::before { + content: ''; +} + +.ms-Icon--BrowserTabScreenshot::before { + content: ''; +} + +.ms-Icon--Brunch::before { + content: ''; +} + +.ms-Icon--BucketColor::before { + content: ''; +} + +.ms-Icon--BucketColorFill::before { + content: ''; +} + +.ms-Icon--BufferTimeAfter::before { + content: ''; +} + +.ms-Icon--BufferTimeBefore::before { + content: ''; +} + +.ms-Icon--BufferTimeBoth::before { + content: ''; +} + +.ms-Icon--Bug::before { + content: ''; +} + +.ms-Icon--BugSolid::before { + content: ''; +} + +.ms-Icon--Build::before { + content: ''; +} + +.ms-Icon--BuildIssue::before { + content: ''; +} + +.ms-Icon--BuildQueue::before { + content: ''; +} + +.ms-Icon--BuildQueueNew::before { + content: ''; +} + +.ms-Icon--BulkUpload::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--BulletedList2::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--BulletedList2::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--BulletedList2Mirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--BulletedList2Mirrored::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--BulletedList::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--BulletedList::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--BulletedListMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--BulletedListMirrored::before { + content: ''; +} + +.ms-Icon--Bullseye::before { + content: ''; +} + +.ms-Icon--Bus::before { + content: ''; +} + +.ms-Icon--BusinessCenterLogo::before { + content: ''; +} + +.ms-Icon--BusinessHoursSign::before { + content: ''; +} + +.ms-Icon--BusSolid::before { + content: ''; +} + +.ms-Icon--Cafe::before { + content: ''; +} + +.ms-Icon--Cake::before { + content: ''; +} + +.ms-Icon--Calculator::before { + content: ''; +} + +.ms-Icon--CalculatorAddition::before { + content: ''; +} + +.ms-Icon--CalculatorEqualTo::before { + content: ''; +} + +.ms-Icon--CalculatorMultiply::before { + content: ''; +} + +.ms-Icon--CalculatorNotEqualTo::before { + content: ''; +} + +.ms-Icon--CalculatorSubtract::before { + content: ''; +} + +.ms-Icon--CalendarAgenda::before { + content: ''; +} + +.ms-Icon--CalendarDay::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--Calendar::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--Calendar::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--CalendarMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--CalendarMirrored::before { + content: ''; +} + +.ms-Icon--CalendarReply::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--CalendarSettings::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--CalendarSettings::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--CalendarSettingsMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--CalendarSettingsMirrored::before { + content: ''; +} + +.ms-Icon--CalendarWeek::before { + content: ''; +} + +.ms-Icon--CalendarWorkWeek::before { + content: ''; +} + +.ms-Icon--CaloriesAdd::before { + content: ''; +} + +.ms-Icon--Camera::before { + content: ''; +} + +.ms-Icon--Cancel::before { + content: ''; +} + +.ms-Icon--CannedChat::before { + content: ''; +} + +.ms-Icon--Car::before { + content: ''; +} + +.ms-Icon--CaretBottomLeftCenter8::before { + content: ''; +} + +.ms-Icon--CaretBottomLeftSolid8::before { + content: ''; +} + +.ms-Icon--CaretBottomRightCenter8::before { + content: ''; +} + +.ms-Icon--CaretBottomRightSolid8::before { + content: ''; +} + +.ms-Icon--CaretDown8::before { + content: ''; +} + +.ms-Icon--CaretDownSolid8::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--CaretHollow::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--CaretHollow::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--CaretHollowMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--CaretHollowMirrored::before { + content: ''; +} + +.ms-Icon--CaretLeft8::before { + content: ''; +} + +.ms-Icon--CaretLeftSolid8::before { + content: ''; +} + +.ms-Icon--CaretRight::before { + content: ''; +} + +.ms-Icon--CaretRight8::before { + content: ''; +} + +.ms-Icon--CaretRightSolid8::before { + content: ''; +} + +.ms-Icon--CaretSolid16::before { + content: ''; +} + +.ms-Icon--CaretSolidDown::before { + content: ''; +} + +.ms-Icon--CaretSolidLeft::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--CaretSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--CaretSolid::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--CaretSolidMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--CaretSolidMirrored::before { + content: ''; +} + +.ms-Icon--CaretSolidRight::before { + content: ''; +} + +.ms-Icon--CaretSolidUp::before { + content: ''; +} + +.ms-Icon--CaretTopLeftCenter8::before { + content: ''; +} + +.ms-Icon--CaretTopLeftSolid8::before { + content: ''; +} + +.ms-Icon--CaretTopRightCenter8::before { + content: ''; +} + +.ms-Icon--CaretTopRightSolid8::before { + content: ''; +} + +.ms-Icon--CaretUp8::before { + content: ''; +} + +.ms-Icon--CaretUpSolid8::before { + content: ''; +} + +.ms-Icon--Cat::before { + content: ''; +} + +.ms-Icon--CellPhone::before { + content: ''; +} + +.ms-Icon--Certificate::before { + content: ''; +} + +.ms-Icon--CertifiedDatabase::before { + content: ''; +} + +.ms-Icon--Chart::before { + content: ''; +} + +.ms-Icon--ChartSeries::before { + content: ''; +} + +.ms-Icon--ChartXAngle::before { + content: ''; +} + +.ms-Icon--ChartYAngle::before { + content: ''; +} + +.ms-Icon--Chat::before { + content: ''; +} + +.ms-Icon--ChatInviteFriend::before { + content: ''; +} + +.ms-Icon--ChatSolid::before { + content: ''; +} + +.ms-Icon--Checkbox::before { + content: ''; +} + +.ms-Icon--CheckboxComposite::before { + content: ''; +} + +.ms-Icon--CheckboxCompositeReversed::before { + content: ''; +} + +.ms-Icon--CheckboxIndeterminate::before { + content: ''; +} + +.ms-Icon--CheckedOutByOther12::before { + content: ''; +} + +.ms-Icon--CheckedOutByYou12::before { + content: ''; +} + +.ms-Icon--CheckList::before { + content: ''; +} + +.ms-Icon--CheckMark::before { + content: ''; +} + +.ms-Icon--ChevronDown::before { + content: ''; +} + +.ms-Icon--ChevronDownEnd6::before { + content: ''; +} + +.ms-Icon--ChevronDownMed::before { + content: ''; +} + +.ms-Icon--ChevronDownSmall::before { + content: ''; +} + +.ms-Icon--ChevronFold10::before { + content: ''; +} + +.ms-Icon--ChevronLeft::before { + content: ''; +} + +.ms-Icon--ChevronLeftEnd6::before { + content: ''; +} + +.ms-Icon--ChevronLeftMed::before { + content: ''; +} + +.ms-Icon--ChevronLeftSmall::before { + content: ''; +} + +.ms-Icon--ChevronRight::before { + content: ''; +} + +.ms-Icon--ChevronRightEnd6::before { + content: ''; +} + +.ms-Icon--ChevronRightMed::before { + content: ''; +} + +.ms-Icon--ChevronRightSmall::before { + content: ''; +} + +.ms-Icon--ChevronUnfold10::before { + content: ''; +} + +.ms-Icon--ChevronUp::before { + content: ''; +} + +.ms-Icon--ChevronUpEnd6::before { + content: ''; +} + +.ms-Icon--ChevronUpMed::before { + content: ''; +} + +.ms-Icon--ChevronUpSmall::before { + content: ''; +} + +.ms-Icon--Chopsticks::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ChromeBack::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ChromeBack::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ChromeBackMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ChromeBackMirrored::before { + content: ''; +} + +.ms-Icon--ChromeClose::before { + content: ''; +} + +.ms-Icon--ChromeMinimize::before { + content: ''; +} + +.ms-Icon--CircleAddition::before { + content: ''; +} + +.ms-Icon--CircleAdditionSolid::before { + content: ''; +} + +.ms-Icon--CircleFill::before { + content: ''; +} + +.ms-Icon--CircleHalfFull::before { + content: ''; +} + +.ms-Icon--CirclePause::before { + content: ''; +} + +.ms-Icon--CirclePauseSolid::before { + content: ''; +} + +.ms-Icon--CirclePlus::before { + content: ''; +} + +.ms-Icon--CircleRing::before { + content: ''; +} + +.ms-Icon--CircleShapeSolid::before { + content: ''; +} + +.ms-Icon--CircleStop::before { + content: ''; +} + +.ms-Icon--CircleStopSolid::before { + content: ''; +} + +.ms-Icon--CityNext::before { + content: ''; +} + +.ms-Icon--ClassNotebookLogo16::before { + content: ''; +} + +.ms-Icon--ClassNotebookLogo32::before { + content: ''; +} + +.ms-Icon--ClassNotebookLogoFill16::before { + content: ''; +} + +.ms-Icon--ClassNotebookLogoFill32::before { + content: ''; +} + +.ms-Icon--ClassNotebookLogoInverse::before { + content: ''; +} + +.ms-Icon--ClassNotebookLogoInverse16::before { + content: ''; +} + +.ms-Icon--ClassNotebookLogoInverse32::before { + content: ''; +} + +.ms-Icon--ClassroomLogo::before { + content: ''; +} + +.ms-Icon--Clear::before { + content: ''; +} + +.ms-Icon--ClearFilter::before { + content: ''; +} + +.ms-Icon--ClearFormatting::before { + content: ''; +} + +.ms-Icon--ClearNight::before { + content: ''; +} + +.ms-Icon--ClipboardSolid::before { + content: ''; +} + +.ms-Icon--Clock::before { + content: ''; +} + +.ms-Icon--CloneToDesktop::before { + content: ''; +} + +.ms-Icon--ClosedCaption::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ClosePane::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ClosePane::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ClosePaneMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ClosePaneMirrored::before { + content: ''; +} + +.ms-Icon--Cloud::before { + content: ''; +} + +.ms-Icon--CloudAdd::before { + content: ''; +} + +.ms-Icon--CloudDownload::before { + content: ''; +} + +.ms-Icon--CloudUpload::before { + content: ''; +} + +.ms-Icon--CloudWeather::before { + content: ''; +} + +.ms-Icon--Cloudy::before { + content: ''; +} + +.ms-Icon--Cocktails::before { + content: ''; +} + +.ms-Icon--Code::before { + content: ''; +} + +.ms-Icon--CodeEdit::before { + content: ''; +} + +.ms-Icon--Coffee::before { + content: ''; +} + +.ms-Icon--CoffeeScript::before { + content: ''; +} + +.ms-Icon--CollapseContent::before { + content: ''; +} + +.ms-Icon--CollapseContentSingle::before { + content: ''; +} + +.ms-Icon--CollapseMenu::before { + content: ''; +} + +.ms-Icon--CollegeFootball::before { + content: ''; +} + +.ms-Icon--CollegeHoops::before { + content: ''; +} + +.ms-Icon--Color::before { + content: ''; +} + +.ms-Icon--ColorSolid::before { + content: ''; +} + +.ms-Icon--ColumnLeftTwoThirds::before { + content: ''; +} + +.ms-Icon--ColumnLeftTwoThirdsEdit::before { + content: ''; +} + +.ms-Icon--ColumnOptions::before { + content: ''; +} + +.ms-Icon--ColumnRightTwoThirds::before { + content: ''; +} + +.ms-Icon--ColumnRightTwoThirdsEdit::before { + content: ''; +} + +.ms-Icon--Combine::before { + content: ''; +} + +.ms-Icon--Combobox::before { + content: ''; +} + +.ms-Icon--CommandPrompt::before { + content: ''; +} + +.ms-Icon--Comment::before { + content: ''; +} + +.ms-Icon--CommentAdd::before { + content: ''; +} + +.ms-Icon--CommentNext::before { + content: ''; +} + +.ms-Icon--CommentPrevious::before { + content: ''; +} + +.ms-Icon--CommentUrgent::before { + content: ''; +} + +.ms-Icon--Commitments::before { + content: ''; +} + +.ms-Icon--Communications::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--CompanyDirectory::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--CompanyDirectory::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--CompanyDirectoryMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--CompanyDirectoryMirrored::before { + content: ''; +} + +.ms-Icon--CompassNW::before { + content: ''; +} + +.ms-Icon--Completed::before { + content: ''; +} + +.ms-Icon--CompletedSolid::before { + content: ''; +} + +.ms-Icon--ConfigurationSolid::before { + content: ''; +} + +.ms-Icon--ConnectContacts::before { + content: ''; +} + +.ms-Icon--ConstructionCone::before { + content: ''; +} + +.ms-Icon--ConstructionConeSolid::before { + content: ''; +} + +.ms-Icon--Contact::before { + content: ''; +} + +.ms-Icon--ContactCard::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ContactCardSettings::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ContactCardSettings::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ContactCardSettingsMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ContactCardSettingsMirrored::before { + content: ''; +} + +.ms-Icon--ContactInfo::before { + content: ''; +} + +.ms-Icon--ContactLink::before { + content: ''; +} + +.ms-Icon--ContextMenu::before { + content: ''; +} + +.ms-Icon--Contrast::before { + content: ''; +} + +.ms-Icon--Copy::before { + content: ''; +} + +.ms-Icon--Cotton::before { + content: ''; +} + +.ms-Icon--CPlusPlus::before { + content: ''; +} + +.ms-Icon--CPlusPlusLanguage::before { + content: ''; +} + +.ms-Icon--CreateMailRule::before { + content: ''; +} + +.ms-Icon--Cricket::before { + content: ''; +} + +.ms-Icon--CRMReport::before { + content: ''; +} + +.ms-Icon--Crop::before { + content: ''; +} + +.ms-Icon--Crown::before { + content: ''; +} + +.ms-Icon--CrownSolid::before { + content: ''; +} + +.ms-Icon--CSharp::before { + content: ''; +} + +.ms-Icon--CSharpLanguage::before { + content: ''; +} + +.ms-Icon--CSS::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--CustomList::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--CustomList::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--CustomListMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--CustomListMirrored::before { + content: ''; +} + +.ms-Icon--Cut::before { + content: ''; +} + +.ms-Icon--Cycling::before { + content: ''; +} + +.ms-Icon--DashboardAdd::before { + content: ''; +} + +.ms-Icon--Database::before { + content: ''; +} + +.ms-Icon--DataConnectionLibrary::before { + content: ''; +} + +.ms-Icon--DateTime2::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--DateTime::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--DateTime::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--DateTimeMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--DateTimeMirrored::before { + content: ''; +} + +.ms-Icon--DeactivateOrders::before { + content: ''; +} + +.ms-Icon--DecisionSolid::before { + content: ''; +} + +.ms-Icon--DeclineCall::before { + content: ''; +} + +.ms-Icon--DecreaseIndentLegacy::before { + content: ''; +} + +.ms-Icon--DefaultRatio::before { + content: ''; +} + +.ms-Icon--DefectSolid::before { + content: ''; +} + +.ms-Icon--Delete::before { + content: ''; +} + +.ms-Icon--DeleteColumns::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--DeleteRows::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--DeleteRows::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--DeleteRowsMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--DeleteRowsMirrored::before { + content: ''; +} + +.ms-Icon--DeleteTable::before { + content: ''; +} + +.ms-Icon--DeliveryTruck::before { + content: ''; +} + +.ms-Icon--DelveAnalytics::before { + content: ''; +} + +.ms-Icon--DelveAnalyticsLogo::before { + content: ''; +} + +.ms-Icon--DelveLogo::before { + content: ''; +} + +.ms-Icon--DelveLogoFill::before { + content: ''; +} + +.ms-Icon--DelveLogoInverse::before { + content: ''; +} + +.ms-Icon--Deploy::before { + content: ''; +} + +.ms-Icon--Descending::before { + content: ''; +} + +.ms-Icon--Design::before { + content: ''; +} + +.ms-Icon--DesktopScreenshot::before { + content: ''; +} + +.ms-Icon--DeveloperTools::before { + content: ''; +} + +.ms-Icon--Devices3::before { + content: ''; +} + +.ms-Icon--Devices4::before { + content: ''; +} + +.ms-Icon--Diagnostic::before { + content: ''; +} + +.ms-Icon--Dialpad::before { + content: ''; +} + +.ms-Icon--DiamondSolid::before { + content: ''; +} + +.ms-Icon--Dictionary::before { + content: ''; +} + +.ms-Icon--DictionaryRemove::before { + content: ''; +} + +.ms-Icon--DietPlanNotebook::before { + content: ''; +} + +.ms-Icon--DiffInline::before { + content: ''; +} + +.ms-Icon--DiffSideBySide::before { + content: ''; +} + +.ms-Icon--DisableUpdates::before { + content: ''; +} + +.ms-Icon--Dislike::before { + content: ''; +} + +.ms-Icon--DislikeSolid::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--DockLeft::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--DockLeft::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--DockLeftMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--DockLeftMirrored::before { + content: ''; +} + +.ms-Icon--DockRight::before { + content: ''; +} + +.ms-Icon--DocLibrary::before { + content: ''; +} + +.ms-Icon--DocsLogoInverse::before { + content: ''; +} + +.ms-Icon--Document::before { + content: ''; +} + +.ms-Icon--DocumentApproval::before { + content: ''; +} + +.ms-Icon--Documentation::before { + content: ''; +} + +.ms-Icon--DocumentManagement::before { + content: ''; +} + +.ms-Icon--DocumentReply::before { + content: ''; +} + +.ms-Icon--DocumentSearch::before { + content: ''; +} + +.ms-Icon--DocumentSet::before { + content: ''; +} + +.ms-Icon--DOM::before { + content: ''; +} + +.ms-Icon--DonutChart::before { + content: ''; +} + +.ms-Icon--Door::before { + content: ''; +} + +.ms-Icon--DoubleBookmark::before { + content: ''; +} + +.ms-Icon--DoubleChevronDown::before { + content: ''; +} + +.ms-Icon--DoubleChevronDown12::before { + content: ''; +} + +.ms-Icon--DoubleChevronDown8::before { + content: ''; +} + +.ms-Icon--DoubleChevronLeft::before { + content: ''; +} + +.ms-Icon--DoubleChevronLeft12::before { + content: ''; +} + +.ms-Icon--DoubleChevronLeft8::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--DoubleChevronLeftMed::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--DoubleChevronLeftMed::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--DoubleChevronLeftMedMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--DoubleChevronLeftMedMirrored::before { + content: ''; +} + +.ms-Icon--DoubleChevronRight::before { + content: ''; +} + +.ms-Icon--DoubleChevronRight12::before { + content: ''; +} + +.ms-Icon--DoubleChevronRight8::before { + content: ''; +} + +.ms-Icon--DoubleChevronUp::before { + content: ''; +} + +.ms-Icon--DoubleChevronUp12::before { + content: ''; +} + +.ms-Icon--DoubleChevronUp8::before { + content: ''; +} + +.ms-Icon--DoubleColumn::before { + content: ''; +} + +.ms-Icon--DoubleColumnEdit::before { + content: ''; +} + +.ms-Icon--Down::before { + content: ''; +} + +.ms-Icon--Download::before { + content: ''; +} + +.ms-Icon--DownloadDocument::before { + content: ''; +} + +.ms-Icon--DragObject::before { + content: ''; +} + +.ms-Icon--DrillDown::before { + content: ''; +} + +.ms-Icon--DrillDownSolid::before { + content: ''; +} + +.ms-Icon--DrillExpand::before { + content: ''; +} + +.ms-Icon--DrillShow::before { + content: ''; +} + +.ms-Icon--DrillThrough::before { + content: ''; +} + +.ms-Icon--DRM::before { + content: ''; +} + +.ms-Icon--Drop::before { + content: ''; +} + +.ms-Icon--Dropdown::before { + content: ''; +} + +.ms-Icon--DropShapeSolid::before { + content: ''; +} + +.ms-Icon--Duststorm::before { + content: ''; +} + +.ms-Icon--Dynamics365Logo::before { + content: ''; +} + +.ms-Icon--DynamicSMBLogo::before { + content: ''; +} + +.ms-Icon--EatDrink::before { + content: ''; +} + +.ms-Icon--EdgeLogo::before { + content: ''; +} + +.ms-Icon--EditContact::before { + content: ''; +} + +.ms-Icon--EditMail::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--Edit::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--Edit::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--EditMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--EditMirrored::before { + content: ''; +} + +.ms-Icon--EditNote::before { + content: ''; +} + +.ms-Icon--EditPhoto::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--EditSolid12::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--EditSolid12::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--EditSolidMirrored12::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--EditSolidMirrored12::before { + content: ''; +} + +.ms-Icon--EditStyle::before { + content: ''; +} + +.ms-Icon--Education::before { + content: ''; +} + +.ms-Icon--Ellipse::before { + content: ''; +} + +.ms-Icon--Embed::before { + content: ''; +} + +.ms-Icon--EMI::before { + content: ''; +} + +.ms-Icon--Emoji::before { + content: ''; +} + +.ms-Icon--Emoji2::before { + content: ''; +} + +.ms-Icon--EmojiDisappointed::before { + content: ''; +} + +.ms-Icon--EmojiNeutral::before { + content: ''; +} + +.ms-Icon--EmojiTabSymbols::before { + content: ''; +} + +.ms-Icon--EmptyRecycleBin::before { + content: ''; +} + +.ms-Icon--Encryption::before { + content: ''; +} + +.ms-Icon--EngineeringGroup::before { + content: ''; +} + +.ms-Icon--EntryDecline::before { + content: ''; +} + +.ms-Icon--EntryView::before { + content: ''; +} + +.ms-Icon--Equalizer::before { + content: ''; +} + +.ms-Icon--EraseTool::before { + content: ''; +} + +.ms-Icon--Error::before { + content: ''; +} + +.ms-Icon--ErrorBadge::before { + content: ''; +} + +.ms-Icon--Event::before { + content: ''; +} + +.ms-Icon--EventAccepted::before { + content: ''; +} + +.ms-Icon--EventDate::before { + content: ''; +} + +.ms-Icon--EventDeclined::before { + content: ''; +} + +.ms-Icon--EventInfo::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--EventTentative::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--EventTentative::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--EventTentativeMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--EventTentativeMirrored::before { + content: ''; +} + +.ms-Icon--ExcelDocument::before { + content: ''; +} + +.ms-Icon--ExcelLogo::before { + content: ''; +} + +.ms-Icon--ExcelLogo16::before { + content: ''; +} + +.ms-Icon--ExcelLogoFill::before { + content: ''; +} + +.ms-Icon--ExcelLogoFill16::before { + content: ''; +} + +.ms-Icon--ExcelLogoInverse::before { + content: ''; +} + +.ms-Icon--ExcelLogoInverse16::before { + content: ''; +} + +.ms-Icon--ExchangeLogo::before { + content: ''; +} + +.ms-Icon--ExchangeLogoFill::before { + content: ''; +} + +.ms-Icon--ExchangeLogoInverse::before { + content: ''; +} + +.ms-Icon--ExerciseTracker::before { + content: ''; +} + +.ms-Icon--ExpandMenu::before { + content: ''; +} + +.ms-Icon--ExploreContent::before { + content: ''; +} + +.ms-Icon--ExploreContentSingle::before { + content: ''; +} + +.ms-Icon--ExploreData::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--Export::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--Export::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ExportMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ExportMirrored::before { + content: ''; +} + +.ms-Icon--ExternalBuild::before { + content: ''; +} + +.ms-Icon--ExternalGit::before { + content: ''; +} + +.ms-Icon--ExternalTFVC::before { + content: ''; +} + +.ms-Icon--ExternalXAML::before { + content: ''; +} + +.ms-Icon--F12DevTools::before { + content: ''; +} + +.ms-Icon--FabricAssetLibrary::before { + content: ''; +} + +.ms-Icon--FabricDataConnectionLibrary::before { + content: ''; +} + +.ms-Icon--FabricDocLibrary::before { + content: ''; +} + +.ms-Icon--FabricFolder::before { + content: ''; +} + +.ms-Icon--FabricFolderFill::before { + content: ''; +} + +.ms-Icon--FabricFolderSearch::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--FabricFormLibrary::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--FabricFormLibrary::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--FabricFormLibraryMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--FabricFormLibraryMirrored::before { + content: ''; +} + +.ms-Icon--FabricMovetoFolder::before { + content: ''; +} + +.ms-Icon--FabricNewFolder::before { + content: ''; +} + +.ms-Icon--FabricOpenFolderHorizontal::before { + content: ''; +} + +.ms-Icon--FabricPictureLibrary::before { + content: ''; +} + +.ms-Icon--FabricPublicFolder::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--FabricReportLibrary::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--FabricReportLibrary::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--FabricReportLibraryMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--FabricReportLibraryMirrored::before { + content: ''; +} + +.ms-Icon--FabricSyncFolder::before { + content: ''; +} + +.ms-Icon--FabricUnsyncFolder::before { + content: ''; +} + +.ms-Icon--Family::before { + content: ''; +} + +.ms-Icon--FangBody::before { + content: ''; +} + +.ms-Icon--FastForward::before { + content: ''; +} + +.ms-Icon--FastMode::before { + content: ''; +} + +.ms-Icon--Favicon::before { + content: ''; +} + +.ms-Icon--FavoriteList::before { + content: ''; +} + +.ms-Icon--FavoriteStar::before { + content: ''; +} + +.ms-Icon--FavoriteStarFill::before { + content: ''; +} + +.ms-Icon--Fax::before { + content: ''; +} + +.ms-Icon--Feedback::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--FeedbackRequestSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--FeedbackRequestSolid::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--FeedbackRequestMirroredSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--FeedbackRequestMirroredSolid::before { + content: ''; +} + +.ms-Icon--FeedbackResponseSolid::before { + content: ''; +} + +.ms-Icon--Ferry::before { + content: ''; +} + +.ms-Icon--FerrySolid::before { + content: ''; +} + +.ms-Icon--FieldChanged::before { + content: ''; +} + +.ms-Icon--FieldEmpty::before { + content: ''; +} + +.ms-Icon--FieldFilled::before { + content: ''; +} + +.ms-Icon--FieldNotChanged::before { + content: ''; +} + +.ms-Icon--FieldReadOnly::before { + content: ''; +} + +.ms-Icon--FieldRequired::before { + content: ''; +} + +.ms-Icon--FileASPX::before { + content: ''; +} + +.ms-Icon--FileBug::before { + content: ''; +} + +.ms-Icon--FileCode::before { + content: ''; +} + +.ms-Icon--FileComment::before { + content: ''; +} + +.ms-Icon--FileCSS::before { + content: ''; +} + +.ms-Icon--FileHTML::before { + content: ''; +} + +.ms-Icon--FileImage::before { + content: ''; +} + +.ms-Icon--FileJAVA::before { + content: ''; +} + +.ms-Icon--FileLess::before { + content: ''; +} + +.ms-Icon--FilePDB::before { + content: ''; +} + +.ms-Icon--FileSass::before { + content: ''; +} + +.ms-Icon--FileSQL::before { + content: ''; +} + +.ms-Icon--FileSymlink::before { + content: ''; +} + +.ms-Icon--FileTemplate::before { + content: ''; +} + +.ms-Icon--FileTypeSolution::before { + content: ''; +} + +.ms-Icon--FileYML::before { + content: ''; +} + +.ms-Icon--Filter::before { + content: ''; +} + +.ms-Icon--Filters::before { + content: ''; +} + +.ms-Icon--FilterSolid::before { + content: ''; +} + +.ms-Icon--FiltersSolid::before { + content: ''; +} + +.ms-Icon--Financial::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--FinancialSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--FinancialSolid::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--FinancialMirroredSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--FinancialMirroredSolid::before { + content: ''; +} + +.ms-Icon--Fingerprint::before { + content: ''; +} + +.ms-Icon--FiveTileGrid::before { + content: ''; +} + +.ms-Icon--Flag::before { + content: ''; +} + +.ms-Icon--FlameSolid::before { + content: ''; +} + +.ms-Icon--FlickDown::before { + content: ''; +} + +.ms-Icon--FlickLeft::before { + content: ''; +} + +.ms-Icon--FlickRight::before { + content: ''; +} + +.ms-Icon--FlickUp::before { + content: ''; +} + +.ms-Icon--Flow::before { + content: ''; +} + +.ms-Icon--FocalPoint::before { + content: ''; +} + +.ms-Icon--Fog::before { + content: ''; +} + +.ms-Icon--Folder::before { + content: ''; +} + +.ms-Icon--FolderFill::before { + content: ''; +} + +.ms-Icon--FolderHorizontal::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--FolderList::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--FolderList::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--FolderListMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--FolderListMirrored::before { + content: ''; +} + +.ms-Icon--FolderOpen::before { + content: ''; +} + +.ms-Icon--FolderQuery::before { + content: ''; +} + +.ms-Icon--FolderSearch::before { + content: ''; +} + +.ms-Icon--FollowUser::before { + content: ''; +} + +.ms-Icon--Font::before { + content: ''; +} + +.ms-Icon--FontColor::before { + content: ''; +} + +.ms-Icon--FontColorA::before { + content: ''; +} + +.ms-Icon--FontColorSwatch::before { + content: ''; +} + +.ms-Icon--FontDecrease::before { + content: ''; +} + +.ms-Icon--FontIncrease::before { + content: ''; +} + +.ms-Icon--FontSize::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--FormLibrary::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--FormLibrary::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--FormLibraryMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--FormLibraryMirrored::before { + content: ''; +} + +.ms-Icon--Forward::before { + content: ''; +} + +.ms-Icon--ForwardEvent::before { + content: ''; +} + +.ms-Icon--Freezing::before { + content: ''; +} + +.ms-Icon--Frigid::before { + content: ''; +} + +.ms-Icon--FSharp::before { + content: ''; +} + +.ms-Icon--FSharpLanguage::before { + content: ''; +} + +.ms-Icon--FullCircleMask::before { + content: ''; +} + +.ms-Icon--FullHistory::before { + content: ''; +} + +.ms-Icon--FullScreen::before { + content: ''; +} + +.ms-Icon--FullWidth::before { + content: ''; +} + +.ms-Icon--FullWidthEdit::before { + content: ''; +} + +.ms-Icon--FunctionalManagerDashboard::before { + content: ''; +} + +.ms-Icon--GallatinLogo::before { + content: ''; +} + +.ms-Icon--Generate::before { + content: ''; +} + +.ms-Icon--GenericScan::before { + content: ''; +} + +.ms-Icon--Giftbox::before { + content: ''; +} + +.ms-Icon--GiftboxOpen::before { + content: ''; +} + +.ms-Icon--GiftBoxSolid::before { + content: ''; +} + +.ms-Icon--GiftCard::before { + content: ''; +} + +.ms-Icon--GitFork::before { + content: ''; +} + +.ms-Icon--GitGraph::before { + content: ''; +} + +.ms-Icon--Glasses::before { + content: ''; +} + +.ms-Icon--Glimmer::before { + content: ''; +} + +.ms-Icon--GlobalNavButton::before { + content: ''; +} + +.ms-Icon--Globe::before { + content: ''; +} + +.ms-Icon--Globe2::before { + content: ''; +} + +.ms-Icon--GlobeFavorite::before { + content: ''; +} + +.ms-Icon--Golf::before { + content: ''; +} + +.ms-Icon--GotoToday::before { + content: ''; +} + +.ms-Icon--GridViewLarge::before { + content: ''; +} + +.ms-Icon--GridViewMedium::before { + content: ''; +} + +.ms-Icon--GridViewSmall::before { + content: ''; +} + +.ms-Icon--GripperBarHorizontal::before { + content: ''; +} + +.ms-Icon--GripperBarVertical::before { + content: ''; +} + +.ms-Icon--GripperTool::before { + content: ''; +} + +.ms-Icon--Group::before { + content: ''; +} + +.ms-Icon--GroupedAscending::before { + content: ''; +} + +.ms-Icon--GroupedDescending::before { + content: ''; +} + +.ms-Icon--GroupedList::before { + content: ''; +} + +.ms-Icon--GroupObject::before { + content: ''; +} + +.ms-Icon--GUID::before { + content: ''; +} + +.ms-Icon--Guitar::before { + content: ''; +} + +.ms-Icon--HailDay::before { + content: ''; +} + +.ms-Icon--HailNight::before { + content: ''; +} + +.ms-Icon--HalfAlpha::before { + content: ''; +} + +.ms-Icon--HalfCircle::before { + content: ''; +} + +.ms-Icon--HandsFree::before { + content: ''; +} + +.ms-Icon--Handwriting::before { + content: ''; +} + +.ms-Icon--HardDrive::before { + content: ''; +} + +.ms-Icon--HardDriveGroup::before { + content: ''; +} + +.ms-Icon--HardDriveLock::before { + content: ''; +} + +.ms-Icon--HardDriveUnlock::before { + content: ''; +} + +.ms-Icon--Header1::before { + content: ''; +} + +.ms-Icon--Header2::before { + content: ''; +} + +.ms-Icon--Header3::before { + content: ''; +} + +.ms-Icon--Header4::before { + content: ''; +} + +.ms-Icon--Headset::before { + content: ''; +} + +.ms-Icon--HeadsetSolid::before { + content: ''; +} + +.ms-Icon--Health::before { + content: ''; +} + +.ms-Icon--HealthSolid::before { + content: ''; +} + +.ms-Icon--Heart::before { + content: ''; +} + +.ms-Icon--HeartBroken::before { + content: ''; +} + +.ms-Icon--HeartFill::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--Help::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--Help::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--HelpMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--HelpMirrored::before { + content: ''; +} + +.ms-Icon--Hexagon::before { + content: ''; +} + +.ms-Icon--Hide::before { + content: ''; +} + +.ms-Icon--Hide2::before { + content: ''; +} + +.ms-Icon--Highlight::before { + content: ''; +} + +.ms-Icon--HighlightMappedShapes::before { + content: ''; +} + +.ms-Icon--HintText::before { + content: ''; +} + +.ms-Icon--History::before { + content: ''; +} + +.ms-Icon--Home::before { + content: ''; +} + +.ms-Icon--HomeSolid::before { + content: ''; +} + +.ms-Icon--HorizontalDistributeCenter::before { + content: ''; +} + +.ms-Icon--Hospital::before { + content: ''; +} + +.ms-Icon--Hotel::before { + content: ''; +} + +.ms-Icon--HourGlass::before { + content: ''; +} + +.ms-Icon--IconSetsFlag::before { + content: ''; +} + +.ms-Icon--IDBadge::before { + content: ''; +} + +.ms-Icon--ImageCrosshair::before { + content: ''; +} + +.ms-Icon--ImageDiff::before { + content: ''; +} + +.ms-Icon--ImagePixel::before { + content: ''; +} + +.ms-Icon--ImageSearch::before { + content: ''; +} + +.ms-Icon--Important::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--Import::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--Import::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ImportMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ImportMirrored::before { + content: ''; +} + +.ms-Icon--Inbox::before { + content: ''; +} + +.ms-Icon--InboxCheck::before { + content: ''; +} + +.ms-Icon--IncidentTriangle::before { + content: ''; +} + +.ms-Icon--IncreaseIndentLegacy::before { + content: ''; +} + +.ms-Icon--Info::before { + content: ''; +} + +.ms-Icon--Info2::before { + content: ''; +} + +.ms-Icon--InfoSolid::before { + content: ''; +} + +.ms-Icon--InsertColumnsLeft::before { + content: ''; +} + +.ms-Icon--InsertColumnsRight::before { + content: ''; +} + +.ms-Icon--InsertRowsAbove::before { + content: ''; +} + +.ms-Icon--InsertRowsBelow::before { + content: ''; +} + +.ms-Icon--InsertSignatureLine::before { + content: ''; +} + +.ms-Icon--InsertTextBox::before { + content: ''; +} + +.ms-Icon--InstallToDrive::before { + content: ''; +} + +.ms-Icon--InternetSharing::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--IRMForward::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--IRMForward::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--IRMForwardMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--IRMForwardMirrored::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--IRMReply::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--IRMReply::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--IRMReplyMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--IRMReplyMirrored::before { + content: ''; +} + +.ms-Icon--IssueSolid::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--IssueTracking::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--IssueTracking::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--IssueTrackingMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--IssueTrackingMirrored::before { + content: ''; +} + +.ms-Icon--Italic::before { + content: ''; +} + +.ms-Icon--JavaScriptLanguage::before { + content: ''; +} + +.ms-Icon--JoinOnlineMeeting::before { + content: ''; +} + +.ms-Icon--JS::before { + content: ''; +} + +.ms-Icon--KaizalaLogo::before { + content: ''; +} + +.ms-Icon--Label::before { + content: ''; +} + +.ms-Icon--LadybugSolid::before { + content: ''; +} + +.ms-Icon--Lamp::before { + content: ''; +} + +.ms-Icon--LandscapeOrientation::before { + content: ''; +} + +.ms-Icon--LaptopSecure::before { + content: ''; +} + +.ms-Icon--LaptopSelected::before { + content: ''; +} + +.ms-Icon--LargeGrid::before { + content: ''; +} + +.ms-Icon--Leave::before { + content: ''; +} + +.ms-Icon--Library::before { + content: ''; +} + +.ms-Icon--Lifesaver::before { + content: ''; +} + +.ms-Icon--LifesaverLock::before { + content: ''; +} + +.ms-Icon--Light::before { + content: ''; +} + +.ms-Icon--Lightbulb::before { + content: ''; +} + +.ms-Icon--LightningBolt::before { + content: ''; +} + +.ms-Icon--LightWeight::before { + content: ''; +} + +.ms-Icon--Like::before { + content: ''; +} + +.ms-Icon--LikeSolid::before { + content: ''; +} + +.ms-Icon--Line::before { + content: ''; +} + +.ms-Icon--LineChart::before { + content: ''; +} + +.ms-Icon--LineSpacing::before { + content: ''; +} + +.ms-Icon--LineStyle::before { + content: ''; +} + +.ms-Icon--LineThickness::before { + content: ''; +} + +.ms-Icon--Link::before { + content: ''; +} + +.ms-Icon--LinkedInLogo::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--List::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--List::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ListMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ListMirrored::before { + content: ''; +} + +.ms-Icon--LocaleLanguage::before { + content: ''; +} + +.ms-Icon--Location::before { + content: ''; +} + +.ms-Icon--LocationCircle::before { + content: ''; +} + +.ms-Icon--LocationDot::before { + content: ''; +} + +.ms-Icon--LocationFill::before { + content: ''; +} + +.ms-Icon--LocationOutline::before { + content: ''; +} + +.ms-Icon--Lock::before { + content: ''; +} + +.ms-Icon--LockSolid::before { + content: ''; +} + +.ms-Icon--LogRemove::before { + content: ''; +} + +.ms-Icon--LookupEntities::before { + content: ''; +} + +.ms-Icon--LowerBrightness::before { + content: ''; +} + +.ms-Icon--LyncLogo::before { + content: ''; +} + +.ms-Icon--Mail::before { + content: ''; +} + +.ms-Icon--MailAlert::before { + content: ''; +} + +.ms-Icon--MailCheck::before { + content: ''; +} + +.ms-Icon--MailFill::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--MailForward::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--MailForward::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--MailForwardMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--MailForwardMirrored::before { + content: ''; +} + +.ms-Icon--MailLowImportance::before { + content: ''; +} + +.ms-Icon--MailPause::before { + content: ''; +} + +.ms-Icon--MailReminder::before { + content: ''; +} + +.ms-Icon--MailRepeat::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--MailReplyAll::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--MailReplyAll::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--MailReplyAllMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--MailReplyAllMirrored::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--MailReply::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--MailReply::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--MailReplyMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--MailReplyMirrored::before { + content: ''; +} + +.ms-Icon--MailSolid::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--MailTentative::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--MailTentative::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--MailTentativeMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--MailTentativeMirrored::before { + content: ''; +} + +.ms-Icon--MailUndelivered::before { + content: ''; +} + +.ms-Icon--ManagerSelfService::before { + content: ''; +} + +.ms-Icon--MapDirections::before { + content: ''; +} + +.ms-Icon--MapPin::before { + content: ''; +} + +.ms-Icon--MapPinSolid::before { + content: ''; +} + +.ms-Icon--MarkDownLanguage::before { + content: ''; +} + +.ms-Icon--Market::before { + content: ''; +} + +.ms-Icon--MarketDown::before { + content: ''; +} + +.ms-Icon--MasterDatabase::before { + content: ''; +} + +.ms-Icon--MaximumValue::before { + content: ''; +} + +.ms-Icon--Medal::before { + content: ''; +} + +.ms-Icon--MediaAdd::before { + content: ''; +} + +.ms-Icon--Medical::before { + content: ''; +} + +.ms-Icon--Megaphone::before { + content: ''; +} + +.ms-Icon--MegaphoneSolid::before { + content: ''; +} + +.ms-Icon--Memo::before { + content: ''; +} + +.ms-Icon--Merge::before { + content: ''; +} + +.ms-Icon--MergeDuplicate::before { + content: ''; +} + +.ms-Icon--Message::before { + content: ''; +} + +.ms-Icon--MessageFill::before { + content: ''; +} + +.ms-Icon--MicOff::before { + content: ''; +} + +.ms-Icon--Microphone::before { + content: ''; +} + +.ms-Icon--MicrosoftFlowLogo::before { + content: ''; +} + +.ms-Icon--MicrosoftStaffhubLogo::before { + content: ''; +} + +.ms-Icon--MiniContract::before { + content: ''; +} + +.ms-Icon--MiniExpand::before { + content: ''; +} + +.ms-Icon--MiniLink::before { + content: ''; +} + +.ms-Icon--MinimumValue::before { + content: ''; +} + +.ms-Icon--MobileReport::before { + content: ''; +} + +.ms-Icon--MobileSelected::before { + content: ''; +} + +.ms-Icon--Money::before { + content: ''; +} + +.ms-Icon--More::before { + content: ''; +} + +.ms-Icon--MoreSports::before { + content: ''; +} + +.ms-Icon--MoreVertical::before { + content: ''; +} + +.ms-Icon--Move::before { + content: ''; +} + +.ms-Icon--Movers::before { + content: ''; +} + +.ms-Icon--MoveToFolder::before { + content: ''; +} + +.ms-Icon--MSNLogo::before { + content: ''; +} + +.ms-Icon--MSNVideos::before { + content: ''; +} + +.ms-Icon--MSNVideosSolid::before { + content: ''; +} + +.ms-Icon--MTMLogo::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--MultiSelect::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--MultiSelect::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--MultiSelectMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--MultiSelectMirrored::before { + content: ''; +} + +.ms-Icon--MusicInCollection::before { + content: ''; +} + +.ms-Icon--MusicInCollectionFill::before { + content: ''; +} + +.ms-Icon--MusicNote::before { + content: ''; +} + +.ms-Icon--MyMoviesTV::before { + content: ''; +} + +.ms-Icon--Nav2DMapView::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--NavigateBack::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--NavigateBack::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--NavigateBackMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--NavigateBackMirrored::before { + content: ''; +} + +.ms-Icon--NavigateExternalInline::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--NavigateForward::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--NavigateForward::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--NavigateForwardMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--NavigateForwardMirrored::before { + content: ''; +} + +.ms-Icon--NavigationFlipper::before { + content: ''; +} + +.ms-Icon--NetworkTower::before { + content: ''; +} + +.ms-Icon--NewAnalyticsQuery::before { + content: ''; +} + +.ms-Icon--NewFolder::before { + content: ''; +} + +.ms-Icon--News::before { + content: ''; +} + +.ms-Icon--NewsSearch::before { + content: ''; +} + +.ms-Icon--NewTeamProject::before { + content: ''; +} + +.ms-Icon--Next::before { + content: ''; +} + +.ms-Icon--NonprofitLogo32::before { + content: ''; +} + +.ms-Icon--NormalWeight::before { + content: ''; +} + +.ms-Icon--NoteForward::before { + content: ''; +} + +.ms-Icon--NotePinned::before { + content: ''; +} + +.ms-Icon--NoteReply::before { + content: ''; +} + +.ms-Icon--NotExecuted::before { + content: ''; +} + +.ms-Icon--NotImpactedSolid::before { + content: ''; +} + +.ms-Icon--NugetLogo::before { + content: ''; +} + +.ms-Icon--NumberedList::before { + content: ''; +} + +.ms-Icon--NumberField::before { + content: ''; +} + +.ms-Icon--NumberSequence::before { + content: ''; +} + +.ms-Icon--Octagon::before { + content: ''; +} + +.ms-Icon--OEM::before { + content: ''; +} + +.ms-Icon--OfficeAddinsLogo::before { + content: ''; +} + +.ms-Icon--OfficeAssistantLogo::before { + content: ''; +} + +.ms-Icon--OfficeFormsLogo::before { + content: ''; +} + +.ms-Icon--OfficeFormsLogo16::before { + content: ''; +} + +.ms-Icon--OfficeFormsLogo24::before { + content: ''; +} + +.ms-Icon--OfficeFormsLogoFill::before { + content: ''; +} + +.ms-Icon--OfficeFormsLogoFill16::before { + content: ''; +} + +.ms-Icon--OfficeFormsLogoFill24::before { + content: ''; +} + +.ms-Icon--OfficeFormsLogoInverse::before { + content: ''; +} + +.ms-Icon--OfficeFormsLogoInverse16::before { + content: ''; +} + +.ms-Icon--OfficeFormsLogoInverse24::before { + content: ''; +} + +.ms-Icon--OfficeLogo::before { + content: ''; +} + +.ms-Icon--OfficeStoreLogo::before { + content: ''; +} + +.ms-Icon--OfficeVideoLogo::before { + content: ''; +} + +.ms-Icon--OfficeVideoLogoFill::before { + content: ''; +} + +.ms-Icon--OfficeVideoLogoInverse::before { + content: ''; +} + +.ms-Icon--OfflineOneDriveParachute::before { + content: ''; +} + +.ms-Icon--OfflineOneDriveParachuteDisabled::before { + content: ''; +} + +.ms-Icon--OfflineStorageSolid::before { + content: ''; +} + +.ms-Icon--OneDrive::before { + content: ''; +} + +.ms-Icon--OneDriveAdd::before { + content: ''; +} + +.ms-Icon--OneDriveFolder16::before { + content: ''; +} + +.ms-Icon--OneNoteEduLogoInverse::before { + content: ''; +} + +.ms-Icon--OneNoteLogo::before { + content: ''; +} + +.ms-Icon--OneNoteLogo16::before { + content: ''; +} + +.ms-Icon--OneNoteLogoFill::before { + content: ''; +} + +.ms-Icon--OneNoteLogoFill16::before { + content: ''; +} + +.ms-Icon--OneNoteLogoInverse::before { + content: ''; +} + +.ms-Icon--OneNoteLogoInverse16::before { + content: ''; +} + +.ms-Icon--OpenFile::before { + content: ''; +} + +.ms-Icon--OpenFolderHorizontal::before { + content: ''; +} + +.ms-Icon--OpenInNewWindow::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--OpenPane::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--OpenPane::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--OpenPaneMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--OpenPaneMirrored::before { + content: ''; +} + +.ms-Icon--OpenSource::before { + content: ''; +} + +.ms-Icon--Org::before { + content: ''; +} + +.ms-Icon--Orientation::before { + content: ''; +} + +.ms-Icon--OutlookLogo::before { + content: ''; +} + +.ms-Icon--OutlookLogo16::before { + content: ''; +} + +.ms-Icon--OutlookLogoFill::before { + content: ''; +} + +.ms-Icon--OutlookLogoFill16::before { + content: ''; +} + +.ms-Icon--OutlookLogoInverse::before { + content: ''; +} + +.ms-Icon--OutlookLogoInverse16::before { + content: ''; +} + +.ms-Icon--OutOfOffice::before { + content: ''; +} + +.ms-Icon--Package::before { + content: ''; +} + +.ms-Icon--Packages::before { + content: ''; +} + +.ms-Icon--Padding::before { + content: ''; +} + +.ms-Icon--PaddingBottom::before { + content: ''; +} + +.ms-Icon--PaddingLeft::before { + content: ''; +} + +.ms-Icon--PaddingRight::before { + content: ''; +} + +.ms-Icon--PaddingTop::before { + content: ''; +} + +.ms-Icon--Page::before { + content: ''; +} + +.ms-Icon--PageAdd::before { + content: ''; +} + +.ms-Icon--PageCheckedin::before { + content: ''; +} + +.ms-Icon--PageCheckedOut::before { + content: ''; +} + +.ms-Icon--PageEdit::before { + content: ''; +} + +.ms-Icon--PageLeft::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--PageListSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--PageListSolid::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--PageListMirroredSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--PageListMirroredSolid::before { + content: ''; +} + +.ms-Icon--PageLock::before { + content: ''; +} + +.ms-Icon--PageRemove::before { + content: ''; +} + +.ms-Icon--PageRight::before { + content: ''; +} + +.ms-Icon--PageSolid::before { + content: ''; +} + +.ms-Icon--PanoIndicator::before { + content: ''; +} + +.ms-Icon--Parachute::before { + content: ''; +} + +.ms-Icon--ParachuteSolid::before { + content: ''; +} + +.ms-Icon--Parameter::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ParkingLocation::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ParkingLocation::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ParkingLocationMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ParkingLocationMirrored::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ParkingSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ParkingSolid::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ParkingMirroredSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ParkingMirroredSolid::before { + content: ''; +} + +.ms-Icon--PartlyCloudyDay::before { + content: ''; +} + +.ms-Icon--PartlyCloudyNight::before { + content: ''; +} + +.ms-Icon--PartyLeader::before { + content: ''; +} + +.ms-Icon--Paste::before { + content: ''; +} + +.ms-Icon--PasteAsCode::before { + content: ''; +} + +.ms-Icon--PasteAsText::before { + content: ''; +} + +.ms-Icon--Pause::before { + content: ''; +} + +.ms-Icon--PaymentCard::before { + content: ''; +} + +.ms-Icon--PC1::before { + content: ''; +} + +.ms-Icon--PDF::before { + content: ''; +} + +.ms-Icon--PencilReply::before { + content: ''; +} + +.ms-Icon--Pentagon::before { + content: ''; +} + +.ms-Icon--People::before { + content: ''; +} + +.ms-Icon--PeopleAdd::before { + content: ''; +} + +.ms-Icon--PeopleAlert::before { + content: ''; +} + +.ms-Icon--PeopleBlock::before { + content: ''; +} + +.ms-Icon--PeoplePause::before { + content: ''; +} + +.ms-Icon--PeopleRepeat::before { + content: ''; +} + +.ms-Icon--Permissions::before { + content: ''; +} + +.ms-Icon--PermissionsSolid::before { + content: ''; +} + +.ms-Icon--Personalize::before { + content: ''; +} + +.ms-Icon--Phishing::before { + content: ''; +} + +.ms-Icon--Phone::before { + content: ''; +} + +.ms-Icon--Photo2::before { + content: ''; +} + +.ms-Icon--Photo2Add::before { + content: ''; +} + +.ms-Icon--Photo2Remove::before { + content: ''; +} + +.ms-Icon--PhotoCollection::before { + content: ''; +} + +.ms-Icon--Picture::before { + content: ''; +} + +.ms-Icon--PictureCenter::before { + content: ''; +} + +.ms-Icon--PictureFill::before { + content: ''; +} + +.ms-Icon--PictureLibrary::before { + content: ''; +} + +.ms-Icon--PicturePosition::before { + content: ''; +} + +.ms-Icon--PictureStretch::before { + content: ''; +} + +.ms-Icon--PictureTile::before { + content: ''; +} + +.ms-Icon--PieDouble::before { + content: ''; +} + +.ms-Icon--PieSingle::before { + content: ''; +} + +.ms-Icon--PieSingleSolid::before { + content: ''; +} + +.ms-Icon--Pill::before { + content: ''; +} + +.ms-Icon--Pin::before { + content: ''; +} + +.ms-Icon--Pinned::before { + content: ''; +} + +.ms-Icon--PinnedFill::before { + content: ''; +} + +.ms-Icon--PivotChart::before { + content: ''; +} + +.ms-Icon--PlannerLogo::before { + content: ''; +} + +.ms-Icon--PlanView::before { + content: ''; +} + +.ms-Icon--Play::before { + content: ''; +} + +.ms-Icon--PlayerSettings::before { + content: ''; +} + +.ms-Icon--PlayResume::before { + content: ''; +} + +.ms-Icon--Plug::before { + content: ''; +} + +.ms-Icon--PlugConnected::before { + content: ''; +} + +.ms-Icon--PlugDisconnected::before { + content: ''; +} + +.ms-Icon--PlugSolid::before { + content: ''; +} + +.ms-Icon--POI::before { + content: ''; +} + +.ms-Icon--POISolid::before { + content: ''; +} + +.ms-Icon--PostUpdate::before { + content: ''; +} + +.ms-Icon--PowerApps::before { + content: ''; +} + +.ms-Icon--PowerApps2Logo::before { + content: ''; +} + +.ms-Icon--PowerAppsLogo::before { + content: ''; +} + +.ms-Icon--PowerBILogo::before { + content: ''; +} + +.ms-Icon--PowerButton::before { + content: ''; +} + +.ms-Icon--PowerPointDocument::before { + content: ''; +} + +.ms-Icon--PowerPointLogo::before { + content: ''; +} + +.ms-Icon--PowerPointLogo16::before { + content: ''; +} + +.ms-Icon--PowerPointLogoFill::before { + content: ''; +} + +.ms-Icon--PowerPointLogoFill16::before { + content: ''; +} + +.ms-Icon--PowerPointLogoInverse::before { + content: ''; +} + +.ms-Icon--PowerPointLogoInverse16::before { + content: ''; +} + +.ms-Icon--Precipitation::before { + content: ''; +} + +.ms-Icon--PresenceChickletVideo::before { + content: ''; +} + +.ms-Icon--Preview::before { + content: ''; +} + +.ms-Icon--PreviewLink::before { + content: ''; +} + +.ms-Icon--Previous::before { + content: ''; +} + +.ms-Icon--PrimaryCalendar::before { + content: ''; +} + +.ms-Icon--Print::before { + content: ''; +} + +.ms-Icon--PrintfaxPrinterFile::before { + content: ''; +} + +.ms-Icon--Processing::before { + content: ''; +} + +.ms-Icon--ProcessMetaTask::before { + content: ''; +} + +.ms-Icon--Product::before { + content: ''; +} + +.ms-Icon--ProfileSearch::before { + content: ''; +} + +.ms-Icon--ProFootball::before { + content: ''; +} + +.ms-Icon--ProgressLoopInner::before { + content: ''; +} + +.ms-Icon--ProgressLoopOuter::before { + content: ''; +} + +.ms-Icon--ProgressRingDots::before { + content: ''; +} + +.ms-Icon--ProHockey::before { + content: ''; +} + +.ms-Icon--ProjectCollection::before { + content: ''; +} + +.ms-Icon--ProjectLogo16::before { + content: ''; +} + +.ms-Icon--ProjectLogo32::before { + content: ''; +} + +.ms-Icon--ProjectLogoFill16::before { + content: ''; +} + +.ms-Icon--ProjectLogoFill32::before { + content: ''; +} + +.ms-Icon--ProjectLogoInverse::before { + content: ''; +} + +.ms-Icon--ProtectedDocument::before { + content: ''; +} + +.ms-Icon--ProtectionCenterLogo32::before { + content: ''; +} + +.ms-Icon--ProtectRestrict::before { + content: ''; +} + +.ms-Icon--PublicCalendar::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--PublicContactCard::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--PublicContactCard::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--PublicContactCardMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--PublicContactCardMirrored::before { + content: ''; +} + +.ms-Icon--PublicEmail::before { + content: ''; +} + +.ms-Icon--PublicFolder::before { + content: ''; +} + +.ms-Icon--PublishCourse::before { + content: ''; +} + +.ms-Icon--PublisherLogo::before { + content: ''; +} + +.ms-Icon--PublisherLogo16::before { + content: ''; +} + +.ms-Icon--PublisherLogoFill::before { + content: ''; +} + +.ms-Icon--PublisherLogoFill16::before { + content: ''; +} + +.ms-Icon--PublisherLogoInverse16::before { + content: ''; +} + +.ms-Icon--Puzzle::before { + content: ''; +} + +.ms-Icon--PY::before { + content: ''; +} + +.ms-Icon--PythonLanguage::before { + content: ''; +} + +.ms-Icon--QuarterCircle::before { + content: ''; +} + +.ms-Icon--QueryList::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--Questionnaire::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--Questionnaire::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--QuestionnaireMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--QuestionnaireMirrored::before { + content: ''; +} + +.ms-Icon--QuickNote::before { + content: ''; +} + +.ms-Icon--QuickNoteSolid::before { + content: ''; +} + +.ms-Icon--R::before { + content: ''; +} + +.ms-Icon--RadioBtnOff::before { + content: ''; +} + +.ms-Icon--RadioBtnOn::before { + content: ''; +} + +.ms-Icon--RadioBullet::before { + content: ''; +} + +.ms-Icon--Rain::before { + content: ''; +} + +.ms-Icon--RainShowersDay::before { + content: ''; +} + +.ms-Icon--RainShowersNight::before { + content: ''; +} + +.ms-Icon--RainSnow::before { + content: ''; +} + +.ms-Icon--RawSource::before { + content: ''; +} + +.ms-Icon--Read::before { + content: ''; +} + +.ms-Icon--ReadingMode::before { + content: ''; +} + +.ms-Icon--ReadingModeSolid::before { + content: ''; +} + +.ms-Icon--ReadOutLoud::before { + content: ''; +} + +.ms-Icon--ReceiptCheck::before { + content: ''; +} + +.ms-Icon--ReceiptForward::before { + content: ''; +} + +.ms-Icon--ReceiptReply::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ReceiptTentative::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ReceiptTentative::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ReceiptTentativeMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ReceiptTentativeMirrored::before { + content: ''; +} + +.ms-Icon--ReceiptUndelivered::before { + content: ''; +} + +.ms-Icon--Recent::before { + content: ''; +} + +.ms-Icon--Record2::before { + content: ''; +} + +.ms-Icon--RectangleShapeSolid::before { + content: ''; +} + +.ms-Icon--RectangularClipping::before { + content: ''; +} + +.ms-Icon--RecurringEvent::before { + content: ''; +} + +.ms-Icon--RecurringTask::before { + content: ''; +} + +.ms-Icon--RecycleBin::before { + content: ''; +} + +.ms-Icon--Redeploy::before { + content: ''; +} + +.ms-Icon--RedEye::before { + content: ''; +} + +.ms-Icon--Redo::before { + content: ''; +} + +.ms-Icon--Refresh::before { + content: ''; +} + +.ms-Icon--ReminderGroup::before { + content: ''; +} + +.ms-Icon--ReminderPerson::before { + content: ''; +} + +.ms-Icon--Remote::before { + content: ''; +} + +.ms-Icon--Remove::before { + content: ''; +} + +.ms-Icon--RemoveEvent::before { + content: ''; +} + +.ms-Icon--RemoveFilter::before { + content: ''; +} + +.ms-Icon--RemoveLink::before { + content: ''; +} + +.ms-Icon--RemoveOccurrence::before { + content: ''; +} + +.ms-Icon--Rename::before { + content: ''; +} + +.ms-Icon--RenewalCurrent::before { + content: ''; +} + +.ms-Icon--RenewalFuture::before { + content: ''; +} + +.ms-Icon--ReopenPages::before { + content: ''; +} + +.ms-Icon--Repair::before { + content: ''; +} + +.ms-Icon--ReplyAllAlt::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ReplyAll::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ReplyAll::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ReplyAllMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ReplyAllMirrored::before { + content: ''; +} + +.ms-Icon--ReplyAlt::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--Reply::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--Reply::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ReplyMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ReplyMirrored::before { + content: ''; +} + +.ms-Icon--Repo::before { + content: ''; +} + +.ms-Icon--ReportAdd::before { + content: ''; +} + +.ms-Icon--ReportHacked::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ReportLibrary::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ReportLibrary::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ReportLibraryMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ReportLibraryMirrored::before { + content: ''; +} + +.ms-Icon--RepoSolid::before { + content: ''; +} + +.ms-Icon--ReturnToSession::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ReviewRequestSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ReviewRequestSolid::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ReviewRequestMirroredSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ReviewRequestMirroredSolid::before { + content: ''; +} + +.ms-Icon--ReviewResponseSolid::before { + content: ''; +} + +.ms-Icon--ReviewSolid::before { + content: ''; +} + +.ms-Icon--RevToggleKey::before { + content: ''; +} + +.ms-Icon--Rewind::before { + content: ''; +} + +.ms-Icon--Ribbon::before { + content: ''; +} + +.ms-Icon--RibbonSolid::before { + content: ''; +} + +.ms-Icon--RightDoubleQuote::before { + content: ''; +} + +.ms-Icon--RightTriangle::before { + content: ''; +} + +.ms-Icon--Ringer::before { + content: ''; +} + +.ms-Icon--RingerOff::before { + content: ''; +} + +.ms-Icon--RingerRemove::before { + content: ''; +} + +.ms-Icon--Robot::before { + content: ''; +} + +.ms-Icon--Rocket::before { + content: ''; +} + +.ms-Icon--Room::before { + content: ''; +} + +.ms-Icon--Rotate::before { + content: ''; +} + +.ms-Icon--RowsChild::before { + content: ''; +} + +.ms-Icon--RowsGroup::before { + content: ''; +} + +.ms-Icon--Rugby::before { + content: ''; +} + +.ms-Icon--Running::before { + content: ''; +} + +.ms-Icon--Sad::before { + content: ''; +} + +.ms-Icon--SadSolid::before { + content: ''; +} + +.ms-Icon--Save::before { + content: ''; +} + +.ms-Icon--SaveAll::before { + content: ''; +} + +.ms-Icon--SaveAndClose::before { + content: ''; +} + +.ms-Icon--SaveAs::before { + content: ''; +} + +.ms-Icon--Savings::before { + content: ''; +} + +.ms-Icon--ScaleUp::before { + content: ''; +} + +.ms-Icon--ScheduleEventAction::before { + content: ''; +} + +.ms-Icon--ScopeTemplate::before { + content: ''; +} + +.ms-Icon--Script::before { + content: ''; +} + +.ms-Icon--ScrollUpDown::before { + content: ''; +} + +.ms-Icon--Search::before { + content: ''; +} + +.ms-Icon--SearchAndApps::before { + content: ''; +} + +.ms-Icon--SearchBookmark::before { + content: ''; +} + +.ms-Icon--SearchCalendar::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--SearchIssue::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--SearchIssue::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--SearchIssueMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--SearchIssueMirrored::before { + content: ''; +} + +.ms-Icon--Section::before { + content: ''; +} + +.ms-Icon--Sections::before { + content: ''; +} + +.ms-Icon--SecurityGroup::before { + content: ''; +} + +.ms-Icon--SelectAll::before { + content: ''; +} + +.ms-Icon--Sell::before { + content: ''; +} + +.ms-Icon--SemiboldWeight::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--Send::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--Send::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--SendMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--SendMirrored::before { + content: ''; +} + +.ms-Icon--Separator::before { + content: ''; +} + +.ms-Icon--Server::before { + content: ''; +} + +.ms-Icon--ServerEnviroment::before { + content: ''; +} + +.ms-Icon--ServerProcesses::before { + content: ''; +} + +.ms-Icon--SetAction::before { + content: ''; +} + +.ms-Icon--Settings::before { + content: ''; +} + +.ms-Icon--Share::before { + content: ''; +} + +.ms-Icon--ShareiOS::before { + content: ''; +} + +.ms-Icon--SharepointLogo::before { + content: ''; +} + +.ms-Icon--SharepointLogoFill::before { + content: ''; +} + +.ms-Icon--SharepointLogoInverse::before { + content: ''; +} + +.ms-Icon--Shield::before { + content: ''; +} + +.ms-Icon--ShieldSolid::before { + content: ''; +} + +.ms-Icon--Shop::before { + content: ''; +} + +.ms-Icon--ShoppingCart::before { + content: ''; +} + +.ms-Icon--ShoppingCartSolid::before { + content: ''; +} + +.ms-Icon--ShopServer::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ShowResults::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ShowResults::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ShowResultsMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ShowResultsMirrored::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--SidePanel::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--SidePanel::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--SidePanelMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--SidePanelMirrored::before { + content: ''; +} + +.ms-Icon--SignOut::before { + content: ''; +} + +.ms-Icon--SingleBookmark::before { + content: ''; +} + +.ms-Icon--SingleBookmarkSolid::before { + content: ''; +} + +.ms-Icon--SingleColumn::before { + content: ''; +} + +.ms-Icon--SingleColumnEdit::before { + content: ''; +} + +.ms-Icon--SIPMove::before { + content: ''; +} + +.ms-Icon--SiteScan::before { + content: ''; +} + +.ms-Icon--SizeLegacy::before { + content: ''; +} + +.ms-Icon--SkiResorts::before { + content: ''; +} + +.ms-Icon--SkypeCheck::before { + content: ''; +} + +.ms-Icon--SkypeCircleCheck::before { + content: ''; +} + +.ms-Icon--SkypeCircleClock::before { + content: ''; +} + +.ms-Icon--SkypeCircleMinus::before { + content: ''; +} + +.ms-Icon--SkypeClock::before { + content: ''; +} + +.ms-Icon--SkypeForBusinessLogo::before { + content: ''; +} + +.ms-Icon--SkypeForBusinessLogo16::before { + content: ''; +} + +.ms-Icon--SkypeForBusinessLogoFill::before { + content: ''; +} + +.ms-Icon--SkypeForBusinessLogoFill16::before { + content: ''; +} + +.ms-Icon--SkypeLogo::before { + content: ''; +} + +.ms-Icon--SkypeLogo16::before { + content: ''; +} + +.ms-Icon--SkypeMessage::before { + content: ''; +} + +.ms-Icon--SkypeMinus::before { + content: ''; +} + +.ms-Icon--Slider::before { + content: ''; +} + +.ms-Icon--SliderHandleSize::before { + content: ''; +} + +.ms-Icon--SliderThumb::before { + content: ''; +} + +.ms-Icon--Snooze::before { + content: ''; +} + +.ms-Icon--Snow::before { + content: ''; +} + +.ms-Icon--Snowflake::before { + content: ''; +} + +.ms-Icon--SnowShowerDay::before { + content: ''; +} + +.ms-Icon--SnowShowerNight::before { + content: ''; +} + +.ms-Icon--Soccer::before { + content: ''; +} + +.ms-Icon--SocialListeningLogo::before { + content: ''; +} + +.ms-Icon--Sort::before { + content: ''; +} + +.ms-Icon--SortDown::before { + content: ''; +} + +.ms-Icon--SortLines::before { + content: ''; +} + +.ms-Icon--SortUp::before { + content: ''; +} + +.ms-Icon--Source::before { + content: ''; +} + +.ms-Icon--Spacer::before { + content: ''; +} + +.ms-Icon--Speakers::before { + content: ''; +} + +.ms-Icon--SpeedHigh::before { + content: ''; +} + +.ms-Icon--Split::before { + content: ''; +} + +.ms-Icon--SplitObject::before { + content: ''; +} + +.ms-Icon--Sprint::before { + content: ''; +} + +.ms-Icon--Squalls::before { + content: ''; +} + +.ms-Icon--SquareShapeSolid::before { + content: ''; +} + +.ms-Icon--Stack::before { + content: ''; +} + +.ms-Icon--StackedBarChart::before { + content: ''; +} + +.ms-Icon--StackedLineChart::before { + content: ''; +} + +.ms-Icon--StackIndicator::before { + content: ''; +} + +.ms-Icon--StaffNotebookLogo16::before { + content: ''; +} + +.ms-Icon--StaffNotebookLogo32::before { + content: ''; +} + +.ms-Icon--StaffNotebookLogoFill16::before { + content: ''; +} + +.ms-Icon--StaffNotebookLogoFill32::before { + content: ''; +} + +.ms-Icon--StaffNotebookLogoInverted16::before { + content: ''; +} + +.ms-Icon--StaffNotebookLogoInverted32::before { + content: ''; +} + +.ms-Icon--Starburst::before { + content: ''; +} + +.ms-Icon--StarburstSolid::before { + content: ''; +} + +.ms-Icon--StatusCircleBlock2::before { + content: ''; +} + +.ms-Icon--StatusCircleCheckmark::before { + content: ''; +} + +.ms-Icon--StatusCircleErrorX::before { + content: ''; +} + +.ms-Icon--StatusCircleExclamation::before { + content: ''; +} + +.ms-Icon--StatusCircleInfo::before { + content: ''; +} + +.ms-Icon--StatusCircleInner::before { + content: ''; +} + +.ms-Icon--StatusCircleOuter::before { + content: ''; +} + +.ms-Icon--StatusCircleQuestionMark::before { + content: ''; +} + +.ms-Icon--StatusCircleRing::before { + content: ''; +} + +.ms-Icon--StatusErrorFull::before { + content: ''; +} + +.ms-Icon--StatusTriangle::before { + content: ''; +} + +.ms-Icon--StatusTriangleExclamation::before { + content: ''; +} + +.ms-Icon--StatusTriangleInner::before { + content: ''; +} + +.ms-Icon--StatusTriangleOuter::before { + content: ''; +} + +.ms-Icon--Step::before { + content: ''; +} + +.ms-Icon--StepInsert::before { + content: ''; +} + +.ms-Icon--StepShared::before { + content: ''; +} + +.ms-Icon--StepSharedAdd::before { + content: ''; +} + +.ms-Icon--StepSharedInsert::before { + content: ''; +} + +.ms-Icon--StockDown::before { + content: ''; +} + +.ms-Icon--StockUp::before { + content: ''; +} + +.ms-Icon--Stop::before { + content: ''; +} + +.ms-Icon--StopSolid::before { + content: ''; +} + +.ms-Icon--Stopwatch::before { + content: ''; +} + +.ms-Icon--StoreLogo16::before { + content: ''; +} + +.ms-Icon--StoreLogoMed20::before { + content: ''; +} + +.ms-Icon--Storyboard::before { + content: ''; +} + +.ms-Icon--Streaming::before { + content: ''; +} + +.ms-Icon--StreamingOff::before { + content: ''; +} + +.ms-Icon--StreamLogo::before { + content: ''; +} + +.ms-Icon--Strikethrough::before { + content: ''; +} + +.ms-Icon--Subscribe::before { + content: ''; +} + +.ms-Icon--Subscript::before { + content: ''; +} + +.ms-Icon--SubstitutionsIn::before { + content: ''; +} + +.ms-Icon--Suitcase::before { + content: ''; +} + +.ms-Icon--SunAdd::before { + content: ''; +} + +.ms-Icon--Sunny::before { + content: ''; +} + +.ms-Icon--SunQuestionMark::before { + content: ''; +} + +.ms-Icon--Superscript::before { + content: ''; +} + +.ms-Icon--SurveyQuestions::before { + content: ''; +} + +.ms-Icon--SwayLogo16::before { + content: ''; +} + +.ms-Icon--SwayLogo32::before { + content: ''; +} + +.ms-Icon--SwayLogoFill16::before { + content: ''; +} + +.ms-Icon--SwayLogoFill32::before { + content: ''; +} + +.ms-Icon--SwayLogoInverse::before { + content: ''; +} + +.ms-Icon--Switch::before { + content: ''; +} + +.ms-Icon--SwitcherStartEnd::before { + content: ''; +} + +.ms-Icon--Sync::before { + content: ''; +} + +.ms-Icon--SyncFolder::before { + content: ''; +} + +.ms-Icon--SyncOccurence::before { + content: ''; +} + +.ms-Icon--SyncToPC::before { + content: ''; +} + +.ms-Icon--System::before { + content: ''; +} + +.ms-Icon--Tab::before { + content: ''; +} + +.ms-Icon--Table::before { + content: ''; +} + +.ms-Icon--Tablet::before { + content: ''; +} + +.ms-Icon--TabletMode::before { + content: ''; +} + +.ms-Icon--TabletSelected::before { + content: ''; +} + +.ms-Icon--Tag::before { + content: ''; +} + +.ms-Icon--Taskboard::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--TaskGroup::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--TaskGroup::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--TaskGroupMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--TaskGroupMirrored::before { + content: ''; +} + +.ms-Icon--TaskLogo::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--TaskManager::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--TaskManager::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--TaskManagerMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--TaskManagerMirrored::before { + content: ''; +} + +.ms-Icon--TaskSolid::before { + content: ''; +} + +.ms-Icon--Taxi::before { + content: ''; +} + +.ms-Icon--TeamFavorite::before { + content: ''; +} + +.ms-Icon--TeamsLogo::before { + content: ''; +} + +.ms-Icon--TeamsLogoFill::before { + content: ''; +} + +.ms-Icon--TeamsLogoInverse::before { + content: ''; +} + +.ms-Icon--Teamwork::before { + content: ''; +} + +.ms-Icon--Teeth::before { + content: ''; +} + +.ms-Icon--TemporaryUser::before { + content: ''; +} + +.ms-Icon--Tennis::before { + content: ''; +} + +.ms-Icon--TestAutoSolid::before { + content: ''; +} + +.ms-Icon--TestBeaker::before { + content: ''; +} + +.ms-Icon--TestBeakerSolid::before { + content: ''; +} + +.ms-Icon--TestCase::before { + content: ''; +} + +.ms-Icon--TestExploreSolid::before { + content: ''; +} + +.ms-Icon--TestImpactSolid::before { + content: ''; +} + +.ms-Icon--TestParameter::before { + content: ''; +} + +.ms-Icon--TestPlan::before { + content: ''; +} + +.ms-Icon--TestStep::before { + content: ''; +} + +.ms-Icon--TestSuite::before { + content: ''; +} + +.ms-Icon--TestUserSolid::before { + content: ''; +} + +.ms-Icon--TextBox::before { + content: ''; +} + +.ms-Icon--TextCallout::before { + content: ''; +} + +.ms-Icon--TextDocument::before { + content: ''; +} + +.ms-Icon--TextDocumentShared::before { + content: ''; +} + +.ms-Icon--TextField::before { + content: ''; +} + +.ms-Icon--TextOverflow::before { + content: ''; +} + +.ms-Icon--TFVCLogo::before { + content: ''; +} + +.ms-Icon--ThisPC::before { + content: ''; +} + +.ms-Icon--ThreeQuarterCircle::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ThumbnailView::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ThumbnailView::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--ThumbnailViewMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--ThumbnailViewMirrored::before { + content: ''; +} + +.ms-Icon--Thunderstorms::before { + content: ''; +} + +.ms-Icon--Ticket::before { + content: ''; +} + +.ms-Icon--Tiles::before { + content: ''; +} + +.ms-Icon--Tiles2::before { + content: ''; +} + +.ms-Icon--TimeEntry::before { + content: ''; +} + +.ms-Icon--Timeline::before { + content: ''; +} + +.ms-Icon--TimelineDelivery::before { + content: ''; +} + +.ms-Icon--TimelineMatrixView::before { + content: ''; +} + +.ms-Icon--TimelineProgress::before { + content: ''; +} + +.ms-Icon--Timer::before { + content: ''; +} + +.ms-Icon--TimeSheet::before { + content: ''; +} + +.ms-Icon--ToDoLogoBottom::before { + content: ''; +} + +.ms-Icon--ToDoLogoInverse::before { + content: ''; +} + +.ms-Icon--ToDoLogoTop::before { + content: ''; +} + +.ms-Icon--ToggleBorder::before { + content: ''; +} + +.ms-Icon--ToggleFilled::before { + content: ''; +} + +.ms-Icon--ToggleOff::before { + content: ''; +} + +.ms-Icon--ToggleThumb::before { + content: ''; +} + +.ms-Icon--Toll::before { + content: ''; +} + +.ms-Icon--Touch::before { + content: ''; +} + +.ms-Icon--TouchPointer::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--Trackers::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--Trackers::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--TrackersMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--TrackersMirrored::before { + content: ''; +} + +.ms-Icon--Train::before { + content: ''; +} + +.ms-Icon--TrainSolid::before { + content: ''; +} + +.ms-Icon--TransferCall::before { + content: ''; +} + +.ms-Icon--Transition::before { + content: ''; +} + +.ms-Icon--TransitionEffect::before { + content: ''; +} + +.ms-Icon--TransitionPop::before { + content: ''; +} + +.ms-Icon--TransitionPush::before { + content: ''; +} + +.ms-Icon--Trending12::before { + content: ''; +} + +.ms-Icon--TriangleDown12::before { + content: ''; +} + +.ms-Icon--TriangleLeft12::before { + content: ''; +} + +.ms-Icon--TriangleRight12::before { + content: ''; +} + +.ms-Icon--TriangleShapeSolid::before { + content: ''; +} + +.ms-Icon--TriangleSolid::before { + content: ''; +} + +.ms-Icon--TriangleSolidDown12::before { + content: ''; +} + +.ms-Icon--TriangleSolidLeft12::before { + content: ''; +} + +.ms-Icon--TriangleSolidRight12::before { + content: ''; +} + +.ms-Icon--TriangleSolidUp12::before { + content: ''; +} + +.ms-Icon--TriangleUp12::before { + content: ''; +} + +.ms-Icon--TriggerApproval::before { + content: ''; +} + +.ms-Icon--TriggerAuto::before { + content: ''; +} + +.ms-Icon--TriggerUser::before { + content: ''; +} + +.ms-Icon--TripleColumn::before { + content: ''; +} + +.ms-Icon--TripleColumnEdit::before { + content: ''; +} + +.ms-Icon--Trophy::before { + content: ''; +} + +.ms-Icon--Trophy2::before { + content: ''; +} + +.ms-Icon--Trophy2Solid::before { + content: ''; +} + +.ms-Icon--TurnRight::before { + content: ''; +} + +.ms-Icon--TVMonitor::before { + content: ''; +} + +.ms-Icon--TVMonitorSelected::before { + content: ''; +} + +.ms-Icon--TypeScriptLanguage::before { + content: ''; +} + +.ms-Icon--Umbrella::before { + content: ''; +} + +.ms-Icon--Underline::before { + content: ''; +} + +.ms-Icon--Undo::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--Uneditable::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--Uneditable::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--UneditableMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--UneditableMirrored::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--UneditableSolid12::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--UneditableSolid12::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--UneditableSolidMirrored12::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--UneditableSolidMirrored12::before { + content: ''; +} + +.ms-Icon--Unfavorite::before { + content: ''; +} + +.ms-Icon--UngroupObject::before { + content: ''; +} + +.ms-Icon--UnknownCall::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--Unknown::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--Unknown::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--UnknownMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--UnknownMirrored::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--UnknownSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--UnknownSolid::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--UnknownMirroredSolid::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--UnknownMirroredSolid::before { + content: ''; +} + +.ms-Icon--Unlock::before { + content: ''; +} + +.ms-Icon--UnlockSolid::before { + content: ''; +} + +.ms-Icon--Unpin::before { + content: ''; +} + +.ms-Icon--Unsubscribe::before { + content: ''; +} + +.ms-Icon--UnsyncFolder::before { + content: ''; +} + +.ms-Icon--UnsyncOccurence::before { + content: ''; +} + +.ms-Icon--Up::before { + content: ''; +} + +.ms-Icon--Upload::before { + content: ''; +} + +.ms-Icon--UserEvent::before { + content: ''; +} + +.ms-Icon--UserFollowed::before { + content: ''; +} + +.ms-Icon--UserPause::before { + content: ''; +} + +.ms-Icon--UserRemove::before { + content: ''; +} + +.ms-Icon--UserSync::before { + content: ''; +} + +.ms-Icon--Vacation::before { + content: ''; +} + +.ms-Icon--Variable::before { + content: ''; +} + +.ms-Icon--VariableGroup::before { + content: ''; +} + +.ms-Icon--VB::before { + content: ''; +} + +.ms-Icon--VennDiagram::before { + content: ''; +} + +.ms-Icon--VersionControlPush::before { + content: ''; +} + +.ms-Icon--VerticalDistributeCenter::before { + content: ''; +} + +.ms-Icon--Video::before { + content: ''; +} + +.ms-Icon--VideoOff::before { + content: ''; +} + +.ms-Icon--VideoSearch::before { + content: ''; +} + +.ms-Icon--VideoSolid::before { + content: ''; +} + +.ms-Icon--View::before { + content: ''; +} + +.ms-Icon--ViewAll::before { + content: ''; +} + +.ms-Icon--ViewAll2::before { + content: ''; +} + +.ms-Icon--ViewDashboard::before { + content: ''; +} + +.ms-Icon--ViewList::before { + content: ''; +} + +.ms-Icon--ViewListGroup::before { + content: ''; +} + +.ms-Icon--ViewListTree::before { + content: ''; +} + +.ms-Icon--VisioDiagram::before { + content: ''; +} + +.ms-Icon--VisioDocument::before { + content: ''; +} + +.ms-Icon--VisioLogo::before { + content: ''; +} + +.ms-Icon--VisioLogo16::before { + content: ''; +} + +.ms-Icon--VisioLogoFill::before { + content: ''; +} + +.ms-Icon--VisioLogoFill16::before { + content: ''; +} + +.ms-Icon--VisioLogoInverse::before { + content: ''; +} + +.ms-Icon--VisioLogoInverse16::before { + content: ''; +} + +.ms-Icon--VisualBasicLanguage::before { + content: ''; +} + +.ms-Icon--VisualsFolder::before { + content: ''; +} + +.ms-Icon--VisualsStore::before { + content: ''; +} + +.ms-Icon--VisualStudioIDELogo32::before { + content: ''; +} + +.ms-Icon--VisualStudioLogo::before { + content: ''; +} + +.ms-Icon--VoicemailForward::before { + content: ''; +} + +.ms-Icon--VoicemailIRM::before { + content: ''; +} + +.ms-Icon--VoicemailReply::before { + content: ''; +} + +.ms-Icon--Volume0::before { + content: ''; +} + +.ms-Icon--Volume1::before { + content: ''; +} + +.ms-Icon--Volume2::before { + content: ''; +} + +.ms-Icon--Volume3::before { + content: ''; +} + +.ms-Icon--VolumeDisabled::before { + content: ''; +} + +.ms-Icon--VSTSAltLogo1::before { + content: ''; +} + +.ms-Icon--VSTSAltLogo2::before { + content: ''; +} + +.ms-Icon--VSTSLogo::before { + content: ''; +} + +.ms-Icon--Waffle::before { + content: ''; +} + +.ms-Icon--WaffleOffice365::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--WaitlistConfirm::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--WaitlistConfirm::before { + content: ''; +} + +[dir='ltr'] .ms-Icon--WaitlistConfirmMirrored::before { + content: ''; +} + +[dir='rtl'] .ms-Icon--WaitlistConfirmMirrored::before { + content: ''; +} + +.ms-Icon--Warning::before { + content: ''; +} + +.ms-Icon--Warning12::before { + content: ''; +} + +.ms-Icon--WebPublish::before { + content: ''; +} + +.ms-Icon--Website::before { + content: ''; +} + +.ms-Icon--Weights::before { + content: ''; +} + +.ms-Icon--WhiteBoardApp16::before { + content: ''; +} + +.ms-Icon--WhiteBoardApp32::before { + content: ''; +} + +.ms-Icon--WifiEthernet::before { + content: ''; +} + +.ms-Icon--WindDirection::before { + content: ''; +} + +.ms-Icon--WindowEdit::before { + content: ''; +} + +.ms-Icon--WindowsLogo::before { + content: ''; +} + +.ms-Icon--Wines::before { + content: ''; +} + +.ms-Icon--WipePhone::before { + content: ''; +} + +.ms-Icon--WordDocument::before { + content: ''; +} + +.ms-Icon--WordLogo::before { + content: ''; +} + +.ms-Icon--WordLogo16::before { + content: ''; +} + +.ms-Icon--WordLogoFill::before { + content: ''; +} + +.ms-Icon--WordLogoFill16::before { + content: ''; +} + +.ms-Icon--WordLogoInverse::before { + content: ''; +} + +.ms-Icon--WordLogoInverse16::before { + content: ''; +} + +.ms-Icon--Work::before { + content: ''; +} + +.ms-Icon--WorkFlow::before { + content: ''; +} + +.ms-Icon--WorkforceManagement::before { + content: ''; +} + +.ms-Icon--WorkItem::before { + content: ''; +} + +.ms-Icon--WorkItemBar::before { + content: ''; +} + +.ms-Icon--WorkItemBarSolid::before { + content: ''; +} + +.ms-Icon--WorkItemBug::before { + content: ''; +} + +.ms-Icon--World::before { + content: ''; +} + +.ms-Icon--WorldClock::before { + content: ''; +} + +.ms-Icon--YammerLogo::before { + content: ''; +} + +.ms-Icon--ZipFolder::before { + content: ''; +} + +.ms-Icon--Zoom::before { + content: ''; +} + +.ms-Icon--ZoomIn::before { + content: ''; +} + +.ms-Icon--ZoomOut::before { + content: ''; +} + +.ms-Icon--HumanResources::before { + content: ''; +} + +.ms-Icon--StoreLogo::before { + content: ''; +} + +.ms-Icon--StoreLogoMed::before { + content: ''; +} + +@media (max-width: 479px) { + .ms-hiddenSm, + .ms-hiddenMdDown, + .ms-hiddenLgDown, + .ms-hiddenXlDown, + .ms-hiddenXxlDown { + display: none !important; + } +} + +@media (min-width: 480px) and (max-width: 639px) { + .ms-hiddenMd, + .ms-hiddenMdUp, + .ms-hiddenMdDown, + .ms-hiddenLgDown, + .ms-hiddenXlDown, + .ms-hiddenXxlDown { + display: none !important; + } +} + +@media (min-width: 640px) and (max-width: 1023px) { + .ms-hiddenMdUp, + .ms-hiddenLg, + .ms-hiddenLgUp, + .ms-hiddenLgDown, + .ms-hiddenXlDown, + .ms-hiddenXxlDown { + display: none !important; + } +} + +@media (min-width: 1024px) and (max-width: 1365px) { + .ms-hiddenMdUp, + .ms-hiddenLgUp, + .ms-hiddenXl, + .ms-hiddenXlUp, + .ms-hiddenXlDown, + .ms-hiddenXxlDown { + display: none !important; + } +} + +@media (min-width: 1366px) and (max-width: 1919px) { + .ms-hiddenMdUp, + .ms-hiddenLgUp, + .ms-hiddenXlUp, + .ms-hiddenXxl, + .ms-hiddenXxlUp, + .ms-hiddenXxlDown { + display: none !important; + } +} + +@media (min-width: 1920px) { + .ms-hiddenMdUp, + .ms-hiddenLgUp, + .ms-hiddenXlUp, + .ms-hiddenXxlUp, + .ms-hiddenXxxl { + display: none !important; + } +} + +.ms-sm12 { + width: 100%; +} + +.ms-sm11 { + width: 91.66666666666666%; +} + +.ms-sm10 { + width: 83.33333333333334%; +} + +.ms-sm9 { + width: 75%; +} + +.ms-sm8 { + width: 66.66666666666666%; +} + +.ms-sm7 { + width: 58.333333333333336%; +} + +.ms-sm6 { + width: 50%; +} + +.ms-sm5 { + width: 41.66666666666667%; +} + +.ms-sm4 { + width: 33.33333333333333%; +} + +.ms-sm3 { + width: 25%; +} + +.ms-sm2 { + width: 16.666666666666664%; +} + +.ms-sm1 { + width: 8.333333333333332%; +} + +[dir='ltr'] .ms-smPull12 { + right: 100%; +} + +[dir='rtl'] .ms-smPull12 { + left: 100%; +} + +[dir='ltr'] .ms-smPull11 { + right: 91.66667%; +} + +[dir='rtl'] .ms-smPull11 { + left: 91.66667%; +} + +[dir='ltr'] .ms-smPull10 { + right: 83.33333%; +} + +[dir='rtl'] .ms-smPull10 { + left: 83.33333%; +} + +[dir='ltr'] .ms-smPull9 { + right: 75%; +} + +[dir='rtl'] .ms-smPull9 { + left: 75%; +} + +[dir='ltr'] .ms-smPull8 { + right: 66.66667%; +} + +[dir='rtl'] .ms-smPull8 { + left: 66.66667%; +} + +[dir='ltr'] .ms-smPull7 { + right: 58.33333%; +} + +[dir='rtl'] .ms-smPull7 { + left: 58.33333%; +} + +[dir='ltr'] .ms-smPull6 { + right: 50%; +} + +[dir='rtl'] .ms-smPull6 { + left: 50%; +} + +[dir='ltr'] .ms-smPull5 { + right: 41.66667%; +} + +[dir='rtl'] .ms-smPull5 { + left: 41.66667%; +} + +[dir='ltr'] .ms-smPull4 { + right: 33.33333%; +} + +[dir='rtl'] .ms-smPull4 { + left: 33.33333%; +} + +[dir='ltr'] .ms-smPull3 { + right: 25%; +} + +[dir='rtl'] .ms-smPull3 { + left: 25%; +} + +[dir='ltr'] .ms-smPull2 { + right: 16.66667%; +} + +[dir='rtl'] .ms-smPull2 { + left: 16.66667%; +} + +[dir='ltr'] .ms-smPull1 { + right: 8.33333%; +} + +[dir='rtl'] .ms-smPull1 { + left: 8.33333%; +} + +[dir='ltr'] .ms-smPull0 { + right: auto; +} + +[dir='rtl'] .ms-smPull0 { + left: auto; +} + +[dir='ltr'] .ms-smPush12 { + left: 100%; +} + +[dir='rtl'] .ms-smPush12 { + right: 100%; +} + +[dir='ltr'] .ms-smPush11 { + left: 91.66667%; +} + +[dir='rtl'] .ms-smPush11 { + right: 91.66667%; +} + +[dir='ltr'] .ms-smPush10 { + left: 83.33333%; +} + +[dir='rtl'] .ms-smPush10 { + right: 83.33333%; +} + +[dir='ltr'] .ms-smPush9 { + left: 75%; +} + +[dir='rtl'] .ms-smPush9 { + right: 75%; +} + +[dir='ltr'] .ms-smPush8 { + left: 66.66667%; +} + +[dir='rtl'] .ms-smPush8 { + right: 66.66667%; +} + +[dir='ltr'] .ms-smPush7 { + left: 58.33333%; +} + +[dir='rtl'] .ms-smPush7 { + right: 58.33333%; +} + +[dir='ltr'] .ms-smPush6 { + left: 50%; +} + +[dir='rtl'] .ms-smPush6 { + right: 50%; +} + +[dir='ltr'] .ms-smPush5 { + left: 41.66667%; +} + +[dir='rtl'] .ms-smPush5 { + right: 41.66667%; +} + +[dir='ltr'] .ms-smPush4 { + left: 33.33333%; +} + +[dir='rtl'] .ms-smPush4 { + right: 33.33333%; +} + +[dir='ltr'] .ms-smPush3 { + left: 25%; +} + +[dir='rtl'] .ms-smPush3 { + right: 25%; +} + +[dir='ltr'] .ms-smPush2 { + left: 16.66667%; +} + +[dir='rtl'] .ms-smPush2 { + right: 16.66667%; +} + +[dir='ltr'] .ms-smPush1 { + left: 8.33333%; +} + +[dir='rtl'] .ms-smPush1 { + right: 8.33333%; +} + +[dir='ltr'] .ms-smPush0 { + left: auto; +} + +[dir='rtl'] .ms-smPush0 { + right: auto; +} + +[dir='ltr'] .ms-smOffset11 { + margin-left: 91.66667%; +} + +[dir='rtl'] .ms-smOffset11 { + margin-right: 91.66667%; +} + +[dir='ltr'] .ms-smOffset10 { + margin-left: 83.33333%; +} + +[dir='rtl'] .ms-smOffset10 { + margin-right: 83.33333%; +} + +[dir='ltr'] .ms-smOffset9 { + margin-left: 75%; +} + +[dir='rtl'] .ms-smOffset9 { + margin-right: 75%; +} + +[dir='ltr'] .ms-smOffset8 { + margin-left: 66.66667%; +} + +[dir='rtl'] .ms-smOffset8 { + margin-right: 66.66667%; +} + +[dir='ltr'] .ms-smOffset7 { + margin-left: 58.33333%; +} + +[dir='rtl'] .ms-smOffset7 { + margin-right: 58.33333%; +} + +[dir='ltr'] .ms-smOffset6 { + margin-left: 50%; +} + +[dir='rtl'] .ms-smOffset6 { + margin-right: 50%; +} + +[dir='ltr'] .ms-smOffset5 { + margin-left: 41.66667%; +} + +[dir='rtl'] .ms-smOffset5 { + margin-right: 41.66667%; +} + +[dir='ltr'] .ms-smOffset4 { + margin-left: 33.33333%; +} + +[dir='rtl'] .ms-smOffset4 { + margin-right: 33.33333%; +} + +[dir='ltr'] .ms-smOffset3 { + margin-left: 25%; +} + +[dir='rtl'] .ms-smOffset3 { + margin-right: 25%; +} + +[dir='ltr'] .ms-smOffset2 { + margin-left: 16.66667%; +} + +[dir='rtl'] .ms-smOffset2 { + margin-right: 16.66667%; +} + +[dir='ltr'] .ms-smOffset1 { + margin-left: 8.33333%; +} + +[dir='rtl'] .ms-smOffset1 { + margin-right: 8.33333%; +} + +[dir='ltr'] .ms-smOffset0 { + margin-left: 0; +} + +[dir='rtl'] .ms-smOffset0 { + margin-right: 0; +} + +@media (min-width: 480px) { + .ms-md12 { + width: 100%; + } +} + +@media (min-width: 480px) { + .ms-md11 { + width: 91.66666666666666%; + } +} + +@media (min-width: 480px) { + .ms-md10 { + width: 83.33333333333334%; + } +} + +@media (min-width: 480px) { + .ms-md9 { + width: 75%; + } +} + +@media (min-width: 480px) { + .ms-md8 { + width: 66.66666666666666%; + } +} + +@media (min-width: 480px) { + .ms-md7 { + width: 58.333333333333336%; + } +} + +@media (min-width: 480px) { + .ms-md6 { + width: 50%; + } +} + +@media (min-width: 480px) { + .ms-md5 { + width: 41.66666666666667%; + } +} + +@media (min-width: 480px) { + .ms-md4 { + width: 33.33333333333333%; + } +} + +@media (min-width: 480px) { + .ms-md3 { + width: 25%; + } +} + +@media (min-width: 480px) { + .ms-md2 { + width: 16.666666666666664%; + } +} + +@media (min-width: 480px) { + .ms-md1 { + width: 8.333333333333332%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPull12 { + right: 100%; + } + + [dir='rtl'] .ms-mdPull12 { + left: 100%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPull11 { + right: 91.66667%; + } + + [dir='rtl'] .ms-mdPull11 { + left: 91.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPull10 { + right: 83.33333%; + } + + [dir='rtl'] .ms-mdPull10 { + left: 83.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPull9 { + right: 75%; + } + + [dir='rtl'] .ms-mdPull9 { + left: 75%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPull8 { + right: 66.66667%; + } + + [dir='rtl'] .ms-mdPull8 { + left: 66.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPull7 { + right: 58.33333%; + } + + [dir='rtl'] .ms-mdPull7 { + left: 58.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPull6 { + right: 50%; + } + + [dir='rtl'] .ms-mdPull6 { + left: 50%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPull5 { + right: 41.66667%; + } + + [dir='rtl'] .ms-mdPull5 { + left: 41.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPull4 { + right: 33.33333%; + } + + [dir='rtl'] .ms-mdPull4 { + left: 33.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPull3 { + right: 25%; + } + + [dir='rtl'] .ms-mdPull3 { + left: 25%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPull2 { + right: 16.66667%; + } + + [dir='rtl'] .ms-mdPull2 { + left: 16.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPull1 { + right: 8.33333%; + } + + [dir='rtl'] .ms-mdPull1 { + left: 8.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPull0 { + right: auto; + } + + [dir='rtl'] .ms-mdPull0 { + left: auto; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPush12 { + left: 100%; + } + + [dir='rtl'] .ms-mdPush12 { + right: 100%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPush11 { + left: 91.66667%; + } + + [dir='rtl'] .ms-mdPush11 { + right: 91.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPush10 { + left: 83.33333%; + } + + [dir='rtl'] .ms-mdPush10 { + right: 83.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPush9 { + left: 75%; + } + + [dir='rtl'] .ms-mdPush9 { + right: 75%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPush8 { + left: 66.66667%; + } + + [dir='rtl'] .ms-mdPush8 { + right: 66.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPush7 { + left: 58.33333%; + } + + [dir='rtl'] .ms-mdPush7 { + right: 58.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPush6 { + left: 50%; + } + + [dir='rtl'] .ms-mdPush6 { + right: 50%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPush5 { + left: 41.66667%; + } + + [dir='rtl'] .ms-mdPush5 { + right: 41.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPush4 { + left: 33.33333%; + } + + [dir='rtl'] .ms-mdPush4 { + right: 33.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPush3 { + left: 25%; + } + + [dir='rtl'] .ms-mdPush3 { + right: 25%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPush2 { + left: 16.66667%; + } + + [dir='rtl'] .ms-mdPush2 { + right: 16.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPush1 { + left: 8.33333%; + } + + [dir='rtl'] .ms-mdPush1 { + right: 8.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdPush0 { + left: auto; + } + + [dir='rtl'] .ms-mdPush0 { + right: auto; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdOffset11 { + margin-left: 91.66667%; + } + + [dir='rtl'] .ms-mdOffset11 { + margin-right: 91.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdOffset10 { + margin-left: 83.33333%; + } + + [dir='rtl'] .ms-mdOffset10 { + margin-right: 83.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdOffset9 { + margin-left: 75%; + } + + [dir='rtl'] .ms-mdOffset9 { + margin-right: 75%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdOffset8 { + margin-left: 66.66667%; + } + + [dir='rtl'] .ms-mdOffset8 { + margin-right: 66.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdOffset7 { + margin-left: 58.33333%; + } + + [dir='rtl'] .ms-mdOffset7 { + margin-right: 58.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdOffset6 { + margin-left: 50%; + } + + [dir='rtl'] .ms-mdOffset6 { + margin-right: 50%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdOffset5 { + margin-left: 41.66667%; + } + + [dir='rtl'] .ms-mdOffset5 { + margin-right: 41.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdOffset4 { + margin-left: 33.33333%; + } + + [dir='rtl'] .ms-mdOffset4 { + margin-right: 33.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdOffset3 { + margin-left: 25%; + } + + [dir='rtl'] .ms-mdOffset3 { + margin-right: 25%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdOffset2 { + margin-left: 16.66667%; + } + + [dir='rtl'] .ms-mdOffset2 { + margin-right: 16.66667%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdOffset1 { + margin-left: 8.33333%; + } + + [dir='rtl'] .ms-mdOffset1 { + margin-right: 8.33333%; + } +} + +@media (min-width: 480px) { + [dir='ltr'] .ms-mdOffset0 { + margin-left: 0; + } + + [dir='rtl'] .ms-mdOffset0 { + margin-right: 0; + } +} + +@media (min-width: 640px) { + .ms-lg12 { + width: 100%; + } +} + +@media (min-width: 640px) { + .ms-lg11 { + width: 91.66666666666666%; + } +} + +@media (min-width: 640px) { + .ms-lg10 { + width: 83.33333333333334%; + } +} + +@media (min-width: 640px) { + .ms-lg9 { + width: 75%; + } +} + +@media (min-width: 640px) { + .ms-lg8 { + width: 66.66666666666666%; + } +} + +@media (min-width: 640px) { + .ms-lg7 { + width: 58.333333333333336%; + } +} + +@media (min-width: 640px) { + .ms-lg6 { + width: 50%; + } +} + +@media (min-width: 640px) { + .ms-lg5 { + width: 41.66666666666667%; + } +} + +@media (min-width: 640px) { + .ms-lg4 { + width: 33.33333333333333%; + } +} + +@media (min-width: 640px) { + .ms-lg3 { + width: 25%; + } +} + +@media (min-width: 640px) { + .ms-lg2 { + width: 16.666666666666664%; + } +} + +@media (min-width: 640px) { + .ms-lg1 { + width: 8.333333333333332%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPull12 { + right: 100%; + } + + [dir='rtl'] .ms-lgPull12 { + left: 100%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPull11 { + right: 91.66667%; + } + + [dir='rtl'] .ms-lgPull11 { + left: 91.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPull10 { + right: 83.33333%; + } + + [dir='rtl'] .ms-lgPull10 { + left: 83.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPull9 { + right: 75%; + } + + [dir='rtl'] .ms-lgPull9 { + left: 75%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPull8 { + right: 66.66667%; + } + + [dir='rtl'] .ms-lgPull8 { + left: 66.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPull7 { + right: 58.33333%; + } + + [dir='rtl'] .ms-lgPull7 { + left: 58.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPull6 { + right: 50%; + } + + [dir='rtl'] .ms-lgPull6 { + left: 50%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPull5 { + right: 41.66667%; + } + + [dir='rtl'] .ms-lgPull5 { + left: 41.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPull4 { + right: 33.33333%; + } + + [dir='rtl'] .ms-lgPull4 { + left: 33.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPull3 { + right: 25%; + } + + [dir='rtl'] .ms-lgPull3 { + left: 25%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPull2 { + right: 16.66667%; + } + + [dir='rtl'] .ms-lgPull2 { + left: 16.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPull1 { + right: 8.33333%; + } + + [dir='rtl'] .ms-lgPull1 { + left: 8.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPull0 { + right: auto; + } + + [dir='rtl'] .ms-lgPull0 { + left: auto; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPush12 { + left: 100%; + } + + [dir='rtl'] .ms-lgPush12 { + right: 100%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPush11 { + left: 91.66667%; + } + + [dir='rtl'] .ms-lgPush11 { + right: 91.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPush10 { + left: 83.33333%; + } + + [dir='rtl'] .ms-lgPush10 { + right: 83.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPush9 { + left: 75%; + } + + [dir='rtl'] .ms-lgPush9 { + right: 75%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPush8 { + left: 66.66667%; + } + + [dir='rtl'] .ms-lgPush8 { + right: 66.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPush7 { + left: 58.33333%; + } + + [dir='rtl'] .ms-lgPush7 { + right: 58.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPush6 { + left: 50%; + } + + [dir='rtl'] .ms-lgPush6 { + right: 50%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPush5 { + left: 41.66667%; + } + + [dir='rtl'] .ms-lgPush5 { + right: 41.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPush4 { + left: 33.33333%; + } + + [dir='rtl'] .ms-lgPush4 { + right: 33.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPush3 { + left: 25%; + } + + [dir='rtl'] .ms-lgPush3 { + right: 25%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPush2 { + left: 16.66667%; + } + + [dir='rtl'] .ms-lgPush2 { + right: 16.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPush1 { + left: 8.33333%; + } + + [dir='rtl'] .ms-lgPush1 { + right: 8.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgPush0 { + left: auto; + } + + [dir='rtl'] .ms-lgPush0 { + right: auto; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgOffset11 { + margin-left: 91.66667%; + } + + [dir='rtl'] .ms-lgOffset11 { + margin-right: 91.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgOffset10 { + margin-left: 83.33333%; + } + + [dir='rtl'] .ms-lgOffset10 { + margin-right: 83.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgOffset9 { + margin-left: 75%; + } + + [dir='rtl'] .ms-lgOffset9 { + margin-right: 75%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgOffset8 { + margin-left: 66.66667%; + } + + [dir='rtl'] .ms-lgOffset8 { + margin-right: 66.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgOffset7 { + margin-left: 58.33333%; + } + + [dir='rtl'] .ms-lgOffset7 { + margin-right: 58.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgOffset6 { + margin-left: 50%; + } + + [dir='rtl'] .ms-lgOffset6 { + margin-right: 50%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgOffset5 { + margin-left: 41.66667%; + } + + [dir='rtl'] .ms-lgOffset5 { + margin-right: 41.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgOffset4 { + margin-left: 33.33333%; + } + + [dir='rtl'] .ms-lgOffset4 { + margin-right: 33.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgOffset3 { + margin-left: 25%; + } + + [dir='rtl'] .ms-lgOffset3 { + margin-right: 25%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgOffset2 { + margin-left: 16.66667%; + } + + [dir='rtl'] .ms-lgOffset2 { + margin-right: 16.66667%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgOffset1 { + margin-left: 8.33333%; + } + + [dir='rtl'] .ms-lgOffset1 { + margin-right: 8.33333%; + } +} + +@media (min-width: 640px) { + [dir='ltr'] .ms-lgOffset0 { + margin-left: 0; + } + + [dir='rtl'] .ms-lgOffset0 { + margin-right: 0; + } +} + +@media (min-width: 1024px) { + .ms-xl12 { + width: 100%; + } +} + +@media (min-width: 1024px) { + .ms-xl11 { + width: 91.66666666666666%; + } +} + +@media (min-width: 1024px) { + .ms-xl10 { + width: 83.33333333333334%; + } +} + +@media (min-width: 1024px) { + .ms-xl9 { + width: 75%; + } +} + +@media (min-width: 1024px) { + .ms-xl8 { + width: 66.66666666666666%; + } +} + +@media (min-width: 1024px) { + .ms-xl7 { + width: 58.333333333333336%; + } +} + +@media (min-width: 1024px) { + .ms-xl6 { + width: 50%; + } +} + +@media (min-width: 1024px) { + .ms-xl5 { + width: 41.66666666666667%; + } +} + +@media (min-width: 1024px) { + .ms-xl4 { + width: 33.33333333333333%; + } +} + +@media (min-width: 1024px) { + .ms-xl3 { + width: 25%; + } +} + +@media (min-width: 1024px) { + .ms-xl2 { + width: 16.666666666666664%; + } +} + +@media (min-width: 1024px) { + .ms-xl1 { + width: 8.333333333333332%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPull12 { + right: 100%; + } + + [dir='rtl'] .ms-xlPull12 { + left: 100%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPull11 { + right: 91.66667%; + } + + [dir='rtl'] .ms-xlPull11 { + left: 91.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPull10 { + right: 83.33333%; + } + + [dir='rtl'] .ms-xlPull10 { + left: 83.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPull9 { + right: 75%; + } + + [dir='rtl'] .ms-xlPull9 { + left: 75%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPull8 { + right: 66.66667%; + } + + [dir='rtl'] .ms-xlPull8 { + left: 66.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPull7 { + right: 58.33333%; + } + + [dir='rtl'] .ms-xlPull7 { + left: 58.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPull6 { + right: 50%; + } + + [dir='rtl'] .ms-xlPull6 { + left: 50%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPull5 { + right: 41.66667%; + } + + [dir='rtl'] .ms-xlPull5 { + left: 41.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPull4 { + right: 33.33333%; + } + + [dir='rtl'] .ms-xlPull4 { + left: 33.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPull3 { + right: 25%; + } + + [dir='rtl'] .ms-xlPull3 { + left: 25%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPull2 { + right: 16.66667%; + } + + [dir='rtl'] .ms-xlPull2 { + left: 16.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPull1 { + right: 8.33333%; + } + + [dir='rtl'] .ms-xlPull1 { + left: 8.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPull0 { + right: auto; + } + + [dir='rtl'] .ms-xlPull0 { + left: auto; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPush12 { + left: 100%; + } + + [dir='rtl'] .ms-xlPush12 { + right: 100%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPush11 { + left: 91.66667%; + } + + [dir='rtl'] .ms-xlPush11 { + right: 91.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPush10 { + left: 83.33333%; + } + + [dir='rtl'] .ms-xlPush10 { + right: 83.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPush9 { + left: 75%; + } + + [dir='rtl'] .ms-xlPush9 { + right: 75%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPush8 { + left: 66.66667%; + } + + [dir='rtl'] .ms-xlPush8 { + right: 66.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPush7 { + left: 58.33333%; + } + + [dir='rtl'] .ms-xlPush7 { + right: 58.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPush6 { + left: 50%; + } + + [dir='rtl'] .ms-xlPush6 { + right: 50%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPush5 { + left: 41.66667%; + } + + [dir='rtl'] .ms-xlPush5 { + right: 41.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPush4 { + left: 33.33333%; + } + + [dir='rtl'] .ms-xlPush4 { + right: 33.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPush3 { + left: 25%; + } + + [dir='rtl'] .ms-xlPush3 { + right: 25%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPush2 { + left: 16.66667%; + } + + [dir='rtl'] .ms-xlPush2 { + right: 16.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPush1 { + left: 8.33333%; + } + + [dir='rtl'] .ms-xlPush1 { + right: 8.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlPush0 { + left: auto; + } + + [dir='rtl'] .ms-xlPush0 { + right: auto; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlOffset11 { + margin-left: 91.66667%; + } + + [dir='rtl'] .ms-xlOffset11 { + margin-right: 91.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlOffset10 { + margin-left: 83.33333%; + } + + [dir='rtl'] .ms-xlOffset10 { + margin-right: 83.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlOffset9 { + margin-left: 75%; + } + + [dir='rtl'] .ms-xlOffset9 { + margin-right: 75%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlOffset8 { + margin-left: 66.66667%; + } + + [dir='rtl'] .ms-xlOffset8 { + margin-right: 66.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlOffset7 { + margin-left: 58.33333%; + } + + [dir='rtl'] .ms-xlOffset7 { + margin-right: 58.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlOffset6 { + margin-left: 50%; + } + + [dir='rtl'] .ms-xlOffset6 { + margin-right: 50%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlOffset5 { + margin-left: 41.66667%; + } + + [dir='rtl'] .ms-xlOffset5 { + margin-right: 41.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlOffset4 { + margin-left: 33.33333%; + } + + [dir='rtl'] .ms-xlOffset4 { + margin-right: 33.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlOffset3 { + margin-left: 25%; + } + + [dir='rtl'] .ms-xlOffset3 { + margin-right: 25%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlOffset2 { + margin-left: 16.66667%; + } + + [dir='rtl'] .ms-xlOffset2 { + margin-right: 16.66667%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlOffset1 { + margin-left: 8.33333%; + } + + [dir='rtl'] .ms-xlOffset1 { + margin-right: 8.33333%; + } +} + +@media (min-width: 1024px) { + [dir='ltr'] .ms-xlOffset0 { + margin-left: 0; + } + + [dir='rtl'] .ms-xlOffset0 { + margin-right: 0; + } +} + +@media (min-width: 1366px) { + .ms-xxl12 { + width: 100%; + } +} + +@media (min-width: 1366px) { + .ms-xxl11 { + width: 91.66666666666666%; + } +} + +@media (min-width: 1366px) { + .ms-xxl10 { + width: 83.33333333333334%; + } +} + +@media (min-width: 1366px) { + .ms-xxl9 { + width: 75%; + } +} + +@media (min-width: 1366px) { + .ms-xxl8 { + width: 66.66666666666666%; + } +} + +@media (min-width: 1366px) { + .ms-xxl7 { + width: 58.333333333333336%; + } +} + +@media (min-width: 1366px) { + .ms-xxl6 { + width: 50%; + } +} + +@media (min-width: 1366px) { + .ms-xxl5 { + width: 41.66666666666667%; + } +} + +@media (min-width: 1366px) { + .ms-xxl4 { + width: 33.33333333333333%; + } +} + +@media (min-width: 1366px) { + .ms-xxl3 { + width: 25%; + } +} + +@media (min-width: 1366px) { + .ms-xxl2 { + width: 16.666666666666664%; + } +} + +@media (min-width: 1366px) { + .ms-xxl1 { + width: 8.333333333333332%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPull12 { + right: 100%; + } + + [dir='rtl'] .ms-xxlPull12 { + left: 100%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPull11 { + right: 91.66667%; + } + + [dir='rtl'] .ms-xxlPull11 { + left: 91.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPull10 { + right: 83.33333%; + } + + [dir='rtl'] .ms-xxlPull10 { + left: 83.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPull9 { + right: 75%; + } + + [dir='rtl'] .ms-xxlPull9 { + left: 75%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPull8 { + right: 66.66667%; + } + + [dir='rtl'] .ms-xxlPull8 { + left: 66.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPull7 { + right: 58.33333%; + } + + [dir='rtl'] .ms-xxlPull7 { + left: 58.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPull6 { + right: 50%; + } + + [dir='rtl'] .ms-xxlPull6 { + left: 50%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPull5 { + right: 41.66667%; + } + + [dir='rtl'] .ms-xxlPull5 { + left: 41.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPull4 { + right: 33.33333%; + } + + [dir='rtl'] .ms-xxlPull4 { + left: 33.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPull3 { + right: 25%; + } + + [dir='rtl'] .ms-xxlPull3 { + left: 25%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPull2 { + right: 16.66667%; + } + + [dir='rtl'] .ms-xxlPull2 { + left: 16.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPull1 { + right: 8.33333%; + } + + [dir='rtl'] .ms-xxlPull1 { + left: 8.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPull0 { + right: auto; + } + + [dir='rtl'] .ms-xxlPull0 { + left: auto; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPush12 { + left: 100%; + } + + [dir='rtl'] .ms-xxlPush12 { + right: 100%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPush11 { + left: 91.66667%; + } + + [dir='rtl'] .ms-xxlPush11 { + right: 91.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPush10 { + left: 83.33333%; + } + + [dir='rtl'] .ms-xxlPush10 { + right: 83.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPush9 { + left: 75%; + } + + [dir='rtl'] .ms-xxlPush9 { + right: 75%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPush8 { + left: 66.66667%; + } + + [dir='rtl'] .ms-xxlPush8 { + right: 66.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPush7 { + left: 58.33333%; + } + + [dir='rtl'] .ms-xxlPush7 { + right: 58.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPush6 { + left: 50%; + } + + [dir='rtl'] .ms-xxlPush6 { + right: 50%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPush5 { + left: 41.66667%; + } + + [dir='rtl'] .ms-xxlPush5 { + right: 41.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPush4 { + left: 33.33333%; + } + + [dir='rtl'] .ms-xxlPush4 { + right: 33.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPush3 { + left: 25%; + } + + [dir='rtl'] .ms-xxlPush3 { + right: 25%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPush2 { + left: 16.66667%; + } + + [dir='rtl'] .ms-xxlPush2 { + right: 16.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPush1 { + left: 8.33333%; + } + + [dir='rtl'] .ms-xxlPush1 { + right: 8.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlPush0 { + left: auto; + } + + [dir='rtl'] .ms-xxlPush0 { + right: auto; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlOffset11 { + margin-left: 91.66667%; + } + + [dir='rtl'] .ms-xxlOffset11 { + margin-right: 91.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlOffset10 { + margin-left: 83.33333%; + } + + [dir='rtl'] .ms-xxlOffset10 { + margin-right: 83.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlOffset9 { + margin-left: 75%; + } + + [dir='rtl'] .ms-xxlOffset9 { + margin-right: 75%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlOffset8 { + margin-left: 66.66667%; + } + + [dir='rtl'] .ms-xxlOffset8 { + margin-right: 66.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlOffset7 { + margin-left: 58.33333%; + } + + [dir='rtl'] .ms-xxlOffset7 { + margin-right: 58.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlOffset6 { + margin-left: 50%; + } + + [dir='rtl'] .ms-xxlOffset6 { + margin-right: 50%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlOffset5 { + margin-left: 41.66667%; + } + + [dir='rtl'] .ms-xxlOffset5 { + margin-right: 41.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlOffset4 { + margin-left: 33.33333%; + } + + [dir='rtl'] .ms-xxlOffset4 { + margin-right: 33.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlOffset3 { + margin-left: 25%; + } + + [dir='rtl'] .ms-xxlOffset3 { + margin-right: 25%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlOffset2 { + margin-left: 16.66667%; + } + + [dir='rtl'] .ms-xxlOffset2 { + margin-right: 16.66667%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlOffset1 { + margin-left: 8.33333%; + } + + [dir='rtl'] .ms-xxlOffset1 { + margin-right: 8.33333%; + } +} + +@media (min-width: 1366px) { + [dir='ltr'] .ms-xxlOffset0 { + margin-left: 0; + } + + [dir='rtl'] .ms-xxlOffset0 { + margin-right: 0; + } +} + +@media (min-width: 1920px) { + .ms-xxxl12 { + width: 100%; + } +} + +@media (min-width: 1920px) { + .ms-xxxl11 { + width: 91.66666666666666%; + } +} + +@media (min-width: 1920px) { + .ms-xxxl10 { + width: 83.33333333333334%; + } +} + +@media (min-width: 1920px) { + .ms-xxxl9 { + width: 75%; + } +} + +@media (min-width: 1920px) { + .ms-xxxl8 { + width: 66.66666666666666%; + } +} + +@media (min-width: 1920px) { + .ms-xxxl7 { + width: 58.333333333333336%; + } +} + +@media (min-width: 1920px) { + .ms-xxxl6 { + width: 50%; + } +} + +@media (min-width: 1920px) { + .ms-xxxl5 { + width: 41.66666666666667%; + } +} + +@media (min-width: 1920px) { + .ms-xxxl4 { + width: 33.33333333333333%; + } +} + +@media (min-width: 1920px) { + .ms-xxxl3 { + width: 25%; + } +} + +@media (min-width: 1920px) { + .ms-xxxl2 { + width: 16.666666666666664%; + } +} + +@media (min-width: 1920px) { + .ms-xxxl1 { + width: 8.333333333333332%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPull12 { + right: 100%; + } + + [dir='rtl'] .ms-xxxlPull12 { + left: 100%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPull11 { + right: 91.66667%; + } + + [dir='rtl'] .ms-xxxlPull11 { + left: 91.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPull10 { + right: 83.33333%; + } + + [dir='rtl'] .ms-xxxlPull10 { + left: 83.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPull9 { + right: 75%; + } + + [dir='rtl'] .ms-xxxlPull9 { + left: 75%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPull8 { + right: 66.66667%; + } + + [dir='rtl'] .ms-xxxlPull8 { + left: 66.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPull7 { + right: 58.33333%; + } + + [dir='rtl'] .ms-xxxlPull7 { + left: 58.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPull6 { + right: 50%; + } + + [dir='rtl'] .ms-xxxlPull6 { + left: 50%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPull5 { + right: 41.66667%; + } + + [dir='rtl'] .ms-xxxlPull5 { + left: 41.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPull4 { + right: 33.33333%; + } + + [dir='rtl'] .ms-xxxlPull4 { + left: 33.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPull3 { + right: 25%; + } + + [dir='rtl'] .ms-xxxlPull3 { + left: 25%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPull2 { + right: 16.66667%; + } + + [dir='rtl'] .ms-xxxlPull2 { + left: 16.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPull1 { + right: 8.33333%; + } + + [dir='rtl'] .ms-xxxlPull1 { + left: 8.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPull0 { + right: auto; + } + + [dir='rtl'] .ms-xxxlPull0 { + left: auto; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPush12 { + left: 100%; + } + + [dir='rtl'] .ms-xxxlPush12 { + right: 100%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPush11 { + left: 91.66667%; + } + + [dir='rtl'] .ms-xxxlPush11 { + right: 91.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPush10 { + left: 83.33333%; + } + + [dir='rtl'] .ms-xxxlPush10 { + right: 83.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPush9 { + left: 75%; + } + + [dir='rtl'] .ms-xxxlPush9 { + right: 75%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPush8 { + left: 66.66667%; + } + + [dir='rtl'] .ms-xxxlPush8 { + right: 66.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPush7 { + left: 58.33333%; + } + + [dir='rtl'] .ms-xxxlPush7 { + right: 58.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPush6 { + left: 50%; + } + + [dir='rtl'] .ms-xxxlPush6 { + right: 50%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPush5 { + left: 41.66667%; + } + + [dir='rtl'] .ms-xxxlPush5 { + right: 41.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPush4 { + left: 33.33333%; + } + + [dir='rtl'] .ms-xxxlPush4 { + right: 33.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPush3 { + left: 25%; + } + + [dir='rtl'] .ms-xxxlPush3 { + right: 25%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPush2 { + left: 16.66667%; + } + + [dir='rtl'] .ms-xxxlPush2 { + right: 16.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPush1 { + left: 8.33333%; + } + + [dir='rtl'] .ms-xxxlPush1 { + right: 8.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlPush0 { + left: auto; + } + + [dir='rtl'] .ms-xxxlPush0 { + right: auto; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlOffset11 { + margin-left: 91.66667%; + } + + [dir='rtl'] .ms-xxxlOffset11 { + margin-right: 91.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlOffset10 { + margin-left: 83.33333%; + } + + [dir='rtl'] .ms-xxxlOffset10 { + margin-right: 83.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlOffset9 { + margin-left: 75%; + } + + [dir='rtl'] .ms-xxxlOffset9 { + margin-right: 75%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlOffset8 { + margin-left: 66.66667%; + } + + [dir='rtl'] .ms-xxxlOffset8 { + margin-right: 66.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlOffset7 { + margin-left: 58.33333%; + } + + [dir='rtl'] .ms-xxxlOffset7 { + margin-right: 58.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlOffset6 { + margin-left: 50%; + } + + [dir='rtl'] .ms-xxxlOffset6 { + margin-right: 50%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlOffset5 { + margin-left: 41.66667%; + } + + [dir='rtl'] .ms-xxxlOffset5 { + margin-right: 41.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlOffset4 { + margin-left: 33.33333%; + } + + [dir='rtl'] .ms-xxxlOffset4 { + margin-right: 33.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlOffset3 { + margin-left: 25%; + } + + [dir='rtl'] .ms-xxxlOffset3 { + margin-right: 25%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlOffset2 { + margin-left: 16.66667%; + } + + [dir='rtl'] .ms-xxxlOffset2 { + margin-right: 16.66667%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlOffset1 { + margin-left: 8.33333%; + } + + [dir='rtl'] .ms-xxxlOffset1 { + margin-right: 8.33333%; + } +} + +@media (min-width: 1920px) { + [dir='ltr'] .ms-xxxlOffset0 { + margin-left: 0; + } + + [dir='rtl'] .ms-xxxlOffset0 { + margin-right: 0; + } +} + +.ms-borderBox, +.ms-borderBox::before, +.ms-borderBox::after { + box-sizing: border-box; +} + +.ms-borderBase { + border: 1px solid; +} + +.ms-clearfix { + *zoom: 1; +} + +.ms-clearfix::before, +.ms-clearfix::after { + display: table; + content: ''; + line-height: 0; +} + +.ms-clearfix::after { + clear: both; +} + +.ms-normalize { + box-sizing: border-box; + box-shadow: none; + margin: 0; + padding: 0; +} + +[dir='ltr'] .ms-textAlignLeft { + text-align: left; +} + +[dir='rtl'] .ms-textAlignLeft { + text-align: right; +} + +[dir='ltr'] .ms-textAlignRight { + text-align: right; +} + +[dir='rtl'] .ms-textAlignRight { + text-align: left; +} + +.ms-textAlignCenter { + text-align: center; +} + +.ms-screenReaderOnly { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} + +.ms-textTruncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + word-wrap: normal; +} + +.ms-noWrap { + white-space: nowrap; +} + +.ms-Fabric { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + color: #333333; + font-family: 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; + font-size: 14px; +} + +.ms-Fabric button, +.ms-Fabric input, +.ms-Fabric textarea { + font-family: inherit; +} + +*[lang^='ar'] .ms-Fabric, +.ms-Fabric *[lang^='ar'], +.ms-Fabric[lang^='ar'] { + font-family: 'Segoe UI Web (Arabic)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='bg'] .ms-Fabric, +.ms-Fabric *[lang^='bg'], +.ms-Fabric[lang^='bg'] { + font-family: 'Segoe UI Web (Cyrillic)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='cs'] .ms-Fabric, +.ms-Fabric *[lang^='cs'], +.ms-Fabric[lang^='cs'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='el'] .ms-Fabric, +.ms-Fabric *[lang^='el'], +.ms-Fabric[lang^='el'] { + font-family: 'Segoe UI Web (Greek)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='et'] .ms-Fabric, +.ms-Fabric *[lang^='et'], +.ms-Fabric[lang^='et'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='he'] .ms-Fabric, +.ms-Fabric *[lang^='he'], +.ms-Fabric[lang^='he'] { + font-family: 'Segoe UI Web (Hebrew)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='hi'] .ms-Fabric, +.ms-Fabric *[lang^='hi'], +.ms-Fabric[lang^='hi'] { + font-family: 'Nirmala UI', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='hr'] .ms-Fabric, +.ms-Fabric *[lang^='hr'], +.ms-Fabric[lang^='hr'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='hu'] .ms-Fabric, +.ms-Fabric *[lang^='hu'], +.ms-Fabric[lang^='hu'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='ja'] .ms-Fabric, +.ms-Fabric *[lang^='ja'], +.ms-Fabric[lang^='ja'] { + font-family: 'Yu Gothic UI', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka, 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='kk'] .ms-Fabric, +.ms-Fabric *[lang^='kk'], +.ms-Fabric[lang^='kk'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='ko'] .ms-Fabric, +.ms-Fabric *[lang^='ko'], +.ms-Fabric[lang^='ko'] { + font-family: 'Malgun Gothic', Gulim, 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='lo'] .ms-Fabric, +.ms-Fabric *[lang^='lo'], +.ms-Fabric[lang^='lo'] { + font-family: 'Leelawadee UI Web', 'Lao UI', DokChampa, 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='lt'] .ms-Fabric, +.ms-Fabric *[lang^='lt'], +.ms-Fabric[lang^='lt'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='lv'] .ms-Fabric, +.ms-Fabric *[lang^='lv'], +.ms-Fabric[lang^='lv'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='pl'] .ms-Fabric, +.ms-Fabric *[lang^='pl'], +.ms-Fabric[lang^='pl'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='ru'] .ms-Fabric, +.ms-Fabric *[lang^='ru'], +.ms-Fabric[lang^='ru'] { + font-family: 'Segoe UI Web (Cyrillic)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='sk'] .ms-Fabric, +.ms-Fabric *[lang^='sk'], +.ms-Fabric[lang^='sk'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='sr-latn'] .ms-Fabric, +.ms-Fabric *[lang^='sr-latn'], +.ms-Fabric[lang^='sr-latn'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='th'] .ms-Fabric, +.ms-Fabric *[lang^='th'], +.ms-Fabric[lang^='th'] { + font-family: 'Leelawadee UI Web', 'Kmer UI', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='tr'] .ms-Fabric, +.ms-Fabric *[lang^='tr'], +.ms-Fabric[lang^='tr'] { + font-family: 'Segoe UI Web (East European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='uk'] .ms-Fabric, +.ms-Fabric *[lang^='uk'], +.ms-Fabric[lang^='uk'] { + font-family: 'Segoe UI Web (Cyrillic)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='vi'] .ms-Fabric, +.ms-Fabric *[lang^='vi'], +.ms-Fabric[lang^='vi'] { + font-family: 'Segoe UI Web (Vietnamese)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='zh-hans'] .ms-Fabric, +.ms-Fabric *[lang^='zh-hans'], +.ms-Fabric[lang^='zh-hans'] { + font-family: 'Microsoft Yahei UI', Verdana, Simsun, 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +*[lang^='zh-hant'] .ms-Fabric, +.ms-Fabric *[lang^='zh-hant'], +.ms-Fabric[lang^='zh-hant'] { + font-family: 'Microsoft Jhenghei UI', Pmingliu, 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} + +.ms-Fabric--selawik { + font-family: 'Selawik Web', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif; +} diff --git a/dist/css/fabric.min.css b/dist/css/fabric.min.css new file mode 100644 index 000000000..8597c5c70 --- /dev/null +++ b/dist/css/fabric.min.css @@ -0,0 +1,6 @@ +/* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. */ +/** + * Office UI Fabric Core 9.5.0 + * The front-end framework for building experiences for Office 365. + **/ +@charset "UTF-8";@keyframes ms-slideRightIn10{0%{transform:translate3d(-10px,0,0)}to{transform:translateZ(0)}}@keyframes ms-slideRightIn20{0%{transform:translate3d(-20px,0,0)}to{transform:translateZ(0)}}@keyframes ms-slideRightIn40{0%{transform:translate3d(-40px,0,0)}to{transform:translateZ(0)}}@keyframes ms-slideRightIn400{0%{transform:translate3d(-400px,0,0)}to{transform:translateZ(0)}}@keyframes ms-slideRightOut40{0%{transform:translateZ(0)}to{transform:translate3d(40px,0,0)}}@keyframes ms-slideRightOut400{0%{transform:translateZ(0)}to{transform:translate3d(400px,0,0)}}@keyframes ms-slideLeftIn10{0%{transform:translate3d(10px,0,0)}to{transform:translateZ(0)}}@keyframes ms-slideLeftIn20{0%{transform:translate3d(20px,0,0)}to{transform:translateZ(0)}}@keyframes ms-slideLeftIn40{0%{transform:translate3d(40px,0,0)}to{transform:translateZ(0)}}@keyframes ms-slideLeftIn400{0%{transform:translate3d(400px,0,0)}to{transform:translateZ(0)}}@keyframes ms-slideLeftOut40{0%{transform:translateZ(0)}to{transform:translate3d(-40px,0,0)}}@keyframes ms-slideLeftOut400{0%{transform:translateZ(0)}to{transform:translate3d(-400px,0,0)}}@keyframes ms-slideUpIn10{0%{transform:translate3d(0,10px,0)}to{transform:translateZ(0)}}@keyframes ms-slideUpIn20{0%{transform:translate3d(0,20px,0)}to{transform:translateZ(0)}}@keyframes ms-slideDownIn10{0%{transform:translate3d(0,-10px,0)}to{transform:translateZ(0)}}@keyframes ms-slideDownIn20{0%{transform:translate3d(0,-20px,0)}to{transform:translateZ(0)}}@keyframes ms-slideUpOut10{0%{transform:translateZ(0)}to{transform:translate3d(0,-10px,0)}}@keyframes ms-slideUpOut20{0%{transform:translateZ(0)}to{transform:translate3d(0,-20px,0)}}@keyframes ms-slideDownOut10{0%{transform:translateZ(0)}to{transform:translate3d(0,10px,0)}}@keyframes ms-slideDownOut20{0%{transform:translateZ(0)}to{transform:translate3d(0,20px,0)}}@keyframes ms-scaleUp100{0%{transform:scale3d(.98,.98,1)}to{transform:scaleX(1)}}@keyframes ms-scaleUp103{0%{transform:scaleX(1)}to{transform:scale3d(1.03,1.03,1)}}@keyframes ms-scaleDown98{0%{transform:scaleX(1)}to{transform:scale3d(.98,.98,1)}}@keyframes ms-scaleDown100{0%{transform:scale3d(1.03,1.03,1)}to{transform:scaleX(1)}}@keyframes ms-fadeIn{0%{opacity:0;animation-timing-function:cubic-bezier(.1,.25,.75,.9)}to{opacity:1}}@keyframes ms-fadeOut{0%{opacity:1;animation-timing-function:cubic-bezier(.1,.25,.75,.9)}to{opacity:0}}@keyframes ms-rotate90{0%{transform:rotate(0deg)}to{transform:rotate(90deg)}}@keyframes ms-rotateN90{0%{transform:rotate(90deg)}to{transform:rotate(0deg)}}[dir=ltr] .ms-slideRightIn10{animation-name:ms-fadeIn,ms-slideRightIn10;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideRightIn10{animation:none}}[dir=rtl] .ms-slideRightIn10{animation-name:ms-fadeIn,ms-slideLeftIn10;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideRightIn10{animation:none}}[dir=ltr] .ms-slideRightIn20{animation-name:ms-fadeIn,ms-slideRightIn20;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideRightIn20{animation:none}}[dir=rtl] .ms-slideRightIn20{animation-name:ms-fadeIn,ms-slideLeftIn20;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideRightIn20{animation:none}}[dir=ltr] .ms-slideRightIn40{animation-name:ms-fadeIn,ms-slideRightIn40;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideRightIn40{animation:none}}[dir=rtl] .ms-slideRightIn40{animation-name:ms-fadeIn,ms-slideLeftIn40;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideRightIn40{animation:none}}[dir=ltr] .ms-slideRightIn400{animation-name:ms-fadeIn,ms-slideRightIn400;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideRightIn400{animation:none}}[dir=rtl] .ms-slideRightIn400{animation-name:ms-fadeIn,ms-slideLeftIn400;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideRightIn400{animation:none}}[dir=ltr] .ms-slideRightOut40{animation-name:ms-fadeOut,ms-slideRightOut40;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideRightOut40{animation:none}}[dir=rtl] .ms-slideRightOut40{animation-name:ms-fadeOut,ms-slideLeftOut40;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideRightOut40{animation:none}}[dir=ltr] .ms-slideRightOut400{animation-name:ms-fadeOut,ms-slideRightOut400;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideRightOut400{animation:none}}[dir=rtl] .ms-slideRightOut400{animation-name:ms-fadeOut,ms-slideLeftOut400;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideRightOut400{animation:none}}[dir=ltr] .ms-slideLeftIn10{animation-name:ms-fadeIn,ms-slideLeftIn10;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideLeftIn10{animation:none}}[dir=rtl] .ms-slideLeftIn10{animation-name:ms-fadeIn,ms-slideRightIn10;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideLeftIn10{animation:none}}[dir=ltr] .ms-slideLeftIn20{animation-name:ms-fadeIn,ms-slideLeftIn20;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideLeftIn20{animation:none}}[dir=rtl] .ms-slideLeftIn20{animation-name:ms-fadeIn,ms-slideRightIn20;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideLeftIn20{animation:none}}[dir=ltr] .ms-slideLeftIn40{animation-name:ms-fadeIn,ms-slideLeftIn40;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideLeftIn40{animation:none}}[dir=rtl] .ms-slideLeftIn40{animation-name:ms-fadeIn,ms-slideRightIn40;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideLeftIn40{animation:none}}[dir=ltr] .ms-slideLeftIn400{animation-name:ms-fadeIn,ms-slideLeftIn400;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideLeftIn400{animation:none}}[dir=rtl] .ms-slideLeftIn400{animation-name:ms-fadeIn,ms-slideRightIn400;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideLeftIn400{animation:none}}[dir=ltr] .ms-slideLeftOut40{animation-name:ms-fadeOut,ms-slideLeftOut40;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideLeftOut40{animation:none}}[dir=rtl] .ms-slideLeftOut40{animation-name:ms-fadeOut,ms-slideRightOut40;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideLeftOut40{animation:none}}[dir=ltr] .ms-slideLeftOut400{animation-name:ms-fadeOut,ms-slideLeftOut400;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-slideLeftOut400{animation:none}}[dir=rtl] .ms-slideLeftOut400{animation-name:ms-fadeOut,ms-slideRightOut400;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-slideLeftOut400{animation:none}}.ms-slideUpIn10{animation-name:ms-fadeIn,ms-slideUpIn10;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideUpIn10{animation:none}}.ms-slideUpIn20{animation-name:ms-fadeIn,ms-slideUpIn20;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideUpIn20{animation:none}}.ms-slideDownIn10{animation-name:ms-fadeIn,ms-slideDownIn10;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideDownIn10{animation:none}}.ms-slideDownIn20{animation-name:ms-fadeIn,ms-slideDownIn20;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideDownIn20{animation:none}}.ms-slideUpOut10{animation-name:ms-fadeOut,ms-slideUpOut10;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideUpOut10{animation:none}}.ms-slideUpOut20{animation-name:ms-fadeOut,ms-slideUpOut20;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideUpOut20{animation:none}}.ms-slideDownOut10{animation-name:ms-fadeOut,ms-slideDownOut10;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideDownOut10{animation:none}}.ms-slideDownOut20{animation-name:ms-fadeOut,ms-slideDownOut20;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideDownOut20{animation:none}}.ms-scaleUpIn100{animation-name:ms-fadeIn,ms-scaleUp100;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-scaleUpIn100{animation:none}}.ms-scaleUpOut103{animation-name:ms-fadeOut,ms-scaleUp103;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-scaleUpOut103{animation:none}}.ms-scaleDownOut98{animation-name:ms-fadeOut,ms-scaleDown98;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-scaleDownOut98{animation:none}}.ms-scaleDownIn100{animation-name:ms-fadeIn,ms-scaleDown100;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-scaleDownIn100{animation:none}}.ms-fadeIn100{animation-name:ms-fadeIn;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-fadeIn100{animation:none}}.ms-fadeIn200{animation-name:ms-fadeIn;animation-duration:.267s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-fadeIn200{animation:none}}.ms-fadeIn400{animation-name:ms-fadeIn;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-fadeIn400{animation:none}}.ms-fadeIn500{animation-name:ms-fadeIn;animation-duration:.467s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-fadeIn500{animation:none}}.ms-fadeOut100{animation-name:ms-fadeOut;animation-duration:.1s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-fadeOut100{animation:none}}.ms-fadeOut200{animation-name:ms-fadeOut;animation-duration:.167s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-fadeOut200{animation:none}}.ms-fadeOut400{animation-name:ms-fadeOut;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-fadeOut400{animation:none}}.ms-fadeOut500{animation-name:ms-fadeOut;animation-duration:.467s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-fadeOut500{animation:none}}.ms-expandCollapse100{transition:height .1s cubic-bezier(.1,.25,.75,.9)}@media (prefers-reduced-motion:reduce){.ms-expandCollapse100{transition:none}}.ms-expandCollapse200{transition:height .167s cubic-bezier(.1,.25,.75,.9)}@media (prefers-reduced-motion:reduce){.ms-expandCollapse200{transition:none}}.ms-expandCollapse400{transition:height .367s cubic-bezier(.1,.25,.75,.9)}@media (prefers-reduced-motion:reduce){.ms-expandCollapse400{transition:none}}.ms-delay100{animation-delay:.167s}.ms-delay200{animation-delay:.267s}[dir=ltr] .ms-rotate90deg{animation-name:ms-rotate90;animation-duration:.1s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-rotate90deg{animation:none}}[dir=rtl] .ms-rotate90deg{animation-name:ms-rotateN90;animation-duration:.1s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-rotate90deg{animation:none}}[dir=ltr] .ms-rotateN90deg{animation-name:ms-rotateN90;animation-duration:.1s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=ltr] .ms-rotateN90deg{animation:none}}[dir=rtl] .ms-rotateN90deg{animation-name:ms-rotate90;animation-duration:.1s;animation-timing-function:cubic-bezier(.1,.25,.75,.9);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){[dir=rtl] .ms-rotateN90deg{animation:none}}.ms-BrandIcon--access.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x1.png)}.ms-BrandIcon--access.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x1.png)}.ms-BrandIcon--access.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x1.png)}.ms-BrandIcon--excel.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x1.png)}.ms-BrandIcon--excel.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x1.png)}.ms-BrandIcon--excel.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x1.png)}.ms-BrandIcon--infopath.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x1.png)}.ms-BrandIcon--infopath.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x1.png)}.ms-BrandIcon--infopath.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x1.png)}.ms-BrandIcon--office.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x1.png)}.ms-BrandIcon--office.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x1.png)}.ms-BrandIcon--office.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x1.png)}.ms-BrandIcon--onedrive.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x1.png)}.ms-BrandIcon--onedrive.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x1.png)}.ms-BrandIcon--onedrive.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x1.png)}.ms-BrandIcon--onenote.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x1.png)}.ms-BrandIcon--onenote.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x1.png)}.ms-BrandIcon--onenote.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x1.png)}.ms-BrandIcon--outlook.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x1.png)}.ms-BrandIcon--outlook.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x1.png)}.ms-BrandIcon--outlook.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x1.png)}.ms-BrandIcon--powerpoint.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x1.png)}.ms-BrandIcon--powerpoint.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x1.png)}.ms-BrandIcon--powerpoint.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x1.png)}.ms-BrandIcon--project.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x1.png)}.ms-BrandIcon--project.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x1.png)}.ms-BrandIcon--project.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x1.png)}.ms-BrandIcon--sharepoint.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x1.png)}.ms-BrandIcon--sharepoint.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x1.png)}.ms-BrandIcon--sharepoint.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x1.png)}.ms-BrandIcon--visio.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x1.png)}.ms-BrandIcon--visio.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x1.png)}.ms-BrandIcon--visio.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x1.png)}.ms-BrandIcon--word.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x1.png)}.ms-BrandIcon--word.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x1.png)}.ms-BrandIcon--word.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x1.png)}.ms-BrandIcon--accdb.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/accdb.png)}.ms-BrandIcon--accdb.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/accdb.png)}.ms-BrandIcon--accdb.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/accdb.png)}.ms-BrandIcon--archive.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/archive.png)}.ms-BrandIcon--archive.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/archive.png)}.ms-BrandIcon--archive.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/archive.png)}.ms-BrandIcon--audio.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/audio.png)}.ms-BrandIcon--audio.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/audio.png)}.ms-BrandIcon--audio.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/audio.png)}.ms-BrandIcon--code.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/code.png)}.ms-BrandIcon--code.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/code.png)}.ms-BrandIcon--code.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/code.png)}.ms-BrandIcon--csv.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/csv.png)}.ms-BrandIcon--csv.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/csv.png)}.ms-BrandIcon--csv.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/csv.png)}.ms-BrandIcon--docset.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/docset.png)}.ms-BrandIcon--docset.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/docset.png)}.ms-BrandIcon--docset.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/docset.png)}.ms-BrandIcon--docx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/docx.png)}.ms-BrandIcon--docx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/docx.png)}.ms-BrandIcon--docx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/docx.png)}.ms-BrandIcon--dotx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/dotx.png)}.ms-BrandIcon--dotx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/dotx.png)}.ms-BrandIcon--dotx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/dotx.png)}.ms-BrandIcon--email.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/email.png)}.ms-BrandIcon--email.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/email.png)}.ms-BrandIcon--email.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/email.png)}.ms-BrandIcon--exe.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/exe.png)}.ms-BrandIcon--exe.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/exe.png)}.ms-BrandIcon--exe.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/exe.png)}.ms-BrandIcon--folder.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/folder.png)}.ms-BrandIcon--folder.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/folder.png)}.ms-BrandIcon--folder.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/folder.png)}.ms-BrandIcon--font.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/font.png)}.ms-BrandIcon--font.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/font.png)}.ms-BrandIcon--font.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/font.png)}.ms-BrandIcon--genericfile.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/genericfile.png)}.ms-BrandIcon--genericfile.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/genericfile.png)}.ms-BrandIcon--genericfile.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/genericfile.png)}.ms-BrandIcon--html.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/html.png)}.ms-BrandIcon--html.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/html.png)}.ms-BrandIcon--html.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/html.png)}.ms-BrandIcon--link.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/link.png)}.ms-BrandIcon--link.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/link.png)}.ms-BrandIcon--link.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/link.png)}.ms-BrandIcon--listitem.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/listitem.png)}.ms-BrandIcon--listitem.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/listitem.png)}.ms-BrandIcon--listitem.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/listitem.png)}.ms-BrandIcon--model.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/model.png)}.ms-BrandIcon--model.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/model.png)}.ms-BrandIcon--model.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/model.png)}.ms-BrandIcon--mpp.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/mpp.png)}.ms-BrandIcon--mpp.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/mpp.png)}.ms-BrandIcon--mpp.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/mpp.png)}.ms-BrandIcon--mpt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/mpt.png)}.ms-BrandIcon--mpt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/mpt.png)}.ms-BrandIcon--mpt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/mpt.png)}.ms-BrandIcon--odp.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/odp.png)}.ms-BrandIcon--odp.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/odp.png)}.ms-BrandIcon--odp.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/odp.png)}.ms-BrandIcon--ods.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/ods.png)}.ms-BrandIcon--ods.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/ods.png)}.ms-BrandIcon--ods.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/ods.png)}.ms-BrandIcon--odt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/odt.png)}.ms-BrandIcon--odt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/odt.png)}.ms-BrandIcon--odt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/odt.png)}.ms-BrandIcon--one.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/one.png)}.ms-BrandIcon--one.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/one.png)}.ms-BrandIcon--one.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/one.png)}.ms-BrandIcon--onetoc.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/onetoc.png)}.ms-BrandIcon--onetoc.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/onetoc.png)}.ms-BrandIcon--onetoc.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/onetoc.png)}.ms-BrandIcon--pdf.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/pdf.png)}.ms-BrandIcon--pdf.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/pdf.png)}.ms-BrandIcon--pdf.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/pdf.png)}.ms-BrandIcon--photo.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/photo.png)}.ms-BrandIcon--photo.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/photo.png)}.ms-BrandIcon--photo.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/photo.png)}.ms-BrandIcon--potx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/potx.png)}.ms-BrandIcon--potx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/potx.png)}.ms-BrandIcon--potx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/potx.png)}.ms-BrandIcon--ppsx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/ppsx.png)}.ms-BrandIcon--ppsx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/ppsx.png)}.ms-BrandIcon--ppsx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/ppsx.png)}.ms-BrandIcon--pptx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/pptx.png)}.ms-BrandIcon--pptx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/pptx.png)}.ms-BrandIcon--pptx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/pptx.png)}.ms-BrandIcon--pub.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/pub.png)}.ms-BrandIcon--pub.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/pub.png)}.ms-BrandIcon--pub.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/pub.png)}.ms-BrandIcon--rtf.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/rtf.png)}.ms-BrandIcon--rtf.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/rtf.png)}.ms-BrandIcon--rtf.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/rtf.png)}.ms-BrandIcon--sharedfolder.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/sharedfolder.png)}.ms-BrandIcon--sharedfolder.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/sharedfolder.png)}.ms-BrandIcon--sharedfolder.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/sharedfolder.png)}.ms-BrandIcon--spo.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/spo.png)}.ms-BrandIcon--spo.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/spo.png)}.ms-BrandIcon--spo.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/spo.png)}.ms-BrandIcon--sysfile.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/sysfile.png)}.ms-BrandIcon--sysfile.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/sysfile.png)}.ms-BrandIcon--sysfile.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/sysfile.png)}.ms-BrandIcon--txt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/txt.png)}.ms-BrandIcon--txt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/txt.png)}.ms-BrandIcon--txt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/txt.png)}.ms-BrandIcon--vector.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/vector.png)}.ms-BrandIcon--vector.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/vector.png)}.ms-BrandIcon--vector.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/vector.png)}.ms-BrandIcon--video.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/video.png)}.ms-BrandIcon--video.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/video.png)}.ms-BrandIcon--video.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/video.png)}.ms-BrandIcon--vsdx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/vsdx.png)}.ms-BrandIcon--vsdx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/vsdx.png)}.ms-BrandIcon--vsdx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/vsdx.png)}.ms-BrandIcon--vssx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/vssx.png)}.ms-BrandIcon--vssx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/vssx.png)}.ms-BrandIcon--vssx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/vssx.png)}.ms-BrandIcon--vstx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/vstx.png)}.ms-BrandIcon--vstx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/vstx.png)}.ms-BrandIcon--vstx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/vstx.png)}.ms-BrandIcon--xlsx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xlsx.png)}.ms-BrandIcon--xlsx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xlsx.png)}.ms-BrandIcon--xlsx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xlsx.png)}.ms-BrandIcon--xltx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xltx.png)}.ms-BrandIcon--xltx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xltx.png)}.ms-BrandIcon--xltx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xltx.png)}.ms-BrandIcon--xml.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xml.png)}.ms-BrandIcon--xml.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xml.png)}.ms-BrandIcon--xml.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xml.png)}.ms-BrandIcon--xsn.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xsn.png)}.ms-BrandIcon--xsn.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xsn.png)}.ms-BrandIcon--xsn.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xsn.png)}.ms-BrandIcon--zip.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/zip.png)}.ms-BrandIcon--zip.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/zip.png)}.ms-BrandIcon--zip.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/zip.png)}.ms-BrandIcon--icon16{background-size:100% 100%;width:16px;height:16px}.ms-BrandIcon--icon48{background-size:100% 100%;width:48px;height:48px}.ms-BrandIcon--icon96{background-size:100% 100%;width:96px;height:96px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi){.ms-BrandIcon--access.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x1_5.png)}.ms-BrandIcon--access.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x1_5.png)}.ms-BrandIcon--access.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x1_5.png)}.ms-BrandIcon--excel.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x1_5.png)}.ms-BrandIcon--excel.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x1_5.png)}.ms-BrandIcon--excel.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x1_5.png)}.ms-BrandIcon--infopath.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x1_5.png)}.ms-BrandIcon--infopath.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x1_5.png)}.ms-BrandIcon--infopath.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x1_5.png)}.ms-BrandIcon--office.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x1_5.png)}.ms-BrandIcon--office.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x1_5.png)}.ms-BrandIcon--office.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x1_5.png)}.ms-BrandIcon--onedrive.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x1_5.png)}.ms-BrandIcon--onedrive.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x1_5.png)}.ms-BrandIcon--onedrive.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x1_5.png)}.ms-BrandIcon--onenote.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x1_5.png)}.ms-BrandIcon--onenote.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x1_5.png)}.ms-BrandIcon--onenote.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x1_5.png)}.ms-BrandIcon--outlook.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x1_5.png)}.ms-BrandIcon--outlook.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x1_5.png)}.ms-BrandIcon--outlook.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x1_5.png)}.ms-BrandIcon--powerpoint.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x1_5.png)}.ms-BrandIcon--powerpoint.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x1_5.png)}.ms-BrandIcon--powerpoint.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x1_5.png)}.ms-BrandIcon--project.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x1_5.png)}.ms-BrandIcon--project.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x1_5.png)}.ms-BrandIcon--project.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x1_5.png)}.ms-BrandIcon--sharepoint.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x1_5.png)}.ms-BrandIcon--sharepoint.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x1_5.png)}.ms-BrandIcon--sharepoint.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x1_5.png)}.ms-BrandIcon--visio.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x1_5.png)}.ms-BrandIcon--visio.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x1_5.png)}.ms-BrandIcon--visio.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x1_5.png)}.ms-BrandIcon--word.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x1_5.png)}.ms-BrandIcon--word.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x1_5.png)}.ms-BrandIcon--word.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x1_5.png)}.ms-BrandIcon--accdb.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/accdb.png)}.ms-BrandIcon--accdb.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/accdb.png)}.ms-BrandIcon--accdb.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/accdb.png)}.ms-BrandIcon--archive.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/archive.png)}.ms-BrandIcon--archive.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/archive.png)}.ms-BrandIcon--archive.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/archive.png)}.ms-BrandIcon--audio.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/audio.png)}.ms-BrandIcon--audio.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/audio.png)}.ms-BrandIcon--audio.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/audio.png)}.ms-BrandIcon--code.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/code.png)}.ms-BrandIcon--code.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/code.png)}.ms-BrandIcon--code.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/code.png)}.ms-BrandIcon--csv.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/csv.png)}.ms-BrandIcon--csv.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/csv.png)}.ms-BrandIcon--csv.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/csv.png)}.ms-BrandIcon--docset.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/docset.png)}.ms-BrandIcon--docset.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/docset.png)}.ms-BrandIcon--docset.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/docset.png)}.ms-BrandIcon--docx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/docx.png)}.ms-BrandIcon--docx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/docx.png)}.ms-BrandIcon--docx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/docx.png)}.ms-BrandIcon--dotx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/dotx.png)}.ms-BrandIcon--dotx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/dotx.png)}.ms-BrandIcon--dotx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/dotx.png)}.ms-BrandIcon--email.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/email.png)}.ms-BrandIcon--email.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/email.png)}.ms-BrandIcon--email.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/email.png)}.ms-BrandIcon--exe.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/exe.png)}.ms-BrandIcon--exe.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/exe.png)}.ms-BrandIcon--exe.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/exe.png)}.ms-BrandIcon--folder.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/folder.png)}.ms-BrandIcon--folder.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/folder.png)}.ms-BrandIcon--folder.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/folder.png)}.ms-BrandIcon--font.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/font.png)}.ms-BrandIcon--font.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/font.png)}.ms-BrandIcon--font.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/font.png)}.ms-BrandIcon--genericfile.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/genericfile.png)}.ms-BrandIcon--genericfile.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/genericfile.png)}.ms-BrandIcon--genericfile.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/genericfile.png)}.ms-BrandIcon--html.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/html.png)}.ms-BrandIcon--html.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/html.png)}.ms-BrandIcon--html.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/html.png)}.ms-BrandIcon--link.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/link.png)}.ms-BrandIcon--link.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/link.png)}.ms-BrandIcon--link.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/link.png)}.ms-BrandIcon--listitem.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/listitem.png)}.ms-BrandIcon--listitem.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/listitem.png)}.ms-BrandIcon--listitem.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/listitem.png)}.ms-BrandIcon--model.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/model.png)}.ms-BrandIcon--model.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/model.png)}.ms-BrandIcon--model.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/model.png)}.ms-BrandIcon--mpp.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/mpp.png)}.ms-BrandIcon--mpp.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/mpp.png)}.ms-BrandIcon--mpp.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/mpp.png)}.ms-BrandIcon--mpt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/mpt.png)}.ms-BrandIcon--mpt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/mpt.png)}.ms-BrandIcon--mpt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/mpt.png)}.ms-BrandIcon--odp.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/odp.png)}.ms-BrandIcon--odp.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/odp.png)}.ms-BrandIcon--odp.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/odp.png)}.ms-BrandIcon--ods.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/ods.png)}.ms-BrandIcon--ods.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/ods.png)}.ms-BrandIcon--ods.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/ods.png)}.ms-BrandIcon--odt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/odt.png)}.ms-BrandIcon--odt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/odt.png)}.ms-BrandIcon--odt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/odt.png)}.ms-BrandIcon--one.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/one.png)}.ms-BrandIcon--one.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/one.png)}.ms-BrandIcon--one.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/one.png)}.ms-BrandIcon--onetoc.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/onetoc.png)}.ms-BrandIcon--onetoc.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/onetoc.png)}.ms-BrandIcon--onetoc.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/onetoc.png)}.ms-BrandIcon--pdf.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/pdf.png)}.ms-BrandIcon--pdf.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/pdf.png)}.ms-BrandIcon--pdf.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/pdf.png)}.ms-BrandIcon--photo.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/photo.png)}.ms-BrandIcon--photo.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/photo.png)}.ms-BrandIcon--photo.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/photo.png)}.ms-BrandIcon--potx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/potx.png)}.ms-BrandIcon--potx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/potx.png)}.ms-BrandIcon--potx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/potx.png)}.ms-BrandIcon--ppsx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/ppsx.png)}.ms-BrandIcon--ppsx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/ppsx.png)}.ms-BrandIcon--ppsx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/ppsx.png)}.ms-BrandIcon--pptx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/pptx.png)}.ms-BrandIcon--pptx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/pptx.png)}.ms-BrandIcon--pptx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/pptx.png)}.ms-BrandIcon--pub.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/pub.png)}.ms-BrandIcon--pub.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/pub.png)}.ms-BrandIcon--pub.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/pub.png)}.ms-BrandIcon--rtf.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/rtf.png)}.ms-BrandIcon--rtf.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/rtf.png)}.ms-BrandIcon--rtf.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/rtf.png)}.ms-BrandIcon--sharedfolder.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/sharedfolder.png)}.ms-BrandIcon--sharedfolder.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/sharedfolder.png)}.ms-BrandIcon--sharedfolder.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/sharedfolder.png)}.ms-BrandIcon--spo.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/spo.png)}.ms-BrandIcon--spo.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/spo.png)}.ms-BrandIcon--spo.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/spo.png)}.ms-BrandIcon--sysfile.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/sysfile.png)}.ms-BrandIcon--sysfile.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/sysfile.png)}.ms-BrandIcon--sysfile.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/sysfile.png)}.ms-BrandIcon--txt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/txt.png)}.ms-BrandIcon--txt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/txt.png)}.ms-BrandIcon--txt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/txt.png)}.ms-BrandIcon--vector.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/vector.png)}.ms-BrandIcon--vector.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/vector.png)}.ms-BrandIcon--vector.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/vector.png)}.ms-BrandIcon--video.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/video.png)}.ms-BrandIcon--video.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/video.png)}.ms-BrandIcon--video.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/video.png)}.ms-BrandIcon--vsdx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/vsdx.png)}.ms-BrandIcon--vsdx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/vsdx.png)}.ms-BrandIcon--vsdx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/vsdx.png)}.ms-BrandIcon--vssx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/vssx.png)}.ms-BrandIcon--vssx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/vssx.png)}.ms-BrandIcon--vssx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/vssx.png)}.ms-BrandIcon--vstx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/vstx.png)}.ms-BrandIcon--vstx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/vstx.png)}.ms-BrandIcon--vstx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/vstx.png)}.ms-BrandIcon--xlsx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xlsx.png)}.ms-BrandIcon--xlsx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xlsx.png)}.ms-BrandIcon--xlsx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xlsx.png)}.ms-BrandIcon--xltx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xltx.png)}.ms-BrandIcon--xltx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xltx.png)}.ms-BrandIcon--xltx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xltx.png)}.ms-BrandIcon--xml.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xml.png)}.ms-BrandIcon--xml.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xml.png)}.ms-BrandIcon--xml.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xml.png)}.ms-BrandIcon--xsn.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xsn.png)}.ms-BrandIcon--xsn.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xsn.png)}.ms-BrandIcon--xsn.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xsn.png)}.ms-BrandIcon--zip.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/zip.png)}.ms-BrandIcon--zip.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/zip.png)}.ms-BrandIcon--zip.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/zip.png)}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi){.ms-BrandIcon--access.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x2.png)}.ms-BrandIcon--access.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x2.png)}.ms-BrandIcon--access.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x2.png)}.ms-BrandIcon--excel.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x2.png)}.ms-BrandIcon--excel.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x2.png)}.ms-BrandIcon--excel.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x2.png)}.ms-BrandIcon--infopath.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x2.png)}.ms-BrandIcon--infopath.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x2.png)}.ms-BrandIcon--infopath.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x2.png)}.ms-BrandIcon--office.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x2.png)}.ms-BrandIcon--office.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x2.png)}.ms-BrandIcon--office.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x2.png)}.ms-BrandIcon--onedrive.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x2.png)}.ms-BrandIcon--onedrive.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x2.png)}.ms-BrandIcon--onedrive.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x2.png)}.ms-BrandIcon--onenote.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x2.png)}.ms-BrandIcon--onenote.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x2.png)}.ms-BrandIcon--onenote.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x2.png)}.ms-BrandIcon--outlook.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x2.png)}.ms-BrandIcon--outlook.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x2.png)}.ms-BrandIcon--outlook.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x2.png)}.ms-BrandIcon--powerpoint.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x2.png)}.ms-BrandIcon--powerpoint.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x2.png)}.ms-BrandIcon--powerpoint.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x2.png)}.ms-BrandIcon--project.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x2.png)}.ms-BrandIcon--project.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x2.png)}.ms-BrandIcon--project.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x2.png)}.ms-BrandIcon--sharepoint.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x2.png)}.ms-BrandIcon--sharepoint.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x2.png)}.ms-BrandIcon--sharepoint.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x2.png)}.ms-BrandIcon--visio.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x2.png)}.ms-BrandIcon--visio.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x2.png)}.ms-BrandIcon--visio.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x2.png)}.ms-BrandIcon--word.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x2.png)}.ms-BrandIcon--word.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x2.png)}.ms-BrandIcon--word.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x2.png)}.ms-BrandIcon--accdb.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/accdb.png)}.ms-BrandIcon--accdb.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/accdb.png)}.ms-BrandIcon--accdb.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/accdb.png)}.ms-BrandIcon--archive.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/archive.png)}.ms-BrandIcon--archive.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/archive.png)}.ms-BrandIcon--archive.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/archive.png)}.ms-BrandIcon--audio.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/audio.png)}.ms-BrandIcon--audio.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/audio.png)}.ms-BrandIcon--audio.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/audio.png)}.ms-BrandIcon--code.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/code.png)}.ms-BrandIcon--code.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/code.png)}.ms-BrandIcon--code.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/code.png)}.ms-BrandIcon--csv.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/csv.png)}.ms-BrandIcon--csv.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/csv.png)}.ms-BrandIcon--csv.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/csv.png)}.ms-BrandIcon--docset.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/docset.png)}.ms-BrandIcon--docset.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/docset.png)}.ms-BrandIcon--docset.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/docset.png)}.ms-BrandIcon--docx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/docx.png)}.ms-BrandIcon--docx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/docx.png)}.ms-BrandIcon--docx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/docx.png)}.ms-BrandIcon--dotx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/dotx.png)}.ms-BrandIcon--dotx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/dotx.png)}.ms-BrandIcon--dotx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/dotx.png)}.ms-BrandIcon--email.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/email.png)}.ms-BrandIcon--email.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/email.png)}.ms-BrandIcon--email.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/email.png)}.ms-BrandIcon--exe.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/exe.png)}.ms-BrandIcon--exe.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/exe.png)}.ms-BrandIcon--exe.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/exe.png)}.ms-BrandIcon--folder.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/folder.png)}.ms-BrandIcon--folder.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/folder.png)}.ms-BrandIcon--folder.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/folder.png)}.ms-BrandIcon--font.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/font.png)}.ms-BrandIcon--font.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/font.png)}.ms-BrandIcon--font.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/font.png)}.ms-BrandIcon--genericfile.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/genericfile.png)}.ms-BrandIcon--genericfile.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/genericfile.png)}.ms-BrandIcon--genericfile.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/genericfile.png)}.ms-BrandIcon--html.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/html.png)}.ms-BrandIcon--html.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/html.png)}.ms-BrandIcon--html.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/html.png)}.ms-BrandIcon--link.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/link.png)}.ms-BrandIcon--link.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/link.png)}.ms-BrandIcon--link.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/link.png)}.ms-BrandIcon--listitem.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/listitem.png)}.ms-BrandIcon--listitem.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/listitem.png)}.ms-BrandIcon--listitem.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/listitem.png)}.ms-BrandIcon--model.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/model.png)}.ms-BrandIcon--model.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/model.png)}.ms-BrandIcon--model.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/model.png)}.ms-BrandIcon--mpp.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/mpp.png)}.ms-BrandIcon--mpp.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/mpp.png)}.ms-BrandIcon--mpp.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/mpp.png)}.ms-BrandIcon--mpt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/mpt.png)}.ms-BrandIcon--mpt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/mpt.png)}.ms-BrandIcon--mpt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/mpt.png)}.ms-BrandIcon--odp.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/odp.png)}.ms-BrandIcon--odp.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/odp.png)}.ms-BrandIcon--odp.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/odp.png)}.ms-BrandIcon--ods.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/ods.png)}.ms-BrandIcon--ods.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/ods.png)}.ms-BrandIcon--ods.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/ods.png)}.ms-BrandIcon--odt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/odt.png)}.ms-BrandIcon--odt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/odt.png)}.ms-BrandIcon--odt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/odt.png)}.ms-BrandIcon--one.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/one.png)}.ms-BrandIcon--one.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/one.png)}.ms-BrandIcon--one.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/one.png)}.ms-BrandIcon--onetoc.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/onetoc.png)}.ms-BrandIcon--onetoc.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/onetoc.png)}.ms-BrandIcon--onetoc.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/onetoc.png)}.ms-BrandIcon--pdf.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/pdf.png)}.ms-BrandIcon--pdf.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/pdf.png)}.ms-BrandIcon--pdf.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/pdf.png)}.ms-BrandIcon--photo.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/photo.png)}.ms-BrandIcon--photo.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/photo.png)}.ms-BrandIcon--photo.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/photo.png)}.ms-BrandIcon--potx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/potx.png)}.ms-BrandIcon--potx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/potx.png)}.ms-BrandIcon--potx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/potx.png)}.ms-BrandIcon--ppsx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/ppsx.png)}.ms-BrandIcon--ppsx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/ppsx.png)}.ms-BrandIcon--ppsx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/ppsx.png)}.ms-BrandIcon--pptx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/pptx.png)}.ms-BrandIcon--pptx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/pptx.png)}.ms-BrandIcon--pptx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/pptx.png)}.ms-BrandIcon--pub.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/pub.png)}.ms-BrandIcon--pub.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/pub.png)}.ms-BrandIcon--pub.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/pub.png)}.ms-BrandIcon--rtf.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/rtf.png)}.ms-BrandIcon--rtf.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/rtf.png)}.ms-BrandIcon--rtf.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/rtf.png)}.ms-BrandIcon--sharedfolder.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/sharedfolder.png)}.ms-BrandIcon--sharedfolder.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/sharedfolder.png)}.ms-BrandIcon--sharedfolder.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/sharedfolder.png)}.ms-BrandIcon--spo.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/spo.png)}.ms-BrandIcon--spo.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/spo.png)}.ms-BrandIcon--spo.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/spo.png)}.ms-BrandIcon--sysfile.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/sysfile.png)}.ms-BrandIcon--sysfile.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/sysfile.png)}.ms-BrandIcon--sysfile.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/sysfile.png)}.ms-BrandIcon--txt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/txt.png)}.ms-BrandIcon--txt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/txt.png)}.ms-BrandIcon--txt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/txt.png)}.ms-BrandIcon--vector.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/vector.png)}.ms-BrandIcon--vector.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/vector.png)}.ms-BrandIcon--vector.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/vector.png)}.ms-BrandIcon--video.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/video.png)}.ms-BrandIcon--video.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/video.png)}.ms-BrandIcon--video.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/video.png)}.ms-BrandIcon--vsdx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/vsdx.png)}.ms-BrandIcon--vsdx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/vsdx.png)}.ms-BrandIcon--vsdx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/vsdx.png)}.ms-BrandIcon--vssx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/vssx.png)}.ms-BrandIcon--vssx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/vssx.png)}.ms-BrandIcon--vssx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/vssx.png)}.ms-BrandIcon--vstx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/vstx.png)}.ms-BrandIcon--vstx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/vstx.png)}.ms-BrandIcon--vstx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/vstx.png)}.ms-BrandIcon--xlsx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xlsx.png)}.ms-BrandIcon--xlsx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xlsx.png)}.ms-BrandIcon--xlsx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xlsx.png)}.ms-BrandIcon--xltx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xltx.png)}.ms-BrandIcon--xltx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xltx.png)}.ms-BrandIcon--xltx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xltx.png)}.ms-BrandIcon--xml.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xml.png)}.ms-BrandIcon--xml.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xml.png)}.ms-BrandIcon--xml.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xml.png)}.ms-BrandIcon--xsn.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xsn.png)}.ms-BrandIcon--xsn.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xsn.png)}.ms-BrandIcon--xsn.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xsn.png)}.ms-BrandIcon--zip.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/zip.png)}.ms-BrandIcon--zip.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/zip.png)}.ms-BrandIcon--zip.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/zip.png)}}@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (min-resolution:288dpi){.ms-BrandIcon--access.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_16x3.png)}.ms-BrandIcon--access.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_48x3.png)}.ms-BrandIcon--access.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/access_96x3.png)}.ms-BrandIcon--excel.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_16x3.png)}.ms-BrandIcon--excel.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_48x3.png)}.ms-BrandIcon--excel.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/excel_96x3.png)}.ms-BrandIcon--infopath.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_16x3.png)}.ms-BrandIcon--infopath.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_48x3.png)}.ms-BrandIcon--infopath.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/infopath_96x3.png)}.ms-BrandIcon--office.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_16x3.png)}.ms-BrandIcon--office.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_48x3.png)}.ms-BrandIcon--office.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/office_96x3.png)}.ms-BrandIcon--onedrive.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_16x3.png)}.ms-BrandIcon--onedrive.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_48x3.png)}.ms-BrandIcon--onedrive.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onedrive_96x3.png)}.ms-BrandIcon--onenote.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_16x3.png)}.ms-BrandIcon--onenote.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_48x3.png)}.ms-BrandIcon--onenote.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/onenote_96x3.png)}.ms-BrandIcon--outlook.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_16x3.png)}.ms-BrandIcon--outlook.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_48x3.png)}.ms-BrandIcon--outlook.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/outlook_96x3.png)}.ms-BrandIcon--powerpoint.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_16x3.png)}.ms-BrandIcon--powerpoint.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_48x3.png)}.ms-BrandIcon--powerpoint.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/powerpoint_96x3.png)}.ms-BrandIcon--project.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_16x3.png)}.ms-BrandIcon--project.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_48x3.png)}.ms-BrandIcon--project.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/project_96x3.png)}.ms-BrandIcon--sharepoint.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_16x3.png)}.ms-BrandIcon--sharepoint.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_48x3.png)}.ms-BrandIcon--sharepoint.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/sharepoint_96x3.png)}.ms-BrandIcon--visio.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_16x3.png)}.ms-BrandIcon--visio.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_48x3.png)}.ms-BrandIcon--visio.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/visio_96x3.png)}.ms-BrandIcon--word.ms-BrandIcon--icon16{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_16x3.png)}.ms-BrandIcon--word.ms-BrandIcon--icon48{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_48x3.png)}.ms-BrandIcon--word.ms-BrandIcon--icon96{background-image:url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png/word_96x3.png)}.ms-BrandIcon--accdb.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/accdb.png)}.ms-BrandIcon--accdb.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/accdb.png)}.ms-BrandIcon--accdb.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/accdb.png)}.ms-BrandIcon--archive.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/archive.png)}.ms-BrandIcon--archive.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/archive.png)}.ms-BrandIcon--archive.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/archive.png)}.ms-BrandIcon--audio.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/audio.png)}.ms-BrandIcon--audio.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/audio.png)}.ms-BrandIcon--audio.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/audio.png)}.ms-BrandIcon--code.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/code.png)}.ms-BrandIcon--code.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/code.png)}.ms-BrandIcon--code.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/code.png)}.ms-BrandIcon--csv.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/csv.png)}.ms-BrandIcon--csv.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/csv.png)}.ms-BrandIcon--csv.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/csv.png)}.ms-BrandIcon--docset.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/docset.png)}.ms-BrandIcon--docset.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/docset.png)}.ms-BrandIcon--docset.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/docset.png)}.ms-BrandIcon--docx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/docx.png)}.ms-BrandIcon--docx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/docx.png)}.ms-BrandIcon--docx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/docx.png)}.ms-BrandIcon--dotx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/dotx.png)}.ms-BrandIcon--dotx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/dotx.png)}.ms-BrandIcon--dotx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/dotx.png)}.ms-BrandIcon--email.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/email.png)}.ms-BrandIcon--email.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/email.png)}.ms-BrandIcon--email.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/email.png)}.ms-BrandIcon--exe.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/exe.png)}.ms-BrandIcon--exe.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/exe.png)}.ms-BrandIcon--exe.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/exe.png)}.ms-BrandIcon--folder.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/folder.png)}.ms-BrandIcon--folder.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/folder.png)}.ms-BrandIcon--folder.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/folder.png)}.ms-BrandIcon--font.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/font.png)}.ms-BrandIcon--font.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/font.png)}.ms-BrandIcon--font.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/font.png)}.ms-BrandIcon--genericfile.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/genericfile.png)}.ms-BrandIcon--genericfile.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/genericfile.png)}.ms-BrandIcon--genericfile.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/genericfile.png)}.ms-BrandIcon--html.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/html.png)}.ms-BrandIcon--html.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/html.png)}.ms-BrandIcon--html.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/html.png)}.ms-BrandIcon--link.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/link.png)}.ms-BrandIcon--link.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/link.png)}.ms-BrandIcon--link.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/link.png)}.ms-BrandIcon--listitem.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/listitem.png)}.ms-BrandIcon--listitem.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/listitem.png)}.ms-BrandIcon--listitem.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/listitem.png)}.ms-BrandIcon--model.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/model.png)}.ms-BrandIcon--model.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/model.png)}.ms-BrandIcon--model.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/model.png)}.ms-BrandIcon--mpp.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/mpp.png)}.ms-BrandIcon--mpp.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/mpp.png)}.ms-BrandIcon--mpp.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/mpp.png)}.ms-BrandIcon--mpt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/mpt.png)}.ms-BrandIcon--mpt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/mpt.png)}.ms-BrandIcon--mpt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/mpt.png)}.ms-BrandIcon--odp.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/odp.png)}.ms-BrandIcon--odp.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/odp.png)}.ms-BrandIcon--odp.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/odp.png)}.ms-BrandIcon--ods.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/ods.png)}.ms-BrandIcon--ods.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/ods.png)}.ms-BrandIcon--ods.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/ods.png)}.ms-BrandIcon--odt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/odt.png)}.ms-BrandIcon--odt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/odt.png)}.ms-BrandIcon--odt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/odt.png)}.ms-BrandIcon--one.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/one.png)}.ms-BrandIcon--one.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/one.png)}.ms-BrandIcon--one.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/one.png)}.ms-BrandIcon--onetoc.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/onetoc.png)}.ms-BrandIcon--onetoc.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/onetoc.png)}.ms-BrandIcon--onetoc.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/onetoc.png)}.ms-BrandIcon--pdf.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/pdf.png)}.ms-BrandIcon--pdf.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/pdf.png)}.ms-BrandIcon--pdf.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/pdf.png)}.ms-BrandIcon--photo.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/photo.png)}.ms-BrandIcon--photo.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/photo.png)}.ms-BrandIcon--photo.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/photo.png)}.ms-BrandIcon--potx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/potx.png)}.ms-BrandIcon--potx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/potx.png)}.ms-BrandIcon--potx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/potx.png)}.ms-BrandIcon--ppsx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/ppsx.png)}.ms-BrandIcon--ppsx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/ppsx.png)}.ms-BrandIcon--ppsx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/ppsx.png)}.ms-BrandIcon--pptx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/pptx.png)}.ms-BrandIcon--pptx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/pptx.png)}.ms-BrandIcon--pptx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/pptx.png)}.ms-BrandIcon--pub.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/pub.png)}.ms-BrandIcon--pub.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/pub.png)}.ms-BrandIcon--pub.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/pub.png)}.ms-BrandIcon--rtf.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/rtf.png)}.ms-BrandIcon--rtf.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/rtf.png)}.ms-BrandIcon--rtf.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/rtf.png)}.ms-BrandIcon--sharedfolder.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/sharedfolder.png)}.ms-BrandIcon--sharedfolder.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/sharedfolder.png)}.ms-BrandIcon--sharedfolder.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/sharedfolder.png)}.ms-BrandIcon--spo.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/spo.png)}.ms-BrandIcon--spo.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/spo.png)}.ms-BrandIcon--spo.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/spo.png)}.ms-BrandIcon--sysfile.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/sysfile.png)}.ms-BrandIcon--sysfile.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/sysfile.png)}.ms-BrandIcon--sysfile.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/sysfile.png)}.ms-BrandIcon--txt.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/txt.png)}.ms-BrandIcon--txt.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/txt.png)}.ms-BrandIcon--txt.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/txt.png)}.ms-BrandIcon--vector.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/vector.png)}.ms-BrandIcon--vector.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/vector.png)}.ms-BrandIcon--vector.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/vector.png)}.ms-BrandIcon--video.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/video.png)}.ms-BrandIcon--video.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/video.png)}.ms-BrandIcon--video.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/video.png)}.ms-BrandIcon--vsdx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/vsdx.png)}.ms-BrandIcon--vsdx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/vsdx.png)}.ms-BrandIcon--vsdx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/vsdx.png)}.ms-BrandIcon--vssx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/vssx.png)}.ms-BrandIcon--vssx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/vssx.png)}.ms-BrandIcon--vssx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/vssx.png)}.ms-BrandIcon--vstx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/vstx.png)}.ms-BrandIcon--vstx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/vstx.png)}.ms-BrandIcon--vstx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/vstx.png)}.ms-BrandIcon--xlsx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xlsx.png)}.ms-BrandIcon--xlsx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xlsx.png)}.ms-BrandIcon--xlsx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xlsx.png)}.ms-BrandIcon--xltx.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xltx.png)}.ms-BrandIcon--xltx.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xltx.png)}.ms-BrandIcon--xltx.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xltx.png)}.ms-BrandIcon--xml.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xml.png)}.ms-BrandIcon--xml.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xml.png)}.ms-BrandIcon--xml.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xml.png)}.ms-BrandIcon--xsn.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xsn.png)}.ms-BrandIcon--xsn.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xsn.png)}.ms-BrandIcon--xsn.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xsn.png)}.ms-BrandIcon--zip.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/zip.png)}.ms-BrandIcon--zip.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/zip.png)}.ms-BrandIcon--zip.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/zip.png)}}.ms-BrandIcon--onepkg.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/one.png)}.ms-BrandIcon--onepkg.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/one.png)}.ms-BrandIcon--onepkg.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/one.png)}.ms-BrandIcon--xls.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xlsx.png)}.ms-BrandIcon--xls.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xlsx.png)}.ms-BrandIcon--xls.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xlsx.png)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi){.ms-BrandIcon--onepkg.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/one.png)}.ms-BrandIcon--onepkg.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/one.png)}.ms-BrandIcon--onepkg.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/one.png)}.ms-BrandIcon--xls.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xlsx.png)}.ms-BrandIcon--xls.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xlsx.png)}.ms-BrandIcon--xls.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xlsx.png)}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi){.ms-BrandIcon--onepkg.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/one.png)}.ms-BrandIcon--onepkg.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/one.png)}.ms-BrandIcon--onepkg.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/one.png)}.ms-BrandIcon--xls.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xlsx.png)}.ms-BrandIcon--xls.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xlsx.png)}.ms-BrandIcon--xls.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xlsx.png)}}@media only screen and (-webkit-min-device-pixel-ratio:3),only screen and (min-resolution:288dpi){.ms-BrandIcon--onepkg.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/one.png)}.ms-BrandIcon--onepkg.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/one.png)}.ms-BrandIcon--onepkg.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/one.png)}.ms-BrandIcon--xls.ms-BrandIcon--icon16{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xlsx.png)}.ms-BrandIcon--xls.ms-BrandIcon--icon48{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xlsx.png)}.ms-BrandIcon--xls.ms-BrandIcon--icon96{background-image:url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xlsx.png)}}.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:#000}.ms-bgColor-neutralDark,.ms-bgColor-neutralDark--hover:hover{background-color:#212121}.ms-bgColor-neutralPrimary,.ms-bgColor-neutralPrimary--hover:hover{background-color:#333}.ms-bgColor-neutralPrimaryAlt,.ms-bgColor-neutralPrimaryAlt--hover:hover{background-color:#3c3c3c}.ms-bgColor-neutralSecondary,.ms-bgColor-neutralSecondary--hover:hover{background-color:#666}.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-neutralQuaternary,.ms-bgColor-neutralQuaternary--hover:hover{background-color:#d0d0d0}.ms-bgColor-neutralQuaternaryAlt,.ms-bgColor-neutralQuaternaryAlt--hover:hover{background-color:#dadada}.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:#fff}.ms-bgColor-yellow,.ms-bgColor-yellow--hover:hover{background-color:#ffb900}.ms-bgColor-yellowLight,.ms-bgColor-yellowLight--hover:hover{background-color:#fff100}.ms-bgColor-orange,.ms-bgColor-orange--hover:hover{background-color:#d83b01}.ms-bgColor-orangeLight,.ms-bgColor-orangeLight--hover:hover{background-color:#ea4300}.ms-bgColor-orangeLighter,.ms-bgColor-orangeLighter--hover:hover{background-color:#ff8c00}.ms-bgColor-redDark,.ms-bgColor-redDark--hover:hover{background-color:#a80000}.ms-bgColor-red,.ms-bgColor-red--hover:hover{background-color:#e81123}.ms-bgColor-magentaDark,.ms-bgColor-magentaDark--hover:hover{background-color:#5c005c}.ms-bgColor-magenta,.ms-bgColor-magenta--hover:hover{background-color:#b4009e}.ms-bgColor-magentaLight,.ms-bgColor-magentaLight--hover:hover{background-color:#e3008c}.ms-bgColor-purpleDark,.ms-bgColor-purpleDark--hover:hover{background-color:#32145a}.ms-bgColor-purple,.ms-bgColor-purple--hover:hover{background-color:#5c2d91}.ms-bgColor-purpleLight,.ms-bgColor-purpleLight--hover:hover{background-color:#b4a0ff}.ms-bgColor-blueDark,.ms-bgColor-blueDark--hover:hover{background-color:#002050}.ms-bgColor-blueMid,.ms-bgColor-blueMid--hover:hover{background-color:#00188f}.ms-bgColor-blue,.ms-bgColor-blue--hover:hover{background-color:#0078d7}.ms-bgColor-blueLight,.ms-bgColor-blueLight--hover:hover{background-color:#00bcf2}.ms-bgColor-tealDark,.ms-bgColor-tealDark--hover:hover{background-color:#004b50}.ms-bgColor-teal,.ms-bgColor-teal--hover:hover{background-color:#008272}.ms-bgColor-tealLight,.ms-bgColor-tealLight--hover:hover{background-color:#00b294}.ms-bgColor-greenDark,.ms-bgColor-greenDark--hover:hover{background-color:#004b1c}.ms-bgColor-green,.ms-bgColor-green--hover:hover{background-color:#107c10}.ms-bgColor-greenLight,.ms-bgColor-greenLight--hover:hover{background-color:#bad80a}.ms-bgColor-info,.ms-bgColor-info--hover:hover{background-color:#f4f4f4}.ms-bgColor-success,.ms-bgColor-success--hover:hover{background-color:#dff6dd}.ms-bgColor-severeWarning,.ms-bgColor-severeWarning--hover:hover{background-color:#fed9cc}.ms-bgColor-warning,.ms-bgColor-warning--hover:hover{background-color:#fff4ce}.ms-bgColor-error,.ms-bgColor-error--hover:hover{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:#000}.ms-borderColor-neutralDark,.ms-borderColor-neutralDark--hover:hover{border-color:#212121}.ms-borderColor-neutralPrimary,.ms-borderColor-neutralPrimary--hover:hover{border-color:#333}.ms-borderColor-neutralPrimaryAlt,.ms-borderColor-neutralPrimaryAlt--hover:hover{border-color:#3c3c3c}.ms-borderColor-neutralSecondary,.ms-borderColor-neutralSecondary--hover:hover{border-color:#666}.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-neutralQuaternary,.ms-borderColor-neutralQuaternary--hover:hover{border-color:#d0d0d0}.ms-borderColor-neutralQuaternaryAlt,.ms-borderColor-neutralQuaternaryAlt--hover:hover{border-color:#dadada}.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:#fff}.ms-borderColor-yellow,.ms-borderColor-yellow--hover:hover{border-color:#ffb900}.ms-borderColor-yellowLight,.ms-borderColor-yellowLight--hover:hover{border-color:#fff100}.ms-borderColor-orange,.ms-borderColor-orange--hover:hover{border-color:#d83b01}.ms-borderColor-orangeLight,.ms-borderColor-orangeLight--hover:hover{border-color:#ea4300}.ms-borderColor-orangeLighter,.ms-borderColor-orangeLighter--hover:hover{border-color:#ff8c00}.ms-borderColor-redDark,.ms-borderColor-redDark--hover:hover{border-color:#a80000}.ms-borderColor-red,.ms-borderColor-red--hover:hover{border-color:#e81123}.ms-borderColor-magentaDark,.ms-borderColor-magentaDark--hover:hover{border-color:#5c005c}.ms-borderColor-magenta,.ms-borderColor-magenta--hover:hover{border-color:#b4009e}.ms-borderColor-magentaLight,.ms-borderColor-magentaLight--hover:hover{border-color:#e3008c}.ms-borderColor-purpleDark,.ms-borderColor-purpleDark--hover:hover{border-color:#32145a}.ms-borderColor-purple,.ms-borderColor-purple--hover:hover{border-color:#5c2d91}.ms-borderColor-purpleLight,.ms-borderColor-purpleLight--hover:hover{border-color:#b4a0ff}.ms-borderColor-blueDark,.ms-borderColor-blueDark--hover:hover{border-color:#002050}.ms-borderColor-blueMid,.ms-borderColor-blueMid--hover:hover{border-color:#00188f}.ms-borderColor-blue,.ms-borderColor-blue--hover:hover{border-color:#0078d7}.ms-borderColor-blueLight,.ms-borderColor-blueLight--hover:hover{border-color:#00bcf2}.ms-borderColor-tealDark,.ms-borderColor-tealDark--hover:hover{border-color:#004b50}.ms-borderColor-teal,.ms-borderColor-teal--hover:hover{border-color:#008272}.ms-borderColor-tealLight,.ms-borderColor-tealLight--hover:hover{border-color:#00b294}.ms-borderColor-greenDark,.ms-borderColor-greenDark--hover:hover{border-color:#004b1c}.ms-borderColor-green,.ms-borderColor-green--hover:hover{border-color:#107c10}.ms-borderColor-greenLight,.ms-borderColor-greenLight--hover:hover{border-color:#bad80a}@font-face{font-family:Leelawadee UI Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-light.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-light.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Leelawadee UI Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Leelawadee UI Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-regular.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Leelawadee UI Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semibold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semibold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Leelawadee UI Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Segoe UI Web\ (Arabic);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-light.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-light.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Segoe UI Web\ (Arabic);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semilight.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semilight.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Segoe UI Web\ (Arabic);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-regular.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Segoe UI Web\ (Arabic);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semibold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semibold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Segoe UI Web\ (Arabic);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-bold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Segoe UI Web\ (Cyrillic);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-light.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-light.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Segoe UI Web\ (Cyrillic);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semilight.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semilight.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Segoe UI Web\ (Cyrillic);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-regular.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Segoe UI Web\ (Cyrillic);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semibold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semibold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Segoe UI Web\ (Cyrillic);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-bold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:"Segoe UI Web (East European)";src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-light.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-light.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:"Segoe UI Web (East European)";src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semilight.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semilight.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:"Segoe UI Web (East European)";src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-regular.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"Segoe UI Web (East European)";src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semibold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semibold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:"Segoe UI Web (East European)";src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-bold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Segoe UI Web\ (Greek);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-light.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-light.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Segoe UI Web\ (Greek);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semilight.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semilight.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Segoe UI Web\ (Greek);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-regular.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Segoe UI Web\ (Greek);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semibold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semibold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Segoe UI Web\ (Greek);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-bold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Segoe UI Web\ (Hebrew);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-light.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-light.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Segoe UI Web\ (Hebrew);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semilight.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semilight.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Segoe UI Web\ (Hebrew);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-regular.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Segoe UI Web\ (Hebrew);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semibold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semibold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Segoe UI Web\ (Hebrew);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-bold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Segoe UI Web\ (Vietnamese);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-light.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-light.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Segoe UI Web\ (Vietnamese);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semilight.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semilight.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Segoe UI Web\ (Vietnamese);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-regular.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Segoe UI Web\ (Vietnamese);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semibold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semibold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Segoe UI Web\ (Vietnamese);src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-bold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:"Segoe UI Web (West European)";src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-light.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-light.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:"Segoe UI Web (West European)";src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semilight.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semilight.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:"Segoe UI Web (West European)";src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-regular.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"Segoe UI Web (West European)";src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semibold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semibold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:"Segoe UI Web (West European)";src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-bold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Selawik Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-light.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-light.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Selawik Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semilight.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semilight.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Selawik Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-regular.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Selawik Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semibold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semibold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Selawik Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-bold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Leelawadee UI Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Leelawadee UI Web;src:url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff) format("woff");font-weight:600;font-style:normal}.ms-font-su{font-size:42px;font-weight:100}.ms-font-xxl{font-size:28px;font-weight:100}.ms-font-xl-plus{font-size:24px;font-weight:100}.ms-font-xl{font-size:21px;font-weight:100}.ms-font-l{font-size:17px;font-weight:300}.ms-font-m-plus{font-size:15px;font-weight:400}.ms-font-m{font-size:14px;font-weight:400}.ms-font-s-plus{font-size:13px;font-weight:400}.ms-font-s{font-size:12px;font-weight:400}.ms-font-xs{font-size:11px;font-weight:400}.ms-font-mi{font-size:10px;font-weight:600}.ms-fontWeight-light{font-weight:100}.ms-fontWeight-semilight{font-weight:300}.ms-fontWeight-regular{font-weight:400}.ms-fontWeight-semibold{font-weight:600}.ms-fontWeight-bold{font-weight:700}.ms-fontSize-su{font-size:42px}.ms-fontSize-xxl{font-size:28px}.ms-fontSize-xlPlus{font-size:24px}.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:#000}.ms-fontColor-neutralDark,.ms-fontColor-neutralDark--hover:hover{color:#212121}.ms-fontColor-neutralPrimary,.ms-fontColor-neutralPrimary--hover:hover{color:#333}.ms-fontColor-neutralPrimaryAlt,.ms-fontColor-neutralPrimaryAlt--hover:hover{color:#3c3c3c}.ms-fontColor-neutralSecondary,.ms-fontColor-neutralSecondary--hover:hover{color:#666}.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-neutralQuaternary,.ms-fontColor-neutralQuaternary--hover:hover{color:#d0d0d0}.ms-fontColor-neutralQuaternaryAlt,.ms-fontColor-neutralQuaternaryAlt--hover:hover{color:#dadada}.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:#fff}.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}.ms-Grid{box-sizing:border-box;*zoom:1;padding:0 8px}.ms-Grid:after,.ms-Grid:before{display:table;content:"";line-height:0}.ms-Grid:after{clear:both}.ms-Grid-row{margin:0 -8px;box-sizing:border-box;*zoom:1}.ms-Grid-row:after,.ms-Grid-row:before{display:table;content:"";line-height:0}.ms-Grid-row:after{clear:both}.ms-Grid-col{position:relative;min-height:1px;padding-left:8px;padding-right:8px;box-sizing:border-box}[dir=ltr] .ms-Grid-col{float:left}[dir=rtl] .ms-Grid-col{float:right}.ms-Grid-col .ms-Grid{padding:0}@font-face{font-family:FabricMDL2Icons;src:url(https://static2.sharepointonline.com/files/fabric/assets/icons/fabricmdl2icons-2.68.woff2) format("woff2"),url(https://static2.sharepointonline.com/files/fabric/assets/icons/fabricmdl2icons-2.68.woff) format("woff"),url(https://static2.sharepointonline.com/files/fabric/assets/icons/fabricmdl2icons-2.68.ttf) format("truetype");font-weight:400;font-style:normal}.ms-Icon{display:inline-block;font-family:FabricMDL2Icons;font-style:normal;font-weight:400;speak:none}.ms-Icon--circle{margin:0 .5em 0 0;position:relative;display:inline-block;font-size:1rem;width:1em;height:1em;padding:0;text-align:left}[dir=rtl] .ms-Icon--circle{margin:0 0 0 .5em}.ms-Icon--circle:after,.ms-Icon--circle:before{line-height:1;font-size:inherit}.ms-Icon--circle:before{display:block;width:100%;height:100%;margin:0;padding:0;vertical-align:top;position:absolute}.ms-Icon--circle:after{content:"\e000";position:absolute;top:0;left:0;transform:scale(2);transform-origin:50% 50%;z-index:0}.ms-Icon--xs{font-size:10px}.ms-Icon--s{font-size:12px}.ms-Icon--m{font-size:16px}.ms-Icon--l{font-size:20px}.ms-Icon--12PointStar:before{content:""}.ms-Icon--6PointStar:before{content:""}.ms-Icon--AADLogo:before{content:""}.ms-Icon--Accept:before{content:""}.ms-Icon--AccessLogo:before{content:""}.ms-Icon--AccessLogoFill:before{content:""}.ms-Icon--AccountManagement:before{content:""}.ms-Icon--Accounts:before{content:""}.ms-Icon--ActivateOrders:before{content:""}.ms-Icon--ActivityFeed:before{content:""}.ms-Icon--Add:before{content:""}.ms-Icon--AddBookmark:before{content:""}.ms-Icon--AddEvent:before{content:""}.ms-Icon--AddFavorite:before{content:""}.ms-Icon--AddFavoriteFill:before{content:""}.ms-Icon--AddFriend:before{content:""}.ms-Icon--AddGroup:before{content:""}.ms-Icon--AddNotes:before{content:""}.ms-Icon--AddOnlineMeeting:before{content:""}.ms-Icon--AddPhone:before{content:""}.ms-Icon--AddTo:before{content:""}.ms-Icon--Admin:before{content:""}.ms-Icon--AdminALogo32:before{content:""}.ms-Icon--AdminALogoFill32:before{content:""}.ms-Icon--AdminALogoInverse32:before{content:""}.ms-Icon--AdminCLogoInverse32:before{content:""}.ms-Icon--AdminDLogoInverse32:before{content:""}.ms-Icon--AdminELogoInverse32:before{content:""}.ms-Icon--AdminLLogoInverse32:before{content:""}.ms-Icon--AdminMLogoInverse32:before{content:""}.ms-Icon--AdminOLogoInverse32:before{content:""}.ms-Icon--AdminPLogoInverse32:before{content:""}.ms-Icon--AdminSLogoInverse32:before{content:""}.ms-Icon--AdminYLogoInverse32:before{content:""}.ms-Icon--Airplane:before{content:""}.ms-Icon--AirplaneSolid:before{content:""}.ms-Icon--AirTickets:before{content:""}.ms-Icon--AlarmClock:before{content:""}.ms-Icon--Album:before{content:""}.ms-Icon--AlbumRemove:before{content:""}.ms-Icon--AlertSolid:before{content:""}.ms-Icon--AlignCenter:before{content:""}.ms-Icon--AlignHorizontalCenter:before{content:""}.ms-Icon--AlignHorizontalLeft:before{content:""}.ms-Icon--AlignHorizontalRight:before{content:""}.ms-Icon--AlignJustify:before{content:""}.ms-Icon--AlignLeft:before{content:""}.ms-Icon--AlignRight:before{content:""}.ms-Icon--AlignVerticalBottom:before{content:""}.ms-Icon--AlignVerticalCenter:before{content:""}.ms-Icon--AlignVerticalTop:before{content:""}[dir=ltr] .ms-Icon--AllApps:before{content:""}[dir=ltr] .ms-Icon--AllAppsMirrored:before,[dir=rtl] .ms-Icon--AllApps:before{content:""}[dir=rtl] .ms-Icon--AllAppsMirrored:before{content:""}.ms-Icon--AnalyticsLogo:before{content:""}.ms-Icon--AnalyticsQuery:before{content:""}.ms-Icon--AnalyticsReport:before{content:""}.ms-Icon--AnalyticsView:before{content:""}.ms-Icon--AnchorLock:before{content:""}.ms-Icon--Annotation:before{content:""}.ms-Icon--AppIconDefault:before{content:""}.ms-Icon--Archive:before{content:""}.ms-Icon--AreaChart:before{content:""}.ms-Icon--ArrangeBringForward:before{content:""}.ms-Icon--ArrangeBringToFront:before{content:""}.ms-Icon--ArrangeByFrom:before{content:""}.ms-Icon--ArrangeSendBackward:before{content:""}.ms-Icon--ArrangeSendToBack:before{content:""}.ms-Icon--Arrivals:before{content:""}[dir=ltr] .ms-Icon--ArrowDownRight8:before{content:""}[dir=ltr] .ms-Icon--ArrowDownRightMirrored8:before,[dir=rtl] .ms-Icon--ArrowDownRight8:before{content:""}[dir=rtl] .ms-Icon--ArrowDownRightMirrored8:before{content:""}.ms-Icon--ArrowTallDownLeft:before{content:""}.ms-Icon--ArrowTallDownRight:before{content:""}.ms-Icon--ArrowTallUpLeft:before{content:""}.ms-Icon--ArrowTallUpRight:before{content:""}.ms-Icon--ArrowUpRight:before{content:""}[dir=ltr] .ms-Icon--ArrowUpRight8:before{content:""}[dir=ltr] .ms-Icon--ArrowUpRightMirrored8:before,[dir=rtl] .ms-Icon--ArrowUpRight8:before{content:""}[dir=rtl] .ms-Icon--ArrowUpRightMirrored8:before{content:""}.ms-Icon--Articles:before{content:""}.ms-Icon--Ascending:before{content:""}.ms-Icon--AspectRatio:before{content:""}.ms-Icon--AssessmentGroup:before{content:""}.ms-Icon--AssessmentGroupTemplate:before{content:""}.ms-Icon--AssetLibrary:before{content:""}.ms-Icon--Assign:before{content:""}.ms-Icon--Asterisk:before{content:""}.ms-Icon--AsteriskSolid:before{content:""}.ms-Icon--ATPLogo:before{content:""}.ms-Icon--Attach:before{content:""}.ms-Icon--AustralianRules:before{content:""}.ms-Icon--AutoEnhanceOff:before{content:""}.ms-Icon--AutoEnhanceOn:before{content:""}.ms-Icon--AutoFillTemplate:before{content:""}.ms-Icon--AutoHeight:before{content:""}.ms-Icon--AutoRacing:before{content:""}.ms-Icon--AwayStatus:before{content:""}.ms-Icon--AzureAPIManagement:before{content:""}.ms-Icon--AzureKeyVault:before{content:""}.ms-Icon--AzureLogo:before{content:""}.ms-Icon--AzureServiceEndpoint:before{content:""}.ms-Icon--Back:before{content:""}.ms-Icon--BackgroundColor:before{content:""}.ms-Icon--Backlog:before{content:""}.ms-Icon--BacklogBoard:before{content:""}.ms-Icon--BackToWindow:before{content:""}.ms-Icon--Badge:before{content:""}.ms-Icon--Balloons:before{content:""}.ms-Icon--BankSolid:before{content:""}.ms-Icon--BarChart4:before{content:""}.ms-Icon--BarChartHorizontal:before{content:""}.ms-Icon--BarChartVertical:before{content:""}.ms-Icon--Baseball:before{content:""}.ms-Icon--BeerMug:before{content:""}.ms-Icon--BIDashboard:before{content:""}.ms-Icon--BidiLtr:before{content:""}.ms-Icon--BidiRtl:before{content:""}.ms-Icon--BingLogo:before{content:""}.ms-Icon--BirthdayCake:before{content:""}.ms-Icon--BlockContact:before{content:""}.ms-Icon--Blocked:before{content:""}.ms-Icon--Blocked12:before{content:""}.ms-Icon--Blocked2:before{content:""}.ms-Icon--BlockedSite:before{content:""}.ms-Icon--BlockedSolid:before{content:""}.ms-Icon--BlowingSnow:before{content:""}.ms-Icon--Blur:before{content:""}.ms-Icon--Boards:before{content:""}.ms-Icon--Bold:before{content:""}.ms-Icon--BookingsLogo:before{content:""}[dir=ltr] .ms-Icon--Bookmarks:before{content:""}[dir=ltr] .ms-Icon--BookmarksMirrored:before,[dir=rtl] .ms-Icon--Bookmarks:before{content:""}[dir=rtl] .ms-Icon--BookmarksMirrored:before{content:""}.ms-Icon--BorderDash:before{content:""}.ms-Icon--BorderDot:before{content:""}.ms-Icon--BoxAdditionSolid:before{content:""}.ms-Icon--BoxCheckmarkSolid:before{content:""}.ms-Icon--BoxMultiplySolid:before{content:""}.ms-Icon--BoxPlaySolid:before{content:""}.ms-Icon--BoxSubtractSolid:before{content:""}.ms-Icon--BranchCommit:before{content:""}.ms-Icon--BranchCompare:before{content:""}.ms-Icon--BranchFork:before{content:""}.ms-Icon--BranchFork2:before{content:""}.ms-Icon--BranchLocked:before{content:""}.ms-Icon--BranchMerge:before{content:""}.ms-Icon--BranchPullRequest:before{content:""}.ms-Icon--BranchSearch:before{content:""}.ms-Icon--BranchShelveset:before{content:""}.ms-Icon--Breadcrumb:before{content:""}.ms-Icon--Breakfast:before{content:""}.ms-Icon--Brightness:before{content:""}.ms-Icon--Broom:before{content:""}.ms-Icon--BrowserScreenShot:before{content:""}.ms-Icon--BrowserTab:before{content:""}.ms-Icon--BrowserTabScreenshot:before{content:""}.ms-Icon--Brunch:before{content:""}.ms-Icon--BucketColor:before{content:""}.ms-Icon--BucketColorFill:before{content:""}.ms-Icon--BufferTimeAfter:before{content:""}.ms-Icon--BufferTimeBefore:before{content:""}.ms-Icon--BufferTimeBoth:before{content:""}.ms-Icon--Bug:before{content:""}.ms-Icon--BugSolid:before{content:""}.ms-Icon--Build:before{content:""}.ms-Icon--BuildIssue:before{content:""}.ms-Icon--BuildQueue:before{content:""}.ms-Icon--BuildQueueNew:before{content:""}.ms-Icon--BulkUpload:before{content:""}[dir=ltr] .ms-Icon--BulletedList2:before{content:""}[dir=ltr] .ms-Icon--BulletedList2Mirrored:before,[dir=rtl] .ms-Icon--BulletedList2:before{content:""}[dir=rtl] .ms-Icon--BulletedList2Mirrored:before{content:""}[dir=ltr] .ms-Icon--BulletedList:before{content:""}[dir=ltr] .ms-Icon--BulletedListMirrored:before,[dir=rtl] .ms-Icon--BulletedList:before{content:""}[dir=rtl] .ms-Icon--BulletedListMirrored:before{content:""}.ms-Icon--Bullseye:before{content:""}.ms-Icon--Bus:before{content:""}.ms-Icon--BusinessCenterLogo:before{content:""}.ms-Icon--BusinessHoursSign:before{content:""}.ms-Icon--BusSolid:before{content:""}.ms-Icon--Cafe:before{content:""}.ms-Icon--Cake:before{content:""}.ms-Icon--Calculator:before{content:""}.ms-Icon--CalculatorAddition:before{content:""}.ms-Icon--CalculatorEqualTo:before{content:""}.ms-Icon--CalculatorMultiply:before{content:""}.ms-Icon--CalculatorNotEqualTo:before{content:""}.ms-Icon--CalculatorSubtract:before{content:""}.ms-Icon--CalendarAgenda:before{content:""}.ms-Icon--CalendarDay:before{content:""}[dir=ltr] .ms-Icon--Calendar:before{content:""}[dir=ltr] .ms-Icon--CalendarMirrored:before,[dir=rtl] .ms-Icon--Calendar:before{content:""}[dir=rtl] .ms-Icon--CalendarMirrored:before{content:""}.ms-Icon--CalendarReply:before{content:""}[dir=ltr] .ms-Icon--CalendarSettings:before{content:""}[dir=ltr] .ms-Icon--CalendarSettingsMirrored:before,[dir=rtl] .ms-Icon--CalendarSettings:before{content:""}[dir=rtl] .ms-Icon--CalendarSettingsMirrored:before{content:""}.ms-Icon--CalendarWeek:before{content:""}.ms-Icon--CalendarWorkWeek:before{content:""}.ms-Icon--CaloriesAdd:before{content:""}.ms-Icon--Camera:before{content:""}.ms-Icon--Cancel:before{content:""}.ms-Icon--CannedChat:before{content:""}.ms-Icon--Car:before{content:""}.ms-Icon--CaretBottomLeftCenter8:before{content:""}.ms-Icon--CaretBottomLeftSolid8:before{content:""}.ms-Icon--CaretBottomRightCenter8:before{content:""}.ms-Icon--CaretBottomRightSolid8:before{content:""}.ms-Icon--CaretDown8:before{content:""}.ms-Icon--CaretDownSolid8:before{content:""}[dir=ltr] .ms-Icon--CaretHollow:before{content:""}[dir=ltr] .ms-Icon--CaretHollowMirrored:before,[dir=rtl] .ms-Icon--CaretHollow:before{content:""}[dir=rtl] .ms-Icon--CaretHollowMirrored:before{content:""}.ms-Icon--CaretLeft8:before{content:""}.ms-Icon--CaretLeftSolid8:before{content:""}.ms-Icon--CaretRight:before{content:""}.ms-Icon--CaretRight8:before{content:""}.ms-Icon--CaretRightSolid8:before{content:""}.ms-Icon--CaretSolid16:before{content:""}.ms-Icon--CaretSolidDown:before{content:""}.ms-Icon--CaretSolidLeft:before{content:""}[dir=ltr] .ms-Icon--CaretSolid:before{content:""}[dir=ltr] .ms-Icon--CaretSolidMirrored:before,[dir=rtl] .ms-Icon--CaretSolid:before{content:""}[dir=rtl] .ms-Icon--CaretSolidMirrored:before{content:""}.ms-Icon--CaretSolidRight:before{content:""}.ms-Icon--CaretSolidUp:before{content:""}.ms-Icon--CaretTopLeftCenter8:before{content:""}.ms-Icon--CaretTopLeftSolid8:before{content:""}.ms-Icon--CaretTopRightCenter8:before{content:""}.ms-Icon--CaretTopRightSolid8:before{content:""}.ms-Icon--CaretUp8:before{content:""}.ms-Icon--CaretUpSolid8:before{content:""}.ms-Icon--Cat:before{content:""}.ms-Icon--CellPhone:before{content:""}.ms-Icon--Certificate:before{content:""}.ms-Icon--CertifiedDatabase:before{content:""}.ms-Icon--Chart:before{content:""}.ms-Icon--ChartSeries:before{content:""}.ms-Icon--ChartXAngle:before{content:""}.ms-Icon--ChartYAngle:before{content:""}.ms-Icon--Chat:before{content:""}.ms-Icon--ChatInviteFriend:before{content:""}.ms-Icon--ChatSolid:before{content:""}.ms-Icon--Checkbox:before{content:""}.ms-Icon--CheckboxComposite:before{content:""}.ms-Icon--CheckboxCompositeReversed:before{content:""}.ms-Icon--CheckboxIndeterminate:before{content:""}.ms-Icon--CheckedOutByOther12:before{content:""}.ms-Icon--CheckedOutByYou12:before{content:""}.ms-Icon--CheckList:before{content:""}.ms-Icon--CheckMark:before{content:""}.ms-Icon--ChevronDown:before{content:""}.ms-Icon--ChevronDownEnd6:before{content:""}.ms-Icon--ChevronDownMed:before{content:""}.ms-Icon--ChevronDownSmall:before{content:""}.ms-Icon--ChevronFold10:before{content:""}.ms-Icon--ChevronLeft:before{content:""}.ms-Icon--ChevronLeftEnd6:before{content:""}.ms-Icon--ChevronLeftMed:before{content:""}.ms-Icon--ChevronLeftSmall:before{content:""}.ms-Icon--ChevronRight:before{content:""}.ms-Icon--ChevronRightEnd6:before{content:""}.ms-Icon--ChevronRightMed:before{content:""}.ms-Icon--ChevronRightSmall:before{content:""}.ms-Icon--ChevronUnfold10:before{content:""}.ms-Icon--ChevronUp:before{content:""}.ms-Icon--ChevronUpEnd6:before{content:""}.ms-Icon--ChevronUpMed:before{content:""}.ms-Icon--ChevronUpSmall:before{content:""}.ms-Icon--Chopsticks:before{content:""}[dir=ltr] .ms-Icon--ChromeBack:before{content:""}[dir=ltr] .ms-Icon--ChromeBackMirrored:before,[dir=rtl] .ms-Icon--ChromeBack:before{content:""}[dir=rtl] .ms-Icon--ChromeBackMirrored:before{content:""}.ms-Icon--ChromeClose:before{content:""}.ms-Icon--ChromeMinimize:before{content:""}.ms-Icon--CircleAddition:before{content:""}.ms-Icon--CircleAdditionSolid:before{content:""}.ms-Icon--CircleFill:before{content:""}.ms-Icon--CircleHalfFull:before{content:""}.ms-Icon--CirclePause:before{content:""}.ms-Icon--CirclePauseSolid:before{content:""}.ms-Icon--CirclePlus:before{content:""}.ms-Icon--CircleRing:before{content:""}.ms-Icon--CircleShapeSolid:before{content:""}.ms-Icon--CircleStop:before{content:""}.ms-Icon--CircleStopSolid:before{content:""}.ms-Icon--CityNext:before{content:""}.ms-Icon--ClassNotebookLogo16:before{content:""}.ms-Icon--ClassNotebookLogo32:before{content:""}.ms-Icon--ClassNotebookLogoFill16:before{content:""}.ms-Icon--ClassNotebookLogoFill32:before{content:""}.ms-Icon--ClassNotebookLogoInverse:before{content:""}.ms-Icon--ClassNotebookLogoInverse16:before{content:""}.ms-Icon--ClassNotebookLogoInverse32:before{content:""}.ms-Icon--ClassroomLogo:before{content:""}.ms-Icon--Clear:before{content:""}.ms-Icon--ClearFilter:before{content:""}.ms-Icon--ClearFormatting:before{content:""}.ms-Icon--ClearNight:before{content:""}.ms-Icon--ClipboardSolid:before{content:""}.ms-Icon--Clock:before{content:""}.ms-Icon--CloneToDesktop:before{content:""}.ms-Icon--ClosedCaption:before{content:""}[dir=ltr] .ms-Icon--ClosePane:before{content:""}[dir=ltr] .ms-Icon--ClosePaneMirrored:before,[dir=rtl] .ms-Icon--ClosePane:before{content:""}[dir=rtl] .ms-Icon--ClosePaneMirrored:before{content:""}.ms-Icon--Cloud:before{content:""}.ms-Icon--CloudAdd:before{content:""}.ms-Icon--CloudDownload:before{content:""}.ms-Icon--CloudUpload:before{content:""}.ms-Icon--CloudWeather:before{content:""}.ms-Icon--Cloudy:before{content:""}.ms-Icon--Cocktails:before{content:""}.ms-Icon--Code:before{content:""}.ms-Icon--CodeEdit:before{content:""}.ms-Icon--Coffee:before{content:""}.ms-Icon--CoffeeScript:before{content:""}.ms-Icon--CollapseContent:before{content:""}.ms-Icon--CollapseContentSingle:before{content:""}.ms-Icon--CollapseMenu:before{content:""}.ms-Icon--CollegeFootball:before{content:""}.ms-Icon--CollegeHoops:before{content:""}.ms-Icon--Color:before{content:""}.ms-Icon--ColorSolid:before{content:""}.ms-Icon--ColumnLeftTwoThirds:before{content:""}.ms-Icon--ColumnLeftTwoThirdsEdit:before{content:""}.ms-Icon--ColumnOptions:before{content:""}.ms-Icon--ColumnRightTwoThirds:before{content:""}.ms-Icon--ColumnRightTwoThirdsEdit:before{content:""}.ms-Icon--Combine:before{content:""}.ms-Icon--Combobox:before{content:""}.ms-Icon--CommandPrompt:before{content:""}.ms-Icon--Comment:before{content:""}.ms-Icon--CommentAdd:before{content:""}.ms-Icon--CommentNext:before{content:""}.ms-Icon--CommentPrevious:before{content:""}.ms-Icon--CommentUrgent:before{content:""}.ms-Icon--Commitments:before{content:""}.ms-Icon--Communications:before{content:""}[dir=ltr] .ms-Icon--CompanyDirectory:before{content:""}[dir=ltr] .ms-Icon--CompanyDirectoryMirrored:before,[dir=rtl] .ms-Icon--CompanyDirectory:before{content:""}[dir=rtl] .ms-Icon--CompanyDirectoryMirrored:before{content:""}.ms-Icon--CompassNW:before{content:""}.ms-Icon--Completed:before{content:""}.ms-Icon--CompletedSolid:before{content:""}.ms-Icon--ConfigurationSolid:before{content:""}.ms-Icon--ConnectContacts:before{content:""}.ms-Icon--ConstructionCone:before{content:""}.ms-Icon--ConstructionConeSolid:before{content:""}.ms-Icon--Contact:before{content:""}.ms-Icon--ContactCard:before{content:""}[dir=ltr] .ms-Icon--ContactCardSettings:before{content:""}[dir=ltr] .ms-Icon--ContactCardSettingsMirrored:before,[dir=rtl] .ms-Icon--ContactCardSettings:before{content:""}[dir=rtl] .ms-Icon--ContactCardSettingsMirrored:before{content:""}.ms-Icon--ContactInfo:before{content:""}.ms-Icon--ContactLink:before{content:""}.ms-Icon--ContextMenu:before{content:""}.ms-Icon--Contrast:before{content:""}.ms-Icon--Copy:before{content:""}.ms-Icon--Cotton:before{content:""}.ms-Icon--CPlusPlus:before{content:""}.ms-Icon--CPlusPlusLanguage:before{content:""}.ms-Icon--CreateMailRule:before{content:""}.ms-Icon--Cricket:before{content:""}.ms-Icon--CRMReport:before{content:""}.ms-Icon--Crop:before{content:""}.ms-Icon--Crown:before{content:""}.ms-Icon--CrownSolid:before{content:""}.ms-Icon--CSharp:before{content:""}.ms-Icon--CSharpLanguage:before{content:""}.ms-Icon--CSS:before{content:""}[dir=ltr] .ms-Icon--CustomList:before{content:""}[dir=ltr] .ms-Icon--CustomListMirrored:before,[dir=rtl] .ms-Icon--CustomList:before{content:""}[dir=rtl] .ms-Icon--CustomListMirrored:before{content:""}.ms-Icon--Cut:before{content:""}.ms-Icon--Cycling:before{content:""}.ms-Icon--DashboardAdd:before{content:""}.ms-Icon--Database:before{content:""}.ms-Icon--DataConnectionLibrary:before{content:""}.ms-Icon--DateTime2:before{content:""}[dir=ltr] .ms-Icon--DateTime:before{content:""}[dir=ltr] .ms-Icon--DateTimeMirrored:before,[dir=rtl] .ms-Icon--DateTime:before{content:""}[dir=rtl] .ms-Icon--DateTimeMirrored:before{content:""}.ms-Icon--DeactivateOrders:before{content:""}.ms-Icon--DecisionSolid:before{content:""}.ms-Icon--DeclineCall:before{content:""}.ms-Icon--DecreaseIndentLegacy:before{content:""}.ms-Icon--DefaultRatio:before{content:""}.ms-Icon--DefectSolid:before{content:""}.ms-Icon--Delete:before{content:""}.ms-Icon--DeleteColumns:before{content:""}[dir=ltr] .ms-Icon--DeleteRows:before{content:""}[dir=ltr] .ms-Icon--DeleteRowsMirrored:before,[dir=rtl] .ms-Icon--DeleteRows:before{content:""}[dir=rtl] .ms-Icon--DeleteRowsMirrored:before{content:""}.ms-Icon--DeleteTable:before{content:""}.ms-Icon--DeliveryTruck:before{content:""}.ms-Icon--DelveAnalytics:before{content:""}.ms-Icon--DelveAnalyticsLogo:before{content:""}.ms-Icon--DelveLogo:before{content:""}.ms-Icon--DelveLogoFill:before{content:""}.ms-Icon--DelveLogoInverse:before{content:""}.ms-Icon--Deploy:before{content:""}.ms-Icon--Descending:before{content:""}.ms-Icon--Design:before{content:""}.ms-Icon--DesktopScreenshot:before{content:""}.ms-Icon--DeveloperTools:before{content:""}.ms-Icon--Devices3:before{content:""}.ms-Icon--Devices4:before{content:""}.ms-Icon--Diagnostic:before{content:""}.ms-Icon--Dialpad:before{content:""}.ms-Icon--DiamondSolid:before{content:""}.ms-Icon--Dictionary:before{content:""}.ms-Icon--DictionaryRemove:before{content:""}.ms-Icon--DietPlanNotebook:before{content:""}.ms-Icon--DiffInline:before{content:""}.ms-Icon--DiffSideBySide:before{content:""}.ms-Icon--DisableUpdates:before{content:""}.ms-Icon--Dislike:before{content:""}.ms-Icon--DislikeSolid:before{content:""}[dir=ltr] .ms-Icon--DockLeft:before{content:""}[dir=ltr] .ms-Icon--DockLeftMirrored:before,[dir=rtl] .ms-Icon--DockLeft:before{content:""}[dir=rtl] .ms-Icon--DockLeftMirrored:before{content:""}.ms-Icon--DockRight:before{content:""}.ms-Icon--DocLibrary:before{content:""}.ms-Icon--DocsLogoInverse:before{content:""}.ms-Icon--Document:before{content:""}.ms-Icon--DocumentApproval:before{content:""}.ms-Icon--Documentation:before{content:""}.ms-Icon--DocumentManagement:before{content:""}.ms-Icon--DocumentReply:before{content:""}.ms-Icon--DocumentSearch:before{content:""}.ms-Icon--DocumentSet:before{content:""}.ms-Icon--DOM:before{content:""}.ms-Icon--DonutChart:before{content:""}.ms-Icon--Door:before{content:""}.ms-Icon--DoubleBookmark:before{content:""}.ms-Icon--DoubleChevronDown:before{content:""}.ms-Icon--DoubleChevronDown12:before{content:""}.ms-Icon--DoubleChevronDown8:before{content:""}.ms-Icon--DoubleChevronLeft:before{content:""}.ms-Icon--DoubleChevronLeft12:before{content:""}.ms-Icon--DoubleChevronLeft8:before{content:""}[dir=ltr] .ms-Icon--DoubleChevronLeftMed:before{content:""}[dir=ltr] .ms-Icon--DoubleChevronLeftMedMirrored:before,[dir=rtl] .ms-Icon--DoubleChevronLeftMed:before{content:""}[dir=rtl] .ms-Icon--DoubleChevronLeftMedMirrored:before{content:""}.ms-Icon--DoubleChevronRight:before{content:""}.ms-Icon--DoubleChevronRight12:before{content:""}.ms-Icon--DoubleChevronRight8:before{content:""}.ms-Icon--DoubleChevronUp:before{content:""}.ms-Icon--DoubleChevronUp12:before{content:""}.ms-Icon--DoubleChevronUp8:before{content:""}.ms-Icon--DoubleColumn:before{content:""}.ms-Icon--DoubleColumnEdit:before{content:""}.ms-Icon--Down:before{content:""}.ms-Icon--Download:before{content:""}.ms-Icon--DownloadDocument:before{content:""}.ms-Icon--DragObject:before{content:""}.ms-Icon--DrillDown:before{content:""}.ms-Icon--DrillDownSolid:before{content:""}.ms-Icon--DrillExpand:before{content:""}.ms-Icon--DrillShow:before{content:""}.ms-Icon--DrillThrough:before{content:""}.ms-Icon--DRM:before{content:""}.ms-Icon--Drop:before{content:""}.ms-Icon--Dropdown:before{content:""}.ms-Icon--DropShapeSolid:before{content:""}.ms-Icon--Duststorm:before{content:""}.ms-Icon--Dynamics365Logo:before{content:""}.ms-Icon--DynamicSMBLogo:before{content:""}.ms-Icon--EatDrink:before{content:""}.ms-Icon--EdgeLogo:before{content:""}.ms-Icon--EditContact:before{content:""}.ms-Icon--EditMail:before{content:""}[dir=ltr] .ms-Icon--Edit:before{content:""}[dir=ltr] .ms-Icon--EditMirrored:before,[dir=rtl] .ms-Icon--Edit:before{content:""}[dir=rtl] .ms-Icon--EditMirrored:before{content:""}.ms-Icon--EditNote:before{content:""}.ms-Icon--EditPhoto:before{content:""}[dir=ltr] .ms-Icon--EditSolid12:before{content:""}[dir=ltr] .ms-Icon--EditSolidMirrored12:before,[dir=rtl] .ms-Icon--EditSolid12:before{content:""}[dir=rtl] .ms-Icon--EditSolidMirrored12:before{content:""}.ms-Icon--EditStyle:before{content:""}.ms-Icon--Education:before{content:""}.ms-Icon--Ellipse:before{content:""}.ms-Icon--Embed:before{content:""}.ms-Icon--EMI:before{content:""}.ms-Icon--Emoji:before{content:""}.ms-Icon--Emoji2:before{content:""}.ms-Icon--EmojiDisappointed:before{content:""}.ms-Icon--EmojiNeutral:before{content:""}.ms-Icon--EmojiTabSymbols:before{content:""}.ms-Icon--EmptyRecycleBin:before{content:""}.ms-Icon--Encryption:before{content:""}.ms-Icon--EngineeringGroup:before{content:""}.ms-Icon--EntryDecline:before{content:""}.ms-Icon--EntryView:before{content:""}.ms-Icon--Equalizer:before{content:""}.ms-Icon--EraseTool:before{content:""}.ms-Icon--Error:before{content:""}.ms-Icon--ErrorBadge:before{content:""}.ms-Icon--Event:before{content:""}.ms-Icon--EventAccepted:before{content:""}.ms-Icon--EventDate:before{content:""}.ms-Icon--EventDeclined:before{content:""}.ms-Icon--EventInfo:before{content:""}[dir=ltr] .ms-Icon--EventTentative:before{content:""}[dir=ltr] .ms-Icon--EventTentativeMirrored:before,[dir=rtl] .ms-Icon--EventTentative:before{content:""}[dir=rtl] .ms-Icon--EventTentativeMirrored:before{content:""}.ms-Icon--ExcelDocument:before{content:""}.ms-Icon--ExcelLogo:before{content:""}.ms-Icon--ExcelLogo16:before{content:""}.ms-Icon--ExcelLogoFill:before{content:""}.ms-Icon--ExcelLogoFill16:before{content:""}.ms-Icon--ExcelLogoInverse:before{content:""}.ms-Icon--ExcelLogoInverse16:before{content:""}.ms-Icon--ExchangeLogo:before{content:""}.ms-Icon--ExchangeLogoFill:before{content:""}.ms-Icon--ExchangeLogoInverse:before{content:""}.ms-Icon--ExerciseTracker:before{content:""}.ms-Icon--ExpandMenu:before{content:""}.ms-Icon--ExploreContent:before{content:""}.ms-Icon--ExploreContentSingle:before{content:""}.ms-Icon--ExploreData:before{content:""}[dir=ltr] .ms-Icon--Export:before{content:""}[dir=ltr] .ms-Icon--ExportMirrored:before,[dir=rtl] .ms-Icon--Export:before{content:""}[dir=rtl] .ms-Icon--ExportMirrored:before{content:""}.ms-Icon--ExternalBuild:before{content:""}.ms-Icon--ExternalGit:before{content:""}.ms-Icon--ExternalTFVC:before{content:""}.ms-Icon--ExternalXAML:before{content:""}.ms-Icon--F12DevTools:before{content:""}.ms-Icon--FabricAssetLibrary:before{content:""}.ms-Icon--FabricDataConnectionLibrary:before{content:""}.ms-Icon--FabricDocLibrary:before{content:""}.ms-Icon--FabricFolder:before{content:""}.ms-Icon--FabricFolderFill:before{content:""}.ms-Icon--FabricFolderSearch:before{content:""}[dir=ltr] .ms-Icon--FabricFormLibrary:before{content:""}[dir=ltr] .ms-Icon--FabricFormLibraryMirrored:before,[dir=rtl] .ms-Icon--FabricFormLibrary:before{content:""}[dir=rtl] .ms-Icon--FabricFormLibraryMirrored:before{content:""}.ms-Icon--FabricMovetoFolder:before{content:""}.ms-Icon--FabricNewFolder:before{content:""}.ms-Icon--FabricOpenFolderHorizontal:before{content:""}.ms-Icon--FabricPictureLibrary:before{content:""}.ms-Icon--FabricPublicFolder:before{content:""}[dir=ltr] .ms-Icon--FabricReportLibrary:before{content:""}[dir=ltr] .ms-Icon--FabricReportLibraryMirrored:before,[dir=rtl] .ms-Icon--FabricReportLibrary:before{content:""}[dir=rtl] .ms-Icon--FabricReportLibraryMirrored:before{content:""}.ms-Icon--FabricSyncFolder:before{content:""}.ms-Icon--FabricUnsyncFolder:before{content:""}.ms-Icon--Family:before{content:""}.ms-Icon--FangBody:before{content:""}.ms-Icon--FastForward:before{content:""}.ms-Icon--FastMode:before{content:""}.ms-Icon--Favicon:before{content:""}.ms-Icon--FavoriteList:before{content:""}.ms-Icon--FavoriteStar:before{content:""}.ms-Icon--FavoriteStarFill:before{content:""}.ms-Icon--Fax:before{content:""}.ms-Icon--Feedback:before{content:""}[dir=ltr] .ms-Icon--FeedbackRequestSolid:before{content:""}[dir=ltr] .ms-Icon--FeedbackRequestMirroredSolid:before,[dir=rtl] .ms-Icon--FeedbackRequestSolid:before{content:""}[dir=rtl] .ms-Icon--FeedbackRequestMirroredSolid:before{content:""}.ms-Icon--FeedbackResponseSolid:before{content:""}.ms-Icon--Ferry:before{content:""}.ms-Icon--FerrySolid:before{content:""}.ms-Icon--FieldChanged:before{content:""}.ms-Icon--FieldEmpty:before{content:""}.ms-Icon--FieldFilled:before{content:""}.ms-Icon--FieldNotChanged:before{content:""}.ms-Icon--FieldReadOnly:before{content:""}.ms-Icon--FieldRequired:before{content:""}.ms-Icon--FileASPX:before{content:""}.ms-Icon--FileBug:before{content:""}.ms-Icon--FileCode:before{content:""}.ms-Icon--FileComment:before{content:""}.ms-Icon--FileCSS:before{content:""}.ms-Icon--FileHTML:before{content:""}.ms-Icon--FileImage:before{content:""}.ms-Icon--FileJAVA:before{content:""}.ms-Icon--FileLess:before{content:""}.ms-Icon--FilePDB:before{content:""}.ms-Icon--FileSass:before{content:""}.ms-Icon--FileSQL:before{content:""}.ms-Icon--FileSymlink:before{content:""}.ms-Icon--FileTemplate:before{content:""}.ms-Icon--FileTypeSolution:before{content:""}.ms-Icon--FileYML:before{content:""}.ms-Icon--Filter:before{content:""}.ms-Icon--Filters:before{content:""}.ms-Icon--FilterSolid:before{content:""}.ms-Icon--FiltersSolid:before{content:""}.ms-Icon--Financial:before{content:""}[dir=ltr] .ms-Icon--FinancialSolid:before{content:""}[dir=ltr] .ms-Icon--FinancialMirroredSolid:before,[dir=rtl] .ms-Icon--FinancialSolid:before{content:""}[dir=rtl] .ms-Icon--FinancialMirroredSolid:before{content:""}.ms-Icon--Fingerprint:before{content:""}.ms-Icon--FiveTileGrid:before{content:""}.ms-Icon--Flag:before{content:""}.ms-Icon--FlameSolid:before{content:""}.ms-Icon--FlickDown:before{content:""}.ms-Icon--FlickLeft:before{content:""}.ms-Icon--FlickRight:before{content:""}.ms-Icon--FlickUp:before{content:""}.ms-Icon--Flow:before{content:""}.ms-Icon--FocalPoint:before{content:""}.ms-Icon--Fog:before{content:""}.ms-Icon--Folder:before{content:""}.ms-Icon--FolderFill:before{content:""}.ms-Icon--FolderHorizontal:before{content:""}[dir=ltr] .ms-Icon--FolderList:before{content:""}[dir=ltr] .ms-Icon--FolderListMirrored:before,[dir=rtl] .ms-Icon--FolderList:before{content:""}[dir=rtl] .ms-Icon--FolderListMirrored:before{content:""}.ms-Icon--FolderOpen:before{content:""}.ms-Icon--FolderQuery:before{content:""}.ms-Icon--FolderSearch:before{content:""}.ms-Icon--FollowUser:before{content:""}.ms-Icon--Font:before{content:""}.ms-Icon--FontColor:before{content:""}.ms-Icon--FontColorA:before{content:""}.ms-Icon--FontColorSwatch:before{content:""}.ms-Icon--FontDecrease:before{content:""}.ms-Icon--FontIncrease:before{content:""}.ms-Icon--FontSize:before{content:""}[dir=ltr] .ms-Icon--FormLibrary:before{content:""}[dir=ltr] .ms-Icon--FormLibraryMirrored:before,[dir=rtl] .ms-Icon--FormLibrary:before{content:""}[dir=rtl] .ms-Icon--FormLibraryMirrored:before{content:""}.ms-Icon--Forward:before{content:""}.ms-Icon--ForwardEvent:before{content:""}.ms-Icon--Freezing:before{content:""}.ms-Icon--Frigid:before{content:""}.ms-Icon--FSharp:before{content:""}.ms-Icon--FSharpLanguage:before{content:""}.ms-Icon--FullCircleMask:before{content:""}.ms-Icon--FullHistory:before{content:""}.ms-Icon--FullScreen:before{content:""}.ms-Icon--FullWidth:before{content:""}.ms-Icon--FullWidthEdit:before{content:""}.ms-Icon--FunctionalManagerDashboard:before{content:""}.ms-Icon--GallatinLogo:before{content:""}.ms-Icon--Generate:before{content:""}.ms-Icon--GenericScan:before{content:""}.ms-Icon--Giftbox:before{content:""}.ms-Icon--GiftboxOpen:before{content:""}.ms-Icon--GiftBoxSolid:before{content:""}.ms-Icon--GiftCard:before{content:""}.ms-Icon--GitFork:before{content:""}.ms-Icon--GitGraph:before{content:""}.ms-Icon--Glasses:before{content:""}.ms-Icon--Glimmer:before{content:""}.ms-Icon--GlobalNavButton:before{content:""}.ms-Icon--Globe:before{content:""}.ms-Icon--Globe2:before{content:""}.ms-Icon--GlobeFavorite:before{content:""}.ms-Icon--Golf:before{content:""}.ms-Icon--GotoToday:before{content:""}.ms-Icon--GridViewLarge:before{content:""}.ms-Icon--GridViewMedium:before{content:""}.ms-Icon--GridViewSmall:before{content:""}.ms-Icon--GripperBarHorizontal:before{content:""}.ms-Icon--GripperBarVertical:before{content:""}.ms-Icon--GripperTool:before{content:""}.ms-Icon--Group:before{content:""}.ms-Icon--GroupedAscending:before{content:""}.ms-Icon--GroupedDescending:before{content:""}.ms-Icon--GroupedList:before{content:""}.ms-Icon--GroupObject:before{content:""}.ms-Icon--GUID:before{content:""}.ms-Icon--Guitar:before{content:""}.ms-Icon--HailDay:before{content:""}.ms-Icon--HailNight:before{content:""}.ms-Icon--HalfAlpha:before{content:""}.ms-Icon--HalfCircle:before{content:""}.ms-Icon--HandsFree:before{content:""}.ms-Icon--Handwriting:before{content:""}.ms-Icon--HardDrive:before{content:""}.ms-Icon--HardDriveGroup:before{content:""}.ms-Icon--HardDriveLock:before{content:""}.ms-Icon--HardDriveUnlock:before{content:""}.ms-Icon--Header1:before{content:""}.ms-Icon--Header2:before{content:""}.ms-Icon--Header3:before{content:""}.ms-Icon--Header4:before{content:""}.ms-Icon--Headset:before{content:""}.ms-Icon--HeadsetSolid:before{content:""}.ms-Icon--Health:before{content:""}.ms-Icon--HealthSolid:before{content:""}.ms-Icon--Heart:before{content:""}.ms-Icon--HeartBroken:before{content:""}.ms-Icon--HeartFill:before{content:""}[dir=ltr] .ms-Icon--Help:before{content:""}[dir=ltr] .ms-Icon--HelpMirrored:before,[dir=rtl] .ms-Icon--Help:before{content:""}[dir=rtl] .ms-Icon--HelpMirrored:before{content:""}.ms-Icon--Hexagon:before{content:""}.ms-Icon--Hide:before{content:""}.ms-Icon--Hide2:before{content:""}.ms-Icon--Highlight:before{content:""}.ms-Icon--HighlightMappedShapes:before{content:""}.ms-Icon--HintText:before{content:""}.ms-Icon--History:before{content:""}.ms-Icon--Home:before{content:""}.ms-Icon--HomeSolid:before{content:""}.ms-Icon--HorizontalDistributeCenter:before{content:""}.ms-Icon--Hospital:before{content:""}.ms-Icon--Hotel:before{content:""}.ms-Icon--HourGlass:before{content:""}.ms-Icon--IconSetsFlag:before{content:""}.ms-Icon--IDBadge:before{content:""}.ms-Icon--ImageCrosshair:before{content:""}.ms-Icon--ImageDiff:before{content:""}.ms-Icon--ImagePixel:before{content:""}.ms-Icon--ImageSearch:before{content:""}.ms-Icon--Important:before{content:""}[dir=ltr] .ms-Icon--Import:before{content:""}[dir=ltr] .ms-Icon--ImportMirrored:before,[dir=rtl] .ms-Icon--Import:before{content:""}[dir=rtl] .ms-Icon--ImportMirrored:before{content:""}.ms-Icon--Inbox:before{content:""}.ms-Icon--InboxCheck:before{content:""}.ms-Icon--IncidentTriangle:before{content:""}.ms-Icon--IncreaseIndentLegacy:before{content:""}.ms-Icon--Info:before{content:""}.ms-Icon--Info2:before{content:""}.ms-Icon--InfoSolid:before{content:""}.ms-Icon--InsertColumnsLeft:before{content:""}.ms-Icon--InsertColumnsRight:before{content:""}.ms-Icon--InsertRowsAbove:before{content:""}.ms-Icon--InsertRowsBelow:before{content:""}.ms-Icon--InsertSignatureLine:before{content:""}.ms-Icon--InsertTextBox:before{content:""}.ms-Icon--InstallToDrive:before{content:""}.ms-Icon--InternetSharing:before{content:""}[dir=ltr] .ms-Icon--IRMForward:before{content:""}[dir=ltr] .ms-Icon--IRMForwardMirrored:before,[dir=rtl] .ms-Icon--IRMForward:before{content:""}[dir=rtl] .ms-Icon--IRMForwardMirrored:before{content:""}[dir=ltr] .ms-Icon--IRMReply:before{content:""}[dir=ltr] .ms-Icon--IRMReplyMirrored:before,[dir=rtl] .ms-Icon--IRMReply:before{content:""}[dir=rtl] .ms-Icon--IRMReplyMirrored:before{content:""}.ms-Icon--IssueSolid:before{content:""}[dir=ltr] .ms-Icon--IssueTracking:before{content:""}[dir=ltr] .ms-Icon--IssueTrackingMirrored:before,[dir=rtl] .ms-Icon--IssueTracking:before{content:""}[dir=rtl] .ms-Icon--IssueTrackingMirrored:before{content:""}.ms-Icon--Italic:before{content:""}.ms-Icon--JavaScriptLanguage:before{content:""}.ms-Icon--JoinOnlineMeeting:before{content:""}.ms-Icon--JS:before{content:""}.ms-Icon--KaizalaLogo:before{content:""}.ms-Icon--Label:before{content:""}.ms-Icon--LadybugSolid:before{content:""}.ms-Icon--Lamp:before{content:""}.ms-Icon--LandscapeOrientation:before{content:""}.ms-Icon--LaptopSecure:before{content:""}.ms-Icon--LaptopSelected:before{content:""}.ms-Icon--LargeGrid:before{content:""}.ms-Icon--Leave:before{content:""}.ms-Icon--Library:before{content:""}.ms-Icon--Lifesaver:before{content:""}.ms-Icon--LifesaverLock:before{content:""}.ms-Icon--Light:before{content:""}.ms-Icon--Lightbulb:before{content:""}.ms-Icon--LightningBolt:before{content:""}.ms-Icon--LightWeight:before{content:""}.ms-Icon--Like:before{content:""}.ms-Icon--LikeSolid:before{content:""}.ms-Icon--Line:before{content:""}.ms-Icon--LineChart:before{content:""}.ms-Icon--LineSpacing:before{content:""}.ms-Icon--LineStyle:before{content:""}.ms-Icon--LineThickness:before{content:""}.ms-Icon--Link:before{content:""}.ms-Icon--LinkedInLogo:before{content:""}[dir=ltr] .ms-Icon--List:before{content:""}[dir=ltr] .ms-Icon--ListMirrored:before,[dir=rtl] .ms-Icon--List:before{content:""}[dir=rtl] .ms-Icon--ListMirrored:before{content:""}.ms-Icon--LocaleLanguage:before{content:""}.ms-Icon--Location:before{content:""}.ms-Icon--LocationCircle:before{content:""}.ms-Icon--LocationDot:before{content:""}.ms-Icon--LocationFill:before{content:""}.ms-Icon--LocationOutline:before{content:""}.ms-Icon--Lock:before{content:""}.ms-Icon--LockSolid:before{content:""}.ms-Icon--LogRemove:before{content:""}.ms-Icon--LookupEntities:before{content:""}.ms-Icon--LowerBrightness:before{content:""}.ms-Icon--LyncLogo:before{content:""}.ms-Icon--Mail:before{content:""}.ms-Icon--MailAlert:before{content:""}.ms-Icon--MailCheck:before{content:""}.ms-Icon--MailFill:before{content:""}[dir=ltr] .ms-Icon--MailForward:before{content:""}[dir=ltr] .ms-Icon--MailForwardMirrored:before,[dir=rtl] .ms-Icon--MailForward:before{content:""}[dir=rtl] .ms-Icon--MailForwardMirrored:before{content:""}.ms-Icon--MailLowImportance:before{content:""}.ms-Icon--MailPause:before{content:""}.ms-Icon--MailReminder:before{content:""}.ms-Icon--MailRepeat:before{content:""}[dir=ltr] .ms-Icon--MailReplyAll:before{content:""}[dir=ltr] .ms-Icon--MailReplyAllMirrored:before,[dir=rtl] .ms-Icon--MailReplyAll:before{content:""}[dir=rtl] .ms-Icon--MailReplyAllMirrored:before{content:""}[dir=ltr] .ms-Icon--MailReply:before{content:""}[dir=ltr] .ms-Icon--MailReplyMirrored:before,[dir=rtl] .ms-Icon--MailReply:before{content:""}[dir=rtl] .ms-Icon--MailReplyMirrored:before{content:""}.ms-Icon--MailSolid:before{content:""}[dir=ltr] .ms-Icon--MailTentative:before{content:""}[dir=ltr] .ms-Icon--MailTentativeMirrored:before,[dir=rtl] .ms-Icon--MailTentative:before{content:""}[dir=rtl] .ms-Icon--MailTentativeMirrored:before{content:""}.ms-Icon--MailUndelivered:before{content:""}.ms-Icon--ManagerSelfService:before{content:""}.ms-Icon--MapDirections:before{content:""}.ms-Icon--MapPin:before{content:""}.ms-Icon--MapPinSolid:before{content:""}.ms-Icon--MarkDownLanguage:before{content:""}.ms-Icon--Market:before{content:""}.ms-Icon--MarketDown:before{content:""}.ms-Icon--MasterDatabase:before{content:""}.ms-Icon--MaximumValue:before{content:""}.ms-Icon--Medal:before{content:""}.ms-Icon--MediaAdd:before{content:""}.ms-Icon--Medical:before{content:""}.ms-Icon--Megaphone:before{content:""}.ms-Icon--MegaphoneSolid:before{content:""}.ms-Icon--Memo:before{content:""}.ms-Icon--Merge:before{content:""}.ms-Icon--MergeDuplicate:before{content:""}.ms-Icon--Message:before{content:""}.ms-Icon--MessageFill:before{content:""}.ms-Icon--MicOff:before{content:""}.ms-Icon--Microphone:before{content:""}.ms-Icon--MicrosoftFlowLogo:before{content:""}.ms-Icon--MicrosoftStaffhubLogo:before{content:""}.ms-Icon--MiniContract:before{content:""}.ms-Icon--MiniExpand:before{content:""}.ms-Icon--MiniLink:before{content:""}.ms-Icon--MinimumValue:before{content:""}.ms-Icon--MobileReport:before{content:""}.ms-Icon--MobileSelected:before{content:""}.ms-Icon--Money:before{content:""}.ms-Icon--More:before{content:""}.ms-Icon--MoreSports:before{content:""}.ms-Icon--MoreVertical:before{content:""}.ms-Icon--Move:before{content:""}.ms-Icon--Movers:before{content:""}.ms-Icon--MoveToFolder:before{content:""}.ms-Icon--MSNLogo:before{content:""}.ms-Icon--MSNVideos:before{content:""}.ms-Icon--MSNVideosSolid:before{content:""}.ms-Icon--MTMLogo:before{content:""}[dir=ltr] .ms-Icon--MultiSelect:before{content:""}[dir=ltr] .ms-Icon--MultiSelectMirrored:before,[dir=rtl] .ms-Icon--MultiSelect:before{content:""}[dir=rtl] .ms-Icon--MultiSelectMirrored:before{content:""}.ms-Icon--MusicInCollection:before{content:""}.ms-Icon--MusicInCollectionFill:before{content:""}.ms-Icon--MusicNote:before{content:""}.ms-Icon--MyMoviesTV:before{content:""}.ms-Icon--Nav2DMapView:before{content:""}[dir=ltr] .ms-Icon--NavigateBack:before{content:""}[dir=ltr] .ms-Icon--NavigateBackMirrored:before,[dir=rtl] .ms-Icon--NavigateBack:before{content:""}[dir=rtl] .ms-Icon--NavigateBackMirrored:before{content:""}.ms-Icon--NavigateExternalInline:before{content:""}[dir=ltr] .ms-Icon--NavigateForward:before{content:""}[dir=ltr] .ms-Icon--NavigateForwardMirrored:before,[dir=rtl] .ms-Icon--NavigateForward:before{content:""}[dir=rtl] .ms-Icon--NavigateForwardMirrored:before{content:""}.ms-Icon--NavigationFlipper:before{content:""}.ms-Icon--NetworkTower:before{content:""}.ms-Icon--NewAnalyticsQuery:before{content:""}.ms-Icon--NewFolder:before{content:""}.ms-Icon--News:before{content:""}.ms-Icon--NewsSearch:before{content:""}.ms-Icon--NewTeamProject:before{content:""}.ms-Icon--Next:before{content:""}.ms-Icon--NonprofitLogo32:before{content:""}.ms-Icon--NormalWeight:before{content:""}.ms-Icon--NoteForward:before{content:""}.ms-Icon--NotePinned:before{content:""}.ms-Icon--NoteReply:before{content:""}.ms-Icon--NotExecuted:before{content:""}.ms-Icon--NotImpactedSolid:before{content:""}.ms-Icon--NugetLogo:before{content:""}.ms-Icon--NumberedList:before{content:""}.ms-Icon--NumberField:before{content:""}.ms-Icon--NumberSequence:before{content:""}.ms-Icon--Octagon:before{content:""}.ms-Icon--OEM:before{content:""}.ms-Icon--OfficeAddinsLogo:before{content:""}.ms-Icon--OfficeAssistantLogo:before{content:""}.ms-Icon--OfficeFormsLogo:before{content:""}.ms-Icon--OfficeFormsLogo16:before{content:""}.ms-Icon--OfficeFormsLogo24:before{content:""}.ms-Icon--OfficeFormsLogoFill:before{content:""}.ms-Icon--OfficeFormsLogoFill16:before{content:""}.ms-Icon--OfficeFormsLogoFill24:before{content:""}.ms-Icon--OfficeFormsLogoInverse:before{content:""}.ms-Icon--OfficeFormsLogoInverse16:before{content:""}.ms-Icon--OfficeFormsLogoInverse24:before{content:""}.ms-Icon--OfficeLogo:before{content:""}.ms-Icon--OfficeStoreLogo:before{content:""}.ms-Icon--OfficeVideoLogo:before{content:""}.ms-Icon--OfficeVideoLogoFill:before{content:""}.ms-Icon--OfficeVideoLogoInverse:before{content:""}.ms-Icon--OfflineOneDriveParachute:before{content:""}.ms-Icon--OfflineOneDriveParachuteDisabled:before{content:""}.ms-Icon--OfflineStorageSolid:before{content:""}.ms-Icon--OneDrive:before{content:""}.ms-Icon--OneDriveAdd:before{content:""}.ms-Icon--OneDriveFolder16:before{content:""}.ms-Icon--OneNoteEduLogoInverse:before{content:""}.ms-Icon--OneNoteLogo:before{content:""}.ms-Icon--OneNoteLogo16:before{content:""}.ms-Icon--OneNoteLogoFill:before{content:""}.ms-Icon--OneNoteLogoFill16:before{content:""}.ms-Icon--OneNoteLogoInverse:before{content:""}.ms-Icon--OneNoteLogoInverse16:before{content:""}.ms-Icon--OpenFile:before{content:""}.ms-Icon--OpenFolderHorizontal:before{content:""}.ms-Icon--OpenInNewWindow:before{content:""}[dir=ltr] .ms-Icon--OpenPane:before{content:""}[dir=ltr] .ms-Icon--OpenPaneMirrored:before,[dir=rtl] .ms-Icon--OpenPane:before{content:""}[dir=rtl] .ms-Icon--OpenPaneMirrored:before{content:""}.ms-Icon--OpenSource:before{content:""}.ms-Icon--Org:before{content:""}.ms-Icon--Orientation:before{content:""}.ms-Icon--OutlookLogo:before{content:""}.ms-Icon--OutlookLogo16:before{content:""}.ms-Icon--OutlookLogoFill:before{content:""}.ms-Icon--OutlookLogoFill16:before{content:""}.ms-Icon--OutlookLogoInverse:before{content:""}.ms-Icon--OutlookLogoInverse16:before{content:""}.ms-Icon--OutOfOffice:before{content:""}.ms-Icon--Package:before{content:""}.ms-Icon--Packages:before{content:""}.ms-Icon--Padding:before{content:""}.ms-Icon--PaddingBottom:before{content:""}.ms-Icon--PaddingLeft:before{content:""}.ms-Icon--PaddingRight:before{content:""}.ms-Icon--PaddingTop:before{content:""}.ms-Icon--Page:before{content:""}.ms-Icon--PageAdd:before{content:""}.ms-Icon--PageCheckedin:before{content:""}.ms-Icon--PageCheckedOut:before{content:""}.ms-Icon--PageEdit:before{content:""}.ms-Icon--PageLeft:before{content:""}[dir=ltr] .ms-Icon--PageListSolid:before{content:""}[dir=ltr] .ms-Icon--PageListMirroredSolid:before,[dir=rtl] .ms-Icon--PageListSolid:before{content:""}[dir=rtl] .ms-Icon--PageListMirroredSolid:before{content:""}.ms-Icon--PageLock:before{content:""}.ms-Icon--PageRemove:before{content:""}.ms-Icon--PageRight:before{content:""}.ms-Icon--PageSolid:before{content:""}.ms-Icon--PanoIndicator:before{content:""}.ms-Icon--Parachute:before{content:""}.ms-Icon--ParachuteSolid:before{content:""}.ms-Icon--Parameter:before{content:""}[dir=ltr] .ms-Icon--ParkingLocation:before{content:""}[dir=ltr] .ms-Icon--ParkingLocationMirrored:before,[dir=rtl] .ms-Icon--ParkingLocation:before{content:""}[dir=rtl] .ms-Icon--ParkingLocationMirrored:before{content:""}[dir=ltr] .ms-Icon--ParkingSolid:before{content:""}[dir=ltr] .ms-Icon--ParkingMirroredSolid:before,[dir=rtl] .ms-Icon--ParkingSolid:before{content:""}[dir=rtl] .ms-Icon--ParkingMirroredSolid:before{content:""}.ms-Icon--PartlyCloudyDay:before{content:""}.ms-Icon--PartlyCloudyNight:before{content:""}.ms-Icon--PartyLeader:before{content:""}.ms-Icon--Paste:before{content:""}.ms-Icon--PasteAsCode:before{content:""}.ms-Icon--PasteAsText:before{content:""}.ms-Icon--Pause:before{content:""}.ms-Icon--PaymentCard:before{content:""}.ms-Icon--PC1:before{content:""}.ms-Icon--PDF:before{content:""}.ms-Icon--PencilReply:before{content:""}.ms-Icon--Pentagon:before{content:""}.ms-Icon--People:before{content:""}.ms-Icon--PeopleAdd:before{content:""}.ms-Icon--PeopleAlert:before{content:""}.ms-Icon--PeopleBlock:before{content:""}.ms-Icon--PeoplePause:before{content:""}.ms-Icon--PeopleRepeat:before{content:""}.ms-Icon--Permissions:before{content:""}.ms-Icon--PermissionsSolid:before{content:""}.ms-Icon--Personalize:before{content:""}.ms-Icon--Phishing:before{content:""}.ms-Icon--Phone:before{content:""}.ms-Icon--Photo2:before{content:""}.ms-Icon--Photo2Add:before{content:""}.ms-Icon--Photo2Remove:before{content:""}.ms-Icon--PhotoCollection:before{content:""}.ms-Icon--Picture:before{content:""}.ms-Icon--PictureCenter:before{content:""}.ms-Icon--PictureFill:before{content:""}.ms-Icon--PictureLibrary:before{content:""}.ms-Icon--PicturePosition:before{content:""}.ms-Icon--PictureStretch:before{content:""}.ms-Icon--PictureTile:before{content:""}.ms-Icon--PieDouble:before{content:""}.ms-Icon--PieSingle:before{content:""}.ms-Icon--PieSingleSolid:before{content:""}.ms-Icon--Pill:before{content:""}.ms-Icon--Pin:before{content:""}.ms-Icon--Pinned:before{content:""}.ms-Icon--PinnedFill:before{content:""}.ms-Icon--PivotChart:before{content:""}.ms-Icon--PlannerLogo:before{content:""}.ms-Icon--PlanView:before{content:""}.ms-Icon--Play:before{content:""}.ms-Icon--PlayerSettings:before{content:""}.ms-Icon--PlayResume:before{content:""}.ms-Icon--Plug:before{content:""}.ms-Icon--PlugConnected:before{content:""}.ms-Icon--PlugDisconnected:before{content:""}.ms-Icon--PlugSolid:before{content:""}.ms-Icon--POI:before{content:""}.ms-Icon--POISolid:before{content:""}.ms-Icon--PostUpdate:before{content:""}.ms-Icon--PowerApps:before{content:""}.ms-Icon--PowerApps2Logo:before{content:""}.ms-Icon--PowerAppsLogo:before{content:""}.ms-Icon--PowerBILogo:before{content:""}.ms-Icon--PowerButton:before{content:""}.ms-Icon--PowerPointDocument:before{content:""}.ms-Icon--PowerPointLogo:before{content:""}.ms-Icon--PowerPointLogo16:before{content:""}.ms-Icon--PowerPointLogoFill:before{content:""}.ms-Icon--PowerPointLogoFill16:before{content:""}.ms-Icon--PowerPointLogoInverse:before{content:""}.ms-Icon--PowerPointLogoInverse16:before{content:""}.ms-Icon--Precipitation:before{content:""}.ms-Icon--PresenceChickletVideo:before{content:""}.ms-Icon--Preview:before{content:""}.ms-Icon--PreviewLink:before{content:""}.ms-Icon--Previous:before{content:""}.ms-Icon--PrimaryCalendar:before{content:""}.ms-Icon--Print:before{content:""}.ms-Icon--PrintfaxPrinterFile:before{content:""}.ms-Icon--Processing:before{content:""}.ms-Icon--ProcessMetaTask:before{content:""}.ms-Icon--Product:before{content:""}.ms-Icon--ProfileSearch:before{content:""}.ms-Icon--ProFootball:before{content:""}.ms-Icon--ProgressLoopInner:before{content:""}.ms-Icon--ProgressLoopOuter:before{content:""}.ms-Icon--ProgressRingDots:before{content:""}.ms-Icon--ProHockey:before{content:""}.ms-Icon--ProjectCollection:before{content:""}.ms-Icon--ProjectLogo16:before{content:""}.ms-Icon--ProjectLogo32:before{content:""}.ms-Icon--ProjectLogoFill16:before{content:""}.ms-Icon--ProjectLogoFill32:before{content:""}.ms-Icon--ProjectLogoInverse:before{content:""}.ms-Icon--ProtectedDocument:before{content:""}.ms-Icon--ProtectionCenterLogo32:before{content:""}.ms-Icon--ProtectRestrict:before{content:""}.ms-Icon--PublicCalendar:before{content:""}[dir=ltr] .ms-Icon--PublicContactCard:before{content:""}[dir=ltr] .ms-Icon--PublicContactCardMirrored:before,[dir=rtl] .ms-Icon--PublicContactCard:before{content:""}[dir=rtl] .ms-Icon--PublicContactCardMirrored:before{content:""}.ms-Icon--PublicEmail:before{content:""}.ms-Icon--PublicFolder:before{content:""}.ms-Icon--PublishCourse:before{content:""}.ms-Icon--PublisherLogo:before{content:""}.ms-Icon--PublisherLogo16:before{content:""}.ms-Icon--PublisherLogoFill:before{content:""}.ms-Icon--PublisherLogoFill16:before{content:""}.ms-Icon--PublisherLogoInverse16:before{content:""}.ms-Icon--Puzzle:before{content:""}.ms-Icon--PY:before{content:""}.ms-Icon--PythonLanguage:before{content:""}.ms-Icon--QuarterCircle:before{content:""}.ms-Icon--QueryList:before{content:""}[dir=ltr] .ms-Icon--Questionnaire:before{content:""}[dir=ltr] .ms-Icon--QuestionnaireMirrored:before,[dir=rtl] .ms-Icon--Questionnaire:before{content:""}[dir=rtl] .ms-Icon--QuestionnaireMirrored:before{content:""}.ms-Icon--QuickNote:before{content:""}.ms-Icon--QuickNoteSolid:before{content:""}.ms-Icon--R:before{content:""}.ms-Icon--RadioBtnOff:before{content:""}.ms-Icon--RadioBtnOn:before{content:""}.ms-Icon--RadioBullet:before{content:""}.ms-Icon--Rain:before{content:""}.ms-Icon--RainShowersDay:before{content:""}.ms-Icon--RainShowersNight:before{content:""}.ms-Icon--RainSnow:before{content:""}.ms-Icon--RawSource:before{content:""}.ms-Icon--Read:before{content:""}.ms-Icon--ReadingMode:before{content:""}.ms-Icon--ReadingModeSolid:before{content:""}.ms-Icon--ReadOutLoud:before{content:""}.ms-Icon--ReceiptCheck:before{content:""}.ms-Icon--ReceiptForward:before{content:""}.ms-Icon--ReceiptReply:before{content:""}[dir=ltr] .ms-Icon--ReceiptTentative:before{content:""}[dir=ltr] .ms-Icon--ReceiptTentativeMirrored:before,[dir=rtl] .ms-Icon--ReceiptTentative:before{content:""}[dir=rtl] .ms-Icon--ReceiptTentativeMirrored:before{content:""}.ms-Icon--ReceiptUndelivered:before{content:""}.ms-Icon--Recent:before{content:""}.ms-Icon--Record2:before{content:""}.ms-Icon--RectangleShapeSolid:before{content:""}.ms-Icon--RectangularClipping:before{content:""}.ms-Icon--RecurringEvent:before{content:""}.ms-Icon--RecurringTask:before{content:""}.ms-Icon--RecycleBin:before{content:""}.ms-Icon--Redeploy:before{content:""}.ms-Icon--RedEye:before{content:""}.ms-Icon--Redo:before{content:""}.ms-Icon--Refresh:before{content:""}.ms-Icon--ReminderGroup:before{content:""}.ms-Icon--ReminderPerson:before{content:""}.ms-Icon--Remote:before{content:""}.ms-Icon--Remove:before{content:""}.ms-Icon--RemoveEvent:before{content:""}.ms-Icon--RemoveFilter:before{content:""}.ms-Icon--RemoveLink:before{content:""}.ms-Icon--RemoveOccurrence:before{content:""}.ms-Icon--Rename:before{content:""}.ms-Icon--RenewalCurrent:before{content:""}.ms-Icon--RenewalFuture:before{content:""}.ms-Icon--ReopenPages:before{content:""}.ms-Icon--Repair:before{content:""}.ms-Icon--ReplyAllAlt:before{content:""}[dir=ltr] .ms-Icon--ReplyAll:before{content:""}[dir=ltr] .ms-Icon--ReplyAllMirrored:before,[dir=rtl] .ms-Icon--ReplyAll:before{content:""}[dir=rtl] .ms-Icon--ReplyAllMirrored:before{content:""}.ms-Icon--ReplyAlt:before{content:""}[dir=ltr] .ms-Icon--Reply:before{content:""}[dir=ltr] .ms-Icon--ReplyMirrored:before,[dir=rtl] .ms-Icon--Reply:before{content:""}[dir=rtl] .ms-Icon--ReplyMirrored:before{content:""}.ms-Icon--Repo:before{content:""}.ms-Icon--ReportAdd:before{content:""}.ms-Icon--ReportHacked:before{content:""}[dir=ltr] .ms-Icon--ReportLibrary:before{content:""}[dir=ltr] .ms-Icon--ReportLibraryMirrored:before,[dir=rtl] .ms-Icon--ReportLibrary:before{content:""}[dir=rtl] .ms-Icon--ReportLibraryMirrored:before{content:""}.ms-Icon--RepoSolid:before{content:""}.ms-Icon--ReturnToSession:before{content:""}[dir=ltr] .ms-Icon--ReviewRequestSolid:before{content:""}[dir=ltr] .ms-Icon--ReviewRequestMirroredSolid:before,[dir=rtl] .ms-Icon--ReviewRequestSolid:before{content:""}[dir=rtl] .ms-Icon--ReviewRequestMirroredSolid:before{content:""}.ms-Icon--ReviewResponseSolid:before{content:""}.ms-Icon--ReviewSolid:before{content:""}.ms-Icon--RevToggleKey:before{content:""}.ms-Icon--Rewind:before{content:""}.ms-Icon--Ribbon:before{content:""}.ms-Icon--RibbonSolid:before{content:""}.ms-Icon--RightDoubleQuote:before{content:""}.ms-Icon--RightTriangle:before{content:""}.ms-Icon--Ringer:before{content:""}.ms-Icon--RingerOff:before{content:""}.ms-Icon--RingerRemove:before{content:""}.ms-Icon--Robot:before{content:""}.ms-Icon--Rocket:before{content:""}.ms-Icon--Room:before{content:""}.ms-Icon--Rotate:before{content:""}.ms-Icon--RowsChild:before{content:""}.ms-Icon--RowsGroup:before{content:""}.ms-Icon--Rugby:before{content:""}.ms-Icon--Running:before{content:""}.ms-Icon--Sad:before{content:""}.ms-Icon--SadSolid:before{content:""}.ms-Icon--Save:before{content:""}.ms-Icon--SaveAll:before{content:""}.ms-Icon--SaveAndClose:before{content:""}.ms-Icon--SaveAs:before{content:""}.ms-Icon--Savings:before{content:""}.ms-Icon--ScaleUp:before{content:""}.ms-Icon--ScheduleEventAction:before{content:""}.ms-Icon--ScopeTemplate:before{content:""}.ms-Icon--Script:before{content:""}.ms-Icon--ScrollUpDown:before{content:""}.ms-Icon--Search:before{content:""}.ms-Icon--SearchAndApps:before{content:""}.ms-Icon--SearchBookmark:before{content:""}.ms-Icon--SearchCalendar:before{content:""}[dir=ltr] .ms-Icon--SearchIssue:before{content:""}[dir=ltr] .ms-Icon--SearchIssueMirrored:before,[dir=rtl] .ms-Icon--SearchIssue:before{content:""}[dir=rtl] .ms-Icon--SearchIssueMirrored:before{content:""}.ms-Icon--Section:before{content:""}.ms-Icon--Sections:before{content:""}.ms-Icon--SecurityGroup:before{content:""}.ms-Icon--SelectAll:before{content:""}.ms-Icon--Sell:before{content:""}.ms-Icon--SemiboldWeight:before{content:""}[dir=ltr] .ms-Icon--Send:before{content:""}[dir=ltr] .ms-Icon--SendMirrored:before,[dir=rtl] .ms-Icon--Send:before{content:""}[dir=rtl] .ms-Icon--SendMirrored:before{content:""}.ms-Icon--Separator:before{content:""}.ms-Icon--Server:before{content:""}.ms-Icon--ServerEnviroment:before{content:""}.ms-Icon--ServerProcesses:before{content:""}.ms-Icon--SetAction:before{content:""}.ms-Icon--Settings:before{content:""}.ms-Icon--Share:before{content:""}.ms-Icon--ShareiOS:before{content:""}.ms-Icon--SharepointLogo:before{content:""}.ms-Icon--SharepointLogoFill:before{content:""}.ms-Icon--SharepointLogoInverse:before{content:""}.ms-Icon--Shield:before{content:""}.ms-Icon--ShieldSolid:before{content:""}.ms-Icon--Shop:before{content:""}.ms-Icon--ShoppingCart:before{content:""}.ms-Icon--ShoppingCartSolid:before{content:""}.ms-Icon--ShopServer:before{content:""}[dir=ltr] .ms-Icon--ShowResults:before{content:""}[dir=ltr] .ms-Icon--ShowResultsMirrored:before,[dir=rtl] .ms-Icon--ShowResults:before{content:""}[dir=rtl] .ms-Icon--ShowResultsMirrored:before{content:""}[dir=ltr] .ms-Icon--SidePanel:before{content:""}[dir=ltr] .ms-Icon--SidePanelMirrored:before,[dir=rtl] .ms-Icon--SidePanel:before{content:""}[dir=rtl] .ms-Icon--SidePanelMirrored:before{content:""}.ms-Icon--SignOut:before{content:""}.ms-Icon--SingleBookmark:before{content:""}.ms-Icon--SingleBookmarkSolid:before{content:""}.ms-Icon--SingleColumn:before{content:""}.ms-Icon--SingleColumnEdit:before{content:""}.ms-Icon--SIPMove:before{content:""}.ms-Icon--SiteScan:before{content:""}.ms-Icon--SizeLegacy:before{content:""}.ms-Icon--SkiResorts:before{content:""}.ms-Icon--SkypeCheck:before{content:""}.ms-Icon--SkypeCircleCheck:before{content:""}.ms-Icon--SkypeCircleClock:before{content:""}.ms-Icon--SkypeCircleMinus:before{content:""}.ms-Icon--SkypeClock:before{content:""}.ms-Icon--SkypeForBusinessLogo:before{content:""}.ms-Icon--SkypeForBusinessLogo16:before{content:""}.ms-Icon--SkypeForBusinessLogoFill:before{content:""}.ms-Icon--SkypeForBusinessLogoFill16:before{content:""}.ms-Icon--SkypeLogo:before{content:""}.ms-Icon--SkypeLogo16:before{content:""}.ms-Icon--SkypeMessage:before{content:""}.ms-Icon--SkypeMinus:before{content:""}.ms-Icon--Slider:before{content:""}.ms-Icon--SliderHandleSize:before{content:""}.ms-Icon--SliderThumb:before{content:""}.ms-Icon--Snooze:before{content:""}.ms-Icon--Snow:before{content:""}.ms-Icon--Snowflake:before{content:""}.ms-Icon--SnowShowerDay:before{content:""}.ms-Icon--SnowShowerNight:before{content:""}.ms-Icon--Soccer:before{content:""}.ms-Icon--SocialListeningLogo:before{content:""}.ms-Icon--Sort:before{content:""}.ms-Icon--SortDown:before{content:""}.ms-Icon--SortLines:before{content:""}.ms-Icon--SortUp:before{content:""}.ms-Icon--Source:before{content:""}.ms-Icon--Spacer:before{content:""}.ms-Icon--Speakers:before{content:""}.ms-Icon--SpeedHigh:before{content:""}.ms-Icon--Split:before{content:""}.ms-Icon--SplitObject:before{content:""}.ms-Icon--Sprint:before{content:""}.ms-Icon--Squalls:before{content:""}.ms-Icon--SquareShapeSolid:before{content:""}.ms-Icon--Stack:before{content:""}.ms-Icon--StackedBarChart:before{content:""}.ms-Icon--StackedLineChart:before{content:""}.ms-Icon--StackIndicator:before{content:""}.ms-Icon--StaffNotebookLogo16:before{content:""}.ms-Icon--StaffNotebookLogo32:before{content:""}.ms-Icon--StaffNotebookLogoFill16:before{content:""}.ms-Icon--StaffNotebookLogoFill32:before{content:""}.ms-Icon--StaffNotebookLogoInverted16:before{content:""}.ms-Icon--StaffNotebookLogoInverted32:before{content:""}.ms-Icon--Starburst:before{content:""}.ms-Icon--StarburstSolid:before{content:""}.ms-Icon--StatusCircleBlock2:before{content:""}.ms-Icon--StatusCircleCheckmark:before{content:""}.ms-Icon--StatusCircleErrorX:before{content:""}.ms-Icon--StatusCircleExclamation:before{content:""}.ms-Icon--StatusCircleInfo:before{content:""}.ms-Icon--StatusCircleInner:before{content:""}.ms-Icon--StatusCircleOuter:before{content:""}.ms-Icon--StatusCircleQuestionMark:before{content:""}.ms-Icon--StatusCircleRing:before{content:""}.ms-Icon--StatusErrorFull:before{content:""}.ms-Icon--StatusTriangle:before{content:""}.ms-Icon--StatusTriangleExclamation:before{content:""}.ms-Icon--StatusTriangleInner:before{content:""}.ms-Icon--StatusTriangleOuter:before{content:""}.ms-Icon--Step:before{content:""}.ms-Icon--StepInsert:before{content:""}.ms-Icon--StepShared:before{content:""}.ms-Icon--StepSharedAdd:before{content:""}.ms-Icon--StepSharedInsert:before{content:""}.ms-Icon--StockDown:before{content:""}.ms-Icon--StockUp:before{content:""}.ms-Icon--Stop:before{content:""}.ms-Icon--StopSolid:before{content:""}.ms-Icon--Stopwatch:before{content:""}.ms-Icon--StoreLogo16:before{content:""}.ms-Icon--StoreLogoMed20:before{content:""}.ms-Icon--Storyboard:before{content:""}.ms-Icon--Streaming:before{content:""}.ms-Icon--StreamingOff:before{content:""}.ms-Icon--StreamLogo:before{content:""}.ms-Icon--Strikethrough:before{content:""}.ms-Icon--Subscribe:before{content:""}.ms-Icon--Subscript:before{content:""}.ms-Icon--SubstitutionsIn:before{content:""}.ms-Icon--Suitcase:before{content:""}.ms-Icon--SunAdd:before{content:""}.ms-Icon--Sunny:before{content:""}.ms-Icon--SunQuestionMark:before{content:""}.ms-Icon--Superscript:before{content:""}.ms-Icon--SurveyQuestions:before{content:""}.ms-Icon--SwayLogo16:before{content:""}.ms-Icon--SwayLogo32:before{content:""}.ms-Icon--SwayLogoFill16:before{content:""}.ms-Icon--SwayLogoFill32:before{content:""}.ms-Icon--SwayLogoInverse:before{content:""}.ms-Icon--Switch:before{content:""}.ms-Icon--SwitcherStartEnd:before{content:""}.ms-Icon--Sync:before{content:""}.ms-Icon--SyncFolder:before{content:""}.ms-Icon--SyncOccurence:before{content:""}.ms-Icon--SyncToPC:before{content:""}.ms-Icon--System:before{content:""}.ms-Icon--Tab:before{content:""}.ms-Icon--Table:before{content:""}.ms-Icon--Tablet:before{content:""}.ms-Icon--TabletMode:before{content:""}.ms-Icon--TabletSelected:before{content:""}.ms-Icon--Tag:before{content:""}.ms-Icon--Taskboard:before{content:""}[dir=ltr] .ms-Icon--TaskGroup:before{content:""}[dir=ltr] .ms-Icon--TaskGroupMirrored:before,[dir=rtl] .ms-Icon--TaskGroup:before{content:""}[dir=rtl] .ms-Icon--TaskGroupMirrored:before{content:""}.ms-Icon--TaskLogo:before{content:""}[dir=ltr] .ms-Icon--TaskManager:before{content:""}[dir=ltr] .ms-Icon--TaskManagerMirrored:before,[dir=rtl] .ms-Icon--TaskManager:before{content:""}[dir=rtl] .ms-Icon--TaskManagerMirrored:before{content:""}.ms-Icon--TaskSolid:before{content:""}.ms-Icon--Taxi:before{content:""}.ms-Icon--TeamFavorite:before{content:""}.ms-Icon--TeamsLogo:before{content:""}.ms-Icon--TeamsLogoFill:before{content:""}.ms-Icon--TeamsLogoInverse:before{content:""}.ms-Icon--Teamwork:before{content:""}.ms-Icon--Teeth:before{content:""}.ms-Icon--TemporaryUser:before{content:""}.ms-Icon--Tennis:before{content:""}.ms-Icon--TestAutoSolid:before{content:""}.ms-Icon--TestBeaker:before{content:""}.ms-Icon--TestBeakerSolid:before{content:""}.ms-Icon--TestCase:before{content:""}.ms-Icon--TestExploreSolid:before{content:""}.ms-Icon--TestImpactSolid:before{content:""}.ms-Icon--TestParameter:before{content:""}.ms-Icon--TestPlan:before{content:""}.ms-Icon--TestStep:before{content:""}.ms-Icon--TestSuite:before{content:""}.ms-Icon--TestUserSolid:before{content:""}.ms-Icon--TextBox:before{content:""}.ms-Icon--TextCallout:before{content:""}.ms-Icon--TextDocument:before{content:""}.ms-Icon--TextDocumentShared:before{content:""}.ms-Icon--TextField:before{content:""}.ms-Icon--TextOverflow:before{content:""}.ms-Icon--TFVCLogo:before{content:""}.ms-Icon--ThisPC:before{content:""}.ms-Icon--ThreeQuarterCircle:before{content:""}[dir=ltr] .ms-Icon--ThumbnailView:before{content:""}[dir=ltr] .ms-Icon--ThumbnailViewMirrored:before,[dir=rtl] .ms-Icon--ThumbnailView:before{content:""}[dir=rtl] .ms-Icon--ThumbnailViewMirrored:before{content:""}.ms-Icon--Thunderstorms:before{content:""}.ms-Icon--Ticket:before{content:""}.ms-Icon--Tiles:before{content:""}.ms-Icon--Tiles2:before{content:""}.ms-Icon--TimeEntry:before{content:""}.ms-Icon--Timeline:before{content:""}.ms-Icon--TimelineDelivery:before{content:""}.ms-Icon--TimelineMatrixView:before{content:""}.ms-Icon--TimelineProgress:before{content:""}.ms-Icon--Timer:before{content:""}.ms-Icon--TimeSheet:before{content:""}.ms-Icon--ToDoLogoBottom:before{content:""}.ms-Icon--ToDoLogoInverse:before{content:""}.ms-Icon--ToDoLogoTop:before{content:""}.ms-Icon--ToggleBorder:before{content:""}.ms-Icon--ToggleFilled:before{content:""}.ms-Icon--ToggleOff:before{content:""}.ms-Icon--ToggleThumb:before{content:""}.ms-Icon--Toll:before{content:""}.ms-Icon--Touch:before{content:""}.ms-Icon--TouchPointer:before{content:""}[dir=ltr] .ms-Icon--Trackers:before{content:""}[dir=ltr] .ms-Icon--TrackersMirrored:before,[dir=rtl] .ms-Icon--Trackers:before{content:""}[dir=rtl] .ms-Icon--TrackersMirrored:before{content:""}.ms-Icon--Train:before{content:""}.ms-Icon--TrainSolid:before{content:""}.ms-Icon--TransferCall:before{content:""}.ms-Icon--Transition:before{content:""}.ms-Icon--TransitionEffect:before{content:""}.ms-Icon--TransitionPop:before{content:""}.ms-Icon--TransitionPush:before{content:""}.ms-Icon--Trending12:before{content:""}.ms-Icon--TriangleDown12:before{content:""}.ms-Icon--TriangleLeft12:before{content:""}.ms-Icon--TriangleRight12:before{content:""}.ms-Icon--TriangleShapeSolid:before{content:""}.ms-Icon--TriangleSolid:before{content:""}.ms-Icon--TriangleSolidDown12:before{content:""}.ms-Icon--TriangleSolidLeft12:before{content:""}.ms-Icon--TriangleSolidRight12:before{content:""}.ms-Icon--TriangleSolidUp12:before{content:""}.ms-Icon--TriangleUp12:before{content:""}.ms-Icon--TriggerApproval:before{content:""}.ms-Icon--TriggerAuto:before{content:""}.ms-Icon--TriggerUser:before{content:""}.ms-Icon--TripleColumn:before{content:""}.ms-Icon--TripleColumnEdit:before{content:""}.ms-Icon--Trophy:before{content:""}.ms-Icon--Trophy2:before{content:""}.ms-Icon--Trophy2Solid:before{content:""}.ms-Icon--TurnRight:before{content:""}.ms-Icon--TVMonitor:before{content:""}.ms-Icon--TVMonitorSelected:before{content:""}.ms-Icon--TypeScriptLanguage:before{content:""}.ms-Icon--Umbrella:before{content:""}.ms-Icon--Underline:before{content:""}.ms-Icon--Undo:before{content:""}[dir=ltr] .ms-Icon--Uneditable:before{content:""}[dir=ltr] .ms-Icon--UneditableMirrored:before,[dir=rtl] .ms-Icon--Uneditable:before{content:""}[dir=rtl] .ms-Icon--UneditableMirrored:before{content:""}[dir=ltr] .ms-Icon--UneditableSolid12:before{content:""}[dir=ltr] .ms-Icon--UneditableSolidMirrored12:before,[dir=rtl] .ms-Icon--UneditableSolid12:before{content:""}[dir=rtl] .ms-Icon--UneditableSolidMirrored12:before{content:""}.ms-Icon--Unfavorite:before{content:""}.ms-Icon--UngroupObject:before{content:""}.ms-Icon--UnknownCall:before{content:""}[dir=ltr] .ms-Icon--Unknown:before{content:""}[dir=ltr] .ms-Icon--UnknownMirrored:before,[dir=rtl] .ms-Icon--Unknown:before{content:""}[dir=rtl] .ms-Icon--UnknownMirrored:before{content:""}[dir=ltr] .ms-Icon--UnknownSolid:before{content:""}[dir=ltr] .ms-Icon--UnknownMirroredSolid:before,[dir=rtl] .ms-Icon--UnknownSolid:before{content:""}[dir=rtl] .ms-Icon--UnknownMirroredSolid:before{content:""}.ms-Icon--Unlock:before{content:""}.ms-Icon--UnlockSolid:before{content:""}.ms-Icon--Unpin:before{content:""}.ms-Icon--Unsubscribe:before{content:""}.ms-Icon--UnsyncFolder:before{content:""}.ms-Icon--UnsyncOccurence:before{content:""}.ms-Icon--Up:before{content:""}.ms-Icon--Upload:before{content:""}.ms-Icon--UserEvent:before{content:""}.ms-Icon--UserFollowed:before{content:""}.ms-Icon--UserPause:before{content:""}.ms-Icon--UserRemove:before{content:""}.ms-Icon--UserSync:before{content:""}.ms-Icon--Vacation:before{content:""}.ms-Icon--Variable:before{content:""}.ms-Icon--VariableGroup:before{content:""}.ms-Icon--VB:before{content:""}.ms-Icon--VennDiagram:before{content:""}.ms-Icon--VersionControlPush:before{content:""}.ms-Icon--VerticalDistributeCenter:before{content:""}.ms-Icon--Video:before{content:""}.ms-Icon--VideoOff:before{content:""}.ms-Icon--VideoSearch:before{content:""}.ms-Icon--VideoSolid:before{content:""}.ms-Icon--View:before{content:""}.ms-Icon--ViewAll:before{content:""}.ms-Icon--ViewAll2:before{content:""}.ms-Icon--ViewDashboard:before{content:""}.ms-Icon--ViewList:before{content:""}.ms-Icon--ViewListGroup:before{content:""}.ms-Icon--ViewListTree:before{content:""}.ms-Icon--VisioDiagram:before{content:""}.ms-Icon--VisioDocument:before{content:""}.ms-Icon--VisioLogo:before{content:""}.ms-Icon--VisioLogo16:before{content:""}.ms-Icon--VisioLogoFill:before{content:""}.ms-Icon--VisioLogoFill16:before{content:""}.ms-Icon--VisioLogoInverse:before{content:""}.ms-Icon--VisioLogoInverse16:before{content:""}.ms-Icon--VisualBasicLanguage:before{content:""}.ms-Icon--VisualsFolder:before{content:""}.ms-Icon--VisualsStore:before{content:""}.ms-Icon--VisualStudioIDELogo32:before{content:""}.ms-Icon--VisualStudioLogo:before{content:""}.ms-Icon--VoicemailForward:before{content:""}.ms-Icon--VoicemailIRM:before{content:""}.ms-Icon--VoicemailReply:before{content:""}.ms-Icon--Volume0:before{content:""}.ms-Icon--Volume1:before{content:""}.ms-Icon--Volume2:before{content:""}.ms-Icon--Volume3:before{content:""}.ms-Icon--VolumeDisabled:before{content:""}.ms-Icon--VSTSAltLogo1:before{content:""}.ms-Icon--VSTSAltLogo2:before{content:""}.ms-Icon--VSTSLogo:before{content:""}.ms-Icon--Waffle:before{content:""}.ms-Icon--WaffleOffice365:before{content:""}[dir=ltr] .ms-Icon--WaitlistConfirm:before{content:""}[dir=ltr] .ms-Icon--WaitlistConfirmMirrored:before,[dir=rtl] .ms-Icon--WaitlistConfirm:before{content:""}[dir=rtl] .ms-Icon--WaitlistConfirmMirrored:before{content:""}.ms-Icon--Warning:before{content:""}.ms-Icon--Warning12:before{content:""}.ms-Icon--WebPublish:before{content:""}.ms-Icon--Website:before{content:""}.ms-Icon--Weights:before{content:""}.ms-Icon--WhiteBoardApp16:before{content:""}.ms-Icon--WhiteBoardApp32:before{content:""}.ms-Icon--WifiEthernet:before{content:""}.ms-Icon--WindDirection:before{content:""}.ms-Icon--WindowEdit:before{content:""}.ms-Icon--WindowsLogo:before{content:""}.ms-Icon--Wines:before{content:""}.ms-Icon--WipePhone:before{content:""}.ms-Icon--WordDocument:before{content:""}.ms-Icon--WordLogo:before{content:""}.ms-Icon--WordLogo16:before{content:""}.ms-Icon--WordLogoFill:before{content:""}.ms-Icon--WordLogoFill16:before{content:""}.ms-Icon--WordLogoInverse:before{content:""}.ms-Icon--WordLogoInverse16:before{content:""}.ms-Icon--Work:before{content:""}.ms-Icon--WorkFlow:before{content:""}.ms-Icon--WorkforceManagement:before{content:""}.ms-Icon--WorkItem:before{content:""}.ms-Icon--WorkItemBar:before{content:""}.ms-Icon--WorkItemBarSolid:before{content:""}.ms-Icon--WorkItemBug:before{content:""}.ms-Icon--World:before{content:""}.ms-Icon--WorldClock:before{content:""}.ms-Icon--YammerLogo:before{content:""}.ms-Icon--ZipFolder:before{content:""}.ms-Icon--Zoom:before{content:""}.ms-Icon--ZoomIn:before{content:""}.ms-Icon--ZoomOut:before{content:""}.ms-Icon--HumanResources:before{content:""}.ms-Icon--StoreLogo:before{content:""}.ms-Icon--StoreLogoMed:before{content:""}@media (max-width:479px){.ms-hiddenLgDown,.ms-hiddenMdDown,.ms-hiddenSm,.ms-hiddenXlDown,.ms-hiddenXxlDown{display:none!important}}@media (min-width:480px) and (max-width:639px){.ms-hiddenLgDown,.ms-hiddenMd,.ms-hiddenMdDown,.ms-hiddenMdUp,.ms-hiddenXlDown,.ms-hiddenXxlDown{display:none!important}}@media (min-width:640px) and (max-width:1023px){.ms-hiddenLg,.ms-hiddenLgDown,.ms-hiddenLgUp,.ms-hiddenMdUp,.ms-hiddenXlDown,.ms-hiddenXxlDown{display:none!important}}@media (min-width:1024px) and (max-width:1365px){.ms-hiddenLgUp,.ms-hiddenMdUp,.ms-hiddenXl,.ms-hiddenXlDown,.ms-hiddenXlUp,.ms-hiddenXxlDown{display:none!important}}@media (min-width:1366px) and (max-width:1919px){.ms-hiddenLgUp,.ms-hiddenMdUp,.ms-hiddenXlUp,.ms-hiddenXxl,.ms-hiddenXxlDown,.ms-hiddenXxlUp{display:none!important}}@media (min-width:1920px){.ms-hiddenLgUp,.ms-hiddenMdUp,.ms-hiddenXlUp,.ms-hiddenXxlUp,.ms-hiddenXxxl{display:none!important}}.ms-sm12{width:100%}.ms-sm11{width:91.66666666666666%}.ms-sm10{width:83.33333333333334%}.ms-sm9{width:75%}.ms-sm8{width:66.66666666666666%}.ms-sm7{width:58.333333333333336%}.ms-sm6{width:50%}.ms-sm5{width:41.66666666666667%}.ms-sm4{width:33.33333333333333%}.ms-sm3{width:25%}.ms-sm2{width:16.666666666666664%}.ms-sm1{width:8.333333333333332%}[dir=ltr] .ms-smPull12{right:100%}[dir=rtl] .ms-smPull12{left:100%}[dir=ltr] .ms-smPull11{right:91.66667%}[dir=rtl] .ms-smPull11{left:91.66667%}[dir=ltr] .ms-smPull10{right:83.33333%}[dir=rtl] .ms-smPull10{left:83.33333%}[dir=ltr] .ms-smPull9{right:75%}[dir=rtl] .ms-smPull9{left:75%}[dir=ltr] .ms-smPull8{right:66.66667%}[dir=rtl] .ms-smPull8{left:66.66667%}[dir=ltr] .ms-smPull7{right:58.33333%}[dir=rtl] .ms-smPull7{left:58.33333%}[dir=ltr] .ms-smPull6{right:50%}[dir=rtl] .ms-smPull6{left:50%}[dir=ltr] .ms-smPull5{right:41.66667%}[dir=rtl] .ms-smPull5{left:41.66667%}[dir=ltr] .ms-smPull4{right:33.33333%}[dir=rtl] .ms-smPull4{left:33.33333%}[dir=ltr] .ms-smPull3{right:25%}[dir=rtl] .ms-smPull3{left:25%}[dir=ltr] .ms-smPull2{right:16.66667%}[dir=rtl] .ms-smPull2{left:16.66667%}[dir=ltr] .ms-smPull1{right:8.33333%}[dir=rtl] .ms-smPull1{left:8.33333%}[dir=ltr] .ms-smPull0{right:auto}[dir=rtl] .ms-smPull0{left:auto}[dir=ltr] .ms-smPush12{left:100%}[dir=rtl] .ms-smPush12{right:100%}[dir=ltr] .ms-smPush11{left:91.66667%}[dir=rtl] .ms-smPush11{right:91.66667%}[dir=ltr] .ms-smPush10{left:83.33333%}[dir=rtl] .ms-smPush10{right:83.33333%}[dir=ltr] .ms-smPush9{left:75%}[dir=rtl] .ms-smPush9{right:75%}[dir=ltr] .ms-smPush8{left:66.66667%}[dir=rtl] .ms-smPush8{right:66.66667%}[dir=ltr] .ms-smPush7{left:58.33333%}[dir=rtl] .ms-smPush7{right:58.33333%}[dir=ltr] .ms-smPush6{left:50%}[dir=rtl] .ms-smPush6{right:50%}[dir=ltr] .ms-smPush5{left:41.66667%}[dir=rtl] .ms-smPush5{right:41.66667%}[dir=ltr] .ms-smPush4{left:33.33333%}[dir=rtl] .ms-smPush4{right:33.33333%}[dir=ltr] .ms-smPush3{left:25%}[dir=rtl] .ms-smPush3{right:25%}[dir=ltr] .ms-smPush2{left:16.66667%}[dir=rtl] .ms-smPush2{right:16.66667%}[dir=ltr] .ms-smPush1{left:8.33333%}[dir=rtl] .ms-smPush1{right:8.33333%}[dir=ltr] .ms-smPush0{left:auto}[dir=rtl] .ms-smPush0{right:auto}[dir=ltr] .ms-smOffset11{margin-left:91.66667%}[dir=rtl] .ms-smOffset11{margin-right:91.66667%}[dir=ltr] .ms-smOffset10{margin-left:83.33333%}[dir=rtl] .ms-smOffset10{margin-right:83.33333%}[dir=ltr] .ms-smOffset9{margin-left:75%}[dir=rtl] .ms-smOffset9{margin-right:75%}[dir=ltr] .ms-smOffset8{margin-left:66.66667%}[dir=rtl] .ms-smOffset8{margin-right:66.66667%}[dir=ltr] .ms-smOffset7{margin-left:58.33333%}[dir=rtl] .ms-smOffset7{margin-right:58.33333%}[dir=ltr] .ms-smOffset6{margin-left:50%}[dir=rtl] .ms-smOffset6{margin-right:50%}[dir=ltr] .ms-smOffset5{margin-left:41.66667%}[dir=rtl] .ms-smOffset5{margin-right:41.66667%}[dir=ltr] .ms-smOffset4{margin-left:33.33333%}[dir=rtl] .ms-smOffset4{margin-right:33.33333%}[dir=ltr] .ms-smOffset3{margin-left:25%}[dir=rtl] .ms-smOffset3{margin-right:25%}[dir=ltr] .ms-smOffset2{margin-left:16.66667%}[dir=rtl] .ms-smOffset2{margin-right:16.66667%}[dir=ltr] .ms-smOffset1{margin-left:8.33333%}[dir=rtl] .ms-smOffset1{margin-right:8.33333%}[dir=ltr] .ms-smOffset0{margin-left:0}[dir=rtl] .ms-smOffset0{margin-right:0}@media (min-width:480px){.ms-md12{width:100%}}@media (min-width:480px){.ms-md11{width:91.66666666666666%}}@media (min-width:480px){.ms-md10{width:83.33333333333334%}}@media (min-width:480px){.ms-md9{width:75%}}@media (min-width:480px){.ms-md8{width:66.66666666666666%}}@media (min-width:480px){.ms-md7{width:58.333333333333336%}}@media (min-width:480px){.ms-md6{width:50%}}@media (min-width:480px){.ms-md5{width:41.66666666666667%}}@media (min-width:480px){.ms-md4{width:33.33333333333333%}}@media (min-width:480px){.ms-md3{width:25%}}@media (min-width:480px){.ms-md2{width:16.666666666666664%}}@media (min-width:480px){.ms-md1{width:8.333333333333332%}}@media (min-width:480px){[dir=ltr] .ms-mdPull12{right:100%}[dir=rtl] .ms-mdPull12{left:100%}}@media (min-width:480px){[dir=ltr] .ms-mdPull11{right:91.66667%}[dir=rtl] .ms-mdPull11{left:91.66667%}}@media (min-width:480px){[dir=ltr] .ms-mdPull10{right:83.33333%}[dir=rtl] .ms-mdPull10{left:83.33333%}}@media (min-width:480px){[dir=ltr] .ms-mdPull9{right:75%}[dir=rtl] .ms-mdPull9{left:75%}}@media (min-width:480px){[dir=ltr] .ms-mdPull8{right:66.66667%}[dir=rtl] .ms-mdPull8{left:66.66667%}}@media (min-width:480px){[dir=ltr] .ms-mdPull7{right:58.33333%}[dir=rtl] .ms-mdPull7{left:58.33333%}}@media (min-width:480px){[dir=ltr] .ms-mdPull6{right:50%}[dir=rtl] .ms-mdPull6{left:50%}}@media (min-width:480px){[dir=ltr] .ms-mdPull5{right:41.66667%}[dir=rtl] .ms-mdPull5{left:41.66667%}}@media (min-width:480px){[dir=ltr] .ms-mdPull4{right:33.33333%}[dir=rtl] .ms-mdPull4{left:33.33333%}}@media (min-width:480px){[dir=ltr] .ms-mdPull3{right:25%}[dir=rtl] .ms-mdPull3{left:25%}}@media (min-width:480px){[dir=ltr] .ms-mdPull2{right:16.66667%}[dir=rtl] .ms-mdPull2{left:16.66667%}}@media (min-width:480px){[dir=ltr] .ms-mdPull1{right:8.33333%}[dir=rtl] .ms-mdPull1{left:8.33333%}}@media (min-width:480px){[dir=ltr] .ms-mdPull0{right:auto}[dir=rtl] .ms-mdPull0{left:auto}}@media (min-width:480px){[dir=ltr] .ms-mdPush12{left:100%}[dir=rtl] .ms-mdPush12{right:100%}}@media (min-width:480px){[dir=ltr] .ms-mdPush11{left:91.66667%}[dir=rtl] .ms-mdPush11{right:91.66667%}}@media (min-width:480px){[dir=ltr] .ms-mdPush10{left:83.33333%}[dir=rtl] .ms-mdPush10{right:83.33333%}}@media (min-width:480px){[dir=ltr] .ms-mdPush9{left:75%}[dir=rtl] .ms-mdPush9{right:75%}}@media (min-width:480px){[dir=ltr] .ms-mdPush8{left:66.66667%}[dir=rtl] .ms-mdPush8{right:66.66667%}}@media (min-width:480px){[dir=ltr] .ms-mdPush7{left:58.33333%}[dir=rtl] .ms-mdPush7{right:58.33333%}}@media (min-width:480px){[dir=ltr] .ms-mdPush6{left:50%}[dir=rtl] .ms-mdPush6{right:50%}}@media (min-width:480px){[dir=ltr] .ms-mdPush5{left:41.66667%}[dir=rtl] .ms-mdPush5{right:41.66667%}}@media (min-width:480px){[dir=ltr] .ms-mdPush4{left:33.33333%}[dir=rtl] .ms-mdPush4{right:33.33333%}}@media (min-width:480px){[dir=ltr] .ms-mdPush3{left:25%}[dir=rtl] .ms-mdPush3{right:25%}}@media (min-width:480px){[dir=ltr] .ms-mdPush2{left:16.66667%}[dir=rtl] .ms-mdPush2{right:16.66667%}}@media (min-width:480px){[dir=ltr] .ms-mdPush1{left:8.33333%}[dir=rtl] .ms-mdPush1{right:8.33333%}}@media (min-width:480px){[dir=ltr] .ms-mdPush0{left:auto}[dir=rtl] .ms-mdPush0{right:auto}}@media (min-width:480px){[dir=ltr] .ms-mdOffset11{margin-left:91.66667%}[dir=rtl] .ms-mdOffset11{margin-right:91.66667%}}@media (min-width:480px){[dir=ltr] .ms-mdOffset10{margin-left:83.33333%}[dir=rtl] .ms-mdOffset10{margin-right:83.33333%}}@media (min-width:480px){[dir=ltr] .ms-mdOffset9{margin-left:75%}[dir=rtl] .ms-mdOffset9{margin-right:75%}}@media (min-width:480px){[dir=ltr] .ms-mdOffset8{margin-left:66.66667%}[dir=rtl] .ms-mdOffset8{margin-right:66.66667%}}@media (min-width:480px){[dir=ltr] .ms-mdOffset7{margin-left:58.33333%}[dir=rtl] .ms-mdOffset7{margin-right:58.33333%}}@media (min-width:480px){[dir=ltr] .ms-mdOffset6{margin-left:50%}[dir=rtl] .ms-mdOffset6{margin-right:50%}}@media (min-width:480px){[dir=ltr] .ms-mdOffset5{margin-left:41.66667%}[dir=rtl] .ms-mdOffset5{margin-right:41.66667%}}@media (min-width:480px){[dir=ltr] .ms-mdOffset4{margin-left:33.33333%}[dir=rtl] .ms-mdOffset4{margin-right:33.33333%}}@media (min-width:480px){[dir=ltr] .ms-mdOffset3{margin-left:25%}[dir=rtl] .ms-mdOffset3{margin-right:25%}}@media (min-width:480px){[dir=ltr] .ms-mdOffset2{margin-left:16.66667%}[dir=rtl] .ms-mdOffset2{margin-right:16.66667%}}@media (min-width:480px){[dir=ltr] .ms-mdOffset1{margin-left:8.33333%}[dir=rtl] .ms-mdOffset1{margin-right:8.33333%}}@media (min-width:480px){[dir=ltr] .ms-mdOffset0{margin-left:0}[dir=rtl] .ms-mdOffset0{margin-right:0}}@media (min-width:640px){.ms-lg12{width:100%}}@media (min-width:640px){.ms-lg11{width:91.66666666666666%}}@media (min-width:640px){.ms-lg10{width:83.33333333333334%}}@media (min-width:640px){.ms-lg9{width:75%}}@media (min-width:640px){.ms-lg8{width:66.66666666666666%}}@media (min-width:640px){.ms-lg7{width:58.333333333333336%}}@media (min-width:640px){.ms-lg6{width:50%}}@media (min-width:640px){.ms-lg5{width:41.66666666666667%}}@media (min-width:640px){.ms-lg4{width:33.33333333333333%}}@media (min-width:640px){.ms-lg3{width:25%}}@media (min-width:640px){.ms-lg2{width:16.666666666666664%}}@media (min-width:640px){.ms-lg1{width:8.333333333333332%}}@media (min-width:640px){[dir=ltr] .ms-lgPull12{right:100%}[dir=rtl] .ms-lgPull12{left:100%}}@media (min-width:640px){[dir=ltr] .ms-lgPull11{right:91.66667%}[dir=rtl] .ms-lgPull11{left:91.66667%}}@media (min-width:640px){[dir=ltr] .ms-lgPull10{right:83.33333%}[dir=rtl] .ms-lgPull10{left:83.33333%}}@media (min-width:640px){[dir=ltr] .ms-lgPull9{right:75%}[dir=rtl] .ms-lgPull9{left:75%}}@media (min-width:640px){[dir=ltr] .ms-lgPull8{right:66.66667%}[dir=rtl] .ms-lgPull8{left:66.66667%}}@media (min-width:640px){[dir=ltr] .ms-lgPull7{right:58.33333%}[dir=rtl] .ms-lgPull7{left:58.33333%}}@media (min-width:640px){[dir=ltr] .ms-lgPull6{right:50%}[dir=rtl] .ms-lgPull6{left:50%}}@media (min-width:640px){[dir=ltr] .ms-lgPull5{right:41.66667%}[dir=rtl] .ms-lgPull5{left:41.66667%}}@media (min-width:640px){[dir=ltr] .ms-lgPull4{right:33.33333%}[dir=rtl] .ms-lgPull4{left:33.33333%}}@media (min-width:640px){[dir=ltr] .ms-lgPull3{right:25%}[dir=rtl] .ms-lgPull3{left:25%}}@media (min-width:640px){[dir=ltr] .ms-lgPull2{right:16.66667%}[dir=rtl] .ms-lgPull2{left:16.66667%}}@media (min-width:640px){[dir=ltr] .ms-lgPull1{right:8.33333%}[dir=rtl] .ms-lgPull1{left:8.33333%}}@media (min-width:640px){[dir=ltr] .ms-lgPull0{right:auto}[dir=rtl] .ms-lgPull0{left:auto}}@media (min-width:640px){[dir=ltr] .ms-lgPush12{left:100%}[dir=rtl] .ms-lgPush12{right:100%}}@media (min-width:640px){[dir=ltr] .ms-lgPush11{left:91.66667%}[dir=rtl] .ms-lgPush11{right:91.66667%}}@media (min-width:640px){[dir=ltr] .ms-lgPush10{left:83.33333%}[dir=rtl] .ms-lgPush10{right:83.33333%}}@media (min-width:640px){[dir=ltr] .ms-lgPush9{left:75%}[dir=rtl] .ms-lgPush9{right:75%}}@media (min-width:640px){[dir=ltr] .ms-lgPush8{left:66.66667%}[dir=rtl] .ms-lgPush8{right:66.66667%}}@media (min-width:640px){[dir=ltr] .ms-lgPush7{left:58.33333%}[dir=rtl] .ms-lgPush7{right:58.33333%}}@media (min-width:640px){[dir=ltr] .ms-lgPush6{left:50%}[dir=rtl] .ms-lgPush6{right:50%}}@media (min-width:640px){[dir=ltr] .ms-lgPush5{left:41.66667%}[dir=rtl] .ms-lgPush5{right:41.66667%}}@media (min-width:640px){[dir=ltr] .ms-lgPush4{left:33.33333%}[dir=rtl] .ms-lgPush4{right:33.33333%}}@media (min-width:640px){[dir=ltr] .ms-lgPush3{left:25%}[dir=rtl] .ms-lgPush3{right:25%}}@media (min-width:640px){[dir=ltr] .ms-lgPush2{left:16.66667%}[dir=rtl] .ms-lgPush2{right:16.66667%}}@media (min-width:640px){[dir=ltr] .ms-lgPush1{left:8.33333%}[dir=rtl] .ms-lgPush1{right:8.33333%}}@media (min-width:640px){[dir=ltr] .ms-lgPush0{left:auto}[dir=rtl] .ms-lgPush0{right:auto}}@media (min-width:640px){[dir=ltr] .ms-lgOffset11{margin-left:91.66667%}[dir=rtl] .ms-lgOffset11{margin-right:91.66667%}}@media (min-width:640px){[dir=ltr] .ms-lgOffset10{margin-left:83.33333%}[dir=rtl] .ms-lgOffset10{margin-right:83.33333%}}@media (min-width:640px){[dir=ltr] .ms-lgOffset9{margin-left:75%}[dir=rtl] .ms-lgOffset9{margin-right:75%}}@media (min-width:640px){[dir=ltr] .ms-lgOffset8{margin-left:66.66667%}[dir=rtl] .ms-lgOffset8{margin-right:66.66667%}}@media (min-width:640px){[dir=ltr] .ms-lgOffset7{margin-left:58.33333%}[dir=rtl] .ms-lgOffset7{margin-right:58.33333%}}@media (min-width:640px){[dir=ltr] .ms-lgOffset6{margin-left:50%}[dir=rtl] .ms-lgOffset6{margin-right:50%}}@media (min-width:640px){[dir=ltr] .ms-lgOffset5{margin-left:41.66667%}[dir=rtl] .ms-lgOffset5{margin-right:41.66667%}}@media (min-width:640px){[dir=ltr] .ms-lgOffset4{margin-left:33.33333%}[dir=rtl] .ms-lgOffset4{margin-right:33.33333%}}@media (min-width:640px){[dir=ltr] .ms-lgOffset3{margin-left:25%}[dir=rtl] .ms-lgOffset3{margin-right:25%}}@media (min-width:640px){[dir=ltr] .ms-lgOffset2{margin-left:16.66667%}[dir=rtl] .ms-lgOffset2{margin-right:16.66667%}}@media (min-width:640px){[dir=ltr] .ms-lgOffset1{margin-left:8.33333%}[dir=rtl] .ms-lgOffset1{margin-right:8.33333%}}@media (min-width:640px){[dir=ltr] .ms-lgOffset0{margin-left:0}[dir=rtl] .ms-lgOffset0{margin-right:0}}@media (min-width:1024px){.ms-xl12{width:100%}}@media (min-width:1024px){.ms-xl11{width:91.66666666666666%}}@media (min-width:1024px){.ms-xl10{width:83.33333333333334%}}@media (min-width:1024px){.ms-xl9{width:75%}}@media (min-width:1024px){.ms-xl8{width:66.66666666666666%}}@media (min-width:1024px){.ms-xl7{width:58.333333333333336%}}@media (min-width:1024px){.ms-xl6{width:50%}}@media (min-width:1024px){.ms-xl5{width:41.66666666666667%}}@media (min-width:1024px){.ms-xl4{width:33.33333333333333%}}@media (min-width:1024px){.ms-xl3{width:25%}}@media (min-width:1024px){.ms-xl2{width:16.666666666666664%}}@media (min-width:1024px){.ms-xl1{width:8.333333333333332%}}@media (min-width:1024px){[dir=ltr] .ms-xlPull12{right:100%}[dir=rtl] .ms-xlPull12{left:100%}}@media (min-width:1024px){[dir=ltr] .ms-xlPull11{right:91.66667%}[dir=rtl] .ms-xlPull11{left:91.66667%}}@media (min-width:1024px){[dir=ltr] .ms-xlPull10{right:83.33333%}[dir=rtl] .ms-xlPull10{left:83.33333%}}@media (min-width:1024px){[dir=ltr] .ms-xlPull9{right:75%}[dir=rtl] .ms-xlPull9{left:75%}}@media (min-width:1024px){[dir=ltr] .ms-xlPull8{right:66.66667%}[dir=rtl] .ms-xlPull8{left:66.66667%}}@media (min-width:1024px){[dir=ltr] .ms-xlPull7{right:58.33333%}[dir=rtl] .ms-xlPull7{left:58.33333%}}@media (min-width:1024px){[dir=ltr] .ms-xlPull6{right:50%}[dir=rtl] .ms-xlPull6{left:50%}}@media (min-width:1024px){[dir=ltr] .ms-xlPull5{right:41.66667%}[dir=rtl] .ms-xlPull5{left:41.66667%}}@media (min-width:1024px){[dir=ltr] .ms-xlPull4{right:33.33333%}[dir=rtl] .ms-xlPull4{left:33.33333%}}@media (min-width:1024px){[dir=ltr] .ms-xlPull3{right:25%}[dir=rtl] .ms-xlPull3{left:25%}}@media (min-width:1024px){[dir=ltr] .ms-xlPull2{right:16.66667%}[dir=rtl] .ms-xlPull2{left:16.66667%}}@media (min-width:1024px){[dir=ltr] .ms-xlPull1{right:8.33333%}[dir=rtl] .ms-xlPull1{left:8.33333%}}@media (min-width:1024px){[dir=ltr] .ms-xlPull0{right:auto}[dir=rtl] .ms-xlPull0{left:auto}}@media (min-width:1024px){[dir=ltr] .ms-xlPush12{left:100%}[dir=rtl] .ms-xlPush12{right:100%}}@media (min-width:1024px){[dir=ltr] .ms-xlPush11{left:91.66667%}[dir=rtl] .ms-xlPush11{right:91.66667%}}@media (min-width:1024px){[dir=ltr] .ms-xlPush10{left:83.33333%}[dir=rtl] .ms-xlPush10{right:83.33333%}}@media (min-width:1024px){[dir=ltr] .ms-xlPush9{left:75%}[dir=rtl] .ms-xlPush9{right:75%}}@media (min-width:1024px){[dir=ltr] .ms-xlPush8{left:66.66667%}[dir=rtl] .ms-xlPush8{right:66.66667%}}@media (min-width:1024px){[dir=ltr] .ms-xlPush7{left:58.33333%}[dir=rtl] .ms-xlPush7{right:58.33333%}}@media (min-width:1024px){[dir=ltr] .ms-xlPush6{left:50%}[dir=rtl] .ms-xlPush6{right:50%}}@media (min-width:1024px){[dir=ltr] .ms-xlPush5{left:41.66667%}[dir=rtl] .ms-xlPush5{right:41.66667%}}@media (min-width:1024px){[dir=ltr] .ms-xlPush4{left:33.33333%}[dir=rtl] .ms-xlPush4{right:33.33333%}}@media (min-width:1024px){[dir=ltr] .ms-xlPush3{left:25%}[dir=rtl] .ms-xlPush3{right:25%}}@media (min-width:1024px){[dir=ltr] .ms-xlPush2{left:16.66667%}[dir=rtl] .ms-xlPush2{right:16.66667%}}@media (min-width:1024px){[dir=ltr] .ms-xlPush1{left:8.33333%}[dir=rtl] .ms-xlPush1{right:8.33333%}}@media (min-width:1024px){[dir=ltr] .ms-xlPush0{left:auto}[dir=rtl] .ms-xlPush0{right:auto}}@media (min-width:1024px){[dir=ltr] .ms-xlOffset11{margin-left:91.66667%}[dir=rtl] .ms-xlOffset11{margin-right:91.66667%}}@media (min-width:1024px){[dir=ltr] .ms-xlOffset10{margin-left:83.33333%}[dir=rtl] .ms-xlOffset10{margin-right:83.33333%}}@media (min-width:1024px){[dir=ltr] .ms-xlOffset9{margin-left:75%}[dir=rtl] .ms-xlOffset9{margin-right:75%}}@media (min-width:1024px){[dir=ltr] .ms-xlOffset8{margin-left:66.66667%}[dir=rtl] .ms-xlOffset8{margin-right:66.66667%}}@media (min-width:1024px){[dir=ltr] .ms-xlOffset7{margin-left:58.33333%}[dir=rtl] .ms-xlOffset7{margin-right:58.33333%}}@media (min-width:1024px){[dir=ltr] .ms-xlOffset6{margin-left:50%}[dir=rtl] .ms-xlOffset6{margin-right:50%}}@media (min-width:1024px){[dir=ltr] .ms-xlOffset5{margin-left:41.66667%}[dir=rtl] .ms-xlOffset5{margin-right:41.66667%}}@media (min-width:1024px){[dir=ltr] .ms-xlOffset4{margin-left:33.33333%}[dir=rtl] .ms-xlOffset4{margin-right:33.33333%}}@media (min-width:1024px){[dir=ltr] .ms-xlOffset3{margin-left:25%}[dir=rtl] .ms-xlOffset3{margin-right:25%}}@media (min-width:1024px){[dir=ltr] .ms-xlOffset2{margin-left:16.66667%}[dir=rtl] .ms-xlOffset2{margin-right:16.66667%}}@media (min-width:1024px){[dir=ltr] .ms-xlOffset1{margin-left:8.33333%}[dir=rtl] .ms-xlOffset1{margin-right:8.33333%}}@media (min-width:1024px){[dir=ltr] .ms-xlOffset0{margin-left:0}[dir=rtl] .ms-xlOffset0{margin-right:0}}@media (min-width:1366px){.ms-xxl12{width:100%}}@media (min-width:1366px){.ms-xxl11{width:91.66666666666666%}}@media (min-width:1366px){.ms-xxl10{width:83.33333333333334%}}@media (min-width:1366px){.ms-xxl9{width:75%}}@media (min-width:1366px){.ms-xxl8{width:66.66666666666666%}}@media (min-width:1366px){.ms-xxl7{width:58.333333333333336%}}@media (min-width:1366px){.ms-xxl6{width:50%}}@media (min-width:1366px){.ms-xxl5{width:41.66666666666667%}}@media (min-width:1366px){.ms-xxl4{width:33.33333333333333%}}@media (min-width:1366px){.ms-xxl3{width:25%}}@media (min-width:1366px){.ms-xxl2{width:16.666666666666664%}}@media (min-width:1366px){.ms-xxl1{width:8.333333333333332%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPull12{right:100%}[dir=rtl] .ms-xxlPull12{left:100%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPull11{right:91.66667%}[dir=rtl] .ms-xxlPull11{left:91.66667%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPull10{right:83.33333%}[dir=rtl] .ms-xxlPull10{left:83.33333%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPull9{right:75%}[dir=rtl] .ms-xxlPull9{left:75%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPull8{right:66.66667%}[dir=rtl] .ms-xxlPull8{left:66.66667%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPull7{right:58.33333%}[dir=rtl] .ms-xxlPull7{left:58.33333%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPull6{right:50%}[dir=rtl] .ms-xxlPull6{left:50%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPull5{right:41.66667%}[dir=rtl] .ms-xxlPull5{left:41.66667%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPull4{right:33.33333%}[dir=rtl] .ms-xxlPull4{left:33.33333%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPull3{right:25%}[dir=rtl] .ms-xxlPull3{left:25%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPull2{right:16.66667%}[dir=rtl] .ms-xxlPull2{left:16.66667%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPull1{right:8.33333%}[dir=rtl] .ms-xxlPull1{left:8.33333%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPull0{right:auto}[dir=rtl] .ms-xxlPull0{left:auto}}@media (min-width:1366px){[dir=ltr] .ms-xxlPush12{left:100%}[dir=rtl] .ms-xxlPush12{right:100%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPush11{left:91.66667%}[dir=rtl] .ms-xxlPush11{right:91.66667%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPush10{left:83.33333%}[dir=rtl] .ms-xxlPush10{right:83.33333%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPush9{left:75%}[dir=rtl] .ms-xxlPush9{right:75%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPush8{left:66.66667%}[dir=rtl] .ms-xxlPush8{right:66.66667%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPush7{left:58.33333%}[dir=rtl] .ms-xxlPush7{right:58.33333%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPush6{left:50%}[dir=rtl] .ms-xxlPush6{right:50%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPush5{left:41.66667%}[dir=rtl] .ms-xxlPush5{right:41.66667%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPush4{left:33.33333%}[dir=rtl] .ms-xxlPush4{right:33.33333%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPush3{left:25%}[dir=rtl] .ms-xxlPush3{right:25%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPush2{left:16.66667%}[dir=rtl] .ms-xxlPush2{right:16.66667%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPush1{left:8.33333%}[dir=rtl] .ms-xxlPush1{right:8.33333%}}@media (min-width:1366px){[dir=ltr] .ms-xxlPush0{left:auto}[dir=rtl] .ms-xxlPush0{right:auto}}@media (min-width:1366px){[dir=ltr] .ms-xxlOffset11{margin-left:91.66667%}[dir=rtl] .ms-xxlOffset11{margin-right:91.66667%}}@media (min-width:1366px){[dir=ltr] .ms-xxlOffset10{margin-left:83.33333%}[dir=rtl] .ms-xxlOffset10{margin-right:83.33333%}}@media (min-width:1366px){[dir=ltr] .ms-xxlOffset9{margin-left:75%}[dir=rtl] .ms-xxlOffset9{margin-right:75%}}@media (min-width:1366px){[dir=ltr] .ms-xxlOffset8{margin-left:66.66667%}[dir=rtl] .ms-xxlOffset8{margin-right:66.66667%}}@media (min-width:1366px){[dir=ltr] .ms-xxlOffset7{margin-left:58.33333%}[dir=rtl] .ms-xxlOffset7{margin-right:58.33333%}}@media (min-width:1366px){[dir=ltr] .ms-xxlOffset6{margin-left:50%}[dir=rtl] .ms-xxlOffset6{margin-right:50%}}@media (min-width:1366px){[dir=ltr] .ms-xxlOffset5{margin-left:41.66667%}[dir=rtl] .ms-xxlOffset5{margin-right:41.66667%}}@media (min-width:1366px){[dir=ltr] .ms-xxlOffset4{margin-left:33.33333%}[dir=rtl] .ms-xxlOffset4{margin-right:33.33333%}}@media (min-width:1366px){[dir=ltr] .ms-xxlOffset3{margin-left:25%}[dir=rtl] .ms-xxlOffset3{margin-right:25%}}@media (min-width:1366px){[dir=ltr] .ms-xxlOffset2{margin-left:16.66667%}[dir=rtl] .ms-xxlOffset2{margin-right:16.66667%}}@media (min-width:1366px){[dir=ltr] .ms-xxlOffset1{margin-left:8.33333%}[dir=rtl] .ms-xxlOffset1{margin-right:8.33333%}}@media (min-width:1366px){[dir=ltr] .ms-xxlOffset0{margin-left:0}[dir=rtl] .ms-xxlOffset0{margin-right:0}}@media (min-width:1920px){.ms-xxxl12{width:100%}}@media (min-width:1920px){.ms-xxxl11{width:91.66666666666666%}}@media (min-width:1920px){.ms-xxxl10{width:83.33333333333334%}}@media (min-width:1920px){.ms-xxxl9{width:75%}}@media (min-width:1920px){.ms-xxxl8{width:66.66666666666666%}}@media (min-width:1920px){.ms-xxxl7{width:58.333333333333336%}}@media (min-width:1920px){.ms-xxxl6{width:50%}}@media (min-width:1920px){.ms-xxxl5{width:41.66666666666667%}}@media (min-width:1920px){.ms-xxxl4{width:33.33333333333333%}}@media (min-width:1920px){.ms-xxxl3{width:25%}}@media (min-width:1920px){.ms-xxxl2{width:16.666666666666664%}}@media (min-width:1920px){.ms-xxxl1{width:8.333333333333332%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPull12{right:100%}[dir=rtl] .ms-xxxlPull12{left:100%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPull11{right:91.66667%}[dir=rtl] .ms-xxxlPull11{left:91.66667%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPull10{right:83.33333%}[dir=rtl] .ms-xxxlPull10{left:83.33333%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPull9{right:75%}[dir=rtl] .ms-xxxlPull9{left:75%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPull8{right:66.66667%}[dir=rtl] .ms-xxxlPull8{left:66.66667%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPull7{right:58.33333%}[dir=rtl] .ms-xxxlPull7{left:58.33333%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPull6{right:50%}[dir=rtl] .ms-xxxlPull6{left:50%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPull5{right:41.66667%}[dir=rtl] .ms-xxxlPull5{left:41.66667%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPull4{right:33.33333%}[dir=rtl] .ms-xxxlPull4{left:33.33333%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPull3{right:25%}[dir=rtl] .ms-xxxlPull3{left:25%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPull2{right:16.66667%}[dir=rtl] .ms-xxxlPull2{left:16.66667%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPull1{right:8.33333%}[dir=rtl] .ms-xxxlPull1{left:8.33333%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPull0{right:auto}[dir=rtl] .ms-xxxlPull0{left:auto}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPush12{left:100%}[dir=rtl] .ms-xxxlPush12{right:100%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPush11{left:91.66667%}[dir=rtl] .ms-xxxlPush11{right:91.66667%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPush10{left:83.33333%}[dir=rtl] .ms-xxxlPush10{right:83.33333%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPush9{left:75%}[dir=rtl] .ms-xxxlPush9{right:75%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPush8{left:66.66667%}[dir=rtl] .ms-xxxlPush8{right:66.66667%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPush7{left:58.33333%}[dir=rtl] .ms-xxxlPush7{right:58.33333%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPush6{left:50%}[dir=rtl] .ms-xxxlPush6{right:50%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPush5{left:41.66667%}[dir=rtl] .ms-xxxlPush5{right:41.66667%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPush4{left:33.33333%}[dir=rtl] .ms-xxxlPush4{right:33.33333%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPush3{left:25%}[dir=rtl] .ms-xxxlPush3{right:25%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPush2{left:16.66667%}[dir=rtl] .ms-xxxlPush2{right:16.66667%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPush1{left:8.33333%}[dir=rtl] .ms-xxxlPush1{right:8.33333%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlPush0{left:auto}[dir=rtl] .ms-xxxlPush0{right:auto}}@media (min-width:1920px){[dir=ltr] .ms-xxxlOffset11{margin-left:91.66667%}[dir=rtl] .ms-xxxlOffset11{margin-right:91.66667%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlOffset10{margin-left:83.33333%}[dir=rtl] .ms-xxxlOffset10{margin-right:83.33333%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlOffset9{margin-left:75%}[dir=rtl] .ms-xxxlOffset9{margin-right:75%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlOffset8{margin-left:66.66667%}[dir=rtl] .ms-xxxlOffset8{margin-right:66.66667%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlOffset7{margin-left:58.33333%}[dir=rtl] .ms-xxxlOffset7{margin-right:58.33333%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlOffset6{margin-left:50%}[dir=rtl] .ms-xxxlOffset6{margin-right:50%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlOffset5{margin-left:41.66667%}[dir=rtl] .ms-xxxlOffset5{margin-right:41.66667%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlOffset4{margin-left:33.33333%}[dir=rtl] .ms-xxxlOffset4{margin-right:33.33333%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlOffset3{margin-left:25%}[dir=rtl] .ms-xxxlOffset3{margin-right:25%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlOffset2{margin-left:16.66667%}[dir=rtl] .ms-xxxlOffset2{margin-right:16.66667%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlOffset1{margin-left:8.33333%}[dir=rtl] .ms-xxxlOffset1{margin-right:8.33333%}}@media (min-width:1920px){[dir=ltr] .ms-xxxlOffset0{margin-left:0}[dir=rtl] .ms-xxxlOffset0{margin-right:0}}.ms-borderBox,.ms-borderBox:after,.ms-borderBox:before{box-sizing:border-box}.ms-borderBase{border:1px solid}.ms-clearfix{*zoom:1}.ms-clearfix:after,.ms-clearfix:before{display:table;content:"";line-height:0}.ms-clearfix:after{clear:both}.ms-normalize{box-sizing:border-box;box-shadow:none;margin:0;padding:0}[dir=ltr] .ms-textAlignLeft{text-align:left}[dir=ltr] .ms-textAlignRight,[dir=rtl] .ms-textAlignLeft{text-align:right}[dir=rtl] .ms-textAlignRight{text-align:left}.ms-textAlignCenter{text-align:center}.ms-screenReaderOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.ms-textTruncate{overflow:hidden;text-overflow:ellipsis;word-wrap:normal}.ms-noWrap,.ms-textTruncate{white-space:nowrap}.ms-Fabric{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:#333;font-family:"Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;font-size:14px}.ms-Fabric button,.ms-Fabric input,.ms-Fabric textarea{font-family:inherit}.ms-Fabric[lang^=ar],.ms-Fabric [lang^=ar],[lang^=ar] .ms-Fabric{font-family:Segoe UI Web\ (Arabic),Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric[lang^=bg],.ms-Fabric [lang^=bg],[lang^=bg] .ms-Fabric{font-family:Segoe UI Web\ (Cyrillic),Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric[lang^=cs],.ms-Fabric [lang^=cs],[lang^=cs] .ms-Fabric{font-family:"Segoe UI Web (East European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric[lang^=el],.ms-Fabric [lang^=el],[lang^=el] .ms-Fabric{font-family:Segoe UI Web\ (Greek),Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric[lang^=et],.ms-Fabric [lang^=et],[lang^=et] .ms-Fabric{font-family:"Segoe UI Web (East European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric[lang^=he],.ms-Fabric [lang^=he],[lang^=he] .ms-Fabric{font-family:Segoe UI Web\ (Hebrew),Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric[lang^=hi],.ms-Fabric [lang^=hi],[lang^=hi] .ms-Fabric{font-family:Nirmala UI,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric[lang^=hr],.ms-Fabric [lang^=hr],.ms-Fabric[lang^=hu],.ms-Fabric [lang^=hu],[lang^=hr] .ms-Fabric,[lang^=hu] .ms-Fabric{font-family:"Segoe UI Web (East European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric[lang^=ja],.ms-Fabric [lang^=ja],[lang^=ja] .ms-Fabric{font-family:Yu Gothic UI,Meiryo UI,Meiryo,MS Pgothic,Osaka,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric[lang^=kk],.ms-Fabric [lang^=kk],[lang^=kk] .ms-Fabric{font-family:"Segoe UI Web (East European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric[lang^=ko],.ms-Fabric [lang^=ko],[lang^=ko] .ms-Fabric{font-family:Malgun Gothic,Gulim,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric[lang^=lo],.ms-Fabric [lang^=lo],[lang^=lo] .ms-Fabric{font-family:Leelawadee UI Web,Lao UI,DokChampa,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric[lang^=lt],.ms-Fabric [lang^=lt],.ms-Fabric[lang^=lv],.ms-Fabric [lang^=lv],.ms-Fabric[lang^=pl],.ms-Fabric [lang^=pl],[lang^=lt] .ms-Fabric,[lang^=lv] .ms-Fabric,[lang^=pl] .ms-Fabric{font-family:"Segoe UI Web (East European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric[lang^=ru],.ms-Fabric [lang^=ru],[lang^=ru] .ms-Fabric{font-family:Segoe UI Web\ (Cyrillic),Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric[lang^=sk],.ms-Fabric [lang^=sk],.ms-Fabric[lang^=sr-latn],.ms-Fabric [lang^=sr-latn],[lang^=sk] .ms-Fabric,[lang^=sr-latn] .ms-Fabric{font-family:"Segoe UI Web (East European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric[lang^=th],.ms-Fabric [lang^=th],[lang^=th] .ms-Fabric{font-family:Leelawadee UI Web,Kmer UI,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric[lang^=tr],.ms-Fabric [lang^=tr],[lang^=tr] .ms-Fabric{font-family:"Segoe UI Web (East European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric[lang^=uk],.ms-Fabric [lang^=uk],[lang^=uk] .ms-Fabric{font-family:Segoe UI Web\ (Cyrillic),Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric[lang^=vi],.ms-Fabric [lang^=vi],[lang^=vi] .ms-Fabric{font-family:Segoe UI Web\ (Vietnamese),Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric[lang^=zh-hans],.ms-Fabric [lang^=zh-hans],[lang^=zh-hans] .ms-Fabric{font-family:Microsoft Yahei UI,Verdana,Simsun,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric[lang^=zh-hant],.ms-Fabric [lang^=zh-hant],[lang^=zh-hant] .ms-Fabric{font-family:Microsoft Jhenghei UI,Pmingliu,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.ms-Fabric--selawik{font-family:Selawik Web,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif} \ No newline at end of file diff --git a/dist/documentation/Animations/index.html b/dist/documentation/Animations/index.html new file mode 100644 index 000000000..69773c266 --- /dev/null +++ b/dist/documentation/Animations/index.html @@ -0,0 +1,668 @@ +<!DOCTYPE html> +<html lang="en" dir="ltr"> +<head> + <meta charset="UTF-8"> + <title>Office Fabric UI Core Documentation</title> + <link rel="stylesheet" href="../../css/fabric.css"> + <link rel="stylesheet" href="../docs.css"> + <link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/2.6.2/css/fabric.components.min.css"> +</head> +<body class="ms-Fabric"> +<div id="body-content"> + <div id="Header" class="docs-Header"> + <a class="ms-font-xxl ms-fontColor-white" href="/">Office UI Fabric</a> + <div class="Header-buttons"> + <a href="https://github.com/OfficeDev/office-ui-fabric-core/" class="Header-button ms-fontColor-white">Github</a> + </div> + </div> + <div class="docs-Page has-leftNav"> + <div class="docs-Page-leftNav"> + <div class="LeftNav-links" role="menu" aria-label="Anchor links for navigating this page"> + <div class="LeftNav-item"> + <a class="Typography LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Typography">Typography</a> + </div> + <div class="LeftNav-item"> + <a class="Color LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Color">Color</a> + </div> + <div class="LeftNav-item"> + <a class="Icons LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Icons">Icons</a> + </div> + <div class="LeftNav-item"> + <a class="Animations LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Animations">Animations</a> + </div> + <div class="LeftNav-item"> + <a class="Responsive-Grid LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Responsive-Grid">Responsive Grid</a> + </div> + <div class="LeftNav-item"> + <a class="Localization LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Localization">Localization</a> + </div> + <div class="LeftNav-item"> + <a class="Scoping LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Scoping">Scoping</a> + </div> + </div> +</div> + +<div class="docs-Styles-section" id="animations"> + <h2>Animations</h2> + <p>Use the animation library to create web experiences that integrate with Office 365. You can use the animation CSS classes for navigation, panels, dialogs, and more. Animations include directionality (up, down, left, right relating to origin and completion of tasks), enter/exit (fade in, fade out, zoom in, zoom out), and duration (speed of enter/exit relating to urgency or content type).</p> + <p>When choosing a motion for side panels, consider the origin of the triggering element. Use the motion to create a link between the action and the resulting UI. For example, if the triggering element is on the right side of the interface, consider having the panel move in from the right.</p> + <p>When choosing a motion for dialogs, consider the origin and tone of the content. For a warning or error dialog, a quick fade in might be appropriate. If the dialog appears when a user chooses an item to get more information, a scale-up might be appropriate.</p> + <div class="docs-animationsTable" role="table"> + <!-- Header Row --> + <div class="docs-animationsTable-header ms-Grid-row" role="row"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-l docs-subHeading ms-fontWeight-semibold docs-animationClassColumn" role="columnheader">CSS Class</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-l docs-subHeading ms-fontWeight-semibold docs-animationDescriptionColumn" role="columnheader">Description</div> + <div class="ms-Grid-col ms-xl3 ms-font-l docs-subHeading ms-fontWeight-semibold docs-animationCubicColumn" role="columnheader">Cubic Bezier</div> + <div class="ms-Grid-col ms-xl1 ms-font-l docs-subHeading ms-fontWeight-semibold docs-animationTimingColumn" role="columnheader">Timing</div> + <div class="ms-Grid-col ms-md5 ms-xl4 ms-font-l docs-subHeading ms-fontWeight-semibold docs-animationExampleColumn" role="columnheader">Example (Click to Animate)</div> + </div> + <!-- End Header Row --> + + <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Slide right 10px and fade in"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Slide right 10px and fade in">Class <br />ms-slideRightIn10</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Slide right 10px and fade in</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Slide right 10px and fade in">cubic-bezier(0.1, 0.9, 0.2, 1)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.367s for Slide right 10px and fade in">0.367s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-slideRightIn10" data-class="ms-slideRightIn10" aria-label="Visual Animation Example for Slide right 10px and fade in"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-slideRightIn10"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Slide right 20px and fade in"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Slide right 20px and fade in">Class <br />ms-slideRightIn20</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Slide right 20px and fade in</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Slide right 20px and fade in">cubic-bezier(0.1, 0.9, 0.2, 1)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.367s for Slide right 20px and fade in">0.367s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-slideRightIn20" data-class="ms-slideRightIn20" aria-label="Visual Animation Example for Slide right 20px and fade in"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-slideRightIn20"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Slide right 40px and fade in"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Slide right 40px and fade in">Class <br />ms-slideRightIn40</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Slide right 40px and fade in</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Slide right 40px and fade in">cubic-bezier(0.1, 0.9, 0.2, 1)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.367s for Slide right 40px and fade in">0.367s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-slideRightIn40" data-class="ms-slideRightIn40" aria-label="Visual Animation Example for Slide right 40px and fade in"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-slideRightIn40"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Slide left 10px and fade in"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Slide left 10px and fade in">Class <br />ms-slideLeftIn10</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Slide left 10px and fade in</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Slide left 10px and fade in">cubic-bezier(0.1, 0.9, 0.2, 1)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.367s for Slide left 10px and fade in">0.367s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-slideLeftIn10" data-class="ms-slideLeftIn10" aria-label="Visual Animation Example for Slide left 10px and fade in"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-slideLeftIn10"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Slide left 20px and fade in"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Slide left 20px and fade in">Class <br />ms-slideLeftIn20</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Slide left 20px and fade in</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Slide left 20px and fade in">cubic-bezier(0.1, 0.9, 0.2, 1)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.367s for Slide left 20px and fade in">0.367s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-slideLeftIn20" data-class="ms-slideLeftIn20" aria-label="Visual Animation Example for Slide left 20px and fade in"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-slideLeftIn20"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Slide left 40px and fade in"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Slide left 40px and fade in">Class <br />ms-slideLeftIn40</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Slide left 40px and fade in</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Slide left 40px and fade in">cubic-bezier(0.1, 0.9, 0.2, 1)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.367s for Slide left 40px and fade in">0.367s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-slideLeftIn40" data-class="ms-slideLeftIn40" aria-label="Visual Animation Example for Slide left 40px and fade in"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-slideLeftIn40"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Slide up 20px and fade in"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Slide up 20px and fade in">Class <br />ms-slideUpIn20</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Slide up 20px and fade in</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Slide up 20px and fade in">cubic-bezier(0.1, 0.9, 0.2, 1)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.367s for Slide up 20px and fade in">0.367s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-slideUpIn20" data-class="ms-slideUpIn20" aria-label="Visual Animation Example for Slide up 20px and fade in"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-slideUpIn20"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Slide up 10px and fade in"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Slide up 10px and fade in">Class <br />ms-slideUpIn10</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Slide up 10px and fade in</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Slide up 10px and fade in">cubic-bezier(0.1, 0.25, 0.75, 0.9)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.167s for Slide up 10px and fade in">0.167s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-slideUpIn10" data-class="ms-slideUpIn10" aria-label="Visual Animation Example for Slide up 10px and fade in"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-slideUpIn10"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Slide down 20px and fade in"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Slide down 20px and fade in">Class <br />ms-slideDownIn20</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Slide down 20px and fade in</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Slide down 20px and fade in">cubic-bezier(0.1, 0.9, 0.2, 1)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.367s for Slide down 20px and fade in">0.367s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-slideDownIn20" data-class="ms-slideDownIn20" aria-label="Visual Animation Example for Slide down 20px and fade in"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-slideDownIn20"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Slide down 10px and fade in"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Slide down 10px and fade in">Class <br />ms-slideDownIn10</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Slide down 10px and fade in</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Slide down 10px and fade in">cubic-bezier(0.1, 0.25, 0.75, 0.9)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.167s for Slide down 10px and fade in">0.167s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-slideDownIn10" data-class="ms-slideDownIn10" aria-label="Visual Animation Example for Slide down 10px and fade in"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-slideDownIn10"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Slide right 40px and fade out"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Slide right 40px and fade out">Class <br />ms-slideRightOut40</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Slide right 40px and fade out</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Slide right 40px and fade out">cubic-bezier(0.1, 0.25, 0.75, 0.9)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.167s for Slide right 40px and fade out">0.167s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-slideRightOut40" data-class="ms-slideRightOut40" aria-label="Visual Animation Example for Slide right 40px and fade out"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-slideRightOut40"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Slide left 40px and fade out"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Slide left 40px and fade out">Class <br />ms-slideLeftOut40</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Slide left 40px and fade out</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Slide left 40px and fade out">cubic-bezier(0.1, 0.25, 0.75, 0.9)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.167s for Slide left 40px and fade out">0.167s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-slideLeftOut40" data-class="ms-slideLeftOut40" aria-label="Visual Animation Example for Slide left 40px and fade out"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-slideLeftOut40"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Slide up 20px and fade out"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Slide up 20px and fade out">Class <br />ms-slideUpOut20</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Slide up 20px and fade out</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Slide up 20px and fade out">cubic-bezier(0.1, 0.25, 0.75, 0.9)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.167s for Slide up 20px and fade out">0.167s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-slideUpOut20" data-class="ms-slideUpOut20" aria-label="Visual Animation Example for Slide up 20px and fade out"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-slideUpOut20"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Slide up 10px and fade out"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Slide up 10px and fade out">Class <br />ms-slideUpOut10</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Slide up 10px and fade out</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Slide up 10px and fade out">cubic-bezier(0.1, 0.25, 0.75, 0.9)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.167s for Slide up 10px and fade out">0.167s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-slideUpOut10" data-class="ms-slideUpOut10" aria-label="Visual Animation Example for Slide up 10px and fade out"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-slideUpOut10"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Slide down 20px and fade out"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Slide down 20px and fade out">Class <br />ms-slideDownOut20</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Slide down 20px and fade out</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Slide down 20px and fade out">cubic-bezier(0.1, 0.25, 0.75, 0.9)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.167s for Slide down 20px and fade out">0.167s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-slideDownOut20" data-class="ms-slideDownOut20" aria-label="Visual Animation Example for Slide down 20px and fade out"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-slideDownOut20"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Slide down 10px and fade out"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Slide down 10px and fade out">Class <br />ms-slideDownOut10</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Slide down 10px and fade out</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Slide down 10px and fade out">cubic-bezier(0.1, 0.25, 0.75, 0.9)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.167s for Slide down 10px and fade out">0.167s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-slideDownOut10" data-class="ms-slideDownOut10" aria-label="Visual Animation Example for Slide down 10px and fade out"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-slideDownOut10"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Scale up to 100% and fade in"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Scale up to 100% and fade in">Class <br />ms-scaleUpIn100</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Scale up to 100% and fade in</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Scale up to 100% and fade in">cubic-bezier(0.1, 0.9, 0.2, 1)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.167s for Scale up to 100% and fade in">0.167s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-scaleUpIn100" data-class="ms-scaleUpIn100" aria-label="Visual Animation Example for Scale up to 100% and fade in"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-scaleUpIn100"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Scale down to 100% and fade in"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Scale down to 100% and fade in">Class <br />ms-scaleDownIn100</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Scale down to 100% and fade in</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Scale down to 100% and fade in">cubic-bezier(0.1, 0.9, 0.2, 1)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.367s for Scale down to 100% and fade in">0.367s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-scaleDownIn100" data-class="ms-scaleDownIn100" aria-label="Visual Animation Example for Scale down to 100% and fade in"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-scaleDownIn100"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Scale up to 103% and fade out"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Scale up to 103% and fade out">Class <br />ms-scaleUpOut103</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Scale up to 103% and fade out</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Scale up to 103% and fade out">cubic-bezier(0.1, 0.25, 0.75, 0.9)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.167s for Scale up to 103% and fade out">0.167s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-scaleUpOut103" data-class="ms-scaleUpOut103" aria-label="Visual Animation Example for Scale up to 103% and fade out"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-scaleUpOut103"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Scale down to 98% and fade out"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Scale down to 98% and fade out">Class <br />ms-scaleDownOut98</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Scale down to 98% and fade out</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Scale down to 98% and fade out">cubic-bezier(0.1, 0.25, 0.75, 0.9)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.167s for Scale down to 98% and fade out">0.167s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-scaleDownOut98" data-class="ms-scaleDownOut98" aria-label="Visual Animation Example for Scale down to 98% and fade out"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-scaleDownOut98"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Fade in"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Fade in">Class <br />ms-fadeIn100</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Fade in</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Fade in">cubic-bezier(0.1, 0.25, 0.75, 0.9)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.167s for Fade in">0.167s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-fadeIn100" data-class="ms-fadeIn100" aria-label="Visual Animation Example for Fade in"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-fadeIn100"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Fade in"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Fade in">Class <br />ms-fadeIn200</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Fade in</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Fade in">cubic-bezier(0.1, 0.25, 0.75, 0.9)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.267s for Fade in">0.267s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-fadeIn200" data-class="ms-fadeIn200" aria-label="Visual Animation Example for Fade in"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-fadeIn200"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Fade in"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Fade in">Class <br />ms-fadeIn400</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Fade in</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Fade in">cubic-bezier(0.1, 0.25, 0.75, 0.9)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.367s for Fade in">0.367s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-fadeIn400" data-class="ms-fadeIn400" aria-label="Visual Animation Example for Fade in"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-fadeIn400"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Fade in"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Fade in">Class <br />ms-fadeIn500</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Fade in</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Fade in">cubic-bezier(0.1, 0.25, 0.75, 0.9)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.467s for Fade in">0.467s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-fadeIn500" data-class="ms-fadeIn500" aria-label="Visual Animation Example for Fade in"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-fadeIn500"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Fade out"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Fade out">Class <br />ms-fadeOut100</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Fade out</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Fade out">cubic-bezier(0.1, 0.25, 0.75, 0.9)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.167s for Fade out">0.167s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-fadeOut100" data-class="ms-fadeOut100" aria-label="Visual Animation Example for Fade out"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-fadeOut100"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Fade out"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Fade out">Class <br />ms-fadeOut200</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Fade out</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Fade out">cubic-bezier(0.1, 0.25, 0.75, 0.9)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.267s for Fade out">0.267s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-fadeOut200" data-class="ms-fadeOut200" aria-label="Visual Animation Example for Fade out"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-fadeOut200"></div> + </div> + </div> + </div> + <!-- End Animation --> <!-- Animation --> + <div class="docs-animationsTable-body ms-Grid-row" role="row" aria-label="Animation row for animation Fade out"> + <div class="ms-Grid-col ms-sm12 ms-md4 ms-xl2 ms-font-m docs-animationClassColumn" role="cell" aria-label="Class for animation Fade out">Class <br />ms-fadeOut400</div> + <div class="ms-Grid-col ms-sm12 ms-md3 ms-xl2 ms-font-m docs-animationDescriptionColumn" role="cell" aria-label="Animation description">Fade out</div> + <div class="ms-Grid-col ms-xl3 ms-font-m docs-animationCubicColumn" role="cell" aria-label="Animation bezier for Fade out">cubic-bezier(0.1, 0.25, 0.75, 0.9)</div> + <div class="ms-Grid-col ms-xl1 ms-font-m docs-animationTimingColumn" role="cell" aria-label="Timing 0.367s for Fade out">0.367s</div> + <div class="ms-Grid-col ms-sm12 ms-md5 ms-xl4 ms-font-m docs-animationExampleColumn" role="cell" aria-label="Animation Example"> + <div class="AnimationExample ms-fadeOut400" data-class="ms-fadeOut400" aria-label="Visual Animation Example for Fade out"> + <div class="AnimationExample-content" aria-hidden="true"> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + <hr> + </div> + <div class="AnimationExample-panel ms-bg-color-themePrimary" data-class="ms-fadeOut400"></div> + </div> + </div> + </div> + <!-- End Animation --> </div> +</div> +<script type="text/javascript"> + + function wireAnimations() { + var animationSample = document.querySelectorAll('.AnimationExample'); + + for (var i = 0; i < animationSample.length; i++) { + animationSample[i].addEventListener('click', function(event) { + var sample = this; + var panel = sample.querySelector('.AnimationExample-panel'); + var sampleData = sample.dataset; + var cssClass = sampleData.class; + + panel.classList.add(cssClass); + + setTimeout(function () { + panel.classList.remove(cssClass); + }, 1000); + + event.preventDefault(); + }); + } + } + + setTimeout(function() { + wireAnimations(); + }, 1000); + + </script> + + </div> +</div> +<script> + var currPage = window.location.pathname.replace(/\//g, ''); + if (currPage) { + document.getElementsByClassName(currPage)[0].classList.add('LeftNav-link--active'); + } +</script> +</body> +</html> \ No newline at end of file diff --git a/dist/documentation/Color/index.html b/dist/documentation/Color/index.html new file mode 100644 index 000000000..e6c65bedf --- /dev/null +++ b/dist/documentation/Color/index.html @@ -0,0 +1,1639 @@ +<!DOCTYPE html> +<html lang="en" dir="ltr"> +<head> + <meta charset="UTF-8"> + <title>Office Fabric UI Core Documentation</title> + <link rel="stylesheet" href="../../css/fabric.css"> + <link rel="stylesheet" href="../docs.css"> + <link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/2.6.2/css/fabric.components.min.css"> +</head> +<body class="ms-Fabric"> +<div id="body-content"> + <div id="Header" class="docs-Header"> + <a class="ms-font-xxl ms-fontColor-white" href="/">Office UI Fabric</a> + <div class="Header-buttons"> + <a href="https://github.com/OfficeDev/office-ui-fabric-core/" class="Header-button ms-fontColor-white">Github</a> + </div> + </div> + <div class="docs-Page has-leftNav"> + <div class="docs-Page-leftNav"> + <div class="LeftNav-links" role="menu" aria-label="Anchor links for navigating this page"> + <div class="LeftNav-item"> + <a class="Typography LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Typography">Typography</a> + </div> + <div class="LeftNav-item"> + <a class="Color LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Color">Color</a> + </div> + <div class="LeftNav-item"> + <a class="Icons LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Icons">Icons</a> + </div> + <div class="LeftNav-item"> + <a class="Animations LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Animations">Animations</a> + </div> + <div class="LeftNav-item"> + <a class="Responsive-Grid LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Responsive-Grid">Responsive Grid</a> + </div> + <div class="LeftNav-item"> + <a class="Localization LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Localization">Localization</a> + </div> + <div class="LeftNav-item"> + <a class="Scoping LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Scoping">Scoping</a> + </div> + </div> +</div> + +<div class="docs-Styles-section" id="color"> + <h2>Color</h2> + <p>Fabric includes 9 theme colors and 11 neutral colors. Each has helper classes for text, border, background, and hover states.</p> + + <h3>Theme colors</h3> + <p>Use theme colors in wayfinding, navigation, and key interactions like primary actions and current or selected indicators.</p> + + <div class="docs-colorContainer" role="grid"> + <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Theme Darker, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-themeDarker" aria-label="Example for ms-bgColor-themeDarker"> + <span class="ms-font-size-m ms-fontColor-white">Theme Darker<br /> + #004578</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-themeDarker" aria-label="Example for ms-fontColor-themeDarker"> + <span class="ms-font-su ms-fontColor-themeDarker">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-themeDarker" aria-label="Example for ms-borderColor-themeDarker"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Theme Darker, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-themeDarker"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-themeDarker</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-themeDarker"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-themeDarker</p> + <!-- Info Button --> + <button class="Typography-infoButton" aria-label="High contrast informatoin for the color Theme Darker"> <i class="ms-Icon ms-Icon--Info ms-fontColor-neutralPrimary" aria-hidden="true"></i> </button> + <div class="ms-Callout docs-ColorSection-swatchCallout ms-Callout--arrowTop"> + <div class="ms-Callout-main ms-clearfix"> + <div class="ms-Callout-header"> + <p class="ms-Callout-title">Acceptable Backgrounds</p> + </div> + <div class="ms-Callout-inner"> + <div class="ms-Callout-content"> + <div class="docs-ColorSection-contrastTextColumn"> + <div class="docs-ColorSection-contrastCaption"> + <div class="docs-ColorSection-contrastCaptionLeft"> + <h4>Background Color Class:</h4></div> + <div class="docs-ColorSection-contrastCaptionRight"> + <h4>Ratio:</h4></div> + </div> + <div class="docs-ColorSection-contrastData"> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-neutralLight ms-fontColor-themeDarker" title="ms-bgColor-neutralLight">ms-bgColor-neutralLight</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-neutralLight ms-fontColor-themeDarker">7:6:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-neutralLighter ms-fontColor-themeDarker" title="ms-bgColor-neutralLighter">ms-bgColor-neutralLighter</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-neutralLighter ms-fontColor-themeDarker">8:3:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-neutralLightAlt ms-fontColor-themeDarker" title="ms-bgColor-neutralLightAlt">ms-bgColor-neutralLightAlt</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-neutralLightAlt ms-fontColor-themeDarker">8:6:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-themeLight ms-fontColor-themeDarker" title="ms-bgColor-themeLight">ms-bgColor-themeLight</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-themeLight ms-fontColor-themeDarker">6:7:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-themeLighter ms-fontColor-themeDarker" title="ms-bgColor-themeLighter">ms-bgColor-themeLighter</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-themeLighter ms-fontColor-themeDarker">7:6:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-themeLighterAlt ms-fontColor-themeDarker" title="ms-bgColor-themeLighterAlt">ms-bgColor-themeLighterAlt</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-themeLighterAlt ms-fontColor-themeDarker">8:4:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-white ms-fontColor-themeDarker" title="ms-bgColor-white">ms-bgColor-white</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-white ms-fontColor-themeDarker">9:1:1</div> + </div> + </div> + </div> + </div> + </div> + </div> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-themeDarker"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-themeDarker</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Theme Dark, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-themeDark" aria-label="Example for ms-bgColor-themeDark"> + <span class="ms-font-size-m ms-fontColor-white">Theme Dark<br /> + #005A9E</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-themeDark" aria-label="Example for ms-fontColor-themeDark"> + <span class="ms-font-su ms-fontColor-themeDark">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-themeDark" aria-label="Example for ms-borderColor-themeDark"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Theme Dark, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-themeDark"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-themeDark</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-themeDark"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-themeDark</p> + <!-- Info Button --> + <button class="Typography-infoButton" aria-label="High contrast informatoin for the color Theme Dark"> <i class="ms-Icon ms-Icon--Info ms-fontColor-neutralPrimary" aria-hidden="true"></i> </button> + <div class="ms-Callout docs-ColorSection-swatchCallout ms-Callout--arrowTop"> + <div class="ms-Callout-main ms-clearfix"> + <div class="ms-Callout-header"> + <p class="ms-Callout-title">Acceptable Backgrounds</p> + </div> + <div class="ms-Callout-inner"> + <div class="ms-Callout-content"> + <div class="docs-ColorSection-contrastTextColumn"> + <div class="docs-ColorSection-contrastCaption"> + <div class="docs-ColorSection-contrastCaptionLeft"> + <h4>Background Color Class:</h4></div> + <div class="docs-ColorSection-contrastCaptionRight"> + <h4>Ratio:</h4></div> + </div> + <div class="docs-ColorSection-contrastData"> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-neutralLight ms-fontColor-themeDark" title="ms-bgColor-neutralLight">ms-bgColor-neutralLight</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-neutralLight ms-fontColor-themeDark">5:2:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-neutralLighter ms-fontColor-themeDark" title="ms-bgColor-neutralLighter">ms-bgColor-neutralLighter</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-neutralLighter ms-fontColor-themeDark">5:7:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-neutralLightAlt ms-fontColor-themeDark" title="ms-bgColor-neutralLightAlt">ms-bgColor-neutralLightAlt</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-neutralLightAlt ms-fontColor-themeDark">5:9:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-themeLight ms-fontColor-themeDark" title="ms-bgColor-themeLight">ms-bgColor-themeLight</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-themeLight ms-fontColor-themeDark">4:6:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-themeLighter ms-fontColor-themeDark" title="ms-bgColor-themeLighter">ms-bgColor-themeLighter</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-themeLighter ms-fontColor-themeDark">5:2:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-themeLighterAlt ms-fontColor-themeDark" title="ms-bgColor-themeLighterAlt">ms-bgColor-themeLighterAlt</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-themeLighterAlt ms-fontColor-themeDark">5:7:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-white ms-fontColor-themeDark" title="ms-bgColor-white">ms-bgColor-white</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-white ms-fontColor-themeDark">6:3:1</div> + </div> + </div> + </div> + </div> + </div> + </div> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-themeDark"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-themeDark</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Theme Dark Alt, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-themeDarkAlt" aria-label="Example for ms-bgColor-themeDarkAlt"> + <span class="ms-font-size-m ms-fontColor-white">Theme Dark Alt<br /> + #106EBE</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-themeDarkAlt" aria-label="Example for ms-fontColor-themeDarkAlt"> + <span class="ms-font-su ms-fontColor-themeDarkAlt">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-themeDarkAlt" aria-label="Example for ms-borderColor-themeDarkAlt"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Theme Dark Alt, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-themeDarkAlt"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-themeDarkAlt</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-themeDarkAlt"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-themeDarkAlt</p> + <!-- Info Button --> + <button class="Typography-infoButton" aria-label="High contrast informatoin for the color Theme Dark Alt"> <i class="ms-Icon ms-Icon--Info ms-fontColor-neutralPrimary" aria-hidden="true"></i> </button> + <div class="ms-Callout docs-ColorSection-swatchCallout ms-Callout--arrowTop"> + <div class="ms-Callout-main ms-clearfix"> + <div class="ms-Callout-header"> + <p class="ms-Callout-title">Acceptable Backgrounds</p> + </div> + <div class="ms-Callout-inner"> + <div class="ms-Callout-content"> + <div class="docs-ColorSection-contrastTextColumn"> + <div class="docs-ColorSection-contrastCaption"> + <div class="docs-ColorSection-contrastCaptionLeft"> + <h4>Background Color Class:</h4></div> + <div class="docs-ColorSection-contrastCaptionRight"> + <h4>Ratio:</h4></div> + </div> + <div class="docs-ColorSection-contrastData"> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-neutralLighter ms-fontColor-themeDarkAlt" title="ms-bgColor-neutralLighter">ms-bgColor-neutralLighter</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-neutralLighter ms-fontColor-themeDarkAlt">4:8:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-neutralLightAlt ms-fontColor-themeDarkAlt" title="ms-bgColor-neutralLightAlt">ms-bgColor-neutralLightAlt</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-neutralLightAlt ms-fontColor-themeDarkAlt">5:0:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-themeLighter ms-fontColor-themeDarkAlt" title="ms-bgColor-themeLighter">ms-bgColor-themeLighter</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-themeLighter ms-fontColor-themeDarkAlt">5:2:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-themeLighterAlt ms-fontColor-themeDarkAlt" title="ms-bgColor-themeLighterAlt">ms-bgColor-themeLighterAlt</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-themeLighterAlt ms-fontColor-themeDarkAlt">4:8:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-white ms-fontColor-themeDarkAlt" title="ms-bgColor-white">ms-bgColor-white</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-white ms-fontColor-themeDarkAlt">5:6:1</div> + </div> + </div> + </div> + </div> + </div> + </div> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-themeDarkAlt"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-themeDarkAlt</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Theme Primary, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-themePrimary" aria-label="Example for ms-bgColor-themePrimary"> + <span class="ms-font-size-m ms-fontColor-white">Theme Primary<br /> + #0078D7</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-themePrimary" aria-label="Example for ms-fontColor-themePrimary"> + <span class="ms-font-su ms-fontColor-themePrimary">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-themePrimary" aria-label="Example for ms-borderColor-themePrimary"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Theme Primary, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-themePrimary"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-themePrimary</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-themePrimary"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-themePrimary</p> + <!-- Info Button --> + <button class="Typography-infoButton" aria-label="High contrast informatoin for the color Theme Primary"> <i class="ms-Icon ms-Icon--Info ms-fontColor-neutralPrimary" aria-hidden="true"></i> </button> + <div class="ms-Callout docs-ColorSection-swatchCallout ms-Callout--arrowTop"> + <div class="ms-Callout-main ms-clearfix"> + <div class="ms-Callout-header"> + <p class="ms-Callout-title">Acceptable Backgrounds</p> + </div> + <div class="ms-Callout-inner"> + <div class="ms-Callout-content"> + <div class="docs-ColorSection-contrastTextColumn"> + <div class="docs-ColorSection-contrastCaption"> + <div class="docs-ColorSection-contrastCaptionLeft"> + <h4>Background Color Class:</h4></div> + <div class="docs-ColorSection-contrastCaptionRight"> + <h4>Ratio:</h4></div> + </div> + <div class="docs-ColorSection-contrastData"> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-white ms-fontColor-themePrimary" title="ms-bgColor-white">ms-bgColor-white</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-white ms-fontColor-themePrimary">5:0:1</div> + </div> + </div> + </div> + </div> + </div> + </div> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-themePrimary"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-themePrimary</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Theme Secondary, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-themeSecondary" aria-label="Example for ms-bgColor-themeSecondary"> + <span class="ms-font-size-m ms-fontColor-black">Theme Secondary<br /> + #2b88D8</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-themeSecondary" aria-label="Example for ms-fontColor-themeSecondary"> + <span class="ms-font-su ms-fontColor-themeSecondary">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-themeSecondary" aria-label="Example for ms-borderColor-themeSecondary"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Theme Secondary, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-themeSecondary"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-themeSecondary</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-themeSecondary"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-themeSecondary</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-themeSecondary"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-themeSecondary</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Theme Tertiary, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-themeTertiary" aria-label="Example for ms-bgColor-themeTertiary"> + <span class="ms-font-size-m ms-fontColor-black">Theme Tertiary<br /> + #71AFE5</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox ms-bgColor-themeDarker docs-colorBox-hasBorder ms-fontColor-themeTertiary" aria-label="Example for ms-fontColor-themeTertiary"> + <span class="ms-font-su ms-fontColor-themeTertiary">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-themeTertiary" aria-label="Example for ms-borderColor-themeTertiary"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Theme Tertiary, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-themeTertiary"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-themeTertiary</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-themeTertiary"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-themeTertiary</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-themeTertiary"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-themeTertiary</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Theme Light, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-themeLight" aria-label="Example for ms-bgColor-themeLight"> + <span class="ms-font-size-m ms-fontColor-black">Theme Light<br /> + #C7E0F4</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox ms-bgColor-themeDarker docs-colorBox-hasBorder ms-fontColor-themeLight" aria-label="Example for ms-fontColor-themeLight"> + <span class="ms-font-su ms-fontColor-themeLight">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-themeLight" aria-label="Example for ms-borderColor-themeLight"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Theme Light, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-themeLight"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-themeLight</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-themeLight"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-themeLight</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-themeLight"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-themeLight</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Theme Lighter, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-themeLighter" aria-label="Example for ms-bgColor-themeLighter"> + <span class="ms-font-size-m ms-fontColor-black">Theme Lighter<br /> + #DEECF9</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox ms-bgColor-themeDarker docs-colorBox-hasBorder ms-fontColor-themeLighter" aria-label="Example for ms-fontColor-themeLighter"> + <span class="ms-font-su ms-fontColor-themeLighter">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-themeLighter" aria-label="Example for ms-borderColor-themeLighter"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Theme Lighter, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-themeLighter"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-themeLighter</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-themeLighter"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-themeLighter</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-themeLighter"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-themeLighter</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Theme Lighter Alt, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-themeLighterAlt" aria-label="Example for ms-bgColor-themeLighterAlt"> + <span class="ms-font-size-m ms-fontColor-black">Theme Lighter Alt<br /> + #EFF6FC</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox ms-bgColor-themeDarker docs-colorBox-hasBorder ms-fontColor-themeLighterAlt" aria-label="Example for ms-fontColor-themeLighterAlt"> + <span class="ms-font-su ms-fontColor-themeLighterAlt">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-themeLighterAlt" aria-label="Example for ms-borderColor-themeLighterAlt"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Theme Lighter Alt, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-themeLighterAlt"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-themeLighterAlt</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-themeLighterAlt"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-themeLighterAlt</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-themeLighterAlt"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-themeLighterAlt</p> + </div> + </div> + <!-- End Color --> </div> + + <h4>Neutral Colors</h4> + <p>Neutral colors include black, gray, and white. Use darker shades of gray for primary content, such as text and titles. Use black sparingly for high-impact strings (labels, names) and hover states. Use lighter shades of gray for supporting graphic elements and page areas.</p> + + <div class="docs-colorContainer" role="grid"> + <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Black, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-black" aria-label="Example for ms-bgColor-black"> + <span class="ms-font-size-m ms-fontColor-white">Black<br /> + #000000</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-black" aria-label="Example for ms-fontColor-black"> + <span class="ms-font-su ms-fontColor-black">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-black" aria-label="Example for ms-borderColor-black"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Black, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-black"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-black</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-black"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-black</p> + <!-- Info Button --> + <button class="Typography-infoButton" aria-label="High contrast informatoin for the color Black"> <i class="ms-Icon ms-Icon--Info ms-fontColor-neutralPrimary" aria-hidden="true"></i> </button> + <div class="ms-Callout docs-ColorSection-swatchCallout ms-Callout--arrowTop"> + <div class="ms-Callout-main ms-clearfix"> + <div class="ms-Callout-header"> + <p class="ms-Callout-title">Acceptable Backgrounds</p> + </div> + <div class="ms-Callout-inner"> + <div class="ms-Callout-content"> + <div class="docs-ColorSection-contrastTextColumn"> + <div class="docs-ColorSection-contrastCaption"> + <div class="docs-ColorSection-contrastCaptionLeft"> + <h4>Background Color Class:</h4></div> + <div class="docs-ColorSection-contrastCaptionRight"> + <h4>Ratio:</h4></div> + </div> + <div class="docs-ColorSection-contrastData"> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-neutralLight ms-fontColor-black" title="ms-bgColor-neutralLight">ms-bgColor-neutralLight</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-neutralLight ms-fontColor-black">17:5:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-neutralLighter ms-fontColor-black" title="ms-bgColor-neutralLighter">ms-bgColor-neutralLighter</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-neutralLighter ms-fontColor-black">19:9:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-neutralLightAlt ms-fontColor-black" title="ms-bgColor-neutralLightAlt">ms-bgColor-neutralLightAlt</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-neutralLightAlt ms-fontColor-black">19:8:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-themeLight ms-fontColor-black" title="ms-bgColor-themeLight">ms-bgColor-themeLight</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-themeLight ms-fontColor-black">15:4:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-themeLighter ms-fontColor-black" title="ms-bgColor-themeLighter">ms-bgColor-themeLighter</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-themeLighter ms-fontColor-black">17:5:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-themeLighterAlt ms-fontColor-black" title="ms-bgColor-themeLighterAlt">ms-bgColor-themeLighterAlt</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-themeLighterAlt ms-fontColor-black">19:3:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-white ms-fontColor-black" title="ms-bgColor-white">ms-bgColor-white</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-white ms-fontColor-black">21:1</div> + </div> + </div> + </div> + </div> + </div> + </div> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-black"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-black</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Neutral Dark, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-neutralDark" aria-label="Example for ms-bgColor-neutralDark"> + <span class="ms-font-size-m ms-fontColor-white">Neutral Dark<br /> + #212121</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-neutralDark" aria-label="Example for ms-fontColor-neutralDark"> + <span class="ms-font-su ms-fontColor-neutralDark">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-neutralDark" aria-label="Example for ms-borderColor-neutralDark"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Neutral Dark, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-neutralDark"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-neutralDark</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-neutralDark"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-neutralDark</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-neutralDark"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-neutralDark</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Neutral Primary, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-neutralPrimary" aria-label="Example for ms-bgColor-neutralPrimary"> + <span class="ms-font-size-m ms-fontColor-white">Neutral Primary<br /> + #333333</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-neutralPrimary" aria-label="Example for ms-fontColor-neutralPrimary"> + <span class="ms-font-su ms-fontColor-neutralPrimary">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-neutralPrimary" aria-label="Example for ms-borderColor-neutralPrimary"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Neutral Primary, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-neutralPrimary"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-neutralPrimary</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-neutralPrimary"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-neutralPrimary</p> + <!-- Info Button --> + <button class="Typography-infoButton" aria-label="High contrast informatoin for the color Neutral Primary"> <i class="ms-Icon ms-Icon--Info ms-fontColor-neutralPrimary" aria-hidden="true"></i> </button> + <div class="ms-Callout docs-ColorSection-swatchCallout ms-Callout--arrowTop"> + <div class="ms-Callout-main ms-clearfix"> + <div class="ms-Callout-header"> + <p class="ms-Callout-title">Acceptable Backgrounds</p> + </div> + <div class="ms-Callout-inner"> + <div class="ms-Callout-content"> + <div class="docs-ColorSection-contrastTextColumn"> + <div class="docs-ColorSection-contrastCaption"> + <div class="docs-ColorSection-contrastCaptionLeft"> + <h4>Background Color Class:</h4></div> + <div class="docs-ColorSection-contrastCaptionRight"> + <h4>Ratio:</h4></div> + </div> + <div class="docs-ColorSection-contrastData"> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-neutralLight ms-fontColor-neutralPrimary" title="ms-bgColor-neutralLight">ms-bgColor-neutralLight</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-neutralLight ms-fontColor-neutralPrimary">10:5:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-neutralLighter ms-fontColor-neutralPrimary" title="ms-bgColor-neutralLighter">ms-bgColor-neutralLighter</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-neutralLighter ms-fontColor-neutralPrimary">11:5:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-neutralLightAlt ms-fontColor-neutralPrimary" title="ms-bgColor-neutralLightAlt">ms-bgColor-neutralLightAlt</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-neutralLightAlt ms-fontColor-neutralPrimary">11:9:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-themeLight ms-fontColor-neutralPrimary" title="ms-bgColor-themeLight">ms-bgColor-themeLight</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-themeLight ms-fontColor-neutralPrimary">9:3:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-themeLighterAlt ms-fontColor-neutralPrimary" title="ms-bgColor-themeLighterAlt">ms-bgColor-themeLighterAlt</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-themeLighterAlt ms-fontColor-neutralPrimary">11:6:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-white ms-fontColor-neutralPrimary" title="ms-bgColor-white">ms-bgColor-white</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-white ms-fontColor-neutralPrimary">12:6:1</div> + </div> + </div> + </div> + </div> + </div> + </div> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-neutralPrimary"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-neutralPrimary</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Neutral Primary Alt, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-neutralPrimaryAlt" aria-label="Example for ms-bgColor-neutralPrimaryAlt"> + <span class="ms-font-size-m ms-fontColor-white">Neutral Primary Alt<br /> + #3C3C3C</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-neutralPrimaryAlt" aria-label="Example for ms-fontColor-neutralPrimaryAlt"> + <span class="ms-font-su ms-fontColor-neutralPrimaryAlt">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-neutralPrimaryAlt" aria-label="Example for ms-borderColor-neutralPrimaryAlt"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Neutral Primary Alt, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-neutralPrimaryAlt"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-neutralPrimaryAlt</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-neutralPrimaryAlt"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-neutralPrimaryAlt</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-neutralPrimaryAlt"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-neutralPrimaryAlt</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Neutral Secondary, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-neutralSecondary" aria-label="Example for ms-bgColor-neutralSecondary"> + <span class="ms-font-size-m ms-fontColor-white">Neutral Secondary<br /> + #666666</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-neutralSecondary" aria-label="Example for ms-fontColor-neutralSecondary"> + <span class="ms-font-su ms-fontColor-neutralSecondary">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-neutralSecondary" aria-label="Example for ms-borderColor-neutralSecondary"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Neutral Secondary, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-neutralSecondary"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-neutralSecondary</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-neutralSecondary"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-neutralSecondary</p> + <!-- Info Button --> + <button class="Typography-infoButton" aria-label="High contrast informatoin for the color Neutral Secondary"> <i class="ms-Icon ms-Icon--Info ms-fontColor-neutralPrimary" aria-hidden="true"></i> </button> + <div class="ms-Callout docs-ColorSection-swatchCallout ms-Callout--arrowTop"> + <div class="ms-Callout-main ms-clearfix"> + <div class="ms-Callout-header"> + <p class="ms-Callout-title">Acceptable Backgrounds</p> + </div> + <div class="ms-Callout-inner"> + <div class="ms-Callout-content"> + <div class="docs-ColorSection-contrastTextColumn"> + <div class="docs-ColorSection-contrastCaption"> + <div class="docs-ColorSection-contrastCaptionLeft"> + <h4>Background Color Class:</h4></div> + <div class="docs-ColorSection-contrastCaptionRight"> + <h4>Ratio:</h4></div> + </div> + <div class="docs-ColorSection-contrastData"> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-neutralLight ms-fontColor-neutralSecondary" title="ms-bgColor-neutralLight">ms-bgColor-neutralLight</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-neutralLight ms-fontColor-neutralSecondary">4:8:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-neutralLighter ms-fontColor-neutralSecondary" title="ms-bgColor-neutralLighter">ms-bgColor-neutralLighter</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-neutralLighter ms-fontColor-neutralSecondary">5:2:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-neutralLightAlt ms-fontColor-neutralSecondary" title="ms-bgColor-neutralLightAlt">ms-bgColor-neutralLightAlt</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-neutralLightAlt ms-fontColor-neutralSecondary">5:4:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-themeLighter ms-fontColor-neutralSecondary" title="ms-bgColor-themeLighter">ms-bgColor-themeLighter</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-themeLighter ms-fontColor-neutralSecondary">4:8:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-themeLighterAlt ms-fontColor-neutralSecondary" title="ms-bgColor-themeLighterAlt">ms-bgColor-themeLighterAlt</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-themeLighterAlt ms-fontColor-neutralSecondary">5:27:1</div> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-white ms-fontColor-neutralSecondary" title="ms-bgColor-white">ms-bgColor-white</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-white ms-fontColor-neutralSecondary">5:7:1</div> + </div> + </div> + </div> + </div> + </div> + </div> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-neutralSecondary"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-neutralSecondary</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Neutral Secondary Alt, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-neutralSecondaryAlt" aria-label="Example for ms-bgColor-neutralSecondaryAlt"> + <span class="ms-font-size-m ms-fontColor-white">Neutral Secondary Alt<br /> + #767676</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-neutralSecondaryAlt" aria-label="Example for ms-fontColor-neutralSecondaryAlt"> + <span class="ms-font-su ms-fontColor-neutralSecondaryAlt">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-neutralSecondaryAlt" aria-label="Example for ms-borderColor-neutralSecondaryAlt"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Neutral Secondary Alt, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-neutralSecondaryAlt"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-neutralSecondaryAlt</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-neutralSecondaryAlt"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-neutralSecondaryAlt</p> + <!-- Info Button --> + <button class="Typography-infoButton" aria-label="High contrast informatoin for the color Neutral Secondary Alt"> <i class="ms-Icon ms-Icon--Info ms-fontColor-neutralPrimary" aria-hidden="true"></i> </button> + <div class="ms-Callout docs-ColorSection-swatchCallout ms-Callout--arrowTop"> + <div class="ms-Callout-main ms-clearfix"> + <div class="ms-Callout-header"> + <p class="ms-Callout-title">Acceptable Backgrounds</p> + </div> + <div class="ms-Callout-inner"> + <div class="ms-Callout-content"> + <div class="docs-ColorSection-contrastTextColumn"> + <div class="docs-ColorSection-contrastCaption"> + <div class="docs-ColorSection-contrastCaptionLeft"> + <h4>Background Color Class:</h4></div> + <div class="docs-ColorSection-contrastCaptionRight"> + <h4>Ratio:</h4></div> + </div> + <div class="docs-ColorSection-contrastData"> + <div class="docs-ColorSection-contrastText docs-ColorSection-swatchCode ms-bgColor-white ms-fontColor-neutralSecondaryAlt" title="ms-bgColor-white">ms-bgColor-white</div> + <div class="docs-ColorSection-contrastRatio docs-ColorSection-swatchCode ms-bgColor-white ms-fontColor-neutralSecondaryAlt">4:5:1</div> + </div> + </div> + </div> + </div> + </div> + </div> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-neutralSecondaryAlt"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-neutralSecondaryAlt</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Neutral Tertiary, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-neutralTertiary" aria-label="Example for ms-bgColor-neutralTertiary"> + <span class="ms-font-size-m ms-fontColor-black">Neutral Tertiary<br /> + #A6A6A6</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-neutralTertiary" aria-label="Example for ms-fontColor-neutralTertiary"> + <span class="ms-font-su ms-fontColor-neutralTertiary">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-neutralTertiary" aria-label="Example for ms-borderColor-neutralTertiary"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Neutral Tertiary, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-neutralTertiary"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-neutralTertiary</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-neutralTertiary"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-neutralTertiary</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-neutralTertiary"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-neutralTertiary</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Neutral Tertiary Alt, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-neutralTertiaryAlt" aria-label="Example for ms-bgColor-neutralTertiaryAlt"> + <span class="ms-font-size-m ms-fontColor-black">Neutral Tertiary Alt<br /> + #C8C8C8</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-neutralTertiaryAlt" aria-label="Example for ms-fontColor-neutralTertiaryAlt"> + <span class="ms-font-su ms-fontColor-neutralTertiaryAlt">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-neutralTertiaryAlt" aria-label="Example for ms-borderColor-neutralTertiaryAlt"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Neutral Tertiary Alt, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-neutralTertiaryAlt"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-neutralTertiaryAlt</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-neutralTertiaryAlt"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-neutralTertiaryAlt</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-neutralTertiaryAlt"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-neutralTertiaryAlt</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Neutral Quaternary, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-neutralQuaternary" aria-label="Example for ms-bgColor-neutralQuaternary"> + <span class="ms-font-size-m ms-fontColor-black">Neutral Quaternary<br /> + #D0D0D0</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-neutralQuaternary" aria-label="Example for ms-fontColor-neutralQuaternary"> + <span class="ms-font-su ms-fontColor-neutralQuaternary">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-neutralQuaternary" aria-label="Example for ms-borderColor-neutralQuaternary"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Neutral Quaternary, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-neutralQuaternary"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-neutralQuaternary</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-neutralQuaternary"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-neutralQuaternary</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-neutralQuaternary"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-neutralQuaternary</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Neutral Quaternary Alt, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-neutralQuaternaryAlt" aria-label="Example for ms-bgColor-neutralQuaternaryAlt"> + <span class="ms-font-size-m ms-fontColor-black">Neutral Quaternary Alt<br /> + #DADADA</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-neutralQuaternaryAlt" aria-label="Example for ms-fontColor-neutralQuaternaryAlt"> + <span class="ms-font-su ms-fontColor-neutralQuaternaryAlt">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-neutralQuaternaryAlt" aria-label="Example for ms-borderColor-neutralQuaternaryAlt"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Neutral Quaternary Alt, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-neutralQuaternaryAlt"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-neutralQuaternaryAlt</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-neutralQuaternaryAlt"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-neutralQuaternaryAlt</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-neutralQuaternaryAlt"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-neutralQuaternaryAlt</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Neutral Light, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-neutralLight" aria-label="Example for ms-bgColor-neutralLight"> + <span class="ms-font-size-m ms-fontColor-black">Neutral Light<br /> + #EAEAEA</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox ms-bgColor-neutralPrimaryAlt docs-colorBox-hasBorder ms-fontColor-neutralLight" aria-label="Example for ms-fontColor-neutralLight"> + <span class="ms-font-su ms-fontColor-neutralLight">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-neutralLight" aria-label="Example for ms-borderColor-neutralLight"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Neutral Light, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-neutralLight"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-neutralLight</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-neutralLight"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-neutralLight</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-neutralLight"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-neutralLight</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Neutral Lighter, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-neutralLighter" aria-label="Example for ms-bgColor-neutralLighter"> + <span class="ms-font-size-m ms-fontColor-black">Neutral Lighter<br /> + #004578</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox ms-bgColor-neutralPrimaryAlt docs-colorBox-hasBorder ms-fontColor-neutralLighter" aria-label="Example for ms-fontColor-neutralLighter"> + <span class="ms-font-su ms-fontColor-neutralLighter">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-neutralLighter" aria-label="Example for ms-borderColor-neutralLighter"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Neutral Lighter, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-neutralLighter"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-neutralLighter</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-neutralLighter"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-neutralLighter</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-neutralLighter"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-neutralLighter</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Neutral Lighter Alt, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-neutralLighterAlt" aria-label="Example for ms-bgColor-neutralLighterAlt"> + <span class="ms-font-size-m ms-fontColor-black">Neutral Lighter Alt<br /> + #F8F8F8</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox ms-bgColor-neutralPrimary docs-colorBox-hasBorder ms-fontColor-neutralLighterAlt" aria-label="Example for ms-fontColor-neutralLighterAlt"> + <span class="ms-font-su ms-fontColor-neutralLighterAlt">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-neutralLighterAlt" aria-label="Example for ms-borderColor-neutralLighterAlt"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Neutral Lighter Alt, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-neutralLighterAlt"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-neutralLighterAlt</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-neutralLighterAlt"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-neutralLighterAlt</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-neutralLighterAlt"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-neutralLighterAlt</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for White, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-white" aria-label="Example for ms-bgColor-white"> + <span class="ms-font-size-m ms-fontColor-black">White<br /> + #FFFFFF</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox ms-bgColor-neutralPrimary docs-colorBox-hasBorder ms-fontColor-white" aria-label="Example for ms-fontColor-white"> + <span class="ms-font-su ms-fontColor-white">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-white" aria-label="Example for ms-borderColor-white"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example White, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-white"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-white</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-white"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-white</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-white"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-white</p> + </div> + </div> + <!-- End Color --> </div> + + <h4>Accent Colors</h4> + <p>Fabric also includes accent colors from the Microsoft color palette.</p> + + <div class="docs-colorContainer" role="grid"> + <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Yellow, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-yellow" aria-label="Example for ms-bgColor-yellow"> + <span class="ms-font-size-m ms-fontColor-black">Yellow<br /> + #FFB900</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-yellow" aria-label="Example for ms-fontColor-yellow"> + <span class="ms-font-su ms-fontColor-yellow">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-yellow" aria-label="Example for ms-borderColor-yellow"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Yellow, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-yellow"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-yellow</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-yellow"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-yellow</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-yellow"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-yellow</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Light Yellow, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-yellowLight" aria-label="Example for ms-bgColor-yellowLight"> + <span class="ms-font-size-m ms-fontColor-black">Light Yellow<br /> + #FFF100</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-yellowLight" aria-label="Example for ms-fontColor-yellowLight"> + <span class="ms-font-su ms-fontColor-yellowLight">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-yellowLight" aria-label="Example for ms-borderColor-yellowLight"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Light Yellow, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-yellowLight"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-yellowLight</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-yellowLight"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-yellowLight</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-yellowLight"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-yellowLight</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Orange, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-orange" aria-label="Example for ms-bgColor-orange"> + <span class="ms-font-size-m ms-fontColor-black">Orange<br /> + #D83B01</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-orange" aria-label="Example for ms-fontColor-orange"> + <span class="ms-font-su ms-fontColor-orange">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-orange" aria-label="Example for ms-borderColor-orange"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Orange, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-orange"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-orange</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-orange"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-orange</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-orange"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-orange</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Orange Light, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-orangeLight" aria-label="Example for ms-bgColor-orangeLight"> + <span class="ms-font-size-m ms-fontColor-black">Orange Light<br /> + #EA4300</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-orangeLight" aria-label="Example for ms-fontColor-orangeLight"> + <span class="ms-font-su ms-fontColor-orangeLight">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-orangeLight" aria-label="Example for ms-borderColor-orangeLight"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Orange Light, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-orangeLight"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-orangeLight</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-orangeLight"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-orangeLight</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-orangeLight"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-orangeLight</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Orange Lighter, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-orangeLighter" aria-label="Example for ms-bgColor-orangeLighter"> + <span class="ms-font-size-m ms-fontColor-black">Orange Lighter<br /> + #FF8C00</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-orangeLighter" aria-label="Example for ms-fontColor-orangeLighter"> + <span class="ms-font-su ms-fontColor-orangeLighter">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-orangeLighter" aria-label="Example for ms-borderColor-orangeLighter"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Orange Lighter, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-orangeLighter"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-orangeLighter</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-orangeLighter"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-orangeLighter</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-orangeLighter"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-orangeLighter</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Dark Red, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-redDark" aria-label="Example for ms-bgColor-redDark"> + <span class="ms-font-size-m ms-fontColor-white">Dark Red<br /> + #A80000</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-redDark" aria-label="Example for ms-fontColor-redDark"> + <span class="ms-font-su ms-fontColor-redDark">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-redDark" aria-label="Example for ms-borderColor-redDark"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Dark Red, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-redDark"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-redDark</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-redDark"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-redDark</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-redDark"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-redDark</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Red, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-red" aria-label="Example for ms-bgColor-red"> + <span class="ms-font-size-m ms-fontColor-white">Red<br /> + #E81123</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-red" aria-label="Example for ms-fontColor-red"> + <span class="ms-font-su ms-fontColor-red">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-red" aria-label="Example for ms-borderColor-red"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Red, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-red"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-red</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-red"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-red</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-red"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-red</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Magenta Light, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-magentaLight" aria-label="Example for ms-bgColor-magentaLight"> + <span class="ms-font-size-m ms-fontColor-white">Magenta Light<br /> + #E3008C</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-magentaLight" aria-label="Example for ms-fontColor-magentaLight"> + <span class="ms-font-su ms-fontColor-magentaLight">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-magentaLight" aria-label="Example for ms-borderColor-magentaLight"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Magenta Light, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-magentaLight"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-magentaLight</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-magentaLight"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-magentaLight</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-magentaLight"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-magentaLight</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Magenta, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-magenta" aria-label="Example for ms-bgColor-magenta"> + <span class="ms-font-size-m ms-fontColor-white">Magenta<br /> + #B4009E</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-magenta" aria-label="Example for ms-fontColor-magenta"> + <span class="ms-font-su ms-fontColor-magenta">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-magenta" aria-label="Example for ms-borderColor-magenta"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Magenta, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-magenta"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-magenta</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-magenta"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-magenta</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-magenta"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-magenta</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Dark Magenta, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-magentaDark" aria-label="Example for ms-bgColor-magentaDark"> + <span class="ms-font-size-m ms-fontColor-white">Dark Magenta<br /> + #5C005C</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-magentaDark" aria-label="Example for ms-fontColor-magentaDark"> + <span class="ms-font-su ms-fontColor-magentaDark">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-magentaDark" aria-label="Example for ms-borderColor-magentaDark"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Dark Magenta, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-magentaDark"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-magentaDark</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-magentaDark"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-magentaDark</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-magentaDark"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-magentaDark</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Light Purple, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-purpleLight" aria-label="Example for ms-bgColor-purpleLight"> + <span class="ms-font-size-m ms-fontColor-black">Light Purple<br /> + #B4A0FF</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-purpleLight" aria-label="Example for ms-fontColor-purpleLight"> + <span class="ms-font-su ms-fontColor-purpleLight">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-purpleLight" aria-label="Example for ms-borderColor-purpleLight"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Light Purple, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-purpleLight"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-purpleLight</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-purpleLight"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-purpleLight</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-purpleLight"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-purpleLight</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Purple, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-purple" aria-label="Example for ms-bgColor-purple"> + <span class="ms-font-size-m ms-fontColor-white">Purple<br /> + #5C2D91</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-purple" aria-label="Example for ms-fontColor-purple"> + <span class="ms-font-su ms-fontColor-purple">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-purple" aria-label="Example for ms-borderColor-purple"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Purple, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-purple"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-purple</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-purple"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-purple</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-purple"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-purple</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Dark Purple, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-purpleDark" aria-label="Example for ms-bgColor-purpleDark"> + <span class="ms-font-size-m ms-fontColor-white">Dark Purple<br /> + #32145A</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-purpleDark" aria-label="Example for ms-fontColor-purpleDark"> + <span class="ms-font-su ms-fontColor-purpleDark">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-purpleDark" aria-label="Example for ms-borderColor-purpleDark"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Dark Purple, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-purpleDark"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-purpleDark</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-purpleDark"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-purpleDark</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-purpleDark"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-purpleDark</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Light Blue, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-blueLight" aria-label="Example for ms-bgColor-blueLight"> + <span class="ms-font-size-m ms-fontColor-black">Light Blue<br /> + #00BCF2</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-blueLight" aria-label="Example for ms-fontColor-blueLight"> + <span class="ms-font-su ms-fontColor-blueLight">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-blueLight" aria-label="Example for ms-borderColor-blueLight"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Light Blue, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-blueLight"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-blueLight</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-blueLight"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-blueLight</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-blueLight"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-blueLight</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Mid Blue, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-blueMid" aria-label="Example for ms-bgColor-blueMid"> + <span class="ms-font-size-m ms-fontColor-white">Mid Blue<br /> + #00188F</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-blueMid" aria-label="Example for ms-fontColor-blueMid"> + <span class="ms-font-su ms-fontColor-blueMid">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-blueMid" aria-label="Example for ms-borderColor-blueMid"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Mid Blue, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-blueMid"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-blueMid</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-blueMid"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-blueMid</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-blueMid"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-blueMid</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Blue, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-blue" aria-label="Example for ms-bgColor-blue"> + <span class="ms-font-size-m ms-fontColor-white">Blue<br /> + #0078d7</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-blue" aria-label="Example for ms-fontColor-blue"> + <span class="ms-font-su ms-fontColor-blue">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-blue" aria-label="Example for ms-borderColor-blue"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Blue, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-blue"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-blue</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-blue"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-blue</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-blue"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-blue</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Dark Blue, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-blueDark" aria-label="Example for ms-bgColor-blueDark"> + <span class="ms-font-size-m ms-fontColor-white">Dark Blue<br /> + #002050</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-blueDark" aria-label="Example for ms-fontColor-blueDark"> + <span class="ms-font-su ms-fontColor-blueDark">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-blueDark" aria-label="Example for ms-borderColor-blueDark"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Dark Blue, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-blueDark"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-blueDark</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-blueDark"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-blueDark</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-blueDark"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-blueDark</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Light Teal, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-tealLight" aria-label="Example for ms-bgColor-tealLight"> + <span class="ms-font-size-m ms-fontColor-black">Light Teal<br /> + #00B294</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-tealLight" aria-label="Example for ms-fontColor-tealLight"> + <span class="ms-font-su ms-fontColor-tealLight">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-tealLight" aria-label="Example for ms-borderColor-tealLight"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Light Teal, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-tealLight"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-tealLight</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-tealLight"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-tealLight</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-tealLight"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-tealLight</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Teal, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-teal" aria-label="Example for ms-bgColor-teal"> + <span class="ms-font-size-m ms-fontColor-white">Teal<br /> + #008272</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-teal" aria-label="Example for ms-fontColor-teal"> + <span class="ms-font-su ms-fontColor-teal">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-teal" aria-label="Example for ms-borderColor-teal"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Teal, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-teal"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-teal</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-teal"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-teal</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-teal"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-teal</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Dark Teal, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-tealDark" aria-label="Example for ms-bgColor-tealDark"> + <span class="ms-font-size-m ms-fontColor-white">Dark Teal<br /> + #004B50</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-tealDark" aria-label="Example for ms-fontColor-tealDark"> + <span class="ms-font-su ms-fontColor-tealDark">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-tealDark" aria-label="Example for ms-borderColor-tealDark"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Dark Teal, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-tealDark"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-tealDark</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-tealDark"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-tealDark</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-tealDark"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-tealDark</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Light Green, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-greenLight" aria-label="Example for ms-bgColor-greenLight"> + <span class="ms-font-size-m ms-fontColor-black">Light Green<br /> + #BAD80A</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-greenLight" aria-label="Example for ms-fontColor-greenLight"> + <span class="ms-font-su ms-fontColor-greenLight">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-greenLight" aria-label="Example for ms-borderColor-greenLight"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Light Green, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-greenLight"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-greenLight</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-greenLight"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-greenLight</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-greenLight"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-greenLight</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Green, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-green" aria-label="Example for ms-bgColor-green"> + <span class="ms-font-size-m ms-fontColor-white">Green<br /> + #107C10</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-green" aria-label="Example for ms-fontColor-green"> + <span class="ms-font-su ms-fontColor-green">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-green" aria-label="Example for ms-borderColor-green"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Green, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-green"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-green</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-green"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-green</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-green"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-green</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Dark Green, this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-greenDark" aria-label="Example for ms-bgColor-greenDark"> + <span class="ms-font-size-m ms-fontColor-white">Dark Green<br /> + #004B1C</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder ms-fontColor-greenDark" aria-label="Example for ms-fontColor-greenDark"> + <span class="ms-font-su ms-fontColor-greenDark">Aa</span> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-greenDark" aria-label="Example for ms-borderColor-greenDark"> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Dark Green, this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-greenDark"> + <p class="ms-font-size-m"><span class="mobileText">Background<br/></span> ms-bgColor-greenDark</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-greenDark"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-greenDark</p> + <!-- Info Button --> + <!-- End Info Button --> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-greenDark"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-greenDark</p> + </div> + </div> + <!-- End Color --> </div> + + <h4>Message Colors</h4> + <p>Use these colors when you need to communicate the system's status, such as in a notification or error message.</p> + + <div class="docs-colorContainer" role="grid"> + <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Info (Background) and Info (Font and Border), this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-info ms-bgColor-info" aria-label="Example for Info (Background)"> + <p class="ms-font-size-m ms-fontColor-black">Info (Background)<br /> + #f4f4f4</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG docs-colorBox-hasBg" aria-label="Example for Info (Font and Border)"> + <p class="ms-font-size-m ms-fontColor-info">Info (Font and Border)<br /> + #107c10</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-info" aria-label="Example for ms-borderColor-info"> + <!-- Nothing its a border --> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Info (Background) and Info (Font and Border), this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-info"> + <p class="ms-font-size-m"><span class="mobileText">Background<br /></span> ms-bgColor-info</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-info"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-info</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-info"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-info</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Success (Background) and Success (Font and Border), this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-info ms-bgColor-success" aria-label="Example for Success (Background)"> + <p class="ms-font-size-m ms-fontColor-black">Success (Background)<br /> + #dff6dd</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG docs-colorBox-hasBg" aria-label="Example for Success (Font and Border)"> + <p class="ms-font-size-m ms-fontColor-success">Success (Font and Border)<br /> + #107c10</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBoxBorder ms-borderColor-success" aria-label="Example for ms-borderColor-success"> + <!-- Nothing its a border --> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Success (Background) and Success (Font and Border), this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-success"> + <p class="ms-font-size-m"><span class="mobileText">Background<br /></span> ms-bgColor-success</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-success"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-success</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-success"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-success</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Alert (Background) and Alert (Font and Border), this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-info ms-bgColor-alert" aria-label="Example for Alert (Background)"> + <p class="ms-font-size-m ms-fontColor-black">Alert (Background)<br /> + #fed9cc</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-alert" aria-label="Example for Alert (Font and Border)"> + <p class="ms-font-size-m ms-fontColor-alert">Alert (Font and Border)<br /> + #d83b01</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox ms-bgColor-alert docs-colorBoxBorder ms-borderColor-alert" aria-label="Example for ms-borderColor-alert"> + <!-- Nothing its a border --> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Alert (Background) and Alert (Font and Border), this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-alert"> + <p class="ms-font-size-m"><span class="mobileText">Background<br /></span> ms-bgColor-alert</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-alert"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-alert</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-alert"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-alert</p> + </div> + </div> + <!-- End Color --> <!-- Start Color --> + <div class="ms-Grid-row" aria-label="First row of the color example for Error (Background) and Error (Font and Border), this row of the color example shows an example for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-info ms-bgColor-error" aria-label="Example for Error (Background)"> + <p class="ms-font-size-m ms-fontColor-black">Error (Background)<br /> + #fde7e9</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBoxBG ms-bgColor-error" aria-label="Example for Error (Font and Border)"> + <p class="ms-font-size-m ms-fontColor-error">Error (Font and Border)<br /> + #a80000</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox ms-bgColor-error docs-colorBoxBorder ms-borderColor-error" aria-label="Example for ms-borderColor-error"> + <!-- Nothing its a border --> + </div> + </div> + + <div class="ms-Grid-row docs-colorBottomRow" aria-label="Second row of the color example Error (Background) and Error (Font and Border), this row has the specific class names listed for background color, border color, and font color"> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Background class ms-bgColor-error"> + <p class="ms-font-size-m"><span class="mobileText">Background<br /></span> ms-bgColor-error</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Font class ms-fontColor-error"> + <p class="ms-font-size-m"><span class="mobileText">Font<br /></span> ms-fontColor-error</p> + </div> + <div class="ms-Grid-col ms-sm4 ms-lg4 docs-colorBox docs-colorBox-hasBg docs-colorBox-hasBorder" aria-label="Border class ms-borderColor-error"> + <p class="ms-font-size-m"><span class="mobileText">Border<br /></span> ms-borderColor-error</p> + </div> + </div> + <!-- End Color --> </div> +</div> + + </div> +</div> +<script> + var currPage = window.location.pathname.replace(/\//g, ''); + if (currPage) { + document.getElementsByClassName(currPage)[0].classList.add('LeftNav-link--active'); + } +</script> +</body> +</html> diff --git a/dist/documentation/Icons/index.html b/dist/documentation/Icons/index.html new file mode 100644 index 000000000..6ab21b584 --- /dev/null +++ b/dist/documentation/Icons/index.html @@ -0,0 +1,1527 @@ +<!DOCTYPE html> +<html lang="en" dir="ltr"> +<head> + <meta charset="UTF-8"> + <title>Office Fabric UI Core Documentation</title> + <link rel="stylesheet" href="../../css/fabric.css"> + <link rel="stylesheet" href="../docs.css"> + <link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/2.6.2/css/fabric.components.min.css"> +</head> +<body class="ms-Fabric"> +<div id="body-content"> + <div id="Header" class="docs-Header"> + <a class="ms-font-xxl ms-fontColor-white" href="/">Office UI Fabric</a> + <div class="Header-buttons"> + <a href="https://github.com/OfficeDev/office-ui-fabric-core/" class="Header-button ms-fontColor-white">Github</a> + </div> + </div> + <div class="docs-Page has-leftNav"> + <div class="docs-Page-leftNav"> + <div class="LeftNav-links" role="menu" aria-label="Anchor links for navigating this page"> + <div class="LeftNav-item"> + <a class="Typography LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Typography">Typography</a> + </div> + <div class="LeftNav-item"> + <a class="Color LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Color">Color</a> + </div> + <div class="LeftNav-item"> + <a class="Icons LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Icons">Icons</a> + </div> + <div class="LeftNav-item"> + <a class="Animations LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Animations">Animations</a> + </div> + <div class="LeftNav-item"> + <a class="Responsive-Grid LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Responsive-Grid">Responsive Grid</a> + </div> + <div class="LeftNav-item"> + <a class="Localization LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Localization">Localization</a> + </div> + <div class="LeftNav-item"> + <a class="Scoping LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Scoping">Scoping</a> + </div> + </div> +</div> + +<div class="docs-Styles-section" id="icons"> + <h2>Icons</h2> + <p>Fabric uses a custom font for its iconography. This font contains glyphs that you can scale, color, and style in any way. You can even flip them for right-to-left localization. To use the icons, combine the base ms-Icon class with a modifier class for the specific icon.</p> + <pre><code class="hljs"><i class="ms-Icon ms-Icon--Mail" aria-hidden="true"></i></code></pre> + <p>Note the <code>aria-hidden</code> attribute, which prevents screen readers from reading the icon. In cases where meaning is conveyed only through the icon, such as an icon-only navigation bar, be sure to apply an aria-label to the button for accessibility.</p> + <div class="docs-IconList clearfix"> + <ul> + <li><i class="ms-Icon ms-Icon--12PointStar"></i>ms-Icon--12PointStar</li> + <li><i class="ms-Icon ms-Icon--6PointStar"></i>ms-Icon--6PointStar</li> + <li><i class="ms-Icon ms-Icon--AADLogo"></i>ms-Icon--AADLogo</li> + <li><i class="ms-Icon ms-Icon--Accept"></i>ms-Icon--Accept</li> + <li><i class="ms-Icon ms-Icon--AccessLogo"></i>ms-Icon--AccessLogo</li> + <li><i class="ms-Icon ms-Icon--AccessLogoFill"></i>ms-Icon--AccessLogoFill</li> + <li><i class="ms-Icon ms-Icon--AccountManagement"></i>ms-Icon--AccountManagement</li> + <li><i class="ms-Icon ms-Icon--Accounts"></i>ms-Icon--Accounts</li> + <li><i class="ms-Icon ms-Icon--ActivateOrders"></i>ms-Icon--ActivateOrders</li> + <li><i class="ms-Icon ms-Icon--ActivityFeed"></i>ms-Icon--ActivityFeed</li> + <li><i class="ms-Icon ms-Icon--Add"></i>ms-Icon--Add</li> + <li><i class="ms-Icon ms-Icon--AddBookmark"></i>ms-Icon--AddBookmark</li> + <li><i class="ms-Icon ms-Icon--AddEvent"></i>ms-Icon--AddEvent</li> + <li><i class="ms-Icon ms-Icon--AddFavorite"></i>ms-Icon--AddFavorite</li> + <li><i class="ms-Icon ms-Icon--AddFavoriteFill"></i>ms-Icon--AddFavoriteFill</li> + <li><i class="ms-Icon ms-Icon--AddFriend"></i>ms-Icon--AddFriend</li> + <li><i class="ms-Icon ms-Icon--AddGroup"></i>ms-Icon--AddGroup</li> + <li><i class="ms-Icon ms-Icon--AddNotes"></i>ms-Icon--AddNotes</li> + <li><i class="ms-Icon ms-Icon--AddOnlineMeeting"></i>ms-Icon--AddOnlineMeeting</li> + <li><i class="ms-Icon ms-Icon--AddPhone"></i>ms-Icon--AddPhone</li> + <li><i class="ms-Icon ms-Icon--AddTo"></i>ms-Icon--AddTo</li> + <li><i class="ms-Icon ms-Icon--Admin"></i>ms-Icon--Admin</li> + <li><i class="ms-Icon ms-Icon--AdminALogo32"></i>ms-Icon--AdminALogo32</li> + <li><i class="ms-Icon ms-Icon--AdminALogoFill32"></i>ms-Icon--AdminALogoFill32</li> + <li><i class="ms-Icon ms-Icon--AdminALogoInverse32"></i>ms-Icon--AdminALogoInverse32</li> + <li><i class="ms-Icon ms-Icon--AdminCLogoInverse32"></i>ms-Icon--AdminCLogoInverse32</li> + <li><i class="ms-Icon ms-Icon--AdminDLogoInverse32"></i>ms-Icon--AdminDLogoInverse32</li> + <li><i class="ms-Icon ms-Icon--AdminELogoInverse32"></i>ms-Icon--AdminELogoInverse32</li> + <li><i class="ms-Icon ms-Icon--AdminLLogoInverse32"></i>ms-Icon--AdminLLogoInverse32</li> + <li><i class="ms-Icon ms-Icon--AdminMLogoInverse32"></i>ms-Icon--AdminMLogoInverse32</li> + <li><i class="ms-Icon ms-Icon--AdminOLogoInverse32"></i>ms-Icon--AdminOLogoInverse32</li> + <li><i class="ms-Icon ms-Icon--AdminPLogoInverse32"></i>ms-Icon--AdminPLogoInverse32</li> + <li><i class="ms-Icon ms-Icon--AdminSLogoInverse32"></i>ms-Icon--AdminSLogoInverse32</li> + <li><i class="ms-Icon ms-Icon--AdminYLogoInverse32"></i>ms-Icon--AdminYLogoInverse32</li> + <li><i class="ms-Icon ms-Icon--Airplane"></i>ms-Icon--Airplane</li> + <li><i class="ms-Icon ms-Icon--AirplaneSolid"></i>ms-Icon--AirplaneSolid</li> + <li><i class="ms-Icon ms-Icon--AirTickets"></i>ms-Icon--AirTickets</li> + <li><i class="ms-Icon ms-Icon--AlarmClock"></i>ms-Icon--AlarmClock</li> + <li><i class="ms-Icon ms-Icon--Album"></i>ms-Icon--Album</li> + <li><i class="ms-Icon ms-Icon--AlbumRemove"></i>ms-Icon--AlbumRemove</li> + <li><i class="ms-Icon ms-Icon--AlertSolid"></i>ms-Icon--AlertSolid</li> + <li><i class="ms-Icon ms-Icon--AlignCenter"></i>ms-Icon--AlignCenter</li> + <li><i class="ms-Icon ms-Icon--AlignHorizontalCenter"></i>ms-Icon--AlignHorizontalCenter</li> + <li><i class="ms-Icon ms-Icon--AlignHorizontalLeft"></i>ms-Icon--AlignHorizontalLeft</li> + <li><i class="ms-Icon ms-Icon--AlignHorizontalRight"></i>ms-Icon--AlignHorizontalRight</li> + <li><i class="ms-Icon ms-Icon--AlignJustify"></i>ms-Icon--AlignJustify</li> + <li><i class="ms-Icon ms-Icon--AlignLeft"></i>ms-Icon--AlignLeft</li> + <li><i class="ms-Icon ms-Icon--AlignRight"></i>ms-Icon--AlignRight</li> + <li><i class="ms-Icon ms-Icon--AlignVerticalBottom"></i>ms-Icon--AlignVerticalBottom</li> + <li><i class="ms-Icon ms-Icon--AlignVerticalCenter"></i>ms-Icon--AlignVerticalCenter</li> + <li><i class="ms-Icon ms-Icon--AlignVerticalTop"></i>ms-Icon--AlignVerticalTop</li> + <li><i class="ms-Icon ms-Icon--AllApps"></i>ms-Icon--AllApps</li> + <li><i class="ms-Icon ms-Icon--AllAppsMirrored"></i>ms-Icon--AllAppsMirrored</li> + <li><i class="ms-Icon ms-Icon--AnalyticsLogo"></i>ms-Icon--AnalyticsLogo</li> + <li><i class="ms-Icon ms-Icon--AnalyticsQuery"></i>ms-Icon--AnalyticsQuery</li> + <li><i class="ms-Icon ms-Icon--AnalyticsReport"></i>ms-Icon--AnalyticsReport</li> + <li><i class="ms-Icon ms-Icon--AnalyticsView"></i>ms-Icon--AnalyticsView</li> + <li><i class="ms-Icon ms-Icon--AnchorLock"></i>ms-Icon--AnchorLock</li> + <li><i class="ms-Icon ms-Icon--Annotation"></i>ms-Icon--Annotation</li> + <li><i class="ms-Icon ms-Icon--AppIconDefault"></i>ms-Icon--AppIconDefault</li> + <li><i class="ms-Icon ms-Icon--Archive"></i>ms-Icon--Archive</li> + <li><i class="ms-Icon ms-Icon--AreaChart"></i>ms-Icon--AreaChart</li> + <li><i class="ms-Icon ms-Icon--ArrangeBringForward"></i>ms-Icon--ArrangeBringForward</li> + <li><i class="ms-Icon ms-Icon--ArrangeBringToFront"></i>ms-Icon--ArrangeBringToFront</li> + <li><i class="ms-Icon ms-Icon--ArrangeByFrom"></i>ms-Icon--ArrangeByFrom</li> + <li><i class="ms-Icon ms-Icon--ArrangeSendBackward"></i>ms-Icon--ArrangeSendBackward</li> + <li><i class="ms-Icon ms-Icon--ArrangeSendToBack"></i>ms-Icon--ArrangeSendToBack</li> + <li><i class="ms-Icon ms-Icon--Arrivals"></i>ms-Icon--Arrivals</li> + <li><i class="ms-Icon ms-Icon--ArrowDownRight8"></i>ms-Icon--ArrowDownRight8</li> + <li><i class="ms-Icon ms-Icon--ArrowDownRightMirrored8"></i>ms-Icon--ArrowDownRightMirrored8</li> + <li><i class="ms-Icon ms-Icon--ArrowTallDownLeft"></i>ms-Icon--ArrowTallDownLeft</li> + <li><i class="ms-Icon ms-Icon--ArrowTallDownRight"></i>ms-Icon--ArrowTallDownRight</li> + <li><i class="ms-Icon ms-Icon--ArrowTallUpLeft"></i>ms-Icon--ArrowTallUpLeft</li> + <li><i class="ms-Icon ms-Icon--ArrowTallUpRight"></i>ms-Icon--ArrowTallUpRight</li> + <li><i class="ms-Icon ms-Icon--ArrowUpRight"></i>ms-Icon--ArrowUpRight</li> + <li><i class="ms-Icon ms-Icon--ArrowUpRight8"></i>ms-Icon--ArrowUpRight8</li> + <li><i class="ms-Icon ms-Icon--ArrowUpRightMirrored8"></i>ms-Icon--ArrowUpRightMirrored8</li> + <li><i class="ms-Icon ms-Icon--Articles"></i>ms-Icon--Articles</li> + <li><i class="ms-Icon ms-Icon--Ascending"></i>ms-Icon--Ascending</li> + <li><i class="ms-Icon ms-Icon--AspectRatio"></i>ms-Icon--AspectRatio</li> + <li><i class="ms-Icon ms-Icon--AssessmentGroup"></i>ms-Icon--AssessmentGroup</li> + <li><i class="ms-Icon ms-Icon--AssessmentGroupTemplate"></i>ms-Icon--AssessmentGroupTemplate</li> + <li><i class="ms-Icon ms-Icon--AssetLibrary"></i>ms-Icon--AssetLibrary</li> + <li><i class="ms-Icon ms-Icon--Assign"></i>ms-Icon--Assign</li> + <li><i class="ms-Icon ms-Icon--Asterisk"></i>ms-Icon--Asterisk</li> + <li><i class="ms-Icon ms-Icon--AsteriskSolid"></i>ms-Icon--AsteriskSolid</li> + <li><i class="ms-Icon ms-Icon--ATPLogo"></i>ms-Icon--ATPLogo</li> + <li><i class="ms-Icon ms-Icon--Attach"></i>ms-Icon--Attach</li> + <li><i class="ms-Icon ms-Icon--AustralianRules"></i>ms-Icon--AustralianRules</li> + <li><i class="ms-Icon ms-Icon--AutoEnhanceOff"></i>ms-Icon--AutoEnhanceOff</li> + <li><i class="ms-Icon ms-Icon--AutoEnhanceOn"></i>ms-Icon--AutoEnhanceOn</li> + <li><i class="ms-Icon ms-Icon--AutoFillTemplate"></i>ms-Icon--AutoFillTemplate</li> + <li><i class="ms-Icon ms-Icon--AutoHeight"></i>ms-Icon--AutoHeight</li> + <li><i class="ms-Icon ms-Icon--AutoRacing"></i>ms-Icon--AutoRacing</li> + <li><i class="ms-Icon ms-Icon--AwayStatus"></i>ms-Icon--AwayStatus</li> + <li><i class="ms-Icon ms-Icon--AzureAPIManagement"></i>ms-Icon--AzureAPIManagement</li> + <li><i class="ms-Icon ms-Icon--AzureKeyVault"></i>ms-Icon--AzureKeyVault</li> + <li><i class="ms-Icon ms-Icon--AzureLogo"></i>ms-Icon--AzureLogo</li> + <li><i class="ms-Icon ms-Icon--AzureServiceEndpoint"></i>ms-Icon--AzureServiceEndpoint</li> + <li><i class="ms-Icon ms-Icon--Back"></i>ms-Icon--Back</li> + <li><i class="ms-Icon ms-Icon--BackgroundColor"></i>ms-Icon--BackgroundColor</li> + <li><i class="ms-Icon ms-Icon--Backlog"></i>ms-Icon--Backlog</li> + <li><i class="ms-Icon ms-Icon--BacklogBoard"></i>ms-Icon--BacklogBoard</li> + <li><i class="ms-Icon ms-Icon--BackToWindow"></i>ms-Icon--BackToWindow</li> + <li><i class="ms-Icon ms-Icon--Badge"></i>ms-Icon--Badge</li> + <li><i class="ms-Icon ms-Icon--Balloons"></i>ms-Icon--Balloons</li> + <li><i class="ms-Icon ms-Icon--BankSolid"></i>ms-Icon--BankSolid</li> + <li><i class="ms-Icon ms-Icon--BarChart4"></i>ms-Icon--BarChart4</li> + <li><i class="ms-Icon ms-Icon--BarChartHorizontal"></i>ms-Icon--BarChartHorizontal</li> + <li><i class="ms-Icon ms-Icon--BarChartVertical"></i>ms-Icon--BarChartVertical</li> + <li><i class="ms-Icon ms-Icon--Baseball"></i>ms-Icon--Baseball</li> + <li><i class="ms-Icon ms-Icon--BeerMug"></i>ms-Icon--BeerMug</li> + <li><i class="ms-Icon ms-Icon--BIDashboard"></i>ms-Icon--BIDashboard</li> + <li><i class="ms-Icon ms-Icon--BidiLtr"></i>ms-Icon--BidiLtr</li> + <li><i class="ms-Icon ms-Icon--BidiRtl"></i>ms-Icon--BidiRtl</li> + <li><i class="ms-Icon ms-Icon--BingLogo"></i>ms-Icon--BingLogo</li> + <li><i class="ms-Icon ms-Icon--BirthdayCake"></i>ms-Icon--BirthdayCake</li> + <li><i class="ms-Icon ms-Icon--BlockContact"></i>ms-Icon--BlockContact</li> + <li><i class="ms-Icon ms-Icon--Blocked"></i>ms-Icon--Blocked</li> + <li><i class="ms-Icon ms-Icon--Blocked12"></i>ms-Icon--Blocked12</li> + <li><i class="ms-Icon ms-Icon--Blocked2"></i>ms-Icon--Blocked2</li> + <li><i class="ms-Icon ms-Icon--BlockedSite"></i>ms-Icon--BlockedSite</li> + <li><i class="ms-Icon ms-Icon--BlockedSolid"></i>ms-Icon--BlockedSolid</li> + <li><i class="ms-Icon ms-Icon--BlowingSnow"></i>ms-Icon--BlowingSnow</li> + <li><i class="ms-Icon ms-Icon--Blur"></i>ms-Icon--Blur</li> + <li><i class="ms-Icon ms-Icon--Boards"></i>ms-Icon--Boards</li> + <li><i class="ms-Icon ms-Icon--Bold"></i>ms-Icon--Bold</li> + <li><i class="ms-Icon ms-Icon--BookingsLogo"></i>ms-Icon--BookingsLogo</li> + <li><i class="ms-Icon ms-Icon--Bookmarks"></i>ms-Icon--Bookmarks</li> + <li><i class="ms-Icon ms-Icon--BookmarksMirrored"></i>ms-Icon--BookmarksMirrored</li> + <li><i class="ms-Icon ms-Icon--BorderDash"></i>ms-Icon--BorderDash</li> + <li><i class="ms-Icon ms-Icon--BorderDot"></i>ms-Icon--BorderDot</li> + <li><i class="ms-Icon ms-Icon--BoxAdditionSolid"></i>ms-Icon--BoxAdditionSolid</li> + <li><i class="ms-Icon ms-Icon--BoxCheckmarkSolid"></i>ms-Icon--BoxCheckmarkSolid</li> + <li><i class="ms-Icon ms-Icon--BoxMultiplySolid"></i>ms-Icon--BoxMultiplySolid</li> + <li><i class="ms-Icon ms-Icon--BoxPlaySolid"></i>ms-Icon--BoxPlaySolid</li> + <li><i class="ms-Icon ms-Icon--BoxSubtractSolid"></i>ms-Icon--BoxSubtractSolid</li> + <li><i class="ms-Icon ms-Icon--BranchCommit"></i>ms-Icon--BranchCommit</li> + <li><i class="ms-Icon ms-Icon--BranchCompare"></i>ms-Icon--BranchCompare</li> + <li><i class="ms-Icon ms-Icon--BranchFork"></i>ms-Icon--BranchFork</li> + <li><i class="ms-Icon ms-Icon--BranchFork2"></i>ms-Icon--BranchFork2</li> + <li><i class="ms-Icon ms-Icon--BranchLocked"></i>ms-Icon--BranchLocked</li> + <li><i class="ms-Icon ms-Icon--BranchMerge"></i>ms-Icon--BranchMerge</li> + <li><i class="ms-Icon ms-Icon--BranchPullRequest"></i>ms-Icon--BranchPullRequest</li> + <li><i class="ms-Icon ms-Icon--BranchSearch"></i>ms-Icon--BranchSearch</li> + <li><i class="ms-Icon ms-Icon--BranchShelveset"></i>ms-Icon--BranchShelveset</li> + <li><i class="ms-Icon ms-Icon--Breadcrumb"></i>ms-Icon--Breadcrumb</li> + <li><i class="ms-Icon ms-Icon--Breakfast"></i>ms-Icon--Breakfast</li> + <li><i class="ms-Icon ms-Icon--Brightness"></i>ms-Icon--Brightness</li> + <li><i class="ms-Icon ms-Icon--Broom"></i>ms-Icon--Broom</li> + <li><i class="ms-Icon ms-Icon--BrowserScreenShot"></i>ms-Icon--BrowserScreenShot</li> + <li><i class="ms-Icon ms-Icon--BrowserTab"></i>ms-Icon--BrowserTab</li> + <li><i class="ms-Icon ms-Icon--BrowserTabScreenshot"></i>ms-Icon--BrowserTabScreenshot</li> + <li><i class="ms-Icon ms-Icon--Brunch"></i>ms-Icon--Brunch</li> + <li><i class="ms-Icon ms-Icon--BucketColor"></i>ms-Icon--BucketColor</li> + <li><i class="ms-Icon ms-Icon--BucketColorFill"></i>ms-Icon--BucketColorFill</li> + <li><i class="ms-Icon ms-Icon--BufferTimeAfter"></i>ms-Icon--BufferTimeAfter</li> + <li><i class="ms-Icon ms-Icon--BufferTimeBefore"></i>ms-Icon--BufferTimeBefore</li> + <li><i class="ms-Icon ms-Icon--BufferTimeBoth"></i>ms-Icon--BufferTimeBoth</li> + <li><i class="ms-Icon ms-Icon--Bug"></i>ms-Icon--Bug</li> + <li><i class="ms-Icon ms-Icon--BugSolid"></i>ms-Icon--BugSolid</li> + <li><i class="ms-Icon ms-Icon--Build"></i>ms-Icon--Build</li> + <li><i class="ms-Icon ms-Icon--BuildIssue"></i>ms-Icon--BuildIssue</li> + <li><i class="ms-Icon ms-Icon--BuildQueue"></i>ms-Icon--BuildQueue</li> + <li><i class="ms-Icon ms-Icon--BuildQueueNew"></i>ms-Icon--BuildQueueNew</li> + <li><i class="ms-Icon ms-Icon--BulkUpload"></i>ms-Icon--BulkUpload</li> + <li><i class="ms-Icon ms-Icon--BulletedList"></i>ms-Icon--BulletedList</li> + <li><i class="ms-Icon ms-Icon--BulletedList2"></i>ms-Icon--BulletedList2</li> + <li><i class="ms-Icon ms-Icon--BulletedList2Mirrored"></i>ms-Icon--BulletedList2Mirrored</li> + <li><i class="ms-Icon ms-Icon--BulletedListMirrored"></i>ms-Icon--BulletedListMirrored</li> + <li><i class="ms-Icon ms-Icon--Bullseye"></i>ms-Icon--Bullseye</li> + <li><i class="ms-Icon ms-Icon--Bus"></i>ms-Icon--Bus</li> + <li><i class="ms-Icon ms-Icon--BusinessCenterLogo"></i>ms-Icon--BusinessCenterLogo</li> + <li><i class="ms-Icon ms-Icon--BusinessHoursSign"></i>ms-Icon--BusinessHoursSign</li> + <li><i class="ms-Icon ms-Icon--BusSolid"></i>ms-Icon--BusSolid</li> + <li><i class="ms-Icon ms-Icon--Cafe"></i>ms-Icon--Cafe</li> + <li><i class="ms-Icon ms-Icon--Cake"></i>ms-Icon--Cake</li> + <li><i class="ms-Icon ms-Icon--Calculator"></i>ms-Icon--Calculator</li> + <li><i class="ms-Icon ms-Icon--CalculatorAddition"></i>ms-Icon--CalculatorAddition</li> + <li><i class="ms-Icon ms-Icon--CalculatorEqualTo"></i>ms-Icon--CalculatorEqualTo</li> + <li><i class="ms-Icon ms-Icon--CalculatorMultiply"></i>ms-Icon--CalculatorMultiply</li> + <li><i class="ms-Icon ms-Icon--CalculatorNotEqualTo"></i>ms-Icon--CalculatorNotEqualTo</li> + <li><i class="ms-Icon ms-Icon--CalculatorSubtract"></i>ms-Icon--CalculatorSubtract</li> + <li><i class="ms-Icon ms-Icon--Calendar"></i>ms-Icon--Calendar</li> + <li><i class="ms-Icon ms-Icon--CalendarAgenda"></i>ms-Icon--CalendarAgenda</li> + <li><i class="ms-Icon ms-Icon--CalendarDay"></i>ms-Icon--CalendarDay</li> + <li><i class="ms-Icon ms-Icon--CalendarMirrored"></i>ms-Icon--CalendarMirrored</li> + <li><i class="ms-Icon ms-Icon--CalendarReply"></i>ms-Icon--CalendarReply</li> + <li><i class="ms-Icon ms-Icon--CalendarSettings"></i>ms-Icon--CalendarSettings</li> + <li><i class="ms-Icon ms-Icon--CalendarSettingsMirrored"></i>ms-Icon--CalendarSettingsMirrored</li> + <li><i class="ms-Icon ms-Icon--CalendarWeek"></i>ms-Icon--CalendarWeek</li> + <li><i class="ms-Icon ms-Icon--CalendarWorkWeek"></i>ms-Icon--CalendarWorkWeek</li> + <li><i class="ms-Icon ms-Icon--CaloriesAdd"></i>ms-Icon--CaloriesAdd</li> + <li><i class="ms-Icon ms-Icon--Camera"></i>ms-Icon--Camera</li> + <li><i class="ms-Icon ms-Icon--Cancel"></i>ms-Icon--Cancel</li> + <li><i class="ms-Icon ms-Icon--CannedChat"></i>ms-Icon--CannedChat</li> + <li><i class="ms-Icon ms-Icon--Car"></i>ms-Icon--Car</li> + <li><i class="ms-Icon ms-Icon--CaretBottomLeftCenter8"></i>ms-Icon--CaretBottomLeftCenter8</li> + <li><i class="ms-Icon ms-Icon--CaretBottomLeftSolid8"></i>ms-Icon--CaretBottomLeftSolid8</li> + <li><i class="ms-Icon ms-Icon--CaretBottomRightCenter8"></i>ms-Icon--CaretBottomRightCenter8</li> + <li><i class="ms-Icon ms-Icon--CaretBottomRightSolid8"></i>ms-Icon--CaretBottomRightSolid8</li> + <li><i class="ms-Icon ms-Icon--CaretDown8"></i>ms-Icon--CaretDown8</li> + <li><i class="ms-Icon ms-Icon--CaretDownSolid8"></i>ms-Icon--CaretDownSolid8</li> + <li><i class="ms-Icon ms-Icon--CaretHollow"></i>ms-Icon--CaretHollow</li> + <li><i class="ms-Icon ms-Icon--CaretHollowMirrored"></i>ms-Icon--CaretHollowMirrored</li> + <li><i class="ms-Icon ms-Icon--CaretLeft8"></i>ms-Icon--CaretLeft8</li> + <li><i class="ms-Icon ms-Icon--CaretLeftSolid8"></i>ms-Icon--CaretLeftSolid8</li> + <li><i class="ms-Icon ms-Icon--CaretRight"></i>ms-Icon--CaretRight</li> + <li><i class="ms-Icon ms-Icon--CaretRight8"></i>ms-Icon--CaretRight8</li> + <li><i class="ms-Icon ms-Icon--CaretRightSolid8"></i>ms-Icon--CaretRightSolid8</li> + <li><i class="ms-Icon ms-Icon--CaretSolid"></i>ms-Icon--CaretSolid</li> + <li><i class="ms-Icon ms-Icon--CaretSolid16"></i>ms-Icon--CaretSolid16</li> + <li><i class="ms-Icon ms-Icon--CaretSolidDown"></i>ms-Icon--CaretSolidDown</li> + <li><i class="ms-Icon ms-Icon--CaretSolidLeft"></i>ms-Icon--CaretSolidLeft</li> + <li><i class="ms-Icon ms-Icon--CaretSolidMirrored"></i>ms-Icon--CaretSolidMirrored</li> + <li><i class="ms-Icon ms-Icon--CaretSolidRight"></i>ms-Icon--CaretSolidRight</li> + <li><i class="ms-Icon ms-Icon--CaretSolidUp"></i>ms-Icon--CaretSolidUp</li> + <li><i class="ms-Icon ms-Icon--CaretTopLeftCenter8"></i>ms-Icon--CaretTopLeftCenter8</li> + <li><i class="ms-Icon ms-Icon--CaretTopLeftSolid8"></i>ms-Icon--CaretTopLeftSolid8</li> + <li><i class="ms-Icon ms-Icon--CaretTopRightCenter8"></i>ms-Icon--CaretTopRightCenter8</li> + <li><i class="ms-Icon ms-Icon--CaretTopRightSolid8"></i>ms-Icon--CaretTopRightSolid8</li> + <li><i class="ms-Icon ms-Icon--CaretUp8"></i>ms-Icon--CaretUp8</li> + <li><i class="ms-Icon ms-Icon--CaretUpSolid8"></i>ms-Icon--CaretUpSolid8</li> + <li><i class="ms-Icon ms-Icon--Cat"></i>ms-Icon--Cat</li> + <li><i class="ms-Icon ms-Icon--CellPhone"></i>ms-Icon--CellPhone</li> + <li><i class="ms-Icon ms-Icon--Certificate"></i>ms-Icon--Certificate</li> + <li><i class="ms-Icon ms-Icon--CertifiedDatabase"></i>ms-Icon--CertifiedDatabase</li> + <li><i class="ms-Icon ms-Icon--Chart"></i>ms-Icon--Chart</li> + <li><i class="ms-Icon ms-Icon--ChartSeries"></i>ms-Icon--ChartSeries</li> + <li><i class="ms-Icon ms-Icon--ChartXAngle"></i>ms-Icon--ChartXAngle</li> + <li><i class="ms-Icon ms-Icon--ChartYAngle"></i>ms-Icon--ChartYAngle</li> + <li><i class="ms-Icon ms-Icon--Chat"></i>ms-Icon--Chat</li> + <li><i class="ms-Icon ms-Icon--ChatInviteFriend"></i>ms-Icon--ChatInviteFriend</li> + <li><i class="ms-Icon ms-Icon--ChatSolid"></i>ms-Icon--ChatSolid</li> + <li><i class="ms-Icon ms-Icon--Checkbox"></i>ms-Icon--Checkbox</li> + <li><i class="ms-Icon ms-Icon--CheckboxComposite"></i>ms-Icon--CheckboxComposite</li> + <li><i class="ms-Icon ms-Icon--CheckboxCompositeReversed"></i>ms-Icon--CheckboxCompositeReversed</li> + <li><i class="ms-Icon ms-Icon--CheckboxIndeterminate"></i>ms-Icon--CheckboxIndeterminate</li> + <li><i class="ms-Icon ms-Icon--CheckedOutByOther12"></i>ms-Icon--CheckedOutByOther12</li> + <li><i class="ms-Icon ms-Icon--CheckedOutByYou12"></i>ms-Icon--CheckedOutByYou12</li> + <li><i class="ms-Icon ms-Icon--CheckList"></i>ms-Icon--CheckList</li> + <li><i class="ms-Icon ms-Icon--CheckMark"></i>ms-Icon--CheckMark</li> + <li><i class="ms-Icon ms-Icon--ChevronDown"></i>ms-Icon--ChevronDown</li> + <li><i class="ms-Icon ms-Icon--ChevronDownEnd6"></i>ms-Icon--ChevronDownEnd6</li> + <li><i class="ms-Icon ms-Icon--ChevronDownMed"></i>ms-Icon--ChevronDownMed</li> + <li><i class="ms-Icon ms-Icon--ChevronDownSmall"></i>ms-Icon--ChevronDownSmall</li> + <li><i class="ms-Icon ms-Icon--ChevronFold10"></i>ms-Icon--ChevronFold10</li> + <li><i class="ms-Icon ms-Icon--ChevronLeft"></i>ms-Icon--ChevronLeft</li> + <li><i class="ms-Icon ms-Icon--ChevronLeftEnd6"></i>ms-Icon--ChevronLeftEnd6</li> + <li><i class="ms-Icon ms-Icon--ChevronLeftMed"></i>ms-Icon--ChevronLeftMed</li> + <li><i class="ms-Icon ms-Icon--ChevronLeftSmall"></i>ms-Icon--ChevronLeftSmall</li> + <li><i class="ms-Icon ms-Icon--ChevronRight"></i>ms-Icon--ChevronRight</li> + <li><i class="ms-Icon ms-Icon--ChevronRightEnd6"></i>ms-Icon--ChevronRightEnd6</li> + <li><i class="ms-Icon ms-Icon--ChevronRightMed"></i>ms-Icon--ChevronRightMed</li> + <li><i class="ms-Icon ms-Icon--ChevronRightSmall"></i>ms-Icon--ChevronRightSmall</li> + <li><i class="ms-Icon ms-Icon--ChevronUnfold10"></i>ms-Icon--ChevronUnfold10</li> + <li><i class="ms-Icon ms-Icon--ChevronUp"></i>ms-Icon--ChevronUp</li> + <li><i class="ms-Icon ms-Icon--ChevronUpEnd6"></i>ms-Icon--ChevronUpEnd6</li> + <li><i class="ms-Icon ms-Icon--ChevronUpMed"></i>ms-Icon--ChevronUpMed</li> + <li><i class="ms-Icon ms-Icon--ChevronUpSmall"></i>ms-Icon--ChevronUpSmall</li> + <li><i class="ms-Icon ms-Icon--Chopsticks"></i>ms-Icon--Chopsticks</li> + <li><i class="ms-Icon ms-Icon--ChromeBack"></i>ms-Icon--ChromeBack</li> + <li><i class="ms-Icon ms-Icon--ChromeBackMirrored"></i>ms-Icon--ChromeBackMirrored</li> + <li><i class="ms-Icon ms-Icon--ChromeClose"></i>ms-Icon--ChromeClose</li> + <li><i class="ms-Icon ms-Icon--ChromeMinimize"></i>ms-Icon--ChromeMinimize</li> + <li><i class="ms-Icon ms-Icon--CircleAddition"></i>ms-Icon--CircleAddition</li> + <li><i class="ms-Icon ms-Icon--CircleAdditionSolid"></i>ms-Icon--CircleAdditionSolid</li> + <li><i class="ms-Icon ms-Icon--CircleFill"></i>ms-Icon--CircleFill</li> + <li><i class="ms-Icon ms-Icon--CircleHalfFull"></i>ms-Icon--CircleHalfFull</li> + <li><i class="ms-Icon ms-Icon--CirclePause"></i>ms-Icon--CirclePause</li> + <li><i class="ms-Icon ms-Icon--CirclePauseSolid"></i>ms-Icon--CirclePauseSolid</li> + <li><i class="ms-Icon ms-Icon--CirclePlus"></i>ms-Icon--CirclePlus</li> + <li><i class="ms-Icon ms-Icon--CircleRing"></i>ms-Icon--CircleRing</li> + <li><i class="ms-Icon ms-Icon--CircleShapeSolid"></i>ms-Icon--CircleShapeSolid</li> + <li><i class="ms-Icon ms-Icon--CircleStop"></i>ms-Icon--CircleStop</li> + <li><i class="ms-Icon ms-Icon--CircleStopSolid"></i>ms-Icon--CircleStopSolid</li> + <li><i class="ms-Icon ms-Icon--CityNext"></i>ms-Icon--CityNext</li> + <li><i class="ms-Icon ms-Icon--ClassNotebookLogo16"></i>ms-Icon--ClassNotebookLogo16</li> + <li><i class="ms-Icon ms-Icon--ClassNotebookLogo32"></i>ms-Icon--ClassNotebookLogo32</li> + <li><i class="ms-Icon ms-Icon--ClassNotebookLogoFill16"></i>ms-Icon--ClassNotebookLogoFill16</li> + <li><i class="ms-Icon ms-Icon--ClassNotebookLogoFill32"></i>ms-Icon--ClassNotebookLogoFill32</li> + <li><i class="ms-Icon ms-Icon--ClassNotebookLogoInverse"></i>ms-Icon--ClassNotebookLogoInverse</li> + <li><i class="ms-Icon ms-Icon--ClassNotebookLogoInverse16"></i>ms-Icon--ClassNotebookLogoInverse16</li> + <li><i class="ms-Icon ms-Icon--ClassNotebookLogoInverse32"></i>ms-Icon--ClassNotebookLogoInverse32</li> + <li><i class="ms-Icon ms-Icon--ClassroomLogo"></i>ms-Icon--ClassroomLogo</li> + <li><i class="ms-Icon ms-Icon--Clear"></i>ms-Icon--Clear</li> + <li><i class="ms-Icon ms-Icon--ClearFilter"></i>ms-Icon--ClearFilter</li> + <li><i class="ms-Icon ms-Icon--ClearFormatting"></i>ms-Icon--ClearFormatting</li> + <li><i class="ms-Icon ms-Icon--ClearNight"></i>ms-Icon--ClearNight</li> + <li><i class="ms-Icon ms-Icon--ClipboardSolid"></i>ms-Icon--ClipboardSolid</li> + <li><i class="ms-Icon ms-Icon--Clock"></i>ms-Icon--Clock</li> + <li><i class="ms-Icon ms-Icon--CloneToDesktop"></i>ms-Icon--CloneToDesktop</li> + <li><i class="ms-Icon ms-Icon--ClosedCaption"></i>ms-Icon--ClosedCaption</li> + <li><i class="ms-Icon ms-Icon--ClosePane"></i>ms-Icon--ClosePane</li> + <li><i class="ms-Icon ms-Icon--ClosePaneMirrored"></i>ms-Icon--ClosePaneMirrored</li> + <li><i class="ms-Icon ms-Icon--Cloud"></i>ms-Icon--Cloud</li> + <li><i class="ms-Icon ms-Icon--CloudAdd"></i>ms-Icon--CloudAdd</li> + <li><i class="ms-Icon ms-Icon--CloudDownload"></i>ms-Icon--CloudDownload</li> + <li><i class="ms-Icon ms-Icon--CloudUpload"></i>ms-Icon--CloudUpload</li> + <li><i class="ms-Icon ms-Icon--CloudWeather"></i>ms-Icon--CloudWeather</li> + <li><i class="ms-Icon ms-Icon--Cloudy"></i>ms-Icon--Cloudy</li> + <li><i class="ms-Icon ms-Icon--Cocktails"></i>ms-Icon--Cocktails</li> + <li><i class="ms-Icon ms-Icon--Code"></i>ms-Icon--Code</li> + <li><i class="ms-Icon ms-Icon--CodeEdit"></i>ms-Icon--CodeEdit</li> + <li><i class="ms-Icon ms-Icon--Coffee"></i>ms-Icon--Coffee</li> + <li><i class="ms-Icon ms-Icon--CoffeeScript"></i>ms-Icon--CoffeeScript</li> + <li><i class="ms-Icon ms-Icon--CollapseContent"></i>ms-Icon--CollapseContent</li> + <li><i class="ms-Icon ms-Icon--CollapseContentSingle"></i>ms-Icon--CollapseContentSingle</li> + <li><i class="ms-Icon ms-Icon--CollapseMenu"></i>ms-Icon--CollapseMenu</li> + <li><i class="ms-Icon ms-Icon--CollegeFootball"></i>ms-Icon--CollegeFootball</li> + <li><i class="ms-Icon ms-Icon--CollegeHoops"></i>ms-Icon--CollegeHoops</li> + <li><i class="ms-Icon ms-Icon--Color"></i>ms-Icon--Color</li> + <li><i class="ms-Icon ms-Icon--ColorSolid"></i>ms-Icon--ColorSolid</li> + <li><i class="ms-Icon ms-Icon--ColumnLeftTwoThirds"></i>ms-Icon--ColumnLeftTwoThirds</li> + <li><i class="ms-Icon ms-Icon--ColumnLeftTwoThirdsEdit"></i>ms-Icon--ColumnLeftTwoThirdsEdit</li> + <li><i class="ms-Icon ms-Icon--ColumnOptions"></i>ms-Icon--ColumnOptions</li> + <li><i class="ms-Icon ms-Icon--ColumnRightTwoThirds"></i>ms-Icon--ColumnRightTwoThirds</li> + <li><i class="ms-Icon ms-Icon--ColumnRightTwoThirdsEdit"></i>ms-Icon--ColumnRightTwoThirdsEdit</li> + <li><i class="ms-Icon ms-Icon--Combine"></i>ms-Icon--Combine</li> + <li><i class="ms-Icon ms-Icon--Combobox"></i>ms-Icon--Combobox</li> + <li><i class="ms-Icon ms-Icon--CommandPrompt"></i>ms-Icon--CommandPrompt</li> + <li><i class="ms-Icon ms-Icon--Comment"></i>ms-Icon--Comment</li> + <li><i class="ms-Icon ms-Icon--CommentAdd"></i>ms-Icon--CommentAdd</li> + <li><i class="ms-Icon ms-Icon--CommentNext"></i>ms-Icon--CommentNext</li> + <li><i class="ms-Icon ms-Icon--CommentPrevious"></i>ms-Icon--CommentPrevious</li> + <li><i class="ms-Icon ms-Icon--CommentUrgent"></i>ms-Icon--CommentUrgent</li> + <li><i class="ms-Icon ms-Icon--Commitments"></i>ms-Icon--Commitments</li> + <li><i class="ms-Icon ms-Icon--Communications"></i>ms-Icon--Communications</li> + <li><i class="ms-Icon ms-Icon--CompanyDirectory"></i>ms-Icon--CompanyDirectory</li> + <li><i class="ms-Icon ms-Icon--CompanyDirectoryMirrored"></i>ms-Icon--CompanyDirectoryMirrored</li> + <li><i class="ms-Icon ms-Icon--CompassNW"></i>ms-Icon--CompassNW</li> + <li><i class="ms-Icon ms-Icon--Completed"></i>ms-Icon--Completed</li> + <li><i class="ms-Icon ms-Icon--CompletedSolid"></i>ms-Icon--CompletedSolid</li> + <li><i class="ms-Icon ms-Icon--ConfigurationSolid"></i>ms-Icon--ConfigurationSolid</li> + <li><i class="ms-Icon ms-Icon--ConnectContacts"></i>ms-Icon--ConnectContacts</li> + <li><i class="ms-Icon ms-Icon--ConstructionCone"></i>ms-Icon--ConstructionCone</li> + <li><i class="ms-Icon ms-Icon--ConstructionConeSolid"></i>ms-Icon--ConstructionConeSolid</li> + <li><i class="ms-Icon ms-Icon--Contact"></i>ms-Icon--Contact</li> + <li><i class="ms-Icon ms-Icon--ContactCard"></i>ms-Icon--ContactCard</li> + <li><i class="ms-Icon ms-Icon--ContactCardSettings"></i>ms-Icon--ContactCardSettings</li> + <li><i class="ms-Icon ms-Icon--ContactCardSettingsMirrored"></i>ms-Icon--ContactCardSettingsMirrored</li> + <li><i class="ms-Icon ms-Icon--ContactInfo"></i>ms-Icon--ContactInfo</li> + <li><i class="ms-Icon ms-Icon--ContactLink"></i>ms-Icon--ContactLink</li> + <li><i class="ms-Icon ms-Icon--ContextMenu"></i>ms-Icon--ContextMenu</li> + <li><i class="ms-Icon ms-Icon--Contrast"></i>ms-Icon--Contrast</li> + <li><i class="ms-Icon ms-Icon--Copy"></i>ms-Icon--Copy</li> + <li><i class="ms-Icon ms-Icon--Cotton"></i>ms-Icon--Cotton</li> + <li><i class="ms-Icon ms-Icon--CPlusPlus"></i>ms-Icon--CPlusPlus</li> + <li><i class="ms-Icon ms-Icon--CPlusPlusLanguage"></i>ms-Icon--CPlusPlusLanguage</li> + <li><i class="ms-Icon ms-Icon--CreateMailRule"></i>ms-Icon--CreateMailRule</li> + <li><i class="ms-Icon ms-Icon--Cricket"></i>ms-Icon--Cricket</li> + <li><i class="ms-Icon ms-Icon--CRMReport"></i>ms-Icon--CRMReport</li> + <li><i class="ms-Icon ms-Icon--Crop"></i>ms-Icon--Crop</li> + <li><i class="ms-Icon ms-Icon--Crown"></i>ms-Icon--Crown</li> + <li><i class="ms-Icon ms-Icon--CrownSolid"></i>ms-Icon--CrownSolid</li> + <li><i class="ms-Icon ms-Icon--CSharp"></i>ms-Icon--CSharp</li> + <li><i class="ms-Icon ms-Icon--CSharpLanguage"></i>ms-Icon--CSharpLanguage</li> + <li><i class="ms-Icon ms-Icon--CSS"></i>ms-Icon--CSS</li> + <li><i class="ms-Icon ms-Icon--CustomList"></i>ms-Icon--CustomList</li> + <li><i class="ms-Icon ms-Icon--CustomListMirrored"></i>ms-Icon--CustomListMirrored</li> + <li><i class="ms-Icon ms-Icon--Cut"></i>ms-Icon--Cut</li> + <li><i class="ms-Icon ms-Icon--Cycling"></i>ms-Icon--Cycling</li> + <li><i class="ms-Icon ms-Icon--DashboardAdd"></i>ms-Icon--DashboardAdd</li> + <li><i class="ms-Icon ms-Icon--Database"></i>ms-Icon--Database</li> + <li><i class="ms-Icon ms-Icon--DataConnectionLibrary"></i>ms-Icon--DataConnectionLibrary</li> + <li><i class="ms-Icon ms-Icon--DateTime"></i>ms-Icon--DateTime</li> + <li><i class="ms-Icon ms-Icon--DateTime2"></i>ms-Icon--DateTime2</li> + <li><i class="ms-Icon ms-Icon--DateTimeMirrored"></i>ms-Icon--DateTimeMirrored</li> + <li><i class="ms-Icon ms-Icon--DeactivateOrders"></i>ms-Icon--DeactivateOrders</li> + <li><i class="ms-Icon ms-Icon--DecisionSolid"></i>ms-Icon--DecisionSolid</li> + <li><i class="ms-Icon ms-Icon--DeclineCall"></i>ms-Icon--DeclineCall</li> + <li><i class="ms-Icon ms-Icon--DecreaseIndentLegacy"></i>ms-Icon--DecreaseIndentLegacy</li> + <li><i class="ms-Icon ms-Icon--DefaultRatio"></i>ms-Icon--DefaultRatio</li> + <li><i class="ms-Icon ms-Icon--DefectSolid"></i>ms-Icon--DefectSolid</li> + <li><i class="ms-Icon ms-Icon--Delete"></i>ms-Icon--Delete</li> + <li><i class="ms-Icon ms-Icon--DeleteColumns"></i>ms-Icon--DeleteColumns</li> + <li><i class="ms-Icon ms-Icon--DeleteRows"></i>ms-Icon--DeleteRows</li> + <li><i class="ms-Icon ms-Icon--DeleteRowsMirrored"></i>ms-Icon--DeleteRowsMirrored</li> + <li><i class="ms-Icon ms-Icon--DeleteTable"></i>ms-Icon--DeleteTable</li> + <li><i class="ms-Icon ms-Icon--DeliveryTruck"></i>ms-Icon--DeliveryTruck</li> + <li><i class="ms-Icon ms-Icon--DelveAnalytics"></i>ms-Icon--DelveAnalytics</li> + <li><i class="ms-Icon ms-Icon--DelveAnalyticsLogo"></i>ms-Icon--DelveAnalyticsLogo</li> + <li><i class="ms-Icon ms-Icon--DelveLogo"></i>ms-Icon--DelveLogo</li> + <li><i class="ms-Icon ms-Icon--DelveLogoFill"></i>ms-Icon--DelveLogoFill</li> + <li><i class="ms-Icon ms-Icon--DelveLogoInverse"></i>ms-Icon--DelveLogoInverse</li> + <li><i class="ms-Icon ms-Icon--Deploy"></i>ms-Icon--Deploy</li> + <li><i class="ms-Icon ms-Icon--Descending"></i>ms-Icon--Descending</li> + <li><i class="ms-Icon ms-Icon--Design"></i>ms-Icon--Design</li> + <li><i class="ms-Icon ms-Icon--DesktopScreenshot"></i>ms-Icon--DesktopScreenshot</li> + <li><i class="ms-Icon ms-Icon--DeveloperTools"></i>ms-Icon--DeveloperTools</li> + <li><i class="ms-Icon ms-Icon--Devices3"></i>ms-Icon--Devices3</li> + <li><i class="ms-Icon ms-Icon--Devices4"></i>ms-Icon--Devices4</li> + <li><i class="ms-Icon ms-Icon--Diagnostic"></i>ms-Icon--Diagnostic</li> + <li><i class="ms-Icon ms-Icon--Dialpad"></i>ms-Icon--Dialpad</li> + <li><i class="ms-Icon ms-Icon--DiamondSolid"></i>ms-Icon--DiamondSolid</li> + <li><i class="ms-Icon ms-Icon--Dictionary"></i>ms-Icon--Dictionary</li> + <li><i class="ms-Icon ms-Icon--DictionaryRemove"></i>ms-Icon--DictionaryRemove</li> + <li><i class="ms-Icon ms-Icon--DietPlanNotebook"></i>ms-Icon--DietPlanNotebook</li> + <li><i class="ms-Icon ms-Icon--DiffInline"></i>ms-Icon--DiffInline</li> + <li><i class="ms-Icon ms-Icon--DiffSideBySide"></i>ms-Icon--DiffSideBySide</li> + <li><i class="ms-Icon ms-Icon--DisableUpdates"></i>ms-Icon--DisableUpdates</li> + <li><i class="ms-Icon ms-Icon--Dislike"></i>ms-Icon--Dislike</li> + <li><i class="ms-Icon ms-Icon--DislikeSolid"></i>ms-Icon--DislikeSolid</li> + <li><i class="ms-Icon ms-Icon--DockLeft"></i>ms-Icon--DockLeft</li> + <li><i class="ms-Icon ms-Icon--DockLeftMirrored"></i>ms-Icon--DockLeftMirrored</li> + <li><i class="ms-Icon ms-Icon--DockRight"></i>ms-Icon--DockRight</li> + <li><i class="ms-Icon ms-Icon--DocLibrary"></i>ms-Icon--DocLibrary</li> + <li><i class="ms-Icon ms-Icon--DocsLogoInverse"></i>ms-Icon--DocsLogoInverse</li> + <li><i class="ms-Icon ms-Icon--Document"></i>ms-Icon--Document</li> + <li><i class="ms-Icon ms-Icon--DocumentApproval"></i>ms-Icon--DocumentApproval</li> + <li><i class="ms-Icon ms-Icon--Documentation"></i>ms-Icon--Documentation</li> + <li><i class="ms-Icon ms-Icon--DocumentManagement"></i>ms-Icon--DocumentManagement</li> + <li><i class="ms-Icon ms-Icon--DocumentReply"></i>ms-Icon--DocumentReply</li> + <li><i class="ms-Icon ms-Icon--DocumentSearch"></i>ms-Icon--DocumentSearch</li> + <li><i class="ms-Icon ms-Icon--DocumentSet"></i>ms-Icon--DocumentSet</li> + <li><i class="ms-Icon ms-Icon--DOM"></i>ms-Icon--DOM</li> + <li><i class="ms-Icon ms-Icon--DonutChart"></i>ms-Icon--DonutChart</li> + <li><i class="ms-Icon ms-Icon--Door"></i>ms-Icon--Door</li> + <li><i class="ms-Icon ms-Icon--DoubleBookmark"></i>ms-Icon--DoubleBookmark</li> + <li><i class="ms-Icon ms-Icon--DoubleChevronDown"></i>ms-Icon--DoubleChevronDown</li> + <li><i class="ms-Icon ms-Icon--DoubleChevronDown12"></i>ms-Icon--DoubleChevronDown12</li> + <li><i class="ms-Icon ms-Icon--DoubleChevronDown8"></i>ms-Icon--DoubleChevronDown8</li> + <li><i class="ms-Icon ms-Icon--DoubleChevronLeft"></i>ms-Icon--DoubleChevronLeft</li> + <li><i class="ms-Icon ms-Icon--DoubleChevronLeft12"></i>ms-Icon--DoubleChevronLeft12</li> + <li><i class="ms-Icon ms-Icon--DoubleChevronLeft8"></i>ms-Icon--DoubleChevronLeft8</li> + <li><i class="ms-Icon ms-Icon--DoubleChevronLeftMed"></i>ms-Icon--DoubleChevronLeftMed</li> + <li><i class="ms-Icon ms-Icon--DoubleChevronLeftMedMirrored"></i>ms-Icon--DoubleChevronLeftMedMirrored</li> + <li><i class="ms-Icon ms-Icon--DoubleChevronRight"></i>ms-Icon--DoubleChevronRight</li> + <li><i class="ms-Icon ms-Icon--DoubleChevronRight12"></i>ms-Icon--DoubleChevronRight12</li> + <li><i class="ms-Icon ms-Icon--DoubleChevronRight8"></i>ms-Icon--DoubleChevronRight8</li> + <li><i class="ms-Icon ms-Icon--DoubleChevronUp"></i>ms-Icon--DoubleChevronUp</li> + <li><i class="ms-Icon ms-Icon--DoubleChevronUp12"></i>ms-Icon--DoubleChevronUp12</li> + <li><i class="ms-Icon ms-Icon--DoubleChevronUp8"></i>ms-Icon--DoubleChevronUp8</li> + <li><i class="ms-Icon ms-Icon--DoubleColumn"></i>ms-Icon--DoubleColumn</li> + <li><i class="ms-Icon ms-Icon--DoubleColumnEdit"></i>ms-Icon--DoubleColumnEdit</li> + <li><i class="ms-Icon ms-Icon--Down"></i>ms-Icon--Down</li> + <li><i class="ms-Icon ms-Icon--Download"></i>ms-Icon--Download</li> + <li><i class="ms-Icon ms-Icon--DownloadDocument"></i>ms-Icon--DownloadDocument</li> + <li><i class="ms-Icon ms-Icon--DragObject"></i>ms-Icon--DragObject</li> + <li><i class="ms-Icon ms-Icon--DrillDown"></i>ms-Icon--DrillDown</li> + <li><i class="ms-Icon ms-Icon--DrillDownSolid"></i>ms-Icon--DrillDownSolid</li> + <li><i class="ms-Icon ms-Icon--DrillExpand"></i>ms-Icon--DrillExpand</li> + <li><i class="ms-Icon ms-Icon--DrillShow"></i>ms-Icon--DrillShow</li> + <li><i class="ms-Icon ms-Icon--DrillThrough"></i>ms-Icon--DrillThrough</li> + <li><i class="ms-Icon ms-Icon--DRM"></i>ms-Icon--DRM</li> + <li><i class="ms-Icon ms-Icon--Drop"></i>ms-Icon--Drop</li> + <li><i class="ms-Icon ms-Icon--Dropdown"></i>ms-Icon--Dropdown</li> + <li><i class="ms-Icon ms-Icon--DropShapeSolid"></i>ms-Icon--DropShapeSolid</li> + <li><i class="ms-Icon ms-Icon--Duststorm"></i>ms-Icon--Duststorm</li> + <li><i class="ms-Icon ms-Icon--Dynamics365Logo"></i>ms-Icon--Dynamics365Logo</li> + <li><i class="ms-Icon ms-Icon--DynamicSMBLogo"></i>ms-Icon--DynamicSMBLogo</li> + <li><i class="ms-Icon ms-Icon--EatDrink"></i>ms-Icon--EatDrink</li> + <li><i class="ms-Icon ms-Icon--EdgeLogo"></i>ms-Icon--EdgeLogo</li> + <li><i class="ms-Icon ms-Icon--Edit"></i>ms-Icon--Edit</li> + <li><i class="ms-Icon ms-Icon--EditContact"></i>ms-Icon--EditContact</li> + <li><i class="ms-Icon ms-Icon--EditMail"></i>ms-Icon--EditMail</li> + <li><i class="ms-Icon ms-Icon--EditMirrored"></i>ms-Icon--EditMirrored</li> + <li><i class="ms-Icon ms-Icon--EditNote"></i>ms-Icon--EditNote</li> + <li><i class="ms-Icon ms-Icon--EditPhoto"></i>ms-Icon--EditPhoto</li> + <li><i class="ms-Icon ms-Icon--EditSolid12"></i>ms-Icon--EditSolid12</li> + <li><i class="ms-Icon ms-Icon--EditSolidMirrored12"></i>ms-Icon--EditSolidMirrored12</li> + <li><i class="ms-Icon ms-Icon--EditStyle"></i>ms-Icon--EditStyle</li> + <li><i class="ms-Icon ms-Icon--Education"></i>ms-Icon--Education</li> + <li><i class="ms-Icon ms-Icon--Ellipse"></i>ms-Icon--Ellipse</li> + <li><i class="ms-Icon ms-Icon--Embed"></i>ms-Icon--Embed</li> + <li><i class="ms-Icon ms-Icon--EMI"></i>ms-Icon--EMI</li> + <li><i class="ms-Icon ms-Icon--Emoji"></i>ms-Icon--Emoji</li> + <li><i class="ms-Icon ms-Icon--Emoji2"></i>ms-Icon--Emoji2</li> + <li><i class="ms-Icon ms-Icon--EmojiDisappointed"></i>ms-Icon--EmojiDisappointed</li> + <li><i class="ms-Icon ms-Icon--EmojiNeutral"></i>ms-Icon--EmojiNeutral</li> + <li><i class="ms-Icon ms-Icon--EmojiTabSymbols"></i>ms-Icon--EmojiTabSymbols</li> + <li><i class="ms-Icon ms-Icon--EmptyRecycleBin"></i>ms-Icon--EmptyRecycleBin</li> + <li><i class="ms-Icon ms-Icon--Encryption"></i>ms-Icon--Encryption</li> + <li><i class="ms-Icon ms-Icon--EngineeringGroup"></i>ms-Icon--EngineeringGroup</li> + <li><i class="ms-Icon ms-Icon--EntryDecline"></i>ms-Icon--EntryDecline</li> + <li><i class="ms-Icon ms-Icon--EntryView"></i>ms-Icon--EntryView</li> + <li><i class="ms-Icon ms-Icon--Equalizer"></i>ms-Icon--Equalizer</li> + <li><i class="ms-Icon ms-Icon--EraseTool"></i>ms-Icon--EraseTool</li> + <li><i class="ms-Icon ms-Icon--Error"></i>ms-Icon--Error</li> + <li><i class="ms-Icon ms-Icon--ErrorBadge"></i>ms-Icon--ErrorBadge</li> + <li><i class="ms-Icon ms-Icon--Event"></i>ms-Icon--Event</li> + <li><i class="ms-Icon ms-Icon--EventAccepted"></i>ms-Icon--EventAccepted</li> + <li><i class="ms-Icon ms-Icon--EventDate"></i>ms-Icon--EventDate</li> + <li><i class="ms-Icon ms-Icon--EventDeclined"></i>ms-Icon--EventDeclined</li> + <li><i class="ms-Icon ms-Icon--EventInfo"></i>ms-Icon--EventInfo</li> + <li><i class="ms-Icon ms-Icon--EventTentative"></i>ms-Icon--EventTentative</li> + <li><i class="ms-Icon ms-Icon--EventTentativeMirrored"></i>ms-Icon--EventTentativeMirrored</li> + <li><i class="ms-Icon ms-Icon--ExcelDocument"></i>ms-Icon--ExcelDocument</li> + <li><i class="ms-Icon ms-Icon--ExcelLogo"></i>ms-Icon--ExcelLogo</li> + <li><i class="ms-Icon ms-Icon--ExcelLogo16"></i>ms-Icon--ExcelLogo16</li> + <li><i class="ms-Icon ms-Icon--ExcelLogoFill"></i>ms-Icon--ExcelLogoFill</li> + <li><i class="ms-Icon ms-Icon--ExcelLogoFill16"></i>ms-Icon--ExcelLogoFill16</li> + <li><i class="ms-Icon ms-Icon--ExcelLogoInverse"></i>ms-Icon--ExcelLogoInverse</li> + <li><i class="ms-Icon ms-Icon--ExcelLogoInverse16"></i>ms-Icon--ExcelLogoInverse16</li> + <li><i class="ms-Icon ms-Icon--ExchangeLogo"></i>ms-Icon--ExchangeLogo</li> + <li><i class="ms-Icon ms-Icon--ExchangeLogoFill"></i>ms-Icon--ExchangeLogoFill</li> + <li><i class="ms-Icon ms-Icon--ExchangeLogoInverse"></i>ms-Icon--ExchangeLogoInverse</li> + <li><i class="ms-Icon ms-Icon--ExerciseTracker"></i>ms-Icon--ExerciseTracker</li> + <li><i class="ms-Icon ms-Icon--ExpandMenu"></i>ms-Icon--ExpandMenu</li> + <li><i class="ms-Icon ms-Icon--ExploreContent"></i>ms-Icon--ExploreContent</li> + <li><i class="ms-Icon ms-Icon--ExploreContentSingle"></i>ms-Icon--ExploreContentSingle</li> + <li><i class="ms-Icon ms-Icon--ExploreData"></i>ms-Icon--ExploreData</li> + <li><i class="ms-Icon ms-Icon--Export"></i>ms-Icon--Export</li> + <li><i class="ms-Icon ms-Icon--ExportMirrored"></i>ms-Icon--ExportMirrored</li> + <li><i class="ms-Icon ms-Icon--ExternalBuild"></i>ms-Icon--ExternalBuild</li> + <li><i class="ms-Icon ms-Icon--ExternalGit"></i>ms-Icon--ExternalGit</li> + <li><i class="ms-Icon ms-Icon--ExternalTFVC"></i>ms-Icon--ExternalTFVC</li> + <li><i class="ms-Icon ms-Icon--ExternalXAML"></i>ms-Icon--ExternalXAML</li> + <li><i class="ms-Icon ms-Icon--F12DevTools"></i>ms-Icon--F12DevTools</li> + <li><i class="ms-Icon ms-Icon--FabricAssetLibrary"></i>ms-Icon--FabricAssetLibrary</li> + <li><i class="ms-Icon ms-Icon--FabricDataConnectionLibrary"></i>ms-Icon--FabricDataConnectionLibrary</li> + <li><i class="ms-Icon ms-Icon--FabricDocLibrary"></i>ms-Icon--FabricDocLibrary</li> + <li><i class="ms-Icon ms-Icon--FabricFolder"></i>ms-Icon--FabricFolder</li> + <li><i class="ms-Icon ms-Icon--FabricFolderFill"></i>ms-Icon--FabricFolderFill</li> + <li><i class="ms-Icon ms-Icon--FabricFolderSearch"></i>ms-Icon--FabricFolderSearch</li> + <li><i class="ms-Icon ms-Icon--FabricFormLibrary"></i>ms-Icon--FabricFormLibrary</li> + <li><i class="ms-Icon ms-Icon--FabricFormLibraryMirrored"></i>ms-Icon--FabricFormLibraryMirrored</li> + <li><i class="ms-Icon ms-Icon--FabricMovetoFolder"></i>ms-Icon--FabricMovetoFolder</li> + <li><i class="ms-Icon ms-Icon--FabricNewFolder"></i>ms-Icon--FabricNewFolder</li> + <li><i class="ms-Icon ms-Icon--FabricOpenFolderHorizontal"></i>ms-Icon--FabricOpenFolderHorizontal</li> + <li><i class="ms-Icon ms-Icon--FabricPictureLibrary"></i>ms-Icon--FabricPictureLibrary</li> + <li><i class="ms-Icon ms-Icon--FabricPublicFolder"></i>ms-Icon--FabricPublicFolder</li> + <li><i class="ms-Icon ms-Icon--FabricReportLibrary"></i>ms-Icon--FabricReportLibrary</li> + <li><i class="ms-Icon ms-Icon--FabricReportLibraryMirrored"></i>ms-Icon--FabricReportLibraryMirrored</li> + <li><i class="ms-Icon ms-Icon--FabricSyncFolder"></i>ms-Icon--FabricSyncFolder</li> + <li><i class="ms-Icon ms-Icon--FabricUnsyncFolder"></i>ms-Icon--FabricUnsyncFolder</li> + <li><i class="ms-Icon ms-Icon--Family"></i>ms-Icon--Family</li> + <li><i class="ms-Icon ms-Icon--FangBody"></i>ms-Icon--FangBody</li> + <li><i class="ms-Icon ms-Icon--FastForward"></i>ms-Icon--FastForward</li> + <li><i class="ms-Icon ms-Icon--FastMode"></i>ms-Icon--FastMode</li> + <li><i class="ms-Icon ms-Icon--Favicon"></i>ms-Icon--Favicon</li> + <li><i class="ms-Icon ms-Icon--FavoriteList"></i>ms-Icon--FavoriteList</li> + <li><i class="ms-Icon ms-Icon--FavoriteStar"></i>ms-Icon--FavoriteStar</li> + <li><i class="ms-Icon ms-Icon--FavoriteStarFill"></i>ms-Icon--FavoriteStarFill</li> + <li><i class="ms-Icon ms-Icon--Fax"></i>ms-Icon--Fax</li> + <li><i class="ms-Icon ms-Icon--Feedback"></i>ms-Icon--Feedback</li> + <li><i class="ms-Icon ms-Icon--FeedbackRequestMirroredSolid"></i>ms-Icon--FeedbackRequestMirroredSolid</li> + <li><i class="ms-Icon ms-Icon--FeedbackRequestSolid"></i>ms-Icon--FeedbackRequestSolid</li> + <li><i class="ms-Icon ms-Icon--FeedbackResponseSolid"></i>ms-Icon--FeedbackResponseSolid</li> + <li><i class="ms-Icon ms-Icon--Ferry"></i>ms-Icon--Ferry</li> + <li><i class="ms-Icon ms-Icon--FerrySolid"></i>ms-Icon--FerrySolid</li> + <li><i class="ms-Icon ms-Icon--FieldChanged"></i>ms-Icon--FieldChanged</li> + <li><i class="ms-Icon ms-Icon--FieldEmpty"></i>ms-Icon--FieldEmpty</li> + <li><i class="ms-Icon ms-Icon--FieldFilled"></i>ms-Icon--FieldFilled</li> + <li><i class="ms-Icon ms-Icon--FieldNotChanged"></i>ms-Icon--FieldNotChanged</li> + <li><i class="ms-Icon ms-Icon--FieldReadOnly"></i>ms-Icon--FieldReadOnly</li> + <li><i class="ms-Icon ms-Icon--FieldRequired"></i>ms-Icon--FieldRequired</li> + <li><i class="ms-Icon ms-Icon--FileASPX"></i>ms-Icon--FileASPX</li> + <li><i class="ms-Icon ms-Icon--FileBug"></i>ms-Icon--FileBug</li> + <li><i class="ms-Icon ms-Icon--FileCode"></i>ms-Icon--FileCode</li> + <li><i class="ms-Icon ms-Icon--FileComment"></i>ms-Icon--FileComment</li> + <li><i class="ms-Icon ms-Icon--FileCSS"></i>ms-Icon--FileCSS</li> + <li><i class="ms-Icon ms-Icon--FileHTML"></i>ms-Icon--FileHTML</li> + <li><i class="ms-Icon ms-Icon--FileImage"></i>ms-Icon--FileImage</li> + <li><i class="ms-Icon ms-Icon--FileJAVA"></i>ms-Icon--FileJAVA</li> + <li><i class="ms-Icon ms-Icon--FileLess"></i>ms-Icon--FileLess</li> + <li><i class="ms-Icon ms-Icon--FilePDB"></i>ms-Icon--FilePDB</li> + <li><i class="ms-Icon ms-Icon--FileSass"></i>ms-Icon--FileSass</li> + <li><i class="ms-Icon ms-Icon--FileSQL"></i>ms-Icon--FileSQL</li> + <li><i class="ms-Icon ms-Icon--FileSymlink"></i>ms-Icon--FileSymlink</li> + <li><i class="ms-Icon ms-Icon--FileTemplate"></i>ms-Icon--FileTemplate</li> + <li><i class="ms-Icon ms-Icon--FileTypeSolution"></i>ms-Icon--FileTypeSolution</li> + <li><i class="ms-Icon ms-Icon--FileYML"></i>ms-Icon--FileYML</li> + <li><i class="ms-Icon ms-Icon--Filter"></i>ms-Icon--Filter</li> + <li><i class="ms-Icon ms-Icon--Filters"></i>ms-Icon--Filters</li> + <li><i class="ms-Icon ms-Icon--FilterSolid"></i>ms-Icon--FilterSolid</li> + <li><i class="ms-Icon ms-Icon--FiltersSolid"></i>ms-Icon--FiltersSolid</li> + <li><i class="ms-Icon ms-Icon--Financial"></i>ms-Icon--Financial</li> + <li><i class="ms-Icon ms-Icon--FinancialMirroredSolid"></i>ms-Icon--FinancialMirroredSolid</li> + <li><i class="ms-Icon ms-Icon--FinancialSolid"></i>ms-Icon--FinancialSolid</li> + <li><i class="ms-Icon ms-Icon--Fingerprint"></i>ms-Icon--Fingerprint</li> + <li><i class="ms-Icon ms-Icon--FiveTileGrid"></i>ms-Icon--FiveTileGrid</li> + <li><i class="ms-Icon ms-Icon--Flag"></i>ms-Icon--Flag</li> + <li><i class="ms-Icon ms-Icon--FlameSolid"></i>ms-Icon--FlameSolid</li> + <li><i class="ms-Icon ms-Icon--FlickDown"></i>ms-Icon--FlickDown</li> + <li><i class="ms-Icon ms-Icon--FlickLeft"></i>ms-Icon--FlickLeft</li> + <li><i class="ms-Icon ms-Icon--FlickRight"></i>ms-Icon--FlickRight</li> + <li><i class="ms-Icon ms-Icon--FlickUp"></i>ms-Icon--FlickUp</li> + <li><i class="ms-Icon ms-Icon--Flow"></i>ms-Icon--Flow</li> + <li><i class="ms-Icon ms-Icon--FocalPoint"></i>ms-Icon--FocalPoint</li> + <li><i class="ms-Icon ms-Icon--Fog"></i>ms-Icon--Fog</li> + <li><i class="ms-Icon ms-Icon--Folder"></i>ms-Icon--Folder</li> + <li><i class="ms-Icon ms-Icon--FolderFill"></i>ms-Icon--FolderFill</li> + <li><i class="ms-Icon ms-Icon--FolderHorizontal"></i>ms-Icon--FolderHorizontal</li> + <li><i class="ms-Icon ms-Icon--FolderList"></i>ms-Icon--FolderList</li> + <li><i class="ms-Icon ms-Icon--FolderListMirrored"></i>ms-Icon--FolderListMirrored</li> + <li><i class="ms-Icon ms-Icon--FolderOpen"></i>ms-Icon--FolderOpen</li> + <li><i class="ms-Icon ms-Icon--FolderQuery"></i>ms-Icon--FolderQuery</li> + <li><i class="ms-Icon ms-Icon--FolderSearch"></i>ms-Icon--FolderSearch</li> + <li><i class="ms-Icon ms-Icon--FollowUser"></i>ms-Icon--FollowUser</li> + <li><i class="ms-Icon ms-Icon--Font"></i>ms-Icon--Font</li> + <li><i class="ms-Icon ms-Icon--FontColor"></i>ms-Icon--FontColor</li> + <li><i class="ms-Icon ms-Icon--FontColorA"></i>ms-Icon--FontColorA</li> + <li><i class="ms-Icon ms-Icon--FontColorSwatch"></i>ms-Icon--FontColorSwatch</li> + <li><i class="ms-Icon ms-Icon--FontDecrease"></i>ms-Icon--FontDecrease</li> + <li><i class="ms-Icon ms-Icon--FontIncrease"></i>ms-Icon--FontIncrease</li> + <li><i class="ms-Icon ms-Icon--FontSize"></i>ms-Icon--FontSize</li> + <li><i class="ms-Icon ms-Icon--FormLibrary"></i>ms-Icon--FormLibrary</li> + <li><i class="ms-Icon ms-Icon--FormLibraryMirrored"></i>ms-Icon--FormLibraryMirrored</li> + <li><i class="ms-Icon ms-Icon--Forward"></i>ms-Icon--Forward</li> + <li><i class="ms-Icon ms-Icon--ForwardEvent"></i>ms-Icon--ForwardEvent</li> + <li><i class="ms-Icon ms-Icon--Freezing"></i>ms-Icon--Freezing</li> + <li><i class="ms-Icon ms-Icon--Frigid"></i>ms-Icon--Frigid</li> + <li><i class="ms-Icon ms-Icon--FSharp"></i>ms-Icon--FSharp</li> + <li><i class="ms-Icon ms-Icon--FSharpLanguage"></i>ms-Icon--FSharpLanguage</li> + <li><i class="ms-Icon ms-Icon--FullCircleMask"></i>ms-Icon--FullCircleMask</li> + <li><i class="ms-Icon ms-Icon--FullHistory"></i>ms-Icon--FullHistory</li> + <li><i class="ms-Icon ms-Icon--FullScreen"></i>ms-Icon--FullScreen</li> + <li><i class="ms-Icon ms-Icon--FullWidth"></i>ms-Icon--FullWidth</li> + <li><i class="ms-Icon ms-Icon--FullWidthEdit"></i>ms-Icon--FullWidthEdit</li> + <li><i class="ms-Icon ms-Icon--FunctionalManagerDashboard"></i>ms-Icon--FunctionalManagerDashboard</li> + <li><i class="ms-Icon ms-Icon--GallatinLogo"></i>ms-Icon--GallatinLogo</li> + <li><i class="ms-Icon ms-Icon--Generate"></i>ms-Icon--Generate</li> + <li><i class="ms-Icon ms-Icon--GenericScan"></i>ms-Icon--GenericScan</li> + <li><i class="ms-Icon ms-Icon--Giftbox"></i>ms-Icon--Giftbox</li> + <li><i class="ms-Icon ms-Icon--GiftboxOpen"></i>ms-Icon--GiftboxOpen</li> + <li><i class="ms-Icon ms-Icon--GiftBoxSolid"></i>ms-Icon--GiftBoxSolid</li> + <li><i class="ms-Icon ms-Icon--GiftCard"></i>ms-Icon--GiftCard</li> + <li><i class="ms-Icon ms-Icon--GitFork"></i>ms-Icon--GitFork</li> + <li><i class="ms-Icon ms-Icon--GitGraph"></i>ms-Icon--GitGraph</li> + <li><i class="ms-Icon ms-Icon--Glasses"></i>ms-Icon--Glasses</li> + <li><i class="ms-Icon ms-Icon--Glimmer"></i>ms-Icon--Glimmer</li> + <li><i class="ms-Icon ms-Icon--GlobalNavButton"></i>ms-Icon--GlobalNavButton</li> + <li><i class="ms-Icon ms-Icon--Globe"></i>ms-Icon--Globe</li> + <li><i class="ms-Icon ms-Icon--Globe2"></i>ms-Icon--Globe2</li> + <li><i class="ms-Icon ms-Icon--GlobeFavorite"></i>ms-Icon--GlobeFavorite</li> + <li><i class="ms-Icon ms-Icon--Golf"></i>ms-Icon--Golf</li> + <li><i class="ms-Icon ms-Icon--GotoToday"></i>ms-Icon--GotoToday</li> + <li><i class="ms-Icon ms-Icon--GridViewLarge"></i>ms-Icon--GridViewLarge</li> + <li><i class="ms-Icon ms-Icon--GridViewMedium"></i>ms-Icon--GridViewMedium</li> + <li><i class="ms-Icon ms-Icon--GridViewSmall"></i>ms-Icon--GridViewSmall</li> + <li><i class="ms-Icon ms-Icon--GripperBarHorizontal"></i>ms-Icon--GripperBarHorizontal</li> + <li><i class="ms-Icon ms-Icon--GripperBarVertical"></i>ms-Icon--GripperBarVertical</li> + <li><i class="ms-Icon ms-Icon--GripperTool"></i>ms-Icon--GripperTool</li> + <li><i class="ms-Icon ms-Icon--Group"></i>ms-Icon--Group</li> + <li><i class="ms-Icon ms-Icon--GroupedAscending"></i>ms-Icon--GroupedAscending</li> + <li><i class="ms-Icon ms-Icon--GroupedDescending"></i>ms-Icon--GroupedDescending</li> + <li><i class="ms-Icon ms-Icon--GroupedList"></i>ms-Icon--GroupedList</li> + <li><i class="ms-Icon ms-Icon--GroupObject"></i>ms-Icon--GroupObject</li> + <li><i class="ms-Icon ms-Icon--GUID"></i>ms-Icon--GUID</li> + <li><i class="ms-Icon ms-Icon--Guitar"></i>ms-Icon--Guitar</li> + <li><i class="ms-Icon ms-Icon--HailDay"></i>ms-Icon--HailDay</li> + <li><i class="ms-Icon ms-Icon--HailNight"></i>ms-Icon--HailNight</li> + <li><i class="ms-Icon ms-Icon--HalfAlpha"></i>ms-Icon--HalfAlpha</li> + <li><i class="ms-Icon ms-Icon--HalfCircle"></i>ms-Icon--HalfCircle</li> + <li><i class="ms-Icon ms-Icon--HandsFree"></i>ms-Icon--HandsFree</li> + <li><i class="ms-Icon ms-Icon--Handwriting"></i>ms-Icon--Handwriting</li> + <li><i class="ms-Icon ms-Icon--HardDrive"></i>ms-Icon--HardDrive</li> + <li><i class="ms-Icon ms-Icon--HardDriveGroup"></i>ms-Icon--HardDriveGroup</li> + <li><i class="ms-Icon ms-Icon--HardDriveLock"></i>ms-Icon--HardDriveLock</li> + <li><i class="ms-Icon ms-Icon--HardDriveUnlock"></i>ms-Icon--HardDriveUnlock</li> + <li><i class="ms-Icon ms-Icon--Header1"></i>ms-Icon--Header1</li> + <li><i class="ms-Icon ms-Icon--Header2"></i>ms-Icon--Header2</li> + <li><i class="ms-Icon ms-Icon--Header3"></i>ms-Icon--Header3</li> + <li><i class="ms-Icon ms-Icon--Header4"></i>ms-Icon--Header4</li> + <li><i class="ms-Icon ms-Icon--Headset"></i>ms-Icon--Headset</li> + <li><i class="ms-Icon ms-Icon--HeadsetSolid"></i>ms-Icon--HeadsetSolid</li> + <li><i class="ms-Icon ms-Icon--Health"></i>ms-Icon--Health</li> + <li><i class="ms-Icon ms-Icon--HealthSolid"></i>ms-Icon--HealthSolid</li> + <li><i class="ms-Icon ms-Icon--Heart"></i>ms-Icon--Heart</li> + <li><i class="ms-Icon ms-Icon--HeartBroken"></i>ms-Icon--HeartBroken</li> + <li><i class="ms-Icon ms-Icon--HeartFill"></i>ms-Icon--HeartFill</li> + <li><i class="ms-Icon ms-Icon--Help"></i>ms-Icon--Help</li> + <li><i class="ms-Icon ms-Icon--HelpMirrored"></i>ms-Icon--HelpMirrored</li> + <li><i class="ms-Icon ms-Icon--Hexagon"></i>ms-Icon--Hexagon</li> + <li><i class="ms-Icon ms-Icon--Hide"></i>ms-Icon--Hide</li> + <li><i class="ms-Icon ms-Icon--Hide2"></i>ms-Icon--Hide2</li> + <li><i class="ms-Icon ms-Icon--Highlight"></i>ms-Icon--Highlight</li> + <li><i class="ms-Icon ms-Icon--HighlightMappedShapes"></i>ms-Icon--HighlightMappedShapes</li> + <li><i class="ms-Icon ms-Icon--HintText"></i>ms-Icon--HintText</li> + <li><i class="ms-Icon ms-Icon--History"></i>ms-Icon--History</li> + <li><i class="ms-Icon ms-Icon--Home"></i>ms-Icon--Home</li> + <li><i class="ms-Icon ms-Icon--HomeSolid"></i>ms-Icon--HomeSolid</li> + <li><i class="ms-Icon ms-Icon--HorizontalDistributeCenter"></i>ms-Icon--HorizontalDistributeCenter</li> + <li><i class="ms-Icon ms-Icon--Hospital"></i>ms-Icon--Hospital</li> + <li><i class="ms-Icon ms-Icon--Hotel"></i>ms-Icon--Hotel</li> + <li><i class="ms-Icon ms-Icon--HourGlass"></i>ms-Icon--HourGlass</li> + <li><i class="ms-Icon ms-Icon--IconSetsFlag"></i>ms-Icon--IconSetsFlag</li> + <li><i class="ms-Icon ms-Icon--IDBadge"></i>ms-Icon--IDBadge</li> + <li><i class="ms-Icon ms-Icon--ImageCrosshair"></i>ms-Icon--ImageCrosshair</li> + <li><i class="ms-Icon ms-Icon--ImageDiff"></i>ms-Icon--ImageDiff</li> + <li><i class="ms-Icon ms-Icon--ImagePixel"></i>ms-Icon--ImagePixel</li> + <li><i class="ms-Icon ms-Icon--ImageSearch"></i>ms-Icon--ImageSearch</li> + <li><i class="ms-Icon ms-Icon--Import"></i>ms-Icon--Import</li> + <li><i class="ms-Icon ms-Icon--Important"></i>ms-Icon--Important</li> + <li><i class="ms-Icon ms-Icon--ImportMirrored"></i>ms-Icon--ImportMirrored</li> + <li><i class="ms-Icon ms-Icon--Inbox"></i>ms-Icon--Inbox</li> + <li><i class="ms-Icon ms-Icon--InboxCheck"></i>ms-Icon--InboxCheck</li> + <li><i class="ms-Icon ms-Icon--IncidentTriangle"></i>ms-Icon--IncidentTriangle</li> + <li><i class="ms-Icon ms-Icon--IncreaseIndentLegacy"></i>ms-Icon--IncreaseIndentLegacy</li> + <li><i class="ms-Icon ms-Icon--Info"></i>ms-Icon--Info</li> + <li><i class="ms-Icon ms-Icon--Info2"></i>ms-Icon--Info2</li> + <li><i class="ms-Icon ms-Icon--InfoSolid"></i>ms-Icon--InfoSolid</li> + <li><i class="ms-Icon ms-Icon--InsertColumnsLeft"></i>ms-Icon--InsertColumnsLeft</li> + <li><i class="ms-Icon ms-Icon--InsertColumnsRight"></i>ms-Icon--InsertColumnsRight</li> + <li><i class="ms-Icon ms-Icon--InsertRowsAbove"></i>ms-Icon--InsertRowsAbove</li> + <li><i class="ms-Icon ms-Icon--InsertRowsBelow"></i>ms-Icon--InsertRowsBelow</li> + <li><i class="ms-Icon ms-Icon--InsertSignatureLine"></i>ms-Icon--InsertSignatureLine</li> + <li><i class="ms-Icon ms-Icon--InsertTextBox"></i>ms-Icon--InsertTextBox</li> + <li><i class="ms-Icon ms-Icon--InstallToDrive"></i>ms-Icon--InstallToDrive</li> + <li><i class="ms-Icon ms-Icon--InternetSharing"></i>ms-Icon--InternetSharing</li> + <li><i class="ms-Icon ms-Icon--IRMForward"></i>ms-Icon--IRMForward</li> + <li><i class="ms-Icon ms-Icon--IRMForwardMirrored"></i>ms-Icon--IRMForwardMirrored</li> + <li><i class="ms-Icon ms-Icon--IRMReply"></i>ms-Icon--IRMReply</li> + <li><i class="ms-Icon ms-Icon--IRMReplyMirrored"></i>ms-Icon--IRMReplyMirrored</li> + <li><i class="ms-Icon ms-Icon--IssueSolid"></i>ms-Icon--IssueSolid</li> + <li><i class="ms-Icon ms-Icon--IssueTracking"></i>ms-Icon--IssueTracking</li> + <li><i class="ms-Icon ms-Icon--IssueTrackingMirrored"></i>ms-Icon--IssueTrackingMirrored</li> + <li><i class="ms-Icon ms-Icon--Italic"></i>ms-Icon--Italic</li> + <li><i class="ms-Icon ms-Icon--JavaScriptLanguage"></i>ms-Icon--JavaScriptLanguage</li> + <li><i class="ms-Icon ms-Icon--JoinOnlineMeeting"></i>ms-Icon--JoinOnlineMeeting</li> + <li><i class="ms-Icon ms-Icon--JS"></i>ms-Icon--JS</li> + <li><i class="ms-Icon ms-Icon--KaizalaLogo"></i>ms-Icon--KaizalaLogo</li> + <li><i class="ms-Icon ms-Icon--Label"></i>ms-Icon--Label</li> + <li><i class="ms-Icon ms-Icon--LadybugSolid"></i>ms-Icon--LadybugSolid</li> + <li><i class="ms-Icon ms-Icon--Lamp"></i>ms-Icon--Lamp</li> + <li><i class="ms-Icon ms-Icon--LandscapeOrientation"></i>ms-Icon--LandscapeOrientation</li> + <li><i class="ms-Icon ms-Icon--LaptopSecure"></i>ms-Icon--LaptopSecure</li> + <li><i class="ms-Icon ms-Icon--LaptopSelected"></i>ms-Icon--LaptopSelected</li> + <li><i class="ms-Icon ms-Icon--LargeGrid"></i>ms-Icon--LargeGrid</li> + <li><i class="ms-Icon ms-Icon--Leave"></i>ms-Icon--Leave</li> + <li><i class="ms-Icon ms-Icon--Library"></i>ms-Icon--Library</li> + <li><i class="ms-Icon ms-Icon--Lifesaver"></i>ms-Icon--Lifesaver</li> + <li><i class="ms-Icon ms-Icon--LifesaverLock"></i>ms-Icon--LifesaverLock</li> + <li><i class="ms-Icon ms-Icon--Light"></i>ms-Icon--Light</li> + <li><i class="ms-Icon ms-Icon--Lightbulb"></i>ms-Icon--Lightbulb</li> + <li><i class="ms-Icon ms-Icon--LightningBolt"></i>ms-Icon--LightningBolt</li> + <li><i class="ms-Icon ms-Icon--LightWeight"></i>ms-Icon--LightWeight</li> + <li><i class="ms-Icon ms-Icon--Like"></i>ms-Icon--Like</li> + <li><i class="ms-Icon ms-Icon--LikeSolid"></i>ms-Icon--LikeSolid</li> + <li><i class="ms-Icon ms-Icon--Line"></i>ms-Icon--Line</li> + <li><i class="ms-Icon ms-Icon--LineChart"></i>ms-Icon--LineChart</li> + <li><i class="ms-Icon ms-Icon--LineSpacing"></i>ms-Icon--LineSpacing</li> + <li><i class="ms-Icon ms-Icon--LineStyle"></i>ms-Icon--LineStyle</li> + <li><i class="ms-Icon ms-Icon--LineThickness"></i>ms-Icon--LineThickness</li> + <li><i class="ms-Icon ms-Icon--Link"></i>ms-Icon--Link</li> + <li><i class="ms-Icon ms-Icon--LinkedInLogo"></i>ms-Icon--LinkedInLogo</li> + <li><i class="ms-Icon ms-Icon--List"></i>ms-Icon--List</li> + <li><i class="ms-Icon ms-Icon--ListMirrored"></i>ms-Icon--ListMirrored</li> + <li><i class="ms-Icon ms-Icon--LocaleLanguage"></i>ms-Icon--LocaleLanguage</li> + <li><i class="ms-Icon ms-Icon--Location"></i>ms-Icon--Location</li> + <li><i class="ms-Icon ms-Icon--LocationCircle"></i>ms-Icon--LocationCircle</li> + <li><i class="ms-Icon ms-Icon--LocationDot"></i>ms-Icon--LocationDot</li> + <li><i class="ms-Icon ms-Icon--LocationFill"></i>ms-Icon--LocationFill</li> + <li><i class="ms-Icon ms-Icon--LocationOutline"></i>ms-Icon--LocationOutline</li> + <li><i class="ms-Icon ms-Icon--Lock"></i>ms-Icon--Lock</li> + <li><i class="ms-Icon ms-Icon--LockSolid"></i>ms-Icon--LockSolid</li> + <li><i class="ms-Icon ms-Icon--LogRemove"></i>ms-Icon--LogRemove</li> + <li><i class="ms-Icon ms-Icon--LookupEntities"></i>ms-Icon--LookupEntities</li> + <li><i class="ms-Icon ms-Icon--LowerBrightness"></i>ms-Icon--LowerBrightness</li> + <li><i class="ms-Icon ms-Icon--LyncLogo"></i>ms-Icon--LyncLogo</li> + <li><i class="ms-Icon ms-Icon--Mail"></i>ms-Icon--Mail</li> + <li><i class="ms-Icon ms-Icon--MailAlert"></i>ms-Icon--MailAlert</li> + <li><i class="ms-Icon ms-Icon--MailCheck"></i>ms-Icon--MailCheck</li> + <li><i class="ms-Icon ms-Icon--MailFill"></i>ms-Icon--MailFill</li> + <li><i class="ms-Icon ms-Icon--MailForward"></i>ms-Icon--MailForward</li> + <li><i class="ms-Icon ms-Icon--MailForwardMirrored"></i>ms-Icon--MailForwardMirrored</li> + <li><i class="ms-Icon ms-Icon--MailLowImportance"></i>ms-Icon--MailLowImportance</li> + <li><i class="ms-Icon ms-Icon--MailPause"></i>ms-Icon--MailPause</li> + <li><i class="ms-Icon ms-Icon--MailReminder"></i>ms-Icon--MailReminder</li> + <li><i class="ms-Icon ms-Icon--MailRepeat"></i>ms-Icon--MailRepeat</li> + <li><i class="ms-Icon ms-Icon--MailReply"></i>ms-Icon--MailReply</li> + <li><i class="ms-Icon ms-Icon--MailReplyAll"></i>ms-Icon--MailReplyAll</li> + <li><i class="ms-Icon ms-Icon--MailReplyAllMirrored"></i>ms-Icon--MailReplyAllMirrored</li> + <li><i class="ms-Icon ms-Icon--MailReplyMirrored"></i>ms-Icon--MailReplyMirrored</li> + <li><i class="ms-Icon ms-Icon--MailSolid"></i>ms-Icon--MailSolid</li> + <li><i class="ms-Icon ms-Icon--MailTentative"></i>ms-Icon--MailTentative</li> + <li><i class="ms-Icon ms-Icon--MailTentativeMirrored"></i>ms-Icon--MailTentativeMirrored</li> + <li><i class="ms-Icon ms-Icon--MailUndelivered"></i>ms-Icon--MailUndelivered</li> + <li><i class="ms-Icon ms-Icon--ManagerSelfService"></i>ms-Icon--ManagerSelfService</li> + <li><i class="ms-Icon ms-Icon--MapDirections"></i>ms-Icon--MapDirections</li> + <li><i class="ms-Icon ms-Icon--MapPin"></i>ms-Icon--MapPin</li> + <li><i class="ms-Icon ms-Icon--MapPinSolid"></i>ms-Icon--MapPinSolid</li> + <li><i class="ms-Icon ms-Icon--MarkDownLanguage"></i>ms-Icon--MarkDownLanguage</li> + <li><i class="ms-Icon ms-Icon--Market"></i>ms-Icon--Market</li> + <li><i class="ms-Icon ms-Icon--MarketDown"></i>ms-Icon--MarketDown</li> + <li><i class="ms-Icon ms-Icon--MasterDatabase"></i>ms-Icon--MasterDatabase</li> + <li><i class="ms-Icon ms-Icon--MaximumValue"></i>ms-Icon--MaximumValue</li> + <li><i class="ms-Icon ms-Icon--Medal"></i>ms-Icon--Medal</li> + <li><i class="ms-Icon ms-Icon--MediaAdd"></i>ms-Icon--MediaAdd</li> + <li><i class="ms-Icon ms-Icon--Medical"></i>ms-Icon--Medical</li> + <li><i class="ms-Icon ms-Icon--Megaphone"></i>ms-Icon--Megaphone</li> + <li><i class="ms-Icon ms-Icon--MegaphoneSolid"></i>ms-Icon--MegaphoneSolid</li> + <li><i class="ms-Icon ms-Icon--Memo"></i>ms-Icon--Memo</li> + <li><i class="ms-Icon ms-Icon--Merge"></i>ms-Icon--Merge</li> + <li><i class="ms-Icon ms-Icon--MergeDuplicate"></i>ms-Icon--MergeDuplicate</li> + <li><i class="ms-Icon ms-Icon--Message"></i>ms-Icon--Message</li> + <li><i class="ms-Icon ms-Icon--MessageFill"></i>ms-Icon--MessageFill</li> + <li><i class="ms-Icon ms-Icon--MicOff"></i>ms-Icon--MicOff</li> + <li><i class="ms-Icon ms-Icon--Microphone"></i>ms-Icon--Microphone</li> + <li><i class="ms-Icon ms-Icon--MicrosoftFlowLogo"></i>ms-Icon--MicrosoftFlowLogo</li> + <li><i class="ms-Icon ms-Icon--MicrosoftStaffhubLogo"></i>ms-Icon--MicrosoftStaffhubLogo</li> + <li><i class="ms-Icon ms-Icon--MiniContract"></i>ms-Icon--MiniContract</li> + <li><i class="ms-Icon ms-Icon--MiniExpand"></i>ms-Icon--MiniExpand</li> + <li><i class="ms-Icon ms-Icon--MiniLink"></i>ms-Icon--MiniLink</li> + <li><i class="ms-Icon ms-Icon--MinimumValue"></i>ms-Icon--MinimumValue</li> + <li><i class="ms-Icon ms-Icon--MobileReport"></i>ms-Icon--MobileReport</li> + <li><i class="ms-Icon ms-Icon--MobileSelected"></i>ms-Icon--MobileSelected</li> + <li><i class="ms-Icon ms-Icon--Money"></i>ms-Icon--Money</li> + <li><i class="ms-Icon ms-Icon--More"></i>ms-Icon--More</li> + <li><i class="ms-Icon ms-Icon--MoreSports"></i>ms-Icon--MoreSports</li> + <li><i class="ms-Icon ms-Icon--MoreVertical"></i>ms-Icon--MoreVertical</li> + <li><i class="ms-Icon ms-Icon--Move"></i>ms-Icon--Move</li> + <li><i class="ms-Icon ms-Icon--Movers"></i>ms-Icon--Movers</li> + <li><i class="ms-Icon ms-Icon--MoveToFolder"></i>ms-Icon--MoveToFolder</li> + <li><i class="ms-Icon ms-Icon--MSNLogo"></i>ms-Icon--MSNLogo</li> + <li><i class="ms-Icon ms-Icon--MSNVideos"></i>ms-Icon--MSNVideos</li> + <li><i class="ms-Icon ms-Icon--MSNVideosSolid"></i>ms-Icon--MSNVideosSolid</li> + <li><i class="ms-Icon ms-Icon--MTMLogo"></i>ms-Icon--MTMLogo</li> + <li><i class="ms-Icon ms-Icon--MultiSelect"></i>ms-Icon--MultiSelect</li> + <li><i class="ms-Icon ms-Icon--MultiSelectMirrored"></i>ms-Icon--MultiSelectMirrored</li> + <li><i class="ms-Icon ms-Icon--MusicInCollection"></i>ms-Icon--MusicInCollection</li> + <li><i class="ms-Icon ms-Icon--MusicInCollectionFill"></i>ms-Icon--MusicInCollectionFill</li> + <li><i class="ms-Icon ms-Icon--MusicNote"></i>ms-Icon--MusicNote</li> + <li><i class="ms-Icon ms-Icon--MyMoviesTV"></i>ms-Icon--MyMoviesTV</li> + <li><i class="ms-Icon ms-Icon--Nav2DMapView"></i>ms-Icon--Nav2DMapView</li> + <li><i class="ms-Icon ms-Icon--NavigateBack"></i>ms-Icon--NavigateBack</li> + <li><i class="ms-Icon ms-Icon--NavigateBackMirrored"></i>ms-Icon--NavigateBackMirrored</li> + <li><i class="ms-Icon ms-Icon--NavigateExternalInline"></i>ms-Icon--NavigateExternalInline</li> + <li><i class="ms-Icon ms-Icon--NavigateForward"></i>ms-Icon--NavigateForward</li> + <li><i class="ms-Icon ms-Icon--NavigateForwardMirrored"></i>ms-Icon--NavigateForwardMirrored</li> + <li><i class="ms-Icon ms-Icon--NavigationFlipper"></i>ms-Icon--NavigationFlipper</li> + <li><i class="ms-Icon ms-Icon--NetworkTower"></i>ms-Icon--NetworkTower</li> + <li><i class="ms-Icon ms-Icon--NewAnalyticsQuery"></i>ms-Icon--NewAnalyticsQuery</li> + <li><i class="ms-Icon ms-Icon--NewFolder"></i>ms-Icon--NewFolder</li> + <li><i class="ms-Icon ms-Icon--News"></i>ms-Icon--News</li> + <li><i class="ms-Icon ms-Icon--NewsSearch"></i>ms-Icon--NewsSearch</li> + <li><i class="ms-Icon ms-Icon--NewTeamProject"></i>ms-Icon--NewTeamProject</li> + <li><i class="ms-Icon ms-Icon--Next"></i>ms-Icon--Next</li> + <li><i class="ms-Icon ms-Icon--NonprofitLogo32"></i>ms-Icon--NonprofitLogo32</li> + <li><i class="ms-Icon ms-Icon--NormalWeight"></i>ms-Icon--NormalWeight</li> + <li><i class="ms-Icon ms-Icon--NoteForward"></i>ms-Icon--NoteForward</li> + <li><i class="ms-Icon ms-Icon--NotePinned"></i>ms-Icon--NotePinned</li> + <li><i class="ms-Icon ms-Icon--NoteReply"></i>ms-Icon--NoteReply</li> + <li><i class="ms-Icon ms-Icon--NotExecuted"></i>ms-Icon--NotExecuted</li> + <li><i class="ms-Icon ms-Icon--NotImpactedSolid"></i>ms-Icon--NotImpactedSolid</li> + <li><i class="ms-Icon ms-Icon--NugetLogo"></i>ms-Icon--NugetLogo</li> + <li><i class="ms-Icon ms-Icon--NumberedList"></i>ms-Icon--NumberedList</li> + <li><i class="ms-Icon ms-Icon--NumberField"></i>ms-Icon--NumberField</li> + <li><i class="ms-Icon ms-Icon--NumberSequence"></i>ms-Icon--NumberSequence</li> + <li><i class="ms-Icon ms-Icon--Octagon"></i>ms-Icon--Octagon</li> + <li><i class="ms-Icon ms-Icon--OEM"></i>ms-Icon--OEM</li> + <li><i class="ms-Icon ms-Icon--OfficeAddinsLogo"></i>ms-Icon--OfficeAddinsLogo</li> + <li><i class="ms-Icon ms-Icon--OfficeAssistantLogo"></i>ms-Icon--OfficeAssistantLogo</li> + <li><i class="ms-Icon ms-Icon--OfficeFormsLogo"></i>ms-Icon--OfficeFormsLogo</li> + <li><i class="ms-Icon ms-Icon--OfficeFormsLogo16"></i>ms-Icon--OfficeFormsLogo16</li> + <li><i class="ms-Icon ms-Icon--OfficeFormsLogo24"></i>ms-Icon--OfficeFormsLogo24</li> + <li><i class="ms-Icon ms-Icon--OfficeFormsLogoFill"></i>ms-Icon--OfficeFormsLogoFill</li> + <li><i class="ms-Icon ms-Icon--OfficeFormsLogoFill16"></i>ms-Icon--OfficeFormsLogoFill16</li> + <li><i class="ms-Icon ms-Icon--OfficeFormsLogoFill24"></i>ms-Icon--OfficeFormsLogoFill24</li> + <li><i class="ms-Icon ms-Icon--OfficeFormsLogoInverse"></i>ms-Icon--OfficeFormsLogoInverse</li> + <li><i class="ms-Icon ms-Icon--OfficeFormsLogoInverse16"></i>ms-Icon--OfficeFormsLogoInverse16</li> + <li><i class="ms-Icon ms-Icon--OfficeFormsLogoInverse24"></i>ms-Icon--OfficeFormsLogoInverse24</li> + <li><i class="ms-Icon ms-Icon--OfficeLogo"></i>ms-Icon--OfficeLogo</li> + <li><i class="ms-Icon ms-Icon--OfficeStoreLogo"></i>ms-Icon--OfficeStoreLogo</li> + <li><i class="ms-Icon ms-Icon--OfficeVideoLogo"></i>ms-Icon--OfficeVideoLogo</li> + <li><i class="ms-Icon ms-Icon--OfficeVideoLogoFill"></i>ms-Icon--OfficeVideoLogoFill</li> + <li><i class="ms-Icon ms-Icon--OfficeVideoLogoInverse"></i>ms-Icon--OfficeVideoLogoInverse</li> + <li><i class="ms-Icon ms-Icon--OfflineOneDriveParachute"></i>ms-Icon--OfflineOneDriveParachute</li> + <li><i class="ms-Icon ms-Icon--OfflineOneDriveParachuteDisabled"></i>ms-Icon--OfflineOneDriveParachuteDisabled</li> + <li><i class="ms-Icon ms-Icon--OfflineStorageSolid"></i>ms-Icon--OfflineStorageSolid</li> + <li><i class="ms-Icon ms-Icon--OneDrive"></i>ms-Icon--OneDrive</li> + <li><i class="ms-Icon ms-Icon--OneDriveAdd"></i>ms-Icon--OneDriveAdd</li> + <li><i class="ms-Icon ms-Icon--OneDriveFolder16"></i>ms-Icon--OneDriveFolder16</li> + <li><i class="ms-Icon ms-Icon--OneNoteEduLogoInverse"></i>ms-Icon--OneNoteEduLogoInverse</li> + <li><i class="ms-Icon ms-Icon--OneNoteLogo"></i>ms-Icon--OneNoteLogo</li> + <li><i class="ms-Icon ms-Icon--OneNoteLogo16"></i>ms-Icon--OneNoteLogo16</li> + <li><i class="ms-Icon ms-Icon--OneNoteLogoFill"></i>ms-Icon--OneNoteLogoFill</li> + <li><i class="ms-Icon ms-Icon--OneNoteLogoFill16"></i>ms-Icon--OneNoteLogoFill16</li> + <li><i class="ms-Icon ms-Icon--OneNoteLogoInverse"></i>ms-Icon--OneNoteLogoInverse</li> + <li><i class="ms-Icon ms-Icon--OneNoteLogoInverse16"></i>ms-Icon--OneNoteLogoInverse16</li> + <li><i class="ms-Icon ms-Icon--OpenFile"></i>ms-Icon--OpenFile</li> + <li><i class="ms-Icon ms-Icon--OpenFolderHorizontal"></i>ms-Icon--OpenFolderHorizontal</li> + <li><i class="ms-Icon ms-Icon--OpenInNewWindow"></i>ms-Icon--OpenInNewWindow</li> + <li><i class="ms-Icon ms-Icon--OpenPane"></i>ms-Icon--OpenPane</li> + <li><i class="ms-Icon ms-Icon--OpenPaneMirrored"></i>ms-Icon--OpenPaneMirrored</li> + <li><i class="ms-Icon ms-Icon--OpenSource"></i>ms-Icon--OpenSource</li> + <li><i class="ms-Icon ms-Icon--Org"></i>ms-Icon--Org</li> + <li><i class="ms-Icon ms-Icon--Orientation"></i>ms-Icon--Orientation</li> + <li><i class="ms-Icon ms-Icon--OutlookLogo"></i>ms-Icon--OutlookLogo</li> + <li><i class="ms-Icon ms-Icon--OutlookLogo16"></i>ms-Icon--OutlookLogo16</li> + <li><i class="ms-Icon ms-Icon--OutlookLogoFill"></i>ms-Icon--OutlookLogoFill</li> + <li><i class="ms-Icon ms-Icon--OutlookLogoFill16"></i>ms-Icon--OutlookLogoFill16</li> + <li><i class="ms-Icon ms-Icon--OutlookLogoInverse"></i>ms-Icon--OutlookLogoInverse</li> + <li><i class="ms-Icon ms-Icon--OutlookLogoInverse16"></i>ms-Icon--OutlookLogoInverse16</li> + <li><i class="ms-Icon ms-Icon--OutOfOffice"></i>ms-Icon--OutOfOffice</li> + <li><i class="ms-Icon ms-Icon--Package"></i>ms-Icon--Package</li> + <li><i class="ms-Icon ms-Icon--Packages"></i>ms-Icon--Packages</li> + <li><i class="ms-Icon ms-Icon--Padding"></i>ms-Icon--Padding</li> + <li><i class="ms-Icon ms-Icon--PaddingBottom"></i>ms-Icon--PaddingBottom</li> + <li><i class="ms-Icon ms-Icon--PaddingLeft"></i>ms-Icon--PaddingLeft</li> + <li><i class="ms-Icon ms-Icon--PaddingRight"></i>ms-Icon--PaddingRight</li> + <li><i class="ms-Icon ms-Icon--PaddingTop"></i>ms-Icon--PaddingTop</li> + <li><i class="ms-Icon ms-Icon--Page"></i>ms-Icon--Page</li> + <li><i class="ms-Icon ms-Icon--PageAdd"></i>ms-Icon--PageAdd</li> + <li><i class="ms-Icon ms-Icon--PageCheckedin"></i>ms-Icon--PageCheckedin</li> + <li><i class="ms-Icon ms-Icon--PageCheckedOut"></i>ms-Icon--PageCheckedOut</li> + <li><i class="ms-Icon ms-Icon--PageEdit"></i>ms-Icon--PageEdit</li> + <li><i class="ms-Icon ms-Icon--PageLeft"></i>ms-Icon--PageLeft</li> + <li><i class="ms-Icon ms-Icon--PageListMirroredSolid"></i>ms-Icon--PageListMirroredSolid</li> + <li><i class="ms-Icon ms-Icon--PageListSolid"></i>ms-Icon--PageListSolid</li> + <li><i class="ms-Icon ms-Icon--PageLock"></i>ms-Icon--PageLock</li> + <li><i class="ms-Icon ms-Icon--PageRemove"></i>ms-Icon--PageRemove</li> + <li><i class="ms-Icon ms-Icon--PageRight"></i>ms-Icon--PageRight</li> + <li><i class="ms-Icon ms-Icon--PageSolid"></i>ms-Icon--PageSolid</li> + <li><i class="ms-Icon ms-Icon--PanoIndicator"></i>ms-Icon--PanoIndicator</li> + <li><i class="ms-Icon ms-Icon--Parachute"></i>ms-Icon--Parachute</li> + <li><i class="ms-Icon ms-Icon--ParachuteSolid"></i>ms-Icon--ParachuteSolid</li> + <li><i class="ms-Icon ms-Icon--Parameter"></i>ms-Icon--Parameter</li> + <li><i class="ms-Icon ms-Icon--ParkingLocation"></i>ms-Icon--ParkingLocation</li> + <li><i class="ms-Icon ms-Icon--ParkingLocationMirrored"></i>ms-Icon--ParkingLocationMirrored</li> + <li><i class="ms-Icon ms-Icon--ParkingMirroredSolid"></i>ms-Icon--ParkingMirroredSolid</li> + <li><i class="ms-Icon ms-Icon--ParkingSolid"></i>ms-Icon--ParkingSolid</li> + <li><i class="ms-Icon ms-Icon--PartlyCloudyDay"></i>ms-Icon--PartlyCloudyDay</li> + <li><i class="ms-Icon ms-Icon--PartlyCloudyNight"></i>ms-Icon--PartlyCloudyNight</li> + <li><i class="ms-Icon ms-Icon--PartyLeader"></i>ms-Icon--PartyLeader</li> + <li><i class="ms-Icon ms-Icon--Paste"></i>ms-Icon--Paste</li> + <li><i class="ms-Icon ms-Icon--PasteAsCode"></i>ms-Icon--PasteAsCode</li> + <li><i class="ms-Icon ms-Icon--PasteAsText"></i>ms-Icon--PasteAsText</li> + <li><i class="ms-Icon ms-Icon--Pause"></i>ms-Icon--Pause</li> + <li><i class="ms-Icon ms-Icon--PaymentCard"></i>ms-Icon--PaymentCard</li> + <li><i class="ms-Icon ms-Icon--PC1"></i>ms-Icon--PC1</li> + <li><i class="ms-Icon ms-Icon--PDF"></i>ms-Icon--PDF</li> + <li><i class="ms-Icon ms-Icon--PencilReply"></i>ms-Icon--PencilReply</li> + <li><i class="ms-Icon ms-Icon--Pentagon"></i>ms-Icon--Pentagon</li> + <li><i class="ms-Icon ms-Icon--People"></i>ms-Icon--People</li> + <li><i class="ms-Icon ms-Icon--PeopleAdd"></i>ms-Icon--PeopleAdd</li> + <li><i class="ms-Icon ms-Icon--PeopleAlert"></i>ms-Icon--PeopleAlert</li> + <li><i class="ms-Icon ms-Icon--PeopleBlock"></i>ms-Icon--PeopleBlock</li> + <li><i class="ms-Icon ms-Icon--PeoplePause"></i>ms-Icon--PeoplePause</li> + <li><i class="ms-Icon ms-Icon--PeopleRepeat"></i>ms-Icon--PeopleRepeat</li> + <li><i class="ms-Icon ms-Icon--Permissions"></i>ms-Icon--Permissions</li> + <li><i class="ms-Icon ms-Icon--PermissionsSolid"></i>ms-Icon--PermissionsSolid</li> + <li><i class="ms-Icon ms-Icon--Personalize"></i>ms-Icon--Personalize</li> + <li><i class="ms-Icon ms-Icon--Phishing"></i>ms-Icon--Phishing</li> + <li><i class="ms-Icon ms-Icon--Phone"></i>ms-Icon--Phone</li> + <li><i class="ms-Icon ms-Icon--Photo2"></i>ms-Icon--Photo2</li> + <li><i class="ms-Icon ms-Icon--Photo2Add"></i>ms-Icon--Photo2Add</li> + <li><i class="ms-Icon ms-Icon--Photo2Remove"></i>ms-Icon--Photo2Remove</li> + <li><i class="ms-Icon ms-Icon--PhotoCollection"></i>ms-Icon--PhotoCollection</li> + <li><i class="ms-Icon ms-Icon--Picture"></i>ms-Icon--Picture</li> + <li><i class="ms-Icon ms-Icon--PictureCenter"></i>ms-Icon--PictureCenter</li> + <li><i class="ms-Icon ms-Icon--PictureFill"></i>ms-Icon--PictureFill</li> + <li><i class="ms-Icon ms-Icon--PictureLibrary"></i>ms-Icon--PictureLibrary</li> + <li><i class="ms-Icon ms-Icon--PicturePosition"></i>ms-Icon--PicturePosition</li> + <li><i class="ms-Icon ms-Icon--PictureStretch"></i>ms-Icon--PictureStretch</li> + <li><i class="ms-Icon ms-Icon--PictureTile"></i>ms-Icon--PictureTile</li> + <li><i class="ms-Icon ms-Icon--PieDouble"></i>ms-Icon--PieDouble</li> + <li><i class="ms-Icon ms-Icon--PieSingle"></i>ms-Icon--PieSingle</li> + <li><i class="ms-Icon ms-Icon--PieSingleSolid"></i>ms-Icon--PieSingleSolid</li> + <li><i class="ms-Icon ms-Icon--Pill"></i>ms-Icon--Pill</li> + <li><i class="ms-Icon ms-Icon--Pin"></i>ms-Icon--Pin</li> + <li><i class="ms-Icon ms-Icon--Pinned"></i>ms-Icon--Pinned</li> + <li><i class="ms-Icon ms-Icon--PinnedFill"></i>ms-Icon--PinnedFill</li> + <li><i class="ms-Icon ms-Icon--PivotChart"></i>ms-Icon--PivotChart</li> + <li><i class="ms-Icon ms-Icon--PlannerLogo"></i>ms-Icon--PlannerLogo</li> + <li><i class="ms-Icon ms-Icon--PlanView"></i>ms-Icon--PlanView</li> + <li><i class="ms-Icon ms-Icon--Play"></i>ms-Icon--Play</li> + <li><i class="ms-Icon ms-Icon--PlayerSettings"></i>ms-Icon--PlayerSettings</li> + <li><i class="ms-Icon ms-Icon--PlayResume"></i>ms-Icon--PlayResume</li> + <li><i class="ms-Icon ms-Icon--Plug"></i>ms-Icon--Plug</li> + <li><i class="ms-Icon ms-Icon--PlugConnected"></i>ms-Icon--PlugConnected</li> + <li><i class="ms-Icon ms-Icon--PlugDisconnected"></i>ms-Icon--PlugDisconnected</li> + <li><i class="ms-Icon ms-Icon--PlugSolid"></i>ms-Icon--PlugSolid</li> + <li><i class="ms-Icon ms-Icon--POI"></i>ms-Icon--POI</li> + <li><i class="ms-Icon ms-Icon--POISolid"></i>ms-Icon--POISolid</li> + <li><i class="ms-Icon ms-Icon--PostUpdate"></i>ms-Icon--PostUpdate</li> + <li><i class="ms-Icon ms-Icon--PowerApps"></i>ms-Icon--PowerApps</li> + <li><i class="ms-Icon ms-Icon--PowerApps2Logo"></i>ms-Icon--PowerApps2Logo</li> + <li><i class="ms-Icon ms-Icon--PowerAppsLogo"></i>ms-Icon--PowerAppsLogo</li> + <li><i class="ms-Icon ms-Icon--PowerBILogo"></i>ms-Icon--PowerBILogo</li> + <li><i class="ms-Icon ms-Icon--PowerButton"></i>ms-Icon--PowerButton</li> + <li><i class="ms-Icon ms-Icon--PowerPointDocument"></i>ms-Icon--PowerPointDocument</li> + <li><i class="ms-Icon ms-Icon--PowerPointLogo"></i>ms-Icon--PowerPointLogo</li> + <li><i class="ms-Icon ms-Icon--PowerPointLogo16"></i>ms-Icon--PowerPointLogo16</li> + <li><i class="ms-Icon ms-Icon--PowerPointLogoFill"></i>ms-Icon--PowerPointLogoFill</li> + <li><i class="ms-Icon ms-Icon--PowerPointLogoFill16"></i>ms-Icon--PowerPointLogoFill16</li> + <li><i class="ms-Icon ms-Icon--PowerPointLogoInverse"></i>ms-Icon--PowerPointLogoInverse</li> + <li><i class="ms-Icon ms-Icon--PowerPointLogoInverse16"></i>ms-Icon--PowerPointLogoInverse16</li> + <li><i class="ms-Icon ms-Icon--Precipitation"></i>ms-Icon--Precipitation</li> + <li><i class="ms-Icon ms-Icon--PresenceChickletVideo"></i>ms-Icon--PresenceChickletVideo</li> + <li><i class="ms-Icon ms-Icon--Preview"></i>ms-Icon--Preview</li> + <li><i class="ms-Icon ms-Icon--PreviewLink"></i>ms-Icon--PreviewLink</li> + <li><i class="ms-Icon ms-Icon--Previous"></i>ms-Icon--Previous</li> + <li><i class="ms-Icon ms-Icon--PrimaryCalendar"></i>ms-Icon--PrimaryCalendar</li> + <li><i class="ms-Icon ms-Icon--Print"></i>ms-Icon--Print</li> + <li><i class="ms-Icon ms-Icon--PrintfaxPrinterFile"></i>ms-Icon--PrintfaxPrinterFile</li> + <li><i class="ms-Icon ms-Icon--Processing"></i>ms-Icon--Processing</li> + <li><i class="ms-Icon ms-Icon--ProcessMetaTask"></i>ms-Icon--ProcessMetaTask</li> + <li><i class="ms-Icon ms-Icon--Product"></i>ms-Icon--Product</li> + <li><i class="ms-Icon ms-Icon--ProfileSearch"></i>ms-Icon--ProfileSearch</li> + <li><i class="ms-Icon ms-Icon--ProFootball"></i>ms-Icon--ProFootball</li> + <li><i class="ms-Icon ms-Icon--ProgressLoopInner"></i>ms-Icon--ProgressLoopInner</li> + <li><i class="ms-Icon ms-Icon--ProgressLoopOuter"></i>ms-Icon--ProgressLoopOuter</li> + <li><i class="ms-Icon ms-Icon--ProgressRingDots"></i>ms-Icon--ProgressRingDots</li> + <li><i class="ms-Icon ms-Icon--ProHockey"></i>ms-Icon--ProHockey</li> + <li><i class="ms-Icon ms-Icon--ProjectCollection"></i>ms-Icon--ProjectCollection</li> + <li><i class="ms-Icon ms-Icon--ProjectLogo16"></i>ms-Icon--ProjectLogo16</li> + <li><i class="ms-Icon ms-Icon--ProjectLogo32"></i>ms-Icon--ProjectLogo32</li> + <li><i class="ms-Icon ms-Icon--ProjectLogoFill16"></i>ms-Icon--ProjectLogoFill16</li> + <li><i class="ms-Icon ms-Icon--ProjectLogoFill32"></i>ms-Icon--ProjectLogoFill32</li> + <li><i class="ms-Icon ms-Icon--ProjectLogoInverse"></i>ms-Icon--ProjectLogoInverse</li> + <li><i class="ms-Icon ms-Icon--ProtectedDocument"></i>ms-Icon--ProtectedDocument</li> + <li><i class="ms-Icon ms-Icon--ProtectionCenterLogo32"></i>ms-Icon--ProtectionCenterLogo32</li> + <li><i class="ms-Icon ms-Icon--ProtectRestrict"></i>ms-Icon--ProtectRestrict</li> + <li><i class="ms-Icon ms-Icon--PublicCalendar"></i>ms-Icon--PublicCalendar</li> + <li><i class="ms-Icon ms-Icon--PublicContactCard"></i>ms-Icon--PublicContactCard</li> + <li><i class="ms-Icon ms-Icon--PublicContactCardMirrored"></i>ms-Icon--PublicContactCardMirrored</li> + <li><i class="ms-Icon ms-Icon--PublicEmail"></i>ms-Icon--PublicEmail</li> + <li><i class="ms-Icon ms-Icon--PublicFolder"></i>ms-Icon--PublicFolder</li> + <li><i class="ms-Icon ms-Icon--PublishCourse"></i>ms-Icon--PublishCourse</li> + <li><i class="ms-Icon ms-Icon--PublisherLogo"></i>ms-Icon--PublisherLogo</li> + <li><i class="ms-Icon ms-Icon--PublisherLogo16"></i>ms-Icon--PublisherLogo16</li> + <li><i class="ms-Icon ms-Icon--PublisherLogoFill"></i>ms-Icon--PublisherLogoFill</li> + <li><i class="ms-Icon ms-Icon--PublisherLogoFill16"></i>ms-Icon--PublisherLogoFill16</li> + <li><i class="ms-Icon ms-Icon--PublisherLogoInverse16"></i>ms-Icon--PublisherLogoInverse16</li> + <li><i class="ms-Icon ms-Icon--Puzzle"></i>ms-Icon--Puzzle</li> + <li><i class="ms-Icon ms-Icon--PY"></i>ms-Icon--PY</li> + <li><i class="ms-Icon ms-Icon--PythonLanguage"></i>ms-Icon--PythonLanguage</li> + <li><i class="ms-Icon ms-Icon--QuarterCircle"></i>ms-Icon--QuarterCircle</li> + <li><i class="ms-Icon ms-Icon--QueryList"></i>ms-Icon--QueryList</li> + <li><i class="ms-Icon ms-Icon--Questionnaire"></i>ms-Icon--Questionnaire</li> + <li><i class="ms-Icon ms-Icon--QuestionnaireMirrored"></i>ms-Icon--QuestionnaireMirrored</li> + <li><i class="ms-Icon ms-Icon--QuickNote"></i>ms-Icon--QuickNote</li> + <li><i class="ms-Icon ms-Icon--QuickNoteSolid"></i>ms-Icon--QuickNoteSolid</li> + <li><i class="ms-Icon ms-Icon--R"></i>ms-Icon--R</li> + <li><i class="ms-Icon ms-Icon--RadioBtnOff"></i>ms-Icon--RadioBtnOff</li> + <li><i class="ms-Icon ms-Icon--RadioBtnOn"></i>ms-Icon--RadioBtnOn</li> + <li><i class="ms-Icon ms-Icon--RadioBullet"></i>ms-Icon--RadioBullet</li> + <li><i class="ms-Icon ms-Icon--Rain"></i>ms-Icon--Rain</li> + <li><i class="ms-Icon ms-Icon--RainShowersDay"></i>ms-Icon--RainShowersDay</li> + <li><i class="ms-Icon ms-Icon--RainShowersNight"></i>ms-Icon--RainShowersNight</li> + <li><i class="ms-Icon ms-Icon--RainSnow"></i>ms-Icon--RainSnow</li> + <li><i class="ms-Icon ms-Icon--RawSource"></i>ms-Icon--RawSource</li> + <li><i class="ms-Icon ms-Icon--Read"></i>ms-Icon--Read</li> + <li><i class="ms-Icon ms-Icon--ReadingMode"></i>ms-Icon--ReadingMode</li> + <li><i class="ms-Icon ms-Icon--ReadingModeSolid"></i>ms-Icon--ReadingModeSolid</li> + <li><i class="ms-Icon ms-Icon--ReadOutLoud"></i>ms-Icon--ReadOutLoud</li> + <li><i class="ms-Icon ms-Icon--ReceiptCheck"></i>ms-Icon--ReceiptCheck</li> + <li><i class="ms-Icon ms-Icon--ReceiptForward"></i>ms-Icon--ReceiptForward</li> + <li><i class="ms-Icon ms-Icon--ReceiptReply"></i>ms-Icon--ReceiptReply</li> + <li><i class="ms-Icon ms-Icon--ReceiptTentative"></i>ms-Icon--ReceiptTentative</li> + <li><i class="ms-Icon ms-Icon--ReceiptTentativeMirrored"></i>ms-Icon--ReceiptTentativeMirrored</li> + <li><i class="ms-Icon ms-Icon--ReceiptUndelivered"></i>ms-Icon--ReceiptUndelivered</li> + <li><i class="ms-Icon ms-Icon--Recent"></i>ms-Icon--Recent</li> + <li><i class="ms-Icon ms-Icon--Record2"></i>ms-Icon--Record2</li> + <li><i class="ms-Icon ms-Icon--RectangleShapeSolid"></i>ms-Icon--RectangleShapeSolid</li> + <li><i class="ms-Icon ms-Icon--RectangularClipping"></i>ms-Icon--RectangularClipping</li> + <li><i class="ms-Icon ms-Icon--RecurringEvent"></i>ms-Icon--RecurringEvent</li> + <li><i class="ms-Icon ms-Icon--RecurringTask"></i>ms-Icon--RecurringTask</li> + <li><i class="ms-Icon ms-Icon--RecycleBin"></i>ms-Icon--RecycleBin</li> + <li><i class="ms-Icon ms-Icon--Redeploy"></i>ms-Icon--Redeploy</li> + <li><i class="ms-Icon ms-Icon--RedEye"></i>ms-Icon--RedEye</li> + <li><i class="ms-Icon ms-Icon--Redo"></i>ms-Icon--Redo</li> + <li><i class="ms-Icon ms-Icon--Refresh"></i>ms-Icon--Refresh</li> + <li><i class="ms-Icon ms-Icon--ReminderGroup"></i>ms-Icon--ReminderGroup</li> + <li><i class="ms-Icon ms-Icon--ReminderPerson"></i>ms-Icon--ReminderPerson</li> + <li><i class="ms-Icon ms-Icon--Remote"></i>ms-Icon--Remote</li> + <li><i class="ms-Icon ms-Icon--Remove"></i>ms-Icon--Remove</li> + <li><i class="ms-Icon ms-Icon--RemoveEvent"></i>ms-Icon--RemoveEvent</li> + <li><i class="ms-Icon ms-Icon--RemoveFilter"></i>ms-Icon--RemoveFilter</li> + <li><i class="ms-Icon ms-Icon--RemoveLink"></i>ms-Icon--RemoveLink</li> + <li><i class="ms-Icon ms-Icon--RemoveOccurrence"></i>ms-Icon--RemoveOccurrence</li> + <li><i class="ms-Icon ms-Icon--Rename"></i>ms-Icon--Rename</li> + <li><i class="ms-Icon ms-Icon--RenewalCurrent"></i>ms-Icon--RenewalCurrent</li> + <li><i class="ms-Icon ms-Icon--RenewalFuture"></i>ms-Icon--RenewalFuture</li> + <li><i class="ms-Icon ms-Icon--ReopenPages"></i>ms-Icon--ReopenPages</li> + <li><i class="ms-Icon ms-Icon--Repair"></i>ms-Icon--Repair</li> + <li><i class="ms-Icon ms-Icon--Reply"></i>ms-Icon--Reply</li> + <li><i class="ms-Icon ms-Icon--ReplyAll"></i>ms-Icon--ReplyAll</li> + <li><i class="ms-Icon ms-Icon--ReplyAllAlt"></i>ms-Icon--ReplyAllAlt</li> + <li><i class="ms-Icon ms-Icon--ReplyAllMirrored"></i>ms-Icon--ReplyAllMirrored</li> + <li><i class="ms-Icon ms-Icon--ReplyAlt"></i>ms-Icon--ReplyAlt</li> + <li><i class="ms-Icon ms-Icon--ReplyMirrored"></i>ms-Icon--ReplyMirrored</li> + <li><i class="ms-Icon ms-Icon--Repo"></i>ms-Icon--Repo</li> + <li><i class="ms-Icon ms-Icon--ReportAdd"></i>ms-Icon--ReportAdd</li> + <li><i class="ms-Icon ms-Icon--ReportHacked"></i>ms-Icon--ReportHacked</li> + <li><i class="ms-Icon ms-Icon--ReportLibrary"></i>ms-Icon--ReportLibrary</li> + <li><i class="ms-Icon ms-Icon--ReportLibraryMirrored"></i>ms-Icon--ReportLibraryMirrored</li> + <li><i class="ms-Icon ms-Icon--RepoSolid"></i>ms-Icon--RepoSolid</li> + <li><i class="ms-Icon ms-Icon--ReturnToSession"></i>ms-Icon--ReturnToSession</li> + <li><i class="ms-Icon ms-Icon--ReviewRequestMirroredSolid"></i>ms-Icon--ReviewRequestMirroredSolid</li> + <li><i class="ms-Icon ms-Icon--ReviewRequestSolid"></i>ms-Icon--ReviewRequestSolid</li> + <li><i class="ms-Icon ms-Icon--ReviewResponseSolid"></i>ms-Icon--ReviewResponseSolid</li> + <li><i class="ms-Icon ms-Icon--ReviewSolid"></i>ms-Icon--ReviewSolid</li> + <li><i class="ms-Icon ms-Icon--RevToggleKey"></i>ms-Icon--RevToggleKey</li> + <li><i class="ms-Icon ms-Icon--Rewind"></i>ms-Icon--Rewind</li> + <li><i class="ms-Icon ms-Icon--Ribbon"></i>ms-Icon--Ribbon</li> + <li><i class="ms-Icon ms-Icon--RibbonSolid"></i>ms-Icon--RibbonSolid</li> + <li><i class="ms-Icon ms-Icon--RightDoubleQuote"></i>ms-Icon--RightDoubleQuote</li> + <li><i class="ms-Icon ms-Icon--RightTriangle"></i>ms-Icon--RightTriangle</li> + <li><i class="ms-Icon ms-Icon--Ringer"></i>ms-Icon--Ringer</li> + <li><i class="ms-Icon ms-Icon--RingerOff"></i>ms-Icon--RingerOff</li> + <li><i class="ms-Icon ms-Icon--RingerRemove"></i>ms-Icon--RingerRemove</li> + <li><i class="ms-Icon ms-Icon--Robot"></i>ms-Icon--Robot</li> + <li><i class="ms-Icon ms-Icon--Rocket"></i>ms-Icon--Rocket</li> + <li><i class="ms-Icon ms-Icon--Room"></i>ms-Icon--Room</li> + <li><i class="ms-Icon ms-Icon--Rotate"></i>ms-Icon--Rotate</li> + <li><i class="ms-Icon ms-Icon--RowsChild"></i>ms-Icon--RowsChild</li> + <li><i class="ms-Icon ms-Icon--RowsGroup"></i>ms-Icon--RowsGroup</li> + <li><i class="ms-Icon ms-Icon--Rugby"></i>ms-Icon--Rugby</li> + <li><i class="ms-Icon ms-Icon--Running"></i>ms-Icon--Running</li> + <li><i class="ms-Icon ms-Icon--Sad"></i>ms-Icon--Sad</li> + <li><i class="ms-Icon ms-Icon--SadSolid"></i>ms-Icon--SadSolid</li> + <li><i class="ms-Icon ms-Icon--Save"></i>ms-Icon--Save</li> + <li><i class="ms-Icon ms-Icon--SaveAll"></i>ms-Icon--SaveAll</li> + <li><i class="ms-Icon ms-Icon--SaveAndClose"></i>ms-Icon--SaveAndClose</li> + <li><i class="ms-Icon ms-Icon--SaveAs"></i>ms-Icon--SaveAs</li> + <li><i class="ms-Icon ms-Icon--Savings"></i>ms-Icon--Savings</li> + <li><i class="ms-Icon ms-Icon--ScaleUp"></i>ms-Icon--ScaleUp</li> + <li><i class="ms-Icon ms-Icon--ScheduleEventAction"></i>ms-Icon--ScheduleEventAction</li> + <li><i class="ms-Icon ms-Icon--ScopeTemplate"></i>ms-Icon--ScopeTemplate</li> + <li><i class="ms-Icon ms-Icon--Script"></i>ms-Icon--Script</li> + <li><i class="ms-Icon ms-Icon--ScrollUpDown"></i>ms-Icon--ScrollUpDown</li> + <li><i class="ms-Icon ms-Icon--Search"></i>ms-Icon--Search</li> + <li><i class="ms-Icon ms-Icon--SearchAndApps"></i>ms-Icon--SearchAndApps</li> + <li><i class="ms-Icon ms-Icon--SearchBookmark"></i>ms-Icon--SearchBookmark</li> + <li><i class="ms-Icon ms-Icon--SearchCalendar"></i>ms-Icon--SearchCalendar</li> + <li><i class="ms-Icon ms-Icon--SearchIssue"></i>ms-Icon--SearchIssue</li> + <li><i class="ms-Icon ms-Icon--SearchIssueMirrored"></i>ms-Icon--SearchIssueMirrored</li> + <li><i class="ms-Icon ms-Icon--Section"></i>ms-Icon--Section</li> + <li><i class="ms-Icon ms-Icon--Sections"></i>ms-Icon--Sections</li> + <li><i class="ms-Icon ms-Icon--SecurityGroup"></i>ms-Icon--SecurityGroup</li> + <li><i class="ms-Icon ms-Icon--SelectAll"></i>ms-Icon--SelectAll</li> + <li><i class="ms-Icon ms-Icon--Sell"></i>ms-Icon--Sell</li> + <li><i class="ms-Icon ms-Icon--SemiboldWeight"></i>ms-Icon--SemiboldWeight</li> + <li><i class="ms-Icon ms-Icon--Send"></i>ms-Icon--Send</li> + <li><i class="ms-Icon ms-Icon--SendMirrored"></i>ms-Icon--SendMirrored</li> + <li><i class="ms-Icon ms-Icon--Separator"></i>ms-Icon--Separator</li> + <li><i class="ms-Icon ms-Icon--Server"></i>ms-Icon--Server</li> + <li><i class="ms-Icon ms-Icon--ServerEnviroment"></i>ms-Icon--ServerEnviroment</li> + <li><i class="ms-Icon ms-Icon--ServerProcesses"></i>ms-Icon--ServerProcesses</li> + <li><i class="ms-Icon ms-Icon--SetAction"></i>ms-Icon--SetAction</li> + <li><i class="ms-Icon ms-Icon--Settings"></i>ms-Icon--Settings</li> + <li><i class="ms-Icon ms-Icon--Share"></i>ms-Icon--Share</li> + <li><i class="ms-Icon ms-Icon--ShareiOS"></i>ms-Icon--ShareiOS</li> + <li><i class="ms-Icon ms-Icon--SharepointLogo"></i>ms-Icon--SharepointLogo</li> + <li><i class="ms-Icon ms-Icon--SharepointLogoFill"></i>ms-Icon--SharepointLogoFill</li> + <li><i class="ms-Icon ms-Icon--SharepointLogoInverse"></i>ms-Icon--SharepointLogoInverse</li> + <li><i class="ms-Icon ms-Icon--Shield"></i>ms-Icon--Shield</li> + <li><i class="ms-Icon ms-Icon--ShieldSolid"></i>ms-Icon--ShieldSolid</li> + <li><i class="ms-Icon ms-Icon--Shop"></i>ms-Icon--Shop</li> + <li><i class="ms-Icon ms-Icon--ShoppingCart"></i>ms-Icon--ShoppingCart</li> + <li><i class="ms-Icon ms-Icon--ShoppingCartSolid"></i>ms-Icon--ShoppingCartSolid</li> + <li><i class="ms-Icon ms-Icon--ShopServer"></i>ms-Icon--ShopServer</li> + <li><i class="ms-Icon ms-Icon--ShowResults"></i>ms-Icon--ShowResults</li> + <li><i class="ms-Icon ms-Icon--ShowResultsMirrored"></i>ms-Icon--ShowResultsMirrored</li> + <li><i class="ms-Icon ms-Icon--SidePanel"></i>ms-Icon--SidePanel</li> + <li><i class="ms-Icon ms-Icon--SidePanelMirrored"></i>ms-Icon--SidePanelMirrored</li> + <li><i class="ms-Icon ms-Icon--SignOut"></i>ms-Icon--SignOut</li> + <li><i class="ms-Icon ms-Icon--SingleBookmark"></i>ms-Icon--SingleBookmark</li> + <li><i class="ms-Icon ms-Icon--SingleBookmarkSolid"></i>ms-Icon--SingleBookmarkSolid</li> + <li><i class="ms-Icon ms-Icon--SingleColumn"></i>ms-Icon--SingleColumn</li> + <li><i class="ms-Icon ms-Icon--SingleColumnEdit"></i>ms-Icon--SingleColumnEdit</li> + <li><i class="ms-Icon ms-Icon--SIPMove"></i>ms-Icon--SIPMove</li> + <li><i class="ms-Icon ms-Icon--SiteScan"></i>ms-Icon--SiteScan</li> + <li><i class="ms-Icon ms-Icon--SizeLegacy"></i>ms-Icon--SizeLegacy</li> + <li><i class="ms-Icon ms-Icon--SkiResorts"></i>ms-Icon--SkiResorts</li> + <li><i class="ms-Icon ms-Icon--SkypeCheck"></i>ms-Icon--SkypeCheck</li> + <li><i class="ms-Icon ms-Icon--SkypeCircleCheck"></i>ms-Icon--SkypeCircleCheck</li> + <li><i class="ms-Icon ms-Icon--SkypeCircleClock"></i>ms-Icon--SkypeCircleClock</li> + <li><i class="ms-Icon ms-Icon--SkypeCircleMinus"></i>ms-Icon--SkypeCircleMinus</li> + <li><i class="ms-Icon ms-Icon--SkypeClock"></i>ms-Icon--SkypeClock</li> + <li><i class="ms-Icon ms-Icon--SkypeForBusinessLogo"></i>ms-Icon--SkypeForBusinessLogo</li> + <li><i class="ms-Icon ms-Icon--SkypeForBusinessLogo16"></i>ms-Icon--SkypeForBusinessLogo16</li> + <li><i class="ms-Icon ms-Icon--SkypeForBusinessLogoFill"></i>ms-Icon--SkypeForBusinessLogoFill</li> + <li><i class="ms-Icon ms-Icon--SkypeForBusinessLogoFill16"></i>ms-Icon--SkypeForBusinessLogoFill16</li> + <li><i class="ms-Icon ms-Icon--SkypeLogo"></i>ms-Icon--SkypeLogo</li> + <li><i class="ms-Icon ms-Icon--SkypeLogo16"></i>ms-Icon--SkypeLogo16</li> + <li><i class="ms-Icon ms-Icon--SkypeMessage"></i>ms-Icon--SkypeMessage</li> + <li><i class="ms-Icon ms-Icon--SkypeMinus"></i>ms-Icon--SkypeMinus</li> + <li><i class="ms-Icon ms-Icon--Slider"></i>ms-Icon--Slider</li> + <li><i class="ms-Icon ms-Icon--SliderHandleSize"></i>ms-Icon--SliderHandleSize</li> + <li><i class="ms-Icon ms-Icon--SliderThumb"></i>ms-Icon--SliderThumb</li> + <li><i class="ms-Icon ms-Icon--Snooze"></i>ms-Icon--Snooze</li> + <li><i class="ms-Icon ms-Icon--Snow"></i>ms-Icon--Snow</li> + <li><i class="ms-Icon ms-Icon--Snowflake"></i>ms-Icon--Snowflake</li> + <li><i class="ms-Icon ms-Icon--SnowShowerDay"></i>ms-Icon--SnowShowerDay</li> + <li><i class="ms-Icon ms-Icon--SnowShowerNight"></i>ms-Icon--SnowShowerNight</li> + <li><i class="ms-Icon ms-Icon--Soccer"></i>ms-Icon--Soccer</li> + <li><i class="ms-Icon ms-Icon--SocialListeningLogo"></i>ms-Icon--SocialListeningLogo</li> + <li><i class="ms-Icon ms-Icon--Sort"></i>ms-Icon--Sort</li> + <li><i class="ms-Icon ms-Icon--SortDown"></i>ms-Icon--SortDown</li> + <li><i class="ms-Icon ms-Icon--SortLines"></i>ms-Icon--SortLines</li> + <li><i class="ms-Icon ms-Icon--SortUp"></i>ms-Icon--SortUp</li> + <li><i class="ms-Icon ms-Icon--Source"></i>ms-Icon--Source</li> + <li><i class="ms-Icon ms-Icon--Spacer"></i>ms-Icon--Spacer</li> + <li><i class="ms-Icon ms-Icon--Speakers"></i>ms-Icon--Speakers</li> + <li><i class="ms-Icon ms-Icon--SpeedHigh"></i>ms-Icon--SpeedHigh</li> + <li><i class="ms-Icon ms-Icon--Split"></i>ms-Icon--Split</li> + <li><i class="ms-Icon ms-Icon--SplitObject"></i>ms-Icon--SplitObject</li> + <li><i class="ms-Icon ms-Icon--Sprint"></i>ms-Icon--Sprint</li> + <li><i class="ms-Icon ms-Icon--Squalls"></i>ms-Icon--Squalls</li> + <li><i class="ms-Icon ms-Icon--SquareShapeSolid"></i>ms-Icon--SquareShapeSolid</li> + <li><i class="ms-Icon ms-Icon--Stack"></i>ms-Icon--Stack</li> + <li><i class="ms-Icon ms-Icon--StackedBarChart"></i>ms-Icon--StackedBarChart</li> + <li><i class="ms-Icon ms-Icon--StackedLineChart"></i>ms-Icon--StackedLineChart</li> + <li><i class="ms-Icon ms-Icon--StackIndicator"></i>ms-Icon--StackIndicator</li> + <li><i class="ms-Icon ms-Icon--StaffNotebookLogo16"></i>ms-Icon--StaffNotebookLogo16</li> + <li><i class="ms-Icon ms-Icon--StaffNotebookLogo32"></i>ms-Icon--StaffNotebookLogo32</li> + <li><i class="ms-Icon ms-Icon--StaffNotebookLogoFill16"></i>ms-Icon--StaffNotebookLogoFill16</li> + <li><i class="ms-Icon ms-Icon--StaffNotebookLogoFill32"></i>ms-Icon--StaffNotebookLogoFill32</li> + <li><i class="ms-Icon ms-Icon--StaffNotebookLogoInverted16"></i>ms-Icon--StaffNotebookLogoInverted16</li> + <li><i class="ms-Icon ms-Icon--StaffNotebookLogoInverted32"></i>ms-Icon--StaffNotebookLogoInverted32</li> + <li><i class="ms-Icon ms-Icon--Starburst"></i>ms-Icon--Starburst</li> + <li><i class="ms-Icon ms-Icon--StarburstSolid"></i>ms-Icon--StarburstSolid</li> + <li><i class="ms-Icon ms-Icon--StatusCircleBlock2"></i>ms-Icon--StatusCircleBlock2</li> + <li><i class="ms-Icon ms-Icon--StatusCircleCheckmark"></i>ms-Icon--StatusCircleCheckmark</li> + <li><i class="ms-Icon ms-Icon--StatusCircleErrorX"></i>ms-Icon--StatusCircleErrorX</li> + <li><i class="ms-Icon ms-Icon--StatusCircleExclamation"></i>ms-Icon--StatusCircleExclamation</li> + <li><i class="ms-Icon ms-Icon--StatusCircleInfo"></i>ms-Icon--StatusCircleInfo</li> + <li><i class="ms-Icon ms-Icon--StatusCircleInner"></i>ms-Icon--StatusCircleInner</li> + <li><i class="ms-Icon ms-Icon--StatusCircleOuter"></i>ms-Icon--StatusCircleOuter</li> + <li><i class="ms-Icon ms-Icon--StatusCircleQuestionMark"></i>ms-Icon--StatusCircleQuestionMark</li> + <li><i class="ms-Icon ms-Icon--StatusCircleRing"></i>ms-Icon--StatusCircleRing</li> + <li><i class="ms-Icon ms-Icon--StatusErrorFull"></i>ms-Icon--StatusErrorFull</li> + <li><i class="ms-Icon ms-Icon--StatusTriangle"></i>ms-Icon--StatusTriangle</li> + <li><i class="ms-Icon ms-Icon--StatusTriangleExclamation"></i>ms-Icon--StatusTriangleExclamation</li> + <li><i class="ms-Icon ms-Icon--StatusTriangleInner"></i>ms-Icon--StatusTriangleInner</li> + <li><i class="ms-Icon ms-Icon--StatusTriangleOuter"></i>ms-Icon--StatusTriangleOuter</li> + <li><i class="ms-Icon ms-Icon--Step"></i>ms-Icon--Step</li> + <li><i class="ms-Icon ms-Icon--StepInsert"></i>ms-Icon--StepInsert</li> + <li><i class="ms-Icon ms-Icon--StepShared"></i>ms-Icon--StepShared</li> + <li><i class="ms-Icon ms-Icon--StepSharedAdd"></i>ms-Icon--StepSharedAdd</li> + <li><i class="ms-Icon ms-Icon--StepSharedInsert"></i>ms-Icon--StepSharedInsert</li> + <li><i class="ms-Icon ms-Icon--StockDown"></i>ms-Icon--StockDown</li> + <li><i class="ms-Icon ms-Icon--StockUp"></i>ms-Icon--StockUp</li> + <li><i class="ms-Icon ms-Icon--Stop"></i>ms-Icon--Stop</li> + <li><i class="ms-Icon ms-Icon--StopSolid"></i>ms-Icon--StopSolid</li> + <li><i class="ms-Icon ms-Icon--Stopwatch"></i>ms-Icon--Stopwatch</li> + <li><i class="ms-Icon ms-Icon--StoreLogo16"></i>ms-Icon--StoreLogo16</li> + <li><i class="ms-Icon ms-Icon--StoreLogoMed20"></i>ms-Icon--StoreLogoMed20</li> + <li><i class="ms-Icon ms-Icon--Storyboard"></i>ms-Icon--Storyboard</li> + <li><i class="ms-Icon ms-Icon--Streaming"></i>ms-Icon--Streaming</li> + <li><i class="ms-Icon ms-Icon--StreamingOff"></i>ms-Icon--StreamingOff</li> + <li><i class="ms-Icon ms-Icon--StreamLogo"></i>ms-Icon--StreamLogo</li> + <li><i class="ms-Icon ms-Icon--Strikethrough"></i>ms-Icon--Strikethrough</li> + <li><i class="ms-Icon ms-Icon--Subscribe"></i>ms-Icon--Subscribe</li> + <li><i class="ms-Icon ms-Icon--Subscript"></i>ms-Icon--Subscript</li> + <li><i class="ms-Icon ms-Icon--SubstitutionsIn"></i>ms-Icon--SubstitutionsIn</li> + <li><i class="ms-Icon ms-Icon--Suitcase"></i>ms-Icon--Suitcase</li> + <li><i class="ms-Icon ms-Icon--SunAdd"></i>ms-Icon--SunAdd</li> + <li><i class="ms-Icon ms-Icon--Sunny"></i>ms-Icon--Sunny</li> + <li><i class="ms-Icon ms-Icon--SunQuestionMark"></i>ms-Icon--SunQuestionMark</li> + <li><i class="ms-Icon ms-Icon--Superscript"></i>ms-Icon--Superscript</li> + <li><i class="ms-Icon ms-Icon--SurveyQuestions"></i>ms-Icon--SurveyQuestions</li> + <li><i class="ms-Icon ms-Icon--SwayLogo16"></i>ms-Icon--SwayLogo16</li> + <li><i class="ms-Icon ms-Icon--SwayLogo32"></i>ms-Icon--SwayLogo32</li> + <li><i class="ms-Icon ms-Icon--SwayLogoFill16"></i>ms-Icon--SwayLogoFill16</li> + <li><i class="ms-Icon ms-Icon--SwayLogoFill32"></i>ms-Icon--SwayLogoFill32</li> + <li><i class="ms-Icon ms-Icon--SwayLogoInverse"></i>ms-Icon--SwayLogoInverse</li> + <li><i class="ms-Icon ms-Icon--Switch"></i>ms-Icon--Switch</li> + <li><i class="ms-Icon ms-Icon--SwitcherStartEnd"></i>ms-Icon--SwitcherStartEnd</li> + <li><i class="ms-Icon ms-Icon--Sync"></i>ms-Icon--Sync</li> + <li><i class="ms-Icon ms-Icon--SyncFolder"></i>ms-Icon--SyncFolder</li> + <li><i class="ms-Icon ms-Icon--SyncOccurence"></i>ms-Icon--SyncOccurence</li> + <li><i class="ms-Icon ms-Icon--SyncToPC"></i>ms-Icon--SyncToPC</li> + <li><i class="ms-Icon ms-Icon--System"></i>ms-Icon--System</li> + <li><i class="ms-Icon ms-Icon--Tab"></i>ms-Icon--Tab</li> + <li><i class="ms-Icon ms-Icon--Table"></i>ms-Icon--Table</li> + <li><i class="ms-Icon ms-Icon--Tablet"></i>ms-Icon--Tablet</li> + <li><i class="ms-Icon ms-Icon--TabletMode"></i>ms-Icon--TabletMode</li> + <li><i class="ms-Icon ms-Icon--TabletSelected"></i>ms-Icon--TabletSelected</li> + <li><i class="ms-Icon ms-Icon--Tag"></i>ms-Icon--Tag</li> + <li><i class="ms-Icon ms-Icon--Taskboard"></i>ms-Icon--Taskboard</li> + <li><i class="ms-Icon ms-Icon--TaskGroup"></i>ms-Icon--TaskGroup</li> + <li><i class="ms-Icon ms-Icon--TaskGroupMirrored"></i>ms-Icon--TaskGroupMirrored</li> + <li><i class="ms-Icon ms-Icon--TaskLogo"></i>ms-Icon--TaskLogo</li> + <li><i class="ms-Icon ms-Icon--TaskManager"></i>ms-Icon--TaskManager</li> + <li><i class="ms-Icon ms-Icon--TaskManagerMirrored"></i>ms-Icon--TaskManagerMirrored</li> + <li><i class="ms-Icon ms-Icon--TaskSolid"></i>ms-Icon--TaskSolid</li> + <li><i class="ms-Icon ms-Icon--Taxi"></i>ms-Icon--Taxi</li> + <li><i class="ms-Icon ms-Icon--TeamFavorite"></i>ms-Icon--TeamFavorite</li> + <li><i class="ms-Icon ms-Icon--TeamsLogo"></i>ms-Icon--TeamsLogo</li> + <li><i class="ms-Icon ms-Icon--TeamsLogoFill"></i>ms-Icon--TeamsLogoFill</li> + <li><i class="ms-Icon ms-Icon--TeamsLogoInverse"></i>ms-Icon--TeamsLogoInverse</li> + <li><i class="ms-Icon ms-Icon--Teamwork"></i>ms-Icon--Teamwork</li> + <li><i class="ms-Icon ms-Icon--Teeth"></i>ms-Icon--Teeth</li> + <li><i class="ms-Icon ms-Icon--TemporaryUser"></i>ms-Icon--TemporaryUser</li> + <li><i class="ms-Icon ms-Icon--Tennis"></i>ms-Icon--Tennis</li> + <li><i class="ms-Icon ms-Icon--TestAutoSolid"></i>ms-Icon--TestAutoSolid</li> + <li><i class="ms-Icon ms-Icon--TestBeaker"></i>ms-Icon--TestBeaker</li> + <li><i class="ms-Icon ms-Icon--TestBeakerSolid"></i>ms-Icon--TestBeakerSolid</li> + <li><i class="ms-Icon ms-Icon--TestCase"></i>ms-Icon--TestCase</li> + <li><i class="ms-Icon ms-Icon--TestExploreSolid"></i>ms-Icon--TestExploreSolid</li> + <li><i class="ms-Icon ms-Icon--TestImpactSolid"></i>ms-Icon--TestImpactSolid</li> + <li><i class="ms-Icon ms-Icon--TestParameter"></i>ms-Icon--TestParameter</li> + <li><i class="ms-Icon ms-Icon--TestPlan"></i>ms-Icon--TestPlan</li> + <li><i class="ms-Icon ms-Icon--TestStep"></i>ms-Icon--TestStep</li> + <li><i class="ms-Icon ms-Icon--TestSuite"></i>ms-Icon--TestSuite</li> + <li><i class="ms-Icon ms-Icon--TestUserSolid"></i>ms-Icon--TestUserSolid</li> + <li><i class="ms-Icon ms-Icon--TextBox"></i>ms-Icon--TextBox</li> + <li><i class="ms-Icon ms-Icon--TextCallout"></i>ms-Icon--TextCallout</li> + <li><i class="ms-Icon ms-Icon--TextDocument"></i>ms-Icon--TextDocument</li> + <li><i class="ms-Icon ms-Icon--TextDocumentShared"></i>ms-Icon--TextDocumentShared</li> + <li><i class="ms-Icon ms-Icon--TextField"></i>ms-Icon--TextField</li> + <li><i class="ms-Icon ms-Icon--TextOverflow"></i>ms-Icon--TextOverflow</li> + <li><i class="ms-Icon ms-Icon--TFVCLogo"></i>ms-Icon--TFVCLogo</li> + <li><i class="ms-Icon ms-Icon--ThisPC"></i>ms-Icon--ThisPC</li> + <li><i class="ms-Icon ms-Icon--ThreeQuarterCircle"></i>ms-Icon--ThreeQuarterCircle</li> + <li><i class="ms-Icon ms-Icon--ThumbnailView"></i>ms-Icon--ThumbnailView</li> + <li><i class="ms-Icon ms-Icon--ThumbnailViewMirrored"></i>ms-Icon--ThumbnailViewMirrored</li> + <li><i class="ms-Icon ms-Icon--Thunderstorms"></i>ms-Icon--Thunderstorms</li> + <li><i class="ms-Icon ms-Icon--Ticket"></i>ms-Icon--Ticket</li> + <li><i class="ms-Icon ms-Icon--Tiles"></i>ms-Icon--Tiles</li> + <li><i class="ms-Icon ms-Icon--Tiles2"></i>ms-Icon--Tiles2</li> + <li><i class="ms-Icon ms-Icon--TimeEntry"></i>ms-Icon--TimeEntry</li> + <li><i class="ms-Icon ms-Icon--Timeline"></i>ms-Icon--Timeline</li> + <li><i class="ms-Icon ms-Icon--TimelineDelivery"></i>ms-Icon--TimelineDelivery</li> + <li><i class="ms-Icon ms-Icon--TimelineMatrixView"></i>ms-Icon--TimelineMatrixView</li> + <li><i class="ms-Icon ms-Icon--TimelineProgress"></i>ms-Icon--TimelineProgress</li> + <li><i class="ms-Icon ms-Icon--Timer"></i>ms-Icon--Timer</li> + <li><i class="ms-Icon ms-Icon--TimeSheet"></i>ms-Icon--TimeSheet</li> + <li><i class="ms-Icon ms-Icon--ToDoLogoBottom"></i>ms-Icon--ToDoLogoBottom</li> + <li><i class="ms-Icon ms-Icon--ToDoLogoInverse"></i>ms-Icon--ToDoLogoInverse</li> + <li><i class="ms-Icon ms-Icon--ToDoLogoTop"></i>ms-Icon--ToDoLogoTop</li> + <li><i class="ms-Icon ms-Icon--ToggleBorder"></i>ms-Icon--ToggleBorder</li> + <li><i class="ms-Icon ms-Icon--ToggleFilled"></i>ms-Icon--ToggleFilled</li> + <li><i class="ms-Icon ms-Icon--ToggleOff"></i>ms-Icon--ToggleOff</li> + <li><i class="ms-Icon ms-Icon--ToggleThumb"></i>ms-Icon--ToggleThumb</li> + <li><i class="ms-Icon ms-Icon--Toll"></i>ms-Icon--Toll</li> + <li><i class="ms-Icon ms-Icon--Touch"></i>ms-Icon--Touch</li> + <li><i class="ms-Icon ms-Icon--TouchPointer"></i>ms-Icon--TouchPointer</li> + <li><i class="ms-Icon ms-Icon--Trackers"></i>ms-Icon--Trackers</li> + <li><i class="ms-Icon ms-Icon--TrackersMirrored"></i>ms-Icon--TrackersMirrored</li> + <li><i class="ms-Icon ms-Icon--Train"></i>ms-Icon--Train</li> + <li><i class="ms-Icon ms-Icon--TrainSolid"></i>ms-Icon--TrainSolid</li> + <li><i class="ms-Icon ms-Icon--TransferCall"></i>ms-Icon--TransferCall</li> + <li><i class="ms-Icon ms-Icon--Transition"></i>ms-Icon--Transition</li> + <li><i class="ms-Icon ms-Icon--TransitionEffect"></i>ms-Icon--TransitionEffect</li> + <li><i class="ms-Icon ms-Icon--TransitionPop"></i>ms-Icon--TransitionPop</li> + <li><i class="ms-Icon ms-Icon--TransitionPush"></i>ms-Icon--TransitionPush</li> + <li><i class="ms-Icon ms-Icon--Trending12"></i>ms-Icon--Trending12</li> + <li><i class="ms-Icon ms-Icon--TriangleDown12"></i>ms-Icon--TriangleDown12</li> + <li><i class="ms-Icon ms-Icon--TriangleLeft12"></i>ms-Icon--TriangleLeft12</li> + <li><i class="ms-Icon ms-Icon--TriangleRight12"></i>ms-Icon--TriangleRight12</li> + <li><i class="ms-Icon ms-Icon--TriangleShapeSolid"></i>ms-Icon--TriangleShapeSolid</li> + <li><i class="ms-Icon ms-Icon--TriangleSolid"></i>ms-Icon--TriangleSolid</li> + <li><i class="ms-Icon ms-Icon--TriangleSolidDown12"></i>ms-Icon--TriangleSolidDown12</li> + <li><i class="ms-Icon ms-Icon--TriangleSolidLeft12"></i>ms-Icon--TriangleSolidLeft12</li> + <li><i class="ms-Icon ms-Icon--TriangleSolidRight12"></i>ms-Icon--TriangleSolidRight12</li> + <li><i class="ms-Icon ms-Icon--TriangleSolidUp12"></i>ms-Icon--TriangleSolidUp12</li> + <li><i class="ms-Icon ms-Icon--TriangleUp12"></i>ms-Icon--TriangleUp12</li> + <li><i class="ms-Icon ms-Icon--TriggerApproval"></i>ms-Icon--TriggerApproval</li> + <li><i class="ms-Icon ms-Icon--TriggerAuto"></i>ms-Icon--TriggerAuto</li> + <li><i class="ms-Icon ms-Icon--TriggerUser"></i>ms-Icon--TriggerUser</li> + <li><i class="ms-Icon ms-Icon--TripleColumn"></i>ms-Icon--TripleColumn</li> + <li><i class="ms-Icon ms-Icon--TripleColumnEdit"></i>ms-Icon--TripleColumnEdit</li> + <li><i class="ms-Icon ms-Icon--Trophy"></i>ms-Icon--Trophy</li> + <li><i class="ms-Icon ms-Icon--Trophy2"></i>ms-Icon--Trophy2</li> + <li><i class="ms-Icon ms-Icon--Trophy2Solid"></i>ms-Icon--Trophy2Solid</li> + <li><i class="ms-Icon ms-Icon--TurnRight"></i>ms-Icon--TurnRight</li> + <li><i class="ms-Icon ms-Icon--TVMonitor"></i>ms-Icon--TVMonitor</li> + <li><i class="ms-Icon ms-Icon--TVMonitorSelected"></i>ms-Icon--TVMonitorSelected</li> + <li><i class="ms-Icon ms-Icon--TypeScriptLanguage"></i>ms-Icon--TypeScriptLanguage</li> + <li><i class="ms-Icon ms-Icon--Umbrella"></i>ms-Icon--Umbrella</li> + <li><i class="ms-Icon ms-Icon--Underline"></i>ms-Icon--Underline</li> + <li><i class="ms-Icon ms-Icon--Undo"></i>ms-Icon--Undo</li> + <li><i class="ms-Icon ms-Icon--Uneditable"></i>ms-Icon--Uneditable</li> + <li><i class="ms-Icon ms-Icon--UneditableMirrored"></i>ms-Icon--UneditableMirrored</li> + <li><i class="ms-Icon ms-Icon--UneditableSolid12"></i>ms-Icon--UneditableSolid12</li> + <li><i class="ms-Icon ms-Icon--UneditableSolidMirrored12"></i>ms-Icon--UneditableSolidMirrored12</li> + <li><i class="ms-Icon ms-Icon--Unfavorite"></i>ms-Icon--Unfavorite</li> + <li><i class="ms-Icon ms-Icon--UngroupObject"></i>ms-Icon--UngroupObject</li> + <li><i class="ms-Icon ms-Icon--Unknown"></i>ms-Icon--Unknown</li> + <li><i class="ms-Icon ms-Icon--UnknownCall"></i>ms-Icon--UnknownCall</li> + <li><i class="ms-Icon ms-Icon--UnknownMirrored"></i>ms-Icon--UnknownMirrored</li> + <li><i class="ms-Icon ms-Icon--UnknownMirroredSolid"></i>ms-Icon--UnknownMirroredSolid</li> + <li><i class="ms-Icon ms-Icon--UnknownSolid"></i>ms-Icon--UnknownSolid</li> + <li><i class="ms-Icon ms-Icon--Unlock"></i>ms-Icon--Unlock</li> + <li><i class="ms-Icon ms-Icon--UnlockSolid"></i>ms-Icon--UnlockSolid</li> + <li><i class="ms-Icon ms-Icon--Unpin"></i>ms-Icon--Unpin</li> + <li><i class="ms-Icon ms-Icon--Unsubscribe"></i>ms-Icon--Unsubscribe</li> + <li><i class="ms-Icon ms-Icon--UnsyncFolder"></i>ms-Icon--UnsyncFolder</li> + <li><i class="ms-Icon ms-Icon--UnsyncOccurence"></i>ms-Icon--UnsyncOccurence</li> + <li><i class="ms-Icon ms-Icon--Up"></i>ms-Icon--Up</li> + <li><i class="ms-Icon ms-Icon--Upload"></i>ms-Icon--Upload</li> + <li><i class="ms-Icon ms-Icon--UserEvent"></i>ms-Icon--UserEvent</li> + <li><i class="ms-Icon ms-Icon--UserFollowed"></i>ms-Icon--UserFollowed</li> + <li><i class="ms-Icon ms-Icon--UserPause"></i>ms-Icon--UserPause</li> + <li><i class="ms-Icon ms-Icon--UserRemove"></i>ms-Icon--UserRemove</li> + <li><i class="ms-Icon ms-Icon--UserSync"></i>ms-Icon--UserSync</li> + <li><i class="ms-Icon ms-Icon--Vacation"></i>ms-Icon--Vacation</li> + <li><i class="ms-Icon ms-Icon--Variable"></i>ms-Icon--Variable</li> + <li><i class="ms-Icon ms-Icon--VariableGroup"></i>ms-Icon--VariableGroup</li> + <li><i class="ms-Icon ms-Icon--VB"></i>ms-Icon--VB</li> + <li><i class="ms-Icon ms-Icon--VennDiagram"></i>ms-Icon--VennDiagram</li> + <li><i class="ms-Icon ms-Icon--VersionControlPush"></i>ms-Icon--VersionControlPush</li> + <li><i class="ms-Icon ms-Icon--VerticalDistributeCenter"></i>ms-Icon--VerticalDistributeCenter</li> + <li><i class="ms-Icon ms-Icon--Video"></i>ms-Icon--Video</li> + <li><i class="ms-Icon ms-Icon--VideoOff"></i>ms-Icon--VideoOff</li> + <li><i class="ms-Icon ms-Icon--VideoSearch"></i>ms-Icon--VideoSearch</li> + <li><i class="ms-Icon ms-Icon--VideoSolid"></i>ms-Icon--VideoSolid</li> + <li><i class="ms-Icon ms-Icon--View"></i>ms-Icon--View</li> + <li><i class="ms-Icon ms-Icon--ViewAll"></i>ms-Icon--ViewAll</li> + <li><i class="ms-Icon ms-Icon--ViewAll2"></i>ms-Icon--ViewAll2</li> + <li><i class="ms-Icon ms-Icon--ViewDashboard"></i>ms-Icon--ViewDashboard</li> + <li><i class="ms-Icon ms-Icon--ViewList"></i>ms-Icon--ViewList</li> + <li><i class="ms-Icon ms-Icon--ViewListGroup"></i>ms-Icon--ViewListGroup</li> + <li><i class="ms-Icon ms-Icon--ViewListTree"></i>ms-Icon--ViewListTree</li> + <li><i class="ms-Icon ms-Icon--VisioDiagram"></i>ms-Icon--VisioDiagram</li> + <li><i class="ms-Icon ms-Icon--VisioDocument"></i>ms-Icon--VisioDocument</li> + <li><i class="ms-Icon ms-Icon--VisioLogo"></i>ms-Icon--VisioLogo</li> + <li><i class="ms-Icon ms-Icon--VisioLogo16"></i>ms-Icon--VisioLogo16</li> + <li><i class="ms-Icon ms-Icon--VisioLogoFill"></i>ms-Icon--VisioLogoFill</li> + <li><i class="ms-Icon ms-Icon--VisioLogoFill16"></i>ms-Icon--VisioLogoFill16</li> + <li><i class="ms-Icon ms-Icon--VisioLogoInverse"></i>ms-Icon--VisioLogoInverse</li> + <li><i class="ms-Icon ms-Icon--VisioLogoInverse16"></i>ms-Icon--VisioLogoInverse16</li> + <li><i class="ms-Icon ms-Icon--VisualBasicLanguage"></i>ms-Icon--VisualBasicLanguage</li> + <li><i class="ms-Icon ms-Icon--VisualsFolder"></i>ms-Icon--VisualsFolder</li> + <li><i class="ms-Icon ms-Icon--VisualsStore"></i>ms-Icon--VisualsStore</li> + <li><i class="ms-Icon ms-Icon--VisualStudioIDELogo32"></i>ms-Icon--VisualStudioIDELogo32</li> + <li><i class="ms-Icon ms-Icon--VisualStudioLogo"></i>ms-Icon--VisualStudioLogo</li> + <li><i class="ms-Icon ms-Icon--VoicemailForward"></i>ms-Icon--VoicemailForward</li> + <li><i class="ms-Icon ms-Icon--VoicemailIRM"></i>ms-Icon--VoicemailIRM</li> + <li><i class="ms-Icon ms-Icon--VoicemailReply"></i>ms-Icon--VoicemailReply</li> + <li><i class="ms-Icon ms-Icon--Volume0"></i>ms-Icon--Volume0</li> + <li><i class="ms-Icon ms-Icon--Volume1"></i>ms-Icon--Volume1</li> + <li><i class="ms-Icon ms-Icon--Volume2"></i>ms-Icon--Volume2</li> + <li><i class="ms-Icon ms-Icon--Volume3"></i>ms-Icon--Volume3</li> + <li><i class="ms-Icon ms-Icon--VolumeDisabled"></i>ms-Icon--VolumeDisabled</li> + <li><i class="ms-Icon ms-Icon--VSTSAltLogo1"></i>ms-Icon--VSTSAltLogo1</li> + <li><i class="ms-Icon ms-Icon--VSTSAltLogo2"></i>ms-Icon--VSTSAltLogo2</li> + <li><i class="ms-Icon ms-Icon--VSTSLogo"></i>ms-Icon--VSTSLogo</li> + <li><i class="ms-Icon ms-Icon--Waffle"></i>ms-Icon--Waffle</li> + <li><i class="ms-Icon ms-Icon--WaffleOffice365"></i>ms-Icon--WaffleOffice365</li> + <li><i class="ms-Icon ms-Icon--WaitlistConfirm"></i>ms-Icon--WaitlistConfirm</li> + <li><i class="ms-Icon ms-Icon--WaitlistConfirmMirrored"></i>ms-Icon--WaitlistConfirmMirrored</li> + <li><i class="ms-Icon ms-Icon--Warning"></i>ms-Icon--Warning</li> + <li><i class="ms-Icon ms-Icon--Warning12"></i>ms-Icon--Warning12</li> + <li><i class="ms-Icon ms-Icon--WebPublish"></i>ms-Icon--WebPublish</li> + <li><i class="ms-Icon ms-Icon--Website"></i>ms-Icon--Website</li> + <li><i class="ms-Icon ms-Icon--Weights"></i>ms-Icon--Weights</li> + <li><i class="ms-Icon ms-Icon--WhiteBoardApp16"></i>ms-Icon--WhiteBoardApp16</li> + <li><i class="ms-Icon ms-Icon--WhiteBoardApp32"></i>ms-Icon--WhiteBoardApp32</li> + <li><i class="ms-Icon ms-Icon--WifiEthernet"></i>ms-Icon--WifiEthernet</li> + <li><i class="ms-Icon ms-Icon--WindDirection"></i>ms-Icon--WindDirection</li> + <li><i class="ms-Icon ms-Icon--WindowEdit"></i>ms-Icon--WindowEdit</li> + <li><i class="ms-Icon ms-Icon--WindowsLogo"></i>ms-Icon--WindowsLogo</li> + <li><i class="ms-Icon ms-Icon--Wines"></i>ms-Icon--Wines</li> + <li><i class="ms-Icon ms-Icon--WipePhone"></i>ms-Icon--WipePhone</li> + <li><i class="ms-Icon ms-Icon--WordDocument"></i>ms-Icon--WordDocument</li> + <li><i class="ms-Icon ms-Icon--WordLogo"></i>ms-Icon--WordLogo</li> + <li><i class="ms-Icon ms-Icon--WordLogo16"></i>ms-Icon--WordLogo16</li> + <li><i class="ms-Icon ms-Icon--WordLogoFill"></i>ms-Icon--WordLogoFill</li> + <li><i class="ms-Icon ms-Icon--WordLogoFill16"></i>ms-Icon--WordLogoFill16</li> + <li><i class="ms-Icon ms-Icon--WordLogoInverse"></i>ms-Icon--WordLogoInverse</li> + <li><i class="ms-Icon ms-Icon--WordLogoInverse16"></i>ms-Icon--WordLogoInverse16</li> + <li><i class="ms-Icon ms-Icon--Work"></i>ms-Icon--Work</li> + <li><i class="ms-Icon ms-Icon--WorkFlow"></i>ms-Icon--WorkFlow</li> + <li><i class="ms-Icon ms-Icon--WorkforceManagement"></i>ms-Icon--WorkforceManagement</li> + <li><i class="ms-Icon ms-Icon--WorkItem"></i>ms-Icon--WorkItem</li> + <li><i class="ms-Icon ms-Icon--WorkItemBar"></i>ms-Icon--WorkItemBar</li> + <li><i class="ms-Icon ms-Icon--WorkItemBarSolid"></i>ms-Icon--WorkItemBarSolid</li> + <li><i class="ms-Icon ms-Icon--WorkItemBug"></i>ms-Icon--WorkItemBug</li> + <li><i class="ms-Icon ms-Icon--World"></i>ms-Icon--World</li> + <li><i class="ms-Icon ms-Icon--WorldClock"></i>ms-Icon--WorldClock</li> + <li><i class="ms-Icon ms-Icon--YammerLogo"></i>ms-Icon--YammerLogo</li> + <li><i class="ms-Icon ms-Icon--ZipFolder"></i>ms-Icon--ZipFolder</li> + <li><i class="ms-Icon ms-Icon--Zoom"></i>ms-Icon--Zoom</li> + <li><i class="ms-Icon ms-Icon--ZoomIn"></i>ms-Icon--ZoomIn</li> + <li><i class="ms-Icon ms-Icon--ZoomOut"></i>ms-Icon--ZoomOut</li> + </ul> + </div> +</div> + + </div> +</div> +<script> + var currPage = window.location.pathname.replace(/\//g, ''); + if (currPage) { + document.getElementsByClassName(currPage)[0].classList.add('LeftNav-link--active'); + } +</script> +</body> +</html> diff --git a/dist/documentation/Localization/index.html b/dist/documentation/Localization/index.html new file mode 100644 index 000000000..ad8d76fb4 --- /dev/null +++ b/dist/documentation/Localization/index.html @@ -0,0 +1,250 @@ +<!DOCTYPE html> +<html lang="en" dir="ltr"> +<head> + <meta charset="UTF-8"> + <title>Office Fabric UI Core Documentation</title> + <link rel="stylesheet" href="../../css/fabric.css"> + <link rel="stylesheet" href="../docs.css"> + <link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/2.6.2/css/fabric.components.min.css"> +</head> +<body class="ms-Fabric"> +<div id="body-content"> + <div id="Header" class="docs-Header"> + <a class="ms-font-xxl ms-fontColor-white" href="/">Office UI Fabric</a> + <div class="Header-buttons"> + <a href="https://github.com/OfficeDev/office-ui-fabric-core/" class="Header-button ms-fontColor-white">Github</a> + </div> + </div> + <div class="docs-Page has-leftNav"> + <div class="docs-Page-leftNav"> + <div class="LeftNav-links" role="menu" aria-label="Anchor links for navigating this page"> + <div class="LeftNav-item"> + <a class="Typography LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Typography">Typography</a> + </div> + <div class="LeftNav-item"> + <a class="Color LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Color">Color</a> + </div> + <div class="LeftNav-item"> + <a class="Icons LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Icons">Icons</a> + </div> + <div class="LeftNav-item"> + <a class="Animations LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Animations">Animations</a> + </div> + <div class="LeftNav-item"> + <a class="Responsive-Grid LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Responsive-Grid">Responsive Grid</a> + </div> + <div class="LeftNav-item"> + <a class="Localization LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Localization">Localization</a> + </div> + <div class="LeftNav-item"> + <a class="Scoping LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Scoping">Scoping</a> + </div> + </div> +</div> + + <div class="docs-Styles-section" id="localization"> + <h2>Localization</h2> + <h3>Right-to-left support</h3> + <p>Fabric supports right-to-left (RTL) languages, such as Arabic and Hebrew. This reverses the order of columns in the responsive grid, making it easy to create an RTL layout without writing additional templates. Future versions of Fabric will also reverse some icons and provide additional helper utilities.</p> + <h4>Usage</h4> +<p>Simply apply the “dir” attribute to the HTML tag.</p> + +<pre><code class="hljs"><html dir="rtl"></code></pre> + +<h3>Language-optimized fonts</h3> +<p class="ms-font-m">By default, Fabric presents all text using the Western European character set of Segoe UI. For languages with other characters, Fabric will either serve a version of Segoe UI with a different character set or use a system font.</p> + +<h4>Usage</h4> +<p class="ms-font-m">The HTML “lang” attribute specifies the language of the element's content. This is typically applied to the root HTML element, where it will be inherited by the entire page. In this example the entire page is in Thai.</p> + +<pre><code class="hljs"><html lang="th-TH">...</html></code></pre> + +<p class="ms-font-m">For pages with content in multiple languages, the “lang” attribute can be applied to individual elements. In this example, a page that is mostly Thai also contains some Vietnamese.</p> +<pre><code class="hljs"><html lang="th"> + ... + <section lang="vi">...</section> +</html></code></pre> + +<p class="ms-font-m">Fabric supports a variety of language codes, which map to the following font stacks:</p> + +<table class="docs-Table" style="width: 100%;"> + <tr> + <th style="width: 20%; min-width: 100px;">Language</th> + <th style="width: 15%; min-width: 100px;">Code</th> + <th style="width: 45%; min-width: 100px;">Font stack</th> + <th style="width: 20%; min-width: 100px;">Example text</th> + </tr> + <tr> + <td role="gridcell">West European (default)</td> + <td role="gridcell">N/A</td> + <td role="gridcell">Segoe UI Web (West European)'</td> + <td role="gridcell">Drag files here to upload</td> + </tr> + <tr> + <td role="gridcell">Japanese</td> + <td role="gridcell">ja</td> + <td role="gridcell">'Yu Gothic UI', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka</td> + <td role="gridcell" lang="ja">アップロードするファイルをここにドラッグ</td> + </tr> + <tr> + <td role="gridcell">Korean</td> + <td role="gridcell">ko</td> + <td role="gridcell">'Malgun Gothic', Gulim</td> + <td role="gridcell" lang="ko">파일을 업로드하려면 여기로 끌어오세요.</td> + </tr> + <tr> + <td role="gridcell">Chinese (simplified)</td> + <td role="gridcell">zh-hans</td> + <td role="gridcell">'Microsoft Yahei UI', Verdana, Simsun</td> + <td role="gridcell" lang="zh-hans">将文件拖到此处以上传</td> + </tr> + <tr> + <td role="gridcell">Chinese (traditional)</td> + <td role="gridcell">zh-hant</td> + <td role="gridcell">'Microsoft Jhenghei UI', Pmingliu</td> + <td role="gridcell" lang="zh-hant">拖曳檔案到這裡以上傳</td> + </tr> + <tr> + <td role="gridcell">Hindi</td> + <td role="gridcell">hi</td> + <td role="gridcell">'Nirmala UI'</td> + <td role="gridcell" lang="hi">अपलोड करने के लिए फ़ाइलों को यहाँ खींचें</td> + </tr> + <tr> + <td role="gridcell">Thai</td> + <td role="gridcell">th</td> + <td role="gridcell">'Leelawadee UI Web', 'Kmer UI'</td> + <td role="gridcell" lang="th">ลากไฟล์มาที่นี่เพื่ออัปโหลด</td> + </tr> + <tr> + <td role="gridcell">Lao</td> + <td role="gridcell">lo</td> + <td role="gridcell">'Leelawadee UI Web', 'Lao UI', DokChampa</td> + <td role="gridcell" lang="lo">ລາກໄຟລ໌ທີ່ນີ້ເພື່ອອັບໂຫລດ</td> + </tr> + <tr> + <td role="gridcell">Arabic</td> + <td role="gridcell">ar</td> + <td role="gridcell">'Segoe UI Web (Arabic)'</td> + <td role="gridcell" lang="ar">اسحب الملفات هنا للتحميل</td> + </tr> + <tr> + <td role="gridcell">Bulgarian</td> + <td role="gridcell">bg</td> + <td role="gridcell">'Segoe UI Web (Cyrillic)'</td> + <td role="gridcell" lang="bg">Плъзнете файловете тук, за да ги качите</td> + </tr> + <tr> + <td role="gridcell">Czech</td> + <td role="gridcell">cs</td> + <td role="gridcell">'Segoe UI Web (East European)'</td> + <td role="gridcell" lang="cs">Sem přetáhněte soubory, které chcete nahrát.</td> + </tr> + <tr> + <td role="gridcell">Estonian</td> + <td role="gridcell">et</td> + <td role="gridcell">'Segoe UI Web (East European)'</td> + <td role="gridcell" lang="et">Üleslaadimiseks lohistage failid siia</td> + </tr> + <tr> + <td role="gridcell">Croatian</td> + <td role="gridcell">hr</td> + <td role="gridcell">'Segoe UI Web (East European)'</td> + <td role="gridcell" lang="hr">Povucite datoteke ovdje da biste ih prenijeli</td> + </tr> + <tr> + <td role="gridcell">Hungarian</td> + <td role="gridcell">hu</td> + <td role="gridcell">'Segoe UI Web (East European)'</td> + <td role="gridcell" lang="hu">Húzza ide a feltölteni kívánt fájlokat</td> + </tr> + <tr> + <td role="gridcell">Lithuanian</td> + <td role="gridcell">lt</td> + <td role="gridcell">'Segoe UI Web (East European)'</td> + <td role="gridcell" lang="lt">Nusiųstinus failus vilkite čia</td> + </tr> + <tr> + <td role="gridcell">Latvian</td> + <td role="gridcell">lv</td> + <td role="gridcell">'Segoe UI Web (East European)'</td> + <td role="gridcell" lang="lv">Velciet failus uz šejieni, lai augšupielādētu</td> + </tr> + <tr> + <td role="gridcell">Polish</td> + <td role="gridcell">pl</td> + <td role="gridcell">'Segoe UI Web (East European)'</td> + <td role="gridcell" lang="pl">Przeciągnij pliki tutaj, aby je przekazać</td> + </tr> + <tr> + <td role="gridcell">Serbian</td> + <td role="gridcell">sr-latn</td> + <td role="gridcell">'Segoe UI Web (East European)'</td> + <td role="gridcell" lang="sr-latn">Prevucite datoteke ovde da biste ih otpremili</td> + </tr> + <tr> + <td role="gridcell">Russian</td> + <td role="gridcell">ru</td> + <td role="gridcell">'Segoe UI Web (Cyrillic)'</td> + <td role="gridcell" lang="ru">Перетащите сюда файлы для отправки</td> + </tr> + <tr> + <td role="gridcell">Ukrainian</td> + <td role="gridcell">uk</td> + <td role="gridcell">'Segoe UI Web (Cyrillic)'</td> + <td role="gridcell" lang="uk">Перетягніть файли сюди, щоб передати їх</td> + </tr> + <tr> + <td role="gridcell">Turkish</td> + <td role="gridcell">tr</td> + <td role="gridcell">'Segoe UI Web (East European)'</td> + <td role="gridcell" lang="tr">Dosyaları karşıya yüklemek için buraya sürükleyin</td> + </tr> + <tr> + <td role="gridcell">Slovak</td> + <td role="gridcell">sk</td> + <td role="gridcell">'Segoe UI Web (East European)'</td> + <td role="gridcell" lang="sk">Nahrajte súbory presunutím sem</td> + </tr> + <tr> + <td role="gridcell">Kazakh</td> + <td role="gridcell">kk</td> + <td role="gridcell">'Segoe UI Web (East European)'</td> + <td role="gridcell" lang="kk">Файлдарды жүктеп салу үшін осы жерге әкеліңіз</td> + </tr> + <tr> + <td role="gridcell">Greek</td> + <td role="gridcell">el</td> + <td role="gridcell">'Segoe UI Web (Greek)'</td> + <td role="gridcell" lang="el">Σύρετε αρχεία εδώ για αποστολή</td> + </tr> + <tr> + <td role="gridcell">Hebrew</td> + <td role="gridcell">he</td> + <td role="gridcell">'Segoe UI Web (Hebrew)'</td> + <td role="gridcell" lang="he">גרור קבצים לכאן כדי להעלות</td> + </tr> + <tr> + <td role="gridcell">Vietnamese</td> + <td role="gridcell">vi</td> + <td role="gridcell">'Segoe UI Web (Vietnamese)'</td> + <td role="gridcell" lang="vi">Kéo tệp vào đây để tải lên</td> + </tr> +</table> + +<p class="ms-font-m">For all languages, if the fonts specified above are unavailable we then fall back to:</p> + +<pre><code class="hljs">-apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif</code></pre> + + </div> + + </div> +</div> +<script> + var currPage = window.location.pathname.replace(/\//g, ''); + if (currPage) { + document.getElementsByClassName(currPage)[0].classList.add('LeftNav-link--active'); + } +</script> +</body> +</html> \ No newline at end of file diff --git a/dist/documentation/Responsive-Grid/index.html b/dist/documentation/Responsive-Grid/index.html new file mode 100644 index 000000000..6f41cc22d --- /dev/null +++ b/dist/documentation/Responsive-Grid/index.html @@ -0,0 +1,571 @@ +<!DOCTYPE html> +<html lang="en" dir="ltr"> +<head> + <meta charset="UTF-8"> + <title>Office Fabric UI Core Documentation</title> + <link rel="stylesheet" href="../../css/fabric.css"> + <link rel="stylesheet" href="../docs.css"> + <link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/2.6.2/css/fabric.components.min.css"> +</head> +<body class="ms-Fabric"> +<div id="body-content"> + <div id="Header" class="docs-Header"> + <a class="ms-font-xxl ms-fontColor-white" href="/">Office UI Fabric</a> + <div class="Header-buttons"> + <a href="https://github.com/OfficeDev/office-ui-fabric-core/" class="Header-button ms-fontColor-white">Github</a> + </div> + </div> + <div class="docs-Page has-leftNav"> + <div class="docs-Page-leftNav"> + <div class="LeftNav-links" role="menu" aria-label="Anchor links for navigating this page"> + <div class="LeftNav-item"> + <a class="Typography LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Typography">Typography</a> + </div> + <div class="LeftNav-item"> + <a class="Color LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Color">Color</a> + </div> + <div class="LeftNav-item"> + <a class="Icons LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Icons">Icons</a> + </div> + <div class="LeftNav-item"> + <a class="Animations LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Animations">Animations</a> + </div> + <div class="LeftNav-item"> + <a class="Responsive-Grid LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Responsive-Grid">Responsive Grid</a> + </div> + <div class="LeftNav-item"> + <a class="Localization LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Localization">Localization</a> + </div> + <div class="LeftNav-item"> + <a class="Scoping LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Scoping">Scoping</a> + </div> + </div> +</div> + + <div class="docs-Styles-section" id="responsive-grid"> + <h2>Responsive Grid</h2> + <p>Fabric comes with a mobile-first, 12-column, responsive grid that you can use to create flexible layouts for a variety of screen sizes and device types.</p> + +<div class="ms-Grid docs-demoGrid" aria-label="Example Grid"> + <div class="ms-Grid-row"> + <div class="ms-Grid-col ms-sm1"> + <div class="block">1</div> + </div> + <div class="ms-Grid-col ms-sm1"> + <div class="block">1</div> + </div> + <div class="ms-Grid-col ms-sm1"> + <div class="block">1</div> + </div> + <div class="ms-Grid-col ms-sm1"> + <div class="block">1</div> + </div> + <div class="ms-Grid-col ms-sm1"> + <div class="block">1</div> + </div> + <div class="ms-Grid-col ms-sm1"> + <div class="block">1</div> + </div> + <div class="ms-Grid-col ms-sm1"> + <div class="block">1</div> + </div> + <div class="ms-Grid-col ms-sm1"> + <div class="block">1</div> + </div> + <div class="ms-Grid-col ms-sm1"> + <div class="block">1</div> + </div> + <div class="ms-Grid-col ms-sm1"> + <div class="block">1</div> + </div> + <div class="ms-Grid-col ms-sm1"> + <div class="block">1</div> + </div> + <div class="ms-Grid-col ms-sm1"> + <div class="block">1</div> + </div> + </div> + <div class="ms-Grid-row"> + <div class="ms-Grid-col ms-sm2"> + <div class="block">2</div> + </div> + <div class="ms-Grid-col ms-sm2"> + <div class="block">2</div> + </div> + <div class="ms-Grid-col ms-sm2"> + <div class="block">2</div> + </div> + <div class="ms-Grid-col ms-sm2"> + <div class="block">2</div> + </div> + <div class="ms-Grid-col ms-sm2"> + <div class="block">2</div> + </div> + <div class="ms-Grid-col ms-sm2"> + <div class="block">2</div> + </div> + </div> + <div class="ms-Grid-row"> + <div class="ms-Grid-col ms-sm3"> + <div class="block">3</div> + </div> + <div class="ms-Grid-col ms-sm3"> + <div class="block">3</div> + </div> + <div class="ms-Grid-col ms-sm3"> + <div class="block">3</div> + </div> + <div class="ms-Grid-col ms-sm3"> + <div class="block">3</div> + </div> + </div> + <div class="ms-Grid-row"> + <div class="ms-Grid-col ms-sm4"> + <div class="block">4</div> + </div> + <div class="ms-Grid-col ms-sm4"> + <div class="block">4</div> + </div> + <div class="ms-Grid-col ms-sm4"> + <div class="block">4</div> + </div> + </div> + <div class="ms-Grid-row"> + <div class="ms-Grid-col ms-sm6"> + <div class="block">6</div> + </div> + <div class="ms-Grid-col ms-sm6"> + <div class="block">6</div> + </div> + </div> + <div class="ms-Grid-row"> + <div class="ms-Grid-col ms-sm12"> + <div class="block">12</div> + </div> + </div> +</div> + +<p class="ms-font-l docs-subHeading ms-fontWeight-semibold">How to use</p> + +<p class="ms-font-m">A grid (<span class="docs-u-fontCode">ms-Grid</span>) can contain multiple rows (<span class="docs-u-fontCode">ms-Grid-row</span>), each of which has one or more columns (<span class="docs-u-fontCode">ms-Grid-col</span>). Utility classes (<span class="docs-u-fontCode">ms-sm6</span>) specify how large each column should be on small, medium, and large devices. The columns in a row should add up to 12 for each device size.</p> +<pre><code><div class="ms-Grid"> + <div class="ms-Grid-row"> + <div class="ms-Grid-col ms-sm6 ms-md4 ms-lg2">First</div> + <div class="ms-Grid-col ms-sm6 ms-md8 ms-lg10">Second</div> + </div> +</div> +</code></pre> + +<p>Would result in:</p> + +<div class="ms-Grid docs-demoGrid" aria-label="Grid example"> + <div class="ms-Grid-row"> + <div class="ms-Grid-col ms-sm6 ms-md4 ms-lg2"> + <div class="block">First</div> + </div> + <div class="ms-Grid-col ms-sm6 ms-md8 ms-lg10"> + <div class="block">Second</div> + </div> + </div> +</div> + +<p class="ms-font-l docs-subHeading ms-fontWeight-semibold">Inheritance</p> + +<p class="ms-font-m">Because Fabric is mobile-first, any layout defined for small screens is automatically inherited by medium and large screens. The small size utilities (<span class="docs-u-fontCode">ms-sm6</span>) are required. If you want to change the layout on larger screens, you can apply the other utility classes.</p> + +<p class="ms-font-m">Try this out! On a large screen, the Example block will be smaller. Try shrinking your browser window – the Example block will take up the entire width of the screen.</p> + +<p class="ms-font-l docs-subHeading ms-fontWeight-semibold">How to use</p> +<pre><code><div class="ms-Grid-col ms-sm12 ms-lg4">Example</div> +</pre></code> +<div class="ms-Grid docs-demoGrid" aria-label="Grid example"> + <div class="ms-Grid-row"> + <div class="ms-Grid-col ms-sm12 ms-lg4"> + <div class="block">Example</div> + </div> + </div> +</div> + +<p class="ms-font-l docs-subHeading ms-fontWeight-semibold">Push and pull</p> + +<p class="ms-font-m">You might want your column source order to differ from the display order, or to change the column display order based on the screen size. The push and pull utilities make this possible. Push moves a column to the right; pull moves it to the left.</p> + +<p class="ms-font-l docs-subHeading ms-fontWeight-semibold">How to use</p> +<pre><code><div class="ms-Grid-col ms-sm4 ms-smPush8">first in code</div> +<div class="ms-Grid-col ms-sm8 ms-smPull4">second in code</div> +</code></pre> + +<div class="ms-Grid docs-demoGrid" aria-label="Grid example"> + <div class="ms-Grid-row"> + <div class="ms-Grid-col ms-sm4 ms-smPush8"> + <div class="block">first in code</div> + </div> + <div class="ms-Grid-col ms-sm8 ms-smPull4"> + <div class="block">second in code</div> + </div> + </div> +</div> + + + <p class="ms-font-l docs-subHeading ms-fontWeight-semibold">Visibility</p> + + <p class="ms-font-m">Some designs call for certain content to be shown or hidden depending on the screen size. You can achieve this using Fabric's responsive visibility classes. These allow you to show or hide content at a specific screen size, or across a whole range of sizes.</p> + + <table class="docs-Table docs-Table--striped" style="width: 100%;" aria-label="Table of classes to hide content on the screen depending on screensize"> + <col> + <colgroup span="2"></colgroup> + <colgroup span="2"></colgroup> + <tr> + <th colspan="2" style="text-align:center;" scope="colgroup">Visibility class</th> + <th colspan="6" style="text-align:center;" scope="colgroup">Hides content on screen of size</th> + </tr> + <tr> + <th colspan="1" style="text-align:center;"></th> + <th style="text-align:center;" scope="col">SM</th> + <th style="text-align:center;" scope="col">MD</th> + <th style="text-align:center;" scope="col">LG</th> + <th style="text-align:center;" scope="col">XL</th> + <th style="text-align:center;" scope="col">XXL</th> + <th style="text-align:center;" scope="col">XXXL</th> + </tr> + <tr> + <td>ms-hiddenSm</td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenSm hides content for screen size SM + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenSm does not hide content on the screen size MD + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenSm does not hide content on the screen size LG + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenSm does not hide content on the screen size XL + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenSm does not hide content on the screen size XXL + </td> + <td class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenSm does not hide content on the screen size XXXL + </td> + </tr> <tr> + <td>ms-hiddenMd</td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenMd does not hide content on the screen size SM + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenMd hides content for screen size MD + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenMd does not hide content on the screen size LG + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenMd does not hide content on the screen size XL + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenMd does not hide content on the screen size XXL + </td> + <td class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenMd does not hide content on the screen size XXXL + </td> + </tr> <tr> + <td>ms-hiddenMdDown</td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenMdDown hides content for screen size SM + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenMdDown hides content for screen size MD + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenMdDown does not hide content on the screen size LG + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenMdDown does not hide content on the screen size XL + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenMdDown does not hide content on the screen size XXL + </td> + <td class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenMdDown does not hide content on the screen size XXXL + </td> + </tr> <tr> + <td>ms-hiddenMdUp</td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenMdUp does not hide content on the screen size SM + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenMdUp hides content for screen size MD + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenMdUp hides content for screen size LG + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenMdUp hides content for screen size XL + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenMdUp hides content for screen size XXL + </td> + <td class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenMdUp hides content for screen size XXXL + </td> + </tr> <tr> + <td>ms-hiddenLg</td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenLg does not hide content on the screen size SM + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenLg does not hide content on the screen size MD + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenLg hides content for screen size LG + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenLg does not hide content on the screen size XL + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenLg does not hide content on the screen size XXL + </td> + <td class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenLg does not hide content on the screen size XXXL + </td> + </tr> <tr> + <td>ms-hiddenLgDown</td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenLgDown hides content for screen size SM + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenLgDown hides content for screen size MD + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenLgDown hides content for screen size LG + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenLgDown does not hide content on the screen size XL + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenLgDown does not hide content on the screen size XXL + </td> + <td class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenLgDown does not hide content on the screen size XXXL + </td> + </tr> <tr> + <td>ms-hiddenLgUp</td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenLgUp does not hide content on the screen size SM + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenLgUp does not hide content on the screen size MD + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenLgUp hides content for screen size LG + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenLgUp hides content for screen size XL + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenLgUp hides content for screen size XXL + </td> + <td class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenLgUp hides content for screen size XXXL + </td> + </tr> <tr> + <td>ms-hiddenXl</td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXl does not hide content on the screen size SM + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXl does not hide content on the screen size MD + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXl does not hide content on the screen size LG + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenXl hides content for screen size XL + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXl does not hide content on the screen size XXL + </td> + <td class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXl does not hide content on the screen size XXXL + </td> + </tr> <tr> + <td>ms-hiddenXlDown</td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenXlDown hides content for screen size SM + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenXlDown hides content for screen size MD + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenXlDown hides content for screen size LG + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenXlDown hides content for screen size XL + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXlDown does not hide content on the screen size XXL + </td> + <td class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXlDown does not hide content on the screen size XXXL + </td> + </tr> <tr> + <td>ms-hiddenXlUp</td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXlUp does not hide content on the screen size SM + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXlUp does not hide content on the screen size MD + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXlUp does not hide content on the screen size LG + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenXlUp hides content for screen size XL + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenXlUp hides content for screen size XXL + </td> + <td class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenXlUp hides content for screen size XXXL + </td> + </tr> <tr> + <td>ms-hiddenXxl</td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXxl does not hide content on the screen size SM + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXxl does not hide content on the screen size MD + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXxl does not hide content on the screen size LG + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXxl does not hide content on the screen size XL + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenXxl hides content for screen size XXL + </td> + <td class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXxl does not hide content on the screen size XXXL + </td> + </tr> <tr> + <td>ms-hiddenXxlDown</td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenXxlDown hides content for screen size SM + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenXxlDown hides content for screen size MD + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenXxlDown hides content for screen size LG + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenXxlDown hides content for screen size XL + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenXxlDown hides content for screen size XXL + </td> + <td class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXxlDown does not hide content on the screen size XXXL + </td> + </tr> <tr> + <td>ms-hiddenXxlUp</td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXxlUp does not hide content on the screen size SM + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXxlUp does not hide content on the screen size MD + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXxlUp does not hide content on the screen size LG + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXxlUp does not hide content on the screen size XL + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenXxlUp hides content for screen size XXL + </td> + <td class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenXxlUp hides content for screen size XXXL + </td> + </tr> <tr> + <td>ms-hiddenXxxl</td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXxxl does not hide content on the screen size SM + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXxxl does not hide content on the screen size MD + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXxxl does not hide content on the screen size LG + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXxxl does not hide content on the screen size XL + </td> + <td style="text-align:center;" class="docs-Table-visibleForScreenReaders"> + Class ms-hiddenXxxl does not hide content on the screen size XXL + </td> + <td class="docs-Table-visibleForScreenReaders"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + Class ms-hiddenXxxl hides content for screen size XXXL + </td> + </tr> </table> + + <p class="ms-font-l docs-subHeading ms-fontWeight-semibold">How to use</p><pre><code><div class="ms-Grid-col ms-sm12 ms-hiddenXlDown">hidden on small</div> + <div class="ms-Grid-col ms-sm12 ms-hiddenXxlUp">hidden on large up</div></code></pre> + + <div class="ms-Grid docs-demoGrid"> + <div class="ms-Grid-row"> + <div class="ms-Grid-col ms-sm12 ms-hiddenXlDown"> + <div class="block">The screen is XL or smaller.</div> + </div> + <div class="ms-Grid-col ms-sm12 ms-hiddenXxlUp"> + <div class="block">The screen is XXL or larger.</div> + </div> + </div> + </div> + </div> + + </div> +</div> +<script> + var currPage = window.location.pathname.replace(/\//g, ''); + if (currPage) { + document.getElementsByClassName(currPage)[0].classList.add('LeftNav-link--active'); + } +</script> +</body> +</html> \ No newline at end of file diff --git a/dist/documentation/Scoping/index.html b/dist/documentation/Scoping/index.html new file mode 100644 index 000000000..f5bbc0c30 --- /dev/null +++ b/dist/documentation/Scoping/index.html @@ -0,0 +1,89 @@ +<!DOCTYPE html> +<html lang="en" dir="ltr"> +<head> + <meta charset="UTF-8"> + <title>Office Fabric UI Core Documentation</title> + <link rel="stylesheet" href="../../css/fabric.css"> + <link rel="stylesheet" href="../docs.css"> + <link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/2.6.2/css/fabric.components.min.css"> +</head> +<body class="ms-Fabric"> +<div id="body-content"> + <div id="Header" class="docs-Header"> + <a class="ms-font-xxl ms-fontColor-white" href="/">Office UI Fabric</a> + <div class="Header-buttons"> + <a href="https://github.com/OfficeDev/office-ui-fabric-core/" class="Header-button ms-fontColor-white">Github</a> + </div> + </div> + <div class="docs-Page has-leftNav"> + <div class="docs-Page-leftNav"> + <div class="LeftNav-links" role="menu" aria-label="Anchor links for navigating this page"> + <div class="LeftNav-item"> + <a class="Typography LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Typography">Typography</a> + </div> + <div class="LeftNav-item"> + <a class="Color LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Color">Color</a> + </div> + <div class="LeftNav-item"> + <a class="Icons LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Icons">Icons</a> + </div> + <div class="LeftNav-item"> + <a class="Animations LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Animations">Animations</a> + </div> + <div class="LeftNav-item"> + <a class="Responsive-Grid LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Responsive-Grid">Responsive Grid</a> + </div> + <div class="LeftNav-item"> + <a class="Localization LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Localization">Localization</a> + </div> + <div class="LeftNav-item"> + <a class="Scoping LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Scoping">Scoping</a> + </div> + </div> +</div> + +<style> + .ms-Fabric--v5-1-0 .ms-fontColor-themePrimary { + color: #ff0000; + } +</style> + +<div class="docs-Styles-section" id="scoping"> + <h2>Version Scoping Sample</h2> + <p>For scenarios where multiple major versions may live in the same DOM, Fabric provides a "scoped" version of all Core styles that will only apply those styles when used under a versioned wrapper class.</p> + + <p> + To use scoped Fabric styles, simply add the versioned wrapper class to the parent DOM element you wish to scope, then use Fabric as usual. + </p> + + <p>For example, take this following title, which uses unscoped Fabric:</p> + + <pre><code> +<div class="ms-font-xxl ms-fontColor-themePrimary">This title uses ms-fontColor-themePrimary from unscoped Fabric.</div> +</code></pre> + + <div class="ms-font-xxl ms-fontColor-themePrimary">This title uses ms-fontColor-themePrimary from unscoped Fabric.</div> + + <p>To scope this title to v5.1.0, add an extra wrapper <code>div</code> around it and add both the <code>ms-Fabric</code> wrapper class and the scoping class for the current version of Fabric. Note that to illustrate this behavior for this demonstration, <code>.ms-fontColor-themePrimary</code> has been overridden with a different color when used under the <code>ms-Fabric--v5-1-0</code> version-scoping class.</p> + + <pre><code> + <div class="ms-Fabric ms-Fabric--v5-1-0"> + <div class="ms-font-xxl ms-fontColor-themePrimary">This title uses ms-fontColor-themePrimary from Fabric 5.1.0.</div> + </div> +</code></pre> + + <div class="ms-Fabric ms-Fabric--v5-1-0"> + <div class="ms-font-xxl ms-fontColor-themePrimary">This title uses ms-fontColor-themePrimary from Fabric 5.1.0.</div> + </div> +</div> + + </div> +</div> +<script> + var currPage = window.location.pathname.replace(/\//g, ''); + if (currPage) { + document.getElementsByClassName(currPage)[0].classList.add('LeftNav-link--active'); + } +</script> +</body> +</html> \ No newline at end of file diff --git a/dist/documentation/Typography/index.html b/dist/documentation/Typography/index.html new file mode 100644 index 000000000..7a0da0950 --- /dev/null +++ b/dist/documentation/Typography/index.html @@ -0,0 +1,374 @@ +<!DOCTYPE html> +<html lang="en" dir="ltr"> +<head> + <meta charset="UTF-8"> + <title>Office Fabric UI Core Documentation</title> + <link rel="stylesheet" href="../../css/fabric.css"> + <link rel="stylesheet" href="../docs.css"> + <link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/2.6.2/css/fabric.components.min.css"> +</head> +<body class="ms-Fabric"> +<div id="body-content"> + <div id="Header" class="docs-Header"> + <a class="ms-font-xxl ms-fontColor-white" href="/">Office UI Fabric</a> + <div class="Header-buttons"> + <a href="https://github.com/OfficeDev/office-ui-fabric-core/" class="Header-button ms-fontColor-white">Github</a> + </div> + </div> + <div class="docs-Page has-leftNav"> + <div class="docs-Page-leftNav"> + <div class="LeftNav-links" role="menu" aria-label="Anchor links for navigating this page"> + <div class="LeftNav-item"> + <a class="Typography LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Typography">Typography</a> + </div> + <div class="LeftNav-item"> + <a class="Color LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Color">Color</a> + </div> + <div class="LeftNav-item"> + <a class="Icons LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Icons">Icons</a> + </div> + <div class="LeftNav-item"> + <a class="Animations LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Animations">Animations</a> + </div> + <div class="LeftNav-item"> + <a class="Responsive-Grid LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Responsive-Grid">Responsive Grid</a> + </div> + <div class="LeftNav-item"> + <a class="Localization LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Localization">Localization</a> + </div> + <div class="LeftNav-item"> + <a class="Scoping LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Scoping">Scoping</a> + </div> + </div> +</div> + +<div class="docs-Styles-section" id="typography"> + <h2>Typography</h2> + <p>Fabric includes 10 base font classes that represent the type ramp for the Office Design Language. Each base class sets a default <strong>size, weight, and color</strong>.</p> + + <ul class="ms-Grid docs-ListTable" aria-label="Typography classes table"> + <li class="ms-Grid-row" aria-label="Information for font class ms-font-su"> + <div class="ms-Grid-col ms-sm12 ms-lg5" aria-label="Class name ms-font-su"> + <span class="ms-font-su">ms-font-su</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-su uses the font size 42px"> + <p class="msfont-size-m">42px</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-su uses the font weight Segoe UI Light"> + <p class="ms-font-size-m">Segoe UI Light</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" aria-label="Class ms-font-su uses the color class ms-color-neutralPrimary"> + <p class="ms-font-size-m">ms-color-neutralPrimary</p> + </div> + </li> <li class="ms-Grid-row" aria-label="Information for font class ms-font-xxl"> + <div class="ms-Grid-col ms-sm12 ms-lg5" aria-label="Class name ms-font-xxl"> + <span class="ms-font-xxl">ms-font-xxl</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-xxl uses the font size 28px"> + <p class="msfont-size-m">28px</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-xxl uses the font weight Segoe UI Light"> + <p class="ms-font-size-m">Segoe UI Light</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" aria-label="Class ms-font-xxl uses the color class ms-color-neutralPrimary"> + <p class="ms-font-size-m">ms-color-neutralPrimary</p> + </div> + </li> <li class="ms-Grid-row" aria-label="Information for font class ms-font-xl-plus"> + <div class="ms-Grid-col ms-sm12 ms-lg5" aria-label="Class name ms-font-xl-plus"> + <span class="ms-font-xl-plus">ms-font-xl-plus</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-xl-plus uses the font size 24px"> + <p class="msfont-size-m">24px</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-xl-plus uses the font weight Segoe UI Light"> + <p class="ms-font-size-m">Segoe UI Light</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" aria-label="Class ms-font-xl-plus uses the color class ms-color-neutralPrimary"> + <p class="ms-font-size-m">ms-color-neutralPrimary</p> + </div> + </li> <li class="ms-Grid-row" aria-label="Information for font class ms-font-xl"> + <div class="ms-Grid-col ms-sm12 ms-lg5" aria-label="Class name ms-font-xl"> + <span class="ms-font-xl">ms-font-xl</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-xl uses the font size 21px"> + <p class="msfont-size-m">21px</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-xl uses the font weight Segoe UI Light"> + <p class="ms-font-size-m">Segoe UI Light</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" aria-label="Class ms-font-xl uses the color class ms-color-neutralPrimary"> + <p class="ms-font-size-m">ms-color-neutralPrimary</p> + </div> + </li> <li class="ms-Grid-row" aria-label="Information for font class ms-font-l"> + <div class="ms-Grid-col ms-sm12 ms-lg5" aria-label="Class name ms-font-l"> + <span class="ms-font-l">ms-font-l</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-l uses the font size 17px"> + <p class="msfont-size-m">17px</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-l uses the font weight Segoe UI Semilight"> + <p class="ms-font-size-m">Segoe UI Semilight</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" aria-label="Class ms-font-l uses the color class ms-color-neutralPrimary"> + <p class="ms-font-size-m">ms-color-neutralPrimary</p> + </div> + </li> <li class="ms-Grid-row" aria-label="Information for font class ms-font-m-plus"> + <div class="ms-Grid-col ms-sm12 ms-lg5" aria-label="Class name ms-font-m-plus"> + <span class="ms-font-m-plus">ms-font-m-plus</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-m-plus uses the font size 15px"> + <p class="msfont-size-m">15px</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-m-plus uses the font weight Segoe UI Regular"> + <p class="ms-font-size-m">Segoe UI Regular</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" aria-label="Class ms-font-m-plus uses the color class ms-color-neutralPrimary"> + <p class="ms-font-size-m">ms-color-neutralPrimary</p> + </div> + </li> <li class="ms-Grid-row" aria-label="Information for font class ms-font-m"> + <div class="ms-Grid-col ms-sm12 ms-lg5" aria-label="Class name ms-font-m"> + <span class="ms-font-m">ms-font-m</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-m uses the font size 14px"> + <p class="msfont-size-m">14px</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-m uses the font weight Segoe UI Regular"> + <p class="ms-font-size-m">Segoe UI Regular</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" aria-label="Class ms-font-m uses the color class ms-color-neutralPrimary"> + <p class="ms-font-size-m">ms-color-neutralPrimary</p> + </div> + </li> <li class="ms-Grid-row" aria-label="Information for font class ms-font-s-plus"> + <div class="ms-Grid-col ms-sm12 ms-lg5" aria-label="Class name ms-font-s-plus"> + <span class="ms-font-s-plus">ms-font-s-plus</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-s-plus uses the font size 13px"> + <p class="msfont-size-m">13px</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-s-plus uses the font weight Segoe UI Regular"> + <p class="ms-font-size-m">Segoe UI Regular</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" aria-label="Class ms-font-s-plus uses the color class ms-color-neutralPrimary"> + <p class="ms-font-size-m">ms-color-neutralPrimary</p> + </div> + </li> <li class="ms-Grid-row" aria-label="Information for font class ms-font-s"> + <div class="ms-Grid-col ms-sm12 ms-lg5" aria-label="Class name ms-font-s"> + <span class="ms-font-s">ms-font-s</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-s uses the font size 12px"> + <p class="msfont-size-m">12px</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-s uses the font weight Segoe UI Regular"> + <p class="ms-font-size-m">Segoe UI Regular</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" aria-label="Class ms-font-s uses the color class ms-color-neutralPrimary"> + <p class="ms-font-size-m">ms-color-neutralPrimary</p> + </div> + </li> <li class="ms-Grid-row" aria-label="Information for font class ms-font-xs"> + <div class="ms-Grid-col ms-sm12 ms-lg5" aria-label="Class name ms-font-xs"> + <span class="ms-font-xs">ms-font-xs</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-xs uses the font size 11px"> + <p class="msfont-size-m">11px</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-xs uses the font weight Segoe UI Regular"> + <p class="ms-font-size-m">Segoe UI Regular</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" aria-label="Class ms-font-xs uses the color class ms-color-neutralPrimary"> + <p class="ms-font-size-m">ms-color-neutralPrimary</p> + </div> + </li> <li class="ms-Grid-row" aria-label="Information for font class ms-font-mi"> + <div class="ms-Grid-col ms-sm12 ms-lg5" aria-label="Class name ms-font-mi"> + <span class="ms-font-mi">ms-font-mi</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-mi uses the font size 10px"> + <p class="msfont-size-m">10px</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg2" aria-label="Class ms-font-mi uses the font weight Segoe UI Semibold"> + <p class="ms-font-size-m">Segoe UI Semibold</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" aria-label="Class ms-font-mi uses the color class ms-color-neutralPrimary"> + <p class="ms-font-size-m">ms-color-neutralPrimary</p> + </div> + </li> </ul> + + <h3>Font weight</h3> + <p>Use these classes to set the font weight, independent of its size and color.</p> + + <div class="ms-Grid" role="grid"> + <div class="ms-Grid-row docs-HelperClasses"> + <div class="ms-Grid-row docs-TypeHeader" role="row"> + <div class="ms-Grid-col ms-sm12 ms-lg5 docs-HelperHeader" role="columnheader"> + <p class="ms-font-l docs-subHeading ms-fontWeight-semibold">Class</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3 docs-HelperHeader" role="columnheader"> + <p class="ms-font-l docs-subHeading ms-fontWeight-semibold">Weight</p> + </div> + </div> + <div class="ms-Grid-row" role="row"> + <div class="ms-Grid-col ms-sm12 ms-lg5" role="gridcell"> + <p class="ms-font-xl ms-fontWeight-light">ms-fontWeight-light</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" role="gridcell"> + <p class="font-size-m">Light</p> + </div> + </div> <div class="ms-Grid-row" role="row"> + <div class="ms-Grid-col ms-sm12 ms-lg5" role="gridcell"> + <p class="ms-font-xl ms-fontWeight-semilight">ms-fontWeight-semilight</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" role="gridcell"> + <p class="font-size-m">Semilight</p> + </div> + </div> <div class="ms-Grid-row" role="row"> + <div class="ms-Grid-col ms-sm12 ms-lg5" role="gridcell"> + <p class="ms-font-xl ms-fontWeight-regular">ms-fontWeight-regular</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" role="gridcell"> + <p class="font-size-m">Regular</p> + </div> + </div> <div class="ms-Grid-row" role="row"> + <div class="ms-Grid-col ms-sm12 ms-lg5" role="gridcell"> + <p class="ms-font-xl ms-fontWeight-semibold">ms-fontWeight-semibold</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" role="gridcell"> + <p class="font-size-m">Semi Bold</p> + </div> + </div> <div class="ms-Grid-row" role="row"> + <div class="ms-Grid-col ms-sm12 ms-lg5" role="gridcell"> + <p class="ms-font-xl ms-fontWeight-bold">ms-fontWeight-bold</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" role="gridcell"> + <p class="font-size-m">Bold</p> + </div> + </div> </div> + </div> + + <h3>Font size</h3> + <p>Use these classes to set the font size, independent of its weight and color.</p> + + <div class="ms-Grid" role="grid"> + <div class="ms-Grid-row docs-HelperClasses"> + <div class="ms-Grid-row docs-TypeHeader" role="row"> + <div class="ms-Grid-col ms-sm12 ms-lg5 docs-HelperHeader" role="columnheader"> + <p class="ms-font-l docs-subHeading ms-fontWeight-semibold">Class</p> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3 docs-HelperHeader" role="columnheader"> + <p class="ms-font-l docs-subHeading ms-fontWeight-semibold">Size</p> + </div> + </div> + + <div class="ms-Grid-row" role="row"> + <div class="ms-Grid-col ms-sm12 ms-lg5" role="gridcell"> + <span class="ms-fontSize-su">ms-fontSize-su</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" role="gridcell"> + <span class="ms-fontSize-m">42px</span> + </div> + </div> <div class="ms-Grid-row" role="row"> + <div class="ms-Grid-col ms-sm12 ms-lg5" role="gridcell"> + <span class="ms-fontSize-xxl">ms-fontSize-xxl</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" role="gridcell"> + <span class="ms-fontSize-m">28px</span> + </div> + </div> <div class="ms-Grid-row" role="row"> + <div class="ms-Grid-col ms-sm12 ms-lg5" role="gridcell"> + <span class="ms-fontSize-xlPlus">ms-fontSize-xlPlus</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" role="gridcell"> + <span class="ms-fontSize-m">24px</span> + </div> + </div> <div class="ms-Grid-row" role="row"> + <div class="ms-Grid-col ms-sm12 ms-lg5" role="gridcell"> + <span class="ms-fontSize-xl">ms-fontSize-xl</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" role="gridcell"> + <span class="ms-fontSize-m">21px</span> + </div> + </div> <div class="ms-Grid-row" role="row"> + <div class="ms-Grid-col ms-sm12 ms-lg5" role="gridcell"> + <span class="ms-fontSize-l">ms-fontSize-l</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" role="gridcell"> + <span class="ms-fontSize-m">17px</span> + </div> + </div> <div class="ms-Grid-row" role="row"> + <div class="ms-Grid-col ms-sm12 ms-lg5" role="gridcell"> + <span class="ms-fontSize-mPlus">ms-fontSize-mPlus</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" role="gridcell"> + <span class="ms-fontSize-m">15px</span> + </div> + </div> <div class="ms-Grid-row" role="row"> + <div class="ms-Grid-col ms-sm12 ms-lg5" role="gridcell"> + <span class="ms-fontSize-m">ms-fontSize-m</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" role="gridcell"> + <span class="ms-fontSize-m">14px</span> + </div> + </div> <div class="ms-Grid-row" role="row"> + <div class="ms-Grid-col ms-sm12 ms-lg5" role="gridcell"> + <span class="ms-fontSize-sPlus">ms-fontSize-sPlus</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" role="gridcell"> + <span class="ms-fontSize-m">13px</span> + </div> + </div> <div class="ms-Grid-row" role="row"> + <div class="ms-Grid-col ms-sm12 ms-lg5" role="gridcell"> + <span class="ms-fontSize-s">ms-fontSize-s</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" role="gridcell"> + <span class="ms-fontSize-m">12px</span> + </div> + </div> <div class="ms-Grid-row" role="row"> + <div class="ms-Grid-col ms-sm12 ms-lg5" role="gridcell"> + <span class="ms-fontSize-xs">ms-fontSize-xs</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" role="gridcell"> + <span class="ms-fontSize-m">11px</span> + </div> + </div> <div class="ms-Grid-row" role="row"> + <div class="ms-Grid-col ms-sm12 ms-lg5" role="gridcell"> + <span class="ms-fontSize-mi">ms-fontSize-mi</span> + </div> + <div class="ms-Grid-col ms-sm12 ms-lg3" role="gridcell"> + <span class="ms-fontSize-m">10px</span> + </div> + </div> </div> + </div> + + <h3>Alternative fonts</h3> + <p>Usage of Fabric's default web font, Segoe UI, is subject to the <a href="https://aka.ms/fabric-assets-license/">assets license</a>. If your app does not meet these requirements, you can substitute another font in place of Segoe UI. There are two methods available:</p> + + <ol class="ms-font-l"> + <li> + Use <a href="https://github.com/Microsoft/Selawik">Selawik</a>, an open source alternative to Segoe UI from Microsoft. With support for this font built-in to Fabric, it's as simple as applying an additional class to the root "ms-Fabric" class that wraps your application. If Segoe UI is not installed on the user's system, Selawik will be used instead. + <pre><code class="hljs"><div class="ms-Fabric ms-Fabric--selawik">...</div></code></pre> + <div class="ms-Fabric ms-Fabric--selawik"> + <h4 class="ms-font-xl">This text is now in Selawik.</h4> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla semper leo a elit malesuada scelerisque. Nam et accumsan nibh. Nulla facilisi. Nulla commodo vestibulum lobortis. Mauris interdum vitae mi a blandit. Duis odio mi, gravida et velit sit amet, pulvinar porta magna. Ut fermentum erat tortor, eu bibendum felis laoreet vel. Nulla vitae erat lacinia, mollis felis id, mollis risus. Integer in metus lacus. Ut ac ligula nunc. Vivamus sed lacinia ante.</p> + </div> + </li> + <li> + Specify a custom font for your application. This can be a commonly-installed local font, such as Helvetica, or a web font that you have included a <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face?redirectlocale=en-US&redirectslug=CSS%2F%40font-face">@font-face declaration</a> for. +<pre><code class="hljs">.ms-Fabric { + font-family: Helvetica, Arial, sans-serif; +}</code></pre> + <div class="ms-Fabric" style="font-family: Helvetica, Arial, sans-serif;"> + <h4 class="ms-font-xl">This text is now in Helvetica.</h4> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla semper leo a elit malesuada scelerisque. Nam et accumsan nibh. Nulla facilisi. Nulla commodo vestibulum lobortis. Mauris interdum vitae mi a blandit. Duis odio mi, gravida et velit sit amet, pulvinar porta magna. Ut fermentum erat tortor, eu bibendum felis laoreet vel. Nulla vitae erat lacinia, mollis felis id, mollis risus. Integer in metus lacus. Ut ac ligula nunc. Vivamus sed lacinia ante.</p> + </div> + </li> + </ol> +</div> + + </div> +</div> +<script> + var currPage = window.location.pathname.replace(/\//g, ''); + if (currPage) { + document.getElementsByClassName(currPage)[0].classList.add('LeftNav-link--active'); + } +</script> +</body> +</html> \ No newline at end of file diff --git a/dist/documentation/docs.min.css b/dist/documentation/docs.min.css new file mode 100644 index 000000000..bf665bdc9 --- /dev/null +++ b/dist/documentation/docs.min.css @@ -0,0 +1,6 @@ +/* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. */ +/** + * Office UI Fabric Core 9.5.0 + * The front-end framework for building experiences for Office 365. + **/ +h1,h2,h3,h4{font-weight:400;line-height:1.2;margin:30px 0 8px}h1{color:#666;font-size:42px;font-weight:100}h2{font-weight:300;font-size:28px;color:#333}h3{font-weight:400;font-size:21px;color:#212121!important}h4{font-weight:600}h4,p{font-size:17px;color:#333}p{margin-bottom:20px;line-height:1.5}p,p strong{font-weight:400}p strong{font-weight:600}code.hljs{display:block;overflow-x:auto;padding:.5em;background:#deecf9}#body-content a{position:relative;white-space:nowrap}#body-content a:focus{outline:none!important}@media screen and (-ms-high-contrast:active){#body-content a:focus:before{border:1px solid #fff}}@media screen and (-ms-high-contrast:black-on-white){#body-content a:focus:before{border:1px solid #37006e}}@media screen and (-ms-high-contrast:active){#body-content a,#body-content a:hover{color:#0000c0}}@media screen and (-ms-high-contrast:black-on-white){#body-content a,#body-content a:hover{color:#0000c0}}#body-content .docs-Header{position:fixed;top:0;height:50px;left:0;right:0;line-height:50px;padding:0 20px;background:#005a9e;overflow:hidden;white-space:nowrap;z-index:1;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#body-content .docs-Header .Header-buttons{float:right}#body-content .docs-Header .Header-button{position:relative;text-decoration:none;background:0 0;color:#fff;border:none;padding:0;padding:0 10px;min-width:50px;height:50px;line-height:50px;margin:0 5px;text-transform:uppercase;display:inline-block;vertical-align:top;box-sizing:border-box}#body-content .docs-Header .Header-button:hover{background-color:#0078d7}#body-content .docs-Nav{display:none;margin:0 0 8px;width:100%}#body-content .docs-Nav .docs-MobileNav-item{display:inline-block;margin:0 12px 0 0;width:auto}#body-content .docs-Nav .docs-MobileNav-item i{display:none}#body-content .docs-Nav .docs-MobileNav-item a,#body-content .docs-Nav .docs-MobileNav-item a:active{font-size:14px;font-weight:400;color:#333;display:block;height:100%;padding-bottom:8px;padding-top:16px;position:relative}@media screen and (-ms-high-contrast:active){#body-content .docs-Nav .docs-MobileNav-item a,#body-content .docs-Nav .docs-MobileNav-item a:active{color:#ff0}}@media screen and (-ms-high-contrast:black-on-white){#body-content .docs-Nav .docs-MobileNav-item a,#body-content .docs-Nav .docs-MobileNav-item a:active{color:#0000c0}}#body-content .docs-Nav .docs-MobileNav-item a:focus{outline:none!important}@media screen and (-ms-high-contrast:active){#body-content .docs-Nav .docs-MobileNav-item a:focus:before{border:1px solid #fff}}@media screen and (-ms-high-contrast:black-on-white){#body-content .docs-Nav .docs-MobileNav-item a:focus:before{border:1px solid #37006e}}#body-content .docs-Nav div.current a{border-bottom:2px solid #0078d7}@media (min-width:1024px){#body-content .docs-Nav{display:block}#body-content .docs-Nav div.docs-MobileNav-subMenu{display:none}}#body-content .docs-Styles-section{float:left}#body-content .docs-Table{margin-bottom:20px;max-width:1140px;width:100%}#body-content .docs-Table th{font-size:14px;font-weight:400;padding:10px;text-align:left;vertical-align:top}#body-content .docs-Table tr{border-bottom:1px solid #f4f4f4;padding:5px 10px}#body-content .docs-Table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;max-width:300px;font-size:14px;padding:10px}#body-content .docs-Table td.light-border{border-style:solid;border-width:2px}#body-content .docs-Table .docs-Table-visibleForScreenReaders{font-size:0}#body-content .docs-Table i.ms-Icon--CheckMark:before{font-size:17px}#body-content .docs-Table i.ms-Icon--Cancel:before{font-size:14px}#body-content .docs-Table--striped tbody tr:nth-child(odd){background:#f8f8f8}#body-content .docs-ListTable li{list-style-type:none!important}#body-content ol.docs-ListTable,#body-content ul.docs-ListTable{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}#body-content ul.docs-ListTable,#body-content ul.docs-ListTable li{list-style-type:none!important}#body-content .docs-Page{margin:50px auto;padding:0 20px;position:relative;overflow:hidden}#body-content .docs-Page--home{min-height:0}#body-content .docs-innerPage{float:left;position:relative;width:100%}#body-content .docs-Page-leftNav{display:none;position:fixed;top:50px;width:300px;height:100%;border-right:1px solid #eee}@media (min-width:1024px){#body-content .docs-Page.has-leftNav{padding-left:330px}#body-content .docs-Page.has-leftNav .docs-Page-leftNav{left:0;display:block}#body-content .docs-Page.has-rightNav{padding-right:300px}#body-content .docs-Page.has-rightNav .docs-Page-rightNav{right:0;display:block}}.docs-animationsTable-header,.docs-animationsTable-header .docs-animationExampleColumn{display:none}@media (min-width:480px){.docs-animationsTable-header,.docs-animationsTable-header .docs-animationExampleColumn{display:block}}.docs-animationsTable-body .docs-animationCubicColumn,.docs-animationsTable-body .docs-animationTimingColumn,.docs-animationsTable-header .docs-animationCubicColumn,.docs-animationsTable-header .docs-animationTimingColumn{display:none}.docs-animationsTable-body .docs-animationClassColumn,.docs-animationsTable-body .docs-animationDescriptionColumn,.docs-animationsTable-header .docs-animationClassColumn,.docs-animationsTable-header .docs-animationDescriptionColumn{margin-bottom:12px}.docs-animationsTable-body .docs-animationExampleColumn,.docs-animationsTable-header .docs-animationExampleColumn{margin-bottom:14px}@media (min-width:640px){.docs-animationsTable-body .docs-animationDescriptionColumn,.docs-animationsTable-header .docs-animationDescriptionColumn{margin-bottom:0}.docs-animationsTable-body .docs-animationClassColumn,.docs-animationsTable-header .docs-animationClassColumn{amrgin-bottom:0}.docs-animationsTable-body .docs-animationExampleColumn,.docs-animationsTable-header .docs-animationExampleColumn{margin-bottom:0}}@media (min-width:1024px){.docs-animationsTable-body .docs-animationCubicColumn,.docs-animationsTable-body .docs-animationTimingColumn,.docs-animationsTable-header .docs-animationCubicColumn,.docs-animationsTable-header .docs-animationTimingColumn{display:block}}.docs-animationsTable-body.ms-Grid-row{margin-top:12px}.docs-animationsTable-body.ms-Grid-row .ms-Grid-col{line-height:32px;min-height:30px}.docs-animationsTable-body.ms-Grid-row .ms-Grid-col .mobileText{font-weight:600}@media (min-width:480px){.docs-animationsTable-body.ms-Grid-row .ms-Grid-col{line-height:18px;vertical-align:middle}.docs-animationsTable-body.ms-Grid-row .ms-Grid-col .mobileText{display:none}}@media (min-width:1024px){.docs-animationsTable-body.ms-Grid-row .ms-Grid-col{min-height:90px;line-height:90px}}.AnimationExample{position:relative;width:100%;height:90px;overflow:hidden;display:inline-block;float:left}.AnimationExample-content{width:100%;height:100%;border:1px solid #666;padding:10px}.AnimationExample-content hr{margin-top:8px;margin-bottom:8px}.AnimationExample-panel{position:absolute;top:0;width:60px;height:100%;opacity:0;background-color:#0078d7}.AnimationExample-note{display:inline-block;float:left;margin-left:10px}.AnimationExample .ms-slideLeftIn40 .AnimationExample-panel{right:0}.AnimationExample .ms-slideDownIn20 .AnimationExample-panel,.AnimationExample .ms-slideUpIn20 .AnimationExample-panel{top:60px;height:30px;width:100%}.AnimationExample .ms-slideDownIn10 .AnimationExample-panel,.AnimationExample .ms-slideUpIn10 .AnimationExample-panel{top:60px;height:20px;width:60px;right:10px}.AnimationExample .ms-slideDownIn20 .AnimationExample-panel{top:0}.AnimationExample .ms-slideDownIn10 .AnimationExample-panel{top:10px}.docs-animationsTable-body .ms-fadeOut100,.docs-animationsTable-body .ms-fadeOut200,.docs-animationsTable-body .ms-fadeOut400,.docs-animationsTable-body .ms-fadeOut500,.docs-animationsTable-body .ms-scaleDownOut98,.docs-animationsTable-body .ms-scaleUpOut103,.docs-animationsTable-body .ms-slideDownOut10,.docs-animationsTable-body .ms-slideDownOut20,.docs-animationsTable-body .ms-slideLeftOut40,.docs-animationsTable-body .ms-slideRightOut40,.docs-animationsTable-body .ms-slideUpOut10,.docs-animationsTable-body .ms-slideUpOut20{animation-play-state:paused}.docs-animationsTable-body .ms-fadeOut100 .AnimationExample-panel,.docs-animationsTable-body .ms-fadeOut200 .AnimationExample-panel,.docs-animationsTable-body .ms-fadeOut400 .AnimationExample-panel,.docs-animationsTable-body .ms-fadeOut500 .AnimationExample-panel,.docs-animationsTable-body .ms-scaleDownOut98 .AnimationExample-panel,.docs-animationsTable-body .ms-scaleUpOut103 .AnimationExample-panel,.docs-animationsTable-body .ms-slideDownOut10 .AnimationExample-panel,.docs-animationsTable-body .ms-slideDownOut20 .AnimationExample-panel,.docs-animationsTable-body .ms-slideLeftOut40 .AnimationExample-panel,.docs-animationsTable-body .ms-slideRightOut40 .AnimationExample-panel,.docs-animationsTable-body .ms-slideUpOut10 .AnimationExample-panel,.docs-animationsTable-body .ms-slideUpOut20 .AnimationExample-panel{animation-play-state:running;opacity:1}.docs-animationsTable-body .ms-slideLeftOut40 .AnimationExample-panel,.docs-animationsTable-body .ms-slideRightOut40 .AnimationExample-panel{right:0}.docs-animationsTable-body .ms-slideLeftOut40 .AnimationExample-panel{left:0}.docs-animationsTable-body .ms-slideDownOut10 .AnimationExample-panel,.docs-animationsTable-body .ms-slideDownOut20 .AnimationExample-panel,.docs-animationsTable-body .ms-slideUpOut10 .AnimationExample-panel,.docs-animationsTable-body .ms-slideUpOut20 .AnimationExample-panel{width:100%;height:30px;top:0}.docs-animationsTable-body .ms-slideDownOut10 .AnimationExample-panel,.docs-animationsTable-body .ms-slideUpOut10 .AnimationExample-panel{width:60px;top:10px;right:10px;height:20px}.docs-animationsTable-body .ms-slideDownOut10 .AnimationExample-panel,.docs-animationsTable-body .ms-slideDownOut20 .AnimationExample-panel{top:60px}.docs-animationsTable-body .ms-scaleDownIn100,.docs-animationsTable-body .ms-scaleDownOut98,.docs-animationsTable-body .ms-scaleUpIn100,.docs-animationsTable-body .ms-scaleUpOut103{overflow:visible}.docs-animationsTable-body .ms-fadeIn100 .AnimationExample-panel,.docs-animationsTable-body .ms-fadeIn200 .AnimationExample-panel,.docs-animationsTable-body .ms-fadeIn400 .AnimationExample-panel,.docs-animationsTable-body .ms-fadeIn500 .AnimationExample-panel,.docs-animationsTable-body .ms-fadeOut100 .AnimationExample-panel,.docs-animationsTable-body .ms-fadeOut200 .AnimationExample-panel,.docs-animationsTable-body .ms-fadeOut400 .AnimationExample-panel,.docs-animationsTable-body .ms-fadeOut500 .AnimationExample-panel,.docs-animationsTable-body .ms-scaleDownIn100 .AnimationExample-panel,.docs-animationsTable-body .ms-scaleDownOut98 .AnimationExample-panel,.docs-animationsTable-body .ms-scaleUpIn100 .AnimationExample-panel,.docs-animationsTable-body .ms-scaleUpOut103 .AnimationExample-panel{height:100%;width:100%;top:0}.AnimationUsage{position:relative;width:150px;height:90px;overflow:hidden;float:left;display:inline-block;margin-bottom:20px}.AnimationUsage-content{width:100%;height:100%;padding:10px;border-style:solid;border-width:1px}.AnimationUsage-panel{position:absolute;top:0;width:60px;height:100%}.AnimationUsage-button{margin:30px 10px;float:left;display:inline-block}.docs-colorContainer{padding-left:9px;float:left;position:relative;width:100%}.docs-colorBox{height:65px;padding:18px;box-sizing:border-box}.docs-colorBox p{line-height:20px;font-size:12px;margin:0}.docs-colorBox .mobileText{font-weight:600}.docs-colorBoxBG{padding-top:11px}.docs-colorBoxBG span.ms-font-size-m{font-size:10px;line-height:14px}@media (min-width:640px){.docs-colorBoxBG span.ms-font-size-m{font-size:14px;line-height:20px}}.docs-colorBox.ms-lg4{line-height:7px}@media (min-width:640px){.docs-colorBox.ms-lg4{width:32.333333%;margin-right:1%}}.docs-colorBottomRow{margin-bottom:16px}.docs-colorBottomRow .docs-colorBox{width:100%;font-size:12px;padding-top:12px}@media (min-width:640px){.docs-colorBottomRow .docs-colorBox{width:32.333333%;font-size:14px}}.docs-colorBox-hasBg{background-color:#f8f8f8}.docs-colorBox-hasBorder{border:1px solid #eaeaea}.docs-colorBoxBorder{border-width:1px;border-style:solid}.docs-colorBox:last-child{margin-right:0}.Typography-infoButton,.Typography-toggleCodeButton{background:none;border:none;margin:0;padding:0;cursor:pointer;font-size:12px;padding:0 7px;height:30px;display:inline-block;outline:none;vertical-align:super;position:absolute;right:0;z-index:2;top:50%;transform:translateY(-50%)}.Typography-infoButton .ms-Icon,.Typography-toggleCodeButton .ms-Icon{color:#a6a6a6}.Typography-infoButton img,.Typography-toggleCodeButton img{fill:#a6a6a6}.Typography-infoButton:hover .ms-Icon,.Typography-infoButton:hover img,.Typography-toggleCodeButton:hover .ms-Icon,.Typography-toggleCodeButton:hover img{color:#666;fill:#666}.ms-Callout.docs-ColorSection-swatchCallout{position:absolute;width:290px;height:inherit;right:-14%;top:100%;z-index:3;display:none;pointer-events:none}.ms-Callout.docs-ColorSection-swatchCallout.ms-Callout--arrowTop:after,.ms-Callout.docs-ColorSection-swatchCallout.ms-Callout--arrowTop:before{right:47px;left:auto}.ms-Callout.docs-ColorSection-swatchCallout .ms-Callout-inner{width:100%}.ms-Callout.docs-ColorSection-swatchCallout .ms-Callout-header{background-color:#fff}.docs-colorBottomRow .Typography-infoButton:hover+.ms-Callout.docs-ColorSection-swatchCallout{display:block}.docs-ColorSection-contrastText{float:left;width:75%;text-overflow:ellipsis;overflow:hidden}.docs-ColorSection-contrastRatio,.docs-ColorSection-contrastText{padding:10px;margin-bottom:0;padding-top:14px;padding-bottom:14px}.docs-ColorSection-contrastRatio{float:right;width:25%}.docs-ColorSection-palette{margin-bottom:20px}.docs-ColorSection-swatches{padding:10px;border:1px solid #eaeaea;padding-bottom:0;padding-right:0}.ms-Callout-inner{position:relative}.docs-ColorSection-contrastCaptionLeft{float:left}.docs-ColorSection-contrastCaptionLeft h4{font-size:14px;font-weight:400}.docs-ColorSection-contrastCaptionRight{position:absolute;right:25px;top:0;color:#000;width:52px}.docs-ColorSection-contrastCaptionRight h4{font-size:14px;font-weight:400}.docs-ColorSection-contrastCaption{margin-bottom:10px;padding-left:7px;white-space:nowrap}.docs-ColorSection-swatchHeader{width:100%;height:50px;padding:10px;position:relative}.docs-ColorSection-swatchTitle{position:absolute;bottom:10px}.docs-ColorSection-swatchHex{position:absolute;right:10px;text-align:right}.docs-ColorSection-swatchBody{overflow:hidden;height:0}.docs-ColorSection-swatchCode{padding:5px;padding-right:0;margin-bottom:10px;white-space:nowrap;font-size:12px}.docs-ColorSection-swatchCode:last-child{margin-bottom:0}@media (min-width:600px){.docs-ColorSection-swatchBody{padding:10px;height:auto}.docs-ColorSection-swatch{width:calc("50% - 10px");display:inline-block;vertical-align:top;margin-right:10px;margin-bottom:10px;border:1px solid #eaeaea}}@media (min-width:980px){.docs-ColorSection-swatch{width:calc("33.3% - 10px")}}@media (min-width:1200px){.docs-ColorSection-swatch{width:calc("25% - 10px")}}a,body,html,input{margin:0;padding:0}body{font-size:15px;font-weight:400}*,:after,:before{box-sizing:border-box}img{border:none;padding:0;margin:0}pre{font-size:13px;padding:10px;background-color:#f4f4f4}.docs-u-fontCode,code,pre{font-family:Consolas,Monaco,Ubuntu Mono,Courier,monospace}.docs-u-fontCode,code{font-weight:400;padding:2px;overflow:hidden;border:none}#body-content .docs-IconList ul{margin:0;margin-bottom:20px}#body-content .docs-IconList ul li{float:left;font-size:11px;color:#666;text-align:center;width:33.3%;height:138px;padding:10px;overflow:hidden;background-color:#f8f8f8;width:49%;margin-right:1%;margin-bottom:1%;min-height:124px;list-style:none!important}@media (min-width:640px){#body-content .docs-IconList ul li{width:24%}}@media (min-width:1024px){#body-content .docs-IconList ul li{margin-right:1%;margin-bottom:1%;min-height:124px;height:100px}}#body-content .docs-IconList ul li .ms-Icon{color:#333;font-size:32px;margin:10px auto;width:100%;margin-top:.8em}#body-content .docs-IconList ul li span{display:inline-block;text-align:left;margin-top:10px;width:100%;font-size:12px}#body-content .LeftNav{width:210px;text-align:right;margin-top:42px;display:none}@media (min-width:967px){#body-content .LeftNav{display:block}}#body-content .LeftNav-links{margin:0}#body-content .LeftNav-item{display:block;text-align:left;margin:0}#body-content a.LeftNav-link{display:block;height:40px;font-size:14px;line-height:40px;padding:0 40px;border:none;cursor:pointer;color:#333;background:#fff;outline:transparent}#body-content a.LeftNav-link:hover{background:#f8f8f8;cursor:pointer}#body-content a.LeftNav-link:focus{color:#212121;outline:none!important;outline-style:none;box-shadow:none;border-color:transparent}#body-content a.LeftNav-link.is-selected{font-weight:600;color:#000;border-left-width:2px;border-left-style:solid}#body-content a.LeftNav-link.LeftNav-link--active{color:#0078d7;background-color:#f4f4f4;position:relative;color:#333}#body-content a.LeftNav-link.LeftNav-link--active:after{content:"";position:absolute;border-left:2px solid #000;top:0;left:0;right:0;bottom:0}#body-content a.LeftNav-link.LeftNav-link--active:active,#body-content a.LeftNav-link.LeftNav-link--active:visited,#body-content a:hover.LeftNav-link{color:#0078d7}#body-content .ms-font-xxl:first-child{margin-top:0}#body-content .ms-font-l{line-height:24px}#body-content .ms-font-m,#body-content .ms-font-s{line-height:20px}#body-content a{text-decoration:none;cursor:pointer}#body-content pre{border-radius:0;padding:0;border:none;margin-bottom:20px}.docs-demoGrid,.docs-demoGrid .ms-Grid-row{margin:0 -10px}.docs-demoGrid .block{background-color:#a6a6a6;color:#fff;height:50px;line-height:50px;margin-bottom:20px;text-align:center}.docs-HelperClasses .ms-Grid-row{width:100%;float:left}.docs-HelperClasses .docs-HelperHeader{display:none}.docs-HelperClasses .ms-Grid-col p.font-size-m{margin-bottom:12px}@media (min-width:640px){.docs-HelperClasses .docs-HelperHeader{display:block}.docs-HelperClasses p.font-size-m{margin-bottom:0}}.full-width-container{margin-top:0!important;padding-top:0}.ms-slideRightIn80{animation-name:fadeIn,a;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideRightIn80{animation:none}}@keyframes a{0%{transform:translate3d(-80px,0,0)}to{transform:translateZ(0)}}.ms-slideLeftIn80{animation-name:fadeIn,b;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideLeftIn80{animation:none}}@keyframes b{0%{transform:translate3d(80px,0,0)}to{transform:translateZ(0)}}.ms-slideLeftOut80{animation-name:fadeOut,c;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideLeftOut80{animation:none}}@keyframes c{0%{transform:translateZ(0)}to{transform:translate3d(-80px,0,0)}}.ms-slideRightOut80{animation-name:fadeOut,d;animation-duration:.367s;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.ms-slideRightOut80{animation:none}}@keyframes d{0%{transform:translateZ(0)}to{transform:translate3d(80px,0,0)}}.fabric-ie #layout-navigation{top:56px}.fabric-ie div.docs-showNavigation .tier-1{margin-top:57px}.widget-FabricStyleOverrides{display:none}@media (max-width:700px){.fabric-ie #layout-navigation{top:0}} \ No newline at end of file diff --git a/dist/documentation/index.html b/dist/documentation/index.html new file mode 100644 index 000000000..a8e7ee58a --- /dev/null +++ b/dist/documentation/index.html @@ -0,0 +1,404 @@ +<!DOCTYPE html> +<html lang="en" dir="ltr"> +<head> + <meta charset="UTF-8"> + <title>Office Fabric UI Core Documentation</title> + <link rel="stylesheet" href="../../css/fabric.css"> + <link rel="stylesheet" href="../docs.css"> + <link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/2.6.2/css/fabric.components.min.css"> +</head> +<body class="ms-Fabric"> +<div id="body-content"> + <div id="Header" class="docs-Header"> + <a class="ms-font-xxl ms-fontColor-white" href="/">Office UI Fabric</a> + <div class="Header-buttons"> + <a href="https://github.com/OfficeDev/office-ui-fabric-core/" class="Header-button ms-fontColor-white">Github</a> + </div> + </div> + <div class="docs-Page has-leftNav"> + <div class="docs-Page-leftNav"> + <div class="LeftNav-links" role="menu" aria-label="Anchor links for navigating this page"> + <div class="LeftNav-item"> + <a class="Typography LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Typography">Typography</a> + </div> + <div class="LeftNav-item"> + <a class="Color LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Color">Color</a> + </div> + <div class="LeftNav-item"> + <a class="Icons LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Icons">Icons</a> + </div> + <div class="LeftNav-item"> + <a class="Animations LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Animations">Animations</a> + </div> + <div class="LeftNav-item"> + <a class="Responsive-Grid LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Responsive-Grid">Responsive Grid</a> + </div> + <div class="LeftNav-item"> + <a class="Localization LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Localization">Localization</a> + </div> + <div class="LeftNav-item"> + <a class="Scoping LeftNav-link ms-border-color-themePrimary ms-font-l ms-font-color-neutralSecondary" href="/Scoping">Scoping</a> + </div> + </div> +</div> + + <h1>Get Started</h1> + <h2 id="quick-start">Quick start</h2> + <p>The simplest way to get started is to add a copy of Fabric to your project.</p> + <ol> + <li>Download the source code zip file from the <a href="https://github.com/OfficeDev/Office-UI-Fabric/releases/latest">latest release on GitHub</a>.</li> + <li>Unzip the file and copy the Fabric folder into your project.</li> + <li>Add a reference to <code>fabric.css</code> in the <code><head></code> of your page. Make sure the path is correct.</li> + <li>If you're using <a href="http://dev.office.com/fabric/components">components</a>, add a reference to <code>fabric.components.css</code> after the <code>fabric.css</code> reference.</li> + </ol> + + <h3>Using Fabric icons and fonts</h3> + <p>Now that your project references Fabric, you can apply <a href="/Typography">type styles</a> to any text element.</p> + <pre><code class="hljs"><span class="ms-font-su ms-fontColor-themePrimary">Big blue text</span></code></pre> + <p>To use icons, add an <code><i></code> element with the appropriate <a href="/Icons">icon classes</a>.</p> + <pre><code class="hljs"><i class="ms-Icon ms-Icon--mail" aria-hidden="true"></i></code></pre> + <p>By default, icons inherit the text size and color of their parent. To override this, apply <a href="/Typography">type styles</a> directly to the icon.</p> + <p aria-hidden="true"> + <svg aria-hidden="true" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 832 329.4" focusable="false" tabindex="-1"> + <defs aria-hidden="true"> + <clipPath aria-hidden="true" id="clip-path" transform="translate(0 29.4)"> + <rect aria-hidden="true" x="273" width="304.5" height="281.8" style="fill:none"/> + </clipPath> + <clipPath aria-hidden="true" id="clip-path-2" transform="translate(0 29.4)"> + <rect x="379" width="85" height="216" style="fill:none"/> + </clipPath> + </defs> + <title>Download image showing a rainbow exploding out of a zip file becuase fabric is amazing.</title> + <g id="back" aria-hidden="true"> + <rect y="29.4" width="832" height="300" style="fill:#00b7c3"/> + </g> + <g id="Layer_1-2" data-name="Layer 1" aria-hidden="true"> + <g style="opacity:0.6000000238418579" aria-hidden="true"> + <path d="M475.9,278H366.7c-1.6,0-3,1.9-3,3.5s1.3,3.5,3,3.5H475.9c1.6,0,3-1.9,3-3.5S477.5,278,475.9,278Z" transform="translate(0 29.4)" style="fill:#009ca4"/> + </g> + <circle cx="422.4" cy="137.1" r="84" style="fill:#61d6d6" aria-hidden="true"/> + <g style="clip-path:url(#clip-path)" aria-hidden="true"> + <circle aria-hidden="true" cx="422.4" cy="137.1" r="137.1" style="fill:#61d6d6;opacity:0.4000000059604645;isolation:isolate"/> + </g> + <polygon aria-hidden="true" points="425.1 228.4 482.6 228.4 463.9 245.4 406.3 245.4 425.1 228.4" style="fill:#f2f2f2"/> + <g style="clip-path:url(#clip-path-2)" aria-hidden="true"> + <rect aria-hidden="true" x="379" y="29.4" width="22" height="53" style="fill:#ff703a"/> + <rect aria-hidden="true" x="401" y="29.4" width="21" height="53" style="fill:#ffa800"/> + <rect aria-hidden="true" x="422" y="29.4" width="22" height="53" style="fill:#ffcb00"/> + <rect aria-hidden="true" x="444" y="29.4" width="20" height="53" style="fill:#fff048"/> + <rect aria-hidden="true" x="379" y="82.4" width="22" height="55" style="fill:#d4e34a"/> + <rect aria-hidden="true" x="401" y="82.4" width="21" height="55" style="fill:#9bcd5f"/> + <rect aria-hidden="true" x="422" y="82.4" width="22" height="55" style="fill:#63bc66"/> + <rect aria-hidden="true" x="444" y="82.4" width="20" height="55" style="fill:#19a69a"/> + <rect aria-hidden="true" x="379" y="137.4" width="22" height="53" style="fill:#0ec6dc"/> + <rect aria-hidden="true" x="401" y="137.4" width="21" height="53" style="fill:#18b5f9"/> + <rect aria-hidden="true" x="422" y="137.4" width="22" height="53" style="fill:#3ba3f8"/> + <rect aria-hidden="true" x="444" y="137.4" width="20" height="53" style="fill:#0075d9"/> + <rect aria-hidden="true" x="379" y="190.4" width="22" height="59" style="fill:#7e53c5"/> + <rect aria-hidden="true" x="401" y="190.4" width="21" height="59" style="fill:#ac41be"/> + <rect aria-hidden="true" x="422" y="190.4" width="22" height="59" style="fill:#ef3c79"/> + <rect aria-hidden="true" x="444" y="190.4" width="20" height="59" style="fill:#f1524b"/> + </g> + <rect aria-hidden="true" x="379" y="245.4" width="85" height="65" style="fill:#e6e6e6"/> + <rect aria-hidden="true" x="379" y="245.4" width="60" height="65" style="fill:#f2f2f2"/> + <polygon aria-hidden="true" points="419.8 228.4 362.3 228.4 381 245.4 438.6 245.4 419.8 228.4" style="fill:#ccc"/> + <rect aria-hidden="true" x="445.7" y="246.4" width="7.2" height="3.9" style="fill:#7a7574"/> + <rect aria-hidden="true" x="450.5" y="250.2" width="7.2" height="3.4" style="fill:#7a7574"/> + <rect aria-hidden="true" x="445.7" y="253.6" width="7.2" height="3.9" style="fill:#7a7574"/> + <rect aria-hidden="true" x="450.5" y="257.5" width="7.2" height="3.9" style="fill:#7a7574"/> + <rect aria-hidden="true" x="445.7" y="261.3" width="7.2" height="3.9" style="fill:#7a7574"/> + <rect aria-hidden="true" x="450.5" y="264.7" width="7.2" height="3.9" style="fill:#7a7574"/> + <rect aria-hidden="true" x="445.7" y="268.6" width="7.2" height="3.9" style="fill:#7a7574"/> + <rect aria-hidden="true" x="450.5" y="272.4" width="7.2" height="3.9" style="fill:#7a7574"/> + <text aria-hidden="true" transform="translate(396.09 282.99)" style="isolation:isolate;font-size:16.072900772094727px;fill:#7a7574;font-family:Segoe Print">ZIP</text> + <line aria-hidden="true" x1="299.7" y1="64.9" x2="306.5" y2="80.9" style="fill:none;stroke:#61d6d6;stroke-linecap:round;stroke-miterlimit:10;stroke-width:4.753200054168701px"/> + <line aria-hidden="true" x1="311.1" y1="69.5" x2="295.1" y2="76.3" style="fill:none;stroke:#61d6d6;stroke-linecap:round;stroke-miterlimit:10;stroke-width:4.753200054168701px"/> + <line aria-hidden="true" x1="302.3" y1="168" x2="301" y2="179.9" style="fill:none;stroke:#61d6d6;stroke-linecap:round;stroke-miterlimit:10;stroke-width:4.753200054168701px"/> + <line aria-hidden="true" x1="307.6" y1="174.6" x2="295.7" y2="173.3" style="fill:none;stroke:#61d6d6;stroke-linecap:round;stroke-miterlimit:10;stroke-width:4.753200054168701px"/> + <line aria-hidden="true" x1="547.2" y1="80.6" x2="541.8" y2="97.2" style="fill:none;stroke:#61d6d6;stroke-linecap:round;stroke-miterlimit:10;stroke-width:4.753200054168701px"/> + <line aria-hidden="true" x1="552.8" y1="91.6" x2="536.2" y2="86.2" style="fill:none;stroke:#61d6d6;stroke-linecap:round;stroke-miterlimit:10;stroke-width:4.753200054168701px"/> + <line aria-hidden="true" x1="378.5" y1="125" x2="385.3" y2="141" style="fill:none;stroke:#fff;stroke-linecap:round;stroke-miterlimit:10;stroke-width:4.753200054168701px"/> + <line aria-hidden="true" x1="389.9" y1="129.6" x2="373.9" y2="136.4" style="fill:none;stroke:#fff;stroke-linecap:round;stroke-miterlimit:10;stroke-width:4.753200054168701px"/> + <line aria-hidden="true" x1="385.3" y1="125" x2="378.5" y2="141" style="fill:none;stroke:#fff;stroke-linecap:round;stroke-miterlimit:10;stroke-width:4.753200054168701px"/> + <line aria-hidden="true" x1="389.9" y1="136.4" x2="373.9" y2="129.6" style="fill:none;stroke:#fff;stroke-linecap:round;stroke-miterlimit:10;stroke-width:4.753200054168701px"/> + <line aria-hidden="true" x1="476.5" y1="167.7" x2="483.6" y2="177.3" style="fill:none;stroke:#fff;stroke-linecap:round;stroke-miterlimit:10;stroke-width:4.753200054168701px"/> + <line aria-hidden="true" x1="484.8" y1="169" x2="475.3" y2="176.1" style="fill:none;stroke:#fff;stroke-linecap:round;stroke-miterlimit:10;stroke-width:4.753200054168701px"/> + <circle aria-hidden="true" cx="345.3" cy="98.7" r="3.7" style="fill:#fff"/> + <circle aria-hidden="true" cx="487.8" cy="49.6" r="3.7" style="fill:#fff"/> + <circle aria-hidden="true" cx="431.1" cy="190" r="3.7" style="fill:#fff"/> + <circle aria-hidden="true" cx="513" cy="148.1" r="3.7" style="fill:#fff"/> + <g aria-hidden="true" style="opacity:0.4000000059604645"> + <rect aria-hidden="true" x="163" y="40.4" width="6" height="18" style="fill:#fff"/> + <rect aria-hidden="true" x="163" y="58.4" width="6" height="18" style="fill:#f2f2f2"/> + <rect aria-hidden="true" x="163" y="76.4" width="6" height="16" style="fill:#e6e6e6"/> + <rect aria-hidden="true" x="163" y="92.4" width="6" height="18" style="fill:#ccc"/> + </g> + <g aria-hidden="true" style="opacity:0.4000000059604645"> + <rect aria-hidden="true" x="224" y="105.4" width="5" height="16" style="fill:#fff"/> + <rect aria-hidden="true" x="224" y="121.4" width="5" height="17" style="fill:#f2f2f2"/> + <rect aria-hidden="true" x="224" y="138.4" width="5" height="18" style="fill:#e6e6e6"/> + <rect aria-hidden="true" x="224" y="156.4" width="5" height="18" style="fill:#ccc"/> + </g> + <g aria-hidden="true" style="opacity:0.4000000059604645"> + <rect aria-hidden="true" x="648" y="29.4" width="6" height="40" style="fill:#fff"/> + <rect aria-hidden="true" x="648" y="69.4" width="6" height="45" style="fill:#f2f2f2"/> + <rect aria-hidden="true"t x="648" y="114.4" width="6" height="41" style="fill:#e6e6e6"/> + <rect aria-hidden="true" x="648" y="155.4" width="6" height="45" style="fill:#ccc"/> + </g> + <g aria-hidden="true" style="opacity:0.4000000059604645"> + <rect aria-hidden="true" x="199" y="29.4" width="7" height="40" style="fill:#fff"/> + <rect aria-hidden="true" x="199" y="69.4" width="7" height="45" style="fill:#f2f2f2"/> + <rect aria-hidden="true" x="199" y="114.4" width="7" height="41" style="fill:#e6e6e6"/> + <rect aria-hidden="true" x="199" y="155.4" width="7" height="45" style="fill:#ccc"/> + </g> + <g aria-hidden="true" style="opacity:0.4000000059604645"> + <rect aria-hidden="true" x="605" y="174.4" width="6" height="16" style="fill:#fff"/> + <rect aria-hidden="true" x="605" y="190.4" width="6" height="19" style="fill:#f2f2f2"/> + <rect aria-hidden="true" x="605" y="209.4" width="6" height="16" style="fill:#e6e6e6"/> + <rect aria-hidden="true" x="605" y="225.4" width="6" height="19" style="fill:#ccc"/> + </g> + </g> +</svg> + </p> + + <h3>Using components</h3> + <p>To use Fabric components:</p> + <ol> + <li>Add <a href="http://dev.office.com/fabric/components">markup</a> to your pages using the appropriate classes.</li> + <li>If the component requires JavaScript, you can use the sample JavaScript included in the <a href="https://github.com/OfficeDev/Office-UI-Fabric/releases/latest">latest release</a> on GitHub.</li> + <li>Initialize the component JavaScript, and you’re all set! For an example that shows how to initialize the JavaScript, see the <a href="http://dev.office.com/fabric/components">components page</a>.</li> + </ol> + <p aria-hidden="true"> + <svg aria-hidden="true" id="9978b8a8-ff71-4bbf-b279-d82c522e95fa" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 832 300" focusable="false" tabindex="-1"> + <defs aria-hidden="true"> + <clipPath aria-hidden="true" id="335d9d4d-65c4-4f13-9f59-eba4d9fee526"> + <rect aria-hidden="true" x="459.9" y="64.7" width="49" height="49" style="fill:none"/> + </clipPath> + </defs> + <title>This SVG contains an example of using fabric, the svg shows example code and the result after adding Fabric.</title> + <g aria-hidden="true" id="9c6ea95c-876e-4c41-8f13-e83b4341669d" data-name="back"> + <rect width="832" height="300" style="fill:#00b7c3"/> + </g> + <g aria-hidden="true" id="ae88c816-e37e-41cf-b658-6f84e4a8a449" data-name="Layer 1"> + <text aria-hidden="true" transform="translate(592.95 81.18)" style="isolation:isolate;font-size:9.350000381469727px;fill:#767676;font-family:Myriad Pro"></text> + <rect aria-hidden="true" x="199" y="52" width="187" height="193" style="fill:#393939"/> + <path aria-hidden="true" d="M386,52V45c0-.7-0.3-2-1.5-2H200.7c-1.6,0-1.7,1.3-1.7,2v7H386Z" style="fill:#e6e6e6"/> + <circle aria-hidden="true" cx="203.4" cy="47.8" r="1.4" style="fill:#fff"/> + <circle aria-hidden="true" cx="209.1" cy="47.8" r="1.4" style="fill:#fff"/> + <circle aria-hidden="true" cx="214.9" cy="47.8" r="1.4" style="fill:#fff"/> + <rect aria-hidden="true" x="199" y="110" width="187" height="24" style="fill:#4c4a48"/> + <text aria-hidden="true" transform="translate(223.49 124.43)" style="isolation:isolate;font-size:9.556300163269043px;fill:#fff;font-family:Segoe Print"><</text> + <path aria-hidden="true" d="M292.3,124.2v-1.4l3.3-1.1h0l-3.3-1.1v-1.4l4.6,1.9v1.1Z" style="fill:#fff"/> + <rect aria-hidden="true" x="233" y="121" width="54" height="2" style="fill:#fff"/> + <text aria-hidden="true" transform="translate(209.16 73.52)" style="isolation:isolate;font-size:9.556300163269043px;fill:#ee3b83;font-family:Segoe Print"><</text> + <text aria-hidden="true" transform="translate(218.21 74.37)" style="isolation:isolate;font-size:9.556300163269043px;fill:#ee3b83;font-family:Segoe Print">head</text> + <text aria-hidden="true" transform="translate(245.41 73.52)" style="isolation:isolate;font-size:9.556300163269043px;fill:#ee3b83;font-family:Segoe Print">></text> + <text aria-hidden="true" transform="translate(223.49 90.43)" style="isolation:isolate;font-size:9.556300163269043px;fill:#61d6d6;font-family:Segoe Print"><</text> + <path aria-hidden="true" d="M266.8,90.2V88.8l3.3-1.1h0l-3.3-1.1V85.2l4.6,1.9v1.1Z" style="fill:#61d6d6"/> + <rect aria-hidden="true" x="233" y="87" width="28" height="2" style="fill:#61d6d6"/> + <text aria-hidden="true" transform="translate(223.49 103.18)" style="isolation:isolate;font-size:9.556300163269043px;fill:#61d6d6;font-family:Segoe Print"><</text> + <path aria-hidden="true" d="M300.8,103v-1.4l3.3-1.1h0l-3.3-1.1V98l4.6,1.9V101Z" style="fill:#61d6d6"/> + <rect aria-hidden="true" x="233" y="99" width="62" height="3" style="fill:#61d6d6"/> + <text aria-hidden="true" transform="translate(209.16 149.17)" style="isolation:isolate;font-size:9.556300163269043px;fill:#ee3b83;font-family:Segoe Print"><</text> + <text aria-hidden="true" transform="translate(217.36 149.17)" style="isolation:isolate;font-size:9.556300163269043px;fill:#ee3b83;font-family:Segoe Print">/</text> + <text aria-hidden="true" transform="translate(224.16 150.02)" style="isolation:isolate;font-size:9.556300163269043px;fill:#ee3b83;font-family:Segoe Print">head</text> + <text aria-hidden="true" transform="translate(252.21 149.17)" style="isolation:isolate;font-size:9.556300163269043px;fill:#ee3b83;font-family:Segoe Print">></text> + <text aria-hidden="true" transform="translate(209.04 166.93)" style="isolation:isolate;font-size:9.556300163269043px;fill:#61d6d6;font-family:Segoe Print"><</text> + <path aria-hidden="true" d="M254.1,166.7v-1.4l3.3-1.1h0l-3.3-1.1v-1.4l4.6,1.9v1.1Z" style="fill:#61d6d6"/> + <rect aria-hidden="true" x="219" y="163" width="30" height="3" style="fill:#61d6d6"/> + <text aria-hidden="true" transform="translate(234.54 192.43)" style="isolation:isolate;font-size:9.556300163269043px;fill:#fff;font-family:Segoe Print"><</text> + <path aria-hidden="true" d="M277.9,192.2v-1.4l3.3-1.1h0l-3.3-1.1v-1.4l4.6,1.9v1.1Z" style="fill:#fff"/> + <rect aria-hidden="true" x="244" y="189" width="28" height="2" style="fill:#fff"/> + <text aria-hidden="true" transform="translate(221.79 179.68)" style="isolation:isolate;font-size:9.556300163269043px;fill:#61d6d6;font-family:Segoe Print"><</text> + <path aria-hidden="true" d="M294.9,179.5v-1.4l3.3-1.1h0l-3.3-1.1v-1.4l4.6,1.9v1.1Z" style="fill:#61d6d6"/> + <rect aria-hidden="true" x="232" y="176" width="57" height="2" style="fill:#61d6d6"/> + <text aria-hidden="true" transform="translate(247.29 209.43)" style="isolation:isolate;font-size:9.556300163269043px;fill:#61d6d6;font-family:Segoe Print"><</text> + <path aria-hidden="true" d="M303.4,209.2v-1.4l3.3-1.1h0l-3.3-1.1v-1.4l4.6,1.9v1.1Z" style="fill:#61d6d6"/> + <rect aria-hidden="true" x="257" y="206" width="41" height="2" style="fill:#61d6d6"/> + <text aria-hidden="true" transform="translate(234.54 234.93)" style="isolation:isolate;font-size:9.556300163269043px;fill:#fff;font-family:Segoe Print"><</text> + <path aria-hidden="true" d="M260.9,234.7v-1.4l3.3-1.1h0l-3.3-1.1v-1.4l4.6,1.9v1.1Z" style="fill:#fff"/> + <rect aria-hidden="true" x="244" y="231" width="11" height="3" style="fill:#fff"/> + <text aria-hidden="true" transform="translate(247.29 222.18)" style="isolation:isolate;font-size:9.556300163269043px;fill:#ee3b83;font-family:Segoe Print"><</text> + <path aria-hidden="true" d="M320.4,222v-1.4l3.3-1.1h0l-3.3-1.1V217l4.6,1.9V220Z" style="fill:#ee3b83"/> + <rect aria-hidden="true" x="256.8" y="218.5" width="58.2" height="2.5" style="fill:#ee3b83"/> + <rect aria-hidden="true" x="446" y="52" width="187" height="193" style="fill:#fff"/> + <path aria-hidden="true" d="M633,52V45a2.22,2.22,0,0,0-2-2H447.2c-1.6,0-1.2,1.3-1.2,2v7H633Z" style="fill:#e6e6e6"/> + <circle aria-hidden="true" cx="449.9" cy="47.8" r="1.4" style="fill:#fff"/> + <circle aria-hidden="true" cx="455.6" cy="47.8" r="1.4" style="fill:#fff"/> + <circle aria-hidden="true" cx="461.4" cy="47.8" r="1.4" style="fill:#fff"/> + <rect aria-hidden="true" x="453.2" y="65.6" width="170.6" height="95.9" style="fill:#fff"/> + <path aria-hidden="true" d="M623,66.4v94.2H454.1V66.4H623m1.7-1.7H452.4v97.6H624.7V64.7h0Z" style="fill:#eee"/> + <rect aria-hidden="true" x="454.1" y="64.7" width="168.8" height="49" style="fill:#f2f2f2"/> + <rect aria-hidden="true" x="453.7" y="64.7" width="6.2" height="49" style="fill:#79db75"/> + <text aria-hidden="true" transform="translate(517.15 82.86)" style="isolation:isolate;font-size:10.691399574279785px;fill:#393939;font-family:Segoe UI"> + J + <tspan aria-hidden="true" x="3.25" y="0">ay Kirby</tspan> + </text> + <g aria-hidden="true" style="clip-path:url(#335d9d4d-65c4-4f13-9f59-eba4d9fee526)"> + <rect aria-hidden="true" x="459.9" y="64.7" width="49" height="49" style="fill:#e6e6e6"/> + <path aria-hidden="true" id="b83ac884-9a80-4bb7-a6ac-38919fb0dc9a" data-name="<Path>" d="M471.4,105.5h25.7a9.47,9.47,0,0,1,9.4,9.5v7.9h-9.4v28.8H471.4V122.9H462V115A9.47,9.47,0,0,1,471.4,105.5Z" style="fill:#7ba7ff"/> + <path aria-hidden="true" id="eb8da211-048a-40b8-a41e-a7ccc879bc85" data-name="<Path>" d="M493.9,84.5V80.4a8.83,8.83,0,0,0-8.9-8.8h-1.6a8.73,8.73,0,0,0-8.7,8.8v4.1h19.2Z" style="fill:#604123"/> + <path aria-hidden="true" id="731c8d25-c0e2-4be8-99bf-fc1c7af7502f" data-name="<Path>" d="M472.5,91.1a1.16,1.16,0,0,0,1.2,1.2h21.1a1.08,1.08,0,0,0,1.1-1.2V88.5a1,1,0,0,0-1.1-1.1H473.7a1.08,1.08,0,0,0-1.2,1.1v2.6Z" style="fill:#c3986f"/> + <polygon aria-hidden="true" id="40ceca3a-0fd8-4eb2-bb0f-d982c0e811d7" data-name="<Path>" points="484.2 109.5 488.3 105.5 488.3 96.1 480.1 96.1 480.1 105.5 484.2 109.5" style="fill:#e0bb8d"/> + <path aria-hidden="true" id="b89b240e-1e44-4722-a9f0-5d528ea65a65" data-name="<Path>" d="M488.3,102.6a12.91,12.91,0,0,1-4,.5,14.24,14.24,0,0,1-4.2-.5V96.1h8.2v6.5Z" style="fill:#c3986f"/> + <path aria-hidden="true" id="220a8c2b-9ad2-4f26-b87d-7d67cafc522d" data-name="<Path>" d="M493.9,83.5v15h-0.1a15.46,15.46,0,0,1-9.4,3.2,16.35,16.35,0,0,1-9.7-3.2v-15s3.2-1.8,9.7-1.8S493.9,83.5,493.9,83.5Z" style="fill:#e0bb8d"/> + <rect aria-hidden="true" id="58b73b4f-2524-471e-b638-1b9b30de7342" data-name="<Path>" x="492.3" y="82.2" width="1.5" height="10" style="fill:#604123"/> + <rect aria-hidden="true" id="d9d111a5-81e4-4ec4-849b-d470f81ca163" data-name="<Path>" x="474.6" y="82.2" width="1.5" height="10" style="fill:#604123"/> + <path aria-hidden="true" id="ffad81ee-d0e0-4e1b-919d-7af7ecd4bf40" data-name="<Path>" d="M479.8,89.9a0.77,0.77,0,0,1-.8.7,0.68,0.68,0,0,1-.7-0.7,0.77,0.77,0,0,1,.7-0.8A0.79,0.79,0,0,1,479.8,89.9Z" style="fill:#505050"/> + <path aria-hidden="true" id="0299a9f7-d89a-4996-beeb-ff7cd5362241" data-name="<Path>" d="M490.2,89.9a0.68,0.68,0,0,1-.7.7,0.77,0.77,0,0,1-.8-0.7,0.86,0.86,0,0,1,.8-0.8A0.77,0.77,0,0,1,490.2,89.9Z" style="fill:#505050"/> + <path aria-hidden="true" id="a634d9ca-0a23-4c0f-bab1-14adc50f110b" data-name="<Path>" d="M484.2,94.6a1.27,1.27,0,0,0,1.4-1.2H483A1.16,1.16,0,0,0,484.2,94.6Z" style="fill:#c3986f"/> + <path aria-hidden="true" id="b6eba6ac-00a5-46ae-b1c4-bc8fbf756285" data-name="<Path>" d="M487,98.5a0.77,0.77,0,0,1-.7.8h-4.2a0.77,0.77,0,0,1-.7-0.8h0a0.77,0.77,0,0,1,.7-0.8h4.2A0.71,0.71,0,0,1,487,98.5Z" style="fill:#f2f2f2"/> + </g> + <polyline aria-hidden="true" points="624.7 143.5 471.9 143.5 465.9 137.5 460.8 143.5 452.4 143.5" style="fill:none;stroke:#e6e6e6;stroke-miterlimit:10;stroke-width:0.7307000160217285px"/> + <text aria-hidden="true" transform="translate(517.15 95.81)" style="isolation:isolate;font-size:6.752399921417236px;fill:#767676;font-family:Segoe UI"> + Interior Designe + <tspan aria-hidden="true" x="44.82" y="0">r</tspan> + <tspan aria-hidden="true" x="46.25" y="0">, Contoso</tspan> + </text> + <g aria-hidden="true" style="isolation:isolate"> + <text aria-hidden="true" transform="translate(458.82 128.86)" style="isolation:isolate;font-size:11.050000190734863px;fill:#0075d9;font-family:office365icons"></text> + <text aria-hidden="true" transform="translate(470.72 128.86)" style="isolation:isolate;font-size:11.050000190734863px;fill:#767676;font-family:office365icons;white-space:pre"> </text> + </g> + <rect aria-hidden="true" x="517" y="103" width="72" height="2" style="fill:#767676"/> + <rect aria-hidden="true" x="458" y="151" width="29" height="3" style="fill:#767676"/> + <rect aria-hidden="true" x="493.4" y="151.2" width="45.9" height="2.5" style="fill:#0075d9"/> + <g aria-hidden="true" style="opacity:0.6000000238418579"> + <path aria-hidden="true" d="M366.9,277H218.6c-1.6,0-3,2.4-3,4s1.3,4,3,4H366.9c1.6,0,3-2.4,3-4S368.5,277,366.9,277Z" style="fill:#009ca4"/> + </g> + <g aria-hidden="true" style="opacity:0.6000000238418579"> + <path aria-hidden="true" d="M613.4,277H465.1c-1.6,0-3,2.4-3,4s1.3,4,3,4H613.4c1.6,0,3-2.4,3-4S615,277,613.4,277Z" style="fill:#009ca4"/> + </g> + </g> +</svg> + </p> + <h2>Other ways to get Fabric</h2> + <p>In addition to downloading a copy for your project, you can include Fabric via a CDN reference, by adding it through a package manager, or by building your own copy from the source code.</p> + + <h3 id="cdn">Reference the CDN</h3> + <p>If you prefer to have your project's assets stored on an external server, Fabric is available from the apps for Office CDN. To use it, include the following references in the <code><head></code> of your page.</p> + <pre><code class="hljs"><link rel="stylesheet" href="https://appsforoffice.microsoft.com/fabric/2.2.0/fabric.min.css"> +<link rel="stylesheet" href="https://appsforoffice.microsoft.com/fabric/2.2.0/fabric.components.min.css"> +</code></pre> + <p>New versions of Fabric might not be available on the CDN right away. The following table lists the releases that are available now. To reference a specific version, update the version number in the URL to match the one you want.</p> + <table class="docs-Table docs-Table--striped" style="width: 100%;"> + <tr> + <th style="width: 80%;">Fabric Release</th> + <th style="width: 20%;">Available on CDN</th> + </tr> + + <tr> + <td>2.6.1</td> + <td style="text-align:center;"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + <span class="docs-Table-visibleForScreenReaders">Version 2.6.1 Available on the CDN</span> + </td> + </tr> <tr> + <td>2.6.0</td> + <td style="text-align:center;"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + <span class="docs-Table-visibleForScreenReaders">Version 2.6.0 Available on the CDN</span> + </td> + </tr> <tr> + <td>2.5.0</td> + <td style="text-align:center;"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + <span class="docs-Table-visibleForScreenReaders">Version 2.5.0 Available on the CDN</span> + </td> + </tr> <tr> + <td>2.4.1</td> + <td style="text-align:center;"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + <span class="docs-Table-visibleForScreenReaders">Version 2.4.1 Available on the CDN</span> + </td> + </tr> <tr> + <td>2.4.0</td> + <td style="text-align:center;"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + <span class="docs-Table-visibleForScreenReaders">Version 2.4.0 Available on the CDN</span> + </td> + </tr> <tr> + <td>2.3.0</td> + <td style="text-align:center;"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + <span class="docs-Table-visibleForScreenReaders">Version 2.3.0 Available on the CDN</span> + </td> + </tr> <tr> + <td>2.2.0</td> + <td style="text-align:center;"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + <span class="docs-Table-visibleForScreenReaders">Version 2.2.0 Available on the CDN</span> + </td> + </tr> <tr> + <td>2.1.0</td> + <td style="text-align:center;"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + <span class="docs-Table-visibleForScreenReaders">Version 2.1.0 Available on the CDN</span> + </td> + </tr> <tr> + <td>2.0.1</td> + <td style="text-align:center;"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + <span class="docs-Table-visibleForScreenReaders">Version 2.0.1 Available on the CDN</span> + </td> + </tr> <tr> + <td>1.2.1</td> + <td style="text-align:center;"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + <span class="docs-Table-visibleForScreenReaders">Version 1.2.1 Available on the CDN</span> + </td> + </tr> <tr> + <td>1.1.3</td> + <td style="text-align:center;"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + <span class="docs-Table-visibleForScreenReaders">Version 1.1.3 Available on the CDN</span> + </td> + </tr> <tr> + <td>1.1.2</td> + <td style="text-align:center;"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + <span class="docs-Table-visibleForScreenReaders">Version 1.1.2 Available on the CDN</span> + </td> + </tr> <tr> + <td>1.1.1</td> + <td style="text-align:center;"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + <span class="docs-Table-visibleForScreenReaders">Version 1.1.1 Available on the CDN</span> + </td> + </tr> <tr> + <td>1.0.0</td> + <td style="text-align:center;"> + <i class="ms-Icon ms-Icon--CheckMark ms-fontColor-green" aria-hidden="true"></i> + <span class="docs-Table-visibleForScreenReaders">Version 1.0.0 Available on the CDN</span> + </td> + </tr> </table> + + <h3 id="package-managers">Package managers</h3> + <p>Fabric is also available from a variety of package managers, including <a href="http://bower.io/">Bower</a>, <a href="https://www.npmjs.com/">npm</a>, and the <a href="https://www.nuget.org/">NuGet Package Manager</a>. You can quickly add Fabric as a package and stay up to date with the latest version.</p> + + <h4>Install with Bower</h4> + <p>To install Fabric using Bower, run the following command:</p> + <pre><code class="hljs">$ bower install office-ui-fabric</code></pre> + + <h4>Install with npm</h4> + <p>To install Fabric using npm, run the following command:</p> + <pre><code class="hljs">$ npm install office-ui-fabric</code></pre> + + <h4>Install with NuGet Package Manager</h4> + <p>To install Fabric's NuGet package, run the following command in the <a href="http://docs.nuget.org/consume/package-manager-console">package manager console</a>:</p> + <pre><code class="hljs">PM> Install-Package OfficeUIFabric</code></pre> + + <h3 id="build">Build from source</h3> + <p>Fabric is easy to build and customize locally using gulp and a handful of tasks to watch and build specific parts of the toolkit. You can also use gulp to build and tweak demos and samples.</p> + + <p>For more information about how to build Fabric locally, including gulp tasks, check out <a href="https://github.com/OfficeDev/Office-UI-Fabric/blob/master/ghdocs/BUILDING.md">our instructions on GitHub</a>.</p> + + </div> +</div> +<script> + var currPage = window.location.pathname.replace(/\//g, ''); + if (currPage) { + document.getElementsByClassName(currPage)[0].classList.add('LeftNav-link--active'); + } +</script> +</body> +</html> \ No newline at end of file diff --git a/dist/sass/Fabric.Scoped.scss b/dist/sass/Fabric.Scoped.scss new file mode 100644 index 000000000..bd23af861 --- /dev/null +++ b/dist/sass/Fabric.Scoped.scss @@ -0,0 +1,33 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// Office UI Fabric +// Core styles scoped to the current major version of Fabric + +// Variable is set during gulp task as comma seperated list. i.e. 5,1,0 +$ms-fabric-version: 9,5,0; + +@import './References'; +@import './mixins/ScopedStyles.Mixins'; + +// Sets a global flag to enable scoped styles within certain files +$do-scope-styles: true; + +// Scope all core styles under a helper class for the current major version. +// This produces styles of the form .ms-Fabric-{version #} .ms-font-m. + +@include scope-fabric { + @import './Animation'; + @import './BrandIcon'; + @import './Color'; + @import './Font'; + @import './Grid'; + @import './Icon'; + @import './Responsive'; + @import './Utility'; + @import './Wrapper'; +} + +// @font-face definitions do not need to be scoped + @import './Font.Definitions'; + @import './Icon.Definitions'; diff --git a/dist/sass/Fabric.scss b/dist/sass/Fabric.scss new file mode 100644 index 000000000..c63f1626f --- /dev/null +++ b/dist/sass/Fabric.scss @@ -0,0 +1,22 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// OSS Framework Design Language +// -------------------------------------------------- +// Fabric Core Module Loader (LTR) + +// Variables and mixins +@import './References'; + +// Partials that output CSS +@import './Animation'; +@import './BrandIcon'; +@import './Color'; +@import './Font.Definitions'; +@import './Font'; +@import './Grid'; +@import './Icon.Definitions'; +@import './Icon'; +@import './Responsive'; +@import './Utility'; +@import './Wrapper'; diff --git a/dist/sass/_Animation.scss b/dist/sass/_Animation.scss new file mode 100644 index 000000000..e9224b73d --- /dev/null +++ b/dist/sass/_Animation.scss @@ -0,0 +1,173 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// Office UI Fabric +// -------------------------------------------------- +// Fabric Animations + +// Output all @keyframes needed for the animations +@include ms-animation-keyframes; + +// Slide +.ms-slideRightIn10 { + @include ms-slideRightIn10; +} + +.ms-slideRightIn20 { + @include ms-slideRightIn20; +} + +.ms-slideRightIn40 { + @include ms-slideRightIn40; +} + +.ms-slideRightIn400 { + @include ms-slideRightIn400; +} + +.ms-slideRightOut40 { + @include ms-slideRightOut40; +} + +.ms-slideRightOut400 { + @include ms-slideRightOut400; +} + +.ms-slideLeftIn10 { + @include ms-slideLeftIn10; +} + +.ms-slideLeftIn20 { + @include ms-slideLeftIn20; +} + +.ms-slideLeftIn40 { + @include ms-slideLeftIn40; +} + +.ms-slideLeftIn400 { + @include ms-slideLeftIn400; +} + +.ms-slideLeftOut40 { + @include ms-slideLeftOut40; +} + +.ms-slideLeftOut400 { + @include ms-slideLeftOut400; +} + +.ms-slideUpIn10 { + @include ms-slideUpIn10; +} + +.ms-slideUpIn20 { + @include ms-slideUpIn20; +} + +.ms-slideDownIn10 { + @include ms-slideDownIn10; +} + +.ms-slideDownIn20 { + @include ms-slideDownIn20; +} + +.ms-slideUpOut10 { + @include ms-slideUpOut10; +} + +.ms-slideUpOut20 { + @include ms-slideUpOut20; +} + +.ms-slideDownOut10 { + @include ms-slideDownOut10; +} + +.ms-slideDownOut20 { + @include ms-slideDownOut20; +} + +// Scale +.ms-scaleUpIn100 { + @include ms-scaleUpIn100; +} + +.ms-scaleUpOut103 { + @include ms-scaleUpOut103; +} + +.ms-scaleDownOut98 { + @include ms-scaleDownOut98; +} + +.ms-scaleDownIn100 { + @include ms-scaleDownIn100; +} + +// Fade + +.ms-fadeIn100 { + @include ms-fadeIn100; +} + +.ms-fadeIn200 { + @include ms-fadeIn200; +} + +.ms-fadeIn400 { + @include ms-fadeIn400; +} + +.ms-fadeIn500 { + @include ms-fadeIn500; +} + +.ms-fadeOut100 { + @include ms-fadeOut100; +} + +.ms-fadeOut200 { + @include ms-fadeOut200; +} + +.ms-fadeOut400 { + @include ms-fadeOut400; +} + +.ms-fadeOut500 { + @include ms-fadeOut500; +} + +// Expand-collapse + +.ms-expandCollapse100 { + @include ms-expandCollapse100; +} + +.ms-expandCollapse200 { + @include ms-expandCollapse200; +} + +.ms-expandCollapse400 { + @include ms-expandCollapse400; +} + +// Delay +.ms-delay100 { + @include ms-delay100; +} + +.ms-delay200 { + @include ms-delay200; +} + +// Rotate +.ms-rotate90deg { + @include ms-rotate90deg; +} + +.ms-rotateN90deg { + @include ms-rotateN90deg; +} diff --git a/dist/sass/_BrandIcon.scss b/dist/sass/_BrandIcon.scss new file mode 100644 index 000000000..698e65bfe --- /dev/null +++ b/dist/sass/_BrandIcon.scss @@ -0,0 +1,108 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +@include ms-brand-icon-classes('1'); +@include ms-brand-icon-size-classes(); + +// Pixel Ratio 1.5 +@media only screen and (min-resolution: 144dpi) { + @include ms-brand-icon-classes('1_5'); +} + +// Pixel Ratio 2 +@media only screen and (min-resolution: 192dpi) { + @include ms-brand-icon-classes('2'); +} + +// Pixel Ratio 3 +@media only screen and (min-resolution: 288dpi) { + @include ms-brand-icon-classes('3'); +} + +// The 'onepkg' and 'xls' icons have been deprecated. These classes will be removed in +// a future release. Until then, they are mapped to 'one' and 'xlsx'. + +.ms-BrandIcon--onepkg.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/one.png); +} +.ms-BrandIcon--onepkg.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/one.png); +} +.ms-BrandIcon--onepkg.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/one.png); +} + +.ms-BrandIcon--xls.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16/xlsx.png); +} +.ms-BrandIcon--xls.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48/xlsx.png); +} +.ms-BrandIcon--xls.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96/xlsx.png); +} + +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { + .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/one.png); + } + .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/one.png); + } + .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/one.png); + } + + .ms-BrandIcon--xls.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_1.5x/xlsx.png); + } + .ms-BrandIcon--xls.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_1.5x/xlsx.png); + } + .ms-BrandIcon--xls.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_1.5x/xlsx.png); + } +} + +@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) { + .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/one.png); + } + .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/one.png); + } + .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/one.png); + } + + .ms-BrandIcon--xls.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_2x/xlsx.png); + } + .ms-BrandIcon--xls.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_2x/xlsx.png); + } + .ms-BrandIcon--xls.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_2x/xlsx.png); + } +} + +@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-resolution: 288dpi) { + .ms-BrandIcon--onepkg.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/one.png); + } + .ms-BrandIcon--onepkg.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/one.png); + } + .ms-BrandIcon--onepkg.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/one.png); + } + + .ms-BrandIcon--xls.ms-BrandIcon--icon16 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/16_3x/xlsx.png); + } + .ms-BrandIcon--xls.ms-BrandIcon--icon48 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/48_3x/xlsx.png); + } + .ms-BrandIcon--xls.ms-BrandIcon--icon96 { + background-image: url(https://spoprod-a.akamaihd.net/files/fabric/assets/item-types/96_3x/xlsx.png); + } +} diff --git a/dist/sass/_Color.scss b/dist/sass/_Color.scss new file mode 100644 index 000000000..ea1a36af3 --- /dev/null +++ b/dist/sass/_Color.scss @@ -0,0 +1,506 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// Office UI Fabric +// -------------------------------------------------- +// Fabric Core Color Mixins + +//== Background colors +// +// Theme colors +.ms-bgColor-themeDark, +.ms-bgColor-themeDark--hover:hover { + @include ms-bgColor-themeDark; +} + +.ms-bgColor-themeDarkAlt, +.ms-bgColor-themeDarkAlt--hover:hover { + @include ms-bgColor-themeDarkAlt; +} + +.ms-bgColor-themeDarker, +.ms-bgColor-themeDarker--hover:hover { + @include ms-bgColor-themeDarker; +} + +.ms-bgColor-themePrimary, +.ms-bgColor-themePrimary--hover:hover { + @include ms-bgColor-themePrimary; +} + +.ms-bgColor-themeSecondary, +.ms-bgColor-themeSecondary--hover:hover { + @include ms-bgColor-themeSecondary; +} + +.ms-bgColor-themeTertiary, +.ms-bgColor-themeTertiary--hover:hover { + @include ms-bgColor-themeTertiary; +} + +.ms-bgColor-themeLight, +.ms-bgColor-themeLight--hover:hover { + @include ms-bgColor-themeLight; +} + +.ms-bgColor-themeLighter, +.ms-bgColor-themeLighter--hover:hover { + @include ms-bgColor-themeLighter; +} + +.ms-bgColor-themeLighterAlt, +.ms-bgColor-themeLighterAlt--hover:hover { + @include ms-bgColor-themeLighterAlt; +} + +// Neutral colors +.ms-bgColor-black, +.ms-bgColor-black--hover:hover { + @include ms-bgColor-black; +} + +.ms-bgColor-neutralDark, +.ms-bgColor-neutralDark--hover:hover { + @include ms-bgColor-neutralDark; +} + +.ms-bgColor-neutralPrimary, +.ms-bgColor-neutralPrimary--hover:hover { + @include ms-bgColor-neutralPrimary; +} + +.ms-bgColor-neutralPrimaryAlt, +.ms-bgColor-neutralPrimaryAlt--hover:hover { + @include ms-bgColor-neutralPrimaryAlt; +} + +.ms-bgColor-neutralSecondary, +.ms-bgColor-neutralSecondary--hover:hover { + @include ms-bgColor-neutralSecondary; +} + +.ms-bgColor-neutralSecondaryAlt, +.ms-bgColor-neutralSecondaryAlt--hover:hover { + @include ms-bgColor-neutralSecondaryAlt; +} + +.ms-bgColor-neutralTertiary, +.ms-bgColor-neutralTertiary--hover:hover { + @include ms-bgColor-neutralTertiary; +} + +.ms-bgColor-neutralTertiaryAlt, +.ms-bgColor-neutralTertiaryAlt--hover:hover { + @include ms-bgColor-neutralTertiaryAlt; +} + +.ms-bgColor-neutralQuaternary, +.ms-bgColor-neutralQuaternary--hover:hover { + @include ms-bgColor-neutralQuaternary; +} + +.ms-bgColor-neutralQuaternaryAlt, +.ms-bgColor-neutralQuaternaryAlt--hover:hover { + @include ms-bgColor-neutralQuaternaryAlt; +} + +.ms-bgColor-neutralLight, +.ms-bgColor-neutralLight--hover:hover { + @include ms-bgColor-neutralLight; +} + +.ms-bgColor-neutralLighter, +.ms-bgColor-neutralLighter--hover:hover { + @include ms-bgColor-neutralLighter; +} + +.ms-bgColor-neutralLighterAlt, +.ms-bgColor-neutralLighterAlt--hover:hover { + @include ms-bgColor-neutralLighterAlt; +} + +.ms-bgColor-white, +.ms-bgColor-white--hover:hover { + @include ms-bgColor-white; +} + + +// Brand and accent colors +.ms-bgColor-yellow, +.ms-bgColor-yellow--hover:hover { + @include ms-bgColor-yellow; +} + +.ms-bgColor-yellowLight, +.ms-bgColor-yellowLight--hover:hover { + @include ms-bgColor-yellowLight; +} + +.ms-bgColor-orange, +.ms-bgColor-orange--hover:hover { + @include ms-bgColor-orange; +} + +.ms-bgColor-orangeLight, +.ms-bgColor-orangeLight--hover:hover { + @include ms-bgColor-orangeLight; +} + +.ms-bgColor-orangeLighter, +.ms-bgColor-orangeLighter--hover:hover { + @include ms-bgColor-orangeLighter; +} + +.ms-bgColor-redDark, +.ms-bgColor-redDark--hover:hover { + @include ms-bgColor-redDark; +} + +.ms-bgColor-red, +.ms-bgColor-red--hover:hover { + @include ms-bgColor-red; +} + +.ms-bgColor-magentaDark, +.ms-bgColor-magentaDark--hover:hover { + @include ms-bgColor-magentaDark; +} + +.ms-bgColor-magenta, +.ms-bgColor-magenta--hover:hover { + @include ms-bgColor-magenta; +} + +.ms-bgColor-magentaLight, +.ms-bgColor-magentaLight--hover:hover { + @include ms-bgColor-magentaLight; +} + +.ms-bgColor-purpleDark, +.ms-bgColor-purpleDark--hover:hover { + @include ms-bgColor-purpleDark; +} + +.ms-bgColor-purple, +.ms-bgColor-purple--hover:hover { + @include ms-bgColor-purple; +} + +.ms-bgColor-purpleLight, +.ms-bgColor-purpleLight--hover:hover { + @include ms-bgColor-purpleLight; +} + +.ms-bgColor-blueDark, +.ms-bgColor-blueDark--hover:hover { + @include ms-bgColor-blueDark; +} + +.ms-bgColor-blueMid, +.ms-bgColor-blueMid--hover:hover { + @include ms-bgColor-blueMid; +} + +.ms-bgColor-blue, +.ms-bgColor-blue--hover:hover { + @include ms-bgColor-blue; +} + +.ms-bgColor-blueLight, +.ms-bgColor-blueLight--hover:hover { + @include ms-bgColor-blueLight; +} + +.ms-bgColor-tealDark, +.ms-bgColor-tealDark--hover:hover { + @include ms-bgColor-tealDark; +} + +.ms-bgColor-teal, +.ms-bgColor-teal--hover:hover { + @include ms-bgColor-teal; +} + +.ms-bgColor-tealLight, +.ms-bgColor-tealLight--hover:hover { + @include ms-bgColor-tealLight; +} + +.ms-bgColor-greenDark, +.ms-bgColor-greenDark--hover:hover { + @include ms-bgColor-greenDark; +} + +.ms-bgColor-green, +.ms-bgColor-green--hover:hover { + @include ms-bgColor-green; +} + +.ms-bgColor-greenLight, +.ms-bgColor-greenLight--hover:hover { + @include ms-bgColor-greenLight; +} + +// Message colors +.ms-bgColor-info, +.ms-bgColor-info--hover:hover { + @include ms-bgColor-info; +} + +.ms-bgColor-success, +.ms-bgColor-success--hover:hover { + @include ms-bgColor-success; +} + +.ms-bgColor-severeWarning, +.ms-bgColor-severeWarning--hover:hover { + @include ms-bgColor-severeWarning; +} + +.ms-bgColor-warning, +.ms-bgColor-warning--hover:hover { + @include ms-bgColor-warning; +} + +.ms-bgColor-error, +.ms-bgColor-error--hover:hover { + @include ms-bgColor-error; +} + + +//== Border colors +// + +// Theme colors +.ms-borderColor-themeDark, +.ms-borderColor-themeDark--hover:hover { + @include ms-borderColor-themeDark; +} + +.ms-borderColor-themeDarkAlt, +.ms-borderColor-themeDarkAlt--hover:hover { + @include ms-borderColor-themeDarkAlt; +} + +.ms-borderColor-themeDarker, +.ms-borderColor-themeDarker--hover:hover { + @include ms-borderColor-themeDarker; +} + +.ms-borderColor-themePrimary, +.ms-borderColor-themePrimary--hover:hover { + @include ms-borderColor-themePrimary; +} + +.ms-borderColor-themeSecondary, +.ms-borderColor-themeSecondary--hover:hover { + @include ms-borderColor-themeSecondary; +} + +.ms-borderColor-themeTertiary, +.ms-borderColor-themeTertiary--hover:hover { + @include ms-borderColor-themeTertiary; +} + +.ms-borderColor-themeLight, +.ms-borderColor-themeLight--hover:hover { + @include ms-borderColor-themeLight; +} + +.ms-borderColor-themeLighter, +.ms-borderColor-themeLighter--hover:hover { + @include ms-borderColor-themeLighter; +} + +.ms-borderColor-themeLighterAlt, +.ms-borderColor-themeLighterAlt--hover:hover { + @include ms-borderColor-themeLighterAlt; +} + + +// Neutral colors +.ms-borderColor-black, +.ms-borderColor-black--hover:hover { + @include ms-borderColor-black; +} + +.ms-borderColor-neutralDark, +.ms-borderColor-neutralDark--hover:hover { + @include ms-borderColor-neutralDark; +} + +.ms-borderColor-neutralPrimary, +.ms-borderColor-neutralPrimary--hover:hover { + @include ms-borderColor-neutralPrimary; +} + +.ms-borderColor-neutralPrimaryAlt, +.ms-borderColor-neutralPrimaryAlt--hover:hover { + @include ms-borderColor-neutralPrimaryAlt; +} + +.ms-borderColor-neutralSecondary, +.ms-borderColor-neutralSecondary--hover:hover { + @include ms-borderColor-neutralSecondary; +} + +.ms-borderColor-neutralSecondaryAlt, +.ms-borderColor-neutralSecondaryAlt--hover:hover { + @include ms-borderColor-neutralSecondaryAlt; +} + +.ms-borderColor-neutralTertiary, +.ms-borderColor-neutralTertiary--hover:hover { + @include ms-borderColor-neutralTertiary; +} + +.ms-borderColor-neutralTertiaryAlt, +.ms-borderColor-neutralTertiaryAlt--hover:hover { + @include ms-borderColor-neutralTertiaryAlt; +} + +.ms-borderColor-neutralQuaternary, +.ms-borderColor-neutralQuaternary--hover:hover { + @include ms-borderColor-neutralQuaternary; +} + +.ms-borderColor-neutralQuaternaryAlt, +.ms-borderColor-neutralQuaternaryAlt--hover:hover { + @include ms-borderColor-neutralQuaternaryAlt; +} + +.ms-borderColor-neutralLight, +.ms-borderColor-neutralLight--hover:hover { + @include ms-borderColor-neutralLight; +} + +.ms-borderColor-neutralLighter, +.ms-borderColor-neutralLighter--hover:hover { + @include ms-borderColor-neutralLighter; +} + +.ms-borderColor-neutralLighterAlt, +.ms-borderColor-neutralLighterAlt--hover:hover { + @include ms-borderColor-neutralLighterAlt; +} + +.ms-borderColor-white, +.ms-borderColor-white--hover:hover { + @include ms-borderColor-white; +} + +// Brand and accent colors +.ms-borderColor-yellow, +.ms-borderColor-yellow--hover:hover { + @include ms-borderColor-yellow; +} + +.ms-borderColor-yellowLight, +.ms-borderColor-yellowLight--hover:hover { + @include ms-borderColor-yellowLight; +} + +.ms-borderColor-orange, +.ms-borderColor-orange--hover:hover { + @include ms-borderColor-orange; +} + +.ms-borderColor-orangeLight, +.ms-borderColor-orangeLight--hover:hover { + @include ms-borderColor-orangeLight; +} + +.ms-borderColor-orangeLighter, +.ms-borderColor-orangeLighter--hover:hover { + @include ms-borderColor-orangeLighter; +} + +.ms-borderColor-redDark, +.ms-borderColor-redDark--hover:hover { + @include ms-borderColor-redDark; +} + +.ms-borderColor-red, +.ms-borderColor-red--hover:hover { + @include ms-borderColor-red; +} + +.ms-borderColor-magentaDark, +.ms-borderColor-magentaDark--hover:hover { + @include ms-borderColor-magentaDark; +} + +.ms-borderColor-magenta, +.ms-borderColor-magenta--hover:hover { + @include ms-borderColor-magenta; +} + +.ms-borderColor-magentaLight, +.ms-borderColor-magentaLight--hover:hover { + @include ms-borderColor-magentaLight; +} + +.ms-borderColor-purpleDark, +.ms-borderColor-purpleDark--hover:hover { + @include ms-borderColor-purpleDark; +} + +.ms-borderColor-purple, +.ms-borderColor-purple--hover:hover { + @include ms-borderColor-purple; +} + +.ms-borderColor-purpleLight, +.ms-borderColor-purpleLight--hover:hover { + @include ms-borderColor-purpleLight; +} + +.ms-borderColor-blueDark, +.ms-borderColor-blueDark--hover:hover { + @include ms-borderColor-blueDark; +} + +.ms-borderColor-blueMid, +.ms-borderColor-blueMid--hover:hover { + @include ms-borderColor-blueMid; +} + +.ms-borderColor-blue, +.ms-borderColor-blue--hover:hover { + @include ms-borderColor-blue; +} + +.ms-borderColor-blueLight, +.ms-borderColor-blueLight--hover:hover { + @include ms-borderColor-blueLight; +} + +.ms-borderColor-tealDark, +.ms-borderColor-tealDark--hover:hover { + @include ms-borderColor-tealDark; +} + +.ms-borderColor-teal, +.ms-borderColor-teal--hover:hover { + @include ms-borderColor-teal; +} + +.ms-borderColor-tealLight, +.ms-borderColor-tealLight--hover:hover { + @include ms-borderColor-tealLight; +} + +.ms-borderColor-greenDark, +.ms-borderColor-greenDark--hover:hover { + @include ms-borderColor-greenDark; +} + +.ms-borderColor-green, +.ms-borderColor-green--hover:hover { + @include ms-borderColor-green; +} + +.ms-borderColor-greenLight, +.ms-borderColor-greenLight--hover:hover { + @include ms-borderColor-greenLight; +} diff --git a/dist/sass/_Font.Definitions.scss b/dist/sass/_Font.Definitions.scss new file mode 100644 index 000000000..018f80658 --- /dev/null +++ b/dist/sass/_Font.Definitions.scss @@ -0,0 +1,33 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// Produce @font-face definitions for each of the web fonts. +@include ms-font-face('Leelawadee UI Web', 'leelawadeeui-thai', 'leelawadeeui'); +@include ms-font-face('Segoe UI Web (Arabic)', 'segoeui-arabic'); +@include ms-font-face('Segoe UI Web (Cyrillic)', 'segoeui-cyrillic'); +@include ms-font-face('Segoe UI Web (East European)', 'segoeui-easteuropean'); +@include ms-font-face('Segoe UI Web (Greek)', 'segoeui-greek'); +@include ms-font-face('Segoe UI Web (Hebrew)', 'segoeui-hebrew'); +@include ms-font-face('Segoe UI Web (Vietnamese)', 'segoeui-vietnamese'); +@include ms-font-face('Segoe UI Web (West European)', 'segoeui-westeuropean'); +@include ms-font-face('Selawik Web', 'selawik', 'selawik'); + + +// Leelawadee UI (Thai and Lao) does not have a 'light' weight, so we override +// the font-face generated above to use the 'semilight' weight instead. +@font-face { + font-family: 'Leelawadee UI Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff2') format('woff2'), + url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff') format('woff'); + font-weight: 100; + font-style: normal; +} + +// Leelawadee UI (Thai and Lao) does not have a 'semibold' weight, so we override +// the font-face generated above to use the 'bold' weight instead. +@font-face { + font-family: 'Leelawadee UI Web'; + src: url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff2') format('woff2'), + url('https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff') format('woff'); + font-weight: 600; + font-style: normal; +} diff --git a/dist/sass/_Font.scss b/dist/sass/_Font.scss new file mode 100644 index 000000000..613650755 --- /dev/null +++ b/dist/sass/_Font.scss @@ -0,0 +1,407 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// Office UI Fabric +// -------------------------------------------------- + +// Super Styles (LIMITED USE) +// Weights: Light +.ms-font-su { + @include ms-font-su; +} +// No touch class for Super + +// Extra-Extra-Large +// Allowed weights: Light, SemiLight +.ms-font-xxl { + @include ms-font-xxl; +} + +// Extra-Large Plus Styles +// Allowed weights: Light, SemiLight +.ms-font-xl-plus { + @include ms-font-xl-plus; +} + +// Extra-Large Styles +// Allowed weights: Light, SemiLight +.ms-font-xl { + @include ms-font-xl; +} + +// Large Styles +// Allowed weights: SemiLight, Regular, Semibold +.ms-font-l { + @include ms-font-l; +} + +// Medium Plus Styles +// Allowed weights: SemiLight, Regular, Semibold +.ms-font-m-plus { + @include ms-font-m-plus; +} + +// Medium Styles +// Allowed weights: SemiLight, Regular, Semibold +.ms-font-m { + @include ms-font-m; +} + +// Small Plus Styles +// Allowed weights: SemiLight, Regular, Semibold +.ms-font-s-plus { + @include ms-font-s-plus; +} + +// Small Styles +// Allowed weights: SemiLight, Regular, Semibold +.ms-font-s { + @include ms-font-s; +} + +// XS Styles +// Allowed weights: SemiLight, Regular, Semibold +.ms-font-xs { + @include ms-font-xs; +} + +// Micro Styles (LIMITED USE) +// Weights: Semibold +.ms-font-mi { + @include ms-font-mi; +} + +//== Helper classes & mixins +// +// Helper mixins to override default type values + +// Font weights +.ms-fontWeight-light { + @include ms-fontWeight-light; +} + +.ms-fontWeight-semilight { + @include ms-fontWeight-semilight; +} + +.ms-fontWeight-regular { + @include ms-fontWeight-regular; +} + +.ms-fontWeight-semibold { + @include ms-fontWeight-semibold; +} + +.ms-fontWeight-bold { + @include ms-fontWeight-bold; +} + +// Font sizes +.ms-fontSize-su { + @include ms-fontSize-su; +} + +.ms-fontSize-xxl { + @include ms-fontSize-xxl; +} + +.ms-fontSize-xlPlus { + @include ms-fontSize-xlPlus; +} + +.ms-fontSize-xl { + @include ms-fontSize-xl; +} + +.ms-fontSize-l { + @include ms-fontSize-l; +} + +.ms-fontSize-mPlus { + @include ms-fontSize-mPlus; +} + +.ms-fontSize-m { + @include ms-fontSize-m; +} + +.ms-fontSize-sPlus { + @include ms-fontSize-sPlus; +} + +.ms-fontSize-s { + @include ms-fontSize-s; +} + +.ms-fontSize-xs { + @include ms-fontSize-xs; +} + +.ms-fontSize-mi { + @include ms-fontSize-mi; +} + +// Theme colors +.ms-fontColor-themeDarker, +.ms-fontColor-themeDarker--hover:hover { + @include ms-fontColor-themeDarker; +} + +.ms-fontColor-themeDark, +.ms-fontColor-themeDark--hover:hover { + @include ms-fontColor-themeDark; +} + +.ms-fontColor-themeDarkAlt, +.ms-fontColor-themeDarkAlt--hover:hover { + @include ms-fontColor-themeDarkAlt; +} + +.ms-fontColor-themePrimary, +.ms-fontColor-themePrimary--hover:hover { + @include ms-fontColor-themePrimary; +} + +.ms-fontColor-themeSecondary, +.ms-fontColor-themeSecondary--hover:hover { + @include ms-fontColor-themeSecondary; +} + +.ms-fontColor-themeTertiary, +.ms-fontColor-themeTertiary--hover:hover { + @include ms-fontColor-themeTertiary; +} + +.ms-fontColor-themeLight, +.ms-fontColor-themeLight--hover:hover { + @include ms-fontColor-themeLight; +} + +.ms-fontColor-themeLighter, +.ms-fontColor-themeLighter--hover:hover { + @include ms-fontColor-themeLighter; +} + +.ms-fontColor-themeLighterAlt, +.ms-fontColor-themeLighterAlt--hover:hover { + @include ms-fontColor-themeLighterAlt; +} + + +// Neutral colors +.ms-fontColor-black, +.ms-fontColor-black--hover:hover { + @include ms-fontColor-black; +} + +.ms-fontColor-neutralDark, +.ms-fontColor-neutralDark--hover:hover { + @include ms-fontColor-neutralDark; +} + +.ms-fontColor-neutralPrimary, +.ms-fontColor-neutralPrimary--hover:hover { + @include ms-fontColor-neutralPrimary; +} + +.ms-fontColor-neutralPrimaryAlt, +.ms-fontColor-neutralPrimaryAlt--hover:hover { + @include ms-fontColor-neutralPrimaryAlt; +} + +.ms-fontColor-neutralSecondary, +.ms-fontColor-neutralSecondary--hover:hover { + @include ms-fontColor-neutralSecondary; +} + +.ms-fontColor-neutralSecondaryAlt, +.ms-fontColor-neutralSecondaryAlt--hover:hover { + @include ms-fontColor-neutralSecondaryAlt; +} + +.ms-fontColor-neutralTertiary, +.ms-fontColor-neutralTertiary--hover:hover { + @include ms-fontColor-neutralTertiary; +} + +.ms-fontColor-neutralTertiaryAlt, +.ms-fontColor-neutralTertiaryAlt--hover:hover { + @include ms-fontColor-neutralTertiaryAlt; +} + +.ms-fontColor-neutralQuaternary, +.ms-fontColor-neutralQuaternary--hover:hover { + @include ms-fontColor-neutralQuaternary; +} + +.ms-fontColor-neutralQuaternaryAlt, +.ms-fontColor-neutralQuaternaryAlt--hover:hover { + @include ms-fontColor-neutralQuaternaryAlt; +} + +.ms-fontColor-neutralLight, +.ms-fontColor-neutralLight--hover:hover { + @include ms-fontColor-neutralLight; +} + +.ms-fontColor-neutralLighter, +.ms-fontColor-neutralLighter--hover:hover { + @include ms-fontColor-neutralLighter; +} + +.ms-fontColor-neutralLighterAlt, +.ms-fontColor-neutralLighterAlt--hover:hover { + @include ms-fontColor-neutralLighterAlt; +} + +.ms-fontColor-white, +.ms-fontColor-white--hover:hover { + @include ms-fontColor-white; +} + +// Brand and accent colors +.ms-fontColor-yellow, +.ms-fontColor-yellow--hover:hover { + @include ms-fontColor-yellow; +} + +.ms-fontColor-yellowLight, +.ms-fontColor-yellowLight--hover:hover { + @include ms-fontColor-yellowLight; +} + +.ms-fontColor-orange, +.ms-fontColor-orange--hover:hover { + @include ms-fontColor-orange; +} + +.ms-fontColor-orangeLight, +.ms-fontColor-orangeLight--hover:hover { + @include ms-fontColor-orangeLight; +} + +.ms-fontColor-orangeLighter, +.ms-fontColor-orangeLighter--hover:hover { + @include ms-fontColor-orangeLighter; +} + +.ms-fontColor-redDark, +.ms-fontColor-redDark--hover:hover { + @include ms-fontColor-redDark; +} + +.ms-fontColor-red, +.ms-fontColor-red--hover:hover { + @include ms-fontColor-red; +} + +.ms-fontColor-magentaDark, +.ms-fontColor-magentaDark--hover:hover { + @include ms-fontColor-magentaDark; +} + +.ms-fontColor-magenta, +.ms-fontColor-magenta--hover:hover { + @include ms-fontColor-magenta; +} + +.ms-fontColor-magentaLight, +.ms-fontColor-magentaLight--hover:hover { + @include ms-fontColor-magentaLight; +} + +.ms-fontColor-purpleDark, +.ms-fontColor-purpleDark--hover:hover { + @include ms-fontColor-purpleDark; +} + +.ms-fontColor-purple, +.ms-fontColor-purple--hover:hover { + @include ms-fontColor-purple; +} + +.ms-fontColor-purpleLight, +.ms-fontColor-purpleLight--hover:hover { + @include ms-fontColor-purpleLight; +} + +.ms-fontColor-blueDark, +.ms-fontColor-blueDark--hover:hover { + @include ms-fontColor-blueDark; +} + +.ms-fontColor-blueMid, +.ms-fontColor-blueMid--hover:hover { + @include ms-fontColor-blueMid; +} + +.ms-fontColor-blue, +.ms-fontColor-blue--hover:hover { + @include ms-fontColor-blue; +} + +.ms-fontColor-blueLight, +.ms-fontColor-blueLight--hover:hover { + @include ms-fontColor-blueLight; +} + +.ms-fontColor-tealDark, +.ms-fontColor-tealDark--hover:hover { + @include ms-fontColor-tealDark; +} + +.ms-fontColor-teal, +.ms-fontColor-teal--hover:hover { + @include ms-fontColor-teal; +} + +.ms-fontColor-tealLight, +.ms-fontColor-tealLight--hover:hover { + @include ms-fontColor-tealLight; +} + +.ms-fontColor-greenDark, +.ms-fontColor-greenDark--hover:hover { + @include ms-fontColor-greenDark; +} + +.ms-fontColor-green, +.ms-fontColor-green--hover:hover { + @include ms-fontColor-green; +} + +.ms-fontColor-greenLight, +.ms-fontColor-greenLight--hover:hover { + @include ms-fontColor-greenLight; +} + +// Message colors +.ms-fontColor-info, +.ms-fontColor-info--hover:hover { + @include ms-fontColor-info; +} + +.ms-fontColor-success, +.ms-fontColor-success--hover:hover { + @include ms-fontColor-success; +} + +.ms-fontColor-alert, +.ms-fontColor-alert--hover:hover { // Deprecated: Use ms-fontColor-severeWarning + @include ms-fontColor-alert; +} + +.ms-fontColor-warning, +.ms-fontColor-warning--hover:hover { + @include ms-fontColor-warning; +} + +.ms-fontColor-severeWarning, +.ms-fontColor-severeWarning--hover:hover { + @include ms-fontColor-severeWarning; +} + +.ms-fontColor-error, +.ms-fontColor-error--hover:hover { + @include ms-fontColor-error; +} diff --git a/dist/sass/_Grid.scss b/dist/sass/_Grid.scss new file mode 100644 index 000000000..bf343e627 --- /dev/null +++ b/dist/sass/_Grid.scss @@ -0,0 +1,24 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// Office UI Fabric +// -------------------------------------------------- +// Fluid 12-column grids for small, medium, and large devices + +//== Grid container (same for all sizes) +// +.ms-Grid { + @include ms-Grid; +} + +//== Grid rows (pull first and last column out) +// +.ms-Grid-row { + @include ms-Grid-row; +} + +//== Grid cells +// +.ms-Grid-col { + @include ms-Grid-col; +} diff --git a/dist/sass/_Icon.Definitions.scss b/dist/sass/_Icon.Definitions.scss new file mode 100644 index 000000000..470cbe19a --- /dev/null +++ b/dist/sass/_Icon.Definitions.scss @@ -0,0 +1,29 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// Office UI Fabric +// -------------------------------------------------- +// Icon font-family definition + +/* + 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 definition for the 'FabricMDL2Icons' icon font +@font-face { + $icon-font-family: 'FabricMDL2Icons'; + $icon-font-name: 'fabricmdl2icons'; + $icon-font-version: '2.68'; + + @if variable_exists(do-scope-styles) { + $icon-font-family: 'FabricMDL2Icons-' + $ms-fabric-version-major; + $icon-font-name: 'scoped/fabricmdl2icons-' + $ms-fabric-version-major; + } + + font-family: $icon-font-family; + src: url('https://static2.sharepointonline.com/files/fabric/assets/icons/#{$icon-font-name}-#{$icon-font-version}.woff2') format('woff2'), + url('https://static2.sharepointonline.com/files/fabric/assets/icons/#{$icon-font-name}-#{$icon-font-version}.woff') format('woff'), + url('https://static2.sharepointonline.com/files/fabric/assets/icons/#{$icon-font-name}-#{$icon-font-version}.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} \ No newline at end of file diff --git a/dist/sass/_Icon.scss b/dist/sass/_Icon.scss new file mode 100644 index 000000000..f742be8de --- /dev/null +++ b/dist/sass/_Icon.scss @@ -0,0 +1,37 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// Office UI Fabric +// -------------------------------------------------- +// Icon class definitions + + +// Base icon definition +.ms-Icon { + @include ms-Icon; +} + +// Modifier: Place the icon in a circle +.ms-Icon--circle { + @include ms-Icon--circle; +} + +// Modifiers: Size classes +.ms-Icon--xs { + @include ms-Icon--xs; +} + +.ms-Icon--s { + @include ms-Icon--s; +} + +.ms-Icon--m { + @include ms-Icon--m; +} + +.ms-Icon--l { + @include ms-Icon--l; +} + +// Modifiers: Each of the icons. +@include ms-icon-classes($ms-icon-map); diff --git a/dist/sass/_References.scss b/dist/sass/_References.scss new file mode 100644 index 000000000..167813cec --- /dev/null +++ b/dist/sass/_References.scss @@ -0,0 +1,27 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// Office UI Fabric +// -------------------------------------------------- +// Variables and mixins that can be referenced without outputting any CSS. + +// Variables +@import './variables/Animation.Variables'; +@import './variables/BrandIcon.Variables'; +@import './variables/Color.Variables'; +@import './variables/Font.Variables'; +@import './variables/General.Variables'; +@import './variables/Icon.Variables'; +@import './variables/Responsive.Variables'; +@import './variables/ZIndex.Variables'; + +// Mixins +@import './mixins/Animation.Mixins'; +@import './mixins/BrandIcon.Mixins'; +@import './mixins/Color.Mixins'; +@import './mixins/Directionality.Mixins'; +@import './mixins/Font.Mixins'; +@import './mixins/Grid.Mixins'; +@import './mixins/Icon.Mixins'; +@import './mixins/General.Mixins'; +@import './mixins/Responsive.Mixins'; diff --git a/dist/sass/_Responsive.scss b/dist/sass/_Responsive.scss new file mode 100644 index 000000000..8d0a55d6c --- /dev/null +++ b/dist/sass/_Responsive.scss @@ -0,0 +1,1010 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// Office UI Fabric +// -------------------------------------------------- +// Responsive utilities based on defined variables, component visibility, +// and size for different displays. + +//== Responsive visiblity classes +// + +// Hidden on small +@media (max-width: $ms-screen-max-sm) { + .ms-hiddenSm, + .ms-hiddenMdDown, + .ms-hiddenLgDown, + .ms-hiddenXlDown, + .ms-hiddenXxlDown { + display: none !important; + } +} + +// Hidden on medium +@media (min-width: $ms-screen-min-md) and (max-width: $ms-screen-max-md) { + .ms-hiddenMd, + .ms-hiddenMdUp, + .ms-hiddenMdDown, + .ms-hiddenLgDown, + .ms-hiddenXlDown, + .ms-hiddenXxlDown { + display: none !important; + } +} + +// Hidden on large +@media (min-width: $ms-screen-min-lg) and (max-width: $ms-screen-max-lg) { + .ms-hiddenMdUp, + .ms-hiddenLg, + .ms-hiddenLgUp, + .ms-hiddenLgDown, + .ms-hiddenXlDown, + .ms-hiddenXxlDown { + display: none !important; + } +} + +// Hidden on extra large +@media (min-width: $ms-screen-min-xl) and (max-width: $ms-screen-max-xl) { + .ms-hiddenMdUp, + .ms-hiddenLgUp, + .ms-hiddenXl, + .ms-hiddenXlUp, + .ms-hiddenXlDown, + .ms-hiddenXxlDown { + display: none !important; + } +} + +// Hidden on extra extra large +@media (min-width: $ms-screen-min-xxl) and (max-width: $ms-screen-max-xxl) { + .ms-hiddenMdUp, + .ms-hiddenLgUp, + .ms-hiddenXlUp, + .ms-hiddenXxl, + .ms-hiddenXxlUp, + .ms-hiddenXxlDown { + display: none !important; + } +} + +// Hidden on extra extra extra large +@media (min-width: $ms-screen-min-xxxl) { + .ms-hiddenMdUp, + .ms-hiddenLgUp, + .ms-hiddenXlUp, + .ms-hiddenXxlUp, + .ms-hiddenXxxl { + display: none !important; + } +} + + +//== Responsive sizes +// +// These are all based on a 12 column grid. For example, +// ms-sm6 sets the width to 50% (6/12) on small screens. + +// Small screens (default) +.ms-sm12 { + @include ms-sm12; +} +.ms-sm11 { + @include ms-sm11; +} +.ms-sm10 { + @include ms-sm10; +} +.ms-sm9 { + @include ms-sm9; +} +.ms-sm8 { + @include ms-sm8; +} +.ms-sm7 { + @include ms-sm7; +} +.ms-sm6 { + @include ms-sm6; +} +.ms-sm5 { + @include ms-sm5; +} +.ms-sm4 { + @include ms-sm4; +} +.ms-sm3 { + @include ms-sm3; +} +.ms-sm2 { + @include ms-sm2; +} +.ms-sm1 { + @include ms-sm1; +} +.ms-smPull12 { + @include ms-smPull12; +} +.ms-smPull11 { + @include ms-smPull11; +} +.ms-smPull10 { + @include ms-smPull10; +} +.ms-smPull9 { + @include ms-smPull9; +} +.ms-smPull8 { + @include ms-smPull8; +} +.ms-smPull7 { + @include ms-smPull7; +} +.ms-smPull6 { + @include ms-smPull6; +} +.ms-smPull5 { + @include ms-smPull5; +} +.ms-smPull4 { + @include ms-smPull4; +} +.ms-smPull3 { + @include ms-smPull3; +} +.ms-smPull2 { + @include ms-smPull2; +} +.ms-smPull1 { + @include ms-smPull1; +} +.ms-smPull0 { + @include ms-smPull0; +} +.ms-smPush12 { + @include ms-smPush12; +} +.ms-smPush11 { + @include ms-smPush11; +} +.ms-smPush10 { + @include ms-smPush10; +} +.ms-smPush9 { + @include ms-smPush9; +} +.ms-smPush8 { + @include ms-smPush8; +} +.ms-smPush7 { + @include ms-smPush7; +} +.ms-smPush6 { + @include ms-smPush6; +} +.ms-smPush5 { + @include ms-smPush5; +} +.ms-smPush4 { + @include ms-smPush4; +} +.ms-smPush3 { + @include ms-smPush3; +} +.ms-smPush2 { + @include ms-smPush2; +} +.ms-smPush1 { + @include ms-smPush1; +} +.ms-smPush0 { + @include ms-smPush0; +} + +// Small Offset classes 0 ... 11 +.ms-smOffset11 { + @include ms-smOffset11; +} +.ms-smOffset10 { + @include ms-smOffset10; +} +.ms-smOffset9 { + @include ms-smOffset9; +} +.ms-smOffset8 { + @include ms-smOffset8; +} +.ms-smOffset7 { + @include ms-smOffset7; +} +.ms-smOffset6 { + @include ms-smOffset6; +} +.ms-smOffset5 { + @include ms-smOffset5; +} +.ms-smOffset4 { + @include ms-smOffset4; +} +.ms-smOffset3 { + @include ms-smOffset3; +} +.ms-smOffset2 { + @include ms-smOffset2; +} +.ms-smOffset1 { + @include ms-smOffset1; +} +.ms-smOffset0 { + @include ms-smOffset0; +} + +// Medium screens +.ms-md12 { + @include ms-md12; +} +.ms-md11 { + @include ms-md11; +} +.ms-md10 { + @include ms-md10; +} +.ms-md9 { + @include ms-md9; +} +.ms-md8 { + @include ms-md8; +} +.ms-md7 { + @include ms-md7; +} +.ms-md6 { + @include ms-md6; +} +.ms-md5 { + @include ms-md5; +} +.ms-md4 { + @include ms-md4; +} +.ms-md3 { + @include ms-md3; +} +.ms-md2 { + @include ms-md2; +} +.ms-md1 { + @include ms-md1; +} +.ms-mdPull12 { + @include ms-mdPull12; +} +.ms-mdPull11 { + @include ms-mdPull11; +} +.ms-mdPull10 { + @include ms-mdPull10; +} +.ms-mdPull9 { + @include ms-mdPull9; +} +.ms-mdPull8 { + @include ms-mdPull8; +} +.ms-mdPull7 { + @include ms-mdPull7; +} +.ms-mdPull6 { + @include ms-mdPull6; +} +.ms-mdPull5 { + @include ms-mdPull5; +} +.ms-mdPull4 { + @include ms-mdPull4; +} +.ms-mdPull3 { + @include ms-mdPull3; +} +.ms-mdPull2 { + @include ms-mdPull2; +} +.ms-mdPull1 { + @include ms-mdPull1; +} +.ms-mdPull0 { + @include ms-mdPull0; +} +.ms-mdPush12 { + @include ms-mdPush12; +} +.ms-mdPush11 { + @include ms-mdPush11; +} +.ms-mdPush10 { + @include ms-mdPush10; +} +.ms-mdPush9 { + @include ms-mdPush9; +} +.ms-mdPush8 { + @include ms-mdPush8; +} +.ms-mdPush7 { + @include ms-mdPush7; +} +.ms-mdPush6 { + @include ms-mdPush6; +} +.ms-mdPush5 { + @include ms-mdPush5; +} +.ms-mdPush4 { + @include ms-mdPush4; +} +.ms-mdPush3 { + @include ms-mdPush3; +} +.ms-mdPush2 { + @include ms-mdPush2; +} +.ms-mdPush1 { + @include ms-mdPush1; +} +.ms-mdPush0 { + @include ms-mdPush0; +} + +// Medium Offset classes 0 ... 11 +.ms-mdOffset11 { + @include ms-mdOffset11; +} +.ms-mdOffset10 { + @include ms-mdOffset10; +} +.ms-mdOffset9 { + @include ms-mdOffset9; +} +.ms-mdOffset8 { + @include ms-mdOffset8; +} +.ms-mdOffset7 { + @include ms-mdOffset7; +} +.ms-mdOffset6 { + @include ms-mdOffset6; +} +.ms-mdOffset5 { + @include ms-mdOffset5; +} +.ms-mdOffset4 { + @include ms-mdOffset4; +} +.ms-mdOffset3 { + @include ms-mdOffset3; +} +.ms-mdOffset2 { + @include ms-mdOffset2; +} +.ms-mdOffset1 { + @include ms-mdOffset1; +} +.ms-mdOffset0 { + @include ms-mdOffset0; +} + +// Large screens +.ms-lg12 { + @include ms-lg12; +} +.ms-lg11 { + @include ms-lg11; +} +.ms-lg10 { + @include ms-lg10; +} +.ms-lg9 { + @include ms-lg9; +} +.ms-lg8 { + @include ms-lg8; +} +.ms-lg7 { + @include ms-lg7; +} +.ms-lg6 { + @include ms-lg6; +} +.ms-lg5 { + @include ms-lg5; +} +.ms-lg4 { + @include ms-lg4; +} +.ms-lg3 { + @include ms-lg3; +} +.ms-lg2 { + @include ms-lg2; +} +.ms-lg1 { + @include ms-lg1; +} +.ms-lgPull12 { + @include ms-lgPull12; +} +.ms-lgPull11 { + @include ms-lgPull11; +} +.ms-lgPull10 { + @include ms-lgPull10; +} +.ms-lgPull9 { + @include ms-lgPull9; +} +.ms-lgPull8 { + @include ms-lgPull8; +} +.ms-lgPull7 { + @include ms-lgPull7; +} +.ms-lgPull6 { + @include ms-lgPull6; +} +.ms-lgPull5 { + @include ms-lgPull5; +} +.ms-lgPull4 { + @include ms-lgPull4; +} +.ms-lgPull3 { + @include ms-lgPull3; +} +.ms-lgPull2 { + @include ms-lgPull2; +} +.ms-lgPull1 { + @include ms-lgPull1; +} +.ms-lgPull0 { + @include ms-lgPull0; +} +.ms-lgPush12 { + @include ms-lgPush12; +} +.ms-lgPush11 { + @include ms-lgPush11; +} +.ms-lgPush10 { + @include ms-lgPush10; +} +.ms-lgPush9 { + @include ms-lgPush9; +} +.ms-lgPush8 { + @include ms-lgPush8; +} +.ms-lgPush7 { + @include ms-lgPush7; +} +.ms-lgPush6 { + @include ms-lgPush6; +} +.ms-lgPush5 { + @include ms-lgPush5; +} +.ms-lgPush4 { + @include ms-lgPush4; +} +.ms-lgPush3 { + @include ms-lgPush3; +} +.ms-lgPush2 { + @include ms-lgPush2; +} +.ms-lgPush1 { + @include ms-lgPush1; +} +.ms-lgPush0 { + @include ms-lgPush0; +} + +// Large Offset classes 0 ... 11 +.ms-lgOffset11 { + @include ms-lgOffset11; +} +.ms-lgOffset10 { + @include ms-lgOffset10; +} +.ms-lgOffset9 { + @include ms-lgOffset9; +} +.ms-lgOffset8 { + @include ms-lgOffset8; +} +.ms-lgOffset7 { + @include ms-lgOffset7; +} +.ms-lgOffset6 { + @include ms-lgOffset6; +} +.ms-lgOffset5 { + @include ms-lgOffset5; +} +.ms-lgOffset4 { + @include ms-lgOffset4; +} +.ms-lgOffset3 { + @include ms-lgOffset3; +} +.ms-lgOffset2 { + @include ms-lgOffset2; +} +.ms-lgOffset1 { + @include ms-lgOffset1; +} +.ms-lgOffset0 { + @include ms-lgOffset0; +} + +// Extra large screens +.ms-xl12 { + @include ms-xl12; +} +.ms-xl11 { + @include ms-xl11; +} +.ms-xl10 { + @include ms-xl10; +} +.ms-xl9 { + @include ms-xl9; +} +.ms-xl8 { + @include ms-xl8; +} +.ms-xl7 { + @include ms-xl7; +} +.ms-xl6 { + @include ms-xl6; +} +.ms-xl5 { + @include ms-xl5; +} +.ms-xl4 { + @include ms-xl4; +} +.ms-xl3 { + @include ms-xl3; +} +.ms-xl2 { + @include ms-xl2; +} +.ms-xl1 { + @include ms-xl1; +} +.ms-xlPull12 { + @include ms-xlPull12; +} +.ms-xlPull11 { + @include ms-xlPull11; +} +.ms-xlPull10 { + @include ms-xlPull10; +} +.ms-xlPull9 { + @include ms-xlPull9; +} +.ms-xlPull8 { + @include ms-xlPull8; +} +.ms-xlPull7 { + @include ms-xlPull7; +} +.ms-xlPull6 { + @include ms-xlPull6; +} +.ms-xlPull5 { + @include ms-xlPull5; +} +.ms-xlPull4 { + @include ms-xlPull4; +} +.ms-xlPull3 { + @include ms-xlPull3; +} +.ms-xlPull2 { + @include ms-xlPull2; +} +.ms-xlPull1 { + @include ms-xlPull1; +} +.ms-xlPull0 { + @include ms-xlPull0; +} +.ms-xlPush12 { + @include ms-xlPush12; +} +.ms-xlPush11 { + @include ms-xlPush11; +} +.ms-xlPush10 { + @include ms-xlPush10; +} +.ms-xlPush9 { + @include ms-xlPush9; +} +.ms-xlPush8 { + @include ms-xlPush8; +} +.ms-xlPush7 { + @include ms-xlPush7; +} +.ms-xlPush6 { + @include ms-xlPush6; +} +.ms-xlPush5 { + @include ms-xlPush5; +} +.ms-xlPush4 { + @include ms-xlPush4; +} +.ms-xlPush3 { + @include ms-xlPush3; +} +.ms-xlPush2 { + @include ms-xlPush2; +} +.ms-xlPush1 { + @include ms-xlPush1; +} +.ms-xlPush0 { + @include ms-xlPush0; +} + +// Large Offset classes 0 ... 11 +.ms-xlOffset11 { + @include ms-xlOffset11; +} +.ms-xlOffset10 { + @include ms-xlOffset10; +} +.ms-xlOffset9 { + @include ms-xlOffset9; +} +.ms-xlOffset8 { + @include ms-xlOffset8; +} +.ms-xlOffset7 { + @include ms-xlOffset7; +} +.ms-xlOffset6 { + @include ms-xlOffset6; +} +.ms-xlOffset5 { + @include ms-xlOffset5; +} +.ms-xlOffset4 { + @include ms-xlOffset4; +} +.ms-xlOffset3 { + @include ms-xlOffset3; +} +.ms-xlOffset2 { + @include ms-xlOffset2; +} +.ms-xlOffset1 { + @include ms-xlOffset1; +} +.ms-xlOffset0 { + @include ms-xlOffset0; +} + +// Extra extra large screens +.ms-xxl12 { + @include ms-xxl12; +} +.ms-xxl11 { + @include ms-xxl11; +} +.ms-xxl10 { + @include ms-xxl10; +} +.ms-xxl9 { + @include ms-xxl9; +} +.ms-xxl8 { + @include ms-xxl8; +} +.ms-xxl7 { + @include ms-xxl7; +} +.ms-xxl6 { + @include ms-xxl6; +} +.ms-xxl5 { + @include ms-xxl5; +} +.ms-xxl4 { + @include ms-xxl4; +} +.ms-xxl3 { + @include ms-xxl3; +} +.ms-xxl2 { + @include ms-xxl2; +} +.ms-xxl1 { + @include ms-xxl1; +} +.ms-xxlPull12 { + @include ms-xxlPull12; +} +.ms-xxlPull11 { + @include ms-xxlPull11; +} +.ms-xxlPull10 { + @include ms-xxlPull10; +} +.ms-xxlPull9 { + @include ms-xxlPull9; +} +.ms-xxlPull8 { + @include ms-xxlPull8; +} +.ms-xxlPull7 { + @include ms-xxlPull7; +} +.ms-xxlPull6 { + @include ms-xxlPull6; +} +.ms-xxlPull5 { + @include ms-xxlPull5; +} +.ms-xxlPull4 { + @include ms-xxlPull4; +} +.ms-xxlPull3 { + @include ms-xxlPull3; +} +.ms-xxlPull2 { + @include ms-xxlPull2; +} +.ms-xxlPull1 { + @include ms-xxlPull1; +} +.ms-xxlPull0 { + @include ms-xxlPull0; +} +.ms-xxlPush12 { + @include ms-xxlPush12; +} +.ms-xxlPush11 { + @include ms-xxlPush11; +} +.ms-xxlPush10 { + @include ms-xxlPush10; +} +.ms-xxlPush9 { + @include ms-xxlPush9; +} +.ms-xxlPush8 { + @include ms-xxlPush8; +} +.ms-xxlPush7 { + @include ms-xxlPush7; +} +.ms-xxlPush6 { + @include ms-xxlPush6; +} +.ms-xxlPush5 { + @include ms-xxlPush5; +} +.ms-xxlPush4 { + @include ms-xxlPush4; +} +.ms-xxlPush3 { + @include ms-xxlPush3; +} +.ms-xxlPush2 { + @include ms-xxlPush2; +} +.ms-xxlPush1 { + @include ms-xxlPush1; +} +.ms-xxlPush0 { + @include ms-xxlPush0; +} + +// Extra extra large Offset classes 0 ... 11 +.ms-xxlOffset11 { + @include ms-xxlOffset11; +} +.ms-xxlOffset10 { + @include ms-xxlOffset10; +} +.ms-xxlOffset9 { + @include ms-xxlOffset9; +} +.ms-xxlOffset8 { + @include ms-xxlOffset8; +} +.ms-xxlOffset7 { + @include ms-xxlOffset7; +} +.ms-xxlOffset6 { + @include ms-xxlOffset6; +} +.ms-xxlOffset5 { + @include ms-xxlOffset5; +} +.ms-xxlOffset4 { + @include ms-xxlOffset4; +} +.ms-xxlOffset3 { + @include ms-xxlOffset3; +} +.ms-xxlOffset2 { + @include ms-xxlOffset2; +} +.ms-xxlOffset1 { + @include ms-xxlOffset1; +} +.ms-xxlOffset0 { + @include ms-xxlOffset0; +} + +// Extra extra extra large screens +.ms-xxxl12 { + @include ms-xxxl12; +} +.ms-xxxl11 { + @include ms-xxxl11; +} +.ms-xxxl10 { + @include ms-xxxl10; +} +.ms-xxxl9 { + @include ms-xxxl9; +} +.ms-xxxl8 { + @include ms-xxxl8; +} +.ms-xxxl7 { + @include ms-xxxl7; +} +.ms-xxxl6 { + @include ms-xxxl6; +} +.ms-xxxl5 { + @include ms-xxxl5; +} +.ms-xxxl4 { + @include ms-xxxl4; +} +.ms-xxxl3 { + @include ms-xxxl3; +} +.ms-xxxl2 { + @include ms-xxxl2; +} +.ms-xxxl1 { + @include ms-xxxl1; +} +.ms-xxxlPull12 { + @include ms-xxxlPull12; +} +.ms-xxxlPull11 { + @include ms-xxxlPull11; +} +.ms-xxxlPull10 { + @include ms-xxxlPull10; +} +.ms-xxxlPull9 { + @include ms-xxxlPull9; +} +.ms-xxxlPull8 { + @include ms-xxxlPull8; +} +.ms-xxxlPull7 { + @include ms-xxxlPull7; +} +.ms-xxxlPull6 { + @include ms-xxxlPull6; +} +.ms-xxxlPull5 { + @include ms-xxxlPull5; +} +.ms-xxxlPull4 { + @include ms-xxxlPull4; +} +.ms-xxxlPull3 { + @include ms-xxxlPull3; +} +.ms-xxxlPull2 { + @include ms-xxxlPull2; +} +.ms-xxxlPull1 { + @include ms-xxxlPull1; +} +.ms-xxxlPull0 { + @include ms-xxxlPull0; +} +.ms-xxxlPush12 { + @include ms-xxxlPush12; +} +.ms-xxxlPush11 { + @include ms-xxxlPush11; +} +.ms-xxxlPush10 { + @include ms-xxxlPush10; +} +.ms-xxxlPush9 { + @include ms-xxxlPush9; +} +.ms-xxxlPush8 { + @include ms-xxxlPush8; +} +.ms-xxxlPush7 { + @include ms-xxxlPush7; +} +.ms-xxxlPush6 { + @include ms-xxxlPush6; +} +.ms-xxxlPush5 { + @include ms-xxxlPush5; +} +.ms-xxxlPush4 { + @include ms-xxxlPush4; +} +.ms-xxxlPush3 { + @include ms-xxxlPush3; +} +.ms-xxxlPush2 { + @include ms-xxxlPush2; +} +.ms-xxxlPush1 { + @include ms-xxxlPush1; +} +.ms-xxxlPush0 { + @include ms-xxxlPush0; +} + +// Extra extra extra large Offset classes 0 ... 11 +.ms-xxxlOffset11 { + @include ms-xxxlOffset11; +} +.ms-xxxlOffset10 { + @include ms-xxxlOffset10; +} +.ms-xxxlOffset9 { + @include ms-xxxlOffset9; +} +.ms-xxxlOffset8 { + @include ms-xxxlOffset8; +} +.ms-xxxlOffset7 { + @include ms-xxxlOffset7; +} +.ms-xxxlOffset6 { + @include ms-xxxlOffset6; +} +.ms-xxxlOffset5 { + @include ms-xxxlOffset5; +} +.ms-xxxlOffset4 { + @include ms-xxxlOffset4; +} +.ms-xxxlOffset3 { + @include ms-xxxlOffset3; +} +.ms-xxxlOffset2 { + @include ms-xxxlOffset2; +} +.ms-xxxlOffset1 { + @include ms-xxxlOffset1; +} +.ms-xxxlOffset0 { + @include ms-xxxlOffset0; +} diff --git a/dist/sass/_Utility.scss b/dist/sass/_Utility.scss new file mode 100644 index 000000000..4a2850205 --- /dev/null +++ b/dist/sass/_Utility.scss @@ -0,0 +1,54 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// Office UI Fabric +// -------------------------------------------------- +// Some mixins are output to CSS classes as utilities. + +// The best box is a border box. +.ms-borderBox, .ms-borderBox::before, .ms-borderBox::after { + @include ms-borderBox; +} + +// To apply border base settings +.ms-borderBase { + @include ms-borderBase; +} + +// Ensures the block expands to the full height to enclose its floated childen. +.ms-clearfix { + @include ms-clearfix; +} + +// Basic border-box, margin, and padding reset. +.ms-normalize { + @include ms-normalize; +} + +// Text alignments. +.ms-textAlignLeft { + @include ms-text-align(left); +} + +.ms-textAlignRight { + @include ms-text-align(right); +} + +.ms-textAlignCenter { + text-align: center; +} + +// Use to hide content while still making it readable by screen reader (Accessibility) +.ms-screenReaderOnly { + @include ms-screenReaderOnly; +} + +// Use to add truncation with ellipsis +.ms-textTruncate { + @include ms-textTruncate; +} + +// Use to disable text wrapping +.ms-noWrap{ + @include ms-noWrap; +} diff --git a/dist/sass/_Wrapper.scss b/dist/sass/_Wrapper.scss new file mode 100644 index 000000000..3ddba1f7d --- /dev/null +++ b/dist/sass/_Wrapper.scss @@ -0,0 +1,42 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// Office UI Fabric +// -------------------------------------------------- +// Wrapper component to set base typography. + +.ms-Fabric { + @include ms-Fabric; +} + +// Create overrides for each language that has an alternate font-family. +@include ms-font-family-language-override('ar', $ms-font-family-arabic); +@include ms-font-family-language-override('bg', $ms-font-family-cyrillic); +@include ms-font-family-language-override('cs', $ms-font-family-east-european); +@include ms-font-family-language-override('el', $ms-font-family-greek); +@include ms-font-family-language-override('et', $ms-font-family-east-european); +@include ms-font-family-language-override('he', $ms-font-family-hebrew); +@include ms-font-family-language-override('hi', $ms-font-family-hindi); +@include ms-font-family-language-override('hr', $ms-font-family-east-european); +@include ms-font-family-language-override('hu', $ms-font-family-east-european); +@include ms-font-family-language-override('ja', $ms-font-family-japanese); +@include ms-font-family-language-override('kk', $ms-font-family-east-european); +@include ms-font-family-language-override('ko', $ms-font-family-korean); +@include ms-font-family-language-override('lo', $ms-font-family-lao); +@include ms-font-family-language-override('lt', $ms-font-family-east-european); +@include ms-font-family-language-override('lv', $ms-font-family-east-european); +@include ms-font-family-language-override('pl', $ms-font-family-east-european); +@include ms-font-family-language-override('ru', $ms-font-family-cyrillic); +@include ms-font-family-language-override('sk', $ms-font-family-east-european); +@include ms-font-family-language-override('sr-latn', $ms-font-family-east-european); +@include ms-font-family-language-override('th', $ms-font-family-thai); +@include ms-font-family-language-override('tr', $ms-font-family-east-european); +@include ms-font-family-language-override('uk', $ms-font-family-cyrillic); +@include ms-font-family-language-override('vi', $ms-font-family-vietnamese); +@include ms-font-family-language-override('zh-hans', $ms-font-family-chinese-simplified); +@include ms-font-family-language-override('zh-hant', $ms-font-family-chinese-traditional); + +// Modifier: Use Selawik as an open source alternative to Segoe UI. +.ms-Fabric--selawik { + font-family: $ms-font-family-selawik; +} diff --git a/dist/sass/mixins/_Animation.Mixins.scss b/dist/sass/mixins/_Animation.Mixins.scss new file mode 100644 index 000000000..c8e1f2248 --- /dev/null +++ b/dist/sass/mixins/_Animation.Mixins.scss @@ -0,0 +1,451 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// Office UI Fabric +// -------------------------------------------------- +// Fabric Animations + + +// Outputs the keyframes used by the animation classes +@mixin ms-animation-keyframes() { + // Set a default value for the version-scoped variable if it isn't assigned + $ms-fabric-version-suffix: '' !default; + + @keyframes ms-slideRightIn10#{$ms-fabric-version-suffix} { + from { transform: translate3d(-10px, 0px, 0px); } + to { transform: translate3d(0px, 0px, 0px); } + } + + @keyframes ms-slideRightIn20#{$ms-fabric-version-suffix} { + from { transform: translate3d(-20px, 0px, 0px); } + to { transform: translate3d(0px, 0px, 0px); } + } + + @keyframes ms-slideRightIn40#{$ms-fabric-version-suffix} { + from { transform: translate3d(-40px, 0px, 0px); } + to { transform: translate3d(0px, 0px, 0px); } + } + + @keyframes ms-slideRightIn400#{$ms-fabric-version-suffix} { + from { transform: translate3d(-400px, 0px, 0px); } + to { transform: translate3d(0px, 0px, 0px); } + } + + @keyframes ms-slideRightOut40#{$ms-fabric-version-suffix} { + from { transform: translate3d(0px, 0px, 0px); } + to { transform: translate3d(40px, 0px, 0px); } + } + + @keyframes ms-slideRightOut400#{$ms-fabric-version-suffix} { + from { transform: translate3d(0, 0px, 0px); } + to { transform: translate3d(400px, 0px, 0px); } + } + + @keyframes ms-slideLeftIn10#{$ms-fabric-version-suffix} { + from { transform: translate3d(10px, 0px, 0px); } + to { transform: translate3d(0px, 0px, 0px); } + } + + @keyframes ms-slideLeftIn20#{$ms-fabric-version-suffix} { + from { transform: translate3d(20px, 0px, 0px); } + to { transform: translate3d(0px, 0px, 0px); } + } + + @keyframes ms-slideLeftIn40#{$ms-fabric-version-suffix} { + from { transform: translate3d(40px, 0px, 0px); } + to { transform: translate3d(0px, 0px, 0px); } + } + + @keyframes ms-slideLeftIn400#{$ms-fabric-version-suffix} { + from { transform: translate3d(400px, 0px, 0px); } + to { transform: translate3d(0px, 0px, 0px); } + } + + @keyframes ms-slideLeftOut40#{$ms-fabric-version-suffix} { + from { transform: translate3d(0, 0px, 0px); } + to { transform: translate3d(-40px, 0px, 0px); } + } + + @keyframes ms-slideLeftOut400#{$ms-fabric-version-suffix} { + from { transform: translate3d(0, 0px, 0px); } + to { transform: translate3d(-400px, 0px, 0px); } + } + + @keyframes ms-slideUpIn10#{$ms-fabric-version-suffix} { + from { transform: translate3d(0px, 10px, 0px); } + to { transform: translate3d(0px, 0px, 0px); } + } + + @keyframes ms-slideUpIn20#{$ms-fabric-version-suffix} { + from { transform: translate3d(0px, 20px, 0px); } + to { transform: translate3d(0px, 0px, 0px); } + } + + @keyframes ms-slideDownIn10#{$ms-fabric-version-suffix} { + from { transform: translate3d(0px, -10px, 0px); } + to { transform: translate3d(0px, 0px, 0px); } + } + + @keyframes ms-slideDownIn20#{$ms-fabric-version-suffix} { + from { transform: translate3d(0px, -20px, 0px); } + to { transform: translate3d(0px, 0px, 0px); } + } + + @keyframes ms-slideUpOut10#{$ms-fabric-version-suffix} { + from { transform: translate3d(0px, 0, 0px); } + to { transform: translate3d(0px, -10px, 0px); } + } + + @keyframes ms-slideUpOut20#{$ms-fabric-version-suffix} { + from { transform: translate3d(0px, 0, 0px); } + to { transform: translate3d(0px, -20px, 0px); } + } + + @keyframes ms-slideDownOut10#{$ms-fabric-version-suffix} { + from { transform: translate3d(0px, 0, 0px); } + to { transform: translate3d(0px, 10px, 0px); } + } + + @keyframes ms-slideDownOut20#{$ms-fabric-version-suffix} { + from { transform: translate3d(0px, 0, 0px); } + to { transform: translate3d(0px, 20px, 0px); } + } + + @keyframes ms-scaleUp100#{$ms-fabric-version-suffix} { + from { transform: scale3d(.98, .98, 1); } + to { transform: scale3d(1, 1, 1); } + } + + @keyframes ms-scaleUp103#{$ms-fabric-version-suffix} { + from { transform: scale3d(1, 1, 1); } + to { transform: scale3d(1.03, 1.03, 1); } + } + + @keyframes ms-scaleDown98#{$ms-fabric-version-suffix} { + from { transform: scale3d(1, 1, 1); } + to { transform: scale3d(0.98, 0.98, 1); } + } + + @keyframes ms-scaleDown100#{$ms-fabric-version-suffix} { + from { transform: scale3d(1.03, 1.03, 1); } + to { transform: scale3d(1, 1, 1); } + } + + @keyframes ms-fadeIn#{$ms-fabric-version-suffix} { + from { + opacity: 0; + animation-timing-function: $ms-animation-ease-2; + } + to { opacity: 1; } + } + + @keyframes ms-fadeOut#{$ms-fabric-version-suffix} { + from { + opacity: 1; + animation-timing-function: $ms-animation-ease-2; + } + to { opacity: 0; } + } + + @keyframes ms-rotate90#{$ms-fabric-version-suffix} { + from { transform: rotateZ(0deg); } + to { transform: rotateZ(90deg); } + } + + @keyframes ms-rotateN90#{$ms-fabric-version-suffix} { + from { transform: rotateZ(90deg); } + to { transform: rotateZ(0deg); } + } +} + +// Wraps content in a 'prefers-reduced-motion' media query, so that it will only be +// applied where the user has opted to reduce motion. This is currently supported by +// Safari on iOS and macOS, and will likely be coming to other browsers in the future. +// +// See this article: https://css-tricks.com/introduction-reduced-motion-media-query/ +@mixin ms-prefers-reduced-motion { + @media (prefers-reduced-motion: reduce) { + @content; + } +} + +// Outputs the properties for an animation. +@mixin ms-animation($names, $duration, $timing: $ms-animation-ease-1, $fillMode: both) { + // Set a default value for the version-scoped variable if it isn't assigned. + $ms-fabric-version-suffix: '' !default; + + // Append the scoping suffix to each animation name. + $namelist: (); + @each $name in $names { + $newname: $name#{$ms-fabric-version-suffix}; + $namelist: append($namelist, unquote($newname), 'comma'); + } + + // Output the animation's properties. + animation-name: $namelist; + animation-duration: $duration; + animation-timing-function: $timing; + animation-fill-mode: $fillMode; + + // Make the animation instant for users who prefer no motion. + @include ms-prefers-reduced-motion { + animation: none; + } +} + +// Ouptuts the properties for a transition. +@mixin ms-transition($transition) { + transition: $transition; + + // Make the transition instant for users who prefer no motion. + @include ms-prefers-reduced-motion { + transition: none; + } +} + +// Slide +@mixin ms-slideRightIn10 { + @include ms-LTR { + @include ms-animation((ms-fadeIn, ms-slideRightIn10), $ms-animation-duration-3, $ms-animation-ease-1); + } + + @include ms-RTL { + @include ms-animation((ms-fadeIn, ms-slideLeftIn10), $ms-animation-duration-3, $ms-animation-ease-1); + } +} + +@mixin ms-slideRightIn20 { + @include ms-LTR { + @include ms-animation((ms-fadeIn, ms-slideRightIn20), $ms-animation-duration-3, $ms-animation-ease-1); + } + + @include ms-RTL { + @include ms-animation((ms-fadeIn, ms-slideLeftIn20), $ms-animation-duration-3, $ms-animation-ease-1); + } +} + +@mixin ms-slideRightIn40 { + @include ms-LTR { + @include ms-animation((ms-fadeIn, ms-slideRightIn40), $ms-animation-duration-3, $ms-animation-ease-1); + } + + @include ms-RTL { + @include ms-animation((ms-fadeIn, ms-slideLeftIn40), $ms-animation-duration-3, $ms-animation-ease-1); + } +} + +@mixin ms-slideRightIn400 { + @include ms-LTR { + @include ms-animation((ms-fadeIn, ms-slideRightIn400), $ms-animation-duration-3, $ms-animation-ease-1); + } + + @include ms-RTL { + @include ms-animation((ms-fadeIn, ms-slideLeftIn400), $ms-animation-duration-3, $ms-animation-ease-1); + } +} + +@mixin ms-slideRightOut40 { + @include ms-LTR { + @include ms-animation((ms-fadeOut, ms-slideRightOut40), $ms-animation-duration-1, $ms-animation-ease-2); + } + + @include ms-RTL { + @include ms-animation((ms-fadeOut, ms-slideLeftOut40), $ms-animation-duration-1, $ms-animation-ease-2); + } +} + +@mixin ms-slideRightOut400 { + @include ms-LTR { + @include ms-animation((ms-fadeOut, ms-slideRightOut400), $ms-animation-duration-1, $ms-animation-ease-2); + } + + @include ms-RTL { + @include ms-animation((ms-fadeOut, ms-slideLeftOut400), $ms-animation-duration-1, $ms-animation-ease-2); + } +} + +@mixin ms-slideLeftIn10 { + @include ms-LTR { + @include ms-animation((ms-fadeIn, ms-slideLeftIn10), $ms-animation-duration-3, $ms-animation-ease-1); + } + + @include ms-RTL { + @include ms-animation((ms-fadeIn, ms-slideRightIn10), $ms-animation-duration-3, $ms-animation-ease-1); + } +} + +@mixin ms-slideLeftIn20 { + @include ms-LTR { + @include ms-animation((ms-fadeIn, ms-slideLeftIn20), $ms-animation-duration-3, $ms-animation-ease-1); + } + + @include ms-RTL { + @include ms-animation((ms-fadeIn, ms-slideRightIn20), $ms-animation-duration-3, $ms-animation-ease-1); + } +} + +@mixin ms-slideLeftIn40 { + @include ms-LTR { + @include ms-animation((ms-fadeIn, ms-slideLeftIn40), $ms-animation-duration-3, $ms-animation-ease-1); + } + + @include ms-RTL { + @include ms-animation((ms-fadeIn, ms-slideRightIn40), $ms-animation-duration-3, $ms-animation-ease-1); + } +} + +@mixin ms-slideLeftIn400 { + @include ms-LTR { + @include ms-animation((ms-fadeIn, ms-slideLeftIn400), $ms-animation-duration-3, $ms-animation-ease-1); + } + + @include ms-RTL { + @include ms-animation((ms-fadeIn, ms-slideRightIn400), $ms-animation-duration-3, $ms-animation-ease-1); + } +} + +@mixin ms-slideLeftOut40 { + @include ms-LTR { + @include ms-animation((ms-fadeOut, ms-slideLeftOut40), $ms-animation-duration-1, $ms-animation-ease-2); + } + + @include ms-RTL { + @include ms-animation((ms-fadeOut, ms-slideRightOut40), $ms-animation-duration-1, $ms-animation-ease-2); + } +} + +@mixin ms-slideLeftOut400 { + @include ms-LTR { + @include ms-animation((ms-fadeOut, ms-slideLeftOut400), $ms-animation-duration-1, $ms-animation-ease-2); + } + + @include ms-RTL { + @include ms-animation((ms-fadeOut, ms-slideRightOut400), $ms-animation-duration-1, $ms-animation-ease-2); + } +} + +@mixin ms-slideUpIn10 { + @include ms-animation((ms-fadeIn, ms-slideUpIn10), $ms-animation-duration-1, $ms-animation-ease-2); +} + +@mixin ms-slideUpIn20 { + @include ms-animation((ms-fadeIn, ms-slideUpIn20), $ms-animation-duration-3, $ms-animation-ease-1); +} + +@mixin ms-slideDownIn10 { + @include ms-animation((ms-fadeIn, ms-slideDownIn10), $ms-animation-duration-1, $ms-animation-ease-2); +} + +@mixin ms-slideDownIn20 { + @include ms-animation((ms-fadeIn, ms-slideDownIn20), $ms-animation-duration-3, $ms-animation-ease-1); +} + +@mixin ms-slideUpOut10 { + @include ms-animation((ms-fadeOut, ms-slideUpOut10), $ms-animation-duration-1, $ms-animation-ease-2); +} + +@mixin ms-slideUpOut20 { + @include ms-animation((ms-fadeOut, ms-slideUpOut20), $ms-animation-duration-1, $ms-animation-ease-2); +} + +@mixin ms-slideDownOut10 { + @include ms-animation((ms-fadeOut, ms-slideDownOut10), $ms-animation-duration-1, $ms-animation-ease-2); +} + +@mixin ms-slideDownOut20 { + @include ms-animation((ms-fadeOut, ms-slideDownOut20), $ms-animation-duration-1, $ms-animation-ease-2); +} + +// Scale +@mixin ms-scaleUpIn100 { + @include ms-animation((ms-fadeIn, ms-scaleUp100), $ms-animation-duration-3, $ms-animation-ease-1); +} + +@mixin ms-scaleUpOut103 { + @include ms-animation((ms-fadeOut, ms-scaleUp103), $ms-animation-duration-1, $ms-animation-ease-2); +} + +@mixin ms-scaleDownOut98 { + @include ms-animation((ms-fadeOut, ms-scaleDown98), $ms-animation-duration-1, $ms-animation-ease-2); +} + +@mixin ms-scaleDownIn100 { + @include ms-animation((ms-fadeIn, ms-scaleDown100), $ms-animation-duration-3, $ms-animation-ease-1); +} + +// Rotate +// @todo: These durations should use a variable, likely $ms-animation-duration-1 +@mixin ms-rotate90deg { + @include ms-LTR { + @include ms-animation(ms-rotate90, 0.1s, $ms-animation-ease-2); + } + + @include ms-RTL { + @include ms-animation(ms-rotateN90, 0.1s, $ms-animation-ease-2); + } +} + +@mixin ms-rotateN90deg { + @include ms-LTR { + @include ms-animation(ms-rotateN90, 0.1s, $ms-animation-ease-2); + } + + @include ms-RTL { + @include ms-animation(ms-rotate90, 0.1s, $ms-animation-ease-2); + } +} + +// Fade +@mixin ms-fadeIn100 { + @include ms-animation(ms-fadeIn, $ms-animation-duration-1); +} + +@mixin ms-fadeIn200 { + @include ms-animation(ms-fadeIn, $ms-animation-duration-2); +} + +@mixin ms-fadeIn400 { + @include ms-animation(ms-fadeIn, $ms-animation-duration-3); +} + +@mixin ms-fadeIn500 { + @include ms-animation(ms-fadeIn, $ms-animation-duration-4); +} + +@mixin ms-fadeOut100 { + @include ms-animation(ms-fadeOut, 0.1s); // @todo: This is the only duration that matches the class name +} + +@mixin ms-fadeOut200 { + @include ms-animation(ms-fadeOut, $ms-animation-duration-1); // @todo: Based on class name, likely intended to be 0.2s +} + +@mixin ms-fadeOut400 { + @include ms-animation(ms-fadeOut, $ms-animation-duration-3); // @todo: Based on class name, likely intended to be 0.4s +} + +@mixin ms-fadeOut500 { + @include ms-animation(ms-fadeOut, $ms-animation-duration-4); // @todo: Based on class name, likely intended to be 0.5s +} + +// Expand-collapse +@mixin ms-expandCollapse100 { + @include ms-transition(height 0.1s $ms-animation-ease-2); // @todo: This is the only duration that matches the class name +} + +@mixin ms-expandCollapse200 { + @include ms-transition(height $ms-animation-duration-1 $ms-animation-ease-2); // @todo: Based on class name, likely intended to be 0.2s +} + +@mixin ms-expandCollapse400 { + @include ms-transition(height $ms-animation-duration-3 $ms-animation-ease-2); // @todo: Based on class name, likely intended to be 0.4s +} + +// Utilities to set the animation delay property. +@mixin ms-delay100 { + animation-delay: $ms-animation-duration-1; // @todo: Based on class name, likely intended to be 0.1s +} + +@mixin ms-delay200 { + animation-delay: $ms-animation-duration-2; // @todo: Based on class name, likely intended to be 0.2s +} diff --git a/dist/sass/mixins/_BrandIcon.Mixins.scss b/dist/sass/mixins/_BrandIcon.Mixins.scss new file mode 100644 index 000000000..2c1795f4a --- /dev/null +++ b/dist/sass/mixins/_BrandIcon.Mixins.scss @@ -0,0 +1,54 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// Generate classes for product and document icons +@mixin ms-brand-icon-classes($retina) { + @each $icon in $ms-brand-icon-product-icons { + .ms-BrandIcon--#{$icon} { + @include ms-brand-icon-product-sizes($icon, $retina, $ms-brand-icon-product-images-path); + } + } + + @each $icon in $ms-brand-icon-document-icons { + .ms-BrandIcon--#{$icon} { + @include ms-brand-icon-document-sizes($icon, $retina, $ms-brand-icon-document-images-path); + } + } +} + +// Generate size classes for each product icon +@mixin ms-brand-icon-product-sizes($icon, $retina, $images-path) { + @each $size in $ms-brand-icon-sizes { + &.ms-BrandIcon--icon#{$size} { + background-image: url(#{$images-path}/#{$icon}_#{$size}x#{$retina}.png); + } + } +} + +// Generate size classes for each document icon +@mixin ms-brand-icon-document-sizes($icon, $retina, $images-path) { + $scaleSuffix: ''; + @if $retina == '1' { + $scaleSuffix: ''; + } @else if $retina == '1_5' { + $scaleSuffix: '_1.5x'; + } @else { + $scaleSuffix: '_#{$retina}x'; + } + + @each $size in $ms-brand-icon-sizes { + &.ms-BrandIcon--icon#{$size} { + background-image: url(#{$images-path}/#{$size}#{$scaleSuffix}/#{$icon}.png); + } + } +} + +// Generate generic icon size classes +@mixin ms-brand-icon-size-classes() { + @each $size in $ms-brand-icon-sizes { + .ms-BrandIcon--icon#{$size} { + background-size: 100% 100%; + width: #{$size}px; + height: #{$size}px; + } + } +} diff --git a/dist/sass/mixins/_Color.Mixins.scss b/dist/sass/mixins/_Color.Mixins.scss new file mode 100644 index 000000000..88c9afe00 --- /dev/null +++ b/dist/sass/mixins/_Color.Mixins.scss @@ -0,0 +1,428 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// Office UI Fabric +// -------------------------------------------------- +// Fabric Core Color Mixins + + +//== Background colors +// +// Theme colors +@mixin ms-bgColor-themeDark { + background-color: $ms-color-themeDark; +} + +@mixin ms-bgColor-themeDarkAlt { + background-color: $ms-color-themeDarkAlt; +} + +@mixin ms-bgColor-themeDarker { + background-color: $ms-color-themeDarker; +} + +@mixin ms-bgColor-themePrimary { + background-color: $ms-color-themePrimary; +} + +@mixin ms-bgColor-themeSecondary { + background-color: $ms-color-themeSecondary; +} + +@mixin ms-bgColor-themeTertiary { + background-color: $ms-color-themeTertiary; +} + +@mixin ms-bgColor-themeLight { + background-color: $ms-color-themeLight; +} + +@mixin ms-bgColor-themeLighter { + background-color: $ms-color-themeLighter; +} + +@mixin ms-bgColor-themeLighterAlt { + background-color: $ms-color-themeLighterAlt; +} + +// Neutral colors +@mixin ms-bgColor-black { + background-color: $ms-color-black; +} + +@mixin ms-bgColor-neutralDark { + background-color: $ms-color-neutralDark; +} + +@mixin ms-bgColor-neutralPrimary { + background-color: $ms-color-neutralPrimary; +} + +@mixin ms-bgColor-neutralPrimaryAlt { + background-color: $ms-color-neutralPrimaryAlt; +} + +@mixin ms-bgColor-neutralSecondary { + background-color: $ms-color-neutralSecondary; +} + +@mixin ms-bgColor-neutralSecondaryAlt { + background-color: $ms-color-neutralSecondaryAlt; +} + +@mixin ms-bgColor-neutralTertiary { + background-color: $ms-color-neutralTertiary; +} + +@mixin ms-bgColor-neutralTertiaryAlt { + background-color: $ms-color-neutralTertiaryAlt; +} + +@mixin ms-bgColor-neutralQuaternary { + background-color: $ms-color-neutralQuaternary; +} + +@mixin ms-bgColor-neutralQuaternaryAlt { + background-color: $ms-color-neutralQuaternaryAlt; +} + +@mixin ms-bgColor-neutralLight { + background-color: $ms-color-neutralLight; +} + +@mixin ms-bgColor-neutralLighter { + background-color: $ms-color-neutralLighter; +} + +@mixin ms-bgColor-neutralLighterAlt { + background-color: $ms-color-neutralLighterAlt; +} + +@mixin ms-bgColor-white { + background-color: $ms-color-white; +} + + +// Brand and accent colors +@mixin ms-bgColor-yellow { + background-color: $ms-color-yellow; +} + +@mixin ms-bgColor-yellowLight { + background-color: $ms-color-yellowLight; +} + +@mixin ms-bgColor-orange { + background-color: $ms-color-orange; +} + +@mixin ms-bgColor-orangeLight { + background-color: $ms-color-orangeLight; +} + +@mixin ms-bgColor-orangeLighter { + background-color: $ms-color-orangeLighter; +} + +@mixin ms-bgColor-redDark { + background-color: $ms-color-redDark; +} + +@mixin ms-bgColor-red { + background-color: $ms-color-red; +} + +@mixin ms-bgColor-magentaDark { + background-color: $ms-color-magentaDark; +} + +@mixin ms-bgColor-magenta { + background-color: $ms-color-magenta; +} + +@mixin ms-bgColor-magentaLight { + background-color: $ms-color-magentaLight; +} + +@mixin ms-bgColor-purpleDark { + background-color: $ms-color-purpleDark; +} + +@mixin ms-bgColor-purple { + background-color: $ms-color-purple; +} + +@mixin ms-bgColor-purpleLight { + background-color: $ms-color-purpleLight; +} + +@mixin ms-bgColor-blueDark { + background-color: $ms-color-blueDark; +} + +@mixin ms-bgColor-blueMid { + background-color: $ms-color-blueMid; +} + +@mixin ms-bgColor-blue { + background-color: $ms-color-blue; +} + +@mixin ms-bgColor-blueLight { + background-color: $ms-color-blueLight; +} + +@mixin ms-bgColor-tealDark { + background-color: $ms-color-tealDark; +} + +@mixin ms-bgColor-teal { + background-color: $ms-color-teal; +} + +@mixin ms-bgColor-tealLight { + background-color: $ms-color-tealLight; +} + +@mixin ms-bgColor-greenDark { + background-color: $ms-color-greenDark; +} + +@mixin ms-bgColor-green { + background-color: $ms-color-green; +} + +@mixin ms-bgColor-greenLight { + background-color: $ms-color-greenLight; +} + +// Message colors +@mixin ms-bgColor-info { + background-color: $ms-color-infoBackground; +} + +@mixin ms-bgColor-success { + background-color: $ms-color-successBackground; +} + +@mixin ms-bgColor-severeWarning { + background-color: $ms-color-severeWarningBackground; +} + +@mixin ms-bgColor-warning { + background-color: $ms-color-warningBackground; +} + +@mixin ms-bgColor-error { + background-color: $ms-color-errorBackground; +} + + +//== Border colors +// + +// Theme colors +@mixin ms-borderColor-themeDark { + border-color: $ms-color-themeDark; +} + +@mixin ms-borderColor-themeDarkAlt { + border-color: $ms-color-themeDarkAlt; +} + +@mixin ms-borderColor-themeDarker { + border-color: $ms-color-themeDarker; +} + +@mixin ms-borderColor-themePrimary { + border-color: $ms-color-themePrimary; +} + +@mixin ms-borderColor-themeSecondary { + border-color: $ms-color-themeSecondary; +} + +@mixin ms-borderColor-themeTertiary { + border-color: $ms-color-themeTertiary; +} + +@mixin ms-borderColor-themeLight { + border-color: $ms-color-themeLight; +} + +@mixin ms-borderColor-themeLighter { + border-color: $ms-color-themeLighter; +} + +@mixin ms-borderColor-themeLighterAlt { + border-color: $ms-color-themeLighterAlt; +} + + +// Neutral colors +@mixin ms-borderColor-black { + border-color: $ms-color-black; +} + +@mixin ms-borderColor-neutralDark { + border-color: $ms-color-neutralDark; +} + +@mixin ms-borderColor-neutralPrimary { + border-color: $ms-color-neutralPrimary; +} + +@mixin ms-borderColor-neutralPrimaryAlt { + border-color: $ms-color-neutralPrimaryAlt; +} + +@mixin ms-borderColor-neutralSecondary { + border-color: $ms-color-neutralSecondary; +} + +@mixin ms-borderColor-neutralSecondaryAlt { + border-color: $ms-color-neutralSecondaryAlt; +} + +@mixin ms-borderColor-neutralTertiary { + border-color: $ms-color-neutralTertiary; +} + +@mixin ms-borderColor-neutralTertiaryAlt { + border-color: $ms-color-neutralTertiaryAlt; +} + +@mixin ms-borderColor-neutralQuaternary { + border-color: $ms-color-neutralQuaternary; +} + +@mixin ms-borderColor-neutralQuaternaryAlt { + border-color: $ms-color-neutralQuaternaryAlt; +} + +@mixin ms-borderColor-neutralLight { + border-color: $ms-color-neutralLight; +} + +@mixin ms-borderColor-neutralLighter { + border-color: $ms-color-neutralLighter; +} + +@mixin ms-borderColor-neutralLighterAlt { + border-color: $ms-color-neutralLighterAlt; +} + +@mixin ms-borderColor-white { + border-color: $ms-color-white; +} + +// Brand and accent colors +@mixin ms-borderColor-yellow { + border-color: $ms-color-yellow; +} + +@mixin ms-borderColor-yellowLight { + border-color: $ms-color-yellowLight; +} + +@mixin ms-borderColor-orange { + border-color: $ms-color-orange; +} + +@mixin ms-borderColor-orangeLight { + border-color: $ms-color-orangeLight; +} + +@mixin ms-borderColor-orangeLighter { + border-color: $ms-color-orangeLighter; +} + +@mixin ms-borderColor-redDark { + border-color: $ms-color-redDark; +} + +@mixin ms-borderColor-red { + border-color: $ms-color-red; +} + +@mixin ms-borderColor-magentaDark { + border-color: $ms-color-magentaDark; +} + +@mixin ms-borderColor-magenta { + border-color: $ms-color-magenta; +} + +@mixin ms-borderColor-magentaLight { + border-color: $ms-color-magentaLight; +} + +@mixin ms-borderColor-purpleDark { + border-color: $ms-color-purpleDark; +} + +@mixin ms-borderColor-purple { + border-color: $ms-color-purple; +} + +@mixin ms-borderColor-purpleLight { + border-color: $ms-color-purpleLight; +} + +@mixin ms-borderColor-blueDark { + border-color: $ms-color-blueDark; +} + +@mixin ms-borderColor-blueMid { + border-color: $ms-color-blueMid; +} + +@mixin ms-borderColor-blue { + border-color: $ms-color-blue; +} + +@mixin ms-borderColor-blueLight { + border-color: $ms-color-blueLight; +} + +@mixin ms-borderColor-tealDark { + border-color: $ms-color-tealDark; +} + +@mixin ms-borderColor-teal { + border-color: $ms-color-teal; +} + +@mixin ms-borderColor-tealLight { + border-color: $ms-color-tealLight; +} + +@mixin ms-borderColor-greenDark { + border-color: $ms-color-greenDark; +} + +@mixin ms-borderColor-green { + border-color: $ms-color-green; +} + +@mixin ms-borderColor-greenLight { + border-color: $ms-color-greenLight; +} + + +// Message colors +@mixin ms-borderColor-info { + border-color: $ms-color-info; +} + +@mixin ms-borderColor-success { + border-color: $ms-color-success; +} + +@mixin ms-borderColor-alert { + border-color: $ms-color-alert; +} + +@mixin ms-borderColor-error { + border-color: $ms-color-error; +} diff --git a/dist/sass/mixins/_Directionality.Mixins.scss b/dist/sass/mixins/_Directionality.Mixins.scss new file mode 100644 index 000000000..cbf7b8f82 --- /dev/null +++ b/dist/sass/mixins/_Directionality.Mixins.scss @@ -0,0 +1,358 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// Office UI Fabric +// -------------------------------------------------- +// Directionality mixins to generate LTR and RTL-specific styles + +// Base left-to-right mixin definition. +@mixin ms-LTR { + [dir='ltr'] & { + @content; + } +} + +// Base right-to-left mixin definition. +@mixin ms-RTL { + [dir='rtl'] & { + @content; + } +} + +// Use baseRTL to set the default direction to right-to-left on +// a root element (e.g. page or region) that needs RTL support. +@mixin ms-base-RTL { + @include ms-RTL { + direction: rtl; + unicode-bidi: bidi-override; + } +} + + +// Common CSS property mixins with support for RTL. +// Use to automatically create RTL versions of your properties. + +// Background direction. +@mixin ms-background-position($alignment) { + @if $alignment == left { + @include ms-LTR { + background-position: left; + } + + @include ms-RTL { + background-position: right; + } + } @else if $alignment == right { + @include ms-LTR { + background-position: right; + } + + @include ms-RTL { + background-position: left; + } + } @else { + background-position: $alignment; + } +} + +// Border styles. +@mixin ms-border-color($top, $right, $bottom, $left) { + border-color: $top $right $bottom $left; + + @include ms-RTL { + border-color: $top $left $bottom $right; + } +} + +@mixin ms-border-left($width, $style, $color) { + @include ms-LTR { + border-left: $width $style $color; + } + + @include ms-RTL { + border-right: $width $style $color; + } +} + +@mixin ms-border-left-color($color) { + @include ms-LTR { + border-left-color: $color; + } + + @include ms-RTL { + border-right-color: $color; + } +} + +@mixin ms-border-left-style($style) { + @include ms-LTR { + border-left-style: $style; + } + + @include ms-RTL { + border-right-style: $style; + } +} + +@mixin ms-border-left-width($width) { + @include ms-LTR { + border-left-width: $width; + } + + @include ms-RTL { + border-right-width: $width; + } +} + +@mixin ms-border-radius($topLeft, $topRight, $bottomRight, $bottomLeft) { + border-radius: $topLeft $topRight $bottomRight $bottomLeft; + + @include ms-RTL { + border-radius: $topRight $topLeft $bottomLeft $bottomRight; + } +} + +@mixin ms-border-right($width, $style, $color) { + @include ms-LTR { + border-right: $width $style $color; + } + + @include ms-RTL { + border-left: $width $style $color; + } +} + +@mixin ms-border-right-color($color) { + @include ms-LTR { + border-right-color: $color; + } + + @include ms-RTL { + border-left-color: $color; + } +} + +@mixin ms-border-right-style($style) { + @include ms-LTR { + border-right-style: $style; + } + + @include ms-RTL { + border-left-style: $style; + } +} + +@mixin ms-border-right-width($width) { + @include ms-LTR { + border-right-width: $width; + } + + @include ms-RTL { + border-left-width: $width; + } +} + +// Floats. +@mixin ms-clear($side) { + @if $side == left { + @include ms-LTR { + clear: $side; + } + + @include ms-RTL { + clear: right; + } + } @else if $side == right { + @include ms-LTR { + clear: $side; + } + + @include ms-RTL { + clear: left; + } + } @else { + clear: $side; + } +} + +@mixin ms-float($direction) { + @if $direction == left { + @include ms-LTR { + float: left; + } + + @include ms-RTL { + float: right; + } + } @else { + @include ms-LTR { + float: right; + } + + @include ms-RTL { + float: left; + } + } +} + +// Positioning. +@mixin ms-left($distance) { + @include ms-LTR { + left: $distance; + } + + @include ms-RTL { + right: $distance; + } +} + +@mixin ms-right($distance) { + @include ms-LTR { + right: $distance; + } + + @include ms-RTL { + left: $distance; + } +} + +// Margins. +@mixin ms-margin($top, $right, $bottom, $left) { + margin: $top $right $bottom $left; + + @include ms-RTL { + margin: $top $left $bottom $right; + } +} + +@mixin ms-margin-left($distance) { + @include ms-LTR { + margin-left: $distance; + } + + @include ms-RTL { + margin-right: $distance; + } +} + +@mixin ms-margin-right($distance) { + @include ms-LTR { + margin-right: $distance; + } + @include ms-RTL { + margin-left: $distance; + } +} + +// Padding. +@mixin ms-padding($top, $right, $bottom, $left) { + padding: $top $right $bottom $left; + + @include ms-RTL { + padding: $top $left $bottom $right; + } +} + +@mixin ms-padding-left($distance) { + @include ms-LTR { + padding-left: $distance; + } + + @include ms-RTL { + padding-right: $distance; + } +} + +@mixin ms-padding-right($distance) { + @include ms-LTR { + padding-right: $distance; + } + + @include ms-RTL { + padding-left: $distance; + } +} + +// Text-alignment. +@mixin ms-text-align($direction) { + @if $direction == left { + @include ms-LTR { + text-align: left; + } + + @include ms-RTL { + text-align: right; + } + } @else { + @include ms-LTR { + text-align: right; + } + + @include ms-RTL { + text-align: left; + } + } +} + +// Box-shadow. +@mixin ms-box-shadow($left, $etc) { + @include ms-LTR { + box-shadow: $left $etc; + } + + @include ms-RTL { + box-shadow: -$left $etc; + } +} + +// Transforms. +@mixin ms-transform-scaleX($scaleX: 1) { + @include ms-LTR { + transform: scaleX($scaleX); + } + + @include ms-RTL { + transform: scaleX(-$scaleX); + } +} + +@mixin ms-transform-translateX($distance) { + @include ms-LTR { + transform: translateX($distance); + } + + @include ms-RTL { + transform: translateX(-$distance); + } +} + +@mixin ms-transform-rotate($degrees) { + @include ms-LTR { + transform: rotate($degrees); + } + + @include ms-RTL { + transform: rotate(-$degrees); + } +} + +// Transitions. Only supported when ONLY left/right are declared +@mixin ms-transition-property($direction) { + @if $direction == left { + @include ms-LTR { + transition-property: left; + } + + @include ms-RTL { + transition-property: right; + } + } @else { + @include ms-LTR { + transition-property: right; + } + + @include ms-RTL { + transition-property: left; + } + } +} diff --git a/dist/sass/mixins/_Font.Mixins.scss b/dist/sass/mixins/_Font.Mixins.scss new file mode 100644 index 000000000..20688d857 --- /dev/null +++ b/dist/sass/mixins/_Font.Mixins.scss @@ -0,0 +1,411 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// Office UI Fabric +// -------------------------------------------------- +// Font definitions + +/* + Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license +*/ + +// Produce @font-face definitions for the web fonts. +@mixin ms-font-face($font-family-name, $cdn-folder, $cdn-font-name: 'segoeui') { + @font-face { + font-family: $font-family-name; + src: url('#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff2') format('woff2'), + url('#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-light.woff') format('woff'); + font-weight: $ms-font-weight-light; + font-style: normal; + } + + @font-face { + font-family: $font-family-name; + src: url('#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff2') format('woff2'), + url('#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semilight.woff') format('woff'); + font-weight: $ms-font-weight-semilight; + font-style: normal; + } + + @font-face { + font-family: $font-family-name; + src: url('#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff2') format('woff2'), + url('#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-regular.woff') format('woff'); + font-weight: $ms-font-weight-regular; + font-style: normal; + } + + @font-face { + font-family: $font-family-name; + src: url('#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff2') format('woff2'), + url('#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-semibold.woff') format('woff'); + font-weight: $ms-font-weight-semibold; + font-style: normal; + } + + @font-face { + font-family: $font-family-name; + src: url('#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff2') format('woff2'), + url('#{$ms-font-cdn-path}/#{$cdn-folder}/#{$cdn-font-name}-bold.woff') format('woff'); + font-weight: $ms-font-weight-bold; + font-style: normal; + } +} + +// Generate overrides to set font-family based on the lang attribute. +@mixin ms-font-family-language-override($language-code, $font-family) { + *[lang^='#{$language-code}'] .ms-Fabric, + .ms-Fabric *[lang^='#{$language-code}'], + .ms-Fabric[lang^='#{$language-code}'] { + font-family: $font-family; + } +} + +// Super Styles (LIMITED USE) +@mixin ms-font-su { + font-size: $ms-font-size-su; + font-weight: $ms-font-weight-light; +} + +// Extra-Extra-Large +@mixin ms-font-xxl { + font-size: $ms-font-size-xxl; + font-weight: $ms-font-weight-light; +} + +// Extra-Large Styles +@mixin ms-font-xl-plus { + font-size: $ms-font-size-xl-plus; + font-weight: $ms-font-weight-light; +} + +// Extra-Large Styles +@mixin ms-font-xl { + font-size: $ms-font-size-xl; + font-weight: $ms-font-weight-light; +} + +// Large Styles +@mixin ms-font-l { + font-size: $ms-font-size-l; + font-weight: $ms-font-weight-semilight; +} + +// Medium Plus Styles +@mixin ms-font-m-plus { + font-size: $ms-font-size-m-plus; + font-weight: $ms-font-weight-regular; +} + +// Medium Styles +@mixin ms-font-m { + font-size: $ms-font-size-m; + font-weight: $ms-font-weight-regular; +} + +// Small Plus Styles +@mixin ms-font-s-plus { + font-size: $ms-font-size-s-plus; + font-weight: $ms-font-weight-regular; +} + +// Small Styles +@mixin ms-font-s { + font-size: $ms-font-size-s; + font-weight: $ms-font-weight-regular; +} + +// XS Styles +@mixin ms-font-xs { + font-size: $ms-font-size-xs; + font-weight: $ms-font-weight-regular; +} + +// Micro Styles (LIMITED USE) +@mixin ms-font-mi { + font-size: $ms-font-size-mi; + font-weight: $ms-font-weight-semibold; +} + +//== Helper classes & mixins +// +// Helper mixins to override default type values + +// Font weights +@mixin ms-fontWeight-light { + font-weight: $ms-font-weight-light; +} + +@mixin ms-fontWeight-semilight { + font-weight: $ms-font-weight-semilight; +} + +@mixin ms-fontWeight-regular { + font-weight: $ms-font-weight-regular; +} + +@mixin ms-fontWeight-semibold { + font-weight: $ms-font-weight-semibold; +} + +@mixin ms-fontWeight-bold { + font-weight: $ms-font-weight-bold; +} + +// Font sizes +@mixin ms-fontSize-su { + font-size: $ms-font-size-su; +} + +@mixin ms-fontSize-xxl { + font-size: $ms-font-size-xxl; +} + +@mixin ms-fontSize-xlPlus { + font-size: $ms-font-size-xl-plus; +} + +@mixin ms-fontSize-xl { + font-size: $ms-font-size-xl; +} + +@mixin ms-fontSize-l { + font-size: $ms-font-size-l; +} + +@mixin ms-fontSize-mPlus { + font-size: $ms-font-size-m-plus; +} + +@mixin ms-fontSize-m { + font-size: $ms-font-size-m; +} + +@mixin ms-fontSize-sPlus { + font-size: $ms-font-size-s-plus; +} + +@mixin ms-fontSize-s { + font-size: $ms-font-size-s; +} + +@mixin ms-fontSize-xs { + font-size: $ms-font-size-xs; +} + +@mixin ms-fontSize-mi { + font-size: $ms-font-size-mi; +} + +// Theme colors +@mixin ms-fontColor-themeDarker { + color: $ms-color-themeDarker; +} + +@mixin ms-fontColor-themeDark { + color: $ms-color-themeDark; +} + +@mixin ms-fontColor-themeDarkAlt { + color: $ms-color-themeDarkAlt; +} + +@mixin ms-fontColor-themePrimary { + color: $ms-color-themePrimary; +} + +@mixin ms-fontColor-themeSecondary { + color: $ms-color-themeSecondary; +} + +@mixin ms-fontColor-themeTertiary { + color: $ms-color-themeTertiary; +} + +@mixin ms-fontColor-themeLight { + color: $ms-color-themeLight; +} + +@mixin ms-fontColor-themeLighter { + color: $ms-color-themeLighter; +} + +@mixin ms-fontColor-themeLighterAlt { + color: $ms-color-themeLighterAlt; +} + + +// Neutral colors +@mixin ms-fontColor-black { + color: $ms-color-black; +} + +@mixin ms-fontColor-neutralDark { + color: $ms-color-neutralDark; +} + +@mixin ms-fontColor-neutralPrimary { + color: $ms-color-neutralPrimary; +} + +@mixin ms-fontColor-neutralPrimaryAlt { + color: $ms-color-neutralPrimaryAlt; +} + +@mixin ms-fontColor-neutralSecondary { + color: $ms-color-neutralSecondary; +} + +@mixin ms-fontColor-neutralSecondaryAlt { + color: $ms-color-neutralSecondaryAlt; +} + +@mixin ms-fontColor-neutralTertiary { + color: $ms-color-neutralTertiary; +} + +@mixin ms-fontColor-neutralTertiaryAlt { + color: $ms-color-neutralTertiaryAlt; +} + +@mixin ms-fontColor-neutralQuaternary { + color: $ms-color-neutralQuaternary; +} + +@mixin ms-fontColor-neutralQuaternaryAlt { + color: $ms-color-neutralQuaternaryAlt; +} + +@mixin ms-fontColor-neutralLight { + color: $ms-color-neutralLight; +} + +@mixin ms-fontColor-neutralLighter { + color: $ms-color-neutralLighter; +} + +@mixin ms-fontColor-neutralLighterAlt { + color: $ms-color-neutralLighterAlt; +} + +@mixin ms-fontColor-white { + color: $ms-color-white; +} + +// Brand and accent colors +@mixin ms-fontColor-yellow { + color: $ms-color-yellow; +} + +@mixin ms-fontColor-yellowLight { + color: $ms-color-yellowLight; +} + +@mixin ms-fontColor-orange { + color: $ms-color-orange; +} + +@mixin ms-fontColor-orangeLight { + color: $ms-color-orangeLight; +} + +@mixin ms-fontColor-orangeLighter { + color: $ms-color-orangeLighter; +} + +@mixin ms-fontColor-redDark { + color: $ms-color-redDark; +} + +@mixin ms-fontColor-red { + color: $ms-color-red; +} + +@mixin ms-fontColor-magentaDark { + color: $ms-color-magentaDark; +} + +@mixin ms-fontColor-magenta { + color: $ms-color-magenta; +} + +@mixin ms-fontColor-magentaLight { + color: $ms-color-magentaLight; +} + +@mixin ms-fontColor-purpleDark { + color: $ms-color-purpleDark; +} + +@mixin ms-fontColor-purple { + color: $ms-color-purple; +} + +@mixin ms-fontColor-purpleLight { + color: $ms-color-purpleLight; +} + +@mixin ms-fontColor-blueDark { + color: $ms-color-blueDark; +} + +@mixin ms-fontColor-blueMid { + color: $ms-color-blueMid; +} + +@mixin ms-fontColor-blue { + color: $ms-color-blue; +} + +@mixin ms-fontColor-blueLight { + color: $ms-color-blueLight; +} + +@mixin ms-fontColor-tealDark { + color: $ms-color-tealDark; +} + +@mixin ms-fontColor-teal { + color: $ms-color-teal; +} + +@mixin ms-fontColor-tealLight { + color: $ms-color-tealLight; +} + +@mixin ms-fontColor-greenDark { + color: $ms-color-greenDark; +} + +@mixin ms-fontColor-green { + color: $ms-color-green; +} + +@mixin ms-fontColor-greenLight { + color: $ms-color-greenLight; +} + +// Message colors +@mixin ms-fontColor-info { + color: $ms-color-info; +} + +@mixin ms-fontColor-success { + color: $ms-color-success; +} + +@mixin ms-fontColor-alert { // @todo: Deprecated: Use ms-fontColor-severeWarning + color: $ms-color-alert; +} + +@mixin ms-fontColor-warning { + color: $ms-color-warning; +} + +@mixin ms-fontColor-severeWarning { + color: $ms-color-severeWarning; +} + +@mixin ms-fontColor-error { + color: $ms-color-error; +} diff --git a/dist/sass/mixins/_General.Mixins.scss b/dist/sass/mixins/_General.Mixins.scss new file mode 100644 index 000000000..6609c9417 --- /dev/null +++ b/dist/sass/mixins/_General.Mixins.scss @@ -0,0 +1,222 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// Office UI Fabric +// -------------------------------------------------- +// Vendor-prefixed mixins + +// Border radius. +@mixin ms-border-radius($radius: 5px) { + border-radius: $radius; + background-clip: padding-box; +} + +// Drop shadow. +@mixin ms-drop-shadow($x-offset: 0, $y-offset: 0, $blur: 5px, $spread: 0, $alpha: 0.4) { + @include ms-box-shadow($x-offset, $y-offset $blur $spread rgba(0, 0, 0, $alpha)); +} + +// Background gradient. +@mixin ms-background-gradient($origin: left, $start: #000, $start-location: 0%, $stop: #FFF, $stop-location: 100%) { + + // To maintain compatibility with the old arguments, reverse + // the $origin direction and set it as $destination. + $destination: null; + @if $origin == top { + $destination: bottom; + } + @if $origin == right { + $destination: left; + } + @if $origin == bottom { + $destination: top; + } + @if $origin == left { + $destination: right; + } + + background-color: $start; + background-image: linear-gradient(to $destination, $start $start-location, $stop $stop-location); +} + +// Rotation. +@mixin ms-rotate($degrees) { + @include ms-transform-rotate($degrees); +} + +// Prevents user selection of text elements. +@mixin ms-user-select ($val) { + -webkit-touch-callout: $val; + -webkit-user-select: $val; + -khtml-user-select: $val; + -moz-user-select: $val; + -ms-user-select: $val; + user-select: $val; +} + +// Prevents the text within a block element from wrapping to second line. +@mixin ms-no-wrap() { + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +// Flexbox +@mixin ms-flex-box() { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; +} + +@mixin ms-alignItems($mode) { + -webkit-box-align: $mode; + -moz-box-align: $mode; + -ms-flex-align: $mode; + -webkit-align-items: $mode; + align-items: $mode; +} + +// Base/wrapper component to set typography throughout the app. +@mixin ms-Fabric { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + @include ms-inherit-font-family(); + color: $ms-color-neutralPrimary; + font-family: $ms-font-family-west-european; + font-size: $ms-font-size-m; +} + +// Set the font-family to 'inherit' for elements where the browser +// styles commonly conflict with the font-family that we want. +@mixin ms-inherit-font-family() { + button, + input, + textarea { + font-family: inherit; + } +} + +// Overrides the browser's default focus outline style. +@mixin ms-focus-outline($inset: 0, $color: $ms-focus-border-color) { + // Only do this when it's a child of ms-Fabric in a focusVisible state. + .ms-Fabric.is-focusVisible &:focus { + outline: $ms-focus-border-width $ms-focus-border-style $color; + outline-offset: -$inset; + } +} + +// Simulates a focus outline using an absolutely-positioned pseudo-element. +@mixin ms-focus-border($inset: 0, $color: $ms-focus-border-color) { + // Clear browser-specific focus styles and use 'transparent' as placeholder for focus style. + outline: transparent; + + // Requirement because pseudo-element is absolutely positioned. + position: relative; + + // Clear the focus border in Firefox. + // Reference: http://stackoverflow.com/a/199319/1436671 + &::-moz-focus-inner { + border: 0; + } + + // When the element that uses this mixin is in a :focus state, add a pseudo-element to + // create a border. Only do this when it's a child of ms-Fabric in a focusVisible state. + .ms-Fabric.is-focusVisible &:focus::after { + // Wrap the parent element with $padding. + content: ''; + position: absolute; + top: $inset; + right: $inset; + bottom: $inset; + left: $inset; + + // Add focus border of specified $color. + border: $ms-focus-border-width $ms-focus-border-style $color; + + // Make the content not respond to mouse/touch events. + // Reference: https://css-tricks.com/almanac/properties/p/pointer-events/ + pointer-events: none; + } +} + +// The best box is a border box. +@mixin ms-borderBox { + box-sizing: border-box; +} + +// For setting the border base width +@mixin ms-borderBase { + border: 1px solid; +} + +// Ensures the block expands to the full height to enclose its floated childen. +@mixin ms-clearfix { + *zoom: 1; + &::before, + &::after { + display: table; + content: ''; + line-height: 0; + } + &::after { + clear: both; + } +} + +// Basic border-box, margin, and padding reset. +@mixin ms-normalize { + @include ms-borderBox; + box-shadow: none; + margin: 0; + padding: 0; +} + +// Generate text alignment classes, such as .ms-textAlignLeft +// @param [variable list] $alignments +@mixin ms-textAlign($alignments...) { + @warn 'The ms-textAlign mixin has been deprecated and will be removed in a future release of Fabric Core.'; + @each $align in $alignments { + $alignStr: inspect($align); + .ms-textAlign#{to-upper-case(str-slice($alignStr, 1, 1)) + str-slice($alignStr, 2)} { + @include ms-text-align($align); + } + } +} + +// To hide content while still making it readable by screen readers (Accessibility) +@mixin ms-screenReaderOnly { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0,0,0,0); + border: 0; +} + +// To add truncation with ellipsis +@mixin ms-textTruncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + word-wrap: normal; // Fix for IE 8/9 in case 'word-wrap: break-word' is set on parent nodes +} + +// To disable text wrapping +@mixin ms-noWrap { + white-space: nowrap; +} + +// Replace or remove a portion of a string. +// Thanks to https://www.sassmeister.com/gist/1b4f2da5527830088e4d +@function ms-string-replace($string, $search, $replace: '') { + $index: str-index($string, $search); + + @if $index { + @return str-slice($string, 1, $index - 1) + $replace + ms-string-replace(str-slice($string, $index + str-length($search)), $search, $replace); + } + + @return $string; +} diff --git a/dist/sass/mixins/_Grid.Mixins.scss b/dist/sass/mixins/_Grid.Mixins.scss new file mode 100644 index 000000000..3769dc38d --- /dev/null +++ b/dist/sass/mixins/_Grid.Mixins.scss @@ -0,0 +1,39 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// Office UI Fabric +// -------------------------------------------------- +// Fluid 12-column grids for small, medium, and large devices + +//== Grid container (same for all sizes) +// +@mixin ms-Grid { + @include ms-borderBox; + @include ms-clearfix; + padding: 0 8px; +} + +//== Grid rows (pull first and last column out) +// +@mixin ms-Grid-row { + margin: 0 -8px; + @include ms-borderBox; + @include ms-clearfix; +} + +//== Grid cells +// +@mixin ms-Grid-col { + @include ms-float(left); + position: relative; + min-height: 1px; + padding-left: 8px; + padding-right: 8px; + @include ms-borderBox; + + // For nested grids (a grid inside a column), removing the padding + // so that the nested grid's columns go to the edge of the parent's. + .ms-Grid { + padding: 0; + } +} diff --git a/dist/sass/mixins/_Icon.Mixins.scss b/dist/sass/mixins/_Icon.Mixins.scss new file mode 100644 index 000000000..d7bb11a00 --- /dev/null +++ b/dist/sass/mixins/_Icon.Mixins.scss @@ -0,0 +1,1593 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// Office UI Fabric +// -------------------------------------------------- +// Icon mixin definitions + +// Base icon definition +@mixin ms-Icon { + $icon-font-family: 'FabricMDL2Icons'; + + @if variable_exists(do-scope-styles) { + $icon-font-family: 'FabricMDL2Icons-' + $ms-fabric-version-major; + } + + display: inline-block; + font-family: $icon-font-family; + font-style: normal; + font-weight: normal; + speak: none; +} + +// Modifier: Place the icon in a circle. +@mixin ms-Icon--circle { + @include ms-margin(0, 0.5em, 0, 0); + position: relative; + display: inline-block; + font-size: 1rem; + width: 1em; + height: 1em; + padding: 0; + text-align: left; + + &::before, &::after { + line-height: 1; + font-size: inherit; + } + + &::before { + display: block; + width: 100%; + height: 100%; + margin: 0; + padding: 0; + vertical-align: top; + position: absolute; + } + + &::after { + content: '\e000'; + position: absolute; + top: 0; + left: 0; + transform: scale(2); + transform-origin: 50% 50%; + z-index: $ms-zIndex-back; + } +} + +// Modifiers: Icon sizes +@mixin ms-Icon--xs { font-size: $ms-icon-size-xs; } +@mixin ms-Icon--s { font-size: $ms-icon-size-s; } +@mixin ms-Icon--m { font-size: $ms-icon-size-m; } +@mixin ms-Icon--l { font-size: $ms-icon-size-l; } + +@mixin ms-icon-classes($icons) { + // De-dupe the map by removing the LTR icon for every RTL icon. + // For example, remove 'Export' after finding 'ExportMirrored'. + // This assumes that RTL icons will contain 'Mirrored' and that + // they are sorted so that the mirrored icon comes later. + $dedupedIcons: $icons; + @each $iconName, $code in $dedupedIcons { + @if str-index($iconName, 'Mirrored') { + $duplicateIcon: ms-string-replace($iconName, 'Mirrored'); + $dedupedIcons: map-remove($dedupedIcons, $duplicateIcon); + } + } + + // Go through icon list and create a class for each icon. + @each $iconName, $iconCode in $dedupedIcons { + @if str-index($iconName, 'Mirrored') { + // Create different classes for LTR and RTL layouts. + $ltrIconName: ms-string-replace($iconName, 'Mirrored'); + $ltrIconCode: map-get($icons, $ltrIconName); + + // Classes for the regular icon. + .ms-Icon--#{$ltrIconName}::before { + @include ms-LTR { + content: $ltrIconCode; + } + @include ms-RTL { + content: $iconCode; + } + } + + // Classes for the mirrored icon. + .ms-Icon--#{$iconName}::before { + @include ms-LTR { + content: $iconCode; + } + @include ms-RTL { + content: $ltrIconCode; + } + } + } @else { + // Class for both LTR and RTL. + .ms-Icon--#{$iconName}::before { + content: $iconCode; + } + } + } +} + +// Modifiers: Each of the icons. These are no longer used within Fabric Core, +// and may be deprecated in a future release. +@mixin ms-Icon--12PointStar { content: $ms-icon-code-12PointStar; } +@mixin ms-Icon--6PointStar { content: $ms-icon-code-6PointStar; } +@mixin ms-Icon--AADLogo { content: $ms-icon-code-AADLogo; } +@mixin ms-Icon--Accept { content: $ms-icon-code-Accept; } +@mixin ms-Icon--AccessLogo { content: $ms-icon-code-AccessLogo; } +@mixin ms-Icon--AccessLogoFill { content: $ms-icon-code-AccessLogoFill; } +@mixin ms-Icon--AccountManagement { content: $ms-icon-code-AccountManagement; } +@mixin ms-Icon--Accounts { content: $ms-icon-code-Accounts; } +@mixin ms-Icon--ActivateOrders { content: $ms-icon-code-ActivateOrders; } +@mixin ms-Icon--ActivityFeed { content: $ms-icon-code-ActivityFeed; } +@mixin ms-Icon--Add { content: $ms-icon-code-Add; } +@mixin ms-Icon--AddBookmark { content: $ms-icon-code-AddBookmark; } +@mixin ms-Icon--AddEvent { content: $ms-icon-code-AddEvent; } +@mixin ms-Icon--AddFavorite { content: $ms-icon-code-AddFavorite; } +@mixin ms-Icon--AddFavoriteFill { content: $ms-icon-code-AddFavoriteFill; } +@mixin ms-Icon--AddFriend { content: $ms-icon-code-AddFriend; } +@mixin ms-Icon--AddGroup { content: $ms-icon-code-AddGroup; } +@mixin ms-Icon--AddNotes { content: $ms-icon-code-AddNotes; } +@mixin ms-Icon--AddOnlineMeeting { content: $ms-icon-code-AddOnlineMeeting; } +@mixin ms-Icon--AddPhone { content: $ms-icon-code-AddPhone; } +@mixin ms-Icon--AddTo { content: $ms-icon-code-AddTo; } +@mixin ms-Icon--Admin { content: $ms-icon-code-Admin; } +@mixin ms-Icon--AdminALogo32 { content: $ms-icon-code-AdminALogo32; } +@mixin ms-Icon--AdminALogoFill32 { content: $ms-icon-code-AdminALogoFill32; } +@mixin ms-Icon--AdminALogoInverse32 { content: $ms-icon-code-AdminALogoInverse32; } +@mixin ms-Icon--AdminCLogoInverse32 { content: $ms-icon-code-AdminCLogoInverse32; } +@mixin ms-Icon--AdminDLogoInverse32 { content: $ms-icon-code-AdminDLogoInverse32; } +@mixin ms-Icon--AdminELogoInverse32 { content: $ms-icon-code-AdminELogoInverse32; } +@mixin ms-Icon--AdminLLogoInverse32 { content: $ms-icon-code-AdminLLogoInverse32; } +@mixin ms-Icon--AdminMLogoInverse32 { content: $ms-icon-code-AdminMLogoInverse32; } +@mixin ms-Icon--AdminOLogoInverse32 { content: $ms-icon-code-AdminOLogoInverse32; } +@mixin ms-Icon--AdminPLogoInverse32 { content: $ms-icon-code-AdminPLogoInverse32; } +@mixin ms-Icon--AdminSLogoInverse32 { content: $ms-icon-code-AdminSLogoInverse32; } +@mixin ms-Icon--AdminYLogoInverse32 { content: $ms-icon-code-AdminYLogoInverse32; } +@mixin ms-Icon--Airplane { content: $ms-icon-code-Airplane; } +@mixin ms-Icon--AirplaneSolid { content: $ms-icon-code-AirplaneSolid; } +@mixin ms-Icon--AirTickets { content: $ms-icon-code-AirTickets; } +@mixin ms-Icon--AlarmClock { content: $ms-icon-code-AlarmClock; } +@mixin ms-Icon--Album { content: $ms-icon-code-Album; } +@mixin ms-Icon--AlbumRemove { content: $ms-icon-code-AlbumRemove; } +@mixin ms-Icon--AlertSolid { content: $ms-icon-code-AlertSolid; } +@mixin ms-Icon--AlignCenter { content: $ms-icon-code-AlignCenter; } +@mixin ms-Icon--AlignHorizontalCenter { content: $ms-icon-code-AlignHorizontalCenter; } +@mixin ms-Icon--AlignHorizontalLeft { content: $ms-icon-code-AlignHorizontalLeft; } +@mixin ms-Icon--AlignHorizontalRight { content: $ms-icon-code-AlignHorizontalRight; } +@mixin ms-Icon--AlignJustify { content: $ms-icon-code-AlignJustify; } +@mixin ms-Icon--AlignLeft { content: $ms-icon-code-AlignLeft; } +@mixin ms-Icon--AlignRight { content: $ms-icon-code-AlignRight; } +@mixin ms-Icon--AlignVerticalBottom { content: $ms-icon-code-AlignVerticalBottom; } +@mixin ms-Icon--AlignVerticalCenter { content: $ms-icon-code-AlignVerticalCenter; } +@mixin ms-Icon--AlignVerticalTop { content: $ms-icon-code-AlignVerticalTop; } +@mixin ms-Icon--AllApps { content: $ms-icon-code-AllApps; } +@mixin ms-Icon--AllAppsMirrored { content: $ms-icon-code-AllAppsMirrored; } +@mixin ms-Icon--AnalyticsLogo { content: $ms-icon-code-AnalyticsLogo; } +@mixin ms-Icon--AnalyticsQuery { content: $ms-icon-code-AnalyticsQuery; } +@mixin ms-Icon--AnalyticsReport { content: $ms-icon-code-AnalyticsReport; } +@mixin ms-Icon--AnalyticsView { content: $ms-icon-code-AnalyticsView; } +@mixin ms-Icon--AnchorLock { content: $ms-icon-code-AnchorLock; } +@mixin ms-Icon--Annotation { content: $ms-icon-code-Annotation; } +@mixin ms-Icon--AppIconDefault { content: $ms-icon-code-AppIconDefault; } +@mixin ms-Icon--Archive { content: $ms-icon-code-Archive; } +@mixin ms-Icon--AreaChart { content: $ms-icon-code-AreaChart; } +@mixin ms-Icon--ArrangeBringForward { content: $ms-icon-code-ArrangeBringForward; } +@mixin ms-Icon--ArrangeBringToFront { content: $ms-icon-code-ArrangeBringToFront; } +@mixin ms-Icon--ArrangeByFrom { content: $ms-icon-code-ArrangeByFrom; } +@mixin ms-Icon--ArrangeSendBackward { content: $ms-icon-code-ArrangeSendBackward; } +@mixin ms-Icon--ArrangeSendToBack { content: $ms-icon-code-ArrangeSendToBack; } +@mixin ms-Icon--Arrivals { content: $ms-icon-code-Arrivals; } +@mixin ms-Icon--ArrowDownRight8 { content: $ms-icon-code-ArrowDownRight8; } +@mixin ms-Icon--ArrowDownRightMirrored8 { content: $ms-icon-code-ArrowDownRightMirrored8; } +@mixin ms-Icon--ArrowTallDownLeft { content: $ms-icon-code-ArrowTallDownLeft; } +@mixin ms-Icon--ArrowTallDownRight { content: $ms-icon-code-ArrowTallDownRight; } +@mixin ms-Icon--ArrowTallUpLeft { content: $ms-icon-code-ArrowTallUpLeft; } +@mixin ms-Icon--ArrowTallUpRight { content: $ms-icon-code-ArrowTallUpRight; } +@mixin ms-Icon--ArrowUpRight { content: $ms-icon-code-ArrowUpRight; } +@mixin ms-Icon--ArrowUpRight8 { content: $ms-icon-code-ArrowUpRight8; } +@mixin ms-Icon--ArrowUpRightMirrored8 { content: $ms-icon-code-ArrowUpRightMirrored8; } +@mixin ms-Icon--Articles { content: $ms-icon-code-Articles; } +@mixin ms-Icon--Ascending { content: $ms-icon-code-Ascending; } +@mixin ms-Icon--AspectRatio { content: $ms-icon-code-AspectRatio; } +@mixin ms-Icon--AssessmentGroup { content: $ms-icon-code-AssessmentGroup; } +@mixin ms-Icon--AssessmentGroupTemplate { content: $ms-icon-code-AssessmentGroupTemplate; } +@mixin ms-Icon--AssetLibrary { content: $ms-icon-code-AssetLibrary; } +@mixin ms-Icon--Assign { content: $ms-icon-code-Assign; } +@mixin ms-Icon--Asterisk { content: $ms-icon-code-Asterisk; } +@mixin ms-Icon--AsteriskSolid { content: $ms-icon-code-AsteriskSolid; } +@mixin ms-Icon--ATPLogo { content: $ms-icon-code-ATPLogo; } +@mixin ms-Icon--Attach { content: $ms-icon-code-Attach; } +@mixin ms-Icon--AustralianRules { content: $ms-icon-code-AustralianRules; } +@mixin ms-Icon--AutoEnhanceOff { content: $ms-icon-code-AutoEnhanceOff; } +@mixin ms-Icon--AutoEnhanceOn { content: $ms-icon-code-AutoEnhanceOn; } +@mixin ms-Icon--AutoFillTemplate { content: $ms-icon-code-AutoFillTemplate; } +@mixin ms-Icon--AutoHeight { content: $ms-icon-code-AutoHeight; } +@mixin ms-Icon--AutoRacing { content: $ms-icon-code-AutoRacing; } +@mixin ms-Icon--AwayStatus { content: $ms-icon-code-AwayStatus; } +@mixin ms-Icon--AzureAPIManagement { content: $ms-icon-code-AzureAPIManagement; } +@mixin ms-Icon--AzureKeyVault { content: $ms-icon-code-AzureKeyVault; } +@mixin ms-Icon--AzureLogo { content: $ms-icon-code-AzureLogo; } +@mixin ms-Icon--AzureServiceEndpoint { content: $ms-icon-code-AzureServiceEndpoint; } +@mixin ms-Icon--Back { content: $ms-icon-code-Back; } +@mixin ms-Icon--BackgroundColor { content: $ms-icon-code-BackgroundColor; } +@mixin ms-Icon--Backlog { content: $ms-icon-code-Backlog; } +@mixin ms-Icon--BacklogBoard { content: $ms-icon-code-BacklogBoard; } +@mixin ms-Icon--BackToWindow { content: $ms-icon-code-BackToWindow; } +@mixin ms-Icon--Badge { content: $ms-icon-code-Badge; } +@mixin ms-Icon--Balloons { content: $ms-icon-code-Balloons; } +@mixin ms-Icon--BankSolid { content: $ms-icon-code-BankSolid; } +@mixin ms-Icon--BarChart4 { content: $ms-icon-code-BarChart4; } +@mixin ms-Icon--BarChartHorizontal { content: $ms-icon-code-BarChartHorizontal; } +@mixin ms-Icon--BarChartVertical { content: $ms-icon-code-BarChartVertical; } +@mixin ms-Icon--Baseball { content: $ms-icon-code-Baseball; } +@mixin ms-Icon--BeerMug { content: $ms-icon-code-BeerMug; } +@mixin ms-Icon--BIDashboard { content: $ms-icon-code-BIDashboard; } +@mixin ms-Icon--BidiLtr { content: $ms-icon-code-BidiLtr; } +@mixin ms-Icon--BidiRtl { content: $ms-icon-code-BidiRtl; } +@mixin ms-Icon--BingLogo { content: $ms-icon-code-BingLogo; } +@mixin ms-Icon--BirthdayCake { content: $ms-icon-code-BirthdayCake; } +@mixin ms-Icon--BlockContact { content: $ms-icon-code-BlockContact; } +@mixin ms-Icon--Blocked { content: $ms-icon-code-Blocked; } +@mixin ms-Icon--Blocked12 { content: $ms-icon-code-Blocked12; } +@mixin ms-Icon--Blocked2 { content: $ms-icon-code-Blocked2; } +@mixin ms-Icon--BlockedSite { content: $ms-icon-code-BlockedSite; } +@mixin ms-Icon--BlockedSolid { content: $ms-icon-code-BlockedSolid; } +@mixin ms-Icon--BlowingSnow { content: $ms-icon-code-BlowingSnow; } +@mixin ms-Icon--Blur { content: $ms-icon-code-Blur; } +@mixin ms-Icon--Boards { content: $ms-icon-code-Boards; } +@mixin ms-Icon--Bold { content: $ms-icon-code-Bold; } +@mixin ms-Icon--BookingsLogo { content: $ms-icon-code-BookingsLogo; } +@mixin ms-Icon--Bookmarks { content: $ms-icon-code-Bookmarks; } +@mixin ms-Icon--BookmarksMirrored { content: $ms-icon-code-BookmarksMirrored; } +@mixin ms-Icon--BorderDash { content: $ms-icon-code-BorderDash; } +@mixin ms-Icon--BorderDot { content: $ms-icon-code-BorderDot; } +@mixin ms-Icon--BoxAdditionSolid { content: $ms-icon-code-BoxAdditionSolid; } +@mixin ms-Icon--BoxCheckmarkSolid { content: $ms-icon-code-BoxCheckmarkSolid; } +@mixin ms-Icon--BoxMultiplySolid { content: $ms-icon-code-BoxMultiplySolid; } +@mixin ms-Icon--BoxPlaySolid { content: $ms-icon-code-BoxPlaySolid; } +@mixin ms-Icon--BoxSubtractSolid { content: $ms-icon-code-BoxSubtractSolid; } +@mixin ms-Icon--BranchCommit { content: $ms-icon-code-BranchCommit; } +@mixin ms-Icon--BranchCompare { content: $ms-icon-code-BranchCompare; } +@mixin ms-Icon--BranchFork { content: $ms-icon-code-BranchFork; } +@mixin ms-Icon--BranchFork2 { content: $ms-icon-code-BranchFork2; } +@mixin ms-Icon--BranchLocked { content: $ms-icon-code-BranchLocked; } +@mixin ms-Icon--BranchMerge { content: $ms-icon-code-BranchMerge; } +@mixin ms-Icon--BranchPullRequest { content: $ms-icon-code-BranchPullRequest; } +@mixin ms-Icon--BranchSearch { content: $ms-icon-code-BranchSearch; } +@mixin ms-Icon--BranchShelveset { content: $ms-icon-code-BranchShelveset; } +@mixin ms-Icon--Breadcrumb { content: $ms-icon-code-Breadcrumb; } +@mixin ms-Icon--Breakfast { content: $ms-icon-code-Breakfast; } +@mixin ms-Icon--Brightness { content: $ms-icon-code-Brightness; } +@mixin ms-Icon--Broom { content: $ms-icon-code-Broom; } +@mixin ms-Icon--BrowserScreenShot { content: $ms-icon-code-BrowserScreenShot; } +@mixin ms-Icon--BrowserTab { content: $ms-icon-code-BrowserTab; } +@mixin ms-Icon--BrowserTabScreenshot { content: $ms-icon-code-BrowserTabScreenshot; } +@mixin ms-Icon--Brunch { content: $ms-icon-code-Brunch; } +@mixin ms-Icon--BucketColor { content: $ms-icon-code-BucketColor; } +@mixin ms-Icon--BucketColorFill { content: $ms-icon-code-BucketColorFill; } +@mixin ms-Icon--BufferTimeAfter { content: $ms-icon-code-BufferTimeAfter; } +@mixin ms-Icon--BufferTimeBefore { content: $ms-icon-code-BufferTimeBefore; } +@mixin ms-Icon--BufferTimeBoth { content: $ms-icon-code-BufferTimeBoth; } +@mixin ms-Icon--Bug { content: $ms-icon-code-Bug; } +@mixin ms-Icon--BugSolid { content: $ms-icon-code-BugSolid; } +@mixin ms-Icon--Build { content: $ms-icon-code-Build; } +@mixin ms-Icon--BuildIssue { content: $ms-icon-code-BuildIssue; } +@mixin ms-Icon--BuildQueue { content: $ms-icon-code-BuildQueue; } +@mixin ms-Icon--BuildQueueNew { content: $ms-icon-code-BuildQueueNew; } +@mixin ms-Icon--BulkUpload { content: $ms-icon-code-BulkUpload; } +@mixin ms-Icon--BulletedList { content: $ms-icon-code-BulletedList; } +@mixin ms-Icon--BulletedList2 { content: $ms-icon-code-BulletedList2; } +@mixin ms-Icon--BulletedList2Mirrored { content: $ms-icon-code-BulletedList2Mirrored; } +@mixin ms-Icon--BulletedListMirrored { content: $ms-icon-code-BulletedListMirrored; } +@mixin ms-Icon--Bullseye { content: $ms-icon-code-Bullseye; } +@mixin ms-Icon--Bus { content: $ms-icon-code-Bus; } +@mixin ms-Icon--BusinessCenterLogo { content: $ms-icon-code-BusinessCenterLogo; } +@mixin ms-Icon--BusinessHoursSign { content: $ms-icon-code-BusinessHoursSign; } +@mixin ms-Icon--BusSolid { content: $ms-icon-code-BusSolid; } +@mixin ms-Icon--Cafe { content: $ms-icon-code-Cafe; } +@mixin ms-Icon--Cake { content: $ms-icon-code-Cake; } +@mixin ms-Icon--Calculator { content: $ms-icon-code-Calculator; } +@mixin ms-Icon--CalculatorAddition { content: $ms-icon-code-CalculatorAddition; } +@mixin ms-Icon--CalculatorEqualTo { content: $ms-icon-code-CalculatorEqualTo; } +@mixin ms-Icon--CalculatorMultiply { content: $ms-icon-code-CalculatorMultiply; } +@mixin ms-Icon--CalculatorNotEqualTo { content: $ms-icon-code-CalculatorNotEqualTo; } +@mixin ms-Icon--CalculatorSubtract { content: $ms-icon-code-CalculatorSubtract; } +@mixin ms-Icon--Calendar { content: $ms-icon-code-Calendar; } +@mixin ms-Icon--CalendarAgenda { content: $ms-icon-code-CalendarAgenda; } +@mixin ms-Icon--CalendarDay { content: $ms-icon-code-CalendarDay; } +@mixin ms-Icon--CalendarMirrored { content: $ms-icon-code-CalendarMirrored; } +@mixin ms-Icon--CalendarReply { content: $ms-icon-code-CalendarReply; } +@mixin ms-Icon--CalendarSettings { content: $ms-icon-code-CalendarSettings; } +@mixin ms-Icon--CalendarSettingsMirrored { content: $ms-icon-code-CalendarSettingsMirrored; } +@mixin ms-Icon--CalendarWeek { content: $ms-icon-code-CalendarWeek; } +@mixin ms-Icon--CalendarWorkWeek { content: $ms-icon-code-CalendarWorkWeek; } +@mixin ms-Icon--CaloriesAdd { content: $ms-icon-code-CaloriesAdd; } +@mixin ms-Icon--Camera { content: $ms-icon-code-Camera; } +@mixin ms-Icon--Cancel { content: $ms-icon-code-Cancel; } +@mixin ms-Icon--CannedChat { content: $ms-icon-code-CannedChat; } +@mixin ms-Icon--Car { content: $ms-icon-code-Car; } +@mixin ms-Icon--CaretBottomLeftCenter8 { content: $ms-icon-code-CaretBottomLeftCenter8; } +@mixin ms-Icon--CaretBottomLeftSolid8 { content: $ms-icon-code-CaretBottomLeftSolid8; } +@mixin ms-Icon--CaretBottomRightCenter8 { content: $ms-icon-code-CaretBottomRightCenter8; } +@mixin ms-Icon--CaretBottomRightSolid8 { content: $ms-icon-code-CaretBottomRightSolid8; } +@mixin ms-Icon--CaretDown8 { content: $ms-icon-code-CaretDown8; } +@mixin ms-Icon--CaretDownSolid8 { content: $ms-icon-code-CaretDownSolid8; } +@mixin ms-Icon--CaretHollow { content: $ms-icon-code-CaretHollow; } +@mixin ms-Icon--CaretHollowMirrored { content: $ms-icon-code-CaretHollowMirrored; } +@mixin ms-Icon--CaretLeft8 { content: $ms-icon-code-CaretLeft8; } +@mixin ms-Icon--CaretLeftSolid8 { content: $ms-icon-code-CaretLeftSolid8; } +@mixin ms-Icon--CaretRight { content: $ms-icon-code-CaretRight; } +@mixin ms-Icon--CaretRight8 { content: $ms-icon-code-CaretRight8; } +@mixin ms-Icon--CaretRightSolid8 { content: $ms-icon-code-CaretRightSolid8; } +@mixin ms-Icon--CaretSolid { content: $ms-icon-code-CaretSolid; } +@mixin ms-Icon--CaretSolid16 { content: $ms-icon-code-CaretSolid16; } +@mixin ms-Icon--CaretSolidDown { content: $ms-icon-code-CaretSolidDown; } +@mixin ms-Icon--CaretSolidLeft { content: $ms-icon-code-CaretSolidLeft; } +@mixin ms-Icon--CaretSolidMirrored { content: $ms-icon-code-CaretSolidMirrored; } +@mixin ms-Icon--CaretSolidRight { content: $ms-icon-code-CaretSolidRight; } +@mixin ms-Icon--CaretSolidUp { content: $ms-icon-code-CaretSolidUp; } +@mixin ms-Icon--CaretTopLeftCenter8 { content: $ms-icon-code-CaretTopLeftCenter8; } +@mixin ms-Icon--CaretTopLeftSolid8 { content: $ms-icon-code-CaretTopLeftSolid8; } +@mixin ms-Icon--CaretTopRightCenter8 { content: $ms-icon-code-CaretTopRightCenter8; } +@mixin ms-Icon--CaretTopRightSolid8 { content: $ms-icon-code-CaretTopRightSolid8; } +@mixin ms-Icon--CaretUp8 { content: $ms-icon-code-CaretUp8; } +@mixin ms-Icon--CaretUpSolid8 { content: $ms-icon-code-CaretUpSolid8; } +@mixin ms-Icon--Cat { content: $ms-icon-code-Cat; } +@mixin ms-Icon--CellPhone { content: $ms-icon-code-CellPhone; } +@mixin ms-Icon--Certificate { content: $ms-icon-code-Certificate; } +@mixin ms-Icon--CertifiedDatabase { content: $ms-icon-code-CertifiedDatabase; } +@mixin ms-Icon--Chart { content: $ms-icon-code-Chart; } +@mixin ms-Icon--ChartSeries { content: $ms-icon-code-ChartSeries; } +@mixin ms-Icon--ChartXAngle { content: $ms-icon-code-ChartXAngle; } +@mixin ms-Icon--ChartYAngle { content: $ms-icon-code-ChartYAngle; } +@mixin ms-Icon--Chat { content: $ms-icon-code-Chat; } +@mixin ms-Icon--ChatInviteFriend { content: $ms-icon-code-ChatInviteFriend; } +@mixin ms-Icon--ChatSolid { content: $ms-icon-code-ChatSolid; } +@mixin ms-Icon--Checkbox { content: $ms-icon-code-Checkbox; } +@mixin ms-Icon--CheckboxComposite { content: $ms-icon-code-CheckboxComposite; } +@mixin ms-Icon--CheckboxCompositeReversed { content: $ms-icon-code-CheckboxCompositeReversed; } +@mixin ms-Icon--CheckboxIndeterminate { content: $ms-icon-code-CheckboxIndeterminate; } +@mixin ms-Icon--CheckedOutByOther12 { content: $ms-icon-code-CheckedOutByOther12; } +@mixin ms-Icon--CheckedOutByYou12 { content: $ms-icon-code-CheckedOutByYou12; } +@mixin ms-Icon--CheckList { content: $ms-icon-code-CheckList; } +@mixin ms-Icon--CheckMark { content: $ms-icon-code-CheckMark; } +@mixin ms-Icon--ChevronDown { content: $ms-icon-code-ChevronDown; } +@mixin ms-Icon--ChevronDownEnd6 { content: $ms-icon-code-ChevronDownEnd6; } +@mixin ms-Icon--ChevronDownMed { content: $ms-icon-code-ChevronDownMed; } +@mixin ms-Icon--ChevronDownSmall { content: $ms-icon-code-ChevronDownSmall; } +@mixin ms-Icon--ChevronFold10 { content: $ms-icon-code-ChevronFold10; } +@mixin ms-Icon--ChevronLeft { content: $ms-icon-code-ChevronLeft; } +@mixin ms-Icon--ChevronLeftEnd6 { content: $ms-icon-code-ChevronLeftEnd6; } +@mixin ms-Icon--ChevronLeftMed { content: $ms-icon-code-ChevronLeftMed; } +@mixin ms-Icon--ChevronLeftSmall { content: $ms-icon-code-ChevronLeftSmall; } +@mixin ms-Icon--ChevronRight { content: $ms-icon-code-ChevronRight; } +@mixin ms-Icon--ChevronRightEnd6 { content: $ms-icon-code-ChevronRightEnd6; } +@mixin ms-Icon--ChevronRightMed { content: $ms-icon-code-ChevronRightMed; } +@mixin ms-Icon--ChevronRightSmall { content: $ms-icon-code-ChevronRightSmall; } +@mixin ms-Icon--ChevronUnfold10 { content: $ms-icon-code-ChevronUnfold10; } +@mixin ms-Icon--ChevronUp { content: $ms-icon-code-ChevronUp; } +@mixin ms-Icon--ChevronUpEnd6 { content: $ms-icon-code-ChevronUpEnd6; } +@mixin ms-Icon--ChevronUpMed { content: $ms-icon-code-ChevronUpMed; } +@mixin ms-Icon--ChevronUpSmall { content: $ms-icon-code-ChevronUpSmall; } +@mixin ms-Icon--Chopsticks { content: $ms-icon-code-Chopsticks; } +@mixin ms-Icon--ChromeBack { content: $ms-icon-code-ChromeBack; } +@mixin ms-Icon--ChromeBackMirrored { content: $ms-icon-code-ChromeBackMirrored; } +@mixin ms-Icon--ChromeClose { content: $ms-icon-code-ChromeClose; } +@mixin ms-Icon--ChromeMinimize { content: $ms-icon-code-ChromeMinimize; } +@mixin ms-Icon--CircleAddition { content: $ms-icon-code-CircleAddition; } +@mixin ms-Icon--CircleAdditionSolid { content: $ms-icon-code-CircleAdditionSolid; } +@mixin ms-Icon--CircleFill { content: $ms-icon-code-CircleFill; } +@mixin ms-Icon--CircleHalfFull { content: $ms-icon-code-CircleHalfFull; } +@mixin ms-Icon--CirclePause { content: $ms-icon-code-CirclePause; } +@mixin ms-Icon--CirclePauseSolid { content: $ms-icon-code-CirclePauseSolid; } +@mixin ms-Icon--CirclePlus { content: $ms-icon-code-CirclePlus; } +@mixin ms-Icon--CircleRing { content: $ms-icon-code-CircleRing; } +@mixin ms-Icon--CircleShapeSolid { content: $ms-icon-code-CircleShapeSolid; } +@mixin ms-Icon--CircleStop { content: $ms-icon-code-CircleStop; } +@mixin ms-Icon--CircleStopSolid { content: $ms-icon-code-CircleStopSolid; } +@mixin ms-Icon--CityNext { content: $ms-icon-code-CityNext; } +@mixin ms-Icon--ClassNotebookLogo16 { content: $ms-icon-code-ClassNotebookLogo16; } +@mixin ms-Icon--ClassNotebookLogo32 { content: $ms-icon-code-ClassNotebookLogo32; } +@mixin ms-Icon--ClassNotebookLogoFill16 { content: $ms-icon-code-ClassNotebookLogoFill16; } +@mixin ms-Icon--ClassNotebookLogoFill32 { content: $ms-icon-code-ClassNotebookLogoFill32; } +@mixin ms-Icon--ClassNotebookLogoInverse { content: $ms-icon-code-ClassNotebookLogoInverse; } +@mixin ms-Icon--ClassNotebookLogoInverse16 { content: $ms-icon-code-ClassNotebookLogoInverse16; } +@mixin ms-Icon--ClassNotebookLogoInverse32 { content: $ms-icon-code-ClassNotebookLogoInverse32; } +@mixin ms-Icon--ClassroomLogo { content: $ms-icon-code-ClassroomLogo; } +@mixin ms-Icon--Clear { content: $ms-icon-code-Clear; } +@mixin ms-Icon--ClearFilter { content: $ms-icon-code-ClearFilter; } +@mixin ms-Icon--ClearFormatting { content: $ms-icon-code-ClearFormatting; } +@mixin ms-Icon--ClearNight { content: $ms-icon-code-ClearNight; } +@mixin ms-Icon--ClipboardSolid { content: $ms-icon-code-ClipboardSolid; } +@mixin ms-Icon--Clock { content: $ms-icon-code-Clock; } +@mixin ms-Icon--CloneToDesktop { content: $ms-icon-code-CloneToDesktop; } +@mixin ms-Icon--ClosedCaption { content: $ms-icon-code-ClosedCaption; } +@mixin ms-Icon--ClosePane { content: $ms-icon-code-ClosePane; } +@mixin ms-Icon--ClosePaneMirrored { content: $ms-icon-code-ClosePaneMirrored; } +@mixin ms-Icon--Cloud { content: $ms-icon-code-Cloud; } +@mixin ms-Icon--CloudAdd { content: $ms-icon-code-CloudAdd; } +@mixin ms-Icon--CloudDownload { content: $ms-icon-code-CloudDownload; } +@mixin ms-Icon--CloudUpload { content: $ms-icon-code-CloudUpload; } +@mixin ms-Icon--CloudWeather { content: $ms-icon-code-CloudWeather; } +@mixin ms-Icon--Cloudy { content: $ms-icon-code-Cloudy; } +@mixin ms-Icon--Cocktails { content: $ms-icon-code-Cocktails; } +@mixin ms-Icon--Code { content: $ms-icon-code-Code; } +@mixin ms-Icon--CodeEdit { content: $ms-icon-code-CodeEdit; } +@mixin ms-Icon--Coffee { content: $ms-icon-code-Coffee; } +@mixin ms-Icon--CoffeeScript { content: $ms-icon-code-CoffeeScript; } +@mixin ms-Icon--CollapseContent { content: $ms-icon-code-CollapseContent; } +@mixin ms-Icon--CollapseContentSingle { content: $ms-icon-code-CollapseContentSingle; } +@mixin ms-Icon--CollapseMenu { content: $ms-icon-code-CollapseMenu; } +@mixin ms-Icon--CollegeFootball { content: $ms-icon-code-CollegeFootball; } +@mixin ms-Icon--CollegeHoops { content: $ms-icon-code-CollegeHoops; } +@mixin ms-Icon--Color { content: $ms-icon-code-Color; } +@mixin ms-Icon--ColorSolid { content: $ms-icon-code-ColorSolid; } +@mixin ms-Icon--ColumnLeftTwoThirds { content: $ms-icon-code-ColumnLeftTwoThirds; } +@mixin ms-Icon--ColumnLeftTwoThirdsEdit { content: $ms-icon-code-ColumnLeftTwoThirdsEdit; } +@mixin ms-Icon--ColumnOptions { content: $ms-icon-code-ColumnOptions; } +@mixin ms-Icon--ColumnRightTwoThirds { content: $ms-icon-code-ColumnRightTwoThirds; } +@mixin ms-Icon--ColumnRightTwoThirdsEdit { content: $ms-icon-code-ColumnRightTwoThirdsEdit; } +@mixin ms-Icon--Combine { content: $ms-icon-code-Combine; } +@mixin ms-Icon--Combobox { content: $ms-icon-code-Combobox; } +@mixin ms-Icon--CommandPrompt { content: $ms-icon-code-CommandPrompt; } +@mixin ms-Icon--Comment { content: $ms-icon-code-Comment; } +@mixin ms-Icon--CommentAdd { content: $ms-icon-code-CommentAdd; } +@mixin ms-Icon--CommentNext { content: $ms-icon-code-CommentNext; } +@mixin ms-Icon--CommentPrevious { content: $ms-icon-code-CommentPrevious; } +@mixin ms-Icon--CommentUrgent { content: $ms-icon-code-CommentUrgent; } +@mixin ms-Icon--Commitments { content: $ms-icon-code-Commitments; } +@mixin ms-Icon--Communications { content: $ms-icon-code-Communications; } +@mixin ms-Icon--CompanyDirectory { content: $ms-icon-code-CompanyDirectory; } +@mixin ms-Icon--CompanyDirectoryMirrored { content: $ms-icon-code-CompanyDirectoryMirrored; } +@mixin ms-Icon--CompassNW { content: $ms-icon-code-CompassNW; } +@mixin ms-Icon--Completed { content: $ms-icon-code-Completed; } +@mixin ms-Icon--CompletedSolid { content: $ms-icon-code-CompletedSolid; } +@mixin ms-Icon--ConfigurationSolid { content: $ms-icon-code-ConfigurationSolid; } +@mixin ms-Icon--ConnectContacts { content: $ms-icon-code-ConnectContacts; } +@mixin ms-Icon--ConstructionCone { content: $ms-icon-code-ConstructionCone; } +@mixin ms-Icon--ConstructionConeSolid { content: $ms-icon-code-ConstructionConeSolid; } +@mixin ms-Icon--Contact { content: $ms-icon-code-Contact; } +@mixin ms-Icon--ContactCard { content: $ms-icon-code-ContactCard; } +@mixin ms-Icon--ContactCardSettings { content: $ms-icon-code-ContactCardSettings; } +@mixin ms-Icon--ContactCardSettingsMirrored { content: $ms-icon-code-ContactCardSettingsMirrored; } +@mixin ms-Icon--ContactInfo { content: $ms-icon-code-ContactInfo; } +@mixin ms-Icon--ContactLink { content: $ms-icon-code-ContactLink; } +@mixin ms-Icon--ContextMenu { content: $ms-icon-code-ContextMenu; } +@mixin ms-Icon--Contrast { content: $ms-icon-code-Contrast; } +@mixin ms-Icon--Copy { content: $ms-icon-code-Copy; } +@mixin ms-Icon--Cotton { content: $ms-icon-code-Cotton; } +@mixin ms-Icon--CPlusPlus { content: $ms-icon-code-CPlusPlus; } +@mixin ms-Icon--CPlusPlusLanguage { content: $ms-icon-code-CPlusPlusLanguage; } +@mixin ms-Icon--CreateMailRule { content: $ms-icon-code-CreateMailRule; } +@mixin ms-Icon--Cricket { content: $ms-icon-code-Cricket; } +@mixin ms-Icon--CRMReport { content: $ms-icon-code-CRMReport; } +@mixin ms-Icon--Crop { content: $ms-icon-code-Crop; } +@mixin ms-Icon--Crown { content: $ms-icon-code-Crown; } +@mixin ms-Icon--CrownSolid { content: $ms-icon-code-CrownSolid; } +@mixin ms-Icon--CSharp { content: $ms-icon-code-CSharp; } +@mixin ms-Icon--CSharpLanguage { content: $ms-icon-code-CSharpLanguage; } +@mixin ms-Icon--CSS { content: $ms-icon-code-CSS; } +@mixin ms-Icon--CustomList { content: $ms-icon-code-CustomList; } +@mixin ms-Icon--CustomListMirrored { content: $ms-icon-code-CustomListMirrored; } +@mixin ms-Icon--Cut { content: $ms-icon-code-Cut; } +@mixin ms-Icon--Cycling { content: $ms-icon-code-Cycling; } +@mixin ms-Icon--DashboardAdd { content: $ms-icon-code-DashboardAdd; } +@mixin ms-Icon--Database { content: $ms-icon-code-Database; } +@mixin ms-Icon--DataConnectionLibrary { content: $ms-icon-code-DataConnectionLibrary; } +@mixin ms-Icon--DateTime { content: $ms-icon-code-DateTime; } +@mixin ms-Icon--DateTime2 { content: $ms-icon-code-DateTime2; } +@mixin ms-Icon--DateTimeMirrored { content: $ms-icon-code-DateTimeMirrored; } +@mixin ms-Icon--DeactivateOrders { content: $ms-icon-code-DeactivateOrders; } +@mixin ms-Icon--DecisionSolid { content: $ms-icon-code-DecisionSolid; } +@mixin ms-Icon--DeclineCall { content: $ms-icon-code-DeclineCall; } +@mixin ms-Icon--DecreaseIndentLegacy { content: $ms-icon-code-DecreaseIndentLegacy; } +@mixin ms-Icon--DefaultRatio { content: $ms-icon-code-DefaultRatio; } +@mixin ms-Icon--DefectSolid { content: $ms-icon-code-DefectSolid; } +@mixin ms-Icon--Delete { content: $ms-icon-code-Delete; } +@mixin ms-Icon--DeleteColumns { content: $ms-icon-code-DeleteColumns; } +@mixin ms-Icon--DeleteRows { content: $ms-icon-code-DeleteRows; } +@mixin ms-Icon--DeleteRowsMirrored { content: $ms-icon-code-DeleteRowsMirrored; } +@mixin ms-Icon--DeleteTable { content: $ms-icon-code-DeleteTable; } +@mixin ms-Icon--DeliveryTruck { content: $ms-icon-code-DeliveryTruck; } +@mixin ms-Icon--DelveAnalytics { content: $ms-icon-code-DelveAnalytics; } +@mixin ms-Icon--DelveAnalyticsLogo { content: $ms-icon-code-DelveAnalyticsLogo; } +@mixin ms-Icon--DelveLogo { content: $ms-icon-code-DelveLogo; } +@mixin ms-Icon--DelveLogoFill { content: $ms-icon-code-DelveLogoFill; } +@mixin ms-Icon--DelveLogoInverse { content: $ms-icon-code-DelveLogoInverse; } +@mixin ms-Icon--Deploy { content: $ms-icon-code-Deploy; } +@mixin ms-Icon--Descending { content: $ms-icon-code-Descending; } +@mixin ms-Icon--Design { content: $ms-icon-code-Design; } +@mixin ms-Icon--DesktopScreenshot { content: $ms-icon-code-DesktopScreenshot; } +@mixin ms-Icon--DeveloperTools { content: $ms-icon-code-DeveloperTools; } +@mixin ms-Icon--Devices3 { content: $ms-icon-code-Devices3; } +@mixin ms-Icon--Devices4 { content: $ms-icon-code-Devices4; } +@mixin ms-Icon--Diagnostic { content: $ms-icon-code-Diagnostic; } +@mixin ms-Icon--Dialpad { content: $ms-icon-code-Dialpad; } +@mixin ms-Icon--DiamondSolid { content: $ms-icon-code-DiamondSolid; } +@mixin ms-Icon--Dictionary { content: $ms-icon-code-Dictionary; } +@mixin ms-Icon--DictionaryRemove { content: $ms-icon-code-DictionaryRemove; } +@mixin ms-Icon--DietPlanNotebook { content: $ms-icon-code-DietPlanNotebook; } +@mixin ms-Icon--DiffInline { content: $ms-icon-code-DiffInline; } +@mixin ms-Icon--DiffSideBySide { content: $ms-icon-code-DiffSideBySide; } +@mixin ms-Icon--DisableUpdates { content: $ms-icon-code-DisableUpdates; } +@mixin ms-Icon--Dislike { content: $ms-icon-code-Dislike; } +@mixin ms-Icon--DislikeSolid { content: $ms-icon-code-DislikeSolid; } +@mixin ms-Icon--DockLeft { content: $ms-icon-code-DockLeft; } +@mixin ms-Icon--DockLeftMirrored { content: $ms-icon-code-DockLeftMirrored; } +@mixin ms-Icon--DockRight { content: $ms-icon-code-DockRight; } +@mixin ms-Icon--DocLibrary { content: $ms-icon-code-DocLibrary; } +@mixin ms-Icon--DocsLogoInverse { content: $ms-icon-code-DocsLogoInverse; } +@mixin ms-Icon--Document { content: $ms-icon-code-Document; } +@mixin ms-Icon--DocumentApproval { content: $ms-icon-code-DocumentApproval; } +@mixin ms-Icon--Documentation { content: $ms-icon-code-Documentation; } +@mixin ms-Icon--DocumentManagement { content: $ms-icon-code-DocumentManagement; } +@mixin ms-Icon--DocumentReply { content: $ms-icon-code-DocumentReply; } +@mixin ms-Icon--DocumentSearch { content: $ms-icon-code-DocumentSearch; } +@mixin ms-Icon--DocumentSet { content: $ms-icon-code-DocumentSet; } +@mixin ms-Icon--DOM { content: $ms-icon-code-DOM; } +@mixin ms-Icon--DonutChart { content: $ms-icon-code-DonutChart; } +@mixin ms-Icon--Door { content: $ms-icon-code-Door; } +@mixin ms-Icon--DoubleBookmark { content: $ms-icon-code-DoubleBookmark; } +@mixin ms-Icon--DoubleChevronDown { content: $ms-icon-code-DoubleChevronDown; } +@mixin ms-Icon--DoubleChevronDown12 { content: $ms-icon-code-DoubleChevronDown12; } +@mixin ms-Icon--DoubleChevronDown8 { content: $ms-icon-code-DoubleChevronDown8; } +@mixin ms-Icon--DoubleChevronLeft { content: $ms-icon-code-DoubleChevronLeft; } +@mixin ms-Icon--DoubleChevronLeft12 { content: $ms-icon-code-DoubleChevronLeft12; } +@mixin ms-Icon--DoubleChevronLeft8 { content: $ms-icon-code-DoubleChevronLeft8; } +@mixin ms-Icon--DoubleChevronLeftMed { content: $ms-icon-code-DoubleChevronLeftMed; } +@mixin ms-Icon--DoubleChevronLeftMedMirrored { content: $ms-icon-code-DoubleChevronLeftMedMirrored; } +@mixin ms-Icon--DoubleChevronRight { content: $ms-icon-code-DoubleChevronRight; } +@mixin ms-Icon--DoubleChevronRight12 { content: $ms-icon-code-DoubleChevronRight12; } +@mixin ms-Icon--DoubleChevronRight8 { content: $ms-icon-code-DoubleChevronRight8; } +@mixin ms-Icon--DoubleChevronUp { content: $ms-icon-code-DoubleChevronUp; } +@mixin ms-Icon--DoubleChevronUp12 { content: $ms-icon-code-DoubleChevronUp12; } +@mixin ms-Icon--DoubleChevronUp8 { content: $ms-icon-code-DoubleChevronUp8; } +@mixin ms-Icon--DoubleColumn { content: $ms-icon-code-DoubleColumn; } +@mixin ms-Icon--DoubleColumnEdit { content: $ms-icon-code-DoubleColumnEdit; } +@mixin ms-Icon--Down { content: $ms-icon-code-Down; } +@mixin ms-Icon--Download { content: $ms-icon-code-Download; } +@mixin ms-Icon--DownloadDocument { content: $ms-icon-code-DownloadDocument; } +@mixin ms-Icon--DragObject { content: $ms-icon-code-DragObject; } +@mixin ms-Icon--DrillDown { content: $ms-icon-code-DrillDown; } +@mixin ms-Icon--DrillDownSolid { content: $ms-icon-code-DrillDownSolid; } +@mixin ms-Icon--DrillExpand { content: $ms-icon-code-DrillExpand; } +@mixin ms-Icon--DrillShow { content: $ms-icon-code-DrillShow; } +@mixin ms-Icon--DrillThrough { content: $ms-icon-code-DrillThrough; } +@mixin ms-Icon--DRM { content: $ms-icon-code-DRM; } +@mixin ms-Icon--Drop { content: $ms-icon-code-Drop; } +@mixin ms-Icon--Dropdown { content: $ms-icon-code-Dropdown; } +@mixin ms-Icon--DropShapeSolid { content: $ms-icon-code-DropShapeSolid; } +@mixin ms-Icon--Duststorm { content: $ms-icon-code-Duststorm; } +@mixin ms-Icon--Dynamics365Logo { content: $ms-icon-code-Dynamics365Logo; } +@mixin ms-Icon--DynamicSMBLogo { content: $ms-icon-code-DynamicSMBLogo; } +@mixin ms-Icon--EatDrink { content: $ms-icon-code-EatDrink; } +@mixin ms-Icon--EdgeLogo { content: $ms-icon-code-EdgeLogo; } +@mixin ms-Icon--Edit { content: $ms-icon-code-Edit; } +@mixin ms-Icon--EditContact { content: $ms-icon-code-EditContact; } +@mixin ms-Icon--EditMail { content: $ms-icon-code-EditMail; } +@mixin ms-Icon--EditMirrored { content: $ms-icon-code-EditMirrored; } +@mixin ms-Icon--EditNote { content: $ms-icon-code-EditNote; } +@mixin ms-Icon--EditPhoto { content: $ms-icon-code-EditPhoto; } +@mixin ms-Icon--EditSolid12 { content: $ms-icon-code-EditSolid12; } +@mixin ms-Icon--EditSolidMirrored12 { content: $ms-icon-code-EditSolidMirrored12; } +@mixin ms-Icon--EditStyle { content: $ms-icon-code-EditStyle; } +@mixin ms-Icon--Education { content: $ms-icon-code-Education; } +@mixin ms-Icon--Ellipse { content: $ms-icon-code-Ellipse; } +@mixin ms-Icon--Embed { content: $ms-icon-code-Embed; } +@mixin ms-Icon--EMI { content: $ms-icon-code-EMI; } +@mixin ms-Icon--Emoji { content: $ms-icon-code-Emoji; } +@mixin ms-Icon--Emoji2 { content: $ms-icon-code-Emoji2; } +@mixin ms-Icon--EmojiDisappointed { content: $ms-icon-code-EmojiDisappointed; } +@mixin ms-Icon--EmojiNeutral { content: $ms-icon-code-EmojiNeutral; } +@mixin ms-Icon--EmojiTabSymbols { content: $ms-icon-code-EmojiTabSymbols; } +@mixin ms-Icon--EmptyRecycleBin { content: $ms-icon-code-EmptyRecycleBin; } +@mixin ms-Icon--Encryption { content: $ms-icon-code-Encryption; } +@mixin ms-Icon--EngineeringGroup { content: $ms-icon-code-EngineeringGroup; } +@mixin ms-Icon--EntryDecline { content: $ms-icon-code-EntryDecline; } +@mixin ms-Icon--EntryView { content: $ms-icon-code-EntryView; } +@mixin ms-Icon--Equalizer { content: $ms-icon-code-Equalizer; } +@mixin ms-Icon--EraseTool { content: $ms-icon-code-EraseTool; } +@mixin ms-Icon--Error { content: $ms-icon-code-Error; } +@mixin ms-Icon--ErrorBadge { content: $ms-icon-code-ErrorBadge; } +@mixin ms-Icon--Event { content: $ms-icon-code-Event; } +@mixin ms-Icon--EventAccepted { content: $ms-icon-code-EventAccepted; } +@mixin ms-Icon--EventDate { content: $ms-icon-code-EventDate; } +@mixin ms-Icon--EventDeclined { content: $ms-icon-code-EventDeclined; } +@mixin ms-Icon--EventInfo { content: $ms-icon-code-EventInfo; } +@mixin ms-Icon--EventTentative { content: $ms-icon-code-EventTentative; } +@mixin ms-Icon--EventTentativeMirrored { content: $ms-icon-code-EventTentativeMirrored; } +@mixin ms-Icon--ExcelDocument { content: $ms-icon-code-ExcelDocument; } +@mixin ms-Icon--ExcelLogo { content: $ms-icon-code-ExcelLogo; } +@mixin ms-Icon--ExcelLogo16 { content: $ms-icon-code-ExcelLogo16; } +@mixin ms-Icon--ExcelLogoFill { content: $ms-icon-code-ExcelLogoFill; } +@mixin ms-Icon--ExcelLogoFill16 { content: $ms-icon-code-ExcelLogoFill16; } +@mixin ms-Icon--ExcelLogoInverse { content: $ms-icon-code-ExcelLogoInverse; } +@mixin ms-Icon--ExcelLogoInverse16 { content: $ms-icon-code-ExcelLogoInverse16; } +@mixin ms-Icon--ExchangeLogo { content: $ms-icon-code-ExchangeLogo; } +@mixin ms-Icon--ExchangeLogoFill { content: $ms-icon-code-ExchangeLogoFill; } +@mixin ms-Icon--ExchangeLogoInverse { content: $ms-icon-code-ExchangeLogoInverse; } +@mixin ms-Icon--ExerciseTracker { content: $ms-icon-code-ExerciseTracker; } +@mixin ms-Icon--ExpandMenu { content: $ms-icon-code-ExpandMenu; } +@mixin ms-Icon--ExploreContent { content: $ms-icon-code-ExploreContent; } +@mixin ms-Icon--ExploreContentSingle { content: $ms-icon-code-ExploreContentSingle; } +@mixin ms-Icon--ExploreData { content: $ms-icon-code-ExploreData; } +@mixin ms-Icon--Export { content: $ms-icon-code-Export; } +@mixin ms-Icon--ExportMirrored { content: $ms-icon-code-ExportMirrored; } +@mixin ms-Icon--ExternalBuild { content: $ms-icon-code-ExternalBuild; } +@mixin ms-Icon--ExternalGit { content: $ms-icon-code-ExternalGit; } +@mixin ms-Icon--ExternalTFVC { content: $ms-icon-code-ExternalTFVC; } +@mixin ms-Icon--ExternalXAML { content: $ms-icon-code-ExternalXAML; } +@mixin ms-Icon--F12DevTools { content: $ms-icon-code-F12DevTools; } +@mixin ms-Icon--FabricAssetLibrary { content: $ms-icon-code-FabricAssetLibrary; } +@mixin ms-Icon--FabricDataConnectionLibrary { content: $ms-icon-code-FabricDataConnectionLibrary; } +@mixin ms-Icon--FabricDocLibrary { content: $ms-icon-code-FabricDocLibrary; } +@mixin ms-Icon--FabricFolder { content: $ms-icon-code-FabricFolder; } +@mixin ms-Icon--FabricFolderFill { content: $ms-icon-code-FabricFolderFill; } +@mixin ms-Icon--FabricFolderSearch { content: $ms-icon-code-FabricFolderSearch; } +@mixin ms-Icon--FabricFormLibrary { content: $ms-icon-code-FabricFormLibrary; } +@mixin ms-Icon--FabricFormLibraryMirrored { content: $ms-icon-code-FabricFormLibraryMirrored; } +@mixin ms-Icon--FabricMovetoFolder { content: $ms-icon-code-FabricMovetoFolder; } +@mixin ms-Icon--FabricNewFolder { content: $ms-icon-code-FabricNewFolder; } +@mixin ms-Icon--FabricOpenFolderHorizontal { content: $ms-icon-code-FabricOpenFolderHorizontal; } +@mixin ms-Icon--FabricPictureLibrary { content: $ms-icon-code-FabricPictureLibrary; } +@mixin ms-Icon--FabricPublicFolder { content: $ms-icon-code-FabricPublicFolder; } +@mixin ms-Icon--FabricReportLibrary { content: $ms-icon-code-FabricReportLibrary; } +@mixin ms-Icon--FabricReportLibraryMirrored { content: $ms-icon-code-FabricReportLibraryMirrored; } +@mixin ms-Icon--FabricSyncFolder { content: $ms-icon-code-FabricSyncFolder; } +@mixin ms-Icon--FabricUnsyncFolder { content: $ms-icon-code-FabricUnsyncFolder; } +@mixin ms-Icon--Family { content: $ms-icon-code-Family; } +@mixin ms-Icon--FangBody { content: $ms-icon-code-FangBody; } +@mixin ms-Icon--FastForward { content: $ms-icon-code-FastForward; } +@mixin ms-Icon--FastMode { content: $ms-icon-code-FastMode; } +@mixin ms-Icon--Favicon { content: $ms-icon-code-Favicon; } +@mixin ms-Icon--FavoriteList { content: $ms-icon-code-FavoriteList; } +@mixin ms-Icon--FavoriteStar { content: $ms-icon-code-FavoriteStar; } +@mixin ms-Icon--FavoriteStarFill { content: $ms-icon-code-FavoriteStarFill; } +@mixin ms-Icon--Fax { content: $ms-icon-code-Fax; } +@mixin ms-Icon--Feedback { content: $ms-icon-code-Feedback; } +@mixin ms-Icon--FeedbackRequestMirroredSolid { content: $ms-icon-code-FeedbackRequestMirroredSolid; } +@mixin ms-Icon--FeedbackRequestSolid { content: $ms-icon-code-FeedbackRequestSolid; } +@mixin ms-Icon--FeedbackResponseSolid { content: $ms-icon-code-FeedbackResponseSolid; } +@mixin ms-Icon--Ferry { content: $ms-icon-code-Ferry; } +@mixin ms-Icon--FerrySolid { content: $ms-icon-code-FerrySolid; } +@mixin ms-Icon--FieldChanged { content: $ms-icon-code-FieldChanged; } +@mixin ms-Icon--FieldEmpty { content: $ms-icon-code-FieldEmpty; } +@mixin ms-Icon--FieldFilled { content: $ms-icon-code-FieldFilled; } +@mixin ms-Icon--FieldNotChanged { content: $ms-icon-code-FieldNotChanged; } +@mixin ms-Icon--FieldReadOnly { content: $ms-icon-code-FieldReadOnly; } +@mixin ms-Icon--FieldRequired { content: $ms-icon-code-FieldRequired; } +@mixin ms-Icon--FileASPX { content: $ms-icon-code-FileASPX; } +@mixin ms-Icon--FileBug { content: $ms-icon-code-FileBug; } +@mixin ms-Icon--FileCode { content: $ms-icon-code-FileCode; } +@mixin ms-Icon--FileComment { content: $ms-icon-code-FileComment; } +@mixin ms-Icon--FileCSS { content: $ms-icon-code-FileCSS; } +@mixin ms-Icon--FileHTML { content: $ms-icon-code-FileHTML; } +@mixin ms-Icon--FileImage { content: $ms-icon-code-FileImage; } +@mixin ms-Icon--FileJAVA { content: $ms-icon-code-FileJAVA; } +@mixin ms-Icon--FileLess { content: $ms-icon-code-FileLess; } +@mixin ms-Icon--FilePDB { content: $ms-icon-code-FilePDB; } +@mixin ms-Icon--FileSass { content: $ms-icon-code-FileSass; } +@mixin ms-Icon--FileSQL { content: $ms-icon-code-FileSQL; } +@mixin ms-Icon--FileSymlink { content: $ms-icon-code-FileSymlink; } +@mixin ms-Icon--FileTemplate { content: $ms-icon-code-FileTemplate; } +@mixin ms-Icon--FileTypeSolution { content: $ms-icon-code-FileTypeSolution; } +@mixin ms-Icon--FileYML { content: $ms-icon-code-FileYML; } +@mixin ms-Icon--Filter { content: $ms-icon-code-Filter; } +@mixin ms-Icon--Filters { content: $ms-icon-code-Filters; } +@mixin ms-Icon--FilterSolid { content: $ms-icon-code-FilterSolid; } +@mixin ms-Icon--FiltersSolid { content: $ms-icon-code-FiltersSolid; } +@mixin ms-Icon--Financial { content: $ms-icon-code-Financial; } +@mixin ms-Icon--FinancialMirroredSolid { content: $ms-icon-code-FinancialMirroredSolid; } +@mixin ms-Icon--FinancialSolid { content: $ms-icon-code-FinancialSolid; } +@mixin ms-Icon--Fingerprint { content: $ms-icon-code-Fingerprint; } +@mixin ms-Icon--FiveTileGrid { content: $ms-icon-code-FiveTileGrid; } +@mixin ms-Icon--Flag { content: $ms-icon-code-Flag; } +@mixin ms-Icon--FlameSolid { content: $ms-icon-code-FlameSolid; } +@mixin ms-Icon--FlickDown { content: $ms-icon-code-FlickDown; } +@mixin ms-Icon--FlickLeft { content: $ms-icon-code-FlickLeft; } +@mixin ms-Icon--FlickRight { content: $ms-icon-code-FlickRight; } +@mixin ms-Icon--FlickUp { content: $ms-icon-code-FlickUp; } +@mixin ms-Icon--Flow { content: $ms-icon-code-Flow; } +@mixin ms-Icon--FocalPoint { content: $ms-icon-code-FocalPoint; } +@mixin ms-Icon--Fog { content: $ms-icon-code-Fog; } +@mixin ms-Icon--Folder { content: $ms-icon-code-Folder; } +@mixin ms-Icon--FolderFill { content: $ms-icon-code-FolderFill; } +@mixin ms-Icon--FolderHorizontal { content: $ms-icon-code-FolderHorizontal; } +@mixin ms-Icon--FolderList { content: $ms-icon-code-FolderList; } +@mixin ms-Icon--FolderListMirrored { content: $ms-icon-code-FolderListMirrored; } +@mixin ms-Icon--FolderOpen { content: $ms-icon-code-FolderOpen; } +@mixin ms-Icon--FolderQuery { content: $ms-icon-code-FolderQuery; } +@mixin ms-Icon--FolderSearch { content: $ms-icon-code-FolderSearch; } +@mixin ms-Icon--FollowUser { content: $ms-icon-code-FollowUser; } +@mixin ms-Icon--Font { content: $ms-icon-code-Font; } +@mixin ms-Icon--FontColor { content: $ms-icon-code-FontColor; } +@mixin ms-Icon--FontColorA { content: $ms-icon-code-FontColorA; } +@mixin ms-Icon--FontColorSwatch { content: $ms-icon-code-FontColorSwatch; } +@mixin ms-Icon--FontDecrease { content: $ms-icon-code-FontDecrease; } +@mixin ms-Icon--FontIncrease { content: $ms-icon-code-FontIncrease; } +@mixin ms-Icon--FontSize { content: $ms-icon-code-FontSize; } +@mixin ms-Icon--FormLibrary { content: $ms-icon-code-FormLibrary; } +@mixin ms-Icon--FormLibraryMirrored { content: $ms-icon-code-FormLibraryMirrored; } +@mixin ms-Icon--Forward { content: $ms-icon-code-Forward; } +@mixin ms-Icon--ForwardEvent { content: $ms-icon-code-ForwardEvent; } +@mixin ms-Icon--Freezing { content: $ms-icon-code-Freezing; } +@mixin ms-Icon--Frigid { content: $ms-icon-code-Frigid; } +@mixin ms-Icon--FSharp { content: $ms-icon-code-FSharp; } +@mixin ms-Icon--FSharpLanguage { content: $ms-icon-code-FSharpLanguage; } +@mixin ms-Icon--FullCircleMask { content: $ms-icon-code-FullCircleMask; } +@mixin ms-Icon--FullHistory { content: $ms-icon-code-FullHistory; } +@mixin ms-Icon--FullScreen { content: $ms-icon-code-FullScreen; } +@mixin ms-Icon--FullWidth { content: $ms-icon-code-FullWidth; } +@mixin ms-Icon--FullWidthEdit { content: $ms-icon-code-FullWidthEdit; } +@mixin ms-Icon--FunctionalManagerDashboard { content: $ms-icon-code-FunctionalManagerDashboard; } +@mixin ms-Icon--GallatinLogo { content: $ms-icon-code-GallatinLogo; } +@mixin ms-Icon--Generate { content: $ms-icon-code-Generate; } +@mixin ms-Icon--GenericScan { content: $ms-icon-code-GenericScan; } +@mixin ms-Icon--Giftbox { content: $ms-icon-code-Giftbox; } +@mixin ms-Icon--GiftboxOpen { content: $ms-icon-code-GiftboxOpen; } +@mixin ms-Icon--GiftBoxSolid { content: $ms-icon-code-GiftBoxSolid; } +@mixin ms-Icon--GiftCard { content: $ms-icon-code-GiftCard; } +@mixin ms-Icon--GitFork { content: $ms-icon-code-GitFork; } +@mixin ms-Icon--GitGraph { content: $ms-icon-code-GitGraph; } +@mixin ms-Icon--Glasses { content: $ms-icon-code-Glasses; } +@mixin ms-Icon--Glimmer { content: $ms-icon-code-Glimmer; } +@mixin ms-Icon--GlobalNavButton { content: $ms-icon-code-GlobalNavButton; } +@mixin ms-Icon--Globe { content: $ms-icon-code-Globe; } +@mixin ms-Icon--Globe2 { content: $ms-icon-code-Globe2; } +@mixin ms-Icon--GlobeFavorite { content: $ms-icon-code-GlobeFavorite; } +@mixin ms-Icon--Golf { content: $ms-icon-code-Golf; } +@mixin ms-Icon--GotoToday { content: $ms-icon-code-GotoToday; } +@mixin ms-Icon--GridViewLarge { content: $ms-icon-code-GridViewLarge; } +@mixin ms-Icon--GridViewMedium { content: $ms-icon-code-GridViewMedium; } +@mixin ms-Icon--GridViewSmall { content: $ms-icon-code-GridViewSmall; } +@mixin ms-Icon--GripperBarHorizontal { content: $ms-icon-code-GripperBarHorizontal; } +@mixin ms-Icon--GripperBarVertical { content: $ms-icon-code-GripperBarVertical; } +@mixin ms-Icon--GripperTool { content: $ms-icon-code-GripperTool; } +@mixin ms-Icon--Group { content: $ms-icon-code-Group; } +@mixin ms-Icon--GroupedAscending { content: $ms-icon-code-GroupedAscending; } +@mixin ms-Icon--GroupedDescending { content: $ms-icon-code-GroupedDescending; } +@mixin ms-Icon--GroupedList { content: $ms-icon-code-GroupedList; } +@mixin ms-Icon--GroupObject { content: $ms-icon-code-GroupObject; } +@mixin ms-Icon--GUID { content: $ms-icon-code-GUID; } +@mixin ms-Icon--Guitar { content: $ms-icon-code-Guitar; } +@mixin ms-Icon--HailDay { content: $ms-icon-code-HailDay; } +@mixin ms-Icon--HailNight { content: $ms-icon-code-HailNight; } +@mixin ms-Icon--HalfAlpha { content: $ms-icon-code-HalfAlpha; } +@mixin ms-Icon--HalfCircle { content: $ms-icon-code-HalfCircle; } +@mixin ms-Icon--HandsFree { content: $ms-icon-code-HandsFree; } +@mixin ms-Icon--Handwriting { content: $ms-icon-code-Handwriting; } +@mixin ms-Icon--HardDrive { content: $ms-icon-code-HardDrive; } +@mixin ms-Icon--HardDriveGroup { content: $ms-icon-code-HardDriveGroup; } +@mixin ms-Icon--HardDriveLock { content: $ms-icon-code-HardDriveLock; } +@mixin ms-Icon--HardDriveUnlock { content: $ms-icon-code-HardDriveUnlock; } +@mixin ms-Icon--Header1 { content: $ms-icon-code-Header1; } +@mixin ms-Icon--Header2 { content: $ms-icon-code-Header2; } +@mixin ms-Icon--Header3 { content: $ms-icon-code-Header3; } +@mixin ms-Icon--Header4 { content: $ms-icon-code-Header4; } +@mixin ms-Icon--Headset { content: $ms-icon-code-Headset; } +@mixin ms-Icon--HeadsetSolid { content: $ms-icon-code-HeadsetSolid; } +@mixin ms-Icon--Health { content: $ms-icon-code-Health; } +@mixin ms-Icon--HealthSolid { content: $ms-icon-code-HealthSolid; } +@mixin ms-Icon--Heart { content: $ms-icon-code-Heart; } +@mixin ms-Icon--HeartBroken { content: $ms-icon-code-HeartBroken; } +@mixin ms-Icon--HeartFill { content: $ms-icon-code-HeartFill; } +@mixin ms-Icon--Help { content: $ms-icon-code-Help; } +@mixin ms-Icon--HelpMirrored { content: $ms-icon-code-HelpMirrored; } +@mixin ms-Icon--Hexagon { content: $ms-icon-code-Hexagon; } +@mixin ms-Icon--Hide { content: $ms-icon-code-Hide; } +@mixin ms-Icon--Hide2 { content: $ms-icon-code-Hide2; } +@mixin ms-Icon--Highlight { content: $ms-icon-code-Highlight; } +@mixin ms-Icon--HighlightMappedShapes { content: $ms-icon-code-HighlightMappedShapes; } +@mixin ms-Icon--HintText { content: $ms-icon-code-HintText; } +@mixin ms-Icon--History { content: $ms-icon-code-History; } +@mixin ms-Icon--Home { content: $ms-icon-code-Home; } +@mixin ms-Icon--HomeSolid { content: $ms-icon-code-HomeSolid; } +@mixin ms-Icon--HorizontalDistributeCenter { content: $ms-icon-code-HorizontalDistributeCenter; } +@mixin ms-Icon--Hospital { content: $ms-icon-code-Hospital; } +@mixin ms-Icon--Hotel { content: $ms-icon-code-Hotel; } +@mixin ms-Icon--HourGlass { content: $ms-icon-code-HourGlass; } +@mixin ms-Icon--IconSetsFlag { content: $ms-icon-code-IconSetsFlag; } +@mixin ms-Icon--IDBadge { content: $ms-icon-code-IDBadge; } +@mixin ms-Icon--ImageCrosshair { content: $ms-icon-code-ImageCrosshair; } +@mixin ms-Icon--ImageDiff { content: $ms-icon-code-ImageDiff; } +@mixin ms-Icon--ImagePixel { content: $ms-icon-code-ImagePixel; } +@mixin ms-Icon--ImageSearch { content: $ms-icon-code-ImageSearch; } +@mixin ms-Icon--Import { content: $ms-icon-code-Import; } +@mixin ms-Icon--Important { content: $ms-icon-code-Important; } +@mixin ms-Icon--ImportMirrored { content: $ms-icon-code-ImportMirrored; } +@mixin ms-Icon--Inbox { content: $ms-icon-code-Inbox; } +@mixin ms-Icon--InboxCheck { content: $ms-icon-code-InboxCheck; } +@mixin ms-Icon--IncidentTriangle { content: $ms-icon-code-IncidentTriangle; } +@mixin ms-Icon--IncreaseIndentLegacy { content: $ms-icon-code-IncreaseIndentLegacy; } +@mixin ms-Icon--Info { content: $ms-icon-code-Info; } +@mixin ms-Icon--Info2 { content: $ms-icon-code-Info2; } +@mixin ms-Icon--InfoSolid { content: $ms-icon-code-InfoSolid; } +@mixin ms-Icon--InsertColumnsLeft { content: $ms-icon-code-InsertColumnsLeft; } +@mixin ms-Icon--InsertColumnsRight { content: $ms-icon-code-InsertColumnsRight; } +@mixin ms-Icon--InsertRowsAbove { content: $ms-icon-code-InsertRowsAbove; } +@mixin ms-Icon--InsertRowsBelow { content: $ms-icon-code-InsertRowsBelow; } +@mixin ms-Icon--InsertSignatureLine { content: $ms-icon-code-InsertSignatureLine; } +@mixin ms-Icon--InsertTextBox { content: $ms-icon-code-InsertTextBox; } +@mixin ms-Icon--InstallToDrive { content: $ms-icon-code-InstallToDrive; } +@mixin ms-Icon--InternetSharing { content: $ms-icon-code-InternetSharing; } +@mixin ms-Icon--IRMForward { content: $ms-icon-code-IRMForward; } +@mixin ms-Icon--IRMForwardMirrored { content: $ms-icon-code-IRMForwardMirrored; } +@mixin ms-Icon--IRMReply { content: $ms-icon-code-IRMReply; } +@mixin ms-Icon--IRMReplyMirrored { content: $ms-icon-code-IRMReplyMirrored; } +@mixin ms-Icon--IssueSolid { content: $ms-icon-code-IssueSolid; } +@mixin ms-Icon--IssueTracking { content: $ms-icon-code-IssueTracking; } +@mixin ms-Icon--IssueTrackingMirrored { content: $ms-icon-code-IssueTrackingMirrored; } +@mixin ms-Icon--Italic { content: $ms-icon-code-Italic; } +@mixin ms-Icon--JavaScriptLanguage { content: $ms-icon-code-JavaScriptLanguage; } +@mixin ms-Icon--JoinOnlineMeeting { content: $ms-icon-code-JoinOnlineMeeting; } +@mixin ms-Icon--JS { content: $ms-icon-code-JS; } +@mixin ms-Icon--KaizalaLogo { content: $ms-icon-code-KaizalaLogo; } +@mixin ms-Icon--Label { content: $ms-icon-code-Label; } +@mixin ms-Icon--LadybugSolid { content: $ms-icon-code-LadybugSolid; } +@mixin ms-Icon--Lamp { content: $ms-icon-code-Lamp; } +@mixin ms-Icon--LandscapeOrientation { content: $ms-icon-code-LandscapeOrientation; } +@mixin ms-Icon--LaptopSecure { content: $ms-icon-code-LaptopSecure; } +@mixin ms-Icon--LaptopSelected { content: $ms-icon-code-LaptopSelected; } +@mixin ms-Icon--LargeGrid { content: $ms-icon-code-LargeGrid; } +@mixin ms-Icon--Leave { content: $ms-icon-code-Leave; } +@mixin ms-Icon--Library { content: $ms-icon-code-Library; } +@mixin ms-Icon--Lifesaver { content: $ms-icon-code-Lifesaver; } +@mixin ms-Icon--LifesaverLock { content: $ms-icon-code-LifesaverLock; } +@mixin ms-Icon--Light { content: $ms-icon-code-Light; } +@mixin ms-Icon--Lightbulb { content: $ms-icon-code-Lightbulb; } +@mixin ms-Icon--LightningBolt { content: $ms-icon-code-LightningBolt; } +@mixin ms-Icon--LightWeight { content: $ms-icon-code-LightWeight; } +@mixin ms-Icon--Like { content: $ms-icon-code-Like; } +@mixin ms-Icon--LikeSolid { content: $ms-icon-code-LikeSolid; } +@mixin ms-Icon--Line { content: $ms-icon-code-Line; } +@mixin ms-Icon--LineChart { content: $ms-icon-code-LineChart; } +@mixin ms-Icon--LineSpacing { content: $ms-icon-code-LineSpacing; } +@mixin ms-Icon--LineStyle { content: $ms-icon-code-LineStyle; } +@mixin ms-Icon--LineThickness { content: $ms-icon-code-LineThickness; } +@mixin ms-Icon--Link { content: $ms-icon-code-Link; } +@mixin ms-Icon--LinkedInLogo { content: $ms-icon-code-LinkedInLogo; } +@mixin ms-Icon--List { content: $ms-icon-code-List; } +@mixin ms-Icon--ListMirrored { content: $ms-icon-code-ListMirrored; } +@mixin ms-Icon--LocaleLanguage { content: $ms-icon-code-LocaleLanguage; } +@mixin ms-Icon--Location { content: $ms-icon-code-Location; } +@mixin ms-Icon--LocationCircle { content: $ms-icon-code-LocationCircle; } +@mixin ms-Icon--LocationDot { content: $ms-icon-code-LocationDot; } +@mixin ms-Icon--LocationFill { content: $ms-icon-code-LocationFill; } +@mixin ms-Icon--LocationOutline { content: $ms-icon-code-LocationOutline; } +@mixin ms-Icon--Lock { content: $ms-icon-code-Lock; } +@mixin ms-Icon--LockSolid { content: $ms-icon-code-LockSolid; } +@mixin ms-Icon--LogRemove { content: $ms-icon-code-LogRemove; } +@mixin ms-Icon--LookupEntities { content: $ms-icon-code-LookupEntities; } +@mixin ms-Icon--LowerBrightness { content: $ms-icon-code-LowerBrightness; } +@mixin ms-Icon--LyncLogo { content: $ms-icon-code-LyncLogo; } +@mixin ms-Icon--Mail { content: $ms-icon-code-Mail; } +@mixin ms-Icon--MailAlert { content: $ms-icon-code-MailAlert; } +@mixin ms-Icon--MailCheck { content: $ms-icon-code-MailCheck; } +@mixin ms-Icon--MailFill { content: $ms-icon-code-MailFill; } +@mixin ms-Icon--MailForward { content: $ms-icon-code-MailForward; } +@mixin ms-Icon--MailForwardMirrored { content: $ms-icon-code-MailForwardMirrored; } +@mixin ms-Icon--MailLowImportance { content: $ms-icon-code-MailLowImportance; } +@mixin ms-Icon--MailPause { content: $ms-icon-code-MailPause; } +@mixin ms-Icon--MailReminder { content: $ms-icon-code-MailReminder; } +@mixin ms-Icon--MailRepeat { content: $ms-icon-code-MailRepeat; } +@mixin ms-Icon--MailReply { content: $ms-icon-code-MailReply; } +@mixin ms-Icon--MailReplyAll { content: $ms-icon-code-MailReplyAll; } +@mixin ms-Icon--MailReplyAllMirrored { content: $ms-icon-code-MailReplyAllMirrored; } +@mixin ms-Icon--MailReplyMirrored { content: $ms-icon-code-MailReplyMirrored; } +@mixin ms-Icon--MailSolid { content: $ms-icon-code-MailSolid; } +@mixin ms-Icon--MailTentative { content: $ms-icon-code-MailTentative; } +@mixin ms-Icon--MailTentativeMirrored { content: $ms-icon-code-MailTentativeMirrored; } +@mixin ms-Icon--MailUndelivered { content: $ms-icon-code-MailUndelivered; } +@mixin ms-Icon--ManagerSelfService { content: $ms-icon-code-ManagerSelfService; } +@mixin ms-Icon--MapDirections { content: $ms-icon-code-MapDirections; } +@mixin ms-Icon--MapPin { content: $ms-icon-code-MapPin; } +@mixin ms-Icon--MapPinSolid { content: $ms-icon-code-MapPinSolid; } +@mixin ms-Icon--MarkDownLanguage { content: $ms-icon-code-MarkDownLanguage; } +@mixin ms-Icon--Market { content: $ms-icon-code-Market; } +@mixin ms-Icon--MarketDown { content: $ms-icon-code-MarketDown; } +@mixin ms-Icon--MasterDatabase { content: $ms-icon-code-MasterDatabase; } +@mixin ms-Icon--MaximumValue { content: $ms-icon-code-MaximumValue; } +@mixin ms-Icon--Medal { content: $ms-icon-code-Medal; } +@mixin ms-Icon--MediaAdd { content: $ms-icon-code-MediaAdd; } +@mixin ms-Icon--Medical { content: $ms-icon-code-Medical; } +@mixin ms-Icon--Megaphone { content: $ms-icon-code-Megaphone; } +@mixin ms-Icon--MegaphoneSolid { content: $ms-icon-code-MegaphoneSolid; } +@mixin ms-Icon--Memo { content: $ms-icon-code-Memo; } +@mixin ms-Icon--Merge { content: $ms-icon-code-Merge; } +@mixin ms-Icon--MergeDuplicate { content: $ms-icon-code-MergeDuplicate; } +@mixin ms-Icon--Message { content: $ms-icon-code-Message; } +@mixin ms-Icon--MessageFill { content: $ms-icon-code-MessageFill; } +@mixin ms-Icon--MicOff { content: $ms-icon-code-MicOff; } +@mixin ms-Icon--Microphone { content: $ms-icon-code-Microphone; } +@mixin ms-Icon--MicrosoftFlowLogo { content: $ms-icon-code-MicrosoftFlowLogo; } +@mixin ms-Icon--MicrosoftStaffhubLogo { content: $ms-icon-code-MicrosoftStaffhubLogo; } +@mixin ms-Icon--MiniContract { content: $ms-icon-code-MiniContract; } +@mixin ms-Icon--MiniExpand { content: $ms-icon-code-MiniExpand; } +@mixin ms-Icon--MiniLink { content: $ms-icon-code-MiniLink; } +@mixin ms-Icon--MinimumValue { content: $ms-icon-code-MinimumValue; } +@mixin ms-Icon--MobileReport { content: $ms-icon-code-MobileReport; } +@mixin ms-Icon--MobileSelected { content: $ms-icon-code-MobileSelected; } +@mixin ms-Icon--Money { content: $ms-icon-code-Money; } +@mixin ms-Icon--More { content: $ms-icon-code-More; } +@mixin ms-Icon--MoreSports { content: $ms-icon-code-MoreSports; } +@mixin ms-Icon--MoreVertical { content: $ms-icon-code-MoreVertical; } +@mixin ms-Icon--Move { content: $ms-icon-code-Move; } +@mixin ms-Icon--Movers { content: $ms-icon-code-Movers; } +@mixin ms-Icon--MoveToFolder { content: $ms-icon-code-MoveToFolder; } +@mixin ms-Icon--MSNLogo { content: $ms-icon-code-MSNLogo; } +@mixin ms-Icon--MSNVideos { content: $ms-icon-code-MSNVideos; } +@mixin ms-Icon--MSNVideosSolid { content: $ms-icon-code-MSNVideosSolid; } +@mixin ms-Icon--MTMLogo { content: $ms-icon-code-MTMLogo; } +@mixin ms-Icon--MultiSelect { content: $ms-icon-code-MultiSelect; } +@mixin ms-Icon--MultiSelectMirrored { content: $ms-icon-code-MultiSelectMirrored; } +@mixin ms-Icon--MusicInCollection { content: $ms-icon-code-MusicInCollection; } +@mixin ms-Icon--MusicInCollectionFill { content: $ms-icon-code-MusicInCollectionFill; } +@mixin ms-Icon--MusicNote { content: $ms-icon-code-MusicNote; } +@mixin ms-Icon--MyMoviesTV { content: $ms-icon-code-MyMoviesTV; } +@mixin ms-Icon--Nav2DMapView { content: $ms-icon-code-Nav2DMapView; } +@mixin ms-Icon--NavigateBack { content: $ms-icon-code-NavigateBack; } +@mixin ms-Icon--NavigateBackMirrored { content: $ms-icon-code-NavigateBackMirrored; } +@mixin ms-Icon--NavigateExternalInline { content: $ms-icon-code-NavigateExternalInline; } +@mixin ms-Icon--NavigateForward { content: $ms-icon-code-NavigateForward; } +@mixin ms-Icon--NavigateForwardMirrored { content: $ms-icon-code-NavigateForwardMirrored; } +@mixin ms-Icon--NavigationFlipper { content: $ms-icon-code-NavigationFlipper; } +@mixin ms-Icon--NetworkTower { content: $ms-icon-code-NetworkTower; } +@mixin ms-Icon--NewAnalyticsQuery { content: $ms-icon-code-NewAnalyticsQuery; } +@mixin ms-Icon--NewFolder { content: $ms-icon-code-NewFolder; } +@mixin ms-Icon--News { content: $ms-icon-code-News; } +@mixin ms-Icon--NewsSearch { content: $ms-icon-code-NewsSearch; } +@mixin ms-Icon--NewTeamProject { content: $ms-icon-code-NewTeamProject; } +@mixin ms-Icon--Next { content: $ms-icon-code-Next; } +@mixin ms-Icon--NonprofitLogo32 { content: $ms-icon-code-NonprofitLogo32; } +@mixin ms-Icon--NormalWeight { content: $ms-icon-code-NormalWeight; } +@mixin ms-Icon--NoteForward { content: $ms-icon-code-NoteForward; } +@mixin ms-Icon--NotePinned { content: $ms-icon-code-NotePinned; } +@mixin ms-Icon--NoteReply { content: $ms-icon-code-NoteReply; } +@mixin ms-Icon--NotExecuted { content: $ms-icon-code-NotExecuted; } +@mixin ms-Icon--NotImpactedSolid { content: $ms-icon-code-NotImpactedSolid; } +@mixin ms-Icon--NugetLogo { content: $ms-icon-code-NugetLogo; } +@mixin ms-Icon--NumberedList { content: $ms-icon-code-NumberedList; } +@mixin ms-Icon--NumberField { content: $ms-icon-code-NumberField; } +@mixin ms-Icon--NumberSequence { content: $ms-icon-code-NumberSequence; } +@mixin ms-Icon--Octagon { content: $ms-icon-code-Octagon; } +@mixin ms-Icon--OEM { content: $ms-icon-code-OEM; } +@mixin ms-Icon--OfficeAddinsLogo { content: $ms-icon-code-OfficeAddinsLogo; } +@mixin ms-Icon--OfficeAssistantLogo { content: $ms-icon-code-OfficeAssistantLogo; } +@mixin ms-Icon--OfficeFormsLogo { content: $ms-icon-code-OfficeFormsLogo; } +@mixin ms-Icon--OfficeFormsLogo16 { content: $ms-icon-code-OfficeFormsLogo16; } +@mixin ms-Icon--OfficeFormsLogo24 { content: $ms-icon-code-OfficeFormsLogo24; } +@mixin ms-Icon--OfficeFormsLogoFill { content: $ms-icon-code-OfficeFormsLogoFill; } +@mixin ms-Icon--OfficeFormsLogoFill16 { content: $ms-icon-code-OfficeFormsLogoFill16; } +@mixin ms-Icon--OfficeFormsLogoFill24 { content: $ms-icon-code-OfficeFormsLogoFill24; } +@mixin ms-Icon--OfficeFormsLogoInverse { content: $ms-icon-code-OfficeFormsLogoInverse; } +@mixin ms-Icon--OfficeFormsLogoInverse16 { content: $ms-icon-code-OfficeFormsLogoInverse16; } +@mixin ms-Icon--OfficeFormsLogoInverse24 { content: $ms-icon-code-OfficeFormsLogoInverse24; } +@mixin ms-Icon--OfficeLogo { content: $ms-icon-code-OfficeLogo; } +@mixin ms-Icon--OfficeStoreLogo { content: $ms-icon-code-OfficeStoreLogo; } +@mixin ms-Icon--OfficeVideoLogo { content: $ms-icon-code-OfficeVideoLogo; } +@mixin ms-Icon--OfficeVideoLogoFill { content: $ms-icon-code-OfficeVideoLogoFill; } +@mixin ms-Icon--OfficeVideoLogoInverse { content: $ms-icon-code-OfficeVideoLogoInverse; } +@mixin ms-Icon--OfflineOneDriveParachute { content: $ms-icon-code-OfflineOneDriveParachute; } +@mixin ms-Icon--OfflineOneDriveParachuteDisabled { content: $ms-icon-code-OfflineOneDriveParachuteDisabled; } +@mixin ms-Icon--OfflineStorageSolid { content: $ms-icon-code-OfflineStorageSolid; } +@mixin ms-Icon--OneDrive { content: $ms-icon-code-OneDrive; } +@mixin ms-Icon--OneDriveAdd { content: $ms-icon-code-OneDriveAdd; } +@mixin ms-Icon--OneDriveFolder16 { content: $ms-icon-code-OneDriveFolder16; } +@mixin ms-Icon--OneNoteEduLogoInverse { content: $ms-icon-code-OneNoteEduLogoInverse; } +@mixin ms-Icon--OneNoteLogo { content: $ms-icon-code-OneNoteLogo; } +@mixin ms-Icon--OneNoteLogo16 { content: $ms-icon-code-OneNoteLogo16; } +@mixin ms-Icon--OneNoteLogoFill { content: $ms-icon-code-OneNoteLogoFill; } +@mixin ms-Icon--OneNoteLogoFill16 { content: $ms-icon-code-OneNoteLogoFill16; } +@mixin ms-Icon--OneNoteLogoInverse { content: $ms-icon-code-OneNoteLogoInverse; } +@mixin ms-Icon--OneNoteLogoInverse16 { content: $ms-icon-code-OneNoteLogoInverse16; } +@mixin ms-Icon--OpenFile { content: $ms-icon-code-OpenFile; } +@mixin ms-Icon--OpenFolderHorizontal { content: $ms-icon-code-OpenFolderHorizontal; } +@mixin ms-Icon--OpenInNewWindow { content: $ms-icon-code-OpenInNewWindow; } +@mixin ms-Icon--OpenPane { content: $ms-icon-code-OpenPane; } +@mixin ms-Icon--OpenPaneMirrored { content: $ms-icon-code-OpenPaneMirrored; } +@mixin ms-Icon--OpenSource { content: $ms-icon-code-OpenSource; } +@mixin ms-Icon--Org { content: $ms-icon-code-Org; } +@mixin ms-Icon--Orientation { content: $ms-icon-code-Orientation; } +@mixin ms-Icon--OutlookLogo { content: $ms-icon-code-OutlookLogo; } +@mixin ms-Icon--OutlookLogo16 { content: $ms-icon-code-OutlookLogo16; } +@mixin ms-Icon--OutlookLogoFill { content: $ms-icon-code-OutlookLogoFill; } +@mixin ms-Icon--OutlookLogoFill16 { content: $ms-icon-code-OutlookLogoFill16; } +@mixin ms-Icon--OutlookLogoInverse { content: $ms-icon-code-OutlookLogoInverse; } +@mixin ms-Icon--OutlookLogoInverse16 { content: $ms-icon-code-OutlookLogoInverse16; } +@mixin ms-Icon--OutOfOffice { content: $ms-icon-code-OutOfOffice; } +@mixin ms-Icon--Package { content: $ms-icon-code-Package; } +@mixin ms-Icon--Packages { content: $ms-icon-code-Packages; } +@mixin ms-Icon--Padding { content: $ms-icon-code-Padding; } +@mixin ms-Icon--PaddingBottom { content: $ms-icon-code-PaddingBottom; } +@mixin ms-Icon--PaddingLeft { content: $ms-icon-code-PaddingLeft; } +@mixin ms-Icon--PaddingRight { content: $ms-icon-code-PaddingRight; } +@mixin ms-Icon--PaddingTop { content: $ms-icon-code-PaddingTop; } +@mixin ms-Icon--Page { content: $ms-icon-code-Page; } +@mixin ms-Icon--PageAdd { content: $ms-icon-code-PageAdd; } +@mixin ms-Icon--PageCheckedin { content: $ms-icon-code-PageCheckedin; } +@mixin ms-Icon--PageCheckedOut { content: $ms-icon-code-PageCheckedOut; } +@mixin ms-Icon--PageEdit { content: $ms-icon-code-PageEdit; } +@mixin ms-Icon--PageLeft { content: $ms-icon-code-PageLeft; } +@mixin ms-Icon--PageListMirroredSolid { content: $ms-icon-code-PageListMirroredSolid; } +@mixin ms-Icon--PageListSolid { content: $ms-icon-code-PageListSolid; } +@mixin ms-Icon--PageLock { content: $ms-icon-code-PageLock; } +@mixin ms-Icon--PageRemove { content: $ms-icon-code-PageRemove; } +@mixin ms-Icon--PageRight { content: $ms-icon-code-PageRight; } +@mixin ms-Icon--PageSolid { content: $ms-icon-code-PageSolid; } +@mixin ms-Icon--PanoIndicator { content: $ms-icon-code-PanoIndicator; } +@mixin ms-Icon--Parachute { content: $ms-icon-code-Parachute; } +@mixin ms-Icon--ParachuteSolid { content: $ms-icon-code-ParachuteSolid; } +@mixin ms-Icon--Parameter { content: $ms-icon-code-Parameter; } +@mixin ms-Icon--ParkingLocation { content: $ms-icon-code-ParkingLocation; } +@mixin ms-Icon--ParkingLocationMirrored { content: $ms-icon-code-ParkingLocationMirrored; } +@mixin ms-Icon--ParkingMirroredSolid { content: $ms-icon-code-ParkingMirroredSolid; } +@mixin ms-Icon--ParkingSolid { content: $ms-icon-code-ParkingSolid; } +@mixin ms-Icon--PartlyCloudyDay { content: $ms-icon-code-PartlyCloudyDay; } +@mixin ms-Icon--PartlyCloudyNight { content: $ms-icon-code-PartlyCloudyNight; } +@mixin ms-Icon--PartyLeader { content: $ms-icon-code-PartyLeader; } +@mixin ms-Icon--Paste { content: $ms-icon-code-Paste; } +@mixin ms-Icon--PasteAsCode { content: $ms-icon-code-PasteAsCode; } +@mixin ms-Icon--PasteAsText { content: $ms-icon-code-PasteAsText; } +@mixin ms-Icon--Pause { content: $ms-icon-code-Pause; } +@mixin ms-Icon--PaymentCard { content: $ms-icon-code-PaymentCard; } +@mixin ms-Icon--PC1 { content: $ms-icon-code-PC1; } +@mixin ms-Icon--PDF { content: $ms-icon-code-PDF; } +@mixin ms-Icon--PencilReply { content: $ms-icon-code-PencilReply; } +@mixin ms-Icon--Pentagon { content: $ms-icon-code-Pentagon; } +@mixin ms-Icon--People { content: $ms-icon-code-People; } +@mixin ms-Icon--PeopleAdd { content: $ms-icon-code-PeopleAdd; } +@mixin ms-Icon--PeopleAlert { content: $ms-icon-code-PeopleAlert; } +@mixin ms-Icon--PeopleBlock { content: $ms-icon-code-PeopleBlock; } +@mixin ms-Icon--PeoplePause { content: $ms-icon-code-PeoplePause; } +@mixin ms-Icon--PeopleRepeat { content: $ms-icon-code-PeopleRepeat; } +@mixin ms-Icon--Permissions { content: $ms-icon-code-Permissions; } +@mixin ms-Icon--PermissionsSolid { content: $ms-icon-code-PermissionsSolid; } +@mixin ms-Icon--Personalize { content: $ms-icon-code-Personalize; } +@mixin ms-Icon--Phishing { content: $ms-icon-code-Phishing; } +@mixin ms-Icon--Phone { content: $ms-icon-code-Phone; } +@mixin ms-Icon--Photo2 { content: $ms-icon-code-Photo2; } +@mixin ms-Icon--Photo2Add { content: $ms-icon-code-Photo2Add; } +@mixin ms-Icon--Photo2Remove { content: $ms-icon-code-Photo2Remove; } +@mixin ms-Icon--PhotoCollection { content: $ms-icon-code-PhotoCollection; } +@mixin ms-Icon--Picture { content: $ms-icon-code-Picture; } +@mixin ms-Icon--PictureCenter { content: $ms-icon-code-PictureCenter; } +@mixin ms-Icon--PictureFill { content: $ms-icon-code-PictureFill; } +@mixin ms-Icon--PictureLibrary { content: $ms-icon-code-PictureLibrary; } +@mixin ms-Icon--PicturePosition { content: $ms-icon-code-PicturePosition; } +@mixin ms-Icon--PictureStretch { content: $ms-icon-code-PictureStretch; } +@mixin ms-Icon--PictureTile { content: $ms-icon-code-PictureTile; } +@mixin ms-Icon--PieDouble { content: $ms-icon-code-PieDouble; } +@mixin ms-Icon--PieSingle { content: $ms-icon-code-PieSingle; } +@mixin ms-Icon--PieSingleSolid { content: $ms-icon-code-PieSingleSolid; } +@mixin ms-Icon--Pill { content: $ms-icon-code-Pill; } +@mixin ms-Icon--Pin { content: $ms-icon-code-Pin; } +@mixin ms-Icon--Pinned { content: $ms-icon-code-Pinned; } +@mixin ms-Icon--PinnedFill { content: $ms-icon-code-PinnedFill; } +@mixin ms-Icon--PivotChart { content: $ms-icon-code-PivotChart; } +@mixin ms-Icon--PlannerLogo { content: $ms-icon-code-PlannerLogo; } +@mixin ms-Icon--PlanView { content: $ms-icon-code-PlanView; } +@mixin ms-Icon--Play { content: $ms-icon-code-Play; } +@mixin ms-Icon--PlayerSettings { content: $ms-icon-code-PlayerSettings; } +@mixin ms-Icon--PlayResume { content: $ms-icon-code-PlayResume; } +@mixin ms-Icon--Plug { content: $ms-icon-code-Plug; } +@mixin ms-Icon--PlugConnected { content: $ms-icon-code-PlugConnected; } +@mixin ms-Icon--PlugDisconnected { content: $ms-icon-code-PlugDisconnected; } +@mixin ms-Icon--PlugSolid { content: $ms-icon-code-PlugSolid; } +@mixin ms-Icon--POI { content: $ms-icon-code-POI; } +@mixin ms-Icon--POISolid { content: $ms-icon-code-POISolid; } +@mixin ms-Icon--PostUpdate { content: $ms-icon-code-PostUpdate; } +@mixin ms-Icon--PowerApps { content: $ms-icon-code-PowerApps; } +@mixin ms-Icon--PowerApps2Logo { content: $ms-icon-code-PowerApps2Logo; } +@mixin ms-Icon--PowerAppsLogo { content: $ms-icon-code-PowerAppsLogo; } +@mixin ms-Icon--PowerBILogo { content: $ms-icon-code-PowerBILogo; } +@mixin ms-Icon--PowerButton { content: $ms-icon-code-PowerButton; } +@mixin ms-Icon--PowerPointDocument { content: $ms-icon-code-PowerPointDocument; } +@mixin ms-Icon--PowerPointLogo { content: $ms-icon-code-PowerPointLogo; } +@mixin ms-Icon--PowerPointLogo16 { content: $ms-icon-code-PowerPointLogo16; } +@mixin ms-Icon--PowerPointLogoFill { content: $ms-icon-code-PowerPointLogoFill; } +@mixin ms-Icon--PowerPointLogoFill16 { content: $ms-icon-code-PowerPointLogoFill16; } +@mixin ms-Icon--PowerPointLogoInverse { content: $ms-icon-code-PowerPointLogoInverse; } +@mixin ms-Icon--PowerPointLogoInverse16 { content: $ms-icon-code-PowerPointLogoInverse16; } +@mixin ms-Icon--Precipitation { content: $ms-icon-code-Precipitation; } +@mixin ms-Icon--PresenceChickletVideo { content: $ms-icon-code-PresenceChickletVideo; } +@mixin ms-Icon--Preview { content: $ms-icon-code-Preview; } +@mixin ms-Icon--PreviewLink { content: $ms-icon-code-PreviewLink; } +@mixin ms-Icon--Previous { content: $ms-icon-code-Previous; } +@mixin ms-Icon--PrimaryCalendar { content: $ms-icon-code-PrimaryCalendar; } +@mixin ms-Icon--Print { content: $ms-icon-code-Print; } +@mixin ms-Icon--PrintfaxPrinterFile { content: $ms-icon-code-PrintfaxPrinterFile; } +@mixin ms-Icon--Processing { content: $ms-icon-code-Processing; } +@mixin ms-Icon--ProcessMetaTask { content: $ms-icon-code-ProcessMetaTask; } +@mixin ms-Icon--Product { content: $ms-icon-code-Product; } +@mixin ms-Icon--ProfileSearch { content: $ms-icon-code-ProfileSearch; } +@mixin ms-Icon--ProFootball { content: $ms-icon-code-ProFootball; } +@mixin ms-Icon--ProgressLoopInner { content: $ms-icon-code-ProgressLoopInner; } +@mixin ms-Icon--ProgressLoopOuter { content: $ms-icon-code-ProgressLoopOuter; } +@mixin ms-Icon--ProgressRingDots { content: $ms-icon-code-ProgressRingDots; } +@mixin ms-Icon--ProHockey { content: $ms-icon-code-ProHockey; } +@mixin ms-Icon--ProjectCollection { content: $ms-icon-code-ProjectCollection; } +@mixin ms-Icon--ProjectLogo16 { content: $ms-icon-code-ProjectLogo16; } +@mixin ms-Icon--ProjectLogo32 { content: $ms-icon-code-ProjectLogo32; } +@mixin ms-Icon--ProjectLogoFill16 { content: $ms-icon-code-ProjectLogoFill16; } +@mixin ms-Icon--ProjectLogoFill32 { content: $ms-icon-code-ProjectLogoFill32; } +@mixin ms-Icon--ProjectLogoInverse { content: $ms-icon-code-ProjectLogoInverse; } +@mixin ms-Icon--ProtectedDocument { content: $ms-icon-code-ProtectedDocument; } +@mixin ms-Icon--ProtectionCenterLogo32 { content: $ms-icon-code-ProtectionCenterLogo32; } +@mixin ms-Icon--ProtectRestrict { content: $ms-icon-code-ProtectRestrict; } +@mixin ms-Icon--PublicCalendar { content: $ms-icon-code-PublicCalendar; } +@mixin ms-Icon--PublicContactCard { content: $ms-icon-code-PublicContactCard; } +@mixin ms-Icon--PublicContactCardMirrored { content: $ms-icon-code-PublicContactCardMirrored; } +@mixin ms-Icon--PublicEmail { content: $ms-icon-code-PublicEmail; } +@mixin ms-Icon--PublicFolder { content: $ms-icon-code-PublicFolder; } +@mixin ms-Icon--PublishCourse { content: $ms-icon-code-PublishCourse; } +@mixin ms-Icon--PublisherLogo { content: $ms-icon-code-PublisherLogo; } +@mixin ms-Icon--PublisherLogo16 { content: $ms-icon-code-PublisherLogo16; } +@mixin ms-Icon--PublisherLogoFill { content: $ms-icon-code-PublisherLogoFill; } +@mixin ms-Icon--PublisherLogoFill16 { content: $ms-icon-code-PublisherLogoFill16; } +@mixin ms-Icon--PublisherLogoInverse16 { content: $ms-icon-code-PublisherLogoInverse16; } +@mixin ms-Icon--Puzzle { content: $ms-icon-code-Puzzle; } +@mixin ms-Icon--PY { content: $ms-icon-code-PY; } +@mixin ms-Icon--PythonLanguage { content: $ms-icon-code-PythonLanguage; } +@mixin ms-Icon--QuarterCircle { content: $ms-icon-code-QuarterCircle; } +@mixin ms-Icon--QueryList { content: $ms-icon-code-QueryList; } +@mixin ms-Icon--Questionnaire { content: $ms-icon-code-Questionnaire; } +@mixin ms-Icon--QuestionnaireMirrored { content: $ms-icon-code-QuestionnaireMirrored; } +@mixin ms-Icon--QuickNote { content: $ms-icon-code-QuickNote; } +@mixin ms-Icon--QuickNoteSolid { content: $ms-icon-code-QuickNoteSolid; } +@mixin ms-Icon--R { content: $ms-icon-code-R; } +@mixin ms-Icon--RadioBtnOff { content: $ms-icon-code-RadioBtnOff; } +@mixin ms-Icon--RadioBtnOn { content: $ms-icon-code-RadioBtnOn; } +@mixin ms-Icon--RadioBullet { content: $ms-icon-code-RadioBullet; } +@mixin ms-Icon--Rain { content: $ms-icon-code-Rain; } +@mixin ms-Icon--RainShowersDay { content: $ms-icon-code-RainShowersDay; } +@mixin ms-Icon--RainShowersNight { content: $ms-icon-code-RainShowersNight; } +@mixin ms-Icon--RainSnow { content: $ms-icon-code-RainSnow; } +@mixin ms-Icon--RawSource { content: $ms-icon-code-RawSource; } +@mixin ms-Icon--Read { content: $ms-icon-code-Read; } +@mixin ms-Icon--ReadingMode { content: $ms-icon-code-ReadingMode; } +@mixin ms-Icon--ReadingModeSolid { content: $ms-icon-code-ReadingModeSolid; } +@mixin ms-Icon--ReadOutLoud { content: $ms-icon-code-ReadOutLoud; } +@mixin ms-Icon--ReceiptCheck { content: $ms-icon-code-ReceiptCheck; } +@mixin ms-Icon--ReceiptForward { content: $ms-icon-code-ReceiptForward; } +@mixin ms-Icon--ReceiptReply { content: $ms-icon-code-ReceiptReply; } +@mixin ms-Icon--ReceiptTentative { content: $ms-icon-code-ReceiptTentative; } +@mixin ms-Icon--ReceiptTentativeMirrored { content: $ms-icon-code-ReceiptTentativeMirrored; } +@mixin ms-Icon--ReceiptUndelivered { content: $ms-icon-code-ReceiptUndelivered; } +@mixin ms-Icon--Recent { content: $ms-icon-code-Recent; } +@mixin ms-Icon--Record2 { content: $ms-icon-code-Record2; } +@mixin ms-Icon--RectangleShapeSolid { content: $ms-icon-code-RectangleShapeSolid; } +@mixin ms-Icon--RectangularClipping { content: $ms-icon-code-RectangularClipping; } +@mixin ms-Icon--RecurringEvent { content: $ms-icon-code-RecurringEvent; } +@mixin ms-Icon--RecurringTask { content: $ms-icon-code-RecurringTask; } +@mixin ms-Icon--RecycleBin { content: $ms-icon-code-RecycleBin; } +@mixin ms-Icon--Redeploy { content: $ms-icon-code-Redeploy; } +@mixin ms-Icon--RedEye { content: $ms-icon-code-RedEye; } +@mixin ms-Icon--Redo { content: $ms-icon-code-Redo; } +@mixin ms-Icon--Refresh { content: $ms-icon-code-Refresh; } +@mixin ms-Icon--ReminderGroup { content: $ms-icon-code-ReminderGroup; } +@mixin ms-Icon--ReminderPerson { content: $ms-icon-code-ReminderPerson; } +@mixin ms-Icon--Remote { content: $ms-icon-code-Remote; } +@mixin ms-Icon--Remove { content: $ms-icon-code-Remove; } +@mixin ms-Icon--RemoveEvent { content: $ms-icon-code-RemoveEvent; } +@mixin ms-Icon--RemoveFilter { content: $ms-icon-code-RemoveFilter; } +@mixin ms-Icon--RemoveLink { content: $ms-icon-code-RemoveLink; } +@mixin ms-Icon--RemoveOccurrence { content: $ms-icon-code-RemoveOccurrence; } +@mixin ms-Icon--Rename { content: $ms-icon-code-Rename; } +@mixin ms-Icon--RenewalCurrent { content: $ms-icon-code-RenewalCurrent; } +@mixin ms-Icon--RenewalFuture { content: $ms-icon-code-RenewalFuture; } +@mixin ms-Icon--ReopenPages { content: $ms-icon-code-ReopenPages; } +@mixin ms-Icon--Repair { content: $ms-icon-code-Repair; } +@mixin ms-Icon--Reply { content: $ms-icon-code-Reply; } +@mixin ms-Icon--ReplyAll { content: $ms-icon-code-ReplyAll; } +@mixin ms-Icon--ReplyAllAlt { content: $ms-icon-code-ReplyAllAlt; } +@mixin ms-Icon--ReplyAllMirrored { content: $ms-icon-code-ReplyAllMirrored; } +@mixin ms-Icon--ReplyAlt { content: $ms-icon-code-ReplyAlt; } +@mixin ms-Icon--ReplyMirrored { content: $ms-icon-code-ReplyMirrored; } +@mixin ms-Icon--Repo { content: $ms-icon-code-Repo; } +@mixin ms-Icon--ReportAdd { content: $ms-icon-code-ReportAdd; } +@mixin ms-Icon--ReportHacked { content: $ms-icon-code-ReportHacked; } +@mixin ms-Icon--ReportLibrary { content: $ms-icon-code-ReportLibrary; } +@mixin ms-Icon--ReportLibraryMirrored { content: $ms-icon-code-ReportLibraryMirrored; } +@mixin ms-Icon--RepoSolid { content: $ms-icon-code-RepoSolid; } +@mixin ms-Icon--ReturnToSession { content: $ms-icon-code-ReturnToSession; } +@mixin ms-Icon--ReviewRequestMirroredSolid { content: $ms-icon-code-ReviewRequestMirroredSolid; } +@mixin ms-Icon--ReviewRequestSolid { content: $ms-icon-code-ReviewRequestSolid; } +@mixin ms-Icon--ReviewResponseSolid { content: $ms-icon-code-ReviewResponseSolid; } +@mixin ms-Icon--ReviewSolid { content: $ms-icon-code-ReviewSolid; } +@mixin ms-Icon--RevToggleKey { content: $ms-icon-code-RevToggleKey; } +@mixin ms-Icon--Rewind { content: $ms-icon-code-Rewind; } +@mixin ms-Icon--Ribbon { content: $ms-icon-code-Ribbon; } +@mixin ms-Icon--RibbonSolid { content: $ms-icon-code-RibbonSolid; } +@mixin ms-Icon--RightDoubleQuote { content: $ms-icon-code-RightDoubleQuote; } +@mixin ms-Icon--RightTriangle { content: $ms-icon-code-RightTriangle; } +@mixin ms-Icon--Ringer { content: $ms-icon-code-Ringer; } +@mixin ms-Icon--RingerOff { content: $ms-icon-code-RingerOff; } +@mixin ms-Icon--RingerRemove { content: $ms-icon-code-RingerRemove; } +@mixin ms-Icon--Robot { content: $ms-icon-code-Robot; } +@mixin ms-Icon--Rocket { content: $ms-icon-code-Rocket; } +@mixin ms-Icon--Room { content: $ms-icon-code-Room; } +@mixin ms-Icon--Rotate { content: $ms-icon-code-Rotate; } +@mixin ms-Icon--RowsChild { content: $ms-icon-code-RowsChild; } +@mixin ms-Icon--RowsGroup { content: $ms-icon-code-RowsGroup; } +@mixin ms-Icon--Rugby { content: $ms-icon-code-Rugby; } +@mixin ms-Icon--Running { content: $ms-icon-code-Running; } +@mixin ms-Icon--Sad { content: $ms-icon-code-Sad; } +@mixin ms-Icon--SadSolid { content: $ms-icon-code-SadSolid; } +@mixin ms-Icon--Save { content: $ms-icon-code-Save; } +@mixin ms-Icon--SaveAll { content: $ms-icon-code-SaveAll; } +@mixin ms-Icon--SaveAndClose { content: $ms-icon-code-SaveAndClose; } +@mixin ms-Icon--SaveAs { content: $ms-icon-code-SaveAs; } +@mixin ms-Icon--Savings { content: $ms-icon-code-Savings; } +@mixin ms-Icon--ScaleUp { content: $ms-icon-code-ScaleUp; } +@mixin ms-Icon--ScheduleEventAction { content: $ms-icon-code-ScheduleEventAction; } +@mixin ms-Icon--ScopeTemplate { content: $ms-icon-code-ScopeTemplate; } +@mixin ms-Icon--Script { content: $ms-icon-code-Script; } +@mixin ms-Icon--ScrollUpDown { content: $ms-icon-code-ScrollUpDown; } +@mixin ms-Icon--Search { content: $ms-icon-code-Search; } +@mixin ms-Icon--SearchAndApps { content: $ms-icon-code-SearchAndApps; } +@mixin ms-Icon--SearchBookmark { content: $ms-icon-code-SearchBookmark; } +@mixin ms-Icon--SearchCalendar { content: $ms-icon-code-SearchCalendar; } +@mixin ms-Icon--SearchIssue { content: $ms-icon-code-SearchIssue; } +@mixin ms-Icon--SearchIssueMirrored { content: $ms-icon-code-SearchIssueMirrored; } +@mixin ms-Icon--Section { content: $ms-icon-code-Section; } +@mixin ms-Icon--Sections { content: $ms-icon-code-Sections; } +@mixin ms-Icon--SecurityGroup { content: $ms-icon-code-SecurityGroup; } +@mixin ms-Icon--SelectAll { content: $ms-icon-code-SelectAll; } +@mixin ms-Icon--Sell { content: $ms-icon-code-Sell; } +@mixin ms-Icon--SemiboldWeight { content: $ms-icon-code-SemiboldWeight; } +@mixin ms-Icon--Send { content: $ms-icon-code-Send; } +@mixin ms-Icon--SendMirrored { content: $ms-icon-code-SendMirrored; } +@mixin ms-Icon--Separator { content: $ms-icon-code-Separator; } +@mixin ms-Icon--Server { content: $ms-icon-code-Server; } +@mixin ms-Icon--ServerEnviroment { content: $ms-icon-code-ServerEnviroment; } +@mixin ms-Icon--ServerProcesses { content: $ms-icon-code-ServerProcesses; } +@mixin ms-Icon--SetAction { content: $ms-icon-code-SetAction; } +@mixin ms-Icon--Settings { content: $ms-icon-code-Settings; } +@mixin ms-Icon--Share { content: $ms-icon-code-Share; } +@mixin ms-Icon--ShareiOS { content: $ms-icon-code-ShareiOS; } +@mixin ms-Icon--SharepointLogo { content: $ms-icon-code-SharepointLogo; } +@mixin ms-Icon--SharepointLogoFill { content: $ms-icon-code-SharepointLogoFill; } +@mixin ms-Icon--SharepointLogoInverse { content: $ms-icon-code-SharepointLogoInverse; } +@mixin ms-Icon--Shield { content: $ms-icon-code-Shield; } +@mixin ms-Icon--ShieldSolid { content: $ms-icon-code-ShieldSolid; } +@mixin ms-Icon--Shop { content: $ms-icon-code-Shop; } +@mixin ms-Icon--ShoppingCart { content: $ms-icon-code-ShoppingCart; } +@mixin ms-Icon--ShoppingCartSolid { content: $ms-icon-code-ShoppingCartSolid; } +@mixin ms-Icon--ShopServer { content: $ms-icon-code-ShopServer; } +@mixin ms-Icon--ShowResults { content: $ms-icon-code-ShowResults; } +@mixin ms-Icon--ShowResultsMirrored { content: $ms-icon-code-ShowResultsMirrored; } +@mixin ms-Icon--SidePanel { content: $ms-icon-code-SidePanel; } +@mixin ms-Icon--SidePanelMirrored { content: $ms-icon-code-SidePanelMirrored; } +@mixin ms-Icon--SignOut { content: $ms-icon-code-SignOut; } +@mixin ms-Icon--SingleBookmark { content: $ms-icon-code-SingleBookmark; } +@mixin ms-Icon--SingleBookmarkSolid { content: $ms-icon-code-SingleBookmarkSolid; } +@mixin ms-Icon--SingleColumn { content: $ms-icon-code-SingleColumn; } +@mixin ms-Icon--SingleColumnEdit { content: $ms-icon-code-SingleColumnEdit; } +@mixin ms-Icon--SIPMove { content: $ms-icon-code-SIPMove; } +@mixin ms-Icon--SiteScan { content: $ms-icon-code-SiteScan; } +@mixin ms-Icon--SizeLegacy { content: $ms-icon-code-SizeLegacy; } +@mixin ms-Icon--SkiResorts { content: $ms-icon-code-SkiResorts; } +@mixin ms-Icon--SkypeCheck { content: $ms-icon-code-SkypeCheck; } +@mixin ms-Icon--SkypeCircleCheck { content: $ms-icon-code-SkypeCircleCheck; } +@mixin ms-Icon--SkypeCircleClock { content: $ms-icon-code-SkypeCircleClock; } +@mixin ms-Icon--SkypeCircleMinus { content: $ms-icon-code-SkypeCircleMinus; } +@mixin ms-Icon--SkypeClock { content: $ms-icon-code-SkypeClock; } +@mixin ms-Icon--SkypeForBusinessLogo { content: $ms-icon-code-SkypeForBusinessLogo; } +@mixin ms-Icon--SkypeForBusinessLogo16 { content: $ms-icon-code-SkypeForBusinessLogo16; } +@mixin ms-Icon--SkypeForBusinessLogoFill { content: $ms-icon-code-SkypeForBusinessLogoFill; } +@mixin ms-Icon--SkypeForBusinessLogoFill16 { content: $ms-icon-code-SkypeForBusinessLogoFill16; } +@mixin ms-Icon--SkypeLogo { content: $ms-icon-code-SkypeLogo; } +@mixin ms-Icon--SkypeLogo16 { content: $ms-icon-code-SkypeLogo16; } +@mixin ms-Icon--SkypeMessage { content: $ms-icon-code-SkypeMessage; } +@mixin ms-Icon--SkypeMinus { content: $ms-icon-code-SkypeMinus; } +@mixin ms-Icon--Slider { content: $ms-icon-code-Slider; } +@mixin ms-Icon--SliderHandleSize { content: $ms-icon-code-SliderHandleSize; } +@mixin ms-Icon--SliderThumb { content: $ms-icon-code-SliderThumb; } +@mixin ms-Icon--Snooze { content: $ms-icon-code-Snooze; } +@mixin ms-Icon--Snow { content: $ms-icon-code-Snow; } +@mixin ms-Icon--Snowflake { content: $ms-icon-code-Snowflake; } +@mixin ms-Icon--SnowShowerDay { content: $ms-icon-code-SnowShowerDay; } +@mixin ms-Icon--SnowShowerNight { content: $ms-icon-code-SnowShowerNight; } +@mixin ms-Icon--Soccer { content: $ms-icon-code-Soccer; } +@mixin ms-Icon--SocialListeningLogo { content: $ms-icon-code-SocialListeningLogo; } +@mixin ms-Icon--Sort { content: $ms-icon-code-Sort; } +@mixin ms-Icon--SortDown { content: $ms-icon-code-SortDown; } +@mixin ms-Icon--SortLines { content: $ms-icon-code-SortLines; } +@mixin ms-Icon--SortUp { content: $ms-icon-code-SortUp; } +@mixin ms-Icon--Source { content: $ms-icon-code-Source; } +@mixin ms-Icon--Spacer { content: $ms-icon-code-Spacer; } +@mixin ms-Icon--Speakers { content: $ms-icon-code-Speakers; } +@mixin ms-Icon--SpeedHigh { content: $ms-icon-code-SpeedHigh; } +@mixin ms-Icon--Split { content: $ms-icon-code-Split; } +@mixin ms-Icon--SplitObject { content: $ms-icon-code-SplitObject; } +@mixin ms-Icon--Sprint { content: $ms-icon-code-Sprint; } +@mixin ms-Icon--Squalls { content: $ms-icon-code-Squalls; } +@mixin ms-Icon--SquareShapeSolid { content: $ms-icon-code-SquareShapeSolid; } +@mixin ms-Icon--Stack { content: $ms-icon-code-Stack; } +@mixin ms-Icon--StackedBarChart { content: $ms-icon-code-StackedBarChart; } +@mixin ms-Icon--StackedLineChart { content: $ms-icon-code-StackedLineChart; } +@mixin ms-Icon--StackIndicator { content: $ms-icon-code-StackIndicator; } +@mixin ms-Icon--StaffNotebookLogo16 { content: $ms-icon-code-StaffNotebookLogo16; } +@mixin ms-Icon--StaffNotebookLogo32 { content: $ms-icon-code-StaffNotebookLogo32; } +@mixin ms-Icon--StaffNotebookLogoFill16 { content: $ms-icon-code-StaffNotebookLogoFill16; } +@mixin ms-Icon--StaffNotebookLogoFill32 { content: $ms-icon-code-StaffNotebookLogoFill32; } +@mixin ms-Icon--StaffNotebookLogoInverted16 { content: $ms-icon-code-StaffNotebookLogoInverted16; } +@mixin ms-Icon--StaffNotebookLogoInverted32 { content: $ms-icon-code-StaffNotebookLogoInverted32; } +@mixin ms-Icon--Starburst { content: $ms-icon-code-Starburst; } +@mixin ms-Icon--StarburstSolid { content: $ms-icon-code-StarburstSolid; } +@mixin ms-Icon--StatusCircleBlock2 { content: $ms-icon-code-StatusCircleBlock2; } +@mixin ms-Icon--StatusCircleCheckmark { content: $ms-icon-code-StatusCircleCheckmark; } +@mixin ms-Icon--StatusCircleErrorX { content: $ms-icon-code-StatusCircleErrorX; } +@mixin ms-Icon--StatusCircleExclamation { content: $ms-icon-code-StatusCircleExclamation; } +@mixin ms-Icon--StatusCircleInfo { content: $ms-icon-code-StatusCircleInfo; } +@mixin ms-Icon--StatusCircleInner { content: $ms-icon-code-StatusCircleInner; } +@mixin ms-Icon--StatusCircleOuter { content: $ms-icon-code-StatusCircleOuter; } +@mixin ms-Icon--StatusCircleQuestionMark { content: $ms-icon-code-StatusCircleQuestionMark; } +@mixin ms-Icon--StatusCircleRing { content: $ms-icon-code-StatusCircleRing; } +@mixin ms-Icon--StatusErrorFull { content: $ms-icon-code-StatusErrorFull; } +@mixin ms-Icon--StatusTriangle { content: $ms-icon-code-StatusTriangle; } +@mixin ms-Icon--StatusTriangleExclamation { content: $ms-icon-code-StatusTriangleExclamation; } +@mixin ms-Icon--StatusTriangleInner { content: $ms-icon-code-StatusTriangleInner; } +@mixin ms-Icon--StatusTriangleOuter { content: $ms-icon-code-StatusTriangleOuter; } +@mixin ms-Icon--Step { content: $ms-icon-code-Step; } +@mixin ms-Icon--StepInsert { content: $ms-icon-code-StepInsert; } +@mixin ms-Icon--StepShared { content: $ms-icon-code-StepShared; } +@mixin ms-Icon--StepSharedAdd { content: $ms-icon-code-StepSharedAdd; } +@mixin ms-Icon--StepSharedInsert { content: $ms-icon-code-StepSharedInsert; } +@mixin ms-Icon--StockDown { content: $ms-icon-code-StockDown; } +@mixin ms-Icon--StockUp { content: $ms-icon-code-StockUp; } +@mixin ms-Icon--Stop { content: $ms-icon-code-Stop; } +@mixin ms-Icon--StopSolid { content: $ms-icon-code-StopSolid; } +@mixin ms-Icon--Stopwatch { content: $ms-icon-code-Stopwatch; } +@mixin ms-Icon--StoreLogo16 { content: $ms-icon-code-StoreLogo16; } +@mixin ms-Icon--StoreLogoMed20 { content: $ms-icon-code-StoreLogoMed20; } +@mixin ms-Icon--Storyboard { content: $ms-icon-code-Storyboard; } +@mixin ms-Icon--Streaming { content: $ms-icon-code-Streaming; } +@mixin ms-Icon--StreamingOff { content: $ms-icon-code-StreamingOff; } +@mixin ms-Icon--StreamLogo { content: $ms-icon-code-StreamLogo; } +@mixin ms-Icon--Strikethrough { content: $ms-icon-code-Strikethrough; } +@mixin ms-Icon--Subscribe { content: $ms-icon-code-Subscribe; } +@mixin ms-Icon--Subscript { content: $ms-icon-code-Subscript; } +@mixin ms-Icon--SubstitutionsIn { content: $ms-icon-code-SubstitutionsIn; } +@mixin ms-Icon--Suitcase { content: $ms-icon-code-Suitcase; } +@mixin ms-Icon--SunAdd { content: $ms-icon-code-SunAdd; } +@mixin ms-Icon--Sunny { content: $ms-icon-code-Sunny; } +@mixin ms-Icon--SunQuestionMark { content: $ms-icon-code-SunQuestionMark; } +@mixin ms-Icon--Superscript { content: $ms-icon-code-Superscript; } +@mixin ms-Icon--SurveyQuestions { content: $ms-icon-code-SurveyQuestions; } +@mixin ms-Icon--SwayLogo16 { content: $ms-icon-code-SwayLogo16; } +@mixin ms-Icon--SwayLogo32 { content: $ms-icon-code-SwayLogo32; } +@mixin ms-Icon--SwayLogoFill16 { content: $ms-icon-code-SwayLogoFill16; } +@mixin ms-Icon--SwayLogoFill32 { content: $ms-icon-code-SwayLogoFill32; } +@mixin ms-Icon--SwayLogoInverse { content: $ms-icon-code-SwayLogoInverse; } +@mixin ms-Icon--Switch { content: $ms-icon-code-Switch; } +@mixin ms-Icon--SwitcherStartEnd { content: $ms-icon-code-SwitcherStartEnd; } +@mixin ms-Icon--Sync { content: $ms-icon-code-Sync; } +@mixin ms-Icon--SyncFolder { content: $ms-icon-code-SyncFolder; } +@mixin ms-Icon--SyncOccurence { content: $ms-icon-code-SyncOccurence; } +@mixin ms-Icon--SyncToPC { content: $ms-icon-code-SyncToPC; } +@mixin ms-Icon--System { content: $ms-icon-code-System; } +@mixin ms-Icon--Tab { content: $ms-icon-code-Tab; } +@mixin ms-Icon--Table { content: $ms-icon-code-Table; } +@mixin ms-Icon--Tablet { content: $ms-icon-code-Tablet; } +@mixin ms-Icon--TabletMode { content: $ms-icon-code-TabletMode; } +@mixin ms-Icon--TabletSelected { content: $ms-icon-code-TabletSelected; } +@mixin ms-Icon--Tag { content: $ms-icon-code-Tag; } +@mixin ms-Icon--Taskboard { content: $ms-icon-code-Taskboard; } +@mixin ms-Icon--TaskGroup { content: $ms-icon-code-TaskGroup; } +@mixin ms-Icon--TaskGroupMirrored { content: $ms-icon-code-TaskGroupMirrored; } +@mixin ms-Icon--TaskLogo { content: $ms-icon-code-TaskLogo; } +@mixin ms-Icon--TaskManager { content: $ms-icon-code-TaskManager; } +@mixin ms-Icon--TaskManagerMirrored { content: $ms-icon-code-TaskManagerMirrored; } +@mixin ms-Icon--TaskSolid { content: $ms-icon-code-TaskSolid; } +@mixin ms-Icon--Taxi { content: $ms-icon-code-Taxi; } +@mixin ms-Icon--TeamFavorite { content: $ms-icon-code-TeamFavorite; } +@mixin ms-Icon--TeamsLogo { content: $ms-icon-code-TeamsLogo; } +@mixin ms-Icon--TeamsLogoFill { content: $ms-icon-code-TeamsLogoFill; } +@mixin ms-Icon--TeamsLogoInverse { content: $ms-icon-code-TeamsLogoInverse; } +@mixin ms-Icon--Teamwork { content: $ms-icon-code-Teamwork; } +@mixin ms-Icon--Teeth { content: $ms-icon-code-Teeth; } +@mixin ms-Icon--TemporaryUser { content: $ms-icon-code-TemporaryUser; } +@mixin ms-Icon--Tennis { content: $ms-icon-code-Tennis; } +@mixin ms-Icon--TestAutoSolid { content: $ms-icon-code-TestAutoSolid; } +@mixin ms-Icon--TestBeaker { content: $ms-icon-code-TestBeaker; } +@mixin ms-Icon--TestBeakerSolid { content: $ms-icon-code-TestBeakerSolid; } +@mixin ms-Icon--TestCase { content: $ms-icon-code-TestCase; } +@mixin ms-Icon--TestExploreSolid { content: $ms-icon-code-TestExploreSolid; } +@mixin ms-Icon--TestImpactSolid { content: $ms-icon-code-TestImpactSolid; } +@mixin ms-Icon--TestParameter { content: $ms-icon-code-TestParameter; } +@mixin ms-Icon--TestPlan { content: $ms-icon-code-TestPlan; } +@mixin ms-Icon--TestStep { content: $ms-icon-code-TestStep; } +@mixin ms-Icon--TestSuite { content: $ms-icon-code-TestSuite; } +@mixin ms-Icon--TestUserSolid { content: $ms-icon-code-TestUserSolid; } +@mixin ms-Icon--TextBox { content: $ms-icon-code-TextBox; } +@mixin ms-Icon--TextCallout { content: $ms-icon-code-TextCallout; } +@mixin ms-Icon--TextDocument { content: $ms-icon-code-TextDocument; } +@mixin ms-Icon--TextDocumentShared { content: $ms-icon-code-TextDocumentShared; } +@mixin ms-Icon--TextField { content: $ms-icon-code-TextField; } +@mixin ms-Icon--TextOverflow { content: $ms-icon-code-TextOverflow; } +@mixin ms-Icon--TFVCLogo { content: $ms-icon-code-TFVCLogo; } +@mixin ms-Icon--ThisPC { content: $ms-icon-code-ThisPC; } +@mixin ms-Icon--ThreeQuarterCircle { content: $ms-icon-code-ThreeQuarterCircle; } +@mixin ms-Icon--ThumbnailView { content: $ms-icon-code-ThumbnailView; } +@mixin ms-Icon--ThumbnailViewMirrored { content: $ms-icon-code-ThumbnailViewMirrored; } +@mixin ms-Icon--Thunderstorms { content: $ms-icon-code-Thunderstorms; } +@mixin ms-Icon--Ticket { content: $ms-icon-code-Ticket; } +@mixin ms-Icon--Tiles { content: $ms-icon-code-Tiles; } +@mixin ms-Icon--Tiles2 { content: $ms-icon-code-Tiles2; } +@mixin ms-Icon--TimeEntry { content: $ms-icon-code-TimeEntry; } +@mixin ms-Icon--Timeline { content: $ms-icon-code-Timeline; } +@mixin ms-Icon--TimelineDelivery { content: $ms-icon-code-TimelineDelivery; } +@mixin ms-Icon--TimelineMatrixView { content: $ms-icon-code-TimelineMatrixView; } +@mixin ms-Icon--TimelineProgress { content: $ms-icon-code-TimelineProgress; } +@mixin ms-Icon--Timer { content: $ms-icon-code-Timer; } +@mixin ms-Icon--TimeSheet { content: $ms-icon-code-TimeSheet; } +@mixin ms-Icon--ToDoLogoBottom { content: $ms-icon-code-ToDoLogoBottom; } +@mixin ms-Icon--ToDoLogoInverse { content: $ms-icon-code-ToDoLogoInverse; } +@mixin ms-Icon--ToDoLogoTop { content: $ms-icon-code-ToDoLogoTop; } +@mixin ms-Icon--ToggleBorder { content: $ms-icon-code-ToggleBorder; } +@mixin ms-Icon--ToggleFilled { content: $ms-icon-code-ToggleFilled; } +@mixin ms-Icon--ToggleOff { content: $ms-icon-code-ToggleOff; } +@mixin ms-Icon--ToggleThumb { content: $ms-icon-code-ToggleThumb; } +@mixin ms-Icon--Toll { content: $ms-icon-code-Toll; } +@mixin ms-Icon--Touch { content: $ms-icon-code-Touch; } +@mixin ms-Icon--TouchPointer { content: $ms-icon-code-TouchPointer; } +@mixin ms-Icon--Trackers { content: $ms-icon-code-Trackers; } +@mixin ms-Icon--TrackersMirrored { content: $ms-icon-code-TrackersMirrored; } +@mixin ms-Icon--Train { content: $ms-icon-code-Train; } +@mixin ms-Icon--TrainSolid { content: $ms-icon-code-TrainSolid; } +@mixin ms-Icon--TransferCall { content: $ms-icon-code-TransferCall; } +@mixin ms-Icon--Transition { content: $ms-icon-code-Transition; } +@mixin ms-Icon--TransitionEffect { content: $ms-icon-code-TransitionEffect; } +@mixin ms-Icon--TransitionPop { content: $ms-icon-code-TransitionPop; } +@mixin ms-Icon--TransitionPush { content: $ms-icon-code-TransitionPush; } +@mixin ms-Icon--Trending12 { content: $ms-icon-code-Trending12; } +@mixin ms-Icon--TriangleDown12 { content: $ms-icon-code-TriangleDown12; } +@mixin ms-Icon--TriangleLeft12 { content: $ms-icon-code-TriangleLeft12; } +@mixin ms-Icon--TriangleRight12 { content: $ms-icon-code-TriangleRight12; } +@mixin ms-Icon--TriangleShapeSolid { content: $ms-icon-code-TriangleShapeSolid; } +@mixin ms-Icon--TriangleSolid { content: $ms-icon-code-TriangleSolid; } +@mixin ms-Icon--TriangleSolidDown12 { content: $ms-icon-code-TriangleSolidDown12; } +@mixin ms-Icon--TriangleSolidLeft12 { content: $ms-icon-code-TriangleSolidLeft12; } +@mixin ms-Icon--TriangleSolidRight12 { content: $ms-icon-code-TriangleSolidRight12; } +@mixin ms-Icon--TriangleSolidUp12 { content: $ms-icon-code-TriangleSolidUp12; } +@mixin ms-Icon--TriangleUp12 { content: $ms-icon-code-TriangleUp12; } +@mixin ms-Icon--TriggerApproval { content: $ms-icon-code-TriggerApproval; } +@mixin ms-Icon--TriggerAuto { content: $ms-icon-code-TriggerAuto; } +@mixin ms-Icon--TriggerUser { content: $ms-icon-code-TriggerUser; } +@mixin ms-Icon--TripleColumn { content: $ms-icon-code-TripleColumn; } +@mixin ms-Icon--TripleColumnEdit { content: $ms-icon-code-TripleColumnEdit; } +@mixin ms-Icon--Trophy { content: $ms-icon-code-Trophy; } +@mixin ms-Icon--Trophy2 { content: $ms-icon-code-Trophy2; } +@mixin ms-Icon--Trophy2Solid { content: $ms-icon-code-Trophy2Solid; } +@mixin ms-Icon--TurnRight { content: $ms-icon-code-TurnRight; } +@mixin ms-Icon--TVMonitor { content: $ms-icon-code-TVMonitor; } +@mixin ms-Icon--TVMonitorSelected { content: $ms-icon-code-TVMonitorSelected; } +@mixin ms-Icon--TypeScriptLanguage { content: $ms-icon-code-TypeScriptLanguage; } +@mixin ms-Icon--Umbrella { content: $ms-icon-code-Umbrella; } +@mixin ms-Icon--Underline { content: $ms-icon-code-Underline; } +@mixin ms-Icon--Undo { content: $ms-icon-code-Undo; } +@mixin ms-Icon--Uneditable { content: $ms-icon-code-Uneditable; } +@mixin ms-Icon--UneditableMirrored { content: $ms-icon-code-UneditableMirrored; } +@mixin ms-Icon--UneditableSolid12 { content: $ms-icon-code-UneditableSolid12; } +@mixin ms-Icon--UneditableSolidMirrored12 { content: $ms-icon-code-UneditableSolidMirrored12; } +@mixin ms-Icon--Unfavorite { content: $ms-icon-code-Unfavorite; } +@mixin ms-Icon--UngroupObject { content: $ms-icon-code-UngroupObject; } +@mixin ms-Icon--Unknown { content: $ms-icon-code-Unknown; } +@mixin ms-Icon--UnknownCall { content: $ms-icon-code-UnknownCall; } +@mixin ms-Icon--UnknownMirrored { content: $ms-icon-code-UnknownMirrored; } +@mixin ms-Icon--UnknownMirroredSolid { content: $ms-icon-code-UnknownMirroredSolid; } +@mixin ms-Icon--UnknownSolid { content: $ms-icon-code-UnknownSolid; } +@mixin ms-Icon--Unlock { content: $ms-icon-code-Unlock; } +@mixin ms-Icon--UnlockSolid { content: $ms-icon-code-UnlockSolid; } +@mixin ms-Icon--Unpin { content: $ms-icon-code-Unpin; } +@mixin ms-Icon--Unsubscribe { content: $ms-icon-code-Unsubscribe; } +@mixin ms-Icon--UnsyncFolder { content: $ms-icon-code-UnsyncFolder; } +@mixin ms-Icon--UnsyncOccurence { content: $ms-icon-code-UnsyncOccurence; } +@mixin ms-Icon--Up { content: $ms-icon-code-Up; } +@mixin ms-Icon--Upload { content: $ms-icon-code-Upload; } +@mixin ms-Icon--UserEvent { content: $ms-icon-code-UserEvent; } +@mixin ms-Icon--UserFollowed { content: $ms-icon-code-UserFollowed; } +@mixin ms-Icon--UserPause { content: $ms-icon-code-UserPause; } +@mixin ms-Icon--UserRemove { content: $ms-icon-code-UserRemove; } +@mixin ms-Icon--UserSync { content: $ms-icon-code-UserSync; } +@mixin ms-Icon--Vacation { content: $ms-icon-code-Vacation; } +@mixin ms-Icon--Variable { content: $ms-icon-code-Variable; } +@mixin ms-Icon--VariableGroup { content: $ms-icon-code-VariableGroup; } +@mixin ms-Icon--VB { content: $ms-icon-code-VB; } +@mixin ms-Icon--VennDiagram { content: $ms-icon-code-VennDiagram; } +@mixin ms-Icon--VersionControlPush { content: $ms-icon-code-VersionControlPush; } +@mixin ms-Icon--VerticalDistributeCenter { content: $ms-icon-code-VerticalDistributeCenter; } +@mixin ms-Icon--Video { content: $ms-icon-code-Video; } +@mixin ms-Icon--VideoOff { content: $ms-icon-code-VideoOff; } +@mixin ms-Icon--VideoSearch { content: $ms-icon-code-VideoSearch; } +@mixin ms-Icon--VideoSolid { content: $ms-icon-code-VideoSolid; } +@mixin ms-Icon--View { content: $ms-icon-code-View; } +@mixin ms-Icon--ViewAll { content: $ms-icon-code-ViewAll; } +@mixin ms-Icon--ViewAll2 { content: $ms-icon-code-ViewAll2; } +@mixin ms-Icon--ViewDashboard { content: $ms-icon-code-ViewDashboard; } +@mixin ms-Icon--ViewList { content: $ms-icon-code-ViewList; } +@mixin ms-Icon--ViewListGroup { content: $ms-icon-code-ViewListGroup; } +@mixin ms-Icon--ViewListTree { content: $ms-icon-code-ViewListTree; } +@mixin ms-Icon--VisioDiagram { content: $ms-icon-code-VisioDiagram; } +@mixin ms-Icon--VisioDocument { content: $ms-icon-code-VisioDocument; } +@mixin ms-Icon--VisioLogo { content: $ms-icon-code-VisioLogo; } +@mixin ms-Icon--VisioLogo16 { content: $ms-icon-code-VisioLogo16; } +@mixin ms-Icon--VisioLogoFill { content: $ms-icon-code-VisioLogoFill; } +@mixin ms-Icon--VisioLogoFill16 { content: $ms-icon-code-VisioLogoFill16; } +@mixin ms-Icon--VisioLogoInverse { content: $ms-icon-code-VisioLogoInverse; } +@mixin ms-Icon--VisioLogoInverse16 { content: $ms-icon-code-VisioLogoInverse16; } +@mixin ms-Icon--VisualBasicLanguage { content: $ms-icon-code-VisualBasicLanguage; } +@mixin ms-Icon--VisualsFolder { content: $ms-icon-code-VisualsFolder; } +@mixin ms-Icon--VisualsStore { content: $ms-icon-code-VisualsStore; } +@mixin ms-Icon--VisualStudioIDELogo32 { content: $ms-icon-code-VisualStudioIDELogo32; } +@mixin ms-Icon--VisualStudioLogo { content: $ms-icon-code-VisualStudioLogo; } +@mixin ms-Icon--VoicemailForward { content: $ms-icon-code-VoicemailForward; } +@mixin ms-Icon--VoicemailIRM { content: $ms-icon-code-VoicemailIRM; } +@mixin ms-Icon--VoicemailReply { content: $ms-icon-code-VoicemailReply; } +@mixin ms-Icon--Volume0 { content: $ms-icon-code-Volume0; } +@mixin ms-Icon--Volume1 { content: $ms-icon-code-Volume1; } +@mixin ms-Icon--Volume2 { content: $ms-icon-code-Volume2; } +@mixin ms-Icon--Volume3 { content: $ms-icon-code-Volume3; } +@mixin ms-Icon--VolumeDisabled { content: $ms-icon-code-VolumeDisabled; } +@mixin ms-Icon--VSTSAltLogo1 { content: $ms-icon-code-VSTSAltLogo1; } +@mixin ms-Icon--VSTSAltLogo2 { content: $ms-icon-code-VSTSAltLogo2; } +@mixin ms-Icon--VSTSLogo { content: $ms-icon-code-VSTSLogo; } +@mixin ms-Icon--Waffle { content: $ms-icon-code-Waffle; } +@mixin ms-Icon--WaffleOffice365 { content: $ms-icon-code-WaffleOffice365; } +@mixin ms-Icon--WaitlistConfirm { content: $ms-icon-code-WaitlistConfirm; } +@mixin ms-Icon--WaitlistConfirmMirrored { content: $ms-icon-code-WaitlistConfirmMirrored; } +@mixin ms-Icon--Warning { content: $ms-icon-code-Warning; } +@mixin ms-Icon--Warning12 { content: $ms-icon-code-Warning12; } +@mixin ms-Icon--WebPublish { content: $ms-icon-code-WebPublish; } +@mixin ms-Icon--Website { content: $ms-icon-code-Website; } +@mixin ms-Icon--Weights { content: $ms-icon-code-Weights; } +@mixin ms-Icon--WhiteBoardApp16 { content: $ms-icon-code-WhiteBoardApp16; } +@mixin ms-Icon--WhiteBoardApp32 { content: $ms-icon-code-WhiteBoardApp32; } +@mixin ms-Icon--WifiEthernet { content: $ms-icon-code-WifiEthernet; } +@mixin ms-Icon--WindDirection { content: $ms-icon-code-WindDirection; } +@mixin ms-Icon--WindowEdit { content: $ms-icon-code-WindowEdit; } +@mixin ms-Icon--WindowsLogo { content: $ms-icon-code-WindowsLogo; } +@mixin ms-Icon--Wines { content: $ms-icon-code-Wines; } +@mixin ms-Icon--WipePhone { content: $ms-icon-code-WipePhone; } +@mixin ms-Icon--WordDocument { content: $ms-icon-code-WordDocument; } +@mixin ms-Icon--WordLogo { content: $ms-icon-code-WordLogo; } +@mixin ms-Icon--WordLogo16 { content: $ms-icon-code-WordLogo16; } +@mixin ms-Icon--WordLogoFill { content: $ms-icon-code-WordLogoFill; } +@mixin ms-Icon--WordLogoFill16 { content: $ms-icon-code-WordLogoFill16; } +@mixin ms-Icon--WordLogoInverse { content: $ms-icon-code-WordLogoInverse; } +@mixin ms-Icon--WordLogoInverse16 { content: $ms-icon-code-WordLogoInverse16; } +@mixin ms-Icon--Work { content: $ms-icon-code-Work; } +@mixin ms-Icon--WorkFlow { content: $ms-icon-code-WorkFlow; } +@mixin ms-Icon--WorkforceManagement { content: $ms-icon-code-WorkforceManagement; } +@mixin ms-Icon--WorkItem { content: $ms-icon-code-WorkItem; } +@mixin ms-Icon--WorkItemBar { content: $ms-icon-code-WorkItemBar; } +@mixin ms-Icon--WorkItemBarSolid { content: $ms-icon-code-WorkItemBarSolid; } +@mixin ms-Icon--WorkItemBug { content: $ms-icon-code-WorkItemBug; } +@mixin ms-Icon--World { content: $ms-icon-code-World; } +@mixin ms-Icon--WorldClock { content: $ms-icon-code-WorldClock; } +@mixin ms-Icon--YammerLogo { content: $ms-icon-code-YammerLogo; } +@mixin ms-Icon--ZipFolder { content: $ms-icon-code-ZipFolder; } +@mixin ms-Icon--Zoom { content: $ms-icon-code-Zoom; } +@mixin ms-Icon--ZoomIn { content: $ms-icon-code-ZoomIn; } +@mixin ms-Icon--ZoomOut { content: $ms-icon-code-ZoomOut; } + +// Deprecated mixins, to be removed in the next major release. +@mixin ms-Icon--HumanResources { + @warn 'The ms-Icon--HumanResources mixin has been deprecated and will be removed in the next major version.'; + content: $ms-icon-code-HumanResources; +} + +@mixin ms-Icon--StoreLogo { + @warn 'The ms-Icon--StoreLogo mixin has been deprecated and replaced with ms-Icon--StoreLogo16.'; + content: $ms-icon-code-StoreLogo16; +} + +@mixin ms-Icon--StoreLogoMed { + @warn 'The ms-Icon--StoreLogoMed mixin has been deprecated and replaced with ms-Icon--StoreLogoMed20.'; + content: $ms-icon-code-StoreLogoMed20; +} diff --git a/dist/sass/mixins/_Responsive.Mixins.scss b/dist/sass/mixins/_Responsive.Mixins.scss new file mode 100644 index 000000000..632b4148b --- /dev/null +++ b/dist/sass/mixins/_Responsive.Mixins.scss @@ -0,0 +1,1487 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// Small Screens +@mixin ms-sm12 { + width: 100%; +} +@mixin ms-sm11 { + width: 91.66666666666666%; +} +@mixin ms-sm10 { + width: 83.33333333333334%; +} +@mixin ms-sm9 { + width: 75%; +} +@mixin ms-sm8 { + width: 66.66666666666666%; +} +@mixin ms-sm7 { + width: 58.333333333333336%; +} +@mixin ms-sm6 { + width: 50%; +} +@mixin ms-sm5 { + width: 41.66666666666667%; +} +@mixin ms-sm4 { + width: 33.33333333333333%; +} +@mixin ms-sm3 { + width: 25%; +} +@mixin ms-sm2 { + width: 16.666666666666664%; +} +@mixin ms-sm1 { + width: 8.333333333333332%; +} +@mixin ms-smPull12 { + @include ms-right(100%); +} +@mixin ms-smPull11 { + @include ms-right(91.66666666666666%); +} +@mixin ms-smPull10 { + @include ms-right(83.33333333333334%); +} +@mixin ms-smPull9 { + @include ms-right(75%); +} +@mixin ms-smPull8 { + @include ms-right(66.66666666666666%); +} +@mixin ms-smPull7 { + @include ms-right(58.333333333333336%); +} +@mixin ms-smPull6 { + @include ms-right(50%); +} +@mixin ms-smPull5 { + @include ms-right(41.66666666666667%); +} +@mixin ms-smPull4 { + @include ms-right(33.33333333333333%); +} +@mixin ms-smPull3 { + @include ms-right(25%); +} +@mixin ms-smPull2 { + @include ms-right(16.666666666666664%); +} +@mixin ms-smPull1 { + @include ms-right(8.333333333333332%); +} +@mixin ms-smPull0 { + @include ms-right(auto); +} +@mixin ms-smPush12 { + @include ms-left(100%); +} +@mixin ms-smPush11 { + @include ms-left(91.66666666666666%); +} +@mixin ms-smPush10 { + @include ms-left(83.33333333333334%); +} +@mixin ms-smPush9 { + @include ms-left(75%); +} +@mixin ms-smPush8 { + @include ms-left(66.66666666666666%); +} +@mixin ms-smPush7 { + @include ms-left(58.333333333333336%); +} +@mixin ms-smPush6 { + @include ms-left(50%); +} +@mixin ms-smPush5 { + @include ms-left(41.66666666666667%); +} +@mixin ms-smPush4 { + @include ms-left(33.33333333333333%); +} +@mixin ms-smPush3 { + @include ms-left(25%); +} +@mixin ms-smPush2 { + @include ms-left(16.666666666666664%); +} +@mixin ms-smPush1 { + @include ms-left(8.333333333333332%); +} +@mixin ms-smPush0 { + @include ms-left(auto); +} + +// Small Offset classes 0 ... 11 +@mixin ms-smOffset11 { + @include ms-margin-left(91.66666666666666%); +} +@mixin ms-smOffset10 { + @include ms-margin-left(83.33333333333334%); +} +@mixin ms-smOffset9 { + @include ms-margin-left(75%); +} +@mixin ms-smOffset8 { + @include ms-margin-left(66.66666666666666%); +} +@mixin ms-smOffset7 { + @include ms-margin-left(58.333333333333336%); +} +@mixin ms-smOffset6 { + @include ms-margin-left(50%); +} +@mixin ms-smOffset5 { + @include ms-margin-left(41.66666666666667%); +} +@mixin ms-smOffset4 { + @include ms-margin-left(33.33333333333333%); +} +@mixin ms-smOffset3 { + @include ms-margin-left(25%); +} +@mixin ms-smOffset2 { + @include ms-margin-left(16.666666666666664%); +} +@mixin ms-smOffset1 { + @include ms-margin-left(8.333333333333332%); +} +@mixin ms-smOffset0 { + @include ms-margin-left(0); +} + +// Medium Screens +@mixin ms-md12 { + @media (min-width: $ms-screen-min-md) { + width: 100%; + } +} +@mixin ms-md11 { + @media (min-width: $ms-screen-min-md) { + width: 91.66666666666666%; + } +} +@mixin ms-md10 { + @media (min-width: $ms-screen-min-md) { + width: 83.33333333333334%; + } +} +@mixin ms-md9 { + @media (min-width: $ms-screen-min-md) { + width: 75%; + } +} +@mixin ms-md8 { + @media (min-width: $ms-screen-min-md) { + width: 66.66666666666666%; + } +} +@mixin ms-md7 { + @media (min-width: $ms-screen-min-md) { + width: 58.333333333333336%; + } +} +@mixin ms-md6 { + @media (min-width: $ms-screen-min-md) { + width: 50%; + } +} +@mixin ms-md5 { + @media (min-width: $ms-screen-min-md) { + width: 41.66666666666667%; + } +} +@mixin ms-md4 { + @media (min-width: $ms-screen-min-md) { + width: 33.33333333333333%; + } +} +@mixin ms-md3 { + @media (min-width: $ms-screen-min-md) { + width: 25%; + } +} +@mixin ms-md2 { + @media (min-width: $ms-screen-min-md) { + width: 16.666666666666664%; + } +} +@mixin ms-md1 { + @media (min-width: $ms-screen-min-md) { + width: 8.333333333333332%; + } +} +@mixin ms-mdPull12 { + @media (min-width: $ms-screen-min-md) { + @include ms-right(100%); + } +} +@mixin ms-mdPull11 { + @media (min-width: $ms-screen-min-md) { + @include ms-right(91.66666666666666%); + } +} +@mixin ms-mdPull10 { + @media (min-width: $ms-screen-min-md) { + @include ms-right(83.33333333333334%); + } +} +@mixin ms-mdPull9 { + @media (min-width: $ms-screen-min-md) { + @include ms-right(75%); + } +} +@mixin ms-mdPull8 { + @media (min-width: $ms-screen-min-md) { + @include ms-right(66.66666666666666%); + } +} +@mixin ms-mdPull7 { + @media (min-width: $ms-screen-min-md) { + @include ms-right(58.333333333333336%); + } +} +@mixin ms-mdPull6 { + @media (min-width: $ms-screen-min-md) { + @include ms-right(50%); + } +} +@mixin ms-mdPull5 { + @media (min-width: $ms-screen-min-md) { + @include ms-right(41.66666666666667%); + } +} +@mixin ms-mdPull4 { + @media (min-width: $ms-screen-min-md) { + @include ms-right(33.33333333333333%); + } +} +@mixin ms-mdPull3 { + @media (min-width: $ms-screen-min-md) { + @include ms-right(25%); + } +} +@mixin ms-mdPull2 { + @media (min-width: $ms-screen-min-md) { + @include ms-right(16.666666666666664%); + } +} +@mixin ms-mdPull1 { + @media (min-width: $ms-screen-min-md) { + @include ms-right(8.333333333333332%); + } +} +@mixin ms-mdPull0 { + @media (min-width: $ms-screen-min-md) { + @include ms-right(auto); + } +} +@mixin ms-mdPush12 { + @media (min-width: $ms-screen-min-md) { + @include ms-left(100%); + } +} +@mixin ms-mdPush11 { + @media (min-width: $ms-screen-min-md) { + @include ms-left(91.66666666666666%); + } +} +@mixin ms-mdPush10 { + @media (min-width: $ms-screen-min-md) { + @include ms-left(83.33333333333334%); + } +} +@mixin ms-mdPush9 { + @media (min-width: $ms-screen-min-md) { + @include ms-left(75%); + } +} +@mixin ms-mdPush8 { + @media (min-width: $ms-screen-min-md) { + @include ms-left(66.66666666666666%); + } +} +@mixin ms-mdPush7 { + @media (min-width: $ms-screen-min-md) { + @include ms-left(58.333333333333336%); + } +} +@mixin ms-mdPush6 { + @media (min-width: $ms-screen-min-md) { + @include ms-left(50%); + } +} +@mixin ms-mdPush5 { + @media (min-width: $ms-screen-min-md) { + @include ms-left(41.66666666666667%); + } +} +@mixin ms-mdPush4 { + @media (min-width: $ms-screen-min-md) { + @include ms-left(33.33333333333333%); + } +} +@mixin ms-mdPush3 { + @media (min-width: $ms-screen-min-md) { + @include ms-left(25%); + } +} +@mixin ms-mdPush2 { + @media (min-width: $ms-screen-min-md) { + @include ms-left(16.666666666666664%); + } +} +@mixin ms-mdPush1 { + @media (min-width: $ms-screen-min-md) { + @include ms-left(8.333333333333332%); + } +} +@mixin ms-mdPush0 { + @media (min-width: $ms-screen-min-md) { + @include ms-left(auto); + } +} + +// Medium Offset classes 0 ... 11 +@mixin ms-mdOffset11 { + @media (min-width: $ms-screen-min-md) { + @include ms-margin-left(91.66666666666666%); + } +} +@mixin ms-mdOffset10 { + @media (min-width: $ms-screen-min-md) { + @include ms-margin-left(83.33333333333334%); + } +} +@mixin ms-mdOffset9 { + @media (min-width: $ms-screen-min-md) { + @include ms-margin-left(75%); + } +} +@mixin ms-mdOffset8 { + @media (min-width: $ms-screen-min-md) { + @include ms-margin-left(66.66666666666666%); + } +} +@mixin ms-mdOffset7 { + @media (min-width: $ms-screen-min-md) { + @include ms-margin-left(58.333333333333336%); + } +} +@mixin ms-mdOffset6 { + @media (min-width: $ms-screen-min-md) { + @include ms-margin-left(50%); + } +} +@mixin ms-mdOffset5 { + @media (min-width: $ms-screen-min-md) { + @include ms-margin-left(41.66666666666667%); + } +} +@mixin ms-mdOffset4 { + @media (min-width: $ms-screen-min-md) { + @include ms-margin-left(33.33333333333333%); + } +} +@mixin ms-mdOffset3 { + @media (min-width: $ms-screen-min-md) { + @include ms-margin-left(25%); + } +} +@mixin ms-mdOffset2 { + @media (min-width: $ms-screen-min-md) { + @include ms-margin-left(16.666666666666664%); + } +} +@mixin ms-mdOffset1 { + @media (min-width: $ms-screen-min-md) { + @include ms-margin-left(8.333333333333332%); + } +} +@mixin ms-mdOffset0 { + @media (min-width: $ms-screen-min-md) { + @include ms-margin-left(0); + } +} + +// Large screens +@mixin ms-lg12 { + @media (min-width: $ms-screen-min-lg) { + width: 100%; + } +} +@mixin ms-lg11 { + @media (min-width: $ms-screen-min-lg) { + width: 91.66666666666666%; + } +} +@mixin ms-lg10 { + @media (min-width: $ms-screen-min-lg) { + width: 83.33333333333334%; + } +} +@mixin ms-lg9 { + @media (min-width: $ms-screen-min-lg) { + width: 75%; + } +} +@mixin ms-lg8 { + @media (min-width: $ms-screen-min-lg) { + width: 66.66666666666666%; + } +} +@mixin ms-lg7 { + @media (min-width: $ms-screen-min-lg) { + width: 58.333333333333336%; + } +} +@mixin ms-lg6 { + @media (min-width: $ms-screen-min-lg) { + width: 50%; + } +} +@mixin ms-lg5 { + @media (min-width: $ms-screen-min-lg) { + width: 41.66666666666667%; + } +} +@mixin ms-lg4 { + @media (min-width: $ms-screen-min-lg) { + width: 33.33333333333333%; + } +} +@mixin ms-lg3 { + @media (min-width: $ms-screen-min-lg) { + width: 25%; + } +} +@mixin ms-lg2 { + @media (min-width: $ms-screen-min-lg) { + width: 16.666666666666664%; + } +} +@mixin ms-lg1 { + @media (min-width: $ms-screen-min-lg) { + width: 8.333333333333332%; + } +} +@mixin ms-lgPull12 { + @media (min-width: $ms-screen-min-lg) { + @include ms-right(100%); + } +} +@mixin ms-lgPull11 { + @media (min-width: $ms-screen-min-lg) { + @include ms-right(91.66666666666666%); + } +} +@mixin ms-lgPull10 { + @media (min-width: $ms-screen-min-lg) { + @include ms-right(83.33333333333334%); + } +} +@mixin ms-lgPull9 { + @media (min-width: $ms-screen-min-lg) { + @include ms-right(75%); + } +} +@mixin ms-lgPull8 { + @media (min-width: $ms-screen-min-lg) { + @include ms-right(66.66666666666666%); + } +} +@mixin ms-lgPull7 { + @media (min-width: $ms-screen-min-lg) { + @include ms-right(58.333333333333336%); + } +} +@mixin ms-lgPull6 { + @media (min-width: $ms-screen-min-lg) { + @include ms-right(50%); + } +} +@mixin ms-lgPull5 { + @media (min-width: $ms-screen-min-lg) { + @include ms-right(41.66666666666667%); + } +} +@mixin ms-lgPull4 { + @media (min-width: $ms-screen-min-lg) { + @include ms-right(33.33333333333333%); + } +} +@mixin ms-lgPull3 { + @media (min-width: $ms-screen-min-lg) { + @include ms-right(25%); + } +} +@mixin ms-lgPull2 { + @media (min-width: $ms-screen-min-lg) { + @include ms-right(16.666666666666664%); + } +} +@mixin ms-lgPull1 { + @media (min-width: $ms-screen-min-lg) { + @include ms-right(8.333333333333332%); + } +} +@mixin ms-lgPull0 { + @media (min-width: $ms-screen-min-lg) { + @include ms-right(auto); + } +} +@mixin ms-lgPush12 { + @media (min-width: $ms-screen-min-lg) { + @include ms-left(100%); + } +} +@mixin ms-lgPush11 { + @media (min-width: $ms-screen-min-lg) { + @include ms-left(91.66666666666666%); + } +} +@mixin ms-lgPush10 { + @media (min-width: $ms-screen-min-lg) { + @include ms-left(83.33333333333334%); + } +} +@mixin ms-lgPush9 { + @media (min-width: $ms-screen-min-lg) { + @include ms-left(75%); + } +} +@mixin ms-lgPush8 { + @media (min-width: $ms-screen-min-lg) { + @include ms-left(66.66666666666666%); + } +} +@mixin ms-lgPush7 { + @media (min-width: $ms-screen-min-lg) { + @include ms-left(58.333333333333336%); + } +} +@mixin ms-lgPush6 { + @media (min-width: $ms-screen-min-lg) { + @include ms-left(50%); + } +} +@mixin ms-lgPush5 { + @media (min-width: $ms-screen-min-lg) { + @include ms-left(41.66666666666667%); + } +} +@mixin ms-lgPush4 { + @media (min-width: $ms-screen-min-lg) { + @include ms-left(33.33333333333333%); + } +} +@mixin ms-lgPush3 { + @media (min-width: $ms-screen-min-lg) { + @include ms-left(25%); + } +} +@mixin ms-lgPush2 { + @media (min-width: $ms-screen-min-lg) { + @include ms-left(16.666666666666664%); + } +} +@mixin ms-lgPush1 { + @media (min-width: $ms-screen-min-lg) { + @include ms-left(8.333333333333332%); + } +} +@mixin ms-lgPush0 { + @media (min-width: $ms-screen-min-lg) { + @include ms-left(auto); + } +} + +// Large Offset classes 0 ... 11 +@mixin ms-lgOffset11 { + @media (min-width: $ms-screen-min-lg) { + @include ms-margin-left(91.66666666666666%); + } +} +@mixin ms-lgOffset10 { + @media (min-width: $ms-screen-min-lg) { + @include ms-margin-left(83.33333333333334%); + } +} +@mixin ms-lgOffset9 { + @media (min-width: $ms-screen-min-lg) { + @include ms-margin-left(75%); + } +} +@mixin ms-lgOffset8 { + @media (min-width: $ms-screen-min-lg) { + @include ms-margin-left(66.66666666666666%); + } +} +@mixin ms-lgOffset7 { + @media (min-width: $ms-screen-min-lg) { + @include ms-margin-left(58.333333333333336%); + } +} +@mixin ms-lgOffset6 { + @media (min-width: $ms-screen-min-lg) { + @include ms-margin-left(50%); + } +} +@mixin ms-lgOffset5 { + @media (min-width: $ms-screen-min-lg) { + @include ms-margin-left(41.66666666666667%); + } +} +@mixin ms-lgOffset4 { + @media (min-width: $ms-screen-min-lg) { + @include ms-margin-left(33.33333333333333%); + } +} +@mixin ms-lgOffset3 { + @media (min-width: $ms-screen-min-lg) { + @include ms-margin-left(25%); + } +} +@mixin ms-lgOffset2 { + @media (min-width: $ms-screen-min-lg) { + @include ms-margin-left(16.666666666666664%); + } +} +@mixin ms-lgOffset1 { + @media (min-width: $ms-screen-min-lg) { + @include ms-margin-left(8.333333333333332%); + } +} +@mixin ms-lgOffset0 { + @media (min-width: $ms-screen-min-lg) { + @include ms-margin-left(0); + } +} + +// Extra Large Screens +@mixin ms-xl12 { + @media (min-width: $ms-screen-min-xl) { + width: 100%; + } +} +@mixin ms-xl11 { + @media (min-width: $ms-screen-min-xl) { + width: 91.66666666666666%; + } +} +@mixin ms-xl10 { + @media (min-width: $ms-screen-min-xl) { + width: 83.33333333333334%; + } +} +@mixin ms-xl9 { + @media (min-width: $ms-screen-min-xl) { + width: 75%; + } +} +@mixin ms-xl8 { + @media (min-width: $ms-screen-min-xl) { + width: 66.66666666666666%; + } +} +@mixin ms-xl7 { + @media (min-width: $ms-screen-min-xl) { + width: 58.333333333333336%; + } +} +@mixin ms-xl6 { + @media (min-width: $ms-screen-min-xl) { + width: 50%; + } +} +@mixin ms-xl5 { + @media (min-width: $ms-screen-min-xl) { + width: 41.66666666666667%; + } +} +@mixin ms-xl4 { + @media (min-width: $ms-screen-min-xl) { + width: 33.33333333333333%; + } +} +@mixin ms-xl3 { + @media (min-width: $ms-screen-min-xl) { + width: 25%; + } +} +@mixin ms-xl2 { + @media (min-width: $ms-screen-min-xl) { + width: 16.666666666666664%; + } +} +@mixin ms-xl1 { + @media (min-width: $ms-screen-min-xl) { + width: 8.333333333333332%; + } +} +@mixin ms-xlPull12 { + @media (min-width: $ms-screen-min-xl) { + @include ms-right(100%); + } +} +@mixin ms-xlPull11 { + @media (min-width: $ms-screen-min-xl) { + @include ms-right(91.66666666666666%); + } +} +@mixin ms-xlPull10 { + @media (min-width: $ms-screen-min-xl) { + @include ms-right(83.33333333333334%); + } +} +@mixin ms-xlPull9 { + @media (min-width: $ms-screen-min-xl) { + @include ms-right(75%); + } +} +@mixin ms-xlPull8 { + @media (min-width: $ms-screen-min-xl) { + @include ms-right(66.66666666666666%); + } +} +@mixin ms-xlPull7 { + @media (min-width: $ms-screen-min-xl) { + @include ms-right(58.333333333333336%); + } +} +@mixin ms-xlPull6 { + @media (min-width: $ms-screen-min-xl) { + @include ms-right(50%); + } +} +@mixin ms-xlPull5 { + @media (min-width: $ms-screen-min-xl) { + @include ms-right(41.66666666666667%); + } +} +@mixin ms-xlPull4 { + @media (min-width: $ms-screen-min-xl) { + @include ms-right(33.33333333333333%); + } +} +@mixin ms-xlPull3 { + @media (min-width: $ms-screen-min-xl) { + @include ms-right(25%); + } +} +@mixin ms-xlPull2 { + @media (min-width: $ms-screen-min-xl) { + @include ms-right(16.666666666666664%); + } +} +@mixin ms-xlPull1 { + @media (min-width: $ms-screen-min-xl) { + @include ms-right(8.333333333333332%); + } +} +@mixin ms-xlPull0 { + @media (min-width: $ms-screen-min-xl) { + @include ms-right(auto); + } +} +@mixin ms-xlPush12 { + @media (min-width: $ms-screen-min-xl) { + @include ms-left(100%); + } +} +@mixin ms-xlPush11 { + @media (min-width: $ms-screen-min-xl) { + @include ms-left(91.66666666666666%); + } +} +@mixin ms-xlPush10 { + @media (min-width: $ms-screen-min-xl) { + @include ms-left(83.33333333333334%); + } +} +@mixin ms-xlPush9 { + @media (min-width: $ms-screen-min-xl) { + @include ms-left(75%); + } +} +@mixin ms-xlPush8 { + @media (min-width: $ms-screen-min-xl) { + @include ms-left(66.66666666666666%); + } +} +@mixin ms-xlPush7 { + @media (min-width: $ms-screen-min-xl) { + @include ms-left(58.333333333333336%); + } +} +@mixin ms-xlPush6 { + @media (min-width: $ms-screen-min-xl) { + @include ms-left(50%); + } +} +@mixin ms-xlPush5 { + @media (min-width: $ms-screen-min-xl) { + @include ms-left(41.66666666666667%); + } +} +@mixin ms-xlPush4 { + @media (min-width: $ms-screen-min-xl) { + @include ms-left(33.33333333333333%); + } +} +@mixin ms-xlPush3 { + @media (min-width: $ms-screen-min-xl) { + @include ms-left(25%); + } +} +@mixin ms-xlPush2 { + @media (min-width: $ms-screen-min-xl) { + @include ms-left(16.666666666666664%); + } +} +@mixin ms-xlPush1 { + @media (min-width: $ms-screen-min-xl) { + @include ms-left(8.333333333333332%); + } +} +@mixin ms-xlPush0 { + @media (min-width: $ms-screen-min-xl) { + @include ms-left(auto); + } +} + +// Large Offset classes 0 ... 11 +@mixin ms-xlOffset11 { + @media (min-width: $ms-screen-min-xl) { + @include ms-margin-left(91.66666666666666%); + } +} +@mixin ms-xlOffset10 { + @media (min-width: $ms-screen-min-xl) { + @include ms-margin-left(83.33333333333334%); + } +} +@mixin ms-xlOffset9 { + @media (min-width: $ms-screen-min-xl) { + @include ms-margin-left(75%); + } +} +@mixin ms-xlOffset8 { + @media (min-width: $ms-screen-min-xl) { + @include ms-margin-left(66.66666666666666%); + } +} +@mixin ms-xlOffset7 { + @media (min-width: $ms-screen-min-xl) { + @include ms-margin-left(58.333333333333336%); + } +} +@mixin ms-xlOffset6 { + @media (min-width: $ms-screen-min-xl) { + @include ms-margin-left(50%); + } +} +@mixin ms-xlOffset5 { + @media (min-width: $ms-screen-min-xl) { + @include ms-margin-left(41.66666666666667%); + } +} +@mixin ms-xlOffset4 { + @media (min-width: $ms-screen-min-xl) { + @include ms-margin-left(33.33333333333333%); + } +} +@mixin ms-xlOffset3 { + @media (min-width: $ms-screen-min-xl) { + @include ms-margin-left(25%); + } +} +@mixin ms-xlOffset2 { + @media (min-width: $ms-screen-min-xl) { + @include ms-margin-left(16.666666666666664%); + } +} +@mixin ms-xlOffset1 { + @media (min-width: $ms-screen-min-xl) { + @include ms-margin-left(8.333333333333332%); + } +} +@mixin ms-xlOffset0 { + @media (min-width: $ms-screen-min-xl) { + @include ms-margin-left(0); + } +} + +// XXL Screens +@mixin ms-xxl12 { + @media (min-width: $ms-screen-min-xxl) { + width: 100%; + } +} +@mixin ms-xxl11 { + @media (min-width: $ms-screen-min-xxl) { + width: 91.66666666666666%; + } +} +@mixin ms-xxl10 { + @media (min-width: $ms-screen-min-xxl) { + width: 83.33333333333334%; + } +} +@mixin ms-xxl9 { + @media (min-width: $ms-screen-min-xxl) { + width: 75%; + } +} +@mixin ms-xxl8 { + @media (min-width: $ms-screen-min-xxl) { + width: 66.66666666666666%; + } +} +@mixin ms-xxl7 { + @media (min-width: $ms-screen-min-xxl) { + width: 58.333333333333336%; + } +} +@mixin ms-xxl6 { + @media (min-width: $ms-screen-min-xxl) { + width: 50%; + } +} +@mixin ms-xxl5 { + @media (min-width: $ms-screen-min-xxl) { + width: 41.66666666666667%; + } +} +@mixin ms-xxl4 { + @media (min-width: $ms-screen-min-xxl) { + width: 33.33333333333333%; + } +} +@mixin ms-xxl3 { + @media (min-width: $ms-screen-min-xxl) { + width: 25%; + } +} +@mixin ms-xxl2 { + @media (min-width: $ms-screen-min-xxl) { + width: 16.666666666666664%; + } +} +@mixin ms-xxl1 { + @media (min-width: $ms-screen-min-xxl) { + width: 8.333333333333332%; + } +} +@mixin ms-xxlPull12 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-right(100%); + } +} +@mixin ms-xxlPull11 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-right(91.66666666666666%); + } +} +@mixin ms-xxlPull10 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-right(83.33333333333334%); + } +} +@mixin ms-xxlPull9 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-right(75%); + } +} +@mixin ms-xxlPull8 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-right(66.66666666666666%); + } +} +@mixin ms-xxlPull7 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-right(58.333333333333336%); + } +} +@mixin ms-xxlPull6 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-right(50%); + } +} +@mixin ms-xxlPull5 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-right(41.66666666666667%); + } +} +@mixin ms-xxlPull4 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-right(33.33333333333333%); + } +} +@mixin ms-xxlPull3 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-right(25%); + } +} +@mixin ms-xxlPull2 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-right(16.666666666666664%); + } +} +@mixin ms-xxlPull1 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-right(8.333333333333332%); + } +} +@mixin ms-xxlPull0 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-right(auto); + } +} +@mixin ms-xxlPush12 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-left(100%); + } +} +@mixin ms-xxlPush11 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-left(91.66666666666666%); + } +} +@mixin ms-xxlPush10 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-left(83.33333333333334%); + } +} +@mixin ms-xxlPush9 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-left(75%); + } +} +@mixin ms-xxlPush8 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-left(66.66666666666666%); + } +} +@mixin ms-xxlPush7 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-left(58.333333333333336%); + } +} +@mixin ms-xxlPush6 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-left(50%); + } +} +@mixin ms-xxlPush5 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-left(41.66666666666667%); + } +} +@mixin ms-xxlPush4 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-left(33.33333333333333%); + } +} +@mixin ms-xxlPush3 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-left(25%); + } +} +@mixin ms-xxlPush2 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-left(16.666666666666664%); + } +} +@mixin ms-xxlPush1 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-left(8.333333333333332%); + } +} +@mixin ms-xxlPush0 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-left(auto); + } +} + +// Extra extra large Offset classes 0 ... 11 +@mixin ms-xxlOffset11 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-margin-left(91.66666666666666%); + } +} +@mixin ms-xxlOffset10 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-margin-left(83.33333333333334%); + } +} +@mixin ms-xxlOffset9 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-margin-left(75%); + } +} +@mixin ms-xxlOffset8 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-margin-left(66.66666666666666%); + } +} +@mixin ms-xxlOffset7 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-margin-left(58.333333333333336%); + } +} +@mixin ms-xxlOffset6 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-margin-left(50%); + } +} +@mixin ms-xxlOffset5 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-margin-left(41.66666666666667%); + } +} +@mixin ms-xxlOffset4 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-margin-left(33.33333333333333%); + } +} +@mixin ms-xxlOffset3 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-margin-left(25%); + } +} +@mixin ms-xxlOffset2 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-margin-left(16.666666666666664%); + } +} +@mixin ms-xxlOffset1 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-margin-left(8.333333333333332%); + } +} +@mixin ms-xxlOffset0 { + @media (min-width: $ms-screen-min-xxl) { + @include ms-margin-left(0); + } +} + +// Extra extra extra large screens +@mixin ms-xxxl12 { + @media (min-width: $ms-screen-min-xxxl) { + width: 100%; + } +} +@mixin ms-xxxl11 { + @media (min-width: $ms-screen-min-xxxl) { + width: 91.66666666666666%; + } +} +@mixin ms-xxxl10 { + @media (min-width: $ms-screen-min-xxxl) { + width: 83.33333333333334%; + } +} +@mixin ms-xxxl9 { + @media (min-width: $ms-screen-min-xxxl) { + width: 75%; + } +} +@mixin ms-xxxl8 { + @media (min-width: $ms-screen-min-xxxl) { + width: 66.66666666666666%; + } +} +@mixin ms-xxxl7 { + @media (min-width: $ms-screen-min-xxxl) { + width: 58.333333333333336%; + } +} +@mixin ms-xxxl6 { + @media (min-width: $ms-screen-min-xxxl) { + width: 50%; + } +} +@mixin ms-xxxl5 { + @media (min-width: $ms-screen-min-xxxl) { + width: 41.66666666666667%; + } +} +@mixin ms-xxxl4 { + @media (min-width: $ms-screen-min-xxxl) { + width: 33.33333333333333%; + } +} +@mixin ms-xxxl3 { + @media (min-width: $ms-screen-min-xxxl) { + width: 25%; + } +} +@mixin ms-xxxl2 { + @media (min-width: $ms-screen-min-xxxl) { + width: 16.666666666666664%; + } +} +@mixin ms-xxxl1 { + @media (min-width: $ms-screen-min-xxxl) { + width: 8.333333333333332%; + } +} +@mixin ms-xxxlPull12 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-right(100%); + } +} +@mixin ms-xxxlPull11 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-right(91.66666666666666%); + } +} +@mixin ms-xxxlPull10 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-right(83.33333333333334%); + } +} +@mixin ms-xxxlPull9 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-right(75%); + } +} +@mixin ms-xxxlPull8 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-right(66.66666666666666%); + } +} +@mixin ms-xxxlPull7 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-right(58.333333333333336%); + } +} +@mixin ms-xxxlPull6 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-right(50%); + } +} +@mixin ms-xxxlPull5 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-right(41.66666666666667%); + } +} +@mixin ms-xxxlPull4 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-right(33.33333333333333%); + } +} +@mixin ms-xxxlPull3 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-right(25%); + } +} +@mixin ms-xxxlPull2 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-right(16.666666666666664%); + } +} +@mixin ms-xxxlPull1 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-right(8.333333333333332%); + } +} +@mixin ms-xxxlPull0 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-right(auto); + } +} +@mixin ms-xxxlPush12 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-left(100%); + } +} +@mixin ms-xxxlPush11 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-left(91.66666666666666%); + } +} +@mixin ms-xxxlPush10 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-left(83.33333333333334%); + } +} +@mixin ms-xxxlPush9 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-left(75%); + } +} +@mixin ms-xxxlPush8 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-left(66.66666666666666%); + } +} +@mixin ms-xxxlPush7 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-left(58.333333333333336%); + } +} +@mixin ms-xxxlPush6 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-left(50%); + } +} +@mixin ms-xxxlPush5 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-left(41.66666666666667%); + } +} +@mixin ms-xxxlPush4 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-left(33.33333333333333%); + } +} +@mixin ms-xxxlPush3 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-left(25%); + } +} +@mixin ms-xxxlPush2 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-left(16.666666666666664%); + } +} +@mixin ms-xxxlPush1 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-left(8.333333333333332%); + } +} +@mixin ms-xxxlPush0 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-left(auto); + } +} + +// Extra extra extra large Offset classes 0 ... 11 +@mixin ms-xxxlOffset11 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-margin-left(91.66666666666666%); + } +} +@mixin ms-xxxlOffset10 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-margin-left(83.33333333333334%); + } +} +@mixin ms-xxxlOffset9 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-margin-left(75%); + } +} +@mixin ms-xxxlOffset8 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-margin-left(66.66666666666666%); + } +} +@mixin ms-xxxlOffset7 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-margin-left(58.333333333333336%); + } +} +@mixin ms-xxxlOffset6 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-margin-left(50%); + } +} +@mixin ms-xxxlOffset5 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-margin-left(41.66666666666667%); + } +} +@mixin ms-xxxlOffset4 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-margin-left(33.33333333333333%); + } +} +@mixin ms-xxxlOffset3 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-margin-left(25%); + } +} +@mixin ms-xxxlOffset2 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-margin-left(16.666666666666664%); + } +} +@mixin ms-xxxlOffset1 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-margin-left(8.333333333333332%); + } +} +@mixin ms-xxxlOffset0 { + @media (min-width: $ms-screen-min-xxxl) { + @include ms-margin-left(0); + } +} + +// Min-width media queries. +@mixin ms-screen-md-up { + @media only screen and (min-width: $ms-screen-min-md) { + @content; + } +} + +@mixin ms-screen-lg-up { + @media only screen and (min-width: $ms-screen-min-lg) { + @content; + } +} + +@mixin ms-screen-xl-up { + @media only screen and (min-width: $ms-screen-min-xl) { + @content; + } +} + +@mixin ms-screen-xxl-up { + @media only screen and (min-width: $ms-screen-min-xxl) { + @content; + } +} + +@mixin ms-screen-xxxl-up { + @media only screen and (min-width: $ms-screen-min-xxxl) { + @content; + } +} + +// Max-width media queries. +@mixin ms-screen-sm-down { + @media only screen and (max-width: $ms-screen-max-sm) { + @content; + } +} + +@mixin ms-screen-md-down { + @media only screen and (max-width: $ms-screen-max-md) { + @content; + } +} + +@mixin ms-screen-lg-down { + @media only screen and (max-width: $ms-screen-max-lg) { + @content; + } +} + +@mixin ms-screen-xl-down { + @media only screen and (max-width: $ms-screen-max-xl) { + @content; + } +} + +@mixin ms-screen-xxl-down { + @media only screen and (max-width: $ms-screen-max-xxl) { + @content; + } +} diff --git a/dist/sass/mixins/_ScopedStyles.Mixins.scss b/dist/sass/mixins/_ScopedStyles.Mixins.scss new file mode 100644 index 000000000..e9587e854 --- /dev/null +++ b/dist/sass/mixins/_ScopedStyles.Mixins.scss @@ -0,0 +1,20 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// +// Office UI Fabric + +$ms-fabric-version-major: nth($ms-fabric-version, 1); +$ms-fabric-version-minor: nth($ms-fabric-version, 2); +$ms-fabric-version-patch: nth($ms-fabric-version, 3); + +// The CSS class for scoping styles to the current version of Fabric. +$ms-fabric-version-suffix: '--v' + $ms-fabric-version-major + '-' + $ms-fabric-version-minor + '-' + $ms-fabric-version-patch; +$ms-fabric-scope-class: '.ms-Fabric' + $ms-fabric-version-suffix; + +// A mixin to scope styles to the current version of Fabric. +// Produces styles of the form .ms-Fabric-{version #} @content. +@mixin scope-fabric { + #{$ms-fabric-scope-class} { + @content; + } +} diff --git a/dist/sass/variables/_Animation.Variables.scss b/dist/sass/variables/_Animation.Variables.scss new file mode 100644 index 000000000..76b90dc28 --- /dev/null +++ b/dist/sass/variables/_Animation.Variables.scss @@ -0,0 +1,11 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// Easings +$ms-animation-ease-1: cubic-bezier(0.1,0.9,0.2,1) !default; +$ms-animation-ease-2: cubic-bezier(0.1,0.25,0.75,0.9) !default; + +// Durations +$ms-animation-duration-1: 0.167s !default; +$ms-animation-duration-2: 0.267s !default; +$ms-animation-duration-3: 0.367s !default; +$ms-animation-duration-4: 0.467s !default; diff --git a/dist/sass/variables/_BrandIcon.Variables.scss b/dist/sass/variables/_BrandIcon.Variables.scss new file mode 100644 index 000000000..6cea06a8d --- /dev/null +++ b/dist/sass/variables/_BrandIcon.Variables.scss @@ -0,0 +1,12 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// Image paths +$ms-brand-icon-product-images-path: 'https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/png'; +$ms-brand-icon-document-images-path: 'https://spoprod-a.akamaihd.net/files/fabric/assets/item-types'; + +// Names +$ms-brand-icon-product-icons: access excel infopath office onedrive onenote outlook powerpoint project sharepoint visio word; +$ms-brand-icon-document-icons: accdb archive audio code csv docset docx dotx email exe folder font genericfile html link listitem model mpp mpt odp ods odt one onetoc pdf photo potx ppsx pptx pub rtf sharedfolder spo sysfile txt vector video vsdx vssx vstx xlsx xltx xml xsn zip; + +// Sizes +$ms-brand-icon-sizes: 16 48 96; diff --git a/dist/sass/variables/_Color.Variables.scss b/dist/sass/variables/_Color.Variables.scss new file mode 100644 index 000000000..33662b335 --- /dev/null +++ b/dist/sass/variables/_Color.Variables.scss @@ -0,0 +1,73 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// Theme +$ms-color-themeDarker: #004578 !default; +$ms-color-themeDark: #005a9e !default; +$ms-color-themeDarkAlt: #106ebe !default; +$ms-color-themePrimary: #0078d7 !default; +$ms-color-themeSecondary: #2b88d8 !default; +$ms-color-themeTertiary: #71afe5 !default; +$ms-color-themeLight: #c7e0f4 !default; +$ms-color-themeLighter: #deecf9 !default; +$ms-color-themeLighterAlt: #eff6fc !default; + +// Neutral +$ms-color-black: #000000 !default; +$ms-color-neutralDark: #212121 !default; +$ms-color-neutralPrimary: #333333 !default; +$ms-color-neutralPrimaryAlt: #3C3C3C !default; +$ms-color-neutralSecondary: #666666 !default; +$ms-color-neutralSecondaryAlt: #767676 !default; +$ms-color-neutralTertiary: #a6a6a6 !default; +$ms-color-neutralTertiaryAlt: #c8c8c8 !default; +$ms-color-neutralQuaternary: #d0d0d0 !default; +$ms-color-neutralQuaternaryAlt: #dadada !default; +$ms-color-neutralLight: #eaeaea !default; +$ms-color-neutralLighter: #f4f4f4 !default; +$ms-color-neutralLighterAlt: #f8f8f8 !default; +$ms-color-white: #ffffff !default; + +// Accent +$ms-color-yellow: #ffb900 !default; +$ms-color-yellowLight: #fff100 !default; +$ms-color-orange: #d83b01 !default; +$ms-color-orangeLight: #ea4300 !default; +$ms-color-orangeLighter: #ff8c00 !default; +$ms-color-redDark: #a80000 !default; +$ms-color-red: #e81123 !default; +$ms-color-magentaDark: #5c005c !default; +$ms-color-magenta: #b4009e !default; +$ms-color-magentaLight: #e3008c !default; +$ms-color-purpleDark: #32145a !default; +$ms-color-purple: #5c2d91 !default; +$ms-color-purpleLight: #b4a0ff !default; +$ms-color-blueDark: #002050 !default; +$ms-color-blueMid: #00188f !default; +$ms-color-blue: #0078d7 !default; +$ms-color-blueLight: #00bcf2 !default; +$ms-color-tealDark: #004b50 !default; +$ms-color-teal: #008272 !default; +$ms-color-tealLight: #00b294 !default; +$ms-color-greenDark: #004b1c !default; +$ms-color-green: #107c10 !default; +$ms-color-greenLight: #bad80a !default; + +// Message +$ms-color-info: $ms-color-neutralSecondaryAlt !default; +$ms-color-infoBackground: $ms-color-neutralLighter !default; +$ms-color-success: $ms-color-green !default; +$ms-color-successBackground: #dff6dd !default; +$ms-color-severeWarning: $ms-color-orange !default; +$ms-color-severeWarningBackground: #fed9cc !default; +$ms-color-alert: $ms-color-severeWarning !default; // Deprecated: Use $ms-color-severeWarning +$ms-color-alertBackground: $ms-color-severeWarningBackground !default; // Deprecated: Use $ms-color-severeWarningBackground +$ms-color-warning: $ms-color-neutralSecondaryAlt !default; +$ms-color-warningBackground: #fff4ce !default; +$ms-color-error: $ms-color-redDark !default; +$ms-color-errorBackground: #fde7e9 !default; + +// High contrast colors +$ms-color-contrastBlackDisabled: #00ff00 !default; +$ms-color-contrastWhiteDisabled: #600000 !default; +$ms-color-contrastBlackSelected: #1AEBFF !default; +$ms-color-contrastWhiteSelected: #37006E !default; diff --git a/dist/sass/variables/_Font.Variables.scss b/dist/sass/variables/_Font.Variables.scss new file mode 100644 index 000000000..19ad8a587 --- /dev/null +++ b/dist/sass/variables/_Font.Variables.scss @@ -0,0 +1,44 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// Font directory and paths +$ms-font-cdn-path: 'https://static2.sharepointonline.com/files/fabric/assets/fonts' !default; + +// Fallback fonts, if specified system or web fonts are unavailable. +$ms-font-family-fallbacks: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif !default; + +// Language-specific font stacks. +$ms-font-family-arabic: 'Segoe UI Web (Arabic)', $ms-font-family-fallbacks !default; +$ms-font-family-chinese-simplified: 'Microsoft Yahei UI', Verdana, Simsun, $ms-font-family-fallbacks !default; +$ms-font-family-chinese-traditional: 'Microsoft Jhenghei UI', Pmingliu, $ms-font-family-fallbacks !default; +$ms-font-family-cyrillic: 'Segoe UI Web (Cyrillic)', $ms-font-family-fallbacks !default; +$ms-font-family-east-european: 'Segoe UI Web (East European)', $ms-font-family-fallbacks !default; +$ms-font-family-greek: 'Segoe UI Web (Greek)', $ms-font-family-fallbacks !default; +$ms-font-family-hebrew: 'Segoe UI Web (Hebrew)', $ms-font-family-fallbacks !default; +$ms-font-family-hindi: 'Nirmala UI', $ms-font-family-fallbacks !default; +$ms-font-family-japanese: 'Yu Gothic UI', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka, $ms-font-family-fallbacks !default; +$ms-font-family-korean: 'Malgun Gothic', Gulim, $ms-font-family-fallbacks !default; +$ms-font-family-lao: 'Leelawadee UI Web', 'Lao UI', DokChampa, $ms-font-family-fallbacks !default; +$ms-font-family-selawik: 'Selawik Web', $ms-font-family-fallbacks !default; +$ms-font-family-thai: 'Leelawadee UI Web', 'Kmer UI', $ms-font-family-fallbacks !default; +$ms-font-family-vietnamese: 'Segoe UI Web (Vietnamese)', $ms-font-family-fallbacks !default; +$ms-font-family-west-european: 'Segoe UI Web (West European)', $ms-font-family-fallbacks !default; + +// Weights +$ms-font-weight-light: 100 !default; +$ms-font-weight-semilight: 300 !default; +$ms-font-weight-regular: 400 !default; +$ms-font-weight-semibold: 600 !default; +$ms-font-weight-bold: 700 !default; + +// Sizes +$ms-font-size-su: 42px !default; +$ms-font-size-xxl: 28px !default; +$ms-font-size-xl-plus: 24px !default; +$ms-font-size-xl: 21px !default; +$ms-font-size-l: 17px !default; +$ms-font-size-m-plus: 15px !default; +$ms-font-size-m: 14px !default; +$ms-font-size-s-plus: 13px !default; +$ms-font-size-s: 12px !default; +$ms-font-size-xs: 11px !default; +$ms-font-size-mi: 10px !default; diff --git a/dist/sass/variables/_General.Variables.scss b/dist/sass/variables/_General.Variables.scss new file mode 100644 index 000000000..53be12d3e --- /dev/null +++ b/dist/sass/variables/_General.Variables.scss @@ -0,0 +1,6 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// Default focus border style. +$ms-focus-border-width: 1px; +$ms-focus-border-color: $ms-color-neutralSecondary; +$ms-focus-border-style: solid; diff --git a/dist/sass/variables/_Icon.Variables.scss b/dist/sass/variables/_Icon.Variables.scss new file mode 100644 index 000000000..cf12c3c2b --- /dev/null +++ b/dist/sass/variables/_Icon.Variables.scss @@ -0,0 +1,2948 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// Sizes +$ms-icon-size-xs: 10px; +$ms-icon-size-s: 12px; +$ms-icon-size-m: 16px; +$ms-icon-size-l: 20px; + +// Icons +$ms-icon-code-12PointStar: '\F505'; +$ms-icon-code-6PointStar: '\F504'; +$ms-icon-code-AADLogo: '\ED68'; +$ms-icon-code-Accept: '\E8FB'; +$ms-icon-code-AccessLogo: '\ED69'; +$ms-icon-code-AccessLogoFill: '\F1DB'; +$ms-icon-code-AccountManagement: '\F55C'; +$ms-icon-code-Accounts: '\E910'; +$ms-icon-code-ActivateOrders: '\EFE0'; +$ms-icon-code-ActivityFeed: '\F056'; +$ms-icon-code-Add: '\E710'; +$ms-icon-code-AddBookmark: '\F5B7'; +$ms-icon-code-AddEvent: '\EEB5'; +$ms-icon-code-AddFavorite: '\F0C8'; +$ms-icon-code-AddFavoriteFill: '\F0C9'; +$ms-icon-code-AddFriend: '\E8FA'; +$ms-icon-code-AddGroup: '\EE3D'; +$ms-icon-code-AddNotes: '\EAE3'; +$ms-icon-code-AddOnlineMeeting: '\ED8E'; +$ms-icon-code-AddPhone: '\ED96'; +$ms-icon-code-AddTo: '\ECC8'; +$ms-icon-code-Admin: '\E7EF'; +$ms-icon-code-AdminALogo32: '\F4BA'; +$ms-icon-code-AdminALogoFill32: '\F4BB'; +$ms-icon-code-AdminALogoInverse32: '\ED6A'; +$ms-icon-code-AdminCLogoInverse32: '\ED6B'; +$ms-icon-code-AdminDLogoInverse32: '\ED6C'; +$ms-icon-code-AdminELogoInverse32: '\ED6D'; +$ms-icon-code-AdminLLogoInverse32: '\ED6E'; +$ms-icon-code-AdminMLogoInverse32: '\ED6F'; +$ms-icon-code-AdminOLogoInverse32: '\ED70'; +$ms-icon-code-AdminPLogoInverse32: '\ED71'; +$ms-icon-code-AdminSLogoInverse32: '\ED72'; +$ms-icon-code-AdminYLogoInverse32: '\ED73'; +$ms-icon-code-Airplane: '\E709'; +$ms-icon-code-AirplaneSolid: '\EB4C'; +$ms-icon-code-AirTickets: '\EF7A'; +$ms-icon-code-AlarmClock: '\E919'; +$ms-icon-code-Album: '\E7AB'; +$ms-icon-code-AlbumRemove: '\EC62'; +$ms-icon-code-AlertSolid: '\F331'; +$ms-icon-code-AlignCenter: '\E8E3'; +$ms-icon-code-AlignHorizontalCenter: '\F4F4'; +$ms-icon-code-AlignHorizontalLeft: '\F4F3'; +$ms-icon-code-AlignHorizontalRight: '\F4F5'; +$ms-icon-code-AlignJustify: '\F51E'; +$ms-icon-code-AlignLeft: '\E8E4'; +$ms-icon-code-AlignRight: '\E8E2'; +$ms-icon-code-AlignVerticalBottom: '\F4F8'; +$ms-icon-code-AlignVerticalCenter: '\F4F7'; +$ms-icon-code-AlignVerticalTop: '\F4F6'; +$ms-icon-code-AllApps: '\E71D'; +$ms-icon-code-AllAppsMirrored: '\EA40'; +$ms-icon-code-AnalyticsLogo: '\F1DE'; +$ms-icon-code-AnalyticsQuery: '\F1DF'; +$ms-icon-code-AnalyticsReport: '\F1E1'; +$ms-icon-code-AnalyticsView: '\F5F1'; +$ms-icon-code-AnchorLock: '\F511'; +$ms-icon-code-Annotation: '\E924'; +$ms-icon-code-AppIconDefault: '\ECAA'; +$ms-icon-code-Archive: '\F03F'; +$ms-icon-code-AreaChart: '\E9D2'; +$ms-icon-code-ArrangeBringForward: '\F509'; +$ms-icon-code-ArrangeBringToFront: '\F506'; +$ms-icon-code-ArrangeByFrom: '\F678'; +$ms-icon-code-ArrangeSendBackward: '\F508'; +$ms-icon-code-ArrangeSendToBack: '\F507'; +$ms-icon-code-Arrivals: '\EB34'; +$ms-icon-code-ArrowDownRight8: '\EED5'; +$ms-icon-code-ArrowDownRightMirrored8: '\EEF0'; +$ms-icon-code-ArrowTallDownLeft: '\F2BF'; +$ms-icon-code-ArrowTallDownRight: '\F2C0'; +$ms-icon-code-ArrowTallUpLeft: '\F2BD'; +$ms-icon-code-ArrowTallUpRight: '\F2BE'; +$ms-icon-code-ArrowUpRight: '\F069'; +$ms-icon-code-ArrowUpRight8: '\EED4'; +$ms-icon-code-ArrowUpRightMirrored8: '\EEEF'; +$ms-icon-code-Articles: '\EAC1'; +$ms-icon-code-Ascending: '\EDC0'; +$ms-icon-code-AspectRatio: '\E799'; +$ms-icon-code-AssessmentGroup: '\F31A'; +$ms-icon-code-AssessmentGroupTemplate: '\F2B1'; +$ms-icon-code-AssetLibrary: '\EEB6'; +$ms-icon-code-Assign: '\E9D3'; +$ms-icon-code-Asterisk: '\EA38'; +$ms-icon-code-AsteriskSolid: '\F34D'; +$ms-icon-code-ATPLogo: '\EF85'; +$ms-icon-code-Attach: '\E723'; +$ms-icon-code-AustralianRules: '\EE70'; +$ms-icon-code-AutoEnhanceOff: '\E78E'; +$ms-icon-code-AutoEnhanceOn: '\E78D'; +$ms-icon-code-AutoFillTemplate: '\F313'; +$ms-icon-code-AutoHeight: '\F512'; +$ms-icon-code-AutoRacing: '\EB24'; +$ms-icon-code-AwayStatus: '\EE6A'; +$ms-icon-code-AzureAPIManagement: '\F37F'; +$ms-icon-code-AzureKeyVault: '\F3B4'; +$ms-icon-code-AzureLogo: '\EB6A'; +$ms-icon-code-AzureServiceEndpoint: '\F380'; +$ms-icon-code-Back: '\E72B'; +$ms-icon-code-BackgroundColor: '\F42B'; +$ms-icon-code-Backlog: '\F2AC'; +$ms-icon-code-BacklogBoard: '\F444'; +$ms-icon-code-BackToWindow: '\E73F'; +$ms-icon-code-Badge: '\EC1B'; +$ms-icon-code-Balloons: '\ED7E'; +$ms-icon-code-BankSolid: '\F34F'; +$ms-icon-code-BarChart4: '\EAE7'; +$ms-icon-code-BarChartHorizontal: '\E9EB'; +$ms-icon-code-BarChartVertical: '\E9EC'; +$ms-icon-code-Baseball: '\EB20'; +$ms-icon-code-BeerMug: '\F49E'; +$ms-icon-code-BIDashboard: '\F543'; +$ms-icon-code-BidiLtr: '\E9AA'; +$ms-icon-code-BidiRtl: '\E9AB'; +$ms-icon-code-BingLogo: '\EB6B'; +$ms-icon-code-BirthdayCake: '\EF8D'; +$ms-icon-code-BlockContact: '\E8F8'; +$ms-icon-code-Blocked: '\E733'; +$ms-icon-code-Blocked12: '\F62E'; +$ms-icon-code-Blocked2: '\ECE4'; +$ms-icon-code-BlockedSite: '\E72F'; +$ms-icon-code-BlockedSolid: '\F531'; +$ms-icon-code-BlowingSnow: '\E9C9'; +$ms-icon-code-Blur: '\F28E'; +$ms-icon-code-Boards: '\EF68'; +$ms-icon-code-Bold: '\E8DD'; +$ms-icon-code-BookingsLogo: '\EDC7'; +$ms-icon-code-Bookmarks: '\E8A4'; +$ms-icon-code-BookmarksMirrored: '\EA41'; +$ms-icon-code-BorderDash: '\F50A'; +$ms-icon-code-BorderDot: '\F50B'; +$ms-icon-code-BoxAdditionSolid: '\F2D4'; +$ms-icon-code-BoxCheckmarkSolid: '\F2D7'; +$ms-icon-code-BoxMultiplySolid: '\F2D5'; +$ms-icon-code-BoxPlaySolid: '\F2D6'; +$ms-icon-code-BoxSubtractSolid: '\F2D3'; +$ms-icon-code-BranchCommit: '\F293'; +$ms-icon-code-BranchCompare: '\F294'; +$ms-icon-code-BranchFork: '\F173'; +$ms-icon-code-BranchFork2: '\F291'; +$ms-icon-code-BranchLocked: '\F292'; +$ms-icon-code-BranchMerge: '\F295'; +$ms-icon-code-BranchPullRequest: '\F296'; +$ms-icon-code-BranchSearch: '\F297'; +$ms-icon-code-BranchShelveset: '\F298'; +$ms-icon-code-Breadcrumb: '\EF8C'; +$ms-icon-code-Breakfast: '\F49C'; +$ms-icon-code-Brightness: '\E706'; +$ms-icon-code-Broom: '\EA99'; +$ms-icon-code-BrowserScreenShot: '\EBED'; +$ms-icon-code-BrowserTab: '\F5D7'; +$ms-icon-code-BrowserTabScreenshot: '\F5D8'; +$ms-icon-code-Brunch: '\F49D'; +$ms-icon-code-BucketColor: '\F1B6'; +$ms-icon-code-BucketColorFill: '\F1B7'; +$ms-icon-code-BufferTimeAfter: '\F0D0'; +$ms-icon-code-BufferTimeBefore: '\F0CF'; +$ms-icon-code-BufferTimeBoth: '\F0D1'; +$ms-icon-code-Bug: '\EBE8'; +$ms-icon-code-BugSolid: '\F335'; +$ms-icon-code-Build: '\F28F'; +$ms-icon-code-BuildIssue: '\F319'; +$ms-icon-code-BuildQueue: '\F24F'; +$ms-icon-code-BuildQueueNew: '\F250'; +$ms-icon-code-BulkUpload: '\F548'; +$ms-icon-code-BulletedList: '\E8FD'; +$ms-icon-code-BulletedList2: '\F2C7'; +$ms-icon-code-BulletedList2Mirrored: '\F2C8'; +$ms-icon-code-BulletedListMirrored: '\EA42'; +$ms-icon-code-Bullseye: '\F272'; +$ms-icon-code-Bus: '\E806'; +$ms-icon-code-BusinessCenterLogo: '\F4B2'; +$ms-icon-code-BusinessHoursSign: '\F310'; +$ms-icon-code-BusSolid: '\EB47'; +$ms-icon-code-Cafe: '\EC32'; +$ms-icon-code-Cake: '\ECA4'; +$ms-icon-code-Calculator: '\E8EF'; +$ms-icon-code-CalculatorAddition: '\E948'; +$ms-icon-code-CalculatorEqualTo: '\E94E'; +$ms-icon-code-CalculatorMultiply: '\E947'; +$ms-icon-code-CalculatorNotEqualTo: '\F2D2'; +$ms-icon-code-CalculatorSubtract: '\E949'; +$ms-icon-code-Calendar: '\E787'; +$ms-icon-code-CalendarAgenda: '\EE9A'; +$ms-icon-code-CalendarDay: '\E8BF'; +$ms-icon-code-CalendarMirrored: '\ED28'; +$ms-icon-code-CalendarReply: '\E8F5'; +$ms-icon-code-CalendarSettings: '\F558'; +$ms-icon-code-CalendarSettingsMirrored: '\F559'; +$ms-icon-code-CalendarWeek: '\E8C0'; +$ms-icon-code-CalendarWorkWeek: '\EF51'; +$ms-icon-code-CaloriesAdd: '\F172'; +$ms-icon-code-Camera: '\E722'; +$ms-icon-code-Cancel: '\E711'; +$ms-icon-code-CannedChat: '\F0F2'; +$ms-icon-code-Car: '\E804'; +$ms-icon-code-CaretBottomLeftCenter8: '\F365'; +$ms-icon-code-CaretBottomLeftSolid8: '\F121'; +$ms-icon-code-CaretBottomRightCenter8: '\F364'; +$ms-icon-code-CaretBottomRightSolid8: '\F122'; +$ms-icon-code-CaretDown8: '\EDD8'; +$ms-icon-code-CaretDownSolid8: '\EDDC'; +$ms-icon-code-CaretHollow: '\E817'; +$ms-icon-code-CaretHollowMirrored: '\EA45'; +$ms-icon-code-CaretLeft8: '\EDD5'; +$ms-icon-code-CaretLeftSolid8: '\EDD9'; +$ms-icon-code-CaretRight: '\F06B'; +$ms-icon-code-CaretRight8: '\EDD6'; +$ms-icon-code-CaretRightSolid8: '\EDDA'; +$ms-icon-code-CaretSolid: '\E818'; +$ms-icon-code-CaretSolid16: '\EE62'; +$ms-icon-code-CaretSolidDown: '\F08E'; +$ms-icon-code-CaretSolidLeft: '\F08D'; +$ms-icon-code-CaretSolidMirrored: '\EA46'; +$ms-icon-code-CaretSolidRight: '\F08F'; +$ms-icon-code-CaretSolidUp: '\F090'; +$ms-icon-code-CaretTopLeftCenter8: '\F367'; +$ms-icon-code-CaretTopLeftSolid8: '\EF54'; +$ms-icon-code-CaretTopRightCenter8: '\F366'; +$ms-icon-code-CaretTopRightSolid8: '\EF55'; +$ms-icon-code-CaretUp8: '\EDD7'; +$ms-icon-code-CaretUpSolid8: '\EDDB'; +$ms-icon-code-Cat: '\ED7F'; +$ms-icon-code-CellPhone: '\E8EA'; +$ms-icon-code-Certificate: '\EB95'; +$ms-icon-code-CertifiedDatabase: '\F5BB'; +$ms-icon-code-Chart: '\E999'; +$ms-icon-code-ChartSeries: '\F513'; +$ms-icon-code-ChartXAngle: '\F514'; +$ms-icon-code-ChartYAngle: '\F515'; +$ms-icon-code-Chat: '\E901'; +$ms-icon-code-ChatInviteFriend: '\ECFE'; +$ms-icon-code-ChatSolid: '\F344'; +$ms-icon-code-Checkbox: '\E739'; +$ms-icon-code-CheckboxComposite: '\E73A'; +$ms-icon-code-CheckboxCompositeReversed: '\E73D'; +$ms-icon-code-CheckboxIndeterminate: '\E73C'; +$ms-icon-code-CheckedOutByOther12: '\F630'; +$ms-icon-code-CheckedOutByYou12: '\F631'; +$ms-icon-code-CheckList: '\E9D5'; +$ms-icon-code-CheckMark: '\E73E'; +$ms-icon-code-ChevronDown: '\E70D'; +$ms-icon-code-ChevronDownEnd6: '\F36F'; +$ms-icon-code-ChevronDownMed: '\E972'; +$ms-icon-code-ChevronDownSmall: '\E96E'; +$ms-icon-code-ChevronFold10: '\F36A'; +$ms-icon-code-ChevronLeft: '\E76B'; +$ms-icon-code-ChevronLeftEnd6: '\F371'; +$ms-icon-code-ChevronLeftMed: '\E973'; +$ms-icon-code-ChevronLeftSmall: '\E96F'; +$ms-icon-code-ChevronRight: '\E76C'; +$ms-icon-code-ChevronRightEnd6: '\F372'; +$ms-icon-code-ChevronRightMed: '\E974'; +$ms-icon-code-ChevronRightSmall: '\E970'; +$ms-icon-code-ChevronUnfold10: '\F369'; +$ms-icon-code-ChevronUp: '\E70E'; +$ms-icon-code-ChevronUpEnd6: '\F370'; +$ms-icon-code-ChevronUpMed: '\E971'; +$ms-icon-code-ChevronUpSmall: '\E96D'; +$ms-icon-code-Chopsticks: '\F4A2'; +$ms-icon-code-ChromeBack: '\E830'; +$ms-icon-code-ChromeBackMirrored: '\EA47'; +$ms-icon-code-ChromeClose: '\E8BB'; +$ms-icon-code-ChromeMinimize: '\E921'; +$ms-icon-code-CircleAddition: '\F2E3'; +$ms-icon-code-CircleAdditionSolid: '\F2E4'; +$ms-icon-code-CircleFill: '\EA3B'; +$ms-icon-code-CircleHalfFull: '\ED9E'; +$ms-icon-code-CirclePause: '\F2D9'; +$ms-icon-code-CirclePauseSolid: '\F2D8'; +$ms-icon-code-CirclePlus: '\EAEE'; +$ms-icon-code-CircleRing: '\EA3A'; +$ms-icon-code-CircleShapeSolid: '\F63C'; +$ms-icon-code-CircleStop: '\F2DC'; +$ms-icon-code-CircleStopSolid: '\F2DB'; +$ms-icon-code-CityNext: '\EC06'; +$ms-icon-code-ClassNotebookLogo16: '\F488'; +$ms-icon-code-ClassNotebookLogo32: '\F486'; +$ms-icon-code-ClassNotebookLogoFill16: '\F489'; +$ms-icon-code-ClassNotebookLogoFill32: '\F487'; +$ms-icon-code-ClassNotebookLogoInverse: '\EDC8'; +$ms-icon-code-ClassNotebookLogoInverse16: '\F48B'; +$ms-icon-code-ClassNotebookLogoInverse32: '\F48A'; +$ms-icon-code-ClassroomLogo: '\EF75'; +$ms-icon-code-Clear: '\E894'; +$ms-icon-code-ClearFilter: '\EF8F'; +$ms-icon-code-ClearFormatting: '\EDDD'; +$ms-icon-code-ClearNight: '\E9C2'; +$ms-icon-code-ClipboardSolid: '\F5DC'; +$ms-icon-code-Clock: '\E917'; +$ms-icon-code-CloneToDesktop: '\F28C'; +$ms-icon-code-ClosedCaption: '\EF84'; +$ms-icon-code-ClosePane: '\E89F'; +$ms-icon-code-ClosePaneMirrored: '\EA49'; +$ms-icon-code-Cloud: '\E753'; +$ms-icon-code-CloudAdd: '\ECA9'; +$ms-icon-code-CloudDownload: '\EBD3'; +$ms-icon-code-CloudUpload: '\EC8E'; +$ms-icon-code-CloudWeather: '\E9BE'; +$ms-icon-code-Cloudy: '\E9BF'; +$ms-icon-code-Cocktails: '\EA9D'; +$ms-icon-code-Code: '\E943'; +$ms-icon-code-CodeEdit: '\F544'; +$ms-icon-code-Coffee: '\EAEF'; +$ms-icon-code-CoffeeScript: '\F2FA'; +$ms-icon-code-CollapseContent: '\F165'; +$ms-icon-code-CollapseContentSingle: '\F166'; +$ms-icon-code-CollapseMenu: '\EF66'; +$ms-icon-code-CollegeFootball: '\EB26'; +$ms-icon-code-CollegeHoops: '\EB25'; +$ms-icon-code-Color: '\E790'; +$ms-icon-code-ColorSolid: '\F354'; +$ms-icon-code-ColumnLeftTwoThirds: '\F1D6'; +$ms-icon-code-ColumnLeftTwoThirdsEdit: '\F324'; +$ms-icon-code-ColumnOptions: '\F317'; +$ms-icon-code-ColumnRightTwoThirds: '\F1D7'; +$ms-icon-code-ColumnRightTwoThirdsEdit: '\F325'; +$ms-icon-code-Combine: '\EDBB'; +$ms-icon-code-Combobox: '\F516'; +$ms-icon-code-CommandPrompt: '\E756'; +$ms-icon-code-Comment: '\E90A'; +$ms-icon-code-CommentAdd: '\F2B3'; +$ms-icon-code-CommentNext: '\F2B4'; +$ms-icon-code-CommentPrevious: '\F2B5'; +$ms-icon-code-CommentUrgent: '\F307'; +$ms-icon-code-Commitments: '\EC4D'; +$ms-icon-code-Communications: '\E95A'; +$ms-icon-code-CompanyDirectory: '\EF0D'; +$ms-icon-code-CompanyDirectoryMirrored: '\EF2B'; +$ms-icon-code-CompassNW: '\E942'; +$ms-icon-code-Completed: '\E930'; +$ms-icon-code-CompletedSolid: '\EC61'; +$ms-icon-code-ConfigurationSolid: '\F334'; +$ms-icon-code-ConnectContacts: '\EFD4'; +$ms-icon-code-ConstructionCone: '\E98F'; +$ms-icon-code-ConstructionConeSolid: '\F339'; +$ms-icon-code-Contact: '\E77B'; +$ms-icon-code-ContactCard: '\EEBD'; +$ms-icon-code-ContactCardSettings: '\F556'; +$ms-icon-code-ContactCardSettingsMirrored: '\F557'; +$ms-icon-code-ContactInfo: '\E779'; +$ms-icon-code-ContactLink: '\F25F'; +$ms-icon-code-ContextMenu: '\F37C'; +$ms-icon-code-Contrast: '\E7A1'; +$ms-icon-code-Copy: '\E8C8'; +$ms-icon-code-Cotton: '\EAF3'; +$ms-icon-code-CPlusPlus: '\F2F4'; +$ms-icon-code-CPlusPlusLanguage: '\F2F3'; +$ms-icon-code-CreateMailRule: '\F67A'; +$ms-icon-code-Cricket: '\EB1E'; +$ms-icon-code-CRMReport: '\EFFE'; +$ms-icon-code-Crop: '\E7A8'; +$ms-icon-code-Crown: '\ED01'; +$ms-icon-code-CrownSolid: '\F336'; +$ms-icon-code-CSharp: '\F2F0'; +$ms-icon-code-CSharpLanguage: '\F2EF'; +$ms-icon-code-CSS: '\EBEF'; +$ms-icon-code-CustomList: '\EEBE'; +$ms-icon-code-CustomListMirrored: '\EEBF'; +$ms-icon-code-Cut: '\E8C6'; +$ms-icon-code-Cycling: '\EAC7'; +$ms-icon-code-DashboardAdd: '\F52D'; +$ms-icon-code-Database: '\EFC7'; +$ms-icon-code-DataConnectionLibrary: '\EEB7'; +$ms-icon-code-DateTime: '\EC92'; +$ms-icon-code-DateTime2: '\EA17'; +$ms-icon-code-DateTimeMirrored: '\EE93'; +$ms-icon-code-DeactivateOrders: '\EFE1'; +$ms-icon-code-DecisionSolid: '\F350'; +$ms-icon-code-DeclineCall: '\F405'; +$ms-icon-code-DecreaseIndentLegacy: '\E290'; +$ms-icon-code-DefaultRatio: '\F529'; +$ms-icon-code-DefectSolid: '\F449'; +$ms-icon-code-Delete: '\E74D'; +$ms-icon-code-DeleteColumns: '\F64E'; +$ms-icon-code-DeleteRows: '\F64F'; +$ms-icon-code-DeleteRowsMirrored: '\F650'; +$ms-icon-code-DeleteTable: '\F651'; +$ms-icon-code-DeliveryTruck: '\EBF4'; +$ms-icon-code-DelveAnalytics: '\EEEE'; +$ms-icon-code-DelveAnalyticsLogo: '\EDCA'; +$ms-icon-code-DelveLogo: '\F280'; +$ms-icon-code-DelveLogoFill: '\F281'; +$ms-icon-code-DelveLogoInverse: '\ED76'; +$ms-icon-code-Deploy: '\F29D'; +$ms-icon-code-Descending: '\EDC1'; +$ms-icon-code-Design: '\EB3C'; +$ms-icon-code-DesktopScreenshot: '\F5D9'; +$ms-icon-code-DeveloperTools: '\EC7A'; +$ms-icon-code-Devices3: '\EA6C'; +$ms-icon-code-Devices4: '\EB66'; +$ms-icon-code-Diagnostic: '\E9D9'; +$ms-icon-code-Dialpad: '\E75F'; +$ms-icon-code-DiamondSolid: '\F34C'; +$ms-icon-code-Dictionary: '\E82D'; +$ms-icon-code-DictionaryRemove: '\F69A'; +$ms-icon-code-DietPlanNotebook: '\EAC8'; +$ms-icon-code-DiffInline: '\F309'; +$ms-icon-code-DiffSideBySide: '\F30A'; +$ms-icon-code-DisableUpdates: '\E8D8'; +$ms-icon-code-Dislike: '\E8E0'; +$ms-icon-code-DislikeSolid: '\F3C0'; +$ms-icon-code-DockLeft: '\E90C'; +$ms-icon-code-DockLeftMirrored: '\EA4C'; +$ms-icon-code-DockRight: '\E90D'; +$ms-icon-code-DocLibrary: '\EEB8'; +$ms-icon-code-DocsLogoInverse: '\EDCB'; +$ms-icon-code-Document: '\E8A5'; +$ms-icon-code-DocumentApproval: '\F28B'; +$ms-icon-code-Documentation: '\EC17'; +$ms-icon-code-DocumentManagement: '\EFFC'; +$ms-icon-code-DocumentReply: '\EF57'; +$ms-icon-code-DocumentSearch: '\EF6C'; +$ms-icon-code-DocumentSet: '\EED6'; +$ms-icon-code-DOM: '\EC8D'; +$ms-icon-code-DonutChart: '\F368'; +$ms-icon-code-Door: '\EB75'; +$ms-icon-code-DoubleBookmark: '\EB8F'; +$ms-icon-code-DoubleChevronDown: '\EE04'; +$ms-icon-code-DoubleChevronDown12: '\EE97'; +$ms-icon-code-DoubleChevronDown8: '\F36B'; +$ms-icon-code-DoubleChevronLeft: '\EDBE'; +$ms-icon-code-DoubleChevronLeft12: '\EE98'; +$ms-icon-code-DoubleChevronLeft8: '\F36D'; +$ms-icon-code-DoubleChevronLeftMed: '\E991'; +$ms-icon-code-DoubleChevronLeftMedMirrored: '\EA4D'; +$ms-icon-code-DoubleChevronRight: '\EDBF'; +$ms-icon-code-DoubleChevronRight12: '\EE99'; +$ms-icon-code-DoubleChevronRight8: '\F36E'; +$ms-icon-code-DoubleChevronUp: '\EDBD'; +$ms-icon-code-DoubleChevronUp12: '\EE96'; +$ms-icon-code-DoubleChevronUp8: '\F36C'; +$ms-icon-code-DoubleColumn: '\F1D4'; +$ms-icon-code-DoubleColumnEdit: '\F322'; +$ms-icon-code-Down: '\E74B'; +$ms-icon-code-Download: '\E896'; +$ms-icon-code-DownloadDocument: '\F549'; +$ms-icon-code-DragObject: '\F553'; +$ms-icon-code-DrillDown: '\F532'; +$ms-icon-code-DrillDownSolid: '\F533'; +$ms-icon-code-DrillExpand: '\F534'; +$ms-icon-code-DrillShow: '\F535'; +$ms-icon-code-DrillThrough: '\F5B9'; +$ms-icon-code-DRM: '\ECA8'; +$ms-icon-code-Drop: '\EB42'; +$ms-icon-code-Dropdown: '\EDC5'; +$ms-icon-code-DropShapeSolid: '\F63F'; +$ms-icon-code-Duststorm: '\E9CD'; +$ms-icon-code-Dynamics365Logo: '\EDCC'; +$ms-icon-code-DynamicSMBLogo: '\EDCD'; +$ms-icon-code-EatDrink: '\E807'; +$ms-icon-code-EdgeLogo: '\EC60'; +$ms-icon-code-Edit: '\E70F'; +$ms-icon-code-EditContact: '\EFD3'; +$ms-icon-code-EditMail: '\EF61'; +$ms-icon-code-EditMirrored: '\EB7E'; +$ms-icon-code-EditNote: '\ED9D'; +$ms-icon-code-EditPhoto: '\EF77'; +$ms-icon-code-EditSolid12: '\F4B5'; +$ms-icon-code-EditSolidMirrored12: '\F4B6'; +$ms-icon-code-EditStyle: '\EF60'; +$ms-icon-code-Education: '\E7BE'; +$ms-icon-code-Ellipse: '\F4FB'; +$ms-icon-code-Embed: '\ECCE'; +$ms-icon-code-EMI: '\E731'; +$ms-icon-code-Emoji: '\E899'; +$ms-icon-code-Emoji2: '\E76E'; +$ms-icon-code-EmojiDisappointed: '\EA88'; +$ms-icon-code-EmojiNeutral: '\EA87'; +$ms-icon-code-EmojiTabSymbols: '\ED58'; +$ms-icon-code-EmptyRecycleBin: '\EF88'; +$ms-icon-code-Encryption: '\F69D'; +$ms-icon-code-EngineeringGroup: '\F362'; +$ms-icon-code-EntryDecline: '\F555'; +$ms-icon-code-EntryView: '\F554'; +$ms-icon-code-Equalizer: '\E9E9'; +$ms-icon-code-EraseTool: '\E75C'; +$ms-icon-code-Error: '\E783'; +$ms-icon-code-ErrorBadge: '\EA39'; +$ms-icon-code-Event: '\ECA3'; +$ms-icon-code-EventAccepted: '\F422'; +$ms-icon-code-EventDate: '\F059'; +$ms-icon-code-EventDeclined: '\F425'; +$ms-icon-code-EventInfo: '\ED8B'; +$ms-icon-code-EventTentative: '\F423'; +$ms-icon-code-EventTentativeMirrored: '\F424'; +$ms-icon-code-ExcelDocument: '\EF73'; +$ms-icon-code-ExcelLogo: '\F1E5'; +$ms-icon-code-ExcelLogo16: '\F397'; +$ms-icon-code-ExcelLogoFill: '\F1E6'; +$ms-icon-code-ExcelLogoFill16: '\F398'; +$ms-icon-code-ExcelLogoInverse: '\EC28'; +$ms-icon-code-ExcelLogoInverse16: '\F396'; +$ms-icon-code-ExchangeLogo: '\F284'; +$ms-icon-code-ExchangeLogoFill: '\F285'; +$ms-icon-code-ExchangeLogoInverse: '\ED78'; +$ms-icon-code-ExerciseTracker: '\EACC'; +$ms-icon-code-ExpandMenu: '\EF67'; +$ms-icon-code-ExploreContent: '\ECCD'; +$ms-icon-code-ExploreContentSingle: '\F164'; +$ms-icon-code-ExploreData: '\F5B6'; +$ms-icon-code-Export: '\EDE1'; +$ms-icon-code-ExportMirrored: '\EDE2'; +$ms-icon-code-ExternalBuild: '\F445'; +$ms-icon-code-ExternalGit: '\F665'; +$ms-icon-code-ExternalTFVC: '\F446'; +$ms-icon-code-ExternalXAML: '\F447'; +$ms-icon-code-F12DevTools: '\EBEE'; +$ms-icon-code-FabricAssetLibrary: '\F09C'; +$ms-icon-code-FabricDataConnectionLibrary: '\F09D'; +$ms-icon-code-FabricDocLibrary: '\F09E'; +$ms-icon-code-FabricFolder: '\F0A9'; +$ms-icon-code-FabricFolderFill: '\F0AA'; +$ms-icon-code-FabricFolderSearch: '\F0A4'; +$ms-icon-code-FabricFormLibrary: '\F09F'; +$ms-icon-code-FabricFormLibraryMirrored: '\F0A0'; +$ms-icon-code-FabricMovetoFolder: '\F0A5'; +$ms-icon-code-FabricNewFolder: '\F0AB'; +$ms-icon-code-FabricOpenFolderHorizontal: '\F0A8'; +$ms-icon-code-FabricPictureLibrary: '\F0AC'; +$ms-icon-code-FabricPublicFolder: '\F0A3'; +$ms-icon-code-FabricReportLibrary: '\F0A1'; +$ms-icon-code-FabricReportLibraryMirrored: '\F0A2'; +$ms-icon-code-FabricSyncFolder: '\F0A7'; +$ms-icon-code-FabricUnsyncFolder: '\F0A6'; +$ms-icon-code-Family: '\EBDA'; +$ms-icon-code-FangBody: '\ECEB'; +$ms-icon-code-FastForward: '\EB9D'; +$ms-icon-code-FastMode: '\F19A'; +$ms-icon-code-Favicon: '\E737'; +$ms-icon-code-FavoriteList: '\E728'; +$ms-icon-code-FavoriteStar: '\E734'; +$ms-icon-code-FavoriteStarFill: '\E735'; +$ms-icon-code-Fax: '\EF5C'; +$ms-icon-code-Feedback: '\ED15'; +$ms-icon-code-FeedbackRequestMirroredSolid: '\F35A'; +$ms-icon-code-FeedbackRequestSolid: '\F359'; +$ms-icon-code-FeedbackResponseSolid: '\F35B'; +$ms-icon-code-Ferry: '\E7E3'; +$ms-icon-code-FerrySolid: '\EB48'; +$ms-icon-code-FieldChanged: '\F2C3'; +$ms-icon-code-FieldEmpty: '\F2C1'; +$ms-icon-code-FieldFilled: '\F2C2'; +$ms-icon-code-FieldNotChanged: '\F2C4'; +$ms-icon-code-FieldReadOnly: '\F442'; +$ms-icon-code-FieldRequired: '\F443'; +$ms-icon-code-FileASPX: '\F2E9'; +$ms-icon-code-FileBug: '\F30D'; +$ms-icon-code-FileCode: '\F30E'; +$ms-icon-code-FileComment: '\F30F'; +$ms-icon-code-FileCSS: '\F2EA'; +$ms-icon-code-FileHTML: '\F2ED'; +$ms-icon-code-FileImage: '\F311'; +$ms-icon-code-FileJAVA: '\F2E8'; +$ms-icon-code-FileLess: '\F2EC'; +$ms-icon-code-FilePDB: '\F2E5'; +$ms-icon-code-FileSass: '\F2EB'; +$ms-icon-code-FileSQL: '\F2E7'; +$ms-icon-code-FileSymlink: '\F312'; +$ms-icon-code-FileTemplate: '\F2E6'; +$ms-icon-code-FileTypeSolution: '\F387'; +$ms-icon-code-FileYML: '\F5DA'; +$ms-icon-code-Filter: '\E71C'; +$ms-icon-code-Filters: '\E795'; +$ms-icon-code-FilterSolid: '\F412'; +$ms-icon-code-FiltersSolid: '\F353'; +$ms-icon-code-Financial: '\E7BB'; +$ms-icon-code-FinancialMirroredSolid: '\F347'; +$ms-icon-code-FinancialSolid: '\F346'; +$ms-icon-code-Fingerprint: '\E928'; +$ms-icon-code-FiveTileGrid: '\F274'; +$ms-icon-code-Flag: '\E7C1'; +$ms-icon-code-FlameSolid: '\F1F3'; +$ms-icon-code-FlickDown: '\E935'; +$ms-icon-code-FlickLeft: '\E937'; +$ms-icon-code-FlickRight: '\E938'; +$ms-icon-code-FlickUp: '\E936'; +$ms-icon-code-Flow: '\EF90'; +$ms-icon-code-FocalPoint: '\F277'; +$ms-icon-code-Fog: '\E9CB'; +$ms-icon-code-Folder: '\E8B7'; +$ms-icon-code-FolderFill: '\E8D5'; +$ms-icon-code-FolderHorizontal: '\F12B'; +$ms-icon-code-FolderList: '\F2CE'; +$ms-icon-code-FolderListMirrored: '\F2CF'; +$ms-icon-code-FolderOpen: '\E838'; +$ms-icon-code-FolderQuery: '\F2CD'; +$ms-icon-code-FolderSearch: '\EF65'; +$ms-icon-code-FollowUser: '\EE05'; +$ms-icon-code-Font: '\E8D2'; +$ms-icon-code-FontColor: '\E8D3'; +$ms-icon-code-FontColorA: '\F4EC'; +$ms-icon-code-FontColorSwatch: '\F4ED'; +$ms-icon-code-FontDecrease: '\E8E7'; +$ms-icon-code-FontIncrease: '\E8E8'; +$ms-icon-code-FontSize: '\E8E9'; +$ms-icon-code-FormLibrary: '\EEB9'; +$ms-icon-code-FormLibraryMirrored: '\EEBA'; +$ms-icon-code-Forward: '\E72A'; +$ms-icon-code-ForwardEvent: '\ED8C'; +$ms-icon-code-Freezing: '\E9EF'; +$ms-icon-code-Frigid: '\E9CA'; +$ms-icon-code-FSharp: '\F2F6'; +$ms-icon-code-FSharpLanguage: '\F2F5'; +$ms-icon-code-FullCircleMask: '\E91F'; +$ms-icon-code-FullHistory: '\F31C'; +$ms-icon-code-FullScreen: '\E740'; +$ms-icon-code-FullWidth: '\F2FE'; +$ms-icon-code-FullWidthEdit: '\F2FF'; +$ms-icon-code-FunctionalManagerDashboard: '\F542'; +$ms-icon-code-GallatinLogo: '\F496'; +$ms-icon-code-Generate: '\E9DA'; +$ms-icon-code-GenericScan: '\EE6F'; +$ms-icon-code-Giftbox: '\EC1F'; +$ms-icon-code-GiftboxOpen: '\F133'; +$ms-icon-code-GiftBoxSolid: '\F341'; +$ms-icon-code-GiftCard: '\EB8E'; +$ms-icon-code-GitFork: '\F661'; +$ms-icon-code-GitGraph: '\F2CA'; +$ms-icon-code-Glasses: '\EA16'; +$ms-icon-code-Glimmer: '\ECF4'; +$ms-icon-code-GlobalNavButton: '\E700'; +$ms-icon-code-Globe: '\E774'; +$ms-icon-code-Globe2: '\F49A'; +$ms-icon-code-GlobeFavorite: '\EF53'; +$ms-icon-code-Golf: '\EB1F'; +$ms-icon-code-GotoToday: '\E8D1'; +$ms-icon-code-GridViewLarge: '\F234'; +$ms-icon-code-GridViewMedium: '\F233'; +$ms-icon-code-GridViewSmall: '\F232'; +$ms-icon-code-GripperBarHorizontal: '\E76F'; +$ms-icon-code-GripperBarVertical: '\E784'; +$ms-icon-code-GripperTool: '\E75E'; +$ms-icon-code-Group: '\E902'; +$ms-icon-code-GroupedAscending: '\EE67'; +$ms-icon-code-GroupedDescending: '\EE66'; +$ms-icon-code-GroupedList: '\EF74'; +$ms-icon-code-GroupObject: '\F4F1'; +$ms-icon-code-GUID: '\F52B'; +$ms-icon-code-Guitar: '\F49B'; +$ms-icon-code-HailDay: '\EA00'; +$ms-icon-code-HailNight: '\EA13'; +$ms-icon-code-HalfAlpha: '\E97E'; +$ms-icon-code-HalfCircle: '\F501'; +$ms-icon-code-HandsFree: '\EAD0'; +$ms-icon-code-Handwriting: '\E929'; +$ms-icon-code-HardDrive: '\EDA2'; +$ms-icon-code-HardDriveGroup: '\F18F'; +$ms-icon-code-HardDriveLock: '\F55A'; +$ms-icon-code-HardDriveUnlock: '\F55B'; +$ms-icon-code-Header1: '\EA19'; +$ms-icon-code-Header2: '\EF36'; +$ms-icon-code-Header3: '\EF37'; +$ms-icon-code-Header4: '\EF38'; +$ms-icon-code-Headset: '\E95B'; +$ms-icon-code-HeadsetSolid: '\F348'; +$ms-icon-code-Health: '\E95E'; +$ms-icon-code-HealthSolid: '\F33F'; +$ms-icon-code-Heart: '\EB51'; +$ms-icon-code-HeartBroken: '\EA92'; +$ms-icon-code-HeartFill: '\EB52'; +$ms-icon-code-Help: '\E897'; +$ms-icon-code-HelpMirrored: '\EA51'; +$ms-icon-code-Hexagon: '\F4FE'; +$ms-icon-code-Hide: '\ED1A'; +$ms-icon-code-Hide2: '\EF89'; +$ms-icon-code-Highlight: '\E7E6'; +$ms-icon-code-HighlightMappedShapes: '\F2A1'; +$ms-icon-code-HintText: '\F50F'; +$ms-icon-code-History: '\E81C'; +$ms-icon-code-Home: '\E80F'; +$ms-icon-code-HomeSolid: '\EA8A'; +$ms-icon-code-HorizontalDistributeCenter: '\F4F9'; +$ms-icon-code-Hospital: '\E91D'; +$ms-icon-code-Hotel: '\E824'; +$ms-icon-code-HourGlass: '\EA03'; +$ms-icon-code-IconSetsFlag: '\F2A4'; +$ms-icon-code-IDBadge: '\F427'; +$ms-icon-code-ImageCrosshair: '\F2C9'; +$ms-icon-code-ImageDiff: '\F30B'; +$ms-icon-code-ImagePixel: '\F30C'; +$ms-icon-code-ImageSearch: '\F4E8'; +$ms-icon-code-Import: '\E8B5'; +$ms-icon-code-Important: '\E8C9'; +$ms-icon-code-ImportMirrored: '\EA52'; +$ms-icon-code-Inbox: '\F41C'; +$ms-icon-code-InboxCheck: '\EF64'; +$ms-icon-code-IncidentTriangle: '\E814'; +$ms-icon-code-IncreaseIndentLegacy: '\E291'; +$ms-icon-code-Info: '\E946'; +$ms-icon-code-Info2: '\EA1F'; +$ms-icon-code-InfoSolid: '\F167'; +$ms-icon-code-InsertColumnsLeft: '\F64A'; +$ms-icon-code-InsertColumnsRight: '\F64B'; +$ms-icon-code-InsertRowsAbove: '\F64C'; +$ms-icon-code-InsertRowsBelow: '\F64D'; +$ms-icon-code-InsertSignatureLine: '\F677'; +$ms-icon-code-InsertTextBox: '\EC7D'; +$ms-icon-code-InstallToDrive: '\F28D'; +$ms-icon-code-InternetSharing: '\E704'; +$ms-icon-code-IRMForward: '\F41F'; +$ms-icon-code-IRMForwardMirrored: '\F420'; +$ms-icon-code-IRMReply: '\F41D'; +$ms-icon-code-IRMReplyMirrored: '\F41E'; +$ms-icon-code-IssueSolid: '\F448'; +$ms-icon-code-IssueTracking: '\EEC0'; +$ms-icon-code-IssueTrackingMirrored: '\EEC1'; +$ms-icon-code-Italic: '\E8DB'; +$ms-icon-code-JavaScriptLanguage: '\F2EE'; +$ms-icon-code-JoinOnlineMeeting: '\ED8F'; +$ms-icon-code-JS: '\EBF0'; +$ms-icon-code-KaizalaLogo: '\F492'; +$ms-icon-code-Label: '\E932'; +$ms-icon-code-LadybugSolid: '\F44A'; +$ms-icon-code-Lamp: '\EB19'; +$ms-icon-code-LandscapeOrientation: '\EF6B'; +$ms-icon-code-LaptopSecure: '\F552'; +$ms-icon-code-LaptopSelected: '\EC76'; +$ms-icon-code-LargeGrid: '\EECB'; +$ms-icon-code-Leave: '\F627'; +$ms-icon-code-Library: '\E8F1'; +$ms-icon-code-Lifesaver: '\EF62'; +$ms-icon-code-LifesaverLock: '\EF63'; +$ms-icon-code-Light: '\E793'; +$ms-icon-code-Lightbulb: '\EA80'; +$ms-icon-code-LightningBolt: '\E945'; +$ms-icon-code-LightWeight: '\F4EE'; +$ms-icon-code-Like: '\E8E1'; +$ms-icon-code-LikeSolid: '\F3BF'; +$ms-icon-code-Line: '\F4FC'; +$ms-icon-code-LineChart: '\E9E6'; +$ms-icon-code-LineSpacing: '\F517'; +$ms-icon-code-LineStyle: '\F50C'; +$ms-icon-code-LineThickness: '\F50D'; +$ms-icon-code-Link: '\E71B'; +$ms-icon-code-LinkedInLogo: '\F20A'; +$ms-icon-code-List: '\EA37'; +$ms-icon-code-ListMirrored: '\EA55'; +$ms-icon-code-LocaleLanguage: '\F2B7'; +$ms-icon-code-Location: '\E81D'; +$ms-icon-code-LocationCircle: '\E80E'; +$ms-icon-code-LocationDot: '\E827'; +$ms-icon-code-LocationFill: '\E920'; +$ms-icon-code-LocationOutline: '\F2D0'; +$ms-icon-code-Lock: '\E72E'; +$ms-icon-code-LockSolid: '\E9A2'; +$ms-icon-code-LogRemove: '\F316'; +$ms-icon-code-LookupEntities: '\F5B5'; +$ms-icon-code-LowerBrightness: '\EC8A'; +$ms-icon-code-LyncLogo: '\ED79'; +$ms-icon-code-Mail: '\E715'; +$ms-icon-code-MailAlert: '\ED80'; +$ms-icon-code-MailCheck: '\ED81'; +$ms-icon-code-MailFill: '\E8A8'; +$ms-icon-code-MailForward: '\E89C'; +$ms-icon-code-MailForwardMirrored: '\EA56'; +$ms-icon-code-MailLowImportance: '\ED82'; +$ms-icon-code-MailPause: '\ED83'; +$ms-icon-code-MailReminder: '\F418'; +$ms-icon-code-MailRepeat: '\ED84'; +$ms-icon-code-MailReply: '\E8CA'; +$ms-icon-code-MailReplyAll: '\E8C2'; +$ms-icon-code-MailReplyAllMirrored: '\EA58'; +$ms-icon-code-MailReplyMirrored: '\EA57'; +$ms-icon-code-MailSolid: '\F343'; +$ms-icon-code-MailTentative: '\F416'; +$ms-icon-code-MailTentativeMirrored: '\F417'; +$ms-icon-code-MailUndelivered: '\F415'; +$ms-icon-code-ManagerSelfService: '\EE23'; +$ms-icon-code-MapDirections: '\E816'; +$ms-icon-code-MapPin: '\E707'; +$ms-icon-code-MapPinSolid: '\F52E'; +$ms-icon-code-MarkDownLanguage: '\F2FB'; +$ms-icon-code-Market: '\EAFC'; +$ms-icon-code-MarketDown: '\EF42'; +$ms-icon-code-MasterDatabase: '\F5BA'; +$ms-icon-code-MaximumValue: '\F5BC'; +$ms-icon-code-Medal: '\EE38'; +$ms-icon-code-MediaAdd: '\F510'; +$ms-icon-code-Medical: '\EAD4'; +$ms-icon-code-Megaphone: '\E789'; +$ms-icon-code-MegaphoneSolid: '\F332'; +$ms-icon-code-Memo: '\E77C'; +$ms-icon-code-Merge: '\E7D5'; +$ms-icon-code-MergeDuplicate: '\F29A'; +$ms-icon-code-Message: '\E8BD'; +$ms-icon-code-MessageFill: '\EC70'; +$ms-icon-code-MicOff: '\EC54'; +$ms-icon-code-Microphone: '\E720'; +$ms-icon-code-MicrosoftFlowLogo: '\F4B1'; +$ms-icon-code-MicrosoftStaffhubLogo: '\F130'; +$ms-icon-code-MiniContract: '\E93B'; +$ms-icon-code-MiniExpand: '\E93A'; +$ms-icon-code-MiniLink: '\E732'; +$ms-icon-code-MinimumValue: '\F5BD'; +$ms-icon-code-MobileReport: '\F18A'; +$ms-icon-code-MobileSelected: '\EC75'; +$ms-icon-code-Money: '\EAFD'; +$ms-icon-code-More: '\E712'; +$ms-icon-code-MoreSports: '\EB22'; +$ms-icon-code-MoreVertical: '\F2BC'; +$ms-icon-code-Move: '\E7C2'; +$ms-icon-code-Movers: '\EBCD'; +$ms-icon-code-MoveToFolder: '\E8DE'; +$ms-icon-code-MSNLogo: '\EB6C'; +$ms-icon-code-MSNVideos: '\EB1C'; +$ms-icon-code-MSNVideosSolid: '\F2DA'; +$ms-icon-code-MTMLogo: '\F44B'; +$ms-icon-code-MultiSelect: '\E762'; +$ms-icon-code-MultiSelectMirrored: '\EA98'; +$ms-icon-code-MusicInCollection: '\E940'; +$ms-icon-code-MusicInCollectionFill: '\EA36'; +$ms-icon-code-MusicNote: '\EC4F'; +$ms-icon-code-MyMoviesTV: '\EE6C'; +$ms-icon-code-Nav2DMapView: '\E800'; +$ms-icon-code-NavigateBack: '\F2DD'; +$ms-icon-code-NavigateBackMirrored: '\F2DE'; +$ms-icon-code-NavigateExternalInline: '\F35F'; +$ms-icon-code-NavigateForward: '\F2DF'; +$ms-icon-code-NavigateForwardMirrored: '\F2E0'; +$ms-icon-code-NavigationFlipper: '\F51D'; +$ms-icon-code-NetworkTower: '\EC05'; +$ms-icon-code-NewAnalyticsQuery: '\F1E0'; +$ms-icon-code-NewFolder: '\E8F4'; +$ms-icon-code-News: '\E900'; +$ms-icon-code-NewsSearch: '\F4E9'; +$ms-icon-code-NewTeamProject: '\F2B2'; +$ms-icon-code-Next: '\E893'; +$ms-icon-code-NonprofitLogo32: '\F495'; +$ms-icon-code-NormalWeight: '\F4EF'; +$ms-icon-code-NoteForward: '\ED99'; +$ms-icon-code-NotePinned: '\ED9A'; +$ms-icon-code-NoteReply: '\ED98'; +$ms-icon-code-NotExecuted: '\F440'; +$ms-icon-code-NotImpactedSolid: '\F441'; +$ms-icon-code-NugetLogo: '\F44C'; +$ms-icon-code-NumberedList: '\EA1C'; +$ms-icon-code-NumberField: '\EDC4'; +$ms-icon-code-NumberSequence: '\F52A'; +$ms-icon-code-Octagon: '\F4FD'; +$ms-icon-code-OEM: '\E74C'; +$ms-icon-code-OfficeAddinsLogo: '\EEC7'; +$ms-icon-code-OfficeAssistantLogo: '\EDCE'; +$ms-icon-code-OfficeFormsLogo: '\F434'; +$ms-icon-code-OfficeFormsLogo16: '\F436'; +$ms-icon-code-OfficeFormsLogo24: '\F43B'; +$ms-icon-code-OfficeFormsLogoFill: '\F435'; +$ms-icon-code-OfficeFormsLogoFill16: '\F437'; +$ms-icon-code-OfficeFormsLogoFill24: '\F43C'; +$ms-icon-code-OfficeFormsLogoInverse: '\EF86'; +$ms-icon-code-OfficeFormsLogoInverse16: '\F433'; +$ms-icon-code-OfficeFormsLogoInverse24: '\F43A'; +$ms-icon-code-OfficeLogo: '\EB6E'; +$ms-icon-code-OfficeStoreLogo: '\EDCF'; +$ms-icon-code-OfficeVideoLogo: '\F282'; +$ms-icon-code-OfficeVideoLogoFill: '\F283'; +$ms-icon-code-OfficeVideoLogoInverse: '\ED7A'; +$ms-icon-code-OfflineOneDriveParachute: '\EEC8'; +$ms-icon-code-OfflineOneDriveParachuteDisabled: '\EEC9'; +$ms-icon-code-OfflineStorageSolid: '\F34E'; +$ms-icon-code-OneDrive: '\E941'; +$ms-icon-code-OneDriveAdd: '\EF32'; +$ms-icon-code-OneDriveFolder16: '\F53B'; +$ms-icon-code-OneNoteEduLogoInverse: '\EDD0'; +$ms-icon-code-OneNoteLogo: '\F1E7'; +$ms-icon-code-OneNoteLogo16: '\F39A'; +$ms-icon-code-OneNoteLogoFill: '\F1E8'; +$ms-icon-code-OneNoteLogoFill16: '\F39B'; +$ms-icon-code-OneNoteLogoInverse: '\EC0D'; +$ms-icon-code-OneNoteLogoInverse16: '\F399'; +$ms-icon-code-OpenFile: '\E8E5'; +$ms-icon-code-OpenFolderHorizontal: '\ED25'; +$ms-icon-code-OpenInNewWindow: '\E8A7'; +$ms-icon-code-OpenPane: '\E8A0'; +$ms-icon-code-OpenPaneMirrored: '\EA5B'; +$ms-icon-code-OpenSource: '\EBC2'; +$ms-icon-code-Org: '\ECA6'; +$ms-icon-code-Orientation: '\E8B4'; +$ms-icon-code-OutlookLogo: '\F1E9'; +$ms-icon-code-OutlookLogo16: '\F39D'; +$ms-icon-code-OutlookLogoFill: '\F1EA'; +$ms-icon-code-OutlookLogoFill16: '\F39E'; +$ms-icon-code-OutlookLogoInverse: '\EB6D'; +$ms-icon-code-OutlookLogoInverse16: '\F39C'; +$ms-icon-code-OutOfOffice: '\ED34'; +$ms-icon-code-Package: '\E7B8'; +$ms-icon-code-Packages: '\F318'; +$ms-icon-code-Padding: '\F518'; +$ms-icon-code-PaddingBottom: '\F51A'; +$ms-icon-code-PaddingLeft: '\F51B'; +$ms-icon-code-PaddingRight: '\F51C'; +$ms-icon-code-PaddingTop: '\F519'; +$ms-icon-code-Page: '\E7C3'; +$ms-icon-code-PageAdd: '\EA1A'; +$ms-icon-code-PageCheckedin: '\F104'; +$ms-icon-code-PageCheckedOut: '\F02C'; +$ms-icon-code-PageEdit: '\EFB6'; +$ms-icon-code-PageLeft: '\E760'; +$ms-icon-code-PageListMirroredSolid: '\F33B'; +$ms-icon-code-PageListSolid: '\F33A'; +$ms-icon-code-PageLock: '\F43F'; +$ms-icon-code-PageRemove: '\EFBA'; +$ms-icon-code-PageRight: '\E761'; +$ms-icon-code-PageSolid: '\E729'; +$ms-icon-code-PanoIndicator: '\E7B0'; +$ms-icon-code-Parachute: '\F351'; +$ms-icon-code-ParachuteSolid: '\F352'; +$ms-icon-code-Parameter: '\F306'; +$ms-icon-code-ParkingLocation: '\E811'; +$ms-icon-code-ParkingLocationMirrored: '\EA5E'; +$ms-icon-code-ParkingMirroredSolid: '\F34B'; +$ms-icon-code-ParkingSolid: '\F34A'; +$ms-icon-code-PartlyCloudyDay: '\E9C0'; +$ms-icon-code-PartlyCloudyNight: '\E9C1'; +$ms-icon-code-PartyLeader: '\ECA7'; +$ms-icon-code-Paste: '\E77F'; +$ms-icon-code-PasteAsCode: '\F5D6'; +$ms-icon-code-PasteAsText: '\F5D5'; +$ms-icon-code-Pause: '\E769'; +$ms-icon-code-PaymentCard: '\E8C7'; +$ms-icon-code-PC1: '\E977'; +$ms-icon-code-PDF: '\EA90'; +$ms-icon-code-PencilReply: '\EF7B'; +$ms-icon-code-Pentagon: '\F4FF'; +$ms-icon-code-People: '\E716'; +$ms-icon-code-PeopleAdd: '\EA15'; +$ms-icon-code-PeopleAlert: '\ED93'; +$ms-icon-code-PeopleBlock: '\ED91'; +$ms-icon-code-PeoplePause: '\ED94'; +$ms-icon-code-PeopleRepeat: '\ED92'; +$ms-icon-code-Permissions: '\E8D7'; +$ms-icon-code-PermissionsSolid: '\F349'; +$ms-icon-code-Personalize: '\E771'; +$ms-icon-code-Phishing: '\F679'; +$ms-icon-code-Phone: '\E717'; +$ms-icon-code-Photo2: '\EB9F'; +$ms-icon-code-Photo2Add: '\ECAB'; +$ms-icon-code-Photo2Remove: '\ECAC'; +$ms-icon-code-PhotoCollection: '\E7AA'; +$ms-icon-code-Picture: '\E8B9'; +$ms-icon-code-PictureCenter: '\F522'; +$ms-icon-code-PictureFill: '\F523'; +$ms-icon-code-PictureLibrary: '\EEC2'; +$ms-icon-code-PicturePosition: '\F524'; +$ms-icon-code-PictureStretch: '\F525'; +$ms-icon-code-PictureTile: '\F526'; +$ms-icon-code-PieDouble: '\EB04'; +$ms-icon-code-PieSingle: '\EB05'; +$ms-icon-code-PieSingleSolid: '\F530'; +$ms-icon-code-Pill: '\EACB'; +$ms-icon-code-Pin: '\E718'; +$ms-icon-code-Pinned: '\E840'; +$ms-icon-code-PinnedFill: '\E842'; +$ms-icon-code-PivotChart: '\F24C'; +$ms-icon-code-PlannerLogo: '\EDD1'; +$ms-icon-code-PlanView: '\F360'; +$ms-icon-code-Play: '\E768'; +$ms-icon-code-PlayerSettings: '\EF58'; +$ms-icon-code-PlayResume: '\F2C6'; +$ms-icon-code-Plug: '\F300'; +$ms-icon-code-PlugConnected: '\F302'; +$ms-icon-code-PlugDisconnected: '\F303'; +$ms-icon-code-PlugSolid: '\F301'; +$ms-icon-code-POI: '\ECAF'; +$ms-icon-code-POISolid: '\F2D1'; +$ms-icon-code-PostUpdate: '\E8F3'; +$ms-icon-code-PowerApps: '\EDD2'; +$ms-icon-code-PowerApps2Logo: '\F092'; +$ms-icon-code-PowerAppsLogo: '\F091'; +$ms-icon-code-PowerBILogo: '\EA1E'; +$ms-icon-code-PowerButton: '\E7E8'; +$ms-icon-code-PowerPointDocument: '\EF72'; +$ms-icon-code-PowerPointLogo: '\F1EB'; +$ms-icon-code-PowerPointLogo16: '\F394'; +$ms-icon-code-PowerPointLogoFill: '\F1EC'; +$ms-icon-code-PowerPointLogoFill16: '\F395'; +$ms-icon-code-PowerPointLogoInverse: '\EC2A'; +$ms-icon-code-PowerPointLogoInverse16: '\F393'; +$ms-icon-code-Precipitation: '\E9CF'; +$ms-icon-code-PresenceChickletVideo: '\E979'; +$ms-icon-code-Preview: '\E8FF'; +$ms-icon-code-PreviewLink: '\E8A1'; +$ms-icon-code-Previous: '\E892'; +$ms-icon-code-PrimaryCalendar: '\F4AE'; +$ms-icon-code-Print: '\E749'; +$ms-icon-code-PrintfaxPrinterFile: '\E956'; +$ms-icon-code-Processing: '\E9F5'; +$ms-icon-code-ProcessMetaTask: '\F290'; +$ms-icon-code-Product: '\ECDC'; +$ms-icon-code-ProfileSearch: '\EF35'; +$ms-icon-code-ProFootball: '\EB27'; +$ms-icon-code-ProgressLoopInner: '\ECDE'; +$ms-icon-code-ProgressLoopOuter: '\ECDF'; +$ms-icon-code-ProgressRingDots: '\F16A'; +$ms-icon-code-ProHockey: '\EB28'; +$ms-icon-code-ProjectCollection: '\F363'; +$ms-icon-code-ProjectLogo16: '\F480'; +$ms-icon-code-ProjectLogo32: '\F47E'; +$ms-icon-code-ProjectLogoFill16: '\F481'; +$ms-icon-code-ProjectLogoFill32: '\F47F'; +$ms-icon-code-ProjectLogoInverse: '\EDD4'; +$ms-icon-code-ProtectedDocument: '\E8A6'; +$ms-icon-code-ProtectionCenterLogo32: '\F494'; +$ms-icon-code-ProtectRestrict: '\F22A'; +$ms-icon-code-PublicCalendar: '\EF6D'; +$ms-icon-code-PublicContactCard: '\EF6E'; +$ms-icon-code-PublicContactCardMirrored: '\F230'; +$ms-icon-code-PublicEmail: '\EF6F'; +$ms-icon-code-PublicFolder: '\EF70'; +$ms-icon-code-PublishCourse: '\F699'; +$ms-icon-code-PublisherLogo: '\F1ED'; +$ms-icon-code-PublisherLogo16: '\F3A0'; +$ms-icon-code-PublisherLogoFill: '\F1EE'; +$ms-icon-code-PublisherLogoFill16: '\F3A1'; +$ms-icon-code-PublisherLogoInverse16: '\F39F'; +$ms-icon-code-Puzzle: '\EA86'; +$ms-icon-code-PY: '\F2F9'; +$ms-icon-code-PythonLanguage: '\F2F8'; +$ms-icon-code-QuarterCircle: '\F502'; +$ms-icon-code-QueryList: '\F2B8'; +$ms-icon-code-Questionnaire: '\EE19'; +$ms-icon-code-QuestionnaireMirrored: '\EE4B'; +$ms-icon-code-QuickNote: '\E70B'; +$ms-icon-code-QuickNoteSolid: '\F338'; +$ms-icon-code-R: '\F4EB'; +$ms-icon-code-RadioBtnOff: '\ECCA'; +$ms-icon-code-RadioBtnOn: '\ECCB'; +$ms-icon-code-RadioBullet: '\E915'; +$ms-icon-code-Rain: '\E9C4'; +$ms-icon-code-RainShowersDay: '\E9C3'; +$ms-icon-code-RainShowersNight: '\EA0F'; +$ms-icon-code-RainSnow: '\E9C7'; +$ms-icon-code-RawSource: '\F299'; +$ms-icon-code-Read: '\E8C3'; +$ms-icon-code-ReadingMode: '\E736'; +$ms-icon-code-ReadingModeSolid: '\F33D'; +$ms-icon-code-ReadOutLoud: '\F112'; +$ms-icon-code-ReceiptCheck: '\EF5B'; +$ms-icon-code-ReceiptForward: '\EF59'; +$ms-icon-code-ReceiptReply: '\EF5A'; +$ms-icon-code-ReceiptTentative: '\F41A'; +$ms-icon-code-ReceiptTentativeMirrored: '\F41B'; +$ms-icon-code-ReceiptUndelivered: '\F419'; +$ms-icon-code-Recent: '\E823'; +$ms-icon-code-Record2: '\EA3F'; +$ms-icon-code-RectangleShapeSolid: '\F640'; +$ms-icon-code-RectangularClipping: '\F407'; +$ms-icon-code-RecurringEvent: '\EF5D'; +$ms-icon-code-RecurringTask: '\EDB2'; +$ms-icon-code-RecycleBin: '\EF87'; +$ms-icon-code-Redeploy: '\F29E'; +$ms-icon-code-RedEye: '\E7B3'; +$ms-icon-code-Redo: '\E7A6'; +$ms-icon-code-Refresh: '\E72C'; +$ms-icon-code-ReminderGroup: '\EBF8'; +$ms-icon-code-ReminderPerson: '\EBF7'; +$ms-icon-code-Remote: '\E8AF'; +$ms-icon-code-Remove: '\E738'; +$ms-icon-code-RemoveEvent: '\ED8A'; +$ms-icon-code-RemoveFilter: '\EB08'; +$ms-icon-code-RemoveLink: '\ED90'; +$ms-icon-code-RemoveOccurrence: '\ED9B'; +$ms-icon-code-Rename: '\E8AC'; +$ms-icon-code-RenewalCurrent: '\F545'; +$ms-icon-code-RenewalFuture: '\F546'; +$ms-icon-code-ReopenPages: '\ED50'; +$ms-icon-code-Repair: '\E90F'; +$ms-icon-code-Reply: '\E97A'; +$ms-icon-code-ReplyAll: '\EE0A'; +$ms-icon-code-ReplyAllAlt: '\EF5F'; +$ms-icon-code-ReplyAllMirrored: '\EE36'; +$ms-icon-code-ReplyAlt: '\EF5E'; +$ms-icon-code-ReplyMirrored: '\EE35'; +$ms-icon-code-Repo: '\F2CB'; +$ms-icon-code-ReportAdd: '\F52C'; +$ms-icon-code-ReportHacked: '\E730'; +$ms-icon-code-ReportLibrary: '\EEBB'; +$ms-icon-code-ReportLibraryMirrored: '\EEBC'; +$ms-icon-code-RepoSolid: '\F2CC'; +$ms-icon-code-ReturnToSession: '\ED24'; +$ms-icon-code-ReviewRequestMirroredSolid: '\F357'; +$ms-icon-code-ReviewRequestSolid: '\F356'; +$ms-icon-code-ReviewResponseSolid: '\F358'; +$ms-icon-code-ReviewSolid: '\F355'; +$ms-icon-code-RevToggleKey: '\E845'; +$ms-icon-code-Rewind: '\EB9E'; +$ms-icon-code-Ribbon: '\E9D1'; +$ms-icon-code-RibbonSolid: '\F345'; +$ms-icon-code-RightDoubleQuote: '\E9B1'; +$ms-icon-code-RightTriangle: '\F500'; +$ms-icon-code-Ringer: '\EA8F'; +$ms-icon-code-RingerOff: '\F2C5'; +$ms-icon-code-RingerRemove: '\F279'; +$ms-icon-code-Robot: '\E99A'; +$ms-icon-code-Rocket: '\F3B3'; +$ms-icon-code-Room: '\ED9F'; +$ms-icon-code-Rotate: '\E7AD'; +$ms-icon-code-RowsChild: '\F29C'; +$ms-icon-code-RowsGroup: '\F29B'; +$ms-icon-code-Rugby: '\EB2D'; +$ms-icon-code-Running: '\EADA'; +$ms-icon-code-Sad: '\E757'; +$ms-icon-code-SadSolid: '\F33E'; +$ms-icon-code-Save: '\E74E'; +$ms-icon-code-SaveAll: '\F203'; +$ms-icon-code-SaveAndClose: '\F038'; +$ms-icon-code-SaveAs: '\E792'; +$ms-icon-code-Savings: '\EB0B'; +$ms-icon-code-ScaleUp: '\ED09'; +$ms-icon-code-ScheduleEventAction: '\F1EF'; +$ms-icon-code-ScopeTemplate: '\F2B0'; +$ms-icon-code-Script: '\F03A'; +$ms-icon-code-ScrollUpDown: '\EC8F'; +$ms-icon-code-Search: '\E721'; +$ms-icon-code-SearchAndApps: '\E773'; +$ms-icon-code-SearchBookmark: '\F5B8'; +$ms-icon-code-SearchCalendar: '\F4AF'; +$ms-icon-code-SearchIssue: '\F09A'; +$ms-icon-code-SearchIssueMirrored: '\F09B'; +$ms-icon-code-Section: '\EC0C'; +$ms-icon-code-Sections: '\EF76'; +$ms-icon-code-SecurityGroup: '\ED85'; +$ms-icon-code-SelectAll: '\E8B3'; +$ms-icon-code-Sell: '\EB0C'; +$ms-icon-code-SemiboldWeight: '\F4F0'; +$ms-icon-code-Send: '\E724'; +$ms-icon-code-SendMirrored: '\EA63'; +$ms-icon-code-Separator: '\F35E'; +$ms-icon-code-Server: '\F201'; +$ms-icon-code-ServerEnviroment: '\F29F'; +$ms-icon-code-ServerProcesses: '\F1FE'; +$ms-icon-code-SetAction: '\F071'; +$ms-icon-code-Settings: '\E713'; +$ms-icon-code-Share: '\E72D'; +$ms-icon-code-ShareiOS: '\EF79'; +$ms-icon-code-SharepointLogo: '\F27E'; +$ms-icon-code-SharepointLogoFill: '\F27F'; +$ms-icon-code-SharepointLogoInverse: '\ED18'; +$ms-icon-code-Shield: '\EA18'; +$ms-icon-code-ShieldSolid: '\F340'; +$ms-icon-code-Shop: '\E719'; +$ms-icon-code-ShoppingCart: '\E7BF'; +$ms-icon-code-ShoppingCartSolid: '\F342'; +$ms-icon-code-ShopServer: '\F2B6'; +$ms-icon-code-ShowResults: '\E8BC'; +$ms-icon-code-ShowResultsMirrored: '\EA65'; +$ms-icon-code-SidePanel: '\EF52'; +$ms-icon-code-SidePanelMirrored: '\F221'; +$ms-icon-code-SignOut: '\F3B1'; +$ms-icon-code-SingleBookmark: '\EDFF'; +$ms-icon-code-SingleBookmarkSolid: '\EE00'; +$ms-icon-code-SingleColumn: '\F1D3'; +$ms-icon-code-SingleColumnEdit: '\F321'; +$ms-icon-code-SIPMove: '\E759'; +$ms-icon-code-SiteScan: '\EBEC'; +$ms-icon-code-SizeLegacy: '\E2B2'; +$ms-icon-code-SkiResorts: '\EB45'; +$ms-icon-code-SkypeCheck: '\EF80'; +$ms-icon-code-SkypeCircleCheck: '\EF7D'; +$ms-icon-code-SkypeCircleClock: '\EF7E'; +$ms-icon-code-SkypeCircleMinus: '\EF7F'; +$ms-icon-code-SkypeClock: '\EF81'; +$ms-icon-code-SkypeForBusinessLogo: '\F0FC'; +$ms-icon-code-SkypeForBusinessLogo16: '\F40F'; +$ms-icon-code-SkypeForBusinessLogoFill: '\F27D'; +$ms-icon-code-SkypeForBusinessLogoFill16: '\F410'; +$ms-icon-code-SkypeLogo: '\EB6F'; +$ms-icon-code-SkypeLogo16: '\F40E'; +$ms-icon-code-SkypeMessage: '\EF83'; +$ms-icon-code-SkypeMinus: '\EF82'; +$ms-icon-code-Slider: '\F527'; +$ms-icon-code-SliderHandleSize: '\F528'; +$ms-icon-code-SliderThumb: '\EC13'; +$ms-icon-code-Snooze: '\F4BD'; +$ms-icon-code-Snow: '\E9C8'; +$ms-icon-code-Snowflake: '\EB46'; +$ms-icon-code-SnowShowerDay: '\E9FD'; +$ms-icon-code-SnowShowerNight: '\EA11'; +$ms-icon-code-Soccer: '\EB21'; +$ms-icon-code-SocialListeningLogo: '\ED7C'; +$ms-icon-code-Sort: '\E8CB'; +$ms-icon-code-SortDown: '\EE69'; +$ms-icon-code-SortLines: '\E9D0'; +$ms-icon-code-SortUp: '\EE68'; +$ms-icon-code-Source: '\EB1B'; +$ms-icon-code-Spacer: '\F40D'; +$ms-icon-code-Speakers: '\E7F5'; +$ms-icon-code-SpeedHigh: '\EC4A'; +$ms-icon-code-Split: '\EDBC'; +$ms-icon-code-SplitObject: '\F547'; +$ms-icon-code-Sprint: '\F3B0'; +$ms-icon-code-Squalls: '\E9CC'; +$ms-icon-code-SquareShapeSolid: '\F63D'; +$ms-icon-code-Stack: '\F26F'; +$ms-icon-code-StackedBarChart: '\F24D'; +$ms-icon-code-StackedLineChart: '\F24E'; +$ms-icon-code-StackIndicator: '\E7FF'; +$ms-icon-code-StaffNotebookLogo16: '\F48E'; +$ms-icon-code-StaffNotebookLogo32: '\F48C'; +$ms-icon-code-StaffNotebookLogoFill16: '\F48F'; +$ms-icon-code-StaffNotebookLogoFill32: '\F48D'; +$ms-icon-code-StaffNotebookLogoInverted16: '\F491'; +$ms-icon-code-StaffNotebookLogoInverted32: '\F490'; +$ms-icon-code-Starburst: '\EF78'; +$ms-icon-code-StarburstSolid: '\F33C'; +$ms-icon-code-StatusCircleBlock2: '\F141'; +$ms-icon-code-StatusCircleCheckmark: '\F13E'; +$ms-icon-code-StatusCircleErrorX: '\F13D'; +$ms-icon-code-StatusCircleExclamation: '\F13C'; +$ms-icon-code-StatusCircleInfo: '\F13F'; +$ms-icon-code-StatusCircleInner: '\F137'; +$ms-icon-code-StatusCircleOuter: '\F136'; +$ms-icon-code-StatusCircleQuestionMark: '\F142'; +$ms-icon-code-StatusCircleRing: '\F138'; +$ms-icon-code-StatusErrorFull: '\EB90'; +$ms-icon-code-StatusTriangle: '\EA82'; +$ms-icon-code-StatusTriangleExclamation: '\F13B'; +$ms-icon-code-StatusTriangleInner: '\F13A'; +$ms-icon-code-StatusTriangleOuter: '\F139'; +$ms-icon-code-Step: '\F241'; +$ms-icon-code-StepInsert: '\F242'; +$ms-icon-code-StepShared: '\F243'; +$ms-icon-code-StepSharedAdd: '\F244'; +$ms-icon-code-StepSharedInsert: '\F245'; +$ms-icon-code-StockDown: '\EB0F'; +$ms-icon-code-StockUp: '\EB11'; +$ms-icon-code-Stop: '\E71A'; +$ms-icon-code-StopSolid: '\EE95'; +$ms-icon-code-Stopwatch: '\E916'; +$ms-icon-code-StoreLogo16: '\EA96'; +$ms-icon-code-StoreLogoMed20: '\EA04'; +$ms-icon-code-Storyboard: '\F308'; +$ms-icon-code-Streaming: '\E93E'; +$ms-icon-code-StreamingOff: '\F2BB'; +$ms-icon-code-StreamLogo: '\F329'; +$ms-icon-code-Strikethrough: '\EDE0'; +$ms-icon-code-Subscribe: '\EDA1'; +$ms-icon-code-Subscript: '\EDDF'; +$ms-icon-code-SubstitutionsIn: '\EB31'; +$ms-icon-code-Suitcase: '\EDD3'; +$ms-icon-code-SunAdd: '\EF69'; +$ms-icon-code-Sunny: '\E9BD'; +$ms-icon-code-SunQuestionMark: '\EF6A'; +$ms-icon-code-Superscript: '\EDDE'; +$ms-icon-code-SurveyQuestions: '\F01B'; +$ms-icon-code-SwayLogo16: '\F484'; +$ms-icon-code-SwayLogo32: '\F482'; +$ms-icon-code-SwayLogoFill16: '\F485'; +$ms-icon-code-SwayLogoFill32: '\F483'; +$ms-icon-code-SwayLogoInverse: '\ED29'; +$ms-icon-code-Switch: '\E8AB'; +$ms-icon-code-SwitcherStartEnd: '\E810'; +$ms-icon-code-Sync: '\E895'; +$ms-icon-code-SyncFolder: '\E8F7'; +$ms-icon-code-SyncOccurence: '\F4A3'; +$ms-icon-code-SyncToPC: '\EE6E'; +$ms-icon-code-System: '\E770'; +$ms-icon-code-Tab: '\E7E9'; +$ms-icon-code-Table: '\ED86'; +$ms-icon-code-Tablet: '\E70A'; +$ms-icon-code-TabletMode: '\EBFC'; +$ms-icon-code-TabletSelected: '\EC74'; +$ms-icon-code-Tag: '\E8EC'; +$ms-icon-code-Taskboard: '\F1C2'; +$ms-icon-code-TaskGroup: '\F2AE'; +$ms-icon-code-TaskGroupMirrored: '\F2AF'; +$ms-icon-code-TaskLogo: '\F493'; +$ms-icon-code-TaskManager: '\EDB7'; +$ms-icon-code-TaskManagerMirrored: '\EDB8'; +$ms-icon-code-TaskSolid: '\F333'; +$ms-icon-code-Taxi: '\F4A1'; +$ms-icon-code-TeamFavorite: '\F2AD'; +$ms-icon-code-TeamsLogo: '\F27B'; +$ms-icon-code-TeamsLogoFill: '\F27C'; +$ms-icon-code-TeamsLogoInverse: '\F27A'; +$ms-icon-code-Teamwork: '\EA12'; +$ms-icon-code-Teeth: '\F4A0'; +$ms-icon-code-TemporaryUser: '\EE58'; +$ms-icon-code-Tennis: '\EB33'; +$ms-icon-code-TestAutoSolid: '\F3A8'; +$ms-icon-code-TestBeaker: '\F3A5'; +$ms-icon-code-TestBeakerSolid: '\F3A6'; +$ms-icon-code-TestCase: '\F3AF'; +$ms-icon-code-TestExploreSolid: '\F3A7'; +$ms-icon-code-TestImpactSolid: '\F3AA'; +$ms-icon-code-TestParameter: '\F3AD'; +$ms-icon-code-TestPlan: '\F3AB'; +$ms-icon-code-TestStep: '\F3AC'; +$ms-icon-code-TestSuite: '\F3AE'; +$ms-icon-code-TestUserSolid: '\F3A9'; +$ms-icon-code-TextBox: '\EDC2'; +$ms-icon-code-TextCallout: '\F2A2'; +$ms-icon-code-TextDocument: '\F029'; +$ms-icon-code-TextDocumentShared: '\F02B'; +$ms-icon-code-TextField: '\EDC3'; +$ms-icon-code-TextOverflow: '\F51F'; +$ms-icon-code-TFVCLogo: '\F44D'; +$ms-icon-code-ThisPC: '\EC4E'; +$ms-icon-code-ThreeQuarterCircle: '\F503'; +$ms-icon-code-ThumbnailView: '\E7B6'; +$ms-icon-code-ThumbnailViewMirrored: '\EA67'; +$ms-icon-code-Thunderstorms: '\E9C6'; +$ms-icon-code-Ticket: '\EB54'; +$ms-icon-code-Tiles: '\ECA5'; +$ms-icon-code-Tiles2: '\EF7C'; +$ms-icon-code-TimeEntry: '\EF95'; +$ms-icon-code-Timeline: '\ED9C'; +$ms-icon-code-TimelineDelivery: '\F2AB'; +$ms-icon-code-TimelineMatrixView: '\F361'; +$ms-icon-code-TimelineProgress: '\F2AA'; +$ms-icon-code-Timer: '\E91E'; +$ms-icon-code-TimeSheet: '\EA05'; +$ms-icon-code-ToDoLogoBottom: '\F4B3'; +$ms-icon-code-ToDoLogoInverse: '\F4BC'; +$ms-icon-code-ToDoLogoTop: '\F4B4'; +$ms-icon-code-ToggleBorder: '\EC12'; +$ms-icon-code-ToggleFilled: '\EC11'; +$ms-icon-code-ToggleOff: '\F19F'; +$ms-icon-code-ToggleThumb: '\EC14'; +$ms-icon-code-Toll: '\F160'; +$ms-icon-code-Touch: '\E815'; +$ms-icon-code-TouchPointer: '\E7C9'; +$ms-icon-code-Trackers: '\EADF'; +$ms-icon-code-TrackersMirrored: '\EE92'; +$ms-icon-code-Train: '\E7C0'; +$ms-icon-code-TrainSolid: '\EB4D'; +$ms-icon-code-TransferCall: '\ED95'; +$ms-icon-code-Transition: '\F3BC'; +$ms-icon-code-TransitionEffect: '\F5B4'; +$ms-icon-code-TransitionPop: '\F5B2'; +$ms-icon-code-TransitionPush: '\F5B3'; +$ms-icon-code-Trending12: '\F62D'; +$ms-icon-code-TriangleDown12: '\EED1'; +$ms-icon-code-TriangleLeft12: '\EED2'; +$ms-icon-code-TriangleRight12: '\EED3'; +$ms-icon-code-TriangleShapeSolid: '\F63E'; +$ms-icon-code-TriangleSolid: '\EA08'; +$ms-icon-code-TriangleSolidDown12: '\EECD'; +$ms-icon-code-TriangleSolidLeft12: '\EECE'; +$ms-icon-code-TriangleSolidRight12: '\EECF'; +$ms-icon-code-TriangleSolidUp12: '\EECC'; +$ms-icon-code-TriangleUp12: '\EED0'; +$ms-icon-code-TriggerApproval: '\F3B2'; +$ms-icon-code-TriggerAuto: '\F24A'; +$ms-icon-code-TriggerUser: '\F24B'; +$ms-icon-code-TripleColumn: '\F1D5'; +$ms-icon-code-TripleColumnEdit: '\F323'; +$ms-icon-code-Trophy: '\ED3F'; +$ms-icon-code-Trophy2: '\F1AE'; +$ms-icon-code-Trophy2Solid: '\F337'; +$ms-icon-code-TurnRight: '\E7DB'; +$ms-icon-code-TVMonitor: '\E7F4'; +$ms-icon-code-TVMonitorSelected: '\EC77'; +$ms-icon-code-TypeScriptLanguage: '\F2F7'; +$ms-icon-code-Umbrella: '\EC04'; +$ms-icon-code-Underline: '\E8DC'; +$ms-icon-code-Undo: '\E7A7'; +$ms-icon-code-Uneditable: '\ED1D'; +$ms-icon-code-UneditableMirrored: '\F4B9'; +$ms-icon-code-UneditableSolid12: '\F4B7'; +$ms-icon-code-UneditableSolidMirrored12: '\F4B8'; +$ms-icon-code-Unfavorite: '\E8D9'; +$ms-icon-code-UngroupObject: '\F4F2'; +$ms-icon-code-Unknown: '\E9CE'; +$ms-icon-code-UnknownCall: '\ED97'; +$ms-icon-code-UnknownMirrored: '\F22E'; +$ms-icon-code-UnknownMirroredSolid: '\F2E2'; +$ms-icon-code-UnknownSolid: '\F2E1'; +$ms-icon-code-Unlock: '\E785'; +$ms-icon-code-UnlockSolid: '\F304'; +$ms-icon-code-Unpin: '\E77A'; +$ms-icon-code-Unsubscribe: '\EDA0'; +$ms-icon-code-UnsyncFolder: '\E8F6'; +$ms-icon-code-UnsyncOccurence: '\F4A4'; +$ms-icon-code-Up: '\E74A'; +$ms-icon-code-Upload: '\E898'; +$ms-icon-code-UserEvent: '\F69C'; +$ms-icon-code-UserFollowed: '\F25C'; +$ms-icon-code-UserPause: '\F2BA'; +$ms-icon-code-UserRemove: '\F69B'; +$ms-icon-code-UserSync: '\F2B9'; +$ms-icon-code-Vacation: '\F49F'; +$ms-icon-code-Variable: '\F305'; +$ms-icon-code-VariableGroup: '\F31B'; +$ms-icon-code-VB: '\F2F2'; +$ms-icon-code-VennDiagram: '\F273'; +$ms-icon-code-VersionControlPush: '\F664'; +$ms-icon-code-VerticalDistributeCenter: '\F4FA'; +$ms-icon-code-Video: '\E714'; +$ms-icon-code-VideoOff: '\F4B0'; +$ms-icon-code-VideoSearch: '\F4EA'; +$ms-icon-code-VideoSolid: '\EA0C'; +$ms-icon-code-View: '\E890'; +$ms-icon-code-ViewAll: '\E8A9'; +$ms-icon-code-ViewAll2: '\EF56'; +$ms-icon-code-ViewDashboard: '\F246'; +$ms-icon-code-ViewList: '\F247'; +$ms-icon-code-ViewListGroup: '\F248'; +$ms-icon-code-ViewListTree: '\F249'; +$ms-icon-code-VisioDiagram: '\F2A0'; +$ms-icon-code-VisioDocument: '\F2A9'; +$ms-icon-code-VisioLogo: '\F2A7'; +$ms-icon-code-VisioLogo16: '\F3A3'; +$ms-icon-code-VisioLogoFill: '\F2A8'; +$ms-icon-code-VisioLogoFill16: '\F3A4'; +$ms-icon-code-VisioLogoInverse: '\ED7D'; +$ms-icon-code-VisioLogoInverse16: '\F3A2'; +$ms-icon-code-VisualBasicLanguage: '\F2F1'; +$ms-icon-code-VisualsFolder: '\F520'; +$ms-icon-code-VisualsStore: '\F521'; +$ms-icon-code-VisualStudioIDELogo32: '\F5D0'; +$ms-icon-code-VisualStudioLogo: '\EC22'; +$ms-icon-code-VoicemailForward: '\ED87'; +$ms-icon-code-VoicemailIRM: '\F421'; +$ms-icon-code-VoicemailReply: '\ED88'; +$ms-icon-code-Volume0: '\E992'; +$ms-icon-code-Volume1: '\E993'; +$ms-icon-code-Volume2: '\E994'; +$ms-icon-code-Volume3: '\E995'; +$ms-icon-code-VolumeDisabled: '\EA85'; +$ms-icon-code-VSTSAltLogo1: '\F382'; +$ms-icon-code-VSTSAltLogo2: '\F383'; +$ms-icon-code-VSTSLogo: '\F381'; +$ms-icon-code-Waffle: '\ED89'; +$ms-icon-code-WaffleOffice365: '\F4E0'; +$ms-icon-code-WaitlistConfirm: '\F550'; +$ms-icon-code-WaitlistConfirmMirrored: '\F551'; +$ms-icon-code-Warning: '\E7BA'; +$ms-icon-code-Warning12: '\F62F'; +$ms-icon-code-WebPublish: '\F52F'; +$ms-icon-code-Website: '\EB41'; +$ms-icon-code-Weights: '\EADB'; +$ms-icon-code-WhiteBoardApp16: '\F673'; +$ms-icon-code-WhiteBoardApp32: '\F674'; +$ms-icon-code-WifiEthernet: '\EE77'; +$ms-icon-code-WindDirection: '\EBE6'; +$ms-icon-code-WindowEdit: '\F50E'; +$ms-icon-code-WindowsLogo: '\E782'; +$ms-icon-code-Wines: '\EABF'; +$ms-icon-code-WipePhone: '\ED8D'; +$ms-icon-code-WordDocument: '\EF71'; +$ms-icon-code-WordLogo: '\F1E3'; +$ms-icon-code-WordLogo16: '\F391'; +$ms-icon-code-WordLogoFill: '\F1E4'; +$ms-icon-code-WordLogoFill16: '\F392'; +$ms-icon-code-WordLogoInverse: '\EC29'; +$ms-icon-code-WordLogoInverse16: '\F390'; +$ms-icon-code-Work: '\E821'; +$ms-icon-code-WorkFlow: '\EA01'; +$ms-icon-code-WorkforceManagement: '\EE0F'; +$ms-icon-code-WorkItem: '\F314'; +$ms-icon-code-WorkItemBar: '\F35C'; +$ms-icon-code-WorkItemBarSolid: '\F35D'; +$ms-icon-code-WorkItemBug: '\F315'; +$ms-icon-code-World: '\E909'; +$ms-icon-code-WorldClock: '\E918'; +$ms-icon-code-YammerLogo: '\ED19'; +$ms-icon-code-ZipFolder: '\F012'; +$ms-icon-code-Zoom: '\E71E'; +$ms-icon-code-ZoomIn: '\E8A3'; +$ms-icon-code-ZoomOut: '\E71F'; + +// Deprecated icons. +$ms-icon-code-HumanResources: '\F240'; + + +// A map containing icon names and values. Someday SCSS will support string +// interpolation within a variable name and this map won't be necessary, as we'll +// be able to do something like #{$ms-icon-code-#{$iconName}} to get the value. +$ms-icon-map: ( + '12PointStar': $ms-icon-code-12PointStar, + '6PointStar': $ms-icon-code-6PointStar, + 'AADLogo': $ms-icon-code-AADLogo, + 'Accept': $ms-icon-code-Accept, + 'AccessLogo': $ms-icon-code-AccessLogo, + 'AccessLogoFill': $ms-icon-code-AccessLogoFill, + 'AccountManagement': $ms-icon-code-AccountManagement, + 'Accounts': $ms-icon-code-Accounts, + 'ActivateOrders': $ms-icon-code-ActivateOrders, + 'ActivityFeed': $ms-icon-code-ActivityFeed, + 'Add': $ms-icon-code-Add, + 'AddBookmark': $ms-icon-code-AddBookmark, + 'AddEvent': $ms-icon-code-AddEvent, + 'AddFavorite': $ms-icon-code-AddFavorite, + 'AddFavoriteFill': $ms-icon-code-AddFavoriteFill, + 'AddFriend': $ms-icon-code-AddFriend, + 'AddGroup': $ms-icon-code-AddGroup, + 'AddNotes': $ms-icon-code-AddNotes, + 'AddOnlineMeeting': $ms-icon-code-AddOnlineMeeting, + 'AddPhone': $ms-icon-code-AddPhone, + 'AddTo': $ms-icon-code-AddTo, + 'Admin': $ms-icon-code-Admin, + 'AdminALogo32': $ms-icon-code-AdminALogo32, + 'AdminALogoFill32': $ms-icon-code-AdminALogoFill32, + 'AdminALogoInverse32': $ms-icon-code-AdminALogoInverse32, + 'AdminCLogoInverse32': $ms-icon-code-AdminCLogoInverse32, + 'AdminDLogoInverse32': $ms-icon-code-AdminDLogoInverse32, + 'AdminELogoInverse32': $ms-icon-code-AdminELogoInverse32, + 'AdminLLogoInverse32': $ms-icon-code-AdminLLogoInverse32, + 'AdminMLogoInverse32': $ms-icon-code-AdminMLogoInverse32, + 'AdminOLogoInverse32': $ms-icon-code-AdminOLogoInverse32, + 'AdminPLogoInverse32': $ms-icon-code-AdminPLogoInverse32, + 'AdminSLogoInverse32': $ms-icon-code-AdminSLogoInverse32, + 'AdminYLogoInverse32': $ms-icon-code-AdminYLogoInverse32, + 'Airplane': $ms-icon-code-Airplane, + 'AirplaneSolid': $ms-icon-code-AirplaneSolid, + 'AirTickets': $ms-icon-code-AirTickets, + 'AlarmClock': $ms-icon-code-AlarmClock, + 'Album': $ms-icon-code-Album, + 'AlbumRemove': $ms-icon-code-AlbumRemove, + 'AlertSolid': $ms-icon-code-AlertSolid, + 'AlignCenter': $ms-icon-code-AlignCenter, + 'AlignHorizontalCenter': $ms-icon-code-AlignHorizontalCenter, + 'AlignHorizontalLeft': $ms-icon-code-AlignHorizontalLeft, + 'AlignHorizontalRight': $ms-icon-code-AlignHorizontalRight, + 'AlignJustify': $ms-icon-code-AlignJustify, + 'AlignLeft': $ms-icon-code-AlignLeft, + 'AlignRight': $ms-icon-code-AlignRight, + 'AlignVerticalBottom': $ms-icon-code-AlignVerticalBottom, + 'AlignVerticalCenter': $ms-icon-code-AlignVerticalCenter, + 'AlignVerticalTop': $ms-icon-code-AlignVerticalTop, + 'AllApps': $ms-icon-code-AllApps, + 'AllAppsMirrored': $ms-icon-code-AllAppsMirrored, + 'AnalyticsLogo': $ms-icon-code-AnalyticsLogo, + 'AnalyticsQuery': $ms-icon-code-AnalyticsQuery, + 'AnalyticsReport': $ms-icon-code-AnalyticsReport, + 'AnalyticsView': $ms-icon-code-AnalyticsView, + 'AnchorLock': $ms-icon-code-AnchorLock, + 'Annotation': $ms-icon-code-Annotation, + 'AppIconDefault': $ms-icon-code-AppIconDefault, + 'Archive': $ms-icon-code-Archive, + 'AreaChart': $ms-icon-code-AreaChart, + 'ArrangeBringForward': $ms-icon-code-ArrangeBringForward, + 'ArrangeBringToFront': $ms-icon-code-ArrangeBringToFront, + 'ArrangeByFrom': $ms-icon-code-ArrangeByFrom, + 'ArrangeSendBackward': $ms-icon-code-ArrangeSendBackward, + 'ArrangeSendToBack': $ms-icon-code-ArrangeSendToBack, + 'Arrivals': $ms-icon-code-Arrivals, + 'ArrowDownRight8': $ms-icon-code-ArrowDownRight8, + 'ArrowDownRightMirrored8': $ms-icon-code-ArrowDownRightMirrored8, + 'ArrowTallDownLeft': $ms-icon-code-ArrowTallDownLeft, + 'ArrowTallDownRight': $ms-icon-code-ArrowTallDownRight, + 'ArrowTallUpLeft': $ms-icon-code-ArrowTallUpLeft, + 'ArrowTallUpRight': $ms-icon-code-ArrowTallUpRight, + 'ArrowUpRight': $ms-icon-code-ArrowUpRight, + 'ArrowUpRight8': $ms-icon-code-ArrowUpRight8, + 'ArrowUpRightMirrored8': $ms-icon-code-ArrowUpRightMirrored8, + 'Articles': $ms-icon-code-Articles, + 'Ascending': $ms-icon-code-Ascending, + 'AspectRatio': $ms-icon-code-AspectRatio, + 'AssessmentGroup': $ms-icon-code-AssessmentGroup, + 'AssessmentGroupTemplate': $ms-icon-code-AssessmentGroupTemplate, + 'AssetLibrary': $ms-icon-code-AssetLibrary, + 'Assign': $ms-icon-code-Assign, + 'Asterisk': $ms-icon-code-Asterisk, + 'AsteriskSolid': $ms-icon-code-AsteriskSolid, + 'ATPLogo': $ms-icon-code-ATPLogo, + 'Attach': $ms-icon-code-Attach, + 'AustralianRules': $ms-icon-code-AustralianRules, + 'AutoEnhanceOff': $ms-icon-code-AutoEnhanceOff, + 'AutoEnhanceOn': $ms-icon-code-AutoEnhanceOn, + 'AutoFillTemplate': $ms-icon-code-AutoFillTemplate, + 'AutoHeight': $ms-icon-code-AutoHeight, + 'AutoRacing': $ms-icon-code-AutoRacing, + 'AwayStatus': $ms-icon-code-AwayStatus, + 'AzureAPIManagement': $ms-icon-code-AzureAPIManagement, + 'AzureKeyVault': $ms-icon-code-AzureKeyVault, + 'AzureLogo': $ms-icon-code-AzureLogo, + 'AzureServiceEndpoint': $ms-icon-code-AzureServiceEndpoint, + 'Back': $ms-icon-code-Back, + 'BackgroundColor': $ms-icon-code-BackgroundColor, + 'Backlog': $ms-icon-code-Backlog, + 'BacklogBoard': $ms-icon-code-BacklogBoard, + 'BackToWindow': $ms-icon-code-BackToWindow, + 'Badge': $ms-icon-code-Badge, + 'Balloons': $ms-icon-code-Balloons, + 'BankSolid': $ms-icon-code-BankSolid, + 'BarChart4': $ms-icon-code-BarChart4, + 'BarChartHorizontal': $ms-icon-code-BarChartHorizontal, + 'BarChartVertical': $ms-icon-code-BarChartVertical, + 'Baseball': $ms-icon-code-Baseball, + 'BeerMug': $ms-icon-code-BeerMug, + 'BIDashboard': $ms-icon-code-BIDashboard, + 'BidiLtr': $ms-icon-code-BidiLtr, + 'BidiRtl': $ms-icon-code-BidiRtl, + 'BingLogo': $ms-icon-code-BingLogo, + 'BirthdayCake': $ms-icon-code-BirthdayCake, + 'BlockContact': $ms-icon-code-BlockContact, + 'Blocked': $ms-icon-code-Blocked, + 'Blocked12': $ms-icon-code-Blocked12, + 'Blocked2': $ms-icon-code-Blocked2, + 'BlockedSite': $ms-icon-code-BlockedSite, + 'BlockedSolid': $ms-icon-code-BlockedSolid, + 'BlowingSnow': $ms-icon-code-BlowingSnow, + 'Blur': $ms-icon-code-Blur, + 'Boards': $ms-icon-code-Boards, + 'Bold': $ms-icon-code-Bold, + 'BookingsLogo': $ms-icon-code-BookingsLogo, + 'Bookmarks': $ms-icon-code-Bookmarks, + 'BookmarksMirrored': $ms-icon-code-BookmarksMirrored, + 'BorderDash': $ms-icon-code-BorderDash, + 'BorderDot': $ms-icon-code-BorderDot, + 'BoxAdditionSolid': $ms-icon-code-BoxAdditionSolid, + 'BoxCheckmarkSolid': $ms-icon-code-BoxCheckmarkSolid, + 'BoxMultiplySolid': $ms-icon-code-BoxMultiplySolid, + 'BoxPlaySolid': $ms-icon-code-BoxPlaySolid, + 'BoxSubtractSolid': $ms-icon-code-BoxSubtractSolid, + 'BranchCommit': $ms-icon-code-BranchCommit, + 'BranchCompare': $ms-icon-code-BranchCompare, + 'BranchFork': $ms-icon-code-BranchFork, + 'BranchFork2': $ms-icon-code-BranchFork2, + 'BranchLocked': $ms-icon-code-BranchLocked, + 'BranchMerge': $ms-icon-code-BranchMerge, + 'BranchPullRequest': $ms-icon-code-BranchPullRequest, + 'BranchSearch': $ms-icon-code-BranchSearch, + 'BranchShelveset': $ms-icon-code-BranchShelveset, + 'Breadcrumb': $ms-icon-code-Breadcrumb, + 'Breakfast': $ms-icon-code-Breakfast, + 'Brightness': $ms-icon-code-Brightness, + 'Broom': $ms-icon-code-Broom, + 'BrowserScreenShot': $ms-icon-code-BrowserScreenShot, + 'BrowserTab': $ms-icon-code-BrowserTab, + 'BrowserTabScreenshot': $ms-icon-code-BrowserTabScreenshot, + 'Brunch': $ms-icon-code-Brunch, + 'BucketColor': $ms-icon-code-BucketColor, + 'BucketColorFill': $ms-icon-code-BucketColorFill, + 'BufferTimeAfter': $ms-icon-code-BufferTimeAfter, + 'BufferTimeBefore': $ms-icon-code-BufferTimeBefore, + 'BufferTimeBoth': $ms-icon-code-BufferTimeBoth, + 'Bug': $ms-icon-code-Bug, + 'BugSolid': $ms-icon-code-BugSolid, + 'Build': $ms-icon-code-Build, + 'BuildIssue': $ms-icon-code-BuildIssue, + 'BuildQueue': $ms-icon-code-BuildQueue, + 'BuildQueueNew': $ms-icon-code-BuildQueueNew, + 'BulkUpload': $ms-icon-code-BulkUpload, + 'BulletedList': $ms-icon-code-BulletedList, + 'BulletedList2': $ms-icon-code-BulletedList2, + 'BulletedList2Mirrored': $ms-icon-code-BulletedList2Mirrored, + 'BulletedListMirrored': $ms-icon-code-BulletedListMirrored, + 'Bullseye': $ms-icon-code-Bullseye, + 'Bus': $ms-icon-code-Bus, + 'BusinessCenterLogo': $ms-icon-code-BusinessCenterLogo, + 'BusinessHoursSign': $ms-icon-code-BusinessHoursSign, + 'BusSolid': $ms-icon-code-BusSolid, + 'Cafe': $ms-icon-code-Cafe, + 'Cake': $ms-icon-code-Cake, + 'Calculator': $ms-icon-code-Calculator, + 'CalculatorAddition': $ms-icon-code-CalculatorAddition, + 'CalculatorEqualTo': $ms-icon-code-CalculatorEqualTo, + 'CalculatorMultiply': $ms-icon-code-CalculatorMultiply, + 'CalculatorNotEqualTo': $ms-icon-code-CalculatorNotEqualTo, + 'CalculatorSubtract': $ms-icon-code-CalculatorSubtract, + 'Calendar': $ms-icon-code-Calendar, + 'CalendarAgenda': $ms-icon-code-CalendarAgenda, + 'CalendarDay': $ms-icon-code-CalendarDay, + 'CalendarMirrored': $ms-icon-code-CalendarMirrored, + 'CalendarReply': $ms-icon-code-CalendarReply, + 'CalendarSettings': $ms-icon-code-CalendarSettings, + 'CalendarSettingsMirrored': $ms-icon-code-CalendarSettingsMirrored, + 'CalendarWeek': $ms-icon-code-CalendarWeek, + 'CalendarWorkWeek': $ms-icon-code-CalendarWorkWeek, + 'CaloriesAdd': $ms-icon-code-CaloriesAdd, + 'Camera': $ms-icon-code-Camera, + 'Cancel': $ms-icon-code-Cancel, + 'CannedChat': $ms-icon-code-CannedChat, + 'Car': $ms-icon-code-Car, + 'CaretBottomLeftCenter8': $ms-icon-code-CaretBottomLeftCenter8, + 'CaretBottomLeftSolid8': $ms-icon-code-CaretBottomLeftSolid8, + 'CaretBottomRightCenter8': $ms-icon-code-CaretBottomRightCenter8, + 'CaretBottomRightSolid8': $ms-icon-code-CaretBottomRightSolid8, + 'CaretDown8': $ms-icon-code-CaretDown8, + 'CaretDownSolid8': $ms-icon-code-CaretDownSolid8, + 'CaretHollow': $ms-icon-code-CaretHollow, + 'CaretHollowMirrored': $ms-icon-code-CaretHollowMirrored, + 'CaretLeft8': $ms-icon-code-CaretLeft8, + 'CaretLeftSolid8': $ms-icon-code-CaretLeftSolid8, + 'CaretRight': $ms-icon-code-CaretRight, + 'CaretRight8': $ms-icon-code-CaretRight8, + 'CaretRightSolid8': $ms-icon-code-CaretRightSolid8, + 'CaretSolid': $ms-icon-code-CaretSolid, + 'CaretSolid16': $ms-icon-code-CaretSolid16, + 'CaretSolidDown': $ms-icon-code-CaretSolidDown, + 'CaretSolidLeft': $ms-icon-code-CaretSolidLeft, + 'CaretSolidMirrored': $ms-icon-code-CaretSolidMirrored, + 'CaretSolidRight': $ms-icon-code-CaretSolidRight, + 'CaretSolidUp': $ms-icon-code-CaretSolidUp, + 'CaretTopLeftCenter8': $ms-icon-code-CaretTopLeftCenter8, + 'CaretTopLeftSolid8': $ms-icon-code-CaretTopLeftSolid8, + 'CaretTopRightCenter8': $ms-icon-code-CaretTopRightCenter8, + 'CaretTopRightSolid8': $ms-icon-code-CaretTopRightSolid8, + 'CaretUp8': $ms-icon-code-CaretUp8, + 'CaretUpSolid8': $ms-icon-code-CaretUpSolid8, + 'Cat': $ms-icon-code-Cat, + 'CellPhone': $ms-icon-code-CellPhone, + 'Certificate': $ms-icon-code-Certificate, + 'CertifiedDatabase': $ms-icon-code-CertifiedDatabase, + 'Chart': $ms-icon-code-Chart, + 'ChartSeries': $ms-icon-code-ChartSeries, + 'ChartXAngle': $ms-icon-code-ChartXAngle, + 'ChartYAngle': $ms-icon-code-ChartYAngle, + 'Chat': $ms-icon-code-Chat, + 'ChatInviteFriend': $ms-icon-code-ChatInviteFriend, + 'ChatSolid': $ms-icon-code-ChatSolid, + 'Checkbox': $ms-icon-code-Checkbox, + 'CheckboxComposite': $ms-icon-code-CheckboxComposite, + 'CheckboxCompositeReversed': $ms-icon-code-CheckboxCompositeReversed, + 'CheckboxIndeterminate': $ms-icon-code-CheckboxIndeterminate, + 'CheckedOutByOther12': $ms-icon-code-CheckedOutByOther12, + 'CheckedOutByYou12': $ms-icon-code-CheckedOutByYou12, + 'CheckList': $ms-icon-code-CheckList, + 'CheckMark': $ms-icon-code-CheckMark, + 'ChevronDown': $ms-icon-code-ChevronDown, + 'ChevronDownEnd6': $ms-icon-code-ChevronDownEnd6, + 'ChevronDownMed': $ms-icon-code-ChevronDownMed, + 'ChevronDownSmall': $ms-icon-code-ChevronDownSmall, + 'ChevronFold10': $ms-icon-code-ChevronFold10, + 'ChevronLeft': $ms-icon-code-ChevronLeft, + 'ChevronLeftEnd6': $ms-icon-code-ChevronLeftEnd6, + 'ChevronLeftMed': $ms-icon-code-ChevronLeftMed, + 'ChevronLeftSmall': $ms-icon-code-ChevronLeftSmall, + 'ChevronRight': $ms-icon-code-ChevronRight, + 'ChevronRightEnd6': $ms-icon-code-ChevronRightEnd6, + 'ChevronRightMed': $ms-icon-code-ChevronRightMed, + 'ChevronRightSmall': $ms-icon-code-ChevronRightSmall, + 'ChevronUnfold10': $ms-icon-code-ChevronUnfold10, + 'ChevronUp': $ms-icon-code-ChevronUp, + 'ChevronUpEnd6': $ms-icon-code-ChevronUpEnd6, + 'ChevronUpMed': $ms-icon-code-ChevronUpMed, + 'ChevronUpSmall': $ms-icon-code-ChevronUpSmall, + 'Chopsticks': $ms-icon-code-Chopsticks, + 'ChromeBack': $ms-icon-code-ChromeBack, + 'ChromeBackMirrored': $ms-icon-code-ChromeBackMirrored, + 'ChromeClose': $ms-icon-code-ChromeClose, + 'ChromeMinimize': $ms-icon-code-ChromeMinimize, + 'CircleAddition': $ms-icon-code-CircleAddition, + 'CircleAdditionSolid': $ms-icon-code-CircleAdditionSolid, + 'CircleFill': $ms-icon-code-CircleFill, + 'CircleHalfFull': $ms-icon-code-CircleHalfFull, + 'CirclePause': $ms-icon-code-CirclePause, + 'CirclePauseSolid': $ms-icon-code-CirclePauseSolid, + 'CirclePlus': $ms-icon-code-CirclePlus, + 'CircleRing': $ms-icon-code-CircleRing, + 'CircleShapeSolid': $ms-icon-code-CircleShapeSolid, + 'CircleStop': $ms-icon-code-CircleStop, + 'CircleStopSolid': $ms-icon-code-CircleStopSolid, + 'CityNext': $ms-icon-code-CityNext, + 'ClassNotebookLogo16': $ms-icon-code-ClassNotebookLogo16, + 'ClassNotebookLogo32': $ms-icon-code-ClassNotebookLogo32, + 'ClassNotebookLogoFill16': $ms-icon-code-ClassNotebookLogoFill16, + 'ClassNotebookLogoFill32': $ms-icon-code-ClassNotebookLogoFill32, + 'ClassNotebookLogoInverse': $ms-icon-code-ClassNotebookLogoInverse, + 'ClassNotebookLogoInverse16': $ms-icon-code-ClassNotebookLogoInverse16, + 'ClassNotebookLogoInverse32': $ms-icon-code-ClassNotebookLogoInverse32, + 'ClassroomLogo': $ms-icon-code-ClassroomLogo, + 'Clear': $ms-icon-code-Clear, + 'ClearFilter': $ms-icon-code-ClearFilter, + 'ClearFormatting': $ms-icon-code-ClearFormatting, + 'ClearNight': $ms-icon-code-ClearNight, + 'ClipboardSolid': $ms-icon-code-ClipboardSolid, + 'Clock': $ms-icon-code-Clock, + 'CloneToDesktop': $ms-icon-code-CloneToDesktop, + 'ClosedCaption': $ms-icon-code-ClosedCaption, + 'ClosePane': $ms-icon-code-ClosePane, + 'ClosePaneMirrored': $ms-icon-code-ClosePaneMirrored, + 'Cloud': $ms-icon-code-Cloud, + 'CloudAdd': $ms-icon-code-CloudAdd, + 'CloudDownload': $ms-icon-code-CloudDownload, + 'CloudUpload': $ms-icon-code-CloudUpload, + 'CloudWeather': $ms-icon-code-CloudWeather, + 'Cloudy': $ms-icon-code-Cloudy, + 'Cocktails': $ms-icon-code-Cocktails, + 'Code': $ms-icon-code-Code, + 'CodeEdit': $ms-icon-code-CodeEdit, + 'Coffee': $ms-icon-code-Coffee, + 'CoffeeScript': $ms-icon-code-CoffeeScript, + 'CollapseContent': $ms-icon-code-CollapseContent, + 'CollapseContentSingle': $ms-icon-code-CollapseContentSingle, + 'CollapseMenu': $ms-icon-code-CollapseMenu, + 'CollegeFootball': $ms-icon-code-CollegeFootball, + 'CollegeHoops': $ms-icon-code-CollegeHoops, + 'Color': $ms-icon-code-Color, + 'ColorSolid': $ms-icon-code-ColorSolid, + 'ColumnLeftTwoThirds': $ms-icon-code-ColumnLeftTwoThirds, + 'ColumnLeftTwoThirdsEdit': $ms-icon-code-ColumnLeftTwoThirdsEdit, + 'ColumnOptions': $ms-icon-code-ColumnOptions, + 'ColumnRightTwoThirds': $ms-icon-code-ColumnRightTwoThirds, + 'ColumnRightTwoThirdsEdit': $ms-icon-code-ColumnRightTwoThirdsEdit, + 'Combine': $ms-icon-code-Combine, + 'Combobox': $ms-icon-code-Combobox, + 'CommandPrompt': $ms-icon-code-CommandPrompt, + 'Comment': $ms-icon-code-Comment, + 'CommentAdd': $ms-icon-code-CommentAdd, + 'CommentNext': $ms-icon-code-CommentNext, + 'CommentPrevious': $ms-icon-code-CommentPrevious, + 'CommentUrgent': $ms-icon-code-CommentUrgent, + 'Commitments': $ms-icon-code-Commitments, + 'Communications': $ms-icon-code-Communications, + 'CompanyDirectory': $ms-icon-code-CompanyDirectory, + 'CompanyDirectoryMirrored': $ms-icon-code-CompanyDirectoryMirrored, + 'CompassNW': $ms-icon-code-CompassNW, + 'Completed': $ms-icon-code-Completed, + 'CompletedSolid': $ms-icon-code-CompletedSolid, + 'ConfigurationSolid': $ms-icon-code-ConfigurationSolid, + 'ConnectContacts': $ms-icon-code-ConnectContacts, + 'ConstructionCone': $ms-icon-code-ConstructionCone, + 'ConstructionConeSolid': $ms-icon-code-ConstructionConeSolid, + 'Contact': $ms-icon-code-Contact, + 'ContactCard': $ms-icon-code-ContactCard, + 'ContactCardSettings': $ms-icon-code-ContactCardSettings, + 'ContactCardSettingsMirrored': $ms-icon-code-ContactCardSettingsMirrored, + 'ContactInfo': $ms-icon-code-ContactInfo, + 'ContactLink': $ms-icon-code-ContactLink, + 'ContextMenu': $ms-icon-code-ContextMenu, + 'Contrast': $ms-icon-code-Contrast, + 'Copy': $ms-icon-code-Copy, + 'Cotton': $ms-icon-code-Cotton, + 'CPlusPlus': $ms-icon-code-CPlusPlus, + 'CPlusPlusLanguage': $ms-icon-code-CPlusPlusLanguage, + 'CreateMailRule': $ms-icon-code-CreateMailRule, + 'Cricket': $ms-icon-code-Cricket, + 'CRMReport': $ms-icon-code-CRMReport, + 'Crop': $ms-icon-code-Crop, + 'Crown': $ms-icon-code-Crown, + 'CrownSolid': $ms-icon-code-CrownSolid, + 'CSharp': $ms-icon-code-CSharp, + 'CSharpLanguage': $ms-icon-code-CSharpLanguage, + 'CSS': $ms-icon-code-CSS, + 'CustomList': $ms-icon-code-CustomList, + 'CustomListMirrored': $ms-icon-code-CustomListMirrored, + 'Cut': $ms-icon-code-Cut, + 'Cycling': $ms-icon-code-Cycling, + 'DashboardAdd': $ms-icon-code-DashboardAdd, + 'Database': $ms-icon-code-Database, + 'DataConnectionLibrary': $ms-icon-code-DataConnectionLibrary, + 'DateTime': $ms-icon-code-DateTime, + 'DateTime2': $ms-icon-code-DateTime2, + 'DateTimeMirrored': $ms-icon-code-DateTimeMirrored, + 'DeactivateOrders': $ms-icon-code-DeactivateOrders, + 'DecisionSolid': $ms-icon-code-DecisionSolid, + 'DeclineCall': $ms-icon-code-DeclineCall, + 'DecreaseIndentLegacy': $ms-icon-code-DecreaseIndentLegacy, + 'DefaultRatio': $ms-icon-code-DefaultRatio, + 'DefectSolid': $ms-icon-code-DefectSolid, + 'Delete': $ms-icon-code-Delete, + 'DeleteColumns': $ms-icon-code-DeleteColumns, + 'DeleteRows': $ms-icon-code-DeleteRows, + 'DeleteRowsMirrored': $ms-icon-code-DeleteRowsMirrored, + 'DeleteTable': $ms-icon-code-DeleteTable, + 'DeliveryTruck': $ms-icon-code-DeliveryTruck, + 'DelveAnalytics': $ms-icon-code-DelveAnalytics, + 'DelveAnalyticsLogo': $ms-icon-code-DelveAnalyticsLogo, + 'DelveLogo': $ms-icon-code-DelveLogo, + 'DelveLogoFill': $ms-icon-code-DelveLogoFill, + 'DelveLogoInverse': $ms-icon-code-DelveLogoInverse, + 'Deploy': $ms-icon-code-Deploy, + 'Descending': $ms-icon-code-Descending, + 'Design': $ms-icon-code-Design, + 'DesktopScreenshot': $ms-icon-code-DesktopScreenshot, + 'DeveloperTools': $ms-icon-code-DeveloperTools, + 'Devices3': $ms-icon-code-Devices3, + 'Devices4': $ms-icon-code-Devices4, + 'Diagnostic': $ms-icon-code-Diagnostic, + 'Dialpad': $ms-icon-code-Dialpad, + 'DiamondSolid': $ms-icon-code-DiamondSolid, + 'Dictionary': $ms-icon-code-Dictionary, + 'DictionaryRemove': $ms-icon-code-DictionaryRemove, + 'DietPlanNotebook': $ms-icon-code-DietPlanNotebook, + 'DiffInline': $ms-icon-code-DiffInline, + 'DiffSideBySide': $ms-icon-code-DiffSideBySide, + 'DisableUpdates': $ms-icon-code-DisableUpdates, + 'Dislike': $ms-icon-code-Dislike, + 'DislikeSolid': $ms-icon-code-DislikeSolid, + 'DockLeft': $ms-icon-code-DockLeft, + 'DockLeftMirrored': $ms-icon-code-DockLeftMirrored, + 'DockRight': $ms-icon-code-DockRight, + 'DocLibrary': $ms-icon-code-DocLibrary, + 'DocsLogoInverse': $ms-icon-code-DocsLogoInverse, + 'Document': $ms-icon-code-Document, + 'DocumentApproval': $ms-icon-code-DocumentApproval, + 'Documentation': $ms-icon-code-Documentation, + 'DocumentManagement': $ms-icon-code-DocumentManagement, + 'DocumentReply': $ms-icon-code-DocumentReply, + 'DocumentSearch': $ms-icon-code-DocumentSearch, + 'DocumentSet': $ms-icon-code-DocumentSet, + 'DOM': $ms-icon-code-DOM, + 'DonutChart': $ms-icon-code-DonutChart, + 'Door': $ms-icon-code-Door, + 'DoubleBookmark': $ms-icon-code-DoubleBookmark, + 'DoubleChevronDown': $ms-icon-code-DoubleChevronDown, + 'DoubleChevronDown12': $ms-icon-code-DoubleChevronDown12, + 'DoubleChevronDown8': $ms-icon-code-DoubleChevronDown8, + 'DoubleChevronLeft': $ms-icon-code-DoubleChevronLeft, + 'DoubleChevronLeft12': $ms-icon-code-DoubleChevronLeft12, + 'DoubleChevronLeft8': $ms-icon-code-DoubleChevronLeft8, + 'DoubleChevronLeftMed': $ms-icon-code-DoubleChevronLeftMed, + 'DoubleChevronLeftMedMirrored': $ms-icon-code-DoubleChevronLeftMedMirrored, + 'DoubleChevronRight': $ms-icon-code-DoubleChevronRight, + 'DoubleChevronRight12': $ms-icon-code-DoubleChevronRight12, + 'DoubleChevronRight8': $ms-icon-code-DoubleChevronRight8, + 'DoubleChevronUp': $ms-icon-code-DoubleChevronUp, + 'DoubleChevronUp12': $ms-icon-code-DoubleChevronUp12, + 'DoubleChevronUp8': $ms-icon-code-DoubleChevronUp8, + 'DoubleColumn': $ms-icon-code-DoubleColumn, + 'DoubleColumnEdit': $ms-icon-code-DoubleColumnEdit, + 'Down': $ms-icon-code-Down, + 'Download': $ms-icon-code-Download, + 'DownloadDocument': $ms-icon-code-DownloadDocument, + 'DragObject': $ms-icon-code-DragObject, + 'DrillDown': $ms-icon-code-DrillDown, + 'DrillDownSolid': $ms-icon-code-DrillDownSolid, + 'DrillExpand': $ms-icon-code-DrillExpand, + 'DrillShow': $ms-icon-code-DrillShow, + 'DrillThrough': $ms-icon-code-DrillThrough, + 'DRM': $ms-icon-code-DRM, + 'Drop': $ms-icon-code-Drop, + 'Dropdown': $ms-icon-code-Dropdown, + 'DropShapeSolid': $ms-icon-code-DropShapeSolid, + 'Duststorm': $ms-icon-code-Duststorm, + 'Dynamics365Logo': $ms-icon-code-Dynamics365Logo, + 'DynamicSMBLogo': $ms-icon-code-DynamicSMBLogo, + 'EatDrink': $ms-icon-code-EatDrink, + 'EdgeLogo': $ms-icon-code-EdgeLogo, + 'Edit': $ms-icon-code-Edit, + 'EditContact': $ms-icon-code-EditContact, + 'EditMail': $ms-icon-code-EditMail, + 'EditMirrored': $ms-icon-code-EditMirrored, + 'EditNote': $ms-icon-code-EditNote, + 'EditPhoto': $ms-icon-code-EditPhoto, + 'EditSolid12': $ms-icon-code-EditSolid12, + 'EditSolidMirrored12': $ms-icon-code-EditSolidMirrored12, + 'EditStyle': $ms-icon-code-EditStyle, + 'Education': $ms-icon-code-Education, + 'Ellipse': $ms-icon-code-Ellipse, + 'Embed': $ms-icon-code-Embed, + 'EMI': $ms-icon-code-EMI, + 'Emoji': $ms-icon-code-Emoji, + 'Emoji2': $ms-icon-code-Emoji2, + 'EmojiDisappointed': $ms-icon-code-EmojiDisappointed, + 'EmojiNeutral': $ms-icon-code-EmojiNeutral, + 'EmojiTabSymbols': $ms-icon-code-EmojiTabSymbols, + 'EmptyRecycleBin': $ms-icon-code-EmptyRecycleBin, + 'Encryption': $ms-icon-code-Encryption, + 'EngineeringGroup': $ms-icon-code-EngineeringGroup, + 'EntryDecline': $ms-icon-code-EntryDecline, + 'EntryView': $ms-icon-code-EntryView, + 'Equalizer': $ms-icon-code-Equalizer, + 'EraseTool': $ms-icon-code-EraseTool, + 'Error': $ms-icon-code-Error, + 'ErrorBadge': $ms-icon-code-ErrorBadge, + 'Event': $ms-icon-code-Event, + 'EventAccepted': $ms-icon-code-EventAccepted, + 'EventDate': $ms-icon-code-EventDate, + 'EventDeclined': $ms-icon-code-EventDeclined, + 'EventInfo': $ms-icon-code-EventInfo, + 'EventTentative': $ms-icon-code-EventTentative, + 'EventTentativeMirrored': $ms-icon-code-EventTentativeMirrored, + 'ExcelDocument': $ms-icon-code-ExcelDocument, + 'ExcelLogo': $ms-icon-code-ExcelLogo, + 'ExcelLogo16': $ms-icon-code-ExcelLogo16, + 'ExcelLogoFill': $ms-icon-code-ExcelLogoFill, + 'ExcelLogoFill16': $ms-icon-code-ExcelLogoFill16, + 'ExcelLogoInverse': $ms-icon-code-ExcelLogoInverse, + 'ExcelLogoInverse16': $ms-icon-code-ExcelLogoInverse16, + 'ExchangeLogo': $ms-icon-code-ExchangeLogo, + 'ExchangeLogoFill': $ms-icon-code-ExchangeLogoFill, + 'ExchangeLogoInverse': $ms-icon-code-ExchangeLogoInverse, + 'ExerciseTracker': $ms-icon-code-ExerciseTracker, + 'ExpandMenu': $ms-icon-code-ExpandMenu, + 'ExploreContent': $ms-icon-code-ExploreContent, + 'ExploreContentSingle': $ms-icon-code-ExploreContentSingle, + 'ExploreData': $ms-icon-code-ExploreData, + 'Export': $ms-icon-code-Export, + 'ExportMirrored': $ms-icon-code-ExportMirrored, + 'ExternalBuild': $ms-icon-code-ExternalBuild, + 'ExternalGit': $ms-icon-code-ExternalGit, + 'ExternalTFVC': $ms-icon-code-ExternalTFVC, + 'ExternalXAML': $ms-icon-code-ExternalXAML, + 'F12DevTools': $ms-icon-code-F12DevTools, + 'FabricAssetLibrary': $ms-icon-code-FabricAssetLibrary, + 'FabricDataConnectionLibrary': $ms-icon-code-FabricDataConnectionLibrary, + 'FabricDocLibrary': $ms-icon-code-FabricDocLibrary, + 'FabricFolder': $ms-icon-code-FabricFolder, + 'FabricFolderFill': $ms-icon-code-FabricFolderFill, + 'FabricFolderSearch': $ms-icon-code-FabricFolderSearch, + 'FabricFormLibrary': $ms-icon-code-FabricFormLibrary, + 'FabricFormLibraryMirrored': $ms-icon-code-FabricFormLibraryMirrored, + 'FabricMovetoFolder': $ms-icon-code-FabricMovetoFolder, + 'FabricNewFolder': $ms-icon-code-FabricNewFolder, + 'FabricOpenFolderHorizontal': $ms-icon-code-FabricOpenFolderHorizontal, + 'FabricPictureLibrary': $ms-icon-code-FabricPictureLibrary, + 'FabricPublicFolder': $ms-icon-code-FabricPublicFolder, + 'FabricReportLibrary': $ms-icon-code-FabricReportLibrary, + 'FabricReportLibraryMirrored': $ms-icon-code-FabricReportLibraryMirrored, + 'FabricSyncFolder': $ms-icon-code-FabricSyncFolder, + 'FabricUnsyncFolder': $ms-icon-code-FabricUnsyncFolder, + 'Family': $ms-icon-code-Family, + 'FangBody': $ms-icon-code-FangBody, + 'FastForward': $ms-icon-code-FastForward, + 'FastMode': $ms-icon-code-FastMode, + 'Favicon': $ms-icon-code-Favicon, + 'FavoriteList': $ms-icon-code-FavoriteList, + 'FavoriteStar': $ms-icon-code-FavoriteStar, + 'FavoriteStarFill': $ms-icon-code-FavoriteStarFill, + 'Fax': $ms-icon-code-Fax, + 'Feedback': $ms-icon-code-Feedback, + 'FeedbackRequestMirroredSolid': $ms-icon-code-FeedbackRequestMirroredSolid, + 'FeedbackRequestSolid': $ms-icon-code-FeedbackRequestSolid, + 'FeedbackResponseSolid': $ms-icon-code-FeedbackResponseSolid, + 'Ferry': $ms-icon-code-Ferry, + 'FerrySolid': $ms-icon-code-FerrySolid, + 'FieldChanged': $ms-icon-code-FieldChanged, + 'FieldEmpty': $ms-icon-code-FieldEmpty, + 'FieldFilled': $ms-icon-code-FieldFilled, + 'FieldNotChanged': $ms-icon-code-FieldNotChanged, + 'FieldReadOnly': $ms-icon-code-FieldReadOnly, + 'FieldRequired': $ms-icon-code-FieldRequired, + 'FileASPX': $ms-icon-code-FileASPX, + 'FileBug': $ms-icon-code-FileBug, + 'FileCode': $ms-icon-code-FileCode, + 'FileComment': $ms-icon-code-FileComment, + 'FileCSS': $ms-icon-code-FileCSS, + 'FileHTML': $ms-icon-code-FileHTML, + 'FileImage': $ms-icon-code-FileImage, + 'FileJAVA': $ms-icon-code-FileJAVA, + 'FileLess': $ms-icon-code-FileLess, + 'FilePDB': $ms-icon-code-FilePDB, + 'FileSass': $ms-icon-code-FileSass, + 'FileSQL': $ms-icon-code-FileSQL, + 'FileSymlink': $ms-icon-code-FileSymlink, + 'FileTemplate': $ms-icon-code-FileTemplate, + 'FileTypeSolution': $ms-icon-code-FileTypeSolution, + 'FileYML': $ms-icon-code-FileYML, + 'Filter': $ms-icon-code-Filter, + 'Filters': $ms-icon-code-Filters, + 'FilterSolid': $ms-icon-code-FilterSolid, + 'FiltersSolid': $ms-icon-code-FiltersSolid, + 'Financial': $ms-icon-code-Financial, + 'FinancialMirroredSolid': $ms-icon-code-FinancialMirroredSolid, + 'FinancialSolid': $ms-icon-code-FinancialSolid, + 'Fingerprint': $ms-icon-code-Fingerprint, + 'FiveTileGrid': $ms-icon-code-FiveTileGrid, + 'Flag': $ms-icon-code-Flag, + 'FlameSolid': $ms-icon-code-FlameSolid, + 'FlickDown': $ms-icon-code-FlickDown, + 'FlickLeft': $ms-icon-code-FlickLeft, + 'FlickRight': $ms-icon-code-FlickRight, + 'FlickUp': $ms-icon-code-FlickUp, + 'Flow': $ms-icon-code-Flow, + 'FocalPoint': $ms-icon-code-FocalPoint, + 'Fog': $ms-icon-code-Fog, + 'Folder': $ms-icon-code-Folder, + 'FolderFill': $ms-icon-code-FolderFill, + 'FolderHorizontal': $ms-icon-code-FolderHorizontal, + 'FolderList': $ms-icon-code-FolderList, + 'FolderListMirrored': $ms-icon-code-FolderListMirrored, + 'FolderOpen': $ms-icon-code-FolderOpen, + 'FolderQuery': $ms-icon-code-FolderQuery, + 'FolderSearch': $ms-icon-code-FolderSearch, + 'FollowUser': $ms-icon-code-FollowUser, + 'Font': $ms-icon-code-Font, + 'FontColor': $ms-icon-code-FontColor, + 'FontColorA': $ms-icon-code-FontColorA, + 'FontColorSwatch': $ms-icon-code-FontColorSwatch, + 'FontDecrease': $ms-icon-code-FontDecrease, + 'FontIncrease': $ms-icon-code-FontIncrease, + 'FontSize': $ms-icon-code-FontSize, + 'FormLibrary': $ms-icon-code-FormLibrary, + 'FormLibraryMirrored': $ms-icon-code-FormLibraryMirrored, + 'Forward': $ms-icon-code-Forward, + 'ForwardEvent': $ms-icon-code-ForwardEvent, + 'Freezing': $ms-icon-code-Freezing, + 'Frigid': $ms-icon-code-Frigid, + 'FSharp': $ms-icon-code-FSharp, + 'FSharpLanguage': $ms-icon-code-FSharpLanguage, + 'FullCircleMask': $ms-icon-code-FullCircleMask, + 'FullHistory': $ms-icon-code-FullHistory, + 'FullScreen': $ms-icon-code-FullScreen, + 'FullWidth': $ms-icon-code-FullWidth, + 'FullWidthEdit': $ms-icon-code-FullWidthEdit, + 'FunctionalManagerDashboard': $ms-icon-code-FunctionalManagerDashboard, + 'GallatinLogo': $ms-icon-code-GallatinLogo, + 'Generate': $ms-icon-code-Generate, + 'GenericScan': $ms-icon-code-GenericScan, + 'Giftbox': $ms-icon-code-Giftbox, + 'GiftboxOpen': $ms-icon-code-GiftboxOpen, + 'GiftBoxSolid': $ms-icon-code-GiftBoxSolid, + 'GiftCard': $ms-icon-code-GiftCard, + 'GitFork': $ms-icon-code-GitFork, + 'GitGraph': $ms-icon-code-GitGraph, + 'Glasses': $ms-icon-code-Glasses, + 'Glimmer': $ms-icon-code-Glimmer, + 'GlobalNavButton': $ms-icon-code-GlobalNavButton, + 'Globe': $ms-icon-code-Globe, + 'Globe2': $ms-icon-code-Globe2, + 'GlobeFavorite': $ms-icon-code-GlobeFavorite, + 'Golf': $ms-icon-code-Golf, + 'GotoToday': $ms-icon-code-GotoToday, + 'GridViewLarge': $ms-icon-code-GridViewLarge, + 'GridViewMedium': $ms-icon-code-GridViewMedium, + 'GridViewSmall': $ms-icon-code-GridViewSmall, + 'GripperBarHorizontal': $ms-icon-code-GripperBarHorizontal, + 'GripperBarVertical': $ms-icon-code-GripperBarVertical, + 'GripperTool': $ms-icon-code-GripperTool, + 'Group': $ms-icon-code-Group, + 'GroupedAscending': $ms-icon-code-GroupedAscending, + 'GroupedDescending': $ms-icon-code-GroupedDescending, + 'GroupedList': $ms-icon-code-GroupedList, + 'GroupObject': $ms-icon-code-GroupObject, + 'GUID': $ms-icon-code-GUID, + 'Guitar': $ms-icon-code-Guitar, + 'HailDay': $ms-icon-code-HailDay, + 'HailNight': $ms-icon-code-HailNight, + 'HalfAlpha': $ms-icon-code-HalfAlpha, + 'HalfCircle': $ms-icon-code-HalfCircle, + 'HandsFree': $ms-icon-code-HandsFree, + 'Handwriting': $ms-icon-code-Handwriting, + 'HardDrive': $ms-icon-code-HardDrive, + 'HardDriveGroup': $ms-icon-code-HardDriveGroup, + 'HardDriveLock': $ms-icon-code-HardDriveLock, + 'HardDriveUnlock': $ms-icon-code-HardDriveUnlock, + 'Header1': $ms-icon-code-Header1, + 'Header2': $ms-icon-code-Header2, + 'Header3': $ms-icon-code-Header3, + 'Header4': $ms-icon-code-Header4, + 'Headset': $ms-icon-code-Headset, + 'HeadsetSolid': $ms-icon-code-HeadsetSolid, + 'Health': $ms-icon-code-Health, + 'HealthSolid': $ms-icon-code-HealthSolid, + 'Heart': $ms-icon-code-Heart, + 'HeartBroken': $ms-icon-code-HeartBroken, + 'HeartFill': $ms-icon-code-HeartFill, + 'Help': $ms-icon-code-Help, + 'HelpMirrored': $ms-icon-code-HelpMirrored, + 'Hexagon': $ms-icon-code-Hexagon, + 'Hide': $ms-icon-code-Hide, + 'Hide2': $ms-icon-code-Hide2, + 'Highlight': $ms-icon-code-Highlight, + 'HighlightMappedShapes': $ms-icon-code-HighlightMappedShapes, + 'HintText': $ms-icon-code-HintText, + 'History': $ms-icon-code-History, + 'Home': $ms-icon-code-Home, + 'HomeSolid': $ms-icon-code-HomeSolid, + 'HorizontalDistributeCenter': $ms-icon-code-HorizontalDistributeCenter, + 'Hospital': $ms-icon-code-Hospital, + 'Hotel': $ms-icon-code-Hotel, + 'HourGlass': $ms-icon-code-HourGlass, + 'IconSetsFlag': $ms-icon-code-IconSetsFlag, + 'IDBadge': $ms-icon-code-IDBadge, + 'ImageCrosshair': $ms-icon-code-ImageCrosshair, + 'ImageDiff': $ms-icon-code-ImageDiff, + 'ImagePixel': $ms-icon-code-ImagePixel, + 'ImageSearch': $ms-icon-code-ImageSearch, + 'Import': $ms-icon-code-Import, + 'Important': $ms-icon-code-Important, + 'ImportMirrored': $ms-icon-code-ImportMirrored, + 'Inbox': $ms-icon-code-Inbox, + 'InboxCheck': $ms-icon-code-InboxCheck, + 'IncidentTriangle': $ms-icon-code-IncidentTriangle, + 'IncreaseIndentLegacy': $ms-icon-code-IncreaseIndentLegacy, + 'Info': $ms-icon-code-Info, + 'Info2': $ms-icon-code-Info2, + 'InfoSolid': $ms-icon-code-InfoSolid, + 'InsertColumnsLeft': $ms-icon-code-InsertColumnsLeft, + 'InsertColumnsRight': $ms-icon-code-InsertColumnsRight, + 'InsertRowsAbove': $ms-icon-code-InsertRowsAbove, + 'InsertRowsBelow': $ms-icon-code-InsertRowsBelow, + 'InsertSignatureLine': $ms-icon-code-InsertSignatureLine, + 'InsertTextBox': $ms-icon-code-InsertTextBox, + 'InstallToDrive': $ms-icon-code-InstallToDrive, + 'InternetSharing': $ms-icon-code-InternetSharing, + 'IRMForward': $ms-icon-code-IRMForward, + 'IRMForwardMirrored': $ms-icon-code-IRMForwardMirrored, + 'IRMReply': $ms-icon-code-IRMReply, + 'IRMReplyMirrored': $ms-icon-code-IRMReplyMirrored, + 'IssueSolid': $ms-icon-code-IssueSolid, + 'IssueTracking': $ms-icon-code-IssueTracking, + 'IssueTrackingMirrored': $ms-icon-code-IssueTrackingMirrored, + 'Italic': $ms-icon-code-Italic, + 'JavaScriptLanguage': $ms-icon-code-JavaScriptLanguage, + 'JoinOnlineMeeting': $ms-icon-code-JoinOnlineMeeting, + 'JS': $ms-icon-code-JS, + 'KaizalaLogo': $ms-icon-code-KaizalaLogo, + 'Label': $ms-icon-code-Label, + 'LadybugSolid': $ms-icon-code-LadybugSolid, + 'Lamp': $ms-icon-code-Lamp, + 'LandscapeOrientation': $ms-icon-code-LandscapeOrientation, + 'LaptopSecure': $ms-icon-code-LaptopSecure, + 'LaptopSelected': $ms-icon-code-LaptopSelected, + 'LargeGrid': $ms-icon-code-LargeGrid, + 'Leave': $ms-icon-code-Leave, + 'Library': $ms-icon-code-Library, + 'Lifesaver': $ms-icon-code-Lifesaver, + 'LifesaverLock': $ms-icon-code-LifesaverLock, + 'Light': $ms-icon-code-Light, + 'Lightbulb': $ms-icon-code-Lightbulb, + 'LightningBolt': $ms-icon-code-LightningBolt, + 'LightWeight': $ms-icon-code-LightWeight, + 'Like': $ms-icon-code-Like, + 'LikeSolid': $ms-icon-code-LikeSolid, + 'Line': $ms-icon-code-Line, + 'LineChart': $ms-icon-code-LineChart, + 'LineSpacing': $ms-icon-code-LineSpacing, + 'LineStyle': $ms-icon-code-LineStyle, + 'LineThickness': $ms-icon-code-LineThickness, + 'Link': $ms-icon-code-Link, + 'LinkedInLogo': $ms-icon-code-LinkedInLogo, + 'List': $ms-icon-code-List, + 'ListMirrored': $ms-icon-code-ListMirrored, + 'LocaleLanguage': $ms-icon-code-LocaleLanguage, + 'Location': $ms-icon-code-Location, + 'LocationCircle': $ms-icon-code-LocationCircle, + 'LocationDot': $ms-icon-code-LocationDot, + 'LocationFill': $ms-icon-code-LocationFill, + 'LocationOutline': $ms-icon-code-LocationOutline, + 'Lock': $ms-icon-code-Lock, + 'LockSolid': $ms-icon-code-LockSolid, + 'LogRemove': $ms-icon-code-LogRemove, + 'LookupEntities': $ms-icon-code-LookupEntities, + 'LowerBrightness': $ms-icon-code-LowerBrightness, + 'LyncLogo': $ms-icon-code-LyncLogo, + 'Mail': $ms-icon-code-Mail, + 'MailAlert': $ms-icon-code-MailAlert, + 'MailCheck': $ms-icon-code-MailCheck, + 'MailFill': $ms-icon-code-MailFill, + 'MailForward': $ms-icon-code-MailForward, + 'MailForwardMirrored': $ms-icon-code-MailForwardMirrored, + 'MailLowImportance': $ms-icon-code-MailLowImportance, + 'MailPause': $ms-icon-code-MailPause, + 'MailReminder': $ms-icon-code-MailReminder, + 'MailRepeat': $ms-icon-code-MailRepeat, + 'MailReply': $ms-icon-code-MailReply, + 'MailReplyAll': $ms-icon-code-MailReplyAll, + 'MailReplyAllMirrored': $ms-icon-code-MailReplyAllMirrored, + 'MailReplyMirrored': $ms-icon-code-MailReplyMirrored, + 'MailSolid': $ms-icon-code-MailSolid, + 'MailTentative': $ms-icon-code-MailTentative, + 'MailTentativeMirrored': $ms-icon-code-MailTentativeMirrored, + 'MailUndelivered': $ms-icon-code-MailUndelivered, + 'ManagerSelfService': $ms-icon-code-ManagerSelfService, + 'MapDirections': $ms-icon-code-MapDirections, + 'MapPin': $ms-icon-code-MapPin, + 'MapPinSolid': $ms-icon-code-MapPinSolid, + 'MarkDownLanguage': $ms-icon-code-MarkDownLanguage, + 'Market': $ms-icon-code-Market, + 'MarketDown': $ms-icon-code-MarketDown, + 'MasterDatabase': $ms-icon-code-MasterDatabase, + 'MaximumValue': $ms-icon-code-MaximumValue, + 'Medal': $ms-icon-code-Medal, + 'MediaAdd': $ms-icon-code-MediaAdd, + 'Medical': $ms-icon-code-Medical, + 'Megaphone': $ms-icon-code-Megaphone, + 'MegaphoneSolid': $ms-icon-code-MegaphoneSolid, + 'Memo': $ms-icon-code-Memo, + 'Merge': $ms-icon-code-Merge, + 'MergeDuplicate': $ms-icon-code-MergeDuplicate, + 'Message': $ms-icon-code-Message, + 'MessageFill': $ms-icon-code-MessageFill, + 'MicOff': $ms-icon-code-MicOff, + 'Microphone': $ms-icon-code-Microphone, + 'MicrosoftFlowLogo': $ms-icon-code-MicrosoftFlowLogo, + 'MicrosoftStaffhubLogo': $ms-icon-code-MicrosoftStaffhubLogo, + 'MiniContract': $ms-icon-code-MiniContract, + 'MiniExpand': $ms-icon-code-MiniExpand, + 'MiniLink': $ms-icon-code-MiniLink, + 'MinimumValue': $ms-icon-code-MinimumValue, + 'MobileReport': $ms-icon-code-MobileReport, + 'MobileSelected': $ms-icon-code-MobileSelected, + 'Money': $ms-icon-code-Money, + 'More': $ms-icon-code-More, + 'MoreSports': $ms-icon-code-MoreSports, + 'MoreVertical': $ms-icon-code-MoreVertical, + 'Move': $ms-icon-code-Move, + 'Movers': $ms-icon-code-Movers, + 'MoveToFolder': $ms-icon-code-MoveToFolder, + 'MSNLogo': $ms-icon-code-MSNLogo, + 'MSNVideos': $ms-icon-code-MSNVideos, + 'MSNVideosSolid': $ms-icon-code-MSNVideosSolid, + 'MTMLogo': $ms-icon-code-MTMLogo, + 'MultiSelect': $ms-icon-code-MultiSelect, + 'MultiSelectMirrored': $ms-icon-code-MultiSelectMirrored, + 'MusicInCollection': $ms-icon-code-MusicInCollection, + 'MusicInCollectionFill': $ms-icon-code-MusicInCollectionFill, + 'MusicNote': $ms-icon-code-MusicNote, + 'MyMoviesTV': $ms-icon-code-MyMoviesTV, + 'Nav2DMapView': $ms-icon-code-Nav2DMapView, + 'NavigateBack': $ms-icon-code-NavigateBack, + 'NavigateBackMirrored': $ms-icon-code-NavigateBackMirrored, + 'NavigateExternalInline': $ms-icon-code-NavigateExternalInline, + 'NavigateForward': $ms-icon-code-NavigateForward, + 'NavigateForwardMirrored': $ms-icon-code-NavigateForwardMirrored, + 'NavigationFlipper': $ms-icon-code-NavigationFlipper, + 'NetworkTower': $ms-icon-code-NetworkTower, + 'NewAnalyticsQuery': $ms-icon-code-NewAnalyticsQuery, + 'NewFolder': $ms-icon-code-NewFolder, + 'News': $ms-icon-code-News, + 'NewsSearch': $ms-icon-code-NewsSearch, + 'NewTeamProject': $ms-icon-code-NewTeamProject, + 'Next': $ms-icon-code-Next, + 'NonprofitLogo32': $ms-icon-code-NonprofitLogo32, + 'NormalWeight': $ms-icon-code-NormalWeight, + 'NoteForward': $ms-icon-code-NoteForward, + 'NotePinned': $ms-icon-code-NotePinned, + 'NoteReply': $ms-icon-code-NoteReply, + 'NotExecuted': $ms-icon-code-NotExecuted, + 'NotImpactedSolid': $ms-icon-code-NotImpactedSolid, + 'NugetLogo': $ms-icon-code-NugetLogo, + 'NumberedList': $ms-icon-code-NumberedList, + 'NumberField': $ms-icon-code-NumberField, + 'NumberSequence': $ms-icon-code-NumberSequence, + 'Octagon': $ms-icon-code-Octagon, + 'OEM': $ms-icon-code-OEM, + 'OfficeAddinsLogo': $ms-icon-code-OfficeAddinsLogo, + 'OfficeAssistantLogo': $ms-icon-code-OfficeAssistantLogo, + 'OfficeFormsLogo': $ms-icon-code-OfficeFormsLogo, + 'OfficeFormsLogo16': $ms-icon-code-OfficeFormsLogo16, + 'OfficeFormsLogo24': $ms-icon-code-OfficeFormsLogo24, + 'OfficeFormsLogoFill': $ms-icon-code-OfficeFormsLogoFill, + 'OfficeFormsLogoFill16': $ms-icon-code-OfficeFormsLogoFill16, + 'OfficeFormsLogoFill24': $ms-icon-code-OfficeFormsLogoFill24, + 'OfficeFormsLogoInverse': $ms-icon-code-OfficeFormsLogoInverse, + 'OfficeFormsLogoInverse16': $ms-icon-code-OfficeFormsLogoInverse16, + 'OfficeFormsLogoInverse24': $ms-icon-code-OfficeFormsLogoInverse24, + 'OfficeLogo': $ms-icon-code-OfficeLogo, + 'OfficeStoreLogo': $ms-icon-code-OfficeStoreLogo, + 'OfficeVideoLogo': $ms-icon-code-OfficeVideoLogo, + 'OfficeVideoLogoFill': $ms-icon-code-OfficeVideoLogoFill, + 'OfficeVideoLogoInverse': $ms-icon-code-OfficeVideoLogoInverse, + 'OfflineOneDriveParachute': $ms-icon-code-OfflineOneDriveParachute, + 'OfflineOneDriveParachuteDisabled': $ms-icon-code-OfflineOneDriveParachuteDisabled, + 'OfflineStorageSolid': $ms-icon-code-OfflineStorageSolid, + 'OneDrive': $ms-icon-code-OneDrive, + 'OneDriveAdd': $ms-icon-code-OneDriveAdd, + 'OneDriveFolder16': $ms-icon-code-OneDriveFolder16, + 'OneNoteEduLogoInverse': $ms-icon-code-OneNoteEduLogoInverse, + 'OneNoteLogo': $ms-icon-code-OneNoteLogo, + 'OneNoteLogo16': $ms-icon-code-OneNoteLogo16, + 'OneNoteLogoFill': $ms-icon-code-OneNoteLogoFill, + 'OneNoteLogoFill16': $ms-icon-code-OneNoteLogoFill16, + 'OneNoteLogoInverse': $ms-icon-code-OneNoteLogoInverse, + 'OneNoteLogoInverse16': $ms-icon-code-OneNoteLogoInverse16, + 'OpenFile': $ms-icon-code-OpenFile, + 'OpenFolderHorizontal': $ms-icon-code-OpenFolderHorizontal, + 'OpenInNewWindow': $ms-icon-code-OpenInNewWindow, + 'OpenPane': $ms-icon-code-OpenPane, + 'OpenPaneMirrored': $ms-icon-code-OpenPaneMirrored, + 'OpenSource': $ms-icon-code-OpenSource, + 'Org': $ms-icon-code-Org, + 'Orientation': $ms-icon-code-Orientation, + 'OutlookLogo': $ms-icon-code-OutlookLogo, + 'OutlookLogo16': $ms-icon-code-OutlookLogo16, + 'OutlookLogoFill': $ms-icon-code-OutlookLogoFill, + 'OutlookLogoFill16': $ms-icon-code-OutlookLogoFill16, + 'OutlookLogoInverse': $ms-icon-code-OutlookLogoInverse, + 'OutlookLogoInverse16': $ms-icon-code-OutlookLogoInverse16, + 'OutOfOffice': $ms-icon-code-OutOfOffice, + 'Package': $ms-icon-code-Package, + 'Packages': $ms-icon-code-Packages, + 'Padding': $ms-icon-code-Padding, + 'PaddingBottom': $ms-icon-code-PaddingBottom, + 'PaddingLeft': $ms-icon-code-PaddingLeft, + 'PaddingRight': $ms-icon-code-PaddingRight, + 'PaddingTop': $ms-icon-code-PaddingTop, + 'Page': $ms-icon-code-Page, + 'PageAdd': $ms-icon-code-PageAdd, + 'PageCheckedin': $ms-icon-code-PageCheckedin, + 'PageCheckedOut': $ms-icon-code-PageCheckedOut, + 'PageEdit': $ms-icon-code-PageEdit, + 'PageLeft': $ms-icon-code-PageLeft, + 'PageListMirroredSolid': $ms-icon-code-PageListMirroredSolid, + 'PageListSolid': $ms-icon-code-PageListSolid, + 'PageLock': $ms-icon-code-PageLock, + 'PageRemove': $ms-icon-code-PageRemove, + 'PageRight': $ms-icon-code-PageRight, + 'PageSolid': $ms-icon-code-PageSolid, + 'PanoIndicator': $ms-icon-code-PanoIndicator, + 'Parachute': $ms-icon-code-Parachute, + 'ParachuteSolid': $ms-icon-code-ParachuteSolid, + 'Parameter': $ms-icon-code-Parameter, + 'ParkingLocation': $ms-icon-code-ParkingLocation, + 'ParkingLocationMirrored': $ms-icon-code-ParkingLocationMirrored, + 'ParkingMirroredSolid': $ms-icon-code-ParkingMirroredSolid, + 'ParkingSolid': $ms-icon-code-ParkingSolid, + 'PartlyCloudyDay': $ms-icon-code-PartlyCloudyDay, + 'PartlyCloudyNight': $ms-icon-code-PartlyCloudyNight, + 'PartyLeader': $ms-icon-code-PartyLeader, + 'Paste': $ms-icon-code-Paste, + 'PasteAsCode': $ms-icon-code-PasteAsCode, + 'PasteAsText': $ms-icon-code-PasteAsText, + 'Pause': $ms-icon-code-Pause, + 'PaymentCard': $ms-icon-code-PaymentCard, + 'PC1': $ms-icon-code-PC1, + 'PDF': $ms-icon-code-PDF, + 'PencilReply': $ms-icon-code-PencilReply, + 'Pentagon': $ms-icon-code-Pentagon, + 'People': $ms-icon-code-People, + 'PeopleAdd': $ms-icon-code-PeopleAdd, + 'PeopleAlert': $ms-icon-code-PeopleAlert, + 'PeopleBlock': $ms-icon-code-PeopleBlock, + 'PeoplePause': $ms-icon-code-PeoplePause, + 'PeopleRepeat': $ms-icon-code-PeopleRepeat, + 'Permissions': $ms-icon-code-Permissions, + 'PermissionsSolid': $ms-icon-code-PermissionsSolid, + 'Personalize': $ms-icon-code-Personalize, + 'Phishing': $ms-icon-code-Phishing, + 'Phone': $ms-icon-code-Phone, + 'Photo2': $ms-icon-code-Photo2, + 'Photo2Add': $ms-icon-code-Photo2Add, + 'Photo2Remove': $ms-icon-code-Photo2Remove, + 'PhotoCollection': $ms-icon-code-PhotoCollection, + 'Picture': $ms-icon-code-Picture, + 'PictureCenter': $ms-icon-code-PictureCenter, + 'PictureFill': $ms-icon-code-PictureFill, + 'PictureLibrary': $ms-icon-code-PictureLibrary, + 'PicturePosition': $ms-icon-code-PicturePosition, + 'PictureStretch': $ms-icon-code-PictureStretch, + 'PictureTile': $ms-icon-code-PictureTile, + 'PieDouble': $ms-icon-code-PieDouble, + 'PieSingle': $ms-icon-code-PieSingle, + 'PieSingleSolid': $ms-icon-code-PieSingleSolid, + 'Pill': $ms-icon-code-Pill, + 'Pin': $ms-icon-code-Pin, + 'Pinned': $ms-icon-code-Pinned, + 'PinnedFill': $ms-icon-code-PinnedFill, + 'PivotChart': $ms-icon-code-PivotChart, + 'PlannerLogo': $ms-icon-code-PlannerLogo, + 'PlanView': $ms-icon-code-PlanView, + 'Play': $ms-icon-code-Play, + 'PlayerSettings': $ms-icon-code-PlayerSettings, + 'PlayResume': $ms-icon-code-PlayResume, + 'Plug': $ms-icon-code-Plug, + 'PlugConnected': $ms-icon-code-PlugConnected, + 'PlugDisconnected': $ms-icon-code-PlugDisconnected, + 'PlugSolid': $ms-icon-code-PlugSolid, + 'POI': $ms-icon-code-POI, + 'POISolid': $ms-icon-code-POISolid, + 'PostUpdate': $ms-icon-code-PostUpdate, + 'PowerApps': $ms-icon-code-PowerApps, + 'PowerApps2Logo': $ms-icon-code-PowerApps2Logo, + 'PowerAppsLogo': $ms-icon-code-PowerAppsLogo, + 'PowerBILogo': $ms-icon-code-PowerBILogo, + 'PowerButton': $ms-icon-code-PowerButton, + 'PowerPointDocument': $ms-icon-code-PowerPointDocument, + 'PowerPointLogo': $ms-icon-code-PowerPointLogo, + 'PowerPointLogo16': $ms-icon-code-PowerPointLogo16, + 'PowerPointLogoFill': $ms-icon-code-PowerPointLogoFill, + 'PowerPointLogoFill16': $ms-icon-code-PowerPointLogoFill16, + 'PowerPointLogoInverse': $ms-icon-code-PowerPointLogoInverse, + 'PowerPointLogoInverse16': $ms-icon-code-PowerPointLogoInverse16, + 'Precipitation': $ms-icon-code-Precipitation, + 'PresenceChickletVideo': $ms-icon-code-PresenceChickletVideo, + 'Preview': $ms-icon-code-Preview, + 'PreviewLink': $ms-icon-code-PreviewLink, + 'Previous': $ms-icon-code-Previous, + 'PrimaryCalendar': $ms-icon-code-PrimaryCalendar, + 'Print': $ms-icon-code-Print, + 'PrintfaxPrinterFile': $ms-icon-code-PrintfaxPrinterFile, + 'Processing': $ms-icon-code-Processing, + 'ProcessMetaTask': $ms-icon-code-ProcessMetaTask, + 'Product': $ms-icon-code-Product, + 'ProfileSearch': $ms-icon-code-ProfileSearch, + 'ProFootball': $ms-icon-code-ProFootball, + 'ProgressLoopInner': $ms-icon-code-ProgressLoopInner, + 'ProgressLoopOuter': $ms-icon-code-ProgressLoopOuter, + 'ProgressRingDots': $ms-icon-code-ProgressRingDots, + 'ProHockey': $ms-icon-code-ProHockey, + 'ProjectCollection': $ms-icon-code-ProjectCollection, + 'ProjectLogo16': $ms-icon-code-ProjectLogo16, + 'ProjectLogo32': $ms-icon-code-ProjectLogo32, + 'ProjectLogoFill16': $ms-icon-code-ProjectLogoFill16, + 'ProjectLogoFill32': $ms-icon-code-ProjectLogoFill32, + 'ProjectLogoInverse': $ms-icon-code-ProjectLogoInverse, + 'ProtectedDocument': $ms-icon-code-ProtectedDocument, + 'ProtectionCenterLogo32': $ms-icon-code-ProtectionCenterLogo32, + 'ProtectRestrict': $ms-icon-code-ProtectRestrict, + 'PublicCalendar': $ms-icon-code-PublicCalendar, + 'PublicContactCard': $ms-icon-code-PublicContactCard, + 'PublicContactCardMirrored': $ms-icon-code-PublicContactCardMirrored, + 'PublicEmail': $ms-icon-code-PublicEmail, + 'PublicFolder': $ms-icon-code-PublicFolder, + 'PublishCourse': $ms-icon-code-PublishCourse, + 'PublisherLogo': $ms-icon-code-PublisherLogo, + 'PublisherLogo16': $ms-icon-code-PublisherLogo16, + 'PublisherLogoFill': $ms-icon-code-PublisherLogoFill, + 'PublisherLogoFill16': $ms-icon-code-PublisherLogoFill16, + 'PublisherLogoInverse16': $ms-icon-code-PublisherLogoInverse16, + 'Puzzle': $ms-icon-code-Puzzle, + 'PY': $ms-icon-code-PY, + 'PythonLanguage': $ms-icon-code-PythonLanguage, + 'QuarterCircle': $ms-icon-code-QuarterCircle, + 'QueryList': $ms-icon-code-QueryList, + 'Questionnaire': $ms-icon-code-Questionnaire, + 'QuestionnaireMirrored': $ms-icon-code-QuestionnaireMirrored, + 'QuickNote': $ms-icon-code-QuickNote, + 'QuickNoteSolid': $ms-icon-code-QuickNoteSolid, + 'R': $ms-icon-code-R, + 'RadioBtnOff': $ms-icon-code-RadioBtnOff, + 'RadioBtnOn': $ms-icon-code-RadioBtnOn, + 'RadioBullet': $ms-icon-code-RadioBullet, + 'Rain': $ms-icon-code-Rain, + 'RainShowersDay': $ms-icon-code-RainShowersDay, + 'RainShowersNight': $ms-icon-code-RainShowersNight, + 'RainSnow': $ms-icon-code-RainSnow, + 'RawSource': $ms-icon-code-RawSource, + 'Read': $ms-icon-code-Read, + 'ReadingMode': $ms-icon-code-ReadingMode, + 'ReadingModeSolid': $ms-icon-code-ReadingModeSolid, + 'ReadOutLoud': $ms-icon-code-ReadOutLoud, + 'ReceiptCheck': $ms-icon-code-ReceiptCheck, + 'ReceiptForward': $ms-icon-code-ReceiptForward, + 'ReceiptReply': $ms-icon-code-ReceiptReply, + 'ReceiptTentative': $ms-icon-code-ReceiptTentative, + 'ReceiptTentativeMirrored': $ms-icon-code-ReceiptTentativeMirrored, + 'ReceiptUndelivered': $ms-icon-code-ReceiptUndelivered, + 'Recent': $ms-icon-code-Recent, + 'Record2': $ms-icon-code-Record2, + 'RectangleShapeSolid': $ms-icon-code-RectangleShapeSolid, + 'RectangularClipping': $ms-icon-code-RectangularClipping, + 'RecurringEvent': $ms-icon-code-RecurringEvent, + 'RecurringTask': $ms-icon-code-RecurringTask, + 'RecycleBin': $ms-icon-code-RecycleBin, + 'Redeploy': $ms-icon-code-Redeploy, + 'RedEye': $ms-icon-code-RedEye, + 'Redo': $ms-icon-code-Redo, + 'Refresh': $ms-icon-code-Refresh, + 'ReminderGroup': $ms-icon-code-ReminderGroup, + 'ReminderPerson': $ms-icon-code-ReminderPerson, + 'Remote': $ms-icon-code-Remote, + 'Remove': $ms-icon-code-Remove, + 'RemoveEvent': $ms-icon-code-RemoveEvent, + 'RemoveFilter': $ms-icon-code-RemoveFilter, + 'RemoveLink': $ms-icon-code-RemoveLink, + 'RemoveOccurrence': $ms-icon-code-RemoveOccurrence, + 'Rename': $ms-icon-code-Rename, + 'RenewalCurrent': $ms-icon-code-RenewalCurrent, + 'RenewalFuture': $ms-icon-code-RenewalFuture, + 'ReopenPages': $ms-icon-code-ReopenPages, + 'Repair': $ms-icon-code-Repair, + 'Reply': $ms-icon-code-Reply, + 'ReplyAll': $ms-icon-code-ReplyAll, + 'ReplyAllAlt': $ms-icon-code-ReplyAllAlt, + 'ReplyAllMirrored': $ms-icon-code-ReplyAllMirrored, + 'ReplyAlt': $ms-icon-code-ReplyAlt, + 'ReplyMirrored': $ms-icon-code-ReplyMirrored, + 'Repo': $ms-icon-code-Repo, + 'ReportAdd': $ms-icon-code-ReportAdd, + 'ReportHacked': $ms-icon-code-ReportHacked, + 'ReportLibrary': $ms-icon-code-ReportLibrary, + 'ReportLibraryMirrored': $ms-icon-code-ReportLibraryMirrored, + 'RepoSolid': $ms-icon-code-RepoSolid, + 'ReturnToSession': $ms-icon-code-ReturnToSession, + 'ReviewRequestMirroredSolid': $ms-icon-code-ReviewRequestMirroredSolid, + 'ReviewRequestSolid': $ms-icon-code-ReviewRequestSolid, + 'ReviewResponseSolid': $ms-icon-code-ReviewResponseSolid, + 'ReviewSolid': $ms-icon-code-ReviewSolid, + 'RevToggleKey': $ms-icon-code-RevToggleKey, + 'Rewind': $ms-icon-code-Rewind, + 'Ribbon': $ms-icon-code-Ribbon, + 'RibbonSolid': $ms-icon-code-RibbonSolid, + 'RightDoubleQuote': $ms-icon-code-RightDoubleQuote, + 'RightTriangle': $ms-icon-code-RightTriangle, + 'Ringer': $ms-icon-code-Ringer, + 'RingerOff': $ms-icon-code-RingerOff, + 'RingerRemove': $ms-icon-code-RingerRemove, + 'Robot': $ms-icon-code-Robot, + 'Rocket': $ms-icon-code-Rocket, + 'Room': $ms-icon-code-Room, + 'Rotate': $ms-icon-code-Rotate, + 'RowsChild': $ms-icon-code-RowsChild, + 'RowsGroup': $ms-icon-code-RowsGroup, + 'Rugby': $ms-icon-code-Rugby, + 'Running': $ms-icon-code-Running, + 'Sad': $ms-icon-code-Sad, + 'SadSolid': $ms-icon-code-SadSolid, + 'Save': $ms-icon-code-Save, + 'SaveAll': $ms-icon-code-SaveAll, + 'SaveAndClose': $ms-icon-code-SaveAndClose, + 'SaveAs': $ms-icon-code-SaveAs, + 'Savings': $ms-icon-code-Savings, + 'ScaleUp': $ms-icon-code-ScaleUp, + 'ScheduleEventAction': $ms-icon-code-ScheduleEventAction, + 'ScopeTemplate': $ms-icon-code-ScopeTemplate, + 'Script': $ms-icon-code-Script, + 'ScrollUpDown': $ms-icon-code-ScrollUpDown, + 'Search': $ms-icon-code-Search, + 'SearchAndApps': $ms-icon-code-SearchAndApps, + 'SearchBookmark': $ms-icon-code-SearchBookmark, + 'SearchCalendar': $ms-icon-code-SearchCalendar, + 'SearchIssue': $ms-icon-code-SearchIssue, + 'SearchIssueMirrored': $ms-icon-code-SearchIssueMirrored, + 'Section': $ms-icon-code-Section, + 'Sections': $ms-icon-code-Sections, + 'SecurityGroup': $ms-icon-code-SecurityGroup, + 'SelectAll': $ms-icon-code-SelectAll, + 'Sell': $ms-icon-code-Sell, + 'SemiboldWeight': $ms-icon-code-SemiboldWeight, + 'Send': $ms-icon-code-Send, + 'SendMirrored': $ms-icon-code-SendMirrored, + 'Separator': $ms-icon-code-Separator, + 'Server': $ms-icon-code-Server, + 'ServerEnviroment': $ms-icon-code-ServerEnviroment, + 'ServerProcesses': $ms-icon-code-ServerProcesses, + 'SetAction': $ms-icon-code-SetAction, + 'Settings': $ms-icon-code-Settings, + 'Share': $ms-icon-code-Share, + 'ShareiOS': $ms-icon-code-ShareiOS, + 'SharepointLogo': $ms-icon-code-SharepointLogo, + 'SharepointLogoFill': $ms-icon-code-SharepointLogoFill, + 'SharepointLogoInverse': $ms-icon-code-SharepointLogoInverse, + 'Shield': $ms-icon-code-Shield, + 'ShieldSolid': $ms-icon-code-ShieldSolid, + 'Shop': $ms-icon-code-Shop, + 'ShoppingCart': $ms-icon-code-ShoppingCart, + 'ShoppingCartSolid': $ms-icon-code-ShoppingCartSolid, + 'ShopServer': $ms-icon-code-ShopServer, + 'ShowResults': $ms-icon-code-ShowResults, + 'ShowResultsMirrored': $ms-icon-code-ShowResultsMirrored, + 'SidePanel': $ms-icon-code-SidePanel, + 'SidePanelMirrored': $ms-icon-code-SidePanelMirrored, + 'SignOut': $ms-icon-code-SignOut, + 'SingleBookmark': $ms-icon-code-SingleBookmark, + 'SingleBookmarkSolid': $ms-icon-code-SingleBookmarkSolid, + 'SingleColumn': $ms-icon-code-SingleColumn, + 'SingleColumnEdit': $ms-icon-code-SingleColumnEdit, + 'SIPMove': $ms-icon-code-SIPMove, + 'SiteScan': $ms-icon-code-SiteScan, + 'SizeLegacy': $ms-icon-code-SizeLegacy, + 'SkiResorts': $ms-icon-code-SkiResorts, + 'SkypeCheck': $ms-icon-code-SkypeCheck, + 'SkypeCircleCheck': $ms-icon-code-SkypeCircleCheck, + 'SkypeCircleClock': $ms-icon-code-SkypeCircleClock, + 'SkypeCircleMinus': $ms-icon-code-SkypeCircleMinus, + 'SkypeClock': $ms-icon-code-SkypeClock, + 'SkypeForBusinessLogo': $ms-icon-code-SkypeForBusinessLogo, + 'SkypeForBusinessLogo16': $ms-icon-code-SkypeForBusinessLogo16, + 'SkypeForBusinessLogoFill': $ms-icon-code-SkypeForBusinessLogoFill, + 'SkypeForBusinessLogoFill16': $ms-icon-code-SkypeForBusinessLogoFill16, + 'SkypeLogo': $ms-icon-code-SkypeLogo, + 'SkypeLogo16': $ms-icon-code-SkypeLogo16, + 'SkypeMessage': $ms-icon-code-SkypeMessage, + 'SkypeMinus': $ms-icon-code-SkypeMinus, + 'Slider': $ms-icon-code-Slider, + 'SliderHandleSize': $ms-icon-code-SliderHandleSize, + 'SliderThumb': $ms-icon-code-SliderThumb, + 'Snooze': $ms-icon-code-Snooze, + 'Snow': $ms-icon-code-Snow, + 'Snowflake': $ms-icon-code-Snowflake, + 'SnowShowerDay': $ms-icon-code-SnowShowerDay, + 'SnowShowerNight': $ms-icon-code-SnowShowerNight, + 'Soccer': $ms-icon-code-Soccer, + 'SocialListeningLogo': $ms-icon-code-SocialListeningLogo, + 'Sort': $ms-icon-code-Sort, + 'SortDown': $ms-icon-code-SortDown, + 'SortLines': $ms-icon-code-SortLines, + 'SortUp': $ms-icon-code-SortUp, + 'Source': $ms-icon-code-Source, + 'Spacer': $ms-icon-code-Spacer, + 'Speakers': $ms-icon-code-Speakers, + 'SpeedHigh': $ms-icon-code-SpeedHigh, + 'Split': $ms-icon-code-Split, + 'SplitObject': $ms-icon-code-SplitObject, + 'Sprint': $ms-icon-code-Sprint, + 'Squalls': $ms-icon-code-Squalls, + 'SquareShapeSolid': $ms-icon-code-SquareShapeSolid, + 'Stack': $ms-icon-code-Stack, + 'StackedBarChart': $ms-icon-code-StackedBarChart, + 'StackedLineChart': $ms-icon-code-StackedLineChart, + 'StackIndicator': $ms-icon-code-StackIndicator, + 'StaffNotebookLogo16': $ms-icon-code-StaffNotebookLogo16, + 'StaffNotebookLogo32': $ms-icon-code-StaffNotebookLogo32, + 'StaffNotebookLogoFill16': $ms-icon-code-StaffNotebookLogoFill16, + 'StaffNotebookLogoFill32': $ms-icon-code-StaffNotebookLogoFill32, + 'StaffNotebookLogoInverted16': $ms-icon-code-StaffNotebookLogoInverted16, + 'StaffNotebookLogoInverted32': $ms-icon-code-StaffNotebookLogoInverted32, + 'Starburst': $ms-icon-code-Starburst, + 'StarburstSolid': $ms-icon-code-StarburstSolid, + 'StatusCircleBlock2': $ms-icon-code-StatusCircleBlock2, + 'StatusCircleCheckmark': $ms-icon-code-StatusCircleCheckmark, + 'StatusCircleErrorX': $ms-icon-code-StatusCircleErrorX, + 'StatusCircleExclamation': $ms-icon-code-StatusCircleExclamation, + 'StatusCircleInfo': $ms-icon-code-StatusCircleInfo, + 'StatusCircleInner': $ms-icon-code-StatusCircleInner, + 'StatusCircleOuter': $ms-icon-code-StatusCircleOuter, + 'StatusCircleQuestionMark': $ms-icon-code-StatusCircleQuestionMark, + 'StatusCircleRing': $ms-icon-code-StatusCircleRing, + 'StatusErrorFull': $ms-icon-code-StatusErrorFull, + 'StatusTriangle': $ms-icon-code-StatusTriangle, + 'StatusTriangleExclamation': $ms-icon-code-StatusTriangleExclamation, + 'StatusTriangleInner': $ms-icon-code-StatusTriangleInner, + 'StatusTriangleOuter': $ms-icon-code-StatusTriangleOuter, + 'Step': $ms-icon-code-Step, + 'StepInsert': $ms-icon-code-StepInsert, + 'StepShared': $ms-icon-code-StepShared, + 'StepSharedAdd': $ms-icon-code-StepSharedAdd, + 'StepSharedInsert': $ms-icon-code-StepSharedInsert, + 'StockDown': $ms-icon-code-StockDown, + 'StockUp': $ms-icon-code-StockUp, + 'Stop': $ms-icon-code-Stop, + 'StopSolid': $ms-icon-code-StopSolid, + 'Stopwatch': $ms-icon-code-Stopwatch, + 'StoreLogo16': $ms-icon-code-StoreLogo16, + 'StoreLogoMed20': $ms-icon-code-StoreLogoMed20, + 'Storyboard': $ms-icon-code-Storyboard, + 'Streaming': $ms-icon-code-Streaming, + 'StreamingOff': $ms-icon-code-StreamingOff, + 'StreamLogo': $ms-icon-code-StreamLogo, + 'Strikethrough': $ms-icon-code-Strikethrough, + 'Subscribe': $ms-icon-code-Subscribe, + 'Subscript': $ms-icon-code-Subscript, + 'SubstitutionsIn': $ms-icon-code-SubstitutionsIn, + 'Suitcase': $ms-icon-code-Suitcase, + 'SunAdd': $ms-icon-code-SunAdd, + 'Sunny': $ms-icon-code-Sunny, + 'SunQuestionMark': $ms-icon-code-SunQuestionMark, + 'Superscript': $ms-icon-code-Superscript, + 'SurveyQuestions': $ms-icon-code-SurveyQuestions, + 'SwayLogo16': $ms-icon-code-SwayLogo16, + 'SwayLogo32': $ms-icon-code-SwayLogo32, + 'SwayLogoFill16': $ms-icon-code-SwayLogoFill16, + 'SwayLogoFill32': $ms-icon-code-SwayLogoFill32, + 'SwayLogoInverse': $ms-icon-code-SwayLogoInverse, + 'Switch': $ms-icon-code-Switch, + 'SwitcherStartEnd': $ms-icon-code-SwitcherStartEnd, + 'Sync': $ms-icon-code-Sync, + 'SyncFolder': $ms-icon-code-SyncFolder, + 'SyncOccurence': $ms-icon-code-SyncOccurence, + 'SyncToPC': $ms-icon-code-SyncToPC, + 'System': $ms-icon-code-System, + 'Tab': $ms-icon-code-Tab, + 'Table': $ms-icon-code-Table, + 'Tablet': $ms-icon-code-Tablet, + 'TabletMode': $ms-icon-code-TabletMode, + 'TabletSelected': $ms-icon-code-TabletSelected, + 'Tag': $ms-icon-code-Tag, + 'Taskboard': $ms-icon-code-Taskboard, + 'TaskGroup': $ms-icon-code-TaskGroup, + 'TaskGroupMirrored': $ms-icon-code-TaskGroupMirrored, + 'TaskLogo': $ms-icon-code-TaskLogo, + 'TaskManager': $ms-icon-code-TaskManager, + 'TaskManagerMirrored': $ms-icon-code-TaskManagerMirrored, + 'TaskSolid': $ms-icon-code-TaskSolid, + 'Taxi': $ms-icon-code-Taxi, + 'TeamFavorite': $ms-icon-code-TeamFavorite, + 'TeamsLogo': $ms-icon-code-TeamsLogo, + 'TeamsLogoFill': $ms-icon-code-TeamsLogoFill, + 'TeamsLogoInverse': $ms-icon-code-TeamsLogoInverse, + 'Teamwork': $ms-icon-code-Teamwork, + 'Teeth': $ms-icon-code-Teeth, + 'TemporaryUser': $ms-icon-code-TemporaryUser, + 'Tennis': $ms-icon-code-Tennis, + 'TestAutoSolid': $ms-icon-code-TestAutoSolid, + 'TestBeaker': $ms-icon-code-TestBeaker, + 'TestBeakerSolid': $ms-icon-code-TestBeakerSolid, + 'TestCase': $ms-icon-code-TestCase, + 'TestExploreSolid': $ms-icon-code-TestExploreSolid, + 'TestImpactSolid': $ms-icon-code-TestImpactSolid, + 'TestParameter': $ms-icon-code-TestParameter, + 'TestPlan': $ms-icon-code-TestPlan, + 'TestStep': $ms-icon-code-TestStep, + 'TestSuite': $ms-icon-code-TestSuite, + 'TestUserSolid': $ms-icon-code-TestUserSolid, + 'TextBox': $ms-icon-code-TextBox, + 'TextCallout': $ms-icon-code-TextCallout, + 'TextDocument': $ms-icon-code-TextDocument, + 'TextDocumentShared': $ms-icon-code-TextDocumentShared, + 'TextField': $ms-icon-code-TextField, + 'TextOverflow': $ms-icon-code-TextOverflow, + 'TFVCLogo': $ms-icon-code-TFVCLogo, + 'ThisPC': $ms-icon-code-ThisPC, + 'ThreeQuarterCircle': $ms-icon-code-ThreeQuarterCircle, + 'ThumbnailView': $ms-icon-code-ThumbnailView, + 'ThumbnailViewMirrored': $ms-icon-code-ThumbnailViewMirrored, + 'Thunderstorms': $ms-icon-code-Thunderstorms, + 'Ticket': $ms-icon-code-Ticket, + 'Tiles': $ms-icon-code-Tiles, + 'Tiles2': $ms-icon-code-Tiles2, + 'TimeEntry': $ms-icon-code-TimeEntry, + 'Timeline': $ms-icon-code-Timeline, + 'TimelineDelivery': $ms-icon-code-TimelineDelivery, + 'TimelineMatrixView': $ms-icon-code-TimelineMatrixView, + 'TimelineProgress': $ms-icon-code-TimelineProgress, + 'Timer': $ms-icon-code-Timer, + 'TimeSheet': $ms-icon-code-TimeSheet, + 'ToDoLogoBottom': $ms-icon-code-ToDoLogoBottom, + 'ToDoLogoInverse': $ms-icon-code-ToDoLogoInverse, + 'ToDoLogoTop': $ms-icon-code-ToDoLogoTop, + 'ToggleBorder': $ms-icon-code-ToggleBorder, + 'ToggleFilled': $ms-icon-code-ToggleFilled, + 'ToggleOff': $ms-icon-code-ToggleOff, + 'ToggleThumb': $ms-icon-code-ToggleThumb, + 'Toll': $ms-icon-code-Toll, + 'Touch': $ms-icon-code-Touch, + 'TouchPointer': $ms-icon-code-TouchPointer, + 'Trackers': $ms-icon-code-Trackers, + 'TrackersMirrored': $ms-icon-code-TrackersMirrored, + 'Train': $ms-icon-code-Train, + 'TrainSolid': $ms-icon-code-TrainSolid, + 'TransferCall': $ms-icon-code-TransferCall, + 'Transition': $ms-icon-code-Transition, + 'TransitionEffect': $ms-icon-code-TransitionEffect, + 'TransitionPop': $ms-icon-code-TransitionPop, + 'TransitionPush': $ms-icon-code-TransitionPush, + 'Trending12': $ms-icon-code-Trending12, + 'TriangleDown12': $ms-icon-code-TriangleDown12, + 'TriangleLeft12': $ms-icon-code-TriangleLeft12, + 'TriangleRight12': $ms-icon-code-TriangleRight12, + 'TriangleShapeSolid': $ms-icon-code-TriangleShapeSolid, + 'TriangleSolid': $ms-icon-code-TriangleSolid, + 'TriangleSolidDown12': $ms-icon-code-TriangleSolidDown12, + 'TriangleSolidLeft12': $ms-icon-code-TriangleSolidLeft12, + 'TriangleSolidRight12': $ms-icon-code-TriangleSolidRight12, + 'TriangleSolidUp12': $ms-icon-code-TriangleSolidUp12, + 'TriangleUp12': $ms-icon-code-TriangleUp12, + 'TriggerApproval': $ms-icon-code-TriggerApproval, + 'TriggerAuto': $ms-icon-code-TriggerAuto, + 'TriggerUser': $ms-icon-code-TriggerUser, + 'TripleColumn': $ms-icon-code-TripleColumn, + 'TripleColumnEdit': $ms-icon-code-TripleColumnEdit, + 'Trophy': $ms-icon-code-Trophy, + 'Trophy2': $ms-icon-code-Trophy2, + 'Trophy2Solid': $ms-icon-code-Trophy2Solid, + 'TurnRight': $ms-icon-code-TurnRight, + 'TVMonitor': $ms-icon-code-TVMonitor, + 'TVMonitorSelected': $ms-icon-code-TVMonitorSelected, + 'TypeScriptLanguage': $ms-icon-code-TypeScriptLanguage, + 'Umbrella': $ms-icon-code-Umbrella, + 'Underline': $ms-icon-code-Underline, + 'Undo': $ms-icon-code-Undo, + 'Uneditable': $ms-icon-code-Uneditable, + 'UneditableMirrored': $ms-icon-code-UneditableMirrored, + 'UneditableSolid12': $ms-icon-code-UneditableSolid12, + 'UneditableSolidMirrored12': $ms-icon-code-UneditableSolidMirrored12, + 'Unfavorite': $ms-icon-code-Unfavorite, + 'UngroupObject': $ms-icon-code-UngroupObject, + 'Unknown': $ms-icon-code-Unknown, + 'UnknownCall': $ms-icon-code-UnknownCall, + 'UnknownMirrored': $ms-icon-code-UnknownMirrored, + 'UnknownMirroredSolid': $ms-icon-code-UnknownMirroredSolid, + 'UnknownSolid': $ms-icon-code-UnknownSolid, + 'Unlock': $ms-icon-code-Unlock, + 'UnlockSolid': $ms-icon-code-UnlockSolid, + 'Unpin': $ms-icon-code-Unpin, + 'Unsubscribe': $ms-icon-code-Unsubscribe, + 'UnsyncFolder': $ms-icon-code-UnsyncFolder, + 'UnsyncOccurence': $ms-icon-code-UnsyncOccurence, + 'Up': $ms-icon-code-Up, + 'Upload': $ms-icon-code-Upload, + 'UserEvent': $ms-icon-code-UserEvent, + 'UserFollowed': $ms-icon-code-UserFollowed, + 'UserPause': $ms-icon-code-UserPause, + 'UserRemove': $ms-icon-code-UserRemove, + 'UserSync': $ms-icon-code-UserSync, + 'Vacation': $ms-icon-code-Vacation, + 'Variable': $ms-icon-code-Variable, + 'VariableGroup': $ms-icon-code-VariableGroup, + 'VB': $ms-icon-code-VB, + 'VennDiagram': $ms-icon-code-VennDiagram, + 'VersionControlPush': $ms-icon-code-VersionControlPush, + 'VerticalDistributeCenter': $ms-icon-code-VerticalDistributeCenter, + 'Video': $ms-icon-code-Video, + 'VideoOff': $ms-icon-code-VideoOff, + 'VideoSearch': $ms-icon-code-VideoSearch, + 'VideoSolid': $ms-icon-code-VideoSolid, + 'View': $ms-icon-code-View, + 'ViewAll': $ms-icon-code-ViewAll, + 'ViewAll2': $ms-icon-code-ViewAll2, + 'ViewDashboard': $ms-icon-code-ViewDashboard, + 'ViewList': $ms-icon-code-ViewList, + 'ViewListGroup': $ms-icon-code-ViewListGroup, + 'ViewListTree': $ms-icon-code-ViewListTree, + 'VisioDiagram': $ms-icon-code-VisioDiagram, + 'VisioDocument': $ms-icon-code-VisioDocument, + 'VisioLogo': $ms-icon-code-VisioLogo, + 'VisioLogo16': $ms-icon-code-VisioLogo16, + 'VisioLogoFill': $ms-icon-code-VisioLogoFill, + 'VisioLogoFill16': $ms-icon-code-VisioLogoFill16, + 'VisioLogoInverse': $ms-icon-code-VisioLogoInverse, + 'VisioLogoInverse16': $ms-icon-code-VisioLogoInverse16, + 'VisualBasicLanguage': $ms-icon-code-VisualBasicLanguage, + 'VisualsFolder': $ms-icon-code-VisualsFolder, + 'VisualsStore': $ms-icon-code-VisualsStore, + 'VisualStudioIDELogo32': $ms-icon-code-VisualStudioIDELogo32, + 'VisualStudioLogo': $ms-icon-code-VisualStudioLogo, + 'VoicemailForward': $ms-icon-code-VoicemailForward, + 'VoicemailIRM': $ms-icon-code-VoicemailIRM, + 'VoicemailReply': $ms-icon-code-VoicemailReply, + 'Volume0': $ms-icon-code-Volume0, + 'Volume1': $ms-icon-code-Volume1, + 'Volume2': $ms-icon-code-Volume2, + 'Volume3': $ms-icon-code-Volume3, + 'VolumeDisabled': $ms-icon-code-VolumeDisabled, + 'VSTSAltLogo1': $ms-icon-code-VSTSAltLogo1, + 'VSTSAltLogo2': $ms-icon-code-VSTSAltLogo2, + 'VSTSLogo': $ms-icon-code-VSTSLogo, + 'Waffle': $ms-icon-code-Waffle, + 'WaffleOffice365': $ms-icon-code-WaffleOffice365, + 'WaitlistConfirm': $ms-icon-code-WaitlistConfirm, + 'WaitlistConfirmMirrored': $ms-icon-code-WaitlistConfirmMirrored, + 'Warning': $ms-icon-code-Warning, + 'Warning12': $ms-icon-code-Warning12, + 'WebPublish': $ms-icon-code-WebPublish, + 'Website': $ms-icon-code-Website, + 'Weights': $ms-icon-code-Weights, + 'WhiteBoardApp16': $ms-icon-code-WhiteBoardApp16, + 'WhiteBoardApp32': $ms-icon-code-WhiteBoardApp32, + 'WifiEthernet': $ms-icon-code-WifiEthernet, + 'WindDirection': $ms-icon-code-WindDirection, + 'WindowEdit': $ms-icon-code-WindowEdit, + 'WindowsLogo': $ms-icon-code-WindowsLogo, + 'Wines': $ms-icon-code-Wines, + 'WipePhone': $ms-icon-code-WipePhone, + 'WordDocument': $ms-icon-code-WordDocument, + 'WordLogo': $ms-icon-code-WordLogo, + 'WordLogo16': $ms-icon-code-WordLogo16, + 'WordLogoFill': $ms-icon-code-WordLogoFill, + 'WordLogoFill16': $ms-icon-code-WordLogoFill16, + 'WordLogoInverse': $ms-icon-code-WordLogoInverse, + 'WordLogoInverse16': $ms-icon-code-WordLogoInverse16, + 'Work': $ms-icon-code-Work, + 'WorkFlow': $ms-icon-code-WorkFlow, + 'WorkforceManagement': $ms-icon-code-WorkforceManagement, + 'WorkItem': $ms-icon-code-WorkItem, + 'WorkItemBar': $ms-icon-code-WorkItemBar, + 'WorkItemBarSolid': $ms-icon-code-WorkItemBarSolid, + 'WorkItemBug': $ms-icon-code-WorkItemBug, + 'World': $ms-icon-code-World, + 'WorldClock': $ms-icon-code-WorldClock, + 'YammerLogo': $ms-icon-code-YammerLogo, + 'ZipFolder': $ms-icon-code-ZipFolder, + 'Zoom': $ms-icon-code-Zoom, + 'ZoomIn': $ms-icon-code-ZoomIn, + 'ZoomOut': $ms-icon-code-ZoomOut, + + // Deprecated icons. + 'HumanResources': $ms-icon-code-HumanResources, + 'StoreLogo': $ms-icon-code-StoreLogo16, + 'StoreLogoMed': $ms-icon-code-StoreLogoMed20 +); diff --git a/dist/sass/variables/_Responsive.Variables.scss b/dist/sass/variables/_Responsive.Variables.scss new file mode 100644 index 000000000..5cce6eb53 --- /dev/null +++ b/dist/sass/variables/_Responsive.Variables.scss @@ -0,0 +1,16 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// Minimum widths for each breakpoint +$ms-screen-min-sm: 320px !default; +$ms-screen-min-md: 480px !default; +$ms-screen-min-lg: 640px !default; +$ms-screen-min-xl: 1024px !default; +$ms-screen-min-xxl: 1366px !default; +$ms-screen-min-xxxl: 1920px !default; + +// Maximum widths for each breakpoint +$ms-screen-max-sm: ($ms-screen-min-md - 1); +$ms-screen-max-md: ($ms-screen-min-lg - 1); +$ms-screen-max-lg: ($ms-screen-min-xl - 1); +$ms-screen-max-xl: ($ms-screen-min-xxl - 1); +$ms-screen-max-xxl: ($ms-screen-min-xxxl - 1); diff --git a/dist/sass/variables/_ZIndex.Variables.scss b/dist/sass/variables/_ZIndex.Variables.scss new file mode 100644 index 000000000..19561ea43 --- /dev/null +++ b/dist/sass/variables/_ZIndex.Variables.scss @@ -0,0 +1,14 @@ +// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. + +// Large ranges +$ms-zIndex-0: 0 !default; +$ms-zIndex-1: 100 !default; +$ms-zIndex-2: 200 !default; +$ms-zIndex-3: 300 !default; +$ms-zIndex-4: 400 !default; +$ms-zIndex-5: 500 !default; + +// Small ranges +$ms-zIndex-back: 0 !default; +$ms-zIndex-middle: 5 !default; +$ms-zIndex-front: 10 !default;