/* CSS Animations extracted from fluid.io */

@keyframes accordion-up { 
  0% { height: var(--reka-accordion-content-height); }
  100% { height: 0px; }
}

@keyframes accordion-down { 
  0% { height: 0px; }
  100% { height: var(--reka-accordion-content-height); }
}

@keyframes collapsible-up { 
  0% { height: var(--reka-collapsible-content-height); }
  100% { height: 0px; }
}

@keyframes collapsible-down { 
  0% { height: 0px; }
  100% { height: var(--reka-collapsible-content-height); }
}

@keyframes toast-collapsed-closed { 
  0% { transform: var(--transform); }
  100% { transform: translateY(calc((var(--before) - var(--height))*var(--gap)))scale(var(--scale)); }
}

@keyframes toast-closed { 
  0% { transform: var(--transform); }
  100% { transform: translateY(calc((var(--offset) - var(--height))*var(--translate-factor))); }
}

@keyframes toast-slide-left { 
  0% { transform: translate(0)translateY(var(--translate)); }
  100% { transform: translate(-100%)translateY(var(--translate)); }
}

@keyframes toast-slide-right { 
  0% { transform: translate(0)translateY(var(--translate)); }
  100% { transform: translate(100%)translateY(var(--translate)); }
}

@keyframes fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fade-out { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes scale-in { 
  0% { opacity: 0; transform: scale(0.95); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes scale-out { 
  0% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(0.95); }
}

@keyframes slide-in-from-top { 
  0% { transform: translateY(-100%); }
  100% { transform: translateY(0px); }
}

@keyframes slide-out-to-top { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-100%); }
}

@keyframes slide-in-from-right { 
  0% { transform: translate(100%); }
  100% { transform: translate(0px); }
}

@keyframes slide-out-to-right { 
  0% { transform: translate(0px); }
  100% { transform: translate(100%); }
}

@keyframes slide-in-from-bottom { 
  0% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}

@keyframes slide-out-to-bottom { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(100%); }
}

@keyframes slide-in-from-left { 
  0% { transform: translate(-100%); }
  100% { transform: translate(0px); }
}

@keyframes slide-out-to-left { 
  0% { transform: translate(0px); }
  100% { transform: translate(-100%); }
}

@keyframes slide-in-from-top-and-fade { 
  0% { opacity: 0; transform: translateY(-4px); }
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes slide-out-to-top-and-fade { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(-4px); }
}

@keyframes slide-in-from-right-and-fade { 
  0% { opacity: 0; transform: translate(4px); }
  100% { opacity: 1; transform: translate(0px); }
}

@keyframes slide-out-to-right-and-fade { 
  0% { opacity: 1; transform: translate(0px); }
  100% { opacity: 0; transform: translate(4px); }
}

@keyframes slide-in-from-bottom-and-fade { 
  0% { opacity: 0; transform: translateY(4px); }
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes slide-out-to-bottom-and-fade { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(4px); }
}

@keyframes slide-in-from-left-and-fade { 
  0% { opacity: 0; transform: translate(-4px); }
  100% { opacity: 1; transform: translate(0px); }
}

@keyframes slide-out-to-left-and-fade { 
  0% { opacity: 1; transform: translate(0px); }
  100% { opacity: 0; transform: translate(-4px); }
}

@keyframes enter-from-right { 
  0% { opacity: 0; transform: translate(200px); }
  100% { opacity: 1; transform: translate(0px); }
}

@keyframes enter-from-left { 
  0% { opacity: 0; transform: translate(-200px); }
  100% { opacity: 1; transform: translate(0px); }
}

@keyframes exit-to-right { 
  0% { opacity: 1; transform: translate(0px); }
  100% { opacity: 0; transform: translate(200px); }
}

@keyframes exit-to-left { 
  0% { opacity: 1; transform: translate(0px); }
  100% { opacity: 0; transform: translate(-200px); }
}

@keyframes carousel { 
  0%, 100% { width: 50%; }
  0% { transform: translate(-100%); }
  100% { transform: translate(200%); }
}

@keyframes carousel-rtl { 
  0%, 100% { width: 50%; }
  0% { transform: translate(100%); }
  100% { transform: translate(-200%); }
}

@keyframes carousel-vertical { 
  0%, 100% { height: 50%; }
  0% { transform: translateY(-100%); }
  100% { transform: translateY(200%); }
}

@keyframes carousel-inverse { 
  0%, 100% { width: 50%; }
  0% { transform: translate(200%); }
  100% { transform: translate(-100%); }
}

@keyframes carousel-inverse-rtl { 
  0%, 100% { width: 50%; }
  0% { transform: translate(-200%); }
  100% { transform: translate(100%); }
}

@keyframes carousel-inverse-vertical { 
  0%, 100% { height: 50%; }
  0% { transform: translateY(200%); }
  100% { transform: translateY(-100%); }
}

@keyframes swing { 
  0%, 100% { width: 50%; }
  0%, 100% { transform: translate(-25%); }
  50% { transform: translate(125%); }
}

@keyframes swing-vertical { 
  0%, 100% { height: 50%; }
  0%, 100% { transform: translateY(-25%); }
  50% { transform: translateY(125%); }
}

@keyframes elastic { 
  0%, 100% { margin-left: 25%; width: 50%; }
  50% { margin-left: 5%; width: 90%; }
}

@keyframes elastic-vertical { 
  0%, 100% { height: 50%; margin-top: 25%; }
  50% { height: 90%; margin-top: 5%; }
}

@keyframes border-spin { 
  100% { --bg-angle: 360deg; }
}

@keyframes spin { 
  100% { transform: rotate(1turn); }
}

@keyframes pulse { 
  50% { opacity: 0.5; }
}

@keyframes bounce { 
  0%, 100% { animation-timing-function: cubic-bezier(0.8, 0, 1, 1); transform: translateY(-25%); }
  50% { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); transform: none; }
}

@keyframes moveInCircle { 
  0%, 100% { left: -5%; top: 20%; }
  10% { left: 0px; top: 0px; }
  25% { left: 60%; top: 0px; }
  50% { left: 80%; top: 60%; }
  75% { left: 0px; top: 80%; }
}

@keyframes moveInCircle2 { 
  0%, 100% { right: -10%; top: 40%; }
  10% { right: 0px; top: 0px; }
  25% { right: 60%; top: 0px; }
  50% { right: 80%; top: 60%; }
  75% { right: 0px; top: 80%; }
}

@keyframes countdown-4c95124e { 
  0% { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}

@keyframes swiper-preloader-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

@keyframes countdown-9c990a23 { 
  0% { transform: scaleX(1); }
  100% { transform: scaleX(0); }
}

@keyframes dash-117cde07 { 
  0% { stroke-dashoffset: 100; }
  100% { }
}

@keyframes spin-7a33bbb6 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}