@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-font-weight:initial}}}.instruction-step{align-items:center;grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:48rem){.instruction-step{grid-template-columns:repeat(2,minmax(0,1fr))}}.instruction-step h2{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height,1.2));margin-top:calc(var(--spacing,.25rem)*6);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.instruction-step p{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));margin-top:calc(var(--spacing,.25rem)*4)}.instruction-step .image{align-items:center;display:flex;justify-content:center;order:1}@media(min-width:48rem){.instruction-step .image{order:0}}.instruction-step .image img{height:calc(var(--spacing,.25rem)*96);max-height:100%;max-width:100%;width:auto}.instruction-step .content{margin-inline:auto;max-width:22rem;order:2}@media(min-width:48rem){.instruction-step .content{margin-inline:calc(var(--spacing,.25rem)*0);max-width:var(--container-lg,32rem);order:0}}@property --tw-font-weight{syntax:"*";inherits:false}