.how-to-use--bordered{border-bottom:.1rem solid rgba(var(--color-foreground),.08);border-top:.1rem solid rgba(var(--color-foreground),.08)}.how-to-use__inner{display:grid;gap:clamp(1.6rem,3vw,2.4rem)}.how-to-use__header .content-section-header{margin-block-end:0}.how-to-use__card{background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.12);border-radius:var(--how-to-use-card-radius, 1.2rem);overflow:hidden;padding-inline:clamp(1.2rem,3vw,2rem)}.how-to-use__card--empty{padding-block:2.5rem;text-align:center}.how-to-use__card .accordion__disclosure>summary{display:block}.how-to-use__card>.accordion:first-child{border-block-start-width:0}.how-to-use__card>.accordion:first-child .accordion__toggle{padding-block-start:0}.how-to-use__card>.accordion:last-child .accordion__content{padding-block-end:clamp(1.25rem,2.5vw,1.75rem)}.how-to-use__card .accordion{border-color:rgba(var(--color-foreground),.1)}.how-to-use__card .accordion__toggle.text-lg{font-size:max(.1rem,var(--how-to-use-group-font-size, 1.25rem));font-weight:600;justify-content:space-between;width:100%}.how-to-use__card .accordion__toggle .text-with-icon,.how-to-use__card .accordion__toggle>span:first-child:not(.animated-plus){flex:1;min-width:0}.how-to-use__card .accordion__toggle .text-with-icon{align-items:center;gap:1rem;justify-content:flex-start}.how-to-use__card .accordion__toggle .animated-plus,.how-to-use__card .animated-plus{--animated-plus-size: 1rem;flex-shrink:0;height:var(--animated-plus-size);margin-inline-start:1.5rem;width:var(--animated-plus-size)}.how-to-use__card .constrained-image{height:auto;image-rendering:-webkit-optimize-contrast;max-width:2.4rem;object-fit:contain;width:2.4rem}.how-to-use__card .accordion__content{margin-block-start:0;padding-inline:0;padding-inline-end:0}@media screen and (min-width:990px){.how-to-use__card .accordion--lg .accordion__toggle{padding-block:1.5rem}.how-to-use__card>.accordion:first-child .accordion__toggle{padding-block-start:0}}.how-to-use__steps-box{background:rgb(var(--how-to-use-steps-bg, var(--color-background)));border-radius:calc(var(--how-to-use-card-radius, 1.2rem) * .65);margin-block-end:.25rem;padding:clamp(.4rem,1.5vw,.75rem) clamp(1rem,2.5vw,1.5rem)}.how-to-use__steps{list-style:none;margin:0;padding:0}.how-to-use__step{align-items:start;border-block-start:.1rem solid rgba(var(--color-foreground),.1);display:grid;gap:.35rem 1rem;grid-template-columns:1.75rem minmax(0,1fr);padding-block:1.125rem}.how-to-use__step:first-child{border-block-start:none;padding-block-start:.875rem}.how-to-use__step:last-child{padding-block-end:.875rem}.how-to-use__step-number{color:rgb(var(--color-foreground));font-size:max(.1rem,var(--how-to-use-step-title-font-size, 1.5rem));font-weight:600;line-height:1.4}.how-to-use__step-title{color:rgb(var(--color-foreground));font-size:max(.1rem,var(--how-to-use-step-title-font-size, 1.5rem));font-weight:600;line-height:1.4;margin:0}.how-to-use__step-text{color:rgba(var(--color-foreground),.72);font-size:max(.1rem,var(--how-to-use-step-text-font-size, 1.2rem));font-weight:400;line-height:1.55;margin:.375rem 0 0}.how-to-use__empty{border:.1rem dashed rgba(var(--color-foreground),.16);color:rgba(var(--color-foreground),.72);padding:3rem 2rem;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-how-to-use.css.map */