office-ui-fabric-react/dist/css/fabric-11.0.0.scoped.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-Fabric--v11-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-Fabric--v11-0-0 .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-Fabric--v11-0-0 .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-Fabric--v11-0-0 .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-Fabric--v11-0-0 .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-Fabric--v11-0-0 .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-Fabric--v11-0-0 .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-Fabric--v11-0-0 .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-Fabric--v11-0-0 .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-Fabric--v11-0-0 .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-Fabric--v11-0-0 .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-Fabric--v11-0-0 .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-Fabric--v11-0-0 .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-Fabric--v11-0-0 .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-Fabric--v11-0-0 .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-Fabric--v11-0-0 .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--v11-0-0 {
  from {
    transform: translate3d(-10px, 0px, 0px);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes ms-fadeIn--v11-0-0 {
  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--v11-0-0 {
  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--v11-0-0 {
  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--v11-0-0 {
  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--v11-0-0 {
  from {
    transform: rotateZ(0deg);
  }

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

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

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

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

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

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

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

[dir='ltr'] .ms-Fabric--v11-0-0 .ms-slideRightIn10 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-slideRightIn10--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-slideRightIn10--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideRightIn10 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-Fabric--v11-0-0 .ms-slideRightIn10 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-slideLeftIn10--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-slideLeftIn10--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideRightIn10 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-Fabric--v11-0-0 .ms-slideRightIn20 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-slideRightIn20--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-slideRightIn20--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideRightIn20 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-Fabric--v11-0-0 .ms-slideRightIn20 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-slideLeftIn20--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-slideLeftIn20--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideRightIn20 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-Fabric--v11-0-0 .ms-slideRightIn40 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-slideRightIn40--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-slideRightIn40--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideRightIn40 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-Fabric--v11-0-0 .ms-slideRightIn40 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-slideLeftIn40--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-slideLeftIn40--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideRightIn40 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-Fabric--v11-0-0 .ms-slideRightIn400 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-slideRightIn400--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-slideRightIn400--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideRightIn400 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-Fabric--v11-0-0 .ms-slideRightIn400 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-slideLeftIn400--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-slideLeftIn400--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideRightIn400 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-Fabric--v11-0-0 .ms-slideRightOut40 {
  -webkit-animation-name: ms-fadeOut--v11-0-0, ms-slideRightOut40--v11-0-0;
          animation-name: ms-fadeOut--v11-0-0, ms-slideRightOut40--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideRightOut40 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-Fabric--v11-0-0 .ms-slideRightOut40 {
  -webkit-animation-name: ms-fadeOut--v11-0-0, ms-slideLeftOut40--v11-0-0;
          animation-name: ms-fadeOut--v11-0-0, ms-slideLeftOut40--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideRightOut40 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-Fabric--v11-0-0 .ms-slideRightOut400 {
  -webkit-animation-name: ms-fadeOut--v11-0-0, ms-slideRightOut400--v11-0-0;
          animation-name: ms-fadeOut--v11-0-0, ms-slideRightOut400--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideRightOut400 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-Fabric--v11-0-0 .ms-slideRightOut400 {
  -webkit-animation-name: ms-fadeOut--v11-0-0, ms-slideLeftOut400--v11-0-0;
          animation-name: ms-fadeOut--v11-0-0, ms-slideLeftOut400--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideRightOut400 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-Fabric--v11-0-0 .ms-slideLeftIn10 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-slideLeftIn10--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-slideLeftIn10--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideLeftIn10 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-Fabric--v11-0-0 .ms-slideLeftIn10 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-slideRightIn10--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-slideRightIn10--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideLeftIn10 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-Fabric--v11-0-0 .ms-slideLeftIn20 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-slideLeftIn20--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-slideLeftIn20--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideLeftIn20 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-Fabric--v11-0-0 .ms-slideLeftIn20 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-slideRightIn20--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-slideRightIn20--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideLeftIn20 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-Fabric--v11-0-0 .ms-slideLeftIn40 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-slideLeftIn40--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-slideLeftIn40--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideLeftIn40 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-Fabric--v11-0-0 .ms-slideLeftIn40 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-slideRightIn40--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-slideRightIn40--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideLeftIn40 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-Fabric--v11-0-0 .ms-slideLeftIn400 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-slideLeftIn400--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-slideLeftIn400--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideLeftIn400 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-Fabric--v11-0-0 .ms-slideLeftIn400 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-slideRightIn400--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-slideRightIn400--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideLeftIn400 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-Fabric--v11-0-0 .ms-slideLeftOut40 {
  -webkit-animation-name: ms-fadeOut--v11-0-0, ms-slideLeftOut40--v11-0-0;
          animation-name: ms-fadeOut--v11-0-0, ms-slideLeftOut40--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideLeftOut40 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-Fabric--v11-0-0 .ms-slideLeftOut40 {
  -webkit-animation-name: ms-fadeOut--v11-0-0, ms-slideRightOut40--v11-0-0;
          animation-name: ms-fadeOut--v11-0-0, ms-slideRightOut40--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideLeftOut40 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-Fabric--v11-0-0 .ms-slideLeftOut400 {
  -webkit-animation-name: ms-fadeOut--v11-0-0, ms-slideLeftOut400--v11-0-0;
          animation-name: ms-fadeOut--v11-0-0, ms-slideLeftOut400--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideLeftOut400 {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-Fabric--v11-0-0 .ms-slideLeftOut400 {
  -webkit-animation-name: ms-fadeOut--v11-0-0, ms-slideRightOut400--v11-0-0;
          animation-name: ms-fadeOut--v11-0-0, ms-slideRightOut400--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideLeftOut400 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .ms-slideUpIn10 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-slideUpIn10--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-slideUpIn10--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideUpIn10 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .ms-slideUpIn20 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-slideUpIn20--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-slideUpIn20--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideUpIn20 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .ms-slideDownIn10 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-slideDownIn10--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-slideDownIn10--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideDownIn10 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .ms-slideDownIn20 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-slideDownIn20--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-slideDownIn20--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideDownIn20 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .ms-slideUpOut10 {
  -webkit-animation-name: ms-fadeOut--v11-0-0, ms-slideUpOut10--v11-0-0;
          animation-name: ms-fadeOut--v11-0-0, ms-slideUpOut10--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideUpOut10 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .ms-slideUpOut20 {
  -webkit-animation-name: ms-fadeOut--v11-0-0, ms-slideUpOut20--v11-0-0;
          animation-name: ms-fadeOut--v11-0-0, ms-slideUpOut20--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideUpOut20 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .ms-slideDownOut10 {
  -webkit-animation-name: ms-fadeOut--v11-0-0, ms-slideDownOut10--v11-0-0;
          animation-name: ms-fadeOut--v11-0-0, ms-slideDownOut10--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideDownOut10 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .ms-slideDownOut20 {
  -webkit-animation-name: ms-fadeOut--v11-0-0, ms-slideDownOut20--v11-0-0;
          animation-name: ms-fadeOut--v11-0-0, ms-slideDownOut20--v11-0-0;
  -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-Fabric--v11-0-0 .ms-slideDownOut20 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .ms-scaleUpIn100 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-scaleUp100--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-scaleUp100--v11-0-0;
  -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-Fabric--v11-0-0 .ms-scaleUpIn100 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .ms-scaleUpOut103 {
  -webkit-animation-name: ms-fadeOut--v11-0-0, ms-scaleUp103--v11-0-0;
          animation-name: ms-fadeOut--v11-0-0, ms-scaleUp103--v11-0-0;
  -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-Fabric--v11-0-0 .ms-scaleUpOut103 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .ms-scaleDownOut98 {
  -webkit-animation-name: ms-fadeOut--v11-0-0, ms-scaleDown98--v11-0-0;
          animation-name: ms-fadeOut--v11-0-0, ms-scaleDown98--v11-0-0;
  -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-Fabric--v11-0-0 .ms-scaleDownOut98 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .ms-scaleDownIn100 {
  -webkit-animation-name: ms-fadeIn--v11-0-0, ms-scaleDown100--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0, ms-scaleDown100--v11-0-0;
  -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-Fabric--v11-0-0 .ms-scaleDownIn100 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .ms-fadeIn100 {
  -webkit-animation-name: ms-fadeIn--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0;
  -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-Fabric--v11-0-0 .ms-fadeIn100 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .ms-fadeIn200 {
  -webkit-animation-name: ms-fadeIn--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0;
  -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-Fabric--v11-0-0 .ms-fadeIn200 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .ms-fadeIn400 {
  -webkit-animation-name: ms-fadeIn--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0;
  -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-Fabric--v11-0-0 .ms-fadeIn400 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .ms-fadeIn500 {
  -webkit-animation-name: ms-fadeIn--v11-0-0;
          animation-name: ms-fadeIn--v11-0-0;
  -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-Fabric--v11-0-0 .ms-fadeIn500 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .ms-fadeOut100 {
  -webkit-animation-name: ms-fadeOut--v11-0-0;
          animation-name: ms-fadeOut--v11-0-0;
  -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-Fabric--v11-0-0 .ms-fadeOut100 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .ms-fadeOut200 {
  -webkit-animation-name: ms-fadeOut--v11-0-0;
          animation-name: ms-fadeOut--v11-0-0;
  -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-Fabric--v11-0-0 .ms-fadeOut200 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .ms-fadeOut400 {
  -webkit-animation-name: ms-fadeOut--v11-0-0;
          animation-name: ms-fadeOut--v11-0-0;
  -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-Fabric--v11-0-0 .ms-fadeOut400 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .ms-fadeOut500 {
  -webkit-animation-name: ms-fadeOut--v11-0-0;
          animation-name: ms-fadeOut--v11-0-0;
  -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-Fabric--v11-0-0 .ms-fadeOut500 {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .ms-expandCollapse100 {
  transition: height 0.1s cubic-bezier(0.1, 0.25, 0.75, 0.9);
}

@media (prefers-reduced-motion: reduce) {
  .ms-Fabric--v11-0-0 .ms-expandCollapse100 {
    transition: none;
  }
}

.ms-Fabric--v11-0-0 .ms-expandCollapse200 {
  transition: height 0.167s cubic-bezier(0.1, 0.25, 0.75, 0.9);
}

@media (prefers-reduced-motion: reduce) {
  .ms-Fabric--v11-0-0 .ms-expandCollapse200 {
    transition: none;
  }
}

.ms-Fabric--v11-0-0 .ms-expandCollapse400 {
  transition: height 0.367s cubic-bezier(0.1, 0.25, 0.75, 0.9);
}

@media (prefers-reduced-motion: reduce) {
  .ms-Fabric--v11-0-0 .ms-expandCollapse400 {
    transition: none;
  }
}

.ms-Fabric--v11-0-0 .ms-delay100 {
  -webkit-animation-delay: 0.167s;
          animation-delay: 0.167s;
}

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

[dir='ltr'] .ms-Fabric--v11-0-0 .ms-rotate90deg {
  -webkit-animation-name: ms-rotate90--v11-0-0;
          animation-name: ms-rotate90--v11-0-0;
  -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-Fabric--v11-0-0 .ms-rotate90deg {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-Fabric--v11-0-0 .ms-rotate90deg {
  -webkit-animation-name: ms-rotateN90--v11-0-0;
          animation-name: ms-rotateN90--v11-0-0;
  -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-Fabric--v11-0-0 .ms-rotate90deg {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='ltr'] .ms-Fabric--v11-0-0 .ms-rotateN90deg {
  -webkit-animation-name: ms-rotateN90--v11-0-0;
          animation-name: ms-rotateN90--v11-0-0;
  -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-Fabric--v11-0-0 .ms-rotateN90deg {
    -webkit-animation: none;
            animation: none;
  }
}

[dir='rtl'] .ms-Fabric--v11-0-0 .ms-rotateN90deg {
  -webkit-animation-name: ms-rotate90--v11-0-0;
          animation-name: ms-rotate90--v11-0-0;
  -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-Fabric--v11-0-0 .ms-rotateN90deg {
    -webkit-animation: none;
            animation: none;
  }
}

.ms-Fabric--v11-0-0 .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-Fabric--v11-0-0 .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-Fabric--v11-0-0 .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-Fabric--v11-0-0 .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-Fabric--v11-0-0 .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-Fabric--v11-0-0 .ms-BrandIcon--excel.ms-BrandIcon--icon96 {
  background-image: url(https://sta