.info-cards{padding:4rem 0 6.4rem;background-color:var(--color-body-background);color:var(--color-body-text)}.info-cards__title{margin:0 0 1.6rem;color:var(--color-heading-text)}.info-cards__lede{max-width:64rem;margin:0 0 3.2rem}.info-cards__lede p:last-child{margin-bottom:0}.info-cards__grid{display:grid;grid-template-columns:1fr;gap:1.6rem}.info-cards__card{padding:3.2rem 2.4rem;border:.1rem solid var(--color-border-elements);background-color:var(--color-default-background);color:var(--color-body-text-default)}.info-cards__icon{display:flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;margin-bottom:1.6rem;border:.1rem solid var(--color-border-elements);color:var(--color-heading-text-default)}.info-cards__icon svg{display:block;width:2rem;height:2rem}.info-cards__card-title{margin:0 0 .8rem;font-size:var(--font-size-medium);color:var(--color-heading-text-default)}.info-cards__text{margin:0}.info-cards__text p:last-child{margin-bottom:0}.info-cards__note{display:flex;align-items:flex-start;gap:1rem;margin-top:1.6rem;padding:1.4rem 1.8rem;background-color:var(--color-background-light);color:var(--color-body-text-default);font-size:var(--font-size-small)}.info-cards__note-bg--warning{background-color:color-mix(in srgb,var(--color-alert) 18%,var(--color-default-background))}.info-cards__note-bg--error{background-color:color-mix(in srgb,var(--color-error) 12%,var(--color-default-background))}.info-cards__note-bg--info{background-color:color-mix(in srgb,var(--color-success) 14%,var(--color-default-background))}.info-cards__note-bg--normal{background-color:color-mix(in srgb,#8A8685 14%,var(--color-default-background))}.info-cards__note-icon--warning{color:color-mix(in srgb,var(--color-alert) 55%,#111111)}.info-cards__note-icon--error{color:var(--color-error)}.info-cards__note-icon--info{color:var(--color-success)}.info-cards__note-icon--normal{color:#8a8685}.info-cards__note-icon{flex-shrink:0;margin-top:.2rem}.info-cards__note-icon svg{display:block;width:1.6rem;height:1.6rem}.info-cards__note-text p:last-child{margin:0}@media screen and (min-width:750px){.info-cards__grid{gap:2.4rem}}@media screen and (min-width:990px){.info-cards{padding:6.4rem 0 var(--section-vertical-padding)}.info-cards__grid{grid-template-columns:repeat(3,1fr)}.info-cards__card{padding:3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-info-cards.css.map */