.how-to-wrapper[data-v-56977b89]{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem;grid-gap:2rem}@media (min-width:1024px){.how-to-wrapper[data-v-56977b89]{grid-template-columns:repeat(2,minmax(0,1fr))}}.preview-panel[data-v-56977b89]{border-radius:1rem}.preview-image[data-v-56977b89]{width:100%;border-radius:.75rem;-o-object-fit:cover;object-fit:cover}@media (min-width:1200px){.preview-image[data-v-56977b89]{max-height:330px}}.preview-placeholder[data-v-56977b89]{display:flex;min-height:240px;width:100%;align-items:center;justify-content:center;border-radius:.75rem;border:1px dashed hsla(0,0%,100%,.2);color:#ffffff80}.steps-panel[data-v-56977b89]{display:flex;flex-direction:column}.mode-tabs[data-v-56977b89]{margin-bottom:3rem;display:flex;gap:2.5rem;grid-gap:2.5rem}@media not all and (min-width:768px){.mode-tabs[data-v-56977b89]{margin-bottom:1.5rem;gap:.75rem;grid-gap:.75rem}}.mode-tab[data-v-56977b89]{min-width:5rem;border-radius:10px;background-color:#ffffff26;padding:.5rem 1.25rem;font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media not all and (min-width:768px){.mode-tab[data-v-56977b89]{min-width:70px;padding:.375rem 1rem;font-size:.875rem;line-height:1.25rem}}.mode-tab.is-active[data-v-56977b89]{border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(44 243 112/var(--tw-border-opacity));background-color:transparent;--tw-text-opacity:1;color:rgb(44 243 112/var(--tw-text-opacity))}.steps-list[data-v-56977b89]{display:flex;flex:1 1 0%;flex-direction:column;gap:2.5rem;grid-gap:2.5rem}.step-item[data-v-56977b89]{cursor:pointer;border-left-width:3px;border-color:rgb(46 46 46/var(--tw-border-opacity));padding-left:1.5rem}.step-item[data-v-56977b89],.step-item.is-active[data-v-56977b89]{--tw-border-opacity:1}.step-item.is-active[data-v-56977b89]{border-color:rgb(44 243 112/var(--tw-border-opacity))}.step-title[data-v-56977b89]{font-size:22px;font-weight:700;line-height:2rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media not all and (min-width:768px){.step-title[data-v-56977b89]{font-size:1.125rem;line-height:1.75rem}}.step-desc[data-v-56977b89]{margin-top:10px;font-weight:500;line-height:1.75rem;color:#fffc}@media not all and (min-width:768px){.step-desc[data-v-56977b89]{font-size:.875rem;line-height:1.5rem}}