/*!
 * Bootstrap v4.2.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
.clusterize-scroll {
    max-height: 200px;
    overflow: auto
}

.clusterize-extra-row {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.clusterize-extra-row.clusterize-keep-parity {
    display: none
}

.clusterize-content {
    outline: 0;
    counter-reset: clusterize-counter
}

.clusterize-no-data td {
    text-align: center
}

.ldcv {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0;
    text-align: center;
    perspective: 1024px;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
    visibility: hidden
}

.ldcv:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5)
}

.ldcv:after {
    content: " ";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
    margin-right: -0.25em
}

.ldcv.running,
.ldcv.active {
    z-index: 1
}

.ldcv.no-shadow:before,
.ldcv.bare:before {
    display: none
}

.ldcv.active {
    visibility: visible;
    opacity: 1
}

.ldcv>.base>.inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    background: #fff;
    padding: 0;
    transform: translateZ(0);
    transform-origin: 50% 50%;
    transition: all .2s ease-in-out
}

.ldcv>.base>.inner>.foot {
    padding: 15px;
    margin-top: 15px;
    border-top: 1px solid #ddd
}

.ldcv.shown>.base>.inner {
    transform: none !important
}

.ldcv>.base {
    text-align: left;
    z-index: 5;
    max-width: 80%;
    max-height: 90%;
    display: inline-block;
    vertical-align: middle
}

.ldcv.default-size>.base {
    width: 640px;
    height: 600px
}

.ldcv.margin-centered>.base {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: initial;
    perspective: 300px
}

.ldcv.transform-centered>.base {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.ldcv.bare {
    position: absolute;
    width: auto;
    height: auto
}

.ldcv.bare>.base {
    width: auto;
    height: auto;
    max-width: initial;
    max-height: initial;
    transform: initial;
    top: initial;
    left: initial;
    right: initial;
    bottom: initial;
    position: absolute
}

.ldcv.bare>.base>.inner {
    overflow: visible
}

.ldcv.scroll {
    background: rgba(0, 0, 0, 0.5);
    overflow-y: scroll;
    overflow-x: hidden;
    padding-top: 50px;
    padding-bottom: 50px
}

.ldcv.scroll:before {
    display: none
}

.ldcv.scroll>.base {
    max-height: initial
}

.ldcv.light:before {
    background: rgba(255, 255, 255, 0.8)
}

.ldcv.scroll.light {
    background: rgba(255, 255, 255, 0.8)
}

.ldcv.lg>.base {
    width: 960px;
    height: 700px
}

.ldcv.md>.base {
    width: 720px;
    height: 500px
}

.ldcv.full>.base {
    border: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%
}

.ldcv.full>.base>.inner {
    border-radius: 0
}

.ldColorPicker {
    -webkit-font-smoothing: antialiased;
    line-height: 1.428571429;
    display: inline-block;
    position: relative;
    width: 287px;
    height: 160px;
    text-align: left;
    z-index: 1
}

.ldColorPicker *,
.ldColorPicker *:before,
.ldColorPicker *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ldcp-panel {
    position: relative;
    display: block;
    padding: 5px;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #000
}

.ldColorPicker .ldcp-panel {
    border: 1px solid #ccc
}

.ldColorPicker.fixed {
    position: fixed !important
}

.ldColorPicker.no-border .ldcp-panel,
.ldColorPicker.mini-palette .ldcp-panel {
    border: 1px transparent
}

.ldColorPicker.shadow .ldcp-panel,
.ldColorPicker.shadow.flat .ldcp-panel {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)
}

.ldColorPicker.round .ldcp-panel {
    border-radius: 3px
}

.ldColorPicker.rounder .ldcp-panel {
    border-radius: 6px
}

.ldColorPicker.bubble .ldcp-panel:after {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent
}

.ldColorPicker.top.bubble .ldcp-panel:after {
    border-color: #ccc transparent transparent transparent;
    bottom: -20px;
    left: 10px;
    top: auto
}

.ldColorPicker.right.bubble .ldcp-panel:after {
    border-color: transparent #ccc transparent transparent;
    top: 10px;
    left: -20px
}

.ldColorPicker.left.bubble .ldcp-panel:after {
    border-color: transparent transparent transparent #ccc;
    top: 10px;
    right: -20px;
    left: auto
}

.ldColorPicker.bottom.bubble .ldcp-panel:after,
.ldColorPicker.bubble .ldcp-panel:after {
    border-color: transparent transparent #ccc transparent;
    top: -20px;
    left: 10px
}

.ldcp-2d {
    position: relative;
    background: #00f;
    display: inline-block;
    cursor: move;
    border-radius: 2px;
    user-select: none
}

.ldcp-2d .ldcp-mask {
    z-index: 2;
    box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.5);
    border-radius: 2px
}

.ldcp-2d img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px
}

.ldcp-1d {
    position: relative;
    display: inline-block;
    cursor: row-resize;
    user-select: none
}

.ldcp-1d .ldcp-mask {
    z-index: 2
}

.ldcp-1d .ldcp-bar {
    width: 80%;
    height: 4px;
    background: #fff;
    top: 20px;
    left: 10%;
    margin: 0;
    border: 1px solid #999;
    border-radius: 1px
}

.ldcp-1d .ldcp-alpha-img {
    background-size: cover
}

.ldcp-1d img,
.ldcp-1d .ldcp-alpha-img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px
}

.ldcp-1d .ldcp-mask {
    left: 0;
    box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.2);
    border-radius: 2px
}

.ldcp-colors.ldcp-g21 {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.ldcp-colors.ldcp-g21 .ldcp-idx {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    bottom: -3px;
    margin-left: -5px;
    border-width: 8px 5px;
    border-style: solid;
    border-color: transparent transparent #000 transparent
}

.ldcp-colors.ldcp-g21 .ldcp-palette {
    flex: 9 1 auto;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    margin-right: 5px;
    position: relative
}

.ldcp-colors.ldcp-g21 .ldcp-color {
    border: 0 dashed transparent
}

.ldcp-colors.ldcp-g21 .ldcp-color,
.ldcp-colors.ldcp-g21 .ldcp-color-none {
    height: 100%;
    background: #eee;
    display: inline-block;
    overflow: hidden;
    flex: 1 1 auto;
    text-align: center;
    line-height: 100%;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 1px;
    margin: 0 5px 0 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACVJREFUeNpi/P//PwMMvHnzBs5mYsABSJdgQTZXRESEFnYABBgAfWEI03YAx+QAAAAASUVORK5CYII=)
}

.ldcp-colors.ldcp-g21 .ldcp-color>div {
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.2)
}

.ldcp-colors.ldcp-g21 .ldcp-color.none {
    border: 1px dashed #ccc
}

.ldcp-colors.ldcp-g21 .ldcp-color-none {
    border: 1px dashed #ccc;
    box-shadow: none
}

.ldcp-colors.ldcp-g21 .ldcp-color:first-of-type {
    margin-left: 0
}

.ldcp-colors.ldcp-g21 .ldcp-color:last-of-type {
    margin-right: 0
}

.ldcp-colors.ldcp-g21 .ldcp-color:first-of-type {
    margin-left: 0
}

.ldcp-colors.ldcp-g21 .ldcp-color:last-of-type {
    margin-right: 0
}

.ldcp-cbtn {
    font-family: courier new;
    text-align: center;
    border: 1px solid #ccc;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #888;
    display: block;
    cursor: pointer;
    width: 17px;
    flex: 0 0 17px;
    border-left-width: 0
}

.ldcp-colors span:first-of-type {
    border-radius: 2px 0 0 2px;
    width: 19px;
    flex: 0 0 19px;
    margin-left: 5px;
    border-left-width: 1px
}

.ldcp-colors span:last-of-type {
    border-radius: 0 2px 2px 0
}

.ldcp-g31 {
    color: #666;
    font-family: calibri
}

.ldcp-g31 input {
    width: 29px;
    margin-left: -2px;
    margin-right: 5px;
    border-radius: 0;
    color: #666;
    height: 100%;
    padding: 0 2px 0;
    font-weight: 200;
    font-size: 13px;
    vertical-align: top;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 0 3px 3px 0
}

.ldcp-g31 input.ldcp-in-a {
    margin-right: 0
}

.ldcp-g31 input.ldcp-in-hex {
    width: 54px
}

.ldcp-g31 span {
    display: inline-block;
    padding: 0 2px;
    line-height: 15px;
    border-radius: 2px 0 0 2px;
    width: 16px;
    height: 100%;
    vertical-align: top;
    font-size: 13px;
    margin-right: 0;
    border: 1px solid #ccc;
    text-align: center;
    font-weight: 200;
    user-select: none
}

.ldcp-g31 .ldcp-caret {
    border-radius: 2px;
    width: 52px;
    float: right;
    cursor: pointer;
    user-select: none
}

.ldcp-edit-group {
    display: inline
}

.ldcp-edit-hex span {
    width: 32px
}

.ldcp-panel .ldcp-ptr-circle,
.ldcp-panel .ldcp-ptr-bar {
    position: absolute;
    background: 0;
    z-index: 3
}

.ldcp-panel .ldcp-ptr-circle {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.9)
}

.ldcp-panel .ldcp-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: move
}

.ldcp-panel .ldcp-ptr-bar {
    width: 80%;
    height: 4px;
    background: #fff;
    top: 0;
    left: 10%;
    margin-top: -2px;
    border: 1px solid #999;
    border-radius: 1px
}

.ldcp-panel {
    padding: 5px;
    padding-bottom: 10px
}

.ldcp-v {
    width: 100%;
    margin-top: 10px;
    margin-bottom: -5px
}

.ldcp-v:first-of-type {
    margin-top: 0
}

.ldcp-v:last-of-type {
    margin-bottom: -4995px
}

.ldcp-h {
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    margin-right: -5px
}

.ldcp-v .ldcp-h:first-of-type {
    margin-left: 0
}

.ldcp-v .ldcp-h:last-of-type {
    margin-right: -4995px
}

.ldcp-chooser {
    display: none
}

.ldcp-panel {
    padding-bottom: 29px
}

.ldcp-g1 {
    height: 100%;
    padding-right: 10px
}

.ldcp-g11 {
    width: 80%
}

.ldcp-g12,
.ldcp-g13 {
    width: 10%
}

.ldcp-g2 {
    height: 19px
}

.ldcp-g21 {
    width: 100%
}

.ldcp-g3 {
    display: none;
    height: 17px;
    line-height: 17px;
    margin-top: 12px
}

.ldcp-g31 {
    width: 100%
}

.ldColorPicker.text-input .ldcp-panel {
    padding-bottom: 54px
}

.ldColorPicker.text-input .ldcp-g3 {
    display: block
}

.ldColorPicker.no-alpha .ldcp-2d {
    width: 90%
}

.ldColorPicker.no-alpha .ldcp-g1 {
    padding-right: 5px
}

.ldColorPicker.no-alpha .ldcp-alpha {
    display: none
}

.ldColorPicker.no-palette .ldcp-panel {
    padding-bottom: 5px
}

.ldColorPicker.no-palette .ldcp-g2 {
    display: none
}

.ldColorPicker.no-palette.text-input .ldcp-panel {
    padding-bottom: 29px
}

.ldColorPicker.palette-only,
.ldColorPicker.mini-palette {
    height: 22px
}

.ldColorPicker.palette-only .ldcp-panel,
.ldColorPicker.mini-palette .ldcp-panel {
    padding-bottom: 27px
}

.ldColorPicker.palette-only .ldcp-g2,
.ldColorPicker.mini-palette .ldcp-g2 {
    margin-top: 5px
}

.ldColorPicker.palette-only .ldcp-g3,
.ldColorPicker.mini-palette .ldcp-g3 {
    display: none
}

.ldColorPicker.palette-only .ldcp-colors,
.ldColorPicker.mini-palette .ldcp-colors {
    height: 22px
}

.ldColorPicker.palette-only .ldcp-2d,
.ldColorPicker.mini-palette .ldcp-2d,
.ldColorPicker.palette-only .ldcp-1d,
.ldColorPicker.mini-palette .ldcp-1d {
    display: none
}

.ldColorPicker.palette-only .ldcp-cbtn,
.ldColorPicker.mini-palette .ldcp-cbtn {
    display: none
}

.ldColorPicker.round-palette .ldcp-color,
.ldColorPicker.round-palette .ldcp-color-none {
    border-radius: 50%;
    width: 22px;
    flex: 0 0 22px
}

.ldColorPicker.round-palette .ldcp-color>div,
.ldColorPicker.round-palette .ldcp-color-none>div {
    border-radius: 50%
}

.ldColorPicker.round-palette .ldcp-sep {
    flex: 1 1 auto
}

.ldColorPicker.round-palette.middle .ldcp-palette {
    justify-content: center
}

.ldColorPicker.round-palette.middle .ldcp-sep {
    display: none
}

.ldColorPicker.compact-palette .ldcp-colors .ldcp-color,
.ldColorPicker.mini-palette .ldcp-colors .ldcp-color {
    margin: 0;
    border-radius: 0
}

.ldColorPicker.compact-palette .ldcp-colors .ldcp-color:last-of-type,
.ldColorPicker.mini-palette .ldcp-colors .ldcp-color:last-of-type {
    margin-right: 5px;
    border-radius: 0 3px 3px 0
}

.ldColorPicker.compact-palette .ldcp-colors .ldcp-color:first-of-type,
.ldColorPicker.mini-palette .ldcp-colors .ldcp-color:first-of-type {
    border-radius: 3px 0 0 3px
}

.ldColorPicker.no-button .ldcp-cbtn {
    display: none
}

.ldColorPicker.no-button .ldcp-color-none {
    margin-right: 0
}

.ldColorPicker.no-empty-color .ldcp-color-none,
.ldColorPicker.palette-only .ldcp-color-none,
.ldColorPicker.mini-palette .ldcp-color-none {
    display: none
}

.ldColorPicker.no-empty-color .ldcp-palette,
.ldColorPicker.palette-only .ldcp-palette,
.ldColorPicker.mini-palette .ldcp-palette {
    margin-right: 0
}

.ldColorPicker.no-empty-color .ldcp-colors .ldcp-palette .ldcp-color:last-of-type,
.ldColorPicker.palette-only .ldcp-colors .ldcp-palette .ldcp-color:last-of-type,
.ldColorPicker.mini-palette .ldcp-colors .ldcp-palette .ldcp-color:last-of-type {
    margin-right: 0
}

.ldColorPicker.mini-palette {
    width: 160px
}

.ldColorPicker.mini-palette .ldcp-panel {
    background: 0
}

.ldColorPicker.mini-palette.shadow .ldcp-panel {
    box-shadow: none
}

.ldColorPicker.mini-palette.shadow .ldcp-palette {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    border-radius: 3px
}

.ldColorPicker.palette-only.no-ptr .ldcp-idx,
.ldColorPicker.mini-palette.no-ptr .ldcp-idx {
    display: none
}

.ldColorPicker.flat .ldcp-panel {
    box-shadow: none
}

.ldColorPicker.flat .ldcp-2d .ldcp-mask,
.ldColorPicker.flat .ldcp-1d .ldcp-mask,
.ldColorPicker.flat .ldcp-colors .ldcp-color {
    box-shadow: none
}

.ldColorPicker.flat .ldcp-g31 span {
    border-color: transparent;
    background: 0;
    color: #999
}

.ldColorPicker.flat .ldcp-g31 input {
    box-shadow: none;
    border-color: transparent;
    text-align: left
}

.ldColorPicker.flat .ldcp-colors.ldcp-g21 .ldcp-color>div {
    box-shadow: none
}

.ldpp {
    position: relative;
    width: 640px;
    height: 600px;
    margin: auto;
    overflow: hidden
}

.ldpp {
    position: relative;
    width: 100%;
    height: 100%
}

.ldpp .navbar {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    padding: 30px 40px 25px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    background: #fff;
    width: 100%
}

.ldpp .navbar .inner {
    width: 100%
}

.ldpp .navbar .nav-link {
    cursor: pointer
}

.ldpp div[data-panel=view] .ldp,
.ldpp div[data-panel=mypal] .ldp {
    width: calc(50% - 20px);
    margin: 0 10px 5px;
    padding: 10px 10px 2px
}

.ldpp div[data-panel=view] .ldp .name,
.ldpp div[data-panel=mypal] .ldp .name {
    font-size: .875em;
    text-align: left
}

.ldpp .panel:nth-child(1) {
    transform: translate(0, 0) translateZ(1px)
}

.ldpp .panel:nth-child(2) {
    transform: translate(100%, 0) translateZ(1px)
}

.ldpp .panel:nth-child(3) {
    transform: translate(200%, 0) translateZ(1px)
}

.ldpp .panels {
    position: relative;
    transition: transform .5s ease-in-out;
    width: 100%;
    height: 100%;
    text-align: center
}

.ldpp .panel {
    position: absolute;
    top: 0;
    left: 0;
    padding: 110px 10px 20px;
    width: 100%;
    height: 100%;
    overflow-y: scroll
}

.ldpp .panel.active {
    display: block
}

.ldpp .panel>.inner {
    text-align: center
}

.ldpp .panel>.inner:after {
    content: " ";
    display: inline-block;
    width: 280px;
    height: 1px;
    margin: 0 10px 11px
}

.ldpp .panel[data-panel=edit] {
    padding-bottom: 0
}

.ldpp .panel[data-panel=edit] .edit>.inner {
    padding: 20px 20px 0
}

.ldpp .panel[data-panel=edit] .ldp {
    margin: 7px 0;
    padding: 0 20px 0
}

.ldpp .panel[data-panel=edit] .ldp,
.ldpe .ldp {
    width: 100%
}

.ldpp .panel[data-panel=edit] .ldp .name,
.ldpe .ldp .name {
    display: none
}

.ldpp .panel[data-panel=edit] .ldp .colors,
.ldpe .ldp .colors {
    height: 120px;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    overflow: visible
}

.ldpp .panel[data-panel=edit] .ldp .color:first-child,
.ldpe .ldp .color:first-child {
    border-radius: 5px 0 0 5px
}

.ldpp .panel[data-panel=edit] .ldp .color:last-child,
.ldpe .ldp .color:last-child {
    border-radius: 0 5px 5px 0
}

.ldpp .panel[data-panel=edit] .ldp .color,
.ldpe .ldp .color {
    transition: flex .3s ease-in-out;
    position: relative
}

.ldpp .panel[data-panel=edit] .ldp .color.dark *[data-action],
.ldpe .ldp .color.dark *[data-action] {
    color: #fff
}

.ldpp .panel[data-panel=edit] .ldp .color *[data-action],
.ldpe .ldp .color *[data-action] {
    opacity: 0;
    width: 20px;
    margin: auto;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    color: #444
}

.ldpp .panel[data-panel=edit] .ldp .color *[data-action] i,
.ldpe .ldp .color *[data-action] i {
    flex: 0 0 auto;
    cursor: pointer
}

.ldpp .panel[data-panel=edit] .ldp .color.active *[data-action],
.ldpe .ldp .color.active *[data-action] {
    opacity: 1
}

.ldpp .panel[data-panel=edit] .ldp .color.active,
.ldpe .ldp .color.active {
    transform: scale(1.02);
    border-radius: 3px;
    border: 2px solid #000;
    box-shadow: inset 0 0 0 4px #fff, 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    z-index: 1;
    position: relative
}

.ldpp .panel[data-panel=edit] .ldp .color.active:after,
.ldpe .ldp .color.active:after {
    content: " ";
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 0;
    transform: translate(-50%, 50%) rotate(45deg);
    background: currentColor;
    left: 50%;
    display: block;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    border-right: 2px solid rgba(0, 0, 0, 0.2);
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    display: none
}

.ldpp .panel[data-panel=edit] .ldColorPicker,
.ldpe .ldColorPicker {
    width: 100%;
    height: calc(10.9875em + 1rem - 7px);
    display: inline-block;
    vertical-align: top;
    margin-top: 0
}

.ldpp .panel[data-panel=edit] .ldColorPicker .ldcp-panel,
.ldpe .ldColorPicker .ldcp-panel {
    padding: 0
}

.ldpp .panel[data-panel=edit] .value,
.ldpe .value {
    margin: 1.2125em 0 .1em
}

.ldpp .panel[data-panel=edit] .value:last-child,
.ldpe .value:last-child {
    margin-bottom: 0
}

.ldpp .panel[data-panel=edit] .edit,
.ldpe .edit {
    text-align: left;
    margin-top: 0
}

.ldpp .panel[data-panel=edit] .edit>.inner,
.ldpe .edit>.inner {
    padding-top: 20px
}

.ldpp .panel[data-panel=edit]>.foot,
.ldpe>.foot {
    padding: 0 20px;
    width: 100%;
    text-align: left
}

.ldpp .panel[data-panel=edit] .ldrs,
.ldpe .ldrs {
    margin-top: -3px
}

.ldpp .panel[data-panel=edit] .label-group,
.ldpe .label-group {
    position: relative;
    font-size: .75em;
    line-height: 1.75em
}

.ldpp .panel[data-panel=mypal] .btn-load {
    position: relative;
    width: 50%;
    margin: 20px auto;
    cursor: pointer
}

.ldpe .ldp {
    padding: 0;
    margin: 0
}

.ldpp .row.config,
.ldpe .row.config {
    display: none
}

.ldpp .row.config.active,
.ldpe .row.config.active {
    display: flex
}

.ldpe .ldColorPicker {
    z-index: 1 !important
}

.ldp {
    display: inline-block;
    position: relative
}

.ldp .colors {
    cursor: pointer;
    position: relative;
    box-shadow: 0 0 0 1px #fff, 0 0 1px 1px rgba(0, 0, 0, 0.2);
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap
}

.ldp .color {
    flex: 1 1 0;
    display: inline-block;
    width: 0;
    height: 100%
}

.ldp .color:first-child,
.ldp .ctrl+.color {
    border-radius: 3px 0 0 3px
}

.ldp .color:last-child {
    border-radius: 0 3px 3px 0
}

.ldp .ctrl {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 3px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity ease-in-out .2s;
    text-align: center
}

.ldp .ctrl *[data-action] {
    color: rgba(255, 255, 255, 0.7);
    height: 100%;
    flex: 1 1 0;
    line-height: 1em;
    font-size: .8em;
    display: flex;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.ldp .ctrl *[data-action] i {
    font-size: 1.1em;
    margin-bottom: .1em
}

.ldp .ctrl *[data-action]:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.3)
}

.ldp .ctrl *[data-action]:first-child,
.ldp .ctrl .ctrl+*[data-action] {
    border-radius: 3px 0 0 3px
}

.ldp .ctrl *[data-action]:last-child {
    border-radius: 0 3px 3px 0
}

.ldp .name {
    text-transform: capitalize;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.ldp:hover .ctrl {
    opacity: 1;
    opacity: 1
}

.ldp {
    width: 15em
}

.ldp .colors {
    height: calc(1.5em + 0.75rem + 2px)
}

.ldp.ldp-sm {
    font-size: .875rem
}

.ldp.ldp-sm .colors {
    height: calc(1.5em + 0.5rem + 1.7px)
}

.ldp.ldp-lg {
    font-size: 1.25rem
}

.ldp.ldp-lg .colors {
    height: calc(1.5em + 1rem + 2px)
}

.ldld {
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out
}

.ldld.running {
    visibility: visible;
    opacity: 1
}

.ldld.dark {
    color: rgba(0, 0, 0, 0.5)
}

.ldld.light {
    color: rgba(255, 255, 255, 0.5)
}

.ldld.default:before,
.ldld.full:before,
.ldld.ldbtn:before,
.ldld.bare:before {
    content: " ";
    display: block;
    background: 0;
    animation: ldld-default .5s ease-in-out infinite;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    margin: 0;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-color: currentColor transparent currentColor transparent
}

.ldld.default {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px
}

.ldld.default.sm,
.ldld.ldbtn.sm {
    width: 16px;
    height: 16px
}

.ldld.bare.em-1,
.ldld.default.em-1,
.ldld.ldbtn.em-1 {
    width: 1em;
    height: 1em
}

.ldld.bare.em-2,
.ldld.default.em-2,
.ldld.ldbtn.em-2 {
    width: 2em;
    height: 2em
}

.ldld.ldbtn {
    width: 32px;
    height: 32px
}

.ldld.full {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5)
}

.ldld.full:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 48px;
    height: 48px
}

@-moz-keyframes ldld-default {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ldld-default {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-o-keyframes ldld-default {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes ldld-default {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.ld-ext-right,
.ld-ext-left,
.ld-ext-bottom,
.ld-ext-top,
.ld-over,
.ld-over-inverse,
.ld-over-full,
.ld-over-full-inverse {
    position: relative;
    transition: all .3s;
    transition-timing-function: ease-in
}

.ld-ext-right>.ld,
.ld-ext-left>.ld,
.ld-ext-bottom>.ld,
.ld-ext-top>.ld,
.ld-over>.ld,
.ld-over-inverse>.ld,
.ld-over-full>.ld,
.ld-over-full-inverse>.ld {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    margin: -0.5em;
    opacity: 0;
    z-index: -1;
    transition: all .3s;
    transition-timing-function: ease-in
}

.ld-ext-right>.ld>*,
.ld-ext-left>.ld>*,
.ld-ext-bottom>.ld>*,
.ld-ext-top>.ld>*,
.ld-over>.ld>*,
.ld-over-inverse>.ld>*,
.ld-over-full>.ld>*,
.ld-over-full-inverse>.ld>* {
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-0.5em, -0.5em)
}

.ld-ext-right.running>.ld,
.ld-ext-left.running>.ld,
.ld-ext-bottom.running>.ld,
.ld-ext-top.running>.ld,
.ld-over.running>.ld,
.ld-over-inverse.running>.ld,
.ld-over-full.running>.ld,
.ld-over-full-inverse.running>.ld {
    opacity: 1;
    z-index: auto;
    visibility: visible
}

.ld-ext-right.running {
    padding-right: 2.5em !important
}

.ld-ext-right>.ld {
    top: 50%;
    left: auto;
    right: 1.25em
}

.ld-ext-left.running {
    padding-left: 2.5em !important
}

.ld-ext-left>.ld {
    top: 50%;
    right: auto;
    left: 1.25em
}

.ld-ext-bottom.running {
    padding-bottom: 2.5em !important
}

.ld-ext-bottom>.ld {
    top: auto;
    left: 50%;
    bottom: 1.25em
}

.ld-ext-top.running {
    padding-top: 2.5em !important
}

.ld-ext-top>.ld {
    bottom: auto;
    left: 50%;
    top: 1.25em
}

.ld-over:before,
.ld-over-inverse:before,
.ld-over-full:before,
.ld-over-full-inverse:before {
    content: " ";
    display: block;
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .3s;
    transition-timing-function: ease-in;
    background: rgba(240, 240, 240, 0.8)
}

.ld-over.running>.ld,
.ld-over-inverse.running>.ld,
.ld-over-full.running>.ld,
.ld-over-full-inverse.running>.ld {
    z-index: 4001
}

.ld-over.running:before,
.ld-over-inverse.running:before,
.ld-over-full.running:before,
.ld-over-full-inverse.running:before {
    opacity: 1;
    z-index: 4000;
    display: block
}

.ld-over-full.running>.ld,
.ld-over-full-inverse.running>.ld,
.ld-over-full.running:before,
.ld-over-full-inverse.running:before {
    position: fixed
}

.ld-over-full>.ld {
    color: rgba(0, 0, 0, 0.8)
}

.ld-over-full:before,
.ld-over-full-inverse:before {
    background: rgba(255, 255, 255, 0.8)
}

.ld-over-inverse>.ld {
    color: rgba(255, 255, 255, 0.8)
}

.ld-over-inverse:before {
    background: rgba(0, 0, 0, 0.6)
}

.ld-over-full-inverse>.ld {
    color: rgba(255, 255, 255, 0.8)
}

.ld-over-full-inverse:before {
    background: rgba(0, 0, 0, 0.6)
}

.ld {
    transform-origin: 50% 50%;
    transform-box: fill-box
}

@keyframes ld-blink {
    0% {
        opacity: 1
    }
    49.75% {
        opacity: 1
    }
    50.25% {
        opacity: 0
    }
    99.5% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.ld.ld-blink {
    animation: ld-blink 1s infinite linear
}

@keyframes ld-blur-in {
    100% {
        filter: blur(0);
        opacity: 1
    }
    0% {
        filter: blur(10px);
        opacity: 0
    }
}

.ld.ld-blur-in {
    animation: ld-blur-in 1s 1 linear;
    animation-fill-mode: forwards;
    filter: blur(10px);
    opacity: 0
}

@keyframes ld-blur-out {
    0% {
        filter: blur(0);
        opacity: 1
    }
    100% {
        filter: blur(10px);
        opacity: 0
    }
}

.ld.ld-blur-out {
    animation: ld-blur-out 1s 1 linear;
    animation-fill-mode: forwards;
    filter: blur(0);
    opacity: 1
}

@keyframes ld-blur {
    0% {
        filter: blur(0)
    }
    50% {
        filter: blur(10px)
    }
    100% {
        filter: blur(0)
    }
}

.ld.ld-blur {
    animation: ld-blur 1s infinite linear
}

@keyframes ld-beat {
    0% {
        animation-timing-function: cubic-bezier(0.1028, 0.2484, 0.1372, 0.849);
        transform: scale(1)
    }
    34% {
        animation-timing-function: cubic-bezier(0.7116, 0.2095, 0.8159, 0.6876);
        transform: scale(1.2)
    }
    68% {
        animation-timing-function: cubic-bezier(0.1475, 0.2888, 0.294, 0.883);
        transform: scale(1.0268)
    }
    84% {
        animation-timing-function: cubic-bezier(0.8176, 0.2193, 0.867, 0.6889);
        transform: scale(1.0932)
    }
    100% {
        transform: scale(1)
    }
}

.ld.ld-beat {
    animation: ld-beat 1s infinite linear
}

@keyframes ld-bounceAlt {
    0% {
        animation-timing-function: cubic-bezier(0.1348, 0.3256, 0.2495, 0.8687);
        transform: translate(0, 0)
    }
    51% {
        animation-timing-function: cubic-bezier(0.7426, 0.1782, 0.8523, 0.6514);
        transform: translate(0, -14px)
    }
    100% {
        transform: translate(0, 0)
    }
}

.ld.ld-bounceAlt {
    animation: ld-bounceAlt 1s infinite linear
}

@keyframes ld-tick-alt {
    0% {
        animation-timing-function: cubic-bezier(0.0637, 0.1569, -0.0154, 0.8727);
        transform: rotate(0)
    }
    22% {
        animation-timing-function: cubic-bezier(0.7634, 0.2713, 0.7818, 0.6832);
        transform: rotate(-44.865deg)
    }
    43% {
        animation-timing-function: cubic-bezier(0.0599, 0.1266, 0.2372, 1.029);
        transform: rotate(-7.515000000000001deg)
    }
    56% {
        animation-timing-function: cubic-bezier(0.6353, 0.3049, 0.6792, 0.6671);
        transform: rotate(-25.290000000000003deg)
    }
    68% {
        animation-timing-function: cubic-bezier(0.0513, 0.1148, 0.3085, 1.1548);
        transform: rotate(-5.13deg)
    }
    76% {
        animation-timing-function: cubic-bezier(0.467, 0.2881, 0.3593, 0.7819);
        transform: rotate(-14.175deg)
    }
    83% {
        animation-timing-function: cubic-bezier(0.0632, 0.1615, 0.3539, 1.4565);
        transform: rotate(-3.6deg)
    }
    88% {
        animation-timing-function: cubic-bezier(0.3563, 0.3125, 0.5387, 1.6475);
        transform: rotate(-7.74deg)
    }
    92% {
        animation-timing-function: cubic-bezier(0.1265, 0.4155, 0.3821, 1.8827);
        transform: rotate(-2.6100000000000003deg)
    }
    95% {
        animation-timing-function: cubic-bezier(0.5727, 1.3521, 0.0229, 3.0356);
        transform: rotate(-4.185deg)
    }
    98% {
        animation-timing-function: cubic-bezier(0.4531, -1.3593, 0.757, 0.0281);
        transform: rotate(-2.565deg)
    }
    100% {
        transform: rotate(0)
    }
}

.ld.ld-tick-alt {
    animation: ld-tick-alt 1s infinite linear
}

@keyframes ld-jump {
    0% {
        animation-timing-function: cubic-bezier(0.0637, 0.1569, -0.0154, 0.8727);
        transform: translate(0, 0)
    }
    22% {
        animation-timing-function: cubic-bezier(0.7634, 0.2713, 0.7818, 0.6832);
        transform: translate(0, -13.958px)
    }
    43% {
        animation-timing-function: cubic-bezier(0.0599, 0.1266, 0.2372, 1.029);
        transform: translate(0, -2.338px)
    }
    56% {
        animation-timing-function: cubic-bezier(0.6353, 0.3049, 0.6792, 0.6671);
        transform: translate(0, -7.868px)
    }
    68% {
        animation-timing-function: cubic-bezier(0.0513, 0.1148, 0.3085, 1.1548);
        transform: translate(0, -1.596px)
    }
    76% {
        animation-timing-function: cubic-bezier(0.467, 0.2881, 0.3593, 0.7819);
        transform: translate(0, -4.41px)
    }
    83% {
        animation-timing-function: cubic-bezier(0.0632, 0.1615, 0.3539, 1.4565);
        transform: translate(0, -1.12px)
    }
    88% {
        animation-timing-function: cubic-bezier(0.3563, 0.3125, 0.5387, 1.6475);
        transform: translate(0, -2.4080000000000004px)
    }
    92% {
        animation-timing-function: cubic-bezier(0.1265, 0.4155, 0.3821, 1.8827);
        transform: translate(0, -0.812px)
    }
    95% {
        animation-timing-function: cubic-bezier(0.5727, 1.3521, 0.0229, 3.0356);
        transform: translate(0, -1.302px)
    }
    98% {
        animation-timing-function: cubic-bezier(0.4531, -1.3593, 0.757, 0.0281);
        transform: translate(0, -0.798px)
    }
    100% {
        transform: translate(0, 0)
    }
}

.ld.ld-jump {
    animation: ld-jump 1s infinite linear
}

@keyframes ld-bounce-alt-out {
    0% {
        animation-timing-function: cubic-bezier(0.094, 0.3361, -1.0597, 0.6688);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1
    }
    3.4% {
        animation-timing-function: cubic-bezier(0.0867, 0.1564, 0.2047, 0.9488);
        transform: matrix(0.52, 0, 0, 0.52, 0, 0);
        opacity: 1
    }
    16.8% {
        animation-timing-function: cubic-bezier(0.5435, 0.0974, 0.4027, 0.9465);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0);
        opacity: 1
    }
    32% {
        animation-timing-function: cubic-bezier(0.5116, 0.0971, 0.4412, 0.947);
        transform: matrix(0.212, 0, 0, 0.212, 0, 0);
        opacity: 1
    }
    50.1% {
        animation-timing-function: cubic-bezier(0.3959, 0.1021, 0.5847, 1);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0);
        opacity: 1
    }
    64.9% {
        animation-timing-function: cubic-bezier(0.3789, 0.0955, 0.5974, 1);
        transform: matrix(0.082, 0, 0, 0.082, 0, 0);
        opacity: 1
    }
    83.5% {
        animation-timing-function: cubic-bezier(0.3358, 0, 0.6626, 1);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0);
        opacity: 1
    }
    93.1% {
        animation-timing-function: cubic-bezier(0.3201, 0, 0.6971, 0.226);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0);
        opacity: 1
    }
    100% {
        transform: matrix(0.01, 0, 0, 0.01, 0, 0);
        opacity: 1
    }
}

.ld.ld-bounce-alt-out {
    animation: ld-bounce-alt-out 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0)
}

@keyframes ld-bounce-alt-in {
    0% {
        animation-timing-function: cubic-bezier(0.0955, 0.3456, -1.5085, 0.6684);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0);
        opacity: 1
    }
    3.3% {
        animation-timing-function: cubic-bezier(0.0913, 0.1631, 0.2418, 0.9474);
        transform: matrix(0.607, 0, 0, 0.607, 0, 0);
        opacity: 1
    }
    16.4% {
        animation-timing-function: cubic-bezier(0.5391, 0.1345, 0.3944, 0.9496);
        transform: matrix(1.079, 0, 0, 1.079, 0, 0);
        opacity: 1
    }
    32.3% {
        animation-timing-function: cubic-bezier(0.5053, 0.1012, 0.4542, 0.9453);
        transform: matrix(0.84, 0, 0, 0.84, 0, 0);
        opacity: 1
    }
    49.7% {
        animation-timing-function: cubic-bezier(0.4074, 0.0845, 0.5696, 1);
        transform: matrix(1.033, 0, 0, 1.033, 0, 0);
        opacity: 1
    }
    65.3% {
        animation-timing-function: cubic-bezier(0.3701, 0, 0.6111, 1);
        transform: matrix(0.939, 0, 0, 0.939, 0, 0);
        opacity: 1
    }
    82.6% {
        animation-timing-function: cubic-bezier(0.336, 0, 0.6629, 1);
        transform: matrix(1.009, 0, 0, 1.009, 0, 0);
        opacity: 1
    }
    94.3% {
        animation-timing-function: cubic-bezier(0.3368, 0, 0.6709, 1);
        transform: matrix(0.994, 0, 0, 0.994, 0, 0);
        opacity: 1
    }
    100% {
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1
    }
}

.ld.ld-bounce-alt-in {
    animation: ld-bounce-alt-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(0.01, 0, 0, 0.01, 0, 0)
}

@keyframes ld-bounce-out {
    0% {
        animation-timing-function: cubic-bezier(0.0725, 0.3371, 0.3061, 0.6653);
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1
    }
    5.7% {
        animation-timing-function: cubic-bezier(0.0823, 0.1441, -0.1523, 0.9205);
        transform: matrix(0.5, 0, 0, 0.5, 0, 0);
        opacity: 1
    }
    12.6% {
        animation-timing-function: cubic-bezier(0.7924, 0.158, 0.0272, 0.9224);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0);
        opacity: 1
    }
    24.3% {
        animation-timing-function: cubic-bezier(0.8378, 0.1302, 0.0581, 0.9268);
        transform: matrix(0.489, 0, 0, 0.489, 0, 0);
        opacity: 1
    }
    37.6% {
        animation-timing-function: cubic-bezier(0.662, 0.0985, 0.2767, 0.9462);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0);
        opacity: 1
    }
    49.3% {
        animation-timing-function: cubic-bezier(0.6012, 0.1308, 0.3182, 0.9506);
        transform: matrix(0.262, 0, 0, 0.262, 0, 0);
        opacity: 1
    }
    62.6% {
        animation-timing-function: cubic-bezier(0.4763, 0.0773, 0.4825, 1);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0);
        opacity: 1
    }
    73.8% {
        animation-timing-function: cubic-bezier(0.4466, 0.0766, 0.4988, 1);
        transform: matrix(0.115, 0, 0, 0.115, 0, 0);
        opacity: 1
    }
    87.6% {
        animation-timing-function: cubic-bezier(0.3423, 0, 0.6554, 1);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0);
        opacity: 1
    }
    94.9% {
        animation-timing-function: cubic-bezier(0.3661, 0, 0.6589, 0.554);
        transform: matrix(0.013, 0, 0, 0.013, 0, 0);
        opacity: 1
    }
    100% {
        transform: matrix(0.01, 0, 0, 0.01, 0, 0);
        opacity: 1
    }
}

.ld.ld-bounce-out {
    animation: ld-bounce-out 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0)
}

@keyframes ld-bounce-in {
    0% {
        animation-timing-function: cubic-bezier(0.0383, 0.3388, 0.0421, 0.6652);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0);
        opacity: 1
    }
    4.7% {
        animation-timing-function: cubic-bezier(0.3296, 0.3336, 0.5772, 0.6672);
        transform: matrix(0.556, 0, 0, 0.556, 0, 0);
        opacity: 1
    }
    8.4% {
        animation-timing-function: cubic-bezier(0.0781, 0.1617, 0.0874, 0.9301);
        transform: matrix(0.979, 0, 0, 0.979, 0, 0);
        opacity: 1
    }
    12.4% {
        animation-timing-function: cubic-bezier(0.8341, 0.1496, 0.8634, 0.7673);
        transform: matrix(1.153, 0, 0, 1.153, 0, 0);
        opacity: 1
    }
    16.3% {
        animation-timing-function: cubic-bezier(0.3264, 0.3332, 0.5758, 0.6695);
        transform: matrix(1.008, 0, 0, 1.008, 0, 0);
        opacity: 1
    }
    21.2% {
        animation-timing-function: cubic-bezier(0.0921, 0.1883, 0.3277, 1);
        transform: matrix(0.704, 0, 0, 0.704, 0, 0);
        opacity: 1
    }
    24.5% {
        animation-timing-function: cubic-bezier(0.6905, 0.0944, 0.8759, 0.7624);
        transform: matrix(0.626, 0, 0, 0.626, 0, 0);
        opacity: 1
    }
    27.7% {
        animation-timing-function: cubic-bezier(0.3688, 0.332, 0.624, 0.6684);
        transform: matrix(0.704, 0, 0, 0.704, 0, 0);
        opacity: 1
    }
    32.6% {
        animation-timing-function: cubic-bezier(0.1368, 0.2364, 0.2451, 0.9049);
        transform: matrix(0.958, 0, 0, 0.958, 0, 0);
        opacity: 1
    }
    37.4% {
        animation-timing-function: cubic-bezier(0.5936, 0.0846, 0.3495, 1);
        transform: matrix(1.085, 0, 0, 1.085, 0, 0);
        opacity: 1
    }
    49.5% {
        animation-timing-function: cubic-bezier(0.5522, 0.0981, 0.3807, 1);
        transform: matrix(0.802, 0, 0, 0.802, 0, 0);
        opacity: 1
    }
    62.4% {
        animation-timing-function: cubic-bezier(0.4497, 0.1349, 0.4911, 1);
        transform: matrix(1.044, 0, 0, 1.044, 0, 0);
        opacity: 1
    }
    74.1% {
        animation-timing-function: cubic-bezier(0.429, 0, 0.5239, 1);
        transform: matrix(0.914, 0, 0, 0.914, 0, 0);
        opacity: 1
    }
    87% {
        animation-timing-function: cubic-bezier(0.3501, 0, 0.6422, 1);
        transform: matrix(1.013, 0, 0, 1.013, 0, 0);
        opacity: 1
    }
    95.8% {
        animation-timing-function: cubic-bezier(0.3653, 0, 0.6776, 1);
        transform: matrix(0.992, 0, 0, 0.992, 0, 0);
        opacity: 1
    }
    100% {
        transform: matrix(1, 0, 0, 1, 0, 0);
        opacity: 1
    }
}

.ld.ld-bounce-in {
    animation: ld-bounce-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(0.01, 0, 0, 0.01, 0, 0)
}

@keyframes ld-spring-ltr-in {
    0% {
        animation-timing-function: cubic-bezier(0.0741, 0.3499, 0.0735, 0.662);
        transform: translate(-49.5px, 0);
        opacity: 0
    }
    5.8% {
        animation-timing-function: cubic-bezier(0.0811, 0.1439, 0.0534, 0.9354);
        transform: translate(-22.5px, 0);
        opacity: 1
    }
    16.5% {
        animation-timing-function: cubic-bezier(0.6042, 0.1355, 0.2754, 0.9675);
        transform: translate(6.9px, 0);
        opacity: 1
    }
    32.4% {
        animation-timing-function: cubic-bezier(0.6652, 0.1048, 0.269, 0.9232);
        transform: translate(-15.25px, 0);
        opacity: 1
    }
    49.8% {
        animation-timing-function: cubic-bezier(0.5122, 0.1079, 0.4428, 0.9413);
        transform: translate(3.15px, 0);
        opacity: 1
    }
    65.3% {
        animation-timing-function: cubic-bezier(0.4346, 0.1202, 0.5186, 1);
        transform: translate(-6.05px, 0);
        opacity: 1
    }
    82.6% {
        animation-timing-function: cubic-bezier(0.3509, 0, 0.6434, 1);
        transform: translate(0.9px, 0);
        opacity: 1
    }
    94.3% {
        animation-timing-function: cubic-bezier(0.3419, 0, 0.6762, 0.4407);
        transform: translate(-0.55px, 0);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-spring-ltr-in {
    animation: ld-spring-ltr-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, -49.5, 0)
}

@keyframes ld-spring-rtl-in {
    0% {
        animation-timing-function: cubic-bezier(0.0741, 0.3499, 0.0735, 0.662);
        transform: translate(49.5px, 0);
        opacity: 0
    }
    5.8% {
        animation-timing-function: cubic-bezier(0.0811, 0.1439, 0.0534, 0.9354);
        transform: translate(22.5px, 0);
        opacity: 1
    }
    16.5% {
        animation-timing-function: cubic-bezier(0.6042, 0.1355, 0.2754, 0.9675);
        transform: translate(-6.9px, 0);
        opacity: 1
    }
    32.4% {
        animation-timing-function: cubic-bezier(0.6652, 0.1048, 0.269, 0.9232);
        transform: translate(15.25px, 0);
        opacity: 1
    }
    49.8% {
        animation-timing-function: cubic-bezier(0.5122, 0.1079, 0.4428, 0.9413);
        transform: translate(-3.15px, 0);
        opacity: 1
    }
    65.3% {
        animation-timing-function: cubic-bezier(0.4346, 0.1202, 0.5186, 1);
        transform: translate(6.05px, 0);
        opacity: 1
    }
    82.6% {
        animation-timing-function: cubic-bezier(0.3509, 0, 0.6434, 1);
        transform: translate(-0.9px, 0);
        opacity: 1
    }
    94.3% {
        animation-timing-function: cubic-bezier(0.3419, 0, 0.6762, 0.4407);
        transform: translate(0.55px, 0);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-spring-rtl-in {
    animation: ld-spring-rtl-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 49.5, 0)
}

@keyframes ld-spring-ttb-in {
    0% {
        animation-timing-function: cubic-bezier(0.0741, 0.3499, 0.0735, 0.662);
        transform: translate(0, -49.5px);
        opacity: 0
    }
    5.8% {
        animation-timing-function: cubic-bezier(0.0811, 0.1439, 0.0534, 0.9354);
        transform: translate(0, -22.5px);
        opacity: 1
    }
    16.5% {
        animation-timing-function: cubic-bezier(0.6042, 0.1355, 0.2754, 0.9675);
        transform: translate(0, 6.9px);
        opacity: 1
    }
    32.4% {
        animation-timing-function: cubic-bezier(0.6652, 0.1048, 0.269, 0.9232);
        transform: translate(0, -15.25px);
        opacity: 1
    }
    49.8% {
        animation-timing-function: cubic-bezier(0.5122, 0.1079, 0.4428, 0.9413);
        transform: translate(0, 3.15px);
        opacity: 1
    }
    65.3% {
        animation-timing-function: cubic-bezier(0.4346, 0.1202, 0.5186, 1);
        transform: translate(0, -6.05px);
        opacity: 1
    }
    82.6% {
        animation-timing-function: cubic-bezier(0.3509, 0, 0.6434, 1);
        transform: translate(0, 0.9px);
        opacity: 1
    }
    94.3% {
        animation-timing-function: cubic-bezier(0.3419, 0, 0.6762, 0.4407);
        transform: translate(0, -0.55px);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-spring-ttb-in {
    animation: ld-spring-ttb-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, -49.5)
}

@keyframes ld-spring-btt-in {
    0% {
        animation-timing-function: cubic-bezier(0.0741, 0.3499, 0.0735, 0.662);
        transform: translate(0, 49.5px);
        opacity: 0
    }
    5.8% {
        animation-timing-function: cubic-bezier(0.0811, 0.1439, 0.0534, 0.9354);
        transform: translate(0, 22.5px);
        opacity: 1
    }
    16.5% {
        animation-timing-function: cubic-bezier(0.6042, 0.1355, 0.2754, 0.9675);
        transform: translate(0, -6.9px);
        opacity: 1
    }
    32.4% {
        animation-timing-function: cubic-bezier(0.6652, 0.1048, 0.269, 0.9232);
        transform: translate(0, 15.25px);
        opacity: 1
    }
    49.8% {
        animation-timing-function: cubic-bezier(0.5122, 0.1079, 0.4428, 0.9413);
        transform: translate(0, -3.15px);
        opacity: 1
    }
    65.3% {
        animation-timing-function: cubic-bezier(0.4346, 0.1202, 0.5186, 1);
        transform: translate(0, 6.05px);
        opacity: 1
    }
    82.6% {
        animation-timing-function: cubic-bezier(0.3509, 0, 0.6434, 1);
        transform: translate(0, -0.9px);
        opacity: 1
    }
    94.3% {
        animation-timing-function: cubic-bezier(0.3419, 0, 0.6762, 0.4407);
        transform: translate(0, 0.55px);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-spring-btt-in {
    animation: ld-spring-btt-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 49.5)
}

@keyframes ld-bounce {
    0% {
        animation-timing-function: cubic-bezier(0.138, 0.2541, 0.2177, 0.8747);
        transform: translate(0, 0) scaleY(1)
    }
    37% {
        animation-timing-function: cubic-bezier(0.7679, 0.1817, 0.8401, 0.7167);
        transform: translate(0, -39.96px) scaleY(1)
    }
    72.2% {
        animation-timing-function: cubic-bezier(0.1045, 0.2026, 0.2224, 0.9608);
        transform: translate(0, 0) scaleY(1)
    }
    87.2% {
        animation-timing-function: cubic-bezier(0.7463, 0.2314, 0.8159, 0.6941);
        transform: translate(0, 19.85px) scaleY(0.603)
    }
    100% {
        transform: translate(0, 0) scaleY(1)
    }
}

.ld.ld-bounce {
    animation: ld-bounce 1s infinite linear
}

@keyframes ld-clock {
    0% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(0)
    }
    8.33333% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(30deg)
    }
    16.66667% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(60deg)
    }
    25% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(90deg)
    }
    33.33333% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(120deg)
    }
    41.66667% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(150deg)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(180deg)
    }
    58.33333% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(210deg)
    }
    66.66667% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(240deg)
    }
    75% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(270deg)
    }
    83.33333% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(300deg)
    }
    91.66667% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(330deg)
    }
    100% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(360deg)
    }
}

.ld.ld-clock {
    animation: ld-clock 12s infinite linear
}

@keyframes ld-fade {
    0% {
        animation-timing-function: cubic-bezier(0.2057, 0.573, 0.3723, 0.9184);
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.ld.ld-fade {
    animation: ld-fade 1s infinite linear
}

@keyframes ld-flip {
    0%,
    25%,
    50%,
    75%,
    100% {
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1)
    }
    0% {
        transform: scale(1, 1)
    }
    25% {
        transform: scale(-1, 1)
    }
    50% {
        transform: scale(-1, -1)
    }
    75% {
        transform: scale(1, -1)
    }
    100% {
        transform: scale(1, 1)
    }
}

.ld.ld-flip {
    animation: ld-flip 1s infinite linear
}

@keyframes ld-float {
    0% {
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
        transform: translate(0, 0) scale(0.7);
        box-shadow: 0 0 0 rgba(0, 0, 0, .3)
    }
    50% {
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
        transform: translate(0, -15px) scale(1);
        box-shadow: 0 23px 5px -15px rgba(0, 0, 0, .2)
    }
    100% {
        transform: translate(0, 0) scale(0.7);
        box-shadow: 0 0 0 rgba(0, 0, 0, .3)
    }
}

.ld.ld-float {
    animation: ld-float 1s infinite linear
}

@keyframes ld-heartbeat {
    0% {
        animation-timing-function: cubic-bezier(0.1678, 0.6042, 0.5465, 3.0859);
        transform: scale(1.3)
    }
    30% {
        animation-timing-function: cubic-bezier(0.3206, 0.3435, 0.6825, 0.6598);
        transform: scale(1.15)
    }
    31% {
        animation-timing-function: cubic-bezier(0.2811, 0.5061, 0.5347, 0.909);
        transform: scale(1.1458)
    }
    100% {
        transform: scale(1)
    }
}

.ld.ld-heartbeat {
    animation: ld-heartbeat 1s infinite linear
}

@keyframes ld-hit {
    0% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        transform: scale(0) translate(0, 0) skewX(0);
        opacity: 1
    }
    20% {
        transform: scale(1) translate(0, 0) skewX(20deg)
    }
    50% {
        animation-timing-function: cubic-bezier(0.6, 0, 1, 0.4);
        transform: scale(1) translate(0, 0) skewX(20deg)
    }
    50% {
        opacity: 1
    }
    100% {
        transform: scale(1) translate(0, 200px) skewX(20deg);
        opacity: 0
    }
}

.ld.ld-hit {
    animation: ld-hit 2s infinite linear
}

@keyframes ld-jump-alt-in {
    0% {
        animation-timing-function: cubic-bezier(0.9281, 0.063, 0.9339, 0.8573);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0)
    }
    5.7% {
        animation-timing-function: cubic-bezier(0.4285, 0.3322, 0.4777, 0.669);
        transform: matrix(0.28, 0, 0, 0.28, 0, 0)
    }
    10.9% {
        animation-timing-function: cubic-bezier(0.0358, 0.084, 0.2547, 1);
        transform: matrix(0.991, 0, 0, 0.991, 0, 0)
    }
    20.1% {
        animation-timing-function: cubic-bezier(0.7964, 0.1337, 0.8635, 0.7525);
        transform: matrix(0.5, 0, 0, 0.5, 0, 0)
    }
    24.9% {
        animation-timing-function: cubic-bezier(0.4857, 0.3288, 0.4241, 0.6751);
        transform: matrix(0.643, 0, 0, 0.643, 0, 0)
    }
    29.3% {
        animation-timing-function: cubic-bezier(0.069, 0.1323, 0.299, 1);
        transform: matrix(0.994, 0, 0, 0.994, 0, 0)
    }
    37.1% {
        animation-timing-function: cubic-bezier(0.71, 0, 0.8669, 0.8745);
        transform: matrix(0.75, 0, 0, 0.75, 0, 0)
    }
    44.9% {
        animation-timing-function: cubic-bezier(0.1195, 0.2278, 0.3743, 1);
        transform: matrix(0.998, 0, 0, 0.998, 0, 0)
    }
    51.6% {
        animation-timing-function: cubic-bezier(0.7743, 0, 0.5778, 0.8867);
        transform: matrix(0.875, 0, 0, 0.875, 0, 0)
    }
    58.2% {
        animation-timing-function: cubic-bezier(0.1362, 0.3881, 0.5196, 1);
        transform: matrix(0.998, 0, 0, 0.998, 0, 0)
    }
    63.9% {
        animation-timing-function: cubic-bezier(0.5363, 0, 0.7437, 1);
        transform: matrix(0.938, 0, 0, 0.938, 0, 0)
    }
    69.5% {
        animation-timing-function: cubic-bezier(0.1755, 0.5617, 0.6288, 1);
        transform: matrix(0.999, 0, 0, 0.999, 0, 0)
    }
    74.3% {
        animation-timing-function: cubic-bezier(0.3931, 0, 0.722, 1.4447);
        transform: matrix(0.969, 0, 0, 0.969, 0, 0)
    }
    79.1% {
        animation-timing-function: cubic-bezier(0.2945, 0, 0.6251, 1);
        transform: matrix(0.999, 0, 0, 0.999, 0, 0)
    }
    83.2% {
        animation-timing-function: cubic-bezier(0.1679, 0, 0.9959, 1.0111);
        transform: matrix(0.984, 0, 0, 0.984, 0, 0)
    }
    87.3% {
        animation-timing-function: cubic-bezier(0.3158, 0, 0.639, 1);
        transform: matrix(0.999, 0, 0, 0.999, 0, 0)
    }
    90.7% {
        animation-timing-function: cubic-bezier(0.3636, 0, 0.6809, 1);
        transform: matrix(0.992, 0, 0, 0.992, 0, 0)
    }
    94.2% {
        animation-timing-function: cubic-bezier(0.323, 0, 0.6275, 1);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
    100% {
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

.ld.ld-jump-alt-in {
    animation: ld-jump-alt-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(0.01, 0, 0, 0.01, 0, 0)
}

@keyframes ld-jump-alt-out {
    0% {
        animation-timing-function: cubic-bezier(0.9281, 0.063, 0.9339, 0.8573);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
    5.7% {
        animation-timing-function: cubic-bezier(0.4285, 0.3322, 0.4777, 0.669);
        transform: matrix(0.72, 0, 0, 0.72, 0, 0)
    }
    10.9% {
        animation-timing-function: cubic-bezier(0.0358, 0.084, 0.2547, 1);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0)
    }
    20.1% {
        animation-timing-function: cubic-bezier(0.7964, 0.1337, 0.8635, 0.7525);
        transform: matrix(0.5, 0, 0, 0.5, 0, 0)
    }
    24.9% {
        animation-timing-function: cubic-bezier(0.4857, 0.3288, 0.4241, 0.6751);
        transform: matrix(0.357, 0, 0, 0.357, 0, 0)
    }
    29.3% {
        animation-timing-function: cubic-bezier(0.069, 0.1323, 0.299, 1);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0)
    }
    37.1% {
        animation-timing-function: cubic-bezier(0.71, 0, 0.8669, 0.8745);
        transform: matrix(0.25, 0, 0, 0.25, 0, 0)
    }
    44.9% {
        animation-timing-function: cubic-bezier(0.1195, 0.2278, 0.3743, 1);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0)
    }
    51.6% {
        animation-timing-function: cubic-bezier(0.7743, 0, 0.5778, 0.8867);
        transform: matrix(0.125, 0, 0, 0.125, 0, 0)
    }
    58.2% {
        animation-timing-function: cubic-bezier(0.1362, 0.3881, 0.5196, 1);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0)
    }
    63.9% {
        animation-timing-function: cubic-bezier(0.5363, 0, 0.7437, 1);
        transform: matrix(0.062, 0, 0, 0.062, 0, 0)
    }
    69.5% {
        animation-timing-function: cubic-bezier(0.1755, 0.5617, 0.6288, 1);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0)
    }
    74.3% {
        animation-timing-function: cubic-bezier(0.3931, 0, 0.722, 1.4447);
        transform: matrix(0.031, 0, 0, 0.031, 0, 0)
    }
    79.1% {
        animation-timing-function: cubic-bezier(0.2945, 0, 0.6251, 1);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0)
    }
    83.2% {
        animation-timing-function: cubic-bezier(0.1679, 0, 0.9959, 1.0111);
        transform: matrix(0.016, 0, 0, 0.016, 0, 0)
    }
    87.3% {
        animation-timing-function: cubic-bezier(0.3158, 0, 0.639, 1);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0)
    }
    90.7% {
        animation-timing-function: cubic-bezier(0.3636, 0, 0.6809, 1);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0)
    }
    94.2% {
        animation-timing-function: cubic-bezier(0.323, 0, 0.6275, 1);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0)
    }
    100% {
        transform: matrix(0.01, 0, 0, 0.01, 0, 0)
    }
}

.ld.ld-jump-alt-out {
    animation: ld-jump-alt-out 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0)
}

@keyframes ld-jump-in {
    0% {
        animation-timing-function: cubic-bezier(0.6505, 0.0695, 0.8671, 0.7282);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0)
    }
    16.3% {
        animation-timing-function: cubic-bezier(0.4438, 0.3294, 0.7021, 0.6649);
        transform: matrix(0.305, 0, 0, 0.305, 0, 0)
    }
    29.7% {
        animation-timing-function: cubic-bezier(0.1172, 0.239, 0.3587, 0.9665);
        transform: matrix(0.996, 0, 0, 0.996, 0, 0)
    }
    50.4% {
        animation-timing-function: cubic-bezier(0.6378, 0.0332, 0.8686, 0.7676);
        transform: matrix(0.6, 0, 0, 0.6, 0, 0)
    }
    71.1% {
        animation-timing-function: cubic-bezier(0.1677, 0.3519, 0.4926, 1);
        transform: matrix(0.998, 0, 0, 0.998, 0, 0)
    }
    85.6% {
        animation-timing-function: cubic-bezier(0.5309, 0.0683, 0.7981, 0.6106);
        transform: matrix(0.84, 0, 0, 0.84, 0, 0)
    }
    100% {
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

.ld.ld-jump-in {
    animation: ld-jump-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(0.01, 0, 0, 0.01, 0, 0)
}

@keyframes ld-jump-out {
    0% {
        animation-timing-function: cubic-bezier(0.6469, 0.0494, 0.8696, 0.7444);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
    16.3% {
        animation-timing-function: cubic-bezier(0.4619, 0.3285, 0.6826, 0.6658);
        transform: matrix(0.695, 0, 0, 0.695, 0, 0)
    }
    29.7% {
        animation-timing-function: cubic-bezier(0.1007, 0.2105, 0.3808, 1);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0)
    }
    50.4% {
        animation-timing-function: cubic-bezier(0.6296, 0, 0.8602, 0.7964);
        transform: matrix(0.4, 0, 0, 0.4, 0, 0)
    }
    71.1% {
        animation-timing-function: cubic-bezier(0.1905, 0.3497, 0.4786, 1);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0)
    }
    85.6% {
        animation-timing-function: cubic-bezier(0.5195, 0, 0.8129, 0.6633);
        transform: matrix(0.16, 0, 0, 0.16, 0, 0)
    }
    100% {
        transform: matrix(0.01, 0, 0, 0.01, 0, 0)
    }
}

.ld.ld-jump-out {
    animation: ld-jump-out 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0)
}

@keyframes ld-zoom-in {
    0% {
        animation-timing-function: cubic-bezier(0.0436, 0.6939, 0.3878, 0.8531);
        transform: matrix(0.01, 0, 0, 0.01, 0, 0)
    }
    100% {
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

.ld.ld-zoom-in {
    animation: ld-zoom-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(0.01, 0, 0, 0.01, 0, 0)
}

@keyframes ld-zoom-out {
    0% {
        animation-timing-function: cubic-bezier(0.0436, 0.6939, 0.3878, 0.8531);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
    100% {
        transform: matrix(0.01, 0, 0, 0.01, 0, 0)
    }
}

.ld.ld-zoom-out {
    animation: ld-zoom-out 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0)
}

@keyframes ld-fade-in {
    0% {
        animation-timing-function: cubic-bezier(0.2242, 0.7499, 0.3142, 0.8148);
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.ld.ld-fade-in {
    animation: ld-fade-in 1s 1 linear;
    animation-fill-mode: forwards;
    opacity: 0
}

@keyframes ld-fade-out {
    0% {
        animation-timing-function: cubic-bezier(0.2242, 0.7499, 0.3142, 0.8148);
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.ld.ld-fade-out {
    animation: ld-fade-out 1s 1 linear;
    animation-fill-mode: forwards;
    opacity: 1
}

@keyframes ld-grow-rtl-in {
    0% {
        animation-timing-function: cubic-bezier(0.1006, 0.3357, -0.2396, 0.6703);
        transform: translate(49.75px, 0) scale(0.005, 1);
        opacity: 0
    }
    2% {
        animation-timing-function: cubic-bezier(0.2668, 0.6542, 0.5372, 0.8035);
        transform: translate(31.2px, 0) scale(0.376, 1);
        opacity: 1
    }
    100% {
        transform: translate(0, 0) scale(1, 1);
        opacity: 1
    }
}

.ld.ld-grow-rtl-in {
    animation: ld-grow-rtl-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(0.005, 0, 0, 1, 49.75, 0);
    opacity: 0
}

@keyframes ld-grow-rtl-out {
    0% {
        animation-timing-function: cubic-bezier(0.2221, 0.7433, 0.3066, 0.8148);
        transform: translate(0, 0) scale(1, 1);
        opacity: 1
    }
    97% {
        animation-timing-function: cubic-bezier(0.3286, 0.4108, 0.6714, 0.5892);
        transform: translate(49.6px, 0) scale(0.008, 1);
        opacity: 1
    }
    100% {
        transform: translate(49.75px, 0) scale(0.005, 1);
        opacity: 0
    }
}

.ld.ld-grow-rtl-out {
    animation: ld-grow-rtl-out 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1
}

@keyframes ld-grow-ltr-in {
    0% {
        animation-timing-function: cubic-bezier(0.1006, 0.3357, -0.2396, 0.6703);
        transform: translate(-49.75px, 0) scale(0.005, 1);
        opacity: 0
    }
    2% {
        animation-timing-function: cubic-bezier(0.2668, 0.6542, 0.5372, 0.8035);
        transform: translate(-31.2px, 0) scale(0.376, 1);
        opacity: 1
    }
    100% {
        transform: translate(0, 0) scale(1, 1);
        opacity: 1
    }
}

.ld.ld-grow-ltr-in {
    animation: ld-grow-ltr-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(0.005, 0, 0, 1, -49.75, 0);
    opacity: 0
}

@keyframes ld-grow-ltr-out {
    0% {
        animation-timing-function: cubic-bezier(0.2221, 0.7433, 0.3066, 0.8148);
        transform: translate(0, 0) scale(1, 1);
        opacity: 1
    }
    97% {
        animation-timing-function: cubic-bezier(0.3286, 0.4108, 0.6714, 0.5892);
        transform: translate(-49.6px, 0) scale(0.008, 1);
        opacity: 1
    }
    100% {
        transform: translate(-49.75px, 0) scale(0.005, 1);
        opacity: 0
    }
}

.ld.ld-grow-ltr-out {
    animation: ld-grow-ltr-out 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1
}

@keyframes ld-grow-ttb-in {
    0% {
        animation-timing-function: cubic-bezier(0.1006, 0.3357, -0.2396, 0.6703);
        transform: translate(0, -49.75px) scale(1, 0.005);
        opacity: 0
    }
    2% {
        animation-timing-function: cubic-bezier(0.2668, 0.6542, 0.5372, 0.8035);
        transform: translate(0, -31.2px) scale(1, 0.376);
        opacity: 1
    }
    100% {
        transform: translate(0, 0) scale(1, 1);
        opacity: 1
    }
}

.ld.ld-grow-ttb-in {
    animation: ld-grow-ttb-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 0.005, 0, -49.75);
    opacity: 0
}

@keyframes ld-grow-ttb-out {
    0% {
        animation-timing-function: cubic-bezier(0.2221, 0.7433, 0.3066, 0.8148);
        transform: translate(0, 0) scale(1, 1);
        opacity: 1
    }
    97% {
        animation-timing-function: cubic-bezier(0.3286, 0.4108, 0.6714, 0.5892);
        transform: translate(0, -49.6px) scale(1, 0.008);
        opacity: 1
    }
    100% {
        transform: translate(0, -49.75px) scale(1, 0.005);
        opacity: 0
    }
}

.ld.ld-grow-ttb-out {
    animation: ld-grow-ttb-out 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1
}

@keyframes ld-grow-btt-in {
    0% {
        animation-timing-function: cubic-bezier(0.1006, 0.3357, -0.2396, 0.6703);
        transform: translate(0, 49.75px) scale(1, 0.005);
        opacity: 0
    }
    2% {
        animation-timing-function: cubic-bezier(0.2668, 0.6542, 0.5372, 0.8035);
        transform: translate(0, 31.2px) scale(1, 0.376);
        opacity: 1
    }
    100% {
        transform: translate(0, 0) scale(1, 1);
        opacity: 1
    }
}

.ld.ld-grow-btt-in {
    animation: ld-grow-btt-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 0.005, 0, 49.75);
    opacity: 0
}

@keyframes ld-grow-btt-out {
    0% {
        animation-timing-function: cubic-bezier(0.2221, 0.7433, 0.3066, 0.8148);
        transform: translate(0, 0) scale(1, 1);
        opacity: 1
    }
    97% {
        animation-timing-function: cubic-bezier(0.3286, 0.4108, 0.6714, 0.5892);
        transform: translate(0, 49.6px) scale(1, 0.008);
        opacity: 1
    }
    100% {
        transform: translate(0, 49.75px) scale(1, 0.005);
        opacity: 0
    }
}

.ld.ld-grow-btt-out {
    animation: ld-grow-btt-out 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1
}

@keyframes ld-flip-v-in {
    0% {
        animation-timing-function: cubic-bezier(0.1006, 0.3357, -0.2396, 0.6703);
        transform: translate(0, 0) scale(1, 0.005);
        opacity: 0
    }
    2% {
        animation-timing-function: cubic-bezier(0.2668, 0.6542, 0.5372, 0.8035);
        transform: translate(0, 0) scale(1, 0.376);
        opacity: 1
    }
    100% {
        transform: translate(0, 0) scale(1, 1);
        opacity: 1
    }
}

.ld.ld-flip-v-in {
    animation: ld-flip-v-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 0.005, 0, 0);
    opacity: 0
}

@keyframes ld-flip-v-out {
    0% {
        animation-timing-function: cubic-bezier(0.2221, 0.7433, 0.3066, 0.8148);
        transform: translate(0, 0) scale(1, 1);
        opacity: 1
    }
    97% {
        animation-timing-function: cubic-bezier(0.3286, 0.4108, 0.6714, 0.5892);
        transform: translate(0, 0) scale(1, 0.008);
        opacity: 1
    }
    100% {
        transform: translate(0, 0) scale(1, 0.005);
        opacity: 0
    }
}

.ld.ld-flip-v-out {
    animation: ld-flip-v-out 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1
}

@keyframes ld-flip-h-in {
    0% {
        animation-timing-function: cubic-bezier(0.1006, 0.3357, -0.2396, 0.6703);
        transform: translate(0, 0) scale(0.005, 1);
        opacity: 0
    }
    2% {
        animation-timing-function: cubic-bezier(0.2668, 0.6542, 0.5372, 0.8035);
        transform: translate(0, 0) scale(0.376, 1);
        opacity: 1
    }
    100% {
        transform: translate(0, 0) scale(1, 1);
        opacity: 1
    }
}

.ld.ld-flip-h-in {
    animation: ld-flip-h-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(0.005, 0, 0, 1, 0, 0);
    opacity: 0
}

@keyframes ld-flip-h-out {
    0% {
        animation-timing-function: cubic-bezier(0.2221, 0.7433, 0.3066, 0.8148);
        transform: translate(0, 0) scale(1, 1);
        opacity: 1
    }
    97% {
        animation-timing-function: cubic-bezier(0.3286, 0.4108, 0.6714, 0.5892);
        transform: translate(0, 0) scale(0.008, 1);
        opacity: 1
    }
    100% {
        transform: translate(0, 0) scale(0.005, 1);
        opacity: 0
    }
}

.ld.ld-flip-h-out {
    animation: ld-flip-h-out 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1
}

@keyframes ld-slide-rtl-in {
    0% {
        animation-timing-function: cubic-bezier(0.1006, 0.3357, -0.2396, 0.6703);
        transform: translate(199px, 0);
        opacity: .05
    }
    2% {
        animation-timing-function: cubic-bezier(0.2668, 0.6542, 0.5372, 0.8035);
        transform: translate(124.8px, 0);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-slide-rtl-in {
    animation: ld-slide-rtl-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 199, 0);
    opacity: .05
}

@keyframes ld-slide-rtl-out {
    0% {
        animation-timing-function: cubic-bezier(0.2221, 0.7433, 0.3066, 0.8148);
        transform: translate(0, 0);
        opacity: 1
    }
    97% {
        animation-timing-function: cubic-bezier(0.3286, 0.4108, 0.6714, 0.5892);
        transform: translate(198.4px, 0);
        opacity: .08
    }
    100% {
        transform: translate(199px, 0);
        opacity: .05
    }
}

.ld.ld-slide-rtl-out {
    animation: ld-slide-rtl-out 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1
}

@keyframes ld-slide-ltr-in {
    0% {
        animation-timing-function: cubic-bezier(0.1006, 0.3357, -0.2396, 0.6703);
        transform: translate(-199px, 0);
        opacity: .05
    }
    2% {
        animation-timing-function: cubic-bezier(0.2668, 0.6542, 0.5372, 0.8035);
        transform: translate(-124.8px, 0);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-slide-ltr-in {
    animation: ld-slide-ltr-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, -199, 0);
    opacity: .05
}

@keyframes ld-slide-ltr-out {
    0% {
        animation-timing-function: cubic-bezier(0.2221, 0.7433, 0.3066, 0.8148);
        transform: translate(0, 0);
        opacity: 1
    }
    97% {
        animation-timing-function: cubic-bezier(0.3286, 0.4108, 0.6714, 0.5892);
        transform: translate(-198.4px, 0);
        opacity: .08
    }
    100% {
        transform: translate(-199px, 0);
        opacity: .05
    }
}

.ld.ld-slide-ltr-out {
    animation: ld-slide-ltr-out 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1
}

@keyframes ld-slide-ttb-in {
    0% {
        animation-timing-function: cubic-bezier(0.1006, 0.3357, -0.2396, 0.6703);
        transform: translate(0, -199px);
        opacity: .05
    }
    2% {
        animation-timing-function: cubic-bezier(0.2668, 0.6542, 0.5372, 0.8035);
        transform: translate(0, -124.8px);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-slide-ttb-in {
    animation: ld-slide-ttb-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, -199);
    opacity: .05
}

@keyframes ld-slide-ttb-out {
    0% {
        animation-timing-function: cubic-bezier(0.2221, 0.7433, 0.3066, 0.8148);
        transform: translate(0, 0);
        opacity: 1
    }
    97% {
        animation-timing-function: cubic-bezier(0.3286, 0.4108, 0.6714, 0.5892);
        transform: translate(0, -198.4px);
        opacity: .08
    }
    100% {
        transform: translate(0, -199px);
        opacity: .05
    }
}

.ld.ld-slide-ttb-out {
    animation: ld-slide-ttb-out 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1
}

@keyframes ld-slide-btt-in {
    0% {
        animation-timing-function: cubic-bezier(0.1006, 0.3357, -0.2396, 0.6703);
        transform: translate(0, 199px);
        opacity: .05
    }
    2% {
        animation-timing-function: cubic-bezier(0.2668, 0.6542, 0.5372, 0.8035);
        transform: translate(0, 124.8px);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-slide-btt-in {
    animation: ld-slide-btt-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 199);
    opacity: .05
}

@keyframes ld-slide-btt-out {
    0% {
        animation-timing-function: cubic-bezier(0.2221, 0.7433, 0.3066, 0.8148);
        transform: translate(0, 0);
        opacity: 1
    }
    97% {
        animation-timing-function: cubic-bezier(0.3286, 0.4108, 0.6714, 0.5892);
        transform: translate(0, 198.4px);
        opacity: .08
    }
    100% {
        transform: translate(0, 199px);
        opacity: .05
    }
}

.ld.ld-slide-btt-out {
    animation: ld-slide-btt-out 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1
}

@keyframes ld-float-rtl-in {
    0% {
        animation-timing-function: cubic-bezier(0.2242, 0.7499, 0.3142, 0.8148);
        transform: translate(14.925px, 0);
        opacity: .05
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-float-rtl-in {
    animation: ld-float-rtl-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 14.925, 0);
    opacity: .05
}

@keyframes ld-float-rtl-out {
    0% {
        animation-timing-function: cubic-bezier(0.2242, 0.7499, 0.3142, 0.8148);
        transform: translate(0, 0);
        opacity: 1
    }
    100% {
        transform: translate(14.925px, 0);
        opacity: .05
    }
}

.ld.ld-float-rtl-out {
    animation: ld-float-rtl-out 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1
}

@keyframes ld-float-ltr-in {
    0% {
        animation-timing-function: cubic-bezier(0.2242, 0.7499, 0.3142, 0.8148);
        transform: translate(-14.925px, 0);
        opacity: .05
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-float-ltr-in {
    animation: ld-float-ltr-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, -14.925, 0);
    opacity: .05
}

@keyframes ld-float-ltr-out {
    0% {
        animation-timing-function: cubic-bezier(0.2242, 0.7499, 0.3142, 0.8148);
        transform: translate(0, 0);
        opacity: 1
    }
    100% {
        transform: translate(-14.925px, 0);
        opacity: .05
    }
}

.ld.ld-float-ltr-out {
    animation: ld-float-ltr-out 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1
}

@keyframes ld-float-ttb-in {
    0% {
        animation-timing-function: cubic-bezier(0.2242, 0.7499, 0.3142, 0.8148);
        transform: translate(0, -14.925px);
        opacity: .05
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-float-ttb-in {
    animation: ld-float-ttb-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, -14.925);
    opacity: .05
}

@keyframes ld-float-ttb-out {
    0% {
        animation-timing-function: cubic-bezier(0.2242, 0.7499, 0.3142, 0.8148);
        transform: translate(0, 0);
        opacity: 1
    }
    100% {
        transform: translate(0, -14.925px);
        opacity: .05
    }
}

.ld.ld-float-ttb-out {
    animation: ld-float-ttb-out 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1
}

@keyframes ld-float-btt-in {
    0% {
        animation-timing-function: cubic-bezier(0.2242, 0.7499, 0.3142, 0.8148);
        transform: translate(0, 14.925px);
        opacity: .05
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-float-btt-in {
    animation: ld-float-btt-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 14.925);
    opacity: .05
}

@keyframes ld-float-btt-out {
    0% {
        animation-timing-function: cubic-bezier(0.2242, 0.7499, 0.3142, 0.8148);
        transform: translate(0, 0);
        opacity: 1
    }
    100% {
        transform: translate(0, 14.925px);
        opacity: .05
    }
}

.ld.ld-float-btt-out {
    animation: ld-float-btt-out 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1
}

@keyframes ld-fall-rtl-in {
    0% {
        animation-timing-function: cubic-bezier(0.7815, 0.1815, 0.7831, 0.7206);
        transform: translate(49.75px, 0);
        opacity: 0
    }
    31% {
        animation-timing-function: cubic-bezier(0.1707, 0.3173, 0.3345, 0.9041);
        transform: translate(2.65px, 0);
        opacity: 1
    }
    51% {
        animation-timing-function: cubic-bezier(0.6191, 0.1797, 0.7336, 0.6732);
        transform: translate(20px, 0);
        opacity: 1
    }
    72% {
        animation-timing-function: cubic-bezier(0.2345, 0.4707, 0.453, 1);
        transform: translate(1.05px, 0);
        opacity: 1
    }
    87% {
        animation-timing-function: cubic-bezier(0.53, 0.1845, 0.7541, 0.5953);
        transform: translate(7.9px, 0);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-fall-rtl-in {
    animation: ld-fall-rtl-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 49.75, 0);
    opacity: 0
}

@keyframes ld-fall-ltr-in {
    0% {
        animation-timing-function: cubic-bezier(0.7815, 0.1815, 0.7831, 0.7206);
        transform: translate(-49.75px, 0);
        opacity: 0
    }
    31% {
        animation-timing-function: cubic-bezier(0.1707, 0.3173, 0.3345, 0.9041);
        transform: translate(-2.65px, 0);
        opacity: 1
    }
    51% {
        animation-timing-function: cubic-bezier(0.6191, 0.1797, 0.7336, 0.6732);
        transform: translate(-20px, 0);
        opacity: 1
    }
    72% {
        animation-timing-function: cubic-bezier(0.2345, 0.4707, 0.453, 1);
        transform: translate(-1.05px, 0);
        opacity: 1
    }
    87% {
        animation-timing-function: cubic-bezier(0.53, 0.1845, 0.7541, 0.5953);
        transform: translate(-7.9px, 0);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-fall-ltr-in {
    animation: ld-fall-ltr-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, -49.75, 0);
    opacity: 0
}

@keyframes ld-fall-ttb-in {
    0% {
        animation-timing-function: cubic-bezier(0.7815, 0.1815, 0.7831, 0.7206);
        transform: translate(0, -49.75px);
        opacity: 0
    }
    31% {
        animation-timing-function: cubic-bezier(0.1707, 0.3173, 0.3345, 0.9041);
        transform: translate(0, -2.65px);
        opacity: 1
    }
    51% {
        animation-timing-function: cubic-bezier(0.6191, 0.1797, 0.7336, 0.6732);
        transform: translate(0, -20px);
        opacity: 1
    }
    72% {
        animation-timing-function: cubic-bezier(0.2345, 0.4707, 0.453, 1);
        transform: translate(0, -1.05px);
        opacity: 1
    }
    87% {
        animation-timing-function: cubic-bezier(0.53, 0.1845, 0.7541, 0.5953);
        transform: translate(0, -7.9px);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-fall-ttb-in {
    animation: ld-fall-ttb-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, -49.75);
    opacity: 0
}

@keyframes ld-fall-btt-in {
    0% {
        animation-timing-function: cubic-bezier(0.7815, 0.1815, 0.7831, 0.7206);
        transform: translate(0, 49.75px);
        opacity: 0
    }
    31% {
        animation-timing-function: cubic-bezier(0.1707, 0.3173, 0.3345, 0.9041);
        transform: translate(0, 2.65px);
        opacity: 1
    }
    51% {
        animation-timing-function: cubic-bezier(0.6191, 0.1797, 0.7336, 0.6732);
        transform: translate(0, 20px);
        opacity: 1
    }
    72% {
        animation-timing-function: cubic-bezier(0.2345, 0.4707, 0.453, 1);
        transform: translate(0, 1.05px);
        opacity: 1
    }
    87% {
        animation-timing-function: cubic-bezier(0.53, 0.1845, 0.7541, 0.5953);
        transform: translate(0, 7.9px);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-fall-btt-in {
    animation: ld-fall-btt-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 49.75);
    opacity: 0
}

@keyframes ld-move-ltr {
    0% {
        transform: translate(0, 0)
    }
    40% {
        transform: translate(40px, 0)
    }
    49.99999% {
        transform: translate(49.99999px, 0)
    }
    50% {
        transform: translate(-50px, 0)
    }
    50.00001% {
        transform: translate(-49.99999px, 0)
    }
    60% {
        transform: translate(-40px, 0)
    }
    100% {
        transform: translate(0, 0)
    }
}

.ld.ld-move-ltr {
    animation: ld-move-ltr 1s infinite linear
}

@keyframes ld-move-rtl {
    0% {
        transform: translate(0, 0)
    }
    40% {
        transform: translate(-40px, 0)
    }
    49.99999% {
        transform: translate(-49.99999px, 0)
    }
    50% {
        transform: translate(50px, 0)
    }
    50.00001% {
        transform: translate(49.99999px, 0)
    }
    60% {
        transform: translate(40px, 0)
    }
    100% {
        transform: translate(0, 0)
    }
}

.ld.ld-move-rtl {
    animation: ld-move-rtl 1s infinite linear
}

@keyframes ld-move-ttb {
    0% {
        transform: translate(0, 0)
    }
    40% {
        transform: translate(0, 40px)
    }
    49.99999% {
        transform: translate(0, 49.99999px)
    }
    50% {
        transform: translate(0, -50px)
    }
    50.00001% {
        transform: translate(0, -49.99999px)
    }
    60% {
        transform: translate(0, -40px)
    }
    100% {
        transform: translate(0, 0)
    }
}

.ld.ld-move-ttb {
    animation: ld-move-ttb 1s infinite linear
}

@keyframes ld-move-btt {
    0% {
        transform: translate(0, 0)
    }
    40% {
        transform: translate(0, -40px)
    }
    49.99999% {
        transform: translate(0, -49.99999px)
    }
    50% {
        transform: translate(0, 50px)
    }
    50.00001% {
        transform: translate(0, 49.99999px)
    }
    60% {
        transform: translate(0, 40px)
    }
    100% {
        transform: translate(0, 0)
    }
}

.ld.ld-move-btt {
    animation: ld-move-btt 1s infinite linear
}

@keyframes ld-move-fade-ltr {
    0% {
        transform: translate(0, 0);
        opacity: 1
    }
    40% {
        transform: translate(40px, 0);
        opacity: 1
    }
    49.99999% {
        transform: translate(49.99999px, 0);
        opacity: 0
    }
    50% {
        transform: translate(-50px, 0);
        opacity: 0
    }
    50.00001% {
        transform: translate(-49.99999px, 0);
        opacity: 0
    }
    60% {
        transform: translate(-40px, 0);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-move-fade-ltr {
    animation: ld-move-fade-ltr 1s infinite linear
}

@keyframes ld-move-fade-rtl {
    0% {
        transform: translate(0, 0);
        opacity: 1
    }
    40% {
        transform: translate(-40px, 0);
        opacity: 1
    }
    49.99999% {
        transform: translate(-49.99999px, 0);
        opacity: 0
    }
    50% {
        transform: translate(50px, 0);
        opacity: 0
    }
    50.00001% {
        transform: translate(49.99999px, 0);
        opacity: 0
    }
    60% {
        transform: translate(40px, 0);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-move-fade-rtl {
    animation: ld-move-fade-rtl 1s infinite linear
}

@keyframes ld-move-fade-ttb {
    0% {
        transform: translate(0, 0);
        opacity: 1
    }
    40% {
        transform: translate(0, 40px);
        opacity: 1
    }
    49.99999% {
        transform: translate(0, 49.99999px);
        opacity: 0
    }
    50% {
        transform: translate(0, -50px);
        opacity: 0
    }
    50.00001% {
        transform: translate(0, -49.99999px);
        opacity: 0
    }
    60% {
        transform: translate(0, -40px);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-move-fade-ttb {
    animation: ld-move-fade-ttb 1s infinite linear
}

@keyframes ld-move-fade-btt {
    0% {
        transform: translate(0, 0);
        opacity: 1
    }
    40% {
        transform: translate(0, -40px);
        opacity: 1
    }
    49.99999% {
        transform: translate(0, -49.99999px);
        opacity: 0
    }
    50% {
        transform: translate(0, 50px);
        opacity: 0
    }
    50.00001% {
        transform: translate(0, 49.99999px);
        opacity: 0
    }
    60% {
        transform: translate(0, 40px);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-move-fade-btt {
    animation: ld-move-fade-btt 1s infinite linear
}

@keyframes ld-orbit {
    0% {
        animation-timing-function: linear;
        transform: translate(0, -60px) rotate(0)
    }
    8.33333% {
        animation-timing-function: linear;
        transform: translate(30px, -51.96152px) rotate(30deg)
    }
    16.66667% {
        animation-timing-function: linear;
        transform: translate(51.96152px, -30px) rotate(60deg)
    }
    25% {
        animation-timing-function: linear;
        transform: translate(60px, 0) rotate(90deg)
    }
    33.33333% {
        animation-timing-function: linear;
        transform: translate(51.96152px, 30px) rotate(120deg)
    }
    41.66667% {
        animation-timing-function: linear;
        transform: translate(30px, 51.96152px) rotate(150deg)
    }
    50% {
        animation-timing-function: linear;
        transform: translate(0, 60px) rotate(180deg)
    }
    58.33333% {
        animation-timing-function: linear;
        transform: translate(-30px, 51.96152px) rotate(210deg)
    }
    66.66667% {
        animation-timing-function: linear;
        transform: translate(-51.96152px, 30px) rotate(240deg)
    }
    75% {
        animation-timing-function: linear;
        transform: translate(-60px, 0) rotate(270deg)
    }
    83.33333% {
        animation-timing-function: linear;
        transform: translate(-51.96152px, -30px) rotate(300deg)
    }
    91.66667% {
        animation-timing-function: linear;
        transform: translate(-30px, -51.96152px) rotate(330deg)
    }
    100% {
        animation-timing-function: linear;
        transform: translate(0, -60px) rotate(360deg)
    }
}

.ld.ld-orbit {
    animation: ld-orbit 1s infinite linear
}

@keyframes ld-breath {
    0% {
        animation-timing-function: cubic-bezier(0.9647, 0.2413, -0.0705, 0.7911);
        transform: scale(0.9099999999999999)
    }
    51% {
        animation-timing-function: cubic-bezier(0.9226, 0.2631, -0.0308, 0.7628);
        transform: scale(1.02994)
    }
    100% {
        transform: scale(0.9099999999999999)
    }
}

.ld.ld-breath {
    animation: ld-breath 1s infinite linear
}

@keyframes ld-dim {
    0% {
        animation-timing-function: cubic-bezier(0.9647, 0.2413, -0.0705, 0.7911);
        opacity: 0
    }
    51% {
        animation-timing-function: cubic-bezier(0.9226, 0.2631, -0.0308, 0.7628);
        opacity: .9995
    }
    100% {
        opacity: 0
    }
}

.ld.ld-dim {
    animation: ld-dim 1s infinite linear
}

@keyframes ld-metronome {
    0% {
        animation-timing-function: cubic-bezier(0.7806, 0.0715, 0.8998, 0.731);
        transform: translate(-10px) rotate(-20deg)
    }
    17.5% {
        animation-timing-function: cubic-bezier(0.484, 0.3308, 0.6853, 0.6667);
        transform: translate(-6.18px) rotate(-12.36deg)
    }
    27.6% {
        animation-timing-function: cubic-bezier(0.0676, 0.1836, 0.0518, 0.9433);
        transform: translate(2.48px) rotate(4.96deg)
    }
    50.1% {
        animation-timing-function: cubic-bezier(0.7773, 0.0708, 0.9008, 0.735);
        transform: translate(10px) rotate(20deg)
    }
    67.6% {
        animation-timing-function: cubic-bezier(0.4888, 0.331, 0.6153, 0.6674);
        transform: translate(6.16px) rotate(12.32deg)
    }
    80% {
        animation-timing-function: cubic-bezier(0.0801, 0.2206, 0.1357, 0.9363);
        transform: translate(-4.57px) rotate(-9.14deg)
    }
    100% {
        transform: translate(-10px) rotate(-20deg)
    }
}

.ld.ld-metronome {
    animation: ld-metronome 1s infinite linear
}

@keyframes ld-swing {
    0% {
        animation-timing-function: cubic-bezier(0.9647, 0.2413, -0.0705, 0.7911);
        transform: rotate(-30deg)
    }
    51% {
        animation-timing-function: cubic-bezier(0.9226, 0.2631, -0.0308, 0.7628);
        transform: rotate(29.97deg)
    }
    100% {
        transform: rotate(-30deg)
    }
}

.ld.ld-swing {
    animation: ld-swing 1s infinite linear
}

@keyframes ld-wander-v {
    0% {
        animation-timing-function: cubic-bezier(0.7806, 0.0715, 0.8998, 0.731);
        transform: translate(0, -10px)
    }
    17.5% {
        animation-timing-function: cubic-bezier(0.484, 0.3308, 0.6853, 0.6667);
        transform: translate(0, -6.18px)
    }
    27.6% {
        animation-timing-function: cubic-bezier(0.2459, 0.3343, 0.4923, 0.6717);
        transform: translate(0, 2.48px)
    }
    35.1% {
        animation-timing-function: cubic-bezier(0.1317, 0.3401, 0.311, 0.9176);
        transform: translate(0, 7.49px)
    }
    50.1% {
        animation-timing-function: cubic-bezier(0.7773, 0.0708, 0.9008, 0.735);
        transform: translate(0, 10px)
    }
    67.6% {
        animation-timing-function: cubic-bezier(0.4888, 0.331, 0.6153, 0.6674);
        transform: translate(0, 6.16px)
    }
    80% {
        animation-timing-function: cubic-bezier(0.2539, 0.3274, 0.5671, 0.676);
        transform: translate(0, -4.57px)
    }
    85% {
        animation-timing-function: cubic-bezier(0.1302, 0.3349, 0.3113, 0.9183);
        transform: translate(0, -7.47px)
    }
    100% {
        transform: translate(0, -10px)
    }
}

.ld.ld-wander-v {
    animation: ld-wander-v 1s infinite linear
}

@keyframes ld-wander-h {
    0% {
        animation-timing-function: cubic-bezier(0.7806, 0.0715, 0.8998, 0.731);
        transform: translate(-10px, 0)
    }
    17.5% {
        animation-timing-function: cubic-bezier(0.484, 0.3308, 0.6853, 0.6667);
        transform: translate(-6.18px, 0)
    }
    27.6% {
        animation-timing-function: cubic-bezier(0.2459, 0.3343, 0.4923, 0.6717);
        transform: translate(2.48px, 0)
    }
    35.1% {
        animation-timing-function: cubic-bezier(0.1317, 0.3401, 0.311, 0.9176);
        transform: translate(7.49px, 0)
    }
    50.1% {
        animation-timing-function: cubic-bezier(0.7773, 0.0708, 0.9008, 0.735);
        transform: translate(10px, 0)
    }
    67.6% {
        animation-timing-function: cubic-bezier(0.4888, 0.331, 0.6153, 0.6674);
        transform: translate(6.16px, 0)
    }
    80% {
        animation-timing-function: cubic-bezier(0.2539, 0.3274, 0.5671, 0.676);
        transform: translate(-4.57px, 0)
    }
    85% {
        animation-timing-function: cubic-bezier(0.1302, 0.3349, 0.3113, 0.9183);
        transform: translate(-7.47px, 0)
    }
    100% {
        transform: translate(-10px, 0)
    }
}

.ld.ld-wander-h {
    animation: ld-wander-h 1s infinite linear
}

@keyframes ld-power-off {
    0%,
    20%,
    100% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    100% {
        transform: scale(0, 0);
        opacity: 0
    }
    99% {
        transform: scale(0.05, 0.05);
        opacity: 1
    }
    0% {
        transform: scale(1, 1);
        opacity: 1
    }
    20% {
        transform: scale(1, 0.1)
    }
}

.ld.ld-power-off {
    animation: ld-power-off 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1
}

@keyframes ld-power-on {
    0%,
    20%,
    100% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1)
    }
    0% {
        transform: scale(0, 0);
        opacity: 0
    }
    1% {
        transform: scale(0.05, 0.05);
        opacity: 1
    }
    100% {
        transform: scale(1, 1);
        opacity: 1
    }
    20% {
        transform: scale(1, 0.1)
    }
}

.ld.ld-power-on {
    animation: ld-power-on 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(0, 0, 0, 0.05, 0, 0);
    opacity: 0
}

@keyframes ld-pulse {
    0% {
        animation-timing-function: cubic-bezier(0.3333, 0.3333, 0.3124, 0.6668);
        transform: scale(0.85)
    }
    0.5% {
        animation-timing-function: cubic-bezier(0.0233, -0.3865, 0.6667, 0.6667);
        transform: scale(1.141)
    }
    1.5% {
        animation-timing-function: cubic-bezier(0.2893, 0.354, 0.6158, 0.6958);
        transform: scale(1.124)
    }
    11% {
        animation-timing-function: cubic-bezier(0.2861, 0.4196, 0.6215, 0.7476);
        transform: scale(0.992)
    }
    25% {
        animation-timing-function: cubic-bezier(0.0793, 0.2627, 0.9972, 1.5511);
        transform: scale(0.887)
    }
    49.5% {
        animation-timing-function: cubic-bezier(0.6664, 0.3332, 0.6667, 0.6667);
        transform: scale(0.85)
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.3522, 1, 0.6686);
        transform: scale(1.1500000000000001)
    }
    51% {
        animation-timing-function: cubic-bezier(0.2668, 0.4036, 0.554, 0.7657);
        transform: scale(1.1320000000000001)
    }
    73.5% {
        animation-timing-function: cubic-bezier(0.2997, 1.0028, 0.6671, 1);
        transform: scale(0.894)
    }
    100% {
        transform: scale(0.85)
    }
}

.ld.ld-pulse {
    animation: ld-pulse 1s infinite linear
}

@keyframes ld-jingle {
    0% {
        animation-timing-function: cubic-bezier(0.146, 0.2111, 0.5902, 1.3204);
        transform: rotate(0)
    }
    11% {
        animation-timing-function: cubic-bezier(0.1079, 0.1992, -0.6462, 0.828);
        transform: rotate(7.61deg)
    }
    23% {
        animation-timing-function: cubic-bezier(0.0504, 0.0951, 0.0163, 0.9677);
        transform: rotate(-5.789999999999999deg)
    }
    36% {
        animation-timing-function: cubic-bezier(0.0475, 0.0921, 0.3134, 1.0455);
        transform: rotate(3.35deg)
    }
    49% {
        animation-timing-function: cubic-bezier(0.0789, 0.1565, 0.3413, 1.0972);
        transform: rotate(-1.9300000000000002deg)
    }
    62% {
        animation-timing-function: cubic-bezier(0.141, 0.2885, 0.406, 1.1519);
        transform: rotate(1.12deg)
    }
    75% {
        animation-timing-function: cubic-bezier(0.226, 0.4698, 0.5031, 1.1722);
        transform: rotate(-0.64deg)
    }
    88% {
        animation-timing-function: cubic-bezier(0.3121, 0.5521, 0.5655, 0.8997);
        transform: rotate(0.37deg)
    }
    100% {
        transform: rotate(-0.28deg)
    }
}

.ld.ld-jingle {
    animation: ld-jingle 1s infinite linear;
    transform-origin: 50% 0
}

@keyframes ld-rubber-v {
    0% {
        animation-timing-function: cubic-bezier(0.1858, 0.2841, 0.5834, 1.4615);
        transform: scaleY(1)
    }
    31% {
        animation-timing-function: cubic-bezier(0.0467, 0.1102, 0.4803, 1.4719);
        transform: scaleY(1.1354)
    }
    41% {
        animation-timing-function: cubic-bezier(0.0469, 0.1108, 0.4775, 1.4732);
        transform: scaleY(0.9052)
    }
    51% {
        animation-timing-function: cubic-bezier(0.0478, 0.1131, 0.4723, 1.4819);
        transform: scaleY(1.0664)
    }
    61% {
        animation-timing-function: cubic-bezier(0.0506, 0.1192, 0.4639, 1.4818);
        transform: scaleY(0.9536)
    }
    71% {
        animation-timing-function: cubic-bezier(0.0581, 0.1374, 0.457, 1.4901);
        transform: scaleY(1.0326)
    }
    81% {
        animation-timing-function: cubic-bezier(0.0765, 0.1813, 0.4542, 1.4923);
        transform: scaleY(0.9772)
    }
    91% {
        animation-timing-function: cubic-bezier(0.1747, 0.3181, 0.341, 0.878);
        transform: scaleY(1.016)
    }
    100% {
        transform: scaleY(0.9836)
    }
}

.ld.ld-rubber-v {
    animation: ld-rubber-v 1s infinite linear
}

@keyframes ld-rubber-h {
    0% {
        animation-timing-function: cubic-bezier(0.1858, 0.2841, 0.5834, 1.4615);
        transform: scaleX(1)
    }
    31% {
        animation-timing-function: cubic-bezier(0.0467, 0.1102, 0.4803, 1.4719);
        transform: scaleX(1.1354)
    }
    41% {
        animation-timing-function: cubic-bezier(0.0469, 0.1108, 0.4775, 1.4732);
        transform: scaleX(0.9052)
    }
    51% {
        animation-timing-function: cubic-bezier(0.0478, 0.1131, 0.4723, 1.4819);
        transform: scaleX(1.0664)
    }
    61% {
        animation-timing-function: cubic-bezier(0.0506, 0.1192, 0.4639, 1.4818);
        transform: scaleX(0.9536)
    }
    71% {
        animation-timing-function: cubic-bezier(0.0581, 0.1374, 0.457, 1.4901);
        transform: scaleX(1.0326)
    }
    81% {
        animation-timing-function: cubic-bezier(0.0765, 0.1813, 0.4542, 1.4923);
        transform: scaleX(0.9772)
    }
    91% {
        animation-timing-function: cubic-bezier(0.1747, 0.3181, 0.341, 0.878);
        transform: scaleX(1.016)
    }
    100% {
        transform: scaleX(0.9836)
    }
}

.ld.ld-rubber-h {
    animation: ld-rubber-h 1s infinite linear
}

@keyframes ld-shake-v {
    0% {
        animation-timing-function: cubic-bezier(0.1441, 0.1912, 0.6583, 1.1029);
        transform: translate(0, 0)
    }
    31% {
        animation-timing-function: cubic-bezier(0.0667, 0.1419, 0.6667, 1.1415);
        transform: translate(0, 7.800000000000001px)
    }
    45% {
        animation-timing-function: cubic-bezier(0.0542, 0.1151, 0.5697, 1.181);
        transform: translate(0, -4.680000000000001px)
    }
    59% {
        animation-timing-function: cubic-bezier(0.0497, 0.1058, 0.4541, 1.231);
        transform: translate(0, 2.8100000000000005px)
    }
    73% {
        animation-timing-function: cubic-bezier(0.0808, 0.1711, 0.4109, 1.2519);
        transform: translate(0, -1.6800000000000002px)
    }
    87% {
        animation-timing-function: cubic-bezier(0.2073, 0.3705, 0.4064, 0.8839);
        transform: translate(0, 1.01px)
    }
    100% {
        transform: translate(0, -0.78px)
    }
}

.ld.ld-shake-v {
    animation: ld-shake-v 1s infinite linear
}

@keyframes ld-shake-h {
    0% {
        animation-timing-function: cubic-bezier(0.1515, 0.2047, 0.6562, 1.1369);
        transform: translate(0, 0)
    }
    31% {
        animation-timing-function: cubic-bezier(0.0628, 0.1361, 0.6012, 1.2083);
        transform: translate(7.66px, 0)
    }
    45% {
        animation-timing-function: cubic-bezier(0.0579, 0.1251, 0.5661, 1.2263);
        transform: translate(-5.36px, 0)
    }
    59% {
        animation-timing-function: cubic-bezier(0.0523, 0.113, 0.5181, 1.2493);
        transform: translate(3.75px, 0)
    }
    73% {
        animation-timing-function: cubic-bezier(0.0513, 0.1113, 0.4632, 1.2762);
        transform: translate(-2.63px, 0)
    }
    87% {
        animation-timing-function: cubic-bezier(0.1502, 0.2709, 0.2303, 0.8469);
        transform: translate(1.8399999999999999px, 0)
    }
    100% {
        transform: translate(-1.6800000000000002px, 0)
    }
}

.ld.ld-shake-h {
    animation: ld-shake-h 1s infinite linear
}

@keyframes ld-tick {
    0% {
        animation-timing-function: cubic-bezier(0.1858, 0.2841, 0.5834, 1.4615);
        transform: rotate(0)
    }
    31% {
        animation-timing-function: cubic-bezier(0.0467, 0.1102, 0.4803, 1.4719);
        transform: rotate(13.540000000000001deg)
    }
    41% {
        animation-timing-function: cubic-bezier(0.0469, 0.1108, 0.4775, 1.4732);
        transform: rotate(-9.48deg)
    }
    51% {
        animation-timing-function: cubic-bezier(0.0478, 0.1131, 0.4723, 1.4819);
        transform: rotate(6.640000000000001deg)
    }
    61% {
        animation-timing-function: cubic-bezier(0.0506, 0.1192, 0.4639, 1.4818);
        transform: rotate(-4.640000000000001deg)
    }
    71% {
        animation-timing-function: cubic-bezier(0.0581, 0.1374, 0.457, 1.4901);
        transform: rotate(3.2600000000000002deg)
    }
    81% {
        animation-timing-function: cubic-bezier(0.0765, 0.1813, 0.4542, 1.4923);
        transform: rotate(-2.2800000000000002deg)
    }
    91% {
        animation-timing-function: cubic-bezier(0.1747, 0.3181, 0.341, 0.878);
        transform: rotate(1.6deg)
    }
    100% {
        transform: rotate(-1.6400000000000001deg)
    }
}

.ld.ld-tick {
    animation: ld-tick 1s infinite linear
}

@keyframes ld-smash {
    0% {
        animation-timing-function: cubic-bezier(0.3385, 0.332, 0.6667, 0.6667);
        transform: rotate(0)
    }
    40.8% {
        animation-timing-function: cubic-bezier(0.3316, 0.3338, 0.5714, 1.3045);
        transform: rotate(24.48deg)
    }
    48.5% {
        animation-timing-function: cubic-bezier(0.9673, 0.2776, 0.6667, 0.6667);
        transform: rotate(29.07deg)
    }
    51% {
        animation-timing-function: cubic-bezier(0.1933, 0.2947, -0.0572, 0.7191);
        transform: rotate(25.38deg)
    }
    60.8% {
        animation-timing-function: cubic-bezier(0.0583, 2.8507, 0.8558, 1);
        transform: rotate(0.54deg)
    }
    100% {
        transform: rotate(0)
    }
}

.ld.ld-smash {
    animation: ld-smash 1s infinite linear
}

@keyframes ld-jelly-alt {
    0% {
        animation-timing-function: cubic-bezier(0.1858, 0.2841, 0.5834, 1.4615);
        transform: skewX(0)
    }
    31% {
        animation-timing-function: cubic-bezier(0.0467, 0.1102, 0.4803, 1.4719);
        transform: skewX(6.7700000000000005deg)
    }
    41% {
        animation-timing-function: cubic-bezier(0.0469, 0.1108, 0.4775, 1.4732);
        transform: skewX(-4.74deg)
    }
    51% {
        animation-timing-function: cubic-bezier(0.0478, 0.1131, 0.4723, 1.4819);
        transform: skewX(3.3200000000000003deg)
    }
    61% {
        animation-timing-function: cubic-bezier(0.0506, 0.1192, 0.4639, 1.4818);
        transform: skewX(-2.3200000000000003deg)
    }
    71% {
        animation-timing-function: cubic-bezier(0.0581, 0.1374, 0.457, 1.4901);
        transform: skewX(1.6300000000000001deg)
    }
    81% {
        animation-timing-function: cubic-bezier(0.0765, 0.1813, 0.4542, 1.4923);
        transform: skewX(-1.1400000000000001deg)
    }
    91% {
        animation-timing-function: cubic-bezier(0.1747, 0.3181, 0.341, 0.878);
        transform: skewX(0.8deg)
    }
    100% {
        transform: skewX(-0.8200000000000001deg)
    }
}

.ld.ld-jelly-alt {
    animation: ld-jelly-alt 1s infinite linear
}

@keyframes ld-jelly {
    0% {
        animation-timing-function: cubic-bezier(0.1441, 0.1912, 0.6583, 1.1029);
        transform: translate(0, 0) skewX(0)
    }
    31% {
        animation-timing-function: cubic-bezier(0.0667, 0.1419, 0.6667, 1.1415);
        transform: translate(-7.800000000000001px, 0) skewX(7.800000000000001deg)
    }
    45% {
        animation-timing-function: cubic-bezier(0.0542, 0.1151, 0.5697, 1.181);
        transform: translate(4.680000000000001px, 0) skewX(-4.680000000000001deg)
    }
    59% {
        animation-timing-function: cubic-bezier(0.0497, 0.1058, 0.4541, 1.231);
        transform: translate(-2.8100000000000005px, 0) skewX(2.8100000000000005deg)
    }
    73% {
        animation-timing-function: cubic-bezier(0.0808, 0.1711, 0.4109, 1.2519);
        transform: translate(1.6800000000000002px, 0) skewX(-1.6800000000000002deg)
    }
    87% {
        animation-timing-function: cubic-bezier(0.2073, 0.3705, 0.4064, 0.8839);
        transform: translate(-1.01px, 0) skewX(1.01deg)
    }
    100% {
        transform: translate(0.78px, 0) skewX(-0.78deg)
    }
}

.ld.ld-jelly {
    animation: ld-jelly 1s infinite linear
}

@keyframes ld-damage {
    0% {
        animation-timing-function: cubic-bezier(0.1916, 0.3481, 0.5313, 2.0622);
        opacity: 1
    }
    21% {
        animation-timing-function: cubic-bezier(0.0461, 0.1237, 0.4559, 1.8579);
        opacity: .42200000000000004
    }
    29% {
        animation-timing-function: cubic-bezier(0.0468, 0.1254, 0.4564, 1.8559);
        opacity: 1.462
    }
    37% {
        animation-timing-function: cubic-bezier(0.0479, 0.1283, 0.457, 1.856);
        opacity: .63
    }
    45% {
        animation-timing-function: cubic-bezier(0.0487, 0.1306, 0.457, 1.8506);
        opacity: 1.296
    }
    53% {
        animation-timing-function: cubic-bezier(0.0515, 0.1383, 0.4591, 1.8571);
        opacity: .763
    }
    61% {
        animation-timing-function: cubic-bezier(0.0556, 0.1484, 0.4608, 1.846);
        opacity: 1.189
    }
    69% {
        animation-timing-function: cubic-bezier(0.0595, 0.1602, 0.4632, 1.8456);
        opacity: .848
    }
    77% {
        animation-timing-function: cubic-bezier(0.0689, 0.1849, 0.4698, 1.8391);
        opacity: 1.121
    }
    85% {
        animation-timing-function: cubic-bezier(0.0794, 0.2133, 0.4765, 1.8226);
        opacity: .903
    }
    93% {
        animation-timing-function: cubic-bezier(0.1486, 0.2692, 0.2335, 0.855);
        opacity: 1.078
    }
    100% {
        opacity: .893
    }
}

.ld.ld-damage {
    animation: ld-damage 1s infinite linear
}

@keyframes ld-rush-ltr {
    0% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        opacity: 0
    }
    5% {
        opacity: 1
    }
    0% {
        transform: translateX(-78.47520861406802px) skewX(30deg)
    }
    25% {
        transform: translateX(2.5743741577959263px) skewX(-15deg)
    }
    33% {
        transform: translateX(8.574374157795926px) skewX(-15deg)
    }
    44% {
        transform: translateX(-4.212879922796667px) skewX(7.5deg)
    }
    55.00000000000001% {
        transform: translateX(2.097390810087623px) skewX(-3.75deg)
    }
    66% {
        transform: translateX(0) skewX(0)
    }
    80% {
        transform: translateX(0) skewX(0)
    }
    100% {
        transform: translateX(60px) skewX(30deg)
    }
    100% {
        opacity: 1
    }
}

.ld.ld-rush-ltr {
    animation: ld-rush-ltr 1s infinite linear
}

@keyframes ld-rush-rtl {
    0% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        opacity: 0
    }
    5% {
        opacity: 1
    }
    0% {
        transform: translateX(78.47520861406802px) skewX(-30deg)
    }
    25% {
        transform: translateX(-2.5743741577959263px) skewX(15deg)
    }
    33% {
        transform: translateX(-8.574374157795926px) skewX(15deg)
    }
    44% {
        transform: translateX(4.212879922796667px) skewX(-7.5deg)
    }
    55.00000000000001% {
        transform: translateX(-2.097390810087623px) skewX(3.75deg)
    }
    66% {
        transform: translateX(0) skewX(0)
    }
    80% {
        transform: translateX(0) skewX(0)
    }
    100% {
        transform: translateX(-60px) skewX(-30deg)
    }
    100% {
        opacity: 1
    }
}

.ld.ld-rush-rtl {
    animation: ld-rush-rtl 1s infinite linear
}

@keyframes ld-rush-ttb {
    0% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        opacity: 0
    }
    5% {
        opacity: 1
    }
    0% {
        transform: translateY(-78.47520861406802px) skewY(30deg)
    }
    25% {
        transform: translateY(2.5743741577959263px) skewY(-15deg)
    }
    33% {
        transform: translateY(8.574374157795926px) skewY(-15deg)
    }
    44% {
        transform: translateY(-4.212879922796667px) skewY(7.5deg)
    }
    55.00000000000001% {
        transform: translateY(2.097390810087623px) skewY(-3.75deg)
    }
    66% {
        transform: translateY(0) skewY(0)
    }
    80% {
        transform: translateY(0) skewY(0)
    }
    100% {
        transform: translateY(60px) skewY(30deg)
    }
    100% {
        opacity: 1
    }
}

.ld.ld-rush-ttb {
    animation: ld-rush-ttb 1s infinite linear
}

@keyframes ld-rush-btt {
    0% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        opacity: 0
    }
    5% {
        opacity: 1
    }
    0% {
        transform: translateY(78.47520861406802px) skewY(-30deg)
    }
    25% {
        transform: translateY(-2.5743741577959263px) skewY(15deg)
    }
    33% {
        transform: translateY(-8.574374157795926px) skewY(15deg)
    }
    44% {
        transform: translateY(4.212879922796667px) skewY(-7.5deg)
    }
    55.00000000000001% {
        transform: translateY(-2.097390810087623px) skewY(3.75deg)
    }
    66% {
        transform: translateY(0) skewY(0)
    }
    80% {
        transform: translateY(0) skewY(0)
    }
    100% {
        transform: translateY(-60px) skewY(-30deg)
    }
    100% {
        opacity: 1
    }
}

.ld.ld-rush-btt {
    animation: ld-rush-btt 1s infinite linear
}

@keyframes ld-rush-ltr-in {
    0% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        opacity: 0
    }
    5% {
        opacity: 1
    }
    0% {
        transform: translateX(-78.47520861406802px) skewX(30deg)
    }
    30% {
        transform: translateX(2.5743741577959263px) skewX(-15deg)
    }
    40% {
        transform: translateX(8.574374157795926px) skewX(-15deg)
    }
    55.00000000000001% {
        transform: translateX(-4.212879922796667px) skewX(7.5deg)
    }
    70% {
        transform: translateX(2.097390810087623px) skewX(-3.75deg)
    }
    80% {
        transform: translateX(0) skewX(0)
    }
    100% {
        transform: translateX(0) skewX(0)
    }
    100% {
        opacity: 1
    }
}

.ld.ld-rush-ltr-in {
    animation: ld-rush-ltr-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: translateX(-78.47520861406802px) skewX(30deg);
    opacity: 0
}

@keyframes ld-rush-rtl-in {
    0% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        opacity: 0
    }
    5% {
        opacity: 1
    }
    0% {
        transform: translateX(78.47520861406802px) skewX(-30deg)
    }
    30% {
        transform: translateX(-2.5743741577959263px) skewX(15deg)
    }
    40% {
        transform: translateX(-8.574374157795926px) skewX(15deg)
    }
    55.00000000000001% {
        transform: translateX(4.212879922796667px) skewX(-7.5deg)
    }
    70% {
        transform: translateX(-2.097390810087623px) skewX(3.75deg)
    }
    80% {
        transform: translateX(0) skewX(0)
    }
    100% {
        transform: translateX(0) skewX(0)
    }
    100% {
        opacity: 1
    }
}

.ld.ld-rush-rtl-in {
    animation: ld-rush-rtl-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: translateX(78.47520861406802px) skewX(-30deg);
    opacity: 0
}

@keyframes ld-rush-ttb-in {
    0% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        opacity: 0
    }
    5% {
        opacity: 1
    }
    0% {
        transform: translateY(-78.47520861406802px) skewY(30deg)
    }
    30% {
        transform: translateY(2.5743741577959263px) skewY(-15deg)
    }
    40% {
        transform: translateY(8.574374157795926px) skewY(-15deg)
    }
    55.00000000000001% {
        transform: translateY(-4.212879922796667px) skewY(7.5deg)
    }
    70% {
        transform: translateY(2.097390810087623px) skewY(-3.75deg)
    }
    80% {
        transform: translateY(0) skewY(0)
    }
    100% {
        transform: translateY(0) skewY(0)
    }
    100% {
        opacity: 1
    }
}

.ld.ld-rush-ttb-in {
    animation: ld-rush-ttb-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: translateY(-78.47520861406802px) skewY(30deg);
    opacity: 0
}

@keyframes ld-rush-btt-in {
    0% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        opacity: 0
    }
    5% {
        opacity: 1
    }
    0% {
        transform: translateY(78.47520861406802px) skewY(-30deg)
    }
    30% {
        transform: translateY(-2.5743741577959263px) skewY(15deg)
    }
    40% {
        transform: translateY(-8.574374157795926px) skewY(15deg)
    }
    55.00000000000001% {
        transform: translateY(4.212879922796667px) skewY(-7.5deg)
    }
    70% {
        transform: translateY(-2.097390810087623px) skewY(3.75deg)
    }
    80% {
        transform: translateY(0) skewY(0)
    }
    100% {
        transform: translateY(0) skewY(0)
    }
    100% {
        opacity: 1
    }
}

.ld.ld-rush-btt-in {
    animation: ld-rush-btt-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: translateY(78.47520861406802px) skewY(-30deg);
    opacity: 0
}

@keyframes ld-skew {
    0%,
    50%,
    100% {
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6)
    }
    25%,
    75% {
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1)
    }
    0% {
        transform: skewX(20deg) scale(1)
    }
    25% {
        transform: skewX(0) scale(0.9)
    }
    50% {
        transform: skewX(-20deg) scale(1)
    }
    75% {
        transform: skewX(0) scale(0.9)
    }
    100% {
        transform: skewX(20deg) scale(1)
    }
}

.ld.ld-skew {
    animation: ld-skew 1s infinite linear
}

@keyframes ld-skew-alt {
    0%,
    50%,
    100% {
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6)
    }
    25%,
    75% {
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1)
    }
    0% {
        transform: skewY(20deg) scale(1)
    }
    25% {
        transform: skewY(0) scale(0.9)
    }
    50% {
        transform: skewY(-20deg) scale(1)
    }
    75% {
        transform: skewY(0) scale(0.9)
    }
    100% {
        transform: skewY(20deg) scale(1)
    }
}

.ld.ld-skew-alt {
    animation: ld-skew-alt 1s infinite linear
}

@keyframes ld-slide-ltr {
    0% {
        animation-timing-function: cubic-bezier(0.4652, 0.1051, 0.774, 0.6426);
        transform: translate(0, 0);
        opacity: 1
    }
    22.5% {
        animation-timing-function: cubic-bezier(0.4142, 0.3131, 0.7623, 0.6513);
        transform: translate(47.8px, 0);
        opacity: 1
    }
    45% {
        animation-timing-function: cubic-bezier(0.3615, 0.331, 0.9646, 1.3461);
        transform: translate(147.8px, 0);
        opacity: 1
    }
    47.5% {
        animation-timing-function: cubic-bezier(0.7006, 0.3332, 0.6667, 0.6667);
        transform: translate(165.6px, 0);
        opacity: 0
    }
    50% {
        animation-timing-function: cubic-bezier(0.1604, 0.3176, -0.0218, 0.6965);
        transform: translate(-200px, 0);
        opacity: 0
    }
    51% {
        animation-timing-function: cubic-bezier(0.1983, 0.3529, 0.5263, 0.6945);
        transform: translate(-179.8px, 0);
        opacity: 0
    }
    80.4% {
        animation-timing-function: cubic-bezier(0.2342, 0.3708, 0.5422, 0.9065);
        transform: translate(-38.4px, 0);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-slide-ltr {
    animation: ld-slide-ltr 1s infinite linear
}

@keyframes ld-slide-rtl {
    0% {
        animation-timing-function: cubic-bezier(0.4652, 0.1051, 0.774, 0.6426);
        transform: translate(0, 0);
        opacity: 1
    }
    22.5% {
        animation-timing-function: cubic-bezier(0.4142, 0.3131, 0.7623, 0.6513);
        transform: translate(-47.8px, 0);
        opacity: 1
    }
    45% {
        animation-timing-function: cubic-bezier(0.3615, 0.331, 0.9646, 1.3461);
        transform: translate(-147.8px, 0);
        opacity: 1
    }
    47.5% {
        animation-timing-function: cubic-bezier(0.7006, 0.3332, 0.6667, 0.6667);
        transform: translate(-165.6px, 0);
        opacity: 0
    }
    50% {
        animation-timing-function: cubic-bezier(0.1604, 0.3176, -0.0218, 0.6965);
        transform: translate(200px, 0);
        opacity: 0
    }
    51% {
        animation-timing-function: cubic-bezier(0.1983, 0.3529, 0.5263, 0.6945);
        transform: translate(179.8px, 0);
        opacity: 0
    }
    80.4% {
        animation-timing-function: cubic-bezier(0.2342, 0.3708, 0.5422, 0.9065);
        transform: translate(38.4px, 0);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-slide-rtl {
    animation: ld-slide-rtl 1s infinite linear
}

@keyframes ld-slide-btt {
    0% {
        animation-timing-function: cubic-bezier(0.4652, 0.1051, 0.774, 0.6426);
        transform: translate(0, 0);
        opacity: 1
    }
    22.5% {
        animation-timing-function: cubic-bezier(0.4142, 0.3131, 0.7623, 0.6513);
        transform: translate(0, -47.8px);
        opacity: 1
    }
    45% {
        animation-timing-function: cubic-bezier(0.3615, 0.331, 0.9646, 1.3461);
        transform: translate(0, -147.8px);
        opacity: 1
    }
    47.5% {
        animation-timing-function: cubic-bezier(0.7006, 0.3332, 0.6667, 0.6667);
        transform: translate(0, -165.6px);
        opacity: 0
    }
    50% {
        animation-timing-function: cubic-bezier(0.1604, 0.3176, -0.0218, 0.6965);
        transform: translate(0, 200px);
        opacity: 0
    }
    51% {
        animation-timing-function: cubic-bezier(0.1983, 0.3529, 0.5263, 0.6945);
        transform: translate(0, 179.8px);
        opacity: 0
    }
    80.4% {
        animation-timing-function: cubic-bezier(0.2342, 0.3708, 0.5422, 0.9065);
        transform: translate(0, 38.4px);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-slide-btt {
    animation: ld-slide-btt 1s infinite linear
}

@keyframes ld-slide-ttb {
    0% {
        animation-timing-function: cubic-bezier(0.4652, 0.1051, 0.774, 0.6426);
        transform: translate(0, 0);
        opacity: 1
    }
    22.5% {
        animation-timing-function: cubic-bezier(0.4142, 0.3131, 0.7623, 0.6513);
        transform: translate(0, 47.8px);
        opacity: 1
    }
    45% {
        animation-timing-function: cubic-bezier(0.3615, 0.331, 0.9646, 1.3461);
        transform: translate(0, 147.8px);
        opacity: 1
    }
    47.5% {
        animation-timing-function: cubic-bezier(0.7006, 0.3332, 0.6667, 0.6667);
        transform: translate(0, 165.6px);
        opacity: 0
    }
    50% {
        animation-timing-function: cubic-bezier(0.1604, 0.3176, -0.0218, 0.6965);
        transform: translate(0, -200px);
        opacity: 0
    }
    51% {
        animation-timing-function: cubic-bezier(0.1983, 0.3529, 0.5263, 0.6945);
        transform: translate(0, -179.8px);
        opacity: 0
    }
    80.4% {
        animation-timing-function: cubic-bezier(0.2342, 0.3708, 0.5422, 0.9065);
        transform: translate(0, -38.4px);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-slide-ttb {
    animation: ld-slide-ttb 1s infinite linear
}

@keyframes ld-coin-h {
    0% {
        animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
        transform: rotateY(0)
    }
    100% {
        transform: rotateY(3600deg)
    }
}

.ld.ld-coin-h {
    animation: ld-coin-h 2s infinite linear
}

@keyframes ld-coin-v {
    0% {
        animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
        transform: rotateX(0)
    }
    100% {
        transform: rotateX(3600deg)
    }
}

.ld.ld-coin-v {
    animation: ld-coin-v 2s infinite linear
}

@keyframes ld-cycle {
    0% {
        animation-timing-function: cubic-bezier(0.3333, 0.3333, 0.6667, 0.6667);
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.ld.ld-cycle {
    animation: ld-cycle 1s infinite linear
}

@keyframes ld-cycle-alt {
    0% {
        animation-timing-function: cubic-bezier(0.3333, 0.3333, 0.6667, 0.6667);
        transform: rotate(0)
    }
    100% {
        transform: rotate(-360deg)
    }
}

.ld.ld-cycle-alt {
    animation: ld-cycle-alt 1s infinite linear
}

@keyframes ld-flip-h {
    0% {
        animation-timing-function: cubic-bezier(0.1909, 0.4373, 0.4509, 0.7454);
        transform: rotateY(0)
    }
    30% {
        animation-timing-function: cubic-bezier(0.128, 0.2315, 0.9704, 0.8632);
        transform: rotateY(153.72deg)
    }
    50% {
        animation-timing-function: cubic-bezier(0.5788, 0.3001, 0.5613, 0.6784);
        transform: rotateY(180deg)
    }
    55% {
        animation-timing-function: cubic-bezier(0.1545, 0.4929, 0.6089, 0.9373);
        transform: rotateY(238.68deg)
    }
    100% {
        transform: rotateY(360deg)
    }
}

.ld.ld-flip-h {
    animation: ld-flip-h 1s infinite linear
}

@keyframes ld-flip-v {
    0% {
        animation-timing-function: cubic-bezier(0.1909, 0.4373, 0.4509, 0.7454);
        transform: rotateX(0)
    }
    30% {
        animation-timing-function: cubic-bezier(0.128, 0.2315, 0.9704, 0.8632);
        transform: rotateX(153.72deg)
    }
    50% {
        animation-timing-function: cubic-bezier(0.5788, 0.3001, 0.5613, 0.6784);
        transform: rotateX(180deg)
    }
    55% {
        animation-timing-function: cubic-bezier(0.1545, 0.4929, 0.6089, 0.9373);
        transform: rotateX(238.68deg)
    }
    100% {
        transform: rotateX(360deg)
    }
}

.ld.ld-flip-v {
    animation: ld-flip-v 1s infinite linear
}

@keyframes ld-spin-fast {
    0% {
        animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
        transform: rotate(0)
    }
    100% {
        transform: rotate(1800deg)
    }
}

.ld.ld-spin-fast {
    animation: ld-spin-fast 1s infinite linear
}

@keyframes ld-spin {
    0% {
        animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.ld.ld-spin {
    animation: ld-spin 1s infinite linear
}

@keyframes ld-squeeze {
    0% {
        animation-timing-function: cubic-bezier(0.1685, 0.4459, 0.3641, 0.7833);
        transform: scale(0.5, 1)
    }
    30% {
        animation-timing-function: cubic-bezier(0.0995, 0.199, 0.9948, 0.959);
        transform: scale(0.9490000000000001, 0.5509999999999999)
    }
    50% {
        animation-timing-function: cubic-bezier(0.6064, 0.3078, 0.5406, 0.6764);
        transform: scale(1, 0.5)
    }
    55% {
        animation-timing-function: cubic-bezier(0.1401, 0.5826, 0.6091, 0.9651);
        transform: scale(0.8019999999999999, 0.6980000000000001)
    }
    100% {
        transform: scale(0.5, 1)
    }
}

.ld.ld-squeeze {
    animation: ld-squeeze 1s infinite linear
}

@keyframes ld-static {}

.ld.ld-static {
    animation: ld-static 1s infinite linear
}

@keyframes ld-surprise {
    0% {
        transform: skewX(0) scale(1)
    }
    10% {
        transform: skewX(-25deg) scale(0.5)
    }
    20% {
        transform: skewX(-25deg) scale(0.5)
    }
    30% {
        transform: skewX(25deg) scale(1)
    }
    40% {
        transform: skewX(-25deg) scale(1)
    }
    50% {
        transform: skewX(25deg) scale(1)
    }
    60% {
        transform: skewX(-25deg) scale(1)
    }
    70% {
        transform: skewX(25deg) scale(1)
    }
    80% {
        transform: skewX(-25deg) scale(1)
    }
    90% {
        transform: skewX(25deg) scale(1)
    }
    100% {
        transform: skewX(-25deg) scale(1)
    }
}

.ld.ld-surprise {
    animation: ld-surprise 1s infinite linear
}

@keyframes ld-throw-ttb-in {
    0% {
        animation-timing-function: cubic-bezier(0.3173, 0.3347, 0.6682, 0.6667);
        transform: translate(0, -26.44px);
        opacity: 0
    }
    2.2% {
        animation-timing-function: cubic-bezier(0.3794, 0.3299, 0.6427, 0.6686);
        transform: translate(0, -24.98px);
        opacity: 1
    }
    3.4% {
        animation-timing-function: cubic-bezier(0.3469, 0.3325, 0.6722, 0.6661);
        transform: translate(0, -24.06px);
        opacity: 1
    }
    6.5% {
        animation-timing-function: cubic-bezier(0.3932, 0.3301, 0.6783, 0.6664);
        transform: translate(0, -21.76px);
        opacity: 1
    }
    10.7% {
        animation-timing-function: cubic-bezier(0.4272, 0.3305, 0.7436, 0.6647);
        transform: translate(0, -17.98px);
        opacity: 1
    }
    16.8% {
        animation-timing-function: cubic-bezier(0.5488, 0.3313, 0.8473, 0.6663);
        transform: translate(0, -10.62px);
        opacity: 1
    }
    19.8% {
        animation-timing-function: cubic-bezier(0.461, 0.3332, 0.4656, 0.6668);
        transform: translate(0, -2.78px);
        opacity: 1
    }
    20.2% {
        animation-timing-function: cubic-bezier(0.0873, 0.2513, 0.7458, 0.7491);
        transform: translate(0, 0.38px);
        opacity: 1
    }
    21.1% {
        animation-timing-function: cubic-bezier(0.3342, 0.3335, 0.6426, 0.6668);
        transform: translate(0, 1.92px);
        opacity: 1
    }
    22.4% {
        animation-timing-function: cubic-bezier(0.3621, 0.3328, 0.6109, 0.6676);
        transform: translate(0, 4.12px);
        opacity: 1
    }
    23.6% {
        animation-timing-function: cubic-bezier(0.3012, 0.3339, 0.6051, 0.6683);
        transform: translate(0, 6.18px);
        opacity: 1
    }
    28% {
        animation-timing-function: cubic-bezier(0.2755, 0.3351, 0.5232, 0.6752);
        transform: translate(0, 12px);
        opacity: 1
    }
    34% {
        animation-timing-function: cubic-bezier(0.2913, 0.3442, 0.5945, 0.6728);
        transform: translate(0, 17.48px);
        opacity: 1
    }
    37% {
        animation-timing-function: cubic-bezier(0.1741, 0.5162, 0.5129, 1.3398);
        transform: translate(0, 19.06px);
        opacity: 1
    }
    43% {
        animation-timing-function: cubic-bezier(0.4742, 0.2001, 0.7463, 0.6254);
        transform: translate(0, 19.92px);
        opacity: 1
    }
    45.7% {
        animation-timing-function: cubic-bezier(0.5641, 0.7052, 0.2846, 0.1824);
        transform: translate(0, 19.28px);
        opacity: 1
    }
    46.2% {
        animation-timing-function: cubic-bezier(0.4515, 0.2964, 0.7105, 0.6734);
        transform: translate(0, 19.14px);
        opacity: 1
    }
    47.8% {
        animation-timing-function: cubic-bezier(0.8595, 1.0744, -0.1261, -0.2284);
        transform: translate(0, 18.36px);
        opacity: 1
    }
    48.3% {
        animation-timing-function: cubic-bezier(0.4607, 0.3205, 0.6232, 0.6724);
        transform: translate(0, 18.14px);
        opacity: 1
    }
    50.3% {
        animation-timing-function: cubic-bezier(0.4337, 0.3253, 0.7015, 0.6642);
        transform: translate(0, 16.76px);
        opacity: 1
    }
    52% {
        animation-timing-function: cubic-bezier(0.3458, 0.3334, 0.7014, 0.6641);
        transform: translate(0, 15.4px);
        opacity: 1
    }
    53.5% {
        animation-timing-function: cubic-bezier(0.3638, 0.3322, 0.715, 0.6655);
        transform: translate(0, 14px);
        opacity: 1
    }
    57.1% {
        animation-timing-function: cubic-bezier(0.343, 0.3332, 0.6276, 0.6676);
        transform: translate(0, 9.86px);
        opacity: 1
    }
    59% {
        animation-timing-function: cubic-bezier(0.4199, 0.3313, 0.6271, 0.6678);
        transform: translate(0, 7.22px);
        opacity: 1
    }
    61.1% {
        animation-timing-function: cubic-bezier(0.432, 0.3319, 0.6016, 0.6677);
        transform: translate(0, 3.92px);
        opacity: 1
    }
    62.9% {
        animation-timing-function: cubic-bezier(0.2788, 0.3346, 0.6243, 0.6678);
        transform: translate(0, 0.64px);
        opacity: 1
    }
    63.2% {
        animation-timing-function: cubic-bezier(0.2701, 0.3361, -0.4907, 1.0828);
        transform: translate(0, 0.26px);
        opacity: 1
    }
    63.4% {
        animation-timing-function: cubic-bezier(0.3122, 0.0151, 0.9287, 0.9241);
        transform: translate(0, 0.08px);
        opacity: 1
    }
    64% {
        animation-timing-function: cubic-bezier(0.2872, 0.3339, 0.5797, 0.6742);
        transform: translate(0, 0.7px);
        opacity: 1
    }
    65% {
        animation-timing-function: cubic-bezier(0.5101, 0.3239, 0.489, 0.6756);
        transform: translate(0, 1.56px);
        opacity: 1
    }
    65.4% {
        animation-timing-function: cubic-bezier(0.3492, 0.3326, 0.6191, 0.6735);
        transform: translate(0, 1.98px);
        opacity: 1
    }
    66.2% {
        animation-timing-function: cubic-bezier(0.4827, 0.3218, 0.5157, 0.6771);
        transform: translate(0, 2.54px);
        opacity: 1
    }
    66.6% {
        animation-timing-function: cubic-bezier(0.352, 0.33, 0.6953, 0.6667);
        transform: translate(0, 2.9px);
        opacity: 1
    }
    68.1% {
        animation-timing-function: cubic-bezier(0.3285, 0.3135, 0.53, 0.7009);
        transform: translate(0, 3.86px);
        opacity: 1
    }
    68.4% {
        animation-timing-function: cubic-bezier(0.3211, 0.3359, 0.5793, 0.6857);
        transform: translate(0, 4.08px);
        opacity: 1
    }
    71% {
        animation-timing-function: cubic-bezier(0.3795, 0.2811, 0.4509, 0.756);
        transform: translate(0, 5.24px);
        opacity: 1
    }
    71.4% {
        animation-timing-function: cubic-bezier(0.3702, 0.2776, 0.6171, 0.7128);
        transform: translate(0, 5.42px);
        opacity: 1
    }
    72.6% {
        animation-timing-function: cubic-bezier(0.2791, 0.3954, 0.6688, 0.7654);
        transform: translate(0, 5.74px);
        opacity: 1
    }
    74.3% {
        animation-timing-function: cubic-bezier(0.2981, -Infinity, 0.6838, Infinity);
        transform: translate(0, 5.98px);
        opacity: 1
    }
    76.8% {
        animation-timing-function: cubic-bezier(0.4345, 0.2633, 0.6934, 0.6284);
        transform: translate(0, 5.88px);
        opacity: 1
    }
    78.8% {
        animation-timing-function: cubic-bezier(0.44, 0.2933, 0.56, 0.7067);
        transform: translate(0, 5.44px);
        opacity: 1
    }
    79.2% {
        animation-timing-function: cubic-bezier(0.497, 0.2945, 0.6754, 0.6634);
        transform: translate(0, 5.28px);
        opacity: 1
    }
    81.6% {
        animation-timing-function: cubic-bezier(0.3941, 0.3218, 0.6466, 0.6702);
        transform: translate(0, 4.2px);
        opacity: 1
    }
    83% {
        animation-timing-function: cubic-bezier(0.5087, 0.3192, 0.545, 0.6788);
        transform: translate(0, 3.4px);
        opacity: 1
    }
    83.4% {
        animation-timing-function: cubic-bezier(0.4265, 0.3262, 0.6457, 0.6688);
        transform: translate(0, 3.06px);
        opacity: 1
    }
    86% {
        animation-timing-function: cubic-bezier(0.4235, 0.3197, 0.7128, 0.6748);
        transform: translate(0, 1.02px);
        opacity: 1
    }
    86.7% {
        animation-timing-function: cubic-bezier(0.1008, 0.104, 0.4254, 0.9641);
        transform: translate(0, 0.34px);
        opacity: 1
    }
    87% {
        animation-timing-function: cubic-bezier(0.0513, -0.0071, 0.921, 0.9013);
        transform: translate(0, 0.02px);
        opacity: 1
    }
    88% {
        animation-timing-function: cubic-bezier(0.3812, 0.321, 0.7332, 0.663);
        transform: translate(0, 0.5px);
        opacity: 1
    }
    88.8% {
        animation-timing-function: cubic-bezier(0.1491, 0.4472, 0.7385, 0.6078);
        transform: translate(0, 0.88px);
        opacity: 1
    }
    89.3% {
        animation-timing-function: cubic-bezier(0.2541, 0.3557, 0.7498, 0.6497);
        transform: translate(0, 1.06px);
        opacity: 1
    }
    90% {
        animation-timing-function: cubic-bezier(0.2257, 0.2873, 0.6492, 0.7768);
        transform: translate(0, 1.26px);
        opacity: 1
    }
    90.7% {
        animation-timing-function: cubic-bezier(0.3323, 0.3625, 0.7042, 0.6773);
        transform: translate(0, 1.48px);
        opacity: 1
    }
    91.9% {
        animation-timing-function: cubic-bezier(0.1805, 0.3611, 0.7487, 0.7487);
        transform: translate(0, 1.7px);
        opacity: 1
    }
    96% {
        animation-timing-function: cubic-bezier(0.3649, 0.2539, 0.7461, 0.6467);
        transform: translate(0, 1.52px);
        opacity: 1
    }
    97.6% {
        animation-timing-function: cubic-bezier(0.3193, 0.3311, 0.7709, 0.6436);
        transform: translate(0, 1.06px);
        opacity: 1
    }
    99% {
        animation-timing-function: cubic-bezier(0.2739, 0.3287, 0.7201, 0.6641);
        transform: translate(0, 0.52px);
        opacity: 1
    }
    99.6% {
        animation-timing-function: cubic-bezier(0.2569, 0.2802, 0.4188, 0.7886);
        transform: translate(0, 0.22px);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-throw-ttb-in {
    animation: ld-throw-ttb-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: translate(0, -26.44245px);
    opacity: 0
}

@keyframes ld-throw-ltr-in {
    0% {
        animation-timing-function: cubic-bezier(0.3173, 0.3347, 0.6682, 0.6667);
        transform: translate(-26.44px, 0);
        opacity: 0
    }
    2.2% {
        animation-timing-function: cubic-bezier(0.3794, 0.3299, 0.6427, 0.6686);
        transform: translate(-24.98px, 0);
        opacity: 1
    }
    3.4% {
        animation-timing-function: cubic-bezier(0.3469, 0.3325, 0.6722, 0.6661);
        transform: translate(-24.06px, 0);
        opacity: 1
    }
    6.5% {
        animation-timing-function: cubic-bezier(0.3932, 0.3301, 0.6783, 0.6664);
        transform: translate(-21.76px, 0);
        opacity: 1
    }
    10.7% {
        animation-timing-function: cubic-bezier(0.4272, 0.3305, 0.7436, 0.6647);
        transform: translate(-17.98px, 0);
        opacity: 1
    }
    16.8% {
        animation-timing-function: cubic-bezier(0.5488, 0.3313, 0.8473, 0.6663);
        transform: translate(-10.62px, 0);
        opacity: 1
    }
    19.8% {
        animation-timing-function: cubic-bezier(0.461, 0.3332, 0.4656, 0.6668);
        transform: translate(-2.78px, 0);
        opacity: 1
    }
    20.2% {
        animation-timing-function: cubic-bezier(0.0873, 0.2513, 0.7458, 0.7491);
        transform: translate(0.38px, 0);
        opacity: 1
    }
    21.1% {
        animation-timing-function: cubic-bezier(0.3342, 0.3335, 0.6426, 0.6668);
        transform: translate(1.92px, 0);
        opacity: 1
    }
    22.4% {
        animation-timing-function: cubic-bezier(0.3621, 0.3328, 0.6109, 0.6676);
        transform: translate(4.12px, 0);
        opacity: 1
    }
    23.6% {
        animation-timing-function: cubic-bezier(0.3012, 0.3339, 0.6051, 0.6683);
        transform: translate(6.18px, 0);
        opacity: 1
    }
    28% {
        animation-timing-function: cubic-bezier(0.2755, 0.3351, 0.5232, 0.6752);
        transform: translate(12px, 0);
        opacity: 1
    }
    34% {
        animation-timing-function: cubic-bezier(0.2913, 0.3442, 0.5945, 0.6728);
        transform: translate(17.48px, 0);
        opacity: 1
    }
    37% {
        animation-timing-function: cubic-bezier(0.1741, 0.5162, 0.5129, 1.3398);
        transform: translate(19.06px, 0);
        opacity: 1
    }
    43% {
        animation-timing-function: cubic-bezier(0.4742, 0.2001, 0.7463, 0.6254);
        transform: translate(19.92px, 0);
        opacity: 1
    }
    45.7% {
        animation-timing-function: cubic-bezier(0.5641, 0.7052, 0.2846, 0.1824);
        transform: translate(19.28px, 0);
        opacity: 1
    }
    46.2% {
        animation-timing-function: cubic-bezier(0.4515, 0.2964, 0.7105, 0.6734);
        transform: translate(19.14px, 0);
        opacity: 1
    }
    47.8% {
        animation-timing-function: cubic-bezier(0.8595, 1.0744, -0.1261, -0.2284);
        transform: translate(18.36px, 0);
        opacity: 1
    }
    48.3% {
        animation-timing-function: cubic-bezier(0.4607, 0.3205, 0.6232, 0.6724);
        transform: translate(18.14px, 0);
        opacity: 1
    }
    50.3% {
        animation-timing-function: cubic-bezier(0.4337, 0.3253, 0.7015, 0.6642);
        transform: translate(16.76px, 0);
        opacity: 1
    }
    52% {
        animation-timing-function: cubic-bezier(0.3458, 0.3334, 0.7014, 0.6641);
        transform: translate(15.4px, 0);
        opacity: 1
    }
    53.5% {
        animation-timing-function: cubic-bezier(0.3638, 0.3322, 0.715, 0.6655);
        transform: translate(14px, 0);
        opacity: 1
    }
    57.1% {
        animation-timing-function: cubic-bezier(0.343, 0.3332, 0.6276, 0.6676);
        transform: translate(9.86px, 0);
        opacity: 1
    }
    59% {
        animation-timing-function: cubic-bezier(0.4199, 0.3313, 0.6271, 0.6678);
        transform: translate(7.22px, 0);
        opacity: 1
    }
    61.1% {
        animation-timing-function: cubic-bezier(0.432, 0.3319, 0.6016, 0.6677);
        transform: translate(3.92px, 0);
        opacity: 1
    }
    62.9% {
        animation-timing-function: cubic-bezier(0.2788, 0.3346, 0.6243, 0.6678);
        transform: translate(0.64px, 0);
        opacity: 1
    }
    63.2% {
        animation-timing-function: cubic-bezier(0.2701, 0.3361, -0.4907, 1.0828);
        transform: translate(0.26px, 0);
        opacity: 1
    }
    63.4% {
        animation-timing-function: cubic-bezier(0.3122, 0.0151, 0.9287, 0.9241);
        transform: translate(0.08px, 0);
        opacity: 1
    }
    64% {
        animation-timing-function: cubic-bezier(0.2872, 0.3339, 0.5797, 0.6742);
        transform: translate(0.7px, 0);
        opacity: 1
    }
    65% {
        animation-timing-function: cubic-bezier(0.5101, 0.3239, 0.489, 0.6756);
        transform: translate(1.56px, 0);
        opacity: 1
    }
    65.4% {
        animation-timing-function: cubic-bezier(0.3492, 0.3326, 0.6191, 0.6735);
        transform: translate(1.98px, 0);
        opacity: 1
    }
    66.2% {
        animation-timing-function: cubic-bezier(0.4827, 0.3218, 0.5157, 0.6771);
        transform: translate(2.54px, 0);
        opacity: 1
    }
    66.6% {
        animation-timing-function: cubic-bezier(0.352, 0.33, 0.6953, 0.6667);
        transform: translate(2.9px, 0);
        opacity: 1
    }
    68.1% {
        animation-timing-function: cubic-bezier(0.3285, 0.3135, 0.53, 0.7009);
        transform: translate(3.86px, 0);
        opacity: 1
    }
    68.4% {
        animation-timing-function: cubic-bezier(0.3211, 0.3359, 0.5793, 0.6857);
        transform: translate(4.08px, 0);
        opacity: 1
    }
    71% {
        animation-timing-function: cubic-bezier(0.3795, 0.2811, 0.4509, 0.756);
        transform: translate(5.24px, 0);
        opacity: 1
    }
    71.4% {
        animation-timing-function: cubic-bezier(0.3702, 0.2776, 0.6171, 0.7128);
        transform: translate(5.42px, 0);
        opacity: 1
    }
    72.6% {
        animation-timing-function: cubic-bezier(0.2791, 0.3954, 0.6688, 0.7654);
        transform: translate(5.74px, 0);
        opacity: 1
    }
    74.3% {
        animation-timing-function: cubic-bezier(0.2981, -Infinity, 0.6838, Infinity);
        transform: translate(5.98px, 0);
        opacity: 1
    }
    76.8% {
        animation-timing-function: cubic-bezier(0.4345, 0.2633, 0.6934, 0.6284);
        transform: translate(5.88px, 0);
        opacity: 1
    }
    78.8% {
        animation-timing-function: cubic-bezier(0.44, 0.2933, 0.56, 0.7067);
        transform: translate(5.44px, 0);
        opacity: 1
    }
    79.2% {
        animation-timing-function: cubic-bezier(0.497, 0.2945, 0.6754, 0.6634);
        transform: translate(5.28px, 0);
        opacity: 1
    }
    81.6% {
        animation-timing-function: cubic-bezier(0.3941, 0.3218, 0.6466, 0.6702);
        transform: translate(4.2px, 0);
        opacity: 1
    }
    83% {
        animation-timing-function: cubic-bezier(0.5087, 0.3192, 0.545, 0.6788);
        transform: translate(3.4px, 0);
        opacity: 1
    }
    83.4% {
        animation-timing-function: cubic-bezier(0.4265, 0.3262, 0.6457, 0.6688);
        transform: translate(3.06px, 0);
        opacity: 1
    }
    86% {
        animation-timing-function: cubic-bezier(0.4235, 0.3197, 0.7128, 0.6748);
        transform: translate(1.02px, 0);
        opacity: 1
    }
    86.7% {
        animation-timing-function: cubic-bezier(0.1008, 0.104, 0.4254, 0.9641);
        transform: translate(0.34px, 0);
        opacity: 1
    }
    87% {
        animation-timing-function: cubic-bezier(0.0513, -0.0071, 0.921, 0.9013);
        transform: translate(0.02px, 0);
        opacity: 1
    }
    88% {
        animation-timing-function: cubic-bezier(0.3812, 0.321, 0.7332, 0.663);
        transform: translate(0.5px, 0);
        opacity: 1
    }
    88.8% {
        animation-timing-function: cubic-bezier(0.1491, 0.4472, 0.7385, 0.6078);
        transform: translate(0.88px, 0);
        opacity: 1
    }
    89.3% {
        animation-timing-function: cubic-bezier(0.2541, 0.3557, 0.7498, 0.6497);
        transform: translate(1.06px, 0);
        opacity: 1
    }
    90% {
        animation-timing-function: cubic-bezier(0.2257, 0.2873, 0.6492, 0.7768);
        transform: translate(1.26px, 0);
        opacity: 1
    }
    90.7% {
        animation-timing-function: cubic-bezier(0.3323, 0.3625, 0.7042, 0.6773);
        transform: translate(1.48px, 0);
        opacity: 1
    }
    91.9% {
        animation-timing-function: cubic-bezier(0.1805, 0.3611, 0.7487, 0.7487);
        transform: translate(1.7px, 0);
        opacity: 1
    }
    96% {
        animation-timing-function: cubic-bezier(0.3649, 0.2539, 0.7461, 0.6467);
        transform: translate(1.52px, 0);
        opacity: 1
    }
    97.6% {
        animation-timing-function: cubic-bezier(0.3193, 0.3311, 0.7709, 0.6436);
        transform: translate(1.06px, 0);
        opacity: 1
    }
    99% {
        animation-timing-function: cubic-bezier(0.2739, 0.3287, 0.7201, 0.6641);
        transform: translate(0.52px, 0);
        opacity: 1
    }
    99.6% {
        animation-timing-function: cubic-bezier(0.2569, 0.2802, 0.4188, 0.7886);
        transform: translate(0.22px, 0);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-throw-ltr-in {
    animation: ld-throw-ltr-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: translate(-26.44245px, 0);
    opacity: 0
}

@keyframes ld-throw-rtl-in {
    0% {
        animation-timing-function: cubic-bezier(0.3173, 0.3347, 0.6682, 0.6667);
        transform: translate(26.44px, 0);
        opacity: 0
    }
    2.2% {
        animation-timing-function: cubic-bezier(0.3794, 0.3299, 0.6427, 0.6686);
        transform: translate(24.98px, 0);
        opacity: 1
    }
    3.4% {
        animation-timing-function: cubic-bezier(0.3469, 0.3325, 0.6722, 0.6661);
        transform: translate(24.06px, 0);
        opacity: 1
    }
    6.5% {
        animation-timing-function: cubic-bezier(0.3932, 0.3301, 0.6783, 0.6664);
        transform: translate(21.76px, 0);
        opacity: 1
    }
    10.7% {
        animation-timing-function: cubic-bezier(0.4272, 0.3305, 0.7436, 0.6647);
        transform: translate(17.98px, 0);
        opacity: 1
    }
    16.8% {
        animation-timing-function: cubic-bezier(0.5488, 0.3313, 0.8473, 0.6663);
        transform: translate(10.62px, 0);
        opacity: 1
    }
    19.8% {
        animation-timing-function: cubic-bezier(0.461, 0.3332, 0.4656, 0.6668);
        transform: translate(2.78px, 0);
        opacity: 1
    }
    20.2% {
        animation-timing-function: cubic-bezier(0.0873, 0.2513, 0.7458, 0.7491);
        transform: translate(-0.38px, 0);
        opacity: 1
    }
    21.1% {
        animation-timing-function: cubic-bezier(0.3342, 0.3335, 0.6426, 0.6668);
        transform: translate(-1.92px, 0);
        opacity: 1
    }
    22.4% {
        animation-timing-function: cubic-bezier(0.3621, 0.3328, 0.6109, 0.6676);
        transform: translate(-4.12px, 0);
        opacity: 1
    }
    23.6% {
        animation-timing-function: cubic-bezier(0.3012, 0.3339, 0.6051, 0.6683);
        transform: translate(-6.18px, 0);
        opacity: 1
    }
    28% {
        animation-timing-function: cubic-bezier(0.2755, 0.3351, 0.5232, 0.6752);
        transform: translate(-12px, 0);
        opacity: 1
    }
    34% {
        animation-timing-function: cubic-bezier(0.2913, 0.3442, 0.5945, 0.6728);
        transform: translate(-17.48px, 0);
        opacity: 1
    }
    37% {
        animation-timing-function: cubic-bezier(0.1741, 0.5162, 0.5129, 1.3398);
        transform: translate(-19.06px, 0);
        opacity: 1
    }
    43% {
        animation-timing-function: cubic-bezier(0.4742, 0.2001, 0.7463, 0.6254);
        transform: translate(-19.92px, 0);
        opacity: 1
    }
    45.7% {
        animation-timing-function: cubic-bezier(0.5641, 0.7052, 0.2846, 0.1824);
        transform: translate(-19.28px, 0);
        opacity: 1
    }
    46.2% {
        animation-timing-function: cubic-bezier(0.4515, 0.2964, 0.7105, 0.6734);
        transform: translate(-19.14px, 0);
        opacity: 1
    }
    47.8% {
        animation-timing-function: cubic-bezier(0.8595, 1.0744, -0.1261, -0.2284);
        transform: translate(-18.36px, 0);
        opacity: 1
    }
    48.3% {
        animation-timing-function: cubic-bezier(0.4607, 0.3205, 0.6232, 0.6724);
        transform: translate(-18.14px, 0);
        opacity: 1
    }
    50.3% {
        animation-timing-function: cubic-bezier(0.4337, 0.3253, 0.7015, 0.6642);
        transform: translate(-16.76px, 0);
        opacity: 1
    }
    52% {
        animation-timing-function: cubic-bezier(0.3458, 0.3334, 0.7014, 0.6641);
        transform: translate(-15.4px, 0);
        opacity: 1
    }
    53.5% {
        animation-timing-function: cubic-bezier(0.3638, 0.3322, 0.715, 0.6655);
        transform: translate(-14px, 0);
        opacity: 1
    }
    57.1% {
        animation-timing-function: cubic-bezier(0.343, 0.3332, 0.6276, 0.6676);
        transform: translate(-9.86px, 0);
        opacity: 1
    }
    59% {
        animation-timing-function: cubic-bezier(0.4199, 0.3313, 0.6271, 0.6678);
        transform: translate(-7.22px, 0);
        opacity: 1
    }
    61.1% {
        animation-timing-function: cubic-bezier(0.432, 0.3319, 0.6016, 0.6677);
        transform: translate(-3.92px, 0);
        opacity: 1
    }
    62.9% {
        animation-timing-function: cubic-bezier(0.2788, 0.3346, 0.6243, 0.6678);
        transform: translate(-0.64px, 0);
        opacity: 1
    }
    63.2% {
        animation-timing-function: cubic-bezier(0.2701, 0.3361, -0.4907, 1.0828);
        transform: translate(-0.26px, 0);
        opacity: 1
    }
    63.4% {
        animation-timing-function: cubic-bezier(0.3122, 0.0151, 0.9287, 0.9241);
        transform: translate(-0.08px, 0);
        opacity: 1
    }
    64% {
        animation-timing-function: cubic-bezier(0.2872, 0.3339, 0.5797, 0.6742);
        transform: translate(-0.7px, 0);
        opacity: 1
    }
    65% {
        animation-timing-function: cubic-bezier(0.5101, 0.3239, 0.489, 0.6756);
        transform: translate(-1.56px, 0);
        opacity: 1
    }
    65.4% {
        animation-timing-function: cubic-bezier(0.3492, 0.3326, 0.6191, 0.6735);
        transform: translate(-1.98px, 0);
        opacity: 1
    }
    66.2% {
        animation-timing-function: cubic-bezier(0.4827, 0.3218, 0.5157, 0.6771);
        transform: translate(-2.54px, 0);
        opacity: 1
    }
    66.6% {
        animation-timing-function: cubic-bezier(0.352, 0.33, 0.6953, 0.6667);
        transform: translate(-2.9px, 0);
        opacity: 1
    }
    68.1% {
        animation-timing-function: cubic-bezier(0.3285, 0.3135, 0.53, 0.7009);
        transform: translate(-3.86px, 0);
        opacity: 1
    }
    68.4% {
        animation-timing-function: cubic-bezier(0.3211, 0.3359, 0.5793, 0.6857);
        transform: translate(-4.08px, 0);
        opacity: 1
    }
    71% {
        animation-timing-function: cubic-bezier(0.3795, 0.2811, 0.4509, 0.756);
        transform: translate(-5.24px, 0);
        opacity: 1
    }
    71.4% {
        animation-timing-function: cubic-bezier(0.3702, 0.2776, 0.6171, 0.7128);
        transform: translate(-5.42px, 0);
        opacity: 1
    }
    72.6% {
        animation-timing-function: cubic-bezier(0.2791, 0.3954, 0.6688, 0.7654);
        transform: translate(-5.74px, 0);
        opacity: 1
    }
    74.3% {
        animation-timing-function: cubic-bezier(0.2981, -Infinity, 0.6838, Infinity);
        transform: translate(-5.98px, 0);
        opacity: 1
    }
    76.8% {
        animation-timing-function: cubic-bezier(0.4345, 0.2633, 0.6934, 0.6284);
        transform: translate(-5.88px, 0);
        opacity: 1
    }
    78.8% {
        animation-timing-function: cubic-bezier(0.44, 0.2933, 0.56, 0.7067);
        transform: translate(-5.44px, 0);
        opacity: 1
    }
    79.2% {
        animation-timing-function: cubic-bezier(0.497, 0.2945, 0.6754, 0.6634);
        transform: translate(-5.28px, 0);
        opacity: 1
    }
    81.6% {
        animation-timing-function: cubic-bezier(0.3941, 0.3218, 0.6466, 0.6702);
        transform: translate(-4.2px, 0);
        opacity: 1
    }
    83% {
        animation-timing-function: cubic-bezier(0.5087, 0.3192, 0.545, 0.6788);
        transform: translate(-3.4px, 0);
        opacity: 1
    }
    83.4% {
        animation-timing-function: cubic-bezier(0.4265, 0.3262, 0.6457, 0.6688);
        transform: translate(-3.06px, 0);
        opacity: 1
    }
    86% {
        animation-timing-function: cubic-bezier(0.4235, 0.3197, 0.7128, 0.6748);
        transform: translate(-1.02px, 0);
        opacity: 1
    }
    86.7% {
        animation-timing-function: cubic-bezier(0.1008, 0.104, 0.4254, 0.9641);
        transform: translate(-0.34px, 0);
        opacity: 1
    }
    87% {
        animation-timing-function: cubic-bezier(0.0513, -0.0071, 0.921, 0.9013);
        transform: translate(-0.02px, 0);
        opacity: 1
    }
    88% {
        animation-timing-function: cubic-bezier(0.3812, 0.321, 0.7332, 0.663);
        transform: translate(-0.5px, 0);
        opacity: 1
    }
    88.8% {
        animation-timing-function: cubic-bezier(0.1491, 0.4472, 0.7385, 0.6078);
        transform: translate(-0.88px, 0);
        opacity: 1
    }
    89.3% {
        animation-timing-function: cubic-bezier(0.2541, 0.3557, 0.7498, 0.6497);
        transform: translate(-1.06px, 0);
        opacity: 1
    }
    90% {
        animation-timing-function: cubic-bezier(0.2257, 0.2873, 0.6492, 0.7768);
        transform: translate(-1.26px, 0);
        opacity: 1
    }
    90.7% {
        animation-timing-function: cubic-bezier(0.3323, 0.3625, 0.7042, 0.6773);
        transform: translate(-1.48px, 0);
        opacity: 1
    }
    91.9% {
        animation-timing-function: cubic-bezier(0.1805, 0.3611, 0.7487, 0.7487);
        transform: translate(-1.7px, 0);
        opacity: 1
    }
    96% {
        animation-timing-function: cubic-bezier(0.3649, 0.2539, 0.7461, 0.6467);
        transform: translate(-1.52px, 0);
        opacity: 1
    }
    97.6% {
        animation-timing-function: cubic-bezier(0.3193, 0.3311, 0.7709, 0.6436);
        transform: translate(-1.06px, 0);
        opacity: 1
    }
    99% {
        animation-timing-function: cubic-bezier(0.2739, 0.3287, 0.7201, 0.6641);
        transform: translate(-0.52px, 0);
        opacity: 1
    }
    99.6% {
        animation-timing-function: cubic-bezier(0.2569, 0.2802, 0.4188, 0.7886);
        transform: translate(-0.22px, 0);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-throw-rtl-in {
    animation: ld-throw-rtl-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: translate(26.44245px, 0);
    opacity: 0
}

@keyframes ld-throw-btt-in {
    0% {
        animation-timing-function: cubic-bezier(0.3173, 0.3347, 0.6682, 0.6667);
        transform: translate(0, 26.44px);
        opacity: 0
    }
    2.2% {
        animation-timing-function: cubic-bezier(0.3794, 0.3299, 0.6427, 0.6686);
        transform: translate(0, 24.98px);
        opacity: 1
    }
    3.4% {
        animation-timing-function: cubic-bezier(0.3469, 0.3325, 0.6722, 0.6661);
        transform: translate(0, 24.06px);
        opacity: 1
    }
    6.5% {
        animation-timing-function: cubic-bezier(0.3932, 0.3301, 0.6783, 0.6664);
        transform: translate(0, 21.76px);
        opacity: 1
    }
    10.7% {
        animation-timing-function: cubic-bezier(0.4272, 0.3305, 0.7436, 0.6647);
        transform: translate(0, 17.98px);
        opacity: 1
    }
    16.8% {
        animation-timing-function: cubic-bezier(0.5488, 0.3313, 0.8473, 0.6663);
        transform: translate(0, 10.62px);
        opacity: 1
    }
    19.8% {
        animation-timing-function: cubic-bezier(0.461, 0.3332, 0.4656, 0.6668);
        transform: translate(0, 2.78px);
        opacity: 1
    }
    20.2% {
        animation-timing-function: cubic-bezier(0.0873, 0.2513, 0.7458, 0.7491);
        transform: translate(0, -0.38px);
        opacity: 1
    }
    21.1% {
        animation-timing-function: cubic-bezier(0.3342, 0.3335, 0.6426, 0.6668);
        transform: translate(0, -1.92px);
        opacity: 1
    }
    22.4% {
        animation-timing-function: cubic-bezier(0.3621, 0.3328, 0.6109, 0.6676);
        transform: translate(0, -4.12px);
        opacity: 1
    }
    23.6% {
        animation-timing-function: cubic-bezier(0.3012, 0.3339, 0.6051, 0.6683);
        transform: translate(0, -6.18px);
        opacity: 1
    }
    28% {
        animation-timing-function: cubic-bezier(0.2755, 0.3351, 0.5232, 0.6752);
        transform: translate(0, -12px);
        opacity: 1
    }
    34% {
        animation-timing-function: cubic-bezier(0.2913, 0.3442, 0.5945, 0.6728);
        transform: translate(0, -17.48px);
        opacity: 1
    }
    37% {
        animation-timing-function: cubic-bezier(0.1741, 0.5162, 0.5129, 1.3398);
        transform: translate(0, -19.06px);
        opacity: 1
    }
    43% {
        animation-timing-function: cubic-bezier(0.4742, 0.2001, 0.7463, 0.6254);
        transform: translate(0, -19.92px);
        opacity: 1
    }
    45.7% {
        animation-timing-function: cubic-bezier(0.5641, 0.7052, 0.2846, 0.1824);
        transform: translate(0, -19.28px);
        opacity: 1
    }
    46.2% {
        animation-timing-function: cubic-bezier(0.4515, 0.2964, 0.7105, 0.6734);
        transform: translate(0, -19.14px);
        opacity: 1
    }
    47.8% {
        animation-timing-function: cubic-bezier(0.8595, 1.0744, -0.1261, -0.2284);
        transform: translate(0, -18.36px);
        opacity: 1
    }
    48.3% {
        animation-timing-function: cubic-bezier(0.4607, 0.3205, 0.6232, 0.6724);
        transform: translate(0, -18.14px);
        opacity: 1
    }
    50.3% {
        animation-timing-function: cubic-bezier(0.4337, 0.3253, 0.7015, 0.6642);
        transform: translate(0, -16.76px);
        opacity: 1
    }
    52% {
        animation-timing-function: cubic-bezier(0.3458, 0.3334, 0.7014, 0.6641);
        transform: translate(0, -15.4px);
        opacity: 1
    }
    53.5% {
        animation-timing-function: cubic-bezier(0.3638, 0.3322, 0.715, 0.6655);
        transform: translate(0, -14px);
        opacity: 1
    }
    57.1% {
        animation-timing-function: cubic-bezier(0.343, 0.3332, 0.6276, 0.6676);
        transform: translate(0, -9.86px);
        opacity: 1
    }
    59% {
        animation-timing-function: cubic-bezier(0.4199, 0.3313, 0.6271, 0.6678);
        transform: translate(0, -7.22px);
        opacity: 1
    }
    61.1% {
        animation-timing-function: cubic-bezier(0.432, 0.3319, 0.6016, 0.6677);
        transform: translate(0, -3.92px);
        opacity: 1
    }
    62.9% {
        animation-timing-function: cubic-bezier(0.2788, 0.3346, 0.6243, 0.6678);
        transform: translate(0, -0.64px);
        opacity: 1
    }
    63.2% {
        animation-timing-function: cubic-bezier(0.2701, 0.3361, -0.4907, 1.0828);
        transform: translate(0, -0.26px);
        opacity: 1
    }
    63.4% {
        animation-timing-function: cubic-bezier(0.3122, 0.0151, 0.9287, 0.9241);
        transform: translate(0, -0.08px);
        opacity: 1
    }
    64% {
        animation-timing-function: cubic-bezier(0.2872, 0.3339, 0.5797, 0.6742);
        transform: translate(0, -0.7px);
        opacity: 1
    }
    65% {
        animation-timing-function: cubic-bezier(0.5101, 0.3239, 0.489, 0.6756);
        transform: translate(0, -1.56px);
        opacity: 1
    }
    65.4% {
        animation-timing-function: cubic-bezier(0.3492, 0.3326, 0.6191, 0.6735);
        transform: translate(0, -1.98px);
        opacity: 1
    }
    66.2% {
        animation-timing-function: cubic-bezier(0.4827, 0.3218, 0.5157, 0.6771);
        transform: translate(0, -2.54px);
        opacity: 1
    }
    66.6% {
        animation-timing-function: cubic-bezier(0.352, 0.33, 0.6953, 0.6667);
        transform: translate(0, -2.9px);
        opacity: 1
    }
    68.1% {
        animation-timing-function: cubic-bezier(0.3285, 0.3135, 0.53, 0.7009);
        transform: translate(0, -3.86px);
        opacity: 1
    }
    68.4% {
        animation-timing-function: cubic-bezier(0.3211, 0.3359, 0.5793, 0.6857);
        transform: translate(0, -4.08px);
        opacity: 1
    }
    71% {
        animation-timing-function: cubic-bezier(0.3795, 0.2811, 0.4509, 0.756);
        transform: translate(0, -5.24px);
        opacity: 1
    }
    71.4% {
        animation-timing-function: cubic-bezier(0.3702, 0.2776, 0.6171, 0.7128);
        transform: translate(0, -5.42px);
        opacity: 1
    }
    72.6% {
        animation-timing-function: cubic-bezier(0.2791, 0.3954, 0.6688, 0.7654);
        transform: translate(0, -5.74px);
        opacity: 1
    }
    74.3% {
        animation-timing-function: cubic-bezier(0.2981, -Infinity, 0.6838, Infinity);
        transform: translate(0, -5.98px);
        opacity: 1
    }
    76.8% {
        animation-timing-function: cubic-bezier(0.4345, 0.2633, 0.6934, 0.6284);
        transform: translate(0, -5.88px);
        opacity: 1
    }
    78.8% {
        animation-timing-function: cubic-bezier(0.44, 0.2933, 0.56, 0.7067);
        transform: translate(0, -5.44px);
        opacity: 1
    }
    79.2% {
        animation-timing-function: cubic-bezier(0.497, 0.2945, 0.6754, 0.6634);
        transform: translate(0, -5.28px);
        opacity: 1
    }
    81.6% {
        animation-timing-function: cubic-bezier(0.3941, 0.3218, 0.6466, 0.6702);
        transform: translate(0, -4.2px);
        opacity: 1
    }
    83% {
        animation-timing-function: cubic-bezier(0.5087, 0.3192, 0.545, 0.6788);
        transform: translate(0, -3.4px);
        opacity: 1
    }
    83.4% {
        animation-timing-function: cubic-bezier(0.4265, 0.3262, 0.6457, 0.6688);
        transform: translate(0, -3.06px);
        opacity: 1
    }
    86% {
        animation-timing-function: cubic-bezier(0.4235, 0.3197, 0.7128, 0.6748);
        transform: translate(0, -1.02px);
        opacity: 1
    }
    86.7% {
        animation-timing-function: cubic-bezier(0.1008, 0.104, 0.4254, 0.9641);
        transform: translate(0, -0.34px);
        opacity: 1
    }
    87% {
        animation-timing-function: cubic-bezier(0.0513, -0.0071, 0.921, 0.9013);
        transform: translate(0, -0.02px);
        opacity: 1
    }
    88% {
        animation-timing-function: cubic-bezier(0.3812, 0.321, 0.7332, 0.663);
        transform: translate(0, -0.5px);
        opacity: 1
    }
    88.8% {
        animation-timing-function: cubic-bezier(0.1491, 0.4472, 0.7385, 0.6078);
        transform: translate(0, -0.88px);
        opacity: 1
    }
    89.3% {
        animation-timing-function: cubic-bezier(0.2541, 0.3557, 0.7498, 0.6497);
        transform: translate(0, -1.06px);
        opacity: 1
    }
    90% {
        animation-timing-function: cubic-bezier(0.2257, 0.2873, 0.6492, 0.7768);
        transform: translate(0, -1.26px);
        opacity: 1
    }
    90.7% {
        animation-timing-function: cubic-bezier(0.3323, 0.3625, 0.7042, 0.6773);
        transform: translate(0, -1.48px);
        opacity: 1
    }
    91.9% {
        animation-timing-function: cubic-bezier(0.1805, 0.3611, 0.7487, 0.7487);
        transform: translate(0, -1.7px);
        opacity: 1
    }
    96% {
        animation-timing-function: cubic-bezier(0.3649, 0.2539, 0.7461, 0.6467);
        transform: translate(0, -1.52px);
        opacity: 1
    }
    97.6% {
        animation-timing-function: cubic-bezier(0.3193, 0.3311, 0.7709, 0.6436);
        transform: translate(0, -1.06px);
        opacity: 1
    }
    99% {
        animation-timing-function: cubic-bezier(0.2739, 0.3287, 0.7201, 0.6641);
        transform: translate(0, -0.52px);
        opacity: 1
    }
    99.6% {
        animation-timing-function: cubic-bezier(0.2569, 0.2802, 0.4188, 0.7886);
        transform: translate(0, -0.22px);
        opacity: 1
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

.ld.ld-throw-btt-in {
    animation: ld-throw-btt-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: translate(0, 26.44245px);
    opacity: 0
}

@keyframes ld-measure {
    0% {
        transform: translate(0, 0) rotate(0)
    }
    3.33333% {
        transform: translate(0, 0) rotate(-14.99241deg)
    }
    6.66667% {
        transform: translate(0, 0) rotate(10.93733deg)
    }
    10% {
        transform: translate(0, 0) rotate(10.60793deg)
    }
    13.33333% {
        transform: translate(0, 0) rotate(-10.26249deg)
    }
    16.66667% {
        transform: translate(0, 0) rotate(0.47337deg)
    }
    20% {
        transform: translate(0, 0) rotate(15deg)
    }
    23.33333% {
        transform: translate(0, 0) rotate(0.48087deg)
    }
    26.66667% {
        transform: translate(0, 0) rotate(-10.26796deg)
    }
    30% {
        transform: translate(0, 0) rotate(10.60262deg)
    }
    33.33333% {
        transform: translate(0, 0) rotate(10.94246deg)
    }
    36.66667% {
        transform: translate(0, 0) rotate(-14.99265deg)
    }
    40% {
        transform: translate(0, 0) rotate(-0.0075deg)
    }
    43.33333% {
        transform: translate(0, 0) rotate(14.99217deg)
    }
    46.66667% {
        transform: translate(0, 0) rotate(-10.93219deg)
    }
    50% {
        transform: translate(0, 0) rotate(-10.61323deg)
    }
    53.33333% {
        transform: translate(0, 0) rotate(10.25702deg)
    }
    56.66667% {
        transform: translate(0, 0) rotate(-0.46588deg)
    }
    60% {
        transform: translate(0, 0) rotate(-15deg)
    }
    63.33333% {
        transform: translate(0, 0) rotate(-0.48836deg)
    }
    66.66667% {
        transform: translate(0, 0) rotate(10.27343deg)
    }
    70% {
        transform: translate(0, 0) rotate(-10.59732deg)
    }
    73.33333% {
        transform: translate(0, 0) rotate(-10.94759deg)
    }
    76.66667% {
        transform: translate(0, 0) rotate(14.99288deg)
    }
    80% {
        transform: translate(0, 0) rotate(0.015deg)
    }
    83.33333% {
        transform: translate(0, 0) rotate(-14.99193deg)
    }
    86.66667% {
        transform: translate(0, 0) rotate(10.92706deg)
    }
    90% {
        transform: translate(0, 0) rotate(10.61853deg)
    }
    93.33333% {
        transform: translate(0, 0) rotate(-10.25155deg)
    }
    96.66667% {
        transform: translate(0, 0) rotate(0.45838deg)
    }
    100% {
        transform: translate(0, 0) rotate(0)
    }
}

.ld.ld-measure {
    animation: ld-measure 5s infinite linear
}

@keyframes ld-shiver {
    0% {
        transform: translate(0, 0) scale(1)
    }
    3.33333% {
        transform: translate(0, 0) scale(1.04279)
    }
    6.66667% {
        transform: translate(0, 0) scale(1.00524)
    }
    10% {
        transform: translate(0, 0) scale(0.96369)
    }
    13.33333% {
        transform: translate(0, 0) scale(0.95064)
    }
    16.66667% {
        transform: translate(0, 0) scale(0.97651)
    }
    20% {
        transform: translate(0, 0) scale(1.02078)
    }
    23.33333% {
        transform: translate(0, 0) scale(1.04875)
    }
    26.66667% {
        transform: translate(0, 0) scale(1.03832)
    }
    30% {
        transform: translate(0, 0) scale(0.99777)
    }
    33.33333% {
        transform: translate(0, 0) scale(0.95897)
    }
    36.66667% {
        transform: translate(0, 0) scale(0.95244)
    }
    40% {
        transform: translate(0, 0) scale(0.98335)
    }
    43.33333% {
        transform: translate(0, 0) scale(1.02733)
    }
    46.66667% {
        transform: translate(0, 0) scale(1.04988)
    }
    50% {
        transform: translate(0, 0) scale(1.0331)
    }
    53.33333% {
        transform: translate(0, 0) scale(0.99035)
    }
    56.66667% {
        transform: translate(0, 0) scale(0.95507)
    }
    60% {
        transform: translate(0, 0) scale(0.95527)
    }
    63.33333% {
        transform: translate(0, 0) scale(0.99057)
    }
    66.66667% {
        transform: translate(0, 0) scale(1.03343)
    }
    70% {
        transform: translate(0, 0) scale(1.04984)
    }
    73.33333% {
        transform: translate(0, 0) scale(1.02714)
    }
    76.66667% {
        transform: translate(0, 0) scale(0.98293)
    }
    80% {
        transform: translate(0, 0) scale(0.9523)
    }
    83.33333% {
        transform: translate(0, 0) scale(0.9591)
    }
    86.66667% {
        transform: translate(0, 0) scale(0.99821)
    }
    90% {
        transform: translate(0, 0) scale(1.0386)
    }
    93.33333% {
        transform: translate(0, 0) scale(1.0487)
    }
    96.66667% {
        transform: translate(0, 0) scale(1.02038)
    }
    100% {
        transform: translate(0, 0) scale(1)
    }
}

.ld.ld-shiver {
    animation: ld-shiver .5s infinite linear
}

@keyframes ld-swim {
    0% {
        transform: translate(0, 0) rotate(0)
    }
    8.33333% {
        transform: translate(-5.96462px, 4.90845px) rotate(-13.66821deg)
    }
    16.66667% {
        transform: translate(5.25471px, -2.05606px) rotate(0.47337deg)
    }
    25% {
        transform: translate(2.30929px, 5.79372px) rotate(13.8564deg)
    }
    33.33333% {
        transform: translate(-5.75556px, -4.60802px) rotate(10.94246deg)
    }
    41.66667% {
        transform: translate(3.73522px, 5.97742px) rotate(-14.03079deg)
    }
    50% {
        transform: translate(4.2628px, -3.01222px) rotate(-10.61323deg)
    }
    58.33333% {
        transform: translate(-4.65975px, -2.51269px) rotate(5.2869deg)
    }
    66.66667% {
        transform: translate(1.64024px, -1.05167px) rotate(10.27343deg)
    }
    75% {
        transform: translate(5.55954px, -4.22763px) rotate(-5.72726deg)
    }
    83.33333% {
        transform: translate(-2.84602px, 5.91439px) rotate(-14.99193deg)
    }
    91.66667% {
        transform: translate(-0.70744px, -5.43064px) rotate(6.16192deg)
    }
    100% {
        transform: translate(0, 0) rotate(0)
    }
}

.ld.ld-swim {
    animation: ld-swim 10s infinite linear
}

@keyframes ld-tremble {
    0% {
        transform: translate(0, 0)
    }
    3.33333% {
        transform: translate(-0.18923px, 1.45485px)
    }
    6.66667% {
        transform: translate(-0.84296px, -1.32524px)
    }
    10% {
        transform: translate(0.67971px, 1.00422px)
    }
    13.33333% {
        transform: translate(-0.5056px, 0.83616px)
    }
    16.66667% {
        transform: translate(1.31368px, -0.51401px)
    }
    20% {
        transform: translate(-1.21184px, 1.49193px)
    }
    23.33333% {
        transform: translate(1.09065px, -0.21259px)
    }
    26.66667% {
        transform: translate(-1.49916px, 0.56159px)
    }
    30% {
        transform: translate(1.48086px, 1.21228px)
    }
    33.33333% {
        transform: translate(-1.43889px, -1.152px)
    }
    36.66667% {
        transform: translate(1.35914px, 1.34835px)
    }
    40% {
        transform: translate(-1.42834px, 0.3091px)
    }
    43.33333% {
        transform: translate(1.47472px, -1.49889px)
    }
    46.66667% {
        transform: translate(-0.92402px, 1.4416px)
    }
    50% {
        transform: translate(1.0657px, -0.75306px)
    }
    53.33333% {
        transform: translate(-1.19035px, -1.07484px)
    }
    56.66667% {
        transform: translate(0.28828px, 0.79337px)
    }
    60% {
        transform: translate(-0.47167px, -1.42789px)
    }
    63.33333% {
        transform: translate(0.64753px, -0.09795px)
    }
    66.66667% {
        transform: translate(0.41006px, -0.26292px)
    }
    70% {
        transform: translate(-0.22477px, -1.3683px)
    }
    73.33333% {
        transform: translate(0.03588px, 0.92931px)
    }
    76.66667% {
        transform: translate(-1.01937px, -1.18398px)
    }
    80% {
        transform: translate(0.8724px, -0.60494px)
    }
    83.33333% {
        transform: translate(-0.71151px, 1.4786px)
    }
    86.66667% {
        transform: translate(1.40734px, -1.49607px)
    }
    90% {
        transform: translate(-1.33062px, 0.46957px)
    }
    93.33333% {
        transform: translate(1.23264px, 1.26738px)
    }
    96.66667% {
        transform: translate(-1.48975px, -1.03867px)
    }
    100% {
        transform: translate(0, 0)
    }
}

.ld.ld-tremble {
    animation: ld-tremble .5s infinite linear
}

@keyframes ld-vortex {
    0%,
    60% {
        animation-timing-function: cubic-bezier(0.3, 0, 1, 0.7)
    }
    0% {
        opacity: 0;
        transform: rotate(-1800deg) scale(0.3)
    }
    60% {
        opacity: 1;
        transform: rotate(0) scale(1)
    }
    100% {
        opacity: 0;
        transform: rotate(0) scale(1)
    }
}

.ld.ld-vortex {
    animation: ld-vortex 1s infinite linear
}

@keyframes ld-vortex-alt {
    0%,
    60% {
        animation-timing-function: cubic-bezier(0.3, 0, 1, 0.7)
    }
    0% {
        opacity: 0;
        transform: rotate(-1800deg) scale(3)
    }
    60% {
        opacity: 1;
        transform: rotate(0) scale(1)
    }
    100% {
        opacity: 0;
        transform: rotate(0) scale(1)
    }
}

.ld.ld-vortex-alt {
    animation: ld-vortex-alt 1s infinite linear
}

@keyframes ld-vortex-in {
    0%,
    60% {
        animation-timing-function: cubic-bezier(0.3, 0, 1, 0.7)
    }
    0% {
        opacity: 0;
        transform: rotate(-1800deg) scale(0.3)
    }
    60% {
        opacity: 1;
        transform: rotate(0) scale(1)
    }
    100% {
        opacity: 1;
        transform: rotate(0) scale(1)
    }
}

.ld.ld-vortex-in {
    animation: ld-vortex-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(0.3, 0, 0, 0.3, 0, 0);
    opacity: 0
}

@keyframes ld-vortex-out {
    0% {
        animation-timing-function: cubic-bezier(0.3, 0, 1, 0.7);
        transform: rotate(0) scale(1);
        opacity: 1
    }
    100% {
        transform: rotate(-1800deg) scale(0.3);
        opacity: 0
    }
}

.ld.ld-vortex-out {
    animation: ld-vortex-out 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1
}

@keyframes ld-vortex-alt-in {
    0%,
    60% {
        animation-timing-function: cubic-bezier(0.3, 0, 1, 0.7)
    }
    0% {
        opacity: 0;
        transform: rotate(-1800deg) scale(3)
    }
    60% {
        opacity: 1;
        transform: rotate(0) scale(1)
    }
    100% {
        opacity: 1;
        transform: rotate(0) scale(1)
    }
}

.ld.ld-vortex-alt-in {
    animation: ld-vortex-alt-in 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(3, 0, 0, 3, 0, 0);
    opacity: 0
}

@keyframes ld-vortex-alt-out {
    0% {
        animation-timing-function: cubic-bezier(0.3, 0, 1, 0.7);
        transform: rotate(0) scale(1);
        opacity: 1
    }
    100% {
        transform: rotate(-1800deg) scale(3);
        opacity: 0
    }
}

.ld.ld-vortex-alt-out {
    animation: ld-vortex-alt-out 1s 1 linear;
    animation-fill-mode: forwards;
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1
}

@keyframes ld-wrench {
    20%,
    36%,
    70%,
    86% {
        transform: rotate(0)
    }
    0%,
    50%,
    100% {
        transform: rotate(45deg)
    }
}

.ld.ld-wrench {
    animation: ld-wrench 1s infinite linear
}

.ldap:before {
    display: none
}

.ldap>.base {
    position: absolute;
    width: 15em;
    max-width: calc(100% - 2em);
    top: 1em;
    bottom: 1em;
    left: 0;
    max-height: calc(100% - 2em)
}

.ldap>.base>.inner {
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    background: #fff;
    overflow: hidden
}

.ldap>.base>.inner>div {
    position: relative;
    width: 100%;
    height: 100%
}

.ldap>.base>.inner .head {
    position: absolute;
    z-index: 2;
    width: 100%;
    background: #fff;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1)
}

.ldap>.base>.inner .head input {
    width: 100%
}

.ldap>.base>.inner .menu {
    position: absolute;
    z-index: 1;
    overflow-y: scroll;
    top: 53px;
    bottom: 0;
    width: 100%
}

.ldap>.base>.inner .item-head {
    opacity: .75;
    padding: 5px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    font-size: .875em;
    background: #f1f2f3
}

.ldap>.base>.inner .item-group {
    padding-bottom: 10px
}

.ldap>.base>.inner .item {
    cursor: pointer;
    padding: 5px;
    position: relative
}

.ldap>.base>.inner .item i {
    font-size: 12px;
    opacity: .35;
    vertical-align: .2em;
    margin-left: .25em
}

.ldap>.base>.inner .item:after {
    content: " ";
    display: block
}

.ldap>.base>.inner .item:after,
.ldap>.base>.inner .item .ani {
    position: absolute;
    width: 0;
    height: 0;
    border-radius: 50%;
    border: 5px solid #ddd;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 10px
}

.ldap>.base>.inner .item .ani {
    display: none;
    animation-play-state: paused
}

.ldap>.base>.inner .item:hover {
    background: #0ff
}

.ldap>.base>.inner .item:hover:after {
    display: none
}

.ldap>.base>.inner .item:hover .ani {
    border-width: 7px;
    border-color: #0bf;
    border-left-color: transparent;
    animation-play-state: running;
    display: block
}

.ldap>.base>.inner .item.limited {
    text-decoration: line-through
}

.ldap>.base>.inner .item.limited>div:first-child:after {
    content: "×";
    display: inline;
    opacity: .5;
    font-size: .75em;
    margin-left: .125em
}

.ldap>.base>.inner .item.disabled {
    opacity: .25;
    cursor: not-allowed
}

.ldap>.base>.inner .protip {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    background: #fff;
    text-align: center;
    z-index: 2;
    border-top: 1px solid #ddd;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    font-size: .875em
}

.ldap.has-tips .menu {
    padding-bottom: 30px
}

.ld-ball,
.ld-ring,
.ld-hourglass,
.ld-loader,
.ld-cross,
.ld-square,
.ld-pie,
.ld-spinner {
    width: 1em;
    height: 1em;
    position: relative;
    color: inherit;
    display: inline-block;
    box-sizing: content-box
}

.ld-ball:after,
.ld-ring:after,
.ld-hourglass:after,
.ld-loader:after,
.ld-cross:after,
.ld-square:after,
.ld-pie:after,
.ld-spinner:after {
    content: " ";
    display: block;
    width: 2em;
    height: 2em;
    box-sizing: border-box;
    transform-origin: 0 0;
    transform: translateZ(0) scale(0.5);
    backface-visibility: hidden
}

.ld-ring:after {
    border-radius: 50%;
    border: .3em solid currentColor;
    border-left-color: transparent
}

.ld-ball:after {
    border-radius: 50%;
    background: currentColor
}

.ld-hourglass:after {
    border-radius: 50%;
    border: 1em solid currentColor;
    border-left-color: transparent;
    border-right-color: transparent
}

.ld-cross:after {
    position: absolute;
    height: .5em;
    transform: translateZ(0) scale(0.5) translate(0, 0.75em);
    background: currentColor
}

.ld-cross:before {
    content: " ";
    display: block;
    width: .5em;
    height: 2em;
    box-sizing: border-box;
    transform-origin: 0 0;
    backface-visibility: hidden;
    position: absolute;
    width: .5em;
    transform: translateZ(0) scale(0.5) translate(0.75em, 0);
    background: currentColor
}

.ld-square:after {
    background: currentColor
}

.ld-pie:after {
    border-radius: 50%;
    border: 1em solid currentColor;
    border-left-color: transparent
}

.ld-spinner:after {
    position: absolute;
    width: .4em;
    height: .4em;
    transform: translateZ(0) scale(0.5) translate(0.8em, 0.8em);
    border-radius: 50%;
    background: 0;
    box-shadow: 0 1em 0 currentColor, 0 -1em 0 currentColor, 1em 0 0 currentColor, -1em 0 0 currentColor, .70710678em .70710678em 0 currentColor, -.70710678em .70710678em 0 currentColor, .70710678em -.70710678em 0 currentColor, -.70710678em -.70710678em 0 currentColor
}

.ld-loader {
    background-size: cover
}

.ld.reverse {
    animation-direction: reverse
}

.ld.xhalf {
    animation-duration: .5s
}

.ld.x1 {
    animation-duration: 1s
}

.ld.x2 {
    animation-duration: 2s
}

.ld.x4 {
    animation-duration: 4s
}

.ld.running {
    animation-play-state: running
}

.ld.paused {
    animation-play-state: paused
}

.ld.f00 {
    animation-delay: 0s
}

.ld.f01 {
    animation-delay: -0.1s
}

.ld.f02 {
    animation-delay: -0.2s
}

.ld.f03 {
    animation-delay: -0.3s
}

.ld.f04 {
    animation-delay: -0.4s
}

.ld.f05 {
    animation-delay: -0.5s
}

.ld.f06 {
    animation-delay: -0.6s
}

.ld.f07 {
    animation-delay: -0.7s
}

.ld.f08 {
    animation-delay: -0.8s
}

.ld.f09 {
    animation-delay: -0.9s
}

.ld.f10 {
    animation-delay: -1s
}

.infinite {
    animation-iteration-count: infinite !important
}

.ldrs .bar .cap,
.ldrs .bar .fg,
.ldrs .ptr:after,
.ldrs .hint.p {
    background: red
}

.ldrs .bar .cap:nth-child(2),
.ldrs .bar .bk,
.ldrs .hint,
.ldrs .lock-line:after {
    background: #eee
}

.ldrs .hint {
    color: #aaa
}

.ldrs .hint.p {
    color: #fff
}

input.ldrs {
    display: none
}

.ldrs {
    position: relative
}

.ldrs .bar-inner {
    width: 100%;
    height: 100%
}

.ldrs .bar {
    width: 100%;
    position: relative
}

.ldrs .bar .cap {
    width: 10px;
    position: absolute
}

.ldrs .bar .cap:nth-child(1) {
    border-radius: 5px 0 0 5px;
    top: 0;
    left: -10px
}

.ldrs .bar .cap:nth-child(2) {
    border-radius: 0 5px 5px 0;
    top: 0;
    right: -10px
}

.ldrs .bar .fg {
    width: 50%;
    position: absolute;
    left: 0;
    right: 50px;
    width: auto;
    top: 0
}

.ldrs .bar .bk {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: auto
}

.ldrs .ptr,
.ldrs .lock-line {
    position: absolute;
    width: 9px;
    left: 0;
    margin-left: -3px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.01);
    z-index: 1
}

.ldrs .ptr:after,
.ldrs .lock-line:after {
    content: " ";
    display: block;
    width: 3px;
    height: 100%;
    margin-left: 3px;
    border-radius: 12px
}

.ldrs .hint {
    font-family: sans-serif;
    padding: 1px 4px 2px;
    font-size: 10px;
    display: inline-block;
    border-radius: 3px;
    position: absolute;
    user-select: none;
    line-height: 1em;
    z-index: 0;
    transition: none
}

.ldrs .hint.l {
    left: 0
}

.ldrs .hint.r {
    right: 0
}

.ldrs .hint.lock {
    right: 40%;
    margin-right: -6px;
    display: none
}

.ldrs .bar .lock-line {
    padding: 0;
    right: 40%;
    margin-right: -6px;
    left: auto;
    display: none;
    z-index: 0
}

.ldrs .hint.p {
    cursor: pointer;
    z-index: 1
}

.ldrs.limit .hint.lock,
.ldrs.limit .lock-line {
    display: block
}

.ldrs {
    height: 2.25em;
    padding: .2em 10px
}

.ldrs .bar,
.ldrs .fg,
.ldrs .bk,
.ldrs .cap {
    height: .875em
}

.ldrs .ptr,
.ldrs .lock-line {
    top: -0.2em;
    height: 1.875em
}

.ldrs .hint {
    top: 2.035em;
    font-size: .7em
}

.ldrs .hint.p {
    top: 1.75em
}

.ldrs.ldrs-sm {
    height: 1.9125em;
    padding: .1em 10px
}

.ldrs.ldrs-sm .bar,
.ldrs.ldrs-sm .fg,
.ldrs.ldrs-sm .bk,
.ldrs.ldrs-sm .cap {
    height: .7em
}

.ldrs.ldrs-sm .ptr,
.ldrs.ldrs-sm .lock-line {
    top: -0.1em;
    height: 1.7125em
}

.ldrs.ldrs-sm .hint {
    top: 1.6663em;
    font-size: .6em
}

.ldrs.ldrs-sm .hint.p {
    top: 1.5125em
}

.ldrs.ldrs-lg {
    height: 2.875em;
    padding: .375em 10px
}

.ldrs.ldrs-lg .bar,
.ldrs.ldrs-lg .fg,
.ldrs.ldrs-lg .bk,
.ldrs.ldrs-lg .cap {
    height: 1em
}

.ldrs.ldrs-lg .ptr,
.ldrs.ldrs-lg .lock-line {
    top: -0.375em;
    height: 2.5em
}

.ldrs.ldrs-lg .hint {
    top: 2.1875em;
    font-size: .8em
}

.ldrs.ldrs-lg .hint.p {
    top: 1.71875em
}

.ldrs.up .bar {
    top: 1.075em
}

.ldrs.up .ptr,
.ldrs.up .lock-line {
    top: -0.775em
}

.ldrs.up .hint {
    top: .1em
}

.ldrs.up .hint.p {
    top: -1.775em
}

.ldrs.ldrs-sm.up .bar {
    top: .9125em
}

.ldrs.ldrs-sm.up .ptr,
.ldrs.ldrs-sm.up .lock-line {
    top: -0.7125em
}

.ldrs.ldrs-sm.up .hint {
    top: 0
}

.ldrs.ldrs-sm.up .hint.p {
    top: -1.5125em
}

.ldrs.ldrs-lg.up .bar {
    top: 1.25em
}

.ldrs.ldrs-lg.up .ptr,
.ldrs.ldrs-lg.up .lock-line {
    top: -1.2em
}

.ldrs.ldrs-lg.up .hint {
    top: .3em
}

.ldrs.ldrs-lg.up .hint.p {
    top: -1.8em
}

.ldlz {
    transition: opacity .5s linear, visibility .5s linear;
    background-size: contain
}

.ldlz.placeholder {
    display: inline-block
}

@font-face {
    font-family: 'ldi';
    font-weight: normal;
    font-style: normal
}

i {
    font-family: 'ldi';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: 0;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

i.i-heart:before {
    content: "\f000"
}

i.i-home:before {
    content: "\f001"
}

i.i-building:before {
    content: "\f002"
}

i.i-dart-up:before {
    content: "\f003"
}

i.i-dart-right:before {
    content: "\f004"
}

i.i-dart-down:before {
    content: "\f005"
}

i.i-dart-left:before {
    content: "\f006"
}

i.i-chevron-up:before {
    content: "\f007"
}

i.i-chevron-right:before {
    content: "\f008"
}

i.i-chevron-down:before {
    content: "\f009"
}

i.i-chevron-left:before {
    content: "\f00a"
}

i.i-save:before {
    content: "\f00b"
}

i.i-bars:before {
    content: "\f00c"
}

i.i-check:before {
    content: "\f00d"
}

i.i-circle:before {
    content: "\f00e"
}

i.i-radio:before {
    content: "\f00f"
}

i.i-question:before {
    content: "\f010"
}

i.i-lock:before {
    content: "\f011"
}

i.i-unlock:before {
    content: "\f012"
}

i.i-mail:before {
    content: "\f013"
}

i.i-pen:before {
    content: "\f014"
}

i.i-phone:before {
    content: "\f015"
}

i.i-gear:before {
    content: "\f016"
}

i.i-legal:before {
    content: "\f017"
}

i.i-link:before {
    content: "\f018"
}

i.i-location:before {
    content: "\f019"
}

i.i-eye:before {
    content: "\f01a"
}

i.i-eye-slash:before {
    content: "\f01b"
}

i.i-close:before {
    content: "\f01c"
}

i.i-creditcard:before {
    content: "\f01d"
}

i.i-drag:before {
    content: "\f01e"
}

i.i-clone:before {
    content: "\f01f"
}

i.i-google:before {
    content: "\f020"
}

i.i-fb:before {
    content: "\f021"
}

i.i-twt:before {
    content: "\f022"
}

i.i-github:before {
    content: "\f023"
}

i.i-doc:before {
    content: "\f024"
}

i.i-undo:before {
    content: "\f025"
}

i.i-print:before {
    content: "\f026"
}

i.i-check-o:before {
    content: "\f027"
}

i.i-search:before {
    content: "\f028"
}

i.i-plus:before {
    content: "\f029"
}

i.i-sync:before {
    content: "\f030"
}

i.i-upload:before {
    content: "\f031"
}

i.i-html:before {
    content: "\f032"
}

.ldBar {
    position: relative
}

.ldBar.label-center>.ldBar-label {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-shadow: 0 0 3px #fff
}

.ldBar-label:after {
    content: "%";
    display: inline
}

.ldBar.no-percent .ldBar-label:after {
    content: ""
}

#nav-top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000
}

#nav-top nav {
    padding: .5rem 2rem;
    transition: background .3s ease-in, color .3s ease-in
}

#nav-top-placeholder {
    height: 63px
}

.avatar {
    width: 1em;
    height: 1em;
    vertical-align: -0.25em;
    display: inline-block;
    border-radius: .25em;
    background-color: #ccc;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.avatar.avatar-lg {
    width: 1.25em;
    height: 1.25em;
    vertical-align: -0.25em;
    display: inline-block;
    border-radius: .25em
}

.avatar.avatar-sm {
    width: .875em;
    height: .875em;
    vertical-align: middle
}

.closebtn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.5em;
    line-height: .5em;
    margin: 0;
    padding: .2em .25em .3em;
    cursor: pointer;
    z-index: 1003
}

.closebtn:after {
    content: "\0000d7";
    display: inline
}

.closebtn.sm {
    font-size: 1em
}

.closebtn.lg {
    font-size: 2.5em
}

.closebtn.xl {
    font-size: 3.5em
}

.alert .closebtn {
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    height: .66em;
    padding-top: 0
}

.has-protip .dropdown-menu>.inner {
    height: 300px;
    overflow: scroll
}

.ldcv .protip,
.dropdown .protip,
.dropup .protip {
    position: absolute;
    bottom: 0;
    margin: 0;
    text-align: center;
    text-decoration: underline;
    cursor: pointer
}

.dropdown-menu .protip {
    border-radius: 0;
    margin: 0 0 -5px 0;
    width: 100%
}

.has-protip.ldcv .protip {
    max-width: 480px;
    width: 90%;
    bottom: 10px;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0
}

.has-protip.ldcv .protip .btn {
    margin: 0 10px
}

.btn.has-tips,
.has-tips {
    position: relative;
    overflow: visible;
    cursor: pointer
}

.btn.has-tips .inner,
.has-tips .inner,
.btn.has-tips .file,
.has-tips .file {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.btn.has-tips .hover-tip,
.has-tips .hover-tip,
.btn.has-tips .custom-tip,
.has-tips .custom-tip {
    display: none;
    opacity: 0;
    z-index: -1;
    transition: all .5s linear;
    user-select: none
}

.has-tips.manual:hover .hover-tip,
.btn.has-tips.manual:hover .hover-tip,
.has-tips.manual:hover .custom-tip,
.btn.has-tips.manual:hover .custom-tip {
    display: none;
    opacity: 0;
    z-index: -1
}

.btn.has-tips:hover .hover-tip,
.has-tips:hover .hover-tip,
.has-tips.tip-on .hover-tip,
.has-tips.tip-on.manual:hover .hover-tip,
.btn.has-tips:hover .custom-tip,
.has-tips:hover .custom-tip,
.has-tips.tip-on .custom-tip,
.has-tips.tip-on.manual:hover .custom-tip {
    display: block;
    opacity: 1;
    z-index: 1001
}

.hover-tip.ghost,
.cutom-tip.ghost {
    pointer-events: none
}

.hover-tip {
    background: #000;
    border-radius: 3px;
    position: absolute;
    min-width: 100px;
    color: #fff;
    padding: .8em 1em;
    text-align: center;
    z-index: 1001
}

.hover-tip.tip-sm {
    line-height: 14px;
    font-size: .75em;
    min-width: 100px;
    padding: .6em .8em
}

.hover-tip a {
    color: #73baf7
}

.hover-tip:before {
    width: 10px;
    height: 10px;
    position: absolute;
    background: #000;
    display: block;
    content: " ";
    transform: rotate(45deg)
}

.hover-tip.tip-no-min-width {
    min-width: inherit !important
}

.hover-tip.bottom,
.hover-tip {
    transform: translateX(-50%);
    top: 100%;
    left: 50%;
    margin: 5px 0 0
}

.hover-tip.bottom:before,
.hover-tip:before {
    top: -5px;
    left: 50%;
    margin: 0 0 0 -5px
}

.hover-tip.top {
    top: auto;
    bottom: 100%;
    margin: 0 0 5px 0
}

.hover-tip.top:before {
    top: auto;
    bottom: -5px
}

.hover-tip.right {
    transform: translateY(-50%);
    top: 50%;
    left: 100%;
    margin: 0 0 0 5px
}

.hover-tip.right:before {
    top: 50%;
    left: 2px;
    margin: -5px 0 0 -5px
}

.hover-tip.left {
    transform: translateY(-50%);
    top: 50%;
    right: 100%;
    left: auto;
    margin: 0 5px 0 0
}

.hover-tip.left:before {
    top: 50%;
    right: 0;
    left: auto;
    margin: -5px -5px 0 0
}

.hover-tip.as-tag {
    padding: 2px;
    display: inline-block;
    left: 10px;
    transform: none;
    width: 80%
}

.hover-tip.as-tag:before {
    display: none
}

.hover-tip.as-tag.top {
    border-radius: 5px 5px 0 0
}

.hover-tip.tip-danger {
    background: #d9534f
}

.hover-tip.tip-danger:before {
    background: #d9534f
}

.hover-tip.tip-warning {
    background: #f0ad4e
}

.hover-tip.tip-warning:before {
    background: #f0ad4e
}

.hover-tip.tip-success {
    background: #5cb85c
}

.hover-tip.tip-success:before {
    background: #5cb85c
}

.hover-tip.tip-info {
    background: #5bc0de
}

.hover-tip.tip-info:before {
    background: #5bc0de
}

.hover-tip.tip-primary {
    background: #337ab7
}

.hover-tip.tip-primary:before {
    background: #337ab7
}

.with-taglet {
    position: relative
}

.with-taglet .taglet,
.with-taglet.after:after {
    position: absolute;
    content: " ";
    display: inline-block;
    margin: auto;
    border-radius: 3px;
    border: 1px solid currentColor;
    background: #fff;
    text-align: center;
    font-size: .6em;
    height: 1.5em;
    line-height: 1em;
    width: auto;
    padding: .2em .25em
}

.with-taglet .taglet.two-line,
.with-taglet.after:after.two-line {
    height: 2.4em
}

.with-taglet .taglet.right,
.with-taglet.after.right:after {
    top: 0;
    bottom: 0;
    right: 0;
    transform: translate(50%, 0)
}

.with-taglet .taglet.left,
.with-taglet.after.left:after {
    top: 0;
    bottom: 0;
    left: 0;
    transform: translate(-50%, 0)
}

.with-taglet .taglet.bottom,
.with-taglet.after.bottom:after {
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%)
}

.input-group>.btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group .dropdown,
.input-group .dropup {
    flex: 1 1 auto
}

.input-group .dropdown .btn,
.input-group .dropup .btn {
    display: block
}

.input-group .dropdown .btn:first-child,
.input-group .dropup .btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group .input-group-append .dropdown,
.input-group .input-group-prepend .dropdown,
.input-group .input-group-append .dropup,
.input-group .input-group-prepend .dropup {
    flex: 0 1 auto
}

.input-group .input-group-append .dropdown .btn,
.input-group .input-group-prepend .dropdown .btn,
.input-group .input-group-append .dropup .btn,
.input-group .input-group-prepend .dropup .btn {
    display: block
}

.input-group .dropdown-menu {
    width: 100%
}

.ldNotify {
    position: fixed;
    pointer-events: none;
    z-index: 5002;
    top: 50px;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center
}

.ldNotify .alert {
    min-width: 200px;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
    flex: 0 0 auto;
    border: 1px solid currentColor
}

.sep {
    margin: 1em auto;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 0
}

.sep:before,
.sep:after {
    border-top: 0 solid rgba(0, 0, 0, 0.1)
}

.sep.sep-dashed {
    border-top-style: dashed
}

.sep.sep-dashed:before,
.sep.sep-dashed:after {
    border-top-style: dashed
}

.sep.sep-light {
    border-top-color: rgba(255, 255, 255, 0.1)
}

.sep.sep-light:before,
.sep.sep-light:after {
    border-top-color: rgba(255, 255, 255, 0.1)
}

.sep.sep-dark {
    border-top-color: rgba(0, 0, 0, 0.5)
}

.sep.sep-dark:before,
.sep.sep-dark:after {
    border-top-color: rgba(0, 0, 0, 0.5)
}

.sep.sep-text {
    display: flex;
    flex-wrap: nowrap;
    border: 0
}

.sep.sep-text span {
    position: relative;
    top: -0.76em;
    padding: 0 .5em;
    display: inline-block;
    white-space: nowrap
}

.sep.sep-text:before,
.sep.sep-text:after {
    content: " ";
    display: block;
    border-top-width: 1px;
    width: 50%
}

.btn.btn-text {
    cursor: default
}

.btn.disabled {
    cursor: not-allowed
}

.btn.btn-radio:before {
    margin-right: .33em;
    display: inline;
    font-family: ldi;
    content: "\f00e"
}

.btn.btn-radio.active:before {
    content: "\f00f"
}

.btn.btn-radio.check.active:before {
    content: "\f00d"
}

.btn-group.flex {
    display: flex;
    flex-wrap: nowrap
}

.btn-group.flex .btn {
    flex: 1 1 auto
}

.btn-upload {
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.btn-upload input {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 7;
    top: 0;
    left: 0;
    opacity: .005;
    cursor: pointer
}

.btn-color {
    padding-left: .375rem;
    padding-right: .375rem
}

.btn-color div {
    width: 100%;
    min-width: 1.5em;
    height: 1.5em;
    background: #ccc
}

.btn-color.btn-lg div {
    height: 28px
}

::-webkit-file-upload-button {
    cursor: pointer;
    height: 100%;
    border: 0
}

body>.foot {
    color: #fff;
    background: #102030
}

body>.foot .inner {
    max-width: 1024px;
    margin: auto;
    width: 90%;
    padding: 40px 0 80px
}

body>.foot .icon {
    margin: 5px 15px 0 0;
    vertical-align: middle
}

body>.foot .icon i {
    font-size: 24px
}

.text-sm {
    font-size: .8em
}

.text-lg {
    font-size: 1.5em
}

.text-xl {
    font-size: 2em
}

.cap-fl {
    text-transform: capitalize
}

.no-select {
    user-select: none
}

.code-block {
    font-family: monospace;
    overflow-x: scroll;
    white-space: pre
}

.clickable {
    cursor: pointer !important
}

.underdash {
    border-bottom: 1px dashed currentColor
}

.text-underline {
    text-decoration: underline
}

.text-no-deco {
    text-decoration: none !important
}

.text-bg-clip {
    color: currentColor;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text
}

.text-shadow-sm {
    text-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.075) !important
}

.text-shadow {
    text-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.15) !important
}

.text-shadow-lg {
    text-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important
}

.line-height-1em {
    line-height: 1em
}

a.disabled {
    pointer-events: none;
    cursor: not-allowed;
    color: #6c757d;
    opacity: .65
}

.w-1200 {
    width: 1200px
}

.w-1024 {
    width: 1024px
}

.w-768 {
    width: 768px
}

.w-640 {
    width: 640px
}

.w-480 {
    width: 480px
}

.h-gr {
    height: 61.803398875% !important
}

.vh-gr {
    height: 61.803398875vh !important
}

.vh-75 {
    height: 75vh !important
}

.vh-50 {
    height: 50vh !important
}

.vh-25 {
    height: 25vh !important
}

.w-auto {
    width: auto !important
}

.h-auto {
    height: auto !important
}

.z-1 {
    z-index: 1
}

@media(max-width:1200px) {
    .w-1200.rwd {
        width: 90%;
        margin: auto
    }
}

@media(max-width:1024px) {
    .w-1024.rwd {
        width: 90%;
        margin: auto
    }
}

@media(max-width:768px) {
    .w-768.rwd {
        width: 90%;
        margin: auto
    }
}

@media(max-width:640px) {
    .w-640.rwd {
        width: 90%;
        margin: auto
    }
}

@media(max-width:480px) {
    .w-480.rwd {
        width: 90%;
        margin: auto
    }
}

@media(max-width:768px) {
    .w-manual.rwd {
        width: 90% !important;
        margin: auto
    }
    .h-100.rwd {
        height: auto !important
    }
}

.vertical-center,
.vertical-bottom {
    width: 100%;
    height: 100%;
    white-space: nowrap
}

.vertical-center>* {
    vertical-align: middle;
    white-space: normal;
    display: inline-block
}

.vertical-bottom>* {
    vertical-align: bottom;
    white-space: normal;
    display: inline-block
}

.vertical-center:before,
.vertical-bottom:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 80px
}

.aspect-ratio {
    position: relative;
    width: 100%;
    padding-top: 100%
}

.aspect-ratio>* {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ratio-1by1 {
    padding-top: 100% !important
}

.ratio-4by3 {
    padding-top: 75% !important
}

.ratio-3by2 {
    padding-top: 66.6667% !important
}

.ratio-16by9 {
    padding-top: 56.25% !important
}

.ratio-2by1 {
    padding-top: 50% !important
}

.rounded-xl {
    border-radius: 1rem !important
}

.rounded-max {
    border-radius: 100rem !important
}

.splash {
    z-index: 4000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bg-lighter {
    background-color: #fcfdfd
}

.bg-semi-light {
    background-color: rgba(255, 255, 255, 0.85)
}

.bg-semi-dark {
    background-color: rgba(0, 0, 0, 0.6)
}

.bg-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    top: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover
}

.bg-image.bg-tile {
    background-repeat: repeat;
    background-size: 256px;
    height: 300px;
    top: 50%;
    margin-top: -150px
}

.bg-fixed {
    background-attachment: fixed
}

.bg-cover {
    background-size: cover
}

.bg-portrait {
    background-position: center center;
    background-repeat: no-repeat
}

.bg-cover {
    background-size: cover !important
}

.bg-contain {
    background-size: contain !important
}

.shadow-inset-sm {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1)
}

.shadow-inset {
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2)
}

.shadow-inset-lg {
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3)
}

.dropdown-menu.show,
.dropdown-menu .dropdown-item {
    outline: 0
}

.invoice-list .invoice-item.head {
    font-weight: 900;
    background: #eee
}

.invoice-list .invoice-item {
    background: #fff;
    padding: 4px 0;
    border-top: 1px solid #f1f2f3
}

.invoice-list .invoice-item.dispute .datetime,
.invoice-list .invoice-item.dispute .name,
.invoice-list .invoice-item.dispute .amount,
.invoice-list .invoice-item.dispute .payment,
.invoice-list .invoice-item.dispute .payer,
.invoice-list .invoice-item.dispute .invoice {
    color: #d21
}

.invoice-list .invoice-item.refunded .datetime,
.invoice-list .invoice-item.refunded .name,
.invoice-list .invoice-item.refunded .amount,
.invoice-list .invoice-item.refunded .payment,
.invoice-list .invoice-item.refunded .payer,
.invoice-list .invoice-item.refunded .invoice {
    text-decoration: line-through;
    color: #999
}

.invoice-list .invoice-item .datetime,
.invoice-list .invoice-item .name,
.invoice-list .invoice-item .amount,
.invoice-list .invoice-item .payment,
.invoice-list .invoice-item .payer,
.invoice-list .invoice-item .invoice {
    padding: 5px 10px;
    display: inline-block
}

.invoice-list .invoice-item .datetime {
    width: 180px
}

.invoice-list .invoice-item .name {
    width: 335px;
    vertical-align: top
}

.invoice-list .invoice-item .amount {
    width: 180px;
    text-align: right
}

.invoice-list .invoice-item .invoice {
    width: 80px;
    text-align: center
}

.paper {
    padding: 11mm 15mm 11mm;
    margin: 20px auto;
    width: 210mm;
    height: 297mm;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)
}

.paper-ctrl {
    width: 210mm;
    margin: 20px auto 0
}

.invoice.cover-modal-wrapper {
    position: absolute
}

.invoice.cover-modal-wrapper .cover-modal {
    position: fixed
}

.invoice.cover-modal-wrapper .cover-modal-inner {
    width: 210mm
}

.invoice table {
    width: 100%;
    border-radius: 2px;
    margin-bottom: 5px
}

.invoice table td {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 1.5mm 0
}

.invoice table tr:last-child td {
    border-bottom: 1px solid #ccc
}

.invoice table tr td:last-child {
    border-right: 1px solid #ccc
}

.invoice table tr:first-child td {
    background: #f9f9f9
}

.invoice table tr td:first-child {
    text-align: left;
    padding-left: 2mm;
    padding-right: 2mm
}

@media print {
    html,
    body.for-print {
        font-size: 20px;
        width: 100%;
        height: 100%;
        margin: 0
    }
    .paper {
        width: 100%;
        height: 100%;
        border: 0;
        margin: 0;
        padding: 21mm 25mm 21mm;
        box-shadow: none
    }
    .print-hide {
        display: none
    }
}

.typeset {
    font-weight: 300;
    margin-bottom: 3rem;
    margin-top: 1rem;
    font-family: Roboto, sans-serif
}

.typeset .row+p,
.typeset .card+p {
    margin-top: 1.25em
}

.typeset .example {
    margin-bottom: 1.25rem;
    background: #f8f9fa;
    padding: 1.5rem;
    border-radius: .25rem
}

.typeset .row.example {
    margin-left: 0;
    margin-right: 0
}

.typeset .row .example,
.typeset .card-footer .example {
    margin-bottom: 0
}

.typeset p {
    color: #444
}

.typeset p b {
    color: #000
}

.typeset p:last-child {
    margin-bottom: 0
}

.typeset h1,
.typeset h2,
.typeset h3,
.typeset h4,
.typeset h5,
.typeset h6 {
    font-family: Oxygen, sans-serif;
    font-weight: 700
}

.typeset h2[id]:before,
.typeset h3[id]:before,
.typeset h4[id]:before,
.typeset h5[id]:before,
.typeset h6[id]:before {
    display: block;
    content: "";
    margin-top: -4rem;
    height: 4rem
}

.typeset h2 {
    margin-top: 3.25rem
}

.typeset h3 {
    margin-top: 2.5rem
}

.typeset h4,
.typeset h5,
.typeset h6 {
    margin-top: 1.75rem
}

.typeset p {
    margin-bottom: 1.25rem
}

.typeset.heading-contrast h1 {
    font-size: 3rem
}

.typeset.heading-contrast h2 {
    font-size: 2.25rem
}

.typeset.heading-contrast h3 {
    font-size: 1.5rem;
    margin-top: 2rem
}

.typeset.heading-contrast h4 {
    font-size: 1.25rem;
    margin-top: 1.5rem
}

.typeset.heading-contrast h5 {
    font-size: 1.125rem;
    margin-top: 1.5rem
}

.typeset.heading-contrast h6 {
    font-size: 1rem;
    margin-top: 1.5rem
}

.typeset h1:first-child,
.typeset.heading-contrast h1:first-child,
.typeset h2:first-child,
.typeset.heading-contrast h2:first-child,
.typeset h3:first-child,
.typeset.heading-contrast h3:first-child,
.typeset h4:first-child,
.typeset.heading-contrast h4:first-child,
.typeset h5:first-child,
.typeset.heading-contrast h5:first-child,
.typeset h6:first-child,
.typeset.heading-contrast h6:first-child {
    margin-top: 0
}

.typeset .sect:not(:first-child):before,
.typeset.heading-contrast .sect:not(:first-child):before {
    display: block;
    content: "";
    margin-top: -6rem;
    height: 6rem
}

.typeset .sect:not(:first-child)>h2,
.typeset.heading-contrast .sect:not(:first-child)>h2 {
    margin-top: 3.25rem
}

.typeset .sect:not(:first-child)>h3,
.typeset.heading-contrast .sect:not(:first-child)>h3 {
    margin-top: 2.5rem
}

.typeset .sect:not(:first-child)>h4,
.typeset.heading-contrast .sect:not(:first-child)>h4,
.typeset .sect:not(:first-child)>h5,
.typeset.heading-contrast .sect:not(:first-child)>h5,
.typeset .sect:not(:first-child)>h6,
.typeset.heading-contrast .sect:not(:first-child)>h6 {
    margin-top: 1.75rem
}

ul.icon-bullet {
    padding-left: 0
}

ul.icon-bullet li {
    list-style: none
}

ul.icon-bullet li:before {
    content: "\f00d";
    display: inline;
    font-family: ldi;
    font-size: .8em;
    color: #25bc32;
    margin-right: .5em
}

ul.icon-bullet.custom li i {
    font-size: .8em;
    color: #25bc32;
    margin-right: 5px
}

input.form-control:focus {
    box-shadow: 0 0 2px rgba(0, 255, 255, 0.5) !important
}

.has-icon .form-control {
    padding-left: 2.375rem
}

.form-control-icon {
    visibility: hidden;
    position: absolute;
    z-index: 5;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    color: #aaa
}

.has-icon .form-control-icon {
    visibility: visible
}

.form-control-local {
    height: calc(1.5em + 0.75em + 2px) !important;
    padding: .375em .75em !important;
    font-size: 1em !important
}

.form-control-local-sm {
    height: calc(1.5em + 0.571428em + 2px) !important;
    padding: .25em .5em !important;
    font-size: .875em !important
}

.form-control-local-lg {
    height: calc(1.5em + 0.8em + 2px) !important;
    padding: .5em 1em !important;
    font-size: 1.25em !important
}

select.form-control.is-invalid,
select.form-control.is-valid {
    background-position: center right calc(0.875em + 0.1875rem)
}

/* html,
body {
    font-family: Roboto, sans-serif, sans-serif;
    font-weight: 300
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Oxygen, sans-serif, sans-serif;
    font-weight: 700
} */

pre {
    font-family: 'Roboto Mono', sans-serif, monospace;
    font-weight: 300
}

.ld-over.running>.ld,
.ld-over-inverse.running>.ld,
.ld-over-full.running>.ld,
.ld-over-full-inverse.running>.ld {
    z-index: z-index:4001
}

.ld-over.running:before,
.ld-over-inverse.running:before,
.ld-over-full.running:before,
.ld-over-full-inverse.running:before {
    opacity: 1;
    z-index: 4000;
    display: block
}

.ldColorPicker {
    z-index: 2002
}

.z-base {
    z-index: 1
}

.z-float {
    z-index: 1000
}

.z-fixed {
    z-index: 2000
}

.z-modal {
    z-index: 3000
}

.z-splash {
    z-index: 4000
}

.z-notify {
    z-index: 5000
}

.ldap>.base>.inner .item.limited {
    text-decoration: none !important
}

.ldap>.base>.inner .item.limited>div:first-child:after {
    content: "\f011" !important;
    font-family: ldi
}

.btn,
.dropdown-item,
*[data-scrollto],
.nav-link {
    cursor: pointer
}

.semi-opaque {
    opacity: .75
}

.spc {
    height: 0
}

.spc:after {
    content: " "
}

.choosefont {
    width: 100%;
    height: 100%
}

.choosefont .line>.inner {
    display: flex;
    flex-wrap: nowrap
}

.choosefont .item {
    flex: 1 1 auto;
    text-align: center;
    position: relative;
    width: 400px;
    height: 80px;
    margin: 15px;
    overflow: hidden
}

.choosefont .item:after {
    content: " ";
    position: absolute;
    display: block;
    cursor: pointer;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.choosefont .btn i.i-lock {
    display: none
}

.choosefont .btn.limited i.i-lock {
    display: inline-block
}

.choosefont .item.limited {
    background: #fafbfc
}

.choosefont .item.limited:hover:before {
    content: "\f011";
    font-family: ldi;
    display: block;
    position: absolute;
    bottom: 5px;
    right: 10px;
    z-index: 2;
    opacity: .5
}

.choosefont .item.disabled {
    opacity: .3;
    background: rgba(0, 0, 0, 0.1)
}

.choosefont .item .img {
    background-repeat: no-repeat;
    background-image: url("fontinfo/sprite.min.png");
    width: 400px;
    height: 50px;
    position: absolute;
    left: -200px;
    right: -200px;
    margin: auto
}

.choosefont .item span {
    font-size: .6em;
    opacity: .5;
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    bottom: 10px
}

.choosefont .choosefont-head {
    position: absolute;
    padding: 20px;
    border-bottom: 1px solid #ccc;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background: #fff;
    text-align: center
}

.choosefont input {
    outline: 0
}

.choosefont .choosefont-content {
    max-height: initial;
    height: 100%;
    width: 100%;
    overflow: scroll
}

.choosefont.toolbar .choosefont-content {
    padding-top: 87px
}

.choosefont .clusterize-no-data {
    text-align: center;
    padding: 20px
}

.lded {
    position: relative
}

.lded .options {
    display: none
}

.lded.initing {
    background: #e9eaeb center center;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kOiByZ2IoMjQxLCAyNDIsIDI0MykiIHdpZHRoPSI0MyIgaGVpZ2h0PSI0MyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIHZpZXdCb3g9IjAgMCA0MyA0MyI+PGcgdHJhbnNmb3JtPSJzY2FsZSgwLjE3KSI+PGRlZnM+PGcgaWQ9InN0cmlwZSI+PHBhdGggZD0iTTI1NiAtMTI4IEwzODQgLTEyOCBMLTEyOCAzODQgTC0xMjggMjU2IFoiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48cGF0aCBkPSJNMzg0IDAgTDM4NCAxMjggTDEyOCAzODQgTDAgMzg0IFoiIGZpbGw9IiNmZmZmZmYiPjwvcGF0aD48L2c+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5Ni4yMDggMCkiPjx1c2UgaHJlZj0iI3N0cmlwZSIgeD0iLTI1NiIgeT0iMCI+PC91c2U+PHVzZSBocmVmPSIjc3RyaXBlIiB4PSIwIiB5PSIwIj48L3VzZT48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InRyYW5zbGF0ZSIga2V5VGltZXM9IjA7MSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMC41cyIgdmFsdWVzPSIwIDA7IDI1NiAwIj48L2FuaW1hdGVUcmFuc2Zvcm0+PC9nPjwvZz48L3N2Zz4K);
    background-size: 32px 32px
}

.lded.initing>div {
    opacity: 0
}

.lded>.content>.inner>.ctrl {
    z-index: 3
}

.lded>.content>.inner>.ctrl>.download>div {
    display: inline-block
}

.lded>.content>.inner>.ctrl>.download>.btn-group>* {
    min-width: 3.5em
}

.lded.pro .download .label {
    display: none
}

.lded .viewer>.inner {
    outline: 1px solid rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2)
}

.lded .viewer>.inner canvas {
    background: 0
}

.lded>.content>.inner>.panel {
    position: relative;
    z-index: 4;
    padding: 10px 10px 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.95)
}

.lded>.content>.inner>.panel .edit {
    perspective: 300px;
    position: relative
}

.lded>.content>.inner>.panel .edit .row {
    margin: 0 0 1.1em
}

.lded>.content>.inner>.panel .edit .row:last-child {
    margin-bottom: 0
}

.lded>.content>.inner>.panel .edit .edit-page {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    transform: scale(0.8) translate(0, -10px);
    opacity: 0;
    transition: all .3s ease-in-out;
    width: 100%
}

.lded>.content>.inner>.panel .edit .edit-page.active {
    visibility: visible;
    transform: scale(1) translate(0, 0);
    opacity: 1
}

@media(max-width:768px) {
    .lded>.content>.inner>.panel .edit {
        overflow: visible;
        height: auto
    }
    .lded>.content>.inner>.panel .edit .col-sm {
        margin-bottom: 10px
    }
    .lded>.content>.inner>.panel .edit .edit-page,
    .lded>.content>.inner>.panel .edit .edit-page.active {
        position: static;
        visibility: visible;
        opacity: 1;
        overflow: visible;
        height: auto;
        transform: none
    }
}

.lded .hint-3d {
    display: none
}

.lded .hint-3d.active {
    display: block;
    text-align: center;
    position: absolute;
    width: 64px;
    bottom: 5px;
    right: 5px;
    color: #666;
    opacity: .8
}

.lded .hint-3d.active div {
    width: 32px;
    height: 32px;
    background: #f9fafb;
    border-radius: 50%;
    display: inline-block
}

.lded .hint-3d.active div i {
    font-size: 28px;
    line-height: 32px
}

.lded .hint-3d.active span {
    font-size: 10px
}

.lded label {
    user-select: none;
    text-transform: capitalize;
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    margin-bottom: 0;
    line-height: 1.2em;
    vertical-align: middle;
    text-align: left;
    padding-right: 1em
}

.lded .opt input:focus,
.lded .opt select:focus {
    outline: 0
}

.lded .row .opt.col-sm {
    padding: 0
}

.lded .opt.col-sm>div {
    margin-left: 5px;
    margin-right: 5px
}

.lded.lded-float .viewer {
    background-color: #fff
}

.lded.lded-float .ctrl .btn-outline-primary {
    background-color: #fff
}

.lded.lded-float .ctrl .btn-outline-primary:hover,
.lded.lded-float .ctrl .dropup.show .btn-outline-primary {
    background: #007bff
}

.lded.lded-float .tabs .nav-pills .nav-item {
    margin: .3rem .2rem
}

.lded.lded-float .tabs .nav-pills .nav-link {
    background: #fff;
    color: #007bff;
    padding: .3rem .7rem
}

.lded.lded-float .tabs .nav-pills .nav-link.active {
    color: #fff;
    background: #007bff
}

.lded.lded-sparse .opt.col-sm>div {
    margin-left: 10px;
    margin-right: 10px
}

.lded.lded-sparse .opt.col-sm>div .toggler {
    right: 10px
}

.lded .opt.limited {
    color: red
}

.lded .opt.limited label:after {
    content: "\f011";
    display: inline;
    font-family: ldi;
    font-size: 10px;
    margin-left: 3px
}

.lded .opt[data-type=number] input.text {
    display: none
}

.lded .opt[data-type=boolean] .btn.active {
    font-size: 0
}

.lded .opt[data-modtype=animation] .dropdown-menu>.inner {
    height: 300px;
    overflow: scroll
}

.lded .opt.text[data-type=number] .ldrs {
    display: none
}

.lded .opt.text[data-type=number] input.text {
    display: block
}

.lded .opt .toggler {
    position: absolute;
    top: .5em;
    right: 5px;
    font-size: .8em;
    cursor: pointer;
    z-index: 1
}

.lded .opt .btn-group {
    margin: -1px 0 0;
    padding: 0
}

.lded .opt .btn-group .btn {
    flex: 1 1 200%;
    white-space: nowrap
}

.lded .opt .btn-group .btn:after {
    display: inline;
    margin-left: 3px;
    font-size: .8em
}

.lded .opt .btn-group .btn.active {
    color: transparent;
    flex: 1 1 100%
}

.lded .opt .btn-group .btn.active:after {
    display: none
}

.lded>.content>.inner>.panel .opt .palette {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    height: 2.4em;
    padding: 3px;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
    overflow: hidden
}

.lded>.content>.inner>.panel .opt .palette .color {
    height: 100%;
    flex: 1 1 auto
}

.lded>.content>.inner>.panel .opt .palette .color:first-child,
.lded>.content>.inner>.panel .opt .palette .name+.color {
    border-radius: 3px 0 0 3px
}

.lded>.content>.inner>.panel .opt .palette .color:last-child {
    border-radius: 0 3px 3px 0
}

.lded .color {
    position: relative
}

.lded .color .inner {
    background: red;
    width: .5em;
    height: 1.75em;
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1)
}

.lded .color .form-control-sm+.inner {
    height: 1.4em;
    width: .4em
}

.lded .color .form-control-lg+.inner {
    height: 2.3em
}

.lded .viewer {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpJREFUeNpiPHXqlBoDfnALnyQTA4Vg1IDBYAALoXgGArXRQBz2BgAEGADTJQSAKWck1wAAAABJRU5ErkJggg==);
    border: 1px solid #ccc;
    width: 100%;
    height: 300px;
    margin: 15px auto;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.lded .viewer:after {
    content: "full img";
    cursor: pointer;
    display: none;
    position: absolute;
    opacity: 1;
    transition: opacity .1s ease-in-out;
    bottom: 3px;
    right: 3px;
    padding: 3px 6px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: rgba(255, 255, 255, 0.8)
}

.lded .viewer>.inner,
.lded .viewer>.inner>.centered {
    position: absolute;
    top: -500px;
    left: -500px;
    bottom: -500px;
    right: -500px;
    margin: auto;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.lded .viewer:hover {
    overflow: visible
}

.lded .viewer:hover:after {
    opacity: 0
}

.lded .opt[data-type=font] .btn {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer
}

.lded .opt[data-type=font] .btn .inner {
    max-width: 120px;
    margin: auto
}

.lded>.content>.inner>.panel {
    transition: width .3s ease-in-out, height .3s ease-in-out, opacity .3s ease-in-out
}

.lded.root .close-btn {
    display: none
}

.lded .pool .lded {
    z-index: 120;
    border-radius: 5px
}

.lded .pool .lded .title {
    margin-left: 10px
}

.lded .pool .lded>.content>.inner>.panel {
    background: #fff;
    padding: 14px 7px 7px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin: auto
}

.lded .pool .lded>.content>.inner>.title {
    position: absolute;
    top: -10px;
    left: 15px;
    background: #fff;
    padding: 1px 10px;
    border-radius: 3px;
    z-index: 13
}

.lded .pool .lded>.content>.inner>.close-btn {
    display: block;
    position: absolute;
    right: 10px;
    top: -8px;
    background: #222;
    padding: 3px;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    font-size: 1.3em;
    cursor: pointer;
    z-index: 14
}

.lded .pool .lded {
    margin: 0;
    position: absolute
}

.lded.blur>.content>.inner>.panel,
.lded.blur>.content>.inner>.ctrl,
.lded.blur>.content>.inner>.title {
    opacity: .7;
    filter: blur(2px)
}

.lded>.ext>.ldcv.font .choosefont .alert-primary {
    position: fixed;
    bottom: 10px;
    margin: auto;
    left: 0;
    right: 0;
    width: 480px;
    text-align: center
}

.lded>.ext>.ldcv.font .choosefont .alert-primary span {
    vertical-align: middle
}

.lded>.ext>.ldcv.download>.base {
    height: auto
}

.lded>.ext>.ldld.full.progress:before {
    bottom: 150px;
    color: #fff
}

.lded>.ext>.ldld.full.progress .percent {
    font-size: 64px;
    color: #fff;
    width: 100%;
    text-align: center;
    height: 70px;
    line-height: 1em;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.lded .tabs .nav-link {
    text-transform: capitalize
}

.lded .tabs .nav-pills .nav-item {
    margin: .3rem .2rem
}

.lded .tabs .nav-pills .nav-link {
    background: #fff;
    color: #007bff;
    padding: .3rem .7rem
}

.lded .tabs .nav-pills .nav-link.active {
    color: #fff;
    background: #007bff
}

.lded-head {
    z-index: 11;
    margin: 0 auto 10px;
    width: 1024px;
    max-width: 90%
}

.lded-head a.home {
    font-size: 1.5em;
    margin: 0 10px 0 -50px;
    text-decoration: none
}

.lded-head .name {
    font-size: 1.5em;
    text-transform: capitalize
}

.lded-head .desc {
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lded-head.lded-head-full {
    position: absolute;
    font-size: .77em;
    line-height: 1.5em;
    bottom: 200px;
    bottom: calc(9.51em + 80px);
    left: 0;
    right: 0;
    z-index: 11
}

.lded-head .account-info .grant-info {
    display: none
}

.lded-head .account-info .grant-info .btn {
    padding: 3px 6px
}

.lded-head .account-info.granted .free-info {
    display: none
}

.lded-head .account-info.granted .grant-info {
    display: block
}

.lded>.content>.inner>.panel .edit {
    height: 9.25em
}

.lded>.content>.inner>.panel .edit-page.active {
    height: 9.25em
}

.lded.lded-sm>.content>.inner>.panel label {
    font-size: .875em
}

.lded.lded-sm>.content>.inner>.panel .edit {
    height: 8.25em
}

.lded.lded-sm>.content>.inner>.panel .edit-page.active {
    height: 8.25em
}

.lded.lded-sm>.content>.inner>.panel .opt .palette {
    height: 2em
}

.lded.lded-sm>.content>.inner>.ctrl .tabs {
    font-size: .875em
}

.lded.lded-lg>.content>.inner>.panel label {
    font-size: 1.25em
}

.lded.lded-lg>.content>.inner>.panel .edit {
    height: 10.25em
}

.lded.lded-lg>.content>.inner>.panel .edit-page.active {
    height: 10.25em
}

.lded.lded-lg>.content>.inner>.panel .opt .palette {
    height: 3.1em
}

.lded.lded-full {
    max-width: 100%;
    height: 100%
}

.lded.lded-full>.content>.inner>.panel,
.lded.lded-full>.content>.inner>.ctrl {
    max-width: 1024px;
    margin: auto
}

.lded.lded-full>.content,
.lded.lded-full>.content>.inner {
    height: 100%
}

.lded.lded-full>.content>.inner>.viewer {
    margin: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    overflow: hidden
}

.lded.lded-full>.content>.inner>.panel {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    opacity: .1
}

.lded.lded-full>.content>.inner>.panel:hover {
    opacity: 1
}

.lded.lded-full>.content>.inner>.ctrl {
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    margin: auto
}

.lded.lded-full .ctrl .btn-outline-primary {
    background: #fff
}

.lded.lded-full .ctrl .btn-outline-primary:hover,
.lded.lded-full .ctrl .dropup.show .btn-outline-primary {
    background: #007bff
}

.lded.lded-full .ctrl:hover {
    z-index: 10
}

.lded.lded-icon {
    min-height: 205px
}

.lded.lded-icon .viewer {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    z-index: 5
}

.lded.lded-icon>.content>.inner>.panel {
    padding: 0
}

.lded.lded-icon>.content>.inner>.panel,
.lded.lded-icon>.content>.inner>.ctrl {
    position: absolute;
    width: 800px;
    height: 200px;
    left: 224px;
    top: 0;
    z-index: 3
}

.lded.lded-icon>.content>.inner>.ctrl {
    height: 60px;
    top: 200px;
    z-index: 7
}

.lded.lded-icon .pool .content>.inner>.panel {
    top: 0;
    left: 0;
    width: 100%
}

.lded.lded-icon .pool .content>.inner>.ctrl {
    left: 0
}

.lded.no-frame>.content>.inner .panel {
    box-shadow: none !important;
    border: 0
}

.lded.lded-icon.tertiary>.content>.inner>.panel .edit .row {
    margin: 0 0 .5em
}

.lded.lded-icon.tertiary>.content>.inner>.ctrl {
    top: 210px;
    padding: 0 5px
}

.lded.lded-icon.compact.tertiary>.content>.inner>.ctrl {
    top: 210px
}

.lded.lded-icon.compact>.content>.inner>.panel {
    box-shadow: none !important;
    border: 0
}

.lded.lded-icon.compact>.content>.inner>.ctrl {
    top: 162px;
    width: 800px;
    padding: 0 10px
}

.lded .btn,
.lded .dropdown-menu {
    font-size: 1em
}

.lded .dropdown-header {
    font-size: .875em
}

.lded .form-control {
    font-size: 1em
}

.lded .form-control-lg {
    font-size: 1.25em
}

.lded .form-control-sm {
    font-size: .875em
}

.lded .btn-lg,
.lded .btn-group-lg>.btn,
.lded .btn-group-lg .dropdown-menu {
    font-size: 1.25em
}

.lded .btn-sm,
.lded .btn-group-sm>.btn,
.lded .btn-group-sm .dropdown-menu {
    font-size: .875em
}

.lded .input-group .form-control:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.lded .input-group .input-group-append .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0
}

.lded .input-group input.form-control+.input-group-append .btn {
    border-color: #ccc
}

.lded .nav-tabs.bottom {
    border-bottom: 0;
    border-top: 0;
    margin-top: -1px
}

.lded .nav-tabs.bottom .nav-item {
    margin-bottom: 0;
    margin-top: -1px
}

.lded .nav-tabs.bottom .nav-item .nav-link {
    cursor: pointer;
    border-radius: 0 0 .25rem .25rem;
    text-transform: capitalize;
    user-select: none
}

.lded .nav-tabs.bottom .nav-item .nav-link:hover {
    background: 0;
    border-color: transparent;
    text-decoration: underline;
    border-radius: 0
}

.lded .nav-tabs.bottom .nav-item .nav-link.active {
    border-color: #fff #ccc #ccc
}

.ldcv.palpick>.base {
    height: 590px
}

.ldcv.palpick>.base>.inner {
    overflow: hidden
}

.lded .protip.is-pro {
    display: none
}

.lded .ctrl .btn-text.hint {
    font-size: 12px;
    line-height: 1em;
    text-align: right
}

.lded.loading .viewer>.inner>* {
    visibility: hidden
}

.lded.loading .viewer>.inner:before {
    animation: ld-spin .5s linear infinite;
    width: 32px;
    height: 32px;
    border: 5px solid rgba(0, 0, 0, 0.25);
    border-left-color: transparent;
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    visibility: visible;
    border-radius: 50%
}

.lded .opt .btn-group .btn:after {
    content: "\f00d";
    font-family: ldi;
    display: inline-block
}

@keyframes lded-loading {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(180deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.lded .edit .opt .form-control {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.lded .edit .opt label {
    font-family: Roboto, sans-serif;
    margin-bottom: .3em
}

.lded .edit .opt .toggler {
    top: .3em
}

.lded .edit div[data-tab=primary] {
    margin-bottom: 2em
}

.lded {
    font-size: 17px
}

.ldrs.ldrs-sm .hint {
    font-size: .65em
}

.lded .ctrl .download .with-taglet.lic-pro:after {
    content: "PRO";
    color: #007bff
}

.lded .ctrl .download .with-taglet.lic-by:after {
    content: "BY";
    color: #5cb85c
}

.lded .ctrl .download .with-taglet.after:after {
    font-size: 12px
}

.lded .ctrl .download .with-taglet.after.bottom:after {
    transform: translate(-50%, 50%) scale(0.75)
}

.lded .ctrl .download .with-taglet.after.right:after {
    transform: translate(50%, 0) scale(0.75)
}

.choosefont .item .img {
    background-image: url("/assets/choosefont.js/fontinfo/sprite.min.png") !important
}