@charset "UTF-8";

/*
! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

.container{
  width: 100%;
}

@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}

.pointer-events-none{
  pointer-events: none;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.inset-0{
  inset: 0px;
}

.inset-auto{
  inset: auto;
}

.-right-4{
  right: -1rem;
}

.-top-4{
  top: -1rem;
}

.bottom-0{
  bottom: 0px;
}

.left-0{
  left: 0px;
}

.right-0{
  right: 0px;
}

.top-0{
  top: 0px;
}

.top-1\/2{
  top: 50%;
}

.isolate{
  isolation: isolate;
}

.z-0{
  z-index: 0;
}

.z-10{
  z-index: 10;
}

.z-50{
  z-index: 50;
}

.m-10{
  margin: 2.5rem;
}

.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-1\.5{
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.mb-1{
  margin-bottom: 0.25rem;
}

.mb-10{
  margin-bottom: 2.5rem;
}

.mb-12{
  margin-bottom: 3rem;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.mb-3{
  margin-bottom: 0.75rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.mb-9{
  margin-bottom: 2.25rem;
}

.me-1{
  margin-inline-end: 0.25rem;
}

.mr-1{
  margin-right: 0.25rem;
}

.mr-2{
  margin-right: 0.5rem;
}

.mr-3{
  margin-right: 0.75rem;
}

.mr-6{
  margin-right: 1.5rem;
}

.ms-2{
  margin-inline-start: 0.5rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mt-4{
  margin-top: 1rem;
}

.mt-5{
  margin-top: 1.25rem;
}

.block{
  display: block;
}

.flex{
  display: flex;
}

.inline-flex{
  display: inline-flex;
}

.table{
  display: table;
}

.grid{
  display: grid;
}

.hidden{
  display: none;
}

.h-1{
  height: 0.25rem;
}

.h-10{
  height: 2.5rem;
}

.h-11{
  height: 2.75rem;
}

.h-14{
  height: 3.5rem;
}

.h-16{
  height: 4rem;
}

.h-2{
  height: 0.5rem;
}

.h-20{
  height: 5rem;
}

.h-3{
  height: 0.75rem;
}

.h-4{
  height: 1rem;
}

.h-5{
  height: 1.25rem;
}

.h-6{
  height: 1.5rem;
}

.h-8{
  height: 2rem;
}

.h-\[26px\]{
  height: 26px;
}

.h-\[277px\]{
  height: 277px;
}

.h-\[52px\]{
  height: 52px;
}

.h-\[54px\]{
  height: 54px;
}

.h-\[72px\]{
  height: 72px;
}

.h-full{
  height: 100%;
}

.min-h-\[max\(100vh\2c 600px\)\]{
  min-height: max(100vh,600px);
}

.w-1{
  width: 0.25rem;
}

.w-10{
  width: 2.5rem;
}

.w-11{
  width: 2.75rem;
}

.w-14{
  width: 3.5rem;
}

.w-16{
  width: 4rem;
}

.w-20{
  width: 5rem;
}

.w-3{
  width: 0.75rem;
}

.w-4{
  width: 1rem;
}

.w-5{
  width: 1.25rem;
}

.w-6{
  width: 1.5rem;
}

.w-8{
  width: 2rem;
}

.w-\[100px\]{
  width: 100px;
}

.w-\[26px\]{
  width: 26px;
}

.w-\[41px\]{
  width: 41px;
}

.w-\[52px\]{
  width: 52px;
}

.w-\[72px\]{
  width: 72px;
}

.w-full{
  width: 100%;
}

.flex-1{
  flex: 1 1 0%;
}

.flex-shrink{
  flex-shrink: 1;
}

.flex-shrink-0{
  flex-shrink: 0;
}

.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes ping{
  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}

.animate-ping{
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.list-none{
  list-style-type: none;
}

.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.flex-col{
  flex-direction: column;
}

.flex-wrap{
  flex-wrap: wrap;
}

.items-end{
  align-items: flex-end;
}

.items-center{
  align-items: center;
}

.justify-end{
  justify-content: flex-end;
}

.justify-center{
  justify-content: center;
}

.justify-between{
  justify-content: space-between;
}

.gap-1{
  gap: 0.25rem;
}

.gap-10{
  gap: 2.5rem;
}

.gap-2{
  gap: 0.5rem;
}

.gap-4{
  gap: 1rem;
}

.gap-7{
  gap: 1.75rem;
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-x-auto{
  overflow-x: auto;
}

.scroll-smooth{
  scroll-behavior: smooth;
}

.whitespace-nowrap{
  white-space: nowrap;
}

.text-nowrap{
  text-wrap: nowrap;
}

.rounded-full{
  border-radius: 9999px;
}

.rounded-lg{
  border-radius: 0.5rem;
}

.rounded-b-lg{
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.border{
  border-width: 1px;
}

.border-2{
  border-width: 2px;
}

.border-b{
  border-bottom-width: 1px;
}

.border-r{
  border-right-width: 1px;
}

.border-t{
  border-top-width: 1px;
}

.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-white\/10{
  border-color: rgb(255 255 255 / 0.1);
}

.border-b-white\/10{
  border-bottom-color: rgb(255 255 255 / 0.1);
}

.border-r-white\/10{
  border-right-color: rgb(255 255 255 / 0.1);
}

.bg-black\/60{
  background-color: rgb(0 0 0 / 0.6);
}

.bg-blue-700{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}

.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.bg-gray-50\/10{
  background-color: rgb(249 250 251 / 0.1);
}

.bg-gray-500{
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}

.bg-gray-700{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.bg-primary-100{
  --tw-bg-opacity: 1;
  background-color: rgb(233 243 212 / var(--tw-bg-opacity));
}

.bg-primary-400{
  --tw-bg-opacity: 1;
  background-color: rgb(156 196 87 / var(--tw-bg-opacity));
}

.bg-primary-500{
  --tw-bg-opacity: 1;
  background-color: rgb(115 155 52 / var(--tw-bg-opacity));
}

.bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}

.bg-opacity-60{
  --tw-bg-opacity: 0.6;
}

.bg-opacity-80{
  --tw-bg-opacity: 0.8;
}

.bg-cover{
  background-size: cover;
}

.bg-no-repeat{
  background-repeat: no-repeat;
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.p-2{
  padding: 0.5rem;
}

.p-3{
  padding: 0.75rem;
}

.p-5{
  padding: 1.25rem;
}

.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-11{
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.pb-10{
  padding-bottom: 2.5rem;
}

.pb-16{
  padding-bottom: 4rem;
}

.pb-5{
  padding-bottom: 1.25rem;
}

.pl-5{
  padding-left: 1.25rem;
}

.pr-9{
  padding-right: 2.25rem;
}

.pt-2{
  padding-top: 0.5rem;
}

.pb-20{
  padding-bottom: 5rem;
}

.pt-16{
  padding-top: 4rem;
}

.text-left{
  text-align: left;
}

.text-center{
  text-align: center;
}

.text-justify{
  text-align: justify;
}

.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-\[0\.5em\]{
  font-size: 0.5em;
}

.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.font-bold{
  font-weight: 700;
}

.font-light{
  font-weight: 300;
}

.font-medium{
  font-weight: 500;
}

.font-normal{
  font-weight: 400;
}

.font-semibold{
  font-weight: 600;
}

.font-thin{
  font-weight: 100;
}

.uppercase{
  text-transform: uppercase;
}

.capitalize{
  text-transform: capitalize;
}

.normal-case{
  text-transform: none;
}

.italic{
  font-style: italic;
}

.leading-\[24px\]{
  line-height: 24px;
}

.text-gray-100{
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}

.text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.text-primary-300{
  --tw-text-opacity: 1;
  color: rgb(184 215 127 / var(--tw-text-opacity));
}

.text-primary-500{
  --tw-text-opacity: 1;
  color: rgb(115 155 52 / var(--tw-text-opacity));
}

.text-secondary-300{
  --tw-text-opacity: 1;
  color: rgb(255 201 92 / var(--tw-text-opacity));
}

.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-yellow-300{
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity));
}

.underline{
  text-decoration-line: underline;
}

.line-through{
  text-decoration-line: line-through;
}

.opacity-0{
  opacity: 0;
}

.opacity-40{
  opacity: 0.4;
}

.opacity-75{
  opacity: 0.75;
}

.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.backdrop-blur-3xl{
  --tw-backdrop-blur: blur(64px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-lg{
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-filter{
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */

:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

.animate__animated {
  animation-duration: 1s;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.animate__animated.animate__infinite {
  animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
  animation-iteration-count: 1;
  animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
  animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
  animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s {
  animation-delay: 1s;
  animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
  animation-delay: calc(1s * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
  animation-delay: calc(1s * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
  animation-delay: calc(1s * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
  animation-delay: calc(1s * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
  animation-duration: calc(1s / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
  animation-duration: calc(1s * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
  animation-duration: calc(1s * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
  animation-duration: calc(1s * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}

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

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}

/* Attention seekers  */

@keyframes bounce {
  from,
  20%,
  53%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}

.animate__bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.animate__flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

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

  to {
    transform: scale3d(1, 1, 1);
  }
}

.animate__pulse {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }

  30% {
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.animate__rubberBand {
  animation-name: rubberBand;
}

@keyframes shakeX {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}

.animate__shakeX {
  animation-name: shakeX;
}

@keyframes shakeY {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translate3d(0, 10px, 0);
  }
}

.animate__shakeY {
  animation-name: shakeY;
}

@keyframes headShake {
  0% {
    transform: translateX(0);
  }

  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    transform: translateX(0);
  }
}

.animate__headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.animate__swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.animate__tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }

  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animate__wobble {
  animation-name: wobble;
}

@keyframes jello {
  from,
  11.1%,
  to {
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.animate__jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes heartBeat {
  0% {
    transform: scale(1);
  }

  14% {
    transform: scale(1.3);
  }

  28% {
    transform: scale(1);
  }

  42% {
    transform: scale(1.3);
  }

  70% {
    transform: scale(1);
  }
}

.animate__heartBeat {
  animation-name: heartBeat;
  animation-duration: calc(1s * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  animation-timing-function: ease-in-out;
}

/* Back entrances */

@keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.animate__backInDown {
  animation-name: backInDown;
}

@keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.animate__backInLeft {
  animation-name: backInLeft;
}

@keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.animate__backInRight {
  animation-name: backInRight;
}

@keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.animate__backInUp {
  animation-name: backInUp;
}

/* Back exits */

@keyframes backOutDown {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}

.animate__backOutDown {
  animation-name: backOutDown;
}

@keyframes backOutLeft {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}

.animate__backOutLeft {
  animation-name: backOutLeft;
}

@keyframes backOutRight {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}

.animate__backOutRight {
  animation-name: backOutRight;
}

@keyframes backOutUp {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}

.animate__backOutUp {
  animation-name: backOutUp;
}

/* Bouncing entrances  */

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.animate__bounceIn {
  animation-duration: calc(1s * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animate__bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animate__bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animate__bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animate__bounceInUp {
  animation-name: bounceInUp;
}

/* Bouncing exits  */

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.animate__bounceOut {
  animation-duration: calc(1s * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}

.animate__bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}

.animate__bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}

.animate__bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}

.animate__bounceOutUp {
  animation-name: bounceOutUp;
}

/* Fading entrances  */

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.animate__fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInTopLeft {
  animation-name: fadeInTopLeft;
}

@keyframes fadeInTopRight {
  from {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInTopRight {
  animation-name: fadeInTopRight;
}

@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInBottomLeft {
  animation-name: fadeInBottomLeft;
}

@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInBottomRight {
  animation-name: fadeInBottomRight;
}

/* Fading exits */

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.animate__fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

.animate__fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.animate__fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

.animate__fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

.animate__fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

.animate__fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

.animate__fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

.animate__fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.animate__fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
}

.animate__fadeOutTopLeft {
  animation-name: fadeOutTopLeft;
}

@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
}

.animate__fadeOutTopRight {
  animation-name: fadeOutTopRight;
}

@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
}

.animate__fadeOutBottomRight {
  animation-name: fadeOutBottomRight;
}

@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
}

.animate__fadeOutBottomLeft {
  animation-name: fadeOutBottomLeft;
}

/* Flippers */

@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }

  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}

.animate__animated.animate__flip {
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.animate__flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.animate__flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.animate__flipOutX {
  animation-duration: calc(1s * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.animate__flipOutY {
  animation-duration: calc(1s * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

/* Lightspeed */

@keyframes lightSpeedInRight {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(-5deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animate__lightSpeedInRight {
  animation-name: lightSpeedInRight;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedInLeft {
  from {
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    transform: skewX(5deg);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animate__lightSpeedInLeft {
  animation-name: lightSpeedInLeft;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.animate__lightSpeedOutRight {
  animation-name: lightSpeedOutRight;
  animation-timing-function: ease-in;
}

@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}

.animate__lightSpeedOutLeft {
  animation-name: lightSpeedOutLeft;
  animation-timing-function: ease-in;
}

/* Rotating entrances */

@keyframes rotateIn {
  from {
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate__rotateIn {
  animation-name: rotateIn;
  transform-origin: center;
}

@keyframes rotateInDownLeft {
  from {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate__rotateInDownLeft {
  animation-name: rotateInDownLeft;
  transform-origin: left bottom;
}

@keyframes rotateInDownRight {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate__rotateInDownRight {
  animation-name: rotateInDownRight;
  transform-origin: right bottom;
}

@keyframes rotateInUpLeft {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate__rotateInUpLeft {
  animation-name: rotateInUpLeft;
  transform-origin: left bottom;
}

@keyframes rotateInUpRight {
  from {
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animate__rotateInUpRight {
  animation-name: rotateInUpRight;
  transform-origin: right bottom;
}

/* Rotating exits */

@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.animate__rotateOut {
  animation-name: rotateOut;
  transform-origin: center;
}

@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.animate__rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
  transform-origin: left bottom;
}

@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.animate__rotateOutDownRight {
  animation-name: rotateOutDownRight;
  transform-origin: right bottom;
}

@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.animate__rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
  transform-origin: left bottom;
}

@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.animate__rotateOutUpRight {
  animation-name: rotateOutUpRight;
  transform-origin: right bottom;
}

/* Specials */

@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    transform: rotate3d(0, 0, 1, 80deg);
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    transform: rotate3d(0, 0, 1, 60deg);
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.animate__hinge {
  animation-duration: calc(1s * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  animation-name: hinge;
  transform-origin: top left;
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }

  50% {
    transform: rotate(-10deg);
  }

  70% {
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.animate__jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animate__rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.animate__rollOut {
  animation-name: rollOut;
}

/* Zooming entrances */

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.animate__zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomInUp {
  animation-name: zoomInUp;
}

/* Zooming exits */

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.animate__zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomOutDown {
  animation-name: zoomOutDown;
  transform-origin: center bottom;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}

.animate__zoomOutLeft {
  animation-name: zoomOutLeft;
  transform-origin: left center;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}

.animate__zoomOutRight {
  animation-name: zoomOutRight;
  transform-origin: right center;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.animate__zoomOutUp {
  animation-name: zoomOutUp;
  transform-origin: center bottom;
}

/* Sliding entrances */

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animate__slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animate__slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animate__slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.animate__slideInUp {
  animation-name: slideInUp;
}

/* Sliding exits */

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

.animate__slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}

.animate__slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

.animate__slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

.animate__slideOutUp {
  animation-name: slideOutUp;
}

.card-linear-gradient {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.9) 0%,
    rgba(255, 255, 255, 0) 99%
  );
  text-shadow: 1px 1px 5px #000000;
}

.snow-filter {
  /* height: 100vh; */
  /* background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%); */
  overflow: hidden;
  filter: drop-shadow(0 0 10px white);
}

.snow-filter .snow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
}

.snow-filter .snow:nth-child(1) {
  opacity: 0.6729;
  transform: translate(85.5999vw, -10px) scale(0.0981);
  animation: fall-1 20s -18s linear infinite;
}

@keyframes fall-1 {
  48.247% {
    transform: translate(80.1776vw, 48.247vh) scale(0.0981);
  }

  to {
    transform: translate(82.88875vw, 100vh) scale(0.0981);
  }
}

.snow-filter .snow:nth-child(2) {
  opacity: 0.4244;
  transform: translate(33.6654vw, -10px) scale(0.3491);
  animation: fall-2 25s -17s linear infinite;
}

@keyframes fall-2 {
  54.291% {
    transform: translate(37.3247vw, 54.291vh) scale(0.3491);
  }

  to {
    transform: translate(35.49505vw, 100vh) scale(0.3491);
  }
}

.snow-filter .snow:nth-child(3) {
  opacity: 0.2446;
  transform: translate(73.686vw, -10px) scale(0.6162);
  animation: fall-3 13s -22s linear infinite;
}

@keyframes fall-3 {
  70.057% {
    transform: translate(77.1668vw, 70.057vh) scale(0.6162);
  }

  to {
    transform: translate(75.4264vw, 100vh) scale(0.6162);
  }
}

.snow-filter .snow:nth-child(4) {
  opacity: 0.3883;
  transform: translate(70.6996vw, -10px) scale(0.0054);
  animation: fall-4 30s -5s linear infinite;
}

@keyframes fall-4 {
  47.187% {
    transform: translate(75.4785vw, 47.187vh) scale(0.0054);
  }

  to {
    transform: translate(73.08905vw, 100vh) scale(0.0054);
  }
}

.snow-filter .snow:nth-child(5) {
  opacity: 0.0107;
  transform: translate(28.7947vw, -10px) scale(0.2425);
  animation: fall-5 24s -17s linear infinite;
}

@keyframes fall-5 {
  46.35% {
    transform: translate(33.2986vw, 46.35vh) scale(0.2425);
  }

  to {
    transform: translate(31.04665vw, 100vh) scale(0.2425);
  }
}

.snow-filter .snow:nth-child(6) {
  opacity: 0.7366;
  transform: translate(79.3699vw, -10px) scale(0.1833);
  animation: fall-6 22s -13s linear infinite;
}

@keyframes fall-6 {
  70.044% {
    transform: translate(83.3152vw, 70.044vh) scale(0.1833);
  }

  to {
    transform: translate(81.34255vw, 100vh) scale(0.1833);
  }
}

.snow-filter .snow:nth-child(7) {
  opacity: 0.9285;
  transform: translate(90.2679vw, -10px) scale(0.7541);
  animation: fall-7 27s -10s linear infinite;
}

@keyframes fall-7 {
  50.892% {
    transform: translate(99.0679vw, 50.892vh) scale(0.7541);
  }

  to {
    transform: translate(94.6679vw, 100vh) scale(0.7541);
  }
}

.snow-filter .snow:nth-child(8) {
  opacity: 0.8257;
  transform: translate(93.452vw, -10px) scale(0.3199);
  animation: fall-8 27s -18s linear infinite;
}

@keyframes fall-8 {
  39.816% {
    transform: translate(85.4457vw, 39.816vh) scale(0.3199);
  }

  to {
    transform: translate(89.44885vw, 100vh) scale(0.3199);
  }
}

.snow-filter .snow:nth-child(9) {
  opacity: 0.8815;
  transform: translate(31.1792vw, -10px) scale(0.006);
  animation: fall-9 10s -24s linear infinite;
}

@keyframes fall-9 {
  71.705% {
    transform: translate(21.2629vw, 71.705vh) scale(0.006);
  }

  to {
    transform: translate(26.22105vw, 100vh) scale(0.006);
  }
}

.snow-filter .snow:nth-child(10) {
  opacity: 0.9483;
  transform: translate(61.8279vw, -10px) scale(0.9123);
  animation: fall-10 13s -9s linear infinite;
}

@keyframes fall-10 {
  52.432% {
    transform: translate(65.1244vw, 52.432vh) scale(0.9123);
  }

  to {
    transform: translate(63.47615vw, 100vh) scale(0.9123);
  }
}

.snow-filter .snow:nth-child(11) {
  opacity: 0.7982;
  transform: translate(6.7876vw, -10px) scale(0.5885);
  animation: fall-11 12s -25s linear infinite;
}

@keyframes fall-11 {
  42.086% {
    transform: translate(6.6989vw, 42.086vh) scale(0.5885);
  }

  to {
    transform: translate(6.74325vw, 100vh) scale(0.5885);
  }
}

.snow-filter .snow:nth-child(12) {
  opacity: 0.018;
  transform: translate(27.0029vw, -10px) scale(0.8152);
  animation: fall-12 30s -18s linear infinite;
}

@keyframes fall-12 {
  65.695% {
    transform: translate(31.3574vw, 65.695vh) scale(0.8152);
  }

  to {
    transform: translate(29.18015vw, 100vh) scale(0.8152);
  }
}

.snow-filter .snow:nth-child(13) {
  opacity: 0.4412;
  transform: translate(22.8868vw, -10px) scale(0.7536);
  animation: fall-13 21s -10s linear infinite;
}

@keyframes fall-13 {
  73.079% {
    transform: translate(22.4767vw, 73.079vh) scale(0.7536);
  }

  to {
    transform: translate(22.68175vw, 100vh) scale(0.7536);
  }
}

.snow-filter .snow:nth-child(14) {
  opacity: 0.0574;
  transform: translate(10.0249vw, -10px) scale(0.9857);
  animation: fall-14 18s -4s linear infinite;
}

@keyframes fall-14 {
  51.94% {
    transform: translate(19.8804vw, 51.94vh) scale(0.9857);
  }

  to {
    transform: translate(14.95265vw, 100vh) scale(0.9857);
  }
}

.snow-filter .snow:nth-child(15) {
  opacity: 0.5768;
  transform: translate(59.1806vw, -10px) scale(0.1453);
  animation: fall-15 15s -28s linear infinite;
}

@keyframes fall-15 {
  74.309% {
    transform: translate(63.8045vw, 74.309vh) scale(0.1453);
  }

  to {
    transform: translate(61.49255vw, 100vh) scale(0.1453);
  }
}

.snow-filter .snow:nth-child(16) {
  opacity: 0.8893;
  transform: translate(5.383vw, -10px) scale(0.9301);
  animation: fall-16 22s -22s linear infinite;
}

@keyframes fall-16 {
  63.224% {
    transform: translate(-0.7774vw, 63.224vh) scale(0.9301);
  }

  to {
    transform: translate(2.3028vw, 100vh) scale(0.9301);
  }
}

.snow-filter .snow:nth-child(17) {
  opacity: 0.4987;
  transform: translate(21.8045vw, -10px) scale(0.6337);
  animation: fall-17 22s -26s linear infinite;
}

@keyframes fall-17 {
  43.186% {
    transform: translate(22.6293vw, 43.186vh) scale(0.6337);
  }

  to {
    transform: translate(22.2169vw, 100vh) scale(0.6337);
  }
}

.snow-filter .snow:nth-child(18) {
  opacity: 0.2508;
  transform: translate(19.6722vw, -10px) scale(0.1852);
  animation: fall-18 27s -29s linear infinite;
}

@keyframes fall-18 {
  63.801% {
    transform: translate(20.9566vw, 63.801vh) scale(0.1852);
  }

  to {
    transform: translate(20.3144vw, 100vh) scale(0.1852);
  }
}

.snow-filter .snow:nth-child(19) {
  opacity: 0.415;
  transform: translate(60.3236vw, -10px) scale(0.9849);
  animation: fall-19 14s -12s linear infinite;
}

@keyframes fall-19 {
  43.639% {
    transform: translate(58.6214vw, 43.639vh) scale(0.9849);
  }

  to {
    transform: translate(59.4725vw, 100vh) scale(0.9849);
  }
}

.snow-filter .snow:nth-child(20) {
  opacity: 0.863;
  transform: translate(10.3529vw, -10px) scale(0.5398);
  animation: fall-20 26s -7s linear infinite;
}

@keyframes fall-20 {
  41.476% {
    transform: translate(15.1755vw, 41.476vh) scale(0.5398);
  }

  to {
    transform: translate(12.7642vw, 100vh) scale(0.5398);
  }
}

.snow-filter .snow:nth-child(21) {
  opacity: 0.2851;
  transform: translate(43.1502vw, -10px) scale(0.8704);
  animation: fall-21 16s -27s linear infinite;
}

@keyframes fall-21 {
  42.556% {
    transform: translate(43.4053vw, 42.556vh) scale(0.8704);
  }

  to {
    transform: translate(43.27775vw, 100vh) scale(0.8704);
  }
}

.snow-filter .snow:nth-child(22) {
  opacity: 0.6072;
  transform: translate(38.9729vw, -10px) scale(0.9503);
  animation: fall-22 15s -27s linear infinite;
}

@keyframes fall-22 {
  32.139% {
    transform: translate(40.8094vw, 32.139vh) scale(0.9503);
  }

  to {
    transform: translate(39.89115vw, 100vh) scale(0.9503);
  }
}

.snow-filter .snow:nth-child(23) {
  opacity: 0.1408;
  transform: translate(84.5438vw, -10px) scale(0.0477);
  animation: fall-23 27s -27s linear infinite;
}

@keyframes fall-23 {
  74.129% {
    transform: translate(90.7022vw, 74.129vh) scale(0.0477);
  }

  to {
    transform: translate(87.623vw, 100vh) scale(0.0477);
  }
}

.snow-filter .snow:nth-child(24) {
  opacity: 0.9925;
  transform: translate(97.7655vw, -10px) scale(0.6378);
  animation: fall-24 27s -18s linear infinite;
}

@keyframes fall-24 {
  60.965% {
    transform: translate(100.7463vw, 60.965vh) scale(0.6378);
  }

  to {
    transform: translate(99.2559vw, 100vh) scale(0.6378);
  }
}

.snow-filter .snow:nth-child(25) {
  opacity: 0.1588;
  transform: translate(29.4828vw, -10px) scale(0.2798);
  animation: fall-25 22s -19s linear infinite;
}

@keyframes fall-25 {
  65.385% {
    transform: translate(23.1759vw, 65.385vh) scale(0.2798);
  }

  to {
    transform: translate(26.32935vw, 100vh) scale(0.2798);
  }
}

.snow-filter .snow:nth-child(26) {
  opacity: 0.6753;
  transform: translate(23.6471vw, -10px) scale(0.3166);
  animation: fall-26 26s -6s linear infinite;
}

@keyframes fall-26 {
  49.006% {
    transform: translate(22.1316vw, 49.006vh) scale(0.3166);
  }

  to {
    transform: translate(22.88935vw, 100vh) scale(0.3166);
  }
}

.snow-filter .snow:nth-child(27) {
  opacity: 0.2;
  transform: translate(13.6166vw, -10px) scale(0.6955);
  animation: fall-27 12s -3s linear infinite;
}

@keyframes fall-27 {
  30.482% {
    transform: translate(3.8501vw, 30.482vh) scale(0.6955);
  }

  to {
    transform: translate(8.73335vw, 100vh) scale(0.6955);
  }
}

.snow-filter .snow:nth-child(28) {
  opacity: 0.7139;
  transform: translate(40.3575vw, -10px) scale(0.2655);
  animation: fall-28 26s -24s linear infinite;
}

@keyframes fall-28 {
  38.893% {
    transform: translate(33.5754vw, 38.893vh) scale(0.2655);
  }

  to {
    transform: translate(36.96645vw, 100vh) scale(0.2655);
  }
}

.snow-filter .snow:nth-child(29) {
  opacity: 0.591;
  transform: translate(37.1123vw, -10px) scale(0.9375);
  animation: fall-29 23s -28s linear infinite;
}

@keyframes fall-29 {
  75.074% {
    transform: translate(32.8876vw, 75.074vh) scale(0.9375);
  }

  to {
    transform: translate(34.99995vw, 100vh) scale(0.9375);
  }
}

.snow-filter .snow:nth-child(30) {
  opacity: 0.0586;
  transform: translate(1.5979vw, -10px) scale(0.9121);
  animation: fall-30 24s -25s linear infinite;
}

@keyframes fall-30 {
  34.196% {
    transform: translate(11.2306vw, 34.196vh) scale(0.9121);
  }

  to {
    transform: translate(6.41425vw, 100vh) scale(0.9121);
  }
}

.snow-filter .snow:nth-child(31) {
  opacity: 0.6095;
  transform: translate(53.4968vw, -10px) scale(0.2909);
  animation: fall-31 15s -8s linear infinite;
}

@keyframes fall-31 {
  41.184% {
    transform: translate(51.8705vw, 41.184vh) scale(0.2909);
  }

  to {
    transform: translate(52.68365vw, 100vh) scale(0.2909);
  }
}

.snow-filter .snow:nth-child(32) {
  opacity: 0.664;
  transform: translate(33.0187vw, -10px) scale(0.3942);
  animation: fall-32 24s -5s linear infinite;
}

@keyframes fall-32 {
  66.062% {
    transform: translate(30.7748vw, 66.062vh) scale(0.3942);
  }

  to {
    transform: translate(31.89675vw, 100vh) scale(0.3942);
  }
}

.snow-filter .snow:nth-child(33) {
  opacity: 0.4301;
  transform: translate(53.2929vw, -10px) scale(0.1765);
  animation: fall-33 14s -20s linear infinite;
}

@keyframes fall-33 {
  76.594% {
    transform: translate(60.3276vw, 76.594vh) scale(0.1765);
  }

  to {
    transform: translate(56.81025vw, 100vh) scale(0.1765);
  }
}

.snow-filter .snow:nth-child(34) {
  opacity: 0.2716;
  transform: translate(62.0444vw, -10px) scale(0.6763);
  animation: fall-34 26s -7s linear infinite;
}

@keyframes fall-34 {
  39.419% {
    transform: translate(66.4744vw, 39.419vh) scale(0.6763);
  }

  to {
    transform: translate(64.2594vw, 100vh) scale(0.6763);
  }
}

.snow-filter .snow:nth-child(35) {
  opacity: 0.8477;
  transform: translate(86.1931vw, -10px) scale(0.61);
  animation: fall-35 28s -8s linear infinite;
}

@keyframes fall-35 {
  75.179% {
    transform: translate(91.9622vw, 75.179vh) scale(0.61);
  }

  to {
    transform: translate(89.07765vw, 100vh) scale(0.61);
  }
}

.snow-filter .snow:nth-child(36) {
  opacity: 0.805;
  transform: translate(54.0447vw, -10px) scale(0.8876);
  animation: fall-36 26s -28s linear infinite;
}

@keyframes fall-36 {
  40.043% {
    transform: translate(57.7742vw, 40.043vh) scale(0.8876);
  }

  to {
    transform: translate(55.90945vw, 100vh) scale(0.8876);
  }
}

.snow-filter .snow:nth-child(37) {
  opacity: 0.2791;
  transform: translate(69.7973vw, -10px) scale(0.9424);
  animation: fall-37 12s -6s linear infinite;
}

@keyframes fall-37 {
  33.625% {
    transform: translate(76.259vw, 33.625vh) scale(0.9424);
  }

  to {
    transform: translate(73.02815vw, 100vh) scale(0.9424);
  }
}

.snow-filter .snow:nth-child(38) {
  opacity: 0.9632;
  transform: translate(30.206vw, -10px) scale(0.6326);
  animation: fall-38 17s -22s linear infinite;
}

@keyframes fall-38 {
  32.129% {
    transform: translate(34.0529vw, 32.129vh) scale(0.6326);
  }

  to {
    transform: translate(32.12945vw, 100vh) scale(0.6326);
  }
}

.snow-filter .snow:nth-child(39) {
  opacity: 0.1062;
  transform: translate(9.1191vw, -10px) scale(0.9808);
  animation: fall-39 23s -24s linear infinite;
}

@keyframes fall-39 {
  39.971% {
    transform: translate(9.0805vw, 39.971vh) scale(0.9808);
  }

  to {
    transform: translate(9.0998vw, 100vh) scale(0.9808);
  }
}

.snow-filter .snow:nth-child(40) {
  opacity: 0.8867;
  transform: translate(76.6327vw, -10px) scale(0.9423);
  animation: fall-40 20s -5s linear infinite;
}

@keyframes fall-40 {
  67.147% {
    transform: translate(71.4492vw, 67.147vh) scale(0.9423);
  }

  to {
    transform: translate(74.04095vw, 100vh) scale(0.9423);
  }
}

.snow-filter .snow:nth-child(41) {
  opacity: 0.3274;
  transform: translate(15.811vw, -10px) scale(0.2879);
  animation: fall-41 24s -15s linear infinite;
}

@keyframes fall-41 {
  68.941% {
    transform: translate(16.0087vw, 68.941vh) scale(0.2879);
  }

  to {
    transform: translate(15.90985vw, 100vh) scale(0.2879);
  }
}

.snow-filter .snow:nth-child(42) {
  opacity: 0.0284;
  transform: translate(51.8156vw, -10px) scale(0.187);
  animation: fall-42 27s -11s linear infinite;
}

@keyframes fall-42 {
  56.464% {
    transform: translate(49.2116vw, 56.464vh) scale(0.187);
  }

  to {
    transform: translate(50.5136vw, 100vh) scale(0.187);
  }
}

.snow-filter .snow:nth-child(43) {
  opacity: 0.5041;
  transform: translate(93.6873vw, -10px) scale(0.299);
  animation: fall-43 14s -8s linear infinite;
}

@keyframes fall-43 {
  35.78% {
    transform: translate(86.6338vw, 35.78vh) scale(0.299);
  }

  to {
    transform: translate(90.16055vw, 100vh) scale(0.299);
  }
}

.snow-filter .snow:nth-child(44) {
  opacity: 0.6795;
  transform: translate(69.7442vw, -10px) scale(0.7062);
  animation: fall-44 21s -6s linear infinite;
}

@keyframes fall-44 {
  30.395% {
    transform: translate(75.3953vw, 30.395vh) scale(0.7062);
  }

  to {
    transform: translate(72.56975vw, 100vh) scale(0.7062);
  }
}

.snow-filter .snow:nth-child(45) {
  opacity: 0.5468;
  transform: translate(35.7031vw, -10px) scale(0.5334);
  animation: fall-45 23s -15s linear infinite;
}

@keyframes fall-45 {
  70.819% {
    transform: translate(45.0138vw, 70.819vh) scale(0.5334);
  }

  to {
    transform: translate(40.35845vw, 100vh) scale(0.5334);
  }
}

.snow-filter .snow:nth-child(46) {
  opacity: 0.3203;
  transform: translate(70.9957vw, -10px) scale(0.1514);
  animation: fall-46 13s -28s linear infinite;
}

@keyframes fall-46 {
  45.041% {
    transform: translate(72.0503vw, 45.041vh) scale(0.1514);
  }

  to {
    transform: translate(71.523vw, 100vh) scale(0.1514);
  }
}

.snow-filter .snow:nth-child(47) {
  opacity: 0.663;
  transform: translate(54.2335vw, -10px) scale(0.7011);
  animation: fall-47 25s -30s linear infinite;
}

@keyframes fall-47 {
  78.01% {
    transform: translate(46.576vw, 78.01vh) scale(0.7011);
  }

  to {
    transform: translate(50.40475vw, 100vh) scale(0.7011);
  }
}

.snow-filter .snow:nth-child(48) {
  opacity: 0.7414;
  transform: translate(75.2685vw, -10px) scale(0.3926);
  animation: fall-48 14s -18s linear infinite;
}

@keyframes fall-48 {
  49.994% {
    transform: translate(74.3199vw, 49.994vh) scale(0.3926);
  }

  to {
    transform: translate(74.7942vw, 100vh) scale(0.3926);
  }
}

.snow-filter .snow:nth-child(49) {
  opacity: 0.9337;
  transform: translate(24.1372vw, -10px) scale(0.6617);
  animation: fall-49 23s -2s linear infinite;
}

@keyframes fall-49 {
  66.298% {
    transform: translate(14.666vw, 66.298vh) scale(0.6617);
  }

  to {
    transform: translate(19.4016vw, 100vh) scale(0.6617);
  }
}

.snow-filter .snow:nth-child(50) {
  opacity: 0.4801;
  transform: translate(34.8199vw, -10px) scale(0.068);
  animation: fall-50 29s -18s linear infinite;
}

@keyframes fall-50 {
  31.533% {
    transform: translate(41.3811vw, 31.533vh) scale(0.068);
  }

  to {
    transform: translate(38.1005vw, 100vh) scale(0.068);
  }
}

.snow-filter .snow:nth-child(51) {
  opacity: 0.6079;
  transform: translate(43.8248vw, -10px) scale(0.453);
  animation: fall-51 28s -14s linear infinite;
}

@keyframes fall-51 {
  52.9% {
    transform: translate(47.5335vw, 52.9vh) scale(0.453);
  }

  to {
    transform: translate(45.67915vw, 100vh) scale(0.453);
  }
}

.snow-filter .snow:nth-child(52) {
  opacity: 0.6758;
  transform: translate(31.9297vw, -10px) scale(0.3703);
  animation: fall-52 21s -14s linear infinite;
}

@keyframes fall-52 {
  32.336% {
    transform: translate(33.3609vw, 32.336vh) scale(0.3703);
  }

  to {
    transform: translate(32.6453vw, 100vh) scale(0.3703);
  }
}

.snow-filter .snow:nth-child(53) {
  opacity: 0.8005;
  transform: translate(98.4924vw, -10px) scale(0.7997);
  animation: fall-53 14s -19s linear infinite;
}

@keyframes fall-53 {
  71.53% {
    transform: translate(98.4489vw, 71.53vh) scale(0.7997);
  }

  to {
    transform: translate(98.47065vw, 100vh) scale(0.7997);
  }
}

.snow-filter .snow:nth-child(54) {
  opacity: 0.5025;
  transform: translate(4.1367vw, -10px) scale(0.7651);
  animation: fall-54 29s -26s linear infinite;
}

@keyframes fall-54 {
  68.496% {
    transform: translate(-4.7142vw, 68.496vh) scale(0.7651);
  }

  to {
    transform: translate(-0.28875vw, 100vh) scale(0.7651);
  }
}

.snow-filter .snow:nth-child(55) {
  opacity: 0.637;
  transform: translate(41.45vw, -10px) scale(0.4571);
  animation: fall-55 16s -19s linear infinite;
}

@keyframes fall-55 {
  38.376% {
    transform: translate(45.5099vw, 38.376vh) scale(0.4571);
  }

  to {
    transform: translate(43.47995vw, 100vh) scale(0.4571);
  }
}

.snow-filter .snow:nth-child(56) {
  opacity: 0.2881;
  transform: translate(73.8394vw, -10px) scale(0.9101);
  animation: fall-56 28s -17s linear infinite;
}

@keyframes fall-56 {
  37.076% {
    transform: translate(69.5582vw, 37.076vh) scale(0.9101);
  }

  to {
    transform: translate(71.6988vw, 100vh) scale(0.9101);
  }
}

.snow-filter .snow:nth-child(57) {
  opacity: 0.0142;
  transform: translate(53.5574vw, -10px) scale(0.8513);
  animation: fall-57 24s -5s linear infinite;
}

@keyframes fall-57 {
  41.093% {
    transform: translate(61.4372vw, 41.093vh) scale(0.8513);
  }

  to {
    transform: translate(57.4973vw, 100vh) scale(0.8513);
  }
}

.snow-filter .snow:nth-child(58) {
  opacity: 0.1988;
  transform: translate(78.2616vw, -10px) scale(0.389);
  animation: fall-58 18s -7s linear infinite;
}

@keyframes fall-58 {
  65.087% {
    transform: translate(84.1585vw, 65.087vh) scale(0.389);
  }

  to {
    transform: translate(81.21005vw, 100vh) scale(0.389);
  }
}

.snow-filter .snow:nth-child(59) {
  opacity: 0.5634;
  transform: translate(12.1847vw, -10px) scale(0.6857);
  animation: fall-59 15s -24s linear infinite;
}

@keyframes fall-59 {
  68.992% {
    transform: translate(17.7294vw, 68.992vh) scale(0.6857);
  }

  to {
    transform: translate(14.95705vw, 100vh) scale(0.6857);
  }
}

.snow-filter .snow:nth-child(60) {
  opacity: 0.6857;
  transform: translate(53.1315vw, -10px) scale(0.5865);
  animation: fall-60 21s -9s linear infinite;
}

@keyframes fall-60 {
  73.222% {
    transform: translate(45.9886vw, 73.222vh) scale(0.5865);
  }

  to {
    transform: translate(49.56005vw, 100vh) scale(0.5865);
  }
}

.snow-filter .snow:nth-child(61) {
  opacity: 0.1792;
  transform: translate(26.66vw, -10px) scale(0.2159);
  animation: fall-61 14s -8s linear infinite;
}

@keyframes fall-61 {
  43.31% {
    transform: translate(24.8932vw, 43.31vh) scale(0.2159);
  }

  to {
    transform: translate(25.7766vw, 100vh) scale(0.2159);
  }
}

.snow-filter .snow:nth-child(62) {
  opacity: 0.0026;
  transform: translate(34.2875vw, -10px) scale(0.8117);
  animation: fall-62 14s -7s linear infinite;
}

@keyframes fall-62 {
  34.144% {
    transform: translate(39.8951vw, 34.144vh) scale(0.8117);
  }

  to {
    transform: translate(37.0913vw, 100vh) scale(0.8117);
  }
}

.snow-filter .snow:nth-child(63) {
  opacity: 0.1402;
  transform: translate(67.5vw, -10px) scale(0.4587);
  animation: fall-63 20s -23s linear infinite;
}

@keyframes fall-63 {
  57.822% {
    transform: translate(68.6905vw, 57.822vh) scale(0.4587);
  }

  to {
    transform: translate(68.09525vw, 100vh) scale(0.4587);
  }
}

.snow-filter .snow:nth-child(64) {
  opacity: 0.671;
  transform: translate(43.6789vw, -10px) scale(0.7203);
  animation: fall-64 17s -9s linear infinite;
}

@keyframes fall-64 {
  46.239% {
    transform: translate(47.6447vw, 46.239vh) scale(0.7203);
  }

  to {
    transform: translate(45.6618vw, 100vh) scale(0.7203);
  }
}

.snow-filter .snow:nth-child(65) {
  opacity: 0.5865;
  transform: translate(96.451vw, -10px) scale(0.2593);
  animation: fall-65 30s -13s linear infinite;
}

@keyframes fall-65 {
  63.017% {
    transform: translate(99.1562vw, 63.017vh) scale(0.2593);
  }

  to {
    transform: translate(97.8036vw, 100vh) scale(0.2593);
  }
}

.snow-filter .snow:nth-child(66) {
  opacity: 0.6871;
  transform: translate(12.1928vw, -10px) scale(0.3676);
  animation: fall-66 20s -10s linear infinite;
}

@keyframes fall-66 {
  63.687% {
    transform: translate(11.57vw, 63.687vh) scale(0.3676);
  }

  to {
    transform: translate(11.8814vw, 100vh) scale(0.3676);
  }
}

.snow-filter .snow:nth-child(67) {
  opacity: 0.5453;
  transform: translate(1.6354vw, -10px) scale(0.9589);
  animation: fall-67 24s -16s linear infinite;
}

@keyframes fall-67 {
  38.917% {
    transform: translate(1.6573vw, 38.917vh) scale(0.9589);
  }

  to {
    transform: translate(1.64635vw, 100vh) scale(0.9589);
  }
}

.snow-filter .snow:nth-child(68) {
  opacity: 0.0067;
  transform: translate(60.6938vw, -10px) scale(0.4972);
  animation: fall-68 26s -2s linear infinite;
}

@keyframes fall-68 {
  42.112% {
    transform: translate(65.3409vw, 42.112vh) scale(0.4972);
  }

  to {
    transform: translate(63.01735vw, 100vh) scale(0.4972);
  }
}

.snow-filter .snow:nth-child(69) {
  opacity: 0.3034;
  transform: translate(32.8749vw, -10px) scale(0.0335);
  animation: fall-69 20s -20s linear infinite;
}

@keyframes fall-69 {
  62.413% {
    transform: translate(41.0278vw, 62.413vh) scale(0.0335);
  }

  to {
    transform: translate(36.95135vw, 100vh) scale(0.0335);
  }
}

.snow-filter .snow:nth-child(70) {
  opacity: 0.7517;
  transform: translate(93.2854vw, -10px) scale(0.6933);
  animation: fall-70 28s -23s linear infinite;
}

@keyframes fall-70 {
  68.799% {
    transform: translate(92.5839vw, 68.799vh) scale(0.6933);
  }

  to {
    transform: translate(92.93465vw, 100vh) scale(0.6933);
  }
}

.snow-filter .snow:nth-child(71) {
  opacity: 0.1334;
  transform: translate(53.2815vw, -10px) scale(0.9782);
  animation: fall-71 11s -12s linear infinite;
}

@keyframes fall-71 {
  60.703% {
    transform: translate(49.8273vw, 60.703vh) scale(0.9782);
  }

  to {
    transform: translate(51.5544vw, 100vh) scale(0.9782);
  }
}

.snow-filter .snow:nth-child(72) {
  opacity: 0.0117;
  transform: translate(26.1081vw, -10px) scale(0.3499);
  animation: fall-72 10s -8s linear infinite;
}

@keyframes fall-72 {
  62.587% {
    transform: translate(18.0039vw, 62.587vh) scale(0.3499);
  }

  to {
    transform: translate(22.056vw, 100vh) scale(0.3499);
  }
}

.snow-filter .snow:nth-child(73) {
  opacity: 0.6657;
  transform: translate(2.8324vw, -10px) scale(0.1682);
  animation: fall-73 13s -3s linear infinite;
}

@keyframes fall-73 {
  52.812% {
    transform: translate(1.8525vw, 52.812vh) scale(0.1682);
  }

  to {
    transform: translate(2.34245vw, 100vh) scale(0.1682);
  }
}

.snow-filter .snow:nth-child(74) {
  opacity: 0.9323;
  transform: translate(3.9247vw, -10px) scale(0.9496);
  animation: fall-74 18s -30s linear infinite;
}

@keyframes fall-74 {
  30.773% {
    transform: translate(9.1324vw, 30.773vh) scale(0.9496);
  }

  to {
    transform: translate(6.52855vw, 100vh) scale(0.9496);
  }
}

.snow-filter .snow:nth-child(75) {
  opacity: 0.4504;
  transform: translate(52.6011vw, -10px) scale(0.8855);
  animation: fall-75 10s -5s linear infinite;
}

@keyframes fall-75 {
  63.192% {
    transform: translate(61.8899vw, 63.192vh) scale(0.8855);
  }

  to {
    transform: translate(57.2455vw, 100vh) scale(0.8855);
  }
}

.snow-filter .snow:nth-child(76) {
  opacity: 0.8199;
  transform: translate(39.1007vw, -10px) scale(0.4001);
  animation: fall-76 23s -16s linear infinite;
}

@keyframes fall-76 {
  30.532% {
    transform: translate(47.7727vw, 30.532vh) scale(0.4001);
  }

  to {
    transform: translate(43.4367vw, 100vh) scale(0.4001);
  }
}

.snow-filter .snow:nth-child(77) {
  opacity: 0.3034;
  transform: translate(63.9948vw, -10px) scale(0.2041);
  animation: fall-77 13s -18s linear infinite;
}

@keyframes fall-77 {
  49.458% {
    transform: translate(71.0007vw, 49.458vh) scale(0.2041);
  }

  to {
    transform: translate(67.49775vw, 100vh) scale(0.2041);
  }
}

.snow-filter .snow:nth-child(78) {
  opacity: 0.4134;
  transform: translate(96.5601vw, -10px) scale(0.7965);
  animation: fall-78 11s -8s linear infinite;
}

@keyframes fall-78 {
  53.015% {
    transform: translate(101.6672vw, 53.015vh) scale(0.7965);
  }

  to {
    transform: translate(99.11365vw, 100vh) scale(0.7965);
  }
}

.snow-filter .snow:nth-child(79) {
  opacity: 0.1234;
  transform: translate(95.7033vw, -10px) scale(0.519);
  animation: fall-79 11s -25s linear infinite;
}

@keyframes fall-79 {
  56.134% {
    transform: translate(104.1145vw, 56.134vh) scale(0.519);
  }

  to {
    transform: translate(99.9089vw, 100vh) scale(0.519);
  }
}

.snow-filter .snow:nth-child(80) {
  opacity: 0.4457;
  transform: translate(67.3552vw, -10px) scale(0.6967);
  animation: fall-80 29s -22s linear infinite;
}

@keyframes fall-80 {
  48.447% {
    transform: translate(65.5642vw, 48.447vh) scale(0.6967);
  }

  to {
    transform: translate(66.4597vw, 100vh) scale(0.6967);
  }
}

.snow-filter .snow:nth-child(81) {
  opacity: 0.8466;
  transform: translate(35.4559vw, -10px) scale(0.7532);
  animation: fall-81 24s -20s linear infinite;
}

@keyframes fall-81 {
  76.669% {
    transform: translate(32.0994vw, 76.669vh) scale(0.7532);
  }

  to {
    transform: translate(33.77765vw, 100vh) scale(0.7532);
  }
}

.snow-filter .snow:nth-child(82) {
  opacity: 0.993;
  transform: translate(33.5996vw, -10px) scale(0.2291);
  animation: fall-82 10s -9s linear infinite;
}

@keyframes fall-82 {
  44.564% {
    transform: translate(35.3315vw, 44.564vh) scale(0.2291);
  }

  to {
    transform: translate(34.46555vw, 100vh) scale(0.2291);
  }
}

.snow-filter .snow:nth-child(83) {
  opacity: 0.6;
  transform: translate(6.2386vw, -10px) scale(0.3261);
  animation: fall-83 25s -19s linear infinite;
}

@keyframes fall-83 {
  41.332% {
    transform: translate(13.838vw, 41.332vh) scale(0.3261);
  }

  to {
    transform: translate(10.0383vw, 100vh) scale(0.3261);
  }
}

.snow-filter .snow:nth-child(84) {
  opacity: 0.658;
  transform: translate(81.8792vw, -10px) scale(0.5152);
  animation: fall-84 16s -6s linear infinite;
}

@keyframes fall-84 {
  73.986% {
    transform: translate(86.5618vw, 73.986vh) scale(0.5152);
  }

  to {
    transform: translate(84.2205vw, 100vh) scale(0.5152);
  }
}

.snow-filter .snow:nth-child(85) {
  opacity: 0.2143;
  transform: translate(39.2497vw, -10px) scale(0.9814);
  animation: fall-85 10s -7s linear infinite;
}

@keyframes fall-85 {
  62.981% {
    transform: translate(44.298vw, 62.981vh) scale(0.9814);
  }

  to {
    transform: translate(41.77385vw, 100vh) scale(0.9814);
  }
}

.snow-filter .snow:nth-child(86) {
  opacity: 0.4359;
  transform: translate(25.6389vw, -10px) scale(0.1964);
  animation: fall-86 18s -27s linear infinite;
}

@keyframes fall-86 {
  52.153% {
    transform: translate(22.0894vw, 52.153vh) scale(0.1964);
  }

  to {
    transform: translate(23.86415vw, 100vh) scale(0.1964);
  }
}

.snow-filter .snow:nth-child(87) {
  opacity: 0.8565;
  transform: translate(0.4788vw, -10px) scale(0.7372);
  animation: fall-87 23s -20s linear infinite;
}

@keyframes fall-87 {
  33.791% {
    transform: translate(4.9574vw, 33.791vh) scale(0.7372);
  }

  to {
    transform: translate(2.7181vw, 100vh) scale(0.7372);
  }
}

.snow-filter .snow:nth-child(88) {
  opacity: 0.7588;
  transform: translate(9.4171vw, -10px) scale(0.8988);
  animation: fall-88 27s -28s linear infinite;
}

@keyframes fall-88 {
  37.274% {
    transform: translate(16.0981vw, 37.274vh) scale(0.8988);
  }

  to {
    transform: translate(12.7576vw, 100vh) scale(0.8988);
  }
}

.snow-filter .snow:nth-child(89) {
  opacity: 0.48;
  transform: translate(66.1649vw, -10px) scale(0.2368);
  animation: fall-89 19s -30s linear infinite;
}

@keyframes fall-89 {
  61.727% {
    transform: translate(66.9418vw, 61.727vh) scale(0.2368);
  }

  to {
    transform: translate(66.55335vw, 100vh) scale(0.2368);
  }
}

.snow-filter .snow:nth-child(90) {
  opacity: 0.0662;
  transform: translate(61.9399vw, -10px) scale(0.4614);
  animation: fall-90 19s -3s linear infinite;
}

@keyframes fall-90 {
  78.696% {
    transform: translate(64.4024vw, 78.696vh) scale(0.4614);
  }

  to {
    transform: translate(63.17115vw, 100vh) scale(0.4614);
  }
}

.snow-filter .snow:nth-child(91) {
  opacity: 0.0102;
  transform: translate(12.3156vw, -10px) scale(0.2263);
  animation: fall-91 20s -26s linear infinite;
}

@keyframes fall-91 {
  71.786% {
    transform: translate(8.7246vw, 71.786vh) scale(0.2263);
  }

  to {
    transform: translate(10.5201vw, 100vh) scale(0.2263);
  }
}

.snow-filter .snow:nth-child(92) {
  opacity: 0.4246;
  transform: translate(91.3014vw, -10px) scale(0.2099);
  animation: fall-92 18s -22s linear infinite;
}

@keyframes fall-92 {
  55.774% {
    transform: translate(84.967vw, 55.774vh) scale(0.2099);
  }

  to {
    transform: translate(88.1342vw, 100vh) scale(0.2099);
  }
}

.snow-filter .snow:nth-child(93) {
  opacity: 0.4167;
  transform: translate(44.0512vw, -10px) scale(0.841);
  animation: fall-93 23s -21s linear infinite;
}

@keyframes fall-93 {
  40.472% {
    transform: translate(49.02vw, 40.472vh) scale(0.841);
  }

  to {
    transform: translate(46.5356vw, 100vh) scale(0.841);
  }
}

.snow-filter .snow:nth-child(94) {
  opacity: 0.7879;
  transform: translate(65.512vw, -10px) scale(0.3112);
  animation: fall-94 12s -30s linear infinite;
}

@keyframes fall-94 {
  60.964% {
    transform: translate(61.7405vw, 60.964vh) scale(0.3112);
  }

  to {
    transform: translate(63.62625vw, 100vh) scale(0.3112);
  }
}

.snow-filter .snow:nth-child(95) {
  opacity: 0.2546;
  transform: translate(56.1014vw, -10px) scale(0.4645);
  animation: fall-95 26s -15s linear infinite;
}

@keyframes fall-95 {
  41.333% {
    transform: translate(62.5529vw, 41.333vh) scale(0.4645);
  }

  to {
    transform: translate(59.32715vw, 100vh) scale(0.4645);
  }
}

.snow-filter .snow:nth-child(96) {
  opacity: 0.3209;
  transform: translate(69.0352vw, -10px) scale(0.6023);
  animation: fall-96 13s -23s linear infinite;
}

@keyframes fall-96 {
  74.147% {
    transform: translate(73.2353vw, 74.147vh) scale(0.6023);
  }

  to {
    transform: translate(71.13525vw, 100vh) scale(0.6023);
  }
}

.snow-filter .snow:nth-child(97) {
  opacity: 0.6449;
  transform: translate(69.8748vw, -10px) scale(0.3362);
  animation: fall-97 12s -14s linear infinite;
}

@keyframes fall-97 {
  35.837% {
    transform: translate(76.9415vw, 35.837vh) scale(0.3362);
  }

  to {
    transform: translate(73.40815vw, 100vh) scale(0.3362);
  }
}

.snow-filter .snow:nth-child(98) {
  opacity: 0.0756;
  transform: translate(12.1197vw, -10px) scale(0.518);
  animation: fall-98 20s -18s linear infinite;
}

@keyframes fall-98 {
  59.352% {
    transform: translate(17.3691vw, 59.352vh) scale(0.518);
  }

  to {
    transform: translate(14.7444vw, 100vh) scale(0.518);
  }
}

.snow-filter .snow:nth-child(99) {
  opacity: 0.5707;
  transform: translate(63.8119vw, -10px) scale(0.7928);
  animation: fall-99 30s -29s linear infinite;
}

@keyframes fall-99 {
  59.948% {
    transform: translate(65.0371vw, 59.948vh) scale(0.7928);
  }

  to {
    transform: translate(64.4245vw, 100vh) scale(0.7928);
  }
}

.snow-filter .snow:nth-child(100) {
  opacity: 0.2943;
  transform: translate(66.933vw, -10px) scale(0.0397);
  animation: fall-100 28s -18s linear infinite;
}

@keyframes fall-100 {
  32.809% {
    transform: translate(57.1621vw, 32.809vh) scale(0.0397);
  }

  to {
    transform: translate(62.04755vw, 100vh) scale(0.0397);
  }
}

.snow-filter .snow:nth-child(101) {
  opacity: 0.0835;
  transform: translate(78.4043vw, -10px) scale(0.1185);
  animation: fall-101 17s -14s linear infinite;
}

@keyframes fall-101 {
  72.56% {
    transform: translate(79.8405vw, 72.56vh) scale(0.1185);
  }

  to {
    transform: translate(79.1224vw, 100vh) scale(0.1185);
  }
}

.snow-filter .snow:nth-child(102) {
  opacity: 0.1737;
  transform: translate(38.8832vw, -10px) scale(0.5678);
  animation: fall-102 12s -9s linear infinite;
}

@keyframes fall-102 {
  30.894% {
    transform: translate(28.8933vw, 30.894vh) scale(0.5678);
  }

  to {
    transform: translate(33.88825vw, 100vh) scale(0.5678);
  }
}

.snow-filter .snow:nth-child(103) {
  opacity: 0.1671;
  transform: translate(96.6316vw, -10px) scale(0.5681);
  animation: fall-103 14s -25s linear infinite;
}

@keyframes fall-103 {
  47.065% {
    transform: translate(102.0684vw, 47.065vh) scale(0.5681);
  }

  to {
    transform: translate(99.35vw, 100vh) scale(0.5681);
  }
}

.snow-filter .snow:nth-child(104) {
  opacity: 0.89;
  transform: translate(17.8786vw, -10px) scale(0.1696);
  animation: fall-104 22s -18s linear infinite;
}

@keyframes fall-104 {
  45.872% {
    transform: translate(18.3435vw, 45.872vh) scale(0.1696);
  }

  to {
    transform: translate(18.11105vw, 100vh) scale(0.1696);
  }
}

.snow-filter .snow:nth-child(105) {
  opacity: 0.6235;
  transform: translate(45.7918vw, -10px) scale(0.823);
  animation: fall-105 19s -15s linear infinite;
}

@keyframes fall-105 {
  78.135% {
    transform: translate(52.1893vw, 78.135vh) scale(0.823);
  }

  to {
    transform: translate(48.99055vw, 100vh) scale(0.823);
  }
}

.snow-filter .snow:nth-child(106) {
  opacity: 0.1484;
  transform: translate(59.8343vw, -10px) scale(0.9596);
  animation: fall-106 13s -15s linear infinite;
}

@keyframes fall-106 {
  38.156% {
    transform: translate(54.0915vw, 38.156vh) scale(0.9596);
  }

  to {
    transform: translate(56.9629vw, 100vh) scale(0.9596);
  }
}

.snow-filter .snow:nth-child(107) {
  opacity: 0.3276;
  transform: translate(92.1326vw, -10px) scale(0.8664);
  animation: fall-107 14s -15s linear infinite;
}

@keyframes fall-107 {
  52.554% {
    transform: translate(94.2139vw, 52.554vh) scale(0.8664);
  }

  to {
    transform: translate(93.17325vw, 100vh) scale(0.8664);
  }
}

.snow-filter .snow:nth-child(108) {
  opacity: 0.0711;
  transform: translate(68.4813vw, -10px) scale(0.2501);
  animation: fall-108 17s -27s linear infinite;
}

@keyframes fall-108 {
  52.181% {
    transform: translate(65.6282vw, 52.181vh) scale(0.2501);
  }

  to {
    transform: translate(67.05475vw, 100vh) scale(0.2501);
  }
}

.snow-filter .snow:nth-child(109) {
  opacity: 0.9201;
  transform: translate(33.1531vw, -10px) scale(0.8071);
  animation: fall-109 25s -22s linear infinite;
}

@keyframes fall-109 {
  60.063% {
    transform: translate(23.7939vw, 60.063vh) scale(0.8071);
  }

  to {
    transform: translate(28.4735vw, 100vh) scale(0.8071);
  }
}

.snow-filter .snow:nth-child(110) {
  opacity: 0.5921;
  transform: translate(10.6446vw, -10px) scale(0.4925);
  animation: fall-110 20s -6s linear infinite;
}

@keyframes fall-110 {
  55.157% {
    transform: translate(14.2015vw, 55.157vh) scale(0.4925);
  }

  to {
    transform: translate(12.42305vw, 100vh) scale(0.4925);
  }
}

.snow-filter .snow:nth-child(111) {
  opacity: 0.855;
  transform: translate(20.2811vw, -10px) scale(0.4051);
  animation: fall-111 29s -23s linear infinite;
}

@keyframes fall-111 {
  57.81% {
    transform: translate(12.0362vw, 57.81vh) scale(0.4051);
  }

  to {
    transform: translate(16.15865vw, 100vh) scale(0.4051);
  }
}

.snow-filter .snow:nth-child(112) {
  opacity: 0.525;
  transform: translate(11.638vw, -10px) scale(0.1911);
  animation: fall-112 23s -18s linear infinite;
}

@keyframes fall-112 {
  56.617% {
    transform: translate(15.6503vw, 56.617vh) scale(0.1911);
  }

  to {
    transform: translate(13.64415vw, 100vh) scale(0.1911);
  }
}

.snow-filter .snow:nth-child(113) {
  opacity: 0.8311;
  transform: translate(33.6065vw, -10px) scale(0.4016);
  animation: fall-113 19s -20s linear infinite;
}

@keyframes fall-113 {
  41.952% {
    transform: translate(34.5438vw, 41.952vh) scale(0.4016);
  }

  to {
    transform: translate(34.07515vw, 100vh) scale(0.4016);
  }
}

.snow-filter .snow:nth-child(114) {
  opacity: 0.4395;
  transform: translate(40.0514vw, -10px) scale(0.0856);
  animation: fall-114 30s -1s linear infinite;
}

@keyframes fall-114 {
  39.53% {
    transform: translate(39.2137vw, 39.53vh) scale(0.0856);
  }

  to {
    transform: translate(39.63255vw, 100vh) scale(0.0856);
  }
}

.snow-filter .snow:nth-child(115) {
  opacity: 0.1253;
  transform: translate(24.2966vw, -10px) scale(0.926);
  animation: fall-115 23s -1s linear infinite;
}

@keyframes fall-115 {
  32.453% {
    transform: translate(22.5198vw, 32.453vh) scale(0.926);
  }

  to {
    transform: translate(23.4082vw, 100vh) scale(0.926);
  }
}

.snow-filter .snow:nth-child(116) {
  opacity: 0.8635;
  transform: translate(47.2951vw, -10px) scale(0.9487);
  animation: fall-116 11s -25s linear infinite;
}

@keyframes fall-116 {
  74.98% {
    transform: translate(51.4526vw, 74.98vh) scale(0.9487);
  }

  to {
    transform: translate(49.37385vw, 100vh) scale(0.9487);
  }
}

.snow-filter .snow:nth-child(117) {
  opacity: 0.8954;
  transform: translate(42.3154vw, -10px) scale(0.5822);
  animation: fall-117 10s -1s linear infinite;
}

@keyframes fall-117 {
  34.618% {
    transform: translate(44.5878vw, 34.618vh) scale(0.5822);
  }

  to {
    transform: translate(43.4516vw, 100vh) scale(0.5822);
  }
}

.snow-filter .snow:nth-child(118) {
  opacity: 0.2802;
  transform: translate(15.8677vw, -10px) scale(0.0117);
  animation: fall-118 25s -8s linear infinite;
}

@keyframes fall-118 {
  79.183% {
    transform: translate(13.8555vw, 79.183vh) scale(0.0117);
  }

  to {
    transform: translate(14.8616vw, 100vh) scale(0.0117);
  }
}

.snow-filter .snow:nth-child(119) {
  opacity: 0.8769;
  transform: translate(11.532vw, -10px) scale(0.462);
  animation: fall-119 29s -12s linear infinite;
}

@keyframes fall-119 {
  36.363% {
    transform: translate(18.3685vw, 36.363vh) scale(0.462);
  }

  to {
    transform: translate(14.95025vw, 100vh) scale(0.462);
  }
}

.snow-filter .snow:nth-child(120) {
  opacity: 0.1483;
  transform: translate(73.3817vw, -10px) scale(0.9206);
  animation: fall-120 19s -4s linear infinite;
}

@keyframes fall-120 {
  56.938% {
    transform: translate(63.6199vw, 56.938vh) scale(0.9206);
  }

  to {
    transform: translate(68.5008vw, 100vh) scale(0.9206);
  }
}

.snow-filter .snow:nth-child(121) {
  opacity: 0.1609;
  transform: translate(35.9142vw, -10px) scale(0.0687);
  animation: fall-121 22s -6s linear infinite;
}

@keyframes fall-121 {
  58.096% {
    transform: translate(39.7911vw, 58.096vh) scale(0.0687);
  }

  to {
    transform: translate(37.85265vw, 100vh) scale(0.0687);
  }
}

.snow-filter .snow:nth-child(122) {
  opacity: 0.8181;
  transform: translate(44.0487vw, -10px) scale(0.8524);
  animation: fall-122 26s -1s linear infinite;
}

@keyframes fall-122 {
  37.605% {
    transform: translate(34.9377vw, 37.605vh) scale(0.8524);
  }

  to {
    transform: translate(39.4932vw, 100vh) scale(0.8524);
  }
}

.snow-filter .snow:nth-child(123) {
  opacity: 0.3903;
  transform: translate(50.0845vw, -10px) scale(0.3502);
  animation: fall-123 26s -13s linear infinite;
}

@keyframes fall-123 {
  65.31% {
    transform: translate(56.0827vw, 65.31vh) scale(0.3502);
  }

  to {
    transform: translate(53.0836vw, 100vh) scale(0.3502);
  }
}

.snow-filter .snow:nth-child(124) {
  opacity: 0.579;
  transform: translate(23.9659vw, -10px) scale(0.8242);
  animation: fall-124 27s -29s linear infinite;
}

@keyframes fall-124 {
  74.808% {
    transform: translate(19.4187vw, 74.808vh) scale(0.8242);
  }

  to {
    transform: translate(21.6923vw, 100vh) scale(0.8242);
  }
}

.snow-filter .snow:nth-child(125) {
  opacity: 0.0518;
  transform: translate(32.3656vw, -10px) scale(0.7591);
  animation: fall-125 29s -10s linear infinite;
}

@keyframes fall-125 {
  65.059% {
    transform: translate(40.7161vw, 65.059vh) scale(0.7591);
  }

  to {
    transform: translate(36.54085vw, 100vh) scale(0.7591);
  }
}

.snow-filter .snow:nth-child(126) {
  opacity: 0.9576;
  transform: translate(10.2705vw, -10px) scale(0.3193);
  animation: fall-126 14s -18s linear infinite;
}

@keyframes fall-126 {
  37.092% {
    transform: translate(9.7954vw, 37.092vh) scale(0.3193);
  }

  to {
    transform: translate(10.03295vw, 100vh) scale(0.3193);
  }
}

.snow-filter .snow:nth-child(127) {
  opacity: 0.0039;
  transform: translate(76.481vw, -10px) scale(0.9684);
  animation: fall-127 21s -13s linear infinite;
}

@keyframes fall-127 {
  67.139% {
    transform: translate(84.6786vw, 67.139vh) scale(0.9684);
  }

  to {
    transform: translate(80.5798vw, 100vh) scale(0.9684);
  }
}

.snow-filter .snow:nth-child(128) {
  opacity: 0.6693;
  transform: translate(39.3817vw, -10px) scale(0.9106);
  animation: fall-128 25s -3s linear infinite;
}

@keyframes fall-128 {
  41.279% {
    transform: translate(43.6534vw, 41.279vh) scale(0.9106);
  }

  to {
    transform: translate(41.51755vw, 100vh) scale(0.9106);
  }
}

.snow-filter .snow:nth-child(129) {
  opacity: 0.3594;
  transform: translate(99.0088vw, -10px) scale(0.3417);
  animation: fall-129 24s -11s linear infinite;
}

@keyframes fall-129 {
  34.99% {
    transform: translate(107.53vw, 34.99vh) scale(0.3417);
  }

  to {
    transform: translate(103.2694vw, 100vh) scale(0.3417);
  }
}

.snow-filter .snow:nth-child(130) {
  opacity: 0.2863;
  transform: translate(21.6195vw, -10px) scale(0.2564);
  animation: fall-130 11s -15s linear infinite;
}

@keyframes fall-130 {
  69.628% {
    transform: translate(20.0482vw, 69.628vh) scale(0.2564);
  }

  to {
    transform: translate(20.83385vw, 100vh) scale(0.2564);
  }
}

.snow-filter .snow:nth-child(131) {
  opacity: 0.0774;
  transform: translate(4.6734vw, -10px) scale(0.4401);
  animation: fall-131 11s -19s linear infinite;
}

@keyframes fall-131 {
  56.486% {
    transform: translate(2.4867vw, 56.486vh) scale(0.4401);
  }

  to {
    transform: translate(3.58005vw, 100vh) scale(0.4401);
  }
}

.snow-filter .snow:nth-child(132) {
  opacity: 0.4179;
  transform: translate(88.8923vw, -10px) scale(0.616);
  animation: fall-132 13s -19s linear infinite;
}

@keyframes fall-132 {
  45.348% {
    transform: translate(80.9358vw, 45.348vh) scale(0.616);
  }

  to {
    transform: translate(84.91405vw, 100vh) scale(0.616);
  }
}

.snow-filter .snow:nth-child(133) {
  opacity: 0.4541;
  transform: translate(97.9147vw, -10px) scale(0.1808);
  animation: fall-133 26s -14s linear infinite;
}

@keyframes fall-133 {
  61.8% {
    transform: translate(106.9665vw, 61.8vh) scale(0.1808);
  }

  to {
    transform: translate(102.4406vw, 100vh) scale(0.1808);
  }
}

.snow-filter .snow:nth-child(134) {
  opacity: 0.1415;
  transform: translate(84.0228vw, -10px) scale(0.6895);
  animation: fall-134 29s -16s linear infinite;
}

@keyframes fall-134 {
  61.086% {
    transform: translate(81.9087vw, 61.086vh) scale(0.6895);
  }

  to {
    transform: translate(82.96575vw, 100vh) scale(0.6895);
  }
}

.snow-filter .snow:nth-child(135) {
  opacity: 0.8042;
  transform: translate(28.3659vw, -10px) scale(0.7749);
  animation: fall-135 25s -30s linear infinite;
}

@keyframes fall-135 {
  68.82% {
    transform: translate(18.9777vw, 68.82vh) scale(0.7749);
  }

  to {
    transform: translate(23.6718vw, 100vh) scale(0.7749);
  }
}

.snow-filter .snow:nth-child(136) {
  opacity: 0.1568;
  transform: translate(70.3211vw, -10px) scale(0.3908);
  animation: fall-136 27s -16s linear infinite;
}

@keyframes fall-136 {
  30.207% {
    transform: translate(76.5548vw, 30.207vh) scale(0.3908);
  }

  to {
    transform: translate(73.43795vw, 100vh) scale(0.3908);
  }
}

.snow-filter .snow:nth-child(137) {
  opacity: 0.3768;
  transform: translate(3.6245vw, -10px) scale(0.0522);
  animation: fall-137 11s -7s linear infinite;
}

@keyframes fall-137 {
  47.449% {
    transform: translate(-3.8521vw, 47.449vh) scale(0.0522);
  }

  to {
    transform: translate(-0.1138vw, 100vh) scale(0.0522);
  }
}

.snow-filter .snow:nth-child(138) {
  opacity: 0.6874;
  transform: translate(93.3968vw, -10px) scale(0.5748);
  animation: fall-138 19s -6s linear infinite;
}

@keyframes fall-138 {
  52.595% {
    transform: translate(84.5018vw, 52.595vh) scale(0.5748);
  }

  to {
    transform: translate(88.9493vw, 100vh) scale(0.5748);
  }
}

.snow-filter .snow:nth-child(139) {
  opacity: 0.2819;
  transform: translate(85.3185vw, -10px) scale(0.8348);
  animation: fall-139 22s -29s linear infinite;
}

@keyframes fall-139 {
  49.467% {
    transform: translate(85.9148vw, 49.467vh) scale(0.8348);
  }

  to {
    transform: translate(85.61665vw, 100vh) scale(0.8348);
  }
}

.snow-filter .snow:nth-child(140) {
  opacity: 0.3657;
  transform: translate(97.7934vw, -10px) scale(0.2349);
  animation: fall-140 26s -4s linear infinite;
}

@keyframes fall-140 {
  54.578% {
    transform: translate(96.3413vw, 54.578vh) scale(0.2349);
  }

  to {
    transform: translate(97.06735vw, 100vh) scale(0.2349);
  }
}

.snow-filter .snow:nth-child(141) {
  opacity: 0.3142;
  transform: translate(14.9166vw, -10px) scale(0.2213);
  animation: fall-141 13s -30s linear infinite;
}

@keyframes fall-141 {
  66.62% {
    transform: translate(18.3047vw, 66.62vh) scale(0.2213);
  }

  to {
    transform: translate(16.61065vw, 100vh) scale(0.2213);
  }
}

.snow-filter .snow:nth-child(142) {
  opacity: 0.1804;
  transform: translate(58.7079vw, -10px) scale(0.7849);
  animation: fall-142 12s -25s linear infinite;
}

@keyframes fall-142 {
  52.2% {
    transform: translate(62.3616vw, 52.2vh) scale(0.7849);
  }

  to {
    transform: translate(60.53475vw, 100vh) scale(0.7849);
  }
}

.snow-filter .snow:nth-child(143) {
  opacity: 0.5804;
  transform: translate(68.9182vw, -10px) scale(0.7616);
  animation: fall-143 14s -12s linear infinite;
}

@keyframes fall-143 {
  71.956% {
    transform: translate(66.7757vw, 71.956vh) scale(0.7616);
  }

  to {
    transform: translate(67.84695vw, 100vh) scale(0.7616);
  }
}

.snow-filter .snow:nth-child(144) {
  opacity: 0.2404;
  transform: translate(52.8449vw, -10px) scale(0.9552);
  animation: fall-144 20s -12s linear infinite;
}

@keyframes fall-144 {
  30.369% {
    transform: translate(47.196vw, 30.369vh) scale(0.9552);
  }

  to {
    transform: translate(50.02045vw, 100vh) scale(0.9552);
  }
}

.snow-filter .snow:nth-child(145) {
  opacity: 0.2997;
  transform: translate(42.2989vw, -10px) scale(0.3493);
  animation: fall-145 29s -29s linear infinite;
}

@keyframes fall-145 {
  74.645% {
    transform: translate(38.341vw, 74.645vh) scale(0.3493);
  }

  to {
    transform: translate(40.31995vw, 100vh) scale(0.3493);
  }
}

.snow-filter .snow:nth-child(146) {
  opacity: 0.1394;
  transform: translate(37.7312vw, -10px) scale(0.5273);
  animation: fall-146 23s -18s linear infinite;
}

@keyframes fall-146 {
  43.312% {
    transform: translate(36.0958vw, 43.312vh) scale(0.5273);
  }

  to {
    transform: translate(36.9135vw, 100vh) scale(0.5273);
  }
}

.snow-filter .snow:nth-child(147) {
  opacity: 0.1467;
  transform: translate(90.9035vw, -10px) scale(0.1495);
  animation: fall-147 22s -19s linear infinite;
}

@keyframes fall-147 {
  35.198% {
    transform: translate(87.0077vw, 35.198vh) scale(0.1495);
  }

  to {
    transform: translate(88.9556vw, 100vh) scale(0.1495);
  }
}

.snow-filter .snow:nth-child(148) {
  opacity: 0.3529;
  transform: translate(13.4409vw, -10px) scale(0.0391);
  animation: fall-148 17s -6s linear infinite;
}

@keyframes fall-148 {
  75.532% {
    transform: translate(14.8069vw, 75.532vh) scale(0.0391);
  }

  to {
    transform: translate(14.1239vw, 100vh) scale(0.0391);
  }
}

.snow-filter .snow:nth-child(149) {
  opacity: 0.092;
  transform: translate(66.316vw, -10px) scale(0.3067);
  animation: fall-149 18s -20s linear infinite;
}

@keyframes fall-149 {
  67.988% {
    transform: translate(65.9373vw, 67.988vh) scale(0.3067);
  }

  to {
    transform: translate(66.12665vw, 100vh) scale(0.3067);
  }
}

.snow-filter .snow:nth-child(150) {
  opacity: 0.0298;
  transform: translate(38.9063vw, -10px) scale(0.8539);
  animation: fall-150 27s -23s linear infinite;
}

@keyframes fall-150 {
  42.049% {
    transform: translate(47.9476vw, 42.049vh) scale(0.8539);
  }

  to {
    transform: translate(43.42695vw, 100vh) scale(0.8539);
  }
}

.snow-filter .snow:nth-child(151) {
  opacity: 0.0145;
  transform: translate(81.5733vw, -10px) scale(0.93);
  animation: fall-151 25s -28s linear infinite;
}

@keyframes fall-151 {
  64.866% {
    transform: translate(74.3712vw, 64.866vh) scale(0.93);
  }

  to {
    transform: translate(77.97225vw, 100vh) scale(0.93);
  }
}

.snow-filter .snow:nth-child(152) {
  opacity: 0.244;
  transform: translate(19.1417vw, -10px) scale(0.8772);
  animation: fall-152 15s -22s linear infinite;
}

@keyframes fall-152 {
  35.026% {
    transform: translate(29.023vw, 35.026vh) scale(0.8772);
  }

  to {
    transform: translate(24.08235vw, 100vh) scale(0.8772);
  }
}

.snow-filter .snow:nth-child(153) {
  opacity: 0.5584;
  transform: translate(5.9665vw, -10px) scale(0.0598);
  animation: fall-153 27s -2s linear infinite;
}

@keyframes fall-153 {
  64.865% {
    transform: translate(15.4386vw, 64.865vh) scale(0.0598);
  }

  to {
    transform: translate(10.70255vw, 100vh) scale(0.0598);
  }
}

.snow-filter .snow:nth-child(154) {
  opacity: 0.043;
  transform: translate(4.0446vw, -10px) scale(0.3201);
  animation: fall-154 29s -15s linear infinite;
}

@keyframes fall-154 {
  67.932% {
    transform: translate(-3.8732vw, 67.932vh) scale(0.3201);
  }

  to {
    transform: translate(0.0857vw, 100vh) scale(0.3201);
  }
}

.snow-filter .snow:nth-child(155) {
  opacity: 0.8138;
  transform: translate(86.7827vw, -10px) scale(0.3635);
  animation: fall-155 12s -11s linear infinite;
}

@keyframes fall-155 {
  66.744% {
    transform: translate(95.9417vw, 66.744vh) scale(0.3635);
  }

  to {
    transform: translate(91.3622vw, 100vh) scale(0.3635);
  }
}

.snow-filter .snow:nth-child(156) {
  opacity: 0.8854;
  transform: translate(35.4938vw, -10px) scale(0.9419);
  animation: fall-156 22s -20s linear infinite;
}

@keyframes fall-156 {
  47.793% {
    transform: translate(38.3697vw, 47.793vh) scale(0.9419);
  }

  to {
    transform: translate(36.93175vw, 100vh) scale(0.9419);
  }
}

.snow-filter .snow:nth-child(157) {
  opacity: 0.4334;
  transform: translate(10.168vw, -10px) scale(0.0587);
  animation: fall-157 29s -22s linear infinite;
}

@keyframes fall-157 {
  57.603% {
    transform: translate(18.4068vw, 57.603vh) scale(0.0587);
  }

  to {
    transform: translate(14.2874vw, 100vh) scale(0.0587);
  }
}

.snow-filter .snow:nth-child(158) {
  opacity: 0.4229;
  transform: translate(88.9644vw, -10px) scale(0.7939);
  animation: fall-158 29s -26s linear infinite;
}

@keyframes fall-158 {
  30.741% {
    transform: translate(79.7311vw, 30.741vh) scale(0.7939);
  }

  to {
    transform: translate(84.34775vw, 100vh) scale(0.7939);
  }
}

.snow-filter .snow:nth-child(159) {
  opacity: 0.6513;
  transform: translate(98.4178vw, -10px) scale(0.3732);
  animation: fall-159 20s -27s linear infinite;
}

@keyframes fall-159 {
  66.059% {
    transform: translate(98.0145vw, 66.059vh) scale(0.3732);
  }

  to {
    transform: translate(98.21615vw, 100vh) scale(0.3732);
  }
}

.snow-filter .snow:nth-child(160) {
  opacity: 0.8872;
  transform: translate(76.8596vw, -10px) scale(0.0662);
  animation: fall-160 22s -7s linear infinite;
}

@keyframes fall-160 {
  67.901% {
    transform: translate(84.547vw, 67.901vh) scale(0.0662);
  }

  to {
    transform: translate(80.7033vw, 100vh) scale(0.0662);
  }
}

.snow-filter .snow:nth-child(161) {
  opacity: 0.7352;
  transform: translate(1.2741vw, -10px) scale(0.3003);
  animation: fall-161 19s -10s linear infinite;
}

@keyframes fall-161 {
  48.155% {
    transform: translate(-2.5923vw, 48.155vh) scale(0.3003);
  }

  to {
    transform: translate(-0.6591vw, 100vh) scale(0.3003);
  }
}

.snow-filter .snow:nth-child(162) {
  opacity: 0.214;
  transform: translate(75.3989vw, -10px) scale(0.4287);
  animation: fall-162 10s -7s linear infinite;
}

@keyframes fall-162 {
  49.283% {
    transform: translate(82.9878vw, 49.283vh) scale(0.4287);
  }

  to {
    transform: translate(79.19335vw, 100vh) scale(0.4287);
  }
}

.snow-filter .snow:nth-child(163) {
  opacity: 0.2569;
  transform: translate(83.8696vw, -10px) scale(0.4524);
  animation: fall-163 29s -2s linear infinite;
}

@keyframes fall-163 {
  76.918% {
    transform: translate(92.8861vw, 76.918vh) scale(0.4524);
  }

  to {
    transform: translate(88.37785vw, 100vh) scale(0.4524);
  }
}

.snow-filter .snow:nth-child(164) {
  opacity: 0.1644;
  transform: translate(13.8346vw, -10px) scale(0.5014);
  animation: fall-164 30s -21s linear infinite;
}

@keyframes fall-164 {
  74.732% {
    transform: translate(3.8652vw, 74.732vh) scale(0.5014);
  }

  to {
    transform: translate(8.8499vw, 100vh) scale(0.5014);
  }
}

.snow-filter .snow:nth-child(165) {
  opacity: 0.216;
  transform: translate(74.0659vw, -10px) scale(0.4205);
  animation: fall-165 17s -19s linear infinite;
}

@keyframes fall-165 {
  58.674% {
    transform: translate(74.6963vw, 58.674vh) scale(0.4205);
  }

  to {
    transform: translate(74.3811vw, 100vh) scale(0.4205);
  }
}

.snow-filter .snow:nth-child(166) {
  opacity: 0.103;
  transform: translate(51.7761vw, -10px) scale(0.4922);
  animation: fall-166 20s -25s linear infinite;
}

@keyframes fall-166 {
  44.831% {
    transform: translate(55.4695vw, 44.831vh) scale(0.4922);
  }

  to {
    transform: translate(53.6228vw, 100vh) scale(0.4922);
  }
}

.snow-filter .snow:nth-child(167) {
  opacity: 0.5147;
  transform: translate(31.2319vw, -10px) scale(0.4099);
  animation: fall-167 17s -3s linear infinite;
}

@keyframes fall-167 {
  54.144% {
    transform: translate(38.3528vw, 54.144vh) scale(0.4099);
  }

  to {
    transform: translate(34.79235vw, 100vh) scale(0.4099);
  }
}

.snow-filter .snow:nth-child(168) {
  opacity: 0.1422;
  transform: translate(15.8872vw, -10px) scale(0.0002);
  animation: fall-168 12s -25s linear infinite;
}

@keyframes fall-168 {
  54.154% {
    transform: translate(22.2399vw, 54.154vh) scale(0.0002);
  }

  to {
    transform: translate(19.06355vw, 100vh) scale(0.0002);
  }
}

.snow-filter .snow:nth-child(169) {
  opacity: 0.9914;
  transform: translate(31.3335vw, -10px) scale(0.139);
  animation: fall-169 16s -5s linear infinite;
}

@keyframes fall-169 {
  30.914% {
    transform: translate(21.6676vw, 30.914vh) scale(0.139);
  }

  to {
    transform: translate(26.50055vw, 100vh) scale(0.139);
  }
}

.snow-filter .snow:nth-child(170) {
  opacity: 0.1676;
  transform: translate(39.1414vw, -10px) scale(0.2056);
  animation: fall-170 14s -12s linear infinite;
}

@keyframes fall-170 {
  43.507% {
    transform: translate(33.6792vw, 43.507vh) scale(0.2056);
  }

  to {
    transform: translate(36.4103vw, 100vh) scale(0.2056);
  }
}

.snow-filter .snow:nth-child(171) {
  opacity: 0.9748;
  transform: translate(96.7463vw, -10px) scale(0.6688);
  animation: fall-171 23s -8s linear infinite;
}

@keyframes fall-171 {
  48.412% {
    transform: translate(99.7787vw, 48.412vh) scale(0.6688);
  }

  to {
    transform: translate(98.2625vw, 100vh) scale(0.6688);
  }
}

.snow-filter .snow:nth-child(172) {
  opacity: 0.3853;
  transform: translate(84.851vw, -10px) scale(0.8696);
  animation: fall-172 11s -16s linear infinite;
}

@keyframes fall-172 {
  62.228% {
    transform: translate(91.5153vw, 62.228vh) scale(0.8696);
  }

  to {
    transform: translate(88.18315vw, 100vh) scale(0.8696);
  }
}

.snow-filter .snow:nth-child(173) {
  opacity: 0.0316;
  transform: translate(90.0013vw, -10px) scale(0.6525);
  animation: fall-173 22s -8s linear infinite;
}

@keyframes fall-173 {
  57.223% {
    transform: translate(82.277vw, 57.223vh) scale(0.6525);
  }

  to {
    transform: translate(86.13915vw, 100vh) scale(0.6525);
  }
}

.snow-filter .snow:nth-child(174) {
  opacity: 0.8047;
  transform: translate(74.0263vw, -10px) scale(0.5323);
  animation: fall-174 19s -10s linear infinite;
}

@keyframes fall-174 {
  43.091% {
    transform: translate(83.6451vw, 43.091vh) scale(0.5323);
  }

  to {
    transform: translate(78.8357vw, 100vh) scale(0.5323);
  }
}

.snow-filter .snow:nth-child(175) {
  opacity: 0.0941;
  transform: translate(72.359vw, -10px) scale(0.3727);
  animation: fall-175 10s -18s linear infinite;
}

@keyframes fall-175 {
  37.591% {
    transform: translate(81.4717vw, 37.591vh) scale(0.3727);
  }

  to {
    transform: translate(76.91535vw, 100vh) scale(0.3727);
  }
}

.snow-filter .snow:nth-child(176) {
  opacity: 0.7344;
  transform: translate(30.0849vw, -10px) scale(0.5643);
  animation: fall-176 10s -4s linear infinite;
}

@keyframes fall-176 {
  69.41% {
    transform: translate(36.539vw, 69.41vh) scale(0.5643);
  }

  to {
    transform: translate(33.31195vw, 100vh) scale(0.5643);
  }
}

.snow-filter .snow:nth-child(177) {
  opacity: 0.3917;
  transform: translate(99.9251vw, -10px) scale(0.8331);
  animation: fall-177 23s -23s linear infinite;
}

@keyframes fall-177 {
  65.715% {
    transform: translate(94.5951vw, 65.715vh) scale(0.8331);
  }

  to {
    transform: translate(97.2601vw, 100vh) scale(0.8331);
  }
}

.snow-filter .snow:nth-child(178) {
  opacity: 0.1122;
  transform: translate(75.6519vw, -10px) scale(0.31);
  animation: fall-178 18s -27s linear infinite;
}

@keyframes fall-178 {
  51.301% {
    transform: translate(71.1744vw, 51.301vh) scale(0.31);
  }

  to {
    transform: translate(73.41315vw, 100vh) scale(0.31);
  }
}

.snow-filter .snow:nth-child(179) {
  opacity: 0.9354;
  transform: translate(78.0817vw, -10px) scale(0.854);
  animation: fall-179 25s -11s linear infinite;
}

@keyframes fall-179 {
  42.598% {
    transform: translate(84.9079vw, 42.598vh) scale(0.854);
  }

  to {
    transform: translate(81.4948vw, 100vh) scale(0.854);
  }
}

.snow-filter .snow:nth-child(180) {
  opacity: 0.6362;
  transform: translate(56.5617vw, -10px) scale(0.1494);
  animation: fall-180 19s -28s linear infinite;
}

@keyframes fall-180 {
  69.507% {
    transform: translate(58.2032vw, 69.507vh) scale(0.1494);
  }

  to {
    transform: translate(57.38245vw, 100vh) scale(0.1494);
  }
}

.snow-filter .snow:nth-child(181) {
  opacity: 0.3914;
  transform: translate(51.9329vw, -10px) scale(0.0827);
  animation: fall-181 21s -2s linear infinite;
}

@keyframes fall-181 {
  30.035% {
    transform: translate(49.0087vw, 30.035vh) scale(0.0827);
  }

  to {
    transform: translate(50.4708vw, 100vh) scale(0.0827);
  }
}

.snow-filter .snow:nth-child(182) {
  opacity: 0.3247;
  transform: translate(63.4859vw, -10px) scale(0.7129);
  animation: fall-182 21s -22s linear infinite;
}

@keyframes fall-182 {
  31.44% {
    transform: translate(69.2598vw, 31.44vh) scale(0.7129);
  }

  to {
    transform: translate(66.37285vw, 100vh) scale(0.7129);
  }
}

.snow-filter .snow:nth-child(183) {
  opacity: 0.2369;
  transform: translate(59.3227vw, -10px) scale(0.0575);
  animation: fall-183 24s -18s linear infinite;
}

@keyframes fall-183 {
  77.037% {
    transform: translate(64.0929vw, 77.037vh) scale(0.0575);
  }

  to {
    transform: translate(61.7078vw, 100vh) scale(0.0575);
  }
}

.snow-filter .snow:nth-child(184) {
  opacity: 0.038;
  transform: translate(16.9591vw, -10px) scale(0.6213);
  animation: fall-184 18s -11s linear infinite;
}

@keyframes fall-184 {
  62.357% {
    transform: translate(11.3105vw, 62.357vh) scale(0.6213);
  }

  to {
    transform: translate(14.1348vw, 100vh) scale(0.6213);
  }
}

.snow-filter .snow:nth-child(185) {
  opacity: 0.6232;
  transform: translate(39.6444vw, -10px) scale(0.355);
  animation: fall-185 25s -4s linear infinite;
}

@keyframes fall-185 {
  52.766% {
    transform: translate(49.2662vw, 52.766vh) scale(0.355);
  }

  to {
    transform: translate(44.4553vw, 100vh) scale(0.355);
  }
}

.snow-filter .snow:nth-child(186) {
  opacity: 0.5244;
  transform: translate(78.9716vw, -10px) scale(0.067);
  animation: fall-186 21s -15s linear infinite;
}

@keyframes fall-186 {
  52.347% {
    transform: translate(76.1342vw, 52.347vh) scale(0.067);
  }

  to {
    transform: translate(77.5529vw, 100vh) scale(0.067);
  }
}

.snow-filter .snow:nth-child(187) {
  opacity: 0.7615;
  transform: translate(54.2013vw, -10px) scale(0.5395);
  animation: fall-187 24s -11s linear infinite;
}

@keyframes fall-187 {
  74.033% {
    transform: translate(50.6107vw, 74.033vh) scale(0.5395);
  }

  to {
    transform: translate(52.406vw, 100vh) scale(0.5395);
  }
}

.snow-filter .snow:nth-child(188) {
  opacity: 0.7903;
  transform: translate(15.3001vw, -10px) scale(0.6873);
  animation: fall-188 24s -17s linear infinite;
}

@keyframes fall-188 {
  65.936% {
    transform: translate(24.5493vw, 65.936vh) scale(0.6873);
  }

  to {
    transform: translate(19.9247vw, 100vh) scale(0.6873);
  }
}

.snow-filter .snow:nth-child(189) {
  opacity: 0.7705;
  transform: translate(93.4893vw, -10px) scale(0.0841);
  animation: fall-189 14s -12s linear infinite;
}

@keyframes fall-189 {
  57.039% {
    transform: translate(95.2575vw, 57.039vh) scale(0.0841);
  }

  to {
    transform: translate(94.3734vw, 100vh) scale(0.0841);
  }
}

.snow-filter .snow:nth-child(190) {
  opacity: 0.863;
  transform: translate(39.3997vw, -10px) scale(0.2769);
  animation: fall-190 25s -22s linear infinite;
}

@keyframes fall-190 {
  54.691% {
    transform: translate(46.5907vw, 54.691vh) scale(0.2769);
  }

  to {
    transform: translate(42.9952vw, 100vh) scale(0.2769);
  }
}

.snow-filter .snow:nth-child(191) {
  opacity: 0.5442;
  transform: translate(61.7971vw, -10px) scale(0.7619);
  animation: fall-191 12s -11s linear infinite;
}

@keyframes fall-191 {
  61.194% {
    transform: translate(52.2796vw, 61.194vh) scale(0.7619);
  }

  to {
    transform: translate(57.03835vw, 100vh) scale(0.7619);
  }
}

.snow-filter .snow:nth-child(192) {
  opacity: 0.1829;
  transform: translate(10.6621vw, -10px) scale(0.2297);
  animation: fall-192 16s -13s linear infinite;
}

@keyframes fall-192 {
  36.175% {
    transform: translate(17.7398vw, 36.175vh) scale(0.2297);
  }

  to {
    transform: translate(14.20095vw, 100vh) scale(0.2297);
  }
}

.snow-filter .snow:nth-child(193) {
  opacity: 0.8773;
  transform: translate(84.9334vw, -10px) scale(0.1389);
  animation: fall-193 17s -28s linear infinite;
}

@keyframes fall-193 {
  75.928% {
    transform: translate(76.2906vw, 75.928vh) scale(0.1389);
  }

  to {
    transform: translate(80.612vw, 100vh) scale(0.1389);
  }
}

.snow-filter .snow:nth-child(194) {
  opacity: 0.8507;
  transform: translate(82.576vw, -10px) scale(0.2986);
  animation: fall-194 10s -14s linear infinite;
}

@keyframes fall-194 {
  67.608% {
    transform: translate(88.4278vw, 67.608vh) scale(0.2986);
  }

  to {
    transform: translate(85.5019vw, 100vh) scale(0.2986);
  }
}

.snow-filter .snow:nth-child(195) {
  opacity: 0.1333;
  transform: translate(18.7372vw, -10px) scale(0.0312);
  animation: fall-195 14s -13s linear infinite;
}

@keyframes fall-195 {
  63.994% {
    transform: translate(25.5228vw, 63.994vh) scale(0.0312);
  }

  to {
    transform: translate(22.13vw, 100vh) scale(0.0312);
  }
}

.snow-filter .snow:nth-child(196) {
  opacity: 0.3223;
  transform: translate(38.6033vw, -10px) scale(0.3092);
  animation: fall-196 24s -25s linear infinite;
}

@keyframes fall-196 {
  57.365% {
    transform: translate(30.9372vw, 57.365vh) scale(0.3092);
  }

  to {
    transform: translate(34.77025vw, 100vh) scale(0.3092);
  }
}

.snow-filter .snow:nth-child(197) {
  opacity: 0.6326;
  transform: translate(97.3149vw, -10px) scale(0.1943);
  animation: fall-197 27s -20s linear infinite;
}

@keyframes fall-197 {
  31.003% {
    transform: translate(103.7428vw, 31.003vh) scale(0.1943);
  }

  to {
    transform: translate(100.52885vw, 100vh) scale(0.1943);
  }
}

.snow-filter .snow:nth-child(198) {
  opacity: 0.5331;
  transform: translate(67.2639vw, -10px) scale(0.0432);
  animation: fall-198 20s -14s linear infinite;
}

@keyframes fall-198 {
  30.119% {
    transform: translate(57.7462vw, 30.119vh) scale(0.0432);
  }

  to {
    transform: translate(62.50505vw, 100vh) scale(0.0432);
  }
}

.snow-filter .snow:nth-child(199) {
  opacity: 0.0566;
  transform: translate(14.6283vw, -10px) scale(0.1794);
  animation: fall-199 13s -27s linear infinite;
}

@keyframes fall-199 {
  33.111% {
    transform: translate(8.9596vw, 33.111vh) scale(0.1794);
  }

  to {
    transform: translate(11.79395vw, 100vh) scale(0.1794);
  }
}

.snow-filter .snow:nth-child(200) {
  opacity: 0.6954;
  transform: translate(92.776vw, -10px) scale(0.5429);
  animation: fall-200 13s -19s linear infinite;
}

@keyframes fall-200 {
  30.125% {
    transform: translate(91.5977vw, 30.125vh) scale(0.5429);
  }

  to {
    transform: translate(92.18685vw, 100vh) scale(0.5429);
  }
}

.after\:hidden::after{
  content: var(--tw-content);
  display: none;
}

.hover\:-translate-y-2:hover{
  --tw-translate-y: -0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border-none:hover{
  border-style: none;
}

.hover\:bg-blue-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

.hover\:bg-gray-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}

.hover\:bg-primary-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(97 134 42 / var(--tw-bg-opacity));
}

.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:text-primary-500:hover{
  --tw-text-opacity: 1;
  color: rgb(115 155 52 / var(--tw-text-opacity));
}

.hover\:text-primary-600:hover{
  --tw-text-opacity: 1;
  color: rgb(97 134 42 / var(--tw-text-opacity));
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:no-underline:hover{
  text-decoration-line: none;
}

.group:hover .group-hover\:scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 640px){
  .sm\:inset-0{
    inset: 0px;
  }

  .sm\:mb-0{
    margin-bottom: 0px;
  }

  .sm\:inline{
    display: inline;
  }

  .sm\:flex{
    display: flex;
  }

  .sm\:hidden{
    display: none;
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:flex-row{
    flex-direction: row;
  }

  .sm\:items-start{
    align-items: flex-start;
  }

  .sm\:items-center{
    align-items: center;
  }

  .sm\:items-baseline{
    align-items: baseline;
  }

  .sm\:justify-start{
    justify-content: flex-start;
  }

  .sm\:gap-8{
    gap: 2rem;
  }

  .sm\:rounded-lg{
    border-radius: 0.5rem;
  }

  .sm\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:pb-10{
    padding-bottom: 2.5rem;
  }

  .sm\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 768px){
  .md\:inline{
    display: inline;
  }

  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:items-start{
    align-items: flex-start;
  }

  .md\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media (min-width: 1024px){
  .lg\:inset-0{
    inset: 0px;
  }

  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .lg\:mb-0{
    margin-bottom: 0px;
  }

  .lg\:inline{
    display: inline;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:inline-flex{
    display: inline-flex;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:flex-col{
    flex-direction: column;
  }

  .lg\:items-start{
    align-items: flex-start;
  }

  .lg\:justify-start{
    justify-content: flex-start;
  }

  .lg\:gap-0{
    gap: 0px;
  }

  .lg\:p-0{
    padding: 0px;
  }

  .lg\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:text-left{
    text-align: left;
  }

  .lg\:text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .lg\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .lg\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }

  .lg\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .lg\:text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

:is(:where(.dark) .dark\:border-gray-700){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

:is(:where(.dark) .dark\:bg-gray-400){
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

:is(:where(.dark) .dark\:bg-transparent){
  background-color: transparent;
}

:is(:where(.dark) .dark\:text-gray-100){
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}

:is(:where(.dark) .dark\:text-gray-300){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

:is(:where(.dark) .dark\:text-gray-400){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

:is(:where(.dark) .dark\:text-gray-500){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

:is(:where(.dark) .dark\:text-gray-800){
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

:is(:where(.dark) .dark\:text-white){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\[\&\>div\]\:hover\:visible:hover>div{
  visibility: visible;
}

.\[\&\>div\]\:hover\:top-auto:hover>div{
  top: auto;
}

.\[\&\>div\]\:hover\:z-10:hover>div{
  z-index: 10;
}

.\[\&\>div\]\:hover\:block:hover>div{
  display: block;
}

.\[\&\>div\]\:hover\:h-full:hover>div{
  height: 100%;
}

.\[\&\>div\]\:hover\:pt-3:hover>div{
  padding-top: 0.75rem;
}

.\[\&\>div\]\:hover\:opacity-100:hover>div{
  opacity: 1;
}

.\[\&\>div\]\:hover\:transition-all:hover>div{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}