.checklist__header{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.checklist__eyebrow{font-size:13px;letter-spacing:var(--hio-eyebrow-letter-spacing);text-transform:uppercase;color:var(--color-text);opacity:.7}.checklist__list{display:flex;flex-direction:column}.checklist__item{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;padding:11px 0;border-top:1px solid rgba(var(--color-border-rgba));font-size:17px;line-height:1.45}.checklist__item:last-child{border-bottom:1px solid rgba(var(--color-border-rgba))}.checklist__icon{color:var(--color-button-background);font-weight:700}.checklist__lead-in{display:block;margin-bottom:4px;font-family:var(--font-head-family);font-size:20px;line-height:1.1;opacity:1}.checklist__item>span:last-child{color:color-mix(in srgb,var(--color-text) 62%,transparent);font-size:15px}.checklist__item .checklist__lead-in{color:var(--color-text)}@media screen and (min-width:750px){.checklist__header{max-width:640px;margin-bottom:36px}.checklist__eyebrow{font-size:14px}.checklist__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.checklist__item{padding:16px 0 0;border-top:3px solid var(--color-button-background);border-bottom:none;font-size:15px}.checklist__item:last-child{border-bottom:none}.checklist__icon svg{width:20px;height:20px}}.checklist--cards .checklist__list{display:grid;gap:32px}.checklist__card-media{aspect-ratio:5 / 2;overflow:hidden;background:rgba(var(--color-border-rgba))}.checklist__card-media img,.checklist__card-media svg{display:block;width:100%;height:100%;object-fit:cover}.checklist__card--link{display:block;color:inherit;text-decoration:none}.checklist__card--link .checklist__card-media img{transition:transform .4s ease}.checklist__card--link:hover .checklist__card-media img{transform:scale(1.03)}.checklist__card--link:hover .checklist__card-title{text-decoration:underline}.checklist__card--link:focus-visible{outline:2px solid currentColor;outline-offset:4px}.checklist__card-title{margin:18px 0 8px;font-family:var(--font-head-family);font-size:24px;line-height:1.1}.checklist__card-text{margin:0;font-size:15px;line-height:1.5;color:color-mix(in srgb,var(--color-text) 70%,transparent)}@media screen and (min-width:750px){.checklist--cards .checklist__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.checklist__card-title{margin-top:22px;font-size:28px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-checklist.css.map */
