.shopify-dev-section{--font-mono-fontfamily:"JetBrains Mono", Monaco, Consolas, "Lucida Console", monospace;--font-mono-font-display1-base:800 3rem / 3.75rem "JetBrains Mono", Monaco, Consolas, "Lucida Console", monospace;--font-mono-font-display1-mobile:800 2rem / 2.25rem "JetBrains Mono", Monaco, Consolas, "Lucida Console", monospace;--font-mono-font-display2-base:800 2.25rem / 2.75rem "JetBrains Mono", Monaco, Consolas, "Lucida Console", monospace;--font-mono-font-display2-mobile:800 1.75rem / 2rem "JetBrains Mono", Monaco, Consolas, "Lucida Console", monospace;--font-mono-font-headline1-base:700 2rem / 2.5rem "JetBrains Mono", Monaco, Consolas, "Lucida Console", monospace;--font-mono-font-headline1-mobile:700 1.5rem / 1.75rem "JetBrains Mono", Monaco, Consolas, "Lucida Console", monospace;--font-mono-font-headline2-base:700 1.5rem / 1.75rem "JetBrains Mono", Monaco, Consolas, "Lucida Console", monospace;--font-mono-font-headline2-mobile:700 1.25rem / 1.5rem "JetBrains Mono", Monaco, Consolas, "Lucida Console", monospace;--font-mono-font-headline3-base:700 1.25rem / 1.5rem "JetBrains Mono", Monaco, Consolas, "Lucida Console", monospace;--font-mono-font-headline3-mobile:700 1.125rem / 1.25rem "JetBrains Mono", Monaco, Consolas, "Lucida Console", monospace;--font-mono-font-headline4-base:700 1rem / 1.25rem "JetBrains Mono", Monaco, Consolas, "Lucida Console", monospace;--font-mono-font-headline5-base:700 .875rem / 1rem "JetBrains Mono", Monaco, Consolas, "Lucida Console", monospace;--font-mono-font-kicker-base:700 .75rem / 1rem "JetBrains Mono", Monaco, Consolas, "Lucida Console", monospace;--font-mono-font-excerpt-base:400 1.125rem / 1.75rem "JetBrains Mono", Monaco, Consolas, "Lucida Console", monospace;--font-mono-font-body-base:400 1rem / 1.5rem "JetBrains Mono", Monaco, Consolas, "Lucida Console", monospace;--font-mono-font-body-minor-base:400 .875rem / 1.25rem "JetBrains Mono", Monaco, Consolas, "Lucida Console", monospace;--font-mono-font-caption-base:400 .75rem / 1rem "JetBrains Mono", Monaco, Consolas, "Lucida Console", monospace;--Syntax-ShopifyQL-Keyword:#ff97d7;--Syntax-ShopifyQL-Operator:#ff97d7;--Syntax-ShopifyQL-Value:#7cd4fb;--Syntax-ShopifyQL-String:#ebaf26;--Syntax-ShopifyQL-Viz:#ebaf26;--Syntax-ShopifyQL-Bracket:#b5b5b5;--Syntax-ShopifyQL-Comment:#53d240;--Syntax-ShopifyQL-Connector:#ebaf26;--shopify-hero-bg:#e8f4fc;--shopify-bg:#fff;--shopify-surface:#fff;--shopify-surface-muted:#f6f8fa;--shopify-border:#dfe3e8;--shopify-text:#202223;--shopify-text-subdued:#5c5f62;--shopify-green:#008060;--shopify-green-hover:#006e52;--shopify-green-subdued:#e3f1df;--shopify-code-bg:#1a1a1a;font-family:var(--font-mono-fontfamily);font:var(--font-mono-font-body-base);background:var(--shopify-bg);color:var(--shopify-text);border-color:var(--shopify-border)}.dark .shopify-dev-section{--shopify-hero-bg:#0f1a24;--shopify-bg:#121212;--shopify-surface:#1e1e1e;--shopify-surface-muted:#252525;--shopify-border:#3d3d3d;--shopify-text:#f6f6f7;--shopify-text-subdued:#b5b5b5;--shopify-green:#00a47c;--shopify-green-hover:#008060;--shopify-green-subdued:#00806033;--shopify-code-bg:#0d0d0d}.shopify-dev-hero{background:var(--shopify-hero-bg);border:1px solid color-mix(in srgb, var(--shopify-border) 70%, transparent);border-radius:1rem;padding:1.75rem 1.25rem}@media (min-width:640px){.shopify-dev-hero{padding:2.25rem 2rem}}.shopify-dev-display{font:var(--font-mono-font-display2-mobile);letter-spacing:-.02em}@media (min-width:640px){.shopify-dev-display{font:var(--font-mono-font-display2-base)}}.shopify-dev-kicker{font:var(--font-mono-font-kicker-base);letter-spacing:.12em;text-transform:uppercase;color:var(--shopify-text-subdued)}.shopify-dev-headline2{font:var(--font-mono-font-headline2-mobile);color:var(--shopify-text)}@media (min-width:640px){.shopify-dev-headline2{font:var(--font-mono-font-headline2-base)}}.shopify-dev-headline3{font:var(--font-mono-font-headline3-mobile);color:var(--shopify-text)}@media (min-width:640px){.shopify-dev-headline3{font:var(--font-mono-font-headline3-base)}}.shopify-dev-body-minor{font:var(--font-mono-font-body-minor-base);color:var(--shopify-text-subdued)}.shopify-dev-excerpt{font:var(--font-mono-font-excerpt-base);color:var(--shopify-text-subdued)}.shopify-dev-card{background:var(--shopify-surface);border:1px solid var(--shopify-border);border-radius:.875rem;transition:border-color .25s,box-shadow .25s,transform .25s;box-shadow:0 1px #0000000a}.shopify-dev-card:hover{border-color:color-mix(in srgb, var(--shopify-green) 35%, var(--shopify-border));box-shadow:0 8px 24px #0000000f}.shopify-dev-api-card{height:100%;color:inherit;flex-direction:column;gap:.5rem;padding:1.125rem 1rem;text-decoration:none;display:flex}.shopify-dev-api-card:hover .shopify-dev-api-card-title{color:var(--shopify-green)}.shopify-dev-api-card-icon{size:2.5rem;border:1px solid var(--shopify-border);background:var(--shopify-surface-muted);width:2.5rem;height:2.5rem;font:var(--font-mono-font-headline5-base);color:var(--Syntax-ShopifyQL-Keyword);border-radius:.625rem;justify-content:center;align-items:center;display:inline-flex}.shopify-dev-api-card-title{font:var(--font-mono-font-headline4-base);transition:color .2s}.shopify-dev-code-panel{background:var(--shopify-code-bg);border:1px solid var(--shopify-border);font:var(--font-mono-font-body-minor-base);border-radius:.625rem;padding:1rem 1.125rem;line-height:1.6;overflow-x:auto}.shopify-dev-code-panel .syn-keyword{color:var(--Syntax-ShopifyQL-Keyword)}.shopify-dev-code-panel .syn-operator{color:var(--Syntax-ShopifyQL-Operator)}.shopify-dev-code-panel .syn-value{color:var(--Syntax-ShopifyQL-Value)}.shopify-dev-code-panel .syn-string{color:var(--Syntax-ShopifyQL-String)}.shopify-dev-code-panel .syn-bracket{color:var(--Syntax-ShopifyQL-Bracket)}.shopify-dev-code-panel .syn-comment{color:var(--Syntax-ShopifyQL-Comment)}.shopify-dev-code-panel .syn-connector{color:var(--Syntax-ShopifyQL-Connector)}.shopify-dev-cta{background:var(--shopify-green);color:#fff;font:var(--font-mono-font-headline5-base);border-radius:9999px;justify-content:center;align-items:center;padding:.625rem 1.25rem;transition:background-color .2s,transform .2s;display:inline-flex}.shopify-dev-cta:hover{background:var(--shopify-green-hover)}.shopify-dev-cta-outline{border:1px solid var(--shopify-border);color:var(--shopify-text);background:0 0}.shopify-dev-cta-outline:hover{background:var(--shopify-surface-muted);border-color:var(--shopify-text-subdued)}.shopify-dev-cta:focus-visible,.shopify-dev-cta-outline:focus-visible{outline:2px solid var(--shopify-green);outline-offset:2px}.shopify-dev-link{color:var(--shopify-green);font:var(--font-mono-font-body-minor-base);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--shopify-green) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--shopify-green) 45%, transparent);font-weight:700}.shopify-dev-link:hover{-webkit-text-decoration-color:var(--shopify-green);text-decoration-color:var(--shopify-green)}.shopify-dev-badge{background:var(--shopify-green-subdued);color:var(--shopify-green);font:var(--font-mono-font-kicker-base);letter-spacing:.08em;text-transform:uppercase;border-radius:9999px;align-items:center;padding:.25rem .625rem;display:inline-flex}.shopify-dev-overview-chip{background:var(--shopify-surface);border:1px solid var(--shopify-border);border-radius:.75rem;align-items:flex-start;gap:.875rem;padding:1rem 1.125rem;display:flex}.shopify-dev-overview-chip-icon{border:1px solid var(--shopify-border);background:var(--shopify-surface-muted);width:2.25rem;height:2.25rem;font:var(--font-mono-font-headline5-base);color:var(--Syntax-ShopifyQL-Viz);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}