.howtouse_steps_wrapper__DCx5c{display:flex;gap:var(--vertical_gap);background-color:#fff;padding:var(--big_padding);border-radius:var(--corner_radius)}.howtouse_steps_wrapper__DCx5c>*{flex:1 1}@media(max-width:768px){.howtouse_steps_wrapper__DCx5c{flex-direction:column}}.howtouse_steps_wrapper__DCx5c .howtouse_left__7NSI9{display:flex;flex-direction:column;gap:var(--big_gap)}.howtouse_steps_wrapper__DCx5c .howtouse_left__7NSI9 .howtouse_item__7iaJO{border:1px solid var(--color_light_purple);padding:var(--small_padding);border-radius:var(--corner_radius);display:flex;flex-direction:column;gap:var(--small_gap);cursor:pointer}.howtouse_steps_wrapper__DCx5c .howtouse_left__7NSI9 .howtouse_item__7iaJO.howtouse_active__cG98L,.howtouse_steps_wrapper__DCx5c .howtouse_left__7NSI9 .howtouse_item__7iaJO:hover{border-color:var(--color_purple)}.howtouse_steps_wrapper__DCx5c .howtouse_left__7NSI9 .howtouse_item__7iaJO .howtouse_step_name__lyRBy{text-transform:uppercase;font-weight:600;font-size:12px}.howtouse_steps_wrapper__DCx5c .howtouse_left__7NSI9 .howtouse_item__7iaJO h3{font-size:18px;font-weight:400}.howtouse_steps_wrapper__DCx5c .howtouse_left__7NSI9 .howtouse_item__7iaJO .howtouse_title_wrapper__lcHkN{display:inline-flex;gap:var(--small_gap);margin-right:var(--big_gap);vertical-align:middle}.howtouse_steps_wrapper__DCx5c .howtouse_left__7NSI9 .howtouse_item__7iaJO .howtouse_title_wrapper__lcHkN svg{width:14px;margin-top:5px;transform:rotate(90deg)}.howtouse_steps_wrapper__DCx5c .howtouse_left__7NSI9 .howtouse_item__7iaJO .howtouse_hidden__kF4Xv{display:flex;flex-direction:column;gap:var(--big_gap)}.howtouse_steps_wrapper__DCx5c .howtouse_left__7NSI9 .howtouse_item__7iaJO .howtouse_hidden__kF4Xv .howtouse_desc__3kuiP{font-size:16px;background-color:var(--color_light_purple);padding:var(--small_padding);border-radius:var(--corner_radius)}.howtouse_steps_wrapper__DCx5c .howtouse_left__7NSI9 .howtouse_item__7iaJO:nth-child(3n+1) svg{fill:#314fb2}.howtouse_steps_wrapper__DCx5c .howtouse_left__7NSI9 .howtouse_item__7iaJO:nth-child(3n+2) svg{fill:#8059b5}.howtouse_steps_wrapper__DCx5c .howtouse_left__7NSI9 .howtouse_item__7iaJO:nth-child(3n+3) svg{fill:#aa34b2}.howtouse_steps_wrapper__DCx5c .howtouse_right__Cca7v .howtouse_div_border__AqKhr{border-radius:var(--corner_radius);border:1px solid var(--color_light_purple);padding:var(--small_padding)}.howtouse_steps_wrapper__DCx5c .howtouse_right__Cca7v .howtouse_div_border__AqKhr img,.howtouse_steps_wrapper__DCx5c .howtouse_right__Cca7v .howtouse_div_border__AqKhr video{width:100%;border-radius:var(--corner_radius)}