@charset "UTF-8"; /*!
* animate.css -http://daneden.me/animate
* Version - 3.7.0
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2018 Daniel Eden
*/
@-webkit-keyframes pulse {
   0% {
       -webkit-transform: scaleX(1);
       transform: scaleX(1)
   }

   50% {
       -webkit-transform: scale3d(1.05,1.05,1.05);
       transform: scale3d(1.05,1.05,1.05)
   }

   to {
       -webkit-transform: scaleX(1);
       transform: scaleX(1)
   }
}

@keyframes pulse {
   0% {
       -webkit-transform: scaleX(1);
       transform: scaleX(1)
   }

   50% {
       -webkit-transform: scale3d(1.05,1.05,1.05);
       transform: scale3d(1.05,1.05,1.05)
   }

   to {
       -webkit-transform: scaleX(1);
       transform: scaleX(1)
   }
}

.pulse {
   -webkit-animation-name: pulse;
   animation-name: pulse
}

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

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

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

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

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

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

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

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

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

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

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

@media (prefers-reduced-motion),(print) {
   .animated {
       -webkit-animation: unset!important;
       -webkit-transition: none!important;
       animation: unset!important;
       transition: none!important
   }
}

.confetti {
   width: 1rem;
   height: 1rem;
   display: inline-block;
   position: absolute;
   top: -1rem;
   left: 0;
   z-index: 50;
}
.confetti .rotate {
   animation: driftyRotate 1s infinite both ease-in-out;
   perspective: 1000;
}
.confetti .askew {
   background: linear-gradient(
   var(--grad-direction, to bottom),
   hsl(63, 100%, 50%) 25%,
   hsl(23, 100%, 50%) 0% 66.667%,
   hsl(43, 100%, 100%) 0% 100%);
   transform: skewY(10deg);
   width: 2rem;
   height: 3.2rem;
   animation: drifty 1s infinite alternate both ease-in-out;
   perspective:1000;
   clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
 
 
.confetti:nth-of-type(7n) .askew {
   animation-delay: -.6s;
   animation-duration: 2.25s;
}
.confetti:nth-of-type(7n + 1) .askew {
   animation-delay: -.879s;
   animation-duration: 3.5s;
}
.confetti:nth-of-type(7n + 2) .askew {
   animation-delay: -.11s;
   animation-duration: 1.95s;
}
.confetti:nth-of-type(7n + 3) .askew {
   animation-delay: -.246s;
   animation-duration: .85s;
}
.confetti:nth-of-type(7n + 4) .askew {
   animation-delay: -.43s;
   animation-duration: 2.5s;
}
.confetti:nth-of-type(7n + 5) .askew {
   animation-delay: -.56s;
   animation-duration: 1.75s;
}
.confetti:nth-of-type(7n + 6) .askew {
   animation-delay: -.76s;
   animation-duration: 1.5s;
}
   
.confetti:nth-of-type(9n) .rotate {
   animation-duration: 2s;
}
.confetti:nth-of-type(9n + 1) .rotate {
   animation-duration: 2.3s;
}
.confetti:nth-of-type(9n + 2) .rotate {
   animation-duration: 1.1s;
}
.confetti:nth-of-type(9n + 3) .rotate {
   animation-duration: .75s;
}
.confetti:nth-of-type(9n + 4) .rotate {
   animation-duration: 4.3s;
}
.confetti:nth-of-type(9n + 5) .rotate {
   animation-duration: 3.05s;
}
.confetti:nth-of-type(9n + 6) .rotate {
   animation-duration: 2.76s;
}
.confetti:nth-of-type(9n + 7) .rotate {
   animation-duration: 7.6s;
}
.confetti:nth-of-type(9n + 8) .rotate {
   animation-duration: 1.78s;
}
 
@keyframes drifty {
   0% {
     transform: skewY(10deg) translate3d(-250%, 0, 0);
   }
   100% {
     transform: skewY(-12deg) translate3d(250%, 0, 0);
   }
}
@keyframes driftyRotate {
   0% {
     transform: rotateX(0);
   }
   100% {
     transform: rotateX(359deg);
   }
} 
 
[data-type=bookmarks] .confetti:nth-child(4n) {
   color: hsl(18, 100%, 50%);
}
[data-type=bookmarks] .confetti:nth-child(4n + 1) {
   color: hsl(183, 100%, 50%);
}
[data-type=bookmarks] .confetti:nth-child(4n + 2) {
   color: hsl(43, 100%, 50%);
}
[data-type=bookmarks] .confetti:nth-child(4n + 3) {
   color: hsl(133, 100%, 90%);
}
 
[data-type=bookmarks] .confetti .askew {
   background: currentColor;
   width: 1rem;
   height: 2rem;
   clip-path: polygon(evenodd, 0% 0%, 100% 0%, 100% 100%, 50% 90%, 0% 100%);
}