:root{--zup-how-to-list-direction:column;--zup-how-to-list-wrap:nowrap;--zup-how-to-list-col-gap:0;--zup-how-to-list-row-gap:1.25rem;--zup-how-to-list-offset-top:1.25rem;--zup-how-to-list-font-size:1em;--zup-how-to-list-justify:flex-start;--zup-how-to-item-col-gap:1.25rem;--zup-how-to-item-row-gap:0.9375rem;--zup-how-to-item-padding-x:0;--zup-how-to-item-padding-y:0;--zup-how-to-item-bg-color:transparent;--zup-how-to-item-shadow:none;--zup-how-to-item-width:100%;--zup-how-to-icon-size:5rem}.how-to-list{display:flex;flex-direction:var(--zup-how-to-list-direction);flex-wrap:var(--zup-how-to-list-wrap);justify-content:var(--zup-how-to-list-justify);column-gap:var(--zup-how-to-list-col-gap);row-gap:var(--zup-how-to-list-row-gap);margin-top:var(--zup-how-to-list-offset-top);margin-bottom:0;padding-left:0;font-size:var(--zup-how-to-list-font-size);list-style:none}.how-to-list .how-to-list__item{display:grid;grid-template-columns:var(--zup-how-to-icon-size) auto;grid-column-gap:var(--zup-how-to-item-col-gap);grid-row-gap:var(--zup-how-to-item-row-gap);width:calc(var(--zup-how-to-item-width) - calc(var(--zup-how-to-list-col-gap)*.5));padding:var(--zup-how-to-item-padding-y) var(--zup-how-to-item-padding-x);background-color:var(--zup-how-to-item-bg-color);box-shadow:var(--zup-how-to-item-shadow)}.how-to-list .how-to-list__icon{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2}.how-to-list .how-to-list__icon svg{width:var(--zup-how-to-icon-size);height:var(--zup-how-to-icon-size)}.page .how-to-list .how-to-list__title{grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:2;align-self:center;margin-bottom:0;font-size:1em}.how-to-list .how-to-list__text{grid-column-start:1;grid-column-end:3;grid-row-start:2;grid-row-end:3}@media (min-width:576px){:root{--zup-how-to-list-offset-top:1.5625rem;--zup-how-to-item-col-gap:0.9375rem;--zup-how-to-item-row-gap:0.625rem;--zup-how-to-item-padding-x:0.9375rem;--zup-how-to-item-padding-y:1.3125rem;--zup-how-to-item-bg-color:var(--color-white);--zup-how-to-item-shadow:var(--zup-shadow)}.how-to-list .how-to-list__icon{grid-row-end:3;align-self:center}.how-to-list .how-to-list__text{grid-column-start:2}}@media (min-width:768px){:root{--zup-how-to-list-offset-top:2rem;--zup-how-to-item-padding-x:1.75rem;--zup-how-to-item-padding-y:2.125rem}}@media (min-width:992px){:root{--zup-how-to-list-direction:row;--zup-how-to-list-wrap:wrap;--zup-how-to-list-col-gap:1.25rem;--zup-how-to-list-row-gap:1.25rem;--zup-how-to-list-offset-top:2.1875rem;--zup-how-to-list-justify:center;--zup-how-to-item-padding-x:1.25rem;--zup-how-to-item-padding-y:2.0625rem;--zup-how-to-item-width:50%}}@media (min-width:1366px){:root{--zup-how-to-list-offset-top:2.625rem;--zup-how-to-list-col-gap:1.875rem;--zup-how-to-list-row-gap:1.875rem;--zup-how-to-icon-size:7.1875rem;--zup-how-to-item-padding-x:1.9375rem;--zup-how-to-item-padding-y:1.3125rem}}