.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1
}

.tippy-box[data-placement^=top]>.tippy-backdrop {
    transform-origin: 0 25%;
    border-radius: 40% 40% 0 0
}

.tippy-box[data-placement^=top]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -55%)
}

.tippy-box[data-placement^=top]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-50%, -45%)
}

.tippy-box[data-placement^=bottom]>.tippy-backdrop {
    transform-origin: 0 -50%;
    border-radius: 0 0 30% 30%
}

.tippy-box[data-placement^=bottom]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -45%)
}

.tippy-box[data-placement^=bottom]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-50%)
}

.tippy-box[data-placement^=left]>.tippy-backdrop {
    transform-origin: 50% 0;
    border-radius: 50% 0 0 50%
}

.tippy-box[data-placement^=left]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -50%)
}

.tippy-box[data-placement^=left]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-75%, -50%)
}

.tippy-box[data-placement^=right]>.tippy-backdrop {
    transform-origin: -50% 0;
    border-radius: 0 50% 50% 0
}

.tippy-box[data-placement^=right]>.tippy-backdrop[data-state=visible] {
    transform: scale(1) translate(-50%, -50%)
}

.tippy-box[data-placement^=right]>.tippy-backdrop[data-state=hidden] {
    transform: scale(.2) translate(-25%, -50%)
}

.tippy-box[data-animatefill] {
    background-color: initial !important
}

.tippy-backdrop {
    position: absolute;
    background-color: #333;
    border-radius: 50%;
    width: calc(110% + 32px);
    left: 50%;
    top: 50%;
    z-index: -1;
    transition: all cubic-bezier(.46, .1, .52, .98);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tippy-backdrop[data-state=hidden] {
    opacity: 0
}

.tippy-backdrop:after {
    content: "";
    float: left;
    padding-top: 100%
}

.tippy-backdrop+.tippy-content {
    transition-property: opacity;
    will-change: opacity
}

.tippy-backdrop+.tippy-content[data-state=hidden] {
    opacity: 0
}

.tippy-box[data-placement^=top]>.tippy-svg-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,
.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg {
    top: 16px;
    transform: rotate(180deg)
}

.tippy-box[data-placement^=bottom]>.tippy-svg-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg {
    bottom: 16px
}

.tippy-box[data-placement^=left]>.tippy-svg-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,
.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg {
    transform: rotate(90deg);
    top: calc(50% - 3px);
    left: 11px
}

.tippy-box[data-placement^=right]>.tippy-svg-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,
.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg {
    transform: rotate(-90deg);
    top: calc(50% - 3px);
    right: 11px
}

.tippy-svg-arrow {
    width: 16px;
    height: 16px;
    fill: #333;
    text-align: initial
}

.tippy-svg-arrow,
.tippy-svg-arrow>svg {
    position: absolute
}

.tippy-box[data-theme~=light] {
    color: #26323d;
    box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
    background-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before {
    border-top-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before {
    border-left-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before {
    border-right-color: #fff
}

.tippy-box[data-theme~=light]>.tippy-backdrop {
    background-color: #fff
}

.tippy-box[data-theme~=light]>.tippy-svg-arrow {
    fill: #fff
}

.tippy-box[data-theme~=light-border] {
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 8, 16, .15);
    color: #333;
    box-shadow: 0 4px 14px -2px rgba(0, 8, 16, .08)
}

.tippy-box[data-theme~=light-border]>.tippy-backdrop {
    background-color: #fff
}

.tippy-box[data-theme~=light-border]>.tippy-arrow:after,
.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after {
    content: "";
    position: absolute;
    z-index: -1
}

.tippy-box[data-theme~=light-border]>.tippy-arrow:after {
    border-color: transparent;
    border-style: solid
}

.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:before {
    border-top-color: #fff
}

.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:after {
    border-top-color: rgba(0, 8, 16, .2);
    border-width: 7px 7px 0;
    top: 17px;
    left: 1px
}

.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow>svg {
    top: 16px
}

.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow:after {
    top: 17px
}

.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: #fff;
    bottom: 16px
}

.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:after {
    border-bottom-color: rgba(0, 8, 16, .2);
    border-width: 0 7px 7px;
    bottom: 17px;
    left: 1px
}

.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow>svg {
    bottom: 16px
}

.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow:after {
    bottom: 17px
}

.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:before {
    border-left-color: #fff
}

.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:after {
    border-left-color: rgba(0, 8, 16, .2);
    border-width: 7px 0 7px 7px;
    left: 17px;
    top: 1px
}

.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow>svg {
    left: 11px
}

.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow:after {
    left: 12px
}

.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:before {
    border-right-color: #fff;
    right: 16px
}

.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:after {
    border-width: 7px 7px 7px 0;
    right: 17px;
    top: 1px;
    border-right-color: rgba(0, 8, 16, .2)
}

.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow>svg {
    right: 11px
}

.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow:after {
    right: 12px
}

.tippy-box[data-theme~=light-border]>.tippy-svg-arrow {
    fill: #fff
}

.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);
    background-size: 16px 6px;
    width: 16px;
    height: 6px
}

.tippy-box[data-theme~=material] {
    background-color: #505355;
    font-weight: 600
}

.tippy-box[data-theme~=material][data-placement^=top]>.tippy-arrow:before {
    border-top-color: #505355
}

.tippy-box[data-theme~=material][data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: #505355
}

.tippy-box[data-theme~=material][data-placement^=left]>.tippy-arrow:before {
    border-left-color: #505355
}

.tippy-box[data-theme~=material][data-placement^=right]>.tippy-arrow:before {
    border-right-color: #505355
}

.tippy-box[data-theme~=material]>.tippy-backdrop {
    background-color: #505355
}

.tippy-box[data-theme~=material]>.tippy-svg-arrow {
    fill: #505355
}

.tippy-box[data-theme~=translucent] {
    background-color: rgba(0, 0, 0, .7)
}

.tippy-box[data-theme~=translucent]>.tippy-arrow {
    width: 14px;
    height: 14px
}

.tippy-box[data-theme~=translucent][data-placement^=top]>.tippy-arrow:before {
    border-width: 7px 7px 0;
    border-top-color: rgba(0, 0, 0, .7)
}

.tippy-box[data-theme~=translucent][data-placement^=bottom]>.tippy-arrow:before {
    border-width: 0 7px 7px;
    border-bottom-color: rgba(0, 0, 0, .7)
}

.tippy-box[data-theme~=translucent][data-placement^=left]>.tippy-arrow:before {
    border-width: 7px 0 7px 7px;
    border-left-color: rgba(0, 0, 0, .7)
}

.tippy-box[data-theme~=translucent][data-placement^=right]>.tippy-arrow:before {
    border-width: 7px 7px 7px 0;
    border-right-color: rgba(0, 0, 0, .7)
}

.tippy-box[data-theme~=translucent]>.tippy-backdrop {
    background-color: rgba(0, 0, 0, .7)
}

.tippy-box[data-theme~=translucent]>.tippy-svg-arrow {
    fill: rgba(0, 0, 0, .7)
}

.tippy-box[data-animation=perspective][data-placement^=top] {
    transform-origin: bottom
}

.tippy-box[data-animation=perspective][data-placement^=top][data-state=visible] {
    transform: perspective(700px)
}

.tippy-box[data-animation=perspective][data-placement^=top][data-state=hidden] {
    transform: perspective(700px) translateY(8px) rotateX(60deg)
}

.tippy-box[data-animation=perspective][data-placement^=bottom] {
    transform-origin: top
}

.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=visible] {
    transform: perspective(700px)
}

.tippy-box[data-animation=perspective][data-placement^=bottom][data-state=hidden] {
    transform: perspective(700px) translateY(-8px) rotateX(-60deg)
}

.tippy-box[data-animation=perspective][data-placement^=left] {
    transform-origin: right
}

.tippy-box[data-animation=perspective][data-placement^=left][data-state=visible] {
    transform: perspective(700px)
}

.tippy-box[data-animation=perspective][data-placement^=left][data-state=hidden] {
    transform: perspective(700px) translateX(8px) rotateY(-60deg)
}

.tippy-box[data-animation=perspective][data-placement^=right] {
    transform-origin: left
}

.tippy-box[data-animation=perspective][data-placement^=right][data-state=visible] {
    transform: perspective(700px)
}

.tippy-box[data-animation=perspective][data-placement^=right][data-state=hidden] {
    transform: perspective(700px) translateX(-8px) rotateY(60deg)
}

.tippy-box[data-animation=perspective][data-state=hidden] {
    opacity: 0
}

.tippy-box[data-animation=perspective-subtle][data-placement^=top] {
    transform-origin: bottom
}

.tippy-box[data-animation=perspective-subtle][data-placement^=top][data-state=visible] {
    transform: perspective(700px)
}

.tippy-box[data-animation=perspective-subtle][data-placement^=top][data-state=hidden] {
    transform: perspective(700px) translateY(5px) rotateX(30deg)
}

.tippy-box[data-animation=perspective-subtle][data-placement^=bottom] {
    transform-origin: top
}

.tippy-box[data-animation=perspective-subtle][data-placement^=bottom][data-state=visible] {
    transform: perspective(700px)
}

.tippy-box[data-animation=perspective-subtle][data-placement^=bottom][data-state=hidden] {
    transform: perspective(700px) translateY(-5px) rotateX(-30deg)
}

.tippy-box[data-animation=perspective-subtle][data-placement^=left] {
    transform-origin: right
}

.tippy-box[data-animation=perspective-subtle][data-placement^=left][data-state=visible] {
    transform: perspective(700px)
}

.tippy-box[data-animation=perspective-subtle][data-placement^=left][data-state=hidden] {
    transform: perspective(700px) translateX(5px) rotateY(-30deg)
}

.tippy-box[data-animation=perspective-subtle][data-placement^=right] {
    transform-origin: left
}

.tippy-box[data-animation=perspective-subtle][data-placement^=right][data-state=visible] {
    transform: perspective(700px)
}

.tippy-box[data-animation=perspective-subtle][data-placement^=right][data-state=hidden] {
    transform: perspective(700px) translateX(-5px) rotateY(30deg)
}

.tippy-box[data-animation=perspective-subtle][data-state=hidden] {
    opacity: 0
}

.tippy-box[data-animation=perspective-extreme][data-placement^=top] {
    transform-origin: bottom
}

.tippy-box[data-animation=perspective-extreme][data-placement^=top][data-state=visible] {
    transform: perspective(700px)
}

.tippy-box[data-animation=perspective-extreme][data-placement^=top][data-state=hidden] {
    transform: perspective(700px) translateY(10px) rotateX(90deg)
}

.tippy-box[data-animation=perspective-extreme][data-placement^=bottom] {
    transform-origin: top
}

.tippy-box[data-animation=perspective-extreme][data-placement^=bottom][data-state=visible] {
    transform: perspective(700px)
}

.tippy-box[data-animation=perspective-extreme][data-placement^=bottom][data-state=hidden] {
    transform: perspective(700px) translateY(-10px) rotateX(-90deg)
}

.tippy-box[data-animation=perspective-extreme][data-placement^=left] {
    transform-origin: right
}

.tippy-box[data-animation=perspective-extreme][data-placement^=left][data-state=visible] {
    transform: perspective(700px)
}

.tippy-box[data-animation=perspective-extreme][data-placement^=left][data-state=hidden] {
    transform: perspective(700px) translateX(10px) rotateY(-90deg)
}

.tippy-box[data-animation=perspective-extreme][data-placement^=right] {
    transform-origin: left
}

.tippy-box[data-animation=perspective-extreme][data-placement^=right][data-state=visible] {
    transform: perspective(700px)
}

.tippy-box[data-animation=perspective-extreme][data-placement^=right][data-state=hidden] {
    transform: perspective(700px) translateX(-10px) rotateY(90deg)
}

.tippy-box[data-animation=perspective-extreme][data-state=hidden] {
    opacity: .5
}

.tippy-box[data-animation=scale][data-placement^=top] {
    transform-origin: bottom
}

.tippy-box[data-animation=scale][data-placement^=bottom] {
    transform-origin: top
}

.tippy-box[data-animation=scale][data-placement^=left] {
    transform-origin: right
}

.tippy-box[data-animation=scale][data-placement^=right] {
    transform-origin: left
}

.tippy-box[data-animation=scale][data-state=hidden] {
    transform: scale(.5);
    opacity: 0
}

.tippy-box[data-animation=scale-subtle][data-placement^=top] {
    transform-origin: bottom
}

.tippy-box[data-animation=scale-subtle][data-placement^=bottom] {
    transform-origin: top
}

.tippy-box[data-animation=scale-subtle][data-placement^=left] {
    transform-origin: right
}

.tippy-box[data-animation=scale-subtle][data-placement^=right] {
    transform-origin: left
}

.tippy-box[data-animation=scale-subtle][data-state=hidden] {
    transform: scale(.8);
    opacity: 0
}

.tippy-box[data-animation=scale-extreme][data-placement^=top] {
    transform-origin: bottom
}

.tippy-box[data-animation=scale-extreme][data-placement^=bottom] {
    transform-origin: top
}

.tippy-box[data-animation=scale-extreme][data-placement^=left] {
    transform-origin: right
}

.tippy-box[data-animation=scale-extreme][data-placement^=right] {
    transform-origin: left
}

.tippy-box[data-animation=scale-extreme][data-state=hidden] {
    transform: scale(0);
    opacity: .25
}

.tippy-box[data-animation=shift-away][data-state=hidden] {
    opacity: 0
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
    transform: translateY(10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
    transform: translateY(-10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
    transform: translateX(10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
    transform: translateX(-10px)
}

.tippy-box[data-animation=shift-away-subtle][data-state=hidden] {
    opacity: 0
}

.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top] {
    transform: translateY(5px)
}

.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom] {
    transform: translateY(-5px)
}

.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left] {
    transform: translateX(5px)
}

.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right] {
    transform: translateX(-5px)
}

.tippy-box[data-animation=shift-away-extreme][data-state=hidden] {
    opacity: 0
}

.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=top] {
    transform: translateY(20px)
}

.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=bottom] {
    transform: translateY(-20px)
}

.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=left] {
    transform: translateX(20px)
}

.tippy-box[data-animation=shift-away-extreme][data-state=hidden][data-placement^=right] {
    transform: translateX(-20px)
}

.tippy-box[data-animation=shift-toward][data-state=hidden] {
    opacity: 0
}

.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=top] {
    transform: translateY(-10px)
}

.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=bottom] {
    transform: translateY(10px)
}

.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=left] {
    transform: translateX(-10px)
}

.tippy-box[data-animation=shift-toward][data-state=hidden][data-placement^=right] {
    transform: translateX(10px)
}

.tippy-box[data-animation=shift-toward-subtle][data-state=hidden] {
    opacity: 0
}

.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=top][data-state=hidden] {
    transform: translateY(-5px)
}

.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=bottom][data-state=hidden] {
    transform: translateY(5px)
}

.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=left][data-state=hidden] {
    transform: translateX(-5px)
}

.tippy-box[data-animation=shift-toward-subtle][data-state=hidden][data-placement^=right][data-state=hidden] {
    transform: translateX(5px)
}

.tippy-box[data-animation=shift-toward-extreme][data-state=hidden] {
    opacity: 0
}

.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=top] {
    transform: translateY(-20px)
}

.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=bottom] {
    transform: translateY(20px)
}

.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=left] {
    transform: translateX(-20px)
}

.tippy-box[data-animation=shift-toward-extreme][data-state=hidden][data-placement^=right] {
    transform: translateX(20px)
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.delay-1s {
    animation-delay: 1s
}

.animated.delay-2s {
    animation-delay: 2s
}

.animated.delay-3s {
    animation-delay: 3s
}

.animated.delay-4s {
    animation-delay: 4s
}

.animated.delay-5s {
    animation-delay: 5s
}

.animated.fast {
    animation-duration: .8s
}

.animated.faster {
    animation-duration: .5s
}

.animated.slow {
    animation-duration: 2s
}

.animated.slower {
    animation-duration: 3s
}

@media (prefers-reduced-motion:reduce),
(print) {
    .animated {
        animation-duration: 1ms !important;
        transition-duration: 1ms !important;
        animation-iteration-count: 1 !important
    }
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }
    30% {
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, .95, 1)
    }
    to {
        transform: scaleX(1)
    }
}

.rubberBand {
    animation-name: rubberBand
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }
    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        transform: scaleX(1)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: translateZ(0)
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        transform: translateZ(0)
    }
}

.wobble {
    animation-name: wobble
}