vanilla-breeze 0.3.0 → 0.4.0

package/dist/cdn/vanilla-breeze-dev.css

@@ -1,2 +1,2 @@
-@import"https://fonts.googleapis.com/css2?family=Flow+Block&family=Redacted+Script:wght@300;400;700&display=swap";[data-debug-invalid]{outline:3px dashed oklch(55% .25 25)!important;outline-offset:2px;position:relative}[data-debug-invalid]:after{content:attr(data-debug-message);position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:9999;padding:var(--size-xs) var(--size-s);background:#361715;color:#eee;font-size:var(--font-size-sm);font-family:system-ui,sans-serif;white-space:nowrap;border-radius:var(--radius-s);opacity:0;pointer-events:none;transition:opacity var(--duration-fast)}[data-debug-invalid]:hover:after{opacity:1}html[data-debug]:before{content:"DEBUG MODE";position:fixed;inset-block-end:var(--size-s);inset-inline-end:var(--size-s);z-index:99999;padding:var(--size-2xs) var(--size-s);background:#6159e1;color:#fff;font-size:var(--font-size-xs);font-weight:600;font-family:system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-s);pointer-events:none}[data-wireframe]{--wf-font-scribble: "Redacted Script", cursive;--wf-font-block: "Flow Block", system-ui}[data-wireframe]{--wireframe-stroke: oklch(30% 0 0);--wireframe-fill: oklch(98% 0 0);--wireframe-text: oklch(15% 0 0);--wireframe-muted: oklch(50% 0 0);--wireframe-accent: oklch(90% 0 0);--wireframe-border: 2px dashed var(--wireframe-stroke);--wireframe-label-bg: var(--wireframe-stroke);--wireframe-label-color: var(--wireframe-fill)}[data-mode=dark] [data-wireframe],html[data-wireframe][data-mode=dark]{--wireframe-stroke: oklch(80% 0 0);--wireframe-fill: oklch(12% 0 0);--wireframe-text: oklch(92% 0 0);--wireframe-muted: oklch(65% 0 0);--wireframe-accent: oklch(20% 0 0)}@media(prefers-color-scheme:dark){html[data-wireframe]:not([data-mode=light]),[data-wireframe]:not([data-mode=light]){--wireframe-stroke: oklch(80% 0 0);--wireframe-fill: oklch(12% 0 0);--wireframe-text: oklch(92% 0 0);--wireframe-muted: oklch(65% 0 0);--wireframe-accent: oklch(20% 0 0)}}html[data-wireframe]:before{content:"WIREFRAME";position:fixed;inset-block-end:var(--size-s);inset-inline-end:var(--size-s);z-index:99999;padding:var(--size-2xs) var(--size-s);background:var(--wireframe-stroke);color:var(--wireframe-fill);font-size:var(--font-size-xs);font-weight:600;font-family:system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-s);pointer-events:none}html[data-wireframe]{filter:grayscale(1)}[data-wireframe] *{box-shadow:none!important;text-shadow:none!important}[data-wireframe] :is(article,aside,section,main,nav,header,footer,div,form,fieldset,layout-card,layout-sidebar,layout-stack,layout-grid,layout-center,layout-cluster,layout-cover,layout-switcher,layout-reel){border:var(--wireframe-border)!important;border-radius:0!important;background:var(--wireframe-fill)!important}[data-wireframe] :is(h1,h2,h3,h4,h5,h6){border-block-end:var(--wireframe-border);padding-block-end:var(--size-2xs);background:transparent!important}[data-wireframe] a{color:var(--wireframe-text)!important;text-decoration:underline dotted var(--wireframe-stroke)!important;background:transparent!important}[data-wireframe] button,[data-wireframe] [role=button],[data-wireframe] input[type=submit],[data-wireframe] input[type=button],[data-wireframe] .button{border:var(--wireframe-border)!important;border-radius:0!important;background:var(--wireframe-fill)!important;color:var(--wireframe-text)!important}[data-wireframe] :is(input,textarea,select){border:var(--wireframe-border)!important;border-radius:0!important;background:var(--wireframe-fill)!important;color:var(--wireframe-text)!important}[data-wireframe] img:not([data-mock]){position:relative;opacity:.15!important;border:var(--wireframe-border)!important;background:var(--wireframe-fill)!important}[data-wireframe] img:not([data-mock]){background-image:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to top right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px))!important;background-color:var(--wireframe-fill)!important}[data-wireframe=lo] img:not([data-mock]){opacity:0!important}[data-wireframe=hi] img:not([data-mock]){opacity:.4!important;background-image:none!important}[data-wireframe] picture,[data-wireframe] video,[data-wireframe] iframe,[data-wireframe] canvas{position:relative;background:var(--wireframe-fill)!important;border:var(--wireframe-border)!important}[data-wireframe] figure:has(img){position:relative}[data-wireframe] figure:has(img:not([data-mock])):before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to top right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px))}[data-wireframe=hi] figure:has(img:not([data-mock])):before{background:oklch(from var(--wireframe-fill) l c h / .3)}[data-wireframe] picture:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to top right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px))}[data-wireframe] table{border-collapse:collapse;border:var(--wireframe-border)!important}[data-wireframe] :is(th,td){border:1px dashed var(--wireframe-stroke)!important;background:var(--wireframe-fill)!important}[data-wireframe] th{background:var(--wireframe-accent)!important}[data-wireframe] :is(details,dialog){border:var(--wireframe-border)!important;border-radius:0!important;background:var(--wireframe-fill)!important}[data-wireframe] summary{border-block-end:1px dashed var(--wireframe-stroke)!important}[data-wireframe] :is(ul,ol){list-style:square!important}[data-wireframe] ul{list-style:"- "!important}[data-wireframe] blockquote{border:none!important;border-inline-start:4px solid var(--wireframe-stroke)!important;background:transparent!important}[data-wireframe] :is(pre,code){border:1px dashed var(--wireframe-stroke)!important;border-radius:0!important;background:var(--wireframe-accent)!important;color:var(--wireframe-text)!important}[data-wireframe] hr{border:none!important;border-block-start:var(--wireframe-border)!important;background:transparent!important}:is([data-wireframe=annotate],[data-wf-annotate]) *:not(script):not(style):not(br):not(hr):not(figure):not(picture):not(img):not(input):not(select):not(textarea):not(video):not(iframe):not(canvas):after{content:var(--wf-label-text, "");position:absolute;inset-block-start:-1.2em;inset-inline-end:0;font-size:10px;font-family:monospace;color:var(--wireframe-muted, oklch(50% 0 0));pointer-events:none}:is([data-wireframe=annotate],[data-wf-annotate]) header:after{content:"<header>"}:is([data-wireframe=annotate],[data-wf-annotate]) nav:after{content:"<nav>"}:is([data-wireframe=annotate],[data-wf-annotate]) main:after{content:"<main>"}:is([data-wireframe=annotate],[data-wf-annotate]) aside:after{content:"<aside>"}:is([data-wireframe=annotate],[data-wf-annotate]) footer:after{content:"<footer>"}:is([data-wireframe=annotate],[data-wf-annotate]) article:after{content:"<article>"}:is([data-wireframe=annotate],[data-wf-annotate]) section:after{content:"<section>"}:is([data-wireframe=annotate],[data-wf-annotate]) form:after{content:"<form>"}:is([data-wireframe=annotate],[data-wf-annotate]) fieldset:after{content:"<fieldset>"}:is([data-wireframe=annotate],[data-wf-annotate]) table:after{content:"<table>"}:is([data-wireframe=annotate],[data-wf-annotate]) details:after{content:"<details>"}:is([data-wireframe=annotate],[data-wf-annotate]) dialog:after{content:"<dialog>"}:is([data-wireframe=annotate],[data-wf-annotate]) blockquote:after{content:"<blockquote>"}:is([data-wireframe=annotate],[data-wf-annotate]) ul:after{content:"<ul>"}:is([data-wireframe=annotate],[data-wf-annotate]) ol:after{content:"<ol>"}:is([data-wireframe=annotate],[data-wf-annotate]) dl:after{content:"<dl>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-card:after{content:"<layout-card>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-sidebar:after{content:"<layout-sidebar>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-stack:after{content:"<layout-stack>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-grid:after{content:"<layout-grid>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-center:after{content:"<layout-center>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-cluster:after{content:"<layout-cluster>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-cover:after{content:"<layout-cover>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-switcher:after{content:"<layout-switcher>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-reel:after{content:"<layout-reel>"}:not(html)[data-wireframe]{filter:none}:not(html)[data-wireframe]:before{content:"wireframe";display:block;padding:var(--size-3xs) var(--size-2xs);margin-block-end:var(--size-xs);background:var(--wireframe-stroke);color:var(--wireframe-fill);font-size:var(--font-size-xs);font-family:monospace;width:fit-content}@media(prefers-reduced-motion:reduce){[data-wireframe] *{transition:none!important;animation:none!important}}[data-wireframe=lo]{--wireframe-stroke: oklch(0% 0 0);--wireframe-fill: oklch(100% 0 0);--wireframe-text: oklch(0% 0 0);--wireframe-muted: oklch(40% 0 0);--wireframe-accent: oklch(95% 0 0);--wireframe-border: 2px solid var(--wireframe-stroke);--font-sans: var(--wf-font-scribble, "Redacted Script", cursive);--font-serif: var(--wf-font-scribble, "Redacted Script", cursive);--font-mono: var(--wf-font-scribble, "Redacted Script", cursive)}html[data-wireframe=lo],html[data-wireframe=lo] body,[data-wireframe=lo] :is(p,span,a,li,td,th,label,legend,h1,h2,h3,h4,h5,h6,button,input,textarea,select){font-family:var(--wf-font-scribble, "Redacted Script", cursive)!important}[data-mode=dark] [data-wireframe=lo],html[data-wireframe=lo][data-mode=dark]{--wireframe-stroke: oklch(100% 0 0);--wireframe-fill: oklch(0% 0 0);--wireframe-text: oklch(100% 0 0);--wireframe-muted: oklch(70% 0 0);--wireframe-accent: oklch(15% 0 0)}@media(prefers-color-scheme:dark){html[data-wireframe=lo]:not([data-mode=light]),[data-wireframe=lo]:not([data-mode=light]){--wireframe-stroke: oklch(100% 0 0);--wireframe-fill: oklch(0% 0 0);--wireframe-text: oklch(100% 0 0);--wireframe-muted: oklch(70% 0 0);--wireframe-accent: oklch(15% 0 0)}}html[data-wireframe=lo]:before{content:"SKETCH";background:var(--wireframe-stroke);color:var(--wireframe-fill)}[data-wireframe=mid]{--font-sans: var(--wf-font-block, "Flow Block", system-ui);--font-serif: var(--wf-font-block, "Flow Block", system-ui);--font-mono: var(--wf-font-block, "Flow Block", system-ui)}html[data-wireframe=mid],html[data-wireframe=mid] body,[data-wireframe=mid] :is(p,span,a,li,td,th,label,legend,h1,h2,h3,h4,h5,h6,button,input,textarea,select){font-family:var(--wf-font-block, "Flow Block", system-ui)!important}html[data-wireframe=mid]:before{content:"WIREFRAME"}[data-wireframe=hi]{--wireframe-stroke: oklch(55% 0 0);--wireframe-fill: oklch(98% 0 0);--wireframe-text: oklch(25% 0 0);--wireframe-muted: oklch(60% 0 0);--wireframe-accent: oklch(92% 0 0);--wireframe-border: 1px dashed var(--wireframe-stroke)}[data-mode=dark] [data-wireframe=hi],html[data-wireframe=hi][data-mode=dark]{--wireframe-stroke: oklch(55% 0 0);--wireframe-fill: oklch(15% 0 0);--wireframe-text: oklch(85% 0 0);--wireframe-muted: oklch(55% 0 0);--wireframe-accent: oklch(22% 0 0)}@media(prefers-color-scheme:dark){html[data-wireframe=hi]:not([data-mode=light]),[data-wireframe=hi]:not([data-mode=light]){--wireframe-stroke: oklch(55% 0 0);--wireframe-fill: oklch(15% 0 0);--wireframe-text: oklch(85% 0 0);--wireframe-muted: oklch(55% 0 0);--wireframe-accent: oklch(22% 0 0)}}html[data-wireframe=hi]:before{content:"PREVIEW";background:var(--wireframe-stroke);color:var(--wireframe-fill)}html[data-wireframe=hi]{filter:grayscale(.3) saturate(.7)}[data-wireframe=hi] picture:after{background:oklch(from var(--wireframe-accent) l c h / .5)}[data-wireframe] [data-wf-label]{position:relative}[data-wireframe] [data-wf-label]:before{content:var(--wf-label-text, attr(data-wf-label));position:absolute;inset-block-start:var(--size-2xs, 4px);inset-inline-start:var(--size-2xs, 4px);padding:var(--size-3xs, 2px) var(--size-2xs, 4px);background:var(--wireframe-label-bg);color:var(--wireframe-label-color);font-size:var(--font-size-2xs, 10px);font-family:system-ui,sans-serif;font-weight:500;white-space:nowrap;z-index:1;pointer-events:none;border-radius:2px}[data-wireframe] figure:has(img[data-wf-label]):after,[data-wireframe] figure:has(img[alt]):not(:has(img[data-wf-label])):after{content:attr(data-wf-img-label);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;color:var(--wireframe-text);font-size:var(--font-size-s, 14px);font-family:system-ui,sans-serif;font-weight:500;text-align:center;padding:var(--size-xs, 8px);pointer-events:none}[data-wireframe] picture[data-wf-label]:before{content:var(--wf-label-text, attr(data-wf-label));position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;color:var(--wireframe-text);font-size:var(--font-size-s, 14px);font-family:system-ui,sans-serif;font-weight:500;pointer-events:none}[data-wireframe=lo] [data-wf-label]:before{font-weight:700;text-transform:uppercase;letter-spacing:.05em}[data-wireframe=hi] [data-wf-label]:before{background:var(--wireframe-muted);color:var(--wireframe-fill);font-size:var(--font-size-3xs, 9px)}[data-wireframe] figure[data-wf-img-dims]:not(:has(img[data-wf-label])):after{content:attr(data-wf-img-dims);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;color:var(--wireframe-muted);font-size:var(--font-size-xs, 12px);font-family:system-ui,sans-serif;font-weight:400;text-align:center;pointer-events:none}[data-wireframe] [data-wf-img-wrap]{position:relative}[data-wireframe] [data-wf-img-wrap][data-wf-label]:before{content:var(--wf-label-text, attr(data-wf-label));position:absolute;inset-block-start:var(--size-2xs, 4px);inset-inline-start:var(--size-2xs, 4px);padding:var(--size-3xs, 2px) var(--size-2xs, 4px);background:var(--wireframe-label-bg);color:var(--wireframe-label-color);font-size:var(--font-size-2xs, 10px);font-family:system-ui,sans-serif;font-weight:500;white-space:nowrap;z-index:1;pointer-events:none;border-radius:2px}[data-wireframe=lo] [data-lorem-filled]{letter-spacing:.1em;opacity:.7}[data-wf-palette=blueprint]{--wireframe-stroke: oklch(55% .15 250);--wireframe-fill: oklch(25% .05 250);--wireframe-text: oklch(85% .05 250);--wireframe-muted: oklch(60% .08 250);--wireframe-accent: oklch(30% .08 250);--wireframe-label-bg: oklch(55% .15 250);--wireframe-label-color: oklch(95% .02 250)}[data-wf-palette=sepia]{--wireframe-stroke: oklch(40% .06 70);--wireframe-fill: oklch(92% .03 70);--wireframe-text: oklch(25% .04 70);--wireframe-muted: oklch(55% .04 70);--wireframe-accent: oklch(85% .04 70);--wireframe-label-bg: oklch(40% .06 70);--wireframe-label-color: oklch(92% .03 70)}[data-show-grid]{position:relative}[data-show-grid]:after{content:"";position:absolute;inset:0;z-index:99998;pointer-events:none;background:repeating-linear-gradient(to right,oklch(65% .15 250 / .08) 0,oklch(65% .15 250 / .08) calc(100% / 12 - 1rem),transparent calc(100% / 12 - 1rem),transparent calc(100% / 12))}[data-show-spacing] *{outline:1px solid oklch(65% .2 30 / .3)!important}[data-wf-callout-marker]{position:absolute;inset-block-start:-.75em;inset-inline-end:-.75em;z-index:10;display:flex;align-items:center;justify-content:center;width:2em;height:2em;border-radius:50%;background:#0c12f7!important;color:#f8f8f8!important;filter:saturate(10);font-size:var(--font-size-s, 14px);font-family:system-ui,sans-serif;font-weight:700;line-height:1;cursor:pointer;pointer-events:auto;border:3px solid oklch(98% 0 0)!important;box-shadow:0 2px 8px #0006!important;text-decoration:none}[data-wf-callout-marker]:hover{background:oklch(40% .35 265)!important}:has(>[data-wf-callout-marker]:hover){outline:2px solid oklch(60% .2 260)!important;outline-offset:2px}[data-wf-palette=blueprint] [data-wf-callout-marker]{background:#0f74c5;border-color:#0d2339}[data-wf-palette=sepia] [data-wf-callout-marker]{background:#90502a;border-color:#f2e2d0}[data-wf-callout-panel]{margin-block-start:var(--size-xl, 2rem)}[data-wf-callout-marker],[data-wf-callout-panel]{display:none}[data-wireframe] [data-wf-callout-marker]{display:flex}[data-wireframe] [data-wf-callout-panel]{display:block}[data-wf-callout]{position:relative}
+@import"https://fonts.googleapis.com/css2?family=Flow+Block&family=Redacted+Script:wght@300;400;700&display=swap";[data-debug-invalid]{outline:3px dashed oklch(55% .25 25)!important;outline-offset:2px;position:relative}[data-debug-invalid]:after{content:attr(data-debug-message);position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:9999;padding:var(--size-xs) var(--size-s);background:#361715;color:#eee;font-size:var(--font-size-s);font-family:system-ui,sans-serif;white-space:nowrap;border-radius:var(--radius-s);opacity:0;pointer-events:none;transition:opacity var(--duration-fast)}[data-debug-invalid]:hover:after{opacity:1}html[data-debug]:before{content:"DEBUG MODE";position:fixed;inset-block-end:var(--size-s);inset-inline-end:var(--size-s);z-index:99999;padding:var(--size-2xs) var(--size-s);background:#6159e1;color:#fff;font-size:var(--font-size-xs);font-weight:600;font-family:system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-s);pointer-events:none}[data-wireframe]{--wf-font-scribble: "Redacted Script", cursive;--wf-font-block: "Flow Block", system-ui}[data-wireframe]{--wireframe-stroke: oklch(30% 0 0);--wireframe-fill: oklch(98% 0 0);--wireframe-text: oklch(15% 0 0);--wireframe-muted: oklch(50% 0 0);--wireframe-accent: oklch(90% 0 0);--wireframe-border: 2px dashed var(--wireframe-stroke);--wireframe-label-bg: var(--wireframe-stroke);--wireframe-label-color: var(--wireframe-fill)}[data-mode=dark] [data-wireframe],html[data-wireframe][data-mode=dark]{--wireframe-stroke: oklch(80% 0 0);--wireframe-fill: oklch(12% 0 0);--wireframe-text: oklch(92% 0 0);--wireframe-muted: oklch(65% 0 0);--wireframe-accent: oklch(20% 0 0)}@media(prefers-color-scheme:dark){html[data-wireframe]:not([data-mode=light]),[data-wireframe]:not([data-mode=light]){--wireframe-stroke: oklch(80% 0 0);--wireframe-fill: oklch(12% 0 0);--wireframe-text: oklch(92% 0 0);--wireframe-muted: oklch(65% 0 0);--wireframe-accent: oklch(20% 0 0)}}html[data-wireframe]:before{content:"WIREFRAME";position:fixed;inset-block-end:var(--size-s);inset-inline-end:var(--size-s);z-index:99999;padding:var(--size-2xs) var(--size-s);background:var(--wireframe-stroke);color:var(--wireframe-fill);font-size:var(--font-size-xs);font-weight:600;font-family:system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-s);pointer-events:none}html[data-wireframe]{filter:grayscale(1)}[data-wireframe] *{box-shadow:none!important;text-shadow:none!important}[data-wireframe] :is(article,aside,section,main,nav,header,footer,div,form,fieldset,layout-card,layout-sidebar,layout-stack,layout-grid,layout-center,layout-cluster,layout-cover,layout-switcher,layout-reel){border:var(--wireframe-border)!important;border-radius:0!important;background:var(--wireframe-fill)!important}[data-wireframe] :is(h1,h2,h3,h4,h5,h6){border-block-end:var(--wireframe-border);padding-block-end:var(--size-2xs);background:transparent!important}[data-wireframe] a{color:var(--wireframe-text)!important;text-decoration:underline dotted var(--wireframe-stroke)!important;background:transparent!important}[data-wireframe] button,[data-wireframe] [role=button],[data-wireframe] input[type=submit],[data-wireframe] input[type=button],[data-wireframe] .button{border:var(--wireframe-border)!important;border-radius:0!important;background:var(--wireframe-fill)!important;color:var(--wireframe-text)!important}[data-wireframe] :is(input,textarea,select){border:var(--wireframe-border)!important;border-radius:0!important;background:var(--wireframe-fill)!important;color:var(--wireframe-text)!important}[data-wireframe] img:not([data-mock]){position:relative;opacity:.15!important;border:var(--wireframe-border)!important;background:var(--wireframe-fill)!important}[data-wireframe] img:not([data-mock]){background-image:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to top right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px))!important;background-color:var(--wireframe-fill)!important}[data-wireframe=lo] img:not([data-mock]){opacity:0!important}[data-wireframe=hi] img:not([data-mock]){opacity:.4!important;background-image:none!important}[data-wireframe] picture,[data-wireframe] video,[data-wireframe] iframe,[data-wireframe] canvas{position:relative;background:var(--wireframe-fill)!important;border:var(--wireframe-border)!important}[data-wireframe] figure:has(img){position:relative}[data-wireframe] figure:has(img:not([data-mock])):before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to top right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px))}[data-wireframe=hi] figure:has(img:not([data-mock])):before{background:oklch(from var(--wireframe-fill) l c h / .3)}[data-wireframe] picture:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to top right,transparent calc(50% - 1px),var(--wireframe-stroke) calc(50% - 1px),var(--wireframe-stroke) calc(50% + 1px),transparent calc(50% + 1px))}[data-wireframe] table{border-collapse:collapse;border:var(--wireframe-border)!important}[data-wireframe] :is(th,td){border:1px dashed var(--wireframe-stroke)!important;background:var(--wireframe-fill)!important}[data-wireframe] th{background:var(--wireframe-accent)!important}[data-wireframe] :is(details,dialog){border:var(--wireframe-border)!important;border-radius:0!important;background:var(--wireframe-fill)!important}[data-wireframe] summary{border-block-end:1px dashed var(--wireframe-stroke)!important}[data-wireframe] :is(ul,ol){list-style:square!important}[data-wireframe] ul{list-style:"- "!important}[data-wireframe] blockquote{border:none!important;border-inline-start:4px solid var(--wireframe-stroke)!important;background:transparent!important}[data-wireframe] :is(pre,code){border:1px dashed var(--wireframe-stroke)!important;border-radius:0!important;background:var(--wireframe-accent)!important;color:var(--wireframe-text)!important}[data-wireframe] hr{border:none!important;border-block-start:var(--wireframe-border)!important;background:transparent!important}:is([data-wireframe=annotate],[data-wf-annotate]) *:not(script):not(style):not(br):not(hr):not(figure):not(picture):not(img):not(input):not(select):not(textarea):not(video):not(iframe):not(canvas):after{content:var(--wf-label-text, "");position:absolute;inset-block-start:-1.2em;inset-inline-end:0;font-size:10px;font-family:monospace;color:var(--wireframe-muted, oklch(50% 0 0));pointer-events:none}:is([data-wireframe=annotate],[data-wf-annotate]) header{--wf-label-text: "<header>"}:is([data-wireframe=annotate],[data-wf-annotate]) nav{--wf-label-text: "<nav>"}:is([data-wireframe=annotate],[data-wf-annotate]) main{--wf-label-text: "<main>"}:is([data-wireframe=annotate],[data-wf-annotate]) aside{--wf-label-text: "<aside>"}:is([data-wireframe=annotate],[data-wf-annotate]) footer{--wf-label-text: "<footer>"}:is([data-wireframe=annotate],[data-wf-annotate]) article{--wf-label-text: "<article>"}:is([data-wireframe=annotate],[data-wf-annotate]) section{--wf-label-text: "<section>"}:is([data-wireframe=annotate],[data-wf-annotate]) form{--wf-label-text: "<form>"}:is([data-wireframe=annotate],[data-wf-annotate]) fieldset{--wf-label-text: "<fieldset>"}:is([data-wireframe=annotate],[data-wf-annotate]) table{--wf-label-text: "<table>"}:is([data-wireframe=annotate],[data-wf-annotate]) details{--wf-label-text: "<details>"}:is([data-wireframe=annotate],[data-wf-annotate]) dialog{--wf-label-text: "<dialog>"}:is([data-wireframe=annotate],[data-wf-annotate]) blockquote{--wf-label-text: "<blockquote>"}:is([data-wireframe=annotate],[data-wf-annotate]) ul{--wf-label-text: "<ul>"}:is([data-wireframe=annotate],[data-wf-annotate]) ol{--wf-label-text: "<ol>"}:is([data-wireframe=annotate],[data-wf-annotate]) dl{--wf-label-text: "<dl>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-card{--wf-label-text: "<layout-card>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-sidebar{--wf-label-text: "<layout-sidebar>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-stack{--wf-label-text: "<layout-stack>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-grid{--wf-label-text: "<layout-grid>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-center{--wf-label-text: "<layout-center>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-cluster{--wf-label-text: "<layout-cluster>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-cover{--wf-label-text: "<layout-cover>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-switcher{--wf-label-text: "<layout-switcher>"}:is([data-wireframe=annotate],[data-wf-annotate]) layout-reel{--wf-label-text: "<layout-reel>"}:not(html)[data-wireframe]{filter:none}:not(html)[data-wireframe]:before{content:"wireframe";display:block;padding:var(--size-3xs) var(--size-2xs);margin-block-end:var(--size-xs);background:var(--wireframe-stroke);color:var(--wireframe-fill);font-size:var(--font-size-xs);font-family:monospace;width:fit-content}@media(prefers-reduced-motion:reduce){[data-wireframe] *{transition:none!important;animation:none!important}}[data-wireframe=lo]{--wireframe-stroke: oklch(0% 0 0);--wireframe-fill: oklch(100% 0 0);--wireframe-text: oklch(0% 0 0);--wireframe-muted: oklch(40% 0 0);--wireframe-accent: oklch(95% 0 0);--wireframe-border: 2px solid var(--wireframe-stroke);--font-sans: var(--wf-font-scribble, "Redacted Script", cursive);--font-serif: var(--wf-font-scribble, "Redacted Script", cursive);--font-mono: var(--wf-font-scribble, "Redacted Script", cursive)}html[data-wireframe=lo],html[data-wireframe=lo] body,[data-wireframe=lo] :is(p,span,a,li,td,th,label,legend,h1,h2,h3,h4,h5,h6,button,input,textarea,select){font-family:var(--wf-font-scribble, "Redacted Script", cursive)!important}[data-mode=dark] [data-wireframe=lo],html[data-wireframe=lo][data-mode=dark]{--wireframe-stroke: oklch(100% 0 0);--wireframe-fill: oklch(0% 0 0);--wireframe-text: oklch(100% 0 0);--wireframe-muted: oklch(70% 0 0);--wireframe-accent: oklch(15% 0 0)}@media(prefers-color-scheme:dark){html[data-wireframe=lo]:not([data-mode=light]),[data-wireframe=lo]:not([data-mode=light]){--wireframe-stroke: oklch(100% 0 0);--wireframe-fill: oklch(0% 0 0);--wireframe-text: oklch(100% 0 0);--wireframe-muted: oklch(70% 0 0);--wireframe-accent: oklch(15% 0 0)}}html[data-wireframe=lo]:before{content:"SKETCH";background:var(--wireframe-stroke);color:var(--wireframe-fill)}[data-wireframe=mid]{--font-sans: var(--wf-font-block, "Flow Block", system-ui);--font-serif: var(--wf-font-block, "Flow Block", system-ui);--font-mono: var(--wf-font-block, "Flow Block", system-ui)}html[data-wireframe=mid],html[data-wireframe=mid] body,[data-wireframe=mid] :is(p,span,a,li,td,th,label,legend,h1,h2,h3,h4,h5,h6,button,input,textarea,select){font-family:var(--wf-font-block, "Flow Block", system-ui)!important}html[data-wireframe=mid]:before{content:"WIREFRAME"}[data-wireframe=hi]{--wireframe-stroke: oklch(55% 0 0);--wireframe-fill: oklch(98% 0 0);--wireframe-text: oklch(25% 0 0);--wireframe-muted: oklch(60% 0 0);--wireframe-accent: oklch(92% 0 0);--wireframe-border: 1px dashed var(--wireframe-stroke)}[data-mode=dark] [data-wireframe=hi],html[data-wireframe=hi][data-mode=dark]{--wireframe-stroke: oklch(55% 0 0);--wireframe-fill: oklch(15% 0 0);--wireframe-text: oklch(85% 0 0);--wireframe-muted: oklch(55% 0 0);--wireframe-accent: oklch(22% 0 0)}@media(prefers-color-scheme:dark){html[data-wireframe=hi]:not([data-mode=light]),[data-wireframe=hi]:not([data-mode=light]){--wireframe-stroke: oklch(55% 0 0);--wireframe-fill: oklch(15% 0 0);--wireframe-text: oklch(85% 0 0);--wireframe-muted: oklch(55% 0 0);--wireframe-accent: oklch(22% 0 0)}}html[data-wireframe=hi]:before{content:"PREVIEW";background:var(--wireframe-stroke);color:var(--wireframe-fill)}html[data-wireframe=hi]{filter:grayscale(.3) saturate(.7)}[data-wireframe=hi] picture:after{background:oklch(from var(--wireframe-accent) l c h / .5)}[data-wireframe] [data-wf-label]{position:relative}[data-wireframe] [data-wf-label]:before{content:var(--wf-label-text, attr(data-wf-label));position:absolute;inset-block-start:var(--size-2xs, 4px);inset-inline-start:var(--size-2xs, 4px);padding:var(--size-3xs, 2px) var(--size-2xs, 4px);background:var(--wireframe-label-bg);color:var(--wireframe-label-color);font-size:var(--font-size-2xs, 10px);font-family:system-ui,sans-serif;font-weight:500;white-space:nowrap;z-index:1;pointer-events:none;border-radius:2px}[data-wireframe] figure:has(img[data-wf-label]):after,[data-wireframe] figure:has(img[alt]):not(:has(img[data-wf-label])):after{content:attr(data-wf-img-label);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;color:var(--wireframe-text);font-size:var(--font-size-s, 14px);font-family:system-ui,sans-serif;font-weight:500;text-align:center;padding:var(--size-xs, 8px);pointer-events:none}[data-wireframe] picture[data-wf-label]:before{content:var(--wf-label-text, attr(data-wf-label));position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;color:var(--wireframe-text);font-size:var(--font-size-s, 14px);font-family:system-ui,sans-serif;font-weight:500;pointer-events:none}[data-wireframe=lo] [data-wf-label]:before{font-weight:700;text-transform:uppercase;letter-spacing:.05em}[data-wireframe=hi] [data-wf-label]:before{background:var(--wireframe-muted);color:var(--wireframe-fill);font-size:var(--font-size-3xs, 9px)}[data-wireframe] figure[data-wf-img-dims]:not(:has(img[data-wf-label])):after{content:attr(data-wf-img-dims);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;color:var(--wireframe-muted);font-size:var(--font-size-xs, 12px);font-family:system-ui,sans-serif;font-weight:400;text-align:center;pointer-events:none}[data-wireframe] [data-wf-img-wrap]{position:relative}[data-wireframe] [data-wf-img-wrap][data-wf-label]:before{content:var(--wf-label-text, attr(data-wf-label));position:absolute;inset-block-start:var(--size-2xs, 4px);inset-inline-start:var(--size-2xs, 4px);padding:var(--size-3xs, 2px) var(--size-2xs, 4px);background:var(--wireframe-label-bg);color:var(--wireframe-label-color);font-size:var(--font-size-2xs, 10px);font-family:system-ui,sans-serif;font-weight:500;white-space:nowrap;z-index:1;pointer-events:none;border-radius:2px}[data-wireframe=lo] [data-lorem-filled]{letter-spacing:.1em;opacity:.7}[data-wf-palette=blueprint]{--wireframe-stroke: oklch(55% .15 250);--wireframe-fill: oklch(25% .05 250);--wireframe-text: oklch(85% .05 250);--wireframe-muted: oklch(60% .08 250);--wireframe-accent: oklch(30% .08 250);--wireframe-label-bg: oklch(55% .15 250);--wireframe-label-color: oklch(95% .02 250)}[data-wf-palette=sepia]{--wireframe-stroke: oklch(40% .06 70);--wireframe-fill: oklch(92% .03 70);--wireframe-text: oklch(25% .04 70);--wireframe-muted: oklch(55% .04 70);--wireframe-accent: oklch(85% .04 70);--wireframe-label-bg: oklch(40% .06 70);--wireframe-label-color: oklch(92% .03 70)}[data-show-grid]{position:relative}[data-show-grid]:after{content:"";position:absolute;inset:0;z-index:99998;pointer-events:none;background:repeating-linear-gradient(to right,oklch(65% .15 250 / .08) 0,oklch(65% .15 250 / .08) calc(100% / 12 - 1rem),transparent calc(100% / 12 - 1rem),transparent calc(100% / 12))}[data-show-spacing] *{outline:1px solid oklch(65% .2 30 / .3)!important}[data-wf-callout-marker]{position:absolute;inset-block-start:-.75em;inset-inline-end:-.75em;z-index:10;display:flex;align-items:center;justify-content:center;width:2em;height:2em;border-radius:50%;background:#0c12f7!important;color:#f8f8f8!important;filter:saturate(10);font-size:var(--font-size-s, 14px);font-family:system-ui,sans-serif;font-weight:700;line-height:1;cursor:var(--cursor-custom-pointer, pointer);pointer-events:auto;border:3px solid oklch(98% 0 0)!important;box-shadow:0 2px 8px #0006!important;text-decoration:none}[data-wf-callout-marker]:hover{background:oklch(40% .35 265)!important}:has(>[data-wf-callout-marker]:hover){outline:2px solid oklch(60% .2 260)!important;outline-offset:2px}[data-wf-palette=blueprint] [data-wf-callout-marker]{background:#0f74c5;border-color:#0d2339}[data-wf-palette=sepia] [data-wf-callout-marker]{background:#90502a;border-color:#f2e2d0}[data-wf-callout-panel]{margin-block-start:var(--size-xl, 2rem)}[data-wf-callout-marker],[data-wf-callout-panel]{display:none}[data-wireframe] [data-wf-callout-marker]{display:flex}[data-wireframe] [data-wf-callout-panel]{display:block}[data-wf-callout]{position:relative}
 /*# sourceMappingURL=vanilla-breeze-dev.css.map */