@layer lib,global,theme,components;@layer lib{:root{interpolate-size:allow-keywords;text-rendering:normal}html,body,img,picture,input,span,li,ul,nav,menu,button,a,svg{box-sizing:border-box;margin:0}hr{border:0;height:2px;background-color:var(--surface-3)}body{scrollbar-gutter:stable;min-block-size:100dvh;line-height:1.5}menu{padding:0}}@layer lib{: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{: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)}: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{: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{: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{html{--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: 100000px;--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{: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{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;line-height:var(--ratio-major-seventh);font-family:var(--font-sans)}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-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}h1{--heading-smallest: pow(var(--ratio-major-second), 5) ;--heading-largest: pow(var(--ratio-major-third), 5) ;letter-spacing:-.015em;line-height:1.1}h2{--heading-smallest: pow(var(--ratio-major-second), 4) ;--heading-largest: pow(var(--ratio-minor-third), 4) ;line-height:1.1855554}h3{--heading-smallest: pow(var(--ratio-major-second), 3) ;--heading-largest: pow(var(--ratio-minor-third), 3) ;line-height:1.2649876}h4{--heading-smallest: pow(var(--ratio-major-second), 2) ;--heading-largest: pow(var(--ratio-minor-third), 2) ;line-height:1.3497418}h5{--heading-smallest: pow(var(--ratio-major-second), 1) ;--heading-largest: pow(var(--ratio-minor-third), 1) ;font-size:var(--step-1)}h6{font-size:var(--step-0);line-height:inherit}ins,u,abbr,dfn{text-decoration:underline;text-underline-offset:1px}@supports (-moz-appearance: none){ins,u,abbr,dfn{text-underline-offset:2px}}abbr,dfn{font-style:normal;text-decoration:var(--color-9) underline dotted}:is(abbr,dfn)[title]{cursor:help;text-underline-offset:1px}@supports (-moz-appearance: none){abbr,dfn{text-underline-offset:2px}}del,ins{color:var(--color-9)}small{font-size:.887em;max-inline-size:revert}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}code,kbd,samp,pre{font-family:var(--font-mono)}code:not(pre 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}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)}:not(pre) code,kbd{word-break:break-word}mark{border-radius:var(--border-radius, 0);-webkit-box-decoration-break:clone;box-decoration-break:clone;vertical-align:baseline}dt{font-weight:700}p,table,blockqoute,pre{margin-block:var(--space-s)}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)}table thead{display:none}table thead:has(th:not(:empty)){display:table-header-group}table td,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))}table th{font-weight:600}sup{display:inline-flex;justify-content:center;width:1.25ch}}@layer global{a,.link{--_bgc: oklch(from var(--primary) l c h / .1);color:inherit;transition:color .1s var(--ease-in-out-1)}:is(a,.link)[href]{text-decoration-thickness:clamp(1px,.025em,.05em);text-underline-offset:.2em;text-decoration-line:underline;text-decoration-style:solid}:is(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))}:is(a,.link)[href]:visited:not(:hover){color:inherit}:is(a,.link)[href]:active{color:light-dark(var(--primary),var(--primary-light))}button :is(a,.link){text-decoration:none}button :is(a,.link):hover{text-decoration:none}h1 :is(a,.link):not(:hover,:active),h2 :is(a,.link):not(:hover,:active),h3 :is(a,.link):not(:hover,:active),h4 :is(a,.link):not(:hover,:active),h5 :is(a,.link):not(:hover,:active),h6 :is(a,.link):not(:hover,:active){text-decoration:none}menu :is(a,.link):not(:hover,:active),nav :is(a,.link):not(:hover,:active){text-decoration:none}}@layer theme{: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))}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}.red,.error,del{--palette-hue: var(--oklch-red, 25);--palette-chroma: 1;--palette-hue-rotate-by: 1}.blue,.ok,abbr,dfn{--palette-hue: var(--oklch-blue, 210);--palette-chroma: 1;--palette-hue-rotate-by: 1}.green,.good,ins{--palette-hue: var(--oklch-green, 145);--palette-chroma: 1;--palette-hue-rotate-by: 1}.dark-green{--palette-hue: var(--oklch-green);--palette-chroma: 1;--palette-hue-rotate-by: 1}.orange,.warning{--palette-hue: var(--oklch-orange, 75);--palette-chroma: 1;--palette-hue-rotate-by: 1}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))}html{--light-bg: oklch(from var(--color-1) l .01 h / 1);--dark-bg: oklch(from var(--color-14) l .01 h / 1);--bg: light-dark(var(--light-bg), var(--dark-bg));background-color:var(--bg)}html{color:var(--text-color-2)}html::selection{background-color:oklch(from var(--primary-dark) 40% c h / 1);color:var(--gray-1)}}@layer components{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]}:is(content-grid,.content-grid)>:not(.breakout,.full-width){grid-column:content}:is(content-grid,.content-grid) .full-width>:not(.breakout,.full-width){grid-column:content}:is(content-grid,.content-grid) .breakout{grid-column:breakout}:is(content-grid,.content-grid) .full-width{grid-column:full-width;display:grid}:is(content-grid,.content-grid) img.full-width{width:100%;max-height:45vh;object-fit:cover}:is(.content-grid :is(content-grid,.content-grid),content-grid :is(content-grid,.content-grid)){grid-column:1 / -1;grid-template-columns:subgrid}}@layer components{.chevron{display:inline-block;transition:transform .1s var(--ease-in-out-3)}.chevron.open{transform:rotate(.25turn)}@media(hover:hover){.chevron:hover{color:var(--accent-color)}}}@layer components{.grocery-item{align-items:center;list-style:none;border-radius:var(--radius-2);column-gap:var(--space-xs);content-visibility:auto;contain-intrinsic-height:var(--item-min-height, 40px);display:grid;grid-template-columns:auto minmax(2rem,100%) auto 1rem;padding:var(--space-3xs) var(--space-xs);min-block-size:var(--item-min-height, 40px);width:100%}.grocery-item button{padding:0}.grocery-item .item-check{align-self:first baseline;margin-top:.2lh}.grocery-item.item-form{background-color:var(--surface-tonal);box-shadow:var(--shadow-1);align-items:center;position:relative}.grocery-item.item-form input[type=text],.grocery-item.item-form textarea{background:transparent;border:none;font-family:var(--font-sans);font-size:1em;margin:0;min-width:2ch;padding:0;text-rendering:normal}:is(.grocery-item.item-form input[type=text],.grocery-item.item-form textarea):focus{outline:0}.grocery-item.item-form textarea{word-wrap:break-word;scrollbar-width:none;resize:none;line-height:inherit}.grocery-item.item-form .grow-container{display:grid;grid-template-columns:auto;grid-template-rows:auto}@supports not (field-sizing: content){.grocery-item.item-form .grow-container: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}.grocery-item.item-form .grow-container textarea{grid-column:1 / -1;grid-row:1 / -1;overflow:clip;word-wrap:break-word;scrollbar-width:none;height:100%;max-width:100%}}.grocery-item.item-form .item-content>span{align-items:center}.grocery-item.item-form .item-content>span:focus-within{border-color:light-dark(var(--primary),var(--primary-light))}.grocery-item.item-form .cancel-button{font-size:1.2em}.grocery-item.item-form .delete-button,.grocery-item.item-form .cat-selector-trigger{opacity:1;visibility:visible}.grocery-item.item-form input[type=checkbox],.grocery-item.item-form input[type=checkbox]+img{cursor:default}.grocery-item .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){.grocery-item:hover{background-color:var(--surface-tonal);box-shadow:var(--shadow-1)}}.grocery-item .item-content{display:flex;flex-flow:row wrap;column-gap:var(--space-s)}.grocery-item .item-content>span{border-bottom:var(--border-size-2) solid transparent}.grocery-item .input-resize-container{max-width:100%}@supports (field-sizing: content){.grocery-item input[type=text],.grocery-item textarea{field-sizing:content;max-width:100%}}.grocery-item 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}.grocery-item input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary);color:var(--text-color-3)}.grocery-item input[type=checkbox]:disabled{opacity:.4}.grocery-item input[type=checkbox]:disabled+img{opacity:.5}.grocery-item .check input[type=checkbox]:checked{background:var(--green);border-color:var(--green)}.grocery-item 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)}.grocery-item input[type=checkbox]:checked+img{display:block}.grocery-item .add-item-comment{cursor:pointer}@media(hover:hover){.grocery-item .add-item-comment,.grocery-item .delete-button,.grocery-item .cat-selector-trigger{visibility:hidden;opacity:0}.grocery-item:hover .add-item-comment,.grocery-item:hover .delete-button,.grocery-item:hover .cat-selector-trigger{display:flex;visibility:visible;opacity:1}}.grocery-item.open .cat-selector-trigger{display:flex;visibility:visible;opacity:1}.grocery-item .add-item-comment{padding:0}@media(hover:hover){.grocery-item .add-item-comment{opacity:.5}.grocery-item .add-item-comment:hover{opacity:1}}@media(hover:hover){.grocery-item .delete-button:hover{color:var(--red-6)}}}@layer components{.grocery-category{--_handle-size: 1rem;block-size:100%}.grocery-category .cat-dropzone{block-size:10px;inline-size:100%;transition:block-size .1s var(--ease-in-out-1);display:flex;align-items:center}.grocery-category .cat-dropzone .drop-indicator{block-size:2px;background:var(--primary);width:100%}.grocery-category .cat-dropzone.active{border:1px dashed var(--primary);block-size:32px;border-radius:var(--radius-2)}.grocery-category .cat-dropzone.active .drop-indicator{visibility:hidden}:is(.grocery-category.dragged,.grocery-category:has(+.dragged)) .cat-dropzone{display:none}.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}.grocery-category .category-body.collapsed{height:0;overflow:hidden;z-index:-1}.grocery-category h4{display:flex;gap:var(--space-3xs);align-items:center;margin-block:var(--space-2xs);block-size:2rem}.grocery-category h4:has(.handle){margin-inline-start:calc(0px - var(--_handle-size) - var(--space-3xs))}.dragged :is(.grocery-category h4){opacity:.5}.dragged :is(.grocery-category h4) .handle,.dragged :is(.grocery-category h4) .chevron{visibility:hidden}.grocery-category h4 .cat-title{border-bottom:var(--border-size-2) solid transparent;display:flex;align-items:center}.grocery-category h4 .cat-title:has(input[type=text]){border-color:var(--primary)}.grocery-category h4 .chevron,.grocery-category h4 .delete-button{display:flex}.grocery-category h4 .counter{font-size:.7em;margin-inline-start:var(--space-3xs)}.grocery-category h4 .counter.all-done{color:var(--green)}.grocery-category h4 .delete-button{font-size:.75em}@media(hover:hover){.grocery-category h4 .delete-button:hover{color:var(--red-6)}}.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}.grocery-category h4 input[type=text]:focus{outline:0}@supports (field-sizing: content){.grocery-category h4 input{field-sizing:content;max-width:100%}}.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)}.grocery-category:not(.editable) .handle{visibility:hidden;pointer-events:none}.grocery-category.editable:not(.dragged) h4 .handle{visibility:hidden;pointer-events:none}@media(hover:hover){.grocery-category.editable:not(.dragged) h4:hover .handle{visibility:visible;pointer-events:all}}}@layer components{button,a[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}:is(button,a[role=button]):hover{text-decoration:none}:is(:is(button,a[role=button]):not([btn-style]),:is(button,a[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(:is(button,a[role=button]):not([btn-style]),:is(button,a[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%))}:is(button,a[role=button])[btn-style=outline]{--_border-color: var(--gray-9)}:is(button,a[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)}:is(button,a[role=button])[btn-style=fill]:not([disabled]):not(:active,.active):hover{transform:scale(1.05)}:is(button,a[role=button])[disabled],:is(button,a[role=button]):disabled{cursor:not-allowed;opacity:.7}:is(button,a[role=button])[btn-size=medium]{--_padding-base: var(--padding-base, .9ex);font-size:var(--step-0);font-weight:500}:is(button,a[role=button])[btn-size=large]{--_padding-base: var(--padding-base, 1.1ex);font-size:var(--step-1);font-weight:600}:is(button,a[role=button])[btn-form=round]{border-radius:var(--radius-round);aspect-ratio:1 / 1;place-items:center;justify-content:center;padding-block:var(--_padding-base);padding-inline:var(--_padding-base)}:is(button,a[role=button]).active{--_bg: light-dark(var(--color-7), var(--color-9));color:var(--gray-3)}:is(button,a[role=button]).active>a{color:var(--gray-3)}:is(button,a[role=button]):has(a){padding:0}:is(button,a[role=button]):has(a) a{display:flex;padding:var(--_padding-block) var(--_padding-inline)}:is(div[role=group],span[role=group],p[role=group])>*{border-radius:0}:is(div[role=group],span[role=group],p[role=group])>*:first-child{border-top-left-radius:var(--_button-border-radius);border-bottom-left-radius:var(--_button-border-radius);border-right:0}:is(div[role=group],span[role=group],p[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){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}app-bar a-dropdown{display:none}app-bar nav{grid-template-columns:40px 1fr 40px}}@media not (max-width:450px){app-bar{background:var(--bg);border-bottom:var(--border-size-1) solid light-dark(var(--gray-4),var(--gray-12));padding:var(--space-2xs) var(--space-3xs);position:fixed;z-index:var(--layer-2);width:100%}app-bar a-dropdown{display:flex}app-bar nav{grid-template-columns:minmax(auto,40px) minmax(auto,80px) 1fr minmax(auto,120px)}}app-bar>nav{display:grid;grid-auto-flow:column;justify-items:center;width:100%}@media not (max-width:450px){app-bar>nav>*:first-child{justify-self:flex-start}app-bar>nav>*:last-child{justify-self:flex-end}}app-bar>nav button,app-bar>nav .settings-link{cursor:pointer;padding-inline:.8ex;padding-block:0;display:flex;font-size:1.4em;line-height:1;justify-content:center;align-items:center}:is(app-bar>nav button,app-bar>nav .settings-link).active{cursor:default}:is(app-bar>nav button,app-bar>nav .settings-link) .icon-wrapper{margin-block-end:-1px}:is(app-bar>nav button,app-bar>nav .settings-link):not(.active) .icon-wrapper.working{color:var(--orange)}:is(app-bar>nav button,app-bar>nav .settings-link):not(.active) .icon-wrapper.success{color:var(--green)}:is(app-bar>nav button,app-bar>nav .settings-link):not(.active) .icon-wrapper.error{color:var(--red)}app-bar>nav button.search-button.active{cursor:pointer}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}app-bar>nav a.active{cursor:default}app-bar>nav .main-nav{display:grid;justify-content:space-evenly;align-items:center;grid-auto-flow:column}@media(max-width:450px){app-bar>nav .main-nav{justify-content:space-evenly;gap:0}}@media not (max-width:450px){app-bar>nav .main-nav{justify-content:center;gap:var(--space-xs-m)}}}@layer components{a-dropdown{display:block}a-dropdown>button{cursor:pointer;display:flex;align-items:center;justify-content:center}a-dropdown 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)}a-dropdown menu li{list-style:none;padding:var(--space-2xs) var(--space-xs);min-width:max-content;cursor:pointer}@media(hover:hover){a-dropdown menu li:hover{background-color:var(--surface-tonal)}}a-dropdown.open>button{color:var(--primary)}a-dropdown.open menu{opacity:1;display:block}@starting-style{a-dropdown.open menu{opacity:0}}}@layer components{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;position-area:block-start;position-try:flip-block,flip-inline,flip-block flip-inline;position:fixed;z-index:var(--layer-5)}a-tooltip>.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{form form-group{margin-block:var(--space-2xs)}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}input[type=text],input[type=url]{padding:var(--_padding-block) var(--_padding-inline);background:var(--surface-elevated)}input[a-size=medium]{--_font-size: var(--step-0);--_padding-inline: var(--space-xs);--_padding-block: var(--space-2xs)}input[a-size=large]{--_font-size: var(--step-1);--_padding-inline: var(--space-s);--_padding-block: var(--space-m)}input[readonly],input:disabled,input[disabled]{cursor:not-allowed;pointer-events:none}:is(input[readonly],input:disabled,input[disabled]):before{display:none}input:disabled,input[disabled]{opacity:.7}:is(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)}input[list] input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;cursor:pointer;pointer-events:none}}: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);margin-top:57px}}.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-s)}.sync-settings-form{display:grid;white-space:nowrap}.sync-settings-form input[type=text]{width:100%}.sync-settings-form h4{align-items:center;display:flex;justify-content:space-between}.sync-settings-form h4 span{align-self:center;cursor:pointer;display:flex;font-size:var(--font-size-5)}@media(hover:hover){.sync-settings-form h4 span:hover{color:var(--primary)}}.sync-settings-form form-group{display:grid;gap:var(--size-3)}.sync-settings-form button{justify-self:center}.sync-settings-form button[btn-size=large]{margin-block-start:var(--space-2xs)}.sync-info{align-items:center;display:flex;gap:var(--space-2xs);font-size:var(--step-1);margin-block-end:var(--space-xs)}.sync-info .icon-wrapper{font-size:var(--step-3);display:flex}.sync-info .icon-wrapper.working{color:var(--orange)}.sync-info .icon-wrapper.success{color:var(--green)}.sync-info .icon-wrapper.error{color:var(--red)}.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}search{inline-size:100%;display:grid;grid-template-columns:1fr auto;margin-block-end:var(--space-xs);gap:var(--space-3xs)}search input{font-size:var(--step-1)}search button{display:flex}