/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/absolute-item/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
div:has(> .wp-block-deuxatomes-theme-absolute-item) {
  position: relative;
}

.wp-block-deuxatomes-theme-absolute-item.wp-block-deuxatomes-theme-absolute-item {
  position: absolute;
  z-index: var(--abs-z, 2);
  display: flex;
  flex-direction: column;
  top: var(--abs-top, auto);
  right: var(--abs-right, auto);
  bottom: var(--abs-bottom, auto);
  left: var(--abs-left, auto);
  /* translate en % de l'élément + rotation */
  transform: translate(calc(var(--abs-tx, 0) * 1%), calc(var(--abs-ty, 0) * 1%)) rotate(var(--abs-rot, 0deg));
}

/* Animation (rotation continue) */
.is-absolute-item.is-rotating {
  animation: novelar-abs-spin var(--abs-spin-duration, 12s) linear infinite;
}

/* Attention: on "rajoute" la rotation animée sans perdre la base */
@keyframes novelar-abs-spin {
  from {
    transform: translate(calc(var(--abs-tx, 0) * 1%), calc(var(--abs-ty, 0) * 1%)) rotate(0deg);
  }
  to {
    transform: translate(calc(var(--abs-tx, 0) * 1%), calc(var(--abs-ty, 0) * 1%)) rotate(360deg);
  }
}
/* TABLET */
@media (max-width: 781px) {
  .is-absolute-item {
    top: var(--abs-top--tablet, var(--abs-top, auto));
    right: var(--abs-right--tablet, var(--abs-right, auto));
    bottom: var(--abs-bottom--tablet, var(--abs-bottom, auto));
    left: var(--abs-left--tablet, var(--abs-left, auto));
    z-index: var(--abs-z--tablet, var(--abs-z, 2));
    --abs-tx: var(--abs-tx--tablet, var(--abs-tx, 0));
    --abs-ty: var(--abs-ty--tablet, var(--abs-ty, 0));
    --abs-rot: var(--abs-rot--tablet, var(--abs-rot, 0deg));
  }
}
/* MOBILE */
@media (max-width: 480px) {
  .is-absolute-item {
    top: var(--abs-top--mobile, var(--abs-top--tablet, var(--abs-top, auto)));
    right: var(--abs-right--mobile, var(--abs-right--tablet, var(--abs-right, auto)));
    bottom: var(--abs-bottom--mobile, var(--abs-bottom--tablet, var(--abs-bottom, auto)));
    left: var(--abs-left--mobile, var(--abs-left--tablet, var(--abs-left, auto)));
    z-index: var(--abs-z--mobile, var(--abs-z--tablet, var(--abs-z, 2)));
    --abs-tx: var(--abs-tx--mobile, var(--abs-tx--tablet, var(--abs-tx, 0)));
    --abs-ty: var(--abs-ty--mobile, var(--abs-ty--tablet, var(--abs-ty, 0)));
    --abs-rot: var(--abs-rot--mobile, var(--abs-rot--tablet, var(--abs-rot, 0deg)));
  }
}

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