.code-example,.richtext-code-block{--syntax-plain:#dcd7ba;--syntax-comment:#868278;--syntax-string:#9aac74;--syntax-number:#d27e99;--syntax-keyword:#9a86bf;--syntax-type:#dcd7ba;--syntax-function:#82a0d8;--syntax-constant:#ffa066;--syntax-operator:#bfa878}.code-example{flex-direction:column;min-width:0;display:flex}.code-example-pre{min-width:0;height:calc(51.3em + 1.75rem);color:var(--syntax-plain);font:500 .78125rem/1.9 var(--font-jetbrains);tab-size:2;margin:0;padding:.375rem .25rem;overflow:auto}.code-example-pre code{font:inherit}.code-example-pre ::selection{color:var(--color-white);background:#ffffff40}.code-example-line{grid-template-columns:1.25rem 1fr;gap:1rem;width:max-content;min-width:100%;display:grid}.code-example-number{color:var(--syntax-comment);text-align:right;-webkit-user-select:none;user-select:none;font-size:.78125rem}.code-syntax-comment{color:var(--syntax-comment)}.code-syntax-string{color:var(--syntax-string)}.code-syntax-number{color:var(--syntax-number)}.code-syntax-keyword{color:var(--syntax-keyword)}.code-syntax-type{color:var(--syntax-type)}.code-syntax-function{color:var(--syntax-function)}.code-syntax-constant{color:var(--syntax-constant)}.code-syntax-operator{color:var(--syntax-operator)}.code-example-token{font:inherit;-webkit-text-decoration:underline dotted 2px var(--color-ink-muted);text-decoration:underline dotted 2px var(--color-ink-muted);text-underline-offset:.32em;cursor:help;background:0 0;padding:0}.code-example-token:is(:hover,:focus-visible){-webkit-text-decoration:underline solid 2px var(--color-white);text-decoration:underline solid 2px var(--color-white);background:#ffffff29}.code-example-help{z-index:60;border:1px solid var(--color-line);white-space:normal;width:20rem;max-width:calc(100vw - 2rem);font:.8125rem/1.65 var(--font-shopify);color:var(--color-ink);background:oklch(19% 0 0);padding:1rem 1.125rem;position:fixed}.code-example-help strong{color:var(--color-white);margin-bottom:.375rem;font-size:.875rem;display:block}@media (width<=40rem){.code-example-pre{font-size:.625rem;line-height:2}.code-example-line{grid-template-columns:1rem 1fr;gap:.75rem}}.code-logo-tabs{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;align-items:stretch;min-width:0;margin-left:-1rem;display:flex;overflow-x:auto}.code-logo-tabs::-webkit-scrollbar{display:none}.code-logo-tabs:after{content:"";background:linear-gradient(to right, transparent, var(--color-black-2));opacity:0;pointer-events:none;flex:0 0 2.5rem;margin-left:-2.5rem;animation:linear both code-rail-fade;animation-timeline:scroll(inline);position:sticky;right:0}@keyframes code-rail-fade{0%,92%{opacity:1}to{opacity:0}}.code-logo-tabs button{color:var(--color-ink-muted);font:400 .8125rem/1.5 var(--font-shopify);cursor:pointer;white-space:nowrap;flex:none;align-items:center;gap:.5rem;padding:.625rem 1rem;display:flex}.code-logo-tabs button:hover{color:var(--color-white)}.code-logo-tabs button[aria-pressed=true]{color:var(--color-white);background:#ffffff14;font-weight:500}.code-logo-tabs button:focus-visible{outline-offset:-2px}.code-logo-tabs button span{flex-direction:column;display:inline-flex}.code-logo-tabs button span:after{content:attr(data-label);visibility:hidden;pointer-events:none;height:0;font-weight:500;overflow:hidden}.code-logo-tabs button svg{opacity:.5;flex:none}.code-logo-tabs button[aria-pressed=true] svg{opacity:1}@media (width<=48rem){.code-logo-tabs button span:not(.sr-only){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.code-logo-tabs{margin-left:-.875rem}.code-logo-tabs button{padding-inline:.875rem}}@media (prefers-reduced-motion:no-preference){[data-provenance] .code-example-line{transition:opacity .62s ease-out,background-color .62s ease-out}[data-provenance] .code-example-token{transition:color .62s ease-out,background-color .62s ease-out,text-decoration-color .62s ease-out}[data-provenance] .code-example-token:is(:hover,:focus-visible){transition-duration:0s}[data-provenance]:not([data-provenance=""]) .code-example-line{opacity:.42;transition-duration:.13s}:is([data-provenance=add] .code-example-line:has(.code-example-token[data-mark=add]),[data-provenance=increase] .code-example-line:has(.code-example-token[data-mark=increase]),[data-provenance=decrease] .code-example-line:has(.code-example-token[data-mark=decrease]),[data-provenance=remove] .code-example-line:has(.code-example-token[data-mark=remove])){opacity:1;background-color:#ffffff14;transition-duration:.13s}[data-provenance=add] .code-example-token[data-mark=add],[data-provenance=increase] .code-example-token[data-mark=increase],[data-provenance=decrease] .code-example-token[data-mark=decrease],[data-provenance=remove] .code-example-token[data-mark=remove]{color:var(--color-white);-webkit-text-decoration-color:var(--color-ink);text-decoration-color:var(--color-ink);background-color:#ffffff26;transition-duration:.13s}}