/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 17.04.2025, 11:41:00
    Author     : alexa
*/

.paragraph--type---mood-box .mood-boxes__wrapper {
  padding: 21px;
}

.paragraph--type---mood-box .mood-boxes__wrapper .mood-boxes__inner-wrapper {
  position: relative;
  margin-top: 21px;
  z-index: 0;
}

.paragraph--type---mood-box.box-align-left .mood-boxes__wrapper .mood-boxes__inner-wrapper svg.mood-boxes__shape {
  position: absolute;
  top: -21px;
  left: -21px;
  z-index: -1;
}

.paragraph--type---mood-box.box-align-right .mood-boxes__wrapper .mood-boxes__inner-wrapper svg.mood-boxes__shape {
  position: absolute;
  top: -21px;
  left: 21px;
  z-index: -1;
}

.paragraph--type---mood-box .mood-boxes__wrapper .mood-boxes__inner-wrapper .mood-boxes__box {
  padding: 20px 20px 30px;
  box-sizing: border-box;
  width: 305px;
  height: fit-content;
  hyphens: auto;
  clip-path: polygon(0px 0px, 305px 0, 305px 282px, 0px 305px);
}


.paragraph--type---mood-box.box-animation-animated.processed .mood-boxes__wrapper .mood-boxes__inner-wrapper.js-fade {
  opacity: 0;
  -webkit-transition: opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;
}

.paragraph--type---mood-box.box-animation-animated.processed .mood-boxes__wrapper .mood-boxes__inner-wrapper.js-faded {
  opacity: 1;
}

.paragraph--type---mood-box.box-animation-animated .js-faded .mood-boxes__line-1 {
  stroke-dasharray: 305;
  stroke-dashoffset: 305;
  animation: bsi 0.305s linear forwards;
  animation-delay: 0.50s !important;
}

.paragraph--type---mood-box.box-animation-animated .js-faded .mood-boxes__line-2 {
  stroke-dasharray: 305;
  stroke-dashoffset: 305;
  animation: bsi 0.305s linear forwards;
  animation-delay: 0.805s !important;
}

.paragraph--type---mood-box.box-animation-animated .js-faded .mood-boxes__line-3 {
  stroke-dasharray: 305;
  stroke-dashoffset: 305;
  animation: bsi 0.305s linear forwards;
  animation-delay: 1.11s !important;
}

.paragraph--type---mood-box.box-animation-animated .js-faded .mood-boxes__line-4 {
  stroke-dasharray: 305;
  stroke-dashoffset: 305;
  animation: bsi 0.305s linear forwards;
  animation-delay: 1.415s !important;
}

@keyframes bsi {
 to {
  stroke-dashoffset:0
 }
}