/*
  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license
*/
@keyframes ms-slideRightIn10 {
  from {
    transform: translate3d(-10px, 0px, 0px); }
  to {
    transform: translate3d(0px, 0px, 0px); } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ms-slideUpIn10 {
  animation-name: ms-fadeIn, ms-slideUpIn10;
  animation-duration: 0.167s;
  animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  animation-fill-mode: both; }
  @media (prefers-reduced-motion: reduce) {
    .ms-slideUpIn10 {
      animation: none; } }

.ms-slideUpIn20 {
  animation-name: ms-fadeIn, ms-slideUpIn20;
  animation-duration: 0.367s;
  animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  animation-fill-mode: both; }
  @media (prefers-reduced-motion: reduce) {
    .ms-slideUpIn20 {
      animation: none; } }

.ms-slideDownIn10 {
  animation-name: ms-fadeIn, ms-slideDownIn10;
  animation-duration: 0.167s;
  animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  animation-fill-mode: both; }
  @media (prefers-reduced-motion: reduce) {
    .ms-slideDownIn10 {
      animation: none; } }

.ms-slideDownIn20 {
  animation-name: ms-fadeIn, ms-slideDownIn20;
  animation-duration: 0.367s;
  animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  animation-fill-mode: both; }
  @media (prefers-reduced-motion: reduce) {
    .ms-slideDownIn20 {
      animation: none; } }

.ms-slideUpOut10 {
  animation-name: ms-fadeOut, ms-slideUpOut10;
  animation-duration: 0.167s;
  animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  animation-fill-mode: both; }
  @media (prefers-reduced-motion: reduce) {
    .ms-slideUpOut10 {
      animation: none; } }

.ms-slideUpOut20 {
  animation-name: ms-fadeOut, ms-slideUpOut20;
  animation-duration: 0.167s;
  animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  animation-fill-mode: both; }
  @media (prefers-reduced-motion: reduce) {
    .ms-slideUpOut20 {
      animation: none; } }

.ms-slideDownOut10 {
  animation-name: ms-fadeOut, ms-slideDownOut10;
  animation-duration: 0.167s;
  animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  animation-fill-mode: both; }
  @media (prefers-reduced-motion: reduce) {
    .ms-slideDownOut10 {
      animation: none; } }

.ms-slideDownOut20 {
  animation-name: ms-fadeOut, ms-slideDownOut20;
  animation-duration: 0.167s;
  animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  animation-fill-mode: both; }
  @media (prefers-reduced-motion: reduce) {
    .ms-slideDownOut20 {
      animation: none; } }

.ms-scaleUpIn100 {
  animation-name: ms-fadeIn, ms-scaleUp100;
  animation-duration: 0.367s;
  animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  animation-fill-mode: both; }
  @media (prefers-reduced-motion: reduce) {
    .ms-scaleUpIn100 {
      animation: none; } }

.ms-scaleUpOut103 {
  animation-name: ms-fadeOut, ms-scaleUp103;
  animation-duration: 0.167s;
  animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  animation-fill-mode: both; }
  @media (prefers-reduced-motion: reduce) {
    .ms-scaleUpOut103 {
      animation: none; } }

.ms-scaleDownOut98 {
  animation-name: ms-fadeOut, ms-scaleDown98;
  animation-duration: 0.167s;
  animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  animation-fill-mode: both; }
  @media (prefers-reduced-motion: reduce) {
    .ms-scaleDownOut98 {
      animation: none; } }

.ms-scaleDownIn100 {
  animation-name: ms-fadeIn, ms-scaleDown100;
  animation-duration: 0.367s;
  animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  animation-fill-mode: both; }
  @media (prefers-reduced-motion: reduce) {
    .ms-scaleDownIn100 {
      animation: none; } }

.ms-fadeIn100 {
  animation-name: ms-fadeIn;
  animation-duration: 0.167s;
  animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  animation-fill-mode: both; }
  @media (prefers-reduced-motion: reduce) {
    .ms-fadeIn100 {
      animation: none; } }

.ms-fadeIn200 {
  animation-name: ms-fadeIn;
  animation-duration: 0.267s;
  animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  animation-fill-mode: both; }
  @media (prefers-reduced-motion: reduce) {
    .ms-fadeIn200 {
      animation: none; } }

.ms-fadeIn400 {
  animation-name: ms-fadeIn;
  animation-duration: 0.367s;
  animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  animation-fill-mode: both; }
  @media (prefers-reduced-motion: reduce) {
    .ms-fadeIn400 {
      animation: none; } }

.ms-fadeIn500 {
  animation-name: ms-fadeIn;
  animation-duration: 0.467s;
  animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  animation-fill-mode: both; }
  @media (prefers-reduced-motion: reduce) {
    .ms-fadeIn500 {
      animation: none; } }

.ms-fadeOut100 {
  animation-name: ms-fadeOut;
  animation-duration: 0.1s;
  animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  animation-fill-mode: both; }
  @media (prefers-reduced-motion: reduce) {
    .ms-fadeOut100 {
      animation: none; } }

.ms-fadeOut200 {
  animation-name: ms-fadeOut;
  animation-duration: 0.167s;
  animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  animation-fill-mode: both; }
  @media (prefers-reduced-motion: reduce) {
    .ms-fadeOut200 {
      animation: none; } }

.ms-fadeOut400 {
  animation-name: ms-fadeOut;
  animation-duration: 0.367s;
  animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  animation-fill-mode: both; }
  @media (prefers-reduced-motion: reduce) {
    .ms-fadeOut400 {
      animation: none; } }

.ms-fadeOut500 {
  animation-name: ms-fadeOut;
  animation-duration: 0.467s;
  animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  animation-fill-mode: both; }
  @media (prefers-reduced-motion: reduce) {
    .ms-fadeOut500 {
      animation: none; } }

.ms-expandCollapse100 {
  transition: height 0.1s cubic-bezier(0.1, 0.25, 0.75, 0.9); }
  @media (prefers-reduced-motion: reduce) {
    .ms-expandCollapse100 {
      transition: none; } }

.ms-expandCollapse200 {
  transition: height 0.167s cubic-bezier(0.1, 0.25, 0.75, 0.9); }
  @media (prefers-reduced-motion: reduce) {
    .ms-expandCollapse200 {
      transition: none; } }

.ms-expandCollapse400 {
  transition: height 0.367s cubic-bezier(0.1, 0.25, 0.75, 0.9); }
  @media (prefers-reduced-motion: reduce) {
    .ms-expandCollapse400 {
      transition: none; } }

.ms-delay100 {
  animation-delay: 0.167s; }

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

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

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

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

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