@media (min-width: 1025px){ .str_hide{ display: none !important; } } @media (max-width: 1024px){ .str_hide{ display: inline-flex !important; }  }  @media (max-width: 1024px){ .str_hide2{ display: none !important; } } @media (min-width: 1025px){ .str_hide2{ display: inline-flex !important; } } svg.animated { width: 100%; height: auto; display: block;  max-width: 100%; }  .sm-ansia-depressione-form { width: 100%; } .sm-ansia-depressione-form .sm-ms-header { margin-bottom: 1.75rem; } .sm-ansia-depressione-form .sm-ms-kicker { display: block; margin-bottom: 0.5rem; font-size: 0.9em; font-weight: 600; opacity: 0.75; } .sm-ansia-depressione-form .sm-ms-title { margin: 0 0 0.5rem; } .sm-ansia-depressione-form .sm-ms-subtitle { max-width: 720px; margin: 0; opacity: 0.8; } .sm-ansia-depressione-form .sm-ms-progress { width: 100%; height: 6px; margin-top: 1.25rem; overflow: hidden; border-radius: 999px; background: color-mix(in srgb, currentColor 12%, transparent); } .sm-ansia-depressione-form .sm-ms-progress-bar { display: block; width: 16.66%; height: 100%; background: currentColor; border-radius: inherit; transition: width 0.25s ease; } .sm-ansia-depressione-form .sm-ms-progress-label { margin-top: 0.5rem; font-size: 0.85em; opacity: 0.7; } .sm-ansia-depressione-form .sm-step-panel { display: none; } .sm-ansia-depressione-form .sm-step-panel.is-active { display: block; } .sm-ansia-depressione-form .sm-question { display: block; margin-bottom: 1rem; font-weight: 600; } .sm-ansia-depressione-form .sm-step-note { margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.95em; opacity: 0.75; } .sm-ansia-depressione-form .sm-choice-list { display: grid; gap: 0.75rem; } .sm-ansia-depressione-form .sm-choice { display: flex; align-items: flex-start; gap: 0.65rem; cursor: pointer; } .sm-ansia-depressione-form .sm-choice input { margin-top: 0.25em; } .sm-ansia-depressione-form .sm-scale-list { grid-template-columns: repeat(5, minmax(0, 1fr)); } .sm-ansia-depressione-form .sm-contact-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm-ansia-depressione-form .sm-ms-info { padding: 1.5rem; border-radius: inherit; background: color-mix(in srgb, currentColor 5%, transparent); } .sm-ansia-depressione-form .sm-ms-info h4 { margin-top: 0; } .sm-ansia-depressione-form .sm-ms-info p:last-child { margin-bottom: 0; } .sm-ansia-depressione-form .sm-fields-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } .sm-ansia-depressione-form .sm-fields-grid .form-group:last-child { grid-column: 1 / -1; } .sm-ansia-depressione-form .sm-privacy { display: flex; align-items: flex-start; gap: 0.65rem; cursor: pointer; font-size: 0.95em; } .sm-ansia-depressione-form .sm-privacy input { margin-top: 0.25em; } .sm-ansia-depressione-form .sm-ms-error { display: none; margin-top: 1rem; font-size: 0.95em; color: #9f3a38; } .sm-ansia-depressione-form .sm-ms-error.is-visible { display: block; } .sm-ansia-depressione-form .sm-ms-actions { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 1.5rem; } .sm-ansia-depressione-form .sm-ms-prev[hidden], .sm-ansia-depressione-form .sm-ms-next[hidden], .sm-ansia-depressione-form .submit-button-wrapper[hidden] { display: none !important; } .sm-ansia-depressione-form .submit-button-wrapper { margin: 0; } .sm-ansia-depressione-form .sm-form-message { margin-bottom: 1rem; } @media (max-width: 767px) { .sm-ansia-depressione-form .sm-scale-list, .sm-ansia-depressione-form .sm-contact-list, .sm-ansia-depressione-form .sm-fields-grid { grid-template-columns: 1fr; } .sm-ansia-depressione-form .sm-ms-actions { flex-direction: column-reverse; align-items: stretch; } .sm-ansia-depressione-form .sm-ms-actions .bricks-button, .sm-ansia-depressione-form .submit-button-wrapper, .sm-ansia-depressione-form .submit-button-wrapper .bricks-button { width: 100%; } }