cfb-editor/vendor.5cab5569.css

4914 lines
130 KiB
CSS

/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url(fontawesome-webfont.674f50d2.eot);
src: url(fontawesome-webfont.674f50d2.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(fontawesome-webfont.af7ae505.woff2) format('woff2'), url(fontawesome-webfont.fee66e71.woff) format('woff'), url(fontawesome-webfont.b06871f2.ttf) format('truetype'), url(fontawesome-webfont.912ec66d.svg#fontawesomeregular) format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
-webkit-filter: none;
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\F000";
}
.fa-music:before {
content: "\F001";
}
.fa-search:before {
content: "\F002";
}
.fa-envelope-o:before {
content: "\F003";
}
.fa-heart:before {
content: "\F004";
}
.fa-star:before {
content: "\F005";
}
.fa-star-o:before {
content: "\F006";
}
.fa-user:before {
content: "\F007";
}
.fa-film:before {
content: "\F008";
}
.fa-th-large:before {
content: "\F009";
}
.fa-th:before {
content: "\F00A";
}
.fa-th-list:before {
content: "\F00B";
}
.fa-check:before {
content: "\F00C";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\F00D";
}
.fa-search-plus:before {
content: "\F00E";
}
.fa-search-minus:before {
content: "\F010";
}
.fa-power-off:before {
content: "\F011";
}
.fa-signal:before {
content: "\F012";
}
.fa-gear:before,
.fa-cog:before {
content: "\F013";
}
.fa-trash-o:before {
content: "\F014";
}
.fa-home:before {
content: "\F015";
}
.fa-file-o:before {
content: "\F016";
}
.fa-clock-o:before {
content: "\F017";
}
.fa-road:before {
content: "\F018";
}
.fa-download:before {
content: "\F019";
}
.fa-arrow-circle-o-down:before {
content: "\F01A";
}
.fa-arrow-circle-o-up:before {
content: "\F01B";
}
.fa-inbox:before {
content: "\F01C";
}
.fa-play-circle-o:before {
content: "\F01D";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\F01E";
}
.fa-refresh:before {
content: "\F021";
}
.fa-list-alt:before {
content: "\F022";
}
.fa-lock:before {
content: "\F023";
}
.fa-flag:before {
content: "\F024";
}
.fa-headphones:before {
content: "\F025";
}
.fa-volume-off:before {
content: "\F026";
}
.fa-volume-down:before {
content: "\F027";
}
.fa-volume-up:before {
content: "\F028";
}
.fa-qrcode:before {
content: "\F029";
}
.fa-barcode:before {
content: "\F02A";
}
.fa-tag:before {
content: "\F02B";
}
.fa-tags:before {
content: "\F02C";
}
.fa-book:before {
content: "\F02D";
}
.fa-bookmark:before {
content: "\F02E";
}
.fa-print:before {
content: "\F02F";
}
.fa-camera:before {
content: "\F030";
}
.fa-font:before {
content: "\F031";
}
.fa-bold:before {
content: "\F032";
}
.fa-italic:before {
content: "\F033";
}
.fa-text-height:before {
content: "\F034";
}
.fa-text-width:before {
content: "\F035";
}
.fa-align-left:before {
content: "\F036";
}
.fa-align-center:before {
content: "\F037";
}
.fa-align-right:before {
content: "\F038";
}
.fa-align-justify:before {
content: "\F039";
}
.fa-list:before {
content: "\F03A";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\F03B";
}
.fa-indent:before {
content: "\F03C";
}
.fa-video-camera:before {
content: "\F03D";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\F03E";
}
.fa-pencil:before {
content: "\F040";
}
.fa-map-marker:before {
content: "\F041";
}
.fa-adjust:before {
content: "\F042";
}
.fa-tint:before {
content: "\F043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\F044";
}
.fa-share-square-o:before {
content: "\F045";
}
.fa-check-square-o:before {
content: "\F046";
}
.fa-arrows:before {
content: "\F047";
}
.fa-step-backward:before {
content: "\F048";
}
.fa-fast-backward:before {
content: "\F049";
}
.fa-backward:before {
content: "\F04A";
}
.fa-play:before {
content: "\F04B";
}
.fa-pause:before {
content: "\F04C";
}
.fa-stop:before {
content: "\F04D";
}
.fa-forward:before {
content: "\F04E";
}
.fa-fast-forward:before {
content: "\F050";
}
.fa-step-forward:before {
content: "\F051";
}
.fa-eject:before {
content: "\F052";
}
.fa-chevron-left:before {
content: "\F053";
}
.fa-chevron-right:before {
content: "\F054";
}
.fa-plus-circle:before {
content: "\F055";
}
.fa-minus-circle:before {
content: "\F056";
}
.fa-times-circle:before {
content: "\F057";
}
.fa-check-circle:before {
content: "\F058";
}
.fa-question-circle:before {
content: "\F059";
}
.fa-info-circle:before {
content: "\F05A";
}
.fa-crosshairs:before {
content: "\F05B";
}
.fa-times-circle-o:before {
content: "\F05C";
}
.fa-check-circle-o:before {
content: "\F05D";
}
.fa-ban:before {
content: "\F05E";
}
.fa-arrow-left:before {
content: "\F060";
}
.fa-arrow-right:before {
content: "\F061";
}
.fa-arrow-up:before {
content: "\F062";
}
.fa-arrow-down:before {
content: "\F063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\F064";
}
.fa-expand:before {
content: "\F065";
}
.fa-compress:before {
content: "\F066";
}
.fa-plus:before {
content: "\F067";
}
.fa-minus:before {
content: "\F068";
}
.fa-asterisk:before {
content: "\F069";
}
.fa-exclamation-circle:before {
content: "\F06A";
}
.fa-gift:before {
content: "\F06B";
}
.fa-leaf:before {
content: "\F06C";
}
.fa-fire:before {
content: "\F06D";
}
.fa-eye:before {
content: "\F06E";
}
.fa-eye-slash:before {
content: "\F070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\F071";
}
.fa-plane:before {
content: "\F072";
}
.fa-calendar:before {
content: "\F073";
}
.fa-random:before {
content: "\F074";
}
.fa-comment:before {
content: "\F075";
}
.fa-magnet:before {
content: "\F076";
}
.fa-chevron-up:before {
content: "\F077";
}
.fa-chevron-down:before {
content: "\F078";
}
.fa-retweet:before {
content: "\F079";
}
.fa-shopping-cart:before {
content: "\F07A";
}
.fa-folder:before {
content: "\F07B";
}
.fa-folder-open:before {
content: "\F07C";
}
.fa-arrows-v:before {
content: "\F07D";
}
.fa-arrows-h:before {
content: "\F07E";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\F080";
}
.fa-twitter-square:before {
content: "\F081";
}
.fa-facebook-square:before {
content: "\F082";
}
.fa-camera-retro:before {
content: "\F083";
}
.fa-key:before {
content: "\F084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\F085";
}
.fa-comments:before {
content: "\F086";
}
.fa-thumbs-o-up:before {
content: "\F087";
}
.fa-thumbs-o-down:before {
content: "\F088";
}
.fa-star-half:before {
content: "\F089";
}
.fa-heart-o:before {
content: "\F08A";
}
.fa-sign-out:before {
content: "\F08B";
}
.fa-linkedin-square:before {
content: "\F08C";
}
.fa-thumb-tack:before {
content: "\F08D";
}
.fa-external-link:before {
content: "\F08E";
}
.fa-sign-in:before {
content: "\F090";
}
.fa-trophy:before {
content: "\F091";
}
.fa-github-square:before {
content: "\F092";
}
.fa-upload:before {
content: "\F093";
}
.fa-lemon-o:before {
content: "\F094";
}
.fa-phone:before {
content: "\F095";
}
.fa-square-o:before {
content: "\F096";
}
.fa-bookmark-o:before {
content: "\F097";
}
.fa-phone-square:before {
content: "\F098";
}
.fa-twitter:before {
content: "\F099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\F09A";
}
.fa-github:before {
content: "\F09B";
}
.fa-unlock:before {
content: "\F09C";
}
.fa-credit-card:before {
content: "\F09D";
}
.fa-feed:before,
.fa-rss:before {
content: "\F09E";
}
.fa-hdd-o:before {
content: "\F0A0";
}
.fa-bullhorn:before {
content: "\F0A1";
}
.fa-bell:before {
content: "\F0F3";
}
.fa-certificate:before {
content: "\F0A3";
}
.fa-hand-o-right:before {
content: "\F0A4";
}
.fa-hand-o-left:before {
content: "\F0A5";
}
.fa-hand-o-up:before {
content: "\F0A6";
}
.fa-hand-o-down:before {
content: "\F0A7";
}
.fa-arrow-circle-left:before {
content: "\F0A8";
}
.fa-arrow-circle-right:before {
content: "\F0A9";
}
.fa-arrow-circle-up:before {
content: "\F0AA";
}
.fa-arrow-circle-down:before {
content: "\F0AB";
}
.fa-globe:before {
content: "\F0AC";
}
.fa-wrench:before {
content: "\F0AD";
}
.fa-tasks:before {
content: "\F0AE";
}
.fa-filter:before {
content: "\F0B0";
}
.fa-briefcase:before {
content: "\F0B1";
}
.fa-arrows-alt:before {
content: "\F0B2";
}
.fa-group:before,
.fa-users:before {
content: "\F0C0";
}
.fa-chain:before,
.fa-link:before {
content: "\F0C1";
}
.fa-cloud:before {
content: "\F0C2";
}
.fa-flask:before {
content: "\F0C3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\F0C4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\F0C5";
}
.fa-paperclip:before {
content: "\F0C6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\F0C7";
}
.fa-square:before {
content: "\F0C8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\F0C9";
}
.fa-list-ul:before {
content: "\F0CA";
}
.fa-list-ol:before {
content: "\F0CB";
}
.fa-strikethrough:before {
content: "\F0CC";
}
.fa-underline:before {
content: "\F0CD";
}
.fa-table:before {
content: "\F0CE";
}
.fa-magic:before {
content: "\F0D0";
}
.fa-truck:before {
content: "\F0D1";
}
.fa-pinterest:before {
content: "\F0D2";
}
.fa-pinterest-square:before {
content: "\F0D3";
}
.fa-google-plus-square:before {
content: "\F0D4";
}
.fa-google-plus:before {
content: "\F0D5";
}
.fa-money:before {
content: "\F0D6";
}
.fa-caret-down:before {
content: "\F0D7";
}
.fa-caret-up:before {
content: "\F0D8";
}
.fa-caret-left:before {
content: "\F0D9";
}
.fa-caret-right:before {
content: "\F0DA";
}
.fa-columns:before {
content: "\F0DB";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\F0DC";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\F0DD";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\F0DE";
}
.fa-envelope:before {
content: "\F0E0";
}
.fa-linkedin:before {
content: "\F0E1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\F0E2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\F0E3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\F0E4";
}
.fa-comment-o:before {
content: "\F0E5";
}
.fa-comments-o:before {
content: "\F0E6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\F0E7";
}
.fa-sitemap:before {
content: "\F0E8";
}
.fa-umbrella:before {
content: "\F0E9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\F0EA";
}
.fa-lightbulb-o:before {
content: "\F0EB";
}
.fa-exchange:before {
content: "\F0EC";
}
.fa-cloud-download:before {
content: "\F0ED";
}
.fa-cloud-upload:before {
content: "\F0EE";
}
.fa-user-md:before {
content: "\F0F0";
}
.fa-stethoscope:before {
content: "\F0F1";
}
.fa-suitcase:before {
content: "\F0F2";
}
.fa-bell-o:before {
content: "\F0A2";
}
.fa-coffee:before {
content: "\F0F4";
}
.fa-cutlery:before {
content: "\F0F5";
}
.fa-file-text-o:before {
content: "\F0F6";
}
.fa-building-o:before {
content: "\F0F7";
}
.fa-hospital-o:before {
content: "\F0F8";
}
.fa-ambulance:before {
content: "\F0F9";
}
.fa-medkit:before {
content: "\F0FA";
}
.fa-fighter-jet:before {
content: "\F0FB";
}
.fa-beer:before {
content: "\F0FC";
}
.fa-h-square:before {
content: "\F0FD";
}
.fa-plus-square:before {
content: "\F0FE";
}
.fa-angle-double-left:before {
content: "\F100";
}
.fa-angle-double-right:before {
content: "\F101";
}
.fa-angle-double-up:before {
content: "\F102";
}
.fa-angle-double-down:before {
content: "\F103";
}
.fa-angle-left:before {
content: "\F104";
}
.fa-angle-right:before {
content: "\F105";
}
.fa-angle-up:before {
content: "\F106";
}
.fa-angle-down:before {
content: "\F107";
}
.fa-desktop:before {
content: "\F108";
}
.fa-laptop:before {
content: "\F109";
}
.fa-tablet:before {
content: "\F10A";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\F10B";
}
.fa-circle-o:before {
content: "\F10C";
}
.fa-quote-left:before {
content: "\F10D";
}
.fa-quote-right:before {
content: "\F10E";
}
.fa-spinner:before {
content: "\F110";
}
.fa-circle:before {
content: "\F111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\F112";
}
.fa-github-alt:before {
content: "\F113";
}
.fa-folder-o:before {
content: "\F114";
}
.fa-folder-open-o:before {
content: "\F115";
}
.fa-smile-o:before {
content: "\F118";
}
.fa-frown-o:before {
content: "\F119";
}
.fa-meh-o:before {
content: "\F11A";
}
.fa-gamepad:before {
content: "\F11B";
}
.fa-keyboard-o:before {
content: "\F11C";
}
.fa-flag-o:before {
content: "\F11D";
}
.fa-flag-checkered:before {
content: "\F11E";
}
.fa-terminal:before {
content: "\F120";
}
.fa-code:before {
content: "\F121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\F122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\F123";
}
.fa-location-arrow:before {
content: "\F124";
}
.fa-crop:before {
content: "\F125";
}
.fa-code-fork:before {
content: "\F126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\F127";
}
.fa-question:before {
content: "\F128";
}
.fa-info:before {
content: "\F129";
}
.fa-exclamation:before {
content: "\F12A";
}
.fa-superscript:before {
content: "\F12B";
}
.fa-subscript:before {
content: "\F12C";
}
.fa-eraser:before {
content: "\F12D";
}
.fa-puzzle-piece:before {
content: "\F12E";
}
.fa-microphone:before {
content: "\F130";
}
.fa-microphone-slash:before {
content: "\F131";
}
.fa-shield:before {
content: "\F132";
}
.fa-calendar-o:before {
content: "\F133";
}
.fa-fire-extinguisher:before {
content: "\F134";
}
.fa-rocket:before {
content: "\F135";
}
.fa-maxcdn:before {
content: "\F136";
}
.fa-chevron-circle-left:before {
content: "\F137";
}
.fa-chevron-circle-right:before {
content: "\F138";
}
.fa-chevron-circle-up:before {
content: "\F139";
}
.fa-chevron-circle-down:before {
content: "\F13A";
}
.fa-html5:before {
content: "\F13B";
}
.fa-css3:before {
content: "\F13C";
}
.fa-anchor:before {
content: "\F13D";
}
.fa-unlock-alt:before {
content: "\F13E";
}
.fa-bullseye:before {
content: "\F140";
}
.fa-ellipsis-h:before {
content: "\F141";
}
.fa-ellipsis-v:before {
content: "\F142";
}
.fa-rss-square:before {
content: "\F143";
}
.fa-play-circle:before {
content: "\F144";
}
.fa-ticket:before {
content: "\F145";
}
.fa-minus-square:before {
content: "\F146";
}
.fa-minus-square-o:before {
content: "\F147";
}
.fa-level-up:before {
content: "\F148";
}
.fa-level-down:before {
content: "\F149";
}
.fa-check-square:before {
content: "\F14A";
}
.fa-pencil-square:before {
content: "\F14B";
}
.fa-external-link-square:before {
content: "\F14C";
}
.fa-share-square:before {
content: "\F14D";
}
.fa-compass:before {
content: "\F14E";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\F150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\F151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\F152";
}
.fa-euro:before,
.fa-eur:before {
content: "\F153";
}
.fa-gbp:before {
content: "\F154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\F155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\F156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\F157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\F158";
}
.fa-won:before,
.fa-krw:before {
content: "\F159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\F15A";
}
.fa-file:before {
content: "\F15B";
}
.fa-file-text:before {
content: "\F15C";
}
.fa-sort-alpha-asc:before {
content: "\F15D";
}
.fa-sort-alpha-desc:before {
content: "\F15E";
}
.fa-sort-amount-asc:before {
content: "\F160";
}
.fa-sort-amount-desc:before {
content: "\F161";
}
.fa-sort-numeric-asc:before {
content: "\F162";
}
.fa-sort-numeric-desc:before {
content: "\F163";
}
.fa-thumbs-up:before {
content: "\F164";
}
.fa-thumbs-down:before {
content: "\F165";
}
.fa-youtube-square:before {
content: "\F166";
}
.fa-youtube:before {
content: "\F167";
}
.fa-xing:before {
content: "\F168";
}
.fa-xing-square:before {
content: "\F169";
}
.fa-youtube-play:before {
content: "\F16A";
}
.fa-dropbox:before {
content: "\F16B";
}
.fa-stack-overflow:before {
content: "\F16C";
}
.fa-instagram:before {
content: "\F16D";
}
.fa-flickr:before {
content: "\F16E";
}
.fa-adn:before {
content: "\F170";
}
.fa-bitbucket:before {
content: "\F171";
}
.fa-bitbucket-square:before {
content: "\F172";
}
.fa-tumblr:before {
content: "\F173";
}
.fa-tumblr-square:before {
content: "\F174";
}
.fa-long-arrow-down:before {
content: "\F175";
}
.fa-long-arrow-up:before {
content: "\F176";
}
.fa-long-arrow-left:before {
content: "\F177";
}
.fa-long-arrow-right:before {
content: "\F178";
}
.fa-apple:before {
content: "\F179";
}
.fa-windows:before {
content: "\F17A";
}
.fa-android:before {
content: "\F17B";
}
.fa-linux:before {
content: "\F17C";
}
.fa-dribbble:before {
content: "\F17D";
}
.fa-skype:before {
content: "\F17E";
}
.fa-foursquare:before {
content: "\F180";
}
.fa-trello:before {
content: "\F181";
}
.fa-female:before {
content: "\F182";
}
.fa-male:before {
content: "\F183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\F184";
}
.fa-sun-o:before {
content: "\F185";
}
.fa-moon-o:before {
content: "\F186";
}
.fa-archive:before {
content: "\F187";
}
.fa-bug:before {
content: "\F188";
}
.fa-vk:before {
content: "\F189";
}
.fa-weibo:before {
content: "\F18A";
}
.fa-renren:before {
content: "\F18B";
}
.fa-pagelines:before {
content: "\F18C";
}
.fa-stack-exchange:before {
content: "\F18D";
}
.fa-arrow-circle-o-right:before {
content: "\F18E";
}
.fa-arrow-circle-o-left:before {
content: "\F190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\F191";
}
.fa-dot-circle-o:before {
content: "\F192";
}
.fa-wheelchair:before {
content: "\F193";
}
.fa-vimeo-square:before {
content: "\F194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\F195";
}
.fa-plus-square-o:before {
content: "\F196";
}
.fa-space-shuttle:before {
content: "\F197";
}
.fa-slack:before {
content: "\F198";
}
.fa-envelope-square:before {
content: "\F199";
}
.fa-wordpress:before {
content: "\F19A";
}
.fa-openid:before {
content: "\F19B";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\F19C";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\F19D";
}
.fa-yahoo:before {
content: "\F19E";
}
.fa-google:before {
content: "\F1A0";
}
.fa-reddit:before {
content: "\F1A1";
}
.fa-reddit-square:before {
content: "\F1A2";
}
.fa-stumbleupon-circle:before {
content: "\F1A3";
}
.fa-stumbleupon:before {
content: "\F1A4";
}
.fa-delicious:before {
content: "\F1A5";
}
.fa-digg:before {
content: "\F1A6";
}
.fa-pied-piper-pp:before {
content: "\F1A7";
}
.fa-pied-piper-alt:before {
content: "\F1A8";
}
.fa-drupal:before {
content: "\F1A9";
}
.fa-joomla:before {
content: "\F1AA";
}
.fa-language:before {
content: "\F1AB";
}
.fa-fax:before {
content: "\F1AC";
}
.fa-building:before {
content: "\F1AD";
}
.fa-child:before {
content: "\F1AE";
}
.fa-paw:before {
content: "\F1B0";
}
.fa-spoon:before {
content: "\F1B1";
}
.fa-cube:before {
content: "\F1B2";
}
.fa-cubes:before {
content: "\F1B3";
}
.fa-behance:before {
content: "\F1B4";
}
.fa-behance-square:before {
content: "\F1B5";
}
.fa-steam:before {
content: "\F1B6";
}
.fa-steam-square:before {
content: "\F1B7";
}
.fa-recycle:before {
content: "\F1B8";
}
.fa-automobile:before,
.fa-car:before {
content: "\F1B9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\F1BA";
}
.fa-tree:before {
content: "\F1BB";
}
.fa-spotify:before {
content: "\F1BC";
}
.fa-deviantart:before {
content: "\F1BD";
}
.fa-soundcloud:before {
content: "\F1BE";
}
.fa-database:before {
content: "\F1C0";
}
.fa-file-pdf-o:before {
content: "\F1C1";
}
.fa-file-word-o:before {
content: "\F1C2";
}
.fa-file-excel-o:before {
content: "\F1C3";
}
.fa-file-powerpoint-o:before {
content: "\F1C4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\F1C5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\F1C6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\F1C7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\F1C8";
}
.fa-file-code-o:before {
content: "\F1C9";
}
.fa-vine:before {
content: "\F1CA";
}
.fa-codepen:before {
content: "\F1CB";
}
.fa-jsfiddle:before {
content: "\F1CC";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\F1CD";
}
.fa-circle-o-notch:before {
content: "\F1CE";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\F1D0";
}
.fa-ge:before,
.fa-empire:before {
content: "\F1D1";
}
.fa-git-square:before {
content: "\F1D2";
}
.fa-git:before {
content: "\F1D3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\F1D4";
}
.fa-tencent-weibo:before {
content: "\F1D5";
}
.fa-qq:before {
content: "\F1D6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\F1D7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\F1D8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\F1D9";
}
.fa-history:before {
content: "\F1DA";
}
.fa-circle-thin:before {
content: "\F1DB";
}
.fa-header:before {
content: "\F1DC";
}
.fa-paragraph:before {
content: "\F1DD";
}
.fa-sliders:before {
content: "\F1DE";
}
.fa-share-alt:before {
content: "\F1E0";
}
.fa-share-alt-square:before {
content: "\F1E1";
}
.fa-bomb:before {
content: "\F1E2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\F1E3";
}
.fa-tty:before {
content: "\F1E4";
}
.fa-binoculars:before {
content: "\F1E5";
}
.fa-plug:before {
content: "\F1E6";
}
.fa-slideshare:before {
content: "\F1E7";
}
.fa-twitch:before {
content: "\F1E8";
}
.fa-yelp:before {
content: "\F1E9";
}
.fa-newspaper-o:before {
content: "\F1EA";
}
.fa-wifi:before {
content: "\F1EB";
}
.fa-calculator:before {
content: "\F1EC";
}
.fa-paypal:before {
content: "\F1ED";
}
.fa-google-wallet:before {
content: "\F1EE";
}
.fa-cc-visa:before {
content: "\F1F0";
}
.fa-cc-mastercard:before {
content: "\F1F1";
}
.fa-cc-discover:before {
content: "\F1F2";
}
.fa-cc-amex:before {
content: "\F1F3";
}
.fa-cc-paypal:before {
content: "\F1F4";
}
.fa-cc-stripe:before {
content: "\F1F5";
}
.fa-bell-slash:before {
content: "\F1F6";
}
.fa-bell-slash-o:before {
content: "\F1F7";
}
.fa-trash:before {
content: "\F1F8";
}
.fa-copyright:before {
content: "\F1F9";
}
.fa-at:before {
content: "\F1FA";
}
.fa-eyedropper:before {
content: "\F1FB";
}
.fa-paint-brush:before {
content: "\F1FC";
}
.fa-birthday-cake:before {
content: "\F1FD";
}
.fa-area-chart:before {
content: "\F1FE";
}
.fa-pie-chart:before {
content: "\F200";
}
.fa-line-chart:before {
content: "\F201";
}
.fa-lastfm:before {
content: "\F202";
}
.fa-lastfm-square:before {
content: "\F203";
}
.fa-toggle-off:before {
content: "\F204";
}
.fa-toggle-on:before {
content: "\F205";
}
.fa-bicycle:before {
content: "\F206";
}
.fa-bus:before {
content: "\F207";
}
.fa-ioxhost:before {
content: "\F208";
}
.fa-angellist:before {
content: "\F209";
}
.fa-cc:before {
content: "\F20A";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\F20B";
}
.fa-meanpath:before {
content: "\F20C";
}
.fa-buysellads:before {
content: "\F20D";
}
.fa-connectdevelop:before {
content: "\F20E";
}
.fa-dashcube:before {
content: "\F210";
}
.fa-forumbee:before {
content: "\F211";
}
.fa-leanpub:before {
content: "\F212";
}
.fa-sellsy:before {
content: "\F213";
}
.fa-shirtsinbulk:before {
content: "\F214";
}
.fa-simplybuilt:before {
content: "\F215";
}
.fa-skyatlas:before {
content: "\F216";
}
.fa-cart-plus:before {
content: "\F217";
}
.fa-cart-arrow-down:before {
content: "\F218";
}
.fa-diamond:before {
content: "\F219";
}
.fa-ship:before {
content: "\F21A";
}
.fa-user-secret:before {
content: "\F21B";
}
.fa-motorcycle:before {
content: "\F21C";
}
.fa-street-view:before {
content: "\F21D";
}
.fa-heartbeat:before {
content: "\F21E";
}
.fa-venus:before {
content: "\F221";
}
.fa-mars:before {
content: "\F222";
}
.fa-mercury:before {
content: "\F223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\F224";
}
.fa-transgender-alt:before {
content: "\F225";
}
.fa-venus-double:before {
content: "\F226";
}
.fa-mars-double:before {
content: "\F227";
}
.fa-venus-mars:before {
content: "\F228";
}
.fa-mars-stroke:before {
content: "\F229";
}
.fa-mars-stroke-v:before {
content: "\F22A";
}
.fa-mars-stroke-h:before {
content: "\F22B";
}
.fa-neuter:before {
content: "\F22C";
}
.fa-genderless:before {
content: "\F22D";
}
.fa-facebook-official:before {
content: "\F230";
}
.fa-pinterest-p:before {
content: "\F231";
}
.fa-whatsapp:before {
content: "\F232";
}
.fa-server:before {
content: "\F233";
}
.fa-user-plus:before {
content: "\F234";
}
.fa-user-times:before {
content: "\F235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\F236";
}
.fa-viacoin:before {
content: "\F237";
}
.fa-train:before {
content: "\F238";
}
.fa-subway:before {
content: "\F239";
}
.fa-medium:before {
content: "\F23A";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\F23B";
}
.fa-optin-monster:before {
content: "\F23C";
}
.fa-opencart:before {
content: "\F23D";
}
.fa-expeditedssl:before {
content: "\F23E";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: "\F240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\F241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\F242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\F243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\F244";
}
.fa-mouse-pointer:before {
content: "\F245";
}
.fa-i-cursor:before {
content: "\F246";
}
.fa-object-group:before {
content: "\F247";
}
.fa-object-ungroup:before {
content: "\F248";
}
.fa-sticky-note:before {
content: "\F249";
}
.fa-sticky-note-o:before {
content: "\F24A";
}
.fa-cc-jcb:before {
content: "\F24B";
}
.fa-cc-diners-club:before {
content: "\F24C";
}
.fa-clone:before {
content: "\F24D";
}
.fa-balance-scale:before {
content: "\F24E";
}
.fa-hourglass-o:before {
content: "\F250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\F251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\F252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\F253";
}
.fa-hourglass:before {
content: "\F254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\F255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\F256";
}
.fa-hand-scissors-o:before {
content: "\F257";
}
.fa-hand-lizard-o:before {
content: "\F258";
}
.fa-hand-spock-o:before {
content: "\F259";
}
.fa-hand-pointer-o:before {
content: "\F25A";
}
.fa-hand-peace-o:before {
content: "\F25B";
}
.fa-trademark:before {
content: "\F25C";
}
.fa-registered:before {
content: "\F25D";
}
.fa-creative-commons:before {
content: "\F25E";
}
.fa-gg:before {
content: "\F260";
}
.fa-gg-circle:before {
content: "\F261";
}
.fa-tripadvisor:before {
content: "\F262";
}
.fa-odnoklassniki:before {
content: "\F263";
}
.fa-odnoklassniki-square:before {
content: "\F264";
}
.fa-get-pocket:before {
content: "\F265";
}
.fa-wikipedia-w:before {
content: "\F266";
}
.fa-safari:before {
content: "\F267";
}
.fa-chrome:before {
content: "\F268";
}
.fa-firefox:before {
content: "\F269";
}
.fa-opera:before {
content: "\F26A";
}
.fa-internet-explorer:before {
content: "\F26B";
}
.fa-tv:before,
.fa-television:before {
content: "\F26C";
}
.fa-contao:before {
content: "\F26D";
}
.fa-500px:before {
content: "\F26E";
}
.fa-amazon:before {
content: "\F270";
}
.fa-calendar-plus-o:before {
content: "\F271";
}
.fa-calendar-minus-o:before {
content: "\F272";
}
.fa-calendar-times-o:before {
content: "\F273";
}
.fa-calendar-check-o:before {
content: "\F274";
}
.fa-industry:before {
content: "\F275";
}
.fa-map-pin:before {
content: "\F276";
}
.fa-map-signs:before {
content: "\F277";
}
.fa-map-o:before {
content: "\F278";
}
.fa-map:before {
content: "\F279";
}
.fa-commenting:before {
content: "\F27A";
}
.fa-commenting-o:before {
content: "\F27B";
}
.fa-houzz:before {
content: "\F27C";
}
.fa-vimeo:before {
content: "\F27D";
}
.fa-black-tie:before {
content: "\F27E";
}
.fa-fonticons:before {
content: "\F280";
}
.fa-reddit-alien:before {
content: "\F281";
}
.fa-edge:before {
content: "\F282";
}
.fa-credit-card-alt:before {
content: "\F283";
}
.fa-codiepie:before {
content: "\F284";
}
.fa-modx:before {
content: "\F285";
}
.fa-fort-awesome:before {
content: "\F286";
}
.fa-usb:before {
content: "\F287";
}
.fa-product-hunt:before {
content: "\F288";
}
.fa-mixcloud:before {
content: "\F289";
}
.fa-scribd:before {
content: "\F28A";
}
.fa-pause-circle:before {
content: "\F28B";
}
.fa-pause-circle-o:before {
content: "\F28C";
}
.fa-stop-circle:before {
content: "\F28D";
}
.fa-stop-circle-o:before {
content: "\F28E";
}
.fa-shopping-bag:before {
content: "\F290";
}
.fa-shopping-basket:before {
content: "\F291";
}
.fa-hashtag:before {
content: "\F292";
}
.fa-bluetooth:before {
content: "\F293";
}
.fa-bluetooth-b:before {
content: "\F294";
}
.fa-percent:before {
content: "\F295";
}
.fa-gitlab:before {
content: "\F296";
}
.fa-wpbeginner:before {
content: "\F297";
}
.fa-wpforms:before {
content: "\F298";
}
.fa-envira:before {
content: "\F299";
}
.fa-universal-access:before {
content: "\F29A";
}
.fa-wheelchair-alt:before {
content: "\F29B";
}
.fa-question-circle-o:before {
content: "\F29C";
}
.fa-blind:before {
content: "\F29D";
}
.fa-audio-description:before {
content: "\F29E";
}
.fa-volume-control-phone:before {
content: "\F2A0";
}
.fa-braille:before {
content: "\F2A1";
}
.fa-assistive-listening-systems:before {
content: "\F2A2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\F2A3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\F2A4";
}
.fa-glide:before {
content: "\F2A5";
}
.fa-glide-g:before {
content: "\F2A6";
}
.fa-signing:before,
.fa-sign-language:before {
content: "\F2A7";
}
.fa-low-vision:before {
content: "\F2A8";
}
.fa-viadeo:before {
content: "\F2A9";
}
.fa-viadeo-square:before {
content: "\F2AA";
}
.fa-snapchat:before {
content: "\F2AB";
}
.fa-snapchat-ghost:before {
content: "\F2AC";
}
.fa-snapchat-square:before {
content: "\F2AD";
}
.fa-pied-piper:before {
content: "\F2AE";
}
.fa-first-order:before {
content: "\F2B0";
}
.fa-yoast:before {
content: "\F2B1";
}
.fa-themeisle:before {
content: "\F2B2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\F2B3";
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\F2B4";
}
.fa-handshake-o:before {
content: "\F2B5";
}
.fa-envelope-open:before {
content: "\F2B6";
}
.fa-envelope-open-o:before {
content: "\F2B7";
}
.fa-linode:before {
content: "\F2B8";
}
.fa-address-book:before {
content: "\F2B9";
}
.fa-address-book-o:before {
content: "\F2BA";
}
.fa-vcard:before,
.fa-address-card:before {
content: "\F2BB";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: "\F2BC";
}
.fa-user-circle:before {
content: "\F2BD";
}
.fa-user-circle-o:before {
content: "\F2BE";
}
.fa-user-o:before {
content: "\F2C0";
}
.fa-id-badge:before {
content: "\F2C1";
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\F2C2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\F2C3";
}
.fa-quora:before {
content: "\F2C4";
}
.fa-free-code-camp:before {
content: "\F2C5";
}
.fa-telegram:before {
content: "\F2C6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: "\F2C7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\F2C8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\F2C9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\F2CA";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\F2CB";
}
.fa-shower:before {
content: "\F2CC";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "\F2CD";
}
.fa-podcast:before {
content: "\F2CE";
}
.fa-window-maximize:before {
content: "\F2D0";
}
.fa-window-minimize:before {
content: "\F2D1";
}
.fa-window-restore:before {
content: "\F2D2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\F2D3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\F2D4";
}
.fa-bandcamp:before {
content: "\F2D5";
}
.fa-grav:before {
content: "\F2D6";
}
.fa-etsy:before {
content: "\F2D7";
}
.fa-imdb:before {
content: "\F2D8";
}
.fa-ravelry:before {
content: "\F2D9";
}
.fa-eercast:before {
content: "\F2DA";
}
.fa-microchip:before {
content: "\F2DB";
}
.fa-snowflake-o:before {
content: "\F2DC";
}
.fa-superpowers:before {
content: "\F2DD";
}
.fa-wpexplorer:before {
content: "\F2DE";
}
.fa-meetup:before {
content: "\F2E0";
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
/**
*
* All animations must live in their own file
* in the animations directory and be included
* here.
*
*/
/**
* Styles shared by multiple animations
*/
/**
* Dots
*/
@-webkit-keyframes scale {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
45% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0.7; }
80% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; } }
@keyframes scale {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
45% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0.7; }
80% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; } }
.ball-pulse > div:nth-child(0) {
-webkit-animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.ball-pulse > div:nth-child(1) {
-webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.ball-pulse > div:nth-child(2) {
-webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.ball-pulse > div:nth-child(3) {
-webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.ball-pulse > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block; }
@-webkit-keyframes ball-pulse-sync {
33% {
-webkit-transform: translateY(10px);
transform: translateY(10px); }
66% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes ball-pulse-sync {
33% {
-webkit-transform: translateY(10px);
transform: translateY(10px); }
66% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0); } }
.ball-pulse-sync > div:nth-child(0) {
-webkit-animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out;
animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out; }
.ball-pulse-sync > div:nth-child(1) {
-webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; }
.ball-pulse-sync > div:nth-child(2) {
-webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; }
.ball-pulse-sync > div:nth-child(3) {
-webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; }
.ball-pulse-sync > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block; }
@-webkit-keyframes ball-scale {
0% {
-webkit-transform: scale(0);
transform: scale(0); }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; } }
@keyframes ball-scale {
0% {
-webkit-transform: scale(0);
transform: scale(0); }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; } }
.ball-scale > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
height: 60px;
width: 60px;
-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
animation: ball-scale 1s 0s ease-in-out infinite; }
@keyframes ball-scale {
0% {
-webkit-transform: scale(0);
transform: scale(0); }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; } }
.ball-scale > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
height: 60px;
width: 60px;
-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
animation: ball-scale 1s 0s ease-in-out infinite; }
.ball-scale-random {
width: 37px;
height: 40px; }
.ball-scale-random > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
display: inline-block;
height: 30px;
width: 30px;
-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
animation: ball-scale 1s 0s ease-in-out infinite; }
.ball-scale-random > div:nth-child(1) {
margin-left: -7px;
-webkit-animation: ball-scale 1s 0.2s ease-in-out infinite;
animation: ball-scale 1s 0.2s ease-in-out infinite; }
.ball-scale-random > div:nth-child(3) {
margin-left: -2px;
margin-top: 9px;
-webkit-animation: ball-scale 1s 0.5s ease-in-out infinite;
animation: ball-scale 1s 0.5s ease-in-out infinite; }
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.ball-rotate {
position: relative; }
.ball-rotate > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: relative; }
.ball-rotate > div:first-child {
-webkit-animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; }
.ball-rotate > div:before, .ball-rotate > div:after {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
content: "";
position: absolute;
opacity: 0.8; }
.ball-rotate > div:before {
top: 0px;
left: -28px; }
.ball-rotate > div:after {
top: 0px;
left: 25px; }
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1); }
50% {
-webkit-transform: rotate(180deg) scale(0.6);
transform: rotate(180deg) scale(0.6); }
100% {
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1); } }
.ball-clip-rotate > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
border: 2px solid #fff;
border-bottom-color: transparent;
height: 25px;
width: 25px;
background: transparent !important;
display: inline-block;
-webkit-animation: rotate 0.75s 0s linear infinite;
animation: rotate 0.75s 0s linear infinite; }
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1); }
50% {
-webkit-transform: rotate(180deg) scale(0.6);
transform: rotate(180deg) scale(0.6); }
100% {
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1); } }
@keyframes scale {
30% {
-webkit-transform: scale(0.3);
transform: scale(0.3); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
.ball-clip-rotate-pulse {
position: relative;
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px); }
.ball-clip-rotate-pulse > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
top: 0px;
left: 0px;
border-radius: 100%; }
.ball-clip-rotate-pulse > div:first-child {
background: #fff;
height: 16px;
width: 16px;
top: 7px;
left: -7px;
-webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
.ball-clip-rotate-pulse > div:last-child {
position: absolute;
border: 2px solid #fff;
width: 30px;
height: 30px;
left: -16px;
top: -2px;
background: transparent;
border: 2px solid;
border-color: #fff transparent #fff transparent;
-webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
-webkit-animation-duration: 1s;
animation-duration: 1s; }
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1); }
50% {
-webkit-transform: rotate(180deg) scale(0.6);
transform: rotate(180deg) scale(0.6); }
100% {
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1); } }
.ball-clip-rotate-multiple {
position: relative; }
.ball-clip-rotate-multiple > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
left: -20px;
top: -20px;
border: 2px solid #fff;
border-bottom-color: transparent;
border-top-color: transparent;
border-radius: 100%;
height: 35px;
width: 35px;
-webkit-animation: rotate 1s 0s ease-in-out infinite;
animation: rotate 1s 0s ease-in-out infinite; }
.ball-clip-rotate-multiple > div:last-child {
display: inline-block;
top: -10px;
left: -10px;
width: 15px;
height: 15px;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
border-color: #fff transparent #fff transparent;
-webkit-animation-direction: reverse;
animation-direction: reverse; }
@-webkit-keyframes ball-scale-ripple {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1; }
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.7; }
100% {
opacity: 0.0; } }
@keyframes ball-scale-ripple {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1; }
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.7; }
100% {
opacity: 0.0; } }
.ball-scale-ripple > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
height: 50px;
width: 50px;
border-radius: 100%;
border: 2px solid #fff;
-webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }
@-webkit-keyframes ball-scale-ripple-multiple {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1; }
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.7; }
100% {
opacity: 0.0; } }
@keyframes ball-scale-ripple-multiple {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1; }
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.7; }
100% {
opacity: 0.0; } }
.ball-scale-ripple-multiple {
position: relative;
-webkit-transform: translateY(-25px);
-ms-transform: translateY(-25px);
transform: translateY(-25px); }
.ball-scale-ripple-multiple > div:nth-child(0) {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s; }
.ball-scale-ripple-multiple > div:nth-child(1) {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s; }
.ball-scale-ripple-multiple > div:nth-child(2) {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s; }
.ball-scale-ripple-multiple > div:nth-child(3) {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s; }
.ball-scale-ripple-multiple > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
top: -2px;
left: -26px;
width: 50px;
height: 50px;
border-radius: 100%;
border: 2px solid #fff;
-webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); }
@-webkit-keyframes ball-beat {
50% {
opacity: 0.2;
-webkit-transform: scale(0.75);
transform: scale(0.75); }
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes ball-beat {
50% {
opacity: 0.2;
-webkit-transform: scale(0.75);
transform: scale(0.75); }
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
.ball-beat > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
-webkit-animation: ball-beat 0.7s 0s infinite linear;
animation: ball-beat 0.7s 0s infinite linear; }
.ball-beat > div:nth-child(2n-1) {
-webkit-animation-delay: -0.35s !important;
animation-delay: -0.35s !important; }
@-webkit-keyframes ball-scale-multiple {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; }
5% {
opacity: 1; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; } }
@keyframes ball-scale-multiple {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; }
5% {
opacity: 1; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; } }
.ball-scale-multiple {
position: relative;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px); }
.ball-scale-multiple > div:nth-child(2) {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s; }
.ball-scale-multiple > div:nth-child(3) {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s; }
.ball-scale-multiple > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
left: -30px;
top: 0px;
opacity: 0;
margin: 0;
width: 60px;
height: 60px;
-webkit-animation: ball-scale-multiple 1s 0s linear infinite;
animation: ball-scale-multiple 1s 0s linear infinite; }
@-webkit-keyframes ball-triangle-path-1 {
33% {
-webkit-transform: translate(25px, -50px);
transform: translate(25px, -50px); }
66% {
-webkit-transform: translate(50px, 0px);
transform: translate(50px, 0px); }
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px); } }
@keyframes ball-triangle-path-1 {
33% {
-webkit-transform: translate(25px, -50px);
transform: translate(25px, -50px); }
66% {
-webkit-transform: translate(50px, 0px);
transform: translate(50px, 0px); }
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px); } }
@-webkit-keyframes ball-triangle-path-2 {
33% {
-webkit-transform: translate(25px, 50px);
transform: translate(25px, 50px); }
66% {
-webkit-transform: translate(-25px, 50px);
transform: translate(-25px, 50px); }
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px); } }
@keyframes ball-triangle-path-2 {
33% {
-webkit-transform: translate(25px, 50px);
transform: translate(25px, 50px); }
66% {
-webkit-transform: translate(-25px, 50px);
transform: translate(-25px, 50px); }
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px); } }
@-webkit-keyframes ball-triangle-path-3 {
33% {
-webkit-transform: translate(-50px, 0px);
transform: translate(-50px, 0px); }
66% {
-webkit-transform: translate(-25px, -50px);
transform: translate(-25px, -50px); }
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px); } }
@keyframes ball-triangle-path-3 {
33% {
-webkit-transform: translate(-50px, 0px);
transform: translate(-50px, 0px); }
66% {
-webkit-transform: translate(-25px, -50px);
transform: translate(-25px, -50px); }
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px); } }
.ball-triangle-path {
position: relative;
-webkit-transform: translate(-29.994px, -37.50938px);
-ms-transform: translate(-29.994px, -37.50938px);
transform: translate(-29.994px, -37.50938px); }
.ball-triangle-path > div:nth-child(1) {
-webkit-animation-name: ball-triangle-path-1;
animation-name: ball-triangle-path-1;
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.ball-triangle-path > div:nth-child(2) {
-webkit-animation-name: ball-triangle-path-2;
animation-name: ball-triangle-path-2;
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.ball-triangle-path > div:nth-child(3) {
-webkit-animation-name: ball-triangle-path-3;
animation-name: ball-triangle-path-3;
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.ball-triangle-path > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
width: 10px;
height: 10px;
border-radius: 100%;
border: 1px solid #fff; }
.ball-triangle-path > div:nth-of-type(1) {
top: 50px; }
.ball-triangle-path > div:nth-of-type(2) {
left: 25px; }
.ball-triangle-path > div:nth-of-type(3) {
top: 50px;
left: 50px; }
@-webkit-keyframes ball-pulse-rise-even {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
25% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
50% {
-webkit-transform: scale(0.4);
transform: scale(0.4); }
75% {
-webkit-transform: translateY(30px);
transform: translateY(30px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes ball-pulse-rise-even {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
25% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
50% {
-webkit-transform: scale(0.4);
transform: scale(0.4); }
75% {
-webkit-transform: translateY(30px);
transform: translateY(30px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: scale(1);
transform: scale(1); } }
@-webkit-keyframes ball-pulse-rise-odd {
0% {
-webkit-transform: scale(0.4);
transform: scale(0.4); }
25% {
-webkit-transform: translateY(30px);
transform: translateY(30px); }
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
75% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: scale(0.75);
transform: scale(0.75); } }
@keyframes ball-pulse-rise-odd {
0% {
-webkit-transform: scale(0.4);
transform: scale(0.4); }
25% {
-webkit-transform: translateY(30px);
transform: translateY(30px); }
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
75% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: scale(0.75);
transform: scale(0.75); } }
.ball-pulse-rise > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 0;
animation-delay: 0; }
.ball-pulse-rise > div:nth-child(2n) {
-webkit-animation-name: ball-pulse-rise-even;
animation-name: ball-pulse-rise-even; }
.ball-pulse-rise > div:nth-child(2n-1) {
-webkit-animation-name: ball-pulse-rise-odd;
animation-name: ball-pulse-rise-odd; }
@-webkit-keyframes ball-grid-beat {
50% {
opacity: 0.7; }
100% {
opacity: 1; } }
@keyframes ball-grid-beat {
50% {
opacity: 0.7; }
100% {
opacity: 1; } }
.ball-grid-beat {
width: 57px; }
.ball-grid-beat > div:nth-child(1) {
-webkit-animation-delay: 0.44s;
animation-delay: 0.44s;
-webkit-animation-duration: 1.27s;
animation-duration: 1.27s; }
.ball-grid-beat > div:nth-child(2) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-animation-duration: 1.52s;
animation-duration: 1.52s; }
.ball-grid-beat > div:nth-child(3) {
-webkit-animation-delay: 0.14s;
animation-delay: 0.14s;
-webkit-animation-duration: 0.61s;
animation-duration: 0.61s; }
.ball-grid-beat > div:nth-child(4) {
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s;
-webkit-animation-duration: 0.82s;
animation-duration: 0.82s; }
.ball-grid-beat > div:nth-child(5) {
-webkit-animation-delay: -0.01s;
animation-delay: -0.01s;
-webkit-animation-duration: 1.24s;
animation-duration: 1.24s; }
.ball-grid-beat > div:nth-child(6) {
-webkit-animation-delay: -0.07s;
animation-delay: -0.07s;
-webkit-animation-duration: 1.35s;
animation-duration: 1.35s; }
.ball-grid-beat > div:nth-child(7) {
-webkit-animation-delay: 0.29s;
animation-delay: 0.29s;
-webkit-animation-duration: 1.44s;
animation-duration: 1.44s; }
.ball-grid-beat > div:nth-child(8) {
-webkit-animation-delay: 0.63s;
animation-delay: 0.63s;
-webkit-animation-duration: 1.19s;
animation-duration: 1.19s; }
.ball-grid-beat > div:nth-child(9) {
-webkit-animation-delay: -0.18s;
animation-delay: -0.18s;
-webkit-animation-duration: 1.48s;
animation-duration: 1.48s; }
.ball-grid-beat > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
float: left;
-webkit-animation-name: ball-grid-beat;
animation-name: ball-grid-beat;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 0;
animation-delay: 0; }
@-webkit-keyframes ball-grid-pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0.7; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; } }
@keyframes ball-grid-pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0.7; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; } }
.ball-grid-pulse {
width: 57px; }
.ball-grid-pulse > div:nth-child(1) {
-webkit-animation-delay: 0.58s;
animation-delay: 0.58s;
-webkit-animation-duration: 0.9s;
animation-duration: 0.9s; }
.ball-grid-pulse > div:nth-child(2) {
-webkit-animation-delay: 0.01s;
animation-delay: 0.01s;
-webkit-animation-duration: 0.94s;
animation-duration: 0.94s; }
.ball-grid-pulse > div:nth-child(3) {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
-webkit-animation-duration: 1.43s;
animation-duration: 1.43s; }
.ball-grid-pulse > div:nth-child(4) {
-webkit-animation-delay: -0.03s;
animation-delay: -0.03s;
-webkit-animation-duration: 0.74s;
animation-duration: 0.74s; }
.ball-grid-pulse > div:nth-child(5) {
-webkit-animation-delay: 0.21s;
animation-delay: 0.21s;
-webkit-animation-duration: 0.68s;
animation-duration: 0.68s; }
.ball-grid-pulse > div:nth-child(6) {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
-webkit-animation-duration: 1.17s;
animation-duration: 1.17s; }
.ball-grid-pulse > div:nth-child(7) {
-webkit-animation-delay: 0.46s;
animation-delay: 0.46s;
-webkit-animation-duration: 1.41s;
animation-duration: 1.41s; }
.ball-grid-pulse > div:nth-child(8) {
-webkit-animation-delay: 0.02s;
animation-delay: 0.02s;
-webkit-animation-duration: 1.56s;
animation-duration: 1.56s; }
.ball-grid-pulse > div:nth-child(9) {
-webkit-animation-delay: 0.13s;
animation-delay: 0.13s;
-webkit-animation-duration: 0.78s;
animation-duration: 0.78s; }
.ball-grid-pulse > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
float: left;
-webkit-animation-name: ball-grid-pulse;
animation-name: ball-grid-pulse;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 0;
animation-delay: 0; }
@-webkit-keyframes ball-spin-fade-loader {
50% {
opacity: 0.3;
-webkit-transform: scale(0.4);
transform: scale(0.4); }
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes ball-spin-fade-loader {
50% {
opacity: 0.3;
-webkit-transform: scale(0.4);
transform: scale(0.4); }
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
.ball-spin-fade-loader {
position: relative;
top: -10px;
left: -10px; }
.ball-spin-fade-loader > div:nth-child(1) {
top: 25px;
left: 0;
-webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;
animation: ball-spin-fade-loader 1s -0.96s infinite linear; }
.ball-spin-fade-loader > div:nth-child(2) {
top: 17.04545px;
left: 17.04545px;
-webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;
animation: ball-spin-fade-loader 1s -0.84s infinite linear; }
.ball-spin-fade-loader > div:nth-child(3) {
top: 0;
left: 25px;
-webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;
animation: ball-spin-fade-loader 1s -0.72s infinite linear; }
.ball-spin-fade-loader > div:nth-child(4) {
top: -17.04545px;
left: 17.04545px;
-webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;
animation: ball-spin-fade-loader 1s -0.6s infinite linear; }
.ball-spin-fade-loader > div:nth-child(5) {
top: -25px;
left: 0;
-webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;
animation: ball-spin-fade-loader 1s -0.48s infinite linear; }
.ball-spin-fade-loader > div:nth-child(6) {
top: -17.04545px;
left: -17.04545px;
-webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;
animation: ball-spin-fade-loader 1s -0.36s infinite linear; }
.ball-spin-fade-loader > div:nth-child(7) {
top: 0;
left: -25px;
-webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;
animation: ball-spin-fade-loader 1s -0.24s infinite linear; }
.ball-spin-fade-loader > div:nth-child(8) {
top: 17.04545px;
left: -17.04545px;
-webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;
animation: ball-spin-fade-loader 1s -0.12s infinite linear; }
.ball-spin-fade-loader > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute; }
@-webkit-keyframes ball-spin-loader {
75% {
opacity: 0.2; }
100% {
opacity: 1; } }
@keyframes ball-spin-loader {
75% {
opacity: 0.2; }
100% {
opacity: 1; } }
.ball-spin-loader {
position: relative; }
.ball-spin-loader > span:nth-child(1) {
top: 45px;
left: 0;
-webkit-animation: ball-spin-loader 2s 0.9s infinite linear;
animation: ball-spin-loader 2s 0.9s infinite linear; }
.ball-spin-loader > span:nth-child(2) {
top: 30.68182px;
left: 30.68182px;
-webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
animation: ball-spin-loader 2s 1.8s infinite linear; }
.ball-spin-loader > span:nth-child(3) {
top: 0;
left: 45px;
-webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
animation: ball-spin-loader 2s 2.7s infinite linear; }
.ball-spin-loader > span:nth-child(4) {
top: -30.68182px;
left: 30.68182px;
-webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
animation: ball-spin-loader 2s 3.6s infinite linear; }
.ball-spin-loader > span:nth-child(5) {
top: -45px;
left: 0;
-webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
animation: ball-spin-loader 2s 4.5s infinite linear; }
.ball-spin-loader > span:nth-child(6) {
top: -30.68182px;
left: -30.68182px;
-webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
animation: ball-spin-loader 2s 5.4s infinite linear; }
.ball-spin-loader > span:nth-child(7) {
top: 0;
left: -45px;
-webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
animation: ball-spin-loader 2s 6.3s infinite linear; }
.ball-spin-loader > span:nth-child(8) {
top: 30.68182px;
left: -30.68182px;
-webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
animation: ball-spin-loader 2s 7.2s infinite linear; }
.ball-spin-loader > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
width: 15px;
height: 15px;
border-radius: 100%;
background: green; }
@-webkit-keyframes ball-zig {
33% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px); }
66% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@keyframes ball-zig {
33% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px); }
66% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@-webkit-keyframes ball-zag {
33% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px); }
66% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@keyframes ball-zag {
33% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px); }
66% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
.ball-zig-zag {
position: relative;
-webkit-transform: translate(-15px, -15px);
-ms-transform: translate(-15px, -15px);
transform: translate(-15px, -15px); }
.ball-zig-zag > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
margin-left: 15px;
top: 4px;
left: -7px; }
.ball-zig-zag > div:first-child {
-webkit-animation: ball-zig 0.7s 0s infinite linear;
animation: ball-zig 0.7s 0s infinite linear; }
.ball-zig-zag > div:last-child {
-webkit-animation: ball-zag 0.7s 0s infinite linear;
animation: ball-zag 0.7s 0s infinite linear; }
@-webkit-keyframes ball-zig-deflect {
17% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px); }
34% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px); }
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
67% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px); }
84% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@keyframes ball-zig-deflect {
17% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px); }
34% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px); }
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
67% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px); }
84% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@-webkit-keyframes ball-zag-deflect {
17% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px); }
34% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px); }
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
67% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px); }
84% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
@keyframes ball-zag-deflect {
17% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px); }
34% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px); }
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
67% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px); }
84% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px); }
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); } }
.ball-zig-zag-deflect {
position: relative;
-webkit-transform: translate(-15px, -15px);
-ms-transform: translate(-15px, -15px);
transform: translate(-15px, -15px); }
.ball-zig-zag-deflect > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
margin-left: 15px;
top: 4px;
left: -7px; }
.ball-zig-zag-deflect > div:first-child {
-webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
animation: ball-zig-deflect 1.5s 0s infinite linear; }
.ball-zig-zag-deflect > div:last-child {
-webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
animation: ball-zag-deflect 1.5s 0s infinite linear; }
/**
* Lines
*/
@-webkit-keyframes line-scale {
0% {
-webkit-transform: scaley(1);
transform: scaley(1); }
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4); }
100% {
-webkit-transform: scaley(1);
transform: scaley(1); } }
@keyframes line-scale {
0% {
-webkit-transform: scaley(1);
transform: scaley(1); }
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4); }
100% {
-webkit-transform: scaley(1);
transform: scaley(1); } }
.line-scale > div:nth-child(1) {
-webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div:nth-child(2) {
-webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div:nth-child(3) {
-webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div:nth-child(4) {
-webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div:nth-child(5) {
-webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.line-scale > div {
background-color: #fff;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block; }
@-webkit-keyframes line-scale-party {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes line-scale-party {
0% {
-webkit-transform: scale(1);
transform: scale(1); }
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
.line-scale-party > div:nth-child(1) {
-webkit-animation-delay: -0.09s;
animation-delay: -0.09s;
-webkit-animation-duration: 0.83s;
animation-duration: 0.83s; }
.line-scale-party > div:nth-child(2) {
-webkit-animation-delay: 0.33s;
animation-delay: 0.33s;
-webkit-animation-duration: 0.64s;
animation-duration: 0.64s; }
.line-scale-party > div:nth-child(3) {
-webkit-animation-delay: 0.32s;
animation-delay: 0.32s;
-webkit-animation-duration: 0.39s;
animation-duration: 0.39s; }
.line-scale-party > div:nth-child(4) {
-webkit-animation-delay: 0.47s;
animation-delay: 0.47s;
-webkit-animation-duration: 0.52s;
animation-duration: 0.52s; }
.line-scale-party > div {
background-color: #fff;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
-webkit-animation-name: line-scale-party;
animation-name: line-scale-party;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 0;
animation-delay: 0; }
@-webkit-keyframes line-scale-pulse-out {
0% {
-webkit-transform: scaley(1);
transform: scaley(1); }
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4); }
100% {
-webkit-transform: scaley(1);
transform: scaley(1); } }
@keyframes line-scale-pulse-out {
0% {
-webkit-transform: scaley(1);
transform: scaley(1); }
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4); }
100% {
-webkit-transform: scaley(1);
transform: scaley(1); } }
.line-scale-pulse-out > div {
background-color: #fff;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
-webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); }
.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
-webkit-animation-delay: -0.4s !important;
animation-delay: -0.4s !important; }
.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
-webkit-animation-delay: -0.2s !important;
animation-delay: -0.2s !important; }
@-webkit-keyframes line-scale-pulse-out-rapid {
0% {
-webkit-transform: scaley(1);
transform: scaley(1); }
80% {
-webkit-transform: scaley(0.3);
transform: scaley(0.3); }
90% {
-webkit-transform: scaley(1);
transform: scaley(1); } }
@keyframes line-scale-pulse-out-rapid {
0% {
-webkit-transform: scaley(1);
transform: scaley(1); }
80% {
-webkit-transform: scaley(0.3);
transform: scaley(0.3); }
90% {
-webkit-transform: scaley(1);
transform: scaley(1); } }
.line-scale-pulse-out-rapid > div {
background-color: #fff;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
-webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); }
.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
-webkit-animation-delay: -0.25s !important;
animation-delay: -0.25s !important; }
.line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
-webkit-animation-delay: 0s !important;
animation-delay: 0s !important; }
@-webkit-keyframes line-spin-fade-loader {
50% {
opacity: 0.3; }
100% {
opacity: 1; } }
@keyframes line-spin-fade-loader {
50% {
opacity: 0.3; }
100% {
opacity: 1; } }
.line-spin-fade-loader {
position: relative;
top: -10px;
left: -4px; }
.line-spin-fade-loader > div:nth-child(1) {
top: 20px;
left: 0;
-webkit-animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(2) {
top: 13.63636px;
left: 13.63636px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(3) {
top: 0;
left: 20px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(4) {
top: -13.63636px;
left: 13.63636px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(5) {
top: -20px;
left: 0;
-webkit-animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(6) {
top: -13.63636px;
left: -13.63636px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(7) {
top: 0;
left: -20px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(8) {
top: 13.63636px;
left: -13.63636px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; }
.line-spin-fade-loader > div {
background-color: #fff;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
width: 5px;
height: 15px; }
/**
* Misc
*/
@-webkit-keyframes triangle-skew-spin {
25% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
transform: perspective(100px) rotateX(180deg) rotateY(0); }
50% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
75% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
transform: perspective(100px) rotateX(0) rotateY(180deg); }
100% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
transform: perspective(100px) rotateX(0) rotateY(0); } }
@keyframes triangle-skew-spin {
25% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
transform: perspective(100px) rotateX(180deg) rotateY(0); }
50% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
75% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
transform: perspective(100px) rotateX(0) rotateY(180deg); }
100% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
transform: perspective(100px) rotateX(0) rotateY(0); } }
.triangle-skew-spin > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #fff;
-webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
@-webkit-keyframes square-spin {
25% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
transform: perspective(100px) rotateX(180deg) rotateY(0); }
50% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
75% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
transform: perspective(100px) rotateX(0) rotateY(180deg); }
100% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
transform: perspective(100px) rotateX(0) rotateY(0); } }
@keyframes square-spin {
25% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
transform: perspective(100px) rotateX(180deg) rotateY(0); }
50% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
75% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
transform: perspective(100px) rotateX(0) rotateY(180deg); }
100% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
transform: perspective(100px) rotateX(0) rotateY(0); } }
.square-spin > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
width: 50px;
height: 50px;
background: #fff;
border: 1px solid red;
-webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }
@-webkit-keyframes rotate_pacman_half_up {
0% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); }
50% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); }
100% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); } }
@keyframes rotate_pacman_half_up {
0% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); }
50% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); }
100% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); } }
@-webkit-keyframes rotate_pacman_half_down {
0% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); } }
@keyframes rotate_pacman_half_down {
0% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); } }
@-webkit-keyframes pacman-balls {
75% {
opacity: 0.7; }
100% {
-webkit-transform: translate(-100px, -6.25px);
transform: translate(-100px, -6.25px); } }
@keyframes pacman-balls {
75% {
opacity: 0.7; }
100% {
-webkit-transform: translate(-100px, -6.25px);
transform: translate(-100px, -6.25px); } }
.pacman {
position: relative; }
.pacman > div:nth-child(2) {
-webkit-animation: pacman-balls 1s -0.99s infinite linear;
animation: pacman-balls 1s -0.99s infinite linear; }
.pacman > div:nth-child(3) {
-webkit-animation: pacman-balls 1s -0.66s infinite linear;
animation: pacman-balls 1s -0.66s infinite linear; }
.pacman > div:nth-child(4) {
-webkit-animation: pacman-balls 1s -0.33s infinite linear;
animation: pacman-balls 1s -0.33s infinite linear; }
.pacman > div:nth-child(5) {
-webkit-animation: pacman-balls 1s 0s infinite linear;
animation: pacman-balls 1s 0s infinite linear; }
.pacman > div:first-of-type {
width: 0px;
height: 0px;
border-right: 25px solid transparent;
border-top: 25px solid #fff;
border-left: 25px solid #fff;
border-bottom: 25px solid #fff;
border-radius: 25px;
-webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
animation: rotate_pacman_half_up 0.5s 0s infinite;
position: relative;
left: -30px; }
.pacman > div:nth-child(2) {
width: 0px;
height: 0px;
border-right: 25px solid transparent;
border-top: 25px solid #fff;
border-left: 25px solid #fff;
border-bottom: 25px solid #fff;
border-radius: 25px;
-webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
animation: rotate_pacman_half_down 0.5s 0s infinite;
margin-top: -50px;
position: relative;
left: -30px; }
.pacman > div:nth-child(3),
.pacman > div:nth-child(4),
.pacman > div:nth-child(5),
.pacman > div:nth-child(6) {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
width: 10px;
height: 10px;
position: absolute;
-webkit-transform: translate(0, -6.25px);
-ms-transform: translate(0, -6.25px);
transform: translate(0, -6.25px);
top: 25px;
left: 70px; }
@-webkit-keyframes cube-transition {
25% {
-webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
transform: translateX(50px) scale(0.5) rotate(-90deg); }
50% {
-webkit-transform: translate(50px, 50px) rotate(-180deg);
transform: translate(50px, 50px) rotate(-180deg); }
75% {
-webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
transform: translateY(50px) scale(0.5) rotate(-270deg); }
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg); } }
@keyframes cube-transition {
25% {
-webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
transform: translateX(50px) scale(0.5) rotate(-90deg); }
50% {
-webkit-transform: translate(50px, 50px) rotate(-180deg);
transform: translate(50px, 50px) rotate(-180deg); }
75% {
-webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
transform: translateY(50px) scale(0.5) rotate(-270deg); }
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg); } }
.cube-transition {
position: relative;
-webkit-transform: translate(-25px, -25px);
-ms-transform: translate(-25px, -25px);
transform: translate(-25px, -25px); }
.cube-transition > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
width: 10px;
height: 10px;
position: absolute;
top: -5px;
left: -5px;
background-color: #fff;
-webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
animation: cube-transition 1.6s 0s infinite ease-in-out; }
.cube-transition > div:last-child {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s; }
@-webkit-keyframes spin-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes spin-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.semi-circle-spin {
position: relative;
width: 35px;
height: 35px;
overflow: hidden; }
.semi-circle-spin > div {
position: absolute;
border-width: 0px;
border-radius: 100%;
-webkit-animation: spin-rotate 0.6s 0s infinite linear;
animation: spin-rotate 0.6s 0s infinite linear;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), color-stop(30%, #fff), to(#fff));
background-image: -o-linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%);
background-image: linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%);
width: 100%;
height: 100%; }
@-webkit-keyframes bar-progress {
0% {
-webkit-transform: scaleY(20%);
transform: scaleY(20%);
opacity: 1; }
25% {
-webkit-transform: translateX(6%) scaleY(10%);
transform: translateX(6%) scaleY(10%);
opacity: 0.7; }
50% {
-webkit-transform: translateX(20%) scaleY(20%);
transform: translateX(20%) scaleY(20%);
opacity: 1; }
75% {
-webkit-transform: translateX(6%) scaleY(10%);
transform: translateX(6%) scaleY(10%);
opacity: 0.7; }
100% {
-webkit-transform: scaleY(20%);
transform: scaleY(20%);
opacity: 1; } }
@keyframes bar-progress {
0% {
-webkit-transform: scaleY(20%);
transform: scaleY(20%);
opacity: 1; }
25% {
-webkit-transform: translateX(6%) scaleY(10%);
transform: translateX(6%) scaleY(10%);
opacity: 0.7; }
50% {
-webkit-transform: translateX(20%) scaleY(20%);
transform: translateX(20%) scaleY(20%);
opacity: 1; }
75% {
-webkit-transform: translateX(6%) scaleY(10%);
transform: translateX(6%) scaleY(10%);
opacity: 0.7; }
100% {
-webkit-transform: scaleY(20%);
transform: scaleY(20%);
opacity: 1; } }
.bar-progress {
width: 30%;
height: 12px; }
.bar-progress > div {
position: relative;
width: 20%;
height: 12px;
border-radius: 10px;
background-color: #fff;
-webkit-animation: bar-progress 3s cubic-bezier(0.57, 0.1, 0.44, 0.93) infinite;
animation: bar-progress 3s cubic-bezier(0.57, 0.1, 0.44, 0.93) infinite;
opacity: 1; }
@-webkit-keyframes bar-swing {
0% {
left: 0; }
50% {
left: 70%; }
100% {
left: 0; } }
@keyframes bar-swing {
0% {
left: 0; }
50% {
left: 70%; }
100% {
left: 0; } }
.bar-swing {
width: 30%;
height: 8px; }
.bar-swing > div {
position: relative;
width: 30%;
height: 8px;
border-radius: 10px;
background-color: #fff;
-webkit-animation: bar-swing 1.5s infinite;
animation: bar-swing 1.5s infinite; }
@-webkit-keyframes bar-swing-container {
0% {
left: 0;
-webkit-transform: translateX(0);
transform: translateX(0); }
50% {
left: 70%;
-webkit-transform: translateX(-4px);
transform: translateX(-4px); }
100% {
left: 0;
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes bar-swing-container {
0% {
left: 0;
-webkit-transform: translateX(0);
transform: translateX(0); }
50% {
left: 70%;
-webkit-transform: translateX(-4px);
transform: translateX(-4px); }
100% {
left: 0;
-webkit-transform: translateX(0);
transform: translateX(0); } }
.bar-swing-container {
width: 20%;
height: 8px;
position: relative; }
.bar-swing-container div:nth-child(1) {
position: absolute;
width: 100%;
background-color: rgba(255, 255, 255, 0.2);
height: 12px;
border-radius: 10px; }
.bar-swing-container div:nth-child(2) {
position: absolute;
width: 30%;
height: 8px;
border-radius: 10px;
background-color: #fff;
-webkit-animation: bar-swing-container 2s cubic-bezier(0.91, 0.35, 0.12, 0.6) infinite;
animation: bar-swing-container 2s cubic-bezier(0.91, 0.35, 0.12, 0.6) infinite;
margin: 2px 2px 0; }
.sk-spinner {
color: #333;
}
.sk-spinner > div {
background-color: currentColor;
}
.ball-triangle-path > div,
.ball-scale-ripple-multiple > div,
.ball-scale-ripple > div {
background-color: initial;
border-color: currentColor;
}
.ball-clip-rotate > div {
background-color: initial;
border-top-color: currentColor;
border-right-color: currentColor;
border-left-color: currentColor;
}
.ball-clip-rotate-pulse > div:first-child {
background-color: currentColor;
}
.ball-clip-rotate-pulse > div:last-child {
background-color: initial;
border-top-color: currentColor;
border-bottom-color: currentColor;
}
.ball-clip-rotate-multiple > div:first-child {
background-color: initial;
border-right-color: currentColor;
border-left-color: currentColor;
}
.ball-clip-rotate-multiple > div:last-child {
background-color: initial;
border-top-color: currentColor;
border-bottom-color: currentColor;
}
.triangle-skew-spin > div {
background-color: initial;
border-bottom-color: currentColor;
}
.pacman > div:nth-child(1),
.pacman > div:nth-child(2) {
background-color: initial;
border-top-color: currentColor;
border-left-color: currentColor;
border-bottom-color: currentColor;
}
.pacman > div:nth-child(3),
.pacman > div:nth-child(4),
.pacman > div:nth-child(5) {
background-color: currentColor;
}
@-webkit-keyframes sk-fade-in {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes sk-fade-in {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.sk-fade-in {
-webkit-animation: sk-fade-in 2s;
animation: sk-fade-in 2s;
}
.sk-fade-in-half-second {
-webkit-animation: sk-fade-in 1s;
animation: sk-fade-in 1s;
}
.sk-fade-in-quarter-second {
-webkit-animation: sk-fade-in 0.5s;
animation: sk-fade-in 0.5s;
}
.sk-chasing-dots {
width: 27px;
height: 27px;
position: relative;
-webkit-animation: sk-rotate 2.0s infinite linear;
animation: sk-rotate 2.0s infinite linear;
}
.sk-chasing-dots > div {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: currentColor;
border-radius: 100%;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}
.sk-chasing-dots > div:last-child {
top: auto;
bottom: 0;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate {
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes sk-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
.sk-circle {
width: 22px;
height: 22px;
position: relative;
}
.sk-circle > div {
background-color: initial;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-circle > div::before {
content: '';
display: block;
margin: 0 auto;
width: 20%;
height: 20%;
background-color: currentColor;
border-radius: 100%;
-webkit-animation: sk-bouncedelay 1.2s infinite ease-in-out;
animation: sk-bouncedelay 1.2s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.sk-circle > div:nth-child(2) { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg) }
.sk-circle > div:nth-child(3) { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg) }
.sk-circle > div:nth-child(4) { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) }
.sk-circle > div:nth-child(5) { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg) }
.sk-circle > div:nth-child(6) { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg) }
.sk-circle > div:nth-child(7) { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) }
.sk-circle > div:nth-child(8) { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg) }
.sk-circle > div:nth-child(9) { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg) }
.sk-circle > div:nth-child(10) { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) }
.sk-circle > div:nth-child(11) { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg) }
.sk-circle > div:nth-child(12) { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg) }
.sk-circle > div:nth-child(2)::before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s }
.sk-circle > div:nth-child(3)::before { -webkit-animation-delay: -1.0s; animation-delay: -1.0s }
.sk-circle > div:nth-child(4)::before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s }
.sk-circle > div:nth-child(5)::before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s }
.sk-circle > div:nth-child(6)::before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s }
.sk-circle > div:nth-child(7)::before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s }
.sk-circle > div:nth-child(8)::before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s }
.sk-circle > div:nth-child(9)::before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s }
.sk-circle > div:nth-child(10)::before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s }
.sk-circle > div:nth-child(11)::before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s }
.sk-circle > div:nth-child(12)::before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s }
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0.0);
transform: scale(0.0);
} 40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
.sk-cube-grid {
width: 27px;
height: 27px;
}
.sk-cube-grid > div {
width: 33%;
height: 33%;
background-color: currentColor;
float: left;
-webkit-animation: sk-scaleDelay 1.3s infinite ease-in-out;
animation: sk-scaleDelay 1.3s infinite ease-in-out;
}
/*
* Spinner positions
* 1 2 3
* 4 5 6
* 7 8 9
*/
.sk-cube-grid > div:nth-child(1) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s }
.sk-cube-grid > div:nth-child(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s }
.sk-cube-grid > div:nth-child(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s }
.sk-cube-grid > div:nth-child(4) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s }
.sk-cube-grid > div:nth-child(5) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s }
.sk-cube-grid > div:nth-child(6) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s }
.sk-cube-grid > div:nth-child(7) { -webkit-animation-delay: 0.0s; animation-delay: 0.0s }
.sk-cube-grid > div:nth-child(8) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s }
.sk-cube-grid > div:nth-child(9) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s }
@-webkit-keyframes sk-scaleDelay {
0%, 70%, 100% { -webkit-transform:scale3D(1.0, 1.0, 1.0) }
35% { -webkit-transform:scale3D(0.0, 0.0, 1.0) }
}
@keyframes sk-scaleDelay {
0%, 70%, 100% { -webkit-transform:scale3D(1.0, 1.0, 1.0); transform:scale3D(1.0, 1.0, 1.0) }
35% { -webkit-transform:scale3D(1.0, 1.0, 1.0); transform:scale3D(0.0, 0.0, 1.0) }
}
.sk-double-bounce {
width: 27px;
height: 27px;
position: relative;
}
.sk-double-bounce > div {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: currentColor;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}
.sk-double-bounce > div:last-child {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
.sk-folding-cube {
width: 27px;
height: 27px;
position: relative;
-webkit-transform: rotateZ(45deg);
-ms-transform: rotate(45deg);
transform: rotateZ(45deg);
}
.sk-folding-cube > div {
background-color: initial;
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.sk-folding-cube > div::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: currentColor;
-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
animation: sk-foldCubeAngle 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.sk-folding-cube > div:nth-child(2) {
-webkit-transform: scale(1.1) rotateZ(90deg);
-ms-transform: scale(1.1) rotate(90deg);
transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube > div:nth-child(4) {
-webkit-transform: scale(1.1) rotateZ(180deg);
-ms-transform: scale(1.1) rotate(180deg);
transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube > div:nth-child(3) {
-webkit-transform: scale(1.1) rotateZ(270deg);
-ms-transform: scale(1.1) rotate(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube > div:nth-child(2)::before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-folding-cube > div:nth-child(4)::before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.sk-folding-cube > div:nth-child(3)::before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
} 25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
} 90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
@keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
} 25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
} 90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
.sk-pulse > div {
width: 27px;
height: 27px;
background-color: currentColor;
border-radius: 100%;
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
0% { -webkit-transform: scale(0.0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes sk-scaleout {
0% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 100% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
opacity: 0;
}
}
.sk-rotating-plane > div {
width: 27px;
height: 27px;
background-color: currentColor;
-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
animation: sk-rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotateplane {
0% { -webkit-transform: perspective(120px) }
50% { -webkit-transform: perspective(120px) rotateY(180deg) }
100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) }
}
@keyframes sk-rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
} 50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
} 100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.sk-three-bounce {
height: 18px;
}
.sk-three-bounce > div {
width: 18px;
height: 18px;
background-color: currentColor;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out;
animation: sk-bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.sk-three-bounce > div:first-child {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.sk-three-bounce > div:nth-child(2) {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
.sk-wandering-cubes {
width: 52px;
height: 52px;
position: relative;
}
.sk-wandering-cubes > div {
background-color: currentColor;
width: 10px;
height: 10px;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
animation: sk-cubemove 1.8s infinite ease-in-out;
}
.sk-wandering-cubes > div:last-child {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
@-webkit-keyframes sk-cubemove {
25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
100% { -webkit-transform: rotate(-360deg) }
}
@keyframes sk-cubemove {
25% {
transform: translateX(42px) rotate(-90deg) scale(0.5);
-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
} 50% {
/* Hack to make FF rotate in the right direction */
transform: translateX(42px) translateY(42px) rotate(-179deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
} 50.1% {
transform: translateX(42px) translateY(42px) rotate(-180deg);
-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
} 75% {
transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
} 100% {
transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
}
}
.sk-wave {
width: 30px;
height: 27px;
}
.sk-wave > div {
background-color: currentColor;
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.sk-wave > div:nth-child(2) {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.sk-wave > div:nth-child(3) {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.sk-wave > div:nth-child(4) {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.sk-wave > div:nth-child(5) {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
} 20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
.sk-wordpress > div {
width: 27px;
height: 27px;
background-color: currentColor;
display: inline-block;
border-radius: 27px;
position: relative;
-webkit-animation: sk-inner-circle 1s linear infinite;
animation: sk-inner-circle 1s linear infinite;
}
.sk-wordpress > div::after {
content: '';
display: block;
background-color: #fff;
width: 8px;
height: 8px;
position: absolute;
border-radius: 8px;
top: 5px;
left: 5px;
}
@-webkit-keyframes sk-inner-circle {
0% { -webkit-transform: rotate(0); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes sk-inner-circle {
0% { transform: rotate(0); -webkit-transform:rotate(0); }
100% { transform: rotate(360deg); -webkit-transform:rotate(360deg); }
}
.tippy-touch{cursor:pointer!important}.tippy-notransition{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.tippy-popper{max-width:400px;-webkit-perspective:800px;perspective:800px;z-index:9999;outline:0;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);-o-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1);pointer-events:none}.tippy-popper.html-template{max-width:96%;max-width:calc(100% - 20px)}.tippy-popper[x-placement^=top] [x-arrow]{border-top:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;bottom:-7px;margin:0 9px}.tippy-popper[x-placement^=top] [x-arrow].arrow-small{border-top:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;bottom:-5px}.tippy-popper[x-placement^=top] [x-arrow].arrow-big{border-top:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;bottom:-10px}.tippy-popper[x-placement^=top] [x-circle]{-webkit-transform-origin:0 33%;-ms-transform-origin:0 33%;transform-origin:0 33%}.tippy-popper[x-placement^=top] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-55%);-ms-transform:scale(1) translate(-50%,-55%);transform:scale(1) translate(-50%,-55%);opacity:1}.tippy-popper[x-placement^=top] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);-ms-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow]{border-top:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-top:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-top:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow]{border-top:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-top:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-top:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] [data-animation=perspective]{-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateY(-10px) rotateX(0);transform:translateY(-10px) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateY(0) rotateX(90deg);transform:translateY(0) rotateX(90deg)}.tippy-popper[x-placement^=top] [data-animation=fade].enter{opacity:1;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade].leave{opacity:0;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].enter{opacity:1;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].leave{opacity:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale].enter{opacity:1;-webkit-transform:translateY(-10px) scale(1);-ms-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale].leave{opacity:0;-webkit-transform:translateY(0) scale(0);-ms-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=bottom] [x-arrow]{border-bottom:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;top:-7px;margin:0 9px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small{border-bottom:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;top:-5px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big{border-bottom:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;top:-10px}.tippy-popper[x-placement^=bottom] [x-circle]{-webkit-transform-origin:0 -50%;-ms-transform-origin:0 -50%;transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-45%);-ms-transform:scale(1) translate(-50%,-45%);transform:scale(1) translate(-50%,-45%);opacity:1}.tippy-popper[x-placement^=bottom] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-5%);-ms-transform:scale(.15) translate(-50%,-5%);transform:scale(.15) translate(-50%,-5%);opacity:0}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow]{border-bottom:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-bottom:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-bottom:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow]{border-bottom:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-bottom:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-bottom:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateY(10px) rotateX(0);transform:translateY(10px) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateY(0) rotateX(-90deg);transform:translateY(0) rotateX(-90deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade].enter{opacity:1;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade].leave{opacity:0;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].enter{opacity:1;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].leave{opacity:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale].enter{opacity:1;-webkit-transform:translateY(10px) scale(1);-ms-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale].leave{opacity:0;-webkit-transform:translateY(0) scale(0);-ms-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=left] [x-arrow]{border-left:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;right:-7px;margin:6px 0}.tippy-popper[x-placement^=left] [x-arrow].arrow-small{border-left:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;right:-5px}.tippy-popper[x-placement^=left] [x-arrow].arrow-big{border-left:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;right:-10px}.tippy-popper[x-placement^=left] [x-circle]{-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=left] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-50%);-ms-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=left] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);-ms-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow]{border-left:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-left:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-left:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow]{border-left:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-left:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-left:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] [data-animation=perspective]{-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateX(-10px) rotateY(0);transform:translateX(-10px) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateX(0) rotateY(-90deg);transform:translateX(0) rotateY(-90deg)}.tippy-popper[x-placement^=left] [data-animation=fade].enter{opacity:1;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade].leave{opacity:0;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].enter{opacity:1;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].leave{opacity:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale].enter{opacity:1;-webkit-transform:translateX(-10px) scale(1);-ms-transform:translateX(-10px) scale(1);transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale].leave{opacity:0;-webkit-transform:translateX(0) scale(0);-ms-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-popper[x-placement^=right] [x-arrow]{border-right:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;left:-7px;margin:6px 0}.tippy-popper[x-placement^=right] [x-arrow].arrow-small{border-right:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;left:-5px}.tippy-popper[x-placement^=right] [x-arrow].arrow-big{border-right:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;left:-10px}.tippy-popper[x-placement^=right] [x-circle]{-webkit-transform-origin:-50% 0;-ms-transform-origin:-50% 0;transform-origin:-50% 0}.tippy-popper[x-placement^=right] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-50%);-ms-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=right] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);-ms-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow]{border-right:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-right:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-right:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow]{border-right:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-right:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-right:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] [data-animation=perspective]{-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateX(10px) rotateY(0);transform:translateX(10px) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateX(0) rotateY(90deg);transform:translateX(0) rotateY(90deg)}.tippy-popper[x-placement^=right] [data-animation=fade].enter{opacity:1;-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade].leave{opacity:0;-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].enter{opacity:1;-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].leave{opacity:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale].enter{opacity:1;-webkit-transform:translateX(10px) scale(1);-ms-transform:translateX(10px) scale(1);transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale].leave{opacity:0;-webkit-transform:translateX(0) scale(0);-ms-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-popper .tippy-tooltip.transparent-theme{background-color:rgba(0,0,0,.7)}.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill]{background-color:transparent}.tippy-popper .tippy-tooltip.light-theme{color:#26323d;-webkit-box-shadow:0 4px 20px 4px rgba(0,20,60,.1),0 4px 80px -8px rgba(0,20,60,.2);box-shadow:0 4px 20px 4px rgba(0,20,60,.1),0 4px 80px -8px rgba(0,20,60,.2);background-color:#fff}.tippy-popper .tippy-tooltip.light-theme[data-animatefill]{background-color:transparent}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:.95rem;padding:.4rem .8rem;text-align:center;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333}.tippy-tooltip--small{padding:.25rem .5rem;font-size:.8rem}.tippy-tooltip--big{padding:.6rem 1.2rem;font-size:1.2rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive]{pointer-events:auto}.tippy-tooltip[data-inertia]{-webkit-transition-timing-function:cubic-bezier(.53,2,.36,.85);-o-transition-timing-function:cubic-bezier(.53,2,.36,.85);transition-timing-function:cubic-bezier(.53,2,.36,.85)}.tippy-tooltip [x-arrow]{position:absolute;width:0;height:0}.tippy-tooltip [x-circle]{position:absolute;will-change:transform;background-color:#333;border-radius:50%;width:130%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;overflow:hidden;-webkit-transition:all ease;-o-transition:all ease;transition:all ease}.tippy-tooltip [x-circle]:before{content:"";padding-top:90%;float:left}@media (max-width:450px){.tippy-popper{max-width:96%;max-width:calc(100% - 20px)}}
/*# sourceMappingURL=vendor.5cab5569.css.map*/