{"version":3,"sources":["webpack://src/index.css","webpack://src/components/countdown/countdown.scss","webpack://src/components/calculator/box/box.scss","webpack://src/components/calculator/buttongroup/buttongroup.scss","webpack://src/components/calculator/buttongroup/buttongroup-item/buttongroup-item.scss","webpack://src/components/calculator/number-description/number-description.scss","webpack://src/components/calculator/number-diagram/number-diagram.scss","webpack://src/components/calculator/percentage-diagram/percentage-diagram.scss","webpack://src/components/calculator/slider/slider.scss","webpack://src/components/calculator/slider.scss","webpack://src/components/calculator/calculator.scss","webpack://src/App.scss"],"names":[],"mappings":"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","file":"main.a95fb4aa.chunk.css","sourcesContent":["html{\n  scroll-behavior: smooth;\n}\n\nbody {\n  margin: 0;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}",".countdown {\n  display: flex;\n  flex-direction: column;\n  font: 200 18px/26px \"Aktiv Grotesk\",Helvetica,Arial,sans-serif;\n  color: #fff;\n\n  .countdown-headline {\n    &--name {\n      color: #FFFFFF;\n      font-style: normal;\n      font-weight: normal;\n      font-size: 14px;\n      line-height: 30px;\n      text-align: center;\n      text-transform: uppercase;\n      margin: 0;\n      margin-bottom: -9px;\n    }\n    &--launch {\n      color: #0099FF;\n      font-style: normal;\n      font-weight: normal;\n      font-size: 26px;\n      line-height: 30px;      \n      text-align: center; \n      margin: 0;\n      margin-bottom: 15px;\n    }\n  }\n\n  &-counter {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n  \n    &-item {\n      display: flex;\n      flex-direction: column;\n      text-align: center;\n      margin: 10px 15px;\n      \n      .number {\n        font-family: \"Share Tech Mono\", monospace;\n        font-style: normal;\n        font-weight: normal;\n        font-size: 65px;\n        line-height: 45px;\n        letter-spacing: -0.08em;\n        text-transform: uppercase;\n        color: #FF6E00;\n        margin-bottom: 3px;\n      }\n      .unit {\n        font-style: normal;\n        font-weight: normal;\n        font-size: 14px;\n        line-height: 20px;\n        text-align: center;\n        text-transform: uppercase;\n      }\n    }\n  }\n\n    &-calendar {\n      display: flex;\n      flex-direction: row;\n      justify-content: center;\n      \n      p {\n        margin: 5px 0;\n\n        a {\n          font-style: normal;\n          font-weight: normal;\n          font-size: 18px;\n          line-height: 26px;\n          color: #0099FF;\n          text-decoration: none;\n          position: relative;\n          margin-left: 28px;\n          border-bottom: 1px solid rgba(0,153,255,.3);\n\n          &:hover {\n            color: #005f9f;;\n            border-bottom: 1px solid #005f9f;;\n          }\n\n          &:before {\n            content: '';\n            background-image: url(\"data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M19 17.5V2.5H15V0.5H14V2.5H5V0.5H4V2.5H0V17.5H19ZM18 16.5H1V7.5H18V16.5ZM18 6.5H1V3.5H4V4.5H5V3.5H14V4.5H15V3.5H18V6.5Z' fill='%23FF6A00'/%3E%3Cpath d='M9 8.5H10V15.5H9V8.5Z' fill='%23FF6A00'/%3E%3Cpath d='M6 11.5H13V12.5H6V11.5Z' fill='%23FF6A00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='19' height='17' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n            width: 20px;\n            height: 20px;\n            background-repeat: no-repeat;\n            color: #FF6E00;\n            position: absolute;\n            left: -28px;\n            top: 1px;\n          }\n        }\n      }\n    }\n\n}","$breakpoint: 1024px;\n\n.calculator-box {\n  background: #141414;\n  padding: 20px;\n  margin: 0 0 10px 0;\n\n  @media (min-width: $breakpoint) {   \n    margin: 0 24px 10px 0;\n  }\n\n  .title {\n    font-style: normal;\n    font-weight: normal;\n    font-size: 14px;\n    line-height: 30px;\n    text-transform: uppercase;\n    margin: 0 0 12px;\n  }\n}",".buttongroup {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}","$breakpoint: 600px;\n\n.buttongroup-item {\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  background: none;\n  border: none;\n  outline: none;\n  font-size: inherit;\n  flex-grow: 1;\n  display: flex;\n  padding: 0;\n  margin: 0;\n\n  .inner {\n    border: 1px solid #0099FF;\n    background-color: #141414;\n    color: #0099FF;\n    padding: 10px;\n    margin: 0;\n    font-size: 18px;\n    cursor: pointer;\n    flex-grow: 1;\n\n    &:hover {\n      border-color: #005C99;\n      color: #005C99;\n      text-decoration: underline;\n    }\n  }\n\n  &:focus,\n  & .inner:focus {\n      outline: none;\n  }\n\n  &:focus > .inner  {\n    z-index: 1;\n    outline: 0;\n    box-shadow: 0 0 0 2px white;\n  }\n\n  &.selected .inner, &.selected .inner:hover {\n    background-color: #0099FF;\n    border-color: #0099FF;\n    color: #ffffff;\n    text-decoration: none;\n    cursor: default;\n  }\n\n  &.circle {\n    flex-grow: 0;\n    border-radius: 50%;\n\n    & .inner\n    {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border-radius: 50%;\n      flex-grow: 0;\n      font-size: 11px;\n      line-height: 16px;\n      padding: 0;\n\n      @media (min-width: $breakpoint) {   \n        font-size: 18px;\n        line-height: 26px;\n      }\n    }\n\n    &-140 .inner {\n      width: 36px;\n      height: 36px;\n\n      @media (min-width: $breakpoint) {\n        width: 60px;\n        height: 60px;\n      }\n    }\n    &-152 .inner {\n      width: 46px;\n      height: 46px;\n      \n      @media (min-width: $breakpoint) {\n        width: 78px;\n        height: 78px;\n      }\n    }\n    &-165 .inner {\n        width: 52px;\n        height: 52px;\n      \n      @media (min-width: $breakpoint) {\n        width: 90px;\n        height: 90px;\n      }\n    }\n    &-172 .inner {\n      width: 59px;\n      height: 59px;\n      \n      @media (min-width: $breakpoint) {\n        width: 98px;\n        height: 98px;\n      }\n    }\n    &-178 .inner {\n      width: 69px;\n      height: 69px;\n      \n      @media (min-width: $breakpoint) {\n        width: 116px;\n        height: 116px;\n      }\n    }\n  }\n}",".number-description {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: 0;\n  color: #808080;\n\n  .big {\n    font-size: 26px;\n    line-height: 30px;\n    font-weight: normal;\n    margin: 0 0 5px 0;\n  }\n\n  .icon-car {\n    width: 48px;\n    height: 48px;\n    margin: 12px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='48' height='48' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(0.0208333)'/%3E%3C/pattern%3E%3Cimage id='image0' width='48' height='48' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADQUlEQVRoQ+1YS1LbQBDtVhWTZbgB5ASxTxBzgpATJN647VXgBIETBFb2eEOyyDpwAswJYk4QWGQdyIoSZQ31VBrXMPJPGvFLaVZ2WdPdr19/nsz0wg+/8PipBvDUDNYM1AwEZqAuocAEBl+vGQhOYaCB/5eBwWDwnpk/EdEmETUCE4XrF8aYURRFh51OZ1yBvdREjoF+v78ZRdHPioKeFecVM29VBeIegCz4X0S0TkSXRHTAzCPXmdYa2XvLzO1Op/PNjbDf77eiKDolojMRaXm/ITF7RPQRbCilmu12+yqUiSmAo6Oj9TiO4RzlcqaU2vYdZAB/E9G1iADkvbMIgH1Qaz0ionfGmMNut7tTGQCtNbLzhYjOlVKtWdkZDAZg5DMRfRcR9EdhAMPhsGGMAcvEzM3QUkoZWNWo1vqCiDbmOV6FAfhzkjUWkWYICxbAqTGmtYhWrfU2EaG5L0UEkyl3VgWQlSt6aYOIdkXkoCwIdpxeKqUa8xpLa42GRQPOdbgqAATrPHuVJEmz1+uB3cKH7VQpfPNpLtwaY34w84mIHKd9ZOv6aeIp79WOcQBIx1qSJFu9Xg+fn+3Jxjh68audYjwcDo+NMZANucX0XJHYKYZSAgPp/K9qsTgLKx252feZe6NIguaU+j93CuXWfxEH/rOew4cC8IezmfwXAYhITtxh/mP7GmMgMaBdxsy8H7pBHaYK2fckz34a8LwN68x+P8FQlLu+mCvKWBn7zp1zEWnYTZxrZK01hBa6/ZqZd9bW1tK5G8cxNBD6xoQsoFn2b25u1uEr01u5BefdaaEKLANpsJDOk8mkja1oWZk1Xh0tsy8iAFP4LLFvt35qPxufEJFWvX6YLrJsrUOrQ5u89iK5FRHlR+fIgMKBB9pPq8Et3WnTQpGiNLATHCexiLx6QACr2sfL1YiZD/zhMfel3qH4jS+0Ki6hnH27XIloaYkuAmCbeGyM2et2uyfZCANDkL+cJEmjrIp0GnJq36v161XsL/xbZcGYy9VimWaowv7S/4WyFxmwkS4yZkaz71W5yLLpUsr+UgBlMvuYd2oAj5ntWb5qBmoGAjNQl1BgAoOv1wwEpzDQQM1AYAKDr98B0LH3cvNFaQAAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E%0A\");\n  }\n}","$breakpoint: 1024px;\n\n.number-diagram {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 25px 0;\n\n  @media (min-width: $breakpoint) {\n    margin: 40px 0;\n  }\n\n  &:not(:last-of-type) {\n    padding-bottom: 25px;\n    border-bottom: 1px solid #252525;\n\n    @media (min-width: $breakpoint) {\n      padding-bottom: 40px;\n    }\n  }\n\n  .title {\n    font-style: normal;\n    font-weight: normal;\n    font-size: 18px;\n    line-height: 26px;\n    text-transform: uppercase;\n    margin: 0;\n  }\n\n  .number {\n    font-style: normal;\n    font-weight: bold;\n    font-size: 48px;\n    line-height: 48px;\n    letter-spacing: -0.03em;\n    color: #FF6E00;\n    margin: 0;\n    transition: 0.3s color;\n\n    @media (min-width: $breakpoint) {\n      font-size: 56px;\n      line-height: 56px;\n    }\n\n    &.neutral {\n      color: #404040;\n    }\n  }\n\n  &-info {\n    margin-top: 10px;\n  }\n}","$breakpoint: 1024px;\n\n.percentage-diagram {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 25px 0;\n  padding-bottom: 25px;\n  border-bottom: 1px solid #252525;\n\n  @media (min-width: $breakpoint) {\n    margin: 40px 0;\n    padding-bottom: 40px;\n  }\n\n  &-info {\n    margin-top: 20px;\n  }\n\n  .title {\n    font-style: normal;\n    font-weight: normal;\n    font-size: 18px;\n    line-height: 26px;\n    text-transform: uppercase;\n    margin: 0;\n  }\n\n  .percentage {\n    font-style: normal;\n    font-weight: bold;\n    font-size: 48px;\n    line-height: 48px;\n    letter-spacing: -0.03em;\n    color: #FF6E00;\n    margin: 0;\n\n    @media (min-width: $breakpoint) {\n      font-size: 56px;\n      line-height: 56px;\n    }\n  }\n\n  .diagram {\n    width: 100%;\n    height: 19px;\n    position: relative;\n    margin-top: 25px;\n    background-color: #252525;\n\n    .zero-line {\n      position: absolute;\n      margin-left: auto;\n      margin-right: auto;\n      left: 0;\n      right: 0;\n      text-align: center;\n      width: 2px;\n      height: 34px;\n      bottom: -7px;\n      background-color: #FF6E00;\n    }\n\n    .bar {\n      position: absolute;\n      margin-left: auto;\n      margin-right: auto;\n      left: 0;\n      right: 0;\n      text-align: center;\n      height: 19px;\n      background-color: #FF6E00;\n      transition: width 0.5s;\n\n      &.positive {\n        transform: translateX(50%);\n      }\n      &.negative {\n        transform: translateX(-50%);\n      }\n    }\n  }\n}",".slider {\n  &-value {\n    color: #0099FF;\n    font-style: normal;\n    font-weight: normal;\n    font-size: 26px;\n    line-height: 30px;\n    margin: -15px 0 30px;\n  }\n  &-mark {\n    width: 100%;\n    font-size: 18px;\n    line-height: 26px;\n    display: flex;\n    justify-content: space-between;\n    margin-top: 20px;\n\n    p {\n      color: #404040;\n      margin: 0;\n    }\n  }\n}",".rc-slider {\n\tposition: relative;\n\theight: 34px;\n\tpadding: 5px 0;\n\twidth: 100%;\n\ttouch-action: none;\n\tbox-sizing: border-box;\n\t-webkit-tap-highlight-color: rgba(0,0,0,0);\n\t* {\n\t\tbox-sizing: border-box;\n\t\t-webkit-tap-highlight-color: rgba(0,0,0,0);\n\t}\n\n\t&:hover .rc-slider-track {\n\t\tbackground-color: #005C99;\n\t}\n}\n.rc-slider-rail {\n\tposition: absolute;\n\twidth: 100%;\n\tbackground-color: #252525;\n\tcursor: pointer;\n\theight: 34px;\n\tborder-top: 14px solid #141414;\n\tborder-bottom: 14px solid #141414;\n}\n.rc-slider-track {\n\tposition: absolute;\n\tleft: 0;\n\tbackground-color: #0099FF;\n\theight: 34px;\n\tborder-top: 14px solid #141414;\n\tborder-bottom: 14px solid #141414;\n}\n.rc-slider-handle {\n\tposition: absolute;\n\twidth: 34px;\n\theight: 34px;\n\tcursor: pointer;\n\tcursor: -webkit-grab;\n\tmargin-top: -1px;\n\tcursor: grab;\n\tborder-radius: 50%;\n\tborder: solid 7px #FFF;\n\tbackground-color: #0099FF;\n\ttouch-action: pan-x;\n\t&:focus {\n    outline: none;\n    border: solid 7px #FFF;\n    background-color: #0099FF;\n    box-shadow: 0 0 0 2px #0099FF;\n\t}\n\t&:hover {\n    border: solid 7px #FFF;\n    background-color: #0099FF;\n\t}\n\t&:hover{\n    border: solid 7px #FFF;\n    background-color: #0099FF;\n\t}\n\t&:active {\n    border: solid 7px #FFF;\n    background-color: #0099FF;\n    box-shadow: 0 0 0 2px #0099FF;\n\t\tcursor: -webkit-grabbing;\n\t\tcursor: grabbing;\n\t}\n}\n.rc-slider-handle-dragging {\n\t&.rc-slider-handle-dragging {\n\t\t&.rc-slider-handle-dragging {\n\t\t\tbox-shadow: 0 0 0 5px #0099FF;\n\t\t}\n\t}\n}\n.rc-slider-handle-click-focused {\n\t&:focus {\n\t\tbox-shadow: unset;\n\t}\n}\n.rc-slider-mark {\n\tposition: absolute;\n\ttop: 18px;\n\tleft: 0;\n\twidth: 100%;\n\tfont-size: 18px;\n}\n.rc-slider-mark-text {\n\tposition: absolute;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\ttext-align: center;\n\tcursor: pointer;\n  color: #404040;\n  white-space: nowrap;\n}\n.rc-slider-mark-text-active {\n\tcolor: #404040;\n}\n.rc-slider-step {\n\tposition: absolute;\n\twidth: 100%;\n\theight: 34px;\n\tbackground: transparent;\n\tcursor: pointer;\n}\n.rc-slider-dot {\n\tposition: absolute;\n\tbottom: -2px;\n\twidth: 3px;\n\theight: 34px;\n\tborder: 2px solid #141414;\n\tbackground-color: #141414;\n\tcursor: pointer;\n\tvertical-align: middle;\n}\n.rc-slider-dot-active {\n}\n.rc-slider-dot-reverse {\n\tmargin-right: -4px;\n}\n.rc-slider-disabled {\n\tbackground-color: #e9e9e9;\n\t.rc-slider-track {\n\t\tbackground-color: #ccc;\n\t}\n}\n.rc-slider-disabled .rc-slider-handle,\n.rc-slider-disabled .rc-slider-dot {\n\tborder-color: #ccc;\n\tbox-shadow: none;\n\tbackground-color: #fff;\n\tcursor: not-allowed;\n}\n.rc-slider-disabled .rc-slider-mark-text,\n.rc-slider-disabled .rc-slider-dot {\n\tcursor: not-allowed !important;\n}\n.rc-slider-vertical {\n\twidth: 14px;\n\theight: 100%;\n\tpadding: 0 5px;\n\t.rc-slider-rail {\n\t\theight: 100%;\n\t\twidth: 4px;\n\t}\n\t.rc-slider-track {\n\t\tleft: 5px;\n\t\tbottom: 0;\n\t\twidth: 4px;\n\t}\n\t.rc-slider-handle {\n\t\tmargin-left: -5px;\n\t\ttouch-action: pan-y;\n\t}\n\t.rc-slider-mark {\n\t\ttop: 0;\n\t\tleft: 18px;\n\t\theight: 100%;\n\t}\n\t.rc-slider-step {\n\t\theight: 100%;\n\t\twidth: 4px;\n\t}\n\t.rc-slider-dot {\n\t\tleft: 2px;\n\t\tmargin-bottom: -4px;\n\t\t&:first-child {\n\t\t\tmargin-bottom: -4px;\n\t\t}\n\t\t&:last-child {\n\t\t\tmargin-bottom: -4px;\n\t\t}\n\t}\n}\n.rc-slider-tooltip-zoom-down-enter,\n.rc-slider-tooltip-zoom-down-appear {\n\tanimation-duration: .3s;\n\tanimation-fill-mode: both;\n\tdisplay: block !important;\n\tanimation-play-state: paused;\n\ttransform: scale(0,0);\n\tanimation-timing-function: cubic-bezier(0.23,1,0.32,1);\n}\n.rc-slider-tooltip-zoom-down-leave {\n\tanimation-duration: .3s;\n\tanimation-fill-mode: both;\n\tdisplay: block !important;\n\tanimation-play-state: paused;\n\tanimation-timing-function: cubic-bezier(0.755,0.05,0.855,0.06);\n\t&.rc-slider-tooltip-zoom-down-leave-active {\n\t\tanimation-name: rcSliderTooltipZoomDownOut;\n\t\tanimation-play-state: running;\n\t}\n}\n.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n\tanimation-name: rcSliderTooltipZoomDownIn;\n\tanimation-play-state: running;\n}\n@keyframes rcSliderTooltipZoomDownIn {\n  0% {\n    opacity: 0;\n    transform-origin: 50% 100%;\n    transform: scale(0, 0);\n  }\n  100% {\n    transform-origin: 50% 100%;\n    transform: scale(1, 1);\n  }\n}\n\n@keyframes rcSliderTooltipZoomDownOut {\n  0% {\n    transform-origin: 50% 100%;\n    transform: scale(1, 1);\n  }\n  100% {\n    opacity: 0;\n    transform-origin: 50% 100%;\n    transform: scale(0, 0);\n  }\n}\n.rc-slider-tooltip {\n\t* {\n\t\tbox-sizing: border-box;\n\t\t-webkit-tap-highlight-color: rgba(0,0,0,0);\n\t}\n}\n.rc-slider-tooltip-hidden {\n\tdisplay: none;\n}\n.rc-slider-tooltip-placement-top {\n\tpadding: 4px 0 8px 0;\n\t.rc-slider-tooltip-arrow {\n\t\tbottom: 4px;\n\t\tleft: 50%;\n\t\tmargin-left: -4px;\n\t\tborder-width: 4px 4px 0;\n\t\tborder-top-color: rgba(#666,4%);\n\t}\n}\n.rc-slider-tooltip-inner {\n\tpadding: 6px 2px;\n\tmin-width: 24px;\n\theight: 24px;\n\tfont-size: 12px;\n\tline-height: 1;\n\tcolor: #fff;\n\ttext-align: center;\n\ttext-decoration: none;\n\tbackground-color: rgba(#666,4%);\n\tborder-radius: 6px;\n\tbox-shadow: 0 0 4px #d9d9d9;\n}\n.rc-slider-tooltip-arrow {\n\tposition: absolute;\n\twidth: 0;\n\theight: 0;\n\tborder-color: transparent;\n\tborder-style: solid;\n}\n","$breakpoint: 1024px;\n\n.calculator {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  @media (min-width: $breakpoint) {\n    flex-direction: row;\n  }\n\n  &-info {\n    display: flex;\n    flex-direction: column;\n    margin: 30px 0 30px 0;\n\n    h2 {\n      font-style: normal;\n      font-weight: normal;\n      font-size: 26px;\n      line-height: 30px;\n      color: #40B3FF;\n      margin: 0;\n    }\n    .description {\n      font-style: normal;\n      font-weight: normal;\n      font-size: 18px;\n      line-height: 26px;\n      color: #808080;\n      margin: 0;\n    }\n  }\n\n  .selections {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    width: 100%;\n\n    @media (min-width: $breakpoint) {\n      width: 50%;\n    }\n  }\n\n  .results {\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    width: 100%;\n\n    .wrapper {\n      width: 100%;\n    }\n  \n    @media (min-width: $breakpoint) {\n      width: 50%;\n      margin-left: 24px;\n    }\n\n    &-info {\n      display: flex;\n      flex-direction: column;\n      margin: 40px 0 30px 0;\n\n      @media (min-width: $breakpoint) {\n        margin: 30px 0 30px 0;\n      }\n\n      h2 {\n        font-style: normal;\n        font-weight: normal;\n        font-size: 26px;\n        line-height: 30px;\n        color: #FF6E00;\n        margin: 0;\n      }\n      .description {\n        font-style: normal;\n        font-weight: normal;\n        font-size: 18px;\n        line-height: 26px;\n        color: #808080;\n        margin: 0;\n      }\n    }\n  }\n\n  \n  \n}","@font-face{font-weight:200;font-style:normal;font-family:\"Aktiv Grotesk\";src:url(https://rocktechnology.sandvik/fonts/AktivGrotesk_W_Lt.woff) format(\"woff\")}\n@font-face{font-weight:200;font-style:italic;font-family:\"Aktiv Grotesk\";src:url(https://rocktechnology.sandvik/fonts/AktivGrotesk_W_LtIt.woff) format(\"woff\")}\n@font-face{font-weight:400;font-style:normal;font-family:\"Aktiv Grotesk\";src:url(https://rocktechnology.sandvik/fonts/AktivGrotesk_W_Rg.woff) format(\"woff\"),\n  url('./fonts/AktivGrotesk_Corp_Rg.ttf') format(\"truetype\")\n}\n@font-face{font-weight:700;font-style:normal;font-family:\"Aktiv Grotesk\";src:url(https://rocktechnology.sandvik/fonts/AktivGrotesk_W_Md.woff) format(\"woff\")}\n@font-face{font-weight:700;font-style:italic;font-family:\"Aktiv Grotesk\";src:url(https://rocktechnology.sandvik/fonts/AktivGrotesk_W_MdIt.woff) format(\"woff\")}\n\n\nbody {\n  background-color: #000000;\n  font: 200 18px/26px \"Aktiv Grotesk\",Helvetica,Arial,sans-serif;\n  color: #FFFFFF;\n}\n\na, p, button {\n  transition: color 162ms ease,border 162ms ease,background 162ms ease,opacity 162ms ease;\n}"]}