@charset "UTF-8";
/*
 * os-animation.css
 * Just add class and animate it.
 * (c) 2015 Jun Takahashi with OS. CO., LTD.
 */
[class*="oT-"]{visibility:hidden}
.oS-fadeIn{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-fadeIn:not(:target){opacity:0\9}
}
.fadeIn{-webkit-animation:fadeIn 750ms cubic-bezier(0.25,0.46,0.45,0.94);animation:fadeIn 750ms cubic-bezier(0.25,0.46,0.45,0.94)}
@-webkit-keyframes fadeIn {
100%{opacity:1}
}
@keyframes fadeIn {
100%{opacity:1}
}
.oS-fadeFloat{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-fadeFloat:not(:target){opacity:0\9}
}
.fadeFloat{-webkit-animation:fadeFloat 750ms cubic-bezier(0.25,0.46,0.45,0.94);animation:fadeFloat 750ms cubic-bezier(0.25,0.46,0.45,0.94)}
@-webkit-keyframes fadeFloat {
0%{-webkit-transform:scale(0.8)}
100%{opacity:1}
}
@keyframes fadeFloat {
0%{transform:scale(0.8)}
100%{opacity:1}
}
.oS-fadeLand{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-fadeLand:not(:target){opacity:0\9}
}
.fadeLand{-webkit-animation:fadeLand 750ms cubic-bezier(0.25,0.46,0.45,0.94);animation:fadeLand 750ms cubic-bezier(0.25,0.46,0.45,0.94)}
@-webkit-keyframes fadeLand {
0%{-webkit-transform:scale(1.2)}
100%{opacity:1}
}
@keyframes fadeLand {
0%{transform:scale(1.2)}
100%{opacity:1}
}
.oS-slideUp{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-slideUp:not(:target){opacity:0\9}
}
.slideUp{-webkit-animation:slideUp 750ms cubic-bezier(0.25,0.46,0.45,0.94);animation:slideUp 750ms cubic-bezier(0.25,0.46,0.45,0.94)}
@-webkit-keyframes slideUp {
0%{-webkit-transform:translateY(20px)}
100%{opacity:1}
}
@keyframes slideUp {
0%{transform:translateY(20px)}
100%{opacity:1}
}
.oS-slideDown{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-slideDown:not(:target){opacity:0\9}
}
.slideDown{-webkit-animation:slideDown 750ms cubic-bezier(0.25,0.46,0.45,0.94);animation:slideDown 750ms cubic-bezier(0.25,0.46,0.45,0.94)}
@-webkit-keyframes slideDown {
0%{-webkit-transform:translateY(-20px)}
100%{opacity:1}
}
@keyframes slideDown {
0%{transform:translateY(-20px)}
100%{opacity:1}
}
.oS-slideLeft{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-slideLeft:not(:target){opacity:0\9}
}
.slideLeft{-webkit-animation:slideLeft 750ms cubic-bezier(0.25,0.46,0.45,0.94);animation:slideLeft 750ms cubic-bezier(0.25,0.46,0.45,0.94)}
@-webkit-keyframes slideLeft {
0%{-webkit-transform:translateX(-20px)}
100%{opacity:1}
}
@keyframes slideLeft {
0%{transform:translateX(-20px)}
100%{opacity:1}
}
.oS-slideRight{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-slideRight:not(:target){opacity:0\9}
}
.slideRight{-webkit-animation:slideRight 750ms cubic-bezier(0.25,0.46,0.45,0.94);animation:slideRight 750ms cubic-bezier(0.25,0.46,0.45,0.94)}
@-webkit-keyframes slideRight {
0%{-webkit-transform:translateX(20px)}
100%{opacity:1}
}
@keyframes slideRight {
0%{transform:translateX(20px)}
100%{opacity:1}
}
.oS-slideUpBig{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-slideUpBig:not(:target){opacity:0\9}
}
.slideUpBig{-webkit-animation:slideUpBig 750ms cubic-bezier(0.215,0.61,0.355,1);animation:slideUpBig 750ms cubic-bezier(0.215,0.61,0.355,1)}
@-webkit-keyframes slideUpBig {
0%{-webkit-transform:translateY(150px)}
100%{opacity:1}
}
@keyframes slideUpBig {
0%{transform:translateY(150px)}
100%{opacity:1}
}
.oS-slideDownBig{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-slideDownBig:not(:target){opacity:0\9}
}
.slideDownBig{-webkit-animation:slideDownBig 750ms cubic-bezier(0.215,0.61,0.355,1);animation:slideDownBig 750ms cubic-bezier(0.215,0.61,0.355,1)}
@-webkit-keyframes slideDownBig {
0%{-webkit-transform:translateY(-150px)}
100%{opacity:1}
}
@keyframes slideDownBig {
0%{transform:translateY(-150px)}
100%{opacity:1}
}
.oS-slideLeftBig{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-slideLeftBig:not(:target){opacity:0\9}
}
.slideLeftBig{-webkit-animation:slideLeftBig 750ms cubic-bezier(0.215,0.61,0.355,1);animation:slideLeftBig 750ms cubic-bezier(0.215,0.61,0.355,1)}
@-webkit-keyframes slideLeftBig {
0%{-webkit-transform:translateX(-150px)}
100%{opacity:1}
}
@keyframes slideLeftBig {
0%{transform:translateX(-150px)}
100%{opacity:1}
}
.oS-slideRightBig{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-slideRightBig:not(:target){opacity:0\9}
}
.slideRightBig{-webkit-animation:slideRightBig 750ms cubic-bezier(0.215,0.61,0.355,1);animation:slideRightBig 750ms cubic-bezier(0.215,0.61,0.355,1)}
@-webkit-keyframes slideRightBig {
0%{-webkit-transform:translateX(150px)}
100%{opacity:1}
}
@keyframes slideRightBig {
0%{transform:translateX(150px)}
100%{opacity:1}
}
.oS-bounceUp{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-bounceUp:not(:target){opacity:0\9}
}
.bounceUp{-webkit-animation:bounceUp 750ms;animation:bounceUp 750ms}
@-webkit-keyframes bounceUp {
0%{-webkit-transform:translateY(150px)}
50%{-webkit-transform:translateY(-12px);opacity:1}
65%{-webkit-transform:translateY(6px)}
80%{-webkit-transform:translateY(-3px)}
100%{opacity:1}
}
@keyframes bounceUp {
0%{transform:translateY(150px)}
50%{transform:translateY(-12px);opacity:1}
65%{transform:translateY(6px)}
80%{transform:translateY(-3px)}
100%{opacity:1}
}
.oS-bounceDown{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-bounceDown:not(:target){opacity:0\9}
}
.bounceDown{-webkit-animation:bounceDown 750ms;animation:bounceDown 750ms}
@-webkit-keyframes bounceDown {
0%{-webkit-transform:translateY(-150px)}
50%{-webkit-transform:translateY(12px);opacity:1}
65%{-webkit-transform:translateY(-6px)}
80%{-webkit-transform:translateY(3px)}
100%{opacity:1}
}
@keyframes bounceDown {
0%{transform:translateY(-150px)}
50%{transform:translateY(12px);opacity:1}
65%{transform:translateY(-6px)}
80%{transform:translateY(3px)}
100%{opacity:1}
}
.oS-bounceLeft{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-bounceLeft:not(:target){opacity:0\9}
}
.bounceLeft{-webkit-animation:bounceLeft 750ms;animation:bounceLeft 750ms}
@-webkit-keyframes bounceLeft {
0%{-webkit-transform:translateX(-150px)}
50%{-webkit-transform:translateX(15px);opacity:1}
65%{-webkit-transform:translateX(-6px)}
80%{-webkit-transform:translateX(3px)}
100%{opacity:1}
}
@keyframes bounceLeft {
0%{transform:translateX(-150px)}
50%{transform:translateX(15px);opacity:1}
65%{transform:translateX(-6px)}
80%{transform:translateX(3px)}
100%{opacity:1}
}
.oS-bounceRight{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-bounceRight:not(:target){opacity:0\9}
}
.bounceRight{-webkit-animation:bounceRight 750ms;animation:bounceRight 750ms}
@-webkit-keyframes bounceRight {
0%{-webkit-transform:translateX(150px)}
50%{-webkit-transform:translateX(-12px);opacity:1}
65%{-webkit-transform:translateX(6px)}
80%{-webkit-transform:translateX(-3px)}
100%{opacity:1}
}
@keyframes bounceRight {
0%{transform:translateX(150px)}
50%{transform:translateX(-12px);opacity:1}
65%{transform:translateX(6px)}
80%{transform:translateX(-3px)}
100%{opacity:1}
}
.oS-bounceLeftBig{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-bounceLeftBig:not(:target){opacity:0\9}
}
.bounceLeftBig{-webkit-animation:bounceLeftBig 1000ms cubic-bezier(0.215,0.61,0.355,1);animation:bounceLeftBig 1000ms cubic-bezier(0.215,0.61,0.355,1)}
@-webkit-keyframes bounceLeftBig {
0%{-webkit-transform:translateX(-3000px)}
60%{-webkit-transform:translateX(25px);opacity:1}
75%{-webkit-transform:translateX(-10px)}
90%{-webkit-transform:translateX(5px)}
100%{opacity:1}
}
@keyframes bounceLeftBig {
0%{transform:translateX(-3000px)}
60%{transform:translateX(25px);opacity:1}
75%{transform:translateX(-10px)}
90%{transform:translateX(5px)}
100%{opacity:1}
}
.oS-bounceRightBig{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-bounceRightBig:not(:target){opacity:0\9}
}
.bounceRightBig{-webkit-animation:bounceRightBig 1000ms cubic-bezier(0.215,0.61,0.355,1);animation:bounceRightBig 1000ms cubic-bezier(0.215,0.61,0.355,1)}
@-webkit-keyframes bounceRightBig {
0%{-webkit-transform:translateX(3000px)}
60%{-webkit-transform:translateX(-25px);opacity:1}
75%{-webkit-transform:translateX(10px)}
90%{-webkit-transform:translateX(-5px)}
100%{opacity:1}
}
@keyframes bounceRightBig {
0%{transform:translateX(3000px)}
60%{transform:translateX(-25px);opacity:1}
75%{transform:translateX(10px)}
90%{transform:translateX(-5px)}
100%{opacity:1}
}
.oS-rotateIn{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-rotateIn:not(:target){opacity:0\9}
}
.rotateIn{-webkit-animation:rotateIn 1000ms cubic-bezier(0.215,0.61,0.355,1);animation:rotateIn 1000ms cubic-bezier(0.215,0.61,0.355,1)}
@-webkit-keyframes rotateIn {
0%{-webkit-transform:rotate(-200deg)}
100%{opacity:1}
}
@keyframes rotateIn {
0%{transform:rotate(-200deg)}
100%{opacity:1}
}
.oS-rollLeft{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-rollLeft:not(:target){opacity:0\9}
}
.rollLeft{-webkit-animation:rollLeft 1000ms cubic-bezier(0.215,0.61,0.355,1);animation:rollLeft 1000ms cubic-bezier(0.215,0.61,0.355,1)}
@-webkit-keyframes rollLeft {
0%{-webkit-transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1}
}
@keyframes rollLeft {
0%{transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1}
}
.oS-rollRight{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-rollRight:not(:target){opacity:0\9}
}
.rollRight{-webkit-animation:rollRight 1000ms cubic-bezier(0.215,0.61,0.355,1);animation:rollRight 1000ms cubic-bezier(0.215,0.61,0.355,1)}
@-webkit-keyframes rollRight {
0%{-webkit-transform:translateX(100%) rotate(120deg)}
100%{opacity:1}
}
@keyframes rollRight {
0%{transform:translateX(100%) rotate(120deg)}
100%{opacity:1}
}
.oS-flipInH{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-flipInH:not(:target){opacity:0\9}
}
.flipInH{-webkit-animation:flipInH 1000ms;animation:flipInH 1000ms}
@-webkit-keyframes flipInH {
0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg)}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg)}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);opacity:1}
}
@keyframes flipInH {
0%{transform:perspective(400px) rotate3d(0,1,0,90deg)}
40%{transform:perspective(400px) rotate3d(0,1,0,-20deg)}
60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{transform:perspective(400px);opacity:1}
}
.oS-flipInV{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-flipInV:not(:target){opacity:0\9}
}
.flipInV{-webkit-animation:flipInV 1000ms;animation:flipInV 1000ms}
@-webkit-keyframes flipInV {
0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg)}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg)}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg)}
100%{-webkit-transform:perspective(400px);opacity:1}
}
@keyframes flipInV {
0%{transform:perspective(400px) rotate3d(1,0,0,90deg)}
40%{transform:perspective(400px) rotate3d(1,0,0,-20deg)}
60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}
100%{transform:perspective(400px);opacity:1}
}
.oS-bounceIn{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-bounceIn:not(:target){opacity:0\9}
}
.bounceIn{-webkit-animation:bounceIn 1000ms cubic-bezier(0.215,0.61,0.355,1);animation:bounceIn 1000ms cubic-bezier(0.215,0.61,0.355,1)}
@-webkit-keyframes bounceIn {
0%{-webkit-transform:scale(0.3)}
20%{-webkit-transform:scale(1.1)}
40%{-webkit-transform:scale(0.9)}
60%{-webkit-transform:scale(1.03);opacity:1}
80%{-webkit-transform:scale(0.97)}
to{opacity:1}
}
@keyframes bounceIn {
0%{transform:scale(0.3)}
20%{transform:scale(1.1)}
40%{transform:scale(0.9)}
60%{transform:scale(1.03);opacity:1}
80%{transform:scale(0.97)}
to{opacity:1}
}
.oS-popIn{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-popIn:not(:target){opacity:0\9}
}
.popIn{-webkit-animation:popIn 750ms cubic-bezier(0.215,0.61,0.355,1);animation:popIn 750ms cubic-bezier(0.215,0.61,0.355,1)}
@-webkit-keyframes popIn {
10%{-webkit-transform:scale(0.85)}
28%{-webkit-transform:scale(1.3)}
46%{-webkit-transform:scale(0.95)}
64%{-webkit-transform:scale(1.03);opacity:1}
82%{-webkit-transform:scale(0.975)}
100%{opacity:1}
}
@keyframes popIn {
10%{transform:scale(0.85)}
28%{transform:scale(1.3)}
46%{transform:scale(0.95)}
64%{transform:scale(1.03);opacity:1}
82%{transform:scale(0.975)}
100%{opacity:1}
}
.oS-expandIn{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-expandIn:not(:target){opacity:0\9}
}
.expandIn{-webkit-animation:expandIn 500ms;animation:expandIn 500ms}
@-webkit-keyframes expandIn {
0%{-webkit-transform:translateY(150px) scale(0.6,0.5)}
60%{-webkit-transform:translateY(-14px) scale(1.06,1.12)}
75%{-webkit-transform:translateY(7px)}
100%{opacity:1}
}
@keyframes expandIn {
0%{transform:translateY(150px) scale(0.6,0.5)}
60%{transform:translateY(-14px) scale(1.06,1.12)}
75%{transform:translateY(7px)}
100%{opacity:1}
}
.oS-spreadIn{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-spreadIn:not(:target){opacity:0\9}
}
.spreadIn{-webkit-animation:spreadIn 500ms;animation:spreadIn 500ms}
@-webkit-keyframes spreadIn {
0%{-webkit-transform:translateY(150px) scale(0.6,0.5)}
60%{-webkit-transform:translateY(-14px) scale(0.5,0.4)}
75%{-webkit-transform:translateY(7px) scale(1.12,1.12)}
100%{opacity:1}
}
@keyframes spreadIn {
0%{transform:translateY(150px) scale(0.6,0.5)}
60%{transform:translateY(-14px) scale(0.5,0.4)}
75%{transform:translateY(7px) scale(1.12,1.12)}
100%{opacity:1}
}
.oS-balloonUp,.oS-balloonDown,.oS-balloonLeft,.oS-balloonRight{-webkit-transform:scale(0);-webkit-transform:scale(1) \9;transform:scale(0);transform:scale(1) \9}
@media (-ms-high-contrast: none) {
.oS-balloonUp:not(:target),.oS-balloonDown:not(:target),.oS-balloonLeft:not(:target),.oS-balloonRight:not(:target){-webkit-transform:scale(0) \9;transform:scale(0) \9}
}
.balloonUp,.balloonDown,.balloonLeft,.balloonRight{-webkit-animation:balloon 2000ms ease-in-out;animation:balloon 2000ms ease-in-out}
.balloonUp{-webkit-transform-origin:bottom;transform-origin:bottom}
.balloonDown{-webkit-transform-origin:top;transform-origin:top}
.balloonLeft{-webkit-transform-origin:left;transform-origin:left}
.balloonRight{-webkit-transform-origin:right;transform-origin:right}
@-webkit-keyframes balloon {
0%{-webkit-transform:rotate(0deg) scale(0)}
20%{-webkit-transform:rotate(-2deg) scale(1.05)}
35%{-webkit-transform:rotate(2deg) scale(1)}
50%{-webkit-transform:rotate(-2deg)}
65%{-webkit-transform:rotate(1deg)}
80%{-webkit-transform:rotate(-1deg)}
100%{-webkit-transform:rotate(0deg)}
}
@keyframes balloon {
0%{transform:rotate(0deg) scale(0)}
20%{transform:rotate(-2deg) scale(1.05)}
35%{transform:rotate(2deg) scale(1)}
50%{transform:rotate(-2deg)}
65%{transform:rotate(1deg)}
80%{transform:rotate(-1deg)}
100%{transform:rotate(0deg)}
}
.oS-balloonLeftTop,.oS-balloonRightTop,.oS-balloonLeftBottom,.oS-balloonRightBottom{-webkit-transform:rotate(20deg) scale(0);-webkit-transform:rotate(0) scale(1) \9;transform:rotate(20deg) scale(0);transform:rotate(0) scale(1) \9}
@media (-ms-high-contrast: none) {
.oS-balloonLeftTop:not(:target),.oS-balloonRightTop:not(:target),.oS-balloonLeftBottom:not(:target),.oS-balloonRightBottom:not(:target){-webkit-transform:rotate(20deg) scale(0) \9;transform:rotate(20deg) scale(0) \9}
}
.balloonLeftTop,.balloonRightBottom{-webkit-animation:balloonIn1 800ms;animation:balloonIn1 800ms}
.balloonRightTop,.balloonLeftBottom{-webkit-animation:balloonIn2 800ms;animation:balloonIn2 800ms}
.balloonLeftTop{-webkit-transform-origin:left top;transform-origin:left top}
.balloonRightTop{-webkit-transform-origin:right top;transform-origin:right top}
.balloonLeftBottom{-webkit-transform-origin:left bottom;transform-origin:left bottom}
.balloonRightBottom{-webkit-transform-origin:right bottom;transform-origin:right bottom}
@-webkit-keyframes balloonIn1 {
0%{-webkit-transform:rotate(20deg) scale(0)}
20%{-webkit-transform:rotate(15deg) scale(1.2)}
40%{-webkit-transform:rotate(-10deg) scale(0.85)}
60%{-webkit-transform:rotate(5deg) scale(1.05)}
80%{-webkit-transform:rotate(-5deg) scale(0.95)}
100%{-webkit-transform:rotate(0deg) scale(1)}
}
@keyframes balloonIn1 {
0%{transform:rotate(20deg) scale(0)}
20%{transform:rotate(15deg) scale(1.2)}
40%{transform:rotate(-10deg) scale(0.85)}
60%{transform:rotate(5deg) scale(1.05)}
80%{transform:rotate(-5deg) scale(0.95)}
100%{transform:rotate(0deg) scale(1)}
}
@-webkit-keyframes balloonIn2 {
0%{-webkit-transform:rotate(-20deg) scale(0)}
20%{-webkit-transform:rotate(-15deg) scale(1.2)}
40%{-webkit-transform:rotate(10deg) scale(0.85)}
60%{-webkit-transform:rotate(-5deg) scale(1.05)}
80%{-webkit-transform:rotate(5deg) scale(0.95)}
100%{-webkit-transform:rotate(0deg) scale(1)}
}
@keyframes balloonIn2 {
0%{transform:rotate(-20deg) scale(0)}
20%{transform:rotate(-15deg) scale(1.2)}
40%{transform:rotate(10deg) scale(0.85)}
60%{transform:rotate(-5deg) scale(1.05)}
80%{transform:rotate(5deg) scale(0.95)}
100%{transform:rotate(0deg) scale(1)}
}
.oS-zoomIn{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-zoomIn:not(:target){opacity:0\9}
}
.zoomIn{-webkit-animation:zoomIn 1000ms cubic-bezier(0.165,0.84,0.44,1);animation:zoomIn 1000ms cubic-bezier(0.165,0.84,0.44,1)}
@-webkit-keyframes zoomIn {
0%{-webkit-transform:scale(0.3)}
100%{opacity:1}
}
@keyframes zoomIn {
0%{transform:scale(0.3)}
100%{opacity:1}
}
.oS-zoomFloat{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-zoomFloat:not(:target){opacity:0\9}
}
.zoomFloat{-webkit-animation:zoomFloat 1500ms ease-in-out;animation:zoomFloat 1500ms ease-in-out}
@-webkit-keyframes zoomFloat {
0%{-webkit-transform:scale(0)}
50%{-webkit-transform:scale(1.1)}
75%{-webkit-transform:scale(0.9);opacity:1}
100%{opacity:1}
}
@keyframes zoomFloat {
0%{transform:scale(0)}
50%{transform:scale(1.1)}
75%{transform:scale(0.9);opacity:1}
100%{opacity:1}
}
.oS-zoomSway{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-zoomSway:not(:target){opacity:0\9}
}
.zoomSway{-webkit-animation:zoomSway 1500ms ease-out;animation:zoomSway 1500ms ease-out}
@-webkit-keyframes zoomSway {
0%{-webkit-transform:scale(0.3) rotate(6deg) translate(-30%,30%)}
30%{-webkit-transform:scale(1.03) rotate(-2deg) translate(2%,-2%);opacity:1}
45%{-webkit-transform:scale(0.98) rotate(1deg) translate(0,0)}
60%{-webkit-transform:scale(1.01) rotate(-1deg)}
75%{-webkit-transform:scale(0.99) rotate(1deg)}
90%{-webkit-transform:scale(1.01) rotate(0deg)}
100%{opacity:1}
}
@keyframes zoomSway {
0%{transform:scale(0.3) rotate(6deg) translate(-30%,30%)}
30%{transform:scale(1.03) rotate(-2deg) translate(2%,-2%);opacity:1}
45%{transform:scale(0.98) rotate(1deg) translate(0,0)}
60%{transform:scale(1.01) rotate(-1deg)}
75%{transform:scale(0.99) rotate(1deg)}
90%{transform:scale(1.01) rotate(0deg)}
100%{opacity:1}
}
.oS-zoomBloom{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-zoomBloom:not(:target){opacity:0\9}
}
.zoomBloom{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-animation:zoomBloom 750ms cubic-bezier(0.215,0.61,0.355,1);animation:zoomBloom 750ms cubic-bezier(0.215,0.61,0.355,1)}
@-webkit-keyframes zoomBloom {
0%{-webkit-transform:scale(0) translateY(250px)}
100%{opacity:1}
}
@keyframes zoomBloom {
0%{transform:scale(0) translateY(250px)}
100%{opacity:1}
}
.oS-zoomUp{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-zoomUp:not(:target){opacity:0\9}
}
.zoomUp{-webkit-animation:zoomUp 1000ms;animation:zoomUp 1000ms}
@-webkit-keyframes zoomUp {
0%{-webkit-transform:scale(0.1) translateY(1000px);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{-webkit-transform:scale(0.475) translateY(0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1.275);opacity:1}
100%{opacity:1}
}
@keyframes zoomUp {
0%{transform:scale(0.1) translateY(1000px);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{transform:scale(0.475) translateY(0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1.275);opacity:1}
100%{opacity:1}
}
.oS-zoomDown{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-zoomDown:not(:target){opacity:0\9}
}
.zoomDown{-webkit-animation:zoomDown 1000ms;animation:zoomDown 1000ms}
@-webkit-keyframes zoomDown {
0%{-webkit-transform:scale(0.1) translateY(-1000px);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{-webkit-transform:scale(0.475) translateY(0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1.275);opacity:1}
100%{opacity:1}
}
@keyframes zoomDown {
0%{transform:scale(0.1) translateY(-1000px);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{transform:scale(0.475) translateY(0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1.275);opacity:1}
100%{opacity:1}
}
.oS-zoomLeft{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-zoomLeft:not(:target){opacity:0\9}
}
.zoomLeft{-webkit-animation:zoomLeft 1000ms;animation:zoomLeft 1000ms}
@-webkit-keyframes zoomLeft {
0%{-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);opacity:0}
60%{-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1.275);opacity:1}
100%{opacity:1}
}
@keyframes zoomLeft {
0%{transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);opacity:0}
60%{transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1.275);opacity:1}
100%{opacity:1}
}
.oS-zoomRight{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-zoomRight:not(:target){opacity:0\9}
}
.zoomRight{-webkit-animation:zoomRight 1000ms;animation:zoomRight 1000ms}
@-webkit-keyframes zoomRight {
0%{-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);opacity:0}
60%{-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1.275);opacity:1}
100%{opacity:1}
}
@keyframes zoomRight {
0%{transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);opacity:0}
60%{transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1.275);opacity:1}
100%{opacity:1}
}
.oS-pageDown1{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-pageDown1:not(:target){opacity:0\9}
}
.pageDown1{-webkit-transform-origin:top;transform-origin:top;-webkit-animation:pageDown1 500ms cubic-bezier(0.25,0.46,0.45,0.94);animation:pageDown1 500ms cubic-bezier(0.25,0.46,0.45,0.94)}
@-webkit-keyframes pageDown1 {
0%{-webkit-transform:perspective(400px) rotateX(90deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}
}
@keyframes pageDown1 {
0%{transform:perspective(400px) rotateX(90deg)}
100%{transform:perspective(400px) rotateX(0deg);opacity:1}
}
.oS-pageDown2{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-pageDown2:not(:target){opacity:0\9}
}
.pageDown2{-webkit-transform-origin:top;transform-origin:top;-webkit-animation:pageDown2 500ms cubic-bezier(0.25,0.46,0.45,0.94);animation:pageDown2 500ms cubic-bezier(0.25,0.46,0.45,0.94)}
@-webkit-keyframes pageDown2 {
0%{-webkit-transform:perspective(400px) rotateX(-90deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}
}
@keyframes pageDown2 {
0%{transform:perspective(400px) rotateX(-90deg)}
100%{transform:perspective(400px) rotateX(0deg);opacity:1}
}
.oS-pageUp1{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-pageUp1:not(:target){opacity:0\9}
}
.pageUp1{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-animation:pageUp1 500ms cubic-bezier(0.25,0.46,0.45,0.94);animation:pageUp1 500ms cubic-bezier(0.25,0.46,0.45,0.94)}
@-webkit-keyframes pageUp1 {
0%{-webkit-transform:perspective(400px) rotateX(-90deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}
}
@keyframes pageUp1 {
0%{transform:perspective(400px) rotateX(-90deg)}
100%{transform:perspective(400px) rotateX(0deg);opacity:1}
}
.oS-pageUp2{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-pageUp2:not(:target){opacity:0\9}
}
.pageUp2{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-animation:pageUp2 500ms cubic-bezier(0.25,0.46,0.45,0.94);animation:pageUp2 500ms cubic-bezier(0.25,0.46,0.45,0.94)}
@-webkit-keyframes pageUp2 {
0%{-webkit-transform:perspective(400px) rotateX(90deg)}
100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}
}
@keyframes pageUp2 {
0%{transform:perspective(400px) rotateX(90deg)}
100%{transform:perspective(400px) rotateX(0deg);opacity:1}
}
.oS-pageLeft1{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-pageLeft1:not(:target){opacity:0\9}
}
.pageLeft1{-webkit-transform-origin:left;transform-origin:left;-webkit-animation:pageLeft1 500ms cubic-bezier(0.25,0.46,0.45,0.94);animation:pageLeft1 500ms cubic-bezier(0.25,0.46,0.45,0.94)}
@-webkit-keyframes pageLeft1 {
0%{-webkit-transform:perspective(400px) rotateY(-90deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}
}
@keyframes pageLeft1 {
0%{transform:perspective(400px) rotateY(-90deg)}
100%{transform:perspective(400px) rotateY(0deg);opacity:1}
}
.oS-pageLeft2{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-pageLeft2:not(:target){opacity:0\9}
}
.pageLeft2{-webkit-transform-origin:left;transform-origin:left;-webkit-animation:pageLeft2 500ms cubic-bezier(0.25,0.46,0.45,0.94);animation:pageLeft2 500ms cubic-bezier(0.25,0.46,0.45,0.94)}
@-webkit-keyframes pageLeft2 {
0%{-webkit-transform:perspective(400px) rotateY(90deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}
}
@keyframes pageLeft2 {
0%{transform:perspective(400px) rotateY(90deg)}
100%{transform:perspective(400px) rotateY(0deg);opacity:1}
}
.oS-pageRight1{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-pageRight1:not(:target){opacity:0\9}
}
.pageRight1{-webkit-transform-origin:right;transform-origin:right;-webkit-animation:pageRight1 500ms cubic-bezier(0.25,0.46,0.45,0.94);animation:pageRight1 500ms cubic-bezier(0.25,0.46,0.45,0.94)}
@-webkit-keyframes pageRight1 {
0%{-webkit-transform:perspective(400px) rotateY(90deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}
}
@keyframes pageRight1 {
0%{transform:perspective(400px) rotateY(90deg)}
100%{transform:perspective(400px) rotateY(0deg);opacity:1}
}
.oS-pageRight2{opacity:0;opacity:1\9}
@media (-ms-high-contrast: none) {
.oS-pageRight2:not(:target){opacity:0\9}
}
.pageRight2{-webkit-transform-origin:right;transform-origin:right;-webkit-animation:pageRight2 500ms cubic-bezier(0.25,0.46,0.45,0.94);animation:pageRight2 500ms cubic-bezier(0.25,0.46,0.45,0.94)}
@-webkit-keyframes pageRight2 {
0%{-webkit-transform:perspective(400px) rotateY(-90deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}
}
@keyframes pageRight2 {
0%{transform:perspective(400px) rotateY(-90deg)}
100%{transform:perspective(400px) rotateY(0deg);opacity:1}
}
.oS-growUp,.oS-growDown{-webkit-transform:scaleY(0);-webkit-transform:scaleY(1) \9;transform:scaleY(0);transform:scaleY(1) \9}
@media (-ms-high-contrast: none) {
.oS-growUp:not(:target),.oS-growDown:not(:target){-webkit-transform:scaleY(0) \9;transform:scaleY(0) \9}
}
.growUp,.growDown{-webkit-animation:growV 1000ms ease-out;animation:growV 1000ms ease-out}
.growUp{-webkit-transform-origin:bottom;transform-origin:bottom}
.growDown{-webkit-transform-origin:top;transform-origin:top}
@-webkit-keyframes growV {
0%{-webkit-transform:scaleY(0)}
40%{-webkit-transform:scaleY(1.02)}
60%{-webkit-transform:scaleY(0.98)}
80%{-webkit-transform:scaleY(1.01)}
100%{-webkit-transform:scaleY(0.98)}
80%{-webkit-transform:scaleY(1.01)}
100%{-webkit-transform:scaleY(1)}
}
@keyframes growV {
0%{transform:scaleY(0)}
40%{transform:scaleY(1.02)}
60%{transform:scaleY(0.98)}
80%{transform:scaleY(1.01)}
100%{transform:scaleY(0.98)}
80%{transform:scaleY(1.01)}
100%{transform:scaleY(1)}
}
.oS-growLeft,.oS-growRight{-webkit-transform:scaleX(0);-webkit-transform:scaleX(1) \9;transform:scaleX(0);transform:scaleX(1) \9}
@media (-ms-high-contrast: none) {
.oS-growLeft:not(:target),.oS-growRight:not(:target){-webkit-transform:scaleX(0) \9;transform:scaleX(0) \9}
}
.growLeft,.growRight{-webkit-animation:growH 1000ms ease-out;animation:growH 1000ms ease-out}
.growLeft{-webkit-transform-origin:left;transform-origin:left}
.growRight{-webkit-transform-origin:right;transform-origin:right}
@-webkit-keyframes growH {
0%{-webkit-transform:scaleX(0)}
40%{-webkit-transform:scaleX(1.02)}
60%{-webkit-transform:scaleX(0.98)}
80%{-webkit-transform:scaleX(1.01)}
100%{-webkit-transform:scaleX(0.98)}
80%{-webkit-transform:scaleX(1.01)}
100%{-webkit-transform:scaleX(1)}
}
@keyframes growH {
0%{transform:scaleX(0)}
40%{transform:scaleX(1.02)}
60%{transform:scaleX(0.98)}
80%{transform:scaleX(1.01)}
100%{transform:scaleX(0.98)}
80%{transform:scaleX(1.01)}
100%{transform:scaleX(1)}
}
.oS-growUp2,.oS-growDown2{-webkit-transform:scaleY(0);-webkit-transform:scaleY(1) \9;transform:scaleY(0);transform:scaleY(1) \9}
@media (-ms-high-contrast: none) {
.oS-growUp2:not(:target),.oS-growDown2:not(:target){-webkit-transform:scaleY(0) \9;transform:scaleY(0) \9}
}
.growUp2,.growDown2{-webkit-animation:growV2 1000ms cubic-bezier(0.165,0.84,0.44,1);animation:growV2 1000ms cubic-bezier(0.165,0.84,0.44,1)}
.growUp2{-webkit-transform-origin:bottom;transform-origin:bottom}
.growDown2{-webkit-transform-origin:top;transform-origin:top}
@-webkit-keyframes growV2 {
100%{-webkit-transform:scaleY(1)}
}
@keyframes growV2 {
100%{transform:scaleY(1)}
}
.oS-growLeft2,.oS-growRight2{-webkit-transform:scaleX(0);-webkit-transform:scaleX(1) \9;transform:scaleX(0);transform:scaleX(1) \9}
@media (-ms-high-contrast: none) {
.oS-growLeft2:not(:target),.oS-growRight2:not(:target){-webkit-transform:scaleX(0) \9;transform:scaleX(0) \9}
}
.growLeft2,.growRight2{-webkit-animation:growH2 1000ms cubic-bezier(0.165,0.84,0.44,1);animation:growH2 1000ms cubic-bezier(0.165,0.84,0.44,1)}
.growLeft2{-webkit-transform-origin:left;transform-origin:left}
.growRight2{-webkit-transform-origin:right;transform-origin:right}
@-webkit-keyframes growH2 {
100%{-webkit-transform:scaleX(1)}
}
@keyframes growH2 {
100%{transform:scaleX(1)}
}
.rotate1{-webkit-animation:rotate1 750ms cubic-bezier(0.25,0.46,0.45,0.94);animation:rotate1 750ms cubic-bezier(0.25,0.46,0.45,0.94)}
@-webkit-keyframes rotate1 {
0%{-webkit-transform:rotate(-360deg)}
}
@keyframes rotate1 {
0%{transform:rotate(-360deg)}
}
.rotate2{-webkit-animation:rotate2 1000ms cubic-bezier(0.25,0.46,0.45,0.94);animation:rotate2 1000ms cubic-bezier(0.25,0.46,0.45,0.94)}
@-webkit-keyframes rotate2 {
0%{-webkit-transform:rotate(-720deg)}
}
@keyframes rotate2 {
0%{transform:rotate(-720deg)}
}
.flip1{-webkit-animation:flip1 1000ms;animation:flip1 1000ms}
@-webkit-keyframes flip1 {
15%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg)}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg)}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg)}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg)}
}
@keyframes flip1 {
15%{transform:perspective(400px) rotate3d(0,1,0,90deg)}
40%{transform:perspective(400px) rotate3d(0,1,0,-20deg)}
60%{transform:perspective(400px) rotate3d(0,1,0,10deg)}
80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}
}
.flip2{-webkit-animation:flip2 1250ms;animation:flip2 1250ms}
@-webkit-keyframes flip2 {
0%{-webkit-transform:perspective(800px) rotateY(-720deg)}
100%{-webkit-transform:perspective(800px) rotateY(0)}
}
@keyframes flip2 {
0%{transform:perspective(800px) rotateY(-720deg)}
100%{transform:perspective(800px) rotateY(0)}
}
.pulse{-webkit-animation:pulse 1000ms cubic-bezier(0.215,0.61,0.355,1);animation:pulse 1000ms cubic-bezier(0.215,0.61,0.355,1)}
@-webkit-keyframes pulse {
20%{-webkit-transform:scale(1.1)}
}
@keyframes pulse {
20%{transform:scale(1.1)}
}
.bounce{-webkit-animation:bounce 750ms;animation:bounce 750ms}
@-webkit-keyframes bounce {
10%{-webkit-transform:scale(0.875)}
28%{-webkit-transform:scale(1.05)}
46%{-webkit-transform:scale(0.95)}
64%{-webkit-transform:scale(1.025)}
82%{-webkit-transform:scale(0.975)}
}
@keyframes bounce {
10%{transform:scale(0.875)}
28%{transform:scale(1.05)}
46%{transform:scale(0.95)}
64%{transform:scale(1.025)}
82%{transform:scale(0.975)}
}
.pop{-webkit-animation:pop 750ms;animation:pop 750ms}
@-webkit-keyframes pop {
10%{-webkit-transform:scale(0.9)}
28%{-webkit-transform:scale(1.2)}
46%{-webkit-transform:scale(0.975)}
64%{-webkit-transform:scale(1.02)}
82%{-webkit-transform:scale(0.9875)}
}
@keyframes pop {
10%{transform:scale(0.9)}
28%{transform:scale(1.2)}
46%{transform:scale(0.975)}
64%{transform:scale(1.02)}
82%{transform:scale(0.9875)}
}
.puddingTop{-webkit-animation:pudding 1000ms cubic-bezier(0.25,0.46,0.45,0.94);animation:pudding 1000ms cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform-origin:bottom;transform-origin:bottom}
@-webkit-keyframes pudding {
16%{-webkit-transform:skewX(-12deg)}
33%{-webkit-transform:skewX(10deg)}
50%{-webkit-transform:skewX(-6deg)}
66%{-webkit-transform:skewX(4deg)}
83%{-webkit-transform:skewX(-2deg)}
}
@keyframes pudding {
16%{transform:skewX(-12deg)}
33%{transform:skewX(10deg)}
50%{transform:skewX(-6deg)}
66%{transform:skewX(4deg)}
83%{transform:skewX(-2deg)}
}
.jelly{-webkit-animation:jelly 1000ms;animation:jelly 1000ms}
@-webkit-keyframes jelly {
11%{-webkit-transform:skew(0deg,0deg)}
22%{-webkit-transform:skew(-12.5deg,-12.5deg)}
33%{-webkit-transform:skew(6.25deg,6.25deg)}
44%{-webkit-transform:skew(-3.125deg,-3.125deg)}
55%{-webkit-transform:skew(1.5625deg,1.5625deg)}
66%{-webkit-transform:skew(-0.78125deg,-0.78125deg)}
77%{-webkit-transform:skew(0.39063deg,0.39063deg)}
88%{-webkit-transform:skew(-0.19531deg,-0.19531deg)}
}
@keyframes jelly {
11%{transform:skew(0deg,0deg)}
22%{transform:skew(-12.5deg,-12.5deg)}
33%{transform:skew(6.25deg,6.25deg)}
44%{transform:skew(-3.125deg,-3.125deg)}
55%{transform:skew(1.5625deg,1.5625deg)}
66%{transform:skew(-0.78125deg,-0.78125deg)}
77%{transform:skew(0.39063deg,0.39063deg)}
88%{transform:skew(-0.19531deg,-0.19531deg)}
}
.gelatine{-webkit-animation:gelatine 500ms;animation:gelatine 500ms}
@-webkit-keyframes gelatine {
25%{-webkit-transform:scale(0.9,1.1)}
50%{-webkit-transform:scale(1.1,0.9)}
75%{-webkit-transform:scale(0.95,1.05)}
}
@keyframes gelatine {
25%{transform:scale(0.9,1.1)}
50%{transform:scale(1.1,0.9)}
75%{transform:scale(0.95,1.05)}
}
.rubber{-webkit-animation:rubber 1000ms;animation:rubber 1000ms}
@-webkit-keyframes rubber {
30%{-webkit-transform:scale(1.25,0.75)}
40%{-webkit-transform:scale(0.75,1.25)}
50%{-webkit-transform:scale(1.15,0.85)}
65%{-webkit-transform:scale(0.95,1.05)}
75%{-webkit-transform:scale(1.05,0.95)}
}
@keyframes rubber {
30%{transform:scale(1.25,0.75)}
40%{transform:scale(0.75,1.25)}
50%{transform:scale(1.15,0.85)}
65%{transform:scale(0.95,1.05)}
75%{transform:scale(1.05,0.95)}
}
.swing{-webkit-transform-origin:top;transform-origin:top;-webkit-animation:swing 1000ms;animation:swing 1000ms}
@-webkit-keyframes swing {
20%{-webkit-transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg)}
}
@keyframes swing {
20%{transform:rotate(15deg)}
40%{transform:rotate(-10deg)}
60%{transform:rotate(5deg)}
80%{transform:rotate(-5deg)}
}
.moveUp{-webkit-animation:moveUp 200ms;animation:moveUp 200ms}
@-webkit-keyframes moveUp {
100%{-webkit-transform:translateY(-25px)}
}
@keyframes moveUp {
100%{transform:translateY(-25px)}
}
.moveUp-off{-webkit-animation:moveUp-off 200ms;animation:moveUp-off 200ms}
@-webkit-keyframes moveUp-off {
0%{-webkit-transform:translateY(-25px)}
}
@keyframes moveUp-off {
0%{transform:translateY(-25px)}
}
.swell{-webkit-animation:swell 250ms;animation:swell 250ms}
@-webkit-keyframes swell {
100%{-webkit-transform:scale(1.1)}
}
@keyframes swell {
100%{transform:scale(1.1)}
}
.swell-off{-webkit-animation:swell-off 250ms;animation:swell-off 250ms}
@-webkit-keyframes swell-off {
0%{-webkit-transform:scale(1.1)}
}
@keyframes swell-off {
0%{transform:scale(1.1)}
}
.tilt{-webkit-animation:tilt 250ms;animation:tilt 250ms}
@-webkit-keyframes tilt {
100%{-webkit-transform:rotate(5deg)}
}
@keyframes tilt {
100%{transform:rotate(5deg)}
}
.tilt-off{-webkit-animation:tilt-off 250ms;animation:tilt-off 250ms}
@-webkit-keyframes tilt-off {
0%{-webkit-transform:rotate(5deg)}
}
@keyframes tilt-off {
0%{transform:rotate(5deg)}
}
.tiltSwell{-webkit-animation:tiltSwell 250ms;animation:tiltSwell 250ms}
@-webkit-keyframes tiltSwell {
100%{-webkit-transform:rotate(5deg) scale(1.1)}
}
@keyframes tiltSwell {
100%{transform:rotate(5deg) scale(1.1)}
}
.tiltSwell-off{-webkit-animation:tiltSwell-off 250ms;animation:tiltSwell-off 250ms}
@-webkit-keyframes tiltSwell-off {
0%{-webkit-transform:rotate(5deg) scale(1.1)}
}
@keyframes tiltSwell-off {
0%{transform:rotate(5deg) scale(1.1)}
}
.burn1{-webkit-animation:burn1 1125ms;animation:burn1 1125ms;text-shadow:0 0 0 transparent}
@-webkit-keyframes burn1 {
25%{color:#ff0;-webkit-text-shadow:0 0 20px #fa8072,0 0 20px #fa8072,0 0 20px #fa8072,0 0 20px #fa8072,0 0 20px #fa8072}
}
@keyframes burn1 {
25%{color:#ff0;text-shadow:0 0 20px #fa8072,0 0 20px #fa8072,0 0 20px #fa8072,0 0 20px #fa8072,0 0 20px #fa8072}
}
.glint1{-webkit-animation:glint1 5000ms infinite;animation:glint1 5000ms infinite}
@-webkit-keyframes glint1 {
1%{color:#ff0}
4%{color:inherit}
}
@keyframes glint1 {
1%{color:#ff0}
4%{color:inherit}
}
@media print {
[class*="oS-"]{transform:scale(1)!important;opacity:1!important}
}