Difference between revisions of "Template:BJ101ID/ExampleCSSTemplate plugins"
| Line 1: | Line 1: | ||
| − | <html> | + | < html > |
| − | <style> | + | < |
| − | <!--@charset "UTF-8";/*! | + | style > |
| − | + | < | |
| − | * http://jqueryui.com | + | !--@charset "UTF-8"; |
| − | * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css | + | /*! |
| − | * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 | + | */ |
| − | + | : root { | |
| + | --animate - duration: 1 s; | ||
| + | --animate - delay: 1 s; | ||
| + | --animate - repeat: 1 | ||
| + | }.animate__animated { | ||
| + | -webkit - animation - duration: 1 s; | ||
| + | animation - duration: 1 s; - webkit - animation - duration: var (--animate - duration); | ||
| + | animation - duration: var (--animate - duration); - webkit - animation - fill - mode: both; | ||
| + | animation - fill - mode: both | ||
| + | }.animate__animated.animate__infinite { | ||
| + | -webkit - animation - iteration - count: infinite; | ||
| + | animation - iteration - count: infinite | ||
| + | }.animate__animated.animate__repeat - 1 { | ||
| + | -webkit - animation - iteration - count: 1; | ||
| + | animation - iteration - count: 1; - webkit - animation - iteration - count: var (--animate - repeat); | ||
| + | animation - iteration - count: var (--animate - repeat) | ||
| + | }.animate__animated.animate__repeat - 2 { | ||
| + | -webkit - animation - iteration - count: 2; | ||
| + | animation - iteration - count: 2; - webkit - animation - iteration - count: calc(var (--animate - repeat) * 2); | ||
| + | animation - iteration - count: calc(var (--animate - repeat) * 2) | ||
| + | }.animate__animated.animate__repeat - 3 { | ||
| + | -webkit - animation - iteration - count: 3; | ||
| + | animation - iteration - count: 3; - webkit - animation - iteration - count: calc(var (--animate - repeat) * 3); | ||
| + | animation - iteration - count: calc(var (--animate - repeat) * 3) | ||
| + | }.animate__animated.animate__delay - 1 s { | ||
| + | -webkit - animation - delay: 1 s; | ||
| + | animation - delay: 1 s; - webkit - animation - delay: var (--animate - delay); | ||
| + | animation - delay: var (--animate - delay) | ||
| + | }.animate__animated.animate__delay - 2 s { | ||
| + | -webkit - animation - delay: 2 s; | ||
| + | animation - delay: 2 s; - webkit - animation - delay: calc(var (--animate - delay) * 2); | ||
| + | animation - delay: calc(var (--animate - delay) * 2) | ||
| + | }.animate__animated.animate__delay - 3 s { | ||
| + | -webkit - animation - delay: 3 s; | ||
| + | animation - delay: 3 s; - webkit - animation - delay: calc(var (--animate - delay) * 3); | ||
| + | animation - delay: calc(var (--animate - delay) * 3) | ||
| + | }.animate__animated.animate__delay - 4 s { | ||
| + | -webkit - animation - delay: 4 s; | ||
| + | animation - delay: 4 s; - webkit - animation - delay: calc(var (--animate - delay) * 4); | ||
| + | animation - delay: calc(var (--animate - delay) * 4) | ||
| + | }.animate__animated.animate__delay - 5 s { | ||
| + | -webkit - animation - delay: 5 s; | ||
| + | animation - delay: 5 s; - webkit - animation - delay: calc(var (--animate - delay) * 5); | ||
| + | animation - delay: calc(var (--animate - delay) * 5) | ||
| + | }.animate__animated.animate__faster { | ||
| + | -webkit - animation - duration: .5 s; | ||
| + | animation - duration: .5 s; - webkit - animation - duration: calc(var (--animate - duration) / 2); | ||
| + | animation - duration: calc(var (--animate - duration) / 2) | ||
| + | }.animate__animated.animate__fast { | ||
| + | -webkit - animation - duration: .8 s; | ||
| + | animation - duration: .8 s; - webkit - animation - duration: calc(var (--animate - duration) * .8); | ||
| + | animation - duration: calc(var (--animate - duration) * .8) | ||
| + | }.animate__animated.animate__slow { | ||
| + | -webkit - animation - duration: 2 s; | ||
| + | animation - duration: 2 s; - webkit - animation - duration: calc(var (--animate - duration) * 2); | ||
| + | animation - duration: calc(var (--animate - duration) * 2) | ||
| + | }.animate__animated.animate__slower { | ||
| + | -webkit - animation - duration: 3 s; | ||
| + | animation - duration: 3 s; - webkit - animation - duration: calc(var (--animate - duration) * 3); | ||
| + | animation - duration: calc(var (--animate - duration) * 3) | ||
| + | } | ||
| + | @media(prefers - reduced - motion: reduce), print { | ||
| + | .animate__animated { | ||
| + | -webkit - animation - duration: 1 ms!important; | ||
| + | animation - duration: 1 ms!important; - webkit - transition - duration: 1 ms!important; | ||
| + | transition - duration: 1 ms!important; - webkit - animation - iteration - count: 1!important; | ||
| + | animation - iteration - count: 1!important | ||
| + | }.animate__animated[class *= Out] { | ||
| + | opacity: 0 | ||
| + | } | ||
| + | } | ||
| + | @ - webkit - keyframes bounce { | ||
| + | 0 % , 20 % , 53 % , to { | ||
| + | -webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1); | ||
| + | animation - timing - function: cubic - bezier(.215, .61, .355, 1); - webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | 40 % , 43 % { | ||
| + | -webkit - animation - timing - function: cubic - bezier(.755, .05, .855, .06);animation - timing - function: cubic - bezier(.755, .05, .855, .06); - webkit - transform: translate3d(0, -30 px, 0) scaleY(1.1);transform: translate3d(0, -30 px, 0) scaleY(1.1) | ||
| + | } | ||
| + | 70 % { | ||
| + | -webkit - animation - timing - function: cubic - bezier(.755, .05, .855, .06);animation - timing - function: cubic - bezier(.755, .05, .855, .06); - webkit - transform: translate3d(0, -15 px, 0) scaleY(1.05);transform: translate3d(0, -15 px, 0) scaleY(1.05) | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transition - timing - function: cubic - bezier(.215, .61, .355, 1);transition - timing - function: cubic - bezier(.215, .61, .355, 1); - webkit - transform: translateZ(0) scaleY(.95);transform: translateZ(0) scaleY(.95) | ||
| + | } | ||
| + | 90 % { | ||
| + | -webkit - transform: translate3d(0, -4 px, 0) scaleY(1.02);transform: translate3d(0, -4 px, 0) scaleY(1.02) | ||
| + | } | ||
| + | } | ||
| + | @keyframes bounce { | ||
| + | 0 % , 20 % , 53 % , to { | ||
| + | -webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1); | ||
| + | animation - timing - function: cubic - bezier(.215, .61, .355, 1); - webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | 40 % , 43 % { | ||
| + | -webkit - animation - timing - function: cubic - bezier(.755, .05, .855, .06);animation - timing - function: cubic - bezier(.755, .05, .855, .06); - webkit - transform: translate3d(0, -30 px, 0) scaleY(1.1);transform: translate3d(0, -30 px, 0) scaleY(1.1) | ||
| + | } | ||
| + | 70 % { | ||
| + | -webkit - animation - timing - function: cubic - bezier(.755, .05, .855, .06);animation - timing - function: cubic - bezier(.755, .05, .855, .06); - webkit - transform: translate3d(0, -15 px, 0) scaleY(1.05);transform: translate3d(0, -15 px, 0) scaleY(1.05) | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transition - timing - function: cubic - bezier(.215, .61, .355, 1);transition - timing - function: cubic - bezier(.215, .61, .355, 1); - webkit - transform: translateZ(0) scaleY(.95);transform: translateZ(0) scaleY(.95) | ||
| + | } | ||
| + | 90 % { | ||
| + | -webkit - transform: translate3d(0, -4 px, 0) scaleY(1.02);transform: translate3d(0, -4 px, 0) scaleY(1.02) | ||
| + | } | ||
| + | }.animate__bounce { | ||
| + | -webkit - animation - name: bounce; | ||
| + | animation - name: bounce; - webkit - transform - origin: center bottom; | ||
| + | transform - origin: center bottom | ||
| + | } | ||
| + | @ - webkit - keyframes flash { | ||
| + | 0 % , 50 % , to { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | 25 % , 75 % { | ||
| + | opacity: 0 | ||
| + | } | ||
| + | } | ||
| + | @keyframes flash { | ||
| + | 0 % , 50 % , to { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | 25 % , 75 % { | ||
| + | opacity: 0 | ||
| + | } | ||
| + | }.animate__flash { | ||
| + | -webkit - animation - name: flash; | ||
| + | animation - name: flash | ||
| + | } | ||
| + | @ - webkit - keyframes pulse { | ||
| + | 0 % { | ||
| + | -webkit - transform: scaleX(1);transform: scaleX(1) | ||
| + | } | ||
| + | 50 % { | ||
| + | -webkit - transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: scaleX(1); | ||
| + | transform: scaleX(1) | ||
| + | } | ||
| + | } | ||
| + | @keyframes pulse { | ||
| + | 0 % { | ||
| + | -webkit - transform: scaleX(1);transform: scaleX(1) | ||
| + | } | ||
| + | 50 % { | ||
| + | -webkit - transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: scaleX(1); | ||
| + | transform: scaleX(1) | ||
| + | } | ||
| + | }.animate__pulse { | ||
| + | -webkit - animation - name: pulse; | ||
| + | animation - name: pulse; - webkit - animation - timing - function: ease - in -out; | ||
| + | animation - timing - function: ease - in -out | ||
| + | } | ||
| + | @ - webkit - keyframes rubberBand { | ||
| + | 0 % { | ||
| + | -webkit - transform: scaleX(1);transform: scaleX(1) | ||
| + | } | ||
| + | 30 % { | ||
| + | -webkit - transform: scale3d(1.25, .75, 1);transform: scale3d(1.25, .75, 1) | ||
| + | } | ||
| + | 40 % { | ||
| + | -webkit - transform: scale3d(.75, 1.25, 1);transform: scale3d(.75, 1.25, 1) | ||
| + | } | ||
| + | 50 % { | ||
| + | -webkit - transform: scale3d(1.15, .85, 1);transform: scale3d(1.15, .85, 1) | ||
| + | } | ||
| + | 65 % { | ||
| + | -webkit - transform: scale3d(.95, 1.05, 1);transform: scale3d(.95, 1.05, 1) | ||
| + | } | ||
| + | 75 % { | ||
| + | -webkit - transform: scale3d(1.05, .95, 1);transform: scale3d(1.05, .95, 1) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: scaleX(1); | ||
| + | transform: scaleX(1) | ||
| + | } | ||
| + | } | ||
| + | @keyframes rubberBand { | ||
| + | 0 % { | ||
| + | -webkit - transform: scaleX(1);transform: scaleX(1) | ||
| + | } | ||
| + | 30 % { | ||
| + | -webkit - transform: scale3d(1.25, .75, 1);transform: scale3d(1.25, .75, 1) | ||
| + | } | ||
| + | 40 % { | ||
| + | -webkit - transform: scale3d(.75, 1.25, 1);transform: scale3d(.75, 1.25, 1) | ||
| + | } | ||
| + | 50 % { | ||
| + | -webkit - transform: scale3d(1.15, .85, 1);transform: scale3d(1.15, .85, 1) | ||
| + | } | ||
| + | 65 % { | ||
| + | -webkit - transform: scale3d(.95, 1.05, 1);transform: scale3d(.95, 1.05, 1) | ||
| + | } | ||
| + | 75 % { | ||
| + | -webkit - transform: scale3d(1.05, .95, 1);transform: scale3d(1.05, .95, 1) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: scaleX(1); | ||
| + | transform: scaleX(1) | ||
| + | } | ||
| + | }.animate__rubberBand { | ||
| + | -webkit - animation - name: rubberBand; | ||
| + | animation - name: rubberBand | ||
| + | } | ||
| + | @ - webkit - keyframes shakeX { | ||
| + | 0 % , to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | 10 % , 30 % , 50 % , 70 % , 90 % { | ||
| + | -webkit - transform: translate3d(-10 px, 0, 0);transform: translate3d(-10 px, 0, 0) | ||
| + | } | ||
| + | 20 % , 40 % , 60 % , 80 % { | ||
| + | -webkit - transform: translate3d(10 px, 0, 0);transform: translate3d(10 px, 0, 0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes shakeX { | ||
| + | 0 % , to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | 10 % , 30 % , 50 % , 70 % , 90 % { | ||
| + | -webkit - transform: translate3d(-10 px, 0, 0);transform: translate3d(-10 px, 0, 0) | ||
| + | } | ||
| + | 20 % , 40 % , 60 % , 80 % { | ||
| + | -webkit - transform: translate3d(10 px, 0, 0);transform: translate3d(10 px, 0, 0) | ||
| + | } | ||
| + | }.animate__shakeX { | ||
| + | -webkit - animation - name: shakeX; | ||
| + | animation - name: shakeX | ||
| + | } | ||
| + | @ - webkit - keyframes shakeY { | ||
| + | 0 % , to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | 10 % , 30 % , 50 % , 70 % , 90 % { | ||
| + | -webkit - transform: translate3d(0, -10 px, 0);transform: translate3d(0, -10 px, 0) | ||
| + | } | ||
| + | 20 % , 40 % , 60 % , 80 % { | ||
| + | -webkit - transform: translate3d(0, 10 px, 0);transform: translate3d(0, 10 px, 0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes shakeY { | ||
| + | 0 % , to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | 10 % , 30 % , 50 % , 70 % , 90 % { | ||
| + | -webkit - transform: translate3d(0, -10 px, 0);transform: translate3d(0, -10 px, 0) | ||
| + | } | ||
| + | 20 % , 40 % , 60 % , 80 % { | ||
| + | -webkit - transform: translate3d(0, 10 px, 0);transform: translate3d(0, 10 px, 0) | ||
| + | } | ||
| + | }.animate__shakeY { | ||
| + | -webkit - animation - name: shakeY; | ||
| + | animation - name: shakeY | ||
| + | } | ||
| + | @ - webkit - keyframes headShake { | ||
| + | 0 % { | ||
| + | -webkit - transform: translateX(0);transform: translateX(0) | ||
| + | } | ||
| + | 6.5 % { | ||
| + | -webkit - transform: translateX(-6 px) rotateY(-9 deg);transform: translateX(-6 px) rotateY(-9 deg) | ||
| + | } | ||
| + | 18.5 % { | ||
| + | -webkit - transform: translateX(5 px) rotateY(7 deg);transform: translateX(5 px) rotateY(7 deg) | ||
| + | } | ||
| + | 31.5 % { | ||
| + | -webkit - transform: translateX(-3 px) rotateY(-5 deg);transform: translateX(-3 px) rotateY(-5 deg) | ||
| + | } | ||
| + | 43.5 % { | ||
| + | -webkit - transform: translateX(2 px) rotateY(3 deg);transform: translateX(2 px) rotateY(3 deg) | ||
| + | } | ||
| + | 50 % { | ||
| + | -webkit - transform: translateX(0);transform: translateX(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes headShake { | ||
| + | 0 % { | ||
| + | -webkit - transform: translateX(0);transform: translateX(0) | ||
| + | } | ||
| + | 6.5 % { | ||
| + | -webkit - transform: translateX(-6 px) rotateY(-9 deg);transform: translateX(-6 px) rotateY(-9 deg) | ||
| + | } | ||
| + | 18.5 % { | ||
| + | -webkit - transform: translateX(5 px) rotateY(7 deg);transform: translateX(5 px) rotateY(7 deg) | ||
| + | } | ||
| + | 31.5 % { | ||
| + | -webkit - transform: translateX(-3 px) rotateY(-5 deg);transform: translateX(-3 px) rotateY(-5 deg) | ||
| + | } | ||
| + | 43.5 % { | ||
| + | -webkit - transform: translateX(2 px) rotateY(3 deg);transform: translateX(2 px) rotateY(3 deg) | ||
| + | } | ||
| + | 50 % { | ||
| + | -webkit - transform: translateX(0);transform: translateX(0) | ||
| + | } | ||
| + | }.animate__headShake { | ||
| + | -webkit - animation - timing - function: ease - in -out; | ||
| + | animation - timing - function: ease - in -out; - webkit - animation - name: headShake; | ||
| + | animation - name: headShake | ||
| + | } | ||
| + | @ - webkit - keyframes swing { | ||
| + | 20 % { | ||
| + | -webkit - transform: rotate(15 deg);transform: rotate(15 deg) | ||
| + | } | ||
| + | 40 % { | ||
| + | -webkit - transform: rotate(-10 deg);transform: rotate(-10 deg) | ||
| + | } | ||
| + | 60 % { | ||
| + | -webkit - transform: rotate(5 deg);transform: rotate(5 deg) | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: rotate(-5 deg);transform: rotate(-5 deg) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: rotate(0); | ||
| + | transform: rotate(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes swing { | ||
| + | 20 % { | ||
| + | -webkit - transform: rotate(15 deg);transform: rotate(15 deg) | ||
| + | } | ||
| + | 40 % { | ||
| + | -webkit - transform: rotate(-10 deg);transform: rotate(-10 deg) | ||
| + | } | ||
| + | 60 % { | ||
| + | -webkit - transform: rotate(5 deg);transform: rotate(5 deg) | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: rotate(-5 deg);transform: rotate(-5 deg) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: rotate(0); | ||
| + | transform: rotate(0) | ||
| + | } | ||
| + | }.animate__swing { | ||
| + | -webkit - transform - origin: top center; | ||
| + | transform - origin: top center; - webkit - animation - name: swing; | ||
| + | animation - name: swing | ||
| + | } | ||
| + | @ - webkit - keyframes tada { | ||
| + | 0 % { | ||
| + | -webkit - transform: scaleX(1);transform: scaleX(1) | ||
| + | } | ||
| + | 10 % , 20 % { | ||
| + | -webkit - transform: scale3d(.9, .9, .9) rotate(-3 deg);transform: scale3d(.9, .9, .9) rotate(-3 deg) | ||
| + | } | ||
| + | 30 % , 50 % , 70 % , 90 % { | ||
| + | -webkit - transform: scale3d(1.1, 1.1, 1.1) rotate(3 deg);transform: scale3d(1.1, 1.1, 1.1) rotate(3 deg) | ||
| + | } | ||
| + | 40 % , 60 % , 80 % { | ||
| + | -webkit - transform: scale3d(1.1, 1.1, 1.1) rotate(-3 deg);transform: scale3d(1.1, 1.1, 1.1) rotate(-3 deg) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: scaleX(1); | ||
| + | transform: scaleX(1) | ||
| + | } | ||
| + | } | ||
| + | @keyframes tada { | ||
| + | 0 % { | ||
| + | -webkit - transform: scaleX(1);transform: scaleX(1) | ||
| + | } | ||
| + | 10 % , 20 % { | ||
| + | -webkit - transform: scale3d(.9, .9, .9) rotate(-3 deg);transform: scale3d(.9, .9, .9) rotate(-3 deg) | ||
| + | } | ||
| + | 30 % , 50 % , 70 % , 90 % { | ||
| + | -webkit - transform: scale3d(1.1, 1.1, 1.1) rotate(3 deg);transform: scale3d(1.1, 1.1, 1.1) rotate(3 deg) | ||
| + | } | ||
| + | 40 % , 60 % , 80 % { | ||
| + | -webkit - transform: scale3d(1.1, 1.1, 1.1) rotate(-3 deg);transform: scale3d(1.1, 1.1, 1.1) rotate(-3 deg) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: scaleX(1); | ||
| + | transform: scaleX(1) | ||
| + | } | ||
| + | }.animate__tada { | ||
| + | -webkit - animation - name: tada; | ||
| + | animation - name: tada | ||
| + | } | ||
| + | @ - webkit - keyframes wobble { | ||
| + | 0 % { | ||
| + | -webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | 15 % { | ||
| + | -webkit - transform: translate3d(-25 % , 0, 0) rotate(-5 deg);transform: translate3d(-25 % , 0, 0) rotate(-5 deg) | ||
| + | } | ||
| + | 30 % { | ||
| + | -webkit - transform: translate3d(20 % , 0, 0) rotate(3 deg);transform: translate3d(20 % , 0, 0) rotate(3 deg) | ||
| + | } | ||
| + | 45 % { | ||
| + | -webkit - transform: translate3d(-15 % , 0, 0) rotate(-3 deg);transform: translate3d(-15 % , 0, 0) rotate(-3 deg) | ||
| + | } | ||
| + | 60 % { | ||
| + | -webkit - transform: translate3d(10 % , 0, 0) rotate(2 deg);transform: translate3d(10 % , 0, 0) rotate(2 deg) | ||
| + | } | ||
| + | 75 % { | ||
| + | -webkit - transform: translate3d(-5 % , 0, 0) rotate(-1 deg);transform: translate3d(-5 % , 0, 0) rotate(-1 deg) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes wobble { | ||
| + | 0 % { | ||
| + | -webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | 15 % { | ||
| + | -webkit - transform: translate3d(-25 % , 0, 0) rotate(-5 deg);transform: translate3d(-25 % , 0, 0) rotate(-5 deg) | ||
| + | } | ||
| + | 30 % { | ||
| + | -webkit - transform: translate3d(20 % , 0, 0) rotate(3 deg);transform: translate3d(20 % , 0, 0) rotate(3 deg) | ||
| + | } | ||
| + | 45 % { | ||
| + | -webkit - transform: translate3d(-15 % , 0, 0) rotate(-3 deg);transform: translate3d(-15 % , 0, 0) rotate(-3 deg) | ||
| + | } | ||
| + | 60 % { | ||
| + | -webkit - transform: translate3d(10 % , 0, 0) rotate(2 deg);transform: translate3d(10 % , 0, 0) rotate(2 deg) | ||
| + | } | ||
| + | 75 % { | ||
| + | -webkit - transform: translate3d(-5 % , 0, 0) rotate(-1 deg);transform: translate3d(-5 % , 0, 0) rotate(-1 deg) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__wobble { | ||
| + | -webkit - animation - name: wobble; | ||
| + | animation - name: wobble | ||
| + | } | ||
| + | @ - webkit - keyframes jello { | ||
| + | 0 % , 11.1 % , to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | 22.2 % { | ||
| + | -webkit - transform: skewX(-12.5 deg) skewY(-12.5 deg);transform: skewX(-12.5 deg) skewY(-12.5 deg) | ||
| + | } | ||
| + | 33.3 % { | ||
| + | -webkit - transform: skewX(6.25 deg) skewY(6.25 deg);transform: skewX(6.25 deg) skewY(6.25 deg) | ||
| + | } | ||
| + | 44.4 % { | ||
| + | -webkit - transform: skewX(-3.125 deg) skewY(-3.125 deg);transform: skewX(-3.125 deg) skewY(-3.125 deg) | ||
| + | } | ||
| + | 55.5 % { | ||
| + | -webkit - transform: skewX(1.5625 deg) skewY(1.5625 deg);transform: skewX(1.5625 deg) skewY(1.5625 deg) | ||
| + | } | ||
| + | 66.6 % { | ||
| + | -webkit - transform: skewX(-.78125 deg) skewY(-.78125 deg);transform: skewX(-.78125 deg) skewY(-.78125 deg) | ||
| + | } | ||
| + | 77.7 % { | ||
| + | -webkit - transform: skewX(.390625 deg) skewY(.390625 deg);transform: skewX(.390625 deg) skewY(.390625 deg) | ||
| + | } | ||
| + | 88.8 % { | ||
| + | -webkit - transform: skewX(-.1953125 deg) skewY(-.1953125 deg);transform: skewX(-.1953125 deg) skewY(-.1953125 deg) | ||
| + | } | ||
| + | } | ||
| + | @keyframes jello { | ||
| + | 0 % , 11.1 % , to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | 22.2 % { | ||
| + | -webkit - transform: skewX(-12.5 deg) skewY(-12.5 deg);transform: skewX(-12.5 deg) skewY(-12.5 deg) | ||
| + | } | ||
| + | 33.3 % { | ||
| + | -webkit - transform: skewX(6.25 deg) skewY(6.25 deg);transform: skewX(6.25 deg) skewY(6.25 deg) | ||
| + | } | ||
| + | 44.4 % { | ||
| + | -webkit - transform: skewX(-3.125 deg) skewY(-3.125 deg);transform: skewX(-3.125 deg) skewY(-3.125 deg) | ||
| + | } | ||
| + | 55.5 % { | ||
| + | -webkit - transform: skewX(1.5625 deg) skewY(1.5625 deg);transform: skewX(1.5625 deg) skewY(1.5625 deg) | ||
| + | } | ||
| + | 66.6 % { | ||
| + | -webkit - transform: skewX(-.78125 deg) skewY(-.78125 deg);transform: skewX(-.78125 deg) skewY(-.78125 deg) | ||
| + | } | ||
| + | 77.7 % { | ||
| + | -webkit - transform: skewX(.390625 deg) skewY(.390625 deg);transform: skewX(.390625 deg) skewY(.390625 deg) | ||
| + | } | ||
| + | 88.8 % { | ||
| + | -webkit - transform: skewX(-.1953125 deg) skewY(-.1953125 deg);transform: skewX(-.1953125 deg) skewY(-.1953125 deg) | ||
| + | } | ||
| + | }.animate__jello { | ||
| + | -webkit - animation - name: jello; | ||
| + | animation - name: jello; - webkit - transform - origin: center; | ||
| + | transform - origin: center | ||
| + | } | ||
| + | @ - webkit - keyframes heartBeat { | ||
| + | 0 % { | ||
| + | -webkit - transform: scale(1);transform: scale(1) | ||
| + | } | ||
| + | 14 % { | ||
| + | -webkit - transform: scale(1.3);transform: scale(1.3) | ||
| + | } | ||
| + | 28 % { | ||
| + | -webkit - transform: scale(1);transform: scale(1) | ||
| + | } | ||
| + | 42 % { | ||
| + | -webkit - transform: scale(1.3);transform: scale(1.3) | ||
| + | } | ||
| + | 70 % { | ||
| + | -webkit - transform: scale(1);transform: scale(1) | ||
| + | } | ||
| + | } | ||
| + | @keyframes heartBeat { | ||
| + | 0 % { | ||
| + | -webkit - transform: scale(1);transform: scale(1) | ||
| + | } | ||
| + | 14 % { | ||
| + | -webkit - transform: scale(1.3);transform: scale(1.3) | ||
| + | } | ||
| + | 28 % { | ||
| + | -webkit - transform: scale(1);transform: scale(1) | ||
| + | } | ||
| + | 42 % { | ||
| + | -webkit - transform: scale(1.3);transform: scale(1.3) | ||
| + | } | ||
| + | 70 % { | ||
| + | -webkit - transform: scale(1);transform: scale(1) | ||
| + | } | ||
| + | }.animate__heartBeat { | ||
| + | -webkit - animation - name: heartBeat; | ||
| + | animation - name: heartBeat; - webkit - animation - duration: 1.3 s; | ||
| + | animation - duration: 1.3 s; - webkit - animation - duration: calc(var (--animate - duration) * 1.3); | ||
| + | animation - duration: calc(var (--animate - duration) * 1.3); - webkit - animation - timing - function: ease - in -out; | ||
| + | animation - timing - function: ease - in -out | ||
| + | } | ||
| + | @ - webkit - keyframes backInDown { | ||
| + | 0 % { | ||
| + | -webkit - transform: translateY(-1200 px) scale(.7);transform: translateY(-1200 px) scale(.7);opacity: .7 | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: translateY(0) scale(.7);transform: translateY(0) scale(.7);opacity: .7 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: scale(1); | ||
| + | transform: scale(1); | ||
| + | opacity: 1 | ||
| + | } | ||
| + | } | ||
| + | @keyframes backInDown { | ||
| + | 0 % { | ||
| + | -webkit - transform: translateY(-1200 px) scale(.7);transform: translateY(-1200 px) scale(.7);opacity: .7 | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: translateY(0) scale(.7);transform: translateY(0) scale(.7);opacity: .7 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: scale(1); | ||
| + | transform: scale(1); | ||
| + | opacity: 1 | ||
| + | } | ||
| + | }.animate__backInDown { | ||
| + | -webkit - animation - name: backInDown; | ||
| + | animation - name: backInDown | ||
| + | } | ||
| + | @ - webkit - keyframes backInLeft { | ||
| + | 0 % { | ||
| + | -webkit - transform: translateX(-2000 px) scale(.7);transform: translateX(-2000 px) scale(.7);opacity: .7 | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: translateX(0) scale(.7);transform: translateX(0) scale(.7);opacity: .7 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: scale(1); | ||
| + | transform: scale(1); | ||
| + | opacity: 1 | ||
| + | } | ||
| + | } | ||
| + | @keyframes backInLeft { | ||
| + | 0 % { | ||
| + | -webkit - transform: translateX(-2000 px) scale(.7);transform: translateX(-2000 px) scale(.7);opacity: .7 | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: translateX(0) scale(.7);transform: translateX(0) scale(.7);opacity: .7 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: scale(1); | ||
| + | transform: scale(1); | ||
| + | opacity: 1 | ||
| + | } | ||
| + | }.animate__backInLeft { | ||
| + | -webkit - animation - name: backInLeft; | ||
| + | animation - name: backInLeft | ||
| + | } | ||
| + | @ - webkit - keyframes backInRight { | ||
| + | 0 % { | ||
| + | -webkit - transform: translateX(2000 px) scale(.7);transform: translateX(2000 px) scale(.7);opacity: .7 | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: translateX(0) scale(.7);transform: translateX(0) scale(.7);opacity: .7 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: scale(1); | ||
| + | transform: scale(1); | ||
| + | opacity: 1 | ||
| + | } | ||
| + | } | ||
| + | @keyframes backInRight { | ||
| + | 0 % { | ||
| + | -webkit - transform: translateX(2000 px) scale(.7);transform: translateX(2000 px) scale(.7);opacity: .7 | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: translateX(0) scale(.7);transform: translateX(0) scale(.7);opacity: .7 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: scale(1); | ||
| + | transform: scale(1); | ||
| + | opacity: 1 | ||
| + | } | ||
| + | }.animate__backInRight { | ||
| + | -webkit - animation - name: backInRight; | ||
| + | animation - name: backInRight | ||
| + | } | ||
| + | @ - webkit - keyframes backInUp { | ||
| + | 0 % { | ||
| + | -webkit - transform: translateY(1200 px) scale(.7);transform: translateY(1200 px) scale(.7);opacity: .7 | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: translateY(0) scale(.7);transform: translateY(0) scale(.7);opacity: .7 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: scale(1); | ||
| + | transform: scale(1); | ||
| + | opacity: 1 | ||
| + | } | ||
| + | } | ||
| + | @keyframes backInUp { | ||
| + | 0 % { | ||
| + | -webkit - transform: translateY(1200 px) scale(.7);transform: translateY(1200 px) scale(.7);opacity: .7 | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: translateY(0) scale(.7);transform: translateY(0) scale(.7);opacity: .7 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: scale(1); | ||
| + | transform: scale(1); | ||
| + | opacity: 1 | ||
| + | } | ||
| + | }.animate__backInUp { | ||
| + | -webkit - animation - name: backInUp; | ||
| + | animation - name: backInUp | ||
| + | } | ||
| + | @ - webkit - keyframes backOutDown { | ||
| + | 0 % { | ||
| + | -webkit - transform: scale(1);transform: scale(1);opacity: 1 | ||
| + | } | ||
| + | 20 % { | ||
| + | -webkit - transform: translateY(0) scale(.7);transform: translateY(0) scale(.7);opacity: .7 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateY(700 px) scale(.7); | ||
| + | transform: translateY(700 px) scale(.7); | ||
| + | opacity: .7 | ||
| + | } | ||
| + | } | ||
| + | @keyframes backOutDown { | ||
| + | 0 % { | ||
| + | -webkit - transform: scale(1);transform: scale(1);opacity: 1 | ||
| + | } | ||
| + | 20 % { | ||
| + | -webkit - transform: translateY(0) scale(.7);transform: translateY(0) scale(.7);opacity: .7 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateY(700 px) scale(.7); | ||
| + | transform: translateY(700 px) scale(.7); | ||
| + | opacity: .7 | ||
| + | } | ||
| + | }.animate__backOutDown { | ||
| + | -webkit - animation - name: backOutDown; | ||
| + | animation - name: backOutDown | ||
| + | } | ||
| + | @ - webkit - keyframes backOutLeft { | ||
| + | 0 % { | ||
| + | -webkit - transform: scale(1);transform: scale(1);opacity: 1 | ||
| + | } | ||
| + | 20 % { | ||
| + | -webkit - transform: translateX(0) scale(.7);transform: translateX(0) scale(.7);opacity: .7 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateX(-2000 px) scale(.7); | ||
| + | transform: translateX(-2000 px) scale(.7); | ||
| + | opacity: .7 | ||
| + | } | ||
| + | } | ||
| + | @keyframes backOutLeft { | ||
| + | 0 % { | ||
| + | -webkit - transform: scale(1);transform: scale(1);opacity: 1 | ||
| + | } | ||
| + | 20 % { | ||
| + | -webkit - transform: translateX(0) scale(.7);transform: translateX(0) scale(.7);opacity: .7 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateX(-2000 px) scale(.7); | ||
| + | transform: translateX(-2000 px) scale(.7); | ||
| + | opacity: .7 | ||
| + | } | ||
| + | }.animate__backOutLeft { | ||
| + | -webkit - animation - name: backOutLeft; | ||
| + | animation - name: backOutLeft | ||
| + | } | ||
| + | @ - webkit - keyframes backOutRight { | ||
| + | 0 % { | ||
| + | -webkit - transform: scale(1);transform: scale(1);opacity: 1 | ||
| + | } | ||
| + | 20 % { | ||
| + | -webkit - transform: translateX(0) scale(.7);transform: translateX(0) scale(.7);opacity: .7 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateX(2000 px) scale(.7); | ||
| + | transform: translateX(2000 px) scale(.7); | ||
| + | opacity: .7 | ||
| + | } | ||
| + | } | ||
| + | @keyframes backOutRight { | ||
| + | 0 % { | ||
| + | -webkit - transform: scale(1);transform: scale(1);opacity: 1 | ||
| + | } | ||
| + | 20 % { | ||
| + | -webkit - transform: translateX(0) scale(.7);transform: translateX(0) scale(.7);opacity: .7 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateX(2000 px) scale(.7); | ||
| + | transform: translateX(2000 px) scale(.7); | ||
| + | opacity: .7 | ||
| + | } | ||
| + | }.animate__backOutRight { | ||
| + | -webkit - animation - name: backOutRight; | ||
| + | animation - name: backOutRight | ||
| + | } | ||
| + | @ - webkit - keyframes backOutUp { | ||
| + | 0 % { | ||
| + | -webkit - transform: scale(1);transform: scale(1);opacity: 1 | ||
| + | } | ||
| + | 20 % { | ||
| + | -webkit - transform: translateY(0) scale(.7);transform: translateY(0) scale(.7);opacity: .7 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateY(-700 px) scale(.7); | ||
| + | transform: translateY(-700 px) scale(.7); | ||
| + | opacity: .7 | ||
| + | } | ||
| + | } | ||
| + | @keyframes backOutUp { | ||
| + | 0 % { | ||
| + | -webkit - transform: scale(1);transform: scale(1);opacity: 1 | ||
| + | } | ||
| + | 20 % { | ||
| + | -webkit - transform: translateY(0) scale(.7);transform: translateY(0) scale(.7);opacity: .7 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateY(-700 px) scale(.7); | ||
| + | transform: translateY(-700 px) scale(.7); | ||
| + | opacity: .7 | ||
| + | } | ||
| + | }.animate__backOutUp { | ||
| + | -webkit - animation - name: backOutUp; | ||
| + | animation - name: backOutUp | ||
| + | } | ||
| + | @ - webkit - keyframes bounceIn { | ||
| + | 0 % , 20 % , 40 % , 60 % , 80 % , to { | ||
| + | -webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1); | ||
| + | animation - timing - function: cubic - bezier(.215, .61, .355, 1) | ||
| + | } | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3) | ||
| + | } | ||
| + | 20 % { | ||
| + | -webkit - transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1) | ||
| + | } | ||
| + | 40 % { | ||
| + | -webkit - transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9) | ||
| + | } | ||
| + | 60 % { | ||
| + | opacity: 1; - webkit - transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03) | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: scale3d(.97, .97, .97);transform: scale3d(.97, .97, .97) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: scaleX(1);transform: scaleX(1) | ||
| + | } | ||
| + | } | ||
| + | @keyframes bounceIn { | ||
| + | 0 % , 20 % , 40 % , 60 % , 80 % , to { | ||
| + | -webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1); | ||
| + | animation - timing - function: cubic - bezier(.215, .61, .355, 1) | ||
| + | } | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3) | ||
| + | } | ||
| + | 20 % { | ||
| + | -webkit - transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1) | ||
| + | } | ||
| + | 40 % { | ||
| + | -webkit - transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9) | ||
| + | } | ||
| + | 60 % { | ||
| + | opacity: 1; - webkit - transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03) | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: scale3d(.97, .97, .97);transform: scale3d(.97, .97, .97) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: scaleX(1);transform: scaleX(1) | ||
| + | } | ||
| + | }.animate__bounceIn { | ||
| + | -webkit - animation - duration: .75 s; | ||
| + | animation - duration: .75 s; - webkit - animation - duration: calc(var (--animate - duration) * .75); | ||
| + | animation - duration: calc(var (--animate - duration) * .75); - webkit - animation - name: bounceIn; | ||
| + | animation - name: bounceIn | ||
| + | } | ||
| + | @ - webkit - keyframes bounceInDown { | ||
| + | 0 % , 60 % , 75 % , 90 % , to { | ||
| + | -webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1); | ||
| + | animation - timing - function: cubic - bezier(.215, .61, .355, 1) | ||
| + | } | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, -3000 px, 0) scaleY(3);transform: translate3d(0, -3000 px, 0) scaleY(3) | ||
| + | } | ||
| + | 60 % { | ||
| + | opacity: 1; - webkit - transform: translate3d(0, 25 px, 0) scaleY(.9);transform: translate3d(0, 25 px, 0) scaleY(.9) | ||
| + | } | ||
| + | 75 % { | ||
| + | -webkit - transform: translate3d(0, -10 px, 0) scaleY(.95);transform: translate3d(0, -10 px, 0) scaleY(.95) | ||
| + | } | ||
| + | 90 % { | ||
| + | -webkit - transform: translate3d(0, 5 px, 0) scaleY(.985);transform: translate3d(0, 5 px, 0) scaleY(.985) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes bounceInDown { | ||
| + | 0 % , 60 % , 75 % , 90 % , to { | ||
| + | -webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1); | ||
| + | animation - timing - function: cubic - bezier(.215, .61, .355, 1) | ||
| + | } | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, -3000 px, 0) scaleY(3);transform: translate3d(0, -3000 px, 0) scaleY(3) | ||
| + | } | ||
| + | 60 % { | ||
| + | opacity: 1; - webkit - transform: translate3d(0, 25 px, 0) scaleY(.9);transform: translate3d(0, 25 px, 0) scaleY(.9) | ||
| + | } | ||
| + | 75 % { | ||
| + | -webkit - transform: translate3d(0, -10 px, 0) scaleY(.95);transform: translate3d(0, -10 px, 0) scaleY(.95) | ||
| + | } | ||
| + | 90 % { | ||
| + | -webkit - transform: translate3d(0, 5 px, 0) scaleY(.985);transform: translate3d(0, 5 px, 0) scaleY(.985) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__bounceInDown { | ||
| + | -webkit - animation - name: bounceInDown; | ||
| + | animation - name: bounceInDown | ||
| + | } | ||
| + | @ - webkit - keyframes bounceInLeft { | ||
| + | 0 % , 60 % , 75 % , 90 % , to { | ||
| + | -webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1); | ||
| + | animation - timing - function: cubic - bezier(.215, .61, .355, 1) | ||
| + | } | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(-3000 px, 0, 0) scaleX(3);transform: translate3d(-3000 px, 0, 0) scaleX(3) | ||
| + | } | ||
| + | 60 % { | ||
| + | opacity: 1; - webkit - transform: translate3d(25 px, 0, 0) scaleX(1);transform: translate3d(25 px, 0, 0) scaleX(1) | ||
| + | } | ||
| + | 75 % { | ||
| + | -webkit - transform: translate3d(-10 px, 0, 0) scaleX(.98);transform: translate3d(-10 px, 0, 0) scaleX(.98) | ||
| + | } | ||
| + | 90 % { | ||
| + | -webkit - transform: translate3d(5 px, 0, 0) scaleX(.995);transform: translate3d(5 px, 0, 0) scaleX(.995) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes bounceInLeft { | ||
| + | 0 % , 60 % , 75 % , 90 % , to { | ||
| + | -webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1); | ||
| + | animation - timing - function: cubic - bezier(.215, .61, .355, 1) | ||
| + | } | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(-3000 px, 0, 0) scaleX(3);transform: translate3d(-3000 px, 0, 0) scaleX(3) | ||
| + | } | ||
| + | 60 % { | ||
| + | opacity: 1; - webkit - transform: translate3d(25 px, 0, 0) scaleX(1);transform: translate3d(25 px, 0, 0) scaleX(1) | ||
| + | } | ||
| + | 75 % { | ||
| + | -webkit - transform: translate3d(-10 px, 0, 0) scaleX(.98);transform: translate3d(-10 px, 0, 0) scaleX(.98) | ||
| + | } | ||
| + | 90 % { | ||
| + | -webkit - transform: translate3d(5 px, 0, 0) scaleX(.995);transform: translate3d(5 px, 0, 0) scaleX(.995) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__bounceInLeft { | ||
| + | -webkit - animation - name: bounceInLeft; | ||
| + | animation - name: bounceInLeft | ||
| + | } | ||
| + | @ - webkit - keyframes bounceInRight { | ||
| + | 0 % , 60 % , 75 % , 90 % , to { | ||
| + | -webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1); | ||
| + | animation - timing - function: cubic - bezier(.215, .61, .355, 1) | ||
| + | } | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(3000 px, 0, 0) scaleX(3);transform: translate3d(3000 px, 0, 0) scaleX(3) | ||
| + | } | ||
| + | 60 % { | ||
| + | opacity: 1; - webkit - transform: translate3d(-25 px, 0, 0) scaleX(1);transform: translate3d(-25 px, 0, 0) scaleX(1) | ||
| + | } | ||
| + | 75 % { | ||
| + | -webkit - transform: translate3d(10 px, 0, 0) scaleX(.98);transform: translate3d(10 px, 0, 0) scaleX(.98) | ||
| + | } | ||
| + | 90 % { | ||
| + | -webkit - transform: translate3d(-5 px, 0, 0) scaleX(.995);transform: translate3d(-5 px, 0, 0) scaleX(.995) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes bounceInRight { | ||
| + | 0 % , 60 % , 75 % , 90 % , to { | ||
| + | -webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1); | ||
| + | animation - timing - function: cubic - bezier(.215, .61, .355, 1) | ||
| + | } | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(3000 px, 0, 0) scaleX(3);transform: translate3d(3000 px, 0, 0) scaleX(3) | ||
| + | } | ||
| + | 60 % { | ||
| + | opacity: 1; - webkit - transform: translate3d(-25 px, 0, 0) scaleX(1);transform: translate3d(-25 px, 0, 0) scaleX(1) | ||
| + | } | ||
| + | 75 % { | ||
| + | -webkit - transform: translate3d(10 px, 0, 0) scaleX(.98);transform: translate3d(10 px, 0, 0) scaleX(.98) | ||
| + | } | ||
| + | 90 % { | ||
| + | -webkit - transform: translate3d(-5 px, 0, 0) scaleX(.995);transform: translate3d(-5 px, 0, 0) scaleX(.995) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__bounceInRight { | ||
| + | -webkit - animation - name: bounceInRight; | ||
| + | animation - name: bounceInRight | ||
| + | } | ||
| + | @ - webkit - keyframes bounceInUp { | ||
| + | 0 % , 60 % , 75 % , 90 % , to { | ||
| + | -webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1); | ||
| + | animation - timing - function: cubic - bezier(.215, .61, .355, 1) | ||
| + | } | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, 3000 px, 0) scaleY(5);transform: translate3d(0, 3000 px, 0) scaleY(5) | ||
| + | } | ||
| + | 60 % { | ||
| + | opacity: 1; - webkit - transform: translate3d(0, -20 px, 0) scaleY(.9);transform: translate3d(0, -20 px, 0) scaleY(.9) | ||
| + | } | ||
| + | 75 % { | ||
| + | -webkit - transform: translate3d(0, 10 px, 0) scaleY(.95);transform: translate3d(0, 10 px, 0) scaleY(.95) | ||
| + | } | ||
| + | 90 % { | ||
| + | -webkit - transform: translate3d(0, -5 px, 0) scaleY(.985);transform: translate3d(0, -5 px, 0) scaleY(.985) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes bounceInUp { | ||
| + | 0 % , 60 % , 75 % , 90 % , to { | ||
| + | -webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1); | ||
| + | animation - timing - function: cubic - bezier(.215, .61, .355, 1) | ||
| + | } | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, 3000 px, 0) scaleY(5);transform: translate3d(0, 3000 px, 0) scaleY(5) | ||
| + | } | ||
| + | 60 % { | ||
| + | opacity: 1; - webkit - transform: translate3d(0, -20 px, 0) scaleY(.9);transform: translate3d(0, -20 px, 0) scaleY(.9) | ||
| + | } | ||
| + | 75 % { | ||
| + | -webkit - transform: translate3d(0, 10 px, 0) scaleY(.95);transform: translate3d(0, 10 px, 0) scaleY(.95) | ||
| + | } | ||
| + | 90 % { | ||
| + | -webkit - transform: translate3d(0, -5 px, 0) scaleY(.985);transform: translate3d(0, -5 px, 0) scaleY(.985) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__bounceInUp { | ||
| + | -webkit - animation - name: bounceInUp; | ||
| + | animation - name: bounceInUp | ||
| + | } | ||
| + | @ - webkit - keyframes bounceOut { | ||
| + | 20 % { | ||
| + | -webkit - transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9) | ||
| + | } | ||
| + | 50 % , 55 % { | ||
| + | opacity: 1; - webkit - transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3) | ||
| + | } | ||
| + | } | ||
| + | @keyframes bounceOut { | ||
| + | 20 % { | ||
| + | -webkit - transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9) | ||
| + | } | ||
| + | 50 % , 55 % { | ||
| + | opacity: 1; - webkit - transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3) | ||
| + | } | ||
| + | }.animate__bounceOut { | ||
| + | -webkit - animation - duration: .75 s; | ||
| + | animation - duration: .75 s; - webkit - animation - duration: calc(var (--animate - duration) * .75); | ||
| + | animation - duration: calc(var (--animate - duration) * .75); - webkit - animation - name: bounceOut; | ||
| + | animation - name: bounceOut | ||
| + | } | ||
| + | @ - webkit - keyframes bounceOutDown { | ||
| + | 20 % { | ||
| + | -webkit - transform: translate3d(0, 10 px, 0) scaleY(.985);transform: translate3d(0, 10 px, 0) scaleY(.985) | ||
| + | } | ||
| + | 40 % , 45 % { | ||
| + | opacity: 1; - webkit - transform: translate3d(0, -20 px, 0) scaleY(.9);transform: translate3d(0, -20 px, 0) scaleY(.9) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, 2000 px, 0) scaleY(3);transform: translate3d(0, 2000 px, 0) scaleY(3) | ||
| + | } | ||
| + | } | ||
| + | @keyframes bounceOutDown { | ||
| + | 20 % { | ||
| + | -webkit - transform: translate3d(0, 10 px, 0) scaleY(.985);transform: translate3d(0, 10 px, 0) scaleY(.985) | ||
| + | } | ||
| + | 40 % , 45 % { | ||
| + | opacity: 1; - webkit - transform: translate3d(0, -20 px, 0) scaleY(.9);transform: translate3d(0, -20 px, 0) scaleY(.9) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, 2000 px, 0) scaleY(3);transform: translate3d(0, 2000 px, 0) scaleY(3) | ||
| + | } | ||
| + | }.animate__bounceOutDown { | ||
| + | -webkit - animation - name: bounceOutDown; | ||
| + | animation - name: bounceOutDown | ||
| + | } | ||
| + | @ - webkit - keyframes bounceOutLeft { | ||
| + | 20 % { | ||
| + | opacity: 1; - webkit - transform: translate3d(20 px, 0, 0) scaleX(.9);transform: translate3d(20 px, 0, 0) scaleX(.9) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(-2000 px, 0, 0) scaleX(2);transform: translate3d(-2000 px, 0, 0) scaleX(2) | ||
| + | } | ||
| + | } | ||
| + | @keyframes bounceOutLeft { | ||
| + | 20 % { | ||
| + | opacity: 1; - webkit - transform: translate3d(20 px, 0, 0) scaleX(.9);transform: translate3d(20 px, 0, 0) scaleX(.9) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(-2000 px, 0, 0) scaleX(2);transform: translate3d(-2000 px, 0, 0) scaleX(2) | ||
| + | } | ||
| + | }.animate__bounceOutLeft { | ||
| + | -webkit - animation - name: bounceOutLeft; | ||
| + | animation - name: bounceOutLeft | ||
| + | } | ||
| + | @ - webkit - keyframes bounceOutRight { | ||
| + | 20 % { | ||
| + | opacity: 1; - webkit - transform: translate3d(-20 px, 0, 0) scaleX(.9);transform: translate3d(-20 px, 0, 0) scaleX(.9) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(2000 px, 0, 0) scaleX(2);transform: translate3d(2000 px, 0, 0) scaleX(2) | ||
| + | } | ||
| + | } | ||
| + | @keyframes bounceOutRight { | ||
| + | 20 % { | ||
| + | opacity: 1; - webkit - transform: translate3d(-20 px, 0, 0) scaleX(.9);transform: translate3d(-20 px, 0, 0) scaleX(.9) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(2000 px, 0, 0) scaleX(2);transform: translate3d(2000 px, 0, 0) scaleX(2) | ||
| + | } | ||
| + | }.animate__bounceOutRight { | ||
| + | -webkit - animation - name: bounceOutRight; | ||
| + | animation - name: bounceOutRight | ||
| + | } | ||
| + | @ - webkit - keyframes bounceOutUp { | ||
| + | 20 % { | ||
| + | -webkit - transform: translate3d(0, -10 px, 0) scaleY(.985);transform: translate3d(0, -10 px, 0) scaleY(.985) | ||
| + | } | ||
| + | 40 % , 45 % { | ||
| + | opacity: 1; - webkit - transform: translate3d(0, 20 px, 0) scaleY(.9);transform: translate3d(0, 20 px, 0) scaleY(.9) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, -2000 px, 0) scaleY(3);transform: translate3d(0, -2000 px, 0) scaleY(3) | ||
| + | } | ||
| + | } | ||
| + | @keyframes bounceOutUp { | ||
| + | 20 % { | ||
| + | -webkit - transform: translate3d(0, -10 px, 0) scaleY(.985);transform: translate3d(0, -10 px, 0) scaleY(.985) | ||
| + | } | ||
| + | 40 % , 45 % { | ||
| + | opacity: 1; - webkit - transform: translate3d(0, 20 px, 0) scaleY(.9);transform: translate3d(0, 20 px, 0) scaleY(.9) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, -2000 px, 0) scaleY(3);transform: translate3d(0, -2000 px, 0) scaleY(3) | ||
| + | } | ||
| + | }.animate__bounceOutUp { | ||
| + | -webkit - animation - name: bounceOutUp; | ||
| + | animation - name: bounceOutUp | ||
| + | } | ||
| + | @ - webkit - keyframes fadeIn { | ||
| + | 0 % { | ||
| + | opacity: 0 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeIn { | ||
| + | 0 % { | ||
| + | opacity: 0 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | }.animate__fadeIn { | ||
| + | -webkit - animation - name: fadeIn; | ||
| + | animation - name: fadeIn | ||
| + | } | ||
| + | @ - webkit - keyframes fadeInDown { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, -100 % , 0);transform: translate3d(0, -100 % , 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeInDown { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, -100 % , 0);transform: translate3d(0, -100 % , 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__fadeInDown { | ||
| + | -webkit - animation - name: fadeInDown; | ||
| + | animation - name: fadeInDown | ||
| + | } | ||
| + | @ - webkit - keyframes fadeInDownBig { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, -2000 px, 0);transform: translate3d(0, -2000 px, 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeInDownBig { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, -2000 px, 0);transform: translate3d(0, -2000 px, 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__fadeInDownBig { | ||
| + | -webkit - animation - name: fadeInDownBig; | ||
| + | animation - name: fadeInDownBig | ||
| + | } | ||
| + | @ - webkit - keyframes fadeInLeft { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(-100 % , 0, 0);transform: translate3d(-100 % , 0, 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeInLeft { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(-100 % , 0, 0);transform: translate3d(-100 % , 0, 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__fadeInLeft { | ||
| + | -webkit - animation - name: fadeInLeft; | ||
| + | animation - name: fadeInLeft | ||
| + | } | ||
| + | @ - webkit - keyframes fadeInLeftBig { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(-2000 px, 0, 0);transform: translate3d(-2000 px, 0, 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeInLeftBig { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(-2000 px, 0, 0);transform: translate3d(-2000 px, 0, 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__fadeInLeftBig { | ||
| + | -webkit - animation - name: fadeInLeftBig; | ||
| + | animation - name: fadeInLeftBig | ||
| + | } | ||
| + | @ - webkit - keyframes fadeInRight { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(100 % , 0, 0);transform: translate3d(100 % , 0, 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeInRight { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(100 % , 0, 0);transform: translate3d(100 % , 0, 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__fadeInRight { | ||
| + | -webkit - animation - name: fadeInRight; | ||
| + | animation - name: fadeInRight | ||
| + | } | ||
| + | @ - webkit - keyframes fadeInRightBig { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(2000 px, 0, 0);transform: translate3d(2000 px, 0, 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeInRightBig { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(2000 px, 0, 0);transform: translate3d(2000 px, 0, 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__fadeInRightBig { | ||
| + | -webkit - animation - name: fadeInRightBig; | ||
| + | animation - name: fadeInRightBig | ||
| + | } | ||
| + | @ - webkit - keyframes fadeInUp { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, 100 % , 0);transform: translate3d(0, 100 % , 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeInUp { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, 100 % , 0);transform: translate3d(0, 100 % , 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__fadeInUp { | ||
| + | -webkit - animation - name: fadeInUp; | ||
| + | animation - name: fadeInUp | ||
| + | } | ||
| + | @ - webkit - keyframes fadeInUpBig { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, 2000 px, 0);transform: translate3d(0, 2000 px, 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeInUpBig { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, 2000 px, 0);transform: translate3d(0, 2000 px, 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__fadeInUpBig { | ||
| + | -webkit - animation - name: fadeInUpBig; | ||
| + | animation - name: fadeInUpBig | ||
| + | } | ||
| + | @ - webkit - keyframes fadeInTopLeft { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(-100 % , -100 % , 0);transform: translate3d(-100 % , -100 % , 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeInTopLeft { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(-100 % , -100 % , 0);transform: translate3d(-100 % , -100 % , 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__fadeInTopLeft { | ||
| + | -webkit - animation - name: fadeInTopLeft; | ||
| + | animation - name: fadeInTopLeft | ||
| + | } | ||
| + | @ - webkit - keyframes fadeInTopRight { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(100 % , -100 % , 0);transform: translate3d(100 % , -100 % , 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeInTopRight { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(100 % , -100 % , 0);transform: translate3d(100 % , -100 % , 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__fadeInTopRight { | ||
| + | -webkit - animation - name: fadeInTopRight; | ||
| + | animation - name: fadeInTopRight | ||
| + | } | ||
| + | @ - webkit - keyframes fadeInBottomLeft { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(-100 % , 100 % , 0);transform: translate3d(-100 % , 100 % , 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeInBottomLeft { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(-100 % , 100 % , 0);transform: translate3d(-100 % , 100 % , 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__fadeInBottomLeft { | ||
| + | -webkit - animation - name: fadeInBottomLeft; | ||
| + | animation - name: fadeInBottomLeft | ||
| + | } | ||
| + | @ - webkit - keyframes fadeInBottomRight { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(100 % , 100 % , 0);transform: translate3d(100 % , 100 % , 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeInBottomRight { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(100 % , 100 % , 0);transform: translate3d(100 % , 100 % , 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__fadeInBottomRight { | ||
| + | -webkit - animation - name: fadeInBottomRight; | ||
| + | animation - name: fadeInBottomRight | ||
| + | } | ||
| + | @ - webkit - keyframes fadeOut { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0 | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeOut { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0 | ||
| + | } | ||
| + | }.animate__fadeOut { | ||
| + | -webkit - animation - name: fadeOut; | ||
| + | animation - name: fadeOut | ||
| + | } | ||
| + | @ - webkit - keyframes fadeOutDown { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, 100 % , 0);transform: translate3d(0, 100 % , 0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeOutDown { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, 100 % , 0);transform: translate3d(0, 100 % , 0) | ||
| + | } | ||
| + | }.animate__fadeOutDown { | ||
| + | -webkit - animation - name: fadeOutDown; | ||
| + | animation - name: fadeOutDown | ||
| + | } | ||
| + | @ - webkit - keyframes fadeOutDownBig { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, 2000 px, 0);transform: translate3d(0, 2000 px, 0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeOutDownBig { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, 2000 px, 0);transform: translate3d(0, 2000 px, 0) | ||
| + | } | ||
| + | }.animate__fadeOutDownBig { | ||
| + | -webkit - animation - name: fadeOutDownBig; | ||
| + | animation - name: fadeOutDownBig | ||
| + | } | ||
| + | @ - webkit - keyframes fadeOutLeft { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(-100 % , 0, 0);transform: translate3d(-100 % , 0, 0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeOutLeft { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(-100 % , 0, 0);transform: translate3d(-100 % , 0, 0) | ||
| + | } | ||
| + | }.animate__fadeOutLeft { | ||
| + | -webkit - animation - name: fadeOutLeft; | ||
| + | animation - name: fadeOutLeft | ||
| + | } | ||
| + | @ - webkit - keyframes fadeOutLeftBig { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(-2000 px, 0, 0);transform: translate3d(-2000 px, 0, 0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeOutLeftBig { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(-2000 px, 0, 0);transform: translate3d(-2000 px, 0, 0) | ||
| + | } | ||
| + | }.animate__fadeOutLeftBig { | ||
| + | -webkit - animation - name: fadeOutLeftBig; | ||
| + | animation - name: fadeOutLeftBig | ||
| + | } | ||
| + | @ - webkit - keyframes fadeOutRight { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(100 % , 0, 0);transform: translate3d(100 % , 0, 0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeOutRight { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(100 % , 0, 0);transform: translate3d(100 % , 0, 0) | ||
| + | } | ||
| + | }.animate__fadeOutRight { | ||
| + | -webkit - animation - name: fadeOutRight; | ||
| + | animation - name: fadeOutRight | ||
| + | } | ||
| + | @ - webkit - keyframes fadeOutRightBig { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(2000 px, 0, 0);transform: translate3d(2000 px, 0, 0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeOutRightBig { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(2000 px, 0, 0);transform: translate3d(2000 px, 0, 0) | ||
| + | } | ||
| + | }.animate__fadeOutRightBig { | ||
| + | -webkit - animation - name: fadeOutRightBig; | ||
| + | animation - name: fadeOutRightBig | ||
| + | } | ||
| + | @ - webkit - keyframes fadeOutUp { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, -100 % , 0);transform: translate3d(0, -100 % , 0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeOutUp { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, -100 % , 0);transform: translate3d(0, -100 % , 0) | ||
| + | } | ||
| + | }.animate__fadeOutUp { | ||
| + | -webkit - animation - name: fadeOutUp; | ||
| + | animation - name: fadeOutUp | ||
| + | } | ||
| + | @ - webkit - keyframes fadeOutUpBig { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, -2000 px, 0);transform: translate3d(0, -2000 px, 0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeOutUpBig { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(0, -2000 px, 0);transform: translate3d(0, -2000 px, 0) | ||
| + | } | ||
| + | }.animate__fadeOutUpBig { | ||
| + | -webkit - animation - name: fadeOutUpBig; | ||
| + | animation - name: fadeOutUpBig | ||
| + | } | ||
| + | @ - webkit - keyframes fadeOutTopLeft { | ||
| + | 0 % { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(-100 % , -100 % , 0);transform: translate3d(-100 % , -100 % , 0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeOutTopLeft { | ||
| + | 0 % { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(-100 % , -100 % , 0);transform: translate3d(-100 % , -100 % , 0) | ||
| + | } | ||
| + | }.animate__fadeOutTopLeft { | ||
| + | -webkit - animation - name: fadeOutTopLeft; | ||
| + | animation - name: fadeOutTopLeft | ||
| + | } | ||
| + | @ - webkit - keyframes fadeOutTopRight { | ||
| + | 0 % { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(100 % , -100 % , 0);transform: translate3d(100 % , -100 % , 0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeOutTopRight { | ||
| + | 0 % { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(100 % , -100 % , 0);transform: translate3d(100 % , -100 % , 0) | ||
| + | } | ||
| + | }.animate__fadeOutTopRight { | ||
| + | -webkit - animation - name: fadeOutTopRight; | ||
| + | animation - name: fadeOutTopRight | ||
| + | } | ||
| + | @ - webkit - keyframes fadeOutBottomRight { | ||
| + | 0 % { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(100 % , 100 % , 0);transform: translate3d(100 % , 100 % , 0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeOutBottomRight { | ||
| + | 0 % { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(100 % , 100 % , 0);transform: translate3d(100 % , 100 % , 0) | ||
| + | } | ||
| + | }.animate__fadeOutBottomRight { | ||
| + | -webkit - animation - name: fadeOutBottomRight; | ||
| + | animation - name: fadeOutBottomRight | ||
| + | } | ||
| + | @ - webkit - keyframes fadeOutBottomLeft { | ||
| + | 0 % { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(-100 % , 100 % , 0);transform: translate3d(-100 % , 100 % , 0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes fadeOutBottomLeft { | ||
| + | 0 % { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(-100 % , 100 % , 0);transform: translate3d(-100 % , 100 % , 0) | ||
| + | } | ||
| + | }.animate__fadeOutBottomLeft { | ||
| + | -webkit - animation - name: fadeOutBottomLeft; | ||
| + | animation - name: fadeOutBottomLeft | ||
| + | } | ||
| + | @ - webkit - keyframes flip { | ||
| + | 0 % { | ||
| + | -webkit - transform: perspective(400 px) scaleX(1) translateZ(0) rotateY(-1 turn);transform: perspective(400 px) scaleX(1) translateZ(0) rotateY(-1 turn); - webkit - animation - timing - function: ease - out;animation - timing - function: ease - out | ||
| + | } | ||
| + | 40 % { | ||
| + | -webkit - transform: perspective(400 px) scaleX(1) translateZ(150 px) rotateY(-190 deg);transform: perspective(400 px) scaleX(1) translateZ(150 px) rotateY(-190 deg); - webkit - animation - timing - function: ease - out;animation - timing - function: ease - out | ||
| + | } | ||
| + | 50 % { | ||
| + | -webkit - transform: perspective(400 px) scaleX(1) translateZ(150 px) rotateY(-170 deg);transform: perspective(400 px) scaleX(1) translateZ(150 px) rotateY(-170 deg); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: perspective(400 px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);transform: perspective(400 px) scale3d(.95, .95, .95) translateZ(0) rotateY(0); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: perspective(400 px) scaleX(1) translateZ(0) rotateY(0); | ||
| + | transform: perspective(400 px) scaleX(1) translateZ(0) rotateY(0); - webkit - animation - timing - function: ease - in ; | ||
| + | animation - timing - function: ease - in | ||
| + | } | ||
| + | } | ||
| + | @keyframes flip { | ||
| + | 0 % { | ||
| + | -webkit - transform: perspective(400 px) scaleX(1) translateZ(0) rotateY(-1 turn);transform: perspective(400 px) scaleX(1) translateZ(0) rotateY(-1 turn); - webkit - animation - timing - function: ease - out;animation - timing - function: ease - out | ||
| + | } | ||
| + | 40 % { | ||
| + | -webkit - transform: perspective(400 px) scaleX(1) translateZ(150 px) rotateY(-190 deg);transform: perspective(400 px) scaleX(1) translateZ(150 px) rotateY(-190 deg); - webkit - animation - timing - function: ease - out;animation - timing - function: ease - out | ||
| + | } | ||
| + | 50 % { | ||
| + | -webkit - transform: perspective(400 px) scaleX(1) translateZ(150 px) rotateY(-170 deg);transform: perspective(400 px) scaleX(1) translateZ(150 px) rotateY(-170 deg); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: perspective(400 px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);transform: perspective(400 px) scale3d(.95, .95, .95) translateZ(0) rotateY(0); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: perspective(400 px) scaleX(1) translateZ(0) rotateY(0); | ||
| + | transform: perspective(400 px) scaleX(1) translateZ(0) rotateY(0); - webkit - animation - timing - function: ease - in ; | ||
| + | animation - timing - function: ease - in | ||
| + | } | ||
| + | }.animate__animated.animate__flip { | ||
| + | -webkit - backface - visibility: visible; | ||
| + | backface - visibility: visible; - webkit - animation - name: flip; | ||
| + | animation - name: flip | ||
| + | } | ||
| + | @ - webkit - keyframes flipInX { | ||
| + | 0 % { | ||
| + | -webkit - transform: perspective(400 px) rotateX(90 deg);transform: perspective(400 px) rotateX(90 deg); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in ;opacity: 0 | ||
| + | } | ||
| + | 40 % { | ||
| + | -webkit - transform: perspective(400 px) rotateX(-20 deg);transform: perspective(400 px) rotateX(-20 deg); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in | ||
| + | } | ||
| + | 60 % { | ||
| + | -webkit - transform: perspective(400 px) rotateX(10 deg);transform: perspective(400 px) rotateX(10 deg);opacity: 1 | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: perspective(400 px) rotateX(-5 deg);transform: perspective(400 px) rotateX(-5 deg) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: perspective(400 px); | ||
| + | transform: perspective(400 px) | ||
| + | } | ||
| + | } | ||
| + | @keyframes flipInX { | ||
| + | 0 % { | ||
| + | -webkit - transform: perspective(400 px) rotateX(90 deg);transform: perspective(400 px) rotateX(90 deg); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in ;opacity: 0 | ||
| + | } | ||
| + | 40 % { | ||
| + | -webkit - transform: perspective(400 px) rotateX(-20 deg);transform: perspective(400 px) rotateX(-20 deg); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in | ||
| + | } | ||
| + | 60 % { | ||
| + | -webkit - transform: perspective(400 px) rotateX(10 deg);transform: perspective(400 px) rotateX(10 deg);opacity: 1 | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: perspective(400 px) rotateX(-5 deg);transform: perspective(400 px) rotateX(-5 deg) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: perspective(400 px); | ||
| + | transform: perspective(400 px) | ||
| + | } | ||
| + | }.animate__flipInX { | ||
| + | -webkit - backface - visibility: visible!important; | ||
| + | backface - visibility: visible!important; - webkit - animation - name: flipInX; | ||
| + | animation - name: flipInX | ||
| + | } | ||
| + | @ - webkit - keyframes flipInY { | ||
| + | 0 % { | ||
| + | -webkit - transform: perspective(400 px) rotateY(90 deg);transform: perspective(400 px) rotateY(90 deg); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in ;opacity: 0 | ||
| + | } | ||
| + | 40 % { | ||
| + | -webkit - transform: perspective(400 px) rotateY(-20 deg);transform: perspective(400 px) rotateY(-20 deg); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in | ||
| + | } | ||
| + | 60 % { | ||
| + | -webkit - transform: perspective(400 px) rotateY(10 deg);transform: perspective(400 px) rotateY(10 deg);opacity: 1 | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: perspective(400 px) rotateY(-5 deg);transform: perspective(400 px) rotateY(-5 deg) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: perspective(400 px); | ||
| + | transform: perspective(400 px) | ||
| + | } | ||
| + | } | ||
| + | @keyframes flipInY { | ||
| + | 0 % { | ||
| + | -webkit - transform: perspective(400 px) rotateY(90 deg);transform: perspective(400 px) rotateY(90 deg); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in ;opacity: 0 | ||
| + | } | ||
| + | 40 % { | ||
| + | -webkit - transform: perspective(400 px) rotateY(-20 deg);transform: perspective(400 px) rotateY(-20 deg); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in | ||
| + | } | ||
| + | 60 % { | ||
| + | -webkit - transform: perspective(400 px) rotateY(10 deg);transform: perspective(400 px) rotateY(10 deg);opacity: 1 | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: perspective(400 px) rotateY(-5 deg);transform: perspective(400 px) rotateY(-5 deg) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: perspective(400 px); | ||
| + | transform: perspective(400 px) | ||
| + | } | ||
| + | }.animate__flipInY { | ||
| + | -webkit - backface - visibility: visible!important; | ||
| + | backface - visibility: visible!important; - webkit - animation - name: flipInY; | ||
| + | animation - name: flipInY | ||
| + | } | ||
| + | @ - webkit - keyframes flipOutX { | ||
| + | 0 % { | ||
| + | -webkit - transform: perspective(400 px);transform: perspective(400 px) | ||
| + | } | ||
| + | 30 % { | ||
| + | -webkit - transform: perspective(400 px) rotateX(-20 deg);transform: perspective(400 px) rotateX(-20 deg);opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: perspective(400 px) rotateX(90 deg); | ||
| + | transform: perspective(400 px) rotateX(90 deg); | ||
| + | opacity: 0 | ||
| + | } | ||
| + | } | ||
| + | @keyframes flipOutX { | ||
| + | 0 % { | ||
| + | -webkit - transform: perspective(400 px);transform: perspective(400 px) | ||
| + | } | ||
| + | 30 % { | ||
| + | -webkit - transform: perspective(400 px) rotateX(-20 deg);transform: perspective(400 px) rotateX(-20 deg);opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: perspective(400 px) rotateX(90 deg); | ||
| + | transform: perspective(400 px) rotateX(90 deg); | ||
| + | opacity: 0 | ||
| + | } | ||
| + | }.animate__flipOutX { | ||
| + | -webkit - animation - duration: .75 s; | ||
| + | animation - duration: .75 s; - webkit - animation - duration: calc(var (--animate - duration) * .75); | ||
| + | animation - duration: calc(var (--animate - duration) * .75); - webkit - animation - name: flipOutX; | ||
| + | animation - name: flipOutX; - webkit - backface - visibility: visible!important; | ||
| + | backface - visibility: visible!important | ||
| + | } | ||
| + | @ - webkit - keyframes flipOutY { | ||
| + | 0 % { | ||
| + | -webkit - transform: perspective(400 px);transform: perspective(400 px) | ||
| + | } | ||
| + | 30 % { | ||
| + | -webkit - transform: perspective(400 px) rotateY(-15 deg);transform: perspective(400 px) rotateY(-15 deg);opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: perspective(400 px) rotateY(90 deg); | ||
| + | transform: perspective(400 px) rotateY(90 deg); | ||
| + | opacity: 0 | ||
| + | } | ||
| + | } | ||
| + | @keyframes flipOutY { | ||
| + | 0 % { | ||
| + | -webkit - transform: perspective(400 px);transform: perspective(400 px) | ||
| + | } | ||
| + | 30 % { | ||
| + | -webkit - transform: perspective(400 px) rotateY(-15 deg);transform: perspective(400 px) rotateY(-15 deg);opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: perspective(400 px) rotateY(90 deg); | ||
| + | transform: perspective(400 px) rotateY(90 deg); | ||
| + | opacity: 0 | ||
| + | } | ||
| + | }.animate__flipOutY { | ||
| + | -webkit - animation - duration: .75 s; | ||
| + | animation - duration: .75 s; - webkit - animation - duration: calc(var (--animate - duration) * .75); | ||
| + | animation - duration: calc(var (--animate - duration) * .75); - webkit - backface - visibility: visible!important; | ||
| + | backface - visibility: visible!important; - webkit - animation - name: flipOutY; | ||
| + | animation - name: flipOutY | ||
| + | } | ||
| + | @ - webkit - keyframes lightSpeedInRight { | ||
| + | 0 % { | ||
| + | -webkit - transform: translate3d(100 % , 0, 0) skewX(-30 deg);transform: translate3d(100 % , 0, 0) skewX(-30 deg);opacity: 0 | ||
| + | } | ||
| + | 60 % { | ||
| + | -webkit - transform: skewX(20 deg);transform: skewX(20 deg);opacity: 1 | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: skewX(-5 deg);transform: skewX(-5 deg) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes lightSpeedInRight { | ||
| + | 0 % { | ||
| + | -webkit - transform: translate3d(100 % , 0, 0) skewX(-30 deg);transform: translate3d(100 % , 0, 0) skewX(-30 deg);opacity: 0 | ||
| + | } | ||
| + | 60 % { | ||
| + | -webkit - transform: skewX(20 deg);transform: skewX(20 deg);opacity: 1 | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: skewX(-5 deg);transform: skewX(-5 deg) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__lightSpeedInRight { | ||
| + | -webkit - animation - name: lightSpeedInRight; | ||
| + | animation - name: lightSpeedInRight; - webkit - animation - timing - function: ease - out; | ||
| + | animation - timing - function: ease - out | ||
| + | } | ||
| + | @ - webkit - keyframes lightSpeedInLeft { | ||
| + | 0 % { | ||
| + | -webkit - transform: translate3d(-100 % , 0, 0) skewX(30 deg);transform: translate3d(-100 % , 0, 0) skewX(30 deg);opacity: 0 | ||
| + | } | ||
| + | 60 % { | ||
| + | -webkit - transform: skewX(-20 deg);transform: skewX(-20 deg);opacity: 1 | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: skewX(5 deg);transform: skewX(5 deg) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes lightSpeedInLeft { | ||
| + | 0 % { | ||
| + | -webkit - transform: translate3d(-100 % , 0, 0) skewX(30 deg);transform: translate3d(-100 % , 0, 0) skewX(30 deg);opacity: 0 | ||
| + | } | ||
| + | 60 % { | ||
| + | -webkit - transform: skewX(-20 deg);transform: skewX(-20 deg);opacity: 1 | ||
| + | } | ||
| + | 80 % { | ||
| + | -webkit - transform: skewX(5 deg);transform: skewX(5 deg) | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__lightSpeedInLeft { | ||
| + | -webkit - animation - name: lightSpeedInLeft; | ||
| + | animation - name: lightSpeedInLeft; - webkit - animation - timing - function: ease - out; | ||
| + | animation - timing - function: ease - out | ||
| + | } | ||
| + | @ - webkit - keyframes lightSpeedOutRight { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translate3d(100 % , 0, 0) skewX(30 deg); | ||
| + | transform: translate3d(100 % , 0, 0) skewX(30 deg); | ||
| + | opacity: 0 | ||
| + | } | ||
| + | } | ||
| + | @keyframes lightSpeedOutRight { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translate3d(100 % , 0, 0) skewX(30 deg); | ||
| + | transform: translate3d(100 % , 0, 0) skewX(30 deg); | ||
| + | opacity: 0 | ||
| + | } | ||
| + | }.animate__lightSpeedOutRight { | ||
| + | -webkit - animation - name: lightSpeedOutRight; | ||
| + | animation - name: lightSpeedOutRight; - webkit - animation - timing - function: ease - in ; | ||
| + | animation - timing - function: ease - in | ||
| + | } | ||
| + | @ - webkit - keyframes lightSpeedOutLeft { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translate3d(-100 % , 0, 0) skewX(-30 deg); | ||
| + | transform: translate3d(-100 % , 0, 0) skewX(-30 deg); | ||
| + | opacity: 0 | ||
| + | } | ||
| + | } | ||
| + | @keyframes lightSpeedOutLeft { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translate3d(-100 % , 0, 0) skewX(-30 deg); | ||
| + | transform: translate3d(-100 % , 0, 0) skewX(-30 deg); | ||
| + | opacity: 0 | ||
| + | } | ||
| + | }.animate__lightSpeedOutLeft { | ||
| + | -webkit - animation - name: lightSpeedOutLeft; | ||
| + | animation - name: lightSpeedOutLeft; - webkit - animation - timing - function: ease - in ; | ||
| + | animation - timing - function: ease - in | ||
| + | } | ||
| + | @ - webkit - keyframes rotateIn { | ||
| + | 0 % { | ||
| + | -webkit - transform: rotate(-200 deg);transform: rotate(-200 deg);opacity: 0 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0); | ||
| + | opacity: 1 | ||
| + | } | ||
| + | } | ||
| + | @keyframes rotateIn { | ||
| + | 0 % { | ||
| + | -webkit - transform: rotate(-200 deg);transform: rotate(-200 deg);opacity: 0 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0); | ||
| + | opacity: 1 | ||
| + | } | ||
| + | }.animate__rotateIn { | ||
| + | -webkit - animation - name: rotateIn; | ||
| + | animation - name: rotateIn; - webkit - transform - origin: center; | ||
| + | transform - origin: center | ||
| + | } | ||
| + | @ - webkit - keyframes rotateInDownLeft { | ||
| + | 0 % { | ||
| + | -webkit - transform: rotate(-45 deg);transform: rotate(-45 deg);opacity: 0 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0); | ||
| + | opacity: 1 | ||
| + | } | ||
| + | } | ||
| + | @keyframes rotateInDownLeft { | ||
| + | 0 % { | ||
| + | -webkit - transform: rotate(-45 deg);transform: rotate(-45 deg);opacity: 0 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0); | ||
| + | opacity: 1 | ||
| + | } | ||
| + | }.animate__rotateInDownLeft { | ||
| + | -webkit - animation - name: rotateInDownLeft; | ||
| + | animation - name: rotateInDownLeft; - webkit - transform - origin: left bottom; | ||
| + | transform - origin: left bottom | ||
| + | } | ||
| + | @ - webkit - keyframes rotateInDownRight { | ||
| + | 0 % { | ||
| + | -webkit - transform: rotate(45 deg);transform: rotate(45 deg);opacity: 0 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0); | ||
| + | opacity: 1 | ||
| + | } | ||
| + | } | ||
| + | @keyframes rotateInDownRight { | ||
| + | 0 % { | ||
| + | -webkit - transform: rotate(45 deg);transform: rotate(45 deg);opacity: 0 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0); | ||
| + | opacity: 1 | ||
| + | } | ||
| + | }.animate__rotateInDownRight { | ||
| + | -webkit - animation - name: rotateInDownRight; | ||
| + | animation - name: rotateInDownRight; - webkit - transform - origin: right bottom; | ||
| + | transform - origin: right bottom | ||
| + | } | ||
| + | @ - webkit - keyframes rotateInUpLeft { | ||
| + | 0 % { | ||
| + | -webkit - transform: rotate(45 deg);transform: rotate(45 deg);opacity: 0 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0); | ||
| + | opacity: 1 | ||
| + | } | ||
| + | } | ||
| + | @keyframes rotateInUpLeft { | ||
| + | 0 % { | ||
| + | -webkit - transform: rotate(45 deg);transform: rotate(45 deg);opacity: 0 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0); | ||
| + | opacity: 1 | ||
| + | } | ||
| + | }.animate__rotateInUpLeft { | ||
| + | -webkit - animation - name: rotateInUpLeft; | ||
| + | animation - name: rotateInUpLeft; - webkit - transform - origin: left bottom; | ||
| + | transform - origin: left bottom | ||
| + | } | ||
| + | @ - webkit - keyframes rotateInUpRight { | ||
| + | 0 % { | ||
| + | -webkit - transform: rotate(-90 deg);transform: rotate(-90 deg);opacity: 0 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0); | ||
| + | opacity: 1 | ||
| + | } | ||
| + | } | ||
| + | @keyframes rotateInUpRight { | ||
| + | 0 % { | ||
| + | -webkit - transform: rotate(-90 deg);transform: rotate(-90 deg);opacity: 0 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0); | ||
| + | opacity: 1 | ||
| + | } | ||
| + | }.animate__rotateInUpRight { | ||
| + | -webkit - animation - name: rotateInUpRight; | ||
| + | animation - name: rotateInUpRight; - webkit - transform - origin: right bottom; | ||
| + | transform - origin: right bottom | ||
| + | } | ||
| + | @ - webkit - keyframes rotateOut { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: rotate(200 deg); | ||
| + | transform: rotate(200 deg); | ||
| + | opacity: 0 | ||
| + | } | ||
| + | } | ||
| + | @keyframes rotateOut { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: rotate(200 deg); | ||
| + | transform: rotate(200 deg); | ||
| + | opacity: 0 | ||
| + | } | ||
| + | }.animate__rotateOut { | ||
| + | -webkit - animation - name: rotateOut; | ||
| + | animation - name: rotateOut; - webkit - transform - origin: center; | ||
| + | transform - origin: center | ||
| + | } | ||
| + | @ - webkit - keyframes rotateOutDownLeft { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: rotate(45 deg); | ||
| + | transform: rotate(45 deg); | ||
| + | opacity: 0 | ||
| + | } | ||
| + | } | ||
| + | @keyframes rotateOutDownLeft { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: rotate(45 deg); | ||
| + | transform: rotate(45 deg); | ||
| + | opacity: 0 | ||
| + | } | ||
| + | }.animate__rotateOutDownLeft { | ||
| + | -webkit - animation - name: rotateOutDownLeft; | ||
| + | animation - name: rotateOutDownLeft; - webkit - transform - origin: left bottom; | ||
| + | transform - origin: left bottom | ||
| + | } | ||
| + | @ - webkit - keyframes rotateOutDownRight { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: rotate(-45 deg); | ||
| + | transform: rotate(-45 deg); | ||
| + | opacity: 0 | ||
| + | } | ||
| + | } | ||
| + | @keyframes rotateOutDownRight { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: rotate(-45 deg); | ||
| + | transform: rotate(-45 deg); | ||
| + | opacity: 0 | ||
| + | } | ||
| + | }.animate__rotateOutDownRight { | ||
| + | -webkit - animation - name: rotateOutDownRight; | ||
| + | animation - name: rotateOutDownRight; - webkit - transform - origin: right bottom; | ||
| + | transform - origin: right bottom | ||
| + | } | ||
| + | @ - webkit - keyframes rotateOutUpLeft { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: rotate(-45 deg); | ||
| + | transform: rotate(-45 deg); | ||
| + | opacity: 0 | ||
| + | } | ||
| + | } | ||
| + | @keyframes rotateOutUpLeft { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: rotate(-45 deg); | ||
| + | transform: rotate(-45 deg); | ||
| + | opacity: 0 | ||
| + | } | ||
| + | }.animate__rotateOutUpLeft { | ||
| + | -webkit - animation - name: rotateOutUpLeft; | ||
| + | animation - name: rotateOutUpLeft; - webkit - transform - origin: left bottom; | ||
| + | transform - origin: left bottom | ||
| + | } | ||
| + | @ - webkit - keyframes rotateOutUpRight { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: rotate(90 deg); | ||
| + | transform: rotate(90 deg); | ||
| + | opacity: 0 | ||
| + | } | ||
| + | } | ||
| + | @keyframes rotateOutUpRight { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: rotate(90 deg); | ||
| + | transform: rotate(90 deg); | ||
| + | opacity: 0 | ||
| + | } | ||
| + | }.animate__rotateOutUpRight { | ||
| + | -webkit - animation - name: rotateOutUpRight; | ||
| + | animation - name: rotateOutUpRight; - webkit - transform - origin: right bottom; | ||
| + | transform - origin: right bottom | ||
| + | } | ||
| + | @ - webkit - keyframes hinge { | ||
| + | 0 % { | ||
| + | -webkit - animation - timing - function: ease - in -out;animation - timing - function: ease - in -out | ||
| + | } | ||
| + | 20 % , 60 % { | ||
| + | -webkit - transform: rotate(80 deg);transform: rotate(80 deg); - webkit - animation - timing - function: ease - in -out;animation - timing - function: ease - in -out | ||
| + | } | ||
| + | 40 % , 80 % { | ||
| + | -webkit - transform: rotate(60 deg);transform: rotate(60 deg); - webkit - animation - timing - function: ease - in -out;animation - timing - function: ease - in -out;opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translate3d(0, 700 px, 0); | ||
| + | transform: translate3d(0, 700 px, 0); | ||
| + | opacity: 0 | ||
| + | } | ||
| + | } | ||
| + | @keyframes hinge { | ||
| + | 0 % { | ||
| + | -webkit - animation - timing - function: ease - in -out;animation - timing - function: ease - in -out | ||
| + | } | ||
| + | 20 % , 60 % { | ||
| + | -webkit - transform: rotate(80 deg);transform: rotate(80 deg); - webkit - animation - timing - function: ease - in -out;animation - timing - function: ease - in -out | ||
| + | } | ||
| + | 40 % , 80 % { | ||
| + | -webkit - transform: rotate(60 deg);transform: rotate(60 deg); - webkit - animation - timing - function: ease - in -out;animation - timing - function: ease - in -out;opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translate3d(0, 700 px, 0); | ||
| + | transform: translate3d(0, 700 px, 0); | ||
| + | opacity: 0 | ||
| + | } | ||
| + | }.animate__hinge { | ||
| + | -webkit - animation - duration: 2 s; | ||
| + | animation - duration: 2 s; - webkit - animation - duration: calc(var (--animate - duration) * 2); | ||
| + | animation - duration: calc(var (--animate - duration) * 2); - webkit - animation - name: hinge; | ||
| + | animation - name: hinge; - webkit - transform - origin: top left; | ||
| + | transform - origin: top left | ||
| + | } | ||
| + | @ - webkit - keyframes jackInTheBox { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: scale(.1) rotate(30 deg);transform: scale(.1) rotate(30 deg); - webkit - transform - origin: center bottom;transform - origin: center bottom | ||
| + | } | ||
| + | 50 % { | ||
| + | -webkit - transform: rotate(-10 deg);transform: rotate(-10 deg) | ||
| + | } | ||
| + | 70 % { | ||
| + | -webkit - transform: rotate(3 deg);transform: rotate(3 deg) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: scale(1);transform: scale(1) | ||
| + | } | ||
| + | } | ||
| + | @keyframes jackInTheBox { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: scale(.1) rotate(30 deg);transform: scale(.1) rotate(30 deg); - webkit - transform - origin: center bottom;transform - origin: center bottom | ||
| + | } | ||
| + | 50 % { | ||
| + | -webkit - transform: rotate(-10 deg);transform: rotate(-10 deg) | ||
| + | } | ||
| + | 70 % { | ||
| + | -webkit - transform: rotate(3 deg);transform: rotate(3 deg) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: scale(1);transform: scale(1) | ||
| + | } | ||
| + | }.animate__jackInTheBox { | ||
| + | -webkit - animation - name: jackInTheBox; | ||
| + | animation - name: jackInTheBox | ||
| + | } | ||
| + | @ - webkit - keyframes rollIn { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(-100 % , 0, 0) rotate(-120 deg);transform: translate3d(-100 % , 0, 0) rotate(-120 deg) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes rollIn { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: translate3d(-100 % , 0, 0) rotate(-120 deg);transform: translate3d(-100 % , 0, 0) rotate(-120 deg) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__rollIn { | ||
| + | -webkit - animation - name: rollIn; | ||
| + | animation - name: rollIn | ||
| + | } | ||
| + | @ - webkit - keyframes rollOut { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(100 % , 0, 0) rotate(120 deg);transform: translate3d(100 % , 0, 0) rotate(120 deg) | ||
| + | } | ||
| + | } | ||
| + | @keyframes rollOut { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: translate3d(100 % , 0, 0) rotate(120 deg);transform: translate3d(100 % , 0, 0) rotate(120 deg) | ||
| + | } | ||
| + | }.animate__rollOut { | ||
| + | -webkit - animation - name: rollOut; | ||
| + | animation - name: rollOut | ||
| + | } | ||
| + | @ - webkit - keyframes zoomIn { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3) | ||
| + | } | ||
| + | 50 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | } | ||
| + | @keyframes zoomIn { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3) | ||
| + | } | ||
| + | 50 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | }.animate__zoomIn { | ||
| + | -webkit - animation - name: zoomIn; | ||
| + | animation - name: zoomIn | ||
| + | } | ||
| + | @ - webkit - keyframes zoomInDown { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(0, -1000 px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000 px, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19) | ||
| + | } | ||
| + | 60 % { | ||
| + | opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(0, 60 px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60 px, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1) | ||
| + | } | ||
| + | } | ||
| + | @keyframes zoomInDown { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(0, -1000 px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000 px, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19) | ||
| + | } | ||
| + | 60 % { | ||
| + | opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(0, 60 px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60 px, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1) | ||
| + | } | ||
| + | }.animate__zoomInDown { | ||
| + | -webkit - animation - name: zoomInDown; | ||
| + | animation - name: zoomInDown | ||
| + | } | ||
| + | @ - webkit - keyframes zoomInLeft { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(-1000 px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(-1000 px, 0, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19) | ||
| + | } | ||
| + | 60 % { | ||
| + | opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(10 px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(10 px, 0, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1) | ||
| + | } | ||
| + | } | ||
| + | @keyframes zoomInLeft { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(-1000 px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(-1000 px, 0, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19) | ||
| + | } | ||
| + | 60 % { | ||
| + | opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(10 px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(10 px, 0, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1) | ||
| + | } | ||
| + | }.animate__zoomInLeft { | ||
| + | -webkit - animation - name: zoomInLeft; | ||
| + | animation - name: zoomInLeft | ||
| + | } | ||
| + | @ - webkit - keyframes zoomInRight { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(1000 px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(1000 px, 0, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19) | ||
| + | } | ||
| + | 60 % { | ||
| + | opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(-10 px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(-10 px, 0, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1) | ||
| + | } | ||
| + | } | ||
| + | @keyframes zoomInRight { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(1000 px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(1000 px, 0, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19) | ||
| + | } | ||
| + | 60 % { | ||
| + | opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(-10 px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(-10 px, 0, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1) | ||
| + | } | ||
| + | }.animate__zoomInRight { | ||
| + | -webkit - animation - name: zoomInRight; | ||
| + | animation - name: zoomInRight | ||
| + | } | ||
| + | @ - webkit - keyframes zoomInUp { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(0, 1000 px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000 px, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19) | ||
| + | } | ||
| + | 60 % { | ||
| + | opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(0, -60 px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60 px, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1) | ||
| + | } | ||
| + | } | ||
| + | @keyframes zoomInUp { | ||
| + | 0 % { | ||
| + | opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(0, 1000 px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000 px, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19) | ||
| + | } | ||
| + | 60 % { | ||
| + | opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(0, -60 px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60 px, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1) | ||
| + | } | ||
| + | }.animate__zoomInUp { | ||
| + | -webkit - animation - name: zoomInUp; | ||
| + | animation - name: zoomInUp | ||
| + | } | ||
| + | @ - webkit - keyframes zoomOut { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | 50 % { | ||
| + | opacity: 0; - webkit - transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0 | ||
| + | } | ||
| + | } | ||
| + | @keyframes zoomOut { | ||
| + | 0 % { | ||
| + | opacity: 1 | ||
| + | } | ||
| + | 50 % { | ||
| + | opacity: 0; - webkit - transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0 | ||
| + | } | ||
| + | }.animate__zoomOut { | ||
| + | -webkit - animation - name: zoomOut; | ||
| + | animation - name: zoomOut | ||
| + | } | ||
| + | @ - webkit - keyframes zoomOutDown { | ||
| + | 40 % { | ||
| + | opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(0, -60 px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60 px, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(0, 2000 px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 2000 px, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1) | ||
| + | } | ||
| + | } | ||
| + | @keyframes zoomOutDown { | ||
| + | 40 % { | ||
| + | opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(0, -60 px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60 px, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(0, 2000 px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 2000 px, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1) | ||
| + | } | ||
| + | }.animate__zoomOutDown { | ||
| + | -webkit - animation - name: zoomOutDown; | ||
| + | animation - name: zoomOutDown; - webkit - transform - origin: center bottom; | ||
| + | transform - origin: center bottom | ||
| + | } | ||
| + | @ - webkit - keyframes zoomOutLeft { | ||
| + | 40 % { | ||
| + | opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(42 px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(42 px, 0, 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: scale(.1) translate3d(-2000 px, 0, 0);transform: scale(.1) translate3d(-2000 px, 0, 0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes zoomOutLeft { | ||
| + | 40 % { | ||
| + | opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(42 px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(42 px, 0, 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: scale(.1) translate3d(-2000 px, 0, 0);transform: scale(.1) translate3d(-2000 px, 0, 0) | ||
| + | } | ||
| + | }.animate__zoomOutLeft { | ||
| + | -webkit - animation - name: zoomOutLeft; | ||
| + | animation - name: zoomOutLeft; - webkit - transform - origin: left center; | ||
| + | transform - origin: left center | ||
| + | } | ||
| + | @ - webkit - keyframes zoomOutRight { | ||
| + | 40 % { | ||
| + | opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(-42 px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(-42 px, 0, 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: scale(.1) translate3d(2000 px, 0, 0);transform: scale(.1) translate3d(2000 px, 0, 0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes zoomOutRight { | ||
| + | 40 % { | ||
| + | opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(-42 px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(-42 px, 0, 0) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: scale(.1) translate3d(2000 px, 0, 0);transform: scale(.1) translate3d(2000 px, 0, 0) | ||
| + | } | ||
| + | }.animate__zoomOutRight { | ||
| + | -webkit - animation - name: zoomOutRight; | ||
| + | animation - name: zoomOutRight; - webkit - transform - origin: right center; | ||
| + | transform - origin: right center | ||
| + | } | ||
| + | @ - webkit - keyframes zoomOutUp { | ||
| + | 40 % { | ||
| + | opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(0, 60 px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60 px, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(0, -2000 px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -2000 px, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1) | ||
| + | } | ||
| + | } | ||
| + | @keyframes zoomOutUp { | ||
| + | 40 % { | ||
| + | opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(0, 60 px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60 px, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19) | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(0, -2000 px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -2000 px, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1) | ||
| + | } | ||
| + | }.animate__zoomOutUp { | ||
| + | -webkit - animation - name: zoomOutUp; | ||
| + | animation - name: zoomOutUp; - webkit - transform - origin: center bottom; | ||
| + | transform - origin: center bottom | ||
| + | } | ||
| + | @ - webkit - keyframes slideInDown { | ||
| + | 0 % { | ||
| + | -webkit - transform: translate3d(0, -100 % , 0);transform: translate3d(0, -100 % , 0);visibility: visible | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes slideInDown { | ||
| + | 0 % { | ||
| + | -webkit - transform: translate3d(0, -100 % , 0);transform: translate3d(0, -100 % , 0);visibility: visible | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__slideInDown { | ||
| + | -webkit - animation - name: slideInDown; | ||
| + | animation - name: slideInDown | ||
| + | } | ||
| + | @ - webkit - keyframes slideInLeft { | ||
| + | 0 % { | ||
| + | -webkit - transform: translate3d(-100 % , 0, 0);transform: translate3d(-100 % , 0, 0);visibility: visible | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes slideInLeft { | ||
| + | 0 % { | ||
| + | -webkit - transform: translate3d(-100 % , 0, 0);transform: translate3d(-100 % , 0, 0);visibility: visible | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__slideInLeft { | ||
| + | -webkit - animation - name: slideInLeft; | ||
| + | animation - name: slideInLeft | ||
| + | } | ||
| + | @ - webkit - keyframes slideInRight { | ||
| + | 0 % { | ||
| + | -webkit - transform: translate3d(100 % , 0, 0);transform: translate3d(100 % , 0, 0);visibility: visible | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes slideInRight { | ||
| + | 0 % { | ||
| + | -webkit - transform: translate3d(100 % , 0, 0);transform: translate3d(100 % , 0, 0);visibility: visible | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__slideInRight { | ||
| + | -webkit - animation - name: slideInRight; | ||
| + | animation - name: slideInRight | ||
| + | } | ||
| + | @ - webkit - keyframes slideInUp { | ||
| + | 0 % { | ||
| + | -webkit - transform: translate3d(0, 100 % , 0);transform: translate3d(0, 100 % , 0);visibility: visible | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes slideInUp { | ||
| + | 0 % { | ||
| + | -webkit - transform: translate3d(0, 100 % , 0);transform: translate3d(0, 100 % , 0);visibility: visible | ||
| + | } | ||
| + | to { | ||
| + | -webkit - transform: translateZ(0); | ||
| + | transform: translateZ(0) | ||
| + | } | ||
| + | }.animate__slideInUp { | ||
| + | -webkit - animation - name: slideInUp; | ||
| + | animation - name: slideInUp | ||
| + | } | ||
| + | @ - webkit - keyframes slideOutDown { | ||
| + | 0 % { | ||
| + | -webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | to { | ||
| + | visibility: hidden; - webkit - transform: translate3d(0, 100 % , 0);transform: translate3d(0, 100 % , 0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes slideOutDown { | ||
| + | 0 % { | ||
| + | -webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | to { | ||
| + | visibility: hidden; - webkit - transform: translate3d(0, 100 % , 0);transform: translate3d(0, 100 % , 0) | ||
| + | } | ||
| + | }.animate__slideOutDown { | ||
| + | -webkit - animation - name: slideOutDown; | ||
| + | animation - name: slideOutDown | ||
| + | } | ||
| + | @ - webkit - keyframes slideOutLeft { | ||
| + | 0 % { | ||
| + | -webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | to { | ||
| + | visibility: hidden; - webkit - transform: translate3d(-100 % , 0, 0);transform: translate3d(-100 % , 0, 0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes slideOutLeft { | ||
| + | 0 % { | ||
| + | -webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | to { | ||
| + | visibility: hidden; - webkit - transform: translate3d(-100 % , 0, 0);transform: translate3d(-100 % , 0, 0) | ||
| + | } | ||
| + | }.animate__slideOutLeft { | ||
| + | -webkit - animation - name: slideOutLeft; | ||
| + | animation - name: slideOutLeft | ||
| + | } | ||
| + | @ - webkit - keyframes slideOutRight { | ||
| + | 0 % { | ||
| + | -webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | to { | ||
| + | visibility: hidden; - webkit - transform: translate3d(100 % , 0, 0);transform: translate3d(100 % , 0, 0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes slideOutRight { | ||
| + | 0 % { | ||
| + | -webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | to { | ||
| + | visibility: hidden; - webkit - transform: translate3d(100 % , 0, 0);transform: translate3d(100 % , 0, 0) | ||
| + | } | ||
| + | }.animate__slideOutRight { | ||
| + | -webkit - animation - name: slideOutRight; | ||
| + | animation - name: slideOutRight | ||
| + | } | ||
| + | @ - webkit - keyframes slideOutUp { | ||
| + | 0 % { | ||
| + | -webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | to { | ||
| + | visibility: hidden; - webkit - transform: translate3d(0, -100 % , 0);transform: translate3d(0, -100 % , 0) | ||
| + | } | ||
| + | } | ||
| + | @keyframes slideOutUp { | ||
| + | 0 % { | ||
| + | -webkit - transform: translateZ(0);transform: translateZ(0) | ||
| + | } | ||
| + | to { | ||
| + | visibility: hidden; - webkit - transform: translate3d(0, -100 % , 0);transform: translate3d(0, -100 % , 0) | ||
| + | } | ||
| + | }.animate__slideOutUp { | ||
| + | -webkit - animation - name: slideOutUp; | ||
| + | animation - name: slideOutUp | ||
| + | } | ||
| + | /*! jQuery UI - v1.12.1 - 2016-09-14 | ||
| + | * http://jqueryui.com | ||
| + | * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css | ||
| + | * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 | ||
| + | * Copyright jQuery Foundation and other contributors; Licensed MIT */ | ||
| + | .ui - helper - hidden { | ||
| + | display: none | ||
| + | }.ui - helper - hidden - accessible { | ||
| + | border: 0;clip: rect(0 0 0 0);height: 1 px;margin: -1 px;overflow: hidden;padding: 0;position: absolute;width: 1 px | ||
| + | }.ui - helper - reset { | ||
| + | margin: 0;padding: 0;border: 0;outline: 0;line - height: 1.3;text - decoration: none;font - size: 100 % ;list - style: none | ||
| + | }.ui - helper - clearfix: after, .ui - helper - clearfix: before { | ||
| + | content: "";display: table;border - collapse: collapse | ||
| + | }.ui - helper - clearfix: after { | ||
| + | clear: both | ||
| + | }.ui - helper - zfix { | ||
| + | width: 100 % ;height: 100 % ;top: 0;left: 0;position: absolute;opacity: 0;filter: Alpha(Opacity = 0) | ||
| + | }.ui - front { | ||
| + | z - index: 100 | ||
| + | }.ui - state - disabled { | ||
| + | cursor: default !important;pointer - events: none | ||
| + | }.ui - icon { | ||
| + | display: inline - block;vertical - align: middle;margin - top: -.25 em;position: relative;text - indent: -99999 px;overflow: hidden;background - repeat: no - repeat | ||
| + | }.ui - widget - icon - block { | ||
| + | left: 50 % ;margin - left: -8 px;display: block | ||
| + | }.ui - widget - overlay { | ||
| + | position: fixed;top: 0;left: 0;width: 100 % ;height: 100 % | ||
| + | }.ui - accordion.ui - accordion - header { | ||
| + | display: block;cursor: pointer;position: relative;margin: 2 px 0 0 0;padding: .5 em .5 em .5 em .7 em;font - size: 100 % | ||
| + | }.ui - accordion.ui - accordion - content { | ||
| + | padding: 1 em 2.2 em;border - top: 0;overflow: auto | ||
| + | }.ui - autocomplete { | ||
| + | position: absolute;top: 0;left: 0;cursor: default | ||
| + | }.ui - menu { | ||
| + | list - style: none; | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | display: block; | ||
| + | outline: 0 | ||
| + | }.ui - menu.ui - menu { | ||
| + | position: absolute | ||
| + | }.ui - menu.ui - menu - item { | ||
| + | margin: 0;cursor: pointer;list - style - image: url(data: image / gif; base64, R0lGODlhAQABAIAAAAAAAP ///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-active,.ui-menu .ui-state-focus{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup>.ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,.ui-controlgroup>.ui-controlgroup-item:focus{z-index:9999}.ui-controlgroup-vertical>.ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item{border-top:0}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:0}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:0}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc(100% - 2.4em)}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:0}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:0}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw,.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height:100%;opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:700;line-height:1.5;padding:2px .4em;margin:.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:0;background:0;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:700}.ui-widget-header a{color:#333}.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400;color:#454545}.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button{color:#454545;text-decoration:none}.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #ccc;background:#ededed;font-weight:400;color:#2b2b2b}.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px #5e9ed6}.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{border:1px solid #003eff;background:#007fff;font-weight:400;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(../../images/ui-images/ui-icons_444444_256x240.png)}.ui-widget-header .ui-icon{background-image:url(../../images/ui-images/ui-icons_444444_256x240.png)}.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(../../images/ui-images/ui-icons_555555_256x240.png)}.ui-button:active .ui-icon,.ui-state-active .ui-icon{background-image:url(../../images/ui-images/ui-icons_ffffff_256x240.png)}.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon{background-image:url(../../images/ui-images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(../../images/ui-images/ui-icons_cc0000_256x240.png)}.ui-button .ui-icon{background-image:url(../../images/ui-images/ui-icons_777777_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:3px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.nice-select{-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:5px;border:solid 1px #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:400;height:42px;line-height:40px;outline:0;padding-left:18px;padding-right:30px;position:relative;text-align:left!important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#dbdbdb}.nice-select.open,.nice-select:active,.nice-select:focus{border-color:#999}.nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:'';display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:5px}.nice-select.open:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .list{left:0!important;right:0!important}.nice-select.right{float:right}.nice-select.right .list{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .list{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);box-sizing:border-box;margin-top:4px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.75) translateY(-21px);-ms-transform:scale(.75) translateY(-21px);transform:scale(.75) translateY(-21px);-webkit-transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;z-index:9}.nice-select .list:hover .option:not(:hover){background-color:transparent!important}.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:0;padding-left:18px;padding-right:29px;text-align:left;-webkit-transition:all .2s;transition:all .2s}.nice-select .option.focus,.nice-select .option.selected.focus,.nice-select .option:hover{background-color:#f6f6f6}.nice-select .option.selected{font-weight:700}.nice-select .option.disabled{background-color:transparent;color:#999;cursor:default}.no-csspointerevents .nice-select .list{display:none}.no-csspointerevents .nice-select.open .list{display:block}.splitting .char,.splitting .word{display:inline-block}.splitting .char{position:relative}.splitting .char::after,.splitting .char::before{content:attr(data-char);position:absolute;top:0;left:0;visibility:hidden;transition:inherit;user-select:none}.splitting{--word-center:calc((var(--word-total) - 1) / 2);--char-center:calc((var(--char-total) - 1) / 2);--line-center:calc((var(--line-total) - 1) / 2)}.splitting .word{--word-percent:calc(var(--word-index) / var(--word-total));--line-percent:calc(var(--line-index) / var(--line-total))}.splitting .char{--char-percent:calc(var(--char-index) / var(--char-total));--char-offset:calc(var(--char-index) - var(--char-center));--distance:calc((var(--char-offset) * var(--char-offset)) / var(--char-center));--distance-sine:calc(var(--char-offset) / var(--char-center));--distance-percent:calc((var(--distance) / var(--char-center)))}.splitting.cells img{width:100%;display:block}@supports(display:grid){.splitting.cells{position:relative;overflow:hidden;background-size:cover;visibility:hidden}.splitting .cell-grid{background:inherit;position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template:repeat(var(--row-total),1fr)/repeat(var(--col-total),1fr)}.splitting .cell{background:inherit;position:relative;overflow:hidden}.splitting .cell-inner{background:inherit;position:absolute;visibility:visible;width:calc(100% * var(--col-total));height:calc(100% * var(--row-total));left:calc(-100% * var(--col-index));top:calc(-100% * var(--row-index))}.splitting .cell{--center-x:calc((var(--col-total) - 1) / 2);--center-y:calc((var(--row-total) - 1) / 2);--offset-x:calc(var(--col-index) - var(--center-x));--offset-y:calc(var(--row-index) - var(--center-y));--distance-x:calc((var(--offset-x) * var(--offset-x)) / var(--center-x));--distance-y:calc((var(--offset-y) * var(--offset-y)) / var(--center-y))}}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#fff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:0;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#fff}.swiper-pagination-black{--swiper-pagination-color:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}--!> | ||
</style> | </style> | ||
</html> | </html> | ||
Revision as of 02:47, 19 October 2021
< html >
< style > < !--@charset "UTF-8";
/*!
*/
- root {
--animate - duration: 1 s; --animate - delay: 1 s; --animate - repeat: 1
}.animate__animated {
-webkit - animation - duration: 1 s; animation - duration: 1 s; - webkit - animation - duration: var (--animate - duration); animation - duration: var (--animate - duration); - webkit - animation - fill - mode: both; animation - fill - mode: both
}.animate__animated.animate__infinite {
-webkit - animation - iteration - count: infinite; animation - iteration - count: infinite
}.animate__animated.animate__repeat - 1 {
-webkit - animation - iteration - count: 1; animation - iteration - count: 1; - webkit - animation - iteration - count: var (--animate - repeat); animation - iteration - count: var (--animate - repeat)
}.animate__animated.animate__repeat - 2 {
-webkit - animation - iteration - count: 2; animation - iteration - count: 2; - webkit - animation - iteration - count: calc(var (--animate - repeat) * 2); animation - iteration - count: calc(var (--animate - repeat) * 2)
}.animate__animated.animate__repeat - 3 {
-webkit - animation - iteration - count: 3; animation - iteration - count: 3; - webkit - animation - iteration - count: calc(var (--animate - repeat) * 3); animation - iteration - count: calc(var (--animate - repeat) * 3)
}.animate__animated.animate__delay - 1 s {
-webkit - animation - delay: 1 s; animation - delay: 1 s; - webkit - animation - delay: var (--animate - delay); animation - delay: var (--animate - delay)
}.animate__animated.animate__delay - 2 s {
-webkit - animation - delay: 2 s; animation - delay: 2 s; - webkit - animation - delay: calc(var (--animate - delay) * 2); animation - delay: calc(var (--animate - delay) * 2)
}.animate__animated.animate__delay - 3 s {
-webkit - animation - delay: 3 s; animation - delay: 3 s; - webkit - animation - delay: calc(var (--animate - delay) * 3); animation - delay: calc(var (--animate - delay) * 3)
}.animate__animated.animate__delay - 4 s {
-webkit - animation - delay: 4 s; animation - delay: 4 s; - webkit - animation - delay: calc(var (--animate - delay) * 4); animation - delay: calc(var (--animate - delay) * 4)
}.animate__animated.animate__delay - 5 s {
-webkit - animation - delay: 5 s; animation - delay: 5 s; - webkit - animation - delay: calc(var (--animate - delay) * 5); animation - delay: calc(var (--animate - delay) * 5)
}.animate__animated.animate__faster {
-webkit - animation - duration: .5 s; animation - duration: .5 s; - webkit - animation - duration: calc(var (--animate - duration) / 2); animation - duration: calc(var (--animate - duration) / 2)
}.animate__animated.animate__fast {
-webkit - animation - duration: .8 s; animation - duration: .8 s; - webkit - animation - duration: calc(var (--animate - duration) * .8); animation - duration: calc(var (--animate - duration) * .8)
}.animate__animated.animate__slow {
-webkit - animation - duration: 2 s; animation - duration: 2 s; - webkit - animation - duration: calc(var (--animate - duration) * 2); animation - duration: calc(var (--animate - duration) * 2)
}.animate__animated.animate__slower {
-webkit - animation - duration: 3 s; animation - duration: 3 s; - webkit - animation - duration: calc(var (--animate - duration) * 3); animation - duration: calc(var (--animate - duration) * 3)
} @media(prefers - reduced - motion: reduce), print {
.animate__animated {
-webkit - animation - duration: 1 ms!important;
animation - duration: 1 ms!important; - webkit - transition - duration: 1 ms!important;
transition - duration: 1 ms!important; - webkit - animation - iteration - count: 1!important;
animation - iteration - count: 1!important
}.animate__animated[class *= Out] {
opacity: 0
}
} @ - webkit - keyframes bounce {
0 % , 20 % , 53 % , to {
-webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1);
animation - timing - function: cubic - bezier(.215, .61, .355, 1); - webkit - transform: translateZ(0);
transform: translateZ(0)
}
40 % , 43 % {
-webkit - animation - timing - function: cubic - bezier(.755, .05, .855, .06);animation - timing - function: cubic - bezier(.755, .05, .855, .06); - webkit - transform: translate3d(0, -30 px, 0) scaleY(1.1);transform: translate3d(0, -30 px, 0) scaleY(1.1)
}
70 % {
-webkit - animation - timing - function: cubic - bezier(.755, .05, .855, .06);animation - timing - function: cubic - bezier(.755, .05, .855, .06); - webkit - transform: translate3d(0, -15 px, 0) scaleY(1.05);transform: translate3d(0, -15 px, 0) scaleY(1.05)
}
80 % {
-webkit - transition - timing - function: cubic - bezier(.215, .61, .355, 1);transition - timing - function: cubic - bezier(.215, .61, .355, 1); - webkit - transform: translateZ(0) scaleY(.95);transform: translateZ(0) scaleY(.95)
}
90 % {
-webkit - transform: translate3d(0, -4 px, 0) scaleY(1.02);transform: translate3d(0, -4 px, 0) scaleY(1.02)
}
} @keyframes bounce {
0 % , 20 % , 53 % , to {
-webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1);
animation - timing - function: cubic - bezier(.215, .61, .355, 1); - webkit - transform: translateZ(0);
transform: translateZ(0)
}
40 % , 43 % {
-webkit - animation - timing - function: cubic - bezier(.755, .05, .855, .06);animation - timing - function: cubic - bezier(.755, .05, .855, .06); - webkit - transform: translate3d(0, -30 px, 0) scaleY(1.1);transform: translate3d(0, -30 px, 0) scaleY(1.1)
}
70 % {
-webkit - animation - timing - function: cubic - bezier(.755, .05, .855, .06);animation - timing - function: cubic - bezier(.755, .05, .855, .06); - webkit - transform: translate3d(0, -15 px, 0) scaleY(1.05);transform: translate3d(0, -15 px, 0) scaleY(1.05)
}
80 % {
-webkit - transition - timing - function: cubic - bezier(.215, .61, .355, 1);transition - timing - function: cubic - bezier(.215, .61, .355, 1); - webkit - transform: translateZ(0) scaleY(.95);transform: translateZ(0) scaleY(.95)
}
90 % {
-webkit - transform: translate3d(0, -4 px, 0) scaleY(1.02);transform: translate3d(0, -4 px, 0) scaleY(1.02)
}
}.animate__bounce {
-webkit - animation - name: bounce; animation - name: bounce; - webkit - transform - origin: center bottom; transform - origin: center bottom
} @ - webkit - keyframes flash {
0 % , 50 % , to {
opacity: 1
}
25 % , 75 % {
opacity: 0
}
} @keyframes flash {
0 % , 50 % , to {
opacity: 1
}
25 % , 75 % {
opacity: 0
}
}.animate__flash {
-webkit - animation - name: flash; animation - name: flash
} @ - webkit - keyframes pulse {
0 % {
-webkit - transform: scaleX(1);transform: scaleX(1)
}
50 % {
-webkit - transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit - transform: scaleX(1);
transform: scaleX(1)
}
} @keyframes pulse {
0 % {
-webkit - transform: scaleX(1);transform: scaleX(1)
}
50 % {
-webkit - transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit - transform: scaleX(1);
transform: scaleX(1)
}
}.animate__pulse {
-webkit - animation - name: pulse; animation - name: pulse; - webkit - animation - timing - function: ease - in -out; animation - timing - function: ease - in -out
} @ - webkit - keyframes rubberBand {
0 % {
-webkit - transform: scaleX(1);transform: scaleX(1)
}
30 % {
-webkit - transform: scale3d(1.25, .75, 1);transform: scale3d(1.25, .75, 1)
}
40 % {
-webkit - transform: scale3d(.75, 1.25, 1);transform: scale3d(.75, 1.25, 1)
}
50 % {
-webkit - transform: scale3d(1.15, .85, 1);transform: scale3d(1.15, .85, 1)
}
65 % {
-webkit - transform: scale3d(.95, 1.05, 1);transform: scale3d(.95, 1.05, 1)
}
75 % {
-webkit - transform: scale3d(1.05, .95, 1);transform: scale3d(1.05, .95, 1)
}
to {
-webkit - transform: scaleX(1);
transform: scaleX(1)
}
} @keyframes rubberBand {
0 % {
-webkit - transform: scaleX(1);transform: scaleX(1)
}
30 % {
-webkit - transform: scale3d(1.25, .75, 1);transform: scale3d(1.25, .75, 1)
}
40 % {
-webkit - transform: scale3d(.75, 1.25, 1);transform: scale3d(.75, 1.25, 1)
}
50 % {
-webkit - transform: scale3d(1.15, .85, 1);transform: scale3d(1.15, .85, 1)
}
65 % {
-webkit - transform: scale3d(.95, 1.05, 1);transform: scale3d(.95, 1.05, 1)
}
75 % {
-webkit - transform: scale3d(1.05, .95, 1);transform: scale3d(1.05, .95, 1)
}
to {
-webkit - transform: scaleX(1);
transform: scaleX(1)
}
}.animate__rubberBand {
-webkit - animation - name: rubberBand; animation - name: rubberBand
} @ - webkit - keyframes shakeX {
0 % , to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
10 % , 30 % , 50 % , 70 % , 90 % {
-webkit - transform: translate3d(-10 px, 0, 0);transform: translate3d(-10 px, 0, 0)
}
20 % , 40 % , 60 % , 80 % {
-webkit - transform: translate3d(10 px, 0, 0);transform: translate3d(10 px, 0, 0)
}
} @keyframes shakeX {
0 % , to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
10 % , 30 % , 50 % , 70 % , 90 % {
-webkit - transform: translate3d(-10 px, 0, 0);transform: translate3d(-10 px, 0, 0)
}
20 % , 40 % , 60 % , 80 % {
-webkit - transform: translate3d(10 px, 0, 0);transform: translate3d(10 px, 0, 0)
}
}.animate__shakeX {
-webkit - animation - name: shakeX; animation - name: shakeX
} @ - webkit - keyframes shakeY {
0 % , to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
10 % , 30 % , 50 % , 70 % , 90 % {
-webkit - transform: translate3d(0, -10 px, 0);transform: translate3d(0, -10 px, 0)
}
20 % , 40 % , 60 % , 80 % {
-webkit - transform: translate3d(0, 10 px, 0);transform: translate3d(0, 10 px, 0)
}
} @keyframes shakeY {
0 % , to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
10 % , 30 % , 50 % , 70 % , 90 % {
-webkit - transform: translate3d(0, -10 px, 0);transform: translate3d(0, -10 px, 0)
}
20 % , 40 % , 60 % , 80 % {
-webkit - transform: translate3d(0, 10 px, 0);transform: translate3d(0, 10 px, 0)
}
}.animate__shakeY {
-webkit - animation - name: shakeY; animation - name: shakeY
} @ - webkit - keyframes headShake {
0 % {
-webkit - transform: translateX(0);transform: translateX(0)
}
6.5 % {
-webkit - transform: translateX(-6 px) rotateY(-9 deg);transform: translateX(-6 px) rotateY(-9 deg)
}
18.5 % {
-webkit - transform: translateX(5 px) rotateY(7 deg);transform: translateX(5 px) rotateY(7 deg)
}
31.5 % {
-webkit - transform: translateX(-3 px) rotateY(-5 deg);transform: translateX(-3 px) rotateY(-5 deg)
}
43.5 % {
-webkit - transform: translateX(2 px) rotateY(3 deg);transform: translateX(2 px) rotateY(3 deg)
}
50 % {
-webkit - transform: translateX(0);transform: translateX(0)
}
} @keyframes headShake {
0 % {
-webkit - transform: translateX(0);transform: translateX(0)
}
6.5 % {
-webkit - transform: translateX(-6 px) rotateY(-9 deg);transform: translateX(-6 px) rotateY(-9 deg)
}
18.5 % {
-webkit - transform: translateX(5 px) rotateY(7 deg);transform: translateX(5 px) rotateY(7 deg)
}
31.5 % {
-webkit - transform: translateX(-3 px) rotateY(-5 deg);transform: translateX(-3 px) rotateY(-5 deg)
}
43.5 % {
-webkit - transform: translateX(2 px) rotateY(3 deg);transform: translateX(2 px) rotateY(3 deg)
}
50 % {
-webkit - transform: translateX(0);transform: translateX(0)
}
}.animate__headShake {
-webkit - animation - timing - function: ease - in -out; animation - timing - function: ease - in -out; - webkit - animation - name: headShake; animation - name: headShake
} @ - webkit - keyframes swing {
20 % {
-webkit - transform: rotate(15 deg);transform: rotate(15 deg)
}
40 % {
-webkit - transform: rotate(-10 deg);transform: rotate(-10 deg)
}
60 % {
-webkit - transform: rotate(5 deg);transform: rotate(5 deg)
}
80 % {
-webkit - transform: rotate(-5 deg);transform: rotate(-5 deg)
}
to {
-webkit - transform: rotate(0);
transform: rotate(0)
}
} @keyframes swing {
20 % {
-webkit - transform: rotate(15 deg);transform: rotate(15 deg)
}
40 % {
-webkit - transform: rotate(-10 deg);transform: rotate(-10 deg)
}
60 % {
-webkit - transform: rotate(5 deg);transform: rotate(5 deg)
}
80 % {
-webkit - transform: rotate(-5 deg);transform: rotate(-5 deg)
}
to {
-webkit - transform: rotate(0);
transform: rotate(0)
}
}.animate__swing {
-webkit - transform - origin: top center; transform - origin: top center; - webkit - animation - name: swing; animation - name: swing
} @ - webkit - keyframes tada {
0 % {
-webkit - transform: scaleX(1);transform: scaleX(1)
}
10 % , 20 % {
-webkit - transform: scale3d(.9, .9, .9) rotate(-3 deg);transform: scale3d(.9, .9, .9) rotate(-3 deg)
}
30 % , 50 % , 70 % , 90 % {
-webkit - transform: scale3d(1.1, 1.1, 1.1) rotate(3 deg);transform: scale3d(1.1, 1.1, 1.1) rotate(3 deg)
}
40 % , 60 % , 80 % {
-webkit - transform: scale3d(1.1, 1.1, 1.1) rotate(-3 deg);transform: scale3d(1.1, 1.1, 1.1) rotate(-3 deg)
}
to {
-webkit - transform: scaleX(1);
transform: scaleX(1)
}
} @keyframes tada {
0 % {
-webkit - transform: scaleX(1);transform: scaleX(1)
}
10 % , 20 % {
-webkit - transform: scale3d(.9, .9, .9) rotate(-3 deg);transform: scale3d(.9, .9, .9) rotate(-3 deg)
}
30 % , 50 % , 70 % , 90 % {
-webkit - transform: scale3d(1.1, 1.1, 1.1) rotate(3 deg);transform: scale3d(1.1, 1.1, 1.1) rotate(3 deg)
}
40 % , 60 % , 80 % {
-webkit - transform: scale3d(1.1, 1.1, 1.1) rotate(-3 deg);transform: scale3d(1.1, 1.1, 1.1) rotate(-3 deg)
}
to {
-webkit - transform: scaleX(1);
transform: scaleX(1)
}
}.animate__tada {
-webkit - animation - name: tada; animation - name: tada
} @ - webkit - keyframes wobble {
0 % {
-webkit - transform: translateZ(0);transform: translateZ(0)
}
15 % {
-webkit - transform: translate3d(-25 % , 0, 0) rotate(-5 deg);transform: translate3d(-25 % , 0, 0) rotate(-5 deg)
}
30 % {
-webkit - transform: translate3d(20 % , 0, 0) rotate(3 deg);transform: translate3d(20 % , 0, 0) rotate(3 deg)
}
45 % {
-webkit - transform: translate3d(-15 % , 0, 0) rotate(-3 deg);transform: translate3d(-15 % , 0, 0) rotate(-3 deg)
}
60 % {
-webkit - transform: translate3d(10 % , 0, 0) rotate(2 deg);transform: translate3d(10 % , 0, 0) rotate(2 deg)
}
75 % {
-webkit - transform: translate3d(-5 % , 0, 0) rotate(-1 deg);transform: translate3d(-5 % , 0, 0) rotate(-1 deg)
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
} @keyframes wobble {
0 % {
-webkit - transform: translateZ(0);transform: translateZ(0)
}
15 % {
-webkit - transform: translate3d(-25 % , 0, 0) rotate(-5 deg);transform: translate3d(-25 % , 0, 0) rotate(-5 deg)
}
30 % {
-webkit - transform: translate3d(20 % , 0, 0) rotate(3 deg);transform: translate3d(20 % , 0, 0) rotate(3 deg)
}
45 % {
-webkit - transform: translate3d(-15 % , 0, 0) rotate(-3 deg);transform: translate3d(-15 % , 0, 0) rotate(-3 deg)
}
60 % {
-webkit - transform: translate3d(10 % , 0, 0) rotate(2 deg);transform: translate3d(10 % , 0, 0) rotate(2 deg)
}
75 % {
-webkit - transform: translate3d(-5 % , 0, 0) rotate(-1 deg);transform: translate3d(-5 % , 0, 0) rotate(-1 deg)
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
}.animate__wobble {
-webkit - animation - name: wobble; animation - name: wobble
} @ - webkit - keyframes jello {
0 % , 11.1 % , to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
22.2 % {
-webkit - transform: skewX(-12.5 deg) skewY(-12.5 deg);transform: skewX(-12.5 deg) skewY(-12.5 deg)
}
33.3 % {
-webkit - transform: skewX(6.25 deg) skewY(6.25 deg);transform: skewX(6.25 deg) skewY(6.25 deg)
}
44.4 % {
-webkit - transform: skewX(-3.125 deg) skewY(-3.125 deg);transform: skewX(-3.125 deg) skewY(-3.125 deg)
}
55.5 % {
-webkit - transform: skewX(1.5625 deg) skewY(1.5625 deg);transform: skewX(1.5625 deg) skewY(1.5625 deg)
}
66.6 % {
-webkit - transform: skewX(-.78125 deg) skewY(-.78125 deg);transform: skewX(-.78125 deg) skewY(-.78125 deg)
}
77.7 % {
-webkit - transform: skewX(.390625 deg) skewY(.390625 deg);transform: skewX(.390625 deg) skewY(.390625 deg)
}
88.8 % {
-webkit - transform: skewX(-.1953125 deg) skewY(-.1953125 deg);transform: skewX(-.1953125 deg) skewY(-.1953125 deg)
}
} @keyframes jello {
0 % , 11.1 % , to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
22.2 % {
-webkit - transform: skewX(-12.5 deg) skewY(-12.5 deg);transform: skewX(-12.5 deg) skewY(-12.5 deg)
}
33.3 % {
-webkit - transform: skewX(6.25 deg) skewY(6.25 deg);transform: skewX(6.25 deg) skewY(6.25 deg)
}
44.4 % {
-webkit - transform: skewX(-3.125 deg) skewY(-3.125 deg);transform: skewX(-3.125 deg) skewY(-3.125 deg)
}
55.5 % {
-webkit - transform: skewX(1.5625 deg) skewY(1.5625 deg);transform: skewX(1.5625 deg) skewY(1.5625 deg)
}
66.6 % {
-webkit - transform: skewX(-.78125 deg) skewY(-.78125 deg);transform: skewX(-.78125 deg) skewY(-.78125 deg)
}
77.7 % {
-webkit - transform: skewX(.390625 deg) skewY(.390625 deg);transform: skewX(.390625 deg) skewY(.390625 deg)
}
88.8 % {
-webkit - transform: skewX(-.1953125 deg) skewY(-.1953125 deg);transform: skewX(-.1953125 deg) skewY(-.1953125 deg)
}
}.animate__jello {
-webkit - animation - name: jello; animation - name: jello; - webkit - transform - origin: center; transform - origin: center
} @ - webkit - keyframes heartBeat {
0 % {
-webkit - transform: scale(1);transform: scale(1)
}
14 % {
-webkit - transform: scale(1.3);transform: scale(1.3)
}
28 % {
-webkit - transform: scale(1);transform: scale(1)
}
42 % {
-webkit - transform: scale(1.3);transform: scale(1.3)
}
70 % {
-webkit - transform: scale(1);transform: scale(1)
}
} @keyframes heartBeat {
0 % {
-webkit - transform: scale(1);transform: scale(1)
}
14 % {
-webkit - transform: scale(1.3);transform: scale(1.3)
}
28 % {
-webkit - transform: scale(1);transform: scale(1)
}
42 % {
-webkit - transform: scale(1.3);transform: scale(1.3)
}
70 % {
-webkit - transform: scale(1);transform: scale(1)
}
}.animate__heartBeat {
-webkit - animation - name: heartBeat; animation - name: heartBeat; - webkit - animation - duration: 1.3 s; animation - duration: 1.3 s; - webkit - animation - duration: calc(var (--animate - duration) * 1.3); animation - duration: calc(var (--animate - duration) * 1.3); - webkit - animation - timing - function: ease - in -out; animation - timing - function: ease - in -out
} @ - webkit - keyframes backInDown {
0 % {
-webkit - transform: translateY(-1200 px) scale(.7);transform: translateY(-1200 px) scale(.7);opacity: .7
}
80 % {
-webkit - transform: translateY(0) scale(.7);transform: translateY(0) scale(.7);opacity: .7
}
to {
-webkit - transform: scale(1);
transform: scale(1);
opacity: 1
}
} @keyframes backInDown {
0 % {
-webkit - transform: translateY(-1200 px) scale(.7);transform: translateY(-1200 px) scale(.7);opacity: .7
}
80 % {
-webkit - transform: translateY(0) scale(.7);transform: translateY(0) scale(.7);opacity: .7
}
to {
-webkit - transform: scale(1);
transform: scale(1);
opacity: 1
}
}.animate__backInDown {
-webkit - animation - name: backInDown; animation - name: backInDown
} @ - webkit - keyframes backInLeft {
0 % {
-webkit - transform: translateX(-2000 px) scale(.7);transform: translateX(-2000 px) scale(.7);opacity: .7
}
80 % {
-webkit - transform: translateX(0) scale(.7);transform: translateX(0) scale(.7);opacity: .7
}
to {
-webkit - transform: scale(1);
transform: scale(1);
opacity: 1
}
} @keyframes backInLeft {
0 % {
-webkit - transform: translateX(-2000 px) scale(.7);transform: translateX(-2000 px) scale(.7);opacity: .7
}
80 % {
-webkit - transform: translateX(0) scale(.7);transform: translateX(0) scale(.7);opacity: .7
}
to {
-webkit - transform: scale(1);
transform: scale(1);
opacity: 1
}
}.animate__backInLeft {
-webkit - animation - name: backInLeft; animation - name: backInLeft
} @ - webkit - keyframes backInRight {
0 % {
-webkit - transform: translateX(2000 px) scale(.7);transform: translateX(2000 px) scale(.7);opacity: .7
}
80 % {
-webkit - transform: translateX(0) scale(.7);transform: translateX(0) scale(.7);opacity: .7
}
to {
-webkit - transform: scale(1);
transform: scale(1);
opacity: 1
}
} @keyframes backInRight {
0 % {
-webkit - transform: translateX(2000 px) scale(.7);transform: translateX(2000 px) scale(.7);opacity: .7
}
80 % {
-webkit - transform: translateX(0) scale(.7);transform: translateX(0) scale(.7);opacity: .7
}
to {
-webkit - transform: scale(1);
transform: scale(1);
opacity: 1
}
}.animate__backInRight {
-webkit - animation - name: backInRight; animation - name: backInRight
} @ - webkit - keyframes backInUp {
0 % {
-webkit - transform: translateY(1200 px) scale(.7);transform: translateY(1200 px) scale(.7);opacity: .7
}
80 % {
-webkit - transform: translateY(0) scale(.7);transform: translateY(0) scale(.7);opacity: .7
}
to {
-webkit - transform: scale(1);
transform: scale(1);
opacity: 1
}
} @keyframes backInUp {
0 % {
-webkit - transform: translateY(1200 px) scale(.7);transform: translateY(1200 px) scale(.7);opacity: .7
}
80 % {
-webkit - transform: translateY(0) scale(.7);transform: translateY(0) scale(.7);opacity: .7
}
to {
-webkit - transform: scale(1);
transform: scale(1);
opacity: 1
}
}.animate__backInUp {
-webkit - animation - name: backInUp; animation - name: backInUp
} @ - webkit - keyframes backOutDown {
0 % {
-webkit - transform: scale(1);transform: scale(1);opacity: 1
}
20 % {
-webkit - transform: translateY(0) scale(.7);transform: translateY(0) scale(.7);opacity: .7
}
to {
-webkit - transform: translateY(700 px) scale(.7);
transform: translateY(700 px) scale(.7);
opacity: .7
}
} @keyframes backOutDown {
0 % {
-webkit - transform: scale(1);transform: scale(1);opacity: 1
}
20 % {
-webkit - transform: translateY(0) scale(.7);transform: translateY(0) scale(.7);opacity: .7
}
to {
-webkit - transform: translateY(700 px) scale(.7);
transform: translateY(700 px) scale(.7);
opacity: .7
}
}.animate__backOutDown {
-webkit - animation - name: backOutDown; animation - name: backOutDown
} @ - webkit - keyframes backOutLeft {
0 % {
-webkit - transform: scale(1);transform: scale(1);opacity: 1
}
20 % {
-webkit - transform: translateX(0) scale(.7);transform: translateX(0) scale(.7);opacity: .7
}
to {
-webkit - transform: translateX(-2000 px) scale(.7);
transform: translateX(-2000 px) scale(.7);
opacity: .7
}
} @keyframes backOutLeft {
0 % {
-webkit - transform: scale(1);transform: scale(1);opacity: 1
}
20 % {
-webkit - transform: translateX(0) scale(.7);transform: translateX(0) scale(.7);opacity: .7
}
to {
-webkit - transform: translateX(-2000 px) scale(.7);
transform: translateX(-2000 px) scale(.7);
opacity: .7
}
}.animate__backOutLeft {
-webkit - animation - name: backOutLeft; animation - name: backOutLeft
} @ - webkit - keyframes backOutRight {
0 % {
-webkit - transform: scale(1);transform: scale(1);opacity: 1
}
20 % {
-webkit - transform: translateX(0) scale(.7);transform: translateX(0) scale(.7);opacity: .7
}
to {
-webkit - transform: translateX(2000 px) scale(.7);
transform: translateX(2000 px) scale(.7);
opacity: .7
}
} @keyframes backOutRight {
0 % {
-webkit - transform: scale(1);transform: scale(1);opacity: 1
}
20 % {
-webkit - transform: translateX(0) scale(.7);transform: translateX(0) scale(.7);opacity: .7
}
to {
-webkit - transform: translateX(2000 px) scale(.7);
transform: translateX(2000 px) scale(.7);
opacity: .7
}
}.animate__backOutRight {
-webkit - animation - name: backOutRight; animation - name: backOutRight
} @ - webkit - keyframes backOutUp {
0 % {
-webkit - transform: scale(1);transform: scale(1);opacity: 1
}
20 % {
-webkit - transform: translateY(0) scale(.7);transform: translateY(0) scale(.7);opacity: .7
}
to {
-webkit - transform: translateY(-700 px) scale(.7);
transform: translateY(-700 px) scale(.7);
opacity: .7
}
} @keyframes backOutUp {
0 % {
-webkit - transform: scale(1);transform: scale(1);opacity: 1
}
20 % {
-webkit - transform: translateY(0) scale(.7);transform: translateY(0) scale(.7);opacity: .7
}
to {
-webkit - transform: translateY(-700 px) scale(.7);
transform: translateY(-700 px) scale(.7);
opacity: .7
}
}.animate__backOutUp {
-webkit - animation - name: backOutUp; animation - name: backOutUp
} @ - webkit - keyframes bounceIn {
0 % , 20 % , 40 % , 60 % , 80 % , to {
-webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1);
animation - timing - function: cubic - bezier(.215, .61, .355, 1)
}
0 % {
opacity: 0; - webkit - transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3)
}
20 % {
-webkit - transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1)
}
40 % {
-webkit - transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9)
}
60 % {
opacity: 1; - webkit - transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03)
}
80 % {
-webkit - transform: scale3d(.97, .97, .97);transform: scale3d(.97, .97, .97)
}
to {
opacity: 1; - webkit - transform: scaleX(1);transform: scaleX(1)
}
} @keyframes bounceIn {
0 % , 20 % , 40 % , 60 % , 80 % , to {
-webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1);
animation - timing - function: cubic - bezier(.215, .61, .355, 1)
}
0 % {
opacity: 0; - webkit - transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3)
}
20 % {
-webkit - transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1)
}
40 % {
-webkit - transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9)
}
60 % {
opacity: 1; - webkit - transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03)
}
80 % {
-webkit - transform: scale3d(.97, .97, .97);transform: scale3d(.97, .97, .97)
}
to {
opacity: 1; - webkit - transform: scaleX(1);transform: scaleX(1)
}
}.animate__bounceIn {
-webkit - animation - duration: .75 s; animation - duration: .75 s; - webkit - animation - duration: calc(var (--animate - duration) * .75); animation - duration: calc(var (--animate - duration) * .75); - webkit - animation - name: bounceIn; animation - name: bounceIn
} @ - webkit - keyframes bounceInDown {
0 % , 60 % , 75 % , 90 % , to {
-webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1);
animation - timing - function: cubic - bezier(.215, .61, .355, 1)
}
0 % {
opacity: 0; - webkit - transform: translate3d(0, -3000 px, 0) scaleY(3);transform: translate3d(0, -3000 px, 0) scaleY(3)
}
60 % {
opacity: 1; - webkit - transform: translate3d(0, 25 px, 0) scaleY(.9);transform: translate3d(0, 25 px, 0) scaleY(.9)
}
75 % {
-webkit - transform: translate3d(0, -10 px, 0) scaleY(.95);transform: translate3d(0, -10 px, 0) scaleY(.95)
}
90 % {
-webkit - transform: translate3d(0, 5 px, 0) scaleY(.985);transform: translate3d(0, 5 px, 0) scaleY(.985)
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
} @keyframes bounceInDown {
0 % , 60 % , 75 % , 90 % , to {
-webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1);
animation - timing - function: cubic - bezier(.215, .61, .355, 1)
}
0 % {
opacity: 0; - webkit - transform: translate3d(0, -3000 px, 0) scaleY(3);transform: translate3d(0, -3000 px, 0) scaleY(3)
}
60 % {
opacity: 1; - webkit - transform: translate3d(0, 25 px, 0) scaleY(.9);transform: translate3d(0, 25 px, 0) scaleY(.9)
}
75 % {
-webkit - transform: translate3d(0, -10 px, 0) scaleY(.95);transform: translate3d(0, -10 px, 0) scaleY(.95)
}
90 % {
-webkit - transform: translate3d(0, 5 px, 0) scaleY(.985);transform: translate3d(0, 5 px, 0) scaleY(.985)
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
}.animate__bounceInDown {
-webkit - animation - name: bounceInDown; animation - name: bounceInDown
} @ - webkit - keyframes bounceInLeft {
0 % , 60 % , 75 % , 90 % , to {
-webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1);
animation - timing - function: cubic - bezier(.215, .61, .355, 1)
}
0 % {
opacity: 0; - webkit - transform: translate3d(-3000 px, 0, 0) scaleX(3);transform: translate3d(-3000 px, 0, 0) scaleX(3)
}
60 % {
opacity: 1; - webkit - transform: translate3d(25 px, 0, 0) scaleX(1);transform: translate3d(25 px, 0, 0) scaleX(1)
}
75 % {
-webkit - transform: translate3d(-10 px, 0, 0) scaleX(.98);transform: translate3d(-10 px, 0, 0) scaleX(.98)
}
90 % {
-webkit - transform: translate3d(5 px, 0, 0) scaleX(.995);transform: translate3d(5 px, 0, 0) scaleX(.995)
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
} @keyframes bounceInLeft {
0 % , 60 % , 75 % , 90 % , to {
-webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1);
animation - timing - function: cubic - bezier(.215, .61, .355, 1)
}
0 % {
opacity: 0; - webkit - transform: translate3d(-3000 px, 0, 0) scaleX(3);transform: translate3d(-3000 px, 0, 0) scaleX(3)
}
60 % {
opacity: 1; - webkit - transform: translate3d(25 px, 0, 0) scaleX(1);transform: translate3d(25 px, 0, 0) scaleX(1)
}
75 % {
-webkit - transform: translate3d(-10 px, 0, 0) scaleX(.98);transform: translate3d(-10 px, 0, 0) scaleX(.98)
}
90 % {
-webkit - transform: translate3d(5 px, 0, 0) scaleX(.995);transform: translate3d(5 px, 0, 0) scaleX(.995)
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
}.animate__bounceInLeft {
-webkit - animation - name: bounceInLeft; animation - name: bounceInLeft
} @ - webkit - keyframes bounceInRight {
0 % , 60 % , 75 % , 90 % , to {
-webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1);
animation - timing - function: cubic - bezier(.215, .61, .355, 1)
}
0 % {
opacity: 0; - webkit - transform: translate3d(3000 px, 0, 0) scaleX(3);transform: translate3d(3000 px, 0, 0) scaleX(3)
}
60 % {
opacity: 1; - webkit - transform: translate3d(-25 px, 0, 0) scaleX(1);transform: translate3d(-25 px, 0, 0) scaleX(1)
}
75 % {
-webkit - transform: translate3d(10 px, 0, 0) scaleX(.98);transform: translate3d(10 px, 0, 0) scaleX(.98)
}
90 % {
-webkit - transform: translate3d(-5 px, 0, 0) scaleX(.995);transform: translate3d(-5 px, 0, 0) scaleX(.995)
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
} @keyframes bounceInRight {
0 % , 60 % , 75 % , 90 % , to {
-webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1);
animation - timing - function: cubic - bezier(.215, .61, .355, 1)
}
0 % {
opacity: 0; - webkit - transform: translate3d(3000 px, 0, 0) scaleX(3);transform: translate3d(3000 px, 0, 0) scaleX(3)
}
60 % {
opacity: 1; - webkit - transform: translate3d(-25 px, 0, 0) scaleX(1);transform: translate3d(-25 px, 0, 0) scaleX(1)
}
75 % {
-webkit - transform: translate3d(10 px, 0, 0) scaleX(.98);transform: translate3d(10 px, 0, 0) scaleX(.98)
}
90 % {
-webkit - transform: translate3d(-5 px, 0, 0) scaleX(.995);transform: translate3d(-5 px, 0, 0) scaleX(.995)
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
}.animate__bounceInRight {
-webkit - animation - name: bounceInRight; animation - name: bounceInRight
} @ - webkit - keyframes bounceInUp {
0 % , 60 % , 75 % , 90 % , to {
-webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1);
animation - timing - function: cubic - bezier(.215, .61, .355, 1)
}
0 % {
opacity: 0; - webkit - transform: translate3d(0, 3000 px, 0) scaleY(5);transform: translate3d(0, 3000 px, 0) scaleY(5)
}
60 % {
opacity: 1; - webkit - transform: translate3d(0, -20 px, 0) scaleY(.9);transform: translate3d(0, -20 px, 0) scaleY(.9)
}
75 % {
-webkit - transform: translate3d(0, 10 px, 0) scaleY(.95);transform: translate3d(0, 10 px, 0) scaleY(.95)
}
90 % {
-webkit - transform: translate3d(0, -5 px, 0) scaleY(.985);transform: translate3d(0, -5 px, 0) scaleY(.985)
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
} @keyframes bounceInUp {
0 % , 60 % , 75 % , 90 % , to {
-webkit - animation - timing - function: cubic - bezier(.215, .61, .355, 1);
animation - timing - function: cubic - bezier(.215, .61, .355, 1)
}
0 % {
opacity: 0; - webkit - transform: translate3d(0, 3000 px, 0) scaleY(5);transform: translate3d(0, 3000 px, 0) scaleY(5)
}
60 % {
opacity: 1; - webkit - transform: translate3d(0, -20 px, 0) scaleY(.9);transform: translate3d(0, -20 px, 0) scaleY(.9)
}
75 % {
-webkit - transform: translate3d(0, 10 px, 0) scaleY(.95);transform: translate3d(0, 10 px, 0) scaleY(.95)
}
90 % {
-webkit - transform: translate3d(0, -5 px, 0) scaleY(.985);transform: translate3d(0, -5 px, 0) scaleY(.985)
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
}.animate__bounceInUp {
-webkit - animation - name: bounceInUp; animation - name: bounceInUp
} @ - webkit - keyframes bounceOut {
20 % {
-webkit - transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9)
}
50 % , 55 % {
opacity: 1; - webkit - transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0; - webkit - transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3)
}
} @keyframes bounceOut {
20 % {
-webkit - transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9)
}
50 % , 55 % {
opacity: 1; - webkit - transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0; - webkit - transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3)
}
}.animate__bounceOut {
-webkit - animation - duration: .75 s; animation - duration: .75 s; - webkit - animation - duration: calc(var (--animate - duration) * .75); animation - duration: calc(var (--animate - duration) * .75); - webkit - animation - name: bounceOut; animation - name: bounceOut
} @ - webkit - keyframes bounceOutDown {
20 % {
-webkit - transform: translate3d(0, 10 px, 0) scaleY(.985);transform: translate3d(0, 10 px, 0) scaleY(.985)
}
40 % , 45 % {
opacity: 1; - webkit - transform: translate3d(0, -20 px, 0) scaleY(.9);transform: translate3d(0, -20 px, 0) scaleY(.9)
}
to {
opacity: 0; - webkit - transform: translate3d(0, 2000 px, 0) scaleY(3);transform: translate3d(0, 2000 px, 0) scaleY(3)
}
} @keyframes bounceOutDown {
20 % {
-webkit - transform: translate3d(0, 10 px, 0) scaleY(.985);transform: translate3d(0, 10 px, 0) scaleY(.985)
}
40 % , 45 % {
opacity: 1; - webkit - transform: translate3d(0, -20 px, 0) scaleY(.9);transform: translate3d(0, -20 px, 0) scaleY(.9)
}
to {
opacity: 0; - webkit - transform: translate3d(0, 2000 px, 0) scaleY(3);transform: translate3d(0, 2000 px, 0) scaleY(3)
}
}.animate__bounceOutDown {
-webkit - animation - name: bounceOutDown; animation - name: bounceOutDown
} @ - webkit - keyframes bounceOutLeft {
20 % {
opacity: 1; - webkit - transform: translate3d(20 px, 0, 0) scaleX(.9);transform: translate3d(20 px, 0, 0) scaleX(.9)
}
to {
opacity: 0; - webkit - transform: translate3d(-2000 px, 0, 0) scaleX(2);transform: translate3d(-2000 px, 0, 0) scaleX(2)
}
} @keyframes bounceOutLeft {
20 % {
opacity: 1; - webkit - transform: translate3d(20 px, 0, 0) scaleX(.9);transform: translate3d(20 px, 0, 0) scaleX(.9)
}
to {
opacity: 0; - webkit - transform: translate3d(-2000 px, 0, 0) scaleX(2);transform: translate3d(-2000 px, 0, 0) scaleX(2)
}
}.animate__bounceOutLeft {
-webkit - animation - name: bounceOutLeft; animation - name: bounceOutLeft
} @ - webkit - keyframes bounceOutRight {
20 % {
opacity: 1; - webkit - transform: translate3d(-20 px, 0, 0) scaleX(.9);transform: translate3d(-20 px, 0, 0) scaleX(.9)
}
to {
opacity: 0; - webkit - transform: translate3d(2000 px, 0, 0) scaleX(2);transform: translate3d(2000 px, 0, 0) scaleX(2)
}
} @keyframes bounceOutRight {
20 % {
opacity: 1; - webkit - transform: translate3d(-20 px, 0, 0) scaleX(.9);transform: translate3d(-20 px, 0, 0) scaleX(.9)
}
to {
opacity: 0; - webkit - transform: translate3d(2000 px, 0, 0) scaleX(2);transform: translate3d(2000 px, 0, 0) scaleX(2)
}
}.animate__bounceOutRight {
-webkit - animation - name: bounceOutRight; animation - name: bounceOutRight
} @ - webkit - keyframes bounceOutUp {
20 % {
-webkit - transform: translate3d(0, -10 px, 0) scaleY(.985);transform: translate3d(0, -10 px, 0) scaleY(.985)
}
40 % , 45 % {
opacity: 1; - webkit - transform: translate3d(0, 20 px, 0) scaleY(.9);transform: translate3d(0, 20 px, 0) scaleY(.9)
}
to {
opacity: 0; - webkit - transform: translate3d(0, -2000 px, 0) scaleY(3);transform: translate3d(0, -2000 px, 0) scaleY(3)
}
} @keyframes bounceOutUp {
20 % {
-webkit - transform: translate3d(0, -10 px, 0) scaleY(.985);transform: translate3d(0, -10 px, 0) scaleY(.985)
}
40 % , 45 % {
opacity: 1; - webkit - transform: translate3d(0, 20 px, 0) scaleY(.9);transform: translate3d(0, 20 px, 0) scaleY(.9)
}
to {
opacity: 0; - webkit - transform: translate3d(0, -2000 px, 0) scaleY(3);transform: translate3d(0, -2000 px, 0) scaleY(3)
}
}.animate__bounceOutUp {
-webkit - animation - name: bounceOutUp; animation - name: bounceOutUp
} @ - webkit - keyframes fadeIn {
0 % {
opacity: 0
}
to {
opacity: 1
}
} @keyframes fadeIn {
0 % {
opacity: 0
}
to {
opacity: 1
}
}.animate__fadeIn {
-webkit - animation - name: fadeIn; animation - name: fadeIn
} @ - webkit - keyframes fadeInDown {
0 % {
opacity: 0; - webkit - transform: translate3d(0, -100 % , 0);transform: translate3d(0, -100 % , 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
} @keyframes fadeInDown {
0 % {
opacity: 0; - webkit - transform: translate3d(0, -100 % , 0);transform: translate3d(0, -100 % , 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
}.animate__fadeInDown {
-webkit - animation - name: fadeInDown; animation - name: fadeInDown
} @ - webkit - keyframes fadeInDownBig {
0 % {
opacity: 0; - webkit - transform: translate3d(0, -2000 px, 0);transform: translate3d(0, -2000 px, 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
} @keyframes fadeInDownBig {
0 % {
opacity: 0; - webkit - transform: translate3d(0, -2000 px, 0);transform: translate3d(0, -2000 px, 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
}.animate__fadeInDownBig {
-webkit - animation - name: fadeInDownBig; animation - name: fadeInDownBig
} @ - webkit - keyframes fadeInLeft {
0 % {
opacity: 0; - webkit - transform: translate3d(-100 % , 0, 0);transform: translate3d(-100 % , 0, 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
} @keyframes fadeInLeft {
0 % {
opacity: 0; - webkit - transform: translate3d(-100 % , 0, 0);transform: translate3d(-100 % , 0, 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
}.animate__fadeInLeft {
-webkit - animation - name: fadeInLeft; animation - name: fadeInLeft
} @ - webkit - keyframes fadeInLeftBig {
0 % {
opacity: 0; - webkit - transform: translate3d(-2000 px, 0, 0);transform: translate3d(-2000 px, 0, 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
} @keyframes fadeInLeftBig {
0 % {
opacity: 0; - webkit - transform: translate3d(-2000 px, 0, 0);transform: translate3d(-2000 px, 0, 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
}.animate__fadeInLeftBig {
-webkit - animation - name: fadeInLeftBig; animation - name: fadeInLeftBig
} @ - webkit - keyframes fadeInRight {
0 % {
opacity: 0; - webkit - transform: translate3d(100 % , 0, 0);transform: translate3d(100 % , 0, 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
} @keyframes fadeInRight {
0 % {
opacity: 0; - webkit - transform: translate3d(100 % , 0, 0);transform: translate3d(100 % , 0, 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
}.animate__fadeInRight {
-webkit - animation - name: fadeInRight; animation - name: fadeInRight
} @ - webkit - keyframes fadeInRightBig {
0 % {
opacity: 0; - webkit - transform: translate3d(2000 px, 0, 0);transform: translate3d(2000 px, 0, 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
} @keyframes fadeInRightBig {
0 % {
opacity: 0; - webkit - transform: translate3d(2000 px, 0, 0);transform: translate3d(2000 px, 0, 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
}.animate__fadeInRightBig {
-webkit - animation - name: fadeInRightBig; animation - name: fadeInRightBig
} @ - webkit - keyframes fadeInUp {
0 % {
opacity: 0; - webkit - transform: translate3d(0, 100 % , 0);transform: translate3d(0, 100 % , 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
} @keyframes fadeInUp {
0 % {
opacity: 0; - webkit - transform: translate3d(0, 100 % , 0);transform: translate3d(0, 100 % , 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
}.animate__fadeInUp {
-webkit - animation - name: fadeInUp; animation - name: fadeInUp
} @ - webkit - keyframes fadeInUpBig {
0 % {
opacity: 0; - webkit - transform: translate3d(0, 2000 px, 0);transform: translate3d(0, 2000 px, 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
} @keyframes fadeInUpBig {
0 % {
opacity: 0; - webkit - transform: translate3d(0, 2000 px, 0);transform: translate3d(0, 2000 px, 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
}.animate__fadeInUpBig {
-webkit - animation - name: fadeInUpBig; animation - name: fadeInUpBig
} @ - webkit - keyframes fadeInTopLeft {
0 % {
opacity: 0; - webkit - transform: translate3d(-100 % , -100 % , 0);transform: translate3d(-100 % , -100 % , 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
} @keyframes fadeInTopLeft {
0 % {
opacity: 0; - webkit - transform: translate3d(-100 % , -100 % , 0);transform: translate3d(-100 % , -100 % , 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
}.animate__fadeInTopLeft {
-webkit - animation - name: fadeInTopLeft; animation - name: fadeInTopLeft
} @ - webkit - keyframes fadeInTopRight {
0 % {
opacity: 0; - webkit - transform: translate3d(100 % , -100 % , 0);transform: translate3d(100 % , -100 % , 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
} @keyframes fadeInTopRight {
0 % {
opacity: 0; - webkit - transform: translate3d(100 % , -100 % , 0);transform: translate3d(100 % , -100 % , 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
}.animate__fadeInTopRight {
-webkit - animation - name: fadeInTopRight; animation - name: fadeInTopRight
} @ - webkit - keyframes fadeInBottomLeft {
0 % {
opacity: 0; - webkit - transform: translate3d(-100 % , 100 % , 0);transform: translate3d(-100 % , 100 % , 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
} @keyframes fadeInBottomLeft {
0 % {
opacity: 0; - webkit - transform: translate3d(-100 % , 100 % , 0);transform: translate3d(-100 % , 100 % , 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
}.animate__fadeInBottomLeft {
-webkit - animation - name: fadeInBottomLeft; animation - name: fadeInBottomLeft
} @ - webkit - keyframes fadeInBottomRight {
0 % {
opacity: 0; - webkit - transform: translate3d(100 % , 100 % , 0);transform: translate3d(100 % , 100 % , 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
} @keyframes fadeInBottomRight {
0 % {
opacity: 0; - webkit - transform: translate3d(100 % , 100 % , 0);transform: translate3d(100 % , 100 % , 0)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
}.animate__fadeInBottomRight {
-webkit - animation - name: fadeInBottomRight; animation - name: fadeInBottomRight
} @ - webkit - keyframes fadeOut {
0 % {
opacity: 1
}
to {
opacity: 0
}
} @keyframes fadeOut {
0 % {
opacity: 1
}
to {
opacity: 0
}
}.animate__fadeOut {
-webkit - animation - name: fadeOut; animation - name: fadeOut
} @ - webkit - keyframes fadeOutDown {
0 % {
opacity: 1
}
to {
opacity: 0; - webkit - transform: translate3d(0, 100 % , 0);transform: translate3d(0, 100 % , 0)
}
} @keyframes fadeOutDown {
0 % {
opacity: 1
}
to {
opacity: 0; - webkit - transform: translate3d(0, 100 % , 0);transform: translate3d(0, 100 % , 0)
}
}.animate__fadeOutDown {
-webkit - animation - name: fadeOutDown; animation - name: fadeOutDown
} @ - webkit - keyframes fadeOutDownBig {
0 % {
opacity: 1
}
to {
opacity: 0; - webkit - transform: translate3d(0, 2000 px, 0);transform: translate3d(0, 2000 px, 0)
}
} @keyframes fadeOutDownBig {
0 % {
opacity: 1
}
to {
opacity: 0; - webkit - transform: translate3d(0, 2000 px, 0);transform: translate3d(0, 2000 px, 0)
}
}.animate__fadeOutDownBig {
-webkit - animation - name: fadeOutDownBig; animation - name: fadeOutDownBig
} @ - webkit - keyframes fadeOutLeft {
0 % {
opacity: 1
}
to {
opacity: 0; - webkit - transform: translate3d(-100 % , 0, 0);transform: translate3d(-100 % , 0, 0)
}
} @keyframes fadeOutLeft {
0 % {
opacity: 1
}
to {
opacity: 0; - webkit - transform: translate3d(-100 % , 0, 0);transform: translate3d(-100 % , 0, 0)
}
}.animate__fadeOutLeft {
-webkit - animation - name: fadeOutLeft; animation - name: fadeOutLeft
} @ - webkit - keyframes fadeOutLeftBig {
0 % {
opacity: 1
}
to {
opacity: 0; - webkit - transform: translate3d(-2000 px, 0, 0);transform: translate3d(-2000 px, 0, 0)
}
} @keyframes fadeOutLeftBig {
0 % {
opacity: 1
}
to {
opacity: 0; - webkit - transform: translate3d(-2000 px, 0, 0);transform: translate3d(-2000 px, 0, 0)
}
}.animate__fadeOutLeftBig {
-webkit - animation - name: fadeOutLeftBig; animation - name: fadeOutLeftBig
} @ - webkit - keyframes fadeOutRight {
0 % {
opacity: 1
}
to {
opacity: 0; - webkit - transform: translate3d(100 % , 0, 0);transform: translate3d(100 % , 0, 0)
}
} @keyframes fadeOutRight {
0 % {
opacity: 1
}
to {
opacity: 0; - webkit - transform: translate3d(100 % , 0, 0);transform: translate3d(100 % , 0, 0)
}
}.animate__fadeOutRight {
-webkit - animation - name: fadeOutRight; animation - name: fadeOutRight
} @ - webkit - keyframes fadeOutRightBig {
0 % {
opacity: 1
}
to {
opacity: 0; - webkit - transform: translate3d(2000 px, 0, 0);transform: translate3d(2000 px, 0, 0)
}
} @keyframes fadeOutRightBig {
0 % {
opacity: 1
}
to {
opacity: 0; - webkit - transform: translate3d(2000 px, 0, 0);transform: translate3d(2000 px, 0, 0)
}
}.animate__fadeOutRightBig {
-webkit - animation - name: fadeOutRightBig; animation - name: fadeOutRightBig
} @ - webkit - keyframes fadeOutUp {
0 % {
opacity: 1
}
to {
opacity: 0; - webkit - transform: translate3d(0, -100 % , 0);transform: translate3d(0, -100 % , 0)
}
} @keyframes fadeOutUp {
0 % {
opacity: 1
}
to {
opacity: 0; - webkit - transform: translate3d(0, -100 % , 0);transform: translate3d(0, -100 % , 0)
}
}.animate__fadeOutUp {
-webkit - animation - name: fadeOutUp; animation - name: fadeOutUp
} @ - webkit - keyframes fadeOutUpBig {
0 % {
opacity: 1
}
to {
opacity: 0; - webkit - transform: translate3d(0, -2000 px, 0);transform: translate3d(0, -2000 px, 0)
}
} @keyframes fadeOutUpBig {
0 % {
opacity: 1
}
to {
opacity: 0; - webkit - transform: translate3d(0, -2000 px, 0);transform: translate3d(0, -2000 px, 0)
}
}.animate__fadeOutUpBig {
-webkit - animation - name: fadeOutUpBig; animation - name: fadeOutUpBig
} @ - webkit - keyframes fadeOutTopLeft {
0 % {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
to {
opacity: 0; - webkit - transform: translate3d(-100 % , -100 % , 0);transform: translate3d(-100 % , -100 % , 0)
}
} @keyframes fadeOutTopLeft {
0 % {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
to {
opacity: 0; - webkit - transform: translate3d(-100 % , -100 % , 0);transform: translate3d(-100 % , -100 % , 0)
}
}.animate__fadeOutTopLeft {
-webkit - animation - name: fadeOutTopLeft; animation - name: fadeOutTopLeft
} @ - webkit - keyframes fadeOutTopRight {
0 % {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
to {
opacity: 0; - webkit - transform: translate3d(100 % , -100 % , 0);transform: translate3d(100 % , -100 % , 0)
}
} @keyframes fadeOutTopRight {
0 % {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
to {
opacity: 0; - webkit - transform: translate3d(100 % , -100 % , 0);transform: translate3d(100 % , -100 % , 0)
}
}.animate__fadeOutTopRight {
-webkit - animation - name: fadeOutTopRight; animation - name: fadeOutTopRight
} @ - webkit - keyframes fadeOutBottomRight {
0 % {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
to {
opacity: 0; - webkit - transform: translate3d(100 % , 100 % , 0);transform: translate3d(100 % , 100 % , 0)
}
} @keyframes fadeOutBottomRight {
0 % {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
to {
opacity: 0; - webkit - transform: translate3d(100 % , 100 % , 0);transform: translate3d(100 % , 100 % , 0)
}
}.animate__fadeOutBottomRight {
-webkit - animation - name: fadeOutBottomRight; animation - name: fadeOutBottomRight
} @ - webkit - keyframes fadeOutBottomLeft {
0 % {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
to {
opacity: 0; - webkit - transform: translate3d(-100 % , 100 % , 0);transform: translate3d(-100 % , 100 % , 0)
}
} @keyframes fadeOutBottomLeft {
0 % {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
to {
opacity: 0; - webkit - transform: translate3d(-100 % , 100 % , 0);transform: translate3d(-100 % , 100 % , 0)
}
}.animate__fadeOutBottomLeft {
-webkit - animation - name: fadeOutBottomLeft; animation - name: fadeOutBottomLeft
} @ - webkit - keyframes flip {
0 % {
-webkit - transform: perspective(400 px) scaleX(1) translateZ(0) rotateY(-1 turn);transform: perspective(400 px) scaleX(1) translateZ(0) rotateY(-1 turn); - webkit - animation - timing - function: ease - out;animation - timing - function: ease - out
}
40 % {
-webkit - transform: perspective(400 px) scaleX(1) translateZ(150 px) rotateY(-190 deg);transform: perspective(400 px) scaleX(1) translateZ(150 px) rotateY(-190 deg); - webkit - animation - timing - function: ease - out;animation - timing - function: ease - out
}
50 % {
-webkit - transform: perspective(400 px) scaleX(1) translateZ(150 px) rotateY(-170 deg);transform: perspective(400 px) scaleX(1) translateZ(150 px) rotateY(-170 deg); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in
}
80 % {
-webkit - transform: perspective(400 px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);transform: perspective(400 px) scale3d(.95, .95, .95) translateZ(0) rotateY(0); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in
}
to {
-webkit - transform: perspective(400 px) scaleX(1) translateZ(0) rotateY(0);
transform: perspective(400 px) scaleX(1) translateZ(0) rotateY(0); - webkit - animation - timing - function: ease - in ;
animation - timing - function: ease - in
}
} @keyframes flip {
0 % {
-webkit - transform: perspective(400 px) scaleX(1) translateZ(0) rotateY(-1 turn);transform: perspective(400 px) scaleX(1) translateZ(0) rotateY(-1 turn); - webkit - animation - timing - function: ease - out;animation - timing - function: ease - out
}
40 % {
-webkit - transform: perspective(400 px) scaleX(1) translateZ(150 px) rotateY(-190 deg);transform: perspective(400 px) scaleX(1) translateZ(150 px) rotateY(-190 deg); - webkit - animation - timing - function: ease - out;animation - timing - function: ease - out
}
50 % {
-webkit - transform: perspective(400 px) scaleX(1) translateZ(150 px) rotateY(-170 deg);transform: perspective(400 px) scaleX(1) translateZ(150 px) rotateY(-170 deg); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in
}
80 % {
-webkit - transform: perspective(400 px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);transform: perspective(400 px) scale3d(.95, .95, .95) translateZ(0) rotateY(0); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in
}
to {
-webkit - transform: perspective(400 px) scaleX(1) translateZ(0) rotateY(0);
transform: perspective(400 px) scaleX(1) translateZ(0) rotateY(0); - webkit - animation - timing - function: ease - in ;
animation - timing - function: ease - in
}
}.animate__animated.animate__flip {
-webkit - backface - visibility: visible; backface - visibility: visible; - webkit - animation - name: flip; animation - name: flip
} @ - webkit - keyframes flipInX {
0 % {
-webkit - transform: perspective(400 px) rotateX(90 deg);transform: perspective(400 px) rotateX(90 deg); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in ;opacity: 0
}
40 % {
-webkit - transform: perspective(400 px) rotateX(-20 deg);transform: perspective(400 px) rotateX(-20 deg); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in
}
60 % {
-webkit - transform: perspective(400 px) rotateX(10 deg);transform: perspective(400 px) rotateX(10 deg);opacity: 1
}
80 % {
-webkit - transform: perspective(400 px) rotateX(-5 deg);transform: perspective(400 px) rotateX(-5 deg)
}
to {
-webkit - transform: perspective(400 px);
transform: perspective(400 px)
}
} @keyframes flipInX {
0 % {
-webkit - transform: perspective(400 px) rotateX(90 deg);transform: perspective(400 px) rotateX(90 deg); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in ;opacity: 0
}
40 % {
-webkit - transform: perspective(400 px) rotateX(-20 deg);transform: perspective(400 px) rotateX(-20 deg); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in
}
60 % {
-webkit - transform: perspective(400 px) rotateX(10 deg);transform: perspective(400 px) rotateX(10 deg);opacity: 1
}
80 % {
-webkit - transform: perspective(400 px) rotateX(-5 deg);transform: perspective(400 px) rotateX(-5 deg)
}
to {
-webkit - transform: perspective(400 px);
transform: perspective(400 px)
}
}.animate__flipInX {
-webkit - backface - visibility: visible!important; backface - visibility: visible!important; - webkit - animation - name: flipInX; animation - name: flipInX
} @ - webkit - keyframes flipInY {
0 % {
-webkit - transform: perspective(400 px) rotateY(90 deg);transform: perspective(400 px) rotateY(90 deg); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in ;opacity: 0
}
40 % {
-webkit - transform: perspective(400 px) rotateY(-20 deg);transform: perspective(400 px) rotateY(-20 deg); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in
}
60 % {
-webkit - transform: perspective(400 px) rotateY(10 deg);transform: perspective(400 px) rotateY(10 deg);opacity: 1
}
80 % {
-webkit - transform: perspective(400 px) rotateY(-5 deg);transform: perspective(400 px) rotateY(-5 deg)
}
to {
-webkit - transform: perspective(400 px);
transform: perspective(400 px)
}
} @keyframes flipInY {
0 % {
-webkit - transform: perspective(400 px) rotateY(90 deg);transform: perspective(400 px) rotateY(90 deg); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in ;opacity: 0
}
40 % {
-webkit - transform: perspective(400 px) rotateY(-20 deg);transform: perspective(400 px) rotateY(-20 deg); - webkit - animation - timing - function: ease - in ;animation - timing - function: ease - in
}
60 % {
-webkit - transform: perspective(400 px) rotateY(10 deg);transform: perspective(400 px) rotateY(10 deg);opacity: 1
}
80 % {
-webkit - transform: perspective(400 px) rotateY(-5 deg);transform: perspective(400 px) rotateY(-5 deg)
}
to {
-webkit - transform: perspective(400 px);
transform: perspective(400 px)
}
}.animate__flipInY {
-webkit - backface - visibility: visible!important; backface - visibility: visible!important; - webkit - animation - name: flipInY; animation - name: flipInY
} @ - webkit - keyframes flipOutX {
0 % {
-webkit - transform: perspective(400 px);transform: perspective(400 px)
}
30 % {
-webkit - transform: perspective(400 px) rotateX(-20 deg);transform: perspective(400 px) rotateX(-20 deg);opacity: 1
}
to {
-webkit - transform: perspective(400 px) rotateX(90 deg);
transform: perspective(400 px) rotateX(90 deg);
opacity: 0
}
} @keyframes flipOutX {
0 % {
-webkit - transform: perspective(400 px);transform: perspective(400 px)
}
30 % {
-webkit - transform: perspective(400 px) rotateX(-20 deg);transform: perspective(400 px) rotateX(-20 deg);opacity: 1
}
to {
-webkit - transform: perspective(400 px) rotateX(90 deg);
transform: perspective(400 px) rotateX(90 deg);
opacity: 0
}
}.animate__flipOutX {
-webkit - animation - duration: .75 s; animation - duration: .75 s; - webkit - animation - duration: calc(var (--animate - duration) * .75); animation - duration: calc(var (--animate - duration) * .75); - webkit - animation - name: flipOutX; animation - name: flipOutX; - webkit - backface - visibility: visible!important; backface - visibility: visible!important
} @ - webkit - keyframes flipOutY {
0 % {
-webkit - transform: perspective(400 px);transform: perspective(400 px)
}
30 % {
-webkit - transform: perspective(400 px) rotateY(-15 deg);transform: perspective(400 px) rotateY(-15 deg);opacity: 1
}
to {
-webkit - transform: perspective(400 px) rotateY(90 deg);
transform: perspective(400 px) rotateY(90 deg);
opacity: 0
}
} @keyframes flipOutY {
0 % {
-webkit - transform: perspective(400 px);transform: perspective(400 px)
}
30 % {
-webkit - transform: perspective(400 px) rotateY(-15 deg);transform: perspective(400 px) rotateY(-15 deg);opacity: 1
}
to {
-webkit - transform: perspective(400 px) rotateY(90 deg);
transform: perspective(400 px) rotateY(90 deg);
opacity: 0
}
}.animate__flipOutY {
-webkit - animation - duration: .75 s; animation - duration: .75 s; - webkit - animation - duration: calc(var (--animate - duration) * .75); animation - duration: calc(var (--animate - duration) * .75); - webkit - backface - visibility: visible!important; backface - visibility: visible!important; - webkit - animation - name: flipOutY; animation - name: flipOutY
} @ - webkit - keyframes lightSpeedInRight {
0 % {
-webkit - transform: translate3d(100 % , 0, 0) skewX(-30 deg);transform: translate3d(100 % , 0, 0) skewX(-30 deg);opacity: 0
}
60 % {
-webkit - transform: skewX(20 deg);transform: skewX(20 deg);opacity: 1
}
80 % {
-webkit - transform: skewX(-5 deg);transform: skewX(-5 deg)
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
} @keyframes lightSpeedInRight {
0 % {
-webkit - transform: translate3d(100 % , 0, 0) skewX(-30 deg);transform: translate3d(100 % , 0, 0) skewX(-30 deg);opacity: 0
}
60 % {
-webkit - transform: skewX(20 deg);transform: skewX(20 deg);opacity: 1
}
80 % {
-webkit - transform: skewX(-5 deg);transform: skewX(-5 deg)
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
}.animate__lightSpeedInRight {
-webkit - animation - name: lightSpeedInRight; animation - name: lightSpeedInRight; - webkit - animation - timing - function: ease - out; animation - timing - function: ease - out
} @ - webkit - keyframes lightSpeedInLeft {
0 % {
-webkit - transform: translate3d(-100 % , 0, 0) skewX(30 deg);transform: translate3d(-100 % , 0, 0) skewX(30 deg);opacity: 0
}
60 % {
-webkit - transform: skewX(-20 deg);transform: skewX(-20 deg);opacity: 1
}
80 % {
-webkit - transform: skewX(5 deg);transform: skewX(5 deg)
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
} @keyframes lightSpeedInLeft {
0 % {
-webkit - transform: translate3d(-100 % , 0, 0) skewX(30 deg);transform: translate3d(-100 % , 0, 0) skewX(30 deg);opacity: 0
}
60 % {
-webkit - transform: skewX(-20 deg);transform: skewX(-20 deg);opacity: 1
}
80 % {
-webkit - transform: skewX(5 deg);transform: skewX(5 deg)
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
}.animate__lightSpeedInLeft {
-webkit - animation - name: lightSpeedInLeft; animation - name: lightSpeedInLeft; - webkit - animation - timing - function: ease - out; animation - timing - function: ease - out
} @ - webkit - keyframes lightSpeedOutRight {
0 % {
opacity: 1
}
to {
-webkit - transform: translate3d(100 % , 0, 0) skewX(30 deg);
transform: translate3d(100 % , 0, 0) skewX(30 deg);
opacity: 0
}
} @keyframes lightSpeedOutRight {
0 % {
opacity: 1
}
to {
-webkit - transform: translate3d(100 % , 0, 0) skewX(30 deg);
transform: translate3d(100 % , 0, 0) skewX(30 deg);
opacity: 0
}
}.animate__lightSpeedOutRight {
-webkit - animation - name: lightSpeedOutRight; animation - name: lightSpeedOutRight; - webkit - animation - timing - function: ease - in ; animation - timing - function: ease - in
} @ - webkit - keyframes lightSpeedOutLeft {
0 % {
opacity: 1
}
to {
-webkit - transform: translate3d(-100 % , 0, 0) skewX(-30 deg);
transform: translate3d(-100 % , 0, 0) skewX(-30 deg);
opacity: 0
}
} @keyframes lightSpeedOutLeft {
0 % {
opacity: 1
}
to {
-webkit - transform: translate3d(-100 % , 0, 0) skewX(-30 deg);
transform: translate3d(-100 % , 0, 0) skewX(-30 deg);
opacity: 0
}
}.animate__lightSpeedOutLeft {
-webkit - animation - name: lightSpeedOutLeft; animation - name: lightSpeedOutLeft; - webkit - animation - timing - function: ease - in ; animation - timing - function: ease - in
} @ - webkit - keyframes rotateIn {
0 % {
-webkit - transform: rotate(-200 deg);transform: rotate(-200 deg);opacity: 0
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
} @keyframes rotateIn {
0 % {
-webkit - transform: rotate(-200 deg);transform: rotate(-200 deg);opacity: 0
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}.animate__rotateIn {
-webkit - animation - name: rotateIn; animation - name: rotateIn; - webkit - transform - origin: center; transform - origin: center
} @ - webkit - keyframes rotateInDownLeft {
0 % {
-webkit - transform: rotate(-45 deg);transform: rotate(-45 deg);opacity: 0
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
} @keyframes rotateInDownLeft {
0 % {
-webkit - transform: rotate(-45 deg);transform: rotate(-45 deg);opacity: 0
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}.animate__rotateInDownLeft {
-webkit - animation - name: rotateInDownLeft; animation - name: rotateInDownLeft; - webkit - transform - origin: left bottom; transform - origin: left bottom
} @ - webkit - keyframes rotateInDownRight {
0 % {
-webkit - transform: rotate(45 deg);transform: rotate(45 deg);opacity: 0
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
} @keyframes rotateInDownRight {
0 % {
-webkit - transform: rotate(45 deg);transform: rotate(45 deg);opacity: 0
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}.animate__rotateInDownRight {
-webkit - animation - name: rotateInDownRight; animation - name: rotateInDownRight; - webkit - transform - origin: right bottom; transform - origin: right bottom
} @ - webkit - keyframes rotateInUpLeft {
0 % {
-webkit - transform: rotate(45 deg);transform: rotate(45 deg);opacity: 0
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
} @keyframes rotateInUpLeft {
0 % {
-webkit - transform: rotate(45 deg);transform: rotate(45 deg);opacity: 0
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}.animate__rotateInUpLeft {
-webkit - animation - name: rotateInUpLeft; animation - name: rotateInUpLeft; - webkit - transform - origin: left bottom; transform - origin: left bottom
} @ - webkit - keyframes rotateInUpRight {
0 % {
-webkit - transform: rotate(-90 deg);transform: rotate(-90 deg);opacity: 0
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
} @keyframes rotateInUpRight {
0 % {
-webkit - transform: rotate(-90 deg);transform: rotate(-90 deg);opacity: 0
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
}.animate__rotateInUpRight {
-webkit - animation - name: rotateInUpRight; animation - name: rotateInUpRight; - webkit - transform - origin: right bottom; transform - origin: right bottom
} @ - webkit - keyframes rotateOut {
0 % {
opacity: 1
}
to {
-webkit - transform: rotate(200 deg);
transform: rotate(200 deg);
opacity: 0
}
} @keyframes rotateOut {
0 % {
opacity: 1
}
to {
-webkit - transform: rotate(200 deg);
transform: rotate(200 deg);
opacity: 0
}
}.animate__rotateOut {
-webkit - animation - name: rotateOut; animation - name: rotateOut; - webkit - transform - origin: center; transform - origin: center
} @ - webkit - keyframes rotateOutDownLeft {
0 % {
opacity: 1
}
to {
-webkit - transform: rotate(45 deg);
transform: rotate(45 deg);
opacity: 0
}
} @keyframes rotateOutDownLeft {
0 % {
opacity: 1
}
to {
-webkit - transform: rotate(45 deg);
transform: rotate(45 deg);
opacity: 0
}
}.animate__rotateOutDownLeft {
-webkit - animation - name: rotateOutDownLeft; animation - name: rotateOutDownLeft; - webkit - transform - origin: left bottom; transform - origin: left bottom
} @ - webkit - keyframes rotateOutDownRight {
0 % {
opacity: 1
}
to {
-webkit - transform: rotate(-45 deg);
transform: rotate(-45 deg);
opacity: 0
}
} @keyframes rotateOutDownRight {
0 % {
opacity: 1
}
to {
-webkit - transform: rotate(-45 deg);
transform: rotate(-45 deg);
opacity: 0
}
}.animate__rotateOutDownRight {
-webkit - animation - name: rotateOutDownRight; animation - name: rotateOutDownRight; - webkit - transform - origin: right bottom; transform - origin: right bottom
} @ - webkit - keyframes rotateOutUpLeft {
0 % {
opacity: 1
}
to {
-webkit - transform: rotate(-45 deg);
transform: rotate(-45 deg);
opacity: 0
}
} @keyframes rotateOutUpLeft {
0 % {
opacity: 1
}
to {
-webkit - transform: rotate(-45 deg);
transform: rotate(-45 deg);
opacity: 0
}
}.animate__rotateOutUpLeft {
-webkit - animation - name: rotateOutUpLeft; animation - name: rotateOutUpLeft; - webkit - transform - origin: left bottom; transform - origin: left bottom
} @ - webkit - keyframes rotateOutUpRight {
0 % {
opacity: 1
}
to {
-webkit - transform: rotate(90 deg);
transform: rotate(90 deg);
opacity: 0
}
} @keyframes rotateOutUpRight {
0 % {
opacity: 1
}
to {
-webkit - transform: rotate(90 deg);
transform: rotate(90 deg);
opacity: 0
}
}.animate__rotateOutUpRight {
-webkit - animation - name: rotateOutUpRight; animation - name: rotateOutUpRight; - webkit - transform - origin: right bottom; transform - origin: right bottom
} @ - webkit - keyframes hinge {
0 % {
-webkit - animation - timing - function: ease - in -out;animation - timing - function: ease - in -out
}
20 % , 60 % {
-webkit - transform: rotate(80 deg);transform: rotate(80 deg); - webkit - animation - timing - function: ease - in -out;animation - timing - function: ease - in -out
}
40 % , 80 % {
-webkit - transform: rotate(60 deg);transform: rotate(60 deg); - webkit - animation - timing - function: ease - in -out;animation - timing - function: ease - in -out;opacity: 1
}
to {
-webkit - transform: translate3d(0, 700 px, 0);
transform: translate3d(0, 700 px, 0);
opacity: 0
}
} @keyframes hinge {
0 % {
-webkit - animation - timing - function: ease - in -out;animation - timing - function: ease - in -out
}
20 % , 60 % {
-webkit - transform: rotate(80 deg);transform: rotate(80 deg); - webkit - animation - timing - function: ease - in -out;animation - timing - function: ease - in -out
}
40 % , 80 % {
-webkit - transform: rotate(60 deg);transform: rotate(60 deg); - webkit - animation - timing - function: ease - in -out;animation - timing - function: ease - in -out;opacity: 1
}
to {
-webkit - transform: translate3d(0, 700 px, 0);
transform: translate3d(0, 700 px, 0);
opacity: 0
}
}.animate__hinge {
-webkit - animation - duration: 2 s; animation - duration: 2 s; - webkit - animation - duration: calc(var (--animate - duration) * 2); animation - duration: calc(var (--animate - duration) * 2); - webkit - animation - name: hinge; animation - name: hinge; - webkit - transform - origin: top left; transform - origin: top left
} @ - webkit - keyframes jackInTheBox {
0 % {
opacity: 0; - webkit - transform: scale(.1) rotate(30 deg);transform: scale(.1) rotate(30 deg); - webkit - transform - origin: center bottom;transform - origin: center bottom
}
50 % {
-webkit - transform: rotate(-10 deg);transform: rotate(-10 deg)
}
70 % {
-webkit - transform: rotate(3 deg);transform: rotate(3 deg)
}
to {
opacity: 1; - webkit - transform: scale(1);transform: scale(1)
}
} @keyframes jackInTheBox {
0 % {
opacity: 0; - webkit - transform: scale(.1) rotate(30 deg);transform: scale(.1) rotate(30 deg); - webkit - transform - origin: center bottom;transform - origin: center bottom
}
50 % {
-webkit - transform: rotate(-10 deg);transform: rotate(-10 deg)
}
70 % {
-webkit - transform: rotate(3 deg);transform: rotate(3 deg)
}
to {
opacity: 1; - webkit - transform: scale(1);transform: scale(1)
}
}.animate__jackInTheBox {
-webkit - animation - name: jackInTheBox; animation - name: jackInTheBox
} @ - webkit - keyframes rollIn {
0 % {
opacity: 0; - webkit - transform: translate3d(-100 % , 0, 0) rotate(-120 deg);transform: translate3d(-100 % , 0, 0) rotate(-120 deg)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
} @keyframes rollIn {
0 % {
opacity: 0; - webkit - transform: translate3d(-100 % , 0, 0) rotate(-120 deg);transform: translate3d(-100 % , 0, 0) rotate(-120 deg)
}
to {
opacity: 1; - webkit - transform: translateZ(0);transform: translateZ(0)
}
}.animate__rollIn {
-webkit - animation - name: rollIn; animation - name: rollIn
} @ - webkit - keyframes rollOut {
0 % {
opacity: 1
}
to {
opacity: 0; - webkit - transform: translate3d(100 % , 0, 0) rotate(120 deg);transform: translate3d(100 % , 0, 0) rotate(120 deg)
}
} @keyframes rollOut {
0 % {
opacity: 1
}
to {
opacity: 0; - webkit - transform: translate3d(100 % , 0, 0) rotate(120 deg);transform: translate3d(100 % , 0, 0) rotate(120 deg)
}
}.animate__rollOut {
-webkit - animation - name: rollOut; animation - name: rollOut
} @ - webkit - keyframes zoomIn {
0 % {
opacity: 0; - webkit - transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3)
}
50 % {
opacity: 1
}
} @keyframes zoomIn {
0 % {
opacity: 0; - webkit - transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3)
}
50 % {
opacity: 1
}
}.animate__zoomIn {
-webkit - animation - name: zoomIn; animation - name: zoomIn
} @ - webkit - keyframes zoomInDown {
0 % {
opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(0, -1000 px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000 px, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19)
}
60 % {
opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(0, 60 px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60 px, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1)
}
} @keyframes zoomInDown {
0 % {
opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(0, -1000 px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000 px, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19)
}
60 % {
opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(0, 60 px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60 px, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1)
}
}.animate__zoomInDown {
-webkit - animation - name: zoomInDown; animation - name: zoomInDown
} @ - webkit - keyframes zoomInLeft {
0 % {
opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(-1000 px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(-1000 px, 0, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19)
}
60 % {
opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(10 px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(10 px, 0, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1)
}
} @keyframes zoomInLeft {
0 % {
opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(-1000 px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(-1000 px, 0, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19)
}
60 % {
opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(10 px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(10 px, 0, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1)
}
}.animate__zoomInLeft {
-webkit - animation - name: zoomInLeft; animation - name: zoomInLeft
} @ - webkit - keyframes zoomInRight {
0 % {
opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(1000 px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(1000 px, 0, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19)
}
60 % {
opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(-10 px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(-10 px, 0, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1)
}
} @keyframes zoomInRight {
0 % {
opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(1000 px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(1000 px, 0, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19)
}
60 % {
opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(-10 px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(-10 px, 0, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1)
}
}.animate__zoomInRight {
-webkit - animation - name: zoomInRight; animation - name: zoomInRight
} @ - webkit - keyframes zoomInUp {
0 % {
opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(0, 1000 px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000 px, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19)
}
60 % {
opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(0, -60 px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60 px, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1)
}
} @keyframes zoomInUp {
0 % {
opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(0, 1000 px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000 px, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19)
}
60 % {
opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(0, -60 px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60 px, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1)
}
}.animate__zoomInUp {
-webkit - animation - name: zoomInUp; animation - name: zoomInUp
} @ - webkit - keyframes zoomOut {
0 % {
opacity: 1
}
50 % {
opacity: 0; - webkit - transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
} @keyframes zoomOut {
0 % {
opacity: 1
}
50 % {
opacity: 0; - webkit - transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}.animate__zoomOut {
-webkit - animation - name: zoomOut; animation - name: zoomOut
} @ - webkit - keyframes zoomOutDown {
40 % {
opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(0, -60 px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60 px, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19)
}
to {
opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(0, 2000 px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 2000 px, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1)
}
} @keyframes zoomOutDown {
40 % {
opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(0, -60 px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60 px, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19)
}
to {
opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(0, 2000 px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 2000 px, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1)
}
}.animate__zoomOutDown {
-webkit - animation - name: zoomOutDown; animation - name: zoomOutDown; - webkit - transform - origin: center bottom; transform - origin: center bottom
} @ - webkit - keyframes zoomOutLeft {
40 % {
opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(42 px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(42 px, 0, 0)
}
to {
opacity: 0; - webkit - transform: scale(.1) translate3d(-2000 px, 0, 0);transform: scale(.1) translate3d(-2000 px, 0, 0)
}
} @keyframes zoomOutLeft {
40 % {
opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(42 px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(42 px, 0, 0)
}
to {
opacity: 0; - webkit - transform: scale(.1) translate3d(-2000 px, 0, 0);transform: scale(.1) translate3d(-2000 px, 0, 0)
}
}.animate__zoomOutLeft {
-webkit - animation - name: zoomOutLeft; animation - name: zoomOutLeft; - webkit - transform - origin: left center; transform - origin: left center
} @ - webkit - keyframes zoomOutRight {
40 % {
opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(-42 px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(-42 px, 0, 0)
}
to {
opacity: 0; - webkit - transform: scale(.1) translate3d(2000 px, 0, 0);transform: scale(.1) translate3d(2000 px, 0, 0)
}
} @keyframes zoomOutRight {
40 % {
opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(-42 px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(-42 px, 0, 0)
}
to {
opacity: 0; - webkit - transform: scale(.1) translate3d(2000 px, 0, 0);transform: scale(.1) translate3d(2000 px, 0, 0)
}
}.animate__zoomOutRight {
-webkit - animation - name: zoomOutRight; animation - name: zoomOutRight; - webkit - transform - origin: right center; transform - origin: right center
} @ - webkit - keyframes zoomOutUp {
40 % {
opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(0, 60 px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60 px, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19)
}
to {
opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(0, -2000 px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -2000 px, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1)
}
} @keyframes zoomOutUp {
40 % {
opacity: 1; - webkit - transform: scale3d(.475, .475, .475) translate3d(0, 60 px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60 px, 0); - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);animation - timing - function: cubic - bezier(.55, .055, .675, .19)
}
to {
opacity: 0; - webkit - transform: scale3d(.1, .1, .1) translate3d(0, -2000 px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -2000 px, 0); - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);animation - timing - function: cubic - bezier(.175, .885, .32, 1)
}
}.animate__zoomOutUp {
-webkit - animation - name: zoomOutUp; animation - name: zoomOutUp; - webkit - transform - origin: center bottom; transform - origin: center bottom
} @ - webkit - keyframes slideInDown {
0 % {
-webkit - transform: translate3d(0, -100 % , 0);transform: translate3d(0, -100 % , 0);visibility: visible
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
} @keyframes slideInDown {
0 % {
-webkit - transform: translate3d(0, -100 % , 0);transform: translate3d(0, -100 % , 0);visibility: visible
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
}.animate__slideInDown {
-webkit - animation - name: slideInDown; animation - name: slideInDown
} @ - webkit - keyframes slideInLeft {
0 % {
-webkit - transform: translate3d(-100 % , 0, 0);transform: translate3d(-100 % , 0, 0);visibility: visible
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
} @keyframes slideInLeft {
0 % {
-webkit - transform: translate3d(-100 % , 0, 0);transform: translate3d(-100 % , 0, 0);visibility: visible
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
}.animate__slideInLeft {
-webkit - animation - name: slideInLeft; animation - name: slideInLeft
} @ - webkit - keyframes slideInRight {
0 % {
-webkit - transform: translate3d(100 % , 0, 0);transform: translate3d(100 % , 0, 0);visibility: visible
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
} @keyframes slideInRight {
0 % {
-webkit - transform: translate3d(100 % , 0, 0);transform: translate3d(100 % , 0, 0);visibility: visible
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
}.animate__slideInRight {
-webkit - animation - name: slideInRight; animation - name: slideInRight
} @ - webkit - keyframes slideInUp {
0 % {
-webkit - transform: translate3d(0, 100 % , 0);transform: translate3d(0, 100 % , 0);visibility: visible
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
} @keyframes slideInUp {
0 % {
-webkit - transform: translate3d(0, 100 % , 0);transform: translate3d(0, 100 % , 0);visibility: visible
}
to {
-webkit - transform: translateZ(0);
transform: translateZ(0)
}
}.animate__slideInUp {
-webkit - animation - name: slideInUp; animation - name: slideInUp
} @ - webkit - keyframes slideOutDown {
0 % {
-webkit - transform: translateZ(0);transform: translateZ(0)
}
to {
visibility: hidden; - webkit - transform: translate3d(0, 100 % , 0);transform: translate3d(0, 100 % , 0)
}
} @keyframes slideOutDown {
0 % {
-webkit - transform: translateZ(0);transform: translateZ(0)
}
to {
visibility: hidden; - webkit - transform: translate3d(0, 100 % , 0);transform: translate3d(0, 100 % , 0)
}
}.animate__slideOutDown {
-webkit - animation - name: slideOutDown; animation - name: slideOutDown
} @ - webkit - keyframes slideOutLeft {
0 % {
-webkit - transform: translateZ(0);transform: translateZ(0)
}
to {
visibility: hidden; - webkit - transform: translate3d(-100 % , 0, 0);transform: translate3d(-100 % , 0, 0)
}
} @keyframes slideOutLeft {
0 % {
-webkit - transform: translateZ(0);transform: translateZ(0)
}
to {
visibility: hidden; - webkit - transform: translate3d(-100 % , 0, 0);transform: translate3d(-100 % , 0, 0)
}
}.animate__slideOutLeft {
-webkit - animation - name: slideOutLeft; animation - name: slideOutLeft
} @ - webkit - keyframes slideOutRight {
0 % {
-webkit - transform: translateZ(0);transform: translateZ(0)
}
to {
visibility: hidden; - webkit - transform: translate3d(100 % , 0, 0);transform: translate3d(100 % , 0, 0)
}
} @keyframes slideOutRight {
0 % {
-webkit - transform: translateZ(0);transform: translateZ(0)
}
to {
visibility: hidden; - webkit - transform: translate3d(100 % , 0, 0);transform: translate3d(100 % , 0, 0)
}
}.animate__slideOutRight {
-webkit - animation - name: slideOutRight; animation - name: slideOutRight
} @ - webkit - keyframes slideOutUp {
0 % {
-webkit - transform: translateZ(0);transform: translateZ(0)
}
to {
visibility: hidden; - webkit - transform: translate3d(0, -100 % , 0);transform: translate3d(0, -100 % , 0)
}
} @keyframes slideOutUp {
0 % {
-webkit - transform: translateZ(0);transform: translateZ(0)
}
to {
visibility: hidden; - webkit - transform: translate3d(0, -100 % , 0);transform: translate3d(0, -100 % , 0)
}
}.animate__slideOutUp {
-webkit - animation - name: slideOutUp; animation - name: slideOutUp
}
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui - helper - hidden {
display: none
}.ui - helper - hidden - accessible {
border: 0;clip: rect(0 0 0 0);height: 1 px;margin: -1 px;overflow: hidden;padding: 0;position: absolute;width: 1 px
}.ui - helper - reset {
margin: 0;padding: 0;border: 0;outline: 0;line - height: 1.3;text - decoration: none;font - size: 100 % ;list - style: none
}.ui - helper - clearfix: after, .ui - helper - clearfix: before {
content: "";display: table;border - collapse: collapse
}.ui - helper - clearfix: after {
clear: both
}.ui - helper - zfix {
width: 100 % ;height: 100 % ;top: 0;left: 0;position: absolute;opacity: 0;filter: Alpha(Opacity = 0)
}.ui - front {
z - index: 100
}.ui - state - disabled {
cursor: default !important;pointer - events: none
}.ui - icon {
display: inline - block;vertical - align: middle;margin - top: -.25 em;position: relative;text - indent: -99999 px;overflow: hidden;background - repeat: no - repeat
}.ui - widget - icon - block {
left: 50 % ;margin - left: -8 px;display: block
}.ui - widget - overlay {
position: fixed;top: 0;left: 0;width: 100 % ;height: 100 %
}.ui - accordion.ui - accordion - header {
display: block;cursor: pointer;position: relative;margin: 2 px 0 0 0;padding: .5 em .5 em .5 em .7 em;font - size: 100 %
}.ui - accordion.ui - accordion - content {
padding: 1 em 2.2 em;border - top: 0;overflow: auto
}.ui - autocomplete {
position: absolute;top: 0;left: 0;cursor: default
}.ui - menu {
list - style: none;
padding: 0;
margin: 0;
display: block;
outline: 0
}.ui - menu.ui - menu {
position: absolute
}.ui - menu.ui - menu - item {
margin: 0;cursor: pointer;list - style - image: url(data: image / gif; base64, R0lGODlhAQABAIAAAAAAAP ///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-active,.ui-menu .ui-state-focus{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup>.ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,.ui-controlgroup>.ui-controlgroup-item:focus{z-index:9999}.ui-controlgroup-vertical>.ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item{border-top:0}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:0}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:0}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc(100% - 2.4em)}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:0}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:0}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw,.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height:100%;opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:700;line-height:1.5;padding:2px .4em;margin:.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:0;background:0;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:700}.ui-widget-header a{color:#333}.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400;color:#454545}.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button{color:#454545;text-decoration:none}.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #ccc;background:#ededed;font-weight:400;color:#2b2b2b}.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px #5e9ed6}.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{border:1px solid #003eff;background:#007fff;font-weight:400;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(../../images/ui-images/ui-icons_444444_256x240.png)}.ui-widget-header .ui-icon{background-image:url(../../images/ui-images/ui-icons_444444_256x240.png)}.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(../../images/ui-images/ui-icons_555555_256x240.png)}.ui-button:active .ui-icon,.ui-state-active .ui-icon{background-image:url(../../images/ui-images/ui-icons_ffffff_256x240.png)}.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon{background-image:url(../../images/ui-images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(../../images/ui-images/ui-icons_cc0000_256x240.png)}.ui-button .ui-icon{background-image:url(../../images/ui-images/ui-icons_777777_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:3px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:;display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:;display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:;position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.nice-select{-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:5px;border:solid 1px #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:400;height:42px;line-height:40px;outline:0;padding-left:18px;padding-right:30px;position:relative;text-align:left!important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#dbdbdb}.nice-select.open,.nice-select:active,.nice-select:focus{border-color:#999}.nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:;display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:5px}.nice-select.open:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .list{left:0!important;right:0!important}.nice-select.right{float:right}.nice-select.right .list{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .list{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);box-sizing:border-box;margin-top:4px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.75) translateY(-21px);-ms-transform:scale(.75) translateY(-21px);transform:scale(.75) translateY(-21px);-webkit-transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;z-index:9}.nice-select .list:hover .option:not(:hover){background-color:transparent!important}.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:0;padding-left:18px;padding-right:29px;text-align:left;-webkit-transition:all .2s;transition:all .2s}.nice-select .option.focus,.nice-select .option.selected.focus,.nice-select .option:hover{background-color:#f6f6f6}.nice-select .option.selected{font-weight:700}.nice-select .option.disabled{background-color:transparent;color:#999;cursor:default}.no-csspointerevents .nice-select .list{display:none}.no-csspointerevents .nice-select.open .list{display:block}.splitting .char,.splitting .word{display:inline-block}.splitting .char{position:relative}.splitting .char::after,.splitting .char::before{content:attr(data-char);position:absolute;top:0;left:0;visibility:hidden;transition:inherit;user-select:none}.splitting{--word-center:calc((var(--word-total) - 1) / 2);--char-center:calc((var(--char-total) - 1) / 2);--line-center:calc((var(--line-total) - 1) / 2)}.splitting .word{--word-percent:calc(var(--word-index) / var(--word-total));--line-percent:calc(var(--line-index) / var(--line-total))}.splitting .char{--char-percent:calc(var(--char-index) / var(--char-total));--char-offset:calc(var(--char-index) - var(--char-center));--distance:calc((var(--char-offset) * var(--char-offset)) / var(--char-center));--distance-sine:calc(var(--char-offset) / var(--char-center));--distance-percent:calc((var(--distance) / var(--char-center)))}.splitting.cells img{width:100%;display:block}@supports(display:grid){.splitting.cells{position:relative;overflow:hidden;background-size:cover;visibility:hidden}.splitting .cell-grid{background:inherit;position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template:repeat(var(--row-total),1fr)/repeat(var(--col-total),1fr)}.splitting .cell{background:inherit;position:relative;overflow:hidden}.splitting .cell-inner{background:inherit;position:absolute;visibility:visible;width:calc(100% * var(--col-total));height:calc(100% * var(--row-total));left:calc(-100% * var(--col-index));top:calc(-100% * var(--row-index))}.splitting .cell{--center-x:calc((var(--col-total) - 1) / 2);--center-y:calc((var(--row-total) - 1) / 2);--offset-x:calc(var(--col-index) - var(--center-x));--offset-y:calc(var(--row-index) - var(--center-y));--distance-x:calc((var(--offset-x) * var(--offset-x)) / var(--center-x));--distance-y:calc((var(--offset-y) * var(--offset-y)) / var(--center-y))}}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#fff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:0;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#fff}.swiper-pagination-black{--swiper-pagination-color:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}--!>
</style> </html>