{"version":3,"sources":["whether-icon/_whether-icon.scss","whether-icon.css"],"names":[],"mappings":"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","file":"whether-icon.css","sourcesContent":["/* VARIABLES */\r\n$baseAnimationDuration: 18s;\r\n$size: 80px;\r\n$svgSize: 70px;\r\n@function pi() {\r\n  @return 3.14159265359;\r\n}\r\n@function fact($number) {\r\n  $value: 1;\r\n  @if $number > 0 {\r\n    @for $i from 1 through $number {\r\n      $value: $value * $i;\r\n    }\r\n  }\r\n  @return $value;\r\n}\r\n@function rad($angle) {\r\n  $unit: unit($angle);\r\n  $unitless: calc($angle / ($angle * 0 + 1));\r\n  // If the angle has 'deg' as unit, convert to radians.\r\n  @if $unit == deg {\r\n    $unitless: $unitless / 180 * pi();\r\n  }\r\n  @return $unitless;\r\n}\r\n@function pow($number, $exp) {\r\n  $value: 1;\r\n  @if $exp > 0 {\r\n    @for $i from 1 through $exp {\r\n      $value: $value * $number;\r\n    }\r\n  }\r\n  @else if $exp < 0 {\r\n    @for $i from 1 through -$exp {\r\n      $value: $value / $number;\r\n    }\r\n  }\r\n  @return $value;\r\n}\r\n@function sin($angle) {\r\n  $sin: 0;\r\n  $angle: rad($angle);\r\n  // Iterate a bunch of times.\r\n  @for $i from 0 through 10 {\r\n    $sin: $sin + pow(-1, $i) * pow($angle, (2 * $i + 1)) / fact(2 * $i + 1);\r\n  }\r\n  @return $sin;\r\n}\r\n\r\n\r\n//vars specific for curves\r\n$animationStep: 2;\r\n$increase: calc(pi() / 100);\r\n\r\n$backgroundColor: skyblue;\r\n$fontColor: white;\r\n$strokeColor: white;\r\n$fillColor: #aedef4;\r\n\r\n/* Applies a stroke to the icons. Can use percentage for responsive */\r\n$strokeStrokeWidth: 0%;\r\n$strokeStrokeColor: black;\r\n$fillStrokeWidth: 0%;\r\n$fillStrokeColor: black;\r\n\r\n.climacon_component-stroke {\r\n  fill: #dcdada;\r\n  stroke-width: 1px;\r\n  stroke: #717171;\r\n}\r\n\r\n.climacon_component-fill {\r\n  fill: #71717140;\r\n  stroke-width: 0;\r\n  stroke: #ddd;\r\n}\r\n\r\n/* SVG GLOBAL */\r\n\r\nsvg.climacon {\r\n  display: inline-block;\r\n  width: $size;\r\n  height: $size;\r\n  shape-rendering: geometricPrecision;\r\n}\r\n\r\ng, path, circle, rect {\r\n  animation-iteration-count: infinite;\r\n  animation-timing-function: linear;\r\n  transform-origin: 50% 50%;\r\n  animation-duration: $baseAnimationDuration;\r\n  animation-direction: normal;\r\n}\r\n\r\n/* SUN */\r\n\r\n.climacon_componentWrap-sun {\r\n  animation-name: rotate;\r\n}\r\n\r\n.climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke {\r\n  animation-name: scale;\r\n  animation-direction: alternate;\r\n  animation-duration: calc($baseAnimationDuration / 4);\r\n}\r\n\r\n.climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke:nth-child(even) {\r\n  animation-delay: calc($baseAnimationDuration / 4);\r\n}\r\n\r\n/* MOON */\r\n\r\n.climacon_componentWrap-moon {\r\n  animation-name: partialRotate;\r\n  animation-duration: $baseAnimationDuration;\r\n  animation-direction: alternate;\r\n}\r\n\r\n/* WIND */\r\n\r\n.climacon_componentWrap-wind {\r\n  animation-name: translateWind;\r\n  animation-duration: calc($baseAnimationDuration / 3);\r\n  animation-direction: alternate;\r\n  animation-timing-function: ease-in-out;\r\n}\r\n\r\n/* SNOWFLAKE */\r\n\r\n.climacon_componentWrap-snowflake {\r\n  animation-name: rotate;\r\n  animation-duration: $baseAnimationDuration * 3;\r\n  animation-direction: normal;\r\n}\r\n\r\n/* CLOUD SUN */\r\n\r\n.climacon_componentWrap-sun_cloud {\r\n  animation-name: behindCloudMove, rotate;\r\n  animation-iteration-count: 1, infinite;\r\n  animation-timing-function: ease-out, linear;\r\n  animation-delay: 0, calc($baseAnimationDuration / 4);\r\n  animation-duration: calc($baseAnimationDuration / 4), $baseAnimationDuration;\r\n}\r\n\r\n.climacon_componentWrap-sun_cloud .climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke {\r\n  fill-opacity: 0;\r\n  animation-name: fillOpacity, scale;\r\n  animation-iteration-count: 1, infinite;\r\n  animation-delay: calc($baseAnimationDuration / 4), 0;\r\n  animation-fill-mode: both;\r\n}\r\n\r\n.climacon_componentWrap-sun_cloud .climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke:nth-child(even) {\r\n  animation-delay: calc($baseAnimationDuration / 4);\r\n}\r\n\r\n/* CLOUD MOON */\r\n\r\n.climacon_componentWrap-moon_cloud {\r\n  animation-name: behindCloudMove, partialRotate;\r\n  animation-iteration-count: 1, infinite;\r\n  animation-timing-function: ease-out, linear;\r\n  animation-delay: 0, calc($baseAnimationDuration / 4);\r\n  animation-duration: calc($baseAnimationDuration / 4), $baseAnimationDuration;\r\n}\r\n\r\n/* DRIZZLE */\r\n\r\n.climacon_component-stroke_drizzle {\r\n  fill-opacity: 0;\r\n  animation-name: drizzleFall, fillOpacity2;\r\n  animation-timing-function: ease-in;\r\n  animation-duration: calc($baseAnimationDuration / 12);\r\n}\r\n\r\n@for $i from 1 through 3 {\r\n  .climacon_component-stroke_drizzle:nth-child(#{$i}) {\r\n    animation-delay: $baseAnimationDuration * 0.05 * $i - $baseAnimationDuration * 0.05;\r\n  }\r\n}\r\n\r\n/* RAIN */\r\n\r\n.climacon_component-stroke_rain {\r\n  fill-opacity: 0;\r\n  animation-name: rainFall, fillOpacity2;\r\n  animation-timing-function: ease-in;\r\n  animation-duration: calc($baseAnimationDuration / 6);\r\n}\r\n\r\n.climacon_component-stroke_rain:nth-child(n+4) {\r\n  animation-delay: calc($baseAnimationDuration / 12);\r\n}\r\n\r\n.climacon_component-stroke_rain_alt:nth-child(2) {\r\n  animation-delay: calc($baseAnimationDuration / 12);\r\n}\r\n\r\n/* HAIL */\r\n\r\n.climacon_component-stroke_hail {\r\n  //animation-name: translateY, fillOpacity2\r\n  //animation-timing-function: ease-in\r\n  //animation-duration: $baseAnimationDuration / 24\r\n}\r\n\r\n/* HAIL ALT */\r\n\r\n.climacon_component-stroke_hailAlt {\r\n  fill-opacity: 1;\r\n  animation-timing-function: ease-in;\r\n  animation-duration: calc($baseAnimationDuration / 18);\r\n}\r\n\r\n.climacon_component-stroke_hailAlt-left {\r\n  animation-name: hailLeft, fillOpacity2;\r\n}\r\n\r\n.climacon_component-stroke_hailAlt-middle {\r\n  animation-name: hailMiddle, fillOpacity2;\r\n}\r\n\r\n.climacon_component-stroke_hailAlt-middle:nth-child(2) {\r\n  animation-name: hailMiddle2, fillOpacity2;\r\n}\r\n\r\n.climacon_component-stroke_hailAlt-right {\r\n  animation-name: hailRight, fillOpacity2;\r\n}\r\n\r\n@for $i from 1 through 6 {\r\n  .climacon_component-stroke_hailAlt:nth-child(#{$i}) {\r\n    animation-delay: calc($baseAnimationDuration / 18 / 6 * $i - $baseAnimationDuration / 18 / 6);\r\n  }\r\n}\r\n\r\n/* SNOW */\r\n\r\n.climacon_component-stroke_snow {\r\n  fill-opacity: 0;\r\n  animation-name: snowFall, fillOpacity2;\r\n  animation-timing-function: ease-in-out;\r\n  animation-duration: calc($baseAnimationDuration / 2);\r\n}\r\n\r\n.climacon_component-stroke_snow:nth-child(3) {\r\n  animation-name: snowFall2, fillOpacity2;\r\n}\r\n\r\n@for $i from 1 through 3 {\r\n  .climacon_component-stroke_snow:nth-child(#{$i}) {\r\n    animation-delay: calc($baseAnimationDuration / 2 / 3 * $i - $baseAnimationDuration / 2 / 3);\r\n  }\r\n}\r\n\r\n/* SNOW ALT */\r\n\r\n.climacon_wrapperComponent-snowAlt {\r\n  fill-opacity: 0;\r\n  animation-name: snowFall, fillOpacity2;\r\n  animation-timing-function: ease-in-out;\r\n  animation-duration: calc($baseAnimationDuration / 2);\r\n}\r\n\r\n/* FOG */\r\n\r\n.climacon_component-stroke_fogLine {\r\n  fill-opacity: 0.5;\r\n  animation-name: translateFog, fillOpacityFog;\r\n  animation-iteration-count: infinite;\r\n  animation-direction: normal;\r\n  animation-timing-function: ease-in;\r\n  animation-duration: $baseAnimationDuration;\r\n}\r\n\r\n.climacon_component-stroke_fogLine:nth-child(even) {\r\n  animation-delay: calc($baseAnimationDuration / 2);\r\n}\r\n\r\n/* LIGHTNING */\r\n\r\n.climacon_component-stroke_lightning {\r\n  fill-opacity: 0;\r\n  animation-name: fillOpacityLightning;\r\n  animation-iteration-count: infinite;\r\n  animation-direction: normal;\r\n  animation-timing-function: ease-out;\r\n  animation-duration: $baseAnimationDuration;\r\n}\r\n\r\n/* TORNADO */\r\n\r\n.climacon_component-stroke_tornadoLine {\r\n  animation-name: translateTornado1;\r\n  animation-iteration-count: infinite;\r\n  animation-direction: alternate;\r\n  animation-timing-function: ease-in-out;\r\n  animation-duration: $baseAnimationDuration;\r\n}\r\n\r\n.climacon_component-stroke_tornadoLine:nth-child(1) {\r\n  animation-name: translateTornado1;\r\n}\r\n\r\n.climacon_component-stroke_tornadoLine:nth-child(2) {\r\n  animation-name: translateTornado2;\r\n}\r\n\r\n.climacon_component-stroke_tornadoLine:nth-child(3) {\r\n  animation-name: translateTornado3;\r\n}\r\n\r\n.climacon_component-stroke_tornadoLine:nth-child(4) {\r\n  animation-name: translateTornado4;\r\n}\r\n\r\n.climacon_component-stroke_tornadoLine:nth-child(5) {\r\n  animation-name: translateTornado5;\r\n}\r\n\r\n.climacon_component-stroke_tornadoLine:nth-child(6) {\r\n  animation-name: translateTornado6;\r\n}\r\n\r\n.climacon_componentWrap-sunsetAlt {\r\n  animation-name: translateSunset;\r\n  animation-duration: calc($baseAnimationDuration / 4);\r\n  animation-iteration-count: 1;\r\n  animation-timing-function: ease-out;\r\n}\r\n\r\n.climacon_componentWrap-sunsetAlt {\r\n  animation-name: translateSunset;\r\n  animation-iteration-count: 1;\r\n}\r\n\r\n.climacon_iconWrap-sun .climacon_component-stroke_sunSpoke, .climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke {\r\n  fill-opacity: 1;\r\n  animation-name: scale;\r\n  animation-duration: 3s;\r\n  animation-iteration-count: infinite;\r\n  animation-delay: 0s;\r\n  animation-fill-mode: both;\r\n  animation-direction: alternate;\r\n}\r\n\r\n.climacon_iconWrap-sun .climacon_component-stroke_sunSpoke:nth-child(even), .climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke:nth-child(even) {\r\n  animation-delay: calc($baseAnimationDuration / 4);\r\n}\r\n\r\n.climacon-iconWrap_sunFill .climacon_component-stroke_sunSpoke {\r\n  fill-opacity: 1;\r\n  animation-name: scale;\r\n  animation-iteration-count: infinite;\r\n  animation-delay: 0s;\r\n  animation-fill-mode: both;\r\n  animation-direction: alternate;\r\n}\r\n\r\n.climacon-iconWrap_sunFill .climacon_component-stroke_sunSpoke:nth-child(even) {\r\n  animation-delay: calc($baseAnimationDuration / 4);\r\n}\r\n\r\n.climacon_component-stroke_arrow-up {\r\n  fill-opacity: 0;\r\n  animation-name: fillOpacity2, translateArrowUp;\r\n  animation-duration: calc($baseAnimationDuration / 4);\r\n}\r\n\r\n.climacon_component-stroke_arrow-down {\r\n  fill-opacity: 0;\r\n  animation-name: fillOpacity2, translateArrowDown;\r\n  animation-duration: calc($baseAnimationDuration / 4);\r\n}\r\n\r\n.climacon_componentWrap-sunrise .climacon_component-stroke_sunSpoke, .climacon_componentWrap-sunset .climacon_component-stroke_sunSpoke {\r\n  animation-name: scale;\r\n  animation-direction: alternate;\r\n  animation-iteration-count: infinite;\r\n  animation-duration: calc($baseAnimationDuration / 4);\r\n  animation-delay: 0s;\r\n  animation-fill-mode: both;\r\n}\r\n\r\n.climacon_componentWrap-sunrise .climacon_component-stroke_sunSpoke:nth-child(even), .climacon_componentWrap-sunset .climacon_component-stroke_sunSpoke:nth-child(even) {\r\n  animation-delay: calc($baseAnimationDuration / 4);\r\n}\r\n\r\n.climacon_componentWrap-sunriseAlt {\r\n  animation-name: translateSunrise, fillOpacity;\r\n  animation-duration: $baseAnimationDuration, calc($baseAnimationDuration / 2);\r\n  animation-direction: normal;\r\n  animation-iteration-count: 1;\r\n  animation-fill-mode: forwards;\r\n}\r\n\r\n.climacon_componentWrap-sunriseAlt .climacon_component-stroke_sunSpoke {\r\n  fill-opacity: 0;\r\n  animation-name: fillOpacity, scale;\r\n  animation-direction: normal, alternate;\r\n  animation-iteration-count: 1, infinite;\r\n  animation-duration: calc($baseAnimationDuration / 4);\r\n  animation-delay: calc($baseAnimationDuration / 4), 0;\r\n  animation-fill-mode: both;\r\n}\r\n\r\n.climacon_componentWrap-sunriseAlt .climacon_component-stroke_sunSpoke:nth-child(even) {\r\n  animation-delay: calc($baseAnimationDuration / 4), calc($baseAnimationDuration / 4);\r\n}\r\n\r\n.climacon_componentWrap-sunsetAlt {\r\n  animation-name: translateSunset;\r\n  animation-delay: 0s;\r\n  animation-duration: $baseAnimationDuration;\r\n  animation-direction: normal;\r\n  animation-iteration-count: 1;\r\n  animation-fill-mode: forwards;\r\n}\r\n\r\n/* ANIMATIONS */\r\n\r\n@keyframes rotate {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n\r\n\r\n@keyframes partialRotate {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  25% {\r\n    transform: rotate(-15deg);\r\n  }\r\n  50% {\r\n    transform: rotate(0deg);\r\n  }\r\n  75% {\r\n    transform: rotate(15deg);\r\n  }\r\n  100% {\r\n    transform: rotate(0deg);\r\n  }\r\n}\r\n\r\n\r\n@keyframes scale {\r\n  0% {\r\n    transform: scale(1, 1);\r\n  }\r\n  100% {\r\n    transform: scale(0.5, 0.5);\r\n  }\r\n}\r\n\r\n\r\n@keyframes behindCloudMove {\r\n  0% {\r\n    transform: translateX(-$svgSize * 0.025) translateY($svgSize * 0.025);\r\n  }\r\n  100% {\r\n    transform: translateX(0) translateY(0);\r\n  }\r\n}\r\n\r\n\r\n@keyframes drizzleFall {\r\n  0% {\r\n    transform: translateY(0);\r\n  }\r\n  100% {\r\n    transform: translateY($svgSize * 0.3);\r\n  }\r\n}\r\n\r\n\r\n@keyframes rainFall {\r\n  0% {\r\n    transform: translateY(0);\r\n  }\r\n  100% {\r\n    transform: translateY($svgSize * 0.2);\r\n  }\r\n}\r\n\r\n\r\n@keyframes rainFall2 {\r\n  0% {\r\n    transform: translateY(0);\r\n  }\r\n  50% {\r\n    transform: translateY($svgSize * 0.2);\r\n  }\r\n  100% {\r\n    transform: translateX($svgSize * 0.2) translateY($svgSize * 0.2);\r\n  }\r\n}\r\n\r\n\r\n$i: 51;\r\n$t: 0;\r\n\r\n@keyframes hailLeft {\r\n  0% {}\r\n  50% {\r\n    transform: translateY($svgSize * 0.25);\r\n  }\r\n  // @while $i <= 100 {\r\n  //   #{$i}% {\r\n  //     $eq: sin($t) / 2;\r\n  //     transform: translateY($eq * -($svgSize * 0.25) + $svgSize * 0.25) translateX(-0.3px * ($i - 50));\r\n  //   }\r\n  //   $t: $t + $increase * $animationStep * 2;\r\n  //   $i: $i + $animationStep;\r\n  // }\r\n}\r\n\r\n$i: 51;\r\n$t: 0;\r\n@keyframes hailMiddle {\r\n  0% {}\r\n  50% {\r\n    transform: translateY($svgSize * 0.25);\r\n  }\r\n  // @while $i <= 100 {\r\n  //   #{$i}% {\r\n  //     $eq: sin($t) / 2;\r\n  //     transform: translateY($eq * -($svgSize * 0.25) + $svgSize * 0.25) translateX(-0.15px * ($i - 50));\r\n  //   }\r\n  //   $t: $t + $increase * $animationStep * 2;\r\n  //   $i: $i + $animationStep;\r\n  // }\r\n}\r\n\r\n\r\n$increase: calc(pi() / 100);\r\n$i: 51;\r\n$t: 0;\r\n\r\n@keyframes hailMiddle2 {\r\n  0% {}\r\n  50% {\r\n    transform: translateY($svgSize * 0.25);\r\n  }\r\n  // @while $i <= 100 {\r\n  //   #{$i}% {\r\n  //     $eq: sin($t) / 2;\r\n  //     transform: translateY($eq * -($svgSize * 0.25) + $svgSize * 0.25) translateX(0.15px * ($i - 50));\r\n  //   }\r\n  //   $t: $t + $increase * $animationStep * 2;\r\n  //   $i: $i + $animationStep;\r\n  // }\r\n}\r\n\r\n\r\n$i: 51;\r\n$t: 0;\r\n\r\n@keyframes hailRight {\r\n  0% {}\r\n  50% {\r\n    transform: translateY($svgSize * 0.25);\r\n  }\r\n  // @while $i <= 100 {\r\n  //   #{$i}% {\r\n  //     $eq: sin($t) / 2;\r\n  //     transform: translateY($eq * -($svgSize * 0.25) + $svgSize * 0.25) translateX(0.3px * ($i - 50));\r\n  //   }\r\n  //   $t: $t + $increase * $animationStep * 2;\r\n  //   $i: $i + $animationStep;\r\n  // }\r\n}\r\n\r\n\r\n@keyframes fillOpacity {\r\n  0% {\r\n    fill-opacity: 0;\r\n    stroke-opacity: 0;\r\n  }\r\n  100% {\r\n    fill-opacity: 1;\r\n    stroke-opacity: 1;\r\n  }\r\n}\r\n\r\n\r\n@keyframes fillOpacity2 {\r\n  0% {\r\n    fill-opacity: 0;\r\n    stroke-opacity: 0;\r\n  }\r\n  50% {\r\n    fill-opacity: 1;\r\n    stroke-opacity: 1;\r\n  }\r\n  100% {\r\n    fill-opacity: 0;\r\n    stroke-opacity: 0;\r\n  }\r\n}\r\n\r\n\r\n@keyframes lightningFlash {\r\n  0% {\r\n    fill-opacity: 0;\r\n  }\r\n  1% {\r\n    fill-opacity: 1;\r\n  }\r\n  2% {\r\n    fill-opacity: 0;\r\n  }\r\n  50% {\r\n    fill-opacity: 0;\r\n  }\r\n  51% {\r\n    fill-opacity: 1;\r\n  }\r\n  52% {\r\n    fill-opacity: 0;\r\n  }\r\n  53% {\r\n    fill-opacity: 1;\r\n  }\r\n  54% {\r\n    fill-opacity: 0;\r\n  }\r\n  100% {\r\n    fill-opacity: 0;\r\n  }\r\n}\r\n\r\n\r\n$i: 0;\r\n$t: 0;\r\n\r\n@keyframes snowFall {\r\n  // @while $i <= 100 {\r\n  //   #{$i}% {\r\n  //     $eq: sin($t);\r\n  //     transform: translateY($svgSize * 0.25 * $i * 0.01) translateX(-$eq * ($i - 50) * 1px / 4);\r\n  //   }\r\n  //   $t: $t + $increase * $animationStep;\r\n  //   $i: $i + $animationStep;\r\n  // }\r\n}\r\n\r\n\r\n$i: 0;\r\n$t: 0;\r\n\r\n@keyframes snowFall2 {\r\n  // @while $i <= 100 {\r\n  //   #{$i}% {\r\n  //     $eq: sin($t);\r\n  //     transform: translateY($svgSize * 0.25 * $i * 0.01) translateX($eq * ($i - 50) * 1px / 4);\r\n  //   }\r\n  //   $t: $t + $increase * $animationStep;\r\n  //   $i: $i + $animationStep;\r\n  // }\r\n}\r\n\r\n\r\n/* Tornado */\r\n@keyframes translateTornado1 {\r\n  0% {\r\n    transform: translateY(0);\r\n  }\r\n  25% {\r\n    transform: translateX($svgSize * 0.0571);\r\n  }\r\n  75% {\r\n    transform: translateX(-$svgSize * 0.0571);\r\n  }\r\n  100% {\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n\r\n@keyframes translateTornado2 {\r\n  0% {\r\n    transform: translateY(0);\r\n  }\r\n  25% {\r\n    transform: translateX($svgSize * 0.0286);\r\n  }\r\n  75% {\r\n    transform: translateX(-$svgSize * 0.0286);\r\n  }\r\n  100% {\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n\r\n@keyframes translateTornado3 {\r\n  0% {\r\n    transform: translateY(0);\r\n  }\r\n  25% {\r\n    transform: translateX($svgSize * 0.1143);\r\n  }\r\n  75% {\r\n    transform: translateX(-$svgSize * 0.1143);\r\n  }\r\n  100% {\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n\r\n@keyframes translateTornado4 {\r\n  0% {\r\n    transform: translateY(0);\r\n  }\r\n  25% {\r\n    transform: translateX($svgSize * 0.0857);\r\n  }\r\n  75% {\r\n    transform: translateX(-$svgSize * 0.0857);\r\n  }\r\n  100% {\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n\r\n@keyframes translateTornado5 {\r\n  0% {\r\n    transform: translateY(0);\r\n  }\r\n  25% {\r\n    transform: translateX($svgSize * 0.1429);\r\n  }\r\n  75% {\r\n    transform: translateX(-$svgSize * 0.1429);\r\n  }\r\n  100% {\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n\r\n@keyframes translateTornado6 {\r\n  0% {\r\n    transform: translateY(0);\r\n  }\r\n  25% {\r\n    transform: translateX($svgSize * 0.0857);\r\n  }\r\n  75% {\r\n    transform: translateX(-$svgSize * 0.0857);\r\n  }\r\n  100% {\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n\r\n@keyframes fillOpacityLightning {\r\n  0% {\r\n    fill-opacity: 0;\r\n    stroke-opacity: 0;\r\n  }\r\n  1% {\r\n    fill-opacity: 1;\r\n    stroke-opacity: 1;\r\n  }\r\n  7% {\r\n    fill-opacity: 0;\r\n    stroke-opacity: 0;\r\n  }\r\n  50% {\r\n    fill-opacity: 0;\r\n    stroke-opacity: 0;\r\n  }\r\n  51% {\r\n    fill-opacity: 1;\r\n    stroke-opacity: 1;\r\n  }\r\n  53% {\r\n    fill-opacity: 0;\r\n    stroke-opacity: 0;\r\n  }\r\n  54% {\r\n    fill-opacity: 1;\r\n    stroke-opacity: 1;\r\n  }\r\n  60% {\r\n    fill-opacity: 0;\r\n    stroke-opacity: 0;\r\n  }\r\n  100% {\r\n    fill-opacity: 0;\r\n    stroke-opacity: 0;\r\n  }\r\n}\r\n\r\n\r\n@keyframes translateFog {\r\n  0% {\r\n    transform: translateY(0);\r\n  }\r\n  25% {\r\n    transform: translateX($svgSize * 0.0357);\r\n  }\r\n  75% {\r\n    transform: translateX(-$svgSize * 0.0357);\r\n  }\r\n  100% {\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n\r\n@keyframes fillOpacityFog {\r\n  0% {\r\n    fill-opacity: 0.5;\r\n    stroke-opacity: 0.5;\r\n  }\r\n  50% {\r\n    fill-opacity: 1;\r\n    stroke-opacity: 1;\r\n  }\r\n  100% {\r\n    fill-opacity: 0.5;\r\n    stroke-opacity: 0.5;\r\n  }\r\n}\r\n\r\n\r\n@keyframes translateSunrise {\r\n  0% {\r\n    transform: translateY(0);\r\n  }\r\n  25% {\r\n    transform: translateY(-$svgSize * 0.2286);\r\n  }\r\n  100% {\r\n    transform: translateY(-$svgSize * 0.2286);\r\n  }\r\n}\r\n\r\n\r\n@keyframes translateSunset {\r\n  0% {\r\n    transform: translateY(-$svgSize * 0.2286);\r\n  }\r\n  25% {\r\n    transform: translateY(-$svgSize * 0.0571);\r\n  }\r\n  100% {\r\n    transform: translateY(-$svgSize * 0.0571);\r\n  }\r\n}\r\n\r\n\r\n@keyframes translateArrowDown {\r\n  0% {\r\n    transform: translateY($svgSize * 0.0286);\r\n  }\r\n  100% {\r\n    transform: translateY($svgSize * 0.0714);\r\n  }\r\n}\r\n\r\n\r\n@keyframes translateArrowUp {\r\n  0% {\r\n    transform: translateY(-$svgSize * 0.0286);\r\n  }\r\n  100% {\r\n    transform: translateY(-$svgSize * 0.0714);\r\n  }\r\n}\r\n\r\n\r\n@keyframes translateWind {\r\n  0% {\r\n    transform: translateY(0);\r\n  }\r\n  25% {\r\n    transform: translateX($svgSize * 0.0714);\r\n  }\r\n  75% {\r\n    transform: translateX(-$svgSize * 0.0714);\r\n  }\r\n  100% {\r\n    transform: translateX(0);\r\n  }\r\n}","/* VARIABLES */\n/* Applies a stroke to the icons. Can use percentage for responsive */\n.climacon_component-stroke {\n  fill: #dcdada;\n  stroke-width: 1px;\n  stroke: #717171;\n}\n\n.climacon_component-fill {\n  fill: rgba(113, 113, 113, 0.2509803922);\n  stroke-width: 0;\n  stroke: #ddd;\n}\n\n/* SVG GLOBAL */\nsvg.climacon {\n  display: inline-block;\n  width: 80px;\n  height: 80px;\n  shape-rendering: geometricPrecision;\n}\n\ng, path, circle, rect {\n  animation-iteration-count: infinite;\n  animation-timing-function: linear;\n  transform-origin: 50% 50%;\n  animation-duration: 18s;\n  animation-direction: normal;\n}\n\n/* SUN */\n.climacon_componentWrap-sun {\n  animation-name: rotate;\n}\n\n.climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke {\n  animation-name: scale;\n  animation-direction: alternate;\n  animation-duration: 4.5s;\n}\n\n.climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke:nth-child(even) {\n  animation-delay: 4.5s;\n}\n\n/* MOON */\n.climacon_componentWrap-moon {\n  animation-name: partialRotate;\n  animation-duration: 18s;\n  animation-direction: alternate;\n}\n\n/* WIND */\n.climacon_componentWrap-wind {\n  animation-name: translateWind;\n  animation-duration: 6s;\n  animation-direction: alternate;\n  animation-timing-function: ease-in-out;\n}\n\n/* SNOWFLAKE */\n.climacon_componentWrap-snowflake {\n  animation-name: rotate;\n  animation-duration: 54s;\n  animation-direction: normal;\n}\n\n/* CLOUD SUN */\n.climacon_componentWrap-sun_cloud {\n  animation-name: behindCloudMove, rotate;\n  animation-iteration-count: 1, infinite;\n  animation-timing-function: ease-out, linear;\n  animation-delay: 0, 4.5s;\n  animation-duration: 4.5s, 18s;\n}\n\n.climacon_componentWrap-sun_cloud .climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke {\n  fill-opacity: 0;\n  animation-name: fillOpacity, scale;\n  animation-iteration-count: 1, infinite;\n  animation-delay: 4.5s, 0;\n  animation-fill-mode: both;\n}\n\n.climacon_componentWrap-sun_cloud .climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke:nth-child(even) {\n  animation-delay: 4.5s;\n}\n\n/* CLOUD MOON */\n.climacon_componentWrap-moon_cloud {\n  animation-name: behindCloudMove, partialRotate;\n  animation-iteration-count: 1, infinite;\n  animation-timing-function: ease-out, linear;\n  animation-delay: 0, 4.5s;\n  animation-duration: 4.5s, 18s;\n}\n\n/* DRIZZLE */\n.climacon_component-stroke_drizzle {\n  fill-opacity: 0;\n  animation-name: drizzleFall, fillOpacity2;\n  animation-timing-function: ease-in;\n  animation-duration: 1.5s;\n}\n\n.climacon_component-stroke_drizzle:nth-child(1) {\n  animation-delay: 0s;\n}\n\n.climacon_component-stroke_drizzle:nth-child(2) {\n  animation-delay: 0.9s;\n}\n\n.climacon_component-stroke_drizzle:nth-child(3) {\n  animation-delay: 1.8s;\n}\n\n/* RAIN */\n.climacon_component-stroke_rain {\n  fill-opacity: 0;\n  animation-name: rainFall, fillOpacity2;\n  animation-timing-function: ease-in;\n  animation-duration: 3s;\n}\n\n.climacon_component-stroke_rain:nth-child(n+4) {\n  animation-delay: 1.5s;\n}\n\n.climacon_component-stroke_rain_alt:nth-child(2) {\n  animation-delay: 1.5s;\n}\n\n/* HAIL */\n/* HAIL ALT */\n.climacon_component-stroke_hailAlt {\n  fill-opacity: 1;\n  animation-timing-function: ease-in;\n  animation-duration: 1s;\n}\n\n.climacon_component-stroke_hailAlt-left {\n  animation-name: hailLeft, fillOpacity2;\n}\n\n.climacon_component-stroke_hailAlt-middle {\n  animation-name: hailMiddle, fillOpacity2;\n}\n\n.climacon_component-stroke_hailAlt-middle:nth-child(2) {\n  animation-name: hailMiddle2, fillOpacity2;\n}\n\n.climacon_component-stroke_hailAlt-right {\n  animation-name: hailRight, fillOpacity2;\n}\n\n.climacon_component-stroke_hailAlt:nth-child(1) {\n  animation-delay: 0s;\n}\n\n.climacon_component-stroke_hailAlt:nth-child(2) {\n  animation-delay: 0.1666666667s;\n}\n\n.climacon_component-stroke_hailAlt:nth-child(3) {\n  animation-delay: 0.3333333333s;\n}\n\n.climacon_component-stroke_hailAlt:nth-child(4) {\n  animation-delay: 0.5s;\n}\n\n.climacon_component-stroke_hailAlt:nth-child(5) {\n  animation-delay: 0.6666666667s;\n}\n\n.climacon_component-stroke_hailAlt:nth-child(6) {\n  animation-delay: 0.8333333333s;\n}\n\n/* SNOW */\n.climacon_component-stroke_snow {\n  fill-opacity: 0;\n  animation-name: snowFall, fillOpacity2;\n  animation-timing-function: ease-in-out;\n  animation-duration: 9s;\n}\n\n.climacon_component-stroke_snow:nth-child(3) {\n  animation-name: snowFall2, fillOpacity2;\n}\n\n.climacon_component-stroke_snow:nth-child(1) {\n  animation-delay: 0s;\n}\n\n.climacon_component-stroke_snow:nth-child(2) {\n  animation-delay: 3s;\n}\n\n.climacon_component-stroke_snow:nth-child(3) {\n  animation-delay: 6s;\n}\n\n/* SNOW ALT */\n.climacon_wrapperComponent-snowAlt {\n  fill-opacity: 0;\n  animation-name: snowFall, fillOpacity2;\n  animation-timing-function: ease-in-out;\n  animation-duration: 9s;\n}\n\n/* FOG */\n.climacon_component-stroke_fogLine {\n  fill-opacity: 0.5;\n  animation-name: translateFog, fillOpacityFog;\n  animation-iteration-count: infinite;\n  animation-direction: normal;\n  animation-timing-function: ease-in;\n  animation-duration: 18s;\n}\n\n.climacon_component-stroke_fogLine:nth-child(even) {\n  animation-delay: 9s;\n}\n\n/* LIGHTNING */\n.climacon_component-stroke_lightning {\n  fill-opacity: 0;\n  animation-name: fillOpacityLightning;\n  animation-iteration-count: infinite;\n  animation-direction: normal;\n  animation-timing-function: ease-out;\n  animation-duration: 18s;\n}\n\n/* TORNADO */\n.climacon_component-stroke_tornadoLine {\n  animation-name: translateTornado1;\n  animation-iteration-count: infinite;\n  animation-direction: alternate;\n  animation-timing-function: ease-in-out;\n  animation-duration: 18s;\n}\n\n.climacon_component-stroke_tornadoLine:nth-child(1) {\n  animation-name: translateTornado1;\n}\n\n.climacon_component-stroke_tornadoLine:nth-child(2) {\n  animation-name: translateTornado2;\n}\n\n.climacon_component-stroke_tornadoLine:nth-child(3) {\n  animation-name: translateTornado3;\n}\n\n.climacon_component-stroke_tornadoLine:nth-child(4) {\n  animation-name: translateTornado4;\n}\n\n.climacon_component-stroke_tornadoLine:nth-child(5) {\n  animation-name: translateTornado5;\n}\n\n.climacon_component-stroke_tornadoLine:nth-child(6) {\n  animation-name: translateTornado6;\n}\n\n.climacon_componentWrap-sunsetAlt {\n  animation-name: translateSunset;\n  animation-duration: 4.5s;\n  animation-iteration-count: 1;\n  animation-timing-function: ease-out;\n}\n\n.climacon_componentWrap-sunsetAlt {\n  animation-name: translateSunset;\n  animation-iteration-count: 1;\n}\n\n.climacon_iconWrap-sun .climacon_component-stroke_sunSpoke, .climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke {\n  fill-opacity: 1;\n  animation-name: scale;\n  animation-duration: 3s;\n  animation-iteration-count: infinite;\n  animation-delay: 0s;\n  animation-fill-mode: both;\n  animation-direction: alternate;\n}\n\n.climacon_iconWrap-sun .climacon_component-stroke_sunSpoke:nth-child(even), .climacon_iconWrap-sunFill .climacon_component-stroke_sunSpoke:nth-child(even) {\n  animation-delay: 4.5s;\n}\n\n.climacon-iconWrap_sunFill .climacon_component-stroke_sunSpoke {\n  fill-opacity: 1;\n  animation-name: scale;\n  animation-iteration-count: infinite;\n  animation-delay: 0s;\n  animation-fill-mode: both;\n  animation-direction: alternate;\n}\n\n.climacon-iconWrap_sunFill .climacon_component-stroke_sunSpoke:nth-child(even) {\n  animation-delay: 4.5s;\n}\n\n.climacon_component-stroke_arrow-up {\n  fill-opacity: 0;\n  animation-name: fillOpacity2, translateArrowUp;\n  animation-duration: 4.5s;\n}\n\n.climacon_component-stroke_arrow-down {\n  fill-opacity: 0;\n  animation-name: fillOpacity2, translateArrowDown;\n  animation-duration: 4.5s;\n}\n\n.climacon_componentWrap-sunrise .climacon_component-stroke_sunSpoke, .climacon_componentWrap-sunset .climacon_component-stroke_sunSpoke {\n  animation-name: scale;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-duration: 4.5s;\n  animation-delay: 0s;\n  animation-fill-mode: both;\n}\n\n.climacon_componentWrap-sunrise .climacon_component-stroke_sunSpoke:nth-child(even), .climacon_componentWrap-sunset .climacon_component-stroke_sunSpoke:nth-child(even) {\n  animation-delay: 4.5s;\n}\n\n.climacon_componentWrap-sunriseAlt {\n  animation-name: translateSunrise, fillOpacity;\n  animation-duration: 18s, 9s;\n  animation-direction: normal;\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n}\n\n.climacon_componentWrap-sunriseAlt .climacon_component-stroke_sunSpoke {\n  fill-opacity: 0;\n  animation-name: fillOpacity, scale;\n  animation-direction: normal, alternate;\n  animation-iteration-count: 1, infinite;\n  animation-duration: 4.5s;\n  animation-delay: 4.5s, 0;\n  animation-fill-mode: both;\n}\n\n.climacon_componentWrap-sunriseAlt .climacon_component-stroke_sunSpoke:nth-child(even) {\n  animation-delay: 4.5s, 4.5s;\n}\n\n.climacon_componentWrap-sunsetAlt {\n  animation-name: translateSunset;\n  animation-delay: 0s;\n  animation-duration: 18s;\n  animation-direction: normal;\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n}\n\n/* ANIMATIONS */\n@keyframes rotate {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes partialRotate {\n  0% {\n    transform: rotate(0deg);\n  }\n  25% {\n    transform: rotate(-15deg);\n  }\n  50% {\n    transform: rotate(0deg);\n  }\n  75% {\n    transform: rotate(15deg);\n  }\n  100% {\n    transform: rotate(0deg);\n  }\n}\n@keyframes scale {\n  0% {\n    transform: scale(1, 1);\n  }\n  100% {\n    transform: scale(0.5, 0.5);\n  }\n}\n@keyframes behindCloudMove {\n  0% {\n    transform: translateX(-1.75px) translateY(1.75px);\n  }\n  100% {\n    transform: translateX(0) translateY(0);\n  }\n}\n@keyframes drizzleFall {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(21px);\n  }\n}\n@keyframes rainFall {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(14px);\n  }\n}\n@keyframes rainFall2 {\n  0% {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(14px);\n  }\n  100% {\n    transform: translateX(14px) translateY(14px);\n  }\n}\n@keyframes hailLeft {\n  50% {\n    transform: translateY(17.5px);\n  }\n}\n@keyframes hailMiddle {\n  50% {\n    transform: translateY(17.5px);\n  }\n}\n@keyframes hailMiddle2 {\n  50% {\n    transform: translateY(17.5px);\n  }\n}\n@keyframes hailRight {\n  50% {\n    transform: translateY(17.5px);\n  }\n}\n@keyframes fillOpacity {\n  0% {\n    fill-opacity: 0;\n    stroke-opacity: 0;\n  }\n  100% {\n    fill-opacity: 1;\n    stroke-opacity: 1;\n  }\n}\n@keyframes fillOpacity2 {\n  0% {\n    fill-opacity: 0;\n    stroke-opacity: 0;\n  }\n  50% {\n    fill-opacity: 1;\n    stroke-opacity: 1;\n  }\n  100% {\n    fill-opacity: 0;\n    stroke-opacity: 0;\n  }\n}\n@keyframes lightningFlash {\n  0% {\n    fill-opacity: 0;\n  }\n  1% {\n    fill-opacity: 1;\n  }\n  2% {\n    fill-opacity: 0;\n  }\n  50% {\n    fill-opacity: 0;\n  }\n  51% {\n    fill-opacity: 1;\n  }\n  52% {\n    fill-opacity: 0;\n  }\n  53% {\n    fill-opacity: 1;\n  }\n  54% {\n    fill-opacity: 0;\n  }\n  100% {\n    fill-opacity: 0;\n  }\n}\n@keyframes snowFall {}\n@keyframes snowFall2 {}\n/* Tornado */\n@keyframes translateTornado1 {\n  0% {\n    transform: translateY(0);\n  }\n  25% {\n    transform: translateX(3.997px);\n  }\n  75% {\n    transform: translateX(-3.997px);\n  }\n  100% {\n    transform: translateX(0);\n  }\n}\n@keyframes translateTornado2 {\n  0% {\n    transform: translateY(0);\n  }\n  25% {\n    transform: translateX(2.002px);\n  }\n  75% {\n    transform: translateX(-2.002px);\n  }\n  100% {\n    transform: translateX(0);\n  }\n}\n@keyframes translateTornado3 {\n  0% {\n    transform: translateY(0);\n  }\n  25% {\n    transform: translateX(8.001px);\n  }\n  75% {\n    transform: translateX(-8.001px);\n  }\n  100% {\n    transform: translateX(0);\n  }\n}\n@keyframes translateTornado4 {\n  0% {\n    transform: translateY(0);\n  }\n  25% {\n    transform: translateX(5.999px);\n  }\n  75% {\n    transform: translateX(-5.999px);\n  }\n  100% {\n    transform: translateX(0);\n  }\n}\n@keyframes translateTornado5 {\n  0% {\n    transform: translateY(0);\n  }\n  25% {\n    transform: translateX(10.003px);\n  }\n  75% {\n    transform: translateX(-10.003px);\n  }\n  100% {\n    transform: translateX(0);\n  }\n}\n@keyframes translateTornado6 {\n  0% {\n    transform: translateY(0);\n  }\n  25% {\n    transform: translateX(5.999px);\n  }\n  75% {\n    transform: translateX(-5.999px);\n  }\n  100% {\n    transform: translateX(0);\n  }\n}\n@keyframes fillOpacityLightning {\n  0% {\n    fill-opacity: 0;\n    stroke-opacity: 0;\n  }\n  1% {\n    fill-opacity: 1;\n    stroke-opacity: 1;\n  }\n  7% {\n    fill-opacity: 0;\n    stroke-opacity: 0;\n  }\n  50% {\n    fill-opacity: 0;\n    stroke-opacity: 0;\n  }\n  51% {\n    fill-opacity: 1;\n    stroke-opacity: 1;\n  }\n  53% {\n    fill-opacity: 0;\n    stroke-opacity: 0;\n  }\n  54% {\n    fill-opacity: 1;\n    stroke-opacity: 1;\n  }\n  60% {\n    fill-opacity: 0;\n    stroke-opacity: 0;\n  }\n  100% {\n    fill-opacity: 0;\n    stroke-opacity: 0;\n  }\n}\n@keyframes translateFog {\n  0% {\n    transform: translateY(0);\n  }\n  25% {\n    transform: translateX(2.499px);\n  }\n  75% {\n    transform: translateX(-2.499px);\n  }\n  100% {\n    transform: translateX(0);\n  }\n}\n@keyframes fillOpacityFog {\n  0% {\n    fill-opacity: 0.5;\n    stroke-opacity: 0.5;\n  }\n  50% {\n    fill-opacity: 1;\n    stroke-opacity: 1;\n  }\n  100% {\n    fill-opacity: 0.5;\n    stroke-opacity: 0.5;\n  }\n}\n@keyframes translateSunrise {\n  0% {\n    transform: translateY(0);\n  }\n  25% {\n    transform: translateY(-16.002px);\n  }\n  100% {\n    transform: translateY(-16.002px);\n  }\n}\n@keyframes translateSunset {\n  0% {\n    transform: translateY(-16.002px);\n  }\n  25% {\n    transform: translateY(-3.997px);\n  }\n  100% {\n    transform: translateY(-3.997px);\n  }\n}\n@keyframes translateArrowDown {\n  0% {\n    transform: translateY(2.002px);\n  }\n  100% {\n    transform: translateY(4.998px);\n  }\n}\n@keyframes translateArrowUp {\n  0% {\n    transform: translateY(-2.002px);\n  }\n  100% {\n    transform: translateY(-4.998px);\n  }\n}\n@keyframes translateWind {\n  0% {\n    transform: translateY(0);\n  }\n  25% {\n    transform: translateX(4.998px);\n  }\n  75% {\n    transform: translateX(-4.998px);\n  }\n  100% {\n    transform: translateX(0);\n  }\n}"]}