@import"https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Nanum+Brush+Script&family=Slackside+One&display=swap";@property --garabato-draw-progress{syntax: "<percentage>"; inherits: false; initial-value: 0%;}@font-face{font-family:Comico;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Comico-Regular-Dx1qyfz_.woff2) format("woff2"),url(/assets/Comico-Regular-DKzDf-CV.woff) format("woff")}@theme{ --font-garabato-latin: "Comico", "Comic Sans MS", "Marker Felt", "Bradley Hand", ui-rounded, system-ui, sans-serif; --font-garabato-japanese: "Slackside One", "Yuji Syuku", "Hiragino Mincho ProN", "Yu Mincho", serif; --font-garabato-korean: "Nanum Brush Script", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; --font-garabato-chinese: "Ma Shan Zheng", "STKaiti", "KaiTi", "Songti SC", serif; --font-garabato-ui: var(--garabato-font-ui); --font-garabato-mono: "Sohne Mono", "SFMono-Regular", Consolas, monospace; --color-garabato-paper: var(--garabato-paper); --color-garabato-ink: var(--garabato-ink); --color-garabato-muted-ink: var(--garabato-muted-ink); --color-garabato-blue: var(--garabato-blue); --color-garabato-blue-soft: var(--garabato-blue-soft); --color-garabato-yellow: var(--garabato-yellow); --color-garabato-pink: var(--garabato-pink); --radius-garabato-sm: 10px 13px 9px 12px; --radius-garabato-md: 12px 16px 11px 14px; --radius-garabato-lg: 18px 14px 20px 16px; }:root,[data-theme=garabato]{--garabato-font-latin: "Comico", "Comic Sans MS", "Marker Felt", "Bradley Hand", ui-rounded, system-ui, sans-serif;--garabato-font-japanese: "Slackside One", "Yuji Syuku", "Hiragino Mincho ProN", "Yu Mincho", serif;--garabato-font-korean: "Nanum Brush Script", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--garabato-font-chinese: "Ma Shan Zheng", "STKaiti", "KaiTi", "Songti SC", serif;--garabato-font-ui: var(--garabato-font-latin);--garabato-font-mono: "Sohne Mono", "SFMono-Regular", Consolas, monospace;--garabato-paper: #fffdf8;--garabato-ink: #1d1815;--garabato-muted-ink: #6f675f;--garabato-blue: #6f8bc8;--garabato-blue-soft: #edf2fb;--garabato-blue-strong: #3f5f9b;--garabato-yellow: #ecd894;--garabato-yellow-soft: #fbf1d5;--garabato-yellow-strong: #9e7a32;--garabato-pink: #e8aa9b;--garabato-pink-soft: #fae3dd;--garabato-pink-strong: #a85e4e;--garabato-line: rgba(111, 139, 200, .16);--garabato-shadow: rgba(29, 24, 21, .16);--garabato-danger: #ef4444;--garabato-border-pass-opacity: .72;--garabato-border-pass-offset: 2px;--garabato-border-texture: .28;--garabato-button-border-line: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 216 66' fill='none'><path vector-effect='non-scaling-stroke' d='M 6 24 C 3 15 2 6 14 2 C 24 -1 46 -5 72 -1 C 88 1 96 -4 118 -1 C 138 2 158 -4 184 2 C 196 5 205 11 204 21 C 203 29 207 34 205 41 C 203 48 200 53 188 54 C 174 56 152 50 130 53 C 112 55 96 58 74 55 C 56 52 34 58 18 53 C 4 49 -3 42 -1 33 C 0 30 5 27 6 24 Z' stroke='%231d1815' stroke-width='2.1' stroke-opacity='.74' stroke-linecap='round' stroke-linejoin='round'/><path vector-effect='non-scaling-stroke' d='M 4 23 C 1 13 5 4 17 1 C 31 -2 53 -6 79 -2 C 97 1 108 -4 130 -2 C 151 1 172 -5 190 2 C 202 6 207 13 206 23 C 205 31 209 37 206 44 C 203 51 199 56 186 57 C 170 59 146 52 122 55 C 102 57 88 61 64 57 C 44 54 22 59 8 55 C -3 51 -5 42 -2 32 C -1 28 3 26 4 23 Z' stroke='%231d1815' stroke-width='1.65' stroke-opacity='.46' stroke-dasharray='15 3.5' stroke-linecap='round' stroke-linejoin='round'/><path vector-effect='non-scaling-stroke' d='M 8 26 C 5 16 6 5 18 2 C 28 -2 48 -5 74 -1 C 90 2 100 -4 122 -1 C 144 2 162 -5 186 3 C 198 7 206 14 205 25 C 204 33 208 39 204 45 C 201 52 197 56 184 57 C 166 59 142 51 118 54 C 98 56 84 60 60 56 C 40 53 18 57 6 52 C -4 49 -3 40 0 30 C 1 28 6 28 8 26 Z' stroke='%231d1815' stroke-width='1.25' stroke-opacity='.36' stroke-dasharray='7 5' stroke-linecap='round' stroke-linejoin='round'/></svg>");--garabato-button-hover-doodle-oval: var(--garabato-button-border-line);--garabato-button-hover-doodle-circle: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 216 66' fill='none'><path vector-effect='non-scaling-stroke' d='M 6 31 C 8 5 40 -8 92 -5 C 148 -3 202 0 210 28 C 218 55 172 72 104 69 C 42 67 -2 58 6 31 Z' stroke='%231d1815' stroke-width='2.7' stroke-opacity='.78' stroke-linecap='round' stroke-linejoin='round'/><path vector-effect='non-scaling-stroke' d='M 2 34 C 7 8 46 -6 96 -2 C 152 1 207 4 207 31 C 207 58 166 68 101 65 C 39 62 -5 57 2 34 Z' stroke='%231d1815' stroke-width='1.95' stroke-opacity='.5' stroke-dasharray='14 4' stroke-linecap='round' stroke-linejoin='round'/><path vector-effect='non-scaling-stroke' d='M 9 29 C 13 2 44 -9 90 -6 C 150 -4 212 1 213 27 C 214 52 175 75 106 72 C 38 69 0 55 9 29 Z' stroke='%231d1815' stroke-width='1.35' stroke-opacity='.38' stroke-dasharray='7 5' stroke-linecap='round' stroke-linejoin='round'/></svg>");--garabato-button-hover-doodle-star: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 216 66' fill='none'><path vector-effect='non-scaling-stroke' d='M 104 -8 L 122 17 L 160 5 L 140 34 L 170 62 L 130 56 L 110 78 L 92 52 L 48 66 L 76 34 L 42 6 L 86 16 Z' stroke='%231d1815' stroke-width='2.7' stroke-opacity='.78' stroke-linecap='round' stroke-linejoin='round'/><path vector-effect='non-scaling-stroke' d='M 100 -4 L 121 20 L 154 8 L 136 33 L 164 58 L 128 52 L 108 73 L 90 50 L 55 63 L 80 32 L 48 10 L 88 18 Z' stroke='%231d1815' stroke-width='1.95' stroke-opacity='.5' stroke-dasharray='13 4' stroke-linecap='round' stroke-linejoin='round'/><path vector-effect='non-scaling-stroke' d='M 108 -7 L 124 15 L 166 2 L 144 35 L 174 65 L 132 58 L 112 76 L 94 54 L 45 68 L 73 36 L 38 4 L 84 14 Z' stroke='%231d1815' stroke-width='1.35' stroke-opacity='.38' stroke-dasharray='7 5' stroke-linecap='round' stroke-linejoin='round'/></svg>");--garabato-underline-line: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 9' preserveAspectRatio='none' fill='none'><path vector-effect='non-scaling-stroke' d='M 1 6 C 13 4 25 7 37 5 C 49 3 58 7 70 5 C 86 2 99 6 119 4' stroke='%236f8bc8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>");--garabato-link-underline-line: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 9' preserveAspectRatio='none' fill='none'><path vector-effect='non-scaling-stroke' d='M 1 6 C 13 4 25 7 37 5 C 49 3 58 7 70 5 C 86 2 99 6 119 4' stroke='%231d1815' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>");--garabato-control-border-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none' fill='none'><path vector-effect='non-scaling-stroke' d='M 10 3 C 22 0 36 4 48 2 C 62 0 76 1 90 4 C 98 13 95 30 97 44 C 99 59 96 74 91 94 C 76 98 62 95 48 97 C 34 99 20 96 7 93 C 3 78 5 61 3 47 C 1 32 3 16 10 3 Z' stroke='%231d1815' stroke-width='2.2' stroke-opacity='.7' stroke-linecap='round' stroke-linejoin='round'/><path vector-effect='non-scaling-stroke' d='M 9 5 C 23 1 38 2 51 4 C 64 5 78 -1 92 6 C 96 20 98 33 95 47 C 92 61 99 78 90 95 C 74 96 62 99 47 95 C 32 91 18 99 6 91 C 5 76 1 62 4 48 C 7 34 0 18 9 5 Z' stroke='%231d1815' stroke-width='1.5' stroke-opacity='.44' stroke-dasharray='13 4' stroke-linecap='round' stroke-linejoin='round'/><path vector-effect='non-scaling-stroke' d='M 12 2 C 26 4 38 -1 50 2 C 64 6 78 1 88 5 C 99 17 94 32 98 45 C 101 60 94 74 93 91 C 80 101 62 94 48 98 C 34 102 18 95 8 94 C 0 80 6 63 2 49 C -2 35 4 17 12 2 Z' stroke='%231d1815' stroke-width='1.15' stroke-opacity='.34' stroke-dasharray='6 5' stroke-linecap='round' stroke-linejoin='round'/></svg>");--garabato-surface-border-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none' fill='none'><path vector-effect='non-scaling-stroke' d='M 8 3 C 20 0 35 3 49 2 C 63 1 78 -1 92 4 C 99 17 96 31 98 45 C 100 60 97 76 92 94 C 76 98 63 95 49 97 C 35 99 20 97 7 93 C 3 78 5 62 3 48 C 1 33 2 16 8 3 Z' stroke='%231d1815' stroke-width='2.25' stroke-opacity='.68' stroke-linecap='round' stroke-linejoin='round'/><path vector-effect='non-scaling-stroke' d='M 10 5 C 24 2 38 1 51 4 C 65 7 79 0 93 6 C 97 20 99 34 96 48 C 93 63 99 79 90 95 C 75 96 63 99 48 95 C 33 91 18 99 6 91 C 5 76 1 63 4 49 C 7 34 1 18 10 5 Z' stroke='%231d1815' stroke-width='1.55' stroke-opacity='.42' stroke-dasharray='14 4' stroke-linecap='round' stroke-linejoin='round'/><path vector-effect='non-scaling-stroke' d='M 7 4 C 22 5 36 0 50 3 C 64 6 79 2 91 5 C 99 18 95 33 98 46 C 101 61 95 76 93 92 C 80 101 63 94 49 98 C 35 102 19 96 8 94 C 0 80 6 64 2 50 C -2 35 3 18 7 4 Z' stroke='%231d1815' stroke-width='1.15' stroke-opacity='.32' stroke-dasharray='7 5' stroke-linecap='round' stroke-linejoin='round'/></svg>");--garabato-shape-corner: 18px;--garabato-squiggle: 4px;--garabato-squiggle-tight: 2px;--garabato-squiggle-wide: 6px;--garabato-border-shape: shape( from var(--garabato-shape-corner) calc(0% - var(--garabato-squiggle)), curve to 18% calc(0% + var(--garabato-squiggle-tight)) with 8% calc(0% - var(--garabato-squiggle-wide)), curve to 46% calc(0% - var(--garabato-squiggle-tight)) with 30% calc(0% + var(--garabato-squiggle-wide)), curve to calc(100% - var(--garabato-shape-corner)) calc(0% + var(--garabato-squiggle)) with 72% calc(0% - var(--garabato-squiggle-tight)), curve to calc(100% + var(--garabato-squiggle)) var(--garabato-shape-corner) with calc(100% - var(--garabato-squiggle-wide)) 0, curve to calc(100% - var(--garabato-squiggle-tight)) 33% with calc(100% + var(--garabato-squiggle)) 18%, curve to calc(100% + var(--garabato-squiggle-wide)) 68% with calc(100% - var(--garabato-squiggle-tight)) 49%, curve to calc(100% - var(--garabato-shape-corner)) calc(100% - var(--garabato-squiggle)) with calc(100% + var(--garabato-squiggle)) calc(100% - var(--garabato-squiggle-wide)), curve to 71% calc(100% + var(--garabato-squiggle-tight)) with 90% calc(100% - var(--garabato-squiggle-wide)), curve to 42% calc(100% - var(--garabato-squiggle-wide)) with 57% calc(100% + var(--garabato-squiggle)), curve to var(--garabato-shape-corner) calc(100% + var(--garabato-squiggle-tight)) with 24% calc(100% - var(--garabato-squiggle-tight)), curve to calc(0% - var(--garabato-squiggle)) calc(100% - var(--garabato-shape-corner)) with 0 calc(100% + var(--garabato-squiggle)), curve to calc(0% + var(--garabato-squiggle-tight)) 67% with calc(0% - var(--garabato-squiggle-wide)) 83%, curve to calc(0% - var(--garabato-squiggle)) 35% with calc(0% + var(--garabato-squiggle)) 54%, curve to var(--garabato-shape-corner) calc(0% - var(--garabato-squiggle)) with calc(0% - var(--garabato-squiggle-tight)) 15%, close );--garabato-button-shape-b: shape( from 20px calc(0% - 3px) , curve to 22% calc(0% - 3px) with 10% calc(0% - 7px) , curve to 50% calc(0% + 4px) with 35% calc(0% + 3px) , curve to calc(100% - 20px) calc(0% - 2px) with 76% calc(0% + 5px) , curve to calc(100% + 3px) 20px with calc(100% - 5px) 0, curve to calc(100% - 4px) 40% with calc(100% + 5px) 24%, curve to calc(100% + 3px) 65% with calc(100% - 3px) 52%, curve to calc(100% - 20px) calc(100% + 3px) with calc(100% + 6px) calc(100% - 3px) , curve to 64% calc(100% - 2px) with 88% calc(100% + 4px) , curve to 36% calc(100% + 6px) with 50% calc(100% - 3px) , curve to 20px calc(100% - 3px) with 22% calc(100% + 5px) , curve to calc(0% - 3px) calc(100% - 20px) with 0 calc(100% + 3px) , curve to calc(0% + 4px) 64% with calc(0% - 5px) 80%, curve to calc(0% - 2px) 28% with calc(0% + 3px) 46%, curve to 20px calc(0% - 3px) with calc(0% - 4px) 12%, close );--garabato-button-shape-c: shape( from 15px calc(0% - 5px) , curve to 14% calc(0% + 4px) with 5% calc(0% - 4px) , curve to 44% calc(0% - 3px) with 28% calc(0% + 5px) , curve to 62% calc(0% + 5px) with 52% calc(0% - 4px) , curve to calc(100% - 15px) calc(0% - 2px) with 82% calc(0% + 3px) , curve to calc(100% + 5px) 15px with calc(100% - 4px) 0, curve to calc(100% - 3px) 36% with calc(100% + 3px) 18%, curve to calc(100% + 5px) 70% with calc(100% - 4px) 52%, curve to calc(100% - 15px) calc(100% + 4px) with calc(100% + 3px) calc(100% - 2px) , curve to 74% calc(100% - 3px) with 92% calc(100% + 5px) , curve to 44% calc(100% + 4px) with 60% calc(100% - 5px) , curve to 15px calc(100% - 2px) with 28% calc(100% + 3px) , curve to calc(0% - 5px) calc(100% - 15px) with 0 calc(100% + 5px) , curve to calc(0% + 3px) 60% with calc(0% - 4px) 76%, curve to calc(0% - 5px) 30% with calc(0% + 4px) 46%, curve to 15px calc(0% - 5px) with calc(0% - 3px) 14%, close )}:root[data-garabato-palette=mineral-pop],[data-theme=garabato][data-garabato-palette=mineral-pop],[data-garabato-palette=mineral-pop] [data-theme=garabato]{--garabato-paper: #fbfbf0;--garabato-ink: #484041;--garabato-muted-ink: #6c676a;--garabato-blue: #787aa8;--garabato-blue-soft: #ececf6;--garabato-blue-strong: #434371;--garabato-yellow: #d9eda5;--garabato-yellow-soft: #f4fbdd;--garabato-yellow-strong: #7e9a39;--garabato-pink: #a9d8cf;--garabato-pink-soft: #e5f3f0;--garabato-pink-strong: #5f9288;--garabato-line: rgba(120, 122, 168, .16);--garabato-shadow: rgba(72, 64, 65, .15)}:root[data-garabato-palette=terracotta-paper],[data-theme=garabato][data-garabato-palette=terracotta-paper],[data-garabato-palette=terracotta-paper] [data-theme=garabato]{--garabato-paper: #fcf8ee;--garabato-ink: #4f2c20;--garabato-muted-ink: #75685e;--garabato-blue: #a8aca4;--garabato-blue-soft: #eef0ea;--garabato-blue-strong: #737a70;--garabato-yellow: #e2bf86;--garabato-yellow-soft: #f7ead1;--garabato-yellow-strong: #a86f35;--garabato-pink: #d6a18a;--garabato-pink-soft: #f3ddd1;--garabato-pink-strong: #914024;--garabato-line: rgba(168, 112, 53, .16);--garabato-shadow: rgba(79, 44, 32, .15)}:root[data-garabato-palette=ember-graphite],[data-theme=garabato][data-garabato-palette=ember-graphite],[data-garabato-palette=ember-graphite] [data-theme=garabato]{--garabato-paper: #fff8f1;--garabato-ink: #1f1d1b;--garabato-muted-ink: #676462;--garabato-blue: #b3b3b3;--garabato-blue-soft: #eeeeee;--garabato-blue-strong: #737373;--garabato-yellow: #f2c19d;--garabato-yellow-soft: #fde7d5;--garabato-yellow-strong: #b76033;--garabato-pink: #ef9a79;--garabato-pink-soft: #fbd9cb;--garabato-pink-strong: #c85229;--garabato-line: rgba(255, 92, 36, .14);--garabato-shadow: rgba(4, 4, 4, .16)}:root[data-garabato-palette=aqua-mist],[data-theme=garabato][data-garabato-palette=aqua-mist],[data-garabato-palette=aqua-mist] [data-theme=garabato]{--garabato-paper: #f7fffd;--garabato-ink: #173b3a;--garabato-muted-ink: #58716f;--garabato-blue: #7fd7d5;--garabato-blue-soft: #e2fbf9;--garabato-blue-strong: #279b97;--garabato-yellow: #bcefe5;--garabato-yellow-soft: #ecfffb;--garabato-yellow-strong: #6baea7;--garabato-pink: #9de8e5;--garabato-pink-soft: #e9fbfb;--garabato-pink-strong: #45aaa6;--garabato-line: rgba(7, 190, 184, .14);--garabato-shadow: rgba(23, 59, 58, .14)}:root[data-garabato-palette=blueprint],[data-theme=garabato][data-garabato-palette=blueprint],[data-garabato-palette=blueprint] [data-theme=garabato]{--garabato-paper: #f8fbfd;--garabato-ink: #274c77;--garabato-muted-ink: #657a8d;--garabato-blue: #83aed0;--garabato-blue-soft: #e7f1fb;--garabato-blue-strong: #416f98;--garabato-yellow: #bfdcf3;--garabato-yellow-soft: #edf7ff;--garabato-yellow-strong: #6096ba;--garabato-pink: #d9e3ea;--garabato-pink-soft: #f0f4f7;--garabato-pink-strong: #8aa8bd;--garabato-line: rgba(96, 150, 186, .16);--garabato-shadow: rgba(39, 76, 119, .14)}:root[data-garabato-palette=classic],[data-theme=garabato][data-garabato-palette=classic],[data-garabato-palette=classic] [data-theme=garabato]{--garabato-paper: #fffefa;--garabato-ink: #111827;--garabato-muted-ink: #4b5563;--garabato-blue: #0ea5e9;--garabato-blue-soft: #e0f2fe;--garabato-blue-strong: #0369a1;--garabato-yellow: #fff3b0;--garabato-yellow-soft: #fffbe0;--garabato-yellow-strong: #b78b1f;--garabato-pink: #ffd6e7;--garabato-pink-soft: #ffeaf2;--garabato-pink-strong: #c2185b;--garabato-line: rgba(14, 165, 233, .18);--garabato-shadow: rgba(17, 24, 39, .18)}:where([lang|=ja],[data-garabato-script=japanese],[data-garabato-script=ja]){--garabato-font-ui: var(--garabato-font-japanese);font-family:var(--garabato-font-ui)}:where([lang|=ko],[data-garabato-script=korean],[data-garabato-script=ko]){--garabato-font-ui: var(--garabato-font-korean);font-family:var(--garabato-font-ui)}:where([lang|=zh],[lang|=zh-Hans],[data-garabato-script=chinese],[data-garabato-script=zh],[data-garabato-script=hans]){--garabato-font-ui: var(--garabato-font-chinese);font-family:var(--garabato-font-ui)}:where([lang|=es],[lang|=en],[data-garabato-script=latin],[data-garabato-script=latn]){--garabato-font-ui: var(--garabato-font-latin);font-family:var(--garabato-font-ui)}.garabato-font-latin,.garabato-font-es,.garabato-font-en{font-family:var(--garabato-font-latin)}.garabato-font-japanese,.garabato-font-ja{font-family:var(--garabato-font-japanese)}.garabato-font-korean,.garabato-font-ko{font-family:var(--garabato-font-korean)}.garabato-font-chinese,.garabato-font-zh,.garabato-font-hans{font-family:var(--garabato-font-chinese)}.garabato-root,.garabato-accordion-item,.garabato-alert,.garabato-badge,.garabato-button,.garabato-field,.garabato-form-field,.garabato-label,.garabato-input-group,.garabato-checkbox,.garabato-radio-group,.garabato-radio,.garabato-select-trigger,.garabato-select-content,.garabato-separator,.garabato-sticker-note,.garabato-doodle-divider,.garabato-card,.garabato-skeleton,.garabato-spinner,.garabato-switch,.garabato-slider,.garabato-tabs-list,.garabato-dialog-content,.garabato-menu-content,.garabato-popover-content,.garabato-tooltip-content{font-family:var(--garabato-font-ui);letter-spacing:0}.garabato-page{min-height:100vh;color:var(--garabato-ink);background:var(--garabato-paper)}.garabato-button{--garabato-button-bg: var(--garabato-paper);--garabato-button-fg: var(--garabato-ink);align-items:center;appearance:none;background:transparent;border:none;border-radius:calc(12px + var(--garabato-random-radius-a, 0px)) calc(16px + var(--garabato-random-radius-b, 0px)) calc(11px + var(--garabato-random-radius-c, 0px)) calc(14px + var(--garabato-random-radius-d, 0px));box-shadow:none;color:var(--garabato-button-fg);cursor:pointer;display:inline-flex;font-weight:800;gap:.5rem;isolation:isolate;justify-content:center;line-height:1;min-width:max-content;position:relative;text-decoration:none;transition:color .14s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.garabato-button:before{background:var(--garabato-button-bg);border-radius:inherit;content:"";inset:0;position:absolute;transition:background .14s ease;transform:rotate(var(--garabato-random-inner-tilt, 0deg));z-index:-1}.garabato-button:after{background-color:currentColor;content:"";inset:-10px;-webkit-mask-image:var(--garabato-button-hover-doodle-line, var(--garabato-button-border-line)),conic-gradient(from -90deg at 50% 50%,black var(--garabato-draw-progress),transparent var(--garabato-draw-progress));-webkit-mask-repeat:no-repeat,no-repeat;-webkit-mask-size:100% 100%,100% 100%;-webkit-mask-composite:source-in;mask-image:var(--garabato-button-hover-doodle-line, var(--garabato-button-border-line)),conic-gradient(from -90deg at 50% 50%,black var(--garabato-draw-progress),transparent var(--garabato-draw-progress));mask-repeat:no-repeat,no-repeat;mask-size:100% 100%,100% 100%;mask-composite:intersect;pointer-events:none;position:absolute;transition:--garabato-draw-progress 0s;transform:rotate(var(--garabato-random-inner-tilt, 0deg)) scaleX(var(--garabato-random-stroke-scale-x, 1)) scaleY(var(--garabato-random-stroke-scale-y, 1));z-index:3}.garabato-button:hover,.garabato-button[data-garabato-hover-doodle=entering],.garabato-button[data-garabato-hover-doodle=entered],.garabato-button[data-garabato-hover-doodle=leaving],.garabato-button[data-state=open],.garabato-button[aria-expanded=true]{z-index:50}.garabato-button:hover:after,.garabato-button[data-garabato-hover-doodle=entering]:after,.garabato-button[data-garabato-hover-doodle=entered]:after,.garabato-button[data-state=open]:after,.garabato-button[aria-expanded=true]:after{--garabato-draw-progress: 100%;transition:--garabato-draw-progress .48s steps(8,end)}.garabato-button[data-garabato-hover-doodle=leaving]:not([data-state=open]):not([aria-expanded=true]):after{--garabato-draw-progress: 0%;transition:--garabato-draw-progress .48s steps(8,end)}.garabato-button:hover,.garabato-button:active{box-shadow:none}.garabato-button:focus-visible,.garabato-field:focus-visible,.garabato-switch:focus-visible,.garabato-slider:focus-visible,.garabato-checkbox:focus-visible,.garabato-radio:focus-visible,.garabato-select-trigger:focus-visible,.garabato-tabs-trigger:focus-visible,.garabato-dialog-close:focus-visible,.garabato-menu-item:focus-visible{outline:3px solid color-mix(in srgb,var(--garabato-blue) 72%,transparent);outline-offset:3px}.garabato-button:disabled,.garabato-button[aria-disabled=true],.garabato-field:disabled,.garabato-switch:disabled,.garabato-slider:disabled,.garabato-checkbox[data-disabled],.garabato-radio[data-disabled],.garabato-select-trigger[data-disabled]{cursor:not-allowed;opacity:.55}.garabato-button--solid.garabato-tone-ink{--garabato-button-bg: var(--garabato-ink);--garabato-button-fg: var(--garabato-paper)}.garabato-button--solid.garabato-tone-blue{--garabato-button-bg: var(--garabato-blue-soft)}.garabato-button--solid.garabato-tone-yellow{--garabato-button-bg: var(--garabato-yellow)}.garabato-button--solid.garabato-tone-pink{--garabato-button-bg: var(--garabato-pink)}.garabato-button--outline{--garabato-button-bg: transparent}.garabato-button--ghost,.garabato-button--link{--garabato-button-bg: transparent;border-color:transparent;box-shadow:none}.garabato-button--link{color:var(--garabato-ink);text-decoration:none;transition:color .14s ease}.garabato-button--link:after{--garabato-draw-progress: 0%;background-image:var(--garabato-link-underline-line);background-repeat:no-repeat;background-size:100% 100%;content:"";display:block;height:.36em;inset:auto 0 .06em;-webkit-mask-image:linear-gradient(90deg,black var(--garabato-draw-progress),transparent var(--garabato-draw-progress));mask-image:linear-gradient(90deg,black var(--garabato-draw-progress),transparent var(--garabato-draw-progress));pointer-events:none;position:absolute;transition:--garabato-draw-progress 0s;transform:none;z-index:1}.garabato-button--link:hover:after,.garabato-button--link:focus-visible:after{--garabato-draw-progress: 100%;transition:--garabato-draw-progress .48s steps(8,end)}.garabato-button--ghost:after{display:none}.garabato-input-group-button:after{display:none}.garabato-button--sm{min-height:calc(2rem + var(--garabato-random-height, 0px));padding:calc(.45rem + var(--garabato-random-padding-y, 0px)) calc(.75rem + var(--garabato-random-padding-x, 0px));font-size:.875rem}.garabato-button--md{min-height:calc(2.5rem + var(--garabato-random-height, 0px));padding:calc(.65rem + var(--garabato-random-padding-y, 0px)) calc(1rem + var(--garabato-random-padding-x, 0px));font-size:.95rem}.garabato-button--lg{min-height:calc(3rem + var(--garabato-random-height, 0px));padding:calc(.85rem + var(--garabato-random-padding-y, 0px)) calc(1.25rem + var(--garabato-random-padding-x, 0px));font-size:1.05rem}.garabato-button--icon{width:calc(2.5rem + var(--garabato-random-width, 0px));min-width:calc(2.5rem + var(--garabato-random-width, 0px));height:calc(2.5rem + var(--garabato-random-height, 0px));padding:0}.garabato-badge{--garabato-badge-bg: var(--garabato-ink);--garabato-badge-fg: var(--garabato-paper);align-items:center;background:var(--garabato-badge-bg);border:calc(2px + var(--garabato-random-border-width, 0px)) solid var(--garabato-ink);border-radius:calc(999px + var(--garabato-random-radius-a, 0px)) calc(888px + var(--garabato-random-radius-b, 0px)) calc(999px + var(--garabato-random-radius-c, 0px)) calc(777px + var(--garabato-random-radius-d, 0px));color:var(--garabato-badge-fg);display:inline-flex;font-weight:900;gap:.35rem;line-height:1;max-width:100%;position:relative;text-decoration:none;transform:rotate(var(--garabato-random-tilt, 0deg));white-space:nowrap}.garabato-badge--sm{font-size:.72rem;min-height:calc(1.35rem + var(--garabato-random-height, 0px));padding:calc(.25rem + var(--garabato-random-padding-y, 0px)) calc(.5rem + var(--garabato-random-padding-x, 0px))}.garabato-badge--md{font-size:.82rem;min-height:calc(1.65rem + var(--garabato-random-height, 0px));padding:calc(.32rem + var(--garabato-random-padding-y, 0px)) calc(.65rem + var(--garabato-random-padding-x, 0px))}.garabato-badge--lg{font-size:.95rem;min-height:calc(2rem + var(--garabato-random-height, 0px));padding:calc(.42rem + var(--garabato-random-padding-y, 0px)) calc(.8rem + var(--garabato-random-padding-x, 0px))}.garabato-badge.garabato-tone-blue{--garabato-badge-bg: var(--garabato-blue);--garabato-badge-fg: var(--garabato-paper)}.garabato-badge.garabato-tone-yellow{--garabato-badge-bg: var(--garabato-yellow);--garabato-badge-fg: var(--garabato-ink)}.garabato-badge.garabato-tone-pink{--garabato-badge-bg: var(--garabato-pink);--garabato-badge-fg: var(--garabato-ink)}.garabato-badge.garabato-tone-danger{--garabato-badge-bg: var(--garabato-danger);--garabato-badge-fg: var(--garabato-paper)}.garabato-badge--outline{--garabato-badge-bg: transparent;--garabato-badge-fg: var(--garabato-ink)}.garabato-badge--soft{--garabato-badge-fg: var(--garabato-ink)}.garabato-badge--soft.garabato-tone-ink{--garabato-badge-bg: color-mix(in srgb, var(--garabato-ink) 8%, var(--garabato-paper))}.garabato-badge--soft.garabato-tone-blue{--garabato-badge-bg: var(--garabato-blue-soft)}.garabato-badge--soft.garabato-tone-danger{--garabato-badge-bg: color-mix(in srgb, var(--garabato-danger) 14%, var(--garabato-paper))}.garabato-alert{--garabato-alert-bg: var(--garabato-blue-soft);--garabato-alert-border: var(--garabato-ink);background:repeating-linear-gradient(-2deg,color-mix(in srgb,var(--garabato-ink) 3.5%,transparent) 0,color-mix(in srgb,var(--garabato-ink) 3.5%,transparent) 1px,transparent 1px,transparent 10px),var(--garabato-alert-bg);border:calc(2px + var(--garabato-random-border-width, 0px)) solid var(--garabato-alert-border);border-radius:calc(16px + var(--garabato-random-radius-a, 0px)) calc(13px + var(--garabato-random-radius-b, 0px)) calc(18px + var(--garabato-random-radius-c, 0px)) calc(14px + var(--garabato-random-radius-d, 0px));box-shadow:calc(3px + var(--garabato-random-shadow-x, 0px)) calc(4px + var(--garabato-random-shadow-y, 0px)) 0 var(--garabato-shadow);color:var(--garabato-ink);display:grid;gap:.35rem;padding:calc(.9rem + var(--garabato-random-padding-y, 0px)) calc(1rem + var(--garabato-random-padding-x, 0px));position:relative;transform:rotate(calc(var(--garabato-random-tilt, 0deg) * .72))}.garabato-alert:after{border:1px solid color-mix(in srgb,var(--garabato-ink) 36%,transparent);border-radius:13px 10px 15px 12px;content:"";inset:5px;pointer-events:none;position:absolute;transform:rotate(calc(.22deg + var(--garabato-random-inner-tilt, 0deg)))}.garabato-alert>*{position:relative;z-index:1}.garabato-alert.garabato-tone-ink{--garabato-alert-bg: var(--garabato-paper)}.garabato-alert.garabato-tone-yellow{--garabato-alert-bg: var(--garabato-yellow)}.garabato-alert.garabato-tone-pink{--garabato-alert-bg: var(--garabato-pink)}.garabato-alert.garabato-tone-danger{--garabato-alert-bg: color-mix(in srgb, var(--garabato-danger) 14%, var(--garabato-paper));--garabato-alert-border: var(--garabato-danger)}.garabato-alert--outline{--garabato-alert-bg: var(--garabato-paper)}.garabato-alert--solid.garabato-tone-blue{--garabato-alert-bg: var(--garabato-blue);color:var(--garabato-paper)}.garabato-alert--solid.garabato-tone-danger{--garabato-alert-bg: var(--garabato-danger);color:var(--garabato-paper)}.garabato-alert-title{font-size:1rem;font-weight:900;line-height:1.1;margin:0}.garabato-alert-description{color:color-mix(in srgb,currentColor 72%,var(--garabato-muted-ink));font-size:.925rem;font-weight:680;line-height:1.45}.garabato-alert-description p{margin:0}.garabato-field{background:var(--garabato-paper);border:calc(2px + var(--garabato-random-border-width, 0px)) solid var(--garabato-ink);border-radius:calc(10px + var(--garabato-random-radius-a, 0px)) calc(13px + var(--garabato-random-radius-b, 0px)) calc(9px + var(--garabato-random-radius-c, 0px)) calc(12px + var(--garabato-random-radius-d, 0px));box-shadow:calc(1px + var(--garabato-random-shadow-x, 0px)) calc(1px + var(--garabato-random-shadow-y, 0px)) 0 var(--garabato-shadow);color:var(--garabato-ink);display:flex;font-weight:650;line-height:1.4;position:relative;transform:rotate(calc(var(--garabato-random-tilt, 0deg) * .32));transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease;width:100%}.garabato-field-sketch-wrapper{display:block;position:relative;width:100%}.garabato-field-sketch-wrapper>.garabato-field{position:relative;z-index:1}.garabato-field-sketch-wrapper>.garabato-sketch-border{z-index:2}.garabato-field::placeholder{color:color-mix(in srgb,var(--garabato-muted-ink) 70%,transparent)}.garabato-field:focus{border-color:var(--garabato-blue);box-shadow:2px 2px 0 var(--garabato-shadow)}.garabato-field--invalid,.garabato-field[aria-invalid=true]{border-color:var(--garabato-danger)}.garabato-field--sm{min-height:calc(2rem + var(--garabato-random-height, 0px));padding:calc(.35rem + var(--garabato-random-padding-y, 0px)) calc(.55rem + var(--garabato-random-padding-x, 0px));font-size:.875rem}.garabato-field--md{min-height:calc(2.5rem + var(--garabato-random-height, 0px));padding:calc(.55rem + var(--garabato-random-padding-y, 0px)) calc(.75rem + var(--garabato-random-padding-x, 0px));font-size:.95rem}.garabato-field--lg{min-height:calc(3rem + var(--garabato-random-height, 0px));padding:calc(.75rem + var(--garabato-random-padding-y, 0px)) calc(.95rem + var(--garabato-random-padding-x, 0px));font-size:1.05rem}.garabato-textarea{min-height:7rem;resize:vertical}.garabato-label{color:var(--garabato-ink);display:inline-flex;font-weight:900;gap:.35rem;line-height:1.15;width:fit-content}.garabato-label:after{align-self:end;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 4' preserveAspectRatio='none'><path d='M0 2 Q 5 0 10 2 T 20 2 T 30 2 T 40 2 T 50 2 T 60 2 T 70 2 T 80 2' stroke='%236f8bc8' stroke-width='1.5' fill='none' stroke-linecap='round'/></svg>");background-repeat:repeat-x;background-size:40px 4px;content:"";height:4px;min-width:2rem;transform:rotate(calc(-1deg + var(--garabato-random-inner-tilt, 0deg)))}.garabato-label--sketch:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8' preserveAspectRatio='none'><path d='M1 4 C 8 1 15 6 23 4 C 32 1 40 6 49 4 C 59 2 67 6 77 3 C 86 0 93 5 99 3' stroke='%236f8bc8' stroke-width='1.8' fill='none' stroke-linecap='round'/><path d='M0 5 C 10 7 18 2 28 5 C 38 8 47 3 57 5 C 67 7 78 2 88 5 C 93 6 97 4 100 5' stroke='%231d1815' stroke-width='0.8' stroke-opacity='0.28' fill='none' stroke-linecap='round'/></svg>");background-size:58px 6px;height:6px;transform:rotate(calc(-1.4deg + var(--garabato-random-inner-tilt, 0deg)))}.garabato-form-field{display:grid;gap:.45rem}.garabato-form-field--invalid .garabato-field,.garabato-form-field--invalid .garabato-select-trigger,.garabato-form-field--invalid .garabato-input-group{border-color:var(--garabato-danger)}.garabato-field-label{font-size:.95rem}.garabato-field-description,.garabato-field-error{font-size:.84rem;font-weight:750;line-height:1.35;margin:0}.garabato-field-description{color:var(--garabato-muted-ink)}.garabato-field-error{color:var(--garabato-danger)}.garabato-input-group{align-items:stretch;background:var(--garabato-paper);border:calc(2px + var(--garabato-random-border-width, 0px)) solid var(--garabato-ink);position:relative;border-radius:calc(10px + var(--garabato-random-radius-a, 0px)) calc(13px + var(--garabato-random-radius-b, 0px)) calc(9px + var(--garabato-random-radius-c, 0px)) calc(12px + var(--garabato-random-radius-d, 0px));box-shadow:calc(1px + var(--garabato-random-shadow-x, 0px)) calc(1px + var(--garabato-random-shadow-y, 0px)) 0 var(--garabato-shadow);display:flex;transform:rotate(calc(var(--garabato-random-tilt, 0deg) * .28));transition:border-color .14s ease,box-shadow .14s ease;width:100%}.garabato-input-group:focus-within{border-color:var(--garabato-blue);box-shadow:2px 2px 0 var(--garabato-shadow)}.garabato-input-group .garabato-field{background:transparent;border:0;border-radius:0;box-shadow:none;min-width:0}.garabato-input-group-addon{align-items:center;background:color-mix(in srgb,var(--garabato-blue-soft) 48%,transparent);border-right:2px solid var(--garabato-ink);color:var(--garabato-muted-ink);display:inline-flex;font-family:var(--garabato-font-mono);font-size:.8rem;font-weight:900;justify-content:center;min-width:2.45rem;padding:0 .75rem}.garabato-input-group-addon:last-child{border-left:2px solid var(--garabato-ink);border-right:0}.garabato-input-group-button{border:0;border-left:2px solid var(--garabato-ink);border-radius:0;box-shadow:none;min-height:auto}.garabato-checkbox,.garabato-radio{align-items:center;appearance:none;background:var(--garabato-paper);border:calc(2px + var(--garabato-random-border-width, 0px)) solid var(--garabato-ink);box-shadow:calc(1px + var(--garabato-random-shadow-x, 0px)) calc(1px + var(--garabato-random-shadow-y, 0px)) 0 var(--garabato-shadow);color:var(--garabato-ink);cursor:pointer;display:inline-flex;flex-shrink:0;height:calc(1.35rem + var(--garabato-random-height, 0px));justify-content:center;position:relative;transform:rotate(var(--garabato-random-tilt, 0deg));transition:background .16s ease,box-shadow .16s ease;width:calc(1.35rem + var(--garabato-random-width, 0px))}.garabato-checkbox{border-radius:calc(6px + var(--garabato-random-radius-a, 0px)) calc(8px + var(--garabato-random-radius-b, 0px)) calc(5px + var(--garabato-random-radius-c, 0px)) calc(7px + var(--garabato-random-radius-d, 0px))}.garabato-radio{border-radius:calc(50% + var(--garabato-random-radius-a, 0px)) calc(46% + var(--garabato-random-radius-b, 0px)) calc(54% + var(--garabato-random-radius-c, 0px)) calc(48% + var(--garabato-random-radius-d, 0px))}.garabato-checkbox:hover,.garabato-radio:hover{box-shadow:2px 2px 0 var(--garabato-shadow)}.garabato-checkbox[data-state=checked],.garabato-checkbox[data-state=indeterminate],.garabato-radio[data-state=checked]{background:var(--garabato-blue-soft)}.garabato-checkbox.garabato-tone-yellow[data-state=checked],.garabato-checkbox.garabato-tone-yellow[data-state=indeterminate],.garabato-radio.garabato-tone-yellow[data-state=checked]{background:var(--garabato-yellow)}.garabato-checkbox.garabato-tone-pink[data-state=checked],.garabato-checkbox.garabato-tone-pink[data-state=indeterminate],.garabato-radio.garabato-tone-pink[data-state=checked]{background:var(--garabato-pink)}.garabato-checkbox.garabato-tone-danger[data-state=checked],.garabato-checkbox.garabato-tone-danger[data-state=indeterminate],.garabato-radio.garabato-tone-danger[data-state=checked]{background:color-mix(in srgb,var(--garabato-danger) 18%,var(--garabato-paper))}.garabato-checkbox-indicator,.garabato-radio-indicator{align-items:center;display:inline-flex;height:100%;justify-content:center;position:relative;z-index:1;width:100%}.garabato-checkbox[data-state=checked] .garabato-checkbox-indicator:before{border-bottom:3px solid var(--garabato-ink);border-right:3px solid var(--garabato-ink);content:"";height:.72rem;transform:rotate(38deg) translate(-1px,-1px);width:.36rem}.garabato-checkbox[data-state=indeterminate] .garabato-checkbox-indicator:before{background:var(--garabato-ink);border-radius:999px;content:"";height:3px;width:.72rem}.garabato-radio-indicator:before{background:var(--garabato-ink);border-radius:50% 46% 54% 48%;content:"";height:.56rem;transform:rotate(-8deg);width:.56rem}.garabato-radio-group{display:grid;gap:.7rem}.garabato-select-trigger{align-items:center;background:var(--garabato-paper);border:calc(2px + var(--garabato-random-border-width, 0px)) solid var(--garabato-ink);border-radius:calc(10px + var(--garabato-random-radius-a, 0px)) calc(13px + var(--garabato-random-radius-b, 0px)) calc(9px + var(--garabato-random-radius-c, 0px)) calc(12px + var(--garabato-random-radius-d, 0px));box-shadow:calc(1px + var(--garabato-random-shadow-x, 0px)) calc(1px + var(--garabato-random-shadow-y, 0px)) 0 var(--garabato-shadow);color:var(--garabato-ink);cursor:pointer;display:inline-flex;font-family:var(--garabato-font-ui);font-weight:750;gap:.75rem;justify-content:space-between;min-width:12rem;position:relative;transform:rotate(calc(var(--garabato-random-tilt, 0deg) * .32));transition:border-color .14s ease,box-shadow .14s ease}.garabato-select-trigger>:not(.garabato-sketch-border){position:relative;z-index:1}.garabato-select-trigger:hover{box-shadow:2px 2px 0 var(--garabato-shadow)}.garabato-select-trigger--invalid,.garabato-select-trigger[aria-invalid=true]{border-color:var(--garabato-danger)}.garabato-select-trigger--sm{min-height:calc(2rem + var(--garabato-random-height, 0px));padding:calc(.35rem + var(--garabato-random-padding-y, 0px)) calc(.55rem + var(--garabato-random-padding-x, 0px));font-size:.875rem}.garabato-select-trigger--md{min-height:calc(2.5rem + var(--garabato-random-height, 0px));padding:calc(.55rem + var(--garabato-random-padding-y, 0px)) calc(.75rem + var(--garabato-random-padding-x, 0px));font-size:.95rem}.garabato-select-trigger--lg{min-height:calc(3rem + var(--garabato-random-height, 0px));padding:calc(.75rem + var(--garabato-random-padding-y, 0px)) calc(.95rem + var(--garabato-random-padding-x, 0px));font-size:1.05rem}.garabato-select-icon{color:var(--garabato-blue);font-family:var(--garabato-font-mono);font-size:.75rem;font-weight:900}.garabato-select-content{background:repeating-linear-gradient(0deg,transparent 0,transparent 22px,rgba(14,165,233,.11) 23px),var(--garabato-paper);border:calc(2px + var(--garabato-random-border-width, 0px)) solid var(--garabato-ink);border-radius:calc(14px + var(--garabato-random-radius-a, 0px)) calc(18px + var(--garabato-random-radius-b, 0px)) calc(13px + var(--garabato-random-radius-c, 0px)) calc(16px + var(--garabato-random-radius-d, 0px));box-shadow:calc(4px + var(--garabato-random-shadow-x, 0px)) calc(4px + var(--garabato-random-shadow-y, 0px)) 0 var(--garabato-shadow);color:var(--garabato-ink);min-width:var(--radix-select-trigger-width);overflow:hidden;position:relative;transform:rotate(var(--garabato-random-tilt, 0deg));z-index:70}.garabato-select-content>:not(.garabato-sketch-border){position:relative;z-index:1}.garabato-select-viewport{padding:.35rem}.garabato-select-label{color:var(--garabato-muted-ink);font-family:var(--garabato-font-mono);font-size:.75rem;font-weight:900;padding:.35rem .55rem;text-transform:uppercase}.garabato-select-item{align-items:center;border-radius:10px 13px 9px 12px;cursor:pointer;display:flex;font-weight:800;min-height:2rem;outline:none;padding:.35rem .55rem .35rem 1.75rem;position:relative}.garabato-select-item[data-highlighted]{background:var(--garabato-yellow)}.garabato-select-item[data-disabled]{cursor:not-allowed;opacity:.5}.garabato-select-item-indicator{color:var(--garabato-blue);font-family:var(--garabato-font-mono);font-size:.6rem;font-weight:900;left:.45rem;position:absolute}.garabato-select-separator{background:var(--garabato-ink);height:2px;margin:.35rem .25rem;opacity:.72;transform:rotate(-.35deg)}.garabato-select-scroll{align-items:center;background:var(--garabato-blue-soft);color:var(--garabato-ink);display:flex;font-family:var(--garabato-font-mono);font-size:.65rem;font-weight:900;justify-content:center;min-height:1.4rem}.garabato-sticker-note{--garabato-sticker-note-ink: #1d1815;background:var(--garabato-yellow);border:calc(2px + var(--garabato-random-border-width, 0px)) solid var(--garabato-ink);border-radius:calc(12px + var(--garabato-random-radius-a, 0px)) calc(16px + var(--garabato-random-radius-b, 0px)) calc(11px + var(--garabato-random-radius-c, 0px)) calc(14px + var(--garabato-random-radius-d, 0px));box-shadow:calc(5px + var(--garabato-random-shadow-x, 0px)) calc(6px + var(--garabato-random-shadow-y, 0px)) 0 var(--garabato-shadow);color:var(--garabato-sticker-note-ink);display:grid;font-weight:760;gap:.55rem;line-height:1.4;padding:calc(1rem + var(--garabato-random-padding-y, 0px)) calc(1rem + var(--garabato-random-padding-x, 0px));position:relative}.garabato-sticker-note:before{background:color-mix(in srgb,var(--garabato-paper) 64%,transparent);border:2px solid color-mix(in srgb,var(--garabato-ink) 35%,transparent);border-radius:calc(999px + var(--garabato-random-radius-a, 0px)) calc(888px + var(--garabato-random-radius-b, 0px)) calc(999px + var(--garabato-random-radius-c, 0px)) calc(777px + var(--garabato-random-radius-d, 0px));content:"";height:1rem;left:50%;position:absolute;top:-.65rem;transform:translate(-50%) rotate(calc(-2deg + var(--garabato-random-inner-tilt, 0deg)));width:3.2rem;z-index:3}.garabato-sticker-note--paper{background:var(--garabato-paper);color:var(--garabato-ink)}.garabato-sticker-note--blue{background:var(--garabato-blue-soft)}.garabato-sticker-note--yellow{background:var(--garabato-yellow)}.garabato-sticker-note--pink{background:var(--garabato-pink)}.garabato-sticker-note--danger{background:color-mix(in srgb,var(--garabato-danger) 16%,var(--garabato-paper))}.garabato-sticker-note--tilt-left{transform:rotate(calc(-1deg + var(--garabato-random-tilt, 0deg)))}.garabato-sticker-note--tilt-right{transform:rotate(calc(1deg + var(--garabato-random-tilt, 0deg)))}.garabato-sticker-note--tilt-none{transform:rotate(var(--garabato-random-tilt, 0deg))}.garabato-doodle-divider{align-items:center;color:var(--garabato-muted-ink);display:flex;font-family:var(--garabato-font-mono);font-size:.72rem;font-weight:900;gap:.75rem;margin:.25rem 0;min-height:1rem;text-transform:uppercase;width:100%}.garabato-doodle-divider:before,.garabato-doodle-divider:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 6' preserveAspectRatio='none'><path d='M0 3 Q 6 0 12 3 T 24 3 T 36 3 T 48 3 T 60 3 T 72 3 T 84 3 T 96 3 T 108 3 T 120 3' stroke='%231d1815' stroke-width='1.6' fill='none' stroke-linecap='round'/></svg>");background-repeat:repeat-x;background-size:60px 6px;content:"";flex:1;height:calc(6px + var(--garabato-random-height, 0px));opacity:.75;transform:rotate(var(--garabato-random-inner-tilt, 0deg))}.garabato-doodle-divider:not(.garabato-doodle-divider--label):after{display:none}.garabato-separator{align-items:center;color:var(--garabato-muted-ink);display:flex;font-family:var(--garabato-font-mono);font-size:.72rem;font-weight:900;gap:.7rem;text-transform:uppercase}.garabato-separator--horizontal{margin:.25rem 0;min-height:1rem;width:100%}.garabato-separator--vertical{align-self:stretch;flex-direction:column;min-height:2.5rem;width:1rem}.garabato-separator:before,.garabato-separator:after{background:var(--garabato-ink);content:"";opacity:.72;transform:rotate(var(--garabato-random-inner-tilt, 0deg))}.garabato-separator--horizontal:before,.garabato-separator--horizontal:after{flex:1;height:calc(2px + var(--garabato-random-border-width, 0px))}.garabato-separator--vertical:before,.garabato-separator--vertical:after{flex:1;width:calc(2px + var(--garabato-random-border-width, 0px))}.garabato-separator:not(.garabato-separator--label):after{display:none}.garabato-separator--dashed:before,.garabato-separator--dashed:after{background:repeating-linear-gradient(90deg,var(--garabato-ink) 0,var(--garabato-ink) 8px,transparent 8px,transparent 14px)}.garabato-separator--doodle:before,.garabato-separator--doodle:after{background-color:transparent;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 6' preserveAspectRatio='none'><path d='M0 3 Q 6 0 12 3 T 24 3 T 36 3 T 48 3 T 60 3 T 72 3 T 84 3 T 96 3 T 108 3 T 120 3' stroke='%231d1815' stroke-width='1.6' fill='none' stroke-linecap='round'/></svg>");background-repeat:repeat-x;background-size:60px 6px}.garabato-separator--sketch:before,.garabato-separator--sketch:after{background-color:transparent;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 8' preserveAspectRatio='none'><path d='M0 4 C 12 1 20 6 32 4 C 44 2 54 6 66 3 C 78 0 89 6 101 4 C 115 2 126 6 140 3' stroke='%231d1815' stroke-width='1.7' fill='none' stroke-linecap='round'/><path d='M0 5 C 14 8 24 2 38 5 C 52 7 62 3 76 5 C 90 8 103 1 116 5 C 126 7 134 3 140 5' stroke='%231d1815' stroke-width='1' stroke-opacity='0.38' fill='none' stroke-linecap='round'/></svg>");background-repeat:repeat-x;background-size:70px 8px}.garabato-separator--vertical.garabato-separator--doodle:before,.garabato-separator--vertical.garabato-separator--doodle:after{background-repeat:repeat-y;background-size:6px 60px}.garabato-separator--vertical.garabato-separator--sketch:before,.garabato-separator--vertical.garabato-separator--sketch:after{background-repeat:repeat-y;background-size:8px 70px}.garabato-card,.garabato-dialog-content,.garabato-menu-content,.garabato-popover-content{background:repeating-linear-gradient(-2deg,color-mix(in srgb,var(--garabato-ink) 3.5%,transparent) 0,color-mix(in srgb,var(--garabato-ink) 3.5%,transparent) 1px,transparent 1px,transparent 10px),var(--garabato-paper);border:calc(2px + var(--garabato-random-border-width, 0px)) solid var(--garabato-ink);border-radius:calc(18px + var(--garabato-random-radius-a, 0px)) calc(14px + var(--garabato-random-radius-b, 0px)) calc(20px + var(--garabato-random-radius-c, 0px)) calc(16px + var(--garabato-random-radius-d, 0px));box-shadow:calc(4px + var(--garabato-random-shadow-x, 0px)) calc(5px + var(--garabato-random-shadow-y, 0px)) 0 var(--garabato-shadow);color:var(--garabato-ink);position:relative}.garabato-card{display:grid;gap:1rem;padding:calc(1rem + var(--garabato-random-padding-y, 0px)) calc(1rem + var(--garabato-random-padding-x, 0px));transform:rotate(calc(var(--garabato-random-tilt, 0deg) * .85))}.garabato-dialog-content:after{border:1px solid color-mix(in srgb,var(--garabato-ink) 42%,transparent);border-radius:15px 12px 18px 14px;content:"";inset:5px;pointer-events:none;position:absolute;transform:rotate(calc(-.28deg + var(--garabato-random-inner-tilt, 0deg)));z-index:1}.garabato-card>*,.garabato-dialog-content>*,.garabato-menu-content>*,.garabato-popover-content>*{position:relative;z-index:2}.garabato-card--blue{background:linear-gradient(0deg,color-mix(in srgb,var(--garabato-blue-soft) 72%,transparent),color-mix(in srgb,var(--garabato-blue-soft) 72%,transparent)),var(--garabato-paper)}.garabato-card--yellow{background:linear-gradient(0deg,color-mix(in srgb,var(--garabato-yellow-soft) 80%,transparent),color-mix(in srgb,var(--garabato-yellow-soft) 80%,transparent)),var(--garabato-paper)}.garabato-card--pink{background:linear-gradient(0deg,color-mix(in srgb,var(--garabato-pink-soft) 72%,transparent),color-mix(in srgb,var(--garabato-pink-soft) 72%,transparent)),var(--garabato-paper)}.garabato-card-header,.garabato-card-footer{align-items:start;display:flex;gap:.75rem;justify-content:space-between}.garabato-card-title,.garabato-dialog-title{font-size:1.15rem;font-weight:900;line-height:1.1;margin:0}.garabato-card-description,.garabato-dialog-description{color:var(--garabato-muted-ink);font-size:.925rem;font-weight:650;line-height:1.45;margin:.35rem 0 0}.garabato-card-action{align-items:center;display:flex;justify-content:flex-end}.garabato-card-content{display:grid;gap:.75rem}.garabato-spinner{animation:garabato-spinner-spin .76s steps(8,end) infinite;background:transparent;border:calc(2px + var(--garabato-random-border-width, 0px)) solid currentColor;border-left-color:transparent;border-radius:calc(50% + var(--garabato-random-radius-a, 0px)) calc(46% + var(--garabato-random-radius-b, 0px)) calc(54% + var(--garabato-random-radius-c, 0px)) calc(48% + var(--garabato-random-radius-d, 0px));color:currentColor;display:inline-block;flex-shrink:0;height:1em;overflow:hidden;vertical-align:-.125em;width:1em}.garabato-skeleton{--garabato-skeleton-bg: color-mix(in srgb, var(--garabato-ink) 7%, var(--garabato-paper));--garabato-skeleton-line: color-mix(in srgb, var(--garabato-ink) 34%, transparent);background:var(--garabato-skeleton-bg);border:0;border-radius:calc(10px + var(--garabato-random-radius-a, 0px)) calc(13px + var(--garabato-random-radius-b, 0px)) calc(9px + var(--garabato-random-radius-c, 0px)) calc(12px + var(--garabato-random-radius-d, 0px));display:block;min-height:calc(1rem + var(--garabato-random-height, 0px));overflow:hidden;position:relative;transform:rotate(calc(var(--garabato-random-tilt, 0deg) * .36))}.garabato-skeleton--blue{--garabato-skeleton-bg: var(--garabato-blue-soft);--garabato-skeleton-line: color-mix(in srgb, var(--garabato-blue-strong) 42%, transparent)}.garabato-skeleton--yellow{--garabato-skeleton-bg: var(--garabato-yellow-soft);--garabato-skeleton-line: color-mix(in srgb, var(--garabato-yellow-strong) 38%, transparent)}.garabato-skeleton--pink{--garabato-skeleton-bg: var(--garabato-pink-soft);--garabato-skeleton-line: color-mix(in srgb, var(--garabato-pink-strong) 36%, transparent)}.garabato-skeleton-lines{align-items:center;display:flex;gap:0;height:100%;justify-content:flex-start;left:-160%;opacity:.5;padding:.22rem .3rem;position:absolute;top:0;transform:translate(0) skew(-2deg);width:360%}.garabato-skeleton-line{--garabato-skeleton-line-shape: shape( from 46% 0, curve to 58% 18% with 50% 8%, curve to 44% 37% with 64% 28%, curve to 55% 62% with 36% 50%, curve to 48% 82% with 62% 72%, curve to 52% 100% with 43% 92%, line to 16% 100%, curve to 23% 78% with 12% 90%, curve to 12% 55% with 30% 66%, curve to 24% 31% with 7% 43%, curve to 14% 12% with 30% 20%, curve to 18% 0 with 12% 5%, close );align-self:center;background:color-mix(in srgb,var(--garabato-skeleton-line) 58%,transparent);border:0;border-radius:999px 777px 888px 999px;display:block;flex:0 0 .46rem;height:58%;min-height:.5rem;opacity:.64;transform:rotate(-1deg)}.garabato-skeleton-line:nth-child(2n){align-self:center;flex-basis:.34rem;height:42%;margin-left:.38rem;opacity:.42;transform:rotate(2deg)}.garabato-skeleton-line:nth-child(3n){flex-basis:.58rem;height:64%;margin-left:.12rem;opacity:.74;transform:rotate(-3deg)}.garabato-skeleton-line:nth-child(4n){align-self:end;flex-basis:.4rem;height:34%;margin-left:.55rem;opacity:.34}.garabato-skeleton-line:nth-child(5n){align-self:start;flex-basis:.7rem;height:52%;margin-left:.04rem;transform:rotate(3deg)}.garabato-skeleton-line:nth-child(7n){flex-basis:.52rem;height:28%;margin-left:.72rem;opacity:.46}.garabato-skeleton-line:nth-child(11n){flex-basis:.78rem;height:68%;margin-left:.25rem;opacity:.7}@media(prefers-reduced-motion:no-preference){.garabato-skeleton-lines{animation:garabato-skeleton-lines 2.4s steps(5,end) infinite}}@keyframes garabato-spinner-spin{to{transform:rotate(360deg)}}@keyframes garabato-skeleton-lines{0%{transform:translate(0) skew(-2deg)}25%{transform:translate(12%) skew(1deg)}50%{transform:translate(24%) skew(-3deg)}75%{transform:translate(36%) skew(2deg)}to{transform:translate(48%) skew(-1deg)}}.garabato-switch{align-items:center;appearance:none;background:var(--garabato-paper);border:calc(2px + var(--garabato-random-border-width, 0px)) solid var(--garabato-ink);border-radius:calc(14px + var(--garabato-random-radius-a, 0px)) calc(16px + var(--garabato-random-radius-b, 0px)) calc(14px + var(--garabato-random-radius-c, 0px)) calc(18px + var(--garabato-random-radius-d, 0px));box-shadow:calc(1px + var(--garabato-random-shadow-x, 0px)) calc(1px + var(--garabato-random-shadow-y, 0px)) 0 var(--garabato-shadow);cursor:pointer;display:inline-flex;height:calc(1.5rem + var(--garabato-random-height, 0px));padding:.125rem;position:relative;transition:background .18s steps(4,end);transform:rotate(var(--garabato-random-tilt, 0deg));width:calc(2.75rem + var(--garabato-random-width, 0px))}.garabato-switch[data-state=checked].garabato-tone-blue{background:var(--garabato-blue-soft)}.garabato-switch[data-state=checked].garabato-tone-yellow{background:var(--garabato-yellow)}.garabato-switch[data-state=checked].garabato-tone-pink{background:var(--garabato-pink)}.garabato-switch-thumb{background:var(--garabato-paper);border:2px solid var(--garabato-ink);border-radius:46% 54% 42% 58%;box-shadow:1px 1px 0 var(--garabato-ink);display:block;height:1rem;position:relative;z-index:1;transition:transform .22s steps(5,end);width:1rem}.garabato-switch[data-state=checked] .garabato-switch-thumb{transform:translate(1.2rem) rotate(40deg)}.garabato-slider{--garabato-slider-fill: var(--garabato-yellow);-webkit-appearance:none;appearance:none;background:var(--garabato-paper);border:calc(2px + var(--garabato-random-border-width, 0px)) solid var(--garabato-ink);border-radius:calc(10px + var(--garabato-random-radius-a, 0px)) calc(13px + var(--garabato-random-radius-b, 0px)) calc(9px + var(--garabato-random-radius-c, 0px)) calc(12px + var(--garabato-random-radius-d, 0px));color:var(--garabato-ink);cursor:pointer;height:calc(6px + var(--garabato-random-height, 0px));inline-size:100%;outline:none;transform:rotate(var(--garabato-random-tilt, 0deg))}.garabato-slider.garabato-tone-blue{--garabato-slider-fill: var(--garabato-blue)}.garabato-slider.garabato-tone-yellow{--garabato-slider-fill: var(--garabato-yellow)}.garabato-slider.garabato-tone-pink{--garabato-slider-fill: var(--garabato-pink)}.garabato-slider.garabato-tone-ink{--garabato-slider-fill: color-mix(in srgb, var(--garabato-ink) 18%, var(--garabato-paper))}.garabato-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--garabato-slider-fill);border:2px solid var(--garabato-ink);border-radius:calc(2px + var(--garabato-random-radius-d, 0px)) calc(4px + var(--garabato-random-radius-a, 0px)) calc(3px + var(--garabato-random-radius-b, 0px)) calc(1px + var(--garabato-random-radius-c, 0px));height:16px;transform:rotate(var(--garabato-random-inner-tilt, 0deg));width:16px}.garabato-slider::-moz-range-thumb{background:var(--garabato-slider-fill);border:2px solid var(--garabato-ink);border-radius:calc(2px + var(--garabato-random-radius-d, 0px)) calc(4px + var(--garabato-random-radius-a, 0px)) calc(3px + var(--garabato-random-radius-b, 0px)) calc(1px + var(--garabato-random-radius-c, 0px));height:16px;transform:rotate(var(--garabato-random-inner-tilt, 0deg));width:16px}.garabato-slider::-moz-range-track{background:transparent;border:0}@supports (corner-shape: squircle){.garabato-slider{corner-shape:squircle}}@supports (border-shape: shape(from 0 0,line to 100% 0,line to 100% 100%,close)){.garabato-slider{--garabato-shape-corner: 10px;--garabato-squiggle: 2px;--garabato-squiggle-tight: 1px;--garabato-squiggle-wide: 3px;border-color:var(--garabato-ink);border-shape:var(--garabato-random-border-shape, var(--garabato-border-shape));border-style:solid;border-radius:0}}.garabato-tabs-list{align-items:end;display:inline-flex;gap:.4rem;max-width:100%}.garabato-tabs-trigger{background:var(--garabato-paper);border:calc(2px + var(--garabato-random-border-width, 0px)) solid var(--garabato-ink);border-bottom:0;border-radius:calc(16px + var(--garabato-random-radius-a, 0px)) calc(12px + var(--garabato-random-radius-b, 0px)) 0 0;color:var(--garabato-ink);cursor:pointer;font-family:var(--garabato-font-ui);font-weight:800;min-height:calc(2.25rem + var(--garabato-random-height, 0px));padding:calc(.45rem + var(--garabato-random-padding-y, 0px)) calc(.9rem + var(--garabato-random-padding-x, 0px));position:relative;transform:rotate(calc(-.6deg + var(--garabato-random-tilt, 0deg)));transition:background .16s ease}.garabato-tabs-trigger>:not(.garabato-sketch-border){position:relative;z-index:1}.garabato-tabs-trigger:nth-child(2n){transform:rotate(calc(.5deg + var(--garabato-random-tilt, 0deg)))}.garabato-tabs-trigger:hover{background:var(--garabato-yellow)}.garabato-tabs-trigger[data-state=active]{background:var(--garabato-blue-soft);transform:translateY(-2px) rotate(var(--garabato-random-tilt, 0deg))}.garabato-tabs-content{background:color-mix(in srgb,var(--garabato-paper) 78%,transparent);border:calc(2px + var(--garabato-random-border-width, 0px)) solid var(--garabato-ink);border-radius:0 calc(16px + var(--garabato-random-radius-b, 0px)) calc(16px + var(--garabato-random-radius-c, 0px)) calc(16px + var(--garabato-random-radius-d, 0px));margin-top:-2px;padding:calc(1rem + var(--garabato-random-padding-y, 0px)) calc(1rem + var(--garabato-random-padding-x, 0px));position:relative}.garabato-tabs-content>:not(.garabato-sketch-border){position:relative;z-index:1}.garabato-accordion-item{background:color-mix(in srgb,var(--garabato-paper) 78%,transparent);border:calc(2px + var(--garabato-random-border-width, 0px)) solid var(--garabato-ink);border-radius:calc(14px + var(--garabato-random-radius-a, 0px)) calc(18px + var(--garabato-random-radius-b, 0px)) calc(13px + var(--garabato-random-radius-c, 0px)) calc(16px + var(--garabato-random-radius-d, 0px));color:var(--garabato-ink);position:relative;transform:rotate(calc(var(--garabato-random-tilt, 0deg) * .6))}.garabato-accordion-item>:not(.garabato-sketch-border){position:relative;z-index:1}.garabato-accordion-item+.garabato-accordion-item{margin-top:.55rem}.garabato-accordion-header{display:flex;margin:0}.garabato-accordion-trigger{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;flex:1;font-family:var(--garabato-font-ui);font-size:.98rem;font-weight:900;gap:.75rem;justify-content:space-between;min-height:2.75rem;padding:.7rem .85rem;text-align:left}.garabato-accordion-trigger:hover{background:var(--garabato-yellow)}.garabato-accordion-chevron{color:var(--garabato-blue);font-family:var(--garabato-font-mono);font-size:.95rem;transition:transform .18s ease}.garabato-accordion-trigger[data-state=open] .garabato-accordion-chevron{transform:rotate(45deg)}.garabato-accordion-content{color:var(--garabato-muted-ink);font-weight:680;line-height:1.45;overflow:hidden}.garabato-accordion-content-inner{border-top:2px dashed color-mix(in srgb,var(--garabato-ink) 36%,transparent);padding:.75rem .85rem .9rem}.garabato-dialog-overlay{background:color-mix(in srgb,var(--garabato-ink) 28%,transparent);inset:0;position:fixed;z-index:50}.garabato-dialog-content{left:50%;max-height:min(85vh,42rem);max-width:min(92vw,32rem);overflow:auto;padding:calc(1.25rem + var(--garabato-random-padding-y, 0px)) calc(1.25rem + var(--garabato-random-padding-x, 0px));position:fixed;top:50%;transform:translate(-50%,-50%) rotate(calc(-.2deg + var(--garabato-random-tilt, 0deg)));width:100%;z-index:51}.garabato-dialog-close{align-items:center;background:var(--garabato-paper);border:calc(2px + var(--garabato-random-border-width, 0px)) solid var(--garabato-ink);border-radius:calc(46% + var(--garabato-random-radius-a, 0px)) calc(54% + var(--garabato-random-radius-b, 0px)) calc(42% + var(--garabato-random-radius-c, 0px)) calc(58% + var(--garabato-random-radius-d, 0px));box-shadow:1px 1px 0 var(--garabato-ink);color:var(--garabato-ink);cursor:pointer;display:inline-flex;font-weight:900;height:1.5rem;justify-content:center;line-height:1;position:absolute;right:.75rem;top:.75rem;transition:box-shadow .14s ease;width:1.5rem}.garabato-dialog-close:hover{box-shadow:2px 2px 0 var(--garabato-ink)}.garabato-dialog-header,.garabato-dialog-footer{display:flex;gap:.75rem}.garabato-dialog-header{flex-direction:column;margin-bottom:1rem;padding-right:2rem}.garabato-dialog-footer{flex-wrap:wrap;justify-content:flex-end;margin-top:1rem}.garabato-menu-content{min-width:12rem;padding:calc(.35rem + var(--garabato-random-padding-y, 0px)) calc(.35rem + var(--garabato-random-padding-x, 0px));z-index:60}.garabato-popover-content{max-width:min(92vw,20rem);padding:calc(.85rem + var(--garabato-random-padding-y, 0px)) calc(.9rem + var(--garabato-random-padding-x, 0px));transform:rotate(calc(-.18deg + var(--garabato-random-tilt, 0deg)));z-index:65}.garabato-tooltip-content{background:var(--garabato-ink);border:2px solid var(--garabato-ink);border-radius:calc(11px + var(--garabato-random-radius-a, 0px)) calc(14px + var(--garabato-random-radius-b, 0px)) calc(10px + var(--garabato-random-radius-c, 0px)) calc(13px + var(--garabato-random-radius-d, 0px));box-shadow:calc(2px + var(--garabato-random-shadow-x, 0px)) calc(3px + var(--garabato-random-shadow-y, 0px)) 0 var(--garabato-shadow);color:var(--garabato-paper);font-size:.82rem;font-weight:850;line-height:1.25;max-width:min(18rem,88vw);padding:calc(.45rem + var(--garabato-random-padding-y, 0px)) calc(.65rem + var(--garabato-random-padding-x, 0px));transform:rotate(calc(-.32deg + var(--garabato-random-tilt, 0deg)));z-index:80}.garabato-menu-item,.garabato-menu-label{align-items:center;border-radius:10px 13px 9px 12px;color:var(--garabato-ink);display:flex;font-family:var(--garabato-font-ui);font-size:.925rem;font-weight:750;gap:.5rem;min-height:2rem;outline:none;padding:.35rem .55rem;position:relative;-webkit-user-select:none;user-select:none}.garabato-menu-item{cursor:pointer}.garabato-menu-item[data-highlighted]{background:var(--garabato-yellow)}.garabato-menu-item[data-disabled]{cursor:not-allowed;opacity:.5}.garabato-menu-item--inset,.garabato-menu-item--check{padding-left:1.75rem}.garabato-menu-check{align-items:center;display:inline-flex;font-size:.65rem;font-weight:900;justify-content:center;left:.45rem;position:absolute}.garabato-menu-label{color:var(--garabato-muted-ink);cursor:default}.garabato-menu-separator{background:var(--garabato-ink);height:2px;margin:.35rem .25rem;opacity:.72;transform:rotate(-.35deg)}.garabato-menu-shortcut,.garabato-menu-chevron{color:var(--garabato-muted-ink);font-family:var(--garabato-font-mono);font-size:.75rem;margin-left:auto}.garabato-alert:has(>.garabato-sketch-border):after,.garabato-badge:has(>.garabato-sketch-border):after{display:none}.garabato-sketch-border{color:var(--garabato-ink);height:100%;inset:0;overflow:visible;pointer-events:none;position:absolute;width:100%;z-index:2}.garabato-button>.garabato-sketch-border{z-index:2}@supports (corner-shape: squircle){.garabato-field,.garabato-accordion-item,.garabato-alert,.garabato-badge,.garabato-input-group,.garabato-skeleton,.garabato-spinner,.garabato-checkbox,.garabato-radio,.garabato-select-trigger,.garabato-sticker-note,.garabato-switch,.garabato-slider,.garabato-tabs-trigger,.garabato-tabs-content,.garabato-dialog-close,.garabato-tooltip-content{corner-shape:squircle}.garabato-card,.garabato-dialog-content,.garabato-menu-content,.garabato-popover-content{corner-shape:superellipse(.65) bevel scoop squircle}}@supports (clip-path: shape(from 0 0,line to 100% 0,line to 100% 100%,close)){.garabato-button:before{clip-path:var(--garabato-random-border-shape, var(--garabato-border-shape));border-radius:0}.garabato-card,.garabato-skeleton,.garabato-spinner,.garabato-skeleton-line,.garabato-input-group,.garabato-alert,.garabato-badge,.garabato-field,.garabato-accordion-item,.garabato-checkbox,.garabato-radio,.garabato-select-trigger,.garabato-select-content,.garabato-switch,.garabato-tabs-trigger,.garabato-tabs-content{clip-path:var(--garabato-random-border-shape, var(--garabato-border-shape));border-radius:0}}@supports (border-shape: shape(from 0 0,line to 100% 0,line to 100% 100%,close)){.garabato-card,.garabato-dialog-content,.garabato-menu-content,.garabato-popover-content,.garabato-input-group,.garabato-select-content,.garabato-alert,.garabato-sticker-note,.garabato-field,.garabato-badge,.garabato-accordion-item,.garabato-checkbox,.garabato-radio,.garabato-select-trigger,.garabato-switch,.garabato-spinner,.garabato-tabs-trigger,.garabato-tabs-content{border-shape:var(--garabato-random-border-shape, var(--garabato-border-shape));border-radius:0}.garabato-skeleton-line{border-shape:var(--garabato-skeleton-line-shape);border-radius:0}.garabato-dialog-content:after,.garabato-alert:after,.garabato-sticker-note:before{border-radius:0;border-shape:var(--garabato-sticker-tape-shape, var(--garabato-border-shape))}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--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-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.items-center{align-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--garabato-font-body:"Caveat", "Comico", "Comic Sans MS", "Marker Felt", "Bradley Hand", ui-rounded, system-ui, sans-serif;--docs-code-bg:var(--garabato-ink);--docs-code-divider:#fffdf82e;--docs-code-fg:var(--garabato-paper);--docs-link-underline-line:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 9' preserveAspectRatio='none' fill='none'><path vector-effect='non-scaling-stroke' d='M 1 6 C 13 4 25 7 37 5 C 49 3 58 7 70 5 C 86 2 99 6 119 4' stroke='%231d1815' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>");--docs-mobile-surface:#fffdf8e0}html[data-docs-theme=dark],[data-docs-theme=dark],[data-docs-theme=dark]:not([data-garabato-palette]),html[data-docs-theme=dark][data-garabato-palette=ink-wash],[data-docs-theme=dark][data-garabato-palette=ink-wash] [data-theme=garabato]{--docs-dark-white:#f6efe5;--garabato-paper:#1b1713;--garabato-ink:var(--docs-dark-white);--garabato-muted-ink:#d7cabe;--garabato-blue:#9aaad0;--garabato-blue-soft:#c1cbe2;--garabato-blue-strong:#7588bb;--garabato-yellow:#d8bd76;--garabato-yellow-soft:#ead69c;--garabato-yellow-strong:#b39145;--garabato-pink:#d6a394;--garabato-pink-soft:#e7c1b8;--garabato-pink-strong:#b87967;--garabato-line:#9aaad033;--garabato-shadow:#0000007a;--docs-code-bg:#0f0d0b;--docs-code-divider:#f6efe529;--docs-code-fg:var(--docs-dark-white);--docs-link-underline-line:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 9' preserveAspectRatio='none' fill='none'><path vector-effect='non-scaling-stroke' d='M 1 6 C 13 4 25 7 37 5 C 49 3 58 7 70 5 C 86 2 99 6 119 4' stroke='%23f6efe5' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/></svg>");--garabato-link-underline-line:var(--docs-link-underline-line);--docs-mobile-surface:#181512eb;--garabato-button-hover-doodle-oval:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 216 66' fill='none'><path vector-effect='non-scaling-stroke' d='M 6 24 C 3 15 2 6 14 2 C 24 -1 46 -5 72 -1 C 88 1 96 -4 118 -1 C 138 2 158 -4 184 2 C 196 5 205 11 204 21 C 203 29 207 34 205 41 C 203 48 200 53 188 54 C 174 56 152 50 130 53 C 112 55 96 58 74 55 C 56 52 34 58 18 53 C 4 49 -3 42 -1 33 C 0 30 5 27 6 24 Z' stroke='%23f6efe5' stroke-width='2.1' stroke-opacity='.74' stroke-linecap='round' stroke-linejoin='round'/><path vector-effect='non-scaling-stroke' d='M 4 23 C 1 13 5 4 17 1 C 31 -2 53 -6 79 -2 C 97 1 108 -4 130 -2 C 151 1 172 -5 190 2 C 202 6 207 13 206 23 C 205 31 209 37 206 44 C 203 51 199 56 186 57 C 170 59 146 52 122 55 C 102 57 88 61 64 57 C 44 54 22 59 8 55 C -3 51 -5 42 -2 32 C -1 28 3 26 4 23 Z' stroke='%23f6efe5' stroke-width='1.65' stroke-opacity='.46' stroke-dasharray='15 3.5' stroke-linecap='round' stroke-linejoin='round'/><path vector-effect='non-scaling-stroke' d='M 8 26 C 5 16 6 5 18 2 C 28 -2 48 -5 74 -1 C 90 2 100 -4 122 -1 C 144 2 162 -5 186 3 C 198 7 206 14 205 25 C 204 33 208 39 204 45 C 201 52 197 56 184 57 C 166 59 142 51 118 54 C 98 56 84 60 60 56 C 40 53 18 57 6 52 C -4 49 -3 40 0 30 C 1 28 6 28 8 26 Z' stroke='%23f6efe5' stroke-width='1.25' stroke-opacity='.36' stroke-dasharray='7 5' stroke-linecap='round' stroke-linejoin='round'/></svg>");--garabato-button-hover-doodle-circle:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 216 66' fill='none'><path vector-effect='non-scaling-stroke' d='M 6 31 C 8 5 40 -8 92 -5 C 148 -3 202 0 210 28 C 218 55 172 72 104 69 C 42 67 -2 58 6 31 Z' stroke='%23f6efe5' stroke-width='2.7' stroke-opacity='.78' stroke-linecap='round' stroke-linejoin='round'/><path vector-effect='non-scaling-stroke' d='M 2 34 C 7 8 46 -6 96 -2 C 152 1 207 4 207 31 C 207 58 166 68 101 65 C 39 62 -5 57 2 34 Z' stroke='%23f6efe5' stroke-width='1.95' stroke-opacity='.5' stroke-dasharray='14 4' stroke-linecap='round' stroke-linejoin='round'/><path vector-effect='non-scaling-stroke' d='M 9 29 C 13 2 44 -9 90 -6 C 150 -4 212 1 213 27 C 214 52 175 75 106 72 C 38 69 0 55 9 29 Z' stroke='%23f6efe5' stroke-width='1.35' stroke-opacity='.38' stroke-dasharray='7 5' stroke-linecap='round' stroke-linejoin='round'/></svg>");--garabato-button-hover-doodle-star:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 216 66' fill='none'><path vector-effect='non-scaling-stroke' d='M 104 -8 L 122 17 L 160 5 L 140 34 L 170 62 L 130 56 L 110 78 L 92 52 L 48 66 L 76 34 L 42 6 L 86 16 Z' stroke='%23f6efe5' stroke-width='2.7' stroke-opacity='.78' stroke-linecap='round' stroke-linejoin='round'/><path vector-effect='non-scaling-stroke' d='M 100 -4 L 121 20 L 154 8 L 136 33 L 164 58 L 128 52 L 108 73 L 90 50 L 55 63 L 80 32 L 48 10 L 88 18 Z' stroke='%23f6efe5' stroke-width='1.95' stroke-opacity='.5' stroke-dasharray='13 4' stroke-linecap='round' stroke-linejoin='round'/><path vector-effect='non-scaling-stroke' d='M 108 -7 L 124 15 L 166 2 L 144 35 L 174 65 L 132 58 L 112 76 L 94 54 L 45 68 L 73 36 L 38 4 L 84 14 Z' stroke='%23f6efe5' stroke-width='1.35' stroke-opacity='.38' stroke-dasharray='7 5' stroke-linecap='round' stroke-linejoin='round'/></svg>")}html[data-docs-theme=dark],html[data-docs-theme=dark] body{background:#120f0d}:root[data-docs-theme=dark][data-garabato-palette=classic],[data-docs-theme=dark][data-garabato-palette=classic] [data-theme=garabato]{--garabato-paper:#0e1320;--garabato-ink:#f5f6fa;--garabato-muted-ink:#aab2c4;--garabato-blue:#38bdf8;--garabato-blue-soft:#1e3a5f;--garabato-blue-strong:#7dd3fc;--garabato-yellow:#fde047;--garabato-yellow-soft:#3a3320;--garabato-yellow-strong:#facc15;--garabato-pink:#f9a8d4;--garabato-pink-soft:#3f1d2c;--garabato-pink-strong:#f472b6;--garabato-line:#38bdf82e;--garabato-shadow:#0000008c}:root[data-docs-theme=dark][data-garabato-palette=mineral-pop],[data-docs-theme=dark][data-garabato-palette=mineral-pop] [data-theme=garabato]{--garabato-paper:#14131a;--garabato-ink:#ececf6;--garabato-muted-ink:#9b96aa;--garabato-blue:#a8aada;--garabato-blue-soft:#2a2a3f;--garabato-blue-strong:#c4c4eb;--garabato-yellow:#d9eda5;--garabato-yellow-soft:#2c321e;--garabato-yellow-strong:#e5f5b8;--garabato-pink:#a9d8cf;--garabato-pink-soft:#1c2e2b;--garabato-pink-strong:#c4e5dd;--garabato-line:#a8aada2e;--garabato-shadow:#0000008c}:root[data-docs-theme=dark][data-garabato-palette=terracotta-paper],[data-docs-theme=dark][data-garabato-palette=terracotta-paper] [data-theme=garabato]{--garabato-paper:#1d130d;--garabato-ink:#f2e6d8;--garabato-muted-ink:#a8967f;--garabato-blue:#c2c4ba;--garabato-blue-soft:#2a2a26;--garabato-blue-strong:#d6d8d0;--garabato-yellow:#e2bf86;--garabato-yellow-soft:#3a2a16;--garabato-yellow-strong:#f0d3a0;--garabato-pink:#d6a18a;--garabato-pink-soft:#3a1f15;--garabato-pink-strong:#e8b89e;--garabato-line:#a8703538;--garabato-shadow:#0000008c}:root[data-docs-theme=dark][data-garabato-palette=ember-graphite],[data-docs-theme=dark][data-garabato-palette=ember-graphite] [data-theme=garabato]{--garabato-paper:#0d0c0a;--garabato-ink:#f4ebe0;--garabato-muted-ink:#8e857c;--garabato-blue:#c4c4c4;--garabato-blue-soft:#232323;--garabato-blue-strong:#e0e0e0;--garabato-yellow:#f2c19d;--garabato-yellow-soft:#3a2418;--garabato-yellow-strong:#ff9663;--garabato-pink:#ef9a79;--garabato-pink-soft:#3a1a10;--garabato-pink-strong:#ff7c52;--garabato-line:#ff5c2433;--garabato-shadow:#0000008c}:root[data-docs-theme=dark][data-garabato-palette=aqua-mist],[data-docs-theme=dark][data-garabato-palette=aqua-mist] [data-theme=garabato]{--garabato-paper:#0a1716;--garabato-ink:#d8f5f2;--garabato-muted-ink:#7ba39f;--garabato-blue:#7fd7d5;--garabato-blue-soft:#163030;--garabato-blue-strong:#a8e7e5;--garabato-yellow:#bcefe5;--garabato-yellow-soft:#173030;--garabato-yellow-strong:#d6f5ec;--garabato-pink:#9de8e5;--garabato-pink-soft:#182f2e;--garabato-pink-strong:#b7eeec;--garabato-line:#7fd7d533;--garabato-shadow:#0000008c}:root[data-docs-theme=dark][data-garabato-palette=blueprint],[data-docs-theme=dark][data-garabato-palette=blueprint] [data-theme=garabato]{--garabato-paper:#0d1722;--garabato-ink:#e7f1fb;--garabato-muted-ink:#9fb3c8;--garabato-blue:#83aed0;--garabato-blue-soft:#1a2c44;--garabato-blue-strong:#aac9e0;--garabato-yellow:#bfdcf3;--garabato-yellow-soft:#1a2c44;--garabato-yellow-strong:#d6e6f5;--garabato-pink:#d9e3ea;--garabato-pink-soft:#1f2933;--garabato-pink-strong:#ebf0f5;--garabato-line:#6096ba38;--garabato-shadow:#0000008c}[data-docs-theme=dark] .garabato-card:not(.garabato-card--blue):not(.garabato-card--yellow):not(.garabato-card--pink),[data-docs-theme=dark] .garabato-dialog-content,[data-docs-theme=dark] .garabato-menu-content,[data-docs-theme=dark] .garabato-popover-content{color:#1d1815;background:repeating-linear-gradient(-2deg,#1d18150a 0 1px,#0000 1px 10px),#fffdf8}[data-docs-theme=dark] .garabato-skeleton:not(.garabato-skeleton--blue):not(.garabato-skeleton--yellow):not(.garabato-skeleton--pink){--garabato-skeleton-bg:#fffdf8;--garabato-skeleton-line:#1d181557}*{box-sizing:border-box}html{scroll-behavior:smooth;overscroll-behavior-y:none}body{overscroll-behavior-y:none;background:0 0;margin:0}.paper-background{opacity:1;transition:opacity .18s}html[data-docs-theme=dark] .paper-background{opacity:.18}.garabato-page{background:0 0}button,a,input,textarea{letter-spacing:0}.docs-shell{--docs-component-sidebar-bottom-gap:5rem;--docs-component-sticky-top:clamp(5.8rem, 7vw, 6.25rem);color:var(--garabato-ink);font-family:var(--garabato-font-body);z-index:2;align-content:start;justify-items:center;gap:clamp(1rem,2vw,1.5rem);min-height:100vh;padding:.75rem clamp(1rem,5vw,4rem) 4rem;font-size:1.05rem;display:grid;position:relative}.docs-shell--component-detail{padding-bottom:4rem}.docs-shell--landing{grid-template-rows:auto minmax(0,1fr);padding-bottom:.75rem}.docs-shell h1,.docs-shell h2,.docs-shell h3,.docs-shell h4,.docs-shell h5,.docs-shell h6,.docs-brand{font-family:var(--garabato-font-ui)}.docs-topbar,.docs-hero,.docs-layout{width:100%;max-width:88rem}.docs-topbar{background:var(--garabato-paper);border:2px solid var(--garabato-ink);box-shadow:3px 3px 0 var(--garabato-shadow);z-index:40;border-radius:18px 14px 20px 16px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:1rem;padding:.6rem 1.25rem;display:grid;position:sticky;top:.75rem}.docs-menu-button,.docs-mobile-menu-card{display:none}.docs-topbar-actions{flex-wrap:wrap;justify-content:end;align-items:center;gap:.5rem;display:flex}.docs-palette-trigger{min-width:0}.docs-palette-trigger-label{text-overflow:ellipsis;white-space:nowrap;max-width:7rem;overflow:hidden}.docs-brand,.docs-topnav,.docs-actions,.docs-preview-row,.docs-switch-demo{align-items:center;display:flex}.docs-brand{color:var(--garabato-ink);gap:.6rem;font-weight:950;text-decoration:none}.docs-brand-mark{background:var(--garabato-yellow);border:2px solid var(--garabato-ink);box-shadow:1px 1px 0 var(--garabato-shadow);border-radius:46% 54% 42% 58%;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex;transform:rotate(-4deg)}.docs-topnav{justify-content:center;gap:1rem}.docs-topnav a,.docs-sidebar a{font-weight:800;text-decoration:none;transition:color .14s}.docs-topnav a{color:var(--garabato-ink)}.docs-sidebar a,.docs-toc a{color:var(--docs-sticker-note-ink,var(--garabato-ink))}.docs-topnav a,.docs-sidebar-link span{position:relative}.docs-topnav a:after,.docs-sidebar-link span:after{--garabato-draw-progress:0%;background-image:var(--docs-link-underline-line);content:"";height:.36em;-webkit-mask-image:linear-gradient(90deg,black var(--garabato-draw-progress),transparent var(--garabato-draw-progress));mask-image:linear-gradient(90deg,black var(--garabato-draw-progress),transparent var(--garabato-draw-progress));pointer-events:none;bottom:.02em;background-repeat:no-repeat;background-size:100% 100%;transition:--garabato-draw-progress;position:absolute;inset-inline:0}.docs-topnav a:hover,.docs-sidebar a:hover{text-decoration:none}.docs-topnav a:hover{color:var(--garabato-ink)}.docs-sidebar a:hover,.docs-toc a:hover{color:var(--docs-sticker-note-ink,var(--garabato-ink))}.docs-topnav a:hover:after,.docs-sidebar a:hover span:after,.docs-toc a:hover span:after{--garabato-draw-progress:100%;transition:--garabato-draw-progress .48s steps(8,end)}.docs-hero{grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);min-height:min(76vh,46rem);padding-top:1rem;display:grid}.docs-hero-copy{gap:1.25rem;display:grid}.docs-kicker{color:var(--garabato-blue);font-family:var(--garabato-font-mono);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:850}.docs-hero h1{max-width:11ch;margin:0;font-size:clamp(2.8rem,7vw,6rem);line-height:.94}.docs-copy,.docs-section-header>p,.docs-intro>p,.docs-example-head p,.docs-api h3{color:var(--garabato-muted-ink)}.docs-copy{max-width:42rem;margin:0;font-size:clamp(1rem,2vw,1.35rem);font-weight:760;line-height:1.35}.docs-actions,.docs-preview-row{flex-wrap:wrap;gap:.75rem}.docs-hero-board{background:var(--garabato-paper);border:2px solid var(--garabato-ink);box-shadow:8px 9px 0 var(--garabato-shadow);border-radius:22px 16px 24px 18px;min-height:25rem;overflow:hidden;transform:rotate(.6deg)}.docs-board-bar{background:var(--garabato-paper);border-bottom:2px solid var(--garabato-ink);align-items:center;gap:.45rem;height:2.25rem;padding:0 .85rem;display:flex}.docs-board-bar span{background:var(--garabato-paper);border:2px solid var(--garabato-ink);border-radius:999px;width:.75rem;height:.75rem}.docs-board-content{gap:1rem;padding:clamp(1rem,3vw,2rem);display:grid}.docs-layout{min-height:calc(100svh - var(--docs-component-sticky-top));grid-template-columns:15rem minmax(0,1fr) 12rem;align-items:start;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.docs-layout--two-col{grid-template-columns:16rem minmax(0,1fr)}.docs-sidebar{--docs-sticker-note-ink:#1d1815;color:var(--docs-sticker-note-ink);height:calc(100svh - var(--docs-component-sticky-top) - var(--docs-component-sidebar-bottom-gap));max-height:calc(100svh - var(--docs-component-sticky-top) - var(--docs-component-sidebar-bottom-gap));overscroll-behavior:none;min-height:0;top:var(--docs-component-sticky-top);flex-direction:column;align-self:start;display:flex;position:sticky;overflow:visible}.docs-sidebar-content{scrollbar-width:none;gap:1.25rem;min-height:0;padding:.25rem .25rem 1rem;display:grid;overflow:hidden auto}.docs-sidebar-content::-webkit-scrollbar{display:none}.docs-shell--component-detail .docs-layout{align-items:start}.docs-shell--component-detail .docs-sidebar{align-content:start}.docs-shell--component-detail .docs-sidebar-content{overscroll-behavior:auto;padding-bottom:4rem}.docs-sidebar-search{background:var(--garabato-paper);border:2px solid var(--garabato-ink);box-shadow:1px 1px 0 var(--garabato-shadow);border-radius:12px 16px 11px 14px;align-items:center;gap:.5rem;padding:0 .65rem;display:flex}.docs-sidebar-search input{color:var(--garabato-ink);font:inherit;background:0 0;border:0;outline:0;width:100%;min-height:2.5rem;font-weight:750}.docs-nav-group{gap:.25rem;display:grid}.docs-nav-group p{color:var(--docs-sticker-note-ink,var(--garabato-muted-ink))}@supports (color:color-mix(in lab,red,red)){.docs-nav-group p{color:color-mix(in srgb,var(--docs-sticker-note-ink,var(--garabato-muted-ink)) 72%,transparent)}}.docs-nav-group p{font-family:var(--garabato-font-mono);text-transform:uppercase;margin:.75rem 0 .25rem;font-size:.75rem;font-weight:900}.docs-toc{--docs-sticker-note-ink:#1d1815;color:var(--docs-sticker-note-ink);overscroll-behavior:none;height:auto;min-height:0;max-height:max-content;top:var(--docs-component-sticky-top);flex-direction:column;align-self:start;display:flex;position:sticky;overflow:visible}.docs-sidebar a{border-radius:10px 13px 9px 12px;align-items:center;gap:.5rem;min-height:2rem;padding:.3rem .5rem;display:flex}.docs-content{gap:clamp(2rem,4vw,3.5rem);min-width:0;display:grid}.docs-section{scroll-margin-top:5.5rem}.docs-section-header,.docs-intro{gap:.65rem;max-width:48rem;display:grid}.docs-section-header h2,.docs-intro h2{margin:0;font-size:clamp(1.8rem,4vw,3.6rem);line-height:.98}.docs-section-header>p,.docs-intro>p{margin:0;font-size:1.05rem;font-weight:720;line-height:1.45}.docs-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem;display:grid}.docs-install-row{margin-top:1rem}.docs-code-panel{background:var(--docs-code-bg);border:2px solid var(--garabato-ink);box-shadow:3px 4px 0 var(--garabato-shadow);color:var(--docs-code-fg);border-radius:14px 18px 13px 16px;overflow:hidden}.docs-code-panel--compact{box-shadow:1px 1px 0 var(--garabato-shadow)}.docs-code-head{border-bottom:1px solid var(--docs-code-divider);font-family:var(--garabato-font-mono);justify-content:space-between;align-items:center;min-height:2.25rem;padding:.45rem .7rem;font-size:.76rem;font-weight:900;display:flex}.docs-code-head button{color:var(--docs-code-fg);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:inline-flex}.docs-code-panel pre{margin:0;padding:1rem;overflow-x:auto}.docs-code-panel code,.docs-api code,.docs-token code{font-family:var(--garabato-font-mono);letter-spacing:0;font-size:.82rem}.docs-token-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.25rem;display:grid}.docs-token{background:var(--garabato-paper);align-items:center}@supports (color:color-mix(in lab,red,red)){.docs-token{background:color-mix(in srgb,var(--garabato-paper) 72%,transparent)}}.docs-token{border-bottom:2px solid var(--garabato-ink);grid-template-columns:auto 1fr;gap:.2rem .7rem;padding:.6rem 0;display:grid}.docs-token span{border:2px solid var(--garabato-ink);box-shadow:1px 1px 0 var(--garabato-shadow);border-radius:50%;grid-row:span 2;width:2rem;height:2rem}.docs-token strong{line-height:1}.docs-font-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1rem;display:grid}.docs-font-token{background:var(--garabato-paper)}@supports (color:color-mix(in lab,red,red)){.docs-font-token{background:color-mix(in srgb,var(--garabato-paper) 78%,transparent)}}.docs-font-token{border:2px solid var(--garabato-ink);box-shadow:1px 1px 0 var(--garabato-shadow);border-radius:14px 18px 13px 16px;gap:.35rem;min-width:0;padding:.85rem;display:grid}.docs-font-token span{color:var(--garabato-muted-ink);font-family:var(--garabato-font-mono);text-transform:uppercase;font-size:.72rem;font-weight:900}.docs-font-token strong{font-size:clamp(1.7rem,4vw,2.4rem);font-weight:400;line-height:1}.docs-font-token code{font-family:var(--garabato-font-mono);overflow-wrap:anywhere;font-size:.76rem}.docs-component-section{border-top:2px solid var(--garabato-ink)}@supports (color:color-mix(in lab,red,red)){.docs-component-section{border-top:2px solid color-mix(in srgb,var(--garabato-ink) 18%,transparent)}}.docs-component-section{padding-top:clamp(1.5rem,3vw,2.5rem)}.docs-examples{gap:1.25rem;margin-top:1.25rem;display:grid}.docs-example{gap:.8rem;display:grid}.docs-example-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;display:grid}.docs-example-head h3,.docs-api h3{margin:0;font-size:1.2rem;line-height:1.1}.docs-example-head p{margin:.35rem 0 0;font-weight:700;line-height:1.4}.docs-segment{background:var(--garabato-paper);border:2px solid var(--garabato-ink);box-shadow:1px 1px 0 var(--garabato-shadow);border-radius:12px 16px 11px 14px;padding:.2rem;display:inline-flex}.docs-segment button{color:var(--garabato-ink);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px 11px 7px 10px;padding:.35rem .65rem;font-size:.85rem;font-weight:850}.docs-segment button[aria-selected=true]{background:var(--garabato-yellow)}.docs-preview{background:var(--garabato-paper);border:2px solid var(--garabato-ink);border-radius:14px 18px 13px 16px;align-items:center;min-height:11rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.docs-label{gap:.35rem;width:min(100%,28rem);font-weight:850;display:grid}.docs-form-stack,.docs-choice-stack,.docs-note-grid{gap:.85rem;width:min(100%,34rem);display:grid}.docs-field-note,.docs-field-error{color:var(--garabato-muted-ink);font-size:.92rem;font-weight:760;line-height:1.25}.docs-field-error{color:var(--garabato-danger)}.docs-native-textarea{background:var(--garabato-paper);border:2px solid var(--garabato-ink);color:var(--garabato-ink);font:inherit;resize:vertical;border-radius:12px 16px 11px 14px;min-height:5.5rem;padding:.8rem .9rem;font-weight:760}.docs-choice-row{align-items:center;gap:.65rem;display:flex}.docs-wide-control{width:min(100%,34rem)}.docs-note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-note-grid strong{color:var(--garabato-sticker-note-ink,inherit);font-size:1rem;line-height:1.1}.docs-note-grid span{color:var(--garabato-sticker-note-ink,var(--garabato-muted-ink))}@supports (color:color-mix(in lab,red,red)){.docs-note-grid span{color:color-mix(in srgb,var(--garabato-sticker-note-ink,var(--garabato-muted-ink)) 82%,transparent)}}.docs-inner-card{max-width:30rem}.docs-inner-card p,.docs-tabs-demo{margin:0}.docs-switch-demo{gap:.8rem;font-weight:850}.docs-api{gap:.75rem;margin-top:1.25rem;display:grid}.docs-api-table{border-top:2px solid var(--garabato-ink)}.docs-api-row{border-bottom:1px solid var(--garabato-ink);grid-template-columns:minmax(7rem,.7fr) minmax(0,1.6fr) minmax(5rem,.5fr);gap:1rem;padding:.75rem 0;display:grid}@supports (color:color-mix(in lab,red,red)){.docs-api-row{border-bottom:1px solid color-mix(in srgb,var(--garabato-ink) 22%,transparent)}}.docs-api-row--head{color:var(--garabato-muted-ink);font-family:var(--garabato-font-mono);text-transform:uppercase;font-size:.76rem;font-weight:900}.docs-sidebar-link{color:var(--docs-sticker-note-ink,var(--garabato-ink));border-radius:10px 13px 9px 12px;align-items:center;gap:.5rem;min-height:2rem;padding:.3rem .5rem;font-weight:800;text-decoration:none;display:flex}.docs-sidebar-link:hover,.docs-sidebar-link--active{color:var(--docs-sticker-note-ink,var(--garabato-ink))}.docs-sidebar-link--active span:after{--garabato-draw-progress:100%}.docs-topnav a[aria-current=page]{color:var(--garabato-ink);text-decoration:none}.docs-topnav a:active,.docs-sidebar-link:active{color:var(--docs-sticker-note-ink,var(--garabato-ink))}.docs-topnav a[aria-current=page]:after{--garabato-draw-progress:100%}.landing-hero{text-align:center;align-content:center;justify-items:center;gap:1rem;width:100%;height:100%;min-height:0;padding:0;display:grid;position:relative}.landing-hero h1{max-width:8ch;text-shadow:4px 4px 0 var(--garabato-yellow),-3px 5px 0 var(--garabato-blue);margin:0;font-size:8.5rem;line-height:.78}@supports (color:color-mix(in lab,red,red)){.landing-hero h1{text-shadow:4px 4px 0 var(--garabato-yellow),-3px 5px 0 color-mix(in srgb,var(--garabato-blue) 22%,transparent)}}.landing-hero h1{transform:rotate(-1deg)}.components-index{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.85rem;margin-top:1.5rem;display:grid}.components-index-card-link{color:var(--garabato-ink);text-decoration:none}.components-index-card{gap:.35rem;min-height:8rem;padding:.85rem 1rem;transition:transform .12s;display:grid}.components-index-card-link:hover .components-index-card{transform:translate(-1px,-1px)}.components-index-card strong{font-size:1.05rem}.components-index-card span{color:var(--garabato-muted-ink);font-size:.85rem;line-height:1.35}.docs-component-page{gap:clamp(1rem,2vw,1.5rem);min-width:0;scroll-margin-top:5.5rem;display:grid}.docs-component-mobile-tools{display:none}.docs-component-layout{grid-template-columns:minmax(0,1fr) 12rem;gap:clamp(1.5rem,3vw,2.5rem);min-width:0;display:grid}.docs-component-main{gap:clamp(1.5rem,3vw,2.5rem);min-width:0;display:grid}.docs-component-hero{text-align:center;place-items:center;gap:clamp(1.25rem,3vw,2rem);min-height:min(58vh,38rem);display:grid}.docs-component-name{margin:0;font-size:clamp(3.4rem,8vw,6.75rem);line-height:.86}.docs-component-live{place-items:center;width:100%;min-height:17rem;padding:clamp(1rem,4vw,3rem) 0;display:grid;position:relative}.docs-component-arrows{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,5vw,4rem);margin-block:-.5rem .25rem;display:grid}.docs-component-arrow{color:var(--garabato-ink);place-items:start;gap:.15rem;min-height:4.5rem;text-decoration:none;transition:transform .12s;display:grid}.docs-component-arrow:hover{transform:translateY(-1px)rotate(-.35deg)}.docs-component-arrow strong{max-width:12rem;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1}.docs-component-arrow--next{text-align:end;justify-items:end}.docs-component-arrow--disabled{pointer-events:none;visibility:hidden}.docs-component-hand-arrow{width:min(13rem,100%);height:2.35rem;display:block}.docs-component-section{gap:1rem;display:grid}.docs-component-section h2{margin:0;font-size:clamp(1.85rem,4vw,3.2rem);line-height:.95}.docs-component-examples{gap:1.5rem;display:grid}.docs-component-section-pills{flex-wrap:wrap;gap:.45rem;display:flex}.docs-component-section-pills a{border:2px solid var(--garabato-ink);color:var(--garabato-ink);font-family:var(--garabato-font-mono);border-radius:999px;padding:.35rem .65rem;font-size:.76rem;font-weight:900;text-decoration:none}.docs-component-mobile-row{grid-template-columns:minmax(0,1fr);align-items:center;gap:.65rem;display:grid}.docs-component-select{gap:.25rem;min-width:0;display:grid}.docs-component-select span{color:var(--garabato-muted-ink);font-family:var(--garabato-font-mono);text-transform:uppercase;font-size:.68rem;font-weight:900}.docs-component-select select{appearance:none;background:var(--garabato-paper);border:2px solid var(--garabato-ink);color:var(--garabato-ink);font:inherit;border-radius:10px 13px 9px 12px;width:100%;min-height:2.5rem;padding:.3rem .65rem;font-weight:850}.bato-layer,.bato-drawing-surface{color:var(--garabato-ink);inset:0}.bato-layer{pointer-events:none;width:100vw;height:100vh;position:fixed;overflow:hidden}.bato-layer--editable .bato-stroke-hit{pointer-events:stroke}.bato-layer--behind{z-index:1}.bato-layer--front{z-index:120}.bato-placement{transform-box:fill-box;transform-origin:50%}.bato-stroke{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.2px;vector-effect:non-scaling-stroke}.bato-stroke-hit{fill:none;stroke:#0000;stroke-linecap:round;stroke-linejoin:round;stroke-width:22px;vector-effect:non-scaling-stroke}.bato-drawing-surface{cursor:crosshair;pointer-events:auto;touch-action:none;z-index:10000;width:100vw;height:100vh;position:fixed}.bato-drawing-hitbox{fill:#6f8bc80f}.bato-drawing-surface .bato-stroke{stroke:var(--garabato-ink)}.bato-stroke--live{stroke:var(--garabato-blue);stroke-dasharray:10 5;stroke-width:3.8px}.bato-selection-box,.bato-selection-tools{color:var(--garabato-ink);font-family:var(--garabato-font-body);z-index:2147482500;position:fixed}.bato-selection-box{border:2px dashed var(--garabato-blue);cursor:move;pointer-events:auto;touch-action:none;border-radius:12px 9px 14px 10px}.bato-selection-cue,.bato-selection-handle,.bato-selection-tools button{background:var(--garabato-paper);border:2px solid var(--garabato-ink);box-shadow:1px 1px 0 var(--garabato-shadow);color:var(--garabato-ink);justify-content:center;align-items:center;display:inline-flex}.bato-selection-cue{pointer-events:none;border-radius:999px;width:1.45rem;height:1.45rem;position:absolute;top:-.72rem;left:-.72rem}.bato-selection-handle{cursor:nwse-resize;font:inherit;touch-action:none;border-radius:8px 6px 9px 7px;width:1.75rem;height:1.75rem;padding:0;position:absolute;bottom:-.95rem;right:-.95rem}.bato-selection-tools{background:var(--garabato-paper);align-items:center}@supports (color:color-mix(in lab,red,red)){.bato-selection-tools{background:color-mix(in srgb,var(--garabato-paper) 96%,transparent)}}.bato-selection-tools{border:2px solid var(--garabato-ink);box-shadow:3px 4px 0 var(--garabato-shadow);pointer-events:auto;border-radius:13px 10px 14px 11px;gap:.45rem;padding:.38rem;display:inline-flex}.bato-selection-tools button{cursor:pointer;font:inherit;border-radius:9px 7px 10px 8px;width:1.9rem;height:1.9rem;padding:0}.bato-selection-tools label{gap:.1rem;min-width:6.8rem;display:grid}.bato-selection-tools span{color:var(--garabato-muted-ink);font-family:var(--garabato-font-mono);font-size:.62rem;font-weight:900}.bato-selection-tools input{accent-color:var(--garabato-blue);width:100%}.bato-editor-toggle,.bato-editor{font-family:var(--garabato-font-body);z-index:2147483000;position:fixed}.bato-editor-toggle{background:var(--garabato-yellow);border:2px solid var(--garabato-ink);box-shadow:3px 3px 0 var(--garabato-shadow);color:var(--garabato-ink);cursor:pointer;font:inherit;border-radius:999px 22px 999px 24px;align-items:center;gap:.42rem;min-height:2.55rem;padding:.35rem .85rem;font-weight:950;display:inline-flex;bottom:1rem;right:1rem;transform:translateZ(0)}.bato-editor{background:radial-gradient(circle at 16% 12%,var(--garabato-yellow) 0 .42rem,transparent .45rem),var(--garabato-paper)}@supports (color:color-mix(in lab,red,red)){.bato-editor{background:radial-gradient(circle at 16% 12%,color-mix(in srgb,var(--garabato-yellow) 22%,transparent) 0 .42rem,transparent .45rem),color-mix(in srgb,var(--garabato-paper) 96%,transparent)}}.bato-editor{border:2px solid var(--garabato-ink);box-shadow:5px 6px 0 var(--garabato-shadow);color:var(--garabato-ink);scrollbar-width:thin;border-radius:16px 12px 18px 14px;gap:.72rem;width:min(24rem,100vw - 2rem);max-height:min(82vh,42rem);padding:.85rem;display:grid;bottom:1rem;right:1rem;overflow:auto}.bato-editor-head,.bato-editor-actions,.bato-layer-toggle,.bato-editor-foot{align-items:center;display:flex}.bato-editor-head{justify-content:space-between}.bato-editor-head>div{gap:.08rem;min-width:0;display:grid}.bato-editor-head strong{font-family:var(--garabato-font-ui);font-size:1.25rem}.bato-editor-head span,.bato-empty-state,.bato-list small,.bato-editor-foot span,.bato-field>span{color:var(--garabato-muted-ink);font-family:var(--garabato-font-mono);font-size:.68rem;font-weight:900}.bato-editor-head span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bato-icon-button,.bato-layer-toggle button,.bato-list-item button,.bato-editor-foot button{color:var(--garabato-ink);cursor:pointer;font:inherit}.bato-icon-button{background:0 0;border:0;justify-content:center;align-items:center;padding:.25rem;display:inline-flex}.bato-editor-actions{flex-wrap:wrap;gap:.45rem}.bato-editor-actions .garabato-button{min-height:2.1rem}.bato-layer-toggle{background:var(--garabato-blue-soft)}@supports (color:color-mix(in lab,red,red)){.bato-layer-toggle{background:color-mix(in srgb,var(--garabato-blue-soft) 54%,transparent)}}.bato-layer-toggle{border:2px solid var(--garabato-ink)}@supports (color:color-mix(in lab,red,red)){.bato-layer-toggle{border:2px solid color-mix(in srgb,var(--garabato-ink) 38%,transparent)}}.bato-layer-toggle{border-radius:12px 9px 13px 10px;gap:.35rem;padding:.32rem;display:grid}.bato-layer-toggle button{background:0 0;border:0;border-radius:9px 7px 10px 8px;justify-content:center;align-items:center;gap:.28rem;min-height:2.05rem;padding:.25rem .38rem;font-size:.84rem;font-weight:900;display:inline-flex}.bato-layer-toggle button.is-active{background:var(--garabato-paper);box-shadow:1px 1px 0 var(--garabato-shadow)}.bato-field{gap:.24rem;display:grid}.bato-field input{background:var(--garabato-paper);border:2px solid var(--garabato-ink);color:var(--garabato-ink);font:inherit;border-radius:10px 13px 9px 12px;width:100%;min-height:2.28rem;padding:.3rem .52rem;font-weight:800}.bato-layer-toggle{grid-template-columns:repeat(2,minmax(0,1fr))}.bato-empty-state{border:2px dashed var(--garabato-ink)}@supports (color:color-mix(in lab,red,red)){.bato-empty-state{border:2px dashed color-mix(in srgb,var(--garabato-ink) 34%,transparent)}}.bato-empty-state{border-radius:12px 9px 13px 10px;margin:0;padding:.75rem}.bato-list{gap:.35rem;display:grid}.bato-list-item{border:2px solid var(--garabato-ink);align-items:center}@supports (color:color-mix(in lab,red,red)){.bato-list-item{border:2px solid color-mix(in srgb,var(--garabato-ink) 20%,transparent)}}.bato-list-item{border-radius:10px 13px 9px 12px;grid-template-columns:minmax(0,1fr) auto;gap:.3rem;padding:.25rem;display:grid}.bato-list-item.is-active{background:var(--garabato-yellow)}@supports (color:color-mix(in lab,red,red)){.bato-list-item.is-active{background:color-mix(in srgb,var(--garabato-yellow) 38%,transparent)}}.bato-list-item.is-active{border-color:var(--garabato-ink)}.bato-list-item button{background:0 0;border:0}.bato-list-item button:first-child{text-align:left;justify-items:start;gap:.05rem;min-width:0;padding:.25rem .3rem;display:grid}.bato-list-item strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bato-list-item button:last-child{justify-content:center;align-items:center;padding:.3rem;display:inline-flex}.bato-editor-foot{border-top:2px solid var(--garabato-ink)}@supports (color:color-mix(in lab,red,red)){.bato-editor-foot{border-top:2px solid color-mix(in srgb,var(--garabato-ink) 18%,transparent)}}.bato-editor-foot{justify-content:space-between;padding-top:.55rem}.bato-editor-foot button{background:0 0;border:0;align-items:center;gap:.28rem;padding:.2rem;font-weight:950;display:inline-flex}@media(max-width:1100px){.docs-toc{display:none}.docs-layout{grid-template-columns:15rem minmax(0,1fr)}.docs-layout--component-detail{grid-template-columns:1fr}.docs-shell--component-detail{grid-template-rows:auto;height:auto;min-height:100vh;padding-bottom:4rem;overflow:visible}.docs-layout--component-detail .docs-sidebar{display:none}.docs-layout--component-detail .docs-sidebar-content{overflow:visible}.docs-layout--component-detail .docs-content{order:0}.docs-shell--component-detail .docs-layout,.docs-shell--component-detail .docs-content,.docs-shell--component-detail .docs-component-page,.docs-shell--component-detail .docs-component-layout,.docs-shell--component-detail .docs-component-main{height:auto;overflow:visible}.docs-shell--component-detail .docs-component-main{padding-right:0}.docs-component-mobile-tools{background:var(--docs-mobile-surface);gap:.95rem;padding:.2rem 0 .4rem;display:grid}.docs-component-layout{grid-template-columns:1fr}.docs-component-arrows{display:none}.docs-component-arrows--mobile{gap:1rem;margin-block:0;display:grid}}@media(max-width:980px){.landing-hero h1{font-size:6rem}.docs-layout--two-col,.docs-hero,.docs-layout,.docs-two-column{grid-template-columns:1fr}.docs-topbar{grid-template-columns:auto auto 1fr auto;gap:.65rem}.docs-menu-button{display:inline-flex}.docs-topnav{display:none}.docs-hero{min-height:auto;padding-top:0}.docs-sidebar{display:none}.docs-mobile-menu-card{z-index:60;align-content:start;gap:1.25rem;max-height:min(72svh,34rem);padding:1rem;display:grid;position:absolute;top:calc(100% + .75rem);left:0;right:0;overflow-y:auto}.docs-mobile-menu-group{gap:.25rem;display:grid}.docs-mobile-menu-group p{color:var(--garabato-muted-ink);font-family:var(--garabato-font-mono);text-transform:uppercase;margin:.4rem 0 .2rem;font-size:.75rem;font-weight:900}.docs-font-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-nav-group p{grid-column:1/-1}}@media(max-width:620px){.docs-shell{padding-inline:1rem}.docs-topbar{gap:.5rem;padding-inline:.65rem}.docs-topbar-actions{justify-content:end;gap:.35rem}.docs-brand{gap:.45rem}.docs-brand span:last-child,.docs-topbar-actions .garabato-button{gap:0;font-size:0}.docs-palette-trigger-label{display:none}.docs-topbar-actions .garabato-button svg{margin:0}.landing-hero h1{font-size:4.25rem}.docs-hero h1{font-size:clamp(2.35rem,16vw,3.5rem)}.docs-component-name{font-size:3.3rem}.docs-token-grid,.docs-font-grid,.docs-nav-group,.docs-example-head,.docs-note-grid,.docs-api-row{grid-template-columns:1fr}.docs-api-row{gap:.35rem}}@supports (border-shape:shape(from 0 0,line to 100% 0,line to 100% 100%,close)){.docs-topbar{border-shape:var(--garabato-border-shape);border-radius: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-outline-style{syntax:"*";inherits:false;initial-value:solid}