@import url(https://fonts.googleapis.com/css?family=Comfortaa:400,700,300);

/**,html{margin:0;padding:0}*/

/*body{*/
  /*background: blue;*/
  /*text-align: center;*/
  /*font-family: 'Comfortaa', cursive;*/
/*}*/
/*svg{*/
  /*width: 100px;*/
  /*height: 100px;*/
  /*margin: 20px;*/
  /*display:inline-block;*/
/*}*/
/*h1{*/
  /*text-align: center;*/
  /*color: red;*/
  /*margin: 0 0 100px;*/
  /*font-size: 34px;*/
  /*font-weight: 100;*/
  /*text-transform: uppercase;*/
  /*background-color: blue;*/
  /*padding: 20px 0;*/
  /*b{*/
    /*font-weight: 700;*/
  /*}*/
/*}*/

/*.made-with-love{*/
  /*margin-top: 20px;*/
  /*padding: 10px;*/
  /*font-size: 10px;*/
  /*font-family: arial;*/
  /*color: #fff;*/
  /*i{*/
    /*font-style: normal;*/
    /*color: #F50057;*/
    /*font-size: 14px;*/
    /*position: relative;*/
    /*top: 2px;*/
  /*}*/
  /*a{*/
    /*color: #fff;*/
    /*text-decoration: none;*/
    /*&:hover{*/
      /*text-decoration: underline;*/
    /*}*/
  /*}*/
/*}*/

.loader-svg,
.loader-svg__data-transformation,
.loader-svg__filter {
  width: 100px;
  height: 100px;
  margin-left: 60px;
  display:flex;
  justify-content: center;
  align-items: center;
  background: transparent;
}

.loader-svg__data-transformation {
  height: 250px;
  width: 125px;
}

.loader-container,
.loader-container__filter {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  /*background: transparent;*/
  background: #ffffff;
  padding: 16px;
}

.loader-svg__filter {
  margin-left: 40px;
}

.loader-container__filter {
  padding: 0px;
}

.loader-container-transparent{
  width: 200px;
  height: 132px;
  /*display: flex;*/
  /*top: 50vh;*/
  /*left: 50vw;*/
  justify-content: center;
  align-items: center;
  background: transparent;
  /*background: white;*/
  padding: 16px;
  /*position: absolute;*/
  /*z-index: 100000;*/
  /*position: fixed;*/
  /*z-index: 10000000;*/
  /*margin-top: 300px;*/
  margin-left: calc(50% - 100px);
  /*background-image:*/
    /*radial-gradient(*/
      /*white,*/
      /*rgba(255, 255, 255, 0.5)*/
    /*);*/
  /*z-index: 10000000;*/
  /*border: 1px solid lightgrey;*/
  z-index: 100000000000000;
  /*position: absolute;*/
  position: sticky;
  top: 300px;
}

.loader-container-transparent-explore{
  width: 200px;
  height: 132px;
  /*display: flex;*/
  /*top: 50vh;*/
  /*left: 50vw;*/
  justify-content: center;
  align-items: center;
  background: transparent;
  /*background: white;*/
  padding: 16px;
  /*position: absolute;*/
  /*z-index: 100000;*/
  /*position: fixed;*/
  /*z-index: 10000000;*/
  /*margin-top: 300px;*/
  margin-left: calc(50% - 100px);
  /*background-image:*/
    /*radial-gradient(*/
      /*white,*/
      /*rgba(255, 255, 255, 0.5)*/
    /*);*/
  /*z-index: 10000000;*/
  /*border: 1px solid lightgrey;*/
  z-index: 100000000000000;
  position: absolute;
}

.loader-center-transparent {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  /*background: #ffffff;*/
  padding: 16px;
}