#MaoniSharedMaterialNav.maoni-gesteppt-materials{--maoni-material-left: clamp(16px, 2.5vw, 48px);width:862px!important;max-width:calc(100% - var(--maoni-material-left))!important;margin:0 0 0 var(--maoni-material-left)!important;padding:10px 0 14px!important;background:#fff}.maoni-gesteppt-materials__head{margin-bottom:7px}.maoni-gesteppt-materials__head h2{margin:0}.maoni-gesteppt-materials__head h2{font-size:1rem;font-weight:800}.maoni-gesteppt-materials__note{margin:8px 0 0;color:#6c6864;font-size:.8rem}#MaoniSharedMaterialNav .maoni-gesteppt-materials__grid{display:grid!important;grid-template-columns:repeat(5,158px)!important;gap:18px!important;width:max-content!important;max-width:100%!important}.maoni-gesteppt-materials__item{min-width:0;color:#232323;text-align:center;text-decoration:none}#MaoniSharedMaterialNav .maoni-gesteppt-materials__item img{display:block;width:158px!important;height:118px!important;max-width:none!important;aspect-ratio:auto!important;object-fit:cover!important;border:1px solid #e3ded8;border-radius:7px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.maoni-gesteppt-materials__item:hover img,.maoni-gesteppt-materials__item.is-active img{border:2px solid #efa36f;box-shadow:0 4px 14px #efa36f38;transform:translateY(-1px)}.maoni-gesteppt-materials__item span{display:block;margin-top:5px;font-size:.8rem}.maoni-gesteppt-materials__item.is-active span{font-weight:800}@media(max-width:767.98px){#MaoniSharedMaterialNav.maoni-gesteppt-materials{width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;margin:0 0 0 16px!important;padding:13px 0 11px}.maoni-gesteppt-materials__head,.maoni-gesteppt-materials__note{padding-right:16px}.maoni-gesteppt-materials__scroll{overflow-x:auto;scrollbar-width:none}.maoni-gesteppt-materials__scroll::-webkit-scrollbar{display:none}#MaoniSharedMaterialNav .maoni-gesteppt-materials__grid{grid-template-columns:repeat(5,116px)!important;gap:8px!important;width:max-content!important;padding-top:8px;padding-right:16px}#MaoniSharedMaterialNav .maoni-gesteppt-materials__item img{width:116px!important;height:87px!important}}@media(min-width:768px)and (max-width:920px){#MaoniSharedMaterialNav .maoni-gesteppt-materials__scroll{overflow-x:auto;scrollbar-width:none}#MaoniSharedMaterialNav .maoni-gesteppt-materials__scroll::-webkit-scrollbar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/178/assets/maoni-gesteppt-material-nav.css.map */