.our-materials{padding:150px 0;width:100%}.desktop-only{display:block}.mobile-only{display:none}.materials-thumbnails{display:flex;justify-content:center;gap:8px;margin-bottom:40px;flex-wrap:wrap}.material-thumbnail{display:flex;flex-direction:column;align-items:center;gap:8px;width:8vw;cursor:pointer;background:none;border:none;padding:0;opacity:.4;transition:opacity var(--transition-speed-default) var(--transition-ease)}.material-thumbnail:hover,.material-thumbnail.is-active{opacity:1}.material-thumbnail__image{width:100%;aspect-ratio:4 / 5;overflow:hidden;background-color:#0000000d}.material-thumbnail__image img{width:100%;height:100%;object-fit:cover;display:block}.material-thumbnail__title{text-align:center;width:100%}.materials-content-wrapper{max-width:310px;margin:0 auto;position:relative;display:grid;grid-template-areas:"stack"}.material-info{grid-area:stack;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;visibility:hidden;transition:opacity var(--transition-speed-default) var(--transition-ease),visibility 0s linear var(--transition-speed-default)}.material-info.is-active{opacity:1;visibility:visible;transition-delay:0s;z-index:1}.material-subtitle{margin-bottom:16px;opacity:.6}@media(max-width:768px){.desktop-only{display:none}.mobile-only{display:block}.our-materials{padding:24px 0;overflow:hidden}.our-materials-mobile__header{padding:0 16px 16px}.our-materials-swiper{width:100%;padding:0 16px 50px;box-sizing:border-box;overflow:visible}.swiper-slide.material-card-mobile{width:33%;padding:0;opacity:.4;transition:opacity var(--transition-speed-default) var(--transition-ease);display:flex;flex-direction:column;align-items:flex-start;gap:8px}.swiper-slide.material-card-mobile.swiper-slide-active{opacity:1!important}.material-card-mobile__image{width:100%;aspect-ratio:4 / 5;background-color:#0000000d;overflow:hidden}.material-card-mobile__image img{width:100%;height:100%;object-fit:cover;display:block}.materials-content-wrapper-mobile{max-width:310px;margin:0 auto;position:relative;display:grid;grid-template-areas:"stack";padding:0 16px}.material-info-mobile{grid-area:stack;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;visibility:hidden;transition:opacity var(--transition-speed-default) var(--transition-ease),visibility 0s linear var(--transition-speed-default)}.material-info-mobile.is-active{opacity:1;visibility:visible;transition-delay:0s;z-index:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/our-materials.css.map */