office-ui-fabric-rails 2.6.0.0 → 2.6.1.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,6 +1,6 @@
1
1
  /* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. */
2
2
  /**
3
- * Office UI Fabric 2.6.0
3
+ * Office UI Fabric 2.6.1
4
4
  * The front-end framework for building experiences for Office 365.
5
5
  **/
6
6
 
@@ -3090,12 +3090,10 @@
3090
3090
  position: absolute;
3091
3091
  top: 0;
3092
3092
  right: 0;
3093
- -webkit-transform: scale(2);
3094
- -ms-transform: scale(2);
3095
- transform: scale(2);
3096
- -webkit-transform-origin: 50% 50%;
3097
- -ms-transform-origin: 50% 50%;
3098
- transform-origin: 50% 50%;
3093
+ -ms-transform: scale(2);
3094
+ transform: scale(2);
3095
+ -ms-transform-origin: 50% 50%;
3096
+ transform-origin: 50% 50%;
3099
3097
  z-index: 0;
3100
3098
  }
3101
3099
 
@@ -3721,848 +3719,487 @@
3721
3719
  .ms-Icon--arrowDownLeft:before,
3722
3720
  .ms-Icon--arrowUpLeft:before,
3723
3721
  .ms-Icon--bundle:before {
3724
- -webkit-transform: scaleX(-1);
3725
- -ms-transform: scaleX(-1);
3726
- transform: scaleX(-1);
3722
+ -ms-transform: scaleX(-1);
3723
+ transform: scaleX(-1);
3727
3724
  }
3728
3725
 
3729
3726
  .ms-u-slideRightIn10 {
3730
- -webkit-animation-name: fadeIn, slideRightIn10;
3731
- animation-name: fadeIn, slideRightIn10;
3727
+ animation-name: fadeIn, slideRightIn10;
3732
3728
  -webkit-animation-duration: 0.367s;
3733
3729
  -moz-animation-duration: 0.367s;
3734
3730
  -ms-animation-duration: 0.367s;
3735
3731
  -o-animation-duration: 0.367s;
3736
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3737
- animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3738
- -webkit-animation-fill-mode: both;
3739
- animation-fill-mode: both;
3740
- }
3741
-
3742
- @-webkit-keyframes slideRightIn10 {
3743
- from {
3744
- -webkit-transform: translate3d(-10px, 0px, 0px);
3745
- }
3746
-
3747
- to {
3748
- -webkit-transform: translate3d(0px, 0px, 0px);
3749
- }
3732
+ animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3733
+ animation-fill-mode: both;
3750
3734
  }
3751
3735
 
3752
3736
  @keyframes slideRightIn10 {
3753
3737
  from {
3754
- -webkit-transform: translate3d(-10px, 0px, 0px);
3755
- transform: translate3d(-10px, 0px, 0px);
3738
+ transform: translate3d(-10px, 0px, 0px);
3756
3739
  }
3757
3740
 
3758
3741
  to {
3759
- -webkit-transform: translate3d(0px, 0px, 0px);
3760
- transform: translate3d(0px, 0px, 0px);
3742
+ transform: translate3d(0px, 0px, 0px);
3761
3743
  }
3762
3744
  }
3763
3745
 
3764
3746
  .ms-u-slideRightIn20 {
3765
- -webkit-animation-name: fadeIn, slideRightIn20;
3766
- animation-name: fadeIn, slideRightIn20;
3747
+ animation-name: fadeIn, slideRightIn20;
3767
3748
  -webkit-animation-duration: 0.367s;
3768
3749
  -moz-animation-duration: 0.367s;
3769
3750
  -ms-animation-duration: 0.367s;
3770
3751
  -o-animation-duration: 0.367s;
3771
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3772
- animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3773
- -webkit-animation-fill-mode: both;
3774
- animation-fill-mode: both;
3775
- }
3776
-
3777
- @-webkit-keyframes slideRightIn20 {
3778
- from {
3779
- -webkit-transform: translate3d(-20px, 0px, 0px);
3780
- }
3781
-
3782
- to {
3783
- -webkit-transform: translate3d(0px, 0px, 0px);
3784
- }
3752
+ animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3753
+ animation-fill-mode: both;
3785
3754
  }
3786
3755
 
3787
3756
  @keyframes slideRightIn20 {
3788
3757
  from {
3789
- -webkit-transform: translate3d(-20px, 0px, 0px);
3790
- transform: translate3d(-20px, 0px, 0px);
3758
+ transform: translate3d(-20px, 0px, 0px);
3791
3759
  }
3792
3760
 
3793
3761
  to {
3794
- -webkit-transform: translate3d(0px, 0px, 0px);
3795
- transform: translate3d(0px, 0px, 0px);
3762
+ transform: translate3d(0px, 0px, 0px);
3796
3763
  }
3797
3764
  }
3798
3765
 
3799
3766
  .ms-u-slideRightIn40 {
3800
- -webkit-animation-name: fadeIn, slideRightIn40;
3801
- animation-name: fadeIn, slideRightIn40;
3767
+ animation-name: fadeIn, slideRightIn40;
3802
3768
  -webkit-animation-duration: 0.367s;
3803
3769
  -moz-animation-duration: 0.367s;
3804
3770
  -ms-animation-duration: 0.367s;
3805
3771
  -o-animation-duration: 0.367s;
3806
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3807
- animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3808
- -webkit-animation-fill-mode: both;
3809
- animation-fill-mode: both;
3810
- }
3811
-
3812
- @-webkit-keyframes slideRightIn40 {
3813
- from {
3814
- -webkit-transform: translate3d(-40px, 0px, 0px);
3815
- }
3816
-
3817
- to {
3818
- -webkit-transform: translate3d(0px, 0px, 0px);
3819
- }
3772
+ animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3773
+ animation-fill-mode: both;
3820
3774
  }
3821
3775
 
3822
3776
  @keyframes slideRightIn40 {
3823
3777
  from {
3824
- -webkit-transform: translate3d(-40px, 0px, 0px);
3825
- transform: translate3d(-40px, 0px, 0px);
3778
+ transform: translate3d(-40px, 0px, 0px);
3826
3779
  }
3827
3780
 
3828
3781
  to {
3829
- -webkit-transform: translate3d(0px, 0px, 0px);
3830
- transform: translate3d(0px, 0px, 0px);
3782
+ transform: translate3d(0px, 0px, 0px);
3831
3783
  }
3832
3784
  }
3833
3785
 
3834
3786
  .ms-u-slideLeftIn10 {
3835
- -webkit-animation-name: fadeIn, slideLeftIn10;
3836
- animation-name: fadeIn, slideLeftIn10;
3787
+ animation-name: fadeIn, slideLeftIn10;
3837
3788
  -webkit-animation-duration: 0.367s;
3838
3789
  -moz-animation-duration: 0.367s;
3839
3790
  -ms-animation-duration: 0.367s;
3840
3791
  -o-animation-duration: 0.367s;
3841
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3842
- animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3843
- -webkit-animation-fill-mode: both;
3844
- animation-fill-mode: both;
3845
- }
3846
-
3847
- @-webkit-keyframes slideLeftIn10 {
3848
- from {
3849
- -webkit-transform: translate3d(10px, 0px, 0px);
3850
- }
3851
-
3852
- to {
3853
- -webkit-transform: translate3d(0px, 0px, 0px);
3854
- }
3792
+ animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3793
+ animation-fill-mode: both;
3855
3794
  }
3856
3795
 
3857
3796
  @keyframes slideLeftIn10 {
3858
3797
  from {
3859
- -webkit-transform: translate3d(10px, 0px, 0px);
3860
- transform: translate3d(10px, 0px, 0px);
3798
+ transform: translate3d(10px, 0px, 0px);
3861
3799
  }
3862
3800
 
3863
3801
  to {
3864
- -webkit-transform: translate3d(0px, 0px, 0px);
3865
- transform: translate3d(0px, 0px, 0px);
3802
+ transform: translate3d(0px, 0px, 0px);
3866
3803
  }
3867
3804
  }
3868
3805
 
3869
3806
  .ms-u-slideLeftIn20 {
3870
- -webkit-animation-name: fadeIn, slideLeftIn20;
3871
- animation-name: fadeIn, slideLeftIn20;
3807
+ animation-name: fadeIn, slideLeftIn20;
3872
3808
  -webkit-animation-duration: 0.367s;
3873
3809
  -moz-animation-duration: 0.367s;
3874
3810
  -ms-animation-duration: 0.367s;
3875
3811
  -o-animation-duration: 0.367s;
3876
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3877
- animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3878
- -webkit-animation-fill-mode: both;
3879
- animation-fill-mode: both;
3880
- }
3881
-
3882
- @-webkit-keyframes slideLeftIn20 {
3883
- from {
3884
- -webkit-transform: translate3d(20px, 0px, 0px);
3885
- }
3886
-
3887
- to {
3888
- -webkit-transform: translate3d(0px, 0px, 0px);
3889
- }
3812
+ animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3813
+ animation-fill-mode: both;
3890
3814
  }
3891
3815
 
3892
3816
  @keyframes slideLeftIn20 {
3893
3817
  from {
3894
- -webkit-transform: translate3d(20px, 0px, 0px);
3895
- transform: translate3d(20px, 0px, 0px);
3818
+ transform: translate3d(20px, 0px, 0px);
3896
3819
  }
3897
3820
 
3898
3821
  to {
3899
- -webkit-transform: translate3d(0px, 0px, 0px);
3900
- transform: translate3d(0px, 0px, 0px);
3822
+ transform: translate3d(0px, 0px, 0px);
3901
3823
  }
3902
3824
  }
3903
3825
 
3904
3826
  .ms-u-slideLeftIn40 {
3905
- -webkit-animation-name: fadeIn, slideLeftIn40;
3906
- animation-name: fadeIn, slideLeftIn40;
3827
+ animation-name: fadeIn, slideLeftIn40;
3907
3828
  -webkit-animation-duration: 0.367s;
3908
3829
  -moz-animation-duration: 0.367s;
3909
3830
  -ms-animation-duration: 0.367s;
3910
3831
  -o-animation-duration: 0.367s;
3911
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3912
- animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3913
- -webkit-animation-fill-mode: both;
3914
- animation-fill-mode: both;
3915
- }
3916
-
3917
- @-webkit-keyframes slideLeftIn40 {
3918
- from {
3919
- -webkit-transform: translate3d(40px, 0px, 0px);
3920
- }
3921
-
3922
- to {
3923
- -webkit-transform: translate3d(0px, 0px, 0px);
3924
- }
3832
+ animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3833
+ animation-fill-mode: both;
3925
3834
  }
3926
3835
 
3927
3836
  @keyframes slideLeftIn40 {
3928
3837
  from {
3929
- -webkit-transform: translate3d(40px, 0px, 0px);
3930
- transform: translate3d(40px, 0px, 0px);
3838
+ transform: translate3d(40px, 0px, 0px);
3931
3839
  }
3932
3840
 
3933
3841
  to {
3934
- -webkit-transform: translate3d(0px, 0px, 0px);
3935
- transform: translate3d(0px, 0px, 0px);
3842
+ transform: translate3d(0px, 0px, 0px);
3936
3843
  }
3937
3844
  }
3938
3845
 
3939
3846
  .ms-u-slideRightIn400 {
3940
- -webkit-animation-name: fadeIn, slideRightIn400;
3941
- animation-name: fadeIn, slideRightIn400;
3847
+ animation-name: fadeIn, slideRightIn400;
3942
3848
  -webkit-animation-duration: 0.367s;
3943
3849
  -moz-animation-duration: 0.367s;
3944
3850
  -ms-animation-duration: 0.367s;
3945
3851
  -o-animation-duration: 0.367s;
3946
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3947
- animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3948
- -webkit-animation-fill-mode: both;
3949
- animation-fill-mode: both;
3950
- }
3951
-
3952
- @-webkit-keyframes slideRightIn400 {
3953
- from {
3954
- -webkit-transform: translate3d(-400px, 0px, 0px);
3955
- }
3956
-
3957
- to {
3958
- -webkit-transform: translate3d(0px, 0px, 0px);
3959
- }
3852
+ animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3853
+ animation-fill-mode: both;
3960
3854
  }
3961
3855
 
3962
3856
  @keyframes slideRightIn400 {
3963
3857
  from {
3964
- -webkit-transform: translate3d(-400px, 0px, 0px);
3965
- transform: translate3d(-400px, 0px, 0px);
3858
+ transform: translate3d(-400px, 0px, 0px);
3966
3859
  }
3967
3860
 
3968
3861
  to {
3969
- -webkit-transform: translate3d(0px, 0px, 0px);
3970
- transform: translate3d(0px, 0px, 0px);
3862
+ transform: translate3d(0px, 0px, 0px);
3971
3863
  }
3972
3864
  }
3973
3865
 
3974
3866
  .ms-u-slideLeftIn400 {
3975
- -webkit-animation-name: fadeIn, slideLeft400;
3976
- animation-name: fadeIn, slideLeft400;
3867
+ animation-name: fadeIn, slideLeft400;
3977
3868
  -webkit-animation-duration: 0.367s;
3978
3869
  -moz-animation-duration: 0.367s;
3979
3870
  -ms-animation-duration: 0.367s;
3980
3871
  -o-animation-duration: 0.367s;
3981
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3982
- animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3983
- -webkit-animation-fill-mode: both;
3984
- animation-fill-mode: both;
3985
- }
3986
-
3987
- @-webkit-keyframes slideLeft400 {
3988
- from {
3989
- -webkit-transform: translate3d(400px, 0px, 0px);
3990
- }
3991
-
3992
- to {
3993
- -webkit-transform: translate3d(0px, 0px, 0px);
3994
- }
3872
+ animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3873
+ animation-fill-mode: both;
3995
3874
  }
3996
3875
 
3997
3876
  @keyframes slideLeft400 {
3998
3877
  from {
3999
- -webkit-transform: translate3d(400px, 0px, 0px);
4000
- transform: translate3d(400px, 0px, 0px);
3878
+ transform: translate3d(400px, 0px, 0px);
4001
3879
  }
4002
3880
 
4003
3881
  to {
4004
- -webkit-transform: translate3d(0px, 0px, 0px);
4005
- transform: translate3d(0px, 0px, 0px);
3882
+ transform: translate3d(0px, 0px, 0px);
4006
3883
  }
4007
3884
  }
4008
3885
 
4009
3886
  .ms-u-slideUpIn20 {
4010
- -webkit-animation-name: fadeIn, slideUpIn20;
4011
- animation-name: fadeIn, slideUpIn20;
3887
+ animation-name: fadeIn, slideUpIn20;
4012
3888
  -webkit-animation-duration: 0.367s;
4013
3889
  -moz-animation-duration: 0.367s;
4014
3890
  -ms-animation-duration: 0.367s;
4015
3891
  -o-animation-duration: 0.367s;
4016
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4017
- animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4018
- -webkit-animation-fill-mode: both;
4019
- animation-fill-mode: both;
4020
- }
4021
-
4022
- @-webkit-keyframes slideUpIn20 {
4023
- from {
4024
- -webkit-transform: translate3d(0px, 20px, 0px);
4025
- }
4026
-
4027
- to {
4028
- -webkit-transform: translate3d(0px, 0px, 0px);
4029
- }
3892
+ animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3893
+ animation-fill-mode: both;
4030
3894
  }
4031
3895
 
4032
3896
  @keyframes slideUpIn20 {
4033
3897
  from {
4034
- -webkit-transform: translate3d(0px, 20px, 0px);
4035
- transform: translate3d(0px, 20px, 0px);
3898
+ transform: translate3d(0px, 20px, 0px);
4036
3899
  }
4037
3900
 
4038
3901
  to {
4039
- -webkit-transform: translate3d(0px, 0px, 0px);
4040
- transform: translate3d(0px, 0px, 0px);
3902
+ transform: translate3d(0px, 0px, 0px);
4041
3903
  }
4042
3904
  }
4043
3905
 
4044
3906
  .ms-u-slideUpIn10 {
4045
- -webkit-animation-name: fadeIn, slideUpIn10;
4046
- animation-name: fadeIn, slideUpIn10;
3907
+ animation-name: fadeIn, slideUpIn10;
4047
3908
  -webkit-animation-duration: 0.167s;
4048
3909
  -moz-animation-duration: 0.167s;
4049
3910
  -ms-animation-duration: 0.167s;
4050
3911
  -o-animation-duration: 0.167s;
4051
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4052
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4053
- -webkit-animation-fill-mode: both;
4054
- animation-fill-mode: both;
4055
- }
4056
-
4057
- @-webkit-keyframes slideUpIn10 {
4058
- from {
4059
- -webkit-transform: translate3d(0px, 10px, 0px);
4060
- }
4061
-
4062
- to {
4063
- -webkit-transform: translate3d(0px, 0px, 0px);
4064
- }
3912
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
3913
+ animation-fill-mode: both;
4065
3914
  }
4066
3915
 
4067
3916
  @keyframes slideUpIn10 {
4068
3917
  from {
4069
- -webkit-transform: translate3d(0px, 10px, 0px);
4070
- transform: translate3d(0px, 10px, 0px);
3918
+ transform: translate3d(0px, 10px, 0px);
4071
3919
  }
4072
3920
 
4073
3921
  to {
4074
- -webkit-transform: translate3d(0px, 0px, 0px);
4075
- transform: translate3d(0px, 0px, 0px);
3922
+ transform: translate3d(0px, 0px, 0px);
4076
3923
  }
4077
3924
  }
4078
3925
 
4079
3926
  .ms-u-slideDownIn20 {
4080
- -webkit-animation-name: fadeIn, slideDownIn20;
4081
- animation-name: fadeIn, slideDownIn20;
3927
+ animation-name: fadeIn, slideDownIn20;
4082
3928
  -webkit-animation-duration: 0.367s;
4083
3929
  -moz-animation-duration: 0.367s;
4084
3930
  -ms-animation-duration: 0.367s;
4085
3931
  -o-animation-duration: 0.367s;
4086
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4087
- animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4088
- -webkit-animation-fill-mode: both;
4089
- animation-fill-mode: both;
4090
- }
4091
-
4092
- @-webkit-keyframes slideDownIn20 {
4093
- from {
4094
- -webkit-transform: translate3d(0px, -20px, 0px);
4095
- }
4096
-
4097
- to {
4098
- -webkit-transform: translate3d(0px, 0px, 0px);
4099
- }
3932
+ animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
3933
+ animation-fill-mode: both;
4100
3934
  }
4101
3935
 
4102
3936
  @keyframes slideDownIn20 {
4103
3937
  from {
4104
- -webkit-transform: translate3d(0px, -20px, 0px);
4105
- transform: translate3d(0px, -20px, 0px);
3938
+ transform: translate3d(0px, -20px, 0px);
4106
3939
  }
4107
3940
 
4108
3941
  to {
4109
- -webkit-transform: translate3d(0px, 0px, 0px);
4110
- transform: translate3d(0px, 0px, 0px);
3942
+ transform: translate3d(0px, 0px, 0px);
4111
3943
  }
4112
3944
  }
4113
3945
 
4114
3946
  .ms-u-slideDownIn10 {
4115
- -webkit-animation-name: fadeIn, slideDownIn10;
4116
- animation-name: fadeIn, slideDownIn10;
3947
+ animation-name: fadeIn, slideDownIn10;
4117
3948
  -webkit-animation-duration: 0.167s;
4118
3949
  -moz-animation-duration: 0.167s;
4119
3950
  -ms-animation-duration: 0.167s;
4120
3951
  -o-animation-duration: 0.167s;
4121
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4122
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4123
- -webkit-animation-fill-mode: both;
4124
- animation-fill-mode: both;
4125
- }
4126
-
4127
- @-webkit-keyframes slideDownIn10 {
4128
- from {
4129
- -webkit-transform: translate3d(0px, -10px, 0px);
4130
- }
4131
-
4132
- to {
4133
- -webkit-transform: translate3d(0px, 0px, 0px);
4134
- }
3952
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
3953
+ animation-fill-mode: both;
4135
3954
  }
4136
3955
 
4137
3956
  @keyframes slideDownIn10 {
4138
3957
  from {
4139
- -webkit-transform: translate3d(0px, -10px, 0px);
4140
- transform: translate3d(0px, -10px, 0px);
3958
+ transform: translate3d(0px, -10px, 0px);
4141
3959
  }
4142
3960
 
4143
3961
  to {
4144
- -webkit-transform: translate3d(0px, 0px, 0px);
4145
- transform: translate3d(0px, 0px, 0px);
3962
+ transform: translate3d(0px, 0px, 0px);
4146
3963
  }
4147
3964
  }
4148
3965
 
4149
3966
  .ms-u-slideRightOut40 {
4150
- -webkit-animation-name: fadeOut, slideRightOut40;
4151
- animation-name: fadeOut, slideRightOut40;
3967
+ animation-name: fadeOut, slideRightOut40;
4152
3968
  -webkit-animation-duration: 0.167s;
4153
3969
  -moz-animation-duration: 0.167s;
4154
3970
  -ms-animation-duration: 0.167s;
4155
3971
  -o-animation-duration: 0.167s;
4156
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4157
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4158
- -webkit-animation-fill-mode: both;
4159
- animation-fill-mode: both;
4160
- }
4161
-
4162
- @-webkit-keyframes slideRightOut40 {
4163
- from {
4164
- -webkit-transform: translate3d(0px, 0px, 0px);
4165
- }
4166
-
4167
- to {
4168
- -webkit-transform: translate3d(40px, 0px, 0px);
4169
- }
3972
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
3973
+ animation-fill-mode: both;
4170
3974
  }
4171
3975
 
4172
3976
  @keyframes slideRightOut40 {
4173
3977
  from {
4174
- -webkit-transform: translate3d(0px, 0px, 0px);
4175
- transform: translate3d(0px, 0px, 0px);
3978
+ transform: translate3d(0px, 0px, 0px);
4176
3979
  }
4177
3980
 
4178
3981
  to {
4179
- -webkit-transform: translate3d(40px, 0px, 0px);
4180
- transform: translate3d(40px, 0px, 0px);
3982
+ transform: translate3d(40px, 0px, 0px);
4181
3983
  }
4182
3984
  }
4183
3985
 
4184
3986
  .ms-u-slideLeftOut40 {
4185
- -webkit-animation-name: fadeOut, slideLeftOut40;
4186
- animation-name: fadeOut, slideLeftOut40;
3987
+ animation-name: fadeOut, slideLeftOut40;
4187
3988
  -webkit-animation-duration: 0.167s;
4188
3989
  -moz-animation-duration: 0.167s;
4189
3990
  -ms-animation-duration: 0.167s;
4190
3991
  -o-animation-duration: 0.167s;
4191
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4192
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4193
- -webkit-animation-fill-mode: both;
4194
- animation-fill-mode: both;
4195
- }
4196
-
4197
- @-webkit-keyframes slideLeftOut40 {
4198
- from {
4199
- -webkit-transform: translate3d(0, 0px, 0px);
4200
- }
4201
-
4202
- to {
4203
- -webkit-transform: translate3d(-40px, 0px, 0px);
4204
- }
3992
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
3993
+ animation-fill-mode: both;
4205
3994
  }
4206
3995
 
4207
3996
  @keyframes slideLeftOut40 {
4208
3997
  from {
4209
- -webkit-transform: translate3d(0, 0px, 0px);
4210
- transform: translate3d(0, 0px, 0px);
3998
+ transform: translate3d(0, 0px, 0px);
4211
3999
  }
4212
4000
 
4213
4001
  to {
4214
- -webkit-transform: translate3d(-40px, 0px, 0px);
4215
- transform: translate3d(-40px, 0px, 0px);
4002
+ transform: translate3d(-40px, 0px, 0px);
4216
4003
  }
4217
4004
  }
4218
4005
 
4219
4006
  .ms-u-slideRightOut400 {
4220
- -webkit-animation-name: fadeOut, slideRightOut400;
4221
- animation-name: fadeOut, slideRightOut400;
4007
+ animation-name: fadeOut, slideRightOut400;
4222
4008
  -webkit-animation-duration: 0.167s;
4223
4009
  -moz-animation-duration: 0.167s;
4224
4010
  -ms-animation-duration: 0.167s;
4225
4011
  -o-animation-duration: 0.167s;
4226
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4227
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4228
- -webkit-animation-fill-mode: both;
4229
- animation-fill-mode: both;
4230
- }
4231
-
4232
- @-webkit-keyframes slideRightOut400 {
4233
- from {
4234
- -webkit-transform: translate3d(0, 0px, 0px);
4235
- }
4236
-
4237
- to {
4238
- -webkit-transform: translate3d(400px, 0px, 0px);
4239
- }
4012
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4013
+ animation-fill-mode: both;
4240
4014
  }
4241
4015
 
4242
4016
  @keyframes slideRightOut400 {
4243
4017
  from {
4244
- -webkit-transform: translate3d(0, 0px, 0px);
4245
- transform: translate3d(0, 0px, 0px);
4018
+ transform: translate3d(0, 0px, 0px);
4246
4019
  }
4247
4020
 
4248
4021
  to {
4249
- -webkit-transform: translate3d(400px, 0px, 0px);
4250
- transform: translate3d(400px, 0px, 0px);
4022
+ transform: translate3d(400px, 0px, 0px);
4251
4023
  }
4252
4024
  }
4253
4025
 
4254
4026
  .ms-u-slideLeftOut400 {
4255
- -webkit-animation-name: fadeOut, slideLeftOut400;
4256
- animation-name: fadeOut, slideLeftOut400;
4027
+ animation-name: fadeOut, slideLeftOut400;
4257
4028
  -webkit-animation-duration: 0.167s;
4258
4029
  -moz-animation-duration: 0.167s;
4259
4030
  -ms-animation-duration: 0.167s;
4260
4031
  -o-animation-duration: 0.167s;
4261
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4262
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4263
- -webkit-animation-fill-mode: both;
4264
- animation-fill-mode: both;
4265
- }
4266
-
4267
- @-webkit-keyframes slideLeftOut400 {
4268
- from {
4269
- -webkit-transform: translate3d(0, 0px, 0px);
4270
- }
4271
-
4272
- to {
4273
- -webkit-transform: translate3d(-400px, 0px, 0px);
4274
- }
4032
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4033
+ animation-fill-mode: both;
4275
4034
  }
4276
4035
 
4277
4036
  @keyframes slideLeftOut400 {
4278
4037
  from {
4279
- -webkit-transform: translate3d(0, 0px, 0px);
4280
- transform: translate3d(0, 0px, 0px);
4038
+ transform: translate3d(0, 0px, 0px);
4281
4039
  }
4282
4040
 
4283
4041
  to {
4284
- -webkit-transform: translate3d(-400px, 0px, 0px);
4285
- transform: translate3d(-400px, 0px, 0px);
4042
+ transform: translate3d(-400px, 0px, 0px);
4286
4043
  }
4287
4044
  }
4288
4045
 
4289
4046
  .ms-u-slideUpOut20 {
4290
- -webkit-animation-name: fadeOut, slideUpOut20;
4291
- animation-name: fadeOut, slideUpOut20;
4047
+ animation-name: fadeOut, slideUpOut20;
4292
4048
  -webkit-animation-duration: 0.167s;
4293
4049
  -moz-animation-duration: 0.167s;
4294
4050
  -ms-animation-duration: 0.167s;
4295
4051
  -o-animation-duration: 0.167s;
4296
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4297
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4298
- -webkit-animation-fill-mode: both;
4299
- animation-fill-mode: both;
4300
- }
4301
-
4302
- @-webkit-keyframes slideUpOut20 {
4303
- from {
4304
- -webkit-transform: translate3d(0px, 0, 0px);
4305
- }
4306
-
4307
- to {
4308
- -webkit-transform: translate3d(0px, -20px, 0px);
4309
- }
4052
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4053
+ animation-fill-mode: both;
4310
4054
  }
4311
4055
 
4312
4056
  @keyframes slideUpOut20 {
4313
4057
  from {
4314
- -webkit-transform: translate3d(0px, 0, 0px);
4315
- transform: translate3d(0px, 0, 0px);
4058
+ transform: translate3d(0px, 0, 0px);
4316
4059
  }
4317
4060
 
4318
4061
  to {
4319
- -webkit-transform: translate3d(0px, -20px, 0px);
4320
- transform: translate3d(0px, -20px, 0px);
4062
+ transform: translate3d(0px, -20px, 0px);
4321
4063
  }
4322
4064
  }
4323
4065
 
4324
4066
  .ms-u-slideUpOut10 {
4325
- -webkit-animation-name: fadeOut, slideUpOut10;
4326
- animation-name: fadeOut, slideUpOut10;
4067
+ animation-name: fadeOut, slideUpOut10;
4327
4068
  -webkit-animation-duration: 0.167s;
4328
4069
  -moz-animation-duration: 0.167s;
4329
4070
  -ms-animation-duration: 0.167s;
4330
4071
  -o-animation-duration: 0.167s;
4331
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4332
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4333
- -webkit-animation-fill-mode: both;
4334
- animation-fill-mode: both;
4335
- }
4336
-
4337
- @-webkit-keyframes slideUpOut10 {
4338
- from {
4339
- -webkit-transform: translate3d(0px, 0, 0px);
4340
- }
4341
-
4342
- to {
4343
- -webkit-transform: translate3d(0px, -10px, 0px);
4344
- }
4072
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4073
+ animation-fill-mode: both;
4345
4074
  }
4346
4075
 
4347
4076
  @keyframes slideUpOut10 {
4348
4077
  from {
4349
- -webkit-transform: translate3d(0px, 0, 0px);
4350
- transform: translate3d(0px, 0, 0px);
4078
+ transform: translate3d(0px, 0, 0px);
4351
4079
  }
4352
4080
 
4353
4081
  to {
4354
- -webkit-transform: translate3d(0px, -10px, 0px);
4355
- transform: translate3d(0px, -10px, 0px);
4082
+ transform: translate3d(0px, -10px, 0px);
4356
4083
  }
4357
4084
  }
4358
4085
 
4359
4086
  .ms-u-slideDownOut20 {
4360
- -webkit-animation-name: fadeOut, slideDownOut20;
4361
- animation-name: fadeOut, slideDownOut20;
4087
+ animation-name: fadeOut, slideDownOut20;
4362
4088
  -webkit-animation-duration: 0.167s;
4363
4089
  -moz-animation-duration: 0.167s;
4364
4090
  -ms-animation-duration: 0.167s;
4365
4091
  -o-animation-duration: 0.167s;
4366
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4367
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4368
- -webkit-animation-fill-mode: both;
4369
- animation-fill-mode: both;
4370
- }
4371
-
4372
- @-webkit-keyframes slideDownOut20 {
4373
- from {
4374
- -webkit-transform: translate3d(0px, 0, 0px);
4375
- }
4376
-
4377
- to {
4378
- -webkit-transform: translate3d(0px, 20px, 0px);
4379
- }
4092
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4093
+ animation-fill-mode: both;
4380
4094
  }
4381
4095
 
4382
4096
  @keyframes slideDownOut20 {
4383
4097
  from {
4384
- -webkit-transform: translate3d(0px, 0, 0px);
4385
- transform: translate3d(0px, 0, 0px);
4098
+ transform: translate3d(0px, 0, 0px);
4386
4099
  }
4387
4100
 
4388
4101
  to {
4389
- -webkit-transform: translate3d(0px, 20px, 0px);
4390
- transform: translate3d(0px, 20px, 0px);
4102
+ transform: translate3d(0px, 20px, 0px);
4391
4103
  }
4392
4104
  }
4393
4105
 
4394
4106
  .ms-u-slideDownOut10 {
4395
- -webkit-animation-name: fadeOut, slideDownOut10;
4396
- animation-name: fadeOut, slideDownOut10;
4107
+ animation-name: fadeOut, slideDownOut10;
4397
4108
  -webkit-animation-duration: 0.167s;
4398
4109
  -moz-animation-duration: 0.167s;
4399
4110
  -ms-animation-duration: 0.167s;
4400
4111
  -o-animation-duration: 0.167s;
4401
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4402
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4403
- -webkit-animation-fill-mode: both;
4404
- animation-fill-mode: both;
4405
- }
4406
-
4407
- @-webkit-keyframes slideDownOut10 {
4408
- from {
4409
- -webkit-transform: translate3d(0px, 0, 0px);
4410
- }
4411
-
4412
- to {
4413
- -webkit-transform: translate3d(0px, 10px, 0px);
4414
- }
4112
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4113
+ animation-fill-mode: both;
4415
4114
  }
4416
4115
 
4417
4116
  @keyframes slideDownOut10 {
4418
4117
  from {
4419
- -webkit-transform: translate3d(0px, 0, 0px);
4420
- transform: translate3d(0px, 0, 0px);
4118
+ transform: translate3d(0px, 0, 0px);
4421
4119
  }
4422
4120
 
4423
4121
  to {
4424
- -webkit-transform: translate3d(0px, 10px, 0px);
4425
- transform: translate3d(0px, 10px, 0px);
4122
+ transform: translate3d(0px, 10px, 0px);
4426
4123
  }
4427
4124
  }
4428
4125
 
4429
4126
  .ms-u-scaleUpIn100 {
4430
- -webkit-animation-name: fadeIn, scaleUp100;
4431
- animation-name: fadeIn, scaleUp100;
4127
+ animation-name: fadeIn, scaleUp100;
4432
4128
  -webkit-animation-duration: 0.367s;
4433
4129
  -moz-animation-duration: 0.367s;
4434
4130
  -ms-animation-duration: 0.367s;
4435
4131
  -o-animation-duration: 0.367s;
4436
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4437
- animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4438
- -webkit-animation-fill-mode: both;
4439
- animation-fill-mode: both;
4440
- }
4441
-
4442
- @-webkit-keyframes scaleUp100 {
4443
- from {
4444
- -webkit-transform: scale3d(0.98, 0.98, 1);
4445
- }
4446
-
4447
- to {
4448
- -webkit-transform: scale3d(1, 1, 1);
4449
- }
4132
+ animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4133
+ animation-fill-mode: both;
4450
4134
  }
4451
4135
 
4452
4136
  @keyframes scaleUp100 {
4453
4137
  from {
4454
- -webkit-transform: scale3d(0.98, 0.98, 1);
4455
- transform: scale3d(0.98, 0.98, 1);
4138
+ transform: scale3d(0.98, 0.98, 1);
4456
4139
  }
4457
4140
 
4458
4141
  to {
4459
- -webkit-transform: scale3d(1, 1, 1);
4460
- transform: scale3d(1, 1, 1);
4142
+ transform: scale3d(1, 1, 1);
4461
4143
  }
4462
4144
  }
4463
4145
 
4464
4146
  .ms-u-scaleDownIn100 {
4465
- -webkit-animation-name: fadeIn, scaleDown100;
4466
- animation-name: fadeIn, scaleDown100;
4147
+ animation-name: fadeIn, scaleDown100;
4467
4148
  -webkit-animation-duration: 0.367s;
4468
4149
  -moz-animation-duration: 0.367s;
4469
4150
  -ms-animation-duration: 0.367s;
4470
4151
  -o-animation-duration: 0.367s;
4471
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4472
- animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4473
- -webkit-animation-fill-mode: both;
4474
- animation-fill-mode: both;
4475
- }
4476
-
4477
- @-webkit-keyframes scaleDown100 {
4478
- from {
4479
- -webkit-transform: scale3d(1.03, 1.03, 1);
4480
- }
4481
-
4482
- to {
4483
- -webkit-transform: scale3d(1, 1, 1);
4484
- }
4152
+ animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4153
+ animation-fill-mode: both;
4485
4154
  }
4486
4155
 
4487
4156
  @keyframes scaleDown100 {
4488
4157
  from {
4489
- -webkit-transform: scale3d(1.03, 1.03, 1);
4490
- transform: scale3d(1.03, 1.03, 1);
4158
+ transform: scale3d(1.03, 1.03, 1);
4491
4159
  }
4492
4160
 
4493
4161
  to {
4494
- -webkit-transform: scale3d(1, 1, 1);
4495
- transform: scale3d(1, 1, 1);
4162
+ transform: scale3d(1, 1, 1);
4496
4163
  }
4497
4164
  }
4498
4165
 
4499
4166
  .ms-u-scaleUpOut103 {
4500
- -webkit-animation-name: fadeOut, scaleUp103;
4501
- animation-name: fadeOut, scaleUp103;
4167
+ animation-name: fadeOut, scaleUp103;
4502
4168
  -webkit-animation-duration: 0.167s;
4503
4169
  -moz-animation-duration: 0.167s;
4504
4170
  -ms-animation-duration: 0.167s;
4505
4171
  -o-animation-duration: 0.167s;
4506
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4507
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4508
- -webkit-animation-fill-mode: both;
4509
- animation-fill-mode: both;
4510
- }
4511
-
4512
- @-webkit-keyframes scaleUp103 {
4513
- from {
4514
- -webkit-transform: scale3d(1, 1, 1);
4515
- }
4516
-
4517
- to {
4518
- -webkit-transform: scale3d(1.03, 1.03, 1);
4519
- }
4172
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4173
+ animation-fill-mode: both;
4520
4174
  }
4521
4175
 
4522
4176
  @keyframes scaleUp103 {
4523
4177
  from {
4524
- -webkit-transform: scale3d(1, 1, 1);
4525
- transform: scale3d(1, 1, 1);
4178
+ transform: scale3d(1, 1, 1);
4526
4179
  }
4527
4180
 
4528
4181
  to {
4529
- -webkit-transform: scale3d(1.03, 1.03, 1);
4530
- transform: scale3d(1.03, 1.03, 1);
4182
+ transform: scale3d(1.03, 1.03, 1);
4531
4183
  }
4532
4184
  }
4533
4185
 
4534
4186
  .ms-u-scaleDownOut98 {
4535
- -webkit-animation-name: fadeOut, scaleDown98;
4536
- animation-name: fadeOut, scaleDown98;
4187
+ animation-name: fadeOut, scaleDown98;
4537
4188
  -webkit-animation-duration: 0.167s;
4538
4189
  -moz-animation-duration: 0.167s;
4539
4190
  -ms-animation-duration: 0.167s;
4540
4191
  -o-animation-duration: 0.167s;
4541
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4542
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4543
- -webkit-animation-fill-mode: both;
4544
- animation-fill-mode: both;
4545
- }
4546
-
4547
- @-webkit-keyframes scaleDown98 {
4548
- from {
4549
- -webkit-transform: scale3d(1, 1, 1);
4550
- }
4551
-
4552
- to {
4553
- -webkit-transform: scale3d(0.98, 0.98, 1);
4554
- }
4192
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4193
+ animation-fill-mode: both;
4555
4194
  }
4556
4195
 
4557
4196
  @keyframes scaleDown98 {
4558
4197
  from {
4559
- -webkit-transform: scale3d(1, 1, 1);
4560
- transform: scale3d(1, 1, 1);
4198
+ transform: scale3d(1, 1, 1);
4561
4199
  }
4562
4200
 
4563
4201
  to {
4564
- -webkit-transform: scale3d(0.98, 0.98, 1);
4565
- transform: scale3d(0.98, 0.98, 1);
4202
+ transform: scale3d(0.98, 0.98, 1);
4566
4203
  }
4567
4204
  }
4568
4205
 
@@ -4570,11 +4207,8 @@
4570
4207
  -webkit-animation-duration: 0.367s;
4571
4208
  -webkit-animation-name: fadeIn;
4572
4209
  -webkit-animation-fill-mode: both;
4573
- -webkit-animation-duration: 0.367s;
4574
4210
  animation-duration: 0.367s;
4575
- -webkit-animation-name: fadeIn;
4576
4211
  animation-name: fadeIn;
4577
- -webkit-animation-fill-mode: both;
4578
4212
  animation-fill-mode: both;
4579
4213
  }
4580
4214
 
@@ -4582,13 +4216,9 @@
4582
4216
  -webkit-animation-duration: 0.367s;
4583
4217
  -webkit-animation-name: fadeIn;
4584
4218
  -webkit-animation-fill-mode: both;
4585
- -webkit-animation-duration: 0.367s;
4586
4219
  animation-duration: 0.367s;
4587
- -webkit-animation-name: fadeIn;
4588
4220
  animation-name: fadeIn;
4589
- -webkit-animation-fill-mode: both;
4590
4221
  animation-fill-mode: both;
4591
- -webkit-animation-duration: 0.167s;
4592
4222
  animation-duration: 0.167s;
4593
4223
  }
4594
4224
 
@@ -4596,13 +4226,9 @@
4596
4226
  -webkit-animation-duration: 0.367s;
4597
4227
  -webkit-animation-name: fadeIn;
4598
4228
  -webkit-animation-fill-mode: both;
4599
- -webkit-animation-duration: 0.367s;
4600
4229
  animation-duration: 0.367s;
4601
- -webkit-animation-name: fadeIn;
4602
4230
  animation-name: fadeIn;
4603
- -webkit-animation-fill-mode: both;
4604
4231
  animation-fill-mode: both;
4605
- -webkit-animation-duration: 0.267s;
4606
4232
  animation-duration: 0.267s;
4607
4233
  }
4608
4234
 
@@ -4610,32 +4236,16 @@
4610
4236
  -webkit-animation-duration: 0.367s;
4611
4237
  -webkit-animation-name: fadeIn;
4612
4238
  -webkit-animation-fill-mode: both;
4613
- -webkit-animation-duration: 0.367s;
4614
4239
  animation-duration: 0.367s;
4615
- -webkit-animation-name: fadeIn;
4616
4240
  animation-name: fadeIn;
4617
- -webkit-animation-fill-mode: both;
4618
4241
  animation-fill-mode: both;
4619
- -webkit-animation-duration: 0.467s;
4620
4242
  animation-duration: 0.467s;
4621
4243
  }
4622
4244
 
4623
- @-webkit-keyframes fadeIn {
4624
- from {
4625
- opacity: 0;
4626
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4627
- }
4628
-
4629
- to {
4630
- opacity: 1;
4631
- }
4632
- }
4633
-
4634
4245
  @keyframes fadeIn {
4635
4246
  from {
4636
4247
  opacity: 0;
4637
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4638
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4248
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4639
4249
  }
4640
4250
 
4641
4251
  to {
@@ -4647,11 +4257,8 @@
4647
4257
  -webkit-animation-duration: 0.367s;
4648
4258
  -webkit-animation-name: fadeOut;
4649
4259
  -webkit-animation-fill-mode: both;
4650
- -webkit-animation-duration: 0.367s;
4651
4260
  animation-duration: 0.367s;
4652
- -webkit-animation-name: fadeOut;
4653
4261
  animation-name: fadeOut;
4654
- -webkit-animation-fill-mode: both;
4655
4262
  animation-fill-mode: both;
4656
4263
  }
4657
4264
 
@@ -4659,13 +4266,9 @@
4659
4266
  -webkit-animation-duration: 0.367s;
4660
4267
  -webkit-animation-name: fadeOut;
4661
4268
  -webkit-animation-fill-mode: both;
4662
- -webkit-animation-duration: 0.367s;
4663
4269
  animation-duration: 0.367s;
4664
- -webkit-animation-name: fadeOut;
4665
4270
  animation-name: fadeOut;
4666
- -webkit-animation-fill-mode: both;
4667
4271
  animation-fill-mode: both;
4668
- -webkit-animation-duration: 0.1s;
4669
4272
  animation-duration: 0.1s;
4670
4273
  }
4671
4274
 
@@ -4673,13 +4276,9 @@
4673
4276
  -webkit-animation-duration: 0.367s;
4674
4277
  -webkit-animation-name: fadeOut;
4675
4278
  -webkit-animation-fill-mode: both;
4676
- -webkit-animation-duration: 0.367s;
4677
4279
  animation-duration: 0.367s;
4678
- -webkit-animation-name: fadeOut;
4679
4280
  animation-name: fadeOut;
4680
- -webkit-animation-fill-mode: both;
4681
4281
  animation-fill-mode: both;
4682
- -webkit-animation-duration: 0.167s;
4683
4282
  animation-duration: 0.167s;
4684
4283
  }
4685
4284
 
@@ -4687,32 +4286,16 @@
4687
4286
  -webkit-animation-duration: 0.367s;
4688
4287
  -webkit-animation-name: fadeOut;
4689
4288
  -webkit-animation-fill-mode: both;
4690
- -webkit-animation-duration: 0.367s;
4691
4289
  animation-duration: 0.367s;
4692
- -webkit-animation-name: fadeOut;
4693
4290
  animation-name: fadeOut;
4694
- -webkit-animation-fill-mode: both;
4695
4291
  animation-fill-mode: both;
4696
- -webkit-animation-duration: 0.467s;
4697
4292
  animation-duration: 0.467s;
4698
4293
  }
4699
4294
 
4700
- @-webkit-keyframes fadeOut {
4701
- from {
4702
- opacity: 1;
4703
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4704
- }
4705
-
4706
- to {
4707
- opacity: 0;
4708
- }
4709
- }
4710
-
4711
4295
  @keyframes fadeOut {
4712
4296
  from {
4713
4297
  opacity: 1;
4714
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4715
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4298
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4716
4299
  }
4717
4300
 
4718
4301
  to {
@@ -4721,72 +4304,42 @@
4721
4304
  }
4722
4305
 
4723
4306
  .ms-u-rotate90deg {
4724
- -webkit-animation-name: rotate90;
4725
- animation-name: rotate90;
4307
+ animation-name: rotate90;
4726
4308
  -webkit-animation-duration: 0.1s;
4727
4309
  -moz-animation-duration: 0.1s;
4728
4310
  -ms-animation-duration: 0.1s;
4729
4311
  -o-animation-duration: 0.1s;
4730
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4731
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4732
- -webkit-animation-fill-mode: both;
4733
- animation-fill-mode: both;
4734
- }
4735
-
4736
- @-webkit-keyframes rotate90 {
4737
- from {
4738
- -webkit-transform: rotateZ(0deg);
4739
- }
4740
-
4741
- to {
4742
- -webkit-transform: rotateZ(90deg);
4743
- }
4312
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4313
+ animation-fill-mode: both;
4744
4314
  }
4745
4315
 
4746
4316
  @keyframes rotate90 {
4747
4317
  from {
4748
- -webkit-transform: rotateZ(0deg);
4749
- transform: rotateZ(0deg);
4318
+ transform: rotateZ(0deg);
4750
4319
  }
4751
4320
 
4752
4321
  to {
4753
- -webkit-transform: rotateZ(90deg);
4754
- transform: rotateZ(90deg);
4322
+ transform: rotateZ(90deg);
4755
4323
  }
4756
4324
  }
4757
4325
 
4758
4326
  .ms-u-rotateN90deg {
4759
- -webkit-animation-name: rotateN90;
4760
- animation-name: rotateN90;
4327
+ animation-name: rotateN90;
4761
4328
  -webkit-animation-duration: 0.1s;
4762
4329
  -moz-animation-duration: 0.1s;
4763
4330
  -ms-animation-duration: 0.1s;
4764
4331
  -o-animation-duration: 0.1s;
4765
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4766
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4767
- -webkit-animation-fill-mode: both;
4768
- animation-fill-mode: both;
4769
- }
4770
-
4771
- @-webkit-keyframes rotateN90 {
4772
- from {
4773
- -webkit-transform: rotateZ(90deg);
4774
- }
4775
-
4776
- to {
4777
- -webkit-transform: rotateZ(0deg);
4778
- }
4332
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4333
+ animation-fill-mode: both;
4779
4334
  }
4780
4335
 
4781
4336
  @keyframes rotateN90 {
4782
4337
  from {
4783
- -webkit-transform: rotateZ(90deg);
4784
- transform: rotateZ(90deg);
4338
+ transform: rotateZ(90deg);
4785
4339
  }
4786
4340
 
4787
4341
  to {
4788
- -webkit-transform: rotateZ(0deg);
4789
- transform: rotateZ(0deg);
4342
+ transform: rotateZ(0deg);
4790
4343
  }
4791
4344
  }
4792
4345
 
@@ -4803,195 +4356,151 @@
4803
4356
  }
4804
4357
 
4805
4358
  .ms-u-delay100 {
4806
- -webkit-animation-delay: 0.167s;
4807
- animation-delay: 0.167s;
4359
+ animation-delay: 0.167s;
4808
4360
  }
4809
4361
 
4810
4362
  .ms-u-delay200 {
4811
- -webkit-animation-delay: 0.267s;
4812
- animation-delay: 0.267s;
4363
+ animation-delay: 0.267s;
4813
4364
  }
4814
4365
 
4815
4366
  .ms-u-slideRightIn10 {
4816
- -webkit-animation-name: fadeIn, slideLeft10;
4817
- animation-name: fadeIn, slideLeft10;
4367
+ animation-name: fadeIn, slideLeft10;
4818
4368
  -webkit-animation-duration: 0.367s;
4819
4369
  -moz-animation-duration: 0.367s;
4820
4370
  -ms-animation-duration: 0.367s;
4821
4371
  -o-animation-duration: 0.367s;
4822
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4823
- animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4824
- -webkit-animation-fill-mode: both;
4825
- animation-fill-mode: both;
4372
+ animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4373
+ animation-fill-mode: both;
4826
4374
  }
4827
4375
 
4828
4376
  .ms-u-slideRightIn20 {
4829
- -webkit-animation-name: fadeIn, slideLeft20;
4830
- animation-name: fadeIn, slideLeft20;
4377
+ animation-name: fadeIn, slideLeft20;
4831
4378
  -webkit-animation-duration: 0.367s;
4832
4379
  -moz-animation-duration: 0.367s;
4833
4380
  -ms-animation-duration: 0.367s;
4834
4381
  -o-animation-duration: 0.367s;
4835
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4836
- animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4837
- -webkit-animation-fill-mode: both;
4838
- animation-fill-mode: both;
4382
+ animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4383
+ animation-fill-mode: both;
4839
4384
  }
4840
4385
 
4841
4386
  .ms-u-slideRightIn40 {
4842
- -webkit-animation-name: fadeIn, slideLeft40;
4843
- animation-name: fadeIn, slideLeft40;
4387
+ animation-name: fadeIn, slideLeft40;
4844
4388
  -webkit-animation-duration: 0.367s;
4845
4389
  -moz-animation-duration: 0.367s;
4846
4390
  -ms-animation-duration: 0.367s;
4847
4391
  -o-animation-duration: 0.367s;
4848
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4849
- animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4850
- -webkit-animation-fill-mode: both;
4851
- animation-fill-mode: both;
4392
+ animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4393
+ animation-fill-mode: both;
4852
4394
  }
4853
4395
 
4854
4396
  .ms-u-slideLeftIn10 {
4855
- -webkit-animation-name: fadeIn, slideRight10;
4856
- animation-name: fadeIn, slideRight10;
4397
+ animation-name: fadeIn, slideRight10;
4857
4398
  -webkit-animation-duration: 0.367s;
4858
4399
  -moz-animation-duration: 0.367s;
4859
4400
  -ms-animation-duration: 0.367s;
4860
4401
  -o-animation-duration: 0.367s;
4861
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4862
- animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4863
- -webkit-animation-fill-mode: both;
4864
- animation-fill-mode: both;
4402
+ animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4403
+ animation-fill-mode: both;
4865
4404
  }
4866
4405
 
4867
4406
  .ms-u-slideLeftIn20 {
4868
- -webkit-animation-name: fadeIn, slideRight20;
4869
- animation-name: fadeIn, slideRight20;
4407
+ animation-name: fadeIn, slideRight20;
4870
4408
  -webkit-animation-duration: 0.367s;
4871
4409
  -moz-animation-duration: 0.367s;
4872
4410
  -ms-animation-duration: 0.367s;
4873
4411
  -o-animation-duration: 0.367s;
4874
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4875
- animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4876
- -webkit-animation-fill-mode: both;
4877
- animation-fill-mode: both;
4412
+ animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4413
+ animation-fill-mode: both;
4878
4414
  }
4879
4415
 
4880
4416
  .ms-u-slideLeftIn40 {
4881
- -webkit-animation-name: fadeIn, slideRight40;
4882
- animation-name: fadeIn, slideRight40;
4417
+ animation-name: fadeIn, slideRight40;
4883
4418
  -webkit-animation-duration: 0.367s;
4884
4419
  -moz-animation-duration: 0.367s;
4885
4420
  -ms-animation-duration: 0.367s;
4886
4421
  -o-animation-duration: 0.367s;
4887
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4888
- animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4889
- -webkit-animation-fill-mode: both;
4890
- animation-fill-mode: both;
4422
+ animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4423
+ animation-fill-mode: both;
4891
4424
  }
4892
4425
 
4893
4426
  .ms-u-slideRightIn400 {
4894
- -webkit-animation-name: fadeIn, slideLeft400;
4895
- animation-name: fadeIn, slideLeft400;
4427
+ animation-name: fadeIn, slideLeft400;
4896
4428
  -webkit-animation-duration: 0.367s;
4897
4429
  -moz-animation-duration: 0.367s;
4898
4430
  -ms-animation-duration: 0.367s;
4899
4431
  -o-animation-duration: 0.367s;
4900
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4901
- animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4902
- -webkit-animation-fill-mode: both;
4903
- animation-fill-mode: both;
4432
+ animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4433
+ animation-fill-mode: both;
4904
4434
  }
4905
4435
 
4906
4436
  .ms-u-slideLeftIn400 {
4907
- -webkit-animation-name: fadeIn, slideRight400;
4908
- animation-name: fadeIn, slideRight400;
4437
+ animation-name: fadeIn, slideRight400;
4909
4438
  -webkit-animation-duration: 0.367s;
4910
4439
  -moz-animation-duration: 0.367s;
4911
4440
  -ms-animation-duration: 0.367s;
4912
4441
  -o-animation-duration: 0.367s;
4913
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4914
- animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4915
- -webkit-animation-fill-mode: both;
4916
- animation-fill-mode: both;
4442
+ animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
4443
+ animation-fill-mode: both;
4917
4444
  }
4918
4445
 
4919
4446
  .ms-u-slideRightOut40 {
4920
- -webkit-animation-name: fadeOut, slideLeftOut40;
4921
- animation-name: fadeOut, slideLeftOut40;
4447
+ animation-name: fadeOut, slideLeftOut40;
4922
4448
  -webkit-animation-duration: 0.167s;
4923
4449
  -moz-animation-duration: 0.167s;
4924
4450
  -ms-animation-duration: 0.167s;
4925
4451
  -o-animation-duration: 0.167s;
4926
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4927
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4928
- -webkit-animation-fill-mode: both;
4929
- animation-fill-mode: both;
4452
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4453
+ animation-fill-mode: both;
4930
4454
  }
4931
4455
 
4932
4456
  .ms-u-slideLeftOut40 {
4933
- -webkit-animation-name: fadeOut, slideRightOut40;
4934
- animation-name: fadeOut, slideRightOut40;
4457
+ animation-name: fadeOut, slideRightOut40;
4935
4458
  -webkit-animation-duration: 0.167s;
4936
4459
  -moz-animation-duration: 0.167s;
4937
4460
  -ms-animation-duration: 0.167s;
4938
4461
  -o-animation-duration: 0.167s;
4939
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4940
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4941
- -webkit-animation-fill-mode: both;
4942
- animation-fill-mode: both;
4462
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4463
+ animation-fill-mode: both;
4943
4464
  }
4944
4465
 
4945
4466
  .ms-u-slideRightOut400 {
4946
- -webkit-animation-name: fadeOut, slideLeftOut400;
4947
- animation-name: fadeOut, slideLeftOut400;
4467
+ animation-name: fadeOut, slideLeftOut400;
4948
4468
  -webkit-animation-duration: 0.167s;
4949
4469
  -moz-animation-duration: 0.167s;
4950
4470
  -ms-animation-duration: 0.167s;
4951
4471
  -o-animation-duration: 0.167s;
4952
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4953
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4954
- -webkit-animation-fill-mode: both;
4955
- animation-fill-mode: both;
4472
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4473
+ animation-fill-mode: both;
4956
4474
  }
4957
4475
 
4958
4476
  .ms-u-slideLeftOut400 {
4959
- -webkit-animation-name: fadeOut, slideRightOut400;
4960
- animation-name: fadeOut, slideRightOut400;
4477
+ animation-name: fadeOut, slideRightOut400;
4961
4478
  -webkit-animation-duration: 0.167s;
4962
4479
  -moz-animation-duration: 0.167s;
4963
4480
  -ms-animation-duration: 0.167s;
4964
4481
  -o-animation-duration: 0.167s;
4965
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4966
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4967
- -webkit-animation-fill-mode: both;
4968
- animation-fill-mode: both;
4482
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4483
+ animation-fill-mode: both;
4969
4484
  }
4970
4485
 
4971
4486
  .ms-u-rotate90deg {
4972
- -webkit-animation-name: rotateN90;
4973
- animation-name: rotateN90;
4487
+ animation-name: rotateN90;
4974
4488
  -webkit-animation-duration: 0.1s;
4975
4489
  -moz-animation-duration: 0.1s;
4976
4490
  -ms-animation-duration: 0.1s;
4977
4491
  -o-animation-duration: 0.1s;
4978
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4979
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4980
- -webkit-animation-fill-mode: both;
4981
- animation-fill-mode: both;
4492
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4493
+ animation-fill-mode: both;
4982
4494
  }
4983
4495
 
4984
4496
  .ms-u-rotateN90deg {
4985
- -webkit-animation-name: rotate90;
4986
- animation-name: rotate90;
4497
+ animation-name: rotate90;
4987
4498
  -webkit-animation-duration: 0.1s;
4988
4499
  -moz-animation-duration: 0.1s;
4989
4500
  -ms-animation-duration: 0.1s;
4990
4501
  -o-animation-duration: 0.1s;
4991
- -webkit-animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4992
- animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4993
- -webkit-animation-fill-mode: both;
4994
- animation-fill-mode: both;
4502
+ animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
4503
+ animation-fill-mode: both;
4995
4504
  }
4996
4505
 
4997
4506
  @media (max-width: 479px) {