{"version":3,"sources":["svg-icon/_svg-icon.scss","svg-icon.css"],"names":[],"mappings":"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","file":"svg-icon.css","sourcesContent":["/* VARIABLES */\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: $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: 18s;\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(18s / 4);\r\n}\r\n\r\n.climacon_componentWrap_sunSpoke .climacon_component-stroke_sunSpoke:nth-child(even) {\r\n  animation-delay: 18s;\r\n}\r\n\r\n/* MOON */\r\n\r\n.climacon_componentWrap-moon {\r\n  animation-name: partialRotate;\r\n  animation-duration: 18s;\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(18s / 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: 18s * 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: 18s;\r\n  animation-duration: 18s;\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: 18s;\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: 18s;\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: 18s;\r\n  animation-duration: 18s;\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(18s / 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: 18s * 0.05 * $i - 18s * 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(18s / 6);\r\n}\r\n\r\n.climacon_component-stroke_rain:nth-child(n+4) {\r\n  animation-delay: 18s;\r\n}\r\n\r\n.climacon_component-stroke_rain_alt:nth-child(2) {\r\n  animation-delay: 18s;\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: 18s / 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(18s / 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: 18s;\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(18s / 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: 18s;\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(18s / 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: 18s;\r\n}\r\n\r\n.climacon_component-stroke_fogLine:nth-child(even) {\r\n  animation-delay: 18s;\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: 18s;\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: 18s;\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(18s / 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: 18s;\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: 18s;\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(18s / 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(18s / 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(18s / 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: 18s;\r\n}\r\n\r\n.climacon_componentWrap-sunriseAlt {\r\n  animation-name: translateSunrise, fillOpacity;\r\n  animation-duration: 18s, calc(18s / 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(18s / 4);\r\n  animation-delay: 18s;\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: 18s;\r\n}\r\n\r\n.climacon_componentWrap-sunsetAlt {\r\n  animation-name: translateSunset;\r\n  animation-delay: 0s;\r\n  animation-duration: 18s;\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: 18s;\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: 18s;\n  animation-duration: 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: 18s;\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: 18s;\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: 18s;\n  animation-duration: 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: 18s;\n}\n\n.climacon_component-stroke_rain_alt:nth-child(2) {\n  animation-delay: 18s;\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: 18s;\n}\n\n.climacon_component-stroke_hailAlt:nth-child(2) {\n  animation-delay: 18s;\n}\n\n.climacon_component-stroke_hailAlt:nth-child(3) {\n  animation-delay: 18s;\n}\n\n.climacon_component-stroke_hailAlt:nth-child(4) {\n  animation-delay: 18s;\n}\n\n.climacon_component-stroke_hailAlt:nth-child(5) {\n  animation-delay: 18s;\n}\n\n.climacon_component-stroke_hailAlt:nth-child(6) {\n  animation-delay: 18s;\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: 18s;\n}\n\n.climacon_component-stroke_snow:nth-child(2) {\n  animation-delay: 18s;\n}\n\n.climacon_component-stroke_snow:nth-child(3) {\n  animation-delay: 18s;\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: 18s;\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: 18s;\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: 18s;\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: 18s;\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: 18s;\n  animation-fill-mode: both;\n}\n\n.climacon_componentWrap-sunriseAlt .climacon_component-stroke_sunSpoke:nth-child(even) {\n  animation-delay: 18s;\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}"]}