.d-inline-block {
  display: inline-block;
}

.mb-2 {
  margin-bottom: 2em;
}

.help-block {
  font-size: 0.9em;
}

.proportions {
  max-width: 450px;
}
.proportions img {
  vertical-align: bottom;
  margin-right: 10px;
  margin-top: 10px;
}
.proportions img:last-of-type {
  margin-right: 0;
}

.colorSelect {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 2px;
  margin-top: 3px;
  position: relative;
  overflow: hidden;
}
.colorSelect::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translate(-50%, -50%) rotate(45deg) scale(1.4);
}
.colorSelect--violet {
  background-color: #951b7f;
}
.colorSelect--black-gold {
  background-color: #cc9f4f;
}
.colorSelect--black-gold::after {
  background-color: #000;
}
.colorSelect--pink {
  background-color: #ff438f;
}
.colorSelect--red {
  background-color: #d90d3f;
}
.colorSelect--white-gold {
  background-color: #cc9f4f;
}
.colorSelect--white-gold::after {
  background-color: #fff;
}
.colorSelect--white-blue {
  background-color: #00b9f2;
}
.colorSelect--white-blue::after {
  background-color: #fff;
}
.colorSelect--blue {
  background-color: #00b9f2;
}
.colorSelect--darkblue {
  background-color: #00496d;
}

#loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #4e214c;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 200;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
              supported by Chrome, Edge, Opera and Firefox */
  pointer-events: none;
}
#loader.active {
  opacity: 1;
}
#loader .loader {
  display: block;
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #ffffff;
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  animation: load3 1.4s infinite linear;
  transform: translateZ(0);
}
#loader .loader:before {
  width: 50%;
  height: 50%;
  background: #ffffff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}
#loader .loader:after {
  background: #4e214c;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@keyframes load3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

body:after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url("../img/paydent__violet.jpg") url("../img/paydent__violet__square.jpg") url("../img/paydent__black-gold.jpg") url("../img/paydent__black-gold__square.jpg") url("../img/paydent__pink.jpg") url("../img/paydent__pink__square.jpg") url("../img/paydent__red.jpg") url("../img/paydent__red__square.jpg") url("../img/paydent__white-gold.jpg") url("../img/paydent__white-gold__square.jpg") url("../img/paydent__white-blue.jpg") url("../img/paydent__white-blue__square.jpg") url("../img/paydent__blue.jpg") url("../img/paydent__blue__square.jpg") url("../img/paydent__darkblue.jpg") url("../img/paydent__darkblue__square.jpg");
}

#generator_container {
  font-size: 90vw;
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  width: 90vw;
  height: 90vw;
  background: center center no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
  transition: opacity 0.3s ease;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
  color: #fff;
}
@media (min-width: 470px) {
  #generator_container {
    font-size: 450px;
    width: 450px;
    height: 450px;
  }
}
#generator_container .color-standout {
  color: #fcea2f;
}
#generator_container.variant--paydent__violet {
  background-image: url("../img/paydent__violet.jpg");
}
#generator_container.variant--paydent__violet.variant--crop__square {
  background-image: url("../img/paydent__violet__square.jpg");
}
#generator_container.variant--paydent__black-gold {
  background-image: url("../img/paydent__black-gold.jpg");
  color: #fff;
}
#generator_container.variant--paydent__black-gold.variant--crop__square {
  background-image: url("../img/paydent__black-gold__square.jpg");
}
#generator_container.variant--paydent__black-gold .color-standout {
  color: #cc9f4e;
}
#generator_container.variant--paydent__pink {
  background-image: url("../img/paydent__pink.jpg");
  color: #661148;
}
#generator_container.variant--paydent__pink.variant--crop__square {
  background-image: url("../img/paydent__pink__square.jpg");
}
#generator_container.variant--paydent__pink .color-standout {
  color: #fd428f;
}
#generator_container.variant--paydent__red {
  background-image: url("../img/paydent__red.jpg");
  color: #4f4e4c;
}
#generator_container.variant--paydent__red.variant--crop__square {
  background-image: url("../img/paydent__red__square.jpg");
}
#generator_container.variant--paydent__red .color-standout {
  color: #d70f3e;
}
#generator_container.variant--paydent__white-gold {
  background-image: url("../img/paydent__white-gold.jpg");
  color: #4e4e4e;
}
#generator_container.variant--paydent__white-gold.variant--crop__square {
  background-image: url("../img/paydent__white-gold__square.jpg");
}
#generator_container.variant--paydent__white-gold .color-standout {
  color: #cd9f51;
}
#generator_container.variant--paydent__white-blue {
  background-image: url("../img/paydent__white-blue.jpg");
  color: #4d4d4d;
}
#generator_container.variant--paydent__white-blue.variant--crop__square {
  background-image: url("../img/paydent__white-blue__square.jpg");
}
#generator_container.variant--paydent__white-blue .color-standout {
  color: #3fa9f5;
}
#generator_container.variant--paydent__blue {
  background-image: url("../img/paydent__blue.jpg");
  color: #fff;
}
#generator_container.variant--paydent__blue.variant--crop__square {
  background-image: url("../img/paydent__blue__square.jpg");
}
#generator_container.variant--paydent__blue .color-standout {
  color: #00496c;
}
#generator_container.variant--paydent__darkblue {
  background-image: url("../img/paydent__darkblue.jpg");
  color: #fff;
}
#generator_container.variant--paydent__darkblue.variant--crop__square {
  background-image: url("../img/paydent__darkblue__square.jpg");
}
#generator_container.variant--paydent__darkblue .color-standout {
  color: #2aabe4;
}
.in-process #generator_container {
  width: 1080px;
  height: 1080px;
  transform: scale(1);
}
#generator_container .logo {
  opacity: 0;
  width: 24.7%;
  height: 10.12%;
  position: absolute;
  top: 0.75%;
  left: 69.5%;
  background: url("../img/logo.jpg") center center no-repeat;
  background-size: contain;
}
#generator_container .logo.active {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
#generator_container p {
  margin-bottom: 0;
}
#generator_container #main-text {
  position: absolute;
  top: 7%;
  left: 8%;
  font-size: 5.0625vw;
  line-height: 1.25em;
}
@media (min-width: 470px) {
  #generator_container #main-text {
    font-size: 25.3125px;
  }
}
.in-process #generator_container #main-text {
  font-size: 60.75px;
}
#generator_container #main-text strong {
  font-size: 6.3vw;
  font-weight: 800;
}
@media (min-width: 470px) {
  #generator_container #main-text strong {
    font-size: 31.5px;
  }
}
.in-process #generator_container #main-text strong {
  font-size: 75.6px;
}
#generator_container #secondary-text {
  width: 45%;
  font-size: 3.375vw;
  line-height: 1.3em;
  font-weight: 800;
  position: absolute;
  top: 46%;
  left: 8%;
}
@media (min-width: 470px) {
  #generator_container #secondary-text {
    font-size: 16.875px;
  }
}
.in-process #generator_container #secondary-text {
  font-size: 40.5px;
}
#generator_container #secondary-text input[name=kwota] {
  min-width: 30px;
  width: 15.3vw;
}
@media (min-width: 470px) {
  #generator_container #secondary-text input[name=kwota] {
    width: calc(450px * 0.17);
  }
}
#generator_container.variant--crop__square #secondary-text {
  top: 38%;
  width: 100%;
  font-size: 3.15vw;
}
@media (min-width: 470px) {
  #generator_container.variant--crop__square #secondary-text {
    font-size: 15.75px;
  }
}
.in-process #generator_container.variant--crop__square #secondary-text {
  font-size: 37.8px;
}
#generator_container.variant--crop__square #secondary-text input[name=zabieg] {
  min-width: 30px;
  width: 22.5vw;
}
@media (min-width: 470px) {
  #generator_container.variant--crop__square #secondary-text input[name=zabieg] {
    width: calc(450px * 0.25);
  }
}
#generator_container #rrso-info {
  left: 8%;
  font-size: 1.6875vw;
  line-height: 1.4em;
  font-weight: 300;
  width: 66.25%;
  position: absolute;
  top: 80.5%;
}
@media (min-width: 470px) {
  #generator_container #rrso-info {
    font-size: 8.4375px;
  }
}
.in-process #generator_container #rrso-info {
  font-size: 20.25px;
}
#generator_container.variant--crop__square #rrso-info {
  top: 69%;
  width: 33%;
  left: 7%;
  font-size: 1.44vw;
}
@media (min-width: 470px) {
  #generator_container.variant--crop__square #rrso-info {
    font-size: 7.2px;
  }
}
.in-process #generator_container.variant--crop__square #rrso-info {
  font-size: 17.28px;
}
#generator_container.variant--crop__horizontal #grafika {
  position: absolute;
  width: 60%;
  height: 38.88%;
  top: 28.88%;
  right: -15.333%;
}
#generator_container.variant--crop__horizontal #grafika .img {
  opacity: 0;
  transform: scale(1.1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff url("../img/grafika.jpg") center center no-repeat;
  background-size: cover;
  border-radius: 59% 41% 57% 43%/50% 49% 51% 50%;
  z-index: 1;
}
#generator_container.variant--crop__horizontal #grafika .img.active {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.3s ease-in-out, transform 0.2s ease-in-out;
}
#generator_container.variant--crop__horizontal #grafika::after {
  content: " ";
  display: block;
  border: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 51% 49% 60% 40%/62% 49% 51% 38%;
  transform: rotate(-12deg) translateY(-2%);
}
#generator_container.variant--crop__square #grafika {
  position: absolute;
  width: 59%;
  height: 57%;
  bottom: 0;
  right: 0;
}
#generator_container.variant--crop__square #grafika .img {
  opacity: 0;
  position: absolute;
  transform: scale(1.1);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff url("../img/grafika_square.jpg") center center no-repeat;
  background-size: cover;
  border-radius: 78% 23% 0% 7%/72% 7% 0% 29%;
  z-index: 1;
}
#generator_container.variant--crop__square #grafika .img.active {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.3s ease-in-out, transform 0.2s ease-in-out;
}
#generator_container input {
  font-weight: 600;
  padding: 0 5px;
  height: auto;
}/*# sourceMappingURL=main.css.map */