#MainContent>.shopify-section{display:flow-root}:is(#MainContent>.shopify-section)>section,:is(#MainContent>.shopify-section)>h1{margin-left:auto;margin-right:auto;margin-top:2rem;margin-bottom:2rem;width:min(100% - 6rem,100rem)}:is(#MainContent>.shopify-section)>section>h2{margin-bottom:1lh}:is(#MainContent>.shopify-section) hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1.5px solid var(--color-stone)}:is(#MainContent>.shopify-section) pre:has(code){margin-top:.5rem;margin-bottom:.5rem;overflow-x:auto;border:.1em dashed var(--color-dark-grey);border-radius:.5em;font-size:1.2rem;padding:1.4rem 1.6rem;color:var(--color-dark-grey)}:is(:is(#MainContent>.shopify-section) pre:has(code)) code{color:inherit}:is(#MainContent>.shopify-section) .logos{--gap: 1rem;--cols: 3;--total-gap: calc(var(--gap) * (var(--cols) - 1));--item-size-offset: calc(var(--total-gap) / var(--cols));--item-size: (100% / var(--cols)) - var(--item-size-offset);list-style:none;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--gap);padding:0}:is(:is(#MainContent>.shopify-section) .logos) li{padding:2rem;flex:0 0 max(18rem,var(--item-size));display:flex}:is(:is(#MainContent>.shopify-section) .logos) svg{width:100%;height:auto}:is(:is(#MainContent>.shopify-section) .logos) .black path{fill:var(--color-black)}:is(:is(#MainContent>.shopify-section) .logos) .white{background-color:var(--color-dark-grey)}:is(:is(#MainContent>.shopify-section) .logos) .white path{fill:var(--color-white)}:is(#MainContent>.shopify-section) .colors{list-style:none;display:flex;flex-wrap:wrap;gap:1rem;padding:0;margin-top:2rem;margin-bottom:2rem}:is(:is(#MainContent>.shopify-section) .colors) .swatch{margin-bottom:.5rem;width:15rem;aspect-ratio:88/60;border-radius:.5rem;box-shadow:var(--shadow-medium)}:is(#MainContent>.shopify-section) .icons{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));grid-gap:1rem;gap:1rem;padding:0;margin-top:2rem;margin-bottom:2rem}:is(:is(#MainContent>.shopify-section) .icons) .heading{grid-column:1 / -1}:is(:is(#MainContent>.shopify-section) .icons) .icon{display:grid;grid-auto-rows:min-content;justify-items:stretch;align-items:start;text-align:center}:is(:is(:is(#MainContent>.shopify-section) .icons) .icon)>div{aspect-ratio:1/1;display:grid;align-items:center;justify-items:center;place-items:center}:is(:is(#MainContent>.shopify-section) .icons) svg{width:3.2rem;height:auto}:is(#MainContent>.shopify-section) .dropshadows{display:flex;flex-wrap:wrap;gap:4rem;padding:4rem;background-color:var(--color-soft-blue)}:is(:is(#MainContent>.shopify-section) .dropshadows) li{width:12rem;aspect-ratio:1/1;border-radius:1rem;display:grid;align-items:center;justify-items:center;place-items:center;padding:1rem;background-color:var(--color-white);text-align:center;font-weight:700;color:var(--color-dark-grey)}:is(#MainContent>.shopify-section) .buttons{display:flex;flex-wrap:wrap;gap:1rem;padding:2rem}.dark:is(:is(#MainContent>.shopify-section) .buttons){background-color:#333}
/*# sourceMappingURL=/cdn/shop/t/63/assets/style-guide.dist.css.map */