@media screen and (min-width:768px){.material{padding:0 max(15.2rem,1px) max(9.6rem,1px)}}@media screen and (max-width:767px){.material{padding:0 var(--spacing-m) max(7.2rem,1px)}}.material-main{display:grid}@media screen and (min-width:768px){.material-main{margin-top:max(6.4rem,1px);row-gap:max(4rem,1px)}}@media screen and (max-width:767px){.material-main{margin-top:max(4rem,1px);row-gap:max(2.4rem,1px)}}.material-item{background-color:var(--color-white);border:var(--border-width) solid var(--color-mint)}@media screen and (min-width:768px){.material-item{align-items:center;border-radius:max(.4rem,1px);column-gap:max(4rem,1px);display:grid;grid-template-columns:max(11rem,1px) max(55.2rem,1px) auto;padding:max(4.4rem,1px)}}@media screen and (max-width:767px){.material-item{border-radius:max(.4rem,1px);padding:max(2.8rem,1px);position:relative}}.material-icon{align-items:center;background-color:var(--color-pale);display:flex;justify-content:center}@media screen and (min-width:768px){.material-icon{border-radius:max(.4rem,1px);height:max(11rem,1px);width:max(11rem,1px)}}@media screen and (max-width:767px){.material-icon{border-radius:max(.2rem,1px);height:max(5.4rem,1px);left:max(2.8rem,1px);position:absolute;top:max(2.8rem,1px);width:max(5.4rem,1px)}}@media screen and (min-width:768px){.material-icon img{width:max(7.2rem,1px)}}@media screen and (max-width:767px){.material-icon img{width:max(3.5rem,1px)}}.material-heading{color:var(--color-primary);font-weight:var(--font-weight-bold);line-height:var(--leading-tight)}@media screen and (min-width:768px){.material-heading{font-size:max(2.4rem,1px)}}@media screen and (max-width:767px){.material-heading{align-items:center;display:flex;font-size:max(2.2rem,1px);height:max(5.4rem,1px);padding-left:max(7rem,1px)}}.material-description{line-height:var(--leading-relaxed);text-align:justify}@media screen and (min-width:768px){.material-description{font-size:max(1.6rem,1px);margin-top:max(1.6rem,1px)}}@media screen and (max-width:767px){.material-description{font-size:max(1.6rem,1px);margin-top:max(1.6rem,1px)}}@media screen and (min-width:768px){.material-action{justify-self:end}}@media screen and (max-width:767px){.material-action{margin-top:max(2.4rem,1px)}}@media screen and (min-width:768px){.material-action .c-btn{--btn-gap:max(1.6rem,1px);--btn-padding:max(1.2rem,1px) max(2rem,1px) max(1.2rem,1px) max(1.2rem,1px)}}@media screen and (max-width:767px){.material-action .c-btn{--btn-padding:max(0.8rem,1px) max(1.6rem,1px) max(0.8rem,1px) max(0.8rem,1px)}}