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

Reusable React components for building experiences for Office 365.

@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.6.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/file