.order-material-swatch__hero{padding-left:16px;padding-right:16px}@media screen and (min-width:768px){.order-material-swatch__hero{padding-left:24px;padding-right:24px}}@media screen and (min-width:1440px){.order-material-swatch__hero{padding-left:48px;padding-right:48px}}.order-material-swatch__hero .ant-image{width:100%}@media screen and (max-width:768px){.order-material-swatch__hero .ant-image{margin-top:16px}}.order-material-swatch__hero .ant-image img{height:100%;min-height:143px;object-fit:cover;border-radius:8px}.order-material-swatch__hero-container{padding-top:40px}@media screen and (max-width:768px){.order-material-swatch__hero-container{padding-top:0}}.order-material-swatch__hero-container-content{max-width:586px;padding:80px 0;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:24px}@media screen and (max-width:768px){.order-material-swatch__hero-container-content{padding:24px 0}}.order-material-swatch__hero-container-content .title{font-size:30px!important;line-height:120%!important;letter-spacing:-.75%!important;color:#0d0d0d!important;font-weight:500!important;text-align:center}@media screen and (min-width:768px){.order-material-swatch__hero-container-content .title{font-size:34px!important}}@media screen and (min-width:1280px){.order-material-swatch__hero-container-content .title{font-size:40px!important}}.order-material-swatch__hero-container-content .description{font-size:15px!important;line-height:150%!important;letter-spacing:0!important;color:#404040!important;text-align:center}@media screen and (min-width:1280px){.order-material-swatch__hero-container-content .description{font-size:17px!important}}.order-material-swatch .material-page-section__nav{background-color:hsla(0,0%,96%,.8);padding:14px 48px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media screen and (max-width:1440px){.order-material-swatch .material-page-section__nav{padding:12px 24px}}@media screen and (max-width:768px){.order-material-swatch .material-page-section__nav{padding:14px 16px}}.order-material-swatch .material-page-section__nav-selected{font-size:26px!important;font-weight:500!important;color:#0d0d0d!important;line-height:125%!important;letter-spacing:-.25%!important}@media screen and (min-width:768px){.order-material-swatch .material-page-section__nav-selected{font-size:28px!important}}@media screen and (min-width:1280px){.order-material-swatch .material-page-section__nav-selected{font-size:32px!important}}.order-material-swatch .material-page-section__nav-toggle{cursor:pointer;border-radius:8px;border:1px solid #d4d4d4;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent}.order-material-swatch .material-page-section__nav-order{font-size:16px!important;font-weight:600!important;color:#fff!important;line-height:150%!important;letter-spacing:0!important;background-color:#0d0d0d;padding:8px 24px;border-radius:8px;border:none}.order-material-swatch .materials-section-container{padding:40px 16px}@media screen and (min-width:768px){.order-material-swatch .materials-section-container{padding:40px 24px}}@media screen and (min-width:1440px){.order-material-swatch .materials-section-container{padding:16px 48px}}