.ann{--ann-color:light-dark(#898584,#b8b8bd);--ann-mark:light-dark(color-mix(in oklch, var(--ann-color) 10%, transparent),oklch(from var(--ann-color) l calc(c * 1.35) h / 24%));--ann-font:"Shantell Sans", cursive;--ann-target-gap:5px;--ann-label-gap:6px;--ann-lower-label-gap:-4px;--ann-label-max-width:150px;--ann-arrow-x:0px;--ann-text-x:0px;--ann-arrow-y:0px;--ann-text-y:5px;--ann-rotate:-4deg;background:var(--ann-mark);box-shadow:-.3em 0 0 0 var(--ann-mark), .3em 0 0 0 var(--ann-mark);border-radius:3px;line-height:1.15;display:inline-block;position:relative;overflow:visible}.ann:after{content:attr(data-note);z-index:4;width:max-content;max-width:var(--ann-label-max-width);transform:rotate(var(--ann-rotate));font-family:var(--ann-font);color:var(--ann-color);opacity:.9;white-space:normal;overflow-wrap:anywhere;pointer-events:none;font-size:.95rem;font-weight:400;line-height:1.05;position:absolute}.ann:before{content:"";z-index:3;transform-origin:50%;width:46px;height:38px;-webkit-mask:var(--_ann-arrow-mask) center / contain no-repeat;mask:var(--_ann-arrow-mask) center / contain no-repeat;background:var(--ann-color);opacity:.9;pointer-events:none;position:absolute}.ann:not([data-note]):before,.ann:not([data-note]):after,.ann[data-note=""]:before,.ann[data-note=""]:after{display:none}.ann-amber{--ann-color:light-dark(#b8751a,#f0b45a);--ann-mark:light-dark(oklch(81.2419% .170378 76.3908/.14),oklch(81.2419% .170378 76.3908/.22))}.ann-blue{--ann-color:light-dark(#3b72c4,#78a9ef)}.ann-green{--ann-color:light-dark(#2f8f5b,#67c792)}.ann-red{--ann-color:light-dark(#c45a38,#ee8a6e)}.ann-purple{--ann-color:light-dark(#8657c8,#b998ef)}.ann-rainbow{--ann-color:oklch(.65 .28 var(--ann-rainbow-hue,350deg))}.ann-no-mark{--ann-mark:transparent}@property --ann-rainbow-hue{syntax:"<angle>";inherits:false;initial-value:350deg}@keyframes ann-rainbow-cycle{to{--ann-rainbow-hue:710deg}}@media (prefers-reduced-motion:no-preference){.ann-rainbow{animation:3s linear infinite ann-rainbow-cycle}}@media (forced-colors:active){.ann:before{forced-color-adjust:none;background:canvastext}}.ann-n:before{left:calc(50% - 23px + var(--ann-arrow-x));top:calc(100% + var(--ann-target-gap) - 4px + var(--ann-arrow-y));--_ann-arrow-mask:url("data:image/svg+xml,%3Csvg width='46' height='38' viewBox='0 0 46 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 35 C22 26 22 15 23 4' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M17 10 L23 3 L29 10' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.ann-n:after{left:calc(50% + var(--ann-text-x));top:calc(100% + var(--ann-target-gap) + 31px + var(--ann-lower-label-gap) + var(--ann-text-y));transform:translateX(-50%) rotate(var(--ann-rotate))}.ann-ne:before{left:calc(50% - 40px + var(--ann-arrow-x));top:calc(100% + var(--ann-target-gap) - 6px + var(--ann-arrow-y));--_ann-arrow-mask:url("data:image/svg+xml,%3Csvg width='46' height='38' viewBox='0 0 46 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 32 C16 30 28 18 40 6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M30 10 L40 6 L36 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transform:translate(-10%)}.ann-ne:after{left:calc(50% - 34px + var(--ann-text-x));top:calc(100% + var(--ann-target-gap) + 26px + var(--ann-lower-label-gap) + var(--ann-text-y));transform:translateX(-60%) rotate(var(--ann-rotate))}.ann-e:before{left:calc(-1 * var(--ann-target-gap) - 43px + var(--ann-arrow-x));top:calc(50% - 19px + var(--ann-arrow-y));--_ann-arrow-mask:url("data:image/svg+xml,%3Csvg width='46' height='38' viewBox='0 0 46 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 19 C15 18 31 18 43 19' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M36 13 L43 19 L36 25' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.ann-e:after{right:calc(100% + var(--ann-target-gap) + 39px + var(--ann-label-gap) - var(--ann-text-x));top:calc(50% - 5px + var(--ann-text-y));transform:translateY(-50%) rotate(var(--ann-rotate))}.ann-se:before{left:calc(50% - 40px + var(--ann-arrow-x));top:calc(-1 * var(--ann-target-gap) - 32px + var(--ann-arrow-y));--_ann-arrow-mask:url("data:image/svg+xml,%3Csvg width='46' height='38' viewBox='0 0 46 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6 C16 8 28 20 40 32' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M36 22 L40 32 L30 28' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transform:translate(-10%)}.ann-se:after{left:calc(50% - 34px + var(--ann-text-x));bottom:calc(100% + var(--ann-target-gap) + 26px + var(--ann-label-gap) - var(--ann-text-y));transform:translateX(-60%) rotate(var(--ann-rotate))}.ann-s:before{left:calc(50% - 23px + var(--ann-arrow-x));top:calc(-1 * var(--ann-target-gap) - 35px + var(--ann-arrow-y));--_ann-arrow-mask:url("data:image/svg+xml,%3Csvg width='46' height='38' viewBox='0 0 46 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 4 C22 13 22 24 23 35' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M17 29 L23 36 L29 29' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.ann-s:after{left:calc(50% + var(--ann-text-x));bottom:calc(100% + var(--ann-target-gap) + 31px + var(--ann-label-gap) - var(--ann-text-y));transform:translateX(-50%) rotate(var(--ann-rotate))}.ann-sw:before{left:calc(50% - 6px + var(--ann-arrow-x));top:calc(-1 * var(--ann-target-gap) - 32px + var(--ann-arrow-y));--_ann-arrow-mask:url("data:image/svg+xml,%3Csvg width='46' height='38' viewBox='0 0 46 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 6 C30 8 18 20 6 32' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M10 22 L6 32 L16 28' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transform:translate(10%)}.ann-sw:after{left:calc(50% + 34px + var(--ann-text-x));bottom:calc(100% + var(--ann-target-gap) + 26px + var(--ann-label-gap) - var(--ann-text-y));transform:translateX(-40%) rotate(var(--ann-rotate))}.ann-w:before{left:calc(100% + var(--ann-target-gap) - 3px + var(--ann-arrow-x));top:calc(50% - 19px + var(--ann-arrow-y));--_ann-arrow-mask:url("data:image/svg+xml,%3Csvg width='46' height='38' viewBox='0 0 46 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43 19 C32 18 15 18 3 19' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M10 13 L3 19 L10 25' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.ann-w:after{left:calc(100% + var(--ann-target-gap) + 40px + var(--ann-label-gap) + var(--ann-text-x));top:calc(50% - 5px + var(--ann-text-y));transform:translateY(-50%) rotate(var(--ann-rotate))}.ann-nw:before{left:calc(50% - 6px + var(--ann-arrow-x));top:calc(100% + var(--ann-target-gap) - 6px + var(--ann-arrow-y));--_ann-arrow-mask:url("data:image/svg+xml,%3Csvg width='46' height='38' viewBox='0 0 46 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 32 C30 30 18 18 6 6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M16 10 L6 6 L10 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transform:translate(10%)}.ann-nw:after{left:calc(50% + 34px + var(--ann-text-x));top:calc(100% + var(--ann-target-gap) + 26px + var(--ann-lower-label-gap) + var(--ann-text-y));transform:translateX(-40%) rotate(var(--ann-rotate))}.ann-block{line-height:inherit;display:block}main[data-astro-cid-bm76cboa]{flex-direction:column;gap:56px;width:min(988px,100% - 32px);height:calc(100dvh - 96px);min-height:0;margin:20px auto;display:flex}h1[data-astro-cid-bm76cboa]{text-align:center;flex-shrink:0;margin:0;font-weight:400}strong[data-astro-cid-bm76cboa]{font-weight:600}.editor-version[data-astro-cid-bm76cboa]{background:var(--site-green-soft);color:var(--site-text-muted);vertical-align:super;border-radius:4px;margin-inline-start:6px;padding:2px 6px;font-size:12px}.example-columns[data-astro-cid-bm76cboa]{flex:1;grid-template-columns:minmax(0,290px) minmax(0,650px);gap:48px;min-height:0;display:grid}.plugin-picker[data-astro-cid-bm76cboa],.plugin-tabs[data-astro-cid-bm76cboa]{flex-direction:column;min-width:0;min-height:0;display:flex}.plugin-picker[data-astro-cid-bm76cboa] h2[data-astro-cid-bm76cboa]{margin:0 0 12px;font-size:16px}.plugin-tabs[data-astro-cid-bm76cboa]{scrollbar-width:thin;gap:4px;scroll-padding-top:72px;overflow-y:auto}.view-tab[data-astro-cid-bm76cboa]{width:100%;color:var(--site-text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;padding:10px 12px;display:grid}.view-tab[data-astro-cid-bm76cboa]:first-child{z-index:1;background:var(--site-surface);position:sticky;top:0}.view-tab[data-astro-cid-bm76cboa]:hover{background:var(--site-surface-muted)}.view-tab[data-astro-cid-bm76cboa][aria-selected=true]{border-color:var(--site-accent);background:var(--site-accent-soft)}.view-tab[data-astro-cid-bm76cboa]:focus-visible,.mobile-picker[data-astro-cid-bm76cboa] select[data-astro-cid-bm76cboa]:focus-visible,.view-panel[data-astro-cid-bm76cboa]:focus-visible{outline:2px solid var(--site-accent);outline-offset:-2px}.view-tab[data-astro-cid-bm76cboa][aria-selected=true] .plugin-icon[data-astro-cid-bm76cboa]{color:var(--site-accent)}.plugin-icon[data-astro-cid-bm76cboa]{color:var(--site-text-muted);margin-top:2px;display:inline-flex}.plugin-icon[data-astro-cid-bm76cboa] svg{stroke-width:1.5px;width:18px;height:18px}.tab-title[data-astro-cid-bm76cboa],.tab-description[data-astro-cid-bm76cboa]{overflow-wrap:anywhere;display:block}.tab-title[data-astro-cid-bm76cboa]{font-size:14px;font-weight:600;line-height:1.5}.tab-description[data-astro-cid-bm76cboa]{color:var(--site-text-muted);margin-top:2px;font-size:13px;line-height:1.5}.mobile-picker[data-astro-cid-bm76cboa]{display:none}.view-panels[data-astro-cid-bm76cboa]{flex-direction:column;min-width:0;min-height:0;display:flex}.view-panel[data-astro-cid-bm76cboa][hidden]{display:none}.plugin-guide[data-astro-cid-bm76cboa]{border:1px solid var(--site-border);border-radius:8px;min-width:0;padding:clamp(20px,4vw,32px);overflow:auto}.plugin-guide[data-astro-cid-bm76cboa] h2[data-astro-cid-bm76cboa]{overflow-wrap:anywhere;margin:0;font-size:24px}.plugin-guide[data-astro-cid-bm76cboa] h3[data-astro-cid-bm76cboa]{margin:24px 0 8px;font-size:14px}.plugin-guide[data-astro-cid-bm76cboa] p[data-astro-cid-bm76cboa]{margin:0;font-size:15px;line-height:1.6}.plugin-guide[data-astro-cid-bm76cboa] .guide-description[data-astro-cid-bm76cboa]{color:var(--site-text-muted);margin-top:6px}.plugin-guide[data-astro-cid-bm76cboa] dl[data-astro-cid-bm76cboa]{gap:12px;margin:0;display:grid}.plugin-guide[data-astro-cid-bm76cboa] dt[data-astro-cid-bm76cboa]{overflow-wrap:anywhere;font-size:14px;font-weight:600}.plugin-guide[data-astro-cid-bm76cboa] dd[data-astro-cid-bm76cboa]{color:var(--site-text-muted);margin:4px 0 0;font-size:14px;line-height:1.6}.plugin-guide[data-astro-cid-bm76cboa] pre[data-astro-cid-bm76cboa]{--th-background:var(--site-surface-muted);margin:8px 0 0;padding:16px;line-height:1.6}.plugin-guide[data-astro-cid-bm76cboa] pre[data-astro-cid-bm76cboa]:focus-visible{outline:2px solid var(--site-accent);outline-offset:-2px}.editor-example[data-astro-cid-bm76cboa]{--ann-arrow-x:calc(50% - 72px);--ann-text-x:calc(50% - 72px);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.editor[data-astro-cid-bm76cboa]{border:1px solid var(--site-border);border-radius:8px;flex:1;min-height:0;overflow:hidden;& astro-island{height:100%;display:block}}@media (width<=800px){main[data-astro-cid-bm76cboa]{gap:32px;height:auto;margin-bottom:56px}.example-columns[data-astro-cid-bm76cboa]{grid-template-columns:minmax(0,1fr);gap:16px}.plugin-picker[data-astro-cid-bm76cboa]{display:none}.mobile-picker[data-astro-cid-bm76cboa]{gap:6px;font-size:14px;font-weight:600;display:grid}.mobile-picker[data-astro-cid-bm76cboa] select[data-astro-cid-bm76cboa]{border:1px solid var(--site-border);width:100%;min-height:44px;font:inherit;border-radius:8px;padding:8px 12px;font-size:16px}.editor-example[data-astro-cid-bm76cboa]{height:max(420px,70dvh);margin-top:32px}}
