@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/quoin-editor/assets/schibsted-grotesk-latin-ext-wght-normal-hsMS0n0O.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/quoin-editor/assets/schibsted-grotesk-latin-wght-normal-Bb8VGrTG.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/quoin-editor/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/quoin-editor/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/quoin-editor/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/quoin-editor/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/quoin-editor/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/quoin-editor/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/quoin-editor/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/quoin-editor/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/quoin-editor/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/quoin-editor/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/quoin-editor/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/quoin-editor/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/quoin-editor/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/quoin-editor/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/quoin-editor/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/quoin-editor/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/quoin-editor/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/quoin-editor/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/quoin-editor/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/quoin-editor/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer quoin.theme;@layer quoin.base{:root{--quoin-background:oklch(100% 0 0);--quoin-foreground:oklch(24% .024 267);--quoin-muted:oklch(97.5% .005 258);--quoin-muted-foreground:oklch(48% .029 263);--quoin-popover:oklch(100% 0 0);--quoin-popover-foreground:oklch(24% .024 267);--quoin-border:oklch(92.7% .01 262);--quoin-input:oklch(62% .02 262);--quoin-ring:oklch(53.3% .221 266);--quoin-primary:oklch(24% .024 267);--quoin-primary-foreground:oklch(98.5% .003 260);--quoin-accent:oklch(96.2% .012 262);--quoin-accent-foreground:oklch(24% .024 267);--quoin-destructive:oklch(55% .245 27.325);--quoin-secondary:oklch(96.5% .007 262);--quoin-secondary-foreground:oklch(24% .024 267);--quoin-info:oklch(55% .17 250);--quoin-success:oklch(55% .14 155);--quoin-warning:oklch(60% .16 65);--quoin-tip:oklch(54% .17 300);--quoin-syntax-comment:oklch(52% .025 263);--quoin-syntax-keyword:oklch(49% .19 300);--quoin-syntax-string:oklch(47% .13 155);--quoin-syntax-number:oklch(50% .15 55);--quoin-syntax-function:oklch(50% .18 255);--quoin-syntax-variable:oklch(52% .17 25);--quoin-selection:oklch(60% .19 266/.24);--quoin-comment:oklch(97.5% .06 90);--quoin-comment-active:oklch(98% .06 85);--quoin-comment-edge:oklch(62% .14 70);--quoin-radius:.625rem;--quoin-shadow:oklch(24% .024 267/.14);--quoin-color-default:oklch(24% .024 267);--quoin-color-gray:oklch(53% 0 0);--quoin-color-brown:oklch(52% .06 50);--quoin-color-orange:oklch(56% .14 52);--quoin-color-yellow:oklch(55% .11 80);--quoin-color-green:oklch(53% .11 155);--quoin-color-blue:oklch(53% .13 245);--quoin-color-purple:oklch(53% .15 305);--quoin-color-pink:oklch(54% .17 355);--quoin-color-red:oklch(55% .19 27);--quoin-bg-default:oklch(100% 0 0);--quoin-bg-gray:oklch(95.5% 0 0);--quoin-bg-brown:oklch(95% .012 50);--quoin-bg-orange:oklch(95.5% .03 65);--quoin-bg-yellow:oklch(96.5% .045 95);--quoin-bg-green:oklch(95.5% .03 155);--quoin-bg-blue:oklch(95.5% .025 235);--quoin-bg-purple:oklch(95.5% .025 305);--quoin-bg-pink:oklch(95.5% .025 350);--quoin-bg-red:oklch(95% .022 20);--quoin-diff-inserted:oklch(48% .11 155);--quoin-diff-deleted:oklch(50% .19 27);--quoin-link:oklch(50% .2 266)}.dark{--quoin-background:oklch(19% .015 267);--quoin-foreground:oklch(96.5% .005 260);--quoin-muted:oklch(24.5% .02 266);--quoin-muted-foreground:oklch(72% .02 262);--quoin-popover:oklch(22.5% .019 266);--quoin-popover-foreground:oklch(96.5% .005 260);--quoin-border:oklch(100% 0 0/.1);--quoin-input:oklch(60% .02 262);--quoin-ring:oklch(72% .14 268);--quoin-primary:oklch(93% .008 262);--quoin-primary-foreground:oklch(22% .02 266);--quoin-accent:oklch(28% .025 266);--quoin-accent-foreground:oklch(96.5% .005 260);--quoin-secondary:oklch(28% .025 266);--quoin-secondary-foreground:oklch(96.5% .005 260);--quoin-destructive:oklch(70.4% .191 22.216);--quoin-info:oklch(72% .14 250);--quoin-success:oklch(74% .15 155);--quoin-warning:oklch(79% .15 65);--quoin-tip:oklch(74% .13 300);--quoin-syntax-comment:oklch(68% .02 262);--quoin-syntax-keyword:oklch(80% .13 300);--quoin-syntax-string:oklch(82% .14 155);--quoin-syntax-number:oklch(83% .13 60);--quoin-syntax-function:oklch(80% .12 255);--quoin-syntax-variable:oklch(79% .12 25);--quoin-selection:oklch(70% .15 268/.32);--quoin-comment:oklch(35% .08 90);--quoin-comment-active:oklch(30% .08 85);--quoin-comment-edge:oklch(72% .14 75);--quoin-radius:.625rem;--quoin-shadow:oklch(0% 0 0/.45);--quoin-color-default:oklch(96.5% .005 260);--quoin-color-gray:oklch(72% 0 0);--quoin-color-brown:oklch(72% .06 55);--quoin-color-orange:oklch(76% .13 60);--quoin-color-yellow:oklch(83% .13 90);--quoin-color-green:oklch(76% .13 155);--quoin-color-blue:oklch(74% .12 245);--quoin-color-purple:oklch(74% .13 305);--quoin-color-pink:oklch(74% .14 355);--quoin-color-red:oklch(72% .16 25);--quoin-bg-default:oklch(19% .015 267);--quoin-bg-gray:oklch(29% 0 0);--quoin-bg-brown:oklch(29% .025 50);--quoin-bg-orange:oklch(30% .05 55);--quoin-bg-yellow:oklch(31% .05 90);--quoin-bg-green:oklch(29% .045 155);--quoin-bg-blue:oklch(29% .05 245);--quoin-bg-purple:oklch(29% .055 305);--quoin-bg-pink:oklch(29% .055 355);--quoin-bg-red:oklch(29% .06 25);--quoin-diff-inserted:oklch(76% .13 155);--quoin-diff-deleted:oklch(74% .15 25);--quoin-link:oklch(76% .12 268)}.quoin,.quoin *,.quoin:before,.quoin:after,.quoin::backdrop,.quoin :before,.quoin :after,.quoin ::backdrop{box-sizing:border-box;border:0 solid var(--quoin-border);margin:0;padding:0}.quoin{tab-size:4;-webkit-tap-highlight-color:transparent;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;line-height:1.5}.dark .quoin,.quoin.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.quoin ul,.quoin ol{list-style:none}.quoin button,.quoin input,.quoin select,.quoin textarea{font:inherit;color:inherit;background:0 0;border-radius:0}.quoin img,.quoin svg{vertical-align:middle;display:block}.quoin img{max-width:100%;height:auto}.quoin textarea{resize:vertical}.quoin code,.quoin pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}.quoin ::placeholder{opacity:1}@media (forced-colors:active){.quoin:focus-visible,.quoin :focus-visible{outline-offset:2px!important;outline:2px solid canvastext!important}.quoin [data-highlighted]{outline-offset:-2px!important;outline:2px solid canvastext!important}}@media (prefers-reduced-motion:reduce){.quoin,.quoin *,.quoin :before,.quoin :after{scroll-behavior:auto!important;transition:none!important}}}@layer quoin.components{.quoin.quoin-editor{position:relative}.quoin [data-quoin-host]{white-space:pre-wrap;overflow-wrap:anywhere;outline:none;min-height:1lh;position:relative}.quoin [data-placeholder]:has(>br[data-quoin-filler]:only-child):before{content:attr(data-placeholder);color:var(--quoin-muted-foreground);pointer-events:none;position:absolute}.quoin [data-quoin-block]{border-radius:var(--quoin-radius);outline:none;margin-inline-start:calc(var(--quoin-indent,0) * 1.5rem);padding-block:.125rem}.quoin [data-quoin-block][data-align=left]{text-align:left}.quoin [data-quoin-block][data-align=center]{text-align:center}.quoin [data-quoin-block][data-align=right]{text-align:right}.quoin [data-quoin-block][data-align=justify]{text-align:justify}.quoin [data-quoin-block][data-selected=true]{background:var(--quoin-accent);box-shadow:0 0 0 2px var(--quoin-ring);outline:2px solid #0000}.quoin[data-quoin-cross] [data-quoin-host]::selection{background:0 0}.quoin[data-quoin-cross] [data-quoin-host] ::selection{background:0 0}.quoin .quoin-selected{background:var(--quoin-selection)}.quoin[data-quoin-dragging] [data-quoin-host]{-webkit-user-select:none;user-select:none}.quoin [data-quoin-sink]{clip-path:inset(50%);white-space:pre;top:0;outline:none;width:1px;height:1px;position:fixed;inset-inline-start:0;overflow:hidden}.quoin .quoin-heading{font-weight:600;line-height:1.25}.quoin .quoin-heading[aria-level="1"]{font-size:1.875em}.quoin .quoin-heading[aria-level="2"]{font-size:1.5em}.quoin .quoin-heading[aria-level="3"]{font-size:1.25em}.quoin .quoin-list-item,.quoin .quoin-task,.quoin .quoin-toggle{align-items:baseline;gap:.5rem;display:flex}.quoin .quoin-list-item>[data-quoin-host],.quoin .quoin-task>[data-quoin-host],.quoin .quoin-toggle>[data-quoin-host]{flex:1;min-width:0}.quoin .quoin-marker{text-align:end;-webkit-user-select:none;user-select:none;min-width:1.25rem}.quoin .quoin-task-box{border:1px solid var(--quoin-muted-foreground);cursor:pointer;border-radius:.25rem;flex:none;align-self:center;width:1rem;height:1rem}.quoin .quoin-task-box[aria-checked=true]{background:var(--quoin-primary);color:var(--quoin-primary-foreground)}.quoin .quoin-task[data-checked=true]>[data-quoin-host]{color:var(--quoin-muted-foreground);text-decoration:line-through}.quoin .quoin-quote{border-inline-start:3px solid var(--quoin-border);padding-inline-start:.75rem}.quoin .quoin-callout{border-inline-start:4px solid var(--quoin-info);border-radius:var(--quoin-radius);background:var(--quoin-muted);padding:.75rem 1rem}.quoin .quoin-callout[data-tone=tip]{border-color:var(--quoin-tip)}.quoin .quoin-callout[data-tone=warning]{border-color:var(--quoin-warning)}.quoin .quoin-callout[data-tone=success]{border-color:var(--quoin-success)}.quoin .quoin-callout[data-tone=danger]{border-color:var(--quoin-destructive)}.quoin .quoin-toggle-button{cursor:pointer;flex:none;align-self:center;width:1.25rem;height:1.25rem}.quoin .quoin-toggle-button svg{width:100%;height:100%;transition:transform .12s}.quoin:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .quoin-toggle-button[aria-expanded=false] svg{transform:rotate(180deg)}.quoin .quoin-toggle-button[aria-expanded=true] svg{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.quoin .quoin-toggle-button svg{transition:none}}.quoin .quoin-void{color:var(--quoin-muted-foreground);padding-block:.5rem}.quoin .quoin-void[role=separator]:before{content:"";border-block-start:1px solid var(--quoin-border);display:block}.quoin .quoin-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.quoin .quoin-code{border-radius:var(--quoin-radius);background:var(--quoin-muted)}.quoin .quoin-code-header{justify-content:space-between;align-items:center;gap:.5rem;height:2rem;padding-inline:.5rem;display:flex}.quoin .quoin-code-scroll{overflow-x:auto}.quoin .quoin-code-lines{width:max-content;min-width:100%;position:relative}.quoin .quoin-code-caret{pointer-events:none;width:2px;height:1.5rem;position:absolute;top:0;left:0}.quoin .quoin-code-text{white-space:pre;tab-size:2;letter-spacing:normal;word-spacing:normal;font-variant-ligatures:none;font-feature-settings:normal;text-transform:none;text-indent:0;text-align:left;margin:0;padding:0 .75rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.5rem}.quoin .quoin-code-input{resize:none;color:#0000;width:100%;height:100%;caret-color:var(--quoin-foreground);background:0 0;outline:none;position:absolute;inset:0;overflow:hidden}.quoin .quoin-code-input::selection{background:var(--quoin-selection);color:#0000}.quoin .quoin-code-language{border-radius:calc(var(--quoin-radius) - 4px);width:8rem;height:1.5rem;color:var(--quoin-muted-foreground);padding-inline:.375rem;font-size:.75rem}.quoin .quoin-code-language::placeholder{color:var(--quoin-muted-foreground)}.quoin .quoin-code-language:focus{background:var(--quoin-background);color:var(--quoin-foreground)}.quoin .quoin-code-control{opacity:0}.quoin .quoin-code:hover .quoin-code-control,.quoin .quoin-code:focus-within .quoin-code-control,.quoin [data-selected=true] .quoin-code-control{opacity:1}@media (pointer:coarse){.quoin .quoin-code-control{opacity:1}}.quoin .quoin-tok-comment,.quoin .quoin-tok-prolog,.quoin .quoin-tok-doctype,.quoin .quoin-tok-cdata{color:var(--quoin-syntax-comment);font-style:italic}.quoin .quoin-tok-keyword,.quoin .quoin-tok-atrule,.quoin .quoin-tok-rule,.quoin .quoin-tok-important,.quoin .quoin-tok-selector{color:var(--quoin-syntax-keyword)}.quoin .quoin-tok-string,.quoin .quoin-tok-char,.quoin .quoin-tok-attr-value,.quoin .quoin-tok-regex,.quoin .quoin-tok-inserted{color:var(--quoin-syntax-string)}.quoin .quoin-tok-number,.quoin .quoin-tok-boolean,.quoin .quoin-tok-constant,.quoin .quoin-tok-symbol{color:var(--quoin-syntax-number)}.quoin .quoin-tok-function,.quoin .quoin-tok-class-name,.quoin .quoin-tok-tag,.quoin .quoin-tok-builtin,.quoin .quoin-tok-function-variable{color:var(--quoin-syntax-function)}.quoin .quoin-tok-variable,.quoin .quoin-tok-attr-name,.quoin .quoin-tok-property,.quoin .quoin-tok-parameter,.quoin .quoin-tok-deleted{color:var(--quoin-syntax-variable)}.quoin .quoin-tok-punctuation,.quoin .quoin-tok-operator,.quoin .quoin-tok-entity,.quoin .quoin-tok-url{color:var(--quoin-muted-foreground)}.quoin .quoin-upload{border:1px dashed var(--quoin-muted-foreground);border-radius:var(--quoin-radius);text-align:start;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem;display:flex}.quoin .quoin-upload-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.quoin .quoin-block-message{color:var(--quoin-muted-foreground);font-size:.75rem}.quoin .quoin-block-message:empty{display:none}.quoin .quoin-image{padding-block:.25rem}.quoin .quoin-image-frame{vertical-align:top;-webkit-user-select:none;user-select:none;max-width:100%;display:inline-block;position:relative}.quoin .quoin-image-frame>img,.quoin .quoin-image-missing{border-radius:var(--quoin-radius);max-width:100%;height:auto;display:block}.quoin .quoin-image-frame[style]>img,.quoin .quoin-image-frame[style]>.quoin-image-missing{width:100%}.quoin .quoin-image-missing{background:var(--quoin-muted);align-items:center;gap:.5rem;min-height:6rem;padding:1rem;font-size:.875rem;display:flex}.quoin .quoin-image-handle{border:1px solid var(--quoin-background);background:var(--quoin-foreground);opacity:0;cursor:ew-resize;touch-action:none;border-radius:9999px;width:.5rem;height:min(3rem,50%);position:absolute;top:50%;translate:0 -50%}.quoin .quoin-image-handle[data-side="-1"]{left:.5rem}.quoin .quoin-image-handle[data-side="1"]{right:.5rem}.quoin .quoin-image:hover .quoin-image-handle,.quoin [data-selected=true] .quoin-image-handle,.quoin .quoin-image-handle:focus-visible,.quoin .quoin-image-handle:active{opacity:1}.quoin .quoin-image-handle:focus-visible{outline:2px solid var(--quoin-ring);outline-offset:2px}.quoin .quoin-image-caption{color:var(--quoin-muted-foreground);margin-top:.25rem;font-size:.875rem}.quoin [data-quoin-block]:not(:hover,[data-selected=true]) .quoin-image-caption:not(:focus):before{content:none}.quoin .quoin-image-link{flex-wrap:wrap;align-items:center;gap:.5rem;width:min(100%,24rem);display:flex}.quoin .quoin-image-link>input{flex:1;width:auto}.quoin .quoin-image-alt{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.quoin .quoin-image-no-alt{border:1px solid var(--quoin-background);background:var(--quoin-foreground);color:var(--quoin-background);cursor:pointer;top:.5rem;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;position:absolute;inset-inline-start:.5rem}.quoin .quoin-image-no-alt:focus-visible{outline:2px solid var(--quoin-ring);outline-offset:2px}.quoin .quoin-image-decorative{align-items:center;gap:.5rem;display:flex}.quoin .quoin-file{padding-block:.25rem}.quoin .quoin-file-card{border:1px solid var(--quoin-border);border-radius:var(--quoin-radius);-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;padding:.75rem 1rem;display:flex}.quoin .quoin-file-icon{width:1.5rem;height:1.5rem;color:var(--quoin-muted-foreground);flex:none}.quoin .quoin-file-name{overflow-wrap:anywhere;flex:8rem;min-width:0;font-weight:500}.quoin .quoin-file-size{color:var(--quoin-muted-foreground);font-variant-numeric:tabular-nums;font-size:.875rem}.quoin .quoin-file-download{border-radius:calc(var(--quoin-radius) - 2px);color:inherit;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.quoin .quoin-file-download:hover{background:var(--quoin-accent);color:var(--quoin-accent-foreground)}.quoin .quoin-file-download:focus-visible{outline:2px solid var(--quoin-ring);outline-offset:2px}.quoin .quoin-file-download>svg{width:1rem;height:1rem}.quoin .quoin-table{padding-block:.25rem}.quoin .quoin-table-scroll{padding:.75rem .25rem .25rem 1rem;position:relative;overflow-x:auto}.quoin .quoin-table[data-readonly] .quoin-table-scroll{padding:0}.quoin .quoin-table table{border-collapse:collapse}.quoin .quoin-table :is(th,td){border:1px solid var(--quoin-border);text-align:start;vertical-align:top;padding:0}.quoin .quoin-table th{background:var(--quoin-muted);font-weight:600}.quoin .quoin-table :is(th,td)[data-in-range]{background:var(--quoin-selection)}.quoin .quoin-table-text{min-width:6rem;padding:.375rem .5rem}.quoin .quoin-table-controls{pointer-events:none;position:absolute;inset:0}.quoin .quoin-table-controls :is(button,[role=separator]){pointer-events:auto;position:absolute;translate:-50% -50%}.quoin .quoin-table-handle,.quoin .quoin-table-insert{border:1px solid var(--quoin-border);background:var(--quoin-background);color:var(--quoin-muted-foreground);cursor:pointer;border-radius:.25rem;justify-content:center;align-items:center;display:flex}.quoin .quoin-table-handle[data-axis=row]{width:1rem;height:1.5rem}.quoin .quoin-table-handle[data-axis=column]{width:1.5rem;height:1rem}.quoin .quoin-table-insert{border-radius:9999px;width:1.25rem;height:1.25rem}.quoin .quoin-table-controls svg{width:.875rem;height:.875rem}.quoin .quoin-table-handle:hover,.quoin .quoin-table-insert:hover,.quoin .quoin-table-handle[data-state=open]{background:var(--quoin-accent);color:var(--quoin-accent-foreground)}.quoin .quoin-table-controls .quoin-table-resizer{cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;width:.5625rem;translate:-50%}.quoin .quoin-table-resizer:after{content:"";background:var(--quoin-ring);opacity:0;width:2px;position:absolute;inset-block:0;inset-inline-start:calc(50% - 1px)}.quoin .quoin-table-resizer:is(:hover,:focus-visible,:active):after{opacity:1}.quoin .quoin-table-controls :is(button,[role=separator]):focus-visible{outline:2px solid var(--quoin-ring);outline-offset:2px}.quoin .quoin-embed,.quoin .quoin-bookmark{padding-block:.25rem}.quoin .quoin-embed-frame{aspect-ratio:16/9;border-radius:var(--quoin-radius);background:var(--quoin-muted);position:relative;overflow:hidden}.quoin .quoin-embed-frame[data-player]{aspect-ratio:auto}.quoin .quoin-embed-frame>iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.quoin .quoin-embed-cover{position:absolute;inset:0}.quoin .quoin-link-card{border:1px solid var(--quoin-border);border-radius:var(--quoin-radius);-webkit-user-select:none;user-select:none;align-items:stretch;gap:.75rem;display:flex;overflow:hidden}.quoin .quoin-link-card-text{flex-direction:column;flex:auto;gap:.25rem;min-width:0;padding:.75rem 1rem;display:flex}.quoin .quoin-link-card-title{overflow-wrap:anywhere;color:inherit;font-weight:500;text-decoration:none}.quoin a.quoin-link-card-title:hover{text-decoration:underline}.quoin a.quoin-link-card-title:focus-visible{outline:2px solid var(--quoin-ring);outline-offset:2px}.quoin .quoin-link-card-description{-webkit-line-clamp:2;color:var(--quoin-muted-foreground);-webkit-box-orient:vertical;font-size:.875rem;display:-webkit-box;overflow:hidden}.quoin .quoin-link-card-domain{color:var(--quoin-muted-foreground);font-size:.75rem}.quoin .quoin-link-card-image{object-fit:cover;flex:none;width:8rem;max-height:7rem}.quoin .quoin-embed-ask{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.quoin .quoin-embed-ask>input{flex:10rem}.quoin .quoin-embed-ask-message{color:var(--quoin-destructive);flex-basis:100%;padding-inline:.25rem;font-size:.875rem}.quoin [data-quoin-selected-atom]>[data-quoin-atom]{background:var(--quoin-accent);outline:2px solid var(--quoin-ring);outline-offset:1px;border-radius:2px}.quoin .quoin-math{padding-block:.25rem}.quoin .quoin-math[data-editable]{cursor:pointer}.quoin .quoin-math-rendered{text-align:center;padding:.5rem;overflow-x:auto}.quoin .quoin-math .quoin-math-source,.quoin .quoin-math-preview .quoin-math-source{border-radius:var(--quoin-radius);background:var(--quoin-muted);white-space:pre-wrap;margin:0;padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;overflow-x:auto}.quoin .quoin-math-empty{color:var(--quoin-muted-foreground);text-align:center;padding:.5rem}.quoin .quoin-math-inline{border-radius:2px}.quoin .quoin-math-inline[data-quoin-atom]{cursor:pointer}.quoin .quoin-math-inline.quoin-math-source{background:var(--quoin-muted);padding-inline:.125rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875em}.quoin .quoin-math-inline.quoin-math-empty{padding:0;font-style:italic}.quoin .quoin-math-editor{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.quoin .quoin-math-field{resize:vertical;border:1px solid var(--quoin-muted-foreground);border-radius:calc(var(--quoin-radius) - 2px);background:0 0;width:100%;padding:.375rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem}.quoin .quoin-math-field:focus-visible{border-color:var(--quoin-ring);outline:2px solid var(--quoin-ring);outline-offset:1px}.quoin .quoin-math-preview{border:1px dashed var(--quoin-border);border-radius:calc(var(--quoin-radius) - 2px);width:100%;max-height:12rem;overflow:auto}.quoin .quoin-diagram{flex-direction:column;gap:.5rem;display:flex}.quoin .quoin-diagram-output{border:1px solid var(--quoin-border);border-radius:var(--quoin-radius);background:var(--quoin-background);justify-content:center;padding:.75rem;display:flex;overflow-x:auto}.quoin .quoin-diagram-output>svg{max-width:100%;height:auto}.quoin .quoin-toc{padding-block:.25rem}.quoin .quoin-toc-list{margin:0;padding:0;list-style:none}.quoin .quoin-toc-list .quoin-toc-list{padding-inline-start:1.25rem}.quoin .quoin-toc-link{color:var(--quoin-muted-foreground);text-decoration:underline;-webkit-text-decoration-color:var(--quoin-border);-webkit-text-decoration-color:var(--quoin-border);-webkit-text-decoration-color:var(--quoin-border);text-decoration-color:var(--quoin-border);text-underline-offset:.2em;padding-block:.125rem;display:inline-block}.quoin .quoin-toc-link:hover{color:var(--quoin-foreground);text-decoration-color:currentColor}.quoin .quoin-toc-link:focus-visible{outline:2px solid var(--quoin-ring);outline-offset:2px;border-radius:2px}.quoin .quoin-toc-empty{color:var(--quoin-muted-foreground);margin:0;font-size:.875rem}.quoin .quoin-mention{background:var(--quoin-muted);border-radius:4px;padding-inline:.125rem;font-weight:500}.quoin .quoin-mention[data-opens]{cursor:pointer}.quoin .quoin-mention[role=button]:focus-visible{outline:2px solid var(--quoin-ring);outline-offset:1px}.quoin .quoin-find-match{background:var(--quoin-bg-yellow);border-radius:2px}.quoin .quoin-find-current{background:var(--quoin-bg-orange);outline:2px solid var(--quoin-ring);outline-offset:1px}@media (forced-colors:active){.quoin .quoin-find-match{color:marktext;background:mark}.quoin .quoin-find-current{outline-color:highlight}}.quoin .quoin-stats{color:var(--quoin-muted-foreground);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;flex-wrap:wrap;gap:.25rem 1rem;margin-top:1rem;font-size:.75rem;display:flex}.quoin[data-quoin-focus-mode]:focus-within [data-quoin-dimmed]{opacity:.4}@media (prefers-reduced-motion:no-preference){.quoin[data-quoin-focus-mode] [data-quoin-block]{transition:opacity .15s}}.quoin-source{border-radius:var(--quoin-radius);background:var(--quoin-muted);color:var(--quoin-foreground);overflow:auto}.quoin-source:focus-visible{outline:2px solid var(--quoin-ring);outline-offset:2px}.quoin-source .quoin-source-text{white-space:pre;tab-size:2;margin:0;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.5rem}.quoin-source .quoin-source-active{background:var(--quoin-selection);border-radius:2px}.quoin .quoin-presence-selection{background:var(--quoin-presence,var(--quoin-ring))}@supports (color:color-mix(in lab, red, red)){.quoin .quoin-presence-selection{background:color-mix(in srgb, var(--quoin-presence,var(--quoin-ring)) 20%, transparent)}}.quoin .quoin-presence-carets{pointer-events:none;position:absolute;inset:0;overflow-x:clip}.quoin .quoin-presence-caret{background:var(--quoin-presence,var(--quoin-ring));width:2px;margin-left:-1px;position:absolute;top:0;left:0}.quoin .quoin-presence-name{background:var(--quoin-presence,var(--quoin-ring));color:#fff;text-overflow:ellipsis;white-space:nowrap;bottom:100%;border-radius:3px;max-width:16em;padding:0 4px;font-size:11px;font-weight:500;line-height:16px;transition:opacity .3s;position:absolute;inset-inline-start:0;overflow:hidden}.quoin .quoin-presence-caret[data-idle] .quoin-presence-name{opacity:0}.quoin.quoin-editor:has(>.quoin-presence-avatars)>.quoin-presence-carets{clip-path:inset(-99px calc(var(--quoin-comments-room,0px) + 24px) -99px 0)}.quoin.quoin-editor:has(>.quoin-presence-avatars):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>.quoin-presence-carets{clip-path:inset(-99px 0 -99px calc(var(--quoin-comments-room,0px) + 24px))}.quoin.quoin-editor:has(>.quoin-presence-avatars){padding-inline-end:24px}.quoin .quoin-presence-avatars{pointer-events:none;top:0;position:absolute;inset-inline-end:0}.quoin .quoin-presence-group{top:0;flex-direction:column;display:flex;position:absolute;inset-inline-end:3px}.quoin .quoin-presence-avatar{background:var(--quoin-presence,var(--quoin-ring));color:#fff;text-align:center;border-radius:9999px;width:18px;height:18px;font-size:9px;font-weight:600;line-height:18px}.quoin .quoin-presence-avatar+.quoin-presence-avatar{box-shadow:0 0 0 1px var(--quoin-background);margin-top:-8px}@media (forced-colors:active){.quoin .quoin-presence-selection{color:marktext;background:mark}.quoin .quoin-presence-caret{background:highlight}.quoin .quoin-presence-name,.quoin .quoin-presence-avatar{border:1px solid canvastext}}.quoin [data-quoin-block][data-quoin-ai-room]{margin-bottom:var(--quoin-ai-room,0px)}.quoin .quoin-ai-layer{z-index:10;top:0;flex-direction:column;gap:4px;display:flex;position:absolute;inset-inline-start:0}.quoin .quoin-ai-ghost{border-inline-start:2px solid var(--quoin-ring);color:var(--quoin-foreground);-webkit-user-select:none;user-select:none;white-space:pre-wrap;padding-inline-start:.75em}.quoin .quoin-ai-ghost:empty{min-height:1.5em}.quoin .quoin-ai-ghost-block{margin-inline-start:calc(var(--quoin-ai-indent,0) * 1.5em)}.quoin .quoin-ai-ghost-block+.quoin-ai-ghost-block{margin-top:.25em}.quoin .quoin-ai-ghost-block[data-kind=heading]{font-size:1.25em;font-weight:600}.quoin .quoin-ai-ghost-block[data-kind=heading][data-level="1"]{font-size:1.5em}.quoin .quoin-ai-ghost-block[data-kind=bullet]:before{content:"• "}.quoin .quoin-ai-ghost-block[data-kind=task]:before{content:"☐ "}.quoin .quoin-ai-ghost-block[data-kind=quote]{border-inline-start:2px solid var(--quoin-border);color:var(--quoin-muted-foreground);padding-inline-start:.75em}.quoin .quoin-ai-ghost-block[data-kind=code]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875em}.quoin .quoin-ai-replaced{text-decoration:line-through;-webkit-text-decoration-color:var(--quoin-muted-foreground);-webkit-text-decoration-color:var(--quoin-muted-foreground);-webkit-text-decoration-color:var(--quoin-muted-foreground);text-decoration-color:var(--quoin-muted-foreground);color:var(--quoin-muted-foreground)}@media (forced-colors:active){.quoin .quoin-ai-ghost{border-inline-start-color:highlight}}.quoin.quoin-editor:has(>.quoin-comments-rail,>.quoin-comments-markers) [data-comment]{background:var(--quoin-comment)}@supports (color:color-mix(in lab, red, red)){.quoin.quoin-editor:has(>.quoin-comments-rail,>.quoin-comments-markers) [data-comment]{background:color-mix(in oklch, var(--quoin-comment) 45%, transparent)}}.quoin.quoin-editor:has(>.quoin-comments-rail,>.quoin-comments-markers) [data-comment]{box-shadow:inset 0 -1px var(--quoin-comment-edge)}.quoin.quoin-editor:has(>.quoin-comments-rail,>.quoin-comments-markers) [data-comment] [data-comment]{border-bottom:3px double var(--quoin-comment-edge)}.quoin .quoin-comment-active{background:var(--quoin-comment-active);box-shadow:inset 0 -3px var(--quoin-comment-edge)}.quoin .quoin-comment-pending{background:var(--quoin-comment)}@supports (color:color-mix(in lab, red, red)){.quoin .quoin-comment-pending{background:color-mix(in oklch, var(--quoin-comment) 30%, transparent)}}.quoin .quoin-comment-pending{-webkit-text-decoration:underline dashed var(--quoin-ring);-webkit-text-decoration:underline dashed var(--quoin-ring);-webkit-text-decoration:underline dashed var(--quoin-ring);text-decoration:underline dashed var(--quoin-ring)}.quoin.quoin-editor:has(>.quoin-comments-rail){--quoin-comments-room:272px}.quoin.quoin-editor:has(>.quoin-comments-markers){--quoin-comments-room:36px}.quoin.quoin-editor:has(>.quoin-comments-rail,>.quoin-comments-markers){min-height:var(--quoin-comments-height,auto);padding-inline-end:var(--quoin-comments-room)}.quoin.quoin-editor:has(>.quoin-comments-rail,>.quoin-comments-markers):has(>.quoin-presence-avatars){padding-inline-end:calc(var(--quoin-comments-room) + 24px)}.quoin.quoin-editor:has(>.quoin-comments-rail,>.quoin-comments-markers)>.quoin-presence-avatars{inset-inline-end:var(--quoin-comments-room)}.quoin .quoin-comments-rail,.quoin .quoin-comments-markers{-webkit-user-select:none;user-select:none;top:0;position:absolute;inset-inline-end:0}.quoin .quoin-comments-rail .quoin-comments-field{-webkit-user-select:text;user-select:text}.quoin .quoin-comments-rail{width:256px}.quoin .quoin-comments-markers{width:32px}.quoin .quoin-comments-rail [data-rail-item]{top:0;position:absolute;inset-inline:0}.quoin .quoin-comments-card{border:1px solid var(--quoin-border);border-radius:var(--quoin-radius);background:var(--quoin-popover);color:var(--quoin-popover-foreground);padding:8px}.quoin .quoin-comments-card[data-active]{border-color:var(--quoin-ring)}.quoin .quoin-comments-marker{min-width:28px;min-height:24px;color:var(--quoin-muted-foreground);top:0;border-radius:6px;align-items:center;gap:2px;padding:0 4px;font-size:11px;display:flex;position:absolute;inset-inline-end:2px}.quoin .quoin-comments-marker svg{width:14px;height:14px}.quoin .quoin-comments-marker:hover{background:var(--quoin-accent);color:var(--quoin-accent-foreground)}.quoin.quoin-comments-sheet{z-index:50;border-top:1px solid var(--quoin-border);background:var(--quoin-popover);max-height:60vh;color:var(--quoin-popover-foreground);inset-inline:0;flex-direction:column;gap:8px;padding:12px 16px;display:flex;position:fixed;bottom:0;overflow-y:auto;box-shadow:0 -4px 12px #0000001a}.quoin .quoin-comments-quote{-webkit-line-clamp:2;border-inline-start:2px solid var(--quoin-ring);color:var(--quoin-muted-foreground);-webkit-box-orient:vertical;padding-inline-start:6px;font-size:.75rem;display:-webkit-box;overflow:hidden}.quoin .quoin-comments-body{white-space:pre-wrap;overflow-wrap:anywhere}.quoin .quoin-comments-initials{background:var(--quoin-muted);width:24px;height:24px;color:var(--quoin-foreground);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex}.quoin .quoin-comments-field{resize:vertical;border:1px solid var(--quoin-muted-foreground);border-radius:calc(var(--quoin-radius) - 4px);min-width:0;color:inherit;font:inherit;background:0 0;flex:1;padding:4px 8px;font-size:.875rem}.quoin .quoin-comments-field:focus-visible,.quoin .quoin-comments-choice:focus-visible{outline:2px solid var(--quoin-ring);outline-offset:1px}.quoin .quoin-comments-choice{text-align:start;border-radius:6px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:6px;display:flex}.quoin .quoin-comments-choice:hover{background:var(--quoin-accent)}@media (forced-colors:active){.quoin .quoin-comment-pending{color:marktext;background:mark}.quoin.quoin-editor:has(>.quoin-comments-rail,>.quoin-comments-markers) [data-comment]{color:marktext;background:mark}.quoin .quoin-comment-active{color:highlighttext;background:highlight}}.quoin-view a[href],.quoin-diff a[href]{color:var(--quoin-link);text-decoration:underline}.quoin-diff [data-diff]{border-inline-start:3px solid var(--quoin-border);padding-inline-start:.75rem}.quoin-diff [data-diff=added]{border-inline-start-color:var(--quoin-success)}.quoin-diff [data-diff=removed]{border-inline-start-color:var(--quoin-destructive)}.quoin-diff [data-diff=moved],.quoin-diff [data-diff=moved-away]{border-inline-start-color:var(--quoin-info)}.quoin-diff [data-diff=changed]{border-inline-start-color:var(--quoin-warning)}.quoin-diff [data-diff-label]{color:var(--quoin-muted-foreground);font-size:.75em;font-weight:600;display:block}.quoin-diff ins{color:var(--quoin-diff-inserted);background-color:var(--quoin-bg-green);text-decoration:underline}.quoin-diff del{color:var(--quoin-diff-deleted);background-color:var(--quoin-bg-red);text-decoration:line-through}.quoin-diff ins a[href],.quoin-diff del a[href],.quoin mark,.quoin mark[data-color]{color:inherit}.quoin mark{background-color:var(--quoin-bg-yellow)}.quoin [data-color=default]{color:var(--quoin-color-default)}.quoin [data-color=gray]{color:var(--quoin-color-gray)}.quoin [data-color=brown]{color:var(--quoin-color-brown)}.quoin [data-color=orange]{color:var(--quoin-color-orange)}.quoin [data-color=yellow]{color:var(--quoin-color-yellow)}.quoin [data-color=green]{color:var(--quoin-color-green)}.quoin [data-color=blue]{color:var(--quoin-color-blue)}.quoin [data-color=purple]{color:var(--quoin-color-purple)}.quoin [data-color=pink]{color:var(--quoin-color-pink)}.quoin [data-color=red]{color:var(--quoin-color-red)}.quoin :is([data-bg=default],mark[data-color=default]){background-color:var(--quoin-bg-default)}.quoin :is([data-bg=gray],mark[data-color=gray]){background-color:var(--quoin-bg-gray)}.quoin :is([data-bg=brown],mark[data-color=brown]){background-color:var(--quoin-bg-brown)}.quoin :is([data-bg=orange],mark[data-color=orange]){background-color:var(--quoin-bg-orange)}.quoin :is([data-bg=yellow],mark[data-color=yellow]){background-color:var(--quoin-bg-yellow)}.quoin :is([data-bg=green],mark[data-color=green]){background-color:var(--quoin-bg-green)}.quoin :is([data-bg=blue],mark[data-color=blue]){background-color:var(--quoin-bg-blue)}.quoin :is([data-bg=purple],mark[data-color=purple]){background-color:var(--quoin-bg-purple)}.quoin :is([data-bg=pink],mark[data-color=pink]){background-color:var(--quoin-bg-pink)}.quoin :is([data-bg=red],mark[data-color=red]){background-color:var(--quoin-bg-red)}}@layer quoin.utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.top-0{top:0}.top-4{top:1rem}.top-\[50\%\]{top:50%}.right-0{right:0}.right-4{right:1rem}.left-0{left:0}.left-2{left:.5rem}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-1{margin-inline:-.25rem}.mx-0\.5{margin-inline:.125rem}.my-1{margin-block:.25rem}.me-1{margin-inline-end:.25rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-2{width:.5rem;height:.5rem}.size-3\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.h-0{height:0}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-px{height:1px}.max-h-\(--radix-popper-available-height\){max-height:var(--radix-popper-available-height)}.max-h-64{max-height:16rem}.max-h-72{max-height:18rem}.max-h-\[85vh\]{max-height:85vh}.max-h-\[min\(22rem\,var\(--radix-popper-available-height\)\)\]{max-height:min(22rem, var(--radix-popper-available-height))}.min-h-0{min-height:0}.w-4{width:1rem}.w-48{width:12rem}.w-72{width:18rem}.w-80{width:20rem}.w-96{width:24rem}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.min-w-0{min-width:0}.min-w-16{min-width:4rem}.min-w-\[8rem\]{min-width:8rem}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-2{column-gap:.5rem}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--quoin-radius)}.rounded-md{border-radius:calc(var(--quoin-radius) - 2px)}.rounded-sm{border-radius:calc(var(--quoin-radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-xs{border-radius:.125rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-border{border-color:var(--quoin-border)}.border-destructive{border-color:var(--quoin-destructive)}.border-info{border-color:var(--quoin-info)}.border-input{border-color:var(--quoin-input)}.border-ring{border-color:var(--quoin-ring)}.border-success{border-color:var(--quoin-success)}.border-tip{border-color:var(--quoin-tip)}.border-warning{border-color:var(--quoin-warning)}.bg-accent{background-color:var(--quoin-accent)}.bg-background\/90{background-color:var(--quoin-background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/90{background-color:color-mix(in oklab, var(--quoin-background) 90%, transparent)}}.bg-black\/40{background-color:oklab(0% none none/.4)}.bg-border{background-color:var(--quoin-border)}.bg-destructive\/15{background-color:var(--quoin-destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/15{background-color:color-mix(in oklab, var(--quoin-destructive) 15%, transparent)}}.bg-info\/15{background-color:var(--quoin-info)}@supports (color:color-mix(in lab, red, red)){.bg-info\/15{background-color:color-mix(in oklab, var(--quoin-info) 15%, transparent)}}.bg-muted,.bg-muted\/50{background-color:var(--quoin-muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--quoin-muted) 50%, transparent)}}.bg-popover{background-color:var(--quoin-popover)}.bg-primary{background-color:var(--quoin-primary)}.bg-success\/15{background-color:var(--quoin-success)}@supports (color:color-mix(in lab, red, red)){.bg-success\/15{background-color:color-mix(in oklab, var(--quoin-success) 15%, transparent)}}.bg-tip\/15{background-color:var(--quoin-tip)}@supports (color:color-mix(in lab, red, red)){.bg-tip\/15{background-color:color-mix(in oklab, var(--quoin-tip) 15%, transparent)}}.bg-transparent{background-color:#0000}.bg-warning\/15{background-color:var(--quoin-warning)}@supports (color:color-mix(in lab, red, red)){.bg-warning\/15{background-color:color-mix(in oklab, var(--quoin-warning) 15%, transparent)}}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-inline:.25rem}.px-1\.5{padding-inline:.375rem}.px-2{padding-inline:.5rem}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.py-0\.5{padding-block:.125rem}.py-1{padding-block:.25rem}.py-1\.5{padding-block:.375rem}.py-2{padding-block:.5rem}.ps-3{padding-inline-start:.75rem}.ps-12{padding-inline-start:3rem}.pe-1{padding-inline-end:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pr-2{padding-right:.5rem}.pb-1{padding-bottom:.25rem}.pl-8{padding-left:2rem}.text-center{text-align:center}.text-start{text-align:start}.font-sans{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.5rem;line-height:var(--tw-leading,calc(2 / 1.5))}.text-3xl{font-size:1.875rem;line-height:var(--tw-leading,calc(2.25 / 1.875))}.text-base{font-size:1rem;line-height:var(--tw-leading,calc(1.5 / 1))}.text-lg{font-size:1.125rem;line-height:var(--tw-leading,calc(1.75 / 1.125))}.text-sm{font-size:.875rem;line-height:var(--tw-leading,calc(1.25 / .875))}.text-xl{font-size:1.25rem;line-height:var(--tw-leading,calc(1.75 / 1.25))}.text-xs{font-size:.75rem;line-height:var(--tw-leading,calc(1 / .75))}.leading-7{--tw-leading:calc(.25rem * 7);line-height:1.75rem}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:1.25;line-height:1.25}.font-medium{--tw-font-weight:500;font-weight:500}.font-semibold{--tw-font-weight:600;font-weight:600}.tracking-widest{--tw-tracking:.1em;letter-spacing:.1em}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-accent-foreground{color:var(--quoin-accent-foreground)}.text-destructive{color:var(--quoin-destructive)}.text-muted-foreground{color:var(--quoin-muted-foreground)}.text-popover-foreground{color:var(--quoin-popover-foreground)}.text-primary-foreground{color:var(--quoin-primary-foreground)}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, )}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow-lg{--tw-shadow:0 1px 3px var(--tw-shadow-color,var(--quoin-shadow)), 0 16px 36px -10px var(--tw-shadow-color,var(--quoin-shadow));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 1px 2px var(--tw-shadow-color,var(--quoin-shadow)), 0 6px 16px -4px var(--tw-shadow-color,var(--quoin-shadow));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.invert{--tw-invert:invert(100%);filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.transition-\[color\,background-color\,border-color\,box-shadow\,opacity\]{transition-property:color,background-color,border-color,box-shadow,opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.transition-\[color\,border-color\,box-shadow\]{transition-property:color,border-color,box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.repeat-2{--tw-animation-iteration-count:2;animation-iteration-count:2}.select-none{-webkit-user-select:none;user-select:none}.running{animation-play-state:running}:is(:where(.group\/callout):focus-within .group-focus-within\/callout\:opacity-100){opacity:1}@media (hover:hover){:is(:where(.group\/callout):hover .group-hover\/callout\:opacity-100),:is(:where(.group\/void):hover .group-hover\/void\:opacity-100){opacity:1}}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:1.75rem}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:var(--tw-leading,calc(1.25 / .875))}.file\:font-medium::file-selector-button{--tw-font-weight:500;font-weight:500}.placeholder\:text-muted-foreground::placeholder{color:var(--quoin-muted-foreground)}.empty\:hidden:empty{display:none}@media (hover:hover){.hover\:border-muted-foreground:hover{border-color:var(--quoin-muted-foreground)}.hover\:bg-accent:hover{background-color:var(--quoin-accent)}.hover\:bg-primary\/90:hover{background-color:var(--quoin-primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--quoin-primary) 90%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--quoin-accent-foreground)}.hover\:opacity-100:hover{opacity:1}}.focus\:bg-accent:focus{background-color:var(--quoin-accent)}.focus\:text-accent-foreground:focus{color:var(--quoin-accent-foreground)}.focus\:text-destructive:focus{color:var(--quoin-destructive)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[var\(--quoin-ring\)\]:focus-visible{outline-color:var(--quoin-ring)}.focus-visible\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:where([data-selected=true]) .in-data-\[selected\=true\]\:opacity-100{opacity:1}:where([data-quoin-block]:first-child) .in-\[\[data-quoin-block\]\:first-child\]\:mt-0{margin-top:0}.has-\[\:focus-visible\]\:outline-2:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.has-\[\:focus-visible\]\:outline-offset-2:has(:focus-visible){outline-offset:2px}.has-\[\:focus-visible\]\:outline-\[var\(--quoin-ring\)\]:has(:focus-visible){outline-color:var(--quoin-ring)}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:.375rem}.has-\[\>svg\]\:px-2:has(>svg){padding-inline:.5rem}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:.625rem}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:.75rem}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:cursor-not-allowed[aria-disabled=true]{cursor:not-allowed}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--quoin-destructive)}.aria-pressed\:bg-accent[aria-pressed=true]{background-color:var(--quoin-accent)}.aria-pressed\:text-accent-foreground[aria-pressed=true]{color:var(--quoin-accent-foreground)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[highlighted\]\:bg-accent[data-highlighted]{background-color:var(--quoin-accent)}.data-\[highlighted\]\:text-accent-foreground[data-highlighted]{color:var(--quoin-accent-foreground)}.data-\[highlighted\]\:shadow-\[inset_2px_0_0_var\(--quoin-ring\)\][data-highlighted]{--tw-shadow:inset 2px 0 0 var(--tw-shadow-color,var(--quoin-ring));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[inset\]\:pl-8[data-inset]{padding-left:2rem}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--quoin-accent)}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}@media (width>=40rem){.sm\:max-w-2xl{max-width:42rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}}@media (width>=48rem){.md\:text-sm{font-size:.875rem;line-height:var(--tw-leading,calc(1.25 / .875))}}@media (pointer:coarse){.pointer-coarse\:hidden{display:none}.pointer-coarse\:min-h-11{min-height:2.75rem}.pointer-coarse\:min-w-11{min-width:2.75rem}.pointer-coarse\:opacity-100{opacity:1}.pointer-coarse\:not-data-current\:hidden:not([data-current]){display:none}.pointer-coarse\:before\:absolute:before{content:var(--tw-content);position:absolute}.pointer-coarse\:before\:top-1\/2:before{content:var(--tw-content);top:50%}.pointer-coarse\:before\:left-1\/2:before{content:var(--tw-content);left:50%}.pointer-coarse\:before\:size-11:before{content:var(--tw-content);width:2.75rem;height:2.75rem}.pointer-coarse\:before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.pointer-coarse\:before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.pointer-coarse\:before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:.75rem;height:.75rem}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:1rem;height:1rem}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}:root{--site-font:"Schibsted Grotesk Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--site-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--site-width:76rem;--site-gutter:1.5rem;--site-header:3.75rem;--site-header-offset:var(--site-header);--site-surface:var(--quoin-muted);--site-hairline:var(--quoin-border);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{scroll-padding-top:calc(var(--site-header-offset) + 1.5rem);-webkit-text-size-adjust:100%}html[data-dialog]{overflow:hidden}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{background:var(--quoin-background);color:var(--quoin-foreground);font-family:var(--site-font);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:1rem;line-height:1.6}::selection{background:var(--quoin-selection)}a{color:var(--quoin-link);text-underline-offset:.2em;text-decoration-thickness:1px}:focus-visible:where(:not(.quoin,.quoin *)){outline:2px solid var(--quoin-ring);outline-offset:2px;border-radius:.375rem}.icon{width:1.125rem;height:1.125rem;display:block}.skip-link{z-index:30;background:var(--quoin-primary);color:var(--quoin-primary-foreground);border-radius:.5rem;padding:.5rem 1rem;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:.75rem}.site-header{z-index:20;border-bottom:1px solid var(--site-hairline);background:color-mix(in oklch, var(--quoin-background) 84%, transparent);-webkit-backdrop-filter:saturate(1.5)blur(14px);backdrop-filter:saturate(1.5)blur(14px);position:sticky;top:0}.site-header-inner,.page,.site-footer-inner{box-sizing:border-box;max-width:var(--site-width);padding-inline:var(--site-gutter);margin:0 auto}.site-header-inner{min-height:var(--site-header);align-items:center;gap:1rem;display:flex}.brand{color:inherit;letter-spacing:-.01em;flex:none;align-items:center;gap:.625rem;font-size:1.0625rem;font-weight:650;text-decoration:none;display:inline-flex}.brand-mark{width:1.75rem;height:1.75rem;display:block}.brand-frame{fill:var(--quoin-foreground)}.brand-type{fill:var(--quoin-background)}.brand-wedge{fill:var(--quoin-ring)}.site-nav{flex:1;min-width:0}.site-nav,.guide-nav{scrollbar-width:none;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.guide-nav::-webkit-scrollbar{display:none}.site-nav[data-overflow],.guide-nav[data-overflow]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000)}.site-nav ul,.guide-nav ul{margin:0;padding:0;list-style:none}.site-nav ul{gap:.125rem;display:flex}.site-nav a,.guide-nav a{color:var(--quoin-muted-foreground);white-space:nowrap;border-radius:.5rem;text-decoration:none;display:block}.site-nav a{padding:.375rem .5rem;font-size:.9375rem;font-weight:500}.site-nav a:hover,.guide-nav a:hover,.site-nav a[aria-current],.guide-nav a[aria-current]{background:var(--quoin-accent);color:var(--quoin-foreground)}.site-actions{flex:none;align-items:center;gap:.25rem;display:flex}.site-action{color:var(--quoin-muted-foreground);border-radius:.5rem;padding:.375rem .625rem;font-size:.9375rem;font-weight:500;text-decoration:none}.icon-button{width:2.25rem;height:2.25rem;color:var(--quoin-muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:.5rem;place-items:center;padding:0;display:inline-grid}.icon-button[hidden]{display:none}.site-action:hover,.icon-button:hover{background:var(--quoin-accent);color:var(--quoin-foreground)}[data-theme-toggle] .icon-sun,.dark [data-theme-toggle] .icon-moon{display:none}.dark [data-theme-toggle] .icon-sun{display:block}.button{background:var(--quoin-primary);height:2.75rem;color:var(--quoin-primary-foreground);border-radius:.625rem;align-items:center;padding:0 1.25rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background-color .12s;display:inline-flex}.button:hover{background:color-mix(in oklch, var(--quoin-primary) 86%, var(--quoin-background))}.text-link{color:var(--quoin-foreground);-webkit-text-decoration-color:var(--quoin-input);text-decoration-color:var(--quoin-input);font-weight:550}.text-link:hover{text-decoration-color:currentColor}.page{padding-block:3rem 5rem}.page-with-nav{grid-template-columns:14rem minmax(0,1fr);gap:3.5rem;display:grid}@media (width>=80rem){.page-with-nav{grid-template-columns:13.5rem minmax(0,1fr) 13rem;gap:3rem}}.guide-nav{top:calc(var(--site-header) + 2rem);max-height:calc(100vh - var(--site-header) - 4rem);align-self:start;font-size:.9375rem;position:sticky;overflow-y:auto}.guide-nav ul{gap:.125rem;display:grid}.guide-nav a{white-space:normal;padding:.375rem .75rem}.guide-nav a[aria-current]{box-shadow:inset 2px 0 0 var(--quoin-ring);font-weight:600}main{min-width:0}main:focus{outline:none}.lede{max-width:40rem;color:var(--quoin-muted-foreground);font-size:1.1875rem;line-height:1.55}.site-footer{border-top:1px solid var(--site-hairline);color:var(--quoin-muted-foreground);font-size:.9375rem}.site-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;padding-block:2rem 2.5rem;display:flex}.site-footer p{margin:0}.site-footer .brand{color:var(--quoin-foreground);font-size:.9375rem}.site-footer .brand-mark{width:1.375rem;height:1.375rem}.footer-links{flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:inherit;text-decoration:none}.footer-links a:hover{color:var(--quoin-foreground);text-decoration:underline}@media (width<=64rem){:root{--site-header-offset:6rem}.site-header-inner{flex-wrap:wrap;gap:0 1rem}.brand{min-height:3.375rem}.site-actions{margin-inline-start:auto}.site-nav{margin-inline:calc(var(--site-gutter) * -1);padding:0 var(--site-gutter) .5rem;flex-basis:100%;order:1}.page-with-nav{grid-template-columns:minmax(0,1fr);gap:1.5rem}.guide-nav{max-height:none;margin-inline:calc(var(--site-gutter) * -1);padding:0 var(--site-gutter) .25rem;position:static}.guide-nav ul{flex-wrap:nowrap;gap:.25rem;display:flex}.guide-nav a{white-space:nowrap;padding:.375rem .75rem}.guide-nav a[aria-current]{box-shadow:none}.page-toc{display:none}}@media (width<=40rem){:root{--site-gutter:1rem}.page{padding-block:1.5rem 3.5rem}.site-nav a,.site-action{padding-inline:.5rem}}@media (prefers-reduced-motion:reduce){.button{transition:none}}.prose{max-width:46rem}.prose.prose-wide{max-width:64rem}.prose h1{letter-spacing:-.035em;margin:0 0 1.25rem;font-size:2.5rem;font-weight:680;line-height:1.1}.prose h2{letter-spacing:-.02em;margin:3rem 0 .75rem;font-size:1.5rem;font-weight:650;line-height:1.25}.prose h3{letter-spacing:-.01em;margin:2rem 0 .5rem;font-size:1.1875rem;font-weight:620;line-height:1.3}.prose p,.prose li{line-height:1.7}.prose li+li{margin-top:.25rem}.prose a{-webkit-text-decoration-color:color-mix(in oklch, currentColor 40%, transparent);text-decoration-color:color-mix(in oklch, currentColor 40%, transparent)}.prose a:hover{text-decoration-color:currentColor}.table-scroll{border:1px solid var(--site-hairline);border-radius:.75rem;margin-block:1.5rem;overflow-x:auto}.prose table{border-collapse:collapse;width:100%;min-width:36rem;font-size:.9375rem}.prose th,.prose td{border-bottom:1px solid var(--site-hairline);text-align:left;vertical-align:top;padding:.625rem .875rem}.prose th{background:var(--site-surface);font-weight:600}.prose tr:last-child td{border-bottom:0}.prose blockquote{border-left:3px solid var(--site-hairline);color:var(--quoin-muted-foreground);margin-inline:0;padding-left:1rem}.prose img{border-radius:.75rem;max-width:100%;height:auto}.prose aside,.notice{border:1px solid var(--site-hairline);background:var(--site-surface);border-radius:.75rem;padding:.875rem 1.125rem}.prose pre{border:1px solid var(--site-hairline);background:var(--site-surface);white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--site-mono);border-radius:.75rem;margin-block:1.25rem;padding:1rem 1.25rem;font-size:.8125rem;line-height:1.7}.prose :not(pre)>code{border:1px solid var(--site-hairline);background:var(--site-surface);font-family:var(--site-mono);border-radius:.375rem;padding:.125em .375em;font-size:.85em}.tok-comment,.tok-prolog{color:oklch(45% 0 0);font-style:italic}.tok-keyword,.tok-boolean,.tok-important{color:oklch(45% .2 300)}.tok-string,.tok-attr-value,.tok-template-string{color:oklch(45% .12 150)}.tok-number,.tok-tag,.tok-property{color:oklch(47% .16 30)}.tok-function,.tok-class-name,.tok-attr-name{color:oklch(45% .15 250)}.dark .tok-comment,.dark .tok-prolog{color:oklch(75% 0 0)}.dark .tok-keyword,.dark .tok-boolean,.dark .tok-important{color:oklch(80% .12 300)}.dark .tok-string,.dark .tok-attr-value,.dark .tok-template-string{color:oklch(82% .12 150)}.dark .tok-number,.dark .tok-tag,.dark .tok-property{color:oklch(82% .1 50)}.dark .tok-function,.dark .tok-class-name,.dark .tok-attr-name{color:oklch(82% .1 250)}.page-toc{top:calc(var(--site-header-offset) + 2rem);max-height:calc(100vh - var(--site-header-offset) - 4rem);align-self:start;font-size:.875rem;position:sticky;overflow-y:auto}.page-toc h2{color:var(--quoin-muted-foreground);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .625rem;font-size:.75rem;font-weight:600}.page-toc ul{border-inline-start:1px solid var(--site-hairline);gap:.0625rem;margin:0;padding:0;list-style:none;display:grid}.page-toc li[data-depth="3"] a{padding-inline-start:1.75rem}.page-toc a{color:var(--quoin-muted-foreground);border-inline-start:2px solid #0000;margin-inline-start:-1px;padding:.3125rem .75rem;line-height:1.4;text-decoration:none;display:block}.page-toc a:hover{color:var(--quoin-foreground)}.page-toc a[aria-current]{border-inline-start-color:var(--quoin-ring);color:var(--quoin-foreground);font-weight:550}.heading-anchor{color:var(--quoin-muted-foreground);opacity:0;margin-inline-start:.5rem;font-weight:400;text-decoration:none;transition:opacity .12s}.article :is(h2,h3):hover .heading-anchor,.heading-anchor:focus-visible{opacity:1}.code-block{position:relative}.code-block pre{padding-inline-end:3.5rem}.code-block[data-language]:after{content:attr(data-language);top:.5rem;color:var(--quoin-muted-foreground);font-family:var(--site-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.6875rem;position:absolute;inset-inline-start:1.25rem}.code-block .copy-button{top:.5rem;background:var(--quoin-background);border:1px solid var(--site-hairline);position:absolute;inset-inline-end:.5rem}.page-steps{border-top:1px solid var(--site-hairline);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;margin-top:4rem;padding-top:2rem;display:grid}.page-step{border:1px solid var(--site-hairline);color:var(--quoin-foreground);border-radius:.75rem;gap:.25rem;padding:.875rem 1.125rem;font-weight:550;text-decoration:none;display:grid}.page-step:hover{border-color:var(--quoin-input);background:var(--site-surface)}.page-step span{color:var(--quoin-muted-foreground);font-size:.8125rem;font-weight:400}.page-step-next{text-align:end;grid-column:-2}.not-found{max-width:34rem;padding-block:3rem 2rem}.not-found-code{color:var(--quoin-muted-foreground);font-family:var(--site-mono);letter-spacing:.1em;margin:0 0 .5rem;font-size:.875rem}.not-found h1{letter-spacing:-.035em;margin:0 0 1rem;font-size:clamp(2rem,1.4rem + 2.4vw,3rem);font-weight:680;line-height:1.05}.not-found-links{flex-wrap:wrap;gap:.5rem 1.5rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}kbd{border:1px solid var(--site-hairline);background:var(--site-surface);font-family:var(--site-mono);border-radius:.3125rem;padding:.125rem .375rem;font-size:.75rem;line-height:1.4}@media (prefers-reduced-motion:reduce){.heading-anchor{transition:none}}.hero{padding-block:2.5rem .5rem}.hero h1{letter-spacing:-.045em;text-wrap:balance;margin:0 0 1.5rem;font-size:clamp(2.125rem,1rem + 4.8vw,4.75rem);font-weight:680;line-height:1}.hero h1 span{display:block}.hero h1 .hero-what{color:var(--quoin-muted-foreground);letter-spacing:-.01em;margin-top:.875rem;font-size:clamp(1.0625rem,.8rem + 1vw,1.5rem);font-weight:500;line-height:1.3}.hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:2rem;display:flex}.install{border:1px solid var(--site-hairline);background:var(--site-surface);height:2.75rem;font-family:var(--site-mono);border-radius:.625rem;align-items:center;gap:.25rem;padding:0 .25rem 0 1rem;font-size:.875rem;display:inline-flex}.install code:before{content:"$ ";color:var(--quoin-muted-foreground)}.install:not(:has(.copy-button:not([hidden]))){padding-inline-end:1rem}.copy-button .icon-check,.copy-button[data-copied] .icon-copy{display:none}.copy-button[data-copied] .icon-check{color:var(--quoin-success);display:block}.island{margin-block:3.5rem}.storage-window{border:1px solid var(--site-hairline);background:var(--quoin-background);box-shadow:0 1px 2px var(--quoin-shadow), 0 32px 64px -32px var(--quoin-shadow);border-radius:1rem;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid;overflow:clip}.storage-pane{flex-direction:column;min-width:0;display:flex}.storage-disk{border-inline-start:1px solid var(--site-hairline);background:var(--site-surface)}.pane-bar{border-bottom:1px solid var(--site-hairline);align-items:baseline;gap:.75rem;padding:.875rem 1.5rem;display:flex}.pane-bar h2{margin:0;font-size:.875rem;font-weight:600;line-height:1.4}.pane-file{color:var(--quoin-muted-foreground);font-family:var(--site-mono);font-size:.8125rem}.pane-screen{padding:1.5rem 1.75rem 2rem .5rem}.storage-disk .pane-body{color:var(--quoin-foreground);font-family:var(--site-mono);white-space:pre-wrap;overflow-wrap:anywhere;flex:1;margin:0;padding:1.5rem;font-size:.8125rem;line-height:1.7}.pane-note{border-top:1px solid var(--site-hairline);color:var(--quoin-muted-foreground);margin:0;padding:.875rem 1.5rem;font-size:.8125rem}main>h1{letter-spacing:-.035em;margin:0 0 1rem;font-size:2.5rem;font-weight:680;line-height:1.1}main>.lede{margin:0 0 2rem}.editor-frame,.island-fallback,.framed{border:1px solid var(--site-hairline);background:var(--quoin-background);box-shadow:0 1px 2px var(--quoin-shadow);border-radius:1rem;padding:1.5rem 1.75rem 1.75rem 3.5rem}.storage-window .island-fallback{box-shadow:none;border:0;padding:0 0 0 3rem}.framed{padding-inline-start:1.75rem}.collab-pair{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));align-items:start;gap:1.5rem;display:grid}.collab-side h2{margin:0 0 .75rem;font-size:1rem;font-weight:600}.guide-link{border-top:1px solid var(--site-hairline);color:var(--quoin-muted-foreground);margin-top:2.5rem;padding-top:1.25rem}@media (width<=52rem){.storage-window{grid-template-columns:minmax(0,1fr)}.storage-disk{border-inline-start:0;border-top:1px solid var(--site-hairline)}.storage-disk .pane-body{overscroll-behavior:contain;max-height:18rem;overflow:auto}}@media (width<=40rem){.hero{padding-top:1rem}.pane-screen{padding:1rem 1rem 1.25rem 0}.editor-frame,.island-fallback{padding:1rem 1rem 1.25rem 2.75rem}.framed{padding:1rem}main>h1{font-size:2rem}}.editor-source{max-height:18rem;margin-top:1rem}.play-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.play-settings{grid-area:1/2}.play-editor{grid-area:1/1/span 2;min-width:0}.play-source{grid-area:2/2}.play-pane{border:1px solid var(--site-hairline);background:var(--site-surface);border-radius:1rem;min-width:0;overflow:clip}.play-pane .pane-bar{background:var(--quoin-background);justify-content:space-between;align-items:center}.play-fields{gap:1.375rem;padding:1.25rem 1.5rem 1.5rem;display:grid}.play-group{border:0;min-width:0;margin:0;padding:0}.play-group+.play-group{border-top:1px solid var(--site-hairline);padding-top:1.375rem}.play-group legend{color:var(--quoin-muted-foreground);padding:0;font-size:.8125rem}.play-group>*+*{margin-top:1.25rem}.play-peer{margin-top:1.5rem}.play-peer h2{margin:0 0 .75rem;font-size:1rem;font-weight:600}.play-field label,.play-toggle label{font-size:.9375rem;font-weight:600}.play-field label{margin-bottom:.5rem;display:block}.play-field select{border:1px solid var(--site-hairline);background:var(--quoin-background);width:100%;height:2.5rem;color:inherit;font:inherit;border-radius:.5rem;padding:0 .75rem;font-size:.9375rem}.play-field p,.play-toggle p{color:var(--quoin-muted-foreground);margin:.375rem 0 0;font-size:.8125rem;line-height:1.5}.play-toggle{grid-template-columns:auto minmax(0,1fr);column-gap:.625rem;display:grid}.play-toggle input{width:1rem;height:1rem;accent-color:var(--quoin-primary,currentColor);margin:.2rem 0 0}.play-toggle p{grid-column:2}.play-copy{border:1px solid var(--site-hairline);background:var(--site-surface);color:var(--quoin-muted-foreground);font:inherit;cursor:pointer;border-radius:.375rem;padding:.25rem .625rem;font-size:.75rem}.play-copy:hover{color:var(--quoin-foreground)}.play-code{overscroll-behavior:contain;max-height:26rem;font-family:var(--site-mono);tab-size:2;margin:0;padding:1.25rem 1.5rem 1.5rem;font-size:.78125rem;line-height:1.75;overflow:auto}@media (width<=64rem){.play-layout{grid-template-columns:minmax(0,1fr)}.play-settings,.play-editor,.play-source{grid-area:auto}}.showcase{gap:6rem;margin-top:7rem;display:grid}.reel{grid-template-columns:minmax(0,23rem) minmax(0,1fr);align-items:center;gap:2rem 4rem;display:grid}.reel:nth-child(2n){grid-template-columns:minmax(0,1fr) minmax(0,23rem)}.reel:nth-child(2n) .reel-copy{order:2}.reel h2{letter-spacing:-.035em;text-wrap:balance;margin:0 0 1rem;font-size:clamp(1.75rem,1.15rem + 1.6vw,2.5rem);font-weight:680;line-height:1.05}.reel p{color:var(--quoin-muted-foreground);margin:0}.reel .reel-note{margin-top:.75rem;font-size:.8125rem}.reel .reel-links{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1.75rem;display:flex}.clip{aspect-ratio:16/9;border:1px solid var(--site-hairline);background:var(--site-surface);box-shadow:0 1px 2px var(--quoin-shadow), 0 32px 64px -32px var(--quoin-shadow);border-radius:1rem;margin:0;position:relative;overflow:hidden}.reel-clip{object-fit:cover;width:100%;height:100%;display:block}.clip-toggle{inset-inline-end:.75rem;border:1px solid var(--site-hairline);background:color-mix(in oklch, var(--quoin-background) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:2.75rem;height:2.75rem;color:var(--quoin-foreground);cursor:pointer;border-radius:999px;place-items:center;padding:0;display:inline-grid;position:absolute;bottom:.75rem}.clip-toggle[hidden]{display:none}.clip-toggle:hover{background:var(--quoin-background)}.clip-toggle .icon-play,.clip[data-state=paused] .clip-toggle .icon-pause{display:none}.clip[data-state=paused] .clip-toggle .icon-play{display:block}.clip:has(.reel-clip[hidden]) .clip-toggle{width:3.5rem;height:3.5rem;margin:auto;inset:0}.features{margin-top:7rem}.features h2{letter-spacing:-.02em;margin:0 0 2rem;font-size:1.5rem;font-weight:650}.features ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:2rem 3rem;margin:0;padding:0;list-style:none;display:grid}.features h3{margin:0 0 .5rem;font-size:1.0625rem;font-weight:600}.features h3 a{color:inherit;-webkit-text-decoration-color:var(--quoin-input);text-decoration-color:var(--quoin-input)}.features h3 a:hover{text-decoration-color:currentColor}.features p{color:var(--quoin-muted-foreground);margin:0}@media (width<=52rem){.showcase{gap:4.5rem;margin-top:5rem}.reel,.reel:nth-child(2n){grid-template-columns:minmax(0,1fr)}.reel:nth-child(2n) .reel-copy{order:0}.features{margin-top:5rem}}.site-search{border:1px solid var(--site-hairline);background:var(--site-surface);height:2.25rem;color:var(--quoin-muted-foreground);font:inherit;cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:0 .5rem 0 .625rem;font-size:.875rem;display:inline-flex}.site-search:hover{border-color:var(--quoin-input);color:var(--quoin-foreground)}.site-search[hidden]{display:none}.search-dialog{border:1px solid var(--site-hairline);background:var(--quoin-popover);width:min(40rem,100vw - 2rem);max-height:min(30rem,100vh - 6rem);color:var(--quoin-popover-foreground);box-shadow:0 1px 2px var(--quoin-shadow), 0 40px 80px -24px var(--quoin-shadow);border-radius:.875rem;margin:4rem auto auto;padding:0;overflow:hidden}.search-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:oklch(20% .02 267/.55)}.search-field{border-bottom:1px solid var(--site-hairline);color:var(--quoin-muted-foreground);align-items:center;gap:.625rem;padding:.875rem 1rem;display:flex}.search-input{min-width:0;color:var(--quoin-foreground);font:inherit;background:0 0;border:0;flex:1;font-size:1rem}.search-input:focus{outline:none}.search-input::-webkit-search-cancel-button{display:none}.search-results{max-height:22rem;padding:.375rem;display:grid;overflow-y:auto}.search-results:empty{display:none}.search-hit{color:inherit;border-radius:.5rem;gap:.125rem;padding:.625rem .75rem;text-decoration:none;display:grid}.search-hit[data-active],.search-hit:hover{background:var(--quoin-accent)}.search-hit-title{font-size:.9375rem;font-weight:600}.search-hit-text{color:var(--quoin-muted-foreground);font-size:.8125rem;line-height:1.5}.search-hit mark{color:var(--quoin-foreground);background:0 0;font-weight:600}.search-message{color:var(--quoin-muted-foreground);margin:0;padding:1rem;font-size:.875rem}.search-message[hidden]{display:none}@media (width<=40rem){.site-search span,.site-search kbd{display:none}.site-search{justify-content:center;width:2.25rem;padding:0}.search-dialog{margin-top:1.5rem}}