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

Reusable React components for building experiences for Microsoft 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 11.0.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
*/
@-webkit-keyframes ms-motion-fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes ms-motion-fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes ms-motion-fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes ms-motion-fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes ms-motion-scaleDownIn {
  from {
    transform: scale3d(1.15, 1.15, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes ms-motion-scaleDownIn {
  from {
    transform: scale3d(1.15, 1.15, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes ms-motion-scaleDownOut {
  from {
    transform: scale3d(1, 1, 1);
  }

  to {
    transform: scale3d(0.9, 0.9, 1);
  }
}

@keyframes ms-motion-scaleDownOut {
  from {
    transform: scale3d(1, 1, 1);
  }

  to {
    transform: scale3d(0.9, 0.9, 1);
  }
}

@-webkit-keyframes ms-motion-slideLeftOut {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-48px, 0, 0);
  }
}

@keyframes ms-motion-slideLeftOut {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-48px, 0, 0);
  }
}

@-webkit-keyframes ms-motion-slideRightOut {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(48px, 0, 0);
  }
}

@keyframes ms-motion-slideRightOut {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(48px, 0, 0);
  }
}

@-webkit-keyframes ms-motion-slideLeftIn {
  from {
    transform: translate3d(48px, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes ms-motion-slideLeftIn {
  from {
    transform: translate3d(48px, 0, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes ms-motion-slideRightIn {
  from {
    transform: translate3d(-48px, 0, 0);
  }

  to {
    transform: translate3d(0px, 0, 0);
  }
}

@keyframes ms-motion-slideRightIn {
  from {
    transform: translate3d(-48px, 0, 0);
  }

  to {
    transform: translate3d(0px, 0, 0);
  }
}

@-webkit-keyframes ms-motion-slideUpOut {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(0, -48px, 0);
  }
}

@keyframes ms-motion-slideUpOut {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(0, -48px, 0);
  }
}

@-webkit-keyframes ms-motion-slideDownOut {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(0, 48px, 0);
  }
}

@keyframes ms-motion-slideDownOut {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(0, 48px, 0);
  }
}

@-webkit-keyframes ms-motion-slideUpIn {
  from {
    transform: translate3d(0, 48px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes ms-motion-slideUpIn {
  from {
    transform: translate3d(0, 48px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes ms-motion-slideDownIn {
  from {
    transform: translate3d(0, -48px, 0);
  }

  to {
    transform: translate3d(0px, 0, 0);
  }
}

@keyframes ms-motion-slideDownIn {
  from {
    transform: translate3d(0, -48px, 0);
  }

  to {
    transform: translate3d(0px, 0, 0);
  }
}

.ms-motion-fadeIn {
  -webkit-animation: ms-motion-fadeIn 100ms cubic-bezier(0, 0, 1, 1) both;
          animation: ms-motion-fadeIn 100ms cubic-bezier(0, 0, 1, 1) both;
}

.ms-motion-fadeOut {
  -webkit-animation: ms-motion-fadeOut 100ms cubic-bezier(0, 0, 1, 1) both;
          animation: ms-motion-fadeOut 100ms cubic-bezier(0, 0, 1, 1) both;
}

.ms-motion-scaleDownIn {
  -webkit-animation: ms-motion-scaleDownIn 300ms cubic-bezier(0.1, 0.9, 0.2, 1) both, ms-motion-fadeIn 100ms cubic-bezier(0, 0, 1, 1) both;
          animation: ms-motion-scaleDownIn 300ms cubic-bezier(0.1, 0.9, 0.2, 1) both, ms-motion-fadeIn 100ms cubic-bezier(0, 0, 1, 1) both;
}

.ms-motion-scaleDownOut {
  -webkit-animation: ms-motion-scaleDownOut 300ms cubic-bezier(0.1, 0.9, 0.2, 1) both, ms-motion-fadeOut 100ms cubic-bezier(0, 0, 1, 1) both;
          animation: ms-motion-scaleDownOut 300ms cubic-bezier(0.1, 0.9, 0.2, 1) both, ms-motion-fadeOut 100ms cubic-bezier(0, 0, 1, 1) both;
}

[dir='ltr'] .ms-motion-slideLeftOut {
  -webkit-animation: ms-motion-slideLeftOut 100ms cubic-bezier(0.9, 0.1, 1, 0.2) both, ms-motion-fadeOut 100ms cubic-bezier(0, 0, 1, 1) both;
          animation: ms-motion-slideLeftOut 100ms cubic-bezier(0.9, 0.1, 1, 0.2) both, ms-motion-fadeOut 100ms cubic-bezier(0, 0, 1, 1) both;
}

[dir='rtl'] .ms-motion-slideLeftOut {
  -webkit-animation: ms-motion-slideRightOut 100ms cubic-bezier(0.9, 0.1, 1, 0.2) both, ms-motion-fadeOut 100ms cubic-bezier(0, 0, 1, 1) both;
          animation: ms-motion-slideRightOut 100ms cubic-bezier(0.9, 0.1, 1, 0.2) both, ms-motion-fadeOut 100ms cubic-bezier(0, 0, 1, 1) both;
}

[dir='ltr'] .ms-motion-slideRightOut {
  -webkit-animation: ms-motion-slideRightOut 100ms cubic-bezier(0.9, 0.1, 1, 0.2) both, ms-motion-fadeOut 100ms cubic-bezier(0, 0, 1, 1) both;
          animation: ms-motion-slideRightOut 100ms cubic-bezier(0.9, 0.1, 1, 0.2) both, ms-motion-fadeOut 100ms cubic-bezier(0, 0, 1, 1) both;
}

[dir='rtl'] .ms-motion-slideRightOut {
  -webkit-animation: ms-motion-slideLeftOut 100ms cubic-bezier(0.9, 0.1, 1, 0.2) both, ms-motion-fadeOut 100ms cubic-bezier(0, 0, 1, 1) both;
          animation: ms-motion-slideLeftOut 100ms cubic-bezier(0.9, 0.1, 1, 0.2) both, ms-motion-fadeOut 100ms cubic-bezier(0, 0, 1, 1) both;
}

[dir='ltr'] .ms-motion-slideLeftIn {
  -webkit-animation: ms-motion-slideLeftIn 100ms cubic-bezier(0.1, 0.9, 0.2, 1) both, ms-motion-fadeIn 100ms cubic-bezier(0, 0, 1, 1) both;
          animation: ms-motion-slideLeftIn 100ms cubic-bezier(0.1, 0.9, 0.2, 1) both, ms-motion-fadeIn 100ms cubic-bezier(0, 0, 1, 1) both;
}

[dir='rtl'] .ms-motion-slideLeftIn {
  -webkit-animation: ms-motion-slideRightIn 100ms cubic-bezier(0.1, 0.9, 0.2, 1) both, ms-motion-fadeIn 100ms cubic-bezier(0, 0, 1, 1) both;
          animation: ms-motion-slideRightIn 100ms cubic-bezier(0.1, 0.9, 0.2, 1) both, ms-motion-fadeIn 100ms cubic-bezier(0, 0, 1, 1) both;
}

[dir='ltr'] .ms-motion-slideRightIn {
  -webkit-animation: ms-motion-slideRightIn 100ms cubic-bezier(0.1, 0.9, 0.2, 1) both, ms-motion-fadeIn 100ms cubic-bezier(0, 0, 1, 1) both;
          animation: ms-motion-slideRightIn 100ms cubic-bezier(0.1, 0.9, 0.2, 1) both, ms-motion-fadeIn 100ms cubic-bezier(0, 0, 1, 1) both;
}

[dir='rtl'] .ms-motion-slideRightIn {
  -webkit-animation: ms-motion-slideLeftIn 100ms cubic-bezier(0.1, 0.9, 0.2, 1) both, ms-motion-fadeIn 100ms cubic-bezier(0, 0, 1, 1) both;
          animation: ms-motion-slideLeftIn 100ms cubic-bezier(0.1, 0.9, 0.2, 1) both, ms-motion-fadeIn 100ms cubic-bezier(0, 0, 1, 1) both;
}

.ms-motion-slideUpOut {
  -webkit-animation: ms-motion-slideUpOut 100ms cubic-bezier(0.9, 0.1, 1, 0.2) both, ms-motion-fadeOut 100ms cubic-bezier(0, 0, 1, 1) both;
          animation: ms-motion-slideUpOut 100ms cubic-bezier(0.9, 0.1, 1, 0.2) both, ms-motion-fadeOut 100ms cubic-bezier(0, 0, 1, 1) both;
}

.ms-motion-slideDownOut {
  -webkit-animation: ms-motion-slideDownOut 100ms cubic-bezier(0.9, 0.1, 1, 0.2) both, ms-motion-fadeOut 100ms cubic-bezier(0, 0, 1, 1) both;
          animation: ms-motion-slideDownOut 100ms cubic-bezier(0.9, 0.1, 1, 0.2) both, ms-motion-fadeOut 100ms cubic-bezier(0, 0, 1, 1) both;
}

.ms-motion-slideUpIn {
  -webkit-animation: ms-motion-slideUpIn 100ms cubic-bezier(0.1, 0.9, 0.2, 1) both, ms-motion-fadeIn 100ms cubic-bezier(0, 0, 1, 1) both;
          animation: ms-motion-slideUpIn 100ms cubic-bezier(0.1, 0.9, 0.2, 1) both, ms-motion-fadeIn 100ms cubic-bezier(0, 0, 1, 1) both;
}

.ms-motion-slideDownIn {
  -webkit-animation: ms-motion-slideDownIn 100ms cubic-bezier(0.1, 0.9, 0.2, 1) both, ms-motion-fadeIn 100ms cubic-bezier(0, 0, 1, 1) both;
          animation: ms-motion-slideDownIn 100ms cubic-bezier(0.1, 0.9, 0.2, 1) both, ms-motion-fadeIn 100ms cubic-bezier(0, 0, 1, 1) both;
}

@-webkit-keyframes ms-slideRightIn10 {
  from {
    transform: translate3d(-10px, 0px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@keyframes ms-slideRightIn10 {
  from {
    transform: translate3d(-10px, 0px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes ms-slideRightIn20 {
  from {
    transform: translate3d(-20px, 0px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@keyframes ms-slideRightIn20 {
  from {
    transform: translate3d(-20px, 0px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes ms-slideRightIn40 {
  from {
    transform: translate3d(-40px, 0px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@keyframes ms-slideRightIn40 {
  from {
    transform: translate3d(-40px, 0px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes ms-slideRightIn400 {
  from {
    transform: translate3d(-400px, 0px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@keyframes ms-slideRightIn400 {
  from {
    transform: translate3d(-400px, 0px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes ms-slideRightOut40 {
  from {
    transform: translate3d(0px, 0px, 0px);
  }

  to {
    transform: translate3d(40px, 0px, 0px);
  }
}

@keyframes ms-slideRightOut40 {
  from {
    transform: translate3d(0px, 0px, 0px);
  }

  to {
    transform: translate3d(40px, 0px, 0px);
  }
}

@-webkit-keyframes ms-slideRightOut400 {
  from {
    transform: translate3d(0, 0px, 0px);
  }

  to {
    transform: translate3d(400px, 0px, 0px);
  }
}

@keyframes ms-slideRightOut400 {
  from {
    transform: translate3d(0, 0px, 0px);
  }

  to {
    transform: translate3d(400px, 0px, 0px);
  }
}

@-webkit-keyframes ms-slideLeftIn10 {
  from {
    transform: translate3d(10px, 0px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@keyframes ms-slideLeftIn10 {
  from {
    transform: translate3d(10px, 0px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes ms-slideLeftIn20 {
  from {
    transform: translate3d(20px, 0px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@keyframes ms-slideLeftIn20 {
  from {
    transform: translate3d(20px, 0px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes ms-slideLeftIn40 {
  from {
    transform: translate3d(40px, 0px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@keyframes ms-slideLeftIn40 {
  from {
    transform: translate3d(40px, 0px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes ms-slideLeftIn400 {
  from {
    transform: translate3d(400px, 0px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@keyframes ms-slideLeftIn400 {
  from {
    transform: translate3d(400px, 0px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes ms-slideLeftOut40 {
  from {
    transform: translate3d(0, 0px, 0px);
  }

  to {
    transform: translate3d(-40px, 0px, 0px);
  }
}

@keyframes ms-slideLeftOut40 {
  from {
    transform: translate3d(0, 0px, 0px);
  }

  to {
    transform: translate3d(-40px, 0px, 0px);
  }
}

@-webkit-keyframes ms-slideLeftOut400 {
  from {
    transform: translate3d(0, 0px, 0px);
  }

  to {
    transform: translate3d(-400px, 0px, 0px);
  }
}

@keyframes ms-slideLeftOut400 {
  from {
    transform: translate3d(0, 0px, 0px);
  }

  to {
    transform: translate3d(-400px, 0px, 0px);
  }
}

@-webkit-keyframes ms-slideUpIn10 {
  from {
    transform: translate3d(0px, 10px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@keyframes ms-slideUpIn10 {
  from {
    transform: translate3d(0px, 10px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes ms-slideUpIn20 {
  from {
    transform: translate3d(0px, 20px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@keyframes ms-slideUpIn20 {
  from {
    transform: translate3d(0px, 20px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes ms-slideDownIn10 {
  from {
    transform: translate3d(0px, -10px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@keyframes ms-slideDownIn10 {
  from {
    transform: translate3d(0px, -10px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes ms-slideDownIn20 {
  from {
    transform: translate3d(0px, -20px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@keyframes ms-slideDownIn20 {
  from {
    transform: translate3d(0px, -20px, 0px);
  }

  to {
    transform: translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes ms-slideUpOut10 {
  from {
    transform: translate3d(0px, 0, 0px);
  }

  to {
    transform: translate3d(0px, -10px, 0px);
  }
}

@keyframes ms-slideUpOut10 {
  from {
    transform: translate3d(0px, 0, 0px);
  }

  to {
    transform: translate3d(0px, -10px, 0px);
  }
}

@-webkit-keyframes ms-slideUpOut20 {
  from {
    transform: translate3d(0px, 0, 0px);
  }

  to {
    transform: translate3d(0px, -20px, 0px);
  }
}

@keyframes ms-slideUpOut20 {
  from {
    transform: translate3d(0px, 0, 0px);
  }

  to {
    transform: translate3d(0px, -20px, 0px);
  }
}

@-webkit-keyframes ms-slideDownOut10 {
  from {
    transform: translate3d(0px, 0, 0px);
  }

  to {
    transform: translate3d(0px, 10px, 0px);
  }
}

@keyframes ms-slideDownOut10 {
  from {
    transform: translate3d(0px, 0, 0px);
  }

  to {
    transform: translate3d(0px, 10px, 0px);
  }
}

@-webkit-keyframes ms-slideDownOut20 {
  from {
    transform: translate3d(0px, 0, 0px);
  }

  to {
    transform: translate3d(0px, 20px, 0px);
  }
}

@keyframes ms-slideDownOut20 {
  from {
    transform: translate3d(0px, 0, 0px);
  }

  to {
    transform: translate3d(0px, 20px, 0px);
  }
}

@-webkit-keyframes ms-scaleUp100 {
  from {
    transform: scale3d(0.98, 0.98, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes ms-scaleUp100 {
  from {
    transform: scale3d(0.98, 0.98, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes ms-scaleUp103 {
  from {
    transform: scale3d(1, 1, 1);
  }

  to {
    transform: scale3d(1.03, 1.03, 1);
  }
}

@keyframes ms-scaleUp103 {
  from {
    transform: scale3d(1, 1, 1);
  }

  to {
    transform: scale3d(1.03, 1.03, 1);
  }
}

@-webkit-keyframes ms-scaleDown98 {
  from {
    transform: scale3d(1, 1, 1);
  }

  to {
    transform: scale3d(0.98, 0.98, 1);
  }
}

@keyframes ms-scaleDown98 {
  from {
    transform: scale3d(1, 1, 1);
  }

  to {
    transform: scale3d(0.98, 0.98, 1);
  }
}

@-webkit-keyframes ms-scaleDown100 {
  from {
    transform: scale3d(1.03, 1.03, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes ms-scaleDown100 {
  from {
    transform: scale3d(1.03, 1.03, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes ms-fadeIn {
  from {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
            animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  }

  to {
    opacity: 1;
  }
}

@keyframes ms-fadeIn {
  from {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
            animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes ms-fadeOut {
  from {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
            animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  }

  to {
    opacity: 0;
  }
}

@keyframes ms-fadeOut {
  from {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
            animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes ms-rotate90 {
  from {
    transform: rotateZ(0deg);
  }

  to {
    transform: rotateZ(90deg);
  }
}

@keyframes ms-rotate90 {
  from {
    transform: rotateZ(0deg);
  }

  to {
    transform: rotateZ(90deg);
  }
}

@-webkit-keyframes ms-rotateN90 {
  from {
    transform: rotateZ(90deg);
  }

  to {
    transform: rotateZ(0deg);
  }
}

@keyframes ms-rotateN90 {
  from {
    transform: rotateZ(90deg);
  }

  to {
    transform: rotateZ(0deg);
  }
}

[dir='ltr'] .ms-slideRightIn10 {
  -webkit-animation-name: ms-fadeIn, ms-slideRightIn10;
          animation-name: ms-fadeIn, ms-slideRightIn10;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='ltr'] .ms-slideRightIn10 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-slideRightIn10 {
  -webkit-animation-name: ms-fadeIn, ms-slideLeftIn10;
          animation-name: ms-fadeIn, ms-slideLeftIn10;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='rtl'] .ms-slideRightIn10 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-slideRightIn20 {
  -webkit-animation-name: ms-fadeIn, ms-slideRightIn20;
          animation-name: ms-fadeIn, ms-slideRightIn20;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='ltr'] .ms-slideRightIn20 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-slideRightIn20 {
  -webkit-animation-name: ms-fadeIn, ms-slideLeftIn20;
          animation-name: ms-fadeIn, ms-slideLeftIn20;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='rtl'] .ms-slideRightIn20 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-slideRightIn40 {
  -webkit-animation-name: ms-fadeIn, ms-slideRightIn40;
          animation-name: ms-fadeIn, ms-slideRightIn40;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='ltr'] .ms-slideRightIn40 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-slideRightIn40 {
  -webkit-animation-name: ms-fadeIn, ms-slideLeftIn40;
          animation-name: ms-fadeIn, ms-slideLeftIn40;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='rtl'] .ms-slideRightIn40 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-slideRightIn400 {
  -webkit-animation-name: ms-fadeIn, ms-slideRightIn400;
          animation-name: ms-fadeIn, ms-slideRightIn400;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='ltr'] .ms-slideRightIn400 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-slideRightIn400 {
  -webkit-animation-name: ms-fadeIn, ms-slideLeftIn400;
          animation-name: ms-fadeIn, ms-slideLeftIn400;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='rtl'] .ms-slideRightIn400 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-slideRightOut40 {
  -webkit-animation-name: ms-fadeOut, ms-slideRightOut40;
          animation-name: ms-fadeOut, ms-slideRightOut40;
  -webkit-animation-duration: 0.167s;
          animation-duration: 0.167s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
          animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='ltr'] .ms-slideRightOut40 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-slideRightOut40 {
  -webkit-animation-name: ms-fadeOut, ms-slideLeftOut40;
          animation-name: ms-fadeOut, ms-slideLeftOut40;
  -webkit-animation-duration: 0.167s;
          animation-duration: 0.167s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
          animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='rtl'] .ms-slideRightOut40 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-slideRightOut400 {
  -webkit-animation-name: ms-fadeOut, ms-slideRightOut400;
          animation-name: ms-fadeOut, ms-slideRightOut400;
  -webkit-animation-duration: 0.167s;
          animation-duration: 0.167s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
          animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='ltr'] .ms-slideRightOut400 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-slideRightOut400 {
  -webkit-animation-name: ms-fadeOut, ms-slideLeftOut400;
          animation-name: ms-fadeOut, ms-slideLeftOut400;
  -webkit-animation-duration: 0.167s;
          animation-duration: 0.167s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
          animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='rtl'] .ms-slideRightOut400 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-slideLeftIn10 {
  -webkit-animation-name: ms-fadeIn, ms-slideLeftIn10;
          animation-name: ms-fadeIn, ms-slideLeftIn10;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='ltr'] .ms-slideLeftIn10 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-slideLeftIn10 {
  -webkit-animation-name: ms-fadeIn, ms-slideRightIn10;
          animation-name: ms-fadeIn, ms-slideRightIn10;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='rtl'] .ms-slideLeftIn10 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-slideLeftIn20 {
  -webkit-animation-name: ms-fadeIn, ms-slideLeftIn20;
          animation-name: ms-fadeIn, ms-slideLeftIn20;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='ltr'] .ms-slideLeftIn20 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-slideLeftIn20 {
  -webkit-animation-name: ms-fadeIn, ms-slideRightIn20;
          animation-name: ms-fadeIn, ms-slideRightIn20;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='rtl'] .ms-slideLeftIn20 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-slideLeftIn40 {
  -webkit-animation-name: ms-fadeIn, ms-slideLeftIn40;
          animation-name: ms-fadeIn, ms-slideLeftIn40;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='ltr'] .ms-slideLeftIn40 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-slideLeftIn40 {
  -webkit-animation-name: ms-fadeIn, ms-slideRightIn40;
          animation-name: ms-fadeIn, ms-slideRightIn40;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='rtl'] .ms-slideLeftIn40 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-slideLeftIn400 {
  -webkit-animation-name: ms-fadeIn, ms-slideLeftIn400;
          animation-name: ms-fadeIn, ms-slideLeftIn400;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='ltr'] .ms-slideLeftIn400 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-slideLeftIn400 {
  -webkit-animation-name: ms-fadeIn, ms-slideRightIn400;
          animation-name: ms-fadeIn, ms-slideRightIn400;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='rtl'] .ms-slideLeftIn400 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-slideLeftOut40 {
  -webkit-animation-name: ms-fadeOut, ms-slideLeftOut40;
          animation-name: ms-fadeOut, ms-slideLeftOut40;
  -webkit-animation-duration: 0.167s;
          animation-duration: 0.167s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
          animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='ltr'] .ms-slideLeftOut40 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-slideLeftOut40 {
  -webkit-animation-name: ms-fadeOut, ms-slideRightOut40;
          animation-name: ms-fadeOut, ms-slideRightOut40;
  -webkit-animation-duration: 0.167s;
          animation-duration: 0.167s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
          animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='rtl'] .ms-slideLeftOut40 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-slideLeftOut400 {
  -webkit-animation-name: ms-fadeOut, ms-slideLeftOut400;
          animation-name: ms-fadeOut, ms-slideLeftOut400;
  -webkit-animation-duration: 0.167s;
          animation-duration: 0.167s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
          animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='ltr'] .ms-slideLeftOut400 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-slideLeftOut400 {
  -webkit-animation-name: ms-fadeOut, ms-slideRightOut400;
          animation-name: ms-fadeOut, ms-slideRightOut400;
  -webkit-animation-duration: 0.167s;
          animation-duration: 0.167s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
          animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='rtl'] .ms-slideLeftOut400 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-slideUpIn10 {
  -webkit-animation-name: ms-fadeIn, ms-slideUpIn10;
          animation-name: ms-fadeIn, ms-slideUpIn10;
  -webkit-animation-duration: 0.167s;
          animation-duration: 0.167s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
          animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .ms-slideUpIn10 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-slideUpIn20 {
  -webkit-animation-name: ms-fadeIn, ms-slideUpIn20;
          animation-name: ms-fadeIn, ms-slideUpIn20;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .ms-slideUpIn20 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-slideDownIn10 {
  -webkit-animation-name: ms-fadeIn, ms-slideDownIn10;
          animation-name: ms-fadeIn, ms-slideDownIn10;
  -webkit-animation-duration: 0.167s;
          animation-duration: 0.167s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
          animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .ms-slideDownIn10 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-slideDownIn20 {
  -webkit-animation-name: ms-fadeIn, ms-slideDownIn20;
          animation-name: ms-fadeIn, ms-slideDownIn20;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .ms-slideDownIn20 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-slideUpOut10 {
  -webkit-animation-name: ms-fadeOut, ms-slideUpOut10;
          animation-name: ms-fadeOut, ms-slideUpOut10;
  -webkit-animation-duration: 0.167s;
          animation-duration: 0.167s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
          animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .ms-slideUpOut10 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-slideUpOut20 {
  -webkit-animation-name: ms-fadeOut, ms-slideUpOut20;
          animation-name: ms-fadeOut, ms-slideUpOut20;
  -webkit-animation-duration: 0.167s;
          animation-duration: 0.167s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
          animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .ms-slideUpOut20 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-slideDownOut10 {
  -webkit-animation-name: ms-fadeOut, ms-slideDownOut10;
          animation-name: ms-fadeOut, ms-slideDownOut10;
  -webkit-animation-duration: 0.167s;
          animation-duration: 0.167s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
          animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .ms-slideDownOut10 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-slideDownOut20 {
  -webkit-animation-name: ms-fadeOut, ms-slideDownOut20;
          animation-name: ms-fadeOut, ms-slideDownOut20;
  -webkit-animation-duration: 0.167s;
          animation-duration: 0.167s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
          animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .ms-slideDownOut20 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-scaleUpIn100 {
  -webkit-animation-name: ms-fadeIn, ms-scaleUp100;
          animation-name: ms-fadeIn, ms-scaleUp100;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .ms-scaleUpIn100 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-scaleUpOut103 {
  -webkit-animation-name: ms-fadeOut, ms-scaleUp103;
          animation-name: ms-fadeOut, ms-scaleUp103;
  -webkit-animation-duration: 0.167s;
          animation-duration: 0.167s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
          animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .ms-scaleUpOut103 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-scaleDownOut98 {
  -webkit-animation-name: ms-fadeOut, ms-scaleDown98;
          animation-name: ms-fadeOut, ms-scaleDown98;
  -webkit-animation-duration: 0.167s;
          animation-duration: 0.167s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
          animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .ms-scaleDownOut98 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-scaleDownIn100 {
  -webkit-animation-name: ms-fadeIn, ms-scaleDown100;
          animation-name: ms-fadeIn, ms-scaleDown100;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .ms-scaleDownIn100 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-fadeIn100 {
  -webkit-animation-name: ms-fadeIn;
          animation-name: ms-fadeIn;
  -webkit-animation-duration: 0.167s;
          animation-duration: 0.167s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .ms-fadeIn100 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-fadeIn200 {
  -webkit-animation-name: ms-fadeIn;
          animation-name: ms-fadeIn;
  -webkit-animation-duration: 0.267s;
          animation-duration: 0.267s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .ms-fadeIn200 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-fadeIn400 {
  -webkit-animation-name: ms-fadeIn;
          animation-name: ms-fadeIn;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .ms-fadeIn400 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-fadeIn500 {
  -webkit-animation-name: ms-fadeIn;
          animation-name: ms-fadeIn;
  -webkit-animation-duration: 0.467s;
          animation-duration: 0.467s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .ms-fadeIn500 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-fadeOut100 {
  -webkit-animation-name: ms-fadeOut;
          animation-name: ms-fadeOut;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .ms-fadeOut100 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-fadeOut200 {
  -webkit-animation-name: ms-fadeOut;
          animation-name: ms-fadeOut;
  -webkit-animation-duration: 0.167s;
          animation-duration: 0.167s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .ms-fadeOut200 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-fadeOut400 {
  -webkit-animation-name: ms-fadeOut;
          animation-name: ms-fadeOut;
  -webkit-animation-duration: 0.367s;
          animation-duration: 0.367s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .ms-fadeOut400 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-fadeOut500 {
  -webkit-animation-name: ms-fadeOut;
          animation-name: ms-fadeOut;
  -webkit-animation-duration: 0.467s;
          animation-duration: 0.467s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
          animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  .ms-fadeOut500 {
    -webkit-animation: none;
            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 {
  -webkit-animation-delay: 0.167s;
          animation-delay: 0.167s;
}

.ms-delay200 {
  -webkit-animation-delay: 0.267s;
          animation-delay: 0.267s;
}

[dir='ltr'] .ms-rotate90deg {
  -webkit-animation-name: ms-rotate90;
          animation-name: ms-rotate90;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
          animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='ltr'] .ms-rotate90deg {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-rotate90deg {
  -webkit-animation-name: ms-rotateN90;
          animation-name: ms-rotateN90;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
          animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='rtl'] .ms-rotate90deg {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-rotateN90deg {
  -webkit-animation-name: ms-rotateN90;
          animation-name: ms-rotateN90;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
          animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='ltr'] .ms-rotateN90deg {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-rotateN90deg {
  -webkit-animation-name: ms-rotate90;
          animation-name: ms-rotate90;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
          animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@media (prefers-reduced-motion: reduce) {
  [dir='rtl'] .ms-rotateN90deg {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-BrandIcon--access.ms-BrandIcon--icon16 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/access_16x1.png);
}

.ms-BrandIcon--access.ms-BrandIcon--icon48 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/access_48x1.png);
}

.ms-BrandIcon--access.ms-BrandIcon--icon96 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/access_96x1.png);
}

.ms-BrandIcon--excel.ms-BrandIcon--icon16 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/excel_16x1.png);
}

.ms-BrandIcon--excel.ms-BrandIcon--icon48 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/excel_48x1.png);
}

.ms-BrandIcon--excel.ms-BrandIcon--icon96 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/excel_96x1.png);
}

.ms-BrandIcon--infopath.ms-BrandIcon--icon16 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/infopath_16x1.png);
}

.ms-BrandIcon--infopath.ms-BrandIcon--icon48 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/infopath_48x1.png);
}

.ms-BrandIcon--infopath.ms-BrandIcon--icon96 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/infopath_96x1.png);
}

.ms-BrandIcon--office.ms-BrandIcon--icon16 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/office_16x1.png);
}

.ms-BrandIcon--office.ms-BrandIcon--icon48 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/office_48x1.png);
}

.ms-BrandIcon--office.ms-BrandIcon--icon96 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/office_96x1.png);
}

.ms-BrandIcon--onedrive.ms-BrandIcon--icon16 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/onedrive_16x1.png);
}

.ms-BrandIcon--onedrive.ms-BrandIcon--icon48 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/onedrive_48x1.png);
}

.ms-BrandIcon--onedrive.ms-BrandIcon--icon96 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/onedrive_96x1.png);
}

.ms-BrandIcon--onenote.ms-BrandIcon--icon16 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/onenote_16x1.png);
}

.ms-BrandIcon--onenote.ms-BrandIcon--icon48 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/onenote_48x1.png);
}

.ms-BrandIcon--onenote.ms-BrandIcon--icon96 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/onenote_96x1.png);
}

.ms-BrandIcon--outlook.ms-BrandIcon--icon16 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/outlook_16x1.png);
}

.ms-BrandIcon--outlook.ms-BrandIcon--icon48 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/outlook_48x1.png);
}

.ms-BrandIcon--outlook.ms-BrandIcon--icon96 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/outlook_96x1.png);
}

.ms-BrandIcon--powerpoint.ms-BrandIcon--icon16 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/powerpoint_16x1.png);
}

.ms-BrandIcon--powerpoint.ms-BrandIcon--icon48 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/powerpoint_48x1.png);
}

.ms-BrandIcon--powerpoint.ms-BrandIcon--icon96 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/powerpoint_96x1.png);
}

.ms-BrandIcon--project.ms-BrandIcon--icon16 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/project_16x1.png);
}

.ms-BrandIcon--project.ms-BrandIcon--icon48 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/project_48x1.png);
}

.ms-BrandIcon--project.ms-BrandIcon--icon96 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/project_96x1.png);
}

.ms-BrandIcon--sharepoint.ms-BrandIcon--icon16 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/sharepoint_16x1.png);
}

.ms-BrandIcon--sharepoint.ms-BrandIcon--icon48 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/sharepoint_48x1.png);
}

.ms-BrandIcon--sharepoint.ms-BrandIcon--icon96 {
  background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product-fluent/png/sharepoint_96x1.png);
}

.ms-BrandIcon--teams.ms-BrandIcon--icon16 {
  background-image: url(https://s