.use-instruction__inner{gap:20px;justify-content:space-between;display:flex;flex-direction:row;height:100%;border-radius:var(--border-radius)}.use-instruction__inner--instruction{padding:40px;background-color:var(--color-gray1)}@media(max-width:1023px){.use-instruction__inner{padding:20px;gap:10px}}@media(max-width:767px){.use-instruction__inner{flex-direction:column-reverse;gap:20px;padding:20px;background-color:var(--color-gray1)}}.use-instruction__inner-images{gap:15px;justify-content:flex-start;display:flex;flex-direction:row}@media(max-width:1023px){.use-instruction__inner-images{gap:8px;justify-content:space-around}}.use-instruction__inner-image{object-fit:cover;height:330px;border-radius:10px;min-width:170px}.use-instruction__inner-image--generate{width:235px}.use-instruction__inner-image--instruction{width:250px}@media(max-width:767px){.use-instruction__inner-image{height:auto;min-width:100px;border-radius:5.76px}}.use-instruction__inner-content{gap:20px;justify-content:space-between;display:flex;flex-direction:row;max-width:970px;width:100%}@media(max-width:767px){.use-instruction__inner-content{flex-direction:column-reverse}}.use-instruction__inner-content--generate{gap:20px}@media(max-width:1280px){.use-instruction__inner-content--instruction{justify-content:space-around}}.use-instruction__inner-text{gap:15px;justify-content:flex-start;display:flex;flex-direction:column;max-width:450px}.use-instruction__inner-text--generate{gap:5px;max-width:295px}.use-instruction__inner-text--instruction{max-width:400px}@media(max-width:767px){.use-instruction__inner-text{max-width:100%;gap:5px}}.use-instruction__inner-text-title{color:var(--color-dark)}.use-instruction__inner-text-title--generate{font-size:clamp(20px,1.6666666667vw,24px)}.use-instruction__inner-text-title--instruction{font-family:var(--font-inter);font-weight:700;font-size:32px;line-height:150%;text-decoration:none;letter-spacing:normal;font-size:clamp(20px,2.2222222222vw,32px)}.use-instruction__inner-text-description{color:var(--color-gray7)}.use-instruction__inner-text-description--generate{font-size:14px}.use-instruction__inner-text-description--instruction{font-size:clamp(14px,1.1111111111vw,16px)}.use-instruction__inner-text-button{align-self:start}.use-instruction__inner-text-button--generate{margin-top:10px;height:36px;font-size:14px;padding-inline:25px}.use-instruction__inner-text-button--instruction{margin-top:15px}@media(max-width:767px){.use-instruction__inner-text-button{margin-top:10px;height:36px;font-size:14px;padding-inline:25px}}.use-instruction__inner-checkpoint{gap:10px;justify-content:space-between;display:flex;flex-direction:column;position:relative;z-index:1}@media(min-width:768px){.use-instruction__inner-checkpoint--generate{margin-bottom:20px}}@media(max-width:767px){.use-instruction__inner-checkpoint{flex-direction:row}}.use-instruction__inner-checkpoint:before{content:"";position:absolute;width:2px;height:100%;background-color:var(--color-green);left:50%;transform:translateX(-50%);top:0;z-index:-1}@media(max-width:767px){.use-instruction__inner-checkpoint:before{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}}.use-instruction__inner-checkpoint-circle{width:50px;aspect-ratio:1;border:1px solid var(--color-green);display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--color-white);color:var(--color-grey7);font-weight:700;font-size:20px;transition:all .5s ease-in-out;cursor:pointer}.use-instruction__inner-checkpoint-circle--active{background-color:var(--color-green);color:var(--color-white)}.use-instruction__inner-checkpoint-circle--generate{width:40px;aspect-ratio:1;font-size:16px}@media(max-width:1023px){.use-instruction__inner-checkpoint-circle--instruction{width:40px;aspect-ratio:1;font-size:16px}}@media(max-width:767px){.use-instruction__inner-checkpoint-circle{width:50px;aspect-ratio:1;font-size:20px}}