@layer lib,global,theme,components;@layer lib{:where(:root){--ratio-minor-second: 1.067;--ratio-major-second: 1.125;--ratio-minor-third: 1.2;--ratio-major-third: 1.25;--ratio-perfect-fourth: 1.333;--ratio-augmented-fourth: 1.414;--ratio-perfect-fifth: 1.5;--ratio-golden: 1.618;--ratio-major-sixth: 1.667;--ratio-minor-seventh: 1.778;--ratio-major-seventh: 1.875;--ratio-octave: 2;--aspect-ratio-square: 1;--aspect-ratio-landscape: 4/3;--aspect-ratio-portrait: 3/4;--aspect-ratio-widescreen: 16/9;--aspect-ratio-ultrawide: 18/5}}@layer lib{:where(:root){--step--2: calc(var(--step--1) / var(--ratio-minor-third));--step--1: calc(var(--step-0) / var(--ratio-minor-second));--step-0: 1rem;--step-1: calc(var(--step-0) * var(--ratio-major-second));--step-2: clamp(1.4238rem, 1.3146rem + .4854cqi, 1.8rem);--step-3: clamp(1.6018rem, 1.4398rem + .7202cqi, 2.16rem);--step-4: clamp(1.802rem, 1.5727rem + 1.0193cqi, 2.592rem);--step-5: clamp(2.0273rem, 1.7128rem + 1.3976cqi, 3.1104rem);--step-6: clamp(2.2807rem, 1.8592rem + 1.8733cqi, 3.7325rem)}:where(:root){--space-3xs: clamp(5px, 5px + 0cqi, 5px);--space-2xs: clamp(9px, 8.7097px + .0806cqi, 10px);--space-xs: clamp(14px, 13.7097px + .0806cqi, 15px);--space-s: clamp(18px, 17.4194px + .1613cqi, 20px);--space-m: clamp(27px, 26.129px + .2419cqi, 30px);--space-l: clamp(36px, 34.8387px + .3226cqi, 40px);--space-xl: clamp(54px, 52.2581px + .4839cqi, 60px);--space-2xl: clamp(72px, 69.6774px + .6452cqi, 80px);--space-3xl: clamp(108px, 104.5161px + .9677cqi, 120px);--space-3xs-2xs: clamp(5px, 3.5484px + .4032cqi, 10px);--space-2xs-xs: clamp(9px, 7.2581px + .4839cqi, 15px);--space-xs-s: clamp(14px, 12.2581px + .4839cqi, 20px);--space-s-m: clamp(18px, 14.5161px + .9677cqi, 30px);--space-m-l: clamp(27px, 23.2258px + 1.0484cqi, 40px);--space-l-xl: clamp(36px, 29.0323px + 1.9355cqi, 60px);--space-xl-2xl: clamp(54px, 46.4516px + 2.0968cqi, 80px);--space-2xl-3xl: clamp(72px, 58.0645px + 3.871cqi, 120px);--space-s-l: clamp(18px, 11.6129px + 1.7742cqi, 40px);--space-xs-l: clamp(14px, 6.4516px + 2.0968cqi, 40px);--space-2xs-m: clamp(9px, 2.9032px + 1.6935cqi, 30px);--space-xs-m: clamp(14px, 9.3548px + 1.2903cqi, 30px);--space-3xs-s: clamp(5px, .6452px + 1.2097cqi, 20px)}}@layer lib{:where(:root){--ease-1: cubic-bezier(.25, 0, .5, 1);--ease-2: cubic-bezier(.25, 0, .4, 1);--ease-3: cubic-bezier(.25, 0, .3, 1);--ease-4: cubic-bezier(.25, 0, .2, 1);--ease-5: cubic-bezier(.25, 0, .1, 1);--ease-in-1: cubic-bezier(.25, 0, 1, 1);--ease-in-2: cubic-bezier(.5, 0, 1, 1);--ease-in-3: cubic-bezier(.7, 0, 1, 1);--ease-in-4: cubic-bezier(.9, 0, 1, 1);--ease-in-5: cubic-bezier(1, 0, 1, 1);--ease-out-1: cubic-bezier(0, 0, .75, 1);--ease-out-2: cubic-bezier(0, 0, .5, 1);--ease-out-3: cubic-bezier(0, 0, .3, 1);--ease-out-4: cubic-bezier(0, 0, .1, 1);--ease-out-5: cubic-bezier(0, 0, 0, 1);--ease-in-out-1: cubic-bezier(.1, 0, .9, 1);--ease-in-out-2: cubic-bezier(.3, 0, .7, 1);--ease-in-out-3: cubic-bezier(.5, 0, .5, 1);--ease-in-out-4: cubic-bezier(.7, 0, .3, 1);--ease-in-out-5: cubic-bezier(.9, 0, .1, 1);--ease-elastic-out-1: cubic-bezier(.5, .75, .75, 1.25);--ease-elastic-out-2: cubic-bezier(.5, 1, .75, 1.25);--ease-elastic-out-3: cubic-bezier(.5, 1.25, .75, 1.25);--ease-elastic-out-4: cubic-bezier(.5, 1.5, .75, 1.25);--ease-elastic-out-5: cubic-bezier(.5, 1.75, .75, 1.25);--ease-elastic-in-1: cubic-bezier(.5, -.25, .75, 1);--ease-elastic-in-2: cubic-bezier(.5, -.5, .75, 1);--ease-elastic-in-3: cubic-bezier(.5, -.75, .75, 1);--ease-elastic-in-4: cubic-bezier(.5, -1, .75, 1);--ease-elastic-in-5: cubic-bezier(.5, -1.25, .75, 1);--ease-elastic-in-out-1: cubic-bezier(.5, -.1, .1, 1.5);--ease-elastic-in-out-2: cubic-bezier(.5, -.3, .1, 1.5);--ease-elastic-in-out-3: cubic-bezier(.5, -.5, .1, 1.5);--ease-elastic-in-out-4: cubic-bezier(.5, -.7, .1, 1.5);--ease-elastic-in-out-5: cubic-bezier(.5, -.9, .1, 1.5);--ease-step-1: steps(2);--ease-step-2: steps(3);--ease-step-3: steps(4);--ease-step-4: steps(7);--ease-step-5: steps(10);--ease-spring-1: linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001);--ease-spring-2: linear(0, .007, .029 2.2%, .118 4.7%, .625 14.4%, .826 19%, .902, .962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, .999 61.6%, .995 71.2%, 1);--ease-spring-3: linear(0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1);--ease-spring-4: linear(0, .009, .037 1.7%, .153 3.6%, .776 10.3%, 1.001, 1.142 16%, 1.185, 1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, .973, .955 39.2%, .953 41.1%, .957 43.3%, .998 53.3%, 1.009 59.1% 63.7%, .998 78.9%, 1);--ease-spring-5: linear(0, .01, .04 1.6%, .161 3.3%, .816 9.4%, 1.046, 1.189 14.4%, 1.231, 1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, .999 29.4%, .955 32.1%, .942, .935 34.9%, .933, .939 38.4%, 1 47.3%, 1.011, 1.017 52.6%, 1.016 56.4%, 1 65.2%, .996 70.2%, 1.001 87.2%, 1);--ease-bounce-1: linear(0, .004, .016, .035, .063, .098, .141, .191, .25, .316, .391 36.8%, .563, .766, 1 58.8%, .946, .908 69.1%, .895, .885, .879, .878, .879, .885, .895, .908 89.7%, .946, 1);--ease-bounce-2: linear(0, .004, .016, .035, .063, .098, .141 15.1%, .25, .391, .562, .765, 1, .892 45.2%, .849, .815, .788, .769, .757, .753, .757, .769, .788, .815, .85, .892 75.2%, 1 80.2%, .973, .954, .943, .939, .943, .954, .973, 1);--ease-bounce-3: linear(0, .004, .016, .035, .062, .098, .141 11.4%, .25, .39, .562, .764, 1 30.3%, .847 34.8%, .787, .737, .699, .672, .655, .65, .656, .672, .699, .738, .787, .847 61.7%, 1 66.2%, .946, .908, .885 74.2%, .879, .878, .879, .885 79.5%, .908, .946, 1 87.4%, .981, .968, .96, .957, .96, .968, .981, 1);--ease-bounce-4: linear(0, .004, .016 3%, .062, .141, .25, .391, .562 18.2%, 1 24.3%, .81, .676 32.3%, .629, .595, .575, .568, .575, .595, .629, .676 48.2%, .811, 1 56.2%, .918, .86, .825, .814, .825, .86, .918, 1 77.2%, .94 80.6%, .925, .92, .925, .94 87.5%, 1 90.9%, .974, .965, .974, 1);--ease-bounce-5: linear(0, .004, .016 2.5%, .063, .141, .25 10.1%, .562, 1 20.2%, .783, .627, .534 30.9%, .511, .503, .511, .534 38%, .627, .782, 1 48.7%, .892, .815, .769 56.3%, .757, .753, .757, .769 61.3%, .815, .892, 1 68.8%, .908 72.4%, .885, .878, .885, .908 79.4%, 1 83%, .954 85.5%, .943, .939, .943, .954 90.5%, 1 93%, .977, .97, .977, 1) }}@layer lib{:where(:root){--noise-1: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-2: url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-3: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-4: url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-5: url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-filter-1: contrast(300%) brightness(100%);--noise-filter-2: contrast(200%) brightness(150%);--noise-filter-3: contrast(200%) brightness(250%);--noise-filter-4: contrast(200%) brightness(500%);--noise-filter-5: contrast(200%) brightness(1000%)}}@layer lib{:where(:root){--size-header-1: 20ch;--size-header-2: 25ch;--size-header-3: 35ch;--size-content-1: 20ch;--size-content-2: 45ch;--size-content-3: 56ch;--size-content-4: 62ch;--layer-1: 1;--layer-2: 2;--layer-3: 3;--layer-4: 4;--layer-5: 5;--layer-bottom: var(--layer-1);--layer-top: var(--layer-5);--layer-important: 2147480000;--border-size-1: 1px;--border-size-2: 2px;--border-size-3: 5px;--border-size-4: 10px;--border-size-5: 25px;--radius-1: 2px;--radius-2: 5px;--radius-3: 1rem;--radius-4: 2rem;--radius-5: 4rem;--radius-6: 8rem;--radius-round: 9em;--radius-blob-1: 30% 70% 70% 30%/53% 30% 70% 47%;--radius-blob-2: 53% 47% 34% 66%/63% 46% 54% 37%;--radius-blob-3: 37% 63% 56% 44%/49% 56% 44% 51%;--radius-blob-4: 63% 37% 37% 63%/43% 37% 63% 57%;--radius-blob-5: 49% 51% 48% 52%/57% 44% 56% 43%;--radius-conditional-1: clamp(0px, calc(100vw - 100%) *100000, var(--radius-1));--radius-conditional-2: clamp(0px, calc(100vw - 100%) *100000, var(--radius-2));--radius-conditional-3: clamp(0px, calc(100vw - 100%) *100000, var(--radius-3));--radius-conditional-4: clamp(0px, calc(100vw - 100%) *100000, var(--radius-4));--radius-conditional-5: clamp(0px, calc(100vw - 100%) *100000, var(--radius-5));--radius-conditional-6: clamp(0px, calc(100vw - 100%) *100000, var(--radius-6)) --radius-conditional-1: clamp(0px, calc(100cqi - 100%) *100000, var(--radius-1));--radius-conditional-2: clamp(0px, calc(100cqi - 100%) *100000, var(--radius-2));--radius-conditional-3: clamp(0px, calc(100cqi - 100%) *100000, var(--radius-3));--radius-conditional-4: clamp(0px, calc(100cqi - 100%) *100000, var(--radius-4));--radius-conditional-5: clamp(0px, calc(100cqi - 100%) *100000, var(--radius-5));--radius-conditional-6: clamp(0px, calc(100cqi - 100%) *100000, var(--radius-6)) }*{--shadow-strength: 1%;--shadow-chroma: 3%;--shadow-hue: var(--shadow-tint, var(--palette-hue));--shadow-color: 15% var(--shadow-chroma)var(--shadow-hue);--inner-shadow-highlight: inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 #0001;--shadow-1: 0 1px 2px -1px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--shadow-2: 0 3px 5px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 7px 14px -5px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 5%));--shadow-3: 0 -1px 3px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 2%)), 0 1px 2px -5px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 2%)), 0 2px 5px -5px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 4%)), 0 4px 12px -5px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 5%)), 0 12px 15px -5px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-4: 0 -2px 5px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 2%)), 0 1px 1px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 2px 2px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 5px 5px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 4%)), 0 9px 9px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 5%)), 0 16px 16px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 6%));--shadow-5: 0 -1px 2px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 2%)), 0 2px 1px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 5px 5px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 10px 10px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 4%)), 0 20px 20px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 5%)), 0 40px 40px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-6: 0 -1px 2px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 2%)), 0 3px 2px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 7px 5px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 3%)), 0 12px 10px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 4%)), 0 22px 18px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 5%)), 0 41px 33px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 6%)), 0 100px 80px -2px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--inner-shadow-0: inset 0 0 0 1px oklch(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-1: inset 0 1px 2px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);--inner-shadow-2: inset 0 1px 4px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);--inner-shadow-3: inset 0 2px 8px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight);--inner-shadow-4: inset 0 2px 14px 0 oklch(var(--shadow-color)/calc(var(--shadow-strength) + 9%)), var(--inner-shadow-highlight) }@media(prefers-color-scheme:dark){*{--shadow-strength: 25%;--shadow-chroma: 10%;--shadow-hue: var(--shadow-tint, var(--palette-hue));--shadow-color: 15% var(--shadow-chroma)var(--shadow-hue);--inner-shadow-highlight: inset 0 -.5px 0 0 #fff1, inset 0 .5px 0 0 #0007 }}*{--color-1: oklch(98% calc(.03*var(--palette-chroma, 1))calc(var(--palette-hue) + (0*var(--palette-hue-rotate-by))));--color-2: oklch(97% calc(.06*var(--palette-chroma, 1))calc(var(--palette-hue) + (1*var(--palette-hue-rotate-by))));--color-3: oklch(93% calc(.1*var(--palette-chroma, 1))calc(var(--palette-hue) + (2*var(--palette-hue-rotate-by))));--color-4: oklch(84% calc(.12*var(--palette-chroma, 1))calc(var(--palette-hue) + (3*var(--palette-hue-rotate-by))));--color-5: oklch(80% calc(.16*var(--palette-chroma, 1))calc(var(--palette-hue) + (4*var(--palette-hue-rotate-by))));--color-6: oklch(71% calc(.19*var(--palette-chroma, 1))calc(var(--palette-hue) + (5*var(--palette-hue-rotate-by))));--color-7: oklch(66% calc(.2*var(--palette-chroma, 1))calc(var(--palette-hue) + (6*var(--palette-hue-rotate-by))));--color-8: oklch(58% calc(.21*var(--palette-chroma, 1))calc(var(--palette-hue) + (7*var(--palette-hue-rotate-by))));--color-9: oklch(53% calc(.2*var(--palette-chroma, 1))calc(var(--palette-hue) + (8*var(--palette-hue-rotate-by))));--color-10: oklch(49% calc(.19*var(--palette-chroma, 1))calc(var(--palette-hue) + (9*var(--palette-hue-rotate-by))));--color-11: oklch(42% calc(.17*var(--palette-chroma, 1))calc(var(--palette-hue) + (10*var(--palette-hue-rotate-by))));--color-12: oklch(35% calc(.15*var(--palette-chroma, 1))calc(var(--palette-hue) + (11*var(--palette-hue-rotate-by))));--color-13: oklch(27% calc(.12*var(--palette-chroma, 1))calc(var(--palette-hue) + (12*var(--palette-hue-rotate-by))));--color-14: oklch(20% calc(.09*var(--palette-chroma, 1))calc(var(--palette-hue) + (13*var(--palette-hue-rotate-by))));--color-15: oklch(16% calc(.07*var(--palette-chroma, 1))calc(var(--palette-hue) + (14*var(--palette-hue-rotate-by))));--color-16: oklch(10% calc(.05*var(--palette-chroma, 1))calc(var(--palette-hue) + (15*var(--palette-hue-rotate-by)))) }}@layer global{:where(:root){interpolate-size:allow-keywords;text-rendering:normal}:where(:root) *,:where(:root) :before,:where(:root) :after{box-sizing:border-box;margin:0}:where(hr){border:0;height:2px;background-color:var(--surface-3)}:where(body){scrollbar-gutter:stable}:where(body){min-block-size:100svh;line-height:1.5}:where(menu){padding:0}}@layer global{:where(:root){--oklch-red: 25;--oklch-pink: 350;--oklch-purple: 310;--oklch-violet: 290;--oklch-indigo: 270;--oklch-blue: 240;--oklch-cyan: 210;--oklch-teal: 185;--oklch-green: 145;--oklch-lime: 125;--oklch-yellow: 100;--oklch-orange: 75}}@layer global{:where(html){--font-sans: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Adwaita Sans, Cantarell, Noto Sans, sans-serif;--font-mono: Dank Mono, Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, monospace;--font-showcase: "Ysabeau SC", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Adwaita Sans, Cantarell, Noto Sans, sans-serif;--font-serif: "Literata", ui-serif, serif;line-height:var(--ratio-major-seventh);font-family:var(--font-sans)}:where(h1,h2,h3,h4,h5,h6){--_heading-margin: calc(1em / var(--ratio-minor-second));--_heading-smallest: var(--heading-smallest, 1.4238);--_heading-largest: var(--heading-largest, 1.8);--_size: calc((var(--_heading-largest) - var(--_heading-smallest)) / (30 - 20));font-family:var(--font-showcase);font-weight:600;line-height:1.15;font-size:clamp(var(--_heading-smallest) * 1rem,var(--_size) * 100vw,var(--_heading-largest) * 1rem);margin-block:var(--_heading-margin) calc(var(--_heading-margin) / var(--ratio-octave));text-wrap:pretty}:where(h1){--heading-smallest: pow(var(--ratio-major-second), 5) ;--heading-largest: pow(var(--ratio-major-third), 5) ;letter-spacing:-.015em;line-height:1.1}:where(h2){--heading-smallest: pow(var(--ratio-major-second), 4) ;--heading-largest: pow(var(--ratio-minor-third), 4) ;line-height:1.1855554}:where(h3){--heading-smallest: pow(var(--ratio-major-second), 3) ;--heading-largest: pow(var(--ratio-minor-third), 3) ;line-height:1.2649876}:where(h4){--heading-smallest: pow(var(--ratio-major-second), 2) ;--heading-largest: pow(var(--ratio-minor-third), 2) ;line-height:1.3497418}:where(h5){--heading-smallest: pow(var(--ratio-major-second), 1) ;--heading-largest: pow(var(--ratio-minor-third), 1) ;font-size:var(--step-1)}:where(h6){font-size:var(--step-0);line-height:inherit}:where(hgroup)>:where(p){margin:0}:where(hgroup)>:where(p):first-child{color:var(--text-color-3);font-family:var(--font-sans);font-size:var(--step--2)}:where(hgroup)>:where(h1,h2,h3,h4,h5,h6){margin-block-end:.4em;margin-block-start:0}:where(hgroup)>:where(p,.p):last-of-type:last-child:not(:first-child){color:oklch(from currentColor l c h / 75%);font-size:var(--step-2);line-height:1.6}:where(.overline,hgroup>:where(p,.p):first-of-type:first-child){color:light-dark(oklch(from var(--text-color-2) calc(l/.8) c h),oklch(from var(--text-color-2) calc(l*.75) c h));font-size:var(--step--2);font-weight:500;letter-spacing:.06em;line-height:2.5;text-transform:uppercase}:where(p).small{font-size:var(--step--1)}:where(p).large{font-size:var(--step-1)}:where(ins,u,abbr,dfn){text-decoration:underline;text-underline-offset:1px}@supports (-moz-appearance: none){:where(ins,u,abbr,dfn){text-underline-offset:2px}}:where(abbr,dfn){font-style:normal;text-decoration:var(--color-9) underline dotted}:where(abbr,dfn)[title]{cursor:help;text-underline-offset:1px}@supports (-moz-appearance: none){:where(abbr,dfn){text-underline-offset:2px}}:where(del,ins){color:var(--color-9)}:where(small){font-size:.887em;max-inline-size:revert}:where(cite){font-style:italic}:where(blockquote,:not(blockquote)>cite){border-inline-start-width:var(--border-size-3)}:where(:not(blockquote)>cite){padding-inline-start:var(--size-2)}:where(blockquote){--_font-size: calc(1em / var(--ratio-minor-second));--_padding-inline-start: var(--space-l);--_padding-inline-end: var(--space-s);--_padding-block: var(--space-3xs);--_margin-block: var(--space-s);--_stroke-size: var(--border-size-2);display:grid;font-size:var(--_font-size);gap:var(--space-s);padding-block:var(--_padding-block);padding-inline:var(--_padding-inline-start) var(--_padding-inline-start);max-width:90%;position:relative;max-inline-size:var(--size-content-3);text-wrap:pretty;margin-block:var(--_margin-block);margin-inline:0}:where(blockquote)>p{font-size:var(--_font-size)}:where(blockquote) :first-child{margin-block-start:0}:where(blockquote) :last-child{margin-block-end:0}:where(blockquote) footer{color:var(--text-color-2)}:where(blockquote):before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9Im9rbGNoKDAuODQgMC4wMSA3NSkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1xdW90ZS1pY29uIGx1Y2lkZS1xdW90ZSI+PHBhdGggZD0iTTE2IDNhMiAyIDAgMCAwLTIgMnY2YTIgMiAwIDAgMCAyIDIgMSAxIDAgMCAxIDEgMXYxYTIgMiAwIDAgMS0yIDIgMSAxIDAgMCAwLTEgMXYyYTEgMSAwIDAgMCAxIDEgNiA2IDAgMCAwIDYtNlY1YTIgMiAwIDAgMC0yLTJ6Ii8+PHBhdGggZD0iTTUgM2EyIDIgMCAwIDAtMiAydjZhMiAyIDAgMCAwIDIgMiAxIDEgMCAwIDEgMSAxdjFhMiAyIDAgMCAxLTIgMiAxIDEgMCAwIDAtMSAxdjJhMSAxIDAgMCAwIDEgMSA2IDYgMCAwIDAgNi02VjVhMiAyIDAgMCAwLTItMnoiLz48L3N2Zz4=);position:absolute;box-sizing:border-box;left:6px;top:0}:where(blockquote):after{background-color:var(--gray-6);box-sizing:border-box;content:"";position:absolute;left:calc(var(--_padding-inline-start) / 2 - var(--_stroke-size));top:30px;bottom:calc(var(--_padding-block) * -1);width:var(--_stroke-size)}:where(pre){direction:ltr;font-size:var(--step--1);line-height:1.5142857;max-inline-size:100%;overflow-x:auto;min-inline-size:0;white-space:pre;writing-mode:lr}:where(code,kbd,samp,pre){font-family:var(--font-mono)}:where(code):not(pre :where(code)){border-radius:var(--radius-1);background:light-dark(oklch(from var(--bg) calc(l - .08) c h / 1),oklch(from var(--bg) calc(l + .1) c h / 1));padding:.2ex .5ex}:where(kbd,var){background-color:var(--text-color-2);border-color:var(--text-color-2);border-radius:var(--border-radius, var(--radius-2));border-width:var(--border-size-1);color:var(--text-color-2-contrast)}:where(:not(pre) code,kbd){word-break:break-word}:where(mark){border-radius:var(--border-radius, 0);-webkit-box-decoration-break:clone;box-decoration-break:clone;vertical-align:baseline}:where(dt){font-weight:700}:where(figure)>:where(figcaption){font-size:var(--font-size-1, 1rem);text-wrap:balance}:where(p,table,blockqoute,pre){margin-block:var(--space-s)}:where(table){--_border-color: light-dark(var(--gray-5), var(--gray-11));table-layout:fixed;font-family:var(--font-sans);font-variant-numeric:proportional-nums;font-size:calc(1em / var(--ratio-minor-second));border:var(--border-size-1) solid var(--_border-color);border-collapse:collapse;inline-size:max-content;border-radius:var(--radius-3)}:where(table) thead{display:none}:where(table) thead:has(th:not(:empty)){display:table-header-group}:where(table) td,:where(table) th{vertical-align:top;border:var(--border-size-1) solid var(--_border-color);padding:calc(1em / var(--ratio-perfect-fourth)) calc(1em / var(--ratio-perfect-fourth))}:where(table) th{font-weight:600}:where(.prose){--_margin-block: calc(1lh / 2 / var(--ratio-golden));--_line-height: var(--ratio-minor-seventh);font-family:var(--font-serif);font-variant-numeric:oldstyle-nums;line-height:var(--_line-height);margin-trim:block;text-wrap-style:pretty;font-weight:400}:where(.prose) blockquote{font-size:inherit;line-height:inherit}:where(.prose) blockquote :first-child{margin-block-start:0}:where(.prose) blockquote :last-child{margin-block-end:0}:where(.prose) p{font-size:inherit;line-height:inherit;margin-block:var(--_margin-block);text-wrap-style:stable;-webkit-hyphens:auto;hyphens:auto}:is(:where(.prose).drop-cap article-toc+p,:where(.prose).drop-cap hgroup+p):first-letter{text-transform:uppercase;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}@supports (initial-letter: 2){:is(:where(.prose).drop-cap article-toc+p,:where(.prose).drop-cap hgroup+p):first-letter{-webkit-initial-letter:2;initial-letter:2;padding-right:.75ch}}@supports not (initial-letter: 2){:is(:where(.prose).drop-cap article-toc+p,:where(.prose).drop-cap hgroup+p):first-letter{font-size:2lh;letter-spacing:.4rem;line-height:.6;margin-top:.36lh;text-align:left;float:left}}:where(.prose) :is(h1,h2,h3,h4,h5,h6){--_heading-margin: .75em;font-family:var(--font-serif);color:var(--text-color-2);font-weight:400;line-height:1.15;margin-block:var(--_heading-margin) calc(var(--_heading-margin) / 1.618);text-wrap:pretty}:where(.prose) :is(h1,h2,h3,h4,h5,h6)+*{margin-block-start:0}hgroup>:is(:where(.prose) :is(h1,h2,h3,h4,h5,h6)){--_heading-margin: 0}:where(.prose) :is(h1){line-height:1.1}:where(.prose) :is(h2):not(hgroup :is(:where(.prose) :is(h2))){font-weight:400}:where(.prose) :is(h4,h5,h6){font-weight:500}:where(.prose) :where(.overline,hgroup>:where(p,.p):first-of-type:first-child){color:light-dark(oklch(from var(--text-color-2) calc(l/.8) c h),oklch(from var(--text-color-2) calc(l*.75) c h));font-size:var(--step--2);font-weight:500;letter-spacing:.06em;line-height:2.5;text-transform:uppercase}:where(.prose) hgroup>p{margin:0}:where(.prose) hgroup>:where(h1,h2,h3,h4,h5,h6){margin-block-end:.4em}:where(.prose) hgroup>:where(p,.p):last-of-type:last-child:not(:first-child){color:oklch(from currentColor l c h / 75%);font-size:var(--step-1);line-height:1.6}:where(.prose) hgroup+p{margin-block-start:0}:where(.prose) ul:not([class]){list-style-type:disc}:where(.prose) ol:not([class]){list-style-type:decimal}:where(.prose) :where(ul,ol):not([class]){display:grid;font-size:inherit;gap:.5em;line-height:inherit}:where(.prose) :where(dl){font-size:inherit;line-height:inherit}:where(.prose) figure{margin-block:var(--space-s-m);margin-inline:auto;overflow:hidden}:where(.prose) figure>*{display:grid;padding:var(--space-s)}:where(.prose) figure img,:where(.prose) figure picture{max-inline-size:100%;block-size:auto}:where(.prose) figure figcaption{contain:inline-size;display:flex;font-size:calc(1em / var(--ratio-major-third));inline-size:100%;justify-content:center;margin-block-start:var(--space-2xs)}:where(.prose)>:first-child{margin-block-start:0}:where(.prose)>:last-child{margin-block-end:0}:where(.prose)>:last-child hr+*{margin-block-start:0}:where(.prose)>:last-child table{font-family:var(--font-sans)}:where(sup){display:inline-flex;justify-content:center;width:1.25ch}:where(sup) a:hover{color:var(--focus-color)}:where(.footnotes){font-size:var(--step--1)}}@layer global{:where(a,.link){--_bgc: oklch(from var(--primary) l c h / .1);color:inherit;transition:color .1s var(--ease-in-out-1)}:where(a,.link)[href]{text-decoration-thickness:clamp(1px,.025em,.05em);text-underline-offset:.2em;text-decoration-line:underline;text-decoration-style:solid}:where(a,.link)[href]:hover{text-decoration-thickness:clamp(2px,.125em,3px);text-underline-offset:.2em;text-decoration-color:light-dark(var(--primary),var(--primary-light))}:where(a,.link)[href]:visited:not(:hover){color:inherit}:where(a,.link)[href]:active{color:light-dark(var(--primary),var(--primary-light))}.prose :where(a,.link){text-decoration-color:light-dark(var(--primary-dark),var(--primary-light))}button :where(a,.link){text-decoration:none}button :where(a,.link):hover{text-decoration:none}h1 :where(a,.link):not(:hover,:active),h2 :where(a,.link):not(:hover,:active),h3 :where(a,.link):not(:hover,:active),h4 :where(a,.link):not(:hover,:active),h5 :where(a,.link):not(:hover,:active),h6 :where(a,.link):not(:hover,:active){text-decoration:none}menu :where(a,.link):not(:hover,:active),nav :where(a,.link):not(:hover,:active){text-decoration:none}}@layer theme{:where(:root){color-scheme:dark light;--palette-hue: var(--oklch-blue);--palette-hue-rotate-by: 0;--palette-chroma: .89;--gray-chroma: .01;--gray-1: oklch(from var(--color-1) l var(--gray-chroma) h);--gray-2: oklch(from var(--color-2) l var(--gray-chroma) h);--gray-3: oklch(from var(--color-3) l var(--gray-chroma) h);--gray-4: oklch(from var(--color-4) l var(--gray-chroma) h);--gray-5: oklch(from var(--color-5) l var(--gray-chroma) h);--gray-6: oklch(from var(--color-6) l var(--gray-chroma) h);--gray-7: oklch(from var(--color-7) l var(--gray-chroma) h);--gray-8: oklch(from var(--color-8) l var(--gray-chroma) h);--gray-9: oklch(from var(--color-9) l var(--gray-chroma) h);--gray-10: oklch(from var(--color-10) l var(--gray-chroma) h);--gray-11: oklch(from var(--color-11) l var(--gray-chroma) h);--gray-12: oklch(from var(--color-12) l var(--gray-chroma) h);--gray-13: oklch(from var(--color-13) l var(--gray-chroma) h);--gray-14: oklch(from var(--color-14) l var(--gray-chroma) h);--gray-15: oklch(from var(--color-15) l var(--gray-chroma) h);--gray-16: oklch(from var(--color-16) l var(--gray-chroma) h);--primary: var(--color-8);--primary-light: var(--color-6);--primary-dark: var(--color-10);--primary-contrast: var(--gray-1);--text-color-bright: light-dark(var(--gray-15), var(--gray-1));--text-color-bright-contrast: light-dark(var(--gray-1), var(--gray-15));--text-color-1: light-dark(var(--gray-13), var(--gray-3));--text-color-1-contrast: light-dark(var(--gray-4), var(--gray-13));--text-color-2: light-dark(var(--gray-12), var(--gray-4));--text-color-2-contrast: light-dark(var(--gray-4), var(--gray-12));--text-color-3: light-dark(var(--gray-8), var(--gray-7));--text-color-3-contrast: light-dark(var(--gray-6), var(--gray-10));--surface-default: light-dark(var(--gray-1), var(--gray-14));--surface-elevated: light-dark(var(--gray-2), var(--gray-13));--surface-tonal: light-dark(var(--gray-3), var(--gray-12));--surface-filled: light-dark(var(--gray-4), var(--gray-11));--shadow-color: light-dark(220 3% 15%, 220 40% 2%);--shadow-strength: light-dark(1%, 10%);--inner-shadow-highlight: light-dark(inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 #0001, inset 0 -.5px 0 0 #fff1, inset 0 .5px 0 0 #0007);--field-border-color: var(--border-color);--field-border-radius: var(--size-2);--field-border-width: 1px;--field-size: 2.3lh;--field-size-small: 1.9lh;--focus-color: light-dark(var(--primary), var(--primary-light))}:where(:root)[data-theme=light]{color-scheme:light}:where(:root)[data-theme=dark]{color-scheme:dark}:where(.red,.error,del){--palette-hue: var(--oklch-red, 25);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(.blue,.ok,abbr,dfn){--palette-hue: var(--oklch-blue, 210);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(.green,.good,ins){--palette-hue: var(--oklch-green, 145);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(.dark-green){--palette-hue: var(--oklch-green);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(.orange,.warning){--palette-hue: var(--oklch-orange, 75);--palette-chroma: 1;--palette-hue-rotate-by: 1}:where(html){--warning-bg: light-dark(oklch(from var(--color-3) l .2 var(--oklch-orange)), oklch(from var(--color-8) l .2 var(--oklch-orange)));--error-bg: oklch(from var(--color-11) l .2 var(--oklch-red));--red: oklch(from var(--color-9) l .2 var(--oklch-red));--blue: oklch(from var(--color-10) l .2 var(--oklch-blue));--blue-alt: oklch(from var(--color-9) l .2 var(--oklch-blue-alt));--green: oklch(from var(--color-8) l .2 var(--oklch-green));--green-light: oklch(from var(--color-6) l .2 var(--oklch-green));--green-dark: oklch(from var(--color-11) l .2 var(--oklch-green));--green-tinted: oklch(from var(--color-9) l .2 var(--oklch-green));--orange-tinted: oklch(from var(--color-7) l .2 var(--oklch-orange));--brown-light: oklch(from var(--color-8) l .2 var(--oklch-yellow));--brown: oklch(from var(--color-11) l .2 var(--oklch-yellow))}:where(html){--light-bg: oklch(from var(--color-1) l .01 h / 1);--dark-bg: oklch(from var(--color-14) l .01 var(--palette-hue) / 1);--bg: light-dark(var(--light-bg), var(--dark-bg));background-color:var(--bg)}:where(html){color:var(--text-color-2)}:where(html)::selection{background-color:oklch(from var(--primary-dark) 40% c h / 1);color:var(--gray-1)}}@layer components{:where(auto-grid,.auto-grid){--_min-col-size: var(--min-col-size, 36ch);--_gap: var(--gap, var(--space-xl));display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--_min-col-size),100%),1fr));gap:var(--_gap)}:where(auto-grid,.auto-grid)>.title{grid-column:1 / -1}}@layer components{:where(content-grid,.content-grid){--_padding-inline: var(--padding-inline, var(--space-xs-s));--_content-max-width: var(--content-max-width, var(--size-content-3));--_breakout-max-width: var(--breakout-max-width, 900px);--_breakout-size: calc((var(--_breakout-max-width) - var(--_content-max-width)) / 2);display:grid;grid-template-columns:[full-width-start] minmax(var(--_padding-inline),1fr) [breakout-start] minmax(0,var(--_breakout-size)) [content-start] min(100% - (var(--_padding-inline) * 2),var(--_content-max-width)) [content-end] minmax(0,var(--_breakout-size)) [breakout-end] minmax(var(--_padding-inline),1fr) [full-width-end]}:where(content-grid,.content-grid)>:not(.breakout,.full-width){grid-column:content}:where(content-grid,.content-grid) .full-width>:not(.breakout,.full-width){grid-column:content}:where(content-grid,.content-grid) .breakout{grid-column:breakout}:where(content-grid,.content-grid) .full-width{grid-column:full-width;display:grid}:where(content-grid,.content-grid) img.full-width{width:100%;max-height:45vh;object-fit:cover}:is(.content-grid :where(content-grid,.content-grid),content-grid :where(content-grid,.content-grid)){grid-column:1 / -1;grid-template-columns:subgrid}}@layer components{:where(.chevron){display:inline-block;transition:transform .1s var(--ease-in-out-3)}:where(.chevron).open{transform:rotate(.25turn)}@media(hover:hover){:where(.chevron):hover{color:var(--accent-color)}}}@layer components{@scope(.grocery-item){align-items: center;list-style: none;border-radius: var(--radius-2);column-gap: var(--space-xs);display: grid;grid-template-columns: auto minmax(2rem,100%) auto 1rem;padding: var(--space-3xs) var(--space-xs);transition: var(--basic-hover-transition);min-block-size: var(--item-min-height, 40px);width: 100%;button{padding:0}.item-check{align-self:first baseline;margin-top:.2lh}&.item-form{background-color:var(--surface-tonal);box-shadow:var(--shadow-1);align-items:center;position:relative;input[type=text],textarea{background:transparent;border:none;font-family:var(--font-sans);font-size:1em;margin:0;min-width:2ch;padding:0;text-rendering:normal;&:focus{outline:0}}textarea{word-wrap:break-word;scrollbar-width:none;resize:none;line-height:inherit}.grow-container{display:grid;grid-template-columns:auto;grid-template-rows:auto;@supports not (field-sizing: content){&:after{box-sizing:border-box;content:attr(data-content) "";visibility:hidden;display:inline-block;margin:0;padding:0;max-width:100%;word-wrap:break-word;grid-column:1 / -1;grid-row:1 / -1;width:fit-content}textarea{grid-column:1 / -1;grid-row:1 / -1;overflow:clip;word-wrap:break-word;scrollbar-width:none;height:100%;max-width:100%}}}.item-content{>span{&:focus-within{border-color:light-dark(var(--primary),var(--primary-light))}align-items:center}}.cancel-button{font-size:1.2em}.delete-button,.cat-selector-trigger{visibility:visible}input[type=checkbox],input[type=checkbox]+img{cursor:default}}.item-quantity{b{input[type=text]{font-weight:600;font-family:var(--font-sans);padding-right:4.6px;min-inline-size:1ch}}}@media(hover:hover){&:hover{background-color:var(--surface-tonal);box-shadow:var(--shadow-1)}}.item-content{display:flex;flex-flow:row wrap;column-gap:var(--space-s);>span{border-bottom:var(--border-size-2) solid transparent}}.input-resize-container{max-width:100%}@supports (field-sizing: content){input[type=text],textarea{field-sizing:content;max-width:100%}}input[type=checkbox]{cursor:pointer;background:var(--surface-default);display:block;border-radius:var(--radius-2);border:var(--border-size-2) solid var(--text-color-3);color:light-dark(var(--gray-10),var(--gray-7));place-content:center;place-items:center;width:var(--space-s);height:var(--space-s);-webkit-appearance:none;appearance:none;&:checked{background:var(--primary);border-color:var(--primary);color:var(--text-color-3)}&:disabled{opacity:.4}&:disabled+img{opacity:.5}}.check{input[type=checkbox]:checked{background:var(--green);border-color:var(--green)}}input[type=checkbox]+img{cursor:pointer;transform:translateY(calc(0px - var(--space-s)));margin-bottom:calc(0px - var(--space-s));display:none;width:var(--space-s);height:var(--space-s)}input[type=checkbox]:checked+img{display:block}.add-item-comment{cursor:pointer}@media(hover:hover){.add-item-comment,.delete-button,.cat-selector-trigger{visibility:hidden;transition:var(--basic-hover-transition)}&:hover{.add-item-comment,.delete-button,.cat-selector-trigger{visibility:visible}}.open{.cat-selector-trigger{visibility:visible}}}.add-item-comment{padding:0;@media(hover:hover){opacity:.5;&:hover{opacity:1}}}.delete-button{@media(hover:hover){&:hover{color:var(--red-6)}}}}}@layer components{:where(.grocery-category){--_handle-size: 1rem;block-size:100%}:where(.grocery-category) .cat-dropzone{block-size:10px;inline-size:100%;transition:block-size .1s var(--ease-in-out-1);display:flex;align-items:center}:where(.grocery-category) .cat-dropzone .drop-indicator{block-size:2px;background:var(--primary);width:100%}:where(.grocery-category) .cat-dropzone.active{border:1px dashed var(--primary);block-size:32px;border-radius:var(--radius-2)}:where(.grocery-category) .cat-dropzone.active .drop-indicator{visibility:hidden}:is(:where(.grocery-category).dragged,:where(.grocery-category):has(+.dragged)) .cat-dropzone{display:none}:where(.grocery-category) .category-body{height:auto;display:flex;flex-flow:column nowrap;transition:height 125ms var(--ease-in-out-3);overflow-y:clip;overflow-x:visible;padding-inline-start:0;margin-block-end:var(--space-3xs);row-gap:.2rem}:where(.grocery-category) .category-body.collapsed{height:0;overflow:hidden;z-index:-1}:where(.grocery-category) h4{display:flex;gap:var(--space-3xs);align-items:center;margin-block:var(--space-2xs);block-size:2rem}:where(.grocery-category) h4:has(.handle){margin-inline-start:calc(0px - var(--_handle-size) - var(--space-3xs))}.dragged :is(:where(.grocery-category) h4){opacity:.5}.dragged :is(:where(.grocery-category) h4) .handle,.dragged :is(:where(.grocery-category) h4) .chevron{visibility:hidden}:where(.grocery-category) h4 .cat-title{border-bottom:var(--border-size-2) solid transparent;display:flex;align-items:center}:where(.grocery-category) h4 .cat-title:has(input[type=text]){border-color:var(--primary)}:where(.grocery-category) h4 .chevron,:where(.grocery-category) h4 .delete-button{display:flex}:where(.grocery-category) h4 .counter{font-size:.7em;margin-inline-start:var(--space-3xs)}:where(.grocery-category) h4 .counter.all-done{color:var(--green)}:where(.grocery-category) h4 .delete-button{font-size:.75em}@media(hover:hover){:where(.grocery-category) h4 .delete-button:hover{color:var(--red-6)}}:where(.grocery-category) h4 input[type=text]{background:transparent;border:none;font-size:inherit;font-family:var(--font-sans);font-weight:600;margin:0;padding:0}:where(.grocery-category) h4 input[type=text]:focus{outline:0}@supports (field-sizing: content){:where(.grocery-category) h4 input{field-sizing:content;max-width:100%}}:where(.grocery-category) h4 .handle{cursor:grab;inline-size:var(--_handle-size);opacity:.8;margin-inline-end:var(--space-3xs);block-size:calc(var(--_handle-size) * 1.35)}:where(.grocery-category):not(.editable) .handle{visibility:hidden;pointer-events:none}:where(.grocery-category).editable:not(.dragged) h4 .handle{visibility:hidden;pointer-events:none}@media(hover:hover){:where(.grocery-category).editable:not(.dragged) h4:hover .handle{visibility:visible;pointer-events:all}}}@layer components{:where(button,[role=button]){--_padding-base: var(--padding-base, .8ex);--_bg: transparent;--_border-color: transparent;--_padding-block: var(--_padding-base);--_padding-inline: calc(var(--_padding-base) * var(--ratio-minor-seventh));--_button-border-radius: var(--button-border-radius, var(--radius-3));background:var(--_bg);border:var(--border-size-1) solid var(--_border-color);border-radius:var(--_button-border-radius);padding:var(--_padding-block) var(--_padding-inline);font-size:var(--step--1);color:var(--text-color-2);font-weight:500}:where(button,[role=button]):hover{text-decoration:none}:is(:where(button,[role=button]):not([btn-style]),:where(button,[role=button])[btn-style=outline]):not([disabled]):not(:active,.active):hover{--_bg: light-dark(oklch(from var(--gray-7) l .01 h / 20%), oklch(from var(--gray-7) l .01 h / 30%))}:is(:where(button,[role=button]):not([btn-style]),:where(button,[role=button])[btn-style=outline]):not([disabled]):hover:active:not(.active){--_bg: light-dark(oklch(from var(--primary) l .06 h / 30%), oklch(from var(--primary) l .06 h / 40%))}:where(button,[role=button])[btn-style=outline]{--_border-color: var(--gray-9)}:where(button,[role=button])[btn-style=fill]{--_border-color: light-dark(var(--color-7), var(--color-9));--_bg: light-dark(var(--color-7), var(--color-9));color:var(--gray-1);transition:transform .1s var(--ease-in-out-1)}:where(button,[role=button])[btn-style=fill]:not([disabled]):not(:active,.active):hover{transform:scale(1.05)}:where(button,[role=button])[disabled],:where(button,[role=button]):disabled{cursor:not-allowed;opacity:.7}:where(button,[role=button])[btn-size=large]{--_padding-base: var(--padding-base, 1.1ex);font-size:var(--step-1);font-weight:600}:where(button,[role=button])[btn-form=round]{border-radius:var(--radius-round)}:where(button,[role=button]).active{--_bg: light-dark(var(--color-7), var(--color-9));color:var(--gray-3)}:where(button,[role=button]).active>a{color:var(--gray-3)}:where(button,[role=button]):has(a){padding:0}:where(button,[role=button]):has(a) a{display:flex;padding:var(--_padding-block) var(--_padding-inline)}:where([role=group])>*{border-radius:0}:where([role=group])>*:first-child{border-top-left-radius:var(--_button-border-radius);border-bottom-left-radius:var(--_button-border-radius);border-right:0}:where([role=group])>*:last-child{border-top-right-radius:var(--_button-border-radius);border-bottom-right-radius:var(--_button-border-radius);border-left:0}}@layer components{@media(max-width:450px)and (not (hover:hover)){:where(app-bar){background:var(--surface-elevated);box-shadow:var(--shadow-2);border:var(--border-size-1) solid light-dark(var(--gray-4),var(--gray-12));margin:var(--space-xs) var(--space-xs);border-radius:var(--radius-3);padding-block:var(--space-2xs);align-items:center}:where(app-bar) a-dropdown{visibility:hidden;pointer-events:none}}@media not (max-width:450px){:where(app-bar){border-bottom:var(--border-size-1) solid light-dark(var(--gray-4),var(--gray-12));padding:var(--space-2xs) var(--space-3xs)}:where(app-bar) a-dropdown{visibility:visible;pointer-events:all}}:where(app-bar)>nav{display:grid;grid-auto-flow:column;grid-template-columns:40px 1fr 40px;justify-content:space-between;width:100%}@media not (max-width:450px){:where(app-bar)>nav>*:first-child{margin-inline-start:calc(0px - .8ex)}:where(app-bar)>nav>*:last-child{margin-inline-end:calc(0px - .8ex)}}:where(app-bar)>nav button{align-self:center;padding-inline:.8ex;font-size:1.25em;justify-content:center;display:flex;align-items:center}:where(app-bar)>nav button{padding-block-start:var(--space-3xs)}:where(app-bar)>nav button,:where(app-bar)>nav .button{border-radius:var(--radius-3)}:where(app-bar)>nav .settings-link{padding-inline:.8ex;padding-block:0;font-size:1.4em;line-height:1;justify-content:center;align-items:center}:where(app-bar)>nav .settings-link.active{cursor:default}:where(app-bar)>nav .settings-link .icon-wrapper{margin-block-end:-1px}:where(app-bar)>nav .settings-link:not(.active) .icon-wrapper.working{color:var(--orange)}:where(app-bar)>nav .settings-link:not(.active) .icon-wrapper.success{color:var(--green)}:where(app-bar)>nav .settings-link:not(.active) .icon-wrapper.error{color:var(--red)}:where(app-bar)>nav a{--_active-color: light-dark(var(--primary), var(--primary-light));--_active-text-color: var(--text-color-1);--_font-size: var(--step--1);align-items:center;display:flex;column-gap:.75ex;font-weight:500;white-space:nowrap}:where(app-bar)>nav a.active{cursor:default}:where(app-bar)>nav .main-nav{display:grid;justify-content:space-evenly;align-items:center;grid-auto-flow:column}@media(max-width:450px){:where(app-bar)>nav .main-nav{justify-content:space-evenly;gap:0}}@media not (max-width:450px){:where(app-bar)>nav .main-nav{justify-content:center;gap:var(--space-xs-m)}}}@layer components{@scope(a-dropdown){display: block;>button{cursor:pointer;display:flex;align-items:center;justify-content:center}menu{background:var(--surface-elevated);border-radius:var(--radius-2);border:var(--border-size-1) solid var(--surface-filled);box-shadow:var(--shadow-2);display:none;font-size:var(--step--1);opacity:0;padding:var(--space-2xs) 0;position-area:bottom;position-try:flip-block,flip-inline,flip-block flip-inline;position:fixed;transition-behavior:allow-discrete;transition-duration:.05s;transition-property:translate,opacity,display,overlay;transition-timing-function:var(--ease-in-1);z-index:var(--layer-3);& li{padding:var(--space-2xs) var(--space-xs);min-width:max-content;cursor:pointer;@media(hover:hover){&:hover{background-color:var(--surface-tonal)}}}}&.open{>button{color:var(--primary)}& menu{opacity:1;display:block;@starting-style{opacity:0}}}}}@layer components{@scope(a-tooltip){--_bg: var(--bg, var(--surface-elevated));background: transparent;align-items: center;border: 0;display: block;display: flex;flex-direction: column;padding: 0 0 8px 0;position-area: top;position-try: flip-block,flip-inline,flip-block flip-inline;position: fixed;z-index: var(--layer-5);>.a-tooltip-content{background:var(--_bg);border-radius:var(--radius-2);box-shadow:var(--shadow-3);font-size:.887em;padding:var(--space-3xs) var(--space-2xs)}}}@layer components{:where(list-select) ul{padding:0}:where(list-select) li{list-style:none;padding:0}}@layer components{:where(form) form-group{margin-block:var(--space-2xs)}:where(input){--_padding-inline: var(--space-2xs);--_padding-block: var(--space-3xs);--_font-size: var(--step--1);border-color:var(--gray-9);border-radius:var(--radius-2);border-style:solid;border-width:var(--border-size-1);font-size:var(--_font-size);text-rendering:auto;-webkit-font-smoothing:antialiased}:where(input)[type=text],:where(input)[type=url]{padding:var(--_padding-block) var(--_padding-inline);background:var(--surface-elevated)}:where(input).medium{--_font-size: var(--step-0);--_padding-inline: var(--space-xs);--_padding-block: var(--space-2xs)}:where(input).large{--_font-size: var(--step-1);--_padding-inline: var(--space-s);--_padding-block: var(--space-m)}:where(input):where(:has([readonly])):before{display:none}:where(input):where(:has([readonly])) :where(input,textarea,select){cursor:not-allowed}:where(input):where(:has([readonly])) :where(input,textarea,select) *{pointer-events:none}:where(input):where(:has([disabled])):before{display:none}:where(input):where(:has([disabled])) :where(input,textarea,select){cursor:not-allowed;opacity:.7}:where(input):where(:has([disabled])) :where(input,textarea,select) *{pointer-events:none}:where(input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]).small input{padding-inline:var(--size-2)}:where(input[list]) input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;cursor:pointer;pointer-events:none}:where(.field:has(input[list]:placeholder-shown),.field:has(input[list]):where(:focus-within,:hover)):after{box-sizing:border-box;block-size:0;border-block-start:5px solid;border-inline:5px solid transparent;content:"";display:inline-block;flex-shrink:0;inline-size:0;inset:50% var(--size-3) auto auto;pointer-events:none;position:absolute;translate:0 -50%}}:root{--basic-hover-transition: background .1s var(--ease-in-out-2);--item-min-height: 40px;interpolate-size:allow-keywords}#wrapper{display:grid;min-block-size:100svh}@media not (max-width:450px){#wrapper{grid-template-rows:auto 1fr}}@media(max-width:450px){#wrapper{grid-template-rows:100%}#wrapper app-bar{bottom:0;position:fixed;z-index:var(--layer-2)}}.page{align-content:flex-start;grid-auto-rows:min-content;inline-size:100%}@media(max-width:450px){.page{padding-bottom:calc(var(--space-3xl))}}@media not (max-width:450px){.page{padding-bottom:var(--space-xl)}}.empty-page,.not-found{place-content:center;place-items:center}.main-list:has(.empty-actions){place-content:center;place-items:center}.grocery-list{margin-block:var(--space-s) var(--space-l)}.items-without-cat{display:flex;flex-direction:column;margin-inline-start:calc(0px - var(--space-xs));padding-inline-start:0;row-gap:var(--space-3xs)}.items-without-cat,.items-without-cat+.grocery-item.item-form{margin-inline-start:calc(0px - var(--space-xs))}content-grid{--padding-inline: var(--space-xs-l)}.add-item-button{align-items:center;background:transparent;border-color:transparent;border-style:dashed;border-width:var(--border-size-1);border-radius:var(--radius-2);color:var(--text-color-3);display:flex;font-size:var(--step-1);gap:var(--space-2xs);justify-content:flex-start;min-block-size:var(--item-min-height);padding:var(--space-2xs) var(--space-xs);transition:border-color .2s var(--ease-in-out-2)}.add-item-button span{color:var(--text-color-3);font-size:var(--step--1)}@media(hover:hover){.add-item-button:hover{border-color:var(--primary)}}.item-validation-error{--bg: var(--warning-bg);color:var(--text-color-bright)}.end-shopping-button{display:flex;gap:var(--space-2xs);margin-inline:auto}#settings-export-section button{margin-inline-end:var(--space-s)}.settings .section{margin-block-start:var(--space-s)}.settings h2+.section{margin-block-start:0}.settings h3{margin-block-end:var(--space-xs)}.sync-settings-form{display:grid;white-space:nowrap}.sync-settings-form input[type=text]{width:100%}.sync-settings-form h3{align-items:center;display:flex;justify-content:space-between}.sync-settings-form h3 span{align-self:center;cursor:pointer;display:flex;font-size:var(--font-size-5)}@media(hover:hover){.sync-settings-form h3 span:hover{color:var(--primary)}}.sync-settings-form form-group{display:grid;gap:var(--size-3)}.sync-settings-form button{justify-self:center}.lang-button{text-transform:capitalize}@supports not (field-sizing: content){.input-resize-container{height:100%;max-width:100%;min-width:3ch;overflow:hidden;position:relative}.input-resize-container:after{box-sizing:border-box;content:attr(data-content) "";display:inline-block;height:100%;margin:0;max-width:100%;padding:0;visibility:hidden;white-space:pre}.input-resize-container input[type=text]{border:none;box-shadow:none;font-size:1em;height:100%;inset:0;margin:0;max-width:100%;outline:none;padding:0;position:absolute}b.input-resize-container{min-width:1ch;padding-right:4.6px}b.input-resize-container input[type=text]{min-width:1ch}}.delete-button{cursor:pointer}@media(hover:hover){.delete-button:hover{color:var(--red)}}.main-action{bottom:calc(var(--space-2xl) + .5rem);box-shadow:var(--shadow-3);font-size:var(--step-3);padding:var(--space-2xs);position:fixed;right:var(--space-m);z-index:var(--layer-2)}@media screen and (max-width:450px){.main-action{display:flex}}@media screen and not (max-width:450px){.main-action{display:none}}.empty-actions{justify-content:center;justify-items:center;align-items:center}.empty-actions>div{display:flex;flex-direction:column;row-gap:var(--space-m)}.empty-actions a{text-decoration:none;cursor:default}