/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--code-fade:0px}}}.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-plex-mono);tab-size:2;-webkit-mask-image:linear-gradient(#000 calc(100% - var(--code-fade)), transparent);-webkit-mask-image:linear-gradient(#000 calc(100% - var(--code-fade)), transparent);-webkit-mask-image:linear-gradient(#000 calc(100% - var(--code-fade)), transparent);mask-image:linear-gradient(#000 calc(100% - var(--code-fade)), transparent);margin:0;padding:.375rem .25rem;overflow:auto}.code-example-pre code{font:inherit}@property --code-fade{syntax:"<length>";inherits:false;initial-value:0}@keyframes code-fade-out{0%{--code-fade:2.75rem}to{--code-fade:0rem}}@supports (animation-timeline:scroll()){.code-example-pre{animation:linear both code-fade-out;animation-timeline:scroll(self);animation-range:calc(100% - 2.75rem) 100%}}.code-example-pre ::selection{background:#ffffff40}@supports (color:color-mix(in lab, red, red)){.code-example-pre ::selection{background:color-mix(in srgb, var(--color-white) 25.1%, transparent)}}.code-example-pre ::selection{color:var(--color-white)}.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);-webkit-text-decoration:underline dotted 2px var(--color-ink-muted);-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){background:#ffffff29}@supports (color:color-mix(in lab, red, red)){.code-example-token:is(:hover,:focus-visible){background:color-mix(in srgb, var(--color-white) 16.1%, transparent)}}.code-example-token:is(:hover,:focus-visible){-webkit-text-decoration:underline solid 2px var(--color-white);-webkit-text-decoration:underline solid 2px var(--color-white);-webkit-text-decoration:underline solid 2px var(--color-white);text-decoration:underline solid 2px var(--color-white)}.code-example-help{z-index:60;border:1px solid var(--color-line);background:var(--color-tip);white-space:normal;width:20rem;max-width:calc(100vw - 2rem);font:.8125rem/1.65 var(--font-shopify);color:var(--color-ink);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-tabs-wrap{align-items:stretch;min-width:0;display:flex}.code-logo-tabs{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;flex:auto;align-items:stretch;min-width:0;display:flex;position:relative;overflow-x:auto}.code-logo-tabs::-webkit-scrollbar{display:none}.code-tabs-wrap[data-more-r] .code-logo-tabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000)}.code-tabs-wrap[data-more-l] .code-logo-tabs{-webkit-mask-image:linear-gradient(90deg,#0000,#000 2.5rem);mask-image:linear-gradient(90deg,#0000,#000 2.5rem)}.code-tabs-wrap[data-more-l][data-more-r] .code-logo-tabs{-webkit-mask-image:linear-gradient(90deg,#0000,#000 2.5rem calc(100% - 2.5rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 2.5rem calc(100% - 2.5rem),#0000)}.code-tab-arrow{width:2.5rem;color:var(--color-ink-muted);cursor:pointer;flex:none;place-items:center;transition:color .15s;display:none}.code-tabs-wrap[data-overflow] .code-tab-arrow{display:grid}.code-tab-arrow:hover:not(:disabled){color:var(--color-white)}.code-tab-arrow:disabled{color:var(--color-line);cursor:default}.code-tab-arrow:focus-visible{outline-offset:-2px}.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[aria-pressed=true]{background:#ffffff14}@supports (color:color-mix(in lab, red, red)){.code-logo-tabs button[aria-pressed=true]{background:color-mix(in srgb, var(--color-white) 7.8%, transparent)}}.code-logo-tabs button[aria-pressed=true]{color:var(--color-white);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 not all and (width>=66.875rem){.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 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,[data-provenance]:not([data-provenance=""]) .code-example-token{transition-duration:.13s}}[data-provenance]:not([data-provenance=""]) .code-example-line{opacity:.42}: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:var(--accent,#fff)}@supports (color:color-mix(in lab, red, red)){: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])){background-color:color-mix(in srgb, var(--accent,#fff) 6%, transparent)}}[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(--accent,var(--color-white));background-color:var(--accent,#fff)}@supports (color:color-mix(in lab, red, red)){[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]{background-color:color-mix(in srgb, var(--accent,#fff) 9%, transparent)}}[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]{-webkit-text-decoration-color:var(--accent,var(--color-ink));-webkit-text-decoration-color:var(--accent,var(--color-ink));-webkit-text-decoration-color:var(--accent,var(--color-ink));text-decoration-color:var(--accent,var(--color-ink))}
