.tcs-how-to{--tcs-how-to-heading-gap: 24px;--tcs-how-to-grid-gap: var(--tcs-space-4);--tcs-how-to-mobile-grid-gap: 26px;--tcs-how-to-title-gap: var(--tcs-space-4);--tcs-how-to-title-body-gap: 6px;--tcs-how-to-badge-size: 38px;--tcs-how-to-badge-inset: var(--tcs-space-3);--tcs-how-to-title-size: 1rem;--tcs-how-to-badge-font-size: 1rem;--tcs-how-to-text-measure: 30ch;--tcs-how-to-step-max: 416px;background:var(--tcs-ground);color:var(--tcs-text);padding-block:0 var(--tcs-layout-section-y)}.tcs-how-to__inner{max-width:calc(var(--tcs-layout-content-max) + (var(--tcs-layout-gutter) * 2));margin-inline:auto;padding-inline:var(--tcs-layout-gutter)}.tcs-how-to__header{margin-block-end:var(--tcs-how-to-heading-gap);text-align:center}.tcs-how-to__heading{margin:0;color:var(--tcs-text);font-family:var(--tcs-font-display);font-size:var(--font-h2--size, var(--tcs-text-heading-lg));font-weight:700;line-height:var(--font-h2--line-height, var(--tcs-leading-heading-lg));letter-spacing:0;text-wrap:balance}.tcs-how-to__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tcs-how-to-grid-gap);margin:0;padding:0;list-style:none}.tcs-how-to--count-1 .tcs-how-to__steps{grid-template-columns:minmax(0,var(--tcs-how-to-step-max));justify-content:center}.tcs-how-to--count-2 .tcs-how-to__steps{grid-template-columns:repeat(2,minmax(0,var(--tcs-how-to-step-max)));justify-content:center}.tcs-how-to--count-4 .tcs-how-to__steps{grid-template-columns:repeat(4,minmax(0,1fr))}.tcs-how-to--count-many .tcs-how-to__steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,288px),1fr))}.tcs-how-to__step{--tcs-how-to-fallback-bg: var(--tcs-accent-sunset-pink)}.tcs-how-to__step--accent-1{--tcs-how-to-fallback-bg: var(--tcs-accent-morning-yellow)}.tcs-how-to__step--accent-2{--tcs-how-to-fallback-bg: var(--tcs-accent-aqua)}.tcs-how-to__step--accent-3{--tcs-how-to-fallback-bg: var(--tcs-accent-day-blue)}.tcs-how-to__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--tcs-radius-card);background:var(--tcs-how-to-fallback-bg);box-shadow:var(--tcs-shadow-card)}.tcs-how-to__image{display:block;width:100%;height:100%;object-fit:cover}.tcs-how-to__badge{position:absolute;inset-block-start:var(--tcs-how-to-badge-inset);inset-inline-start:var(--tcs-how-to-badge-inset);z-index:1;display:inline-flex;align-items:center;justify-content:center;width:var(--tcs-how-to-badge-size);height:var(--tcs-how-to-badge-size);border:var(--tcs-border-decorative) solid var(--tcs-c-white);border-radius:var(--tcs-radius-pill);background:var(--tcs-btn-primary-bg);color:var(--tcs-btn-primary-text);box-shadow:var(--tcs-shadow-overlay-text);font-family:var(--tcs-font-display);font-size:var(--tcs-how-to-badge-font-size);font-weight:700;line-height:1;transform:rotate(-7deg);pointer-events:none}.tcs-how-to__title{margin:var(--tcs-how-to-title-gap) 0 var(--tcs-how-to-title-body-gap);color:var(--tcs-text);font-family:var(--tcs-font-sans);font-size:var(--tcs-how-to-title-size);font-weight:600;line-height:var(--tcs-leading-heading-sm);letter-spacing:var(--tcs-tracking-body-md);text-align:center;overflow-wrap:break-word}.tcs-how-to__description{max-width:var(--tcs-how-to-text-measure);margin-inline:auto;color:var(--tcs-text-muted);font-family:var(--tcs-font-sans);font-size:var(--tcs-text-body-sm);font-weight:500;line-height:var(--tcs-leading-body-md);letter-spacing:var(--tcs-tracking-body-sm);text-align:center}.tcs-how-to__description>*{margin-block:0}.tcs-how-to__description>*+*{margin-block-start:var(--tcs-space-2)}@media(max-width:989px)and (min-width:750px){.tcs-how-to--count-4 .tcs-how-to__steps,.tcs-how-to--count-many .tcs-how-to__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.tcs-how-to__steps,.tcs-how-to--count-1 .tcs-how-to__steps,.tcs-how-to--count-2 .tcs-how-to__steps,.tcs-how-to--count-4 .tcs-how-to__steps,.tcs-how-to--count-many .tcs-how-to__steps{grid-template-columns:1fr;gap:var(--tcs-how-to-mobile-grid-gap)}}
/*# sourceMappingURL=/cdn/shop/t/276/assets/tcs-how-to.css.map */