.code-wrapper{margin:2rem 0;border:1px solid var(--gray-800);border-radius:var(--border-radius);overflow:clip}.code-header{border-bottom:1px solid var(--gray-800);border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius);background:var(--white)}.code{display:inline-block;position:relative;margin:0;background:var(--white);padding:1.5rem;min-width:100%;color:var(--black);line-height:1.5;text-align:left;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal;z-index:3;-webkit-hyphens:none;hyphens:none;-moz-tab-size:4;-o-tab-size:4;tab-size:4}[data-theme=dark] :is(.code-header,.code-wrapper,.code){border-color:var(--gray-400);background:var(--black);color:var(--gray-100)}.code pre{font-family:Fira Code,monospace}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6272a4}.token.punctuation,.schema-punctuation{color:var(--black)}.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted,.schema-key,.token.boolean,.token.number{color:#12b2e3}.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted,.liquid.language-liquid,.liquid.language-liquid .token.punctuation,.schema-value{color:#ff8b00}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:var(--black)}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#ff8b00}.token.selector,.token.atrule{color:var(--primary)}.token.selector .token.rule,.token.atrule .token.rule,.token.keyword,.schema-keyword{color:#ff69b4}.token.regex,.token.important{color:#ffb86c}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}[data-theme=dark] :is(.token.punctuation,.schema-punctuation,.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable){color:var(--gray-100)}[data-theme=dark] :is(.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted,.schema-key,.token.boolean,.token.number){color:#8be9fd}[data-theme=dark] :is(.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted,.liquid.language-liquid,.liquid.language-liquid .token.punctuation,.schema-value,.token.atrule,.token.attr-value,.token.function,.token.class-name){color:#f1fa8c}[data-theme=dark] :is(.token.selector,.token.atrule){color:var(--primary)}[data-theme=dark] :is(.token.selector .token.rule,.token.atrule .token.rule,.token.keyword,.schema-keyword){color:#ff69b4}.code-wrapper.svelte-1yl77cl.svelte-1yl77cl.svelte-1yl77cl{position:relative}.code-header.svelte-1yl77cl.svelte-1yl77cl.svelte-1yl77cl{display:flex;position:relative;justify-content:space-between;align-items:center;z-index:var(--z-2);padding:.5rem}.code-header.stuck.svelte-1yl77cl.svelte-1yl77cl.svelte-1yl77cl{position:sticky;top:0}.code-header.svelte-1yl77cl>p.svelte-1yl77cl.svelte-1yl77cl{margin-bottom:0;font-size:var(--fs-xs);font-family:var(--font-code)}.code-header.svelte-1yl77cl button.svelte-1yl77cl.svelte-1yl77cl{display:flex;align-items:center;gap:.25rem;border-radius:var(--border-radius);padding:.1rem .5rem}.code-header.svelte-1yl77cl button.svelte-1yl77cl.svelte-1yl77cl:hover,.code-header.svelte-1yl77cl button.svelte-1yl77cl.svelte-1yl77cl:focus-visible{background-color:var(--primary);color:var(--black)}.code-header.svelte-1yl77cl button.svelte-1yl77cl:active>svg.svelte-1yl77cl{transform:scale(.9)}.code-header.svelte-1yl77cl button svg.svelte-1yl77cl.svelte-1yl77cl{transition:transform .2s ease-out;width:1rem;height:1rem}.code-header.svelte-1yl77cl button span.svelte-1yl77cl.svelte-1yl77cl{font-size:var(--fs-xs);line-height:var(--fs-xs-height)}.copy-to-clipboard-wrapper.svelte-1yl77cl.svelte-1yl77cl.svelte-1yl77cl{display:flex;position:relative;align-items:center}.copied-to-clipboard-notice.svelte-1yl77cl.svelte-1yl77cl.svelte-1yl77cl{position:absolute;top:calc(100% + .5rem);right:calc(100% - 10rem);opacity:0;transition:opacity .3s ease-out;margin-right:.5rem;border-radius:var(--border-radius);background-color:var(--primary);padding:.25rem .5rem;width:13rem;color:var(--black);font-size:var(--fs-xs);text-align:center}.actual-code.svelte-1yl77cl.svelte-1yl77cl.svelte-1yl77cl{position:relative;z-index:var(--z-1);overflow:clip}.scrollbar.svelte-1yl77cl.svelte-1yl77cl.svelte-1yl77cl{overflow:auto}pre.svelte-1yl77cl.svelte-1yl77cl.svelte-1yl77cl{font-size:var(--fs-xs)}.code-block-section.svelte-17l8idu.svelte-17l8idu{position:relative;-moz-column-break-inside:avoid;break-inside:avoid}.code-block-frame.svelte-17l8idu.svelte-17l8idu{position:relative;margin-inline:auto;width:100%;max-width:64rem}.code-block-expanded.svelte-17l8idu.svelte-17l8idu{display:flex;position:fixed;justify-content:center;align-items:stretch;z-index:100;margin-top:0!important;top:0;right:0;bottom:0;left:0;isolation:isolate;padding:.5rem}.code-block-expanded.svelte-17l8idu .code-block-frame.svelte-17l8idu{z-index:101;height:100%;overflow-y:auto;overscroll-behavior-y:contain}.code-modal-backdrop.svelte-17l8idu.svelte-17l8idu{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;border:0;background:var(--white)}[data-theme=dark] .code-modal-backdrop.svelte-17l8idu.svelte-17l8idu{background:var(--black)}.code-modal-close-btn.svelte-17l8idu.svelte-17l8idu{display:flex;position:fixed;top:0;right:.5rem;justify-content:center;align-items:center;z-index:102;transition:background-color .2s ease;cursor:pointer;border:0;border-radius:9999px;padding:.5rem;width:3.5rem;height:3.5rem}.code-modal-close-icon.svelte-17l8idu.svelte-17l8idu{width:1.5rem;height:1.5rem}@media (min-width: 1024px){.code-block-expanded.svelte-17l8idu.svelte-17l8idu{padding:0}.code-modal-close-btn.svelte-17l8idu.svelte-17l8idu{width:2.5rem;height:2.5rem}.code-modal-close-btn.svelte-17l8idu.svelte-17l8idu:hover{background:var(--gray-200)}}[data-theme=dark] .code-modal-close-btn.svelte-17l8idu.svelte-17l8idu:hover{background:var(--gray-900)}html:has(.code-block-expanded),html:has(.code-block-expanded) body{overflow:hidden}[data-block=callout].svelte-15e65ea{--callout-color:var(--secondary);margin-bottom:1rem;border:.1rem solid var(--callout-color);border-radius:.375rem;background-color:oklch(from var(--callout-color) l c h / .05);padding:1rem}[data-block=callout].svelte-15e65ea>:last-child{margin-bottom:0}[data-textSize=sm].svelte-15e65ea p{font-size:var(--fs-sm);line-height:var(--fs-sm-height);letter-spacing:var(--fs-sm-spacing)}[data-textSize=base].svelte-15e65ea p{font-size:var(--fs-base);line-height:var(--fs-base-height);letter-spacing:var(--fs-base-spacing)}[data-textSize=lg].svelte-15e65ea p{font-size:var(--fs-lg);line-height:var(--fs-lg-height);letter-spacing:var(--fs-lg-spacing)}[data-textSize=xl].svelte-15e65ea p{font-size:var(--fs-xl);line-height:var(--fs-xl-height);letter-spacing:var(--fs-xl-spacing)}[data-textSize="2xl"].svelte-15e65ea p{font-size:var(--fs-2xl);line-height:var(--fs-2xl-height);letter-spacing:var(--fs-2xl-spacing)}