.section-custom-code .page-width{max-width:var(--page-width, 1200px);margin-left:auto;margin-right:auto}.custom-code__header{display:grid;gap:1rem;justify-items:center;text-align:center;margin-bottom:2rem}.custom-code__header--align-left{justify-items:start;text-align:left}.custom-code__header--align-right{justify-items:end;text-align:right}.custom-code__heading{font-family:var(--font-heading);font-weight:var(--font-weight-bold);letter-spacing:-.01em;margin:0;color:var(--color-foreground, #333333);transition:color var(--transition-duration, .2s)}.custom-code__heading.text-xl{font-size:var(--font-size-xl)}.custom-code__heading.text-2xl{font-size:var(--font-size-2xl)}.custom-code__heading.text-3xl{font-size:var(--font-size-3xl)}.custom-code__heading.text-4xl{font-size:var(--font-size-4xl)}.custom-code__heading.text-transform--uppercase{text-transform:uppercase}.custom-code__heading.text-transform--lowercase{text-transform:lowercase}.custom-code__heading.text-transform--capitalize{text-transform:capitalize!important}.custom-code__heading--decorated{color:var(--color-accent, var(--color-link, var(--color-foreground, #333333)))}.custom-code__heading .custom-code__heading--decorated{color:var(--color-accent, var(--color-link, var(--color-foreground, #333333)));font-size:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;line-height:inherit!important}.custom-code__subheading{font-family:var(--font-body);font-weight:var(--font-weight-normal);font-size:1.1rem;color:var(--color-foreground);opacity:.75;margin:0;line-height:1.6}.custom-code__subheading a,.custom-code__subheading a:hover{color:var(--color-link, var(--color-foreground))}.custom-code__subheading a{text-decoration:underline;transition:color .2s ease}.custom-code__content{width:100%}.custom-code__html,.custom-code__liquid{width:100%;border-radius:var(--border-radius-medium, 8px);transition:all var(--transition-duration, .2s)}@media screen and (max-width:768px){.custom-code__subheading{font-size:1rem}.section-custom-code .page-width{padding-left:calc(var(--container-padding, 20px) / 2);padding-right:calc(var(--container-padding, 20px) / 2)}}@media screen and (max-width:640px){.custom-code__header{margin-bottom:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-code.css.map */