/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/atoms/container/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
/******* Colors *******/
/******* Status Colors *******/
/******* Effect Styles Colors *******/
/******* FONT SETUP *******/
/******* Colors *******/
/******* Status Colors *******/
/******* Effect Styles Colors *******/
/******* FONT SETUP *******/
@keyframes loading {
  from {
    transform: translate(-50%, -50%) rotate(0);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes move_down {
  0% {
    transform: translate(0, -10px) rotate(45deg);
  }
  100% {
    transform: translate(0, 10px) rotate(45deg);
  }
}

@keyframes move_right_before {
  0% {
    transform: translate(-5px, 0) rotate(-45deg);
  }
  80% {
    transform: translate(5px, 0) rotate(-45deg);
  }
  100% {
    transform: translate(-5px, 0) rotate(-45deg);
  }
}
@keyframes move_right_after {
  0% {
    transform: translate(-5px, 0) rotate(-45deg);
  }
  80% {
    transform: translate(15px, 0) rotate(-45deg);
  }
  100% {
    transform: translate(-5px, 0) rotate(-45deg);
  }
}

/******* Colors *******/
/******* Status Colors *******/
/******* Effect Styles Colors *******/
/******* FONT SETUP *******/
.container-block.default {
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
}
@media (min-width: 960px) {
  .container-block.default {
    width: 90%;
    max-width: 690px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .container-block.default {
    max-width: 840px;
  }
}
@media (min-width: 1366px) {
  .container-block.default {
    max-width: 1248px;
  }
}

.container-block.small {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
}
@media (min-width: 960px) {
  .container-block.small {
    width: 90%;
    max-width: 690px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .container-block.small {
    max-width: 720px;
  }
}
@media (min-width: 1366px) {
  .container-block.small {
    max-width: 1024px;
  }
}

.container-block.medium {
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
}
@media (min-width: 960px) {
  .container-block.medium {
    width: 95%;
    max-width: 790px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .container-block.medium {
    max-width: 940px;
  }
}
@media (min-width: 1366px) {
  .container-block.medium {
    max-width: 1348px;
  }
}

.container-block.large {
  width: 100%;
}
.container-block.large:not(.mobile-full) {
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 960px) {
  .container-block.large-on-desk, .container-block.large {
    padding-left: 0px;
    padding-right: 0px;
    width: 95%;
    max-width: 960px;
  }
  .large-full.container-block.large-on-desk, .large-full.container-block.large {
    width: 100%;
  }
}
@media (min-width: 1366px) {
  .container-block.large-on-desk, .container-block.large {
    max-width: 1300px;
  }
}
@media (min-width: 1024px) {
  .container-block.large-on-desk, .container-block.large {
    max-width: 1920px;
  }
}

.container-block {
  margin: 0 auto;
}

/*# sourceMappingURL=style-index.css.map*/