.style-guide>h1{margin-bottom:40px}.style-guide__colors{margin-bottom:40px}.style-guide__colors h2{text-align:center;margin-bottom:20px}.style-guide__colors-grid{display:flex;flex-wrap:wrap;justify-content:center}.style-guide__colors-item{text-align:center;width:calc(100% / 7);height:auto;min-height:70px;display:inline-flex;align-items:center;justify-content:center}@media only screen and (max-width: 749px){.style-guide__colors-item{width:calc(100% / 3)}}.color-body-bg{background-color:var(--color-body-bg)}.color-bg-primary{background-color:var(--color-bg-primary)}.color-bg-secondary{background-color:var(--color-bg-secondary)}.style-guide__colors-item.color-heading-primary{color:var(--color-body-bg)}.color-heading-primary{background-color:var(--color-heading-primary)}.style-guide__colors-item.color-heading-secondary{color:var(--color-body-bg)}.color-heading-secondary{background-color:var(--color-heading-secondary)}.color-heading-tertiary{background-color:var(--color-heading-tertiary)}.style-guide__colors-item.color-text-primary{color:var(--color-body-bg)}.color-text-primary{background-color:var(--color-text-primary)}.style-guide__colors-item.color-text-secondary{color:var(--color-body-bg)}.color-text-secondary{background-color:var(--color-text-secondary)}.color-text-tertiary{background-color:var(--color-text-tertiary)}.style-guide__colors-item.color-link-text-primary{color:var(--color-body-bg)}.color-link-text-primary{background-color:var(--color-link-text-primary)}.color-link-text-hover-primary{background-color:var(--color-link-text-hover-primary)}.color-alert-primary{background-color:var(--color-alert-primary)}.color-error{background-color:var(--color-error)}.color-success{background-color:var(--color-success)}.color-accent-primary{background-color:var(--color-accent-primary)}.color-accent-secondary{background-color:var(--color-accent-secondary)}.color-accent-tertiary{background-color:var(--color-accent-tertiary)}.style-guide__colors-item.color-state-active{color:var(--color-body-bg)}.color-state-active{background-color:var(--color-state-active)}.color-state-inactive{background-color:var(--color-state-inactive)}.style-guide__ctas{margin-bottom:40px}.style-guide__ctas h2{text-align:center;margin-bottom:20px}.style-guide__ctas-grid{display:flex;flex-wrap:wrap;justify-content:center}.style-guide__ctas-item{width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.style-guide__ctas-item button{margin:10px}.style-guide__ctas-item h3{text-align:center;width:100%;margin-bottom:10px}.style-guide__typography{margin-bottom:40px}.style-guide__typography>h2{text-align:center;margin-bottom:20px}.style-guide__typography-item{display:flex;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid var(--color-bg-primary)}@media only screen and (max-width: 749px){.style-guide__typography-item{flex-direction:column}}.style-guide__typography-item .text-body{width:250px;display:flex;flex-wrap:wrap;flex-direction:column}.style-guide__typography-item h1{font-size:var(--font-size-heading-1);line-height:var(--font-lh-heading-1)}.style-guide__typography-item h1.mobile{font-size:var(--font-size-heading-mobile-1);line-height:var(--font-lh-heading-mobile-1)}.style-guide__typography-item h2{font-size:var(--font-size-heading-2);line-height:var(--font-lh-heading-2)}.style-guide__typography-item h2.mobile{font-size:var(--font-size-heading-mobile-2);line-height:var(--font-lh-heading-mobile-2)}.style-guide__typography-item h3{font-size:var(--font-size-heading-3);line-height:var(--font-lh-heading-3)}.style-guide__typography-item h3.mobile{font-size:var(--font-size-heading-mobile-3);line-height:var(--font-lh-heading-mobile-3)}.style-guide__typography-item h4{font-size:var(--font-size-heading-4);line-height:var(--font-lh-heading-4)}.style-guide__typography-item h4.mobile{font-size:var(--font-size-heading-mobile-4);line-height:var(--font-lh-heading-mobile-4)}.style-guide__icons{margin-bottom:40px}.style-guide__icons>h2{text-align:center;margin-bottom:20px}.style-guide__icons-grid{display:flex;flex-wrap:wrap;justify-content:center}.style-guide__icons-grid .icon{margin:15px;width:auto;height:20px}
/*# sourceMappingURL=/cdn/shop/t/233/assets/section-style-guide.css.map */