.design-art{--da-shade: var(--shade, #64748b);--da-ground: #faf8f4;--da-ink: #1d1a16;--da-card: #fffefc;--da-h1: var(--da-shade);--da-h2: var(--da-shade);--da-h3: var(--da-shade);--da-h4: var(--da-shade);position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;container-type:size;background:color-mix(in srgb,var(--da-shade) 6%,var(--da-ground))}:root[data-color-mode=dark] .design-art{--da-ground: #2e2b27;--da-ink: #fff;--da-card: #46423d;background:color-mix(in srgb,var(--da-shade) 22%,var(--da-ground))}@supports (color: oklch(from red l c h)){.design-art{--da-h1: oklch(from var(--da-shade) l c calc(h + 40) );--da-h2: oklch(from var(--da-shade) l c calc(h - 40) );--da-h3: oklch(from var(--da-shade) l c calc(h + 95) );--da-h4: oklch(from var(--da-shade) l c calc(h - 95) )}}.design-art[data-picture=true]{background:#f4f1ec}.design-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.design-art .da-1{fill:color-mix(in srgb,var(--da-shade) 22%,var(--da-ground))}.design-art .da-2{fill:color-mix(in srgb,var(--da-shade) 40%,var(--da-ground))}.design-art .da-3{fill:color-mix(in srgb,var(--da-shade) 62%,var(--da-ground))}:root[data-color-mode=dark] .design-art .da-1{fill:color-mix(in srgb,var(--da-shade) 50%,var(--da-ground))}:root[data-color-mode=dark] .design-art .da-2{fill:color-mix(in srgb,var(--da-shade) 70%,var(--da-ground))}.design-art .da-over{fill-opacity:.88}.da-ground,.da-fill{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.design-art[data-art=gradient] .da-ground{background:radial-gradient(70% 90% at 12% 18%,color-mix(in srgb,var(--da-shade) 34%,#b9d3ff) 0%,transparent 70%),radial-gradient(70% 100% at 92% 40%,color-mix(in srgb,var(--da-shade) 26%,#ffc4dd) 0%,transparent 72%),radial-gradient(80% 80% at 50% 110%,color-mix(in srgb,var(--da-shade) 30%,#dccbff) 0%,transparent 70%),color-mix(in srgb,var(--da-shade) 10%,#f6f1fb)}:root[data-color-mode=dark] .design-art[data-art=gradient] .da-ground{opacity:.55}.design-art[data-art=dotted] .da-ground{background-image:radial-gradient(circle,color-mix(in srgb,var(--da-shade) 52%,transparent) 1.4px,transparent 1.9px);background-size:18px 18px;background-position:9px 9px}.design-art[data-art=gridlines] .da-ground{--da-line: color-mix(in srgb, var(--da-shade) 22%, color-mix(in srgb, var(--da-ink) 10%, transparent));background-image:linear-gradient(to right,var(--da-line) 1px,transparent 1px),linear-gradient(to bottom,var(--da-line) 1px,transparent 1px);background-size:26px 26px;background-position:-1px -1px}.design-art[data-art=paper]{background:color-mix(in srgb,var(--da-shade) 5%,#f6f0e6)}:root[data-color-mode=dark] .design-art[data-art=paper]{background:color-mix(in srgb,var(--da-shade) 10%,#24211d)}.design-art[data-art=paper] .da-ground{background-image:radial-gradient(120% 90% at 20% 0%,rgb(255 255 255 / .55) 0%,transparent 60%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.45  0 0 0 0 0.38  0 0 0 0 0.28  0 0 0 0.09 0'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");background-size:100% 100%,160px 160px}:root[data-color-mode=dark] .design-art[data-art=paper] .da-ground{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.05 0'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");background-size:160px 160px}.design-art[data-art=swell]{background:linear-gradient(to bottom,color-mix(in srgb,var(--da-shade) 8%,var(--da-ground)),color-mix(in srgb,var(--da-shade) 14%,var(--da-ground)))}.da-type{position:absolute;top:0;right:0;bottom:0;left:0}.da-rule{position:absolute;background:color-mix(in srgb,var(--da-shade) 22%,color-mix(in srgb,var(--da-ink) 10%,transparent))}.da-rule-cap,.da-rule-base{left:0;right:0;height:1px}.da-rule-cap{top:26%}.da-rule-base{top:72%}.da-rule-left,.da-rule-right{top:0;bottom:0;width:1px}.da-rule-left{left:22%}.da-rule-right{right:22%}.da-glyphs{position:absolute;left:0;right:0;top:22%;text-align:center;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:50cqh;line-height:1;letter-spacing:-.02em;color:color-mix(in srgb,var(--da-shade) 26%,color-mix(in srgb,var(--da-ink) 78%,transparent))}.da-shapes{position:absolute;top:12%;right:18%;bottom:12%;left:18%;width:64%;height:76%;overflow:visible}.design-art .da-card{fill:var(--da-card)}.design-art .da-drop{fill:color-mix(in srgb,var(--da-ink) 7%,transparent)}:root[data-color-mode=dark] .design-art .da-drop{fill:#0003}.design-art .da-panel{fill:color-mix(in srgb,var(--da-ink) 4.5%,transparent)}.design-art .da-line{fill:color-mix(in srgb,var(--da-ink) 10%,transparent)}.design-art .da-line-2{fill:color-mix(in srgb,var(--da-ink) 16%,transparent)}.design-art .da-ink{fill:color-mix(in srgb,var(--da-ink) 76%,transparent)}.design-art .da-sans{font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-weight:600;letter-spacing:-.02em}.design-art .da-bold{font-weight:700}.design-art .da-tone-faint{fill:color-mix(in srgb,var(--c) 12%,var(--da-card))}.design-art .da-tone{fill:color-mix(in srgb,var(--c) 26%,var(--da-card))}.design-art .da-tone-mid{fill:color-mix(in srgb,var(--c) 52%,var(--da-card))}.design-art .da-tone-strong{fill:color-mix(in srgb,var(--c) 80%,var(--da-card))}:root[data-color-mode=dark] .design-art .da-tone{fill:color-mix(in srgb,var(--c) 48%,var(--da-card))}:root[data-color-mode=dark] .design-art .da-tone-mid{fill:color-mix(in srgb,var(--c) 74%,var(--da-card))}.design-art .da-stem{fill:none;stroke:color-mix(in srgb,var(--c) 60%,var(--da-card));stroke-width:1.2;stroke-linecap:round}.design-art .da-hair{stroke:color-mix(in srgb,var(--da-card) 80%,transparent);stroke-opacity:.9}:root[data-color-mode=dark] .design-art .da-hair{stroke:color-mix(in srgb,var(--da-ink) 14%,transparent);stroke-width:1;vector-effect:non-scaling-stroke}.design-art[data-art=screens]{background:linear-gradient(150deg,color-mix(in srgb,var(--da-shade) 16%,var(--da-ground)),color-mix(in srgb,var(--da-shade) 28%,var(--da-ground)))}.design-art .da-screen{fill:color-mix(in srgb,var(--da-shade) 9%,var(--da-card))}:root[data-color-mode=dark] .design-art .da-screen{fill:color-mix(in srgb,var(--da-shade) 28%,var(--da-card))}.design-art .da-cast{fill:color-mix(in srgb,var(--da-shade) 45%,var(--da-ground));opacity:.45}:root[data-color-mode=dark] .design-art .da-cast{fill:#0000003d;opacity:1}.design-art .da-glass{fill-opacity:.72}.design-art .da-veil{fill:color-mix(in srgb,var(--c) 12%,var(--da-card));fill-opacity:.8}:root[data-color-mode=dark] .design-art .da-veil{fill:color-mix(in srgb,var(--c) 42%,var(--da-card));fill-opacity:.78}.design-art .da-face{fill:color-mix(in srgb,var(--c) 44%,var(--da-card))}.design-art .da-edge{fill:color-mix(in srgb,var(--c) 78%,var(--da-card))}:root[data-color-mode=dark] .design-art .da-face{fill:color-mix(in srgb,var(--c) 80%,var(--da-card))}:root[data-color-mode=dark] .design-art .da-edge{fill:color-mix(in srgb,var(--c) 90%,#000)}.design-art .da-frost{fill-opacity:.94}.design-art[data-art=components],.design-art[data-art=moodboard],.design-art[data-art=product],.design-art[data-art=wireframes]{background:color-mix(in srgb,var(--da-shade) 3%,var(--da-ground))}:root[data-color-mode=dark] .design-art[data-art=components],:root[data-color-mode=dark] .design-art[data-art=moodboard],:root[data-color-mode=dark] .design-art[data-art=product],:root[data-color-mode=dark] .design-art[data-art=wireframes]{background:color-mix(in srgb,var(--da-shade) 12%,var(--da-ground))}.design-art[data-art=social]{background:color-mix(in srgb,var(--da-shade) 8%,var(--da-ground))}.design-art .da-leaf{fill:color-mix(in srgb,var(--c) 66%,var(--da-card))}.design-art .da-rib{fill:none;stroke:color-mix(in srgb,var(--c) 40%,var(--da-card));stroke-width:.7;stroke-linecap:round}.design-art .da-stem-thick{stroke:color-mix(in srgb,var(--c) 72%,var(--da-card));stroke-width:2.4}.design-art .da-stem-drop{fill:none;stroke:color-mix(in srgb,var(--da-ink) 7%,transparent);stroke-width:2.4;stroke-linecap:round}:root[data-color-mode=dark] .design-art .da-stem-drop{stroke:#0003}
