.page-title{margin-top:0}.main-page-title{margin-bottom:3rem}@media screen and (min-width:750px){.main-page-title{margin-bottom:4rem}}.page-placeholder-wrapper{display:flex;justify-content:center}.page-placeholder{width:52.5rem;height:52.5rem}.icon-container h2{width:100%;padding:0!important}.color-container,.icon-container{display:flex;flex-wrap:wrap;margin-bottom:30px}@media screen and (min-width:990px){.color-container,.icon-container,.main-page-styleguide h2,.button-inner{padding:0 11rem}}@media screen and (max-width:989px){.color-container,.icon-container,.main-page-styleguide h2,.button-inner{padding:0 2rem}}.icon-box{width:170px;height:90px;margin:10px;display:flex;justify-content:center;align-items:center;text-align:center;color:var(--palette-white-0);text-shadow:1px 1px 2px var(--palette-black-100);border:1px solid var(--palette-black-100)}@media screen and (max-width:989px){.icon-box{width:100px;height:60px}}.icon-box .icon{margin:0 auto;margin-top:1rem!important}.color-box{width:185px;height:185px;margin:10px;border-radius:5px;display:flex;justify-content:center;align-items:center;color:var(--palette-white-0);text-shadow:1px 1px 2px var(--palette-black-100);border:1px solid var(--palette-black-100)}@media screen and (max-width:989px){.color-box{width:135px;height:135px}}h1,h2,h3{padding:1rem;word-break:break-all}.color-label{padding:1rem;font-family:sans-serif;word-break:break-all}h1{text-align:center}h2,h3{background:var(--palette-concrete-20)}.button-showcase,.typography-showcase{font-family:var(--typography-family-secondary)}.typography-showcase{color:var(--ch-black)}.typography-showcase .typography-example:nth-child(2n){background-color:var(--ch-light-grey)}.typography-example .styleguide-small{font-size:14px;margin-top:0!important;margin-bottom:0!important}.button-showcase{margin-top:4rem;margin-bottom:4rem}.button-inner{display:flex;flex-wrap:wrap}.main-page-styleguide h2{margin-top:3rem}.button-example{margin-bottom:2rem;min-width:23%;background-color:#ddd;padding:1rem}@media screen and (max-width:989px){.button-example{width:100%}}.typography-example{border-bottom:1px solid #ddd}@media screen and (min-width:990px){.typography-example{padding:1rem 11rem!important}}@media screen and (max-width:989px){.typography-example{padding:1rem 2rem!important}}.typography-example .styleguide-small,.button-example h3{margin-top:0;margin-left:0;padding-left:0;margin-bottom:10px}
/*# sourceMappingURL=/cdn/shop/t/188/assets/section-main-page.css.map */