.benefits__container{display:grid;grid-template-areas:"title" "blocks" "image";grid-template-columns:1fr;grid-gap:2.4rem}@media screen and (min-width: 750px){.benefits__container{grid-template-areas:"title title" "blocks image";grid-template-columns:1fr 1fr}}@media screen and (min-width: 990px){.benefits__container{grid-template-areas:"title title title image image image" "blocks blocks blocks image image image";grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}}.benefits__title-wrapper{grid-area:title;margin-bottom:3.2rem}@media screen and (min-width: 750px){.benefits__title-wrapper{margin-bottom:0;margin-right:30px}}.benefits__subtitle{color:rgb(var(--color-foreground),1);max-width:62.4rem;margin-top:1.6rem}.benefits__image-wrapper{grid-area:image;display:flex;justify-content:center;width:100%}@media screen and (min-width: 990px){.benefits__image-wrapper{margin:auto}}.benefits__image{max-width:42rem;width:100%;overflow:hidden}@media screen and (min-width: 750px){.benefits__image{max-width:unset}}@media screen and (min-width: 990px){.benefits__image{max-width:42rem}}.benefits__image img,.benefits__video{width:100%;height:100%;object-fit:cover}.benefits__blocks-group{grid-area:blocks;display:grid;grid-template-columns:1fr;gap:0}@media screen and (min-width: 750px){.benefits__blocks-group{grid-template-columns:1fr 1fr;column-gap:2.4rem;margin-right:30px}}.benefit-item{border-top:1px solid #ccc;padding:1.6rem 0 2.4rem;transition:color .2s ease;position:relative;display:grid;grid-template-columns:4.8rem 1fr;grid-template-areas:"icon title" "icon description";column-gap:1.6rem;align-items:start}@media screen and (min-width: 750px){.benefit-item{display:block}}.benefit-item:last-of-type{padding-bottom:0}.benefit-item:hover{color:rgb(var(--color-base-accent-1, var(--color-foreground)))}.benefit-item__image{grid-area:icon;width:4.8rem;height:4.8rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 750px){.benefit-item__image{margin-bottom:16px}}.benefit-item__image img,.benefit-item__image svg{width:100%;height:100%;object-fit:contain}.benefit-item__image .icon-phosphor{display:flex;align-items:center;justify-content:center}.benefit-item__title{grid-area:title;margin-top:0;margin-bottom:.8rem;font-weight:500;font-size:16px}.benefit-item__description{grid-area:description;color:rgb(var(--color-foreground),1);margin:0}@media screen and (min-width: 750px){.benefit-item:nth-last-child(-n+2){border-bottom:1px solid #ccc;padding-bottom:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-benefits.css.map */