@layer swift3 {@-webkit-keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale,1.25)); } }@keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale,1.25)); } }@-webkit-keyframes fa-bounce { 0% { transform: scale(1) translateY(0px); } 10% { transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0); } 57% { transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); } 64% { transform: scale(1) translateY(0px); } 100% { transform: scale(1) translateY(0px); } }@keyframes fa-bounce { 0% { transform: scale(1) translateY(0px); } 10% { transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0); } 57% { transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); } 64% { transform: scale(1) translateY(0px); } 100% { transform: scale(1) translateY(0px); } }@-webkit-keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity,.4); } }@keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity,.4); } }@-webkit-keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity,.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale,1.125)); } }@keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity,.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale,1.125)); } }@-webkit-keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); } }@keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); } }@-webkit-keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 8%, 24% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } }@keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 8%, 24% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } }@-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } }@keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } }:host, :root { --fa-style-family-brands: "Font Awesome 6 Brands"; --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"; }:host, :root { --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"; }:host, :root { --fa-style-family-classic: "Font Awesome 6 Free"; --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"; }#plugin-client-modal { position: fixed; background: rgba(200, 200, 200, 0.35); top: 0px; border: 0px; left: 0px; right: 0px; height: 100%; z-index: 9999; display: flex; justify-content: center; align-items: center; }#plugin-client-modal-loader { position: absolute; }#cookie-notice { position: fixed; min-width: 100%; height: auto; z-index: 100000; font-size: 13px; letter-spacing: 0px; line-height: 20px; left: 0px; text-align: center; font-weight: normal; font-family: -apple-system, BlinkMacSystemFont, Arial, Roboto, "Helvetica Neue", sans-serif; }#cookie-notice, #cookie-notice * { box-sizing: border-box; }#cookie-notice.cn-animated { animation-fill-mode: both; animation-duration: 0.5s !important; }#cookie-notice .cookie-notice-container { display: block; }.cn-position-bottom { bottom: 0px; }.cookie-notice-container { padding: 15px 30px; text-align: center; width: 100%; z-index: 2; }.cn-close-icon { position: absolute; right: 15px; top: 50%; margin: -10px 0px 0px; width: 15px; height: 15px; opacity: 0.5; padding: 10px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; background: none; box-shadow: none; cursor: pointer; }.cn-close-icon:focus, .cn-close-icon:focus-visible { outline: currentcolor solid 2px; outline-offset: 3px; }.cn-close-icon:hover { opacity: 1; }.cn-close-icon::before, .cn-close-icon::after { position: absolute; content: " "; height: 15px; width: 2px; top: 3px; background-color: #808080; }.cn-close-icon::before { transform: rotate(45deg); }.cn-close-icon::after { transform: rotate(-45deg); }#cookie-notice .cn-button { margin: 0px 0px 0px 10px; display: inline-block; }#cookie-notice .cn-button:not(.cn-button-custom) { font-family: -apple-system, BlinkMacSystemFont, Arial, Roboto, "Helvetica Neue", sans-serif; font-weight: normal; font-size: 13px; letter-spacing: 0.25px; margin: 0px 0px 0px 10px; text-align: center; text-transform: none; display: inline-block; cursor: pointer; touch-action: manipulation; white-space: nowrap; outline: none; box-shadow: none; text-shadow: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 3px; text-decoration: none; padding: 8.5px 10px; line-height: 1; color: inherit; }.cn-text-container { margin: 0px 0px 6px; }.cn-text-container, .cn-buttons-container { display: inline-block; }#cookie-notice.cookie-notice-visible.cn-effect-fade, #cookie-notice.cookie-revoke-visible.cn-effect-fade { animation-name: fadeIn; }#cookie-notice.cn-effect-fade { animation-name: fadeOut; }@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }@-webkit-keyframes slideInUp { 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translate3d(0px, 0px, 0px); } }@keyframes slideInUp { 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translate3d(0px, 0px, 0px); } }@-webkit-keyframes slideOutDown { 0% { transform: translate3d(0px, 0px, 0px); } 100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); } }@keyframes slideOutDown { 0% { transform: translate3d(0px, 0px, 0px); } 100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); } }@-webkit-keyframes slideInDown { 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translate3d(0px, 0px, 0px); } }@keyframes slideInDown { 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translate3d(0px, 0px, 0px); } }@-webkit-keyframes slideOutUp { 0% { transform: translate3d(0px, 0px, 0px); } 100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); } }@keyframes slideOutUp { 0% { transform: translate3d(0px, 0px, 0px); } 100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); } }:root { --dipi-vb-module-selection-icon-color: #ffffff; --dipi-vb-module-selection-text-color: #ffffff; --dipi-vb-module-selection-background-color: #2c3d49; }.et_pb_scroll_top { animation-fill-mode: forwards !important; }@keyframes fadeInRightShort { 0% { opacity: 0; transform: translate3d(20px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInLeftShort { 0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); } 100% { opacity: 1; transform: none; } }:root { --background-text-content: ""; }@-webkit-keyframes dipiDHreveal { 0% { visibility: hidden; } 35% { visibility: hidden; } 70% { visibility: hidden; } 100% { visibility: visible; } }@keyframes dipiDHreveal { 0% { visibility: hidden; } 35% { visibility: hidden; } 70% { visibility: hidden; } 100% { visibility: visible; } }@-webkit-keyframes dipiDHSlideLeft { 0% { height: 100%; width: 0px; top: 0px; left: 0px; right: auto; } 35% { height: 100%; width: 100%; top: 0px; left: 0px; right: auto; } 75% { height: 100%; width: 100%; top: 0px; right: 0px; left: auto; } 100% { height: 100%; width: 0px; top: 0px; right: 0px; left: auto; } }@keyframes dipiDHSlideLeft { 0% { height: 100%; width: 0px; top: 0px; left: 0px; right: auto; } 35% { height: 100%; width: 100%; top: 0px; left: 0px; right: auto; } 75% { height: 100%; width: 100%; top: 0px; right: 0px; left: auto; } 100% { height: 100%; width: 0px; top: 0px; right: 0px; left: auto; } }@-webkit-keyframes dipiDHSlideRight { 0% { height: 100%; width: 0px; top: 0px; right: 0px; left: auto; } 35% { height: 100%; width: 100%; top: 0px; right: 0px; left: auto; } 75% { height: 100%; width: 100%; top: 0px; left: 0px; right: auto; } 100% { height: 100%; width: 0px; top: 0px; left: 0px; right: auto; } }@keyframes dipiDHSlideRight { 0% { height: 100%; width: 0px; top: 0px; right: 0px; left: auto; } 35% { height: 100%; width: 100%; top: 0px; right: 0px; left: auto; } 75% { height: 100%; width: 100%; top: 0px; left: 0px; right: auto; } 100% { height: 100%; width: 0px; top: 0px; left: 0px; right: auto; } }@-webkit-keyframes dipiDHFadeOut { 0% { height: 100%; width: 100%; opacity: 0; } 35% { height: 100%; width: 100%; opacity: 1; } 70% { height: 100%; width: 100%; opacity: 1; } 100% { height: 100%; width: 100%; opacity: 0; } }@keyframes dipiDHFadeOut { 0% { height: 100%; width: 100%; opacity: 0; } 35% { height: 100%; width: 100%; opacity: 1; } 70% { height: 100%; width: 100%; opacity: 1; } 100% { height: 100%; width: 100%; opacity: 0; } }@-webkit-keyframes dipiDHSlideUp { 0% { height: 0%; width: 100%; left: 0px; bottom: 0px; top: auto; } 35% { height: 100%; width: 100%; left: 0px; bottom: 0px; top: auto; } 75% { height: 100%; width: 100%; left: 0px; bottom: auto; top: 0px; } 100% { height: 0%; width: 100%; left: 0px; bottom: auto; top: 0px; } }@keyframes dipiDHSlideUp { 0% { height: 0%; width: 100%; left: 0px; bottom: 0px; top: auto; } 35% { height: 100%; width: 100%; left: 0px; bottom: 0px; top: auto; } 75% { height: 100%; width: 100%; left: 0px; bottom: auto; top: 0px; } 100% { height: 0%; width: 100%; left: 0px; bottom: auto; top: 0px; } }@-webkit-keyframes dipiDHSlideDown { 0% { height: 0%; width: 100%; left: 0px; top: 0px; bottom: auto; } 35% { height: 100%; width: 100%; left: 0px; top: 0px; bottom: auto; } 75% { height: 100%; width: 100%; left: 0px; top: auto; bottom: 0px; } 100% { height: 0%; width: 100%; left: 0px; top: auto; bottom: 0px; } }@keyframes dipiDHSlideDown { 0% { height: 0%; width: 100%; left: 0px; top: 0px; bottom: auto; } 35% { height: 100%; width: 100%; left: 0px; top: 0px; bottom: auto; } 75% { height: 100%; width: 100%; left: 0px; top: auto; bottom: 0px; } 100% { height: 0%; width: 100%; left: 0px; top: auto; bottom: 0px; } }@-webkit-keyframes dipiBGLeftToRight { 0% { background-position: 0px 0px; } 100% { background-position: -100% 0px; } }@keyframes dipiBGLeftToRight { 0% { background-position: 0px 0px; } 100% { background-position: -100% 0px; } }@-webkit-keyframes dipiBGRightToLeft { 0% { background-position: 0px 0px; } 100% { background-position: 100% 0px; } }@keyframes dipiBGRightToLeft { 0% { background-position: 0px 0px; } 100% { background-position: 100% 0px; } }@-webkit-keyframes dipiBGTopToBottom { 0% { background-position: 0px 0px; } 100% { background-position: 0px -100%; } }@keyframes dipiBGTopToBottom { 0% { background-position: 0px 0px; } 100% { background-position: 0px -100%; } }@-webkit-keyframes dipiBGBottomToTop { 0% { background-position: 0px 0px; } 100% { background-position: 0px 100%; } }@keyframes dipiBGBottomToTop { 0% { background-position: 0px 0px; } 100% { background-position: 0px 100%; } }@-webkit-keyframes dipiBGHorizontal { 0% { background-position: 0px 0px; } 50% { background-position: 100% 0px; } 100% { background-position: 0px 0px; } }@keyframes dipiBGHorizontal { 0% { background-position: 0px 0px; } 50% { background-position: 100% 0px; } 100% { background-position: 0px 0px; } }@-webkit-keyframes dipiBGVertical { 0% { background-position: 0px 0px; } 50% { background-position: 0px 100%; } 100% { background-position: 0px 0px; } }@keyframes dipiBGVertical { 0% { background-position: 0px 0px; } 50% { background-position: 0px 100%; } 100% { background-position: 0px 0px; } }@keyframes dipi-updown-effect { 0% { transform: translate3d(0px, 10px, 0px); } 100% { transform: translate3d(0px, -10px, 0px); } }@-webkit-keyframes dipi-updown-effect { 0% { transform: translate3d(0px, 10px, 0px); } 100% { transform: translate3d(0px, -10px, 0px); } }@keyframes dipi-leftright-effect { 0% { transform: translate3d(10px, 0px, 0px); } 100% { transform: translate3d(-10px, 0px, 0px); } }@-webkit-keyframes dipi-leftright-effect { 0% { transform: translate3d(10px, 0px, 0px); } 100% { transform: translate3d(-10px, 0px, 0px); } }@keyframes dipi-topleftright-effect { 0% { transform: translate3d(-10px, -10px, 0px) scale3d(0.95, 0.95, 1) rotateX(0deg); } 100% { transform: translate3d(10px, 10px, 0px) scaleX(1) rotate3d(0, 0, 0, 0deg); } }@-webkit-keyframes dipi-topleftright-effect { 0% { transform: translate3d(-10px, -10px, 0px) scale3d(0.95, 0.95, 1) rotateX(0deg); } 100% { transform: translate3d(10px, 10px, 0px) scaleX(1) rotate3d(0, 0, 0, 0deg); } }@keyframes dipi-toprightleft-effect { 0% { transform: translate3d(10px, 0px, 0px) scale3d(0.95, 0.95, 1); } 100% { transform: translate3d(-10px, 10px, 0px) scaleX(1); } }@-webkit-keyframes dipi-toprightleft-effect { 0% { transform: translate3d(10px, 0px, 0px) scale3d(0.95, 0.95, 1); } 100% { transform: translate3d(-10px, 10px, 0px) scaleX(1); } }@keyframes dipi-rotate-effect { 0% { transform: rotate(5deg); } 100% { transform: rotate(-5deg); } }@-webkit-keyframes dipi-rotate-effect { 0% { transform: rotate(5deg); } 100% { transform: rotate(-5deg); } }@keyframes dipi-zoom-effect { 0% { transform: scale3d(0.9, 0.9, 1); } 100% { transform: scaleX(1); } }@-webkit-keyframes dipi-zoom-effect { 0% { transform: scale3d(0.9, 0.9, 1); } 100% { transform: scaleX(1); } }@keyframes dipi-zoomrotate-effect { 0% { transform: translate3d(0px, 5px, 0px) scale3d(0.95, 0.95, 1) rotate(5deg); } 100% { transform: translate3d(0px, -5px, 0px) scaleX(1) rotate(-5deg); } }@-webkit-keyframes dipi-zoomrotate-effect { 0% { transform: translate3d(0px, 5px, 0px) scale3d(0.95, 0.95, 1) rotate(5deg); } 100% { transform: translate3d(0px, -5px, 0px) scaleX(1) rotate(-5deg); } }@keyframes dipi-zoomtop-effect { 0% { transform: translate3d(0px, 10px, 0px) scale3d(0.95, 0.95, 1); } 100% { transform: translate3d(0px, -10px, 0px) scaleX(1); } }@-webkit-keyframes dipi-zoomtop-effect { 0% { transform: translate3d(0px, 10px, 0px) scale3d(0.95, 0.95, 1); } 100% { transform: translate3d(0px, -10px, 0px) scaleX(1); } }@keyframes dipi-zoombottom-effect { 0% { transform: translate3d(0px, -10px, 0px) scale3d(0.95, 0.95, 1); } 100% { transform: translate3d(0px, 10px, 0px) scaleX(1); } }@-webkit-keyframes dipi-zoombottom-effect { 0% { transform: translate3d(0px, -10px, 0px) scale3d(0.95, 0.95, 1); } 100% { transform: translate3d(0px, 10px, 0px) scaleX(1); } }@keyframes dipi-zoomleft-effect { 0% { transform: translate3d(10px, 0px, 0px) scale3d(0.95, 0.95, 1); } 100% { transform: translate3d(-10px, 0px, 0px) scaleX(1); } }@-webkit-keyframes dipi-zoomleft-effect { 0% { transform: translate3d(10px, 0px, 0px) scale3d(0.95, 0.95, 1); } 100% { transform: translate3d(-10px, 0px, 0px) scaleX(1); } }@keyframes dipi-zoomright-effect { 0% { transform: translate3d(-10px, 0px, 0px) scale3d(0.95, 0.95, 1); } 100% { transform: translate3d(10px, 0px, 0px) scaleX(1); } }@-webkit-keyframes dipi-zoomright-effect { 0% { transform: translate3d(-10px, 0px, 0px) scale3d(0.95, 0.95, 1); } 100% { transform: translate3d(10px, 0px, 0px) scaleX(1); } }:root { --dipi-ig-popup-speed: 500ms; }@keyframes fadeInUpShortXCenter { 0% { opacity: 0; transform: translate3d(-50%, 10px, 0px); } 100% { opacity: 1; transform: translateX(-50%); } }@-webkit-keyframes fadeInUpShortXCenter { 0% { opacity: 0; transform: translate3d(-50%, 10px, 0px); } 100% { opacity: 1; transform: translateX(-50%); } }@keyframes fadeInDownShortXCenter { 0% { opacity: 0; transform: translate3d(-50%, -10px, 0px); } 100% { opacity: 1; transform: translateX(-50%); } }@-webkit-keyframes fadeInDownShortXCenter { 0% { opacity: 0; transform: translate3d(-50%, -10px, 0px); } 100% { opacity: 1; transform: translateX(-50%); } }@keyframes fadeInLeftShortXCenter { 0% { opacity: 0; transform: translate3d(calc(-50% - 10px), 0px, 0px); } 100% { opacity: 1; transform: translateX(-50%); } }@-webkit-keyframes fadeInLeftShortXCenter { 0% { opacity: 0; transform: translate3d(calc(-50% - 10px), 0px, 0px); } 100% { opacity: 1; transform: translateX(-50%); } }@keyframes fadeInRightShortXCenter { 0% { opacity: 0; transform: translate3d(calc(-50% + 10px), 0px, 0px); } 100% { opacity: 1; transform: translateX(-50%); } }@-webkit-keyframes fadeInRightShortXCenter { 0% { opacity: 0; transform: translate3d(calc(-50% + 10px), 0px, 0px); } 100% { opacity: 1; transform: translateX(-50%); } }@keyframes zoomInShortXCenter { 0% { opacity: 0; transform: translateX(-50%) scale3d(0.95, 0.95, 0.95); } 50% { opacity: 1; } }@-webkit-keyframes zoomInShortXCenter { 0% { opacity: 0; transform: translateX(-50%) scale3d(0.95, 0.95, 0.95); } 50% { opacity: 1; } }@keyframes fadeInUpShortYCenter { 0% { opacity: 0; transform: translate3d(0px, calc(-50% + 10px), 0px); } 100% { opacity: 1; transform: translateY(-50%); } }@-webkit-keyframes fadeInUpShortYCenter { 0% { opacity: 0; transform: translate3d(0px, calc(-50% + 10px), 0px); } 100% { opacity: 1; transform: translateY(-50%); } }@keyframes fadeInDownShortYCenter { 0% { opacity: 0; transform: translate3d(0px, calc(-50% - 10px), 0px); } 100% { opacity: 1; transform: translateY(-50%); } }@-webkit-keyframes fadeInDownShortYCenter { 0% { opacity: 0; transform: translate3d(0px, calc(-50% - 10px), 0px); } 100% { opacity: 1; transform: translateY(-50%); } }@keyframes fadeInLeftShortYCenter { 0% { opacity: 0; transform: translate3d(-10px, -50%, 0px); } 100% { opacity: 1; transform: translateY(-50%); } }@-webkit-keyframes fadeInLeftShortYCenter { 0% { opacity: 0; transform: translate3d(-10px, -50%, 0px); } 100% { opacity: 1; transform: translateY(-50%); } }@keyframes fadeInRightShortYCenter { 0% { opacity: 0; transform: translate3d(10px, -50%, 0px); } 100% { opacity: 1; transform: translateY(-50%); } }@-webkit-keyframes fadeInRightShortYCenter { 0% { opacity: 0; transform: translate3d(10px, -50%, 0px); } 100% { opacity: 1; transform: translateY(-50%); } }@keyframes zoomInShortYCenter { 0% { opacity: 0; transform: translateY(-50%) scale3d(0.95, 0.95, 0.95); } 50% { opacity: 1; } }@-webkit-keyframes zoomInShortYCenter { 0% { opacity: 0; transform: translateY(-50%) scale3d(0.95, 0.95, 0.95); } 50% { opacity: 1; } }@-webkit-keyframes dipi-svg-sonar-animation { 0% { transform: scale(0) translate(-50%, -50%); opacity: 0; } 50% { transform: scale(1.5) translate(-50%, -50%); opacity: 0.5; } 100% { transform: scale(3) translate(-50%, -50%); opacity: 0; } }@keyframes dipi-svg-sonar-animation { 0% { transform: scale(0) translate(-50%, -50%); opacity: 0; } 50% { transform: scale(1.5) translate(-50%, -50%); opacity: 0.5; } 100% { transform: scale(3) translate(-50%, -50%); opacity: 0; } }@-webkit-keyframes bars { 0% { background-position: 40px 0px; } 100% { background-position: 0px 0px; } }@keyframes bars { 0% { background-position: 40px 0px; } 100% { background-position: 0px 0px; } }@-webkit-keyframes dp-scroll-vertical { 0% { transform: translateY(0px); } 100% { transform: translateY(5px); } }@keyframes dp-scroll-vertical { 0% { transform: translateY(0px); } 100% { transform: translateY(5px); } }@-webkit-keyframes dp-scroll-horizontal { 0% { transform: translateX(0px); } 100% { transform: translateX(5px); } }@keyframes dp-scroll-horizontal { 0% { transform: translateX(0px); } 100% { transform: translateX(5px); } }@-webkit-keyframes bounceInInfoCircle { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translateX(-50%) translateY(-50%) scale3d(0.6, 0.6, 0.6); } 20% { transform: translateX(-50%) translateY(-50%) scale3d(1.05, 1.05, 1.05); } 40% { transform: translateX(-50%) translateY(-50%) scale3d(0.95, 0.95, 0.95); } 60% { opacity: 1; transform: translateX(-50%) translateY(-50%) scale3d(1.02, 1.02, 1.02); } 80% { transform: translateX(-50%) translateY(-50%) scale3d(0.98, 0.98, 0.98); } 100% { opacity: 1; transform: translateX(-50%) translateY(-50%) scaleX(1); } }@keyframes bounceInInfoCircle { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translateX(-50%) translateY(-50%) scale3d(0.6, 0.6, 0.6); } 20% { transform: translateX(-50%) translateY(-50%) scale3d(1.05, 1.05, 1.05); } 40% { transform: translateX(-50%) translateY(-50%) scale3d(0.95, 0.95, 0.95); } 60% { opacity: 1; transform: translateX(-50%) translateY(-50%) scale3d(1.02, 1.02, 1.02); } 80% { transform: translateX(-50%) translateY(-50%) scale3d(0.98, 0.98, 0.98); } 100% { opacity: 1; transform: translateX(-50%) translateY(-50%) scaleX(1); } }@-webkit-keyframes dipi-hg-faderight-active { 0% { opacity: 0; left: 100%; } 100% { opacity: 1; left: 0px; } }@keyframes dipi-hg-faderight-active { 0% { opacity: 0; left: 100%; } 100% { opacity: 1; left: 0px; } }@-webkit-keyframes dipi-hg-faderight { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes dipi-hg-faderight { 0% { opacity: 1; } 100% { opacity: 0; } }@-webkit-keyframes dipi-hg-fadeleft-active { 0% { opacity: 0; right: 100%; } 100% { opacity: 1; right: 0px; } }@keyframes dipi-hg-fadeleft-active { 0% { opacity: 0; right: 100%; } 100% { opacity: 1; right: 0px; } }@-webkit-keyframes dipi-hg-fadeleft { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes dipi-hg-fadeleft { 0% { opacity: 1; } 100% { opacity: 0; } }@-webkit-keyframes dipi-hg-fadetop-active { 0% { opacity: 0; bottom: 100%; } 100% { opacity: 1; bottom: 0px; } }@keyframes dipi-hg-fadetop-active { 0% { opacity: 0; bottom: 100%; } 100% { opacity: 1; bottom: 0px; } }@-webkit-keyframes dipi-hg-fadetop { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes dipi-hg-fadetop { 0% { opacity: 1; } 100% { opacity: 0; } }@-webkit-keyframes dipi-hg-fadebottom-active { 0% { opacity: 0; top: 100%; } 100% { opacity: 1; top: 0px; } }@keyframes dipi-hg-fadebottom-active { 0% { opacity: 0; top: 100%; } 100% { opacity: 1; top: 0px; } }@-webkit-keyframes dipi-hg-fadebottom { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes dipi-hg-fadebottom { 0% { opacity: 1; } 100% { opacity: 0; } }@-webkit-keyframes dipi-hg-ZoomInZoomOut-active { 0% { transform: scale(1); opacity: 0; } 50% { transform: scale(1.5); opacity: 1; } 100% { transform: scale(1); opacity: 1; } }@keyframes dipi-hg-ZoomInZoomOut-active { 0% { transform: scale(1); opacity: 0; } 50% { transform: scale(1.5); opacity: 1; } 100% { transform: scale(1); opacity: 1; } }@-webkit-keyframes dipi-hg-ZoomInZoomOut { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes dipi-hg-ZoomInZoomOut { 0% { opacity: 1; } 100% { opacity: 0; } }@-webkit-keyframes dipi-hg-slice { 0% { top: 0px; } 99.999% { top: -100%; } 100% { top: 100%; } }@keyframes dipi-hg-slice { 0% { top: 0px; } 99.999% { top: -100%; } 100% { top: 100%; } }@-webkit-keyframes dipi-hg-slice-active { 0% { top: 100%; } 100% { top: 0px; } }@keyframes dipi-hg-slice-active { 0% { top: 100%; } 100% { top: 0px; } }@keyframes bounce { 0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); } 90% { transform: translate3d(0px, -4px, 0px); } }@keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } }@keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scaleX(1); } }@keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scaleX(1); } }@keyframes shake { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); } }@keyframes headShake { 0% { transform: translateX(0px); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0px); } }@keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } }@keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } 100% { transform: scaleX(1); } }@keyframes wobble { 0% { transform: none; } 15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); } 30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); } 45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); } 60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); } 75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); } 100% { transform: none; } }@keyframes jello { 0%, 11.1%, 100% { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } }@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6); } 20% { transform: scale3d(1.05, 1.05, 1.05); } 40% { transform: scale3d(0.95, 0.95, 0.95); } 60% { opacity: 1; transform: scale3d(1.02, 1.02, 1.02); } 80% { transform: scale3d(0.98, 0.98, 0.98); } 100% { opacity: 1; transform: scaleX(1); } }@keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -20px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 10px, 0px); } 75% { transform: translate3d(0px, -5px, 0px); } 90% { transform: translate3d(0px, 2px, 0px); } 100% { transform: none; } }@keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(10px, 0px, 0px); } 75% { transform: translate3d(-5px, 0px, 0px); } 90% { transform: translate3d(2px, 0px, 0px); } 100% { transform: none; } }@keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(20px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-10px, 0px, 0px); } 75% { transform: translate3d(5px, 0px, 0px); } 90% { transform: translate3d(-2px, 0px, 0px); } 100% { transform: none; } }@keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 20px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -10px, 0px); } 75% { transform: translate3d(0px, 5px, 0px); } 90% { transform: translate3d(0px, -2px, 0px); } 100% { transform: translateZ(0px); } }@keyframes bounceOut { 20% { transform: scale3d(0.95, 0.95, 0.95); } 50%, 55% { opacity: 1; transform: scale3d(1.05, 1.05, 1.05); } 100% { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); } }@keyframes bounceOutDown { 20% { transform: translate3d(0px, 5px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, -15px, 0px); } 100% { opacity: 0; transform: translate3d(0px, 100px, 0px); } }@keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(10px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(-100px, 0px, 0px); } }@keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-10px, 0px, 0px); } 100% { opacity: 0; transform: translate3d(100px, 0px, 0px); } }@keyframes bounceOutUp { 20% { transform: translate3d(0px, -5px, 0px); } 40%, 45% { opacity: 1; transform: translate3d(0px, 15px, 0px); } 100% { opacity: 0; transform: translate3d(0px, -100px, 0px); } }@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -40px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -1000px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-40px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-1000px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(40px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(1000px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 40px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 1000px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 40px, 0px); } }@keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 1000px, 0px); } }@keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-60px, 0px, 0px); } }@keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-1000px, 0px, 0px); } }@keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(60px, 0px, 0px); } }@keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(1000px, 0px, 0px); } }@keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -60px, 0px); } }@keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -1000px, 0px); } }@keyframes flip { 0% { transform: perspective(1000px) rotateY(-1turn); animation-timing-function: ease-out; } 40% { transform: perspective(1000px) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; } 50% { transform: perspective(1000px) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; } 80% { transform: perspective(1000px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } 100% { transform: perspective(1000px); animation-timing-function: ease-in; } }@keyframes flipInX { 0% { transform: perspective(400px) rotateX(60deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateX(5deg); opacity: 1; } 80% { transform: perspective(400px) rotateX(-2deg); } 100% { transform: perspective(400px); } }@keyframes flipInY { 0% { transform: perspective(1000px) rotateY(60deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(1000px) rotateY(-10deg); animation-timing-function: ease-in; } 60% { transform: perspective(1000px) rotateY(5deg); opacity: 1; } 80% { transform: perspective(1000px) rotateY(-2deg); } 100% { transform: perspective(1000px); } }@keyframes flipOutX { 0% { transform: perspective(1000px); } 30% { transform: perspective(1000px) rotateX(-15deg); opacity: 1; } 100% { transform: perspective(1000px) rotateX(60deg); opacity: 0; } }@keyframes flipOutY { 0% { transform: perspective(1000px); } 30% { transform: perspective(1000px) rotateY(-15deg); opacity: 1; } 100% { transform: perspective(1000px) rotateY(60deg); opacity: 0; } }@keyframes lightSpeedIn { 0% { transform: translate3d(100px, 0px, 0px) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } 100% { transform: none; opacity: 1; } }@keyframes lightSpeedOut { 0% { opacity: 1; } 100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; } }@keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-180deg); opacity: 0; } 100% { transform-origin: center center; transform: none; opacity: 1; } }@keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-10deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(10deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(10deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-10deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@keyframes rotateOut { 0% { transform-origin: center center; opacity: 1; } 100% { transform-origin: center center; transform: rotate(180deg); opacity: 0; } }@keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(10deg); opacity: 0; } }@keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-10deg); opacity: 0; } }@keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(-10deg); opacity: 0; } }@keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(10deg); opacity: 0; } }@keyframes hinge { 0% { transform-origin: left top; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: left top; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate(60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translate3d(0px, 700px, 0px); opacity: 0; } }@keyframes jackInTheBox { 0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } 100% { opacity: 1; transform: scale(1); } }@keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); } 100% { opacity: 1; transform: none; } }@keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); } }@keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); } 50% { opacity: 1; } }@keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(0px, -200px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, 10px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(-500px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(500px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(-20px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.6, 0.6, 0.6) translate3d(0px, 200px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, -20px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.8, 0.8, 0.8); } 100% { opacity: 0; } }@keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, -20px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.4, 0.4, 0.4) translate3d(0px, 500px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(30px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.3) translate3d(-500px, 0px, 0px); transform-origin: left center; } }@keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(-30px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.3) translate3d(500px, 0px, 0px); transform-origin: right center; } }@keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.9, 0.9, 0.9) translate3d(0px, 30px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3) translate3d(0px, -500px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }@keyframes slideInDown { 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@keyframes slideInLeft { 0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@keyframes slideInRight { 0% { transform: translate3d(100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@keyframes slideInUp { 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } }@keyframes slideOutDown { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); } }@keyframes slideOutLeft { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); } }@keyframes slideOutRight { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); } }@keyframes slideOutUp { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); } }@keyframes fadeInUpShort { 0% { opacity: 0; transform: translate3d(0px, 20px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInDownShort { 0% { opacity: 0; transform: translate3d(0px, -20px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInLeftShort { 0% { opacity: 0; transform: translate3d(-20px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes fadeInRightShort { 0% { opacity: 0; transform: translate3d(20px, 0px, 0px); } 100% { opacity: 1; transform: none; } }@keyframes zoomInShort { 0% { opacity: 0; transform: scale3d(0.97, 0.97, 0.97); } 50% { opacity: 1; } }@keyframes bounceInShort { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.97, 0.97, 0.97); } 20% { transform: scale3d(1.03, 1.03, 1.03); } 40% { transform: scale3d(0.98, 0.98, 0.98); } 60% { opacity: 1; transform: scale3d(1.02, 1.02, 1.02); } 80% { transform: scale3d(0.99, 0.99, 0.99); } 100% { opacity: 1; transform: scaleX(1); } }@keyframes bounceInDownShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -15px, 0px); } 60% { opacity: 1; transform: translate3d(0px, 8px, 0px); } 75% { transform: translate3d(0px, -8px, 0px); } 90% { transform: translate3d(0px, 4px, 0px); } 100% { transform: none; } }@keyframes bounceInLeftShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-15px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(8px, 0px, 0px); } 75% { transform: translate3d(-8px, 0px, 0px); } 90% { transform: translate3d(4px, 0px, 0px); } 100% { transform: none; } }@keyframes bounceInRightShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(15px, 0px, 0px); } 60% { opacity: 1; transform: translate3d(-8px, 0px, 0px); } 75% { transform: translate3d(8px, 0px, 0px); } 90% { transform: translate3d(-4px, 0px, 0px); } 100% { transform: none; } }@keyframes bounceInUpShort { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 15px, 0px); } 60% { opacity: 1; transform: translate3d(0px, -8px, 0px); } 75% { transform: translate3d(0px, 8px, 0px); } 90% { transform: translate3d(0px, -4px, 0px); } 100% { transform: translateZ(0px); } }@keyframes flipInXShort { 0% { transform: perspective(2500px) rotate3d(10, 0, 0, 10deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(2500px) rotate3d(10, 0, 0, -7deg); animation-timing-function: ease-in; } 60% { transform: perspective(2500px) rotate3d(10, 0, 0, 5deg); opacity: 1; } 80% { transform: perspective(2500px) rotate3d(10, 0, 0, -2deg); } 100% { transform: perspective(2500px); } }@keyframes flipInYShort { 0% { transform: perspective(2500px) rotateY(10deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(2500px) rotateY(-7deg); animation-timing-function: ease-in; } 60% { transform: perspective(2500px) rotateY(5deg); opacity: 1; } 80% { transform: perspective(2500px) rotateY(-2deg); } 100% { transform: perspective(2500px); } }@keyframes jackInTheBoxShort { 0% { opacity: 0; transform: scale(0.98) rotate(3deg); transform-origin: center bottom; } 50% { transform: rotate(-2deg); } 70% { transform: rotate(1deg); } 100% { opacity: 1; transform: scale(1); } }@keyframes rotateInShort { 0% { transform-origin: center center; transform: rotate(-2deg); opacity: 0; } 100% { transform-origin: center center; transform: none; opacity: 1; } }@keyframes rotateInDownLeftShort { 0% { transform-origin: left bottom; transform: rotate(-2deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@keyframes rotateInDownRightShort { 0% { transform-origin: right bottom; transform: rotate(2deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@keyframes rotateInUpLeftShort { 0% { transform-origin: left bottom; transform: rotate(2deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } }@keyframes rotateInUpRightShort { 0% { transform-origin: right bottom; transform: rotate(-2deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } }@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); } 90% { transform: translate3d(0px, -4px, 0px); } }@-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } }@-webkit-keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scaleX(1); } }@-webkit-keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scaleX(1); } }@-webkit-keyframes shake { 0%, 100% { transform: translateZ(0px); }