.materials-section{display:flex;flex-direction:column;justify-content:center;height:100%}.materials-section__title{text-align:center;padding:var(--space-36) 0}.materials-section__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-24);padding:0 var(--space-18);align-items:start}@media(min-width:768px){.materials-section__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}@media(min-width:1024px){.materials-section__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-40)}}.materials-section__item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-15);width:100%}.materials-section__swatch-link{display:block;width:100%;text-decoration:none;cursor:pointer}
.materials-section__swatch{width:100%}.materials-section__swatch img,.materials-section__swatch picture,.materials-section__swatch .image,.materials-section__swatch .media{display:block;width:100%;height:auto}.materials-section__card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-8);width:100%}
.materials-section__cta{text-decoration-line:underline;text-decoration-style:solid;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:1px;text-underline-offset:3px;text-underline-position:from-font}#MainContent{height:100%}.material-card{position:absolute;display:none;transition:opacity var(--transition-large);opacity:0;display:none}
.material-card__trigger{display:flex;align-items:center;gap:2px}.material-card__wrapper{position:fixed;display:flex;justify-content:end;top:0;right:0;bottom:0;left:0;z-index:1200}.material-card__inner{background-color:var(--color-white);max-width:478px;flex:1 1 100%}.material-card[open]{display:block;opacity:1}.material-card__close{cursor:pointer;padding:var(--space-20);position:absolute;top:0;right:0}
.material-card__header{display:flex;flex-direction:row;justify-content:flex-end;padding:var(--space-18)}.material-card__content{display:flex;flex-direction:column;height:100%;overflow-y:auto;gap:var(--space-16);padding:0 var(--space-18) var(--space-36)}.material-card__link{text-decoration-line:underline;text-decoration-style:solid;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:1px;text-underline-offset:3px;text-underline-position:from-font;text-transform:capitalize}
.material-card__images{display:flex;flex-direction:column;gap:var(--space-2);align-self:stretch;margin-top:var(--space-32)}