/* line 11, scss/component/blueprint.scss */
.section-blueprint {
  background-color: #202945;
  padding: 80px 0;
  color: #FFFFFF; }
  /* line 16, scss/component/blueprint.scss */
  .section-blueprint h3 {
    color: #FF937B;
    margin-bottom: 40px; }
  /* line 21, scss/component/blueprint.scss */
  .section-blueprint .title,
  .section-blueprint .subtitle {
    color: #FF937B; }
  /* line 27, scss/component/blueprint.scss */
  .section-blueprint .field--name-field-dati-tecnici .field__label {
    color: #FF937B;
    margin: 40px 0 24px;
    font: normal normal 500 19px/1.5 Poppins,sans-serif; }
  /* line 33, scss/component/blueprint.scss */
  .section-blueprint .field--name-field-dati-tecnici .field__items {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr; }
    @media (min-width: 576px) {
      /* line 33, scss/component/blueprint.scss */
      .section-blueprint .field--name-field-dati-tecnici .field__items {
        grid-template-columns: repeat(2, 1fr); } }
    @media (min-width: 768px) {
      /* line 33, scss/component/blueprint.scss */
      .section-blueprint .field--name-field-dati-tecnici .field__items {
        grid-template-columns: repeat(3, 1fr); } }
    @media (min-width: 992px) {
      /* line 33, scss/component/blueprint.scss */
      .section-blueprint .field--name-field-dati-tecnici .field__items {
        grid-template-columns: repeat(4, 1fr); } }
    /* line 50, scss/component/blueprint.scss */
    .section-blueprint .field--name-field-dati-tecnici .field__items > .field__item {
      padding-left: 12px;
      border-left: 4px solid #55B5B1; }
      /* line 54, scss/component/blueprint.scss */
      .section-blueprint .field--name-field-dati-tecnici .field__items > .field__item .field--name-field-label {
        opacity: 0.6;
        margin: 0; }
      /* line 59, scss/component/blueprint.scss */
      .section-blueprint .field--name-field-dati-tecnici .field__items > .field__item .field--name-field-value {
        font-weight: 700; }

/* line 67, scss/component/blueprint.scss */
#blueprint-wrapper {
  display: flex;
  gap: 16px; }
  @media (max-width: 767px) {
    /* line 67, scss/component/blueprint.scss */
    #blueprint-wrapper {
      flex-direction: column-reverse; } }
  /* line 75, scss/component/blueprint.scss */
  #blueprint-wrapper .blueprint-accordion {
    width: 100%; }
    /* line 78, scss/component/blueprint.scss */
    #blueprint-wrapper .blueprint-accordion .accordion-item {
      width: 100%;
      border-top: 1px solid rgba(255, 255, 255, 0.3);
      padding: 24px 12px; }
      /* line 83, scss/component/blueprint.scss */
      #blueprint-wrapper .blueprint-accordion .accordion-item .accordion-header {
        color: #FFFFFF;
        text-transform: uppercase;
        cursor: pointer;
        text-align: left;
        display: flex;
        background: none;
        gap: 16px; }
        /* line 92, scss/component/blueprint.scss */
        #blueprint-wrapper .blueprint-accordion .accordion-item .accordion-header::before {
          content: url(../../assets/icons/plus-base.svg); }
      /* line 98, scss/component/blueprint.scss */
      #blueprint-wrapper .blueprint-accordion .accordion-item.active .accordion-header::before {
        content: url(../../assets/icons/plus-active.svg); }
      /* line 103, scss/component/blueprint.scss */
      #blueprint-wrapper .blueprint-accordion .accordion-item .accordion-panel {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: max-height 0.4s ease, opacity 0.4s ease;
        color: #FFFFFF;
        padding: 0 40px; }
        /* line 111, scss/component/blueprint.scss */
        #blueprint-wrapper .blueprint-accordion .accordion-item .accordion-panel .field--name-field-p-accordion-text {
          margin-top: 24px; }
      /* line 116, scss/component/blueprint.scss */
      #blueprint-wrapper .blueprint-accordion .accordion-item.active .accordion-panel {
        opacity: 1;
        max-height: -moz-fit-content;
        max-height: fit-content; }
  /* line 123, scss/component/blueprint.scss */
  #blueprint-wrapper #blueprint {
    position: relative;
    width: 100%;
    height: 100%; }
  /* line 129, scss/component/blueprint.scss */
  #blueprint-wrapper #blueprint-machine,
  #blueprint-wrapper #blueprint-machine-mask {
    width: 100%; }
  /* line 134, scss/component/blueprint.scss */
  #blueprint-wrapper #blueprint-machine {
    opacity: .5; }
  /* line 138, scss/component/blueprint.scss */
  #blueprint-wrapper #blueprint-machine-mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }

/* line 147, scss/component/blueprint.scss */
.circ {
  width: 20px;
  height: 20px;
  background-color: #FF937B;
  border-radius: 100%;
  position: absolute;
  top: 0;
  cursor: pointer;
  z-index: 2; }
  /* line 157, scss/component/blueprint.scss */
  .circ.active {
    background-color: #FF4D25; }
    /* line 160, scss/component/blueprint.scss */
    .circ.active::before, .circ.active::after {
      background-color: #FF4D25;
      animation: none; }
    /* line 166, scss/component/blueprint.scss */
    .circ.active::before {
      transform: scale(1.8);
      opacity: .15; }
    /* line 171, scss/component/blueprint.scss */
    .circ.active::after {
      background-color: #FF4D25;
      opacity: 1;
      transform: scale(1); }
  /* line 178, scss/component/blueprint.scss */
  .circ::before, .circ::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0px;
    background-color: #FF937B;
    opacity: 0.05;
    border-radius: 100%;
    animation: ellipse1 2150ms ease-in-out infinite; }
  /* line 192, scss/component/blueprint.scss */
  .circ::after {
    opacity: 0.15;
    animation: ellipse2 2150ms ease-in-out infinite; }
  /* line 197, scss/component/blueprint.scss */
  .circ.circ-3 {
    top: 40%;
    left: 70%; }
  /* line 202, scss/component/blueprint.scss */
  .circ.circ-4 {
    top: 55%;
    left: 30%; }
  /* line 207, scss/component/blueprint.scss */
  .circ.circ-1 {
    top: 25%;
    left: 55%; }
  /* line 212, scss/component/blueprint.scss */
  .circ.circ-5 {
    top: 60%;
    left: 60%; }
  /* line 217, scss/component/blueprint.scss */
  .circ.circ-2 {
    top: 35%;
    left: 45%; }
  /* line 222, scss/component/blueprint.scss */
  .circ.circ-6 {
    top: 70%;
    left: 40%; }

@keyframes ellipse1 {
  0% {
    transform: scale(1); }
  20% {
    transform: scale(1.8);
    opacity: 0.5; }
  20.1% {
    transform: scale(1);
    opacity: 0.05; }
  40% {
    transform: scale(1.8);
    opacity: 0.5; }
  40.1% {
    transform: scale(1);
    opacity: 0.05; }
  100% {
    transform: scale(1); } }

@keyframes ellipse2 {
  0% {
    transform: scale(1);
    opacity: 0.15; }
  20.5% {
    transform: scale(1.8); }
  40.5% {
    transform: scale(2.48); }
  80% {
    transform: scale(1);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 0.15; } }

/*# sourceMappingURL=blueprint.css.map */