:root{--color-l-100: 98%;--color-l-150: 96%;--color-l-200: 94%;--color-l-250: 91%;--color-l-300: 88%;--color-l-350: 84%;--color-l-400: 80%;--color-l-450: 75%;--color-l-500: 70%;--color-l-550: 65%;--color-l-600: 60%;--color-l-650: 52%;--color-l-700: 45%;--color-l-750: 40%;--color-l-800: 30%;--color-l-850: 21%;--color-l-900: 15%;--color-l-950: 11%;--color-red-h: 0;--color-red-s: 80%;--color-red-hs: var(--color-red-h), var(--color-red-s);--color-red-boost: 3%;--color-red-l-100: calc(var(--color-l-100) + var(--color-red-boost));--color-red-l-150: calc(var(--color-l-150) + var(--color-red-boost));--color-red-l-200: calc(var(--color-l-200) + var(--color-red-boost));--color-red-l-250: calc(var(--color-l-250) + var(--color-red-boost));--color-red-l-300: calc(var(--color-l-300) + var(--color-red-boost));--color-red-l-350: calc(var(--color-l-350) + var(--color-red-boost));--color-red-l-400: calc(var(--color-l-400) + var(--color-red-boost));--color-red-l-450: calc(var(--color-l-450) + var(--color-red-boost));--color-red-l-500: calc(var(--color-l-500) + var(--color-red-boost));--color-red-l-550: calc(var(--color-l-550) + var(--color-red-boost));--color-red-l-600: calc(var(--color-l-600) + var(--color-red-boost));--color-red-l-650: calc(var(--color-l-650) + var(--color-red-boost));--color-red-l-700: calc(var(--color-l-700) + var(--color-red-boost));--color-red-l-750: calc(var(--color-l-750) + var(--color-red-boost));--color-red-l-800: calc(var(--color-l-800) + var(--color-red-boost));--color-red-l-850: calc(var(--color-l-850) + var(--color-red-boost));--color-red-l-900: calc(var(--color-l-900) + var(--color-red-boost));--color-red-l-950: calc(var(--color-l-950) + var(--color-red-boost));--color-red-100: hsl(var(--color-red-hs), var(--color-red-l-100));--color-red-150: hsl(var(--color-red-hs), var(--color-red-l-150));--color-red-200: hsl(var(--color-red-hs), var(--color-red-l-200));--color-red-250: hsl(var(--color-red-hs), var(--color-red-l-250));--color-red-300: hsl(var(--color-red-hs), var(--color-red-l-300));--color-red-350: hsl(var(--color-red-hs), var(--color-red-l-350));--color-red-400: hsl(var(--color-red-hs), var(--color-red-l-400));--color-red-450: hsl(var(--color-red-hs), var(--color-red-l-450));--color-red-500: hsl(var(--color-red-hs), var(--color-red-l-500));--color-red-550: hsl(var(--color-red-hs), var(--color-red-l-550));--color-red-600: hsl(var(--color-red-hs), var(--color-red-l-600));--color-red-650: hsl(var(--color-red-hs), var(--color-red-l-650));--color-red-700: hsl(var(--color-red-hs), var(--color-red-l-700));--color-red-750: hsl(var(--color-red-hs), var(--color-red-l-750));--color-red-800: hsl(var(--color-red-hs), var(--color-red-l-800));--color-red-850: hsl(var(--color-red-hs), var(--color-red-l-850));--color-red-900: hsl(var(--color-red-hs), var(--color-red-l-900));--color-red-950: hsl(var(--color-red-hs), var(--color-red-l-950));--color-orange-h: 28;--color-orange-s: 80%;--color-orange-hs: var(--color-orange-h), var(--color-orange-s);--color-orange-boost: 2%;--color-orange-l-100: calc(var(--color-l-100) + var(--color-orange-boost));--color-orange-l-150: calc(var(--color-l-150) + var(--color-orange-boost));--color-orange-l-200: calc(var(--color-l-200) + var(--color-orange-boost));--color-orange-l-250: calc(var(--color-l-250) + var(--color-orange-boost));--color-orange-l-300: calc(var(--color-l-300) + var(--color-orange-boost));--color-orange-l-350: calc(var(--color-l-350) + var(--color-orange-boost));--color-orange-l-400: calc(var(--color-l-400) + var(--color-orange-boost));--color-orange-l-450: calc(var(--color-l-450) + var(--color-orange-boost));--color-orange-l-500: calc(var(--color-l-500) + var(--color-orange-boost));--color-orange-l-550: calc(var(--color-l-550) + var(--color-orange-boost));--color-orange-l-600: calc(var(--color-l-600) + var(--color-orange-boost));--color-orange-l-650: calc(var(--color-l-650) + var(--color-orange-boost));--color-orange-l-700: calc(var(--color-l-700) + var(--color-orange-boost));--color-orange-l-750: calc(var(--color-l-750) + var(--color-orange-boost));--color-orange-l-800: calc(var(--color-l-800) + var(--color-orange-boost));--color-orange-l-850: calc(var(--color-l-850) + var(--color-orange-boost));--color-orange-l-900: calc(var(--color-l-900) + var(--color-orange-boost));--color-orange-l-950: calc(var(--color-l-950) + var(--color-orange-boost));--color-orange-100: hsl(var(--color-orange-hs), var(--color-orange-l-100));--color-orange-150: hsl(var(--color-orange-hs), var(--color-orange-l-150));--color-orange-200: hsl(var(--color-orange-hs), var(--color-orange-l-200));--color-orange-250: hsl(var(--color-orange-hs), var(--color-orange-l-250));--color-orange-300: hsl(var(--color-orange-hs), var(--color-orange-l-300));--color-orange-350: hsl(var(--color-orange-hs), var(--color-orange-l-350));--color-orange-400: hsl(var(--color-orange-hs), var(--color-orange-l-400));--color-orange-450: hsl(var(--color-orange-hs), var(--color-orange-l-450));--color-orange-500: hsl(var(--color-orange-hs), var(--color-orange-l-500));--color-orange-550: hsl(var(--color-orange-hs), var(--color-orange-l-550));--color-orange-600: hsl(var(--color-orange-hs), var(--color-orange-l-600));--color-orange-650: hsl(var(--color-orange-hs), var(--color-orange-l-650));--color-orange-700: hsl(var(--color-orange-hs), var(--color-orange-l-700));--color-orange-750: hsl(var(--color-orange-hs), var(--color-orange-l-750));--color-orange-800: hsl(var(--color-orange-hs), var(--color-orange-l-800));--color-orange-850: hsl(var(--color-orange-hs), var(--color-orange-l-850));--color-orange-900: hsl(var(--color-orange-hs), var(--color-orange-l-900));--color-orange-950: hsl(var(--color-orange-hs), var(--color-orange-l-950));--color-yellow-h: 47;--color-yellow-s: 80%;--color-yellow-hs: var(--color-yellow-h), var(--color-yellow-s);--color-yellow-boost: -4%;--color-yellow-l-100: calc(var(--color-l-100) + var(--color-yellow-boost));--color-yellow-l-150: calc(var(--color-l-150) + var(--color-yellow-boost));--color-yellow-l-200: calc(var(--color-l-200) + var(--color-yellow-boost));--color-yellow-l-250: calc(var(--color-l-250) + var(--color-yellow-boost));--color-yellow-l-300: calc(var(--color-l-300) + var(--color-yellow-boost));--color-yellow-l-350: calc(var(--color-l-350) + var(--color-yellow-boost));--color-yellow-l-400: calc(var(--color-l-400) + var(--color-yellow-boost));--color-yellow-l-450: calc(var(--color-l-450) + var(--color-yellow-boost));--color-yellow-l-500: calc(var(--color-l-500) + var(--color-yellow-boost));--color-yellow-l-550: calc(var(--color-l-550) + var(--color-yellow-boost));--color-yellow-l-600: calc(var(--color-l-600) + var(--color-yellow-boost));--color-yellow-l-650: calc(var(--color-l-650) + var(--color-yellow-boost));--color-yellow-l-700: calc(var(--color-l-700) + var(--color-yellow-boost));--color-yellow-l-750: calc(var(--color-l-750) + var(--color-yellow-boost));--color-yellow-l-800: calc(var(--color-l-800) + var(--color-yellow-boost));--color-yellow-l-850: calc(var(--color-l-850) + var(--color-yellow-boost));--color-yellow-l-900: calc(var(--color-l-900) + var(--color-yellow-boost));--color-yellow-l-950: calc(var(--color-l-950) + var(--color-yellow-boost));--color-yellow-100: hsl(var(--color-yellow-hs), var(--color-yellow-l-100));--color-yellow-150: hsl(var(--color-yellow-hs), var(--color-yellow-l-150));--color-yellow-200: hsl(var(--color-yellow-hs), var(--color-yellow-l-200));--color-yellow-250: hsl(var(--color-yellow-hs), var(--color-yellow-l-250));--color-yellow-300: hsl(var(--color-yellow-hs), var(--color-yellow-l-300));--color-yellow-350: hsl(var(--color-yellow-hs), var(--color-yellow-l-350));--color-yellow-400: hsl(var(--color-yellow-hs), var(--color-yellow-l-400));--color-yellow-450: hsl(var(--color-yellow-hs), var(--color-yellow-l-450));--color-yellow-500: hsl(var(--color-yellow-hs), var(--color-yellow-l-500));--color-yellow-550: hsl(var(--color-yellow-hs), var(--color-yellow-l-550));--color-yellow-600: hsl(var(--color-yellow-hs), var(--color-yellow-l-600));--color-yellow-650: hsl(var(--color-yellow-hs), var(--color-yellow-l-650));--color-yellow-700: hsl(var(--color-yellow-hs), var(--color-yellow-l-700));--color-yellow-750: hsl(var(--color-yellow-hs), var(--color-yellow-l-750));--color-yellow-800: hsl(var(--color-yellow-hs), var(--color-yellow-l-800));--color-yellow-850: hsl(var(--color-yellow-hs), var(--color-yellow-l-850));--color-yellow-900: hsl(var(--color-yellow-hs), var(--color-yellow-l-900));--color-yellow-950: hsl(var(--color-yellow-hs), var(--color-yellow-l-950));--color-green-h: 80;--color-green-s: 60%;--color-green-hs: var(--color-green-h), var(--color-green-s);--color-green-boost: -8%;--color-green-l-100: calc(var(--color-l-100) + var(--color-green-boost));--color-green-l-150: calc(var(--color-l-150) + var(--color-green-boost));--color-green-l-200: calc(var(--color-l-200) + var(--color-green-boost));--color-green-l-250: calc(var(--color-l-250) + var(--color-green-boost));--color-green-l-300: calc(var(--color-l-300) + var(--color-green-boost));--color-green-l-350: calc(var(--color-l-350) + var(--color-green-boost));--color-green-l-400: calc(var(--color-l-400) + var(--color-green-boost));--color-green-l-450: calc(var(--color-l-450) + var(--color-green-boost));--color-green-l-500: calc(var(--color-l-500) + var(--color-green-boost));--color-green-l-550: calc(var(--color-l-550) + var(--color-green-boost));--color-green-l-600: calc(var(--color-l-600) + var(--color-green-boost));--color-green-l-650: calc(var(--color-l-650) + var(--color-green-boost));--color-green-l-700: calc(var(--color-l-700) + var(--color-green-boost));--color-green-l-750: calc(var(--color-l-750) + var(--color-green-boost));--color-green-l-800: calc(var(--color-l-800) + var(--color-green-boost));--color-green-l-850: calc(var(--color-l-850) + var(--color-green-boost));--color-green-l-900: calc(var(--color-l-900) + var(--color-green-boost));--color-green-l-950: calc(var(--color-l-950) + var(--color-green-boost));--color-green-100: hsl(var(--color-green-hs), var(--color-green-l-100));--color-green-150: hsl(var(--color-green-hs), var(--color-green-l-150));--color-green-200: hsl(var(--color-green-hs), var(--color-green-l-200));--color-green-250: hsl(var(--color-green-hs), var(--color-green-l-250));--color-green-300: hsl(var(--color-green-hs), var(--color-green-l-300));--color-green-350: hsl(var(--color-green-hs), var(--color-green-l-350));--color-green-400: hsl(var(--color-green-hs), var(--color-green-l-400));--color-green-450: hsl(var(--color-green-hs), var(--color-green-l-450));--color-green-500: hsl(var(--color-green-hs), var(--color-green-l-500));--color-green-550: hsl(var(--color-green-hs), var(--color-green-l-550));--color-green-600: hsl(var(--color-green-hs), var(--color-green-l-600));--color-green-650: hsl(var(--color-green-hs), var(--color-green-l-650));--color-green-700: hsl(var(--color-green-hs), var(--color-green-l-700));--color-green-750: hsl(var(--color-green-hs), var(--color-green-l-750));--color-green-800: hsl(var(--color-green-hs), var(--color-green-l-800));--color-green-850: hsl(var(--color-green-hs), var(--color-green-l-850));--color-green-900: hsl(var(--color-green-hs), var(--color-green-l-900));--color-green-950: hsl(var(--color-green-hs), var(--color-green-l-950));--color-aqua-h: 180;--color-aqua-s: 50%;--color-aqua-hs: var(--color-aqua-h), var(--color-aqua-s);--color-aqua-boost: -4%;--color-aqua-l-100: calc(var(--color-l-100) + var(--color-aqua-boost));--color-aqua-l-150: calc(var(--color-l-150) + var(--color-aqua-boost));--color-aqua-l-200: calc(var(--color-l-200) + var(--color-aqua-boost));--color-aqua-l-250: calc(var(--color-l-250) + var(--color-aqua-boost));--color-aqua-l-300: calc(var(--color-l-300) + var(--color-aqua-boost));--color-aqua-l-350: calc(var(--color-l-350) + var(--color-aqua-boost));--color-aqua-l-400: calc(var(--color-l-400) + var(--color-aqua-boost));--color-aqua-l-450: calc(var(--color-l-450) + var(--color-aqua-boost));--color-aqua-l-500: calc(var(--color-l-500) + var(--color-aqua-boost));--color-aqua-l-550: calc(var(--color-l-550) + var(--color-aqua-boost));--color-aqua-l-600: calc(var(--color-l-600) + var(--color-aqua-boost));--color-aqua-l-650: calc(var(--color-l-650) + var(--color-aqua-boost));--color-aqua-l-700: calc(var(--color-l-700) + var(--color-aqua-boost));--color-aqua-l-750: calc(var(--color-l-750) + var(--color-aqua-boost));--color-aqua-l-800: calc(var(--color-l-800) + var(--color-aqua-boost));--color-aqua-l-850: calc(var(--color-l-850) + var(--color-aqua-boost));--color-aqua-l-900: calc(var(--color-l-900) + var(--color-aqua-boost));--color-aqua-l-950: calc(var(--color-l-950) + var(--color-aqua-boost));--color-aqua-100: hsl(var(--color-aqua-hs), var(--color-aqua-l-100));--color-aqua-150: hsl(var(--color-aqua-hs), var(--color-aqua-l-150));--color-aqua-200: hsl(var(--color-aqua-hs), var(--color-aqua-l-200));--color-aqua-250: hsl(var(--color-aqua-hs), var(--color-aqua-l-250));--color-aqua-300: hsl(var(--color-aqua-hs), var(--color-aqua-l-300));--color-aqua-350: hsl(var(--color-aqua-hs), var(--color-aqua-l-350));--color-aqua-400: hsl(var(--color-aqua-hs), var(--color-aqua-l-400));--color-aqua-450: hsl(var(--color-aqua-hs), var(--color-aqua-l-450));--color-aqua-500: hsl(var(--color-aqua-hs), var(--color-aqua-l-500));--color-aqua-550: hsl(var(--color-aqua-hs), var(--color-aqua-l-550));--color-aqua-600: hsl(var(--color-aqua-hs), var(--color-aqua-l-600));--color-aqua-650: hsl(var(--color-aqua-hs), var(--color-aqua-l-650));--color-aqua-700: hsl(var(--color-aqua-hs), var(--color-aqua-l-700));--color-aqua-750: hsl(var(--color-aqua-hs), var(--color-aqua-l-750));--color-aqua-800: hsl(var(--color-aqua-hs), var(--color-aqua-l-800));--color-aqua-850: hsl(var(--color-aqua-hs), var(--color-aqua-l-850));--color-aqua-900: hsl(var(--color-aqua-hs), var(--color-aqua-l-900));--color-aqua-950: hsl(var(--color-aqua-hs), var(--color-aqua-l-950));--color-blue-h: 210;--color-blue-s: 65%;--color-blue-hs: var(--color-blue-h), var(--color-blue-s);--color-blue-boost: 3%;--color-blue-l-100: calc(var(--color-l-100) + var(--color-blue-boost));--color-blue-l-150: calc(var(--color-l-150) + var(--color-blue-boost));--color-blue-l-200: calc(var(--color-l-200) + var(--color-blue-boost));--color-blue-l-250: calc(var(--color-l-250) + var(--color-blue-boost));--color-blue-l-300: calc(var(--color-l-300) + var(--color-blue-boost));--color-blue-l-350: calc(var(--color-l-350) + var(--color-blue-boost));--color-blue-l-400: calc(var(--color-l-400) + var(--color-blue-boost));--color-blue-l-450: calc(var(--color-l-450) + var(--color-blue-boost));--color-blue-l-500: calc(var(--color-l-500) + var(--color-blue-boost));--color-blue-l-550: calc(var(--color-l-550) + var(--color-blue-boost));--color-blue-l-600: calc(var(--color-l-600) + var(--color-blue-boost));--color-blue-l-650: calc(var(--color-l-650) + var(--color-blue-boost));--color-blue-l-700: calc(var(--color-l-700) + var(--color-blue-boost));--color-blue-l-750: calc(var(--color-l-750) + var(--color-blue-boost));--color-blue-l-800: calc(var(--color-l-800) + var(--color-blue-boost));--color-blue-l-850: calc(var(--color-l-850) + var(--color-blue-boost));--color-blue-l-900: calc(var(--color-l-900) + var(--color-blue-boost));--color-blue-l-950: calc(var(--color-l-950) + var(--color-blue-boost));--color-blue-100: hsl(var(--color-blue-hs), var(--color-blue-l-100));--color-blue-150: hsl(var(--color-blue-hs), var(--color-blue-l-150));--color-blue-200: hsl(var(--color-blue-hs), var(--color-blue-l-200));--color-blue-250: hsl(var(--color-blue-hs), var(--color-blue-l-250));--color-blue-300: hsl(var(--color-blue-hs), var(--color-blue-l-300));--color-blue-350: hsl(var(--color-blue-hs), var(--color-blue-l-350));--color-blue-400: hsl(var(--color-blue-hs), var(--color-blue-l-400));--color-blue-450: hsl(var(--color-blue-hs), var(--color-blue-l-450));--color-blue-500: hsl(var(--color-blue-hs), var(--color-blue-l-500));--color-blue-550: hsl(var(--color-blue-hs), var(--color-blue-l-550));--color-blue-600: hsl(var(--color-blue-hs), var(--color-blue-l-600));--color-blue-650: hsl(var(--color-blue-hs), var(--color-blue-l-650));--color-blue-700: hsl(var(--color-blue-hs), var(--color-blue-l-700));--color-blue-750: hsl(var(--color-blue-hs), var(--color-blue-l-750));--color-blue-800: hsl(var(--color-blue-hs), var(--color-blue-l-800));--color-blue-850: hsl(var(--color-blue-hs), var(--color-blue-l-850));--color-blue-900: hsl(var(--color-blue-hs), var(--color-blue-l-900));--color-blue-950: hsl(var(--color-blue-hs), var(--color-blue-l-950));--color-purple-h: 275;--color-purple-s: 60%;--color-purple-hs: var(--color-purple-h), var(--color-purple-s);--color-purple-boost: 0%;--color-purple-l-100: calc(var(--color-l-100) + var(--color-purple-boost));--color-purple-l-150: calc(var(--color-l-150) + var(--color-purple-boost));--color-purple-l-200: calc(var(--color-l-200) + var(--color-purple-boost));--color-purple-l-250: calc(var(--color-l-250) + var(--color-purple-boost));--color-purple-l-300: calc(var(--color-l-300) + var(--color-purple-boost));--color-purple-l-350: calc(var(--color-l-350) + var(--color-purple-boost));--color-purple-l-400: calc(var(--color-l-400) + var(--color-purple-boost));--color-purple-l-450: calc(var(--color-l-450) + var(--color-purple-boost));--color-purple-l-500: calc(var(--color-l-500) + var(--color-purple-boost));--color-purple-l-550: calc(var(--color-l-550) + var(--color-purple-boost));--color-purple-l-600: calc(var(--color-l-600) + var(--color-purple-boost));--color-purple-l-650: calc(var(--color-l-650) + var(--color-purple-boost));--color-purple-l-700: calc(var(--color-l-700) + var(--color-purple-boost));--color-purple-l-750: calc(var(--color-l-750) + var(--color-purple-boost));--color-purple-l-800: calc(var(--color-l-800) + var(--color-purple-boost));--color-purple-l-850: calc(var(--color-l-850) + var(--color-purple-boost));--color-purple-l-900: calc(var(--color-l-900) + var(--color-purple-boost));--color-purple-l-950: calc(var(--color-l-950) + var(--color-purple-boost));--color-purple-100: hsl(var(--color-purple-hs), var(--color-purple-l-100));--color-purple-150: hsl(var(--color-purple-hs), var(--color-purple-l-150));--color-purple-200: hsl(var(--color-purple-hs), var(--color-purple-l-200));--color-purple-250: hsl(var(--color-purple-hs), var(--color-purple-l-250));--color-purple-300: hsl(var(--color-purple-hs), var(--color-purple-l-300));--color-purple-350: hsl(var(--color-purple-hs), var(--color-purple-l-350));--color-purple-400: hsl(var(--color-purple-hs), var(--color-purple-l-400));--color-purple-450: hsl(var(--color-purple-hs), var(--color-purple-l-450));--color-purple-500: hsl(var(--color-purple-hs), var(--color-purple-l-500));--color-purple-550: hsl(var(--color-purple-hs), var(--color-purple-l-550));--color-purple-600: hsl(var(--color-purple-hs), var(--color-purple-l-600));--color-purple-650: hsl(var(--color-purple-hs), var(--color-purple-l-650));--color-purple-700: hsl(var(--color-purple-hs), var(--color-purple-l-700));--color-purple-750: hsl(var(--color-purple-hs), var(--color-purple-l-750));--color-purple-800: hsl(var(--color-purple-hs), var(--color-purple-l-800));--color-purple-850: hsl(var(--color-purple-hs), var(--color-purple-l-850));--color-purple-900: hsl(var(--color-purple-hs), var(--color-purple-l-900));--color-purple-950: hsl(var(--color-purple-hs), var(--color-purple-l-950));--color-pink-h: 320;--color-pink-s: 70%;--color-pink-hs: var(--color-pink-h), var(--color-pink-s);--color-pink-boost: 0%;--color-pink-l-100: calc(var(--color-l-100) + var(--color-pink-boost));--color-pink-l-150: calc(var(--color-l-150) + var(--color-pink-boost));--color-pink-l-200: calc(var(--color-l-200) + var(--color-pink-boost));--color-pink-l-250: calc(var(--color-l-250) + var(--color-pink-boost));--color-pink-l-300: calc(var(--color-l-300) + var(--color-pink-boost));--color-pink-l-350: calc(var(--color-l-350) + var(--color-pink-boost));--color-pink-l-400: calc(var(--color-l-400) + var(--color-pink-boost));--color-pink-l-450: calc(var(--color-l-450) + var(--color-pink-boost));--color-pink-l-500: calc(var(--color-l-500) + var(--color-pink-boost));--color-pink-l-550: calc(var(--color-l-550) + var(--color-pink-boost));--color-pink-l-600: calc(var(--color-l-600) + var(--color-pink-boost));--color-pink-l-650: calc(var(--color-l-650) + var(--color-pink-boost));--color-pink-l-700: calc(var(--color-l-700) + var(--color-pink-boost));--color-pink-l-750: calc(var(--color-l-750) + var(--color-pink-boost));--color-pink-l-800: calc(var(--color-l-800) + var(--color-pink-boost));--color-pink-l-850: calc(var(--color-l-850) + var(--color-pink-boost));--color-pink-l-900: calc(var(--color-l-900) + var(--color-pink-boost));--color-pink-l-950: calc(var(--color-l-950) + var(--color-pink-boost));--color-pink-100: hsl(var(--color-pink-hs), var(--color-pink-l-100));--color-pink-150: hsl(var(--color-pink-hs), var(--color-pink-l-150));--color-pink-200: hsl(var(--color-pink-hs), var(--color-pink-l-200));--color-pink-250: hsl(var(--color-pink-hs), var(--color-pink-l-250));--color-pink-300: hsl(var(--color-pink-hs), var(--color-pink-l-300));--color-pink-350: hsl(var(--color-pink-hs), var(--color-pink-l-350));--color-pink-400: hsl(var(--color-pink-hs), var(--color-pink-l-400));--color-pink-450: hsl(var(--color-pink-hs), var(--color-pink-l-450));--color-pink-500: hsl(var(--color-pink-hs), var(--color-pink-l-500));--color-pink-550: hsl(var(--color-pink-hs), var(--color-pink-l-550));--color-pink-600: hsl(var(--color-pink-hs), var(--color-pink-l-600));--color-pink-650: hsl(var(--color-pink-hs), var(--color-pink-l-650));--color-pink-700: hsl(var(--color-pink-hs), var(--color-pink-l-700));--color-pink-750: hsl(var(--color-pink-hs), var(--color-pink-l-750));--color-pink-800: hsl(var(--color-pink-hs), var(--color-pink-l-800));--color-pink-850: hsl(var(--color-pink-hs), var(--color-pink-l-850));--color-pink-900: hsl(var(--color-pink-hs), var(--color-pink-l-900));--color-pink-950: hsl(var(--color-pink-hs), var(--color-pink-l-950));--color-gray-h: 0;--color-gray-s: 0%;--color-gray-hs: var(--color-gray-h), var(--color-gray-s);--color-gray-boost: 0%;--color-gray-l-100: calc(var(--color-l-100) + var(--color-gray-boost));--color-gray-l-150: calc(var(--color-l-150) + var(--color-gray-boost));--color-gray-l-200: calc(var(--color-l-200) + var(--color-gray-boost));--color-gray-l-250: calc(var(--color-l-250) + var(--color-gray-boost));--color-gray-l-300: calc(var(--color-l-300) + var(--color-gray-boost));--color-gray-l-350: calc(var(--color-l-350) + var(--color-gray-boost));--color-gray-l-400: calc(var(--color-l-400) + var(--color-gray-boost));--color-gray-l-450: calc(var(--color-l-450) + var(--color-gray-boost));--color-gray-l-500: calc(var(--color-l-500) + var(--color-gray-boost));--color-gray-l-550: calc(var(--color-l-550) + var(--color-gray-boost));--color-gray-l-600: calc(var(--color-l-600) + var(--color-gray-boost));--color-gray-l-650: calc(var(--color-l-650) + var(--color-gray-boost));--color-gray-l-700: calc(var(--color-l-700) + var(--color-gray-boost));--color-gray-l-750: calc(var(--color-l-750) + var(--color-gray-boost));--color-gray-l-800: calc(var(--color-l-800) + var(--color-gray-boost));--color-gray-l-850: calc(var(--color-l-850) + var(--color-gray-boost));--color-gray-l-900: calc(var(--color-l-900) + var(--color-gray-boost));--color-gray-l-950: calc(var(--color-l-950) + var(--color-gray-boost));--color-gray-100: hsl(var(--color-gray-hs), var(--color-gray-l-100));--color-gray-150: hsl(var(--color-gray-hs), var(--color-gray-l-150));--color-gray-200: hsl(var(--color-gray-hs), var(--color-gray-l-200));--color-gray-250: hsl(var(--color-gray-hs), var(--color-gray-l-250));--color-gray-300: hsl(var(--color-gray-hs), var(--color-gray-l-300));--color-gray-350: hsl(var(--color-gray-hs), var(--color-gray-l-350));--color-gray-400: hsl(var(--color-gray-hs), var(--color-gray-l-400));--color-gray-450: hsl(var(--color-gray-hs), var(--color-gray-l-450));--color-gray-500: hsl(var(--color-gray-hs), var(--color-gray-l-500));--color-gray-550: hsl(var(--color-gray-hs), var(--color-gray-l-550));--color-gray-600: hsl(var(--color-gray-hs), var(--color-gray-l-600));--color-gray-650: hsl(var(--color-gray-hs), var(--color-gray-l-650));--color-gray-700: hsl(var(--color-gray-hs), var(--color-gray-l-700));--color-gray-750: hsl(var(--color-gray-hs), var(--color-gray-l-750));--color-gray-800: hsl(var(--color-gray-hs), var(--color-gray-l-800));--color-gray-850: hsl(var(--color-gray-hs), var(--color-gray-l-850));--color-gray-900: hsl(var(--color-gray-hs), var(--color-gray-l-900));--color-gray-950: hsl(var(--color-gray-hs), var(--color-gray-l-950));--color-black: hsl(0, 0%, 0%);--color-border: light-dark(var(--color-gray-300), var(--color-gray-800));--color-border-dimmed: light-dark( hsla(0, 0%, 0%, .1), var(--color-gray-850) );--color-dark: var(--color-gray-900);--color-focus: var(--color-blue-600);--color-light: var(--color-gray-200);--color-text: light-dark(var(--color-black), var(--color-white));--color-text-dimmed: light-dark(var(--color-gray-700), var(--color-gray-400));--color-white: hsl(0, 0%, 100%);--color-backdrop: rgba(0, 0, 0, .6);--color-background: var(--panel-color-back);--color-gray: var(--color-gray-600);--color-red: var(--color-red-600);--color-orange: var(--color-orange-600);--color-yellow: var(--color-yellow-600);--color-green: var(--color-green-600);--color-aqua: var(--color-aqua-600);--color-blue: var(--color-blue-600);--color-purple: var(--color-purple-600);--color-focus-light: var(--color-focus);--color-focus-outline: var(--color-focus);--color-negative: var(--color-red-700);--color-negative-light: var(--color-red-500);--color-negative-outline: var(--color-red-900);--color-notice: var(--color-orange-700);--color-notice-light: var(--color-orange-500);--color-positive: var(--color-green-700);--color-positive-light: var(--color-green-500);--color-positive-outline: var(--color-green-900);--color-text-light: var(--color-text-dimmed)}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-mono: "SFMono-Regular", Consolas, Liberation Mono, Menlo, Courier, monospace}:root{--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--text-6xl: 4rem;--text-base: var(--text-md);--font-size-tiny: var(--text-xs);--font-size-small: var(--text-sm);--font-size-medium: var(--text-base);--font-size-large: var(--text-xl);--font-size-huge: var(--text-2xl);--font-size-monster: var(--text-3xl)}:root{--font-thin: 300;--font-normal: 400;--font-semi: 500;--font-bold: 600}:root{--height-xs: 1.5rem;--height-sm: 1.75rem;--height-md: 2rem;--height-lg: 2.25rem;--height-xl: 2.5rem;--height: var(--height-md)}:root{--opacity-disabled: .5}:root{--pattern-size: 16px;--pattern-light: repeating-conic-gradient( hsl(0, 0%, 100%) 0% 25%, hsl(0, 0%, 90%) 0% 50% ) 50% / var(--pattern-size) var(--pattern-size);--pattern-dark: repeating-conic-gradient( hsla(0, 0%, 15%) 0% 25%, hsl(0, 0%, 22%) 0% 50% ) 50% / var(--pattern-size) var(--pattern-size);--pattern: var(--pattern-dark)}:root{--rounded-xs: 1px;--rounded-sm: .125rem;--rounded-md: .25rem;--rounded-lg: .375rem;--rounded-xl: .5rem;--rounded: var(--rounded-md)}:root{--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .025);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .05);--shadow: var(--shadow-sm);--shadow-toolbar: rgba(0, 0, 0, .1) -2px 0 5px, var(--shadow), var(--shadow-xl);--shadow-outline: var(--color-focus, currentColor) 0 0 0 2px;--shadow-inset: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-sticky: rgba(0, 0, 0, .05) 0 2px 5px;--box-shadow-dropdown: var(--shadow-dropdown);--box-shadow-item: var(--shadow);--box-shadow-focus: var(--shadow-xl);--shadow-dropdown: var(--shadow-lg);--shadow-item: var(--shadow-sm)}:root{--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-24: 6rem;--spacing-36: 9rem;--spacing-48: 12rem;--spacing-px: 1px;--spacing-2px: 2px;--spacing-5: 1.25rem;--spacing-10: 2.5rem;--spacing-20: 5rem}:root{--z-offline: 1200;--z-fatal: 1100;--z-loader: 1000;--z-notification: 900;--z-dialog: 800;--z-navigation: 700;--z-dropdown: 600;--z-drawer: 500;--z-dropzone: 400;--z-toolbar: 300;--z-content: 200;--z-background: 100}:root{--container: 90rem;--container-padding: var(--spacing-4);--spacing-20: 5rem;--spacing-42: 10.5rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--text-h1: var(--text-4xl);--shadow-2xl: rgba(0, 0, 0, .025) 0 0 10px, rgba(0, 0, 0, .075) 0 5px 40px, rgba(0, 0, 0, .075) 0 30px 100px}@media screen and (min-width: 22rem){:root{--container-padding: var(--spacing-6)}}@media screen and (min-width: 30rem){:root{--container-padding: var(--spacing-12)}}@media screen and (min-width: 40rem){:root{--text-h1: var(--text-5xl)}}@media screen and (min-width: 72rem){:root{--container-padding: var(--spacing-24)}}*,*:after,*:before{border-width:0;border-style:solid;border-color:currentColor;box-sizing:border-box;margin:0;padding:0}a{color:currentColor;text-decoration:none}audio,canvas,embed,figure,iframe,img,object,svg,video{display:block;vertical-align:middle}body{overflow-x:hidden}button{font:inherit;background:none;color:currentColor;cursor:pointer;line-height:inherit}button::-moz-focus-inner{padding:0;border:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}html{font-family:var(--font-sans);line-height:var(--leading-normal)}img{max-width:100%;width:100%;height:auto;transform-style:preserve-3d}input,textarea{font:inherit}ol,ul{list-style:none}strong,b{font-weight:var(--font-bold)}summary{cursor:pointer}summary:focus{outline:0}summary:focus-visible{outline:solid;outline:5px auto -webkit-focus-ring-color}table{font-variant-numeric:tabular-nums;border-spacing:0;width:100%}th,td{text-align:left;vertical-align:top}mark{background:var(--color-yellow-300)}:root{--btn-bg: var(--color-black);--btn-color: var(--color-black);--btn-filled-bg: var(--color-black);--btn-filled-color: var(--color-white)}button{overflow:hidden;text-overflow:ellipsis}.btn{display:inline-flex;padding:.5rem 1.5rem;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--btn-color);cursor:pointer;border:1px solid transparent;border-radius:var(--rounded);font-family:var(--font-mono);white-space:nowrap;background:none;position:relative}.btn svg{margin-right:.75rem;min-width:1rem}.btn--outlined{border-color:var(--color-gray-400)}.btn--outlined.btn--white{border-color:var(--color-white);color:var(--color-white)}.btn--filled{border-color:var(--btn-filled-bg);background:var(--btn-filled-bg);color:var(--btn-filled-color)!important}.btn--filled svg{color:var(--color-yellow-600)}.select{display:grid;align-items:center;grid-template-areas:"select"}.select select{appearance:none;background-color:transparent;color:var(--btn-color);border:1px solid var(--color-gray-400);border-radius:var(--rounded);font-family:var(--font-mono);font-size:var(--text-sm);line-height:inherit;padding:.5rem 2rem .5rem .8rem}.select select,.select:after{grid-area:select}.select:after{content:"";background-color:var(--btn-bg);clip-path:polygon(0 25%,20% 25%,50% 55%,80% 25%,100% 25%,50% 75%);height:.8rem;width:.8rem;justify-self:end;margin-right:.7rem}.columns{--columns: 12;--columns-sm: 1;--gap: var(--spacing-6);--column-gap: var(--gap);--row-gap: var(--gap);display:grid;grid-column-gap:var(--column-gap);grid-row-gap:var(--row-gap);grid-template-columns:repeat(var(--columns-sm),1fr)}.columns>*{--span: 1;--span-sm: 1;grid-column:span var(--span-sm);min-width:0}.columns--reverse{direction:rtl}.columns--reverse>*{direction:ltr}@media screen and (min-width: 40rem){.columns{--columns-md: var(--columns);grid-template-columns:repeat(var(--columns-md),1fr)}.columns>*{--span-md: var(--span);grid-column:span var(--span-md)}}@media screen and (min-width: 72rem){.columns{--columns-lg: var(--columns);grid-template-columns:repeat(var(--columns-lg),1fr)}.columns>*{--span-lg: var(--span);grid-column:span var(--span-lg)}}.auto-fill,.auto-fit{--min: 13rem;--max: 1fr;--gap: var(--spacing-6);--column-gap: var(--gap);--row-gap: var(--gap);display:grid;grid-column-gap:var(--column-gap);grid-row-gap:var(--row-gap)}.auto-fill{grid-template-columns:repeat(auto-fill,minmax(var(--min),var(--max)))}.auto-fit{grid-template-columns:repeat(auto-fit,minmax(var(--min),var(--max)))}.h1,.prose h1{font-size:var(--text-h1);line-height:1}.h2,.prose h2{font-size:var(--text-3xl);line-height:1.125}.h3,.prose h3{font-size:var(--text-xl);line-height:var(--leading-tight)}.h4,.prose h4{font-size:var(--text-lg);line-height:var(--leading-snug);font-weight:500}.h5,.prose h5{font-size:var(--text-base);font-weight:500}.h6,.prose h6{font-size:var(--text-sm);font-family:var(--font-mono)}.h1 code,.h2 code,.h3 code,.h4 code,.h5 code,.h6 code,.prose h1 code,.prose h2 code,.prose h3 code,.prose h4 code,.prose h5 code,.prose h6 code{font-size:.875em;font-weight:400}[style*=--aspect-ratio]{position:relative}[style*=--aspect-ratio]:before{content:"";display:block;padding-bottom:calc(100% / (var(--aspect-ratio)))}[style*=--aspect-ratio]>:first-child{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}.masonry{--columns: 4;--columns-sm: 1;--columns-md: 2;--gap: var(--spacing-6);columns:var(--columns-sm);column-gap:var(--gap)}.masonry>*{display:inline-block;break-inside:avoid;margin-bottom:var(--gap)}@media screen and (min-width: 40rem){.masonry{columns:var(--columns-md)}}@media screen and (min-width: 72rem){.masonry{--columns-lg: var(--columns);columns:var(--columns-lg)}}:root{--overlay-color-back: rgba(0, 0, 0, .6);--overlay-color-back-dimmed: rgba(0, 0, 0, .2)}.overlay{position:fixed;overscroll-behavior:contain;inset:0;width:100%;height:100vh;height:100dvh;background:var(--overlay-color-back);z-index:var(--z-dialog);transform:translateZ(0);display:grid;place-items:center}dialog.overlay{display:none}dialog.overlay[open]{display:grid}:root{--prose-code-bg: rgba(0, 0, 0, .1);--prose-pre-bg: var(--color-black);--prose-size: var(--text-lg);--prose-color-text: var(--color-gray-700);--prose-color-highlight: var(--color-black)}.prose{font-size:var(--prose-size);line-height:var(--leading-normal);color:var(--prose-color-text)}.prose a{color:var(--prose-color-highlight);max-width:100%;word-break:break-word}.prose abbr{text-decoration:none}.prose abbr a{text-decoration-color:var(--color-gray-500);text-decoration-style:dotted;cursor:help}.prose strong{font-weight:var(--font-semibold)}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6,.prose .intro,.prose strong,.prose em,.prose b{color:var(--prose-color-highlight)}.prose>:first-child{padding-top:0;margin-top:0}.prose>:last-child{margin-bottom:0}.prose *+blockquote,.prose *+.box,.prose *+.code,.prose *+.filesystem,.prose *+hr,.prose *+p,.prose *+ol,.prose *+ul,.prose>*+details,.prose *+.screencast,.prose *+.since,.prose *+.table{margin-top:1em}.prose>details[open] summary{margin-bottom:.75rem}.prose li::marker{color:var(--prose-color-highlight)}.prose ul{margin-left:1em}.prose ol{margin-left:1.5em}.prose ol p,.prose ul p,.prose ol ol,.prose ol ul,.prose ul ol,.prose ul ul{margin-top:0}.prose ol>li{list-style:decimal-leading-zero;padding-left:.25em}.prose ol>li::marker{font-variant-numeric:tabular-nums;font-weight:var(--font-bold);font-size:var(--text-xs);font-family:var(--font-mono)}.prose ul>li{list-style:disc}.prose ul ul>li{list-style:circle}.prose h1 a,.prose h2 a,.prose h3 a,.prose h4 a,.prose h5 a,.prose h6 a{color:inherit;text-decoration:none}.prose h2,.prose h3{scroll-margin-top:var(--spacing-6)}.prose h2{font-size:1.5em;line-height:1.15em}.prose *+h2{margin-top:2.5em}.prose h3{font-size:1.25em}.prose *+h3{margin-top:2.25em}.prose h2+h3{margin-top:1em}.prose h4{font-size:1.1em}.prose *+h4{margin-top:2em}.prose h4+*{margin-top:var(--spacing-3)}.prose h5{font-size:1em}.prose *+h5{margin-top:2em}.prose :not(pre)>code{font-family:var(--font-mono);display:inline-flex;font-size:.825em;max-width:100%;padding-inline:.375rem;border-radius:3px;background:var(--prose-code-bg);color:var(--prose-color-highlight);white-space:nowrap;overflow-y:hidden;overflow-x:auto}.prose code a{text-decoration:none;color:inherit}.prose>blockquote{margin:3em 0}.prose>blockquote p{border-left:2px solid #000;padding-left:.75rem;max-width:20em;font-size:1.2em;line-height:var(--leading-snug);color:var(--prose-color-highlight)}.prose li>blockquote{margin:.5em 0;font-size:.85em;padding-left:.75rem;border-left:2px solid var(--color-gray-300)}.hr{height:var(--spacing-2px);background:currentColor;width:var(--spacing-4)}.prose dt{font-weight:var(--font-bold)}.prose p,.prose ul,.prose ol,.prose blockquote,.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6,.prose .box,.prose .code,.prose .filesystem,.prose .tabs{max-width:42rem}.prose img{width:auto;height:auto;max-width:100%}.prose *+figure:is(.image,.video){margin-bottom:2.5rem}.prose *+figure:is(.image,.video){margin-top:2.5rem}.prose .image a{display:inline-block}.prose .image img{box-shadow:var(--shadow-2xl);background:var(--color-gray-200)}.prose .image figcaption{font-size:var(--text-sm);padding-top:var(--spacing-3)}.prose figure.video video{width:auto;height:auto;max-width:100%;box-shadow:var(--shadow-xl);border-radius:var(--rounded)}.prose *+.columns{margin-top:2.5rem}.prose *+nav{margin-top:1.5rem}.prose .intro{line-height:var(--leading-tight);font-size:var(--text-2xl)}.since{position:relative;padding-bottom:1.5rem}.since:before,.since:after{content:"";position:absolute}.since:before{top:calc(.75rem - 1px);left:-1.5rem;bottom:0;border:1px solid var(--color-gray-300);border-right:none;width:1.5rem}.since[open]:after{bottom:-.5rem;left:0;width:1px;margin-top:-1px;height:1rem;background:var(--color-gray-300)}.since:not([open]):after{content:"\2022  \2022  \2022";bottom:-.825rem;color:var(--color-gray-300);left:0}.since summary{position:relative;z-index:1;font-family:var(--font-mono);font-size:var(--text-xs);display:inline-block;padding:var(--spacing-2px) var(--spacing-3);background:var(--color-light);border:1px solid var(--color-gray-300);border-radius:3rem;margin-left:-.75rem}.since summary.new{background:var(--color-yellow-400);border:1px solid var(--color-yellow-500)}.since summary a{text-decoration:none}.social{display:flex;align-items:center}.social a{display:grid;place-items:center;width:var(--spacing-10);height:var(--spacing-10)}.skipper{position:absolute;left:-100%;z-index:1}.skipper:focus-visible{top:var(--spacing-1);left:var(--spacing-1)}.table{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--rounded);font-variant-numeric:tabular-nums}.table table{color:inherit;min-width:25rem}.table th,.table td{padding:.75em 1em;border-bottom:1px solid var(--color-gray-300);vertical-align:baseline;font-size:.825em;line-height:var(--leading-normal)}.table th{font-weight:var(--font-bold);white-space:nowrap;color:var(--color-black)}.table tr:last-child td{border-bottom:0}.code-token.code-punctuation,.code-token.code-comment,.code-token.code-doctype{color:var(--color-gray-500)}.code-token.code-tag,.code-token.code-markup,.code-token.code-variable,.code-token.code-this,.code-token.code-selector,.code-token.code-key,.code-token.code-kirbytag-bracket,.code-token.code-prolog,.code-token.code-delimiter{color:var(--color-red-500)}.code-token.code-constant,.code-token.code-number,.code-token.code-boolean,.code-token.code-boolean.code-important,.code-token.code-attr-name,.code-token.code-kirbytag-attr,.code-token.code-kirbytag-name,.code-token.code-entity,.code-token.code-bold,.code-token.code-bold>.code-punctuation{color:var(--color-orange-500)}.code-token.code-keyword,.code-token.code-italic,.code-token.code-italic>.code-punctuation{color:var(--color-purple-500)}.code-token.code-function{color:var(--color-blue-500)}.code-token.code-operator,.code-token.code-title{color:var(--color-aqua-500)}.code-token.code-string,.code-token.code-attr-value,.code-token.code-attr-value .code-punctuation,.code-token.code-list.code-punctuation{color:var(--color-green-500)}.code-token.code-scope,.code-token.code-class-name,.code-token.code-property,.code-token.code-url{color:var(--color-yellow-500)}.code-token.code-title,.code-token.code-kirbytag-bracket,.code-token.code-list.code-punctuation,.code-token.code-bold{font-weight:var(--font-bold)}.code-token.code-title .code-punctuation{color:var(--color-gray-300)}.code-token.code-italic{font-style:italic}:root{--color-dark: #313740}.autogrow{display:grid}.autogrow:after{content:attr(data-value) " ";white-space:pre-wrap;visibility:hidden}.autogrow>textarea{resize:none;overflow:hidden}.autogrow>textarea,.autogrow:after{padding:var(--spacing-2);border-radius:var(--rounded-sm);font:inherit;grid-area:1 / 1 / 2 / 2}.banner{display:none;position:absolute;padding:.5rem .75rem;line-height:var(--leading-none);white-space:nowrap;border:1px solid var(--color-gray-200)}@media screen and (max-width: 60rem){.banner{display:block;top:7rem}.banner a:after{content:" \2192"}}@media screen and (min-width: 60rem){.banner{display:block;top:5rem;right:0;background:var(--color-white)}.banner:before{position:absolute;top:-7.5px;right:calc(4.5rem - 1.5px);content:"";border-left:7.5px solid transparent;border-right:7.5px solid transparent;border-bottom:7.5px solid var(--color-gray-200)}.banner:after{position:absolute;top:-6px;right:4.5rem;content:"";border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--color-white)}}.topbar{font-weight:var(--font-bold);padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;justify-content:space-between}.topbar-icon{margin-right:var(--spacing-2)}.topbar-link>*{display:none}.topbar-link:after{display:inline-block;padding-left:var(--spacing-2);content:"\2192"}.topbar-link[data-active=true]:after{content:"\2193"}@media screen and (min-width: 35rem){.topbar-link>*{display:inline}}:root{--box-default: var(--color-light);--box-alert: var(--color-red-400);--box-info: var(--color-blue-400);--box-success: var(--color-green-400);--box-warning: var(--color-orange-400)}.box{position:relative;--bg: var(--box-default);background:var(--bg);border-radius:var(--rounded);overflow:hidden}.box .box-text{color:var(--color-black);padding:var(--spacing-6);margin-right:var(--spacing-6)}.box .box-icon{color:var(--bg);position:absolute;top:0;right:0}.box--alert{--bg: var(--box-alert)}.box--info{--bg: var(--box-info)}.box--success{--bg: var(--box-success)}.box--warning{--bg: var(--box-warning)}.brands{--columns: 2;display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-row-gap:var(--spacing-12);grid-column-gap:var(--spacing-16);align-items:center}@media screen and (min-width: 30rem){.brands{--columns: 3}}@media screen and (min-width: 54rem){.brands{--columns: var(--brands-columns, 6)}}.brands svg{width:100%;height:auto;max-height:2.5rem}.code{background:var(--prose-pre-bg);border-radius:var(--rounded);color:var(--color-gray-300)}.code figcaption{font-family:var(--font-mono);font-size:var(--text-sm);border-bottom:1px solid var(--color-gray-800);padding:var(--spacing-2) var(--spacing-3)}.code pre{padding:1.5em;line-height:var(--leading-relaxed);font-size:.825em;font-family:var(--font-mono)}.code figcaption,.code pre{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.code pre code{font:inherit}.code-toolbar{position:relative}.code-toolbar .toolbar{position:absolute;bottom:var(--spacing-3);right:var(--spacing-3);opacity:0;transition:opacity .2s}.code-toolbar:hover .toolbar{opacity:1}[data-no-copy] .code-toolbar .toolbar{opacity:0}.code-toolbar button{position:relative;display:flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);background-color:var(--color-black);color:var(--color-gray-500);font-size:var(--text-xs);cursor:pointer;transition:background-color .2s;border-radius:var(--rounded-sm);outline:none}.code-toolbar button:hover{background-color:var(--color-gray-800)}.code-toolbar button>svg{width:12px;height:12px;margin-right:var(--spacing-1);fill:var(--color-white)}.details summary{position:relative;list-style:none}.details>*{padding-left:1.75rem}.details summary::-webkit-details-marker{display:none}.details summary:after{position:absolute;top:0;margin-top:1rem;left:0;content:"";display:grid;place-items:center;width:1rem;height:1rem;border-radius:var(--rounded);background:var(--color-gray-200) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="14" height="14"><path d="M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z"></path></svg>') no-repeat center center}.details[open] summary:after{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="14" height="14"><path d="M5 11V13H19V11H5Z"></path></svg>')}.details summary:focus{outline:0}.dialog[open]{font-size:var(--text-sm);margin:auto;background:var(--color-light);width:50rem;box-shadow:var(--shadow-2xl);border-radius:var(--rounded)}.dialog::backdrop{background:#000000b3}body:has(.dialog[open]){overflow:hidden}.dialog-form{position:relative;accent-color:var(--color-blue-700)}.dialog-form .field+.field{margin-top:var(--spacing-6)}.dialog-form .label{display:block;font-weight:var(--font-bold);margin-bottom:var(--spacing-2)}.dialog-form label abbr{text-decoration:none;color:var(--color-red-600);margin-left:.125rem;display:none}.dialog-form .field:has(*:invalid) label abbr{display:inline}.dialog-form .input{height:2.25rem;background:var(--color-white);padding:var(--spacing-2);border-radius:var(--rounded-sm);box-shadow:0 0 0 1px var(--color-border)}.dialog-form textarea.input{height:auto;resize:none}.dialog-form :where(input:not([type=checkbox],[type=radio]),select,textarea):focus{outline:2px solid var(--color-blue-700)}.dialog-form select.input{appearance:none;font-size:inherit;padding-inline-end:1.5rem;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23888"><path d="M12 15.0006L7.75732 10.758L9.17154 9.34375L12 12.1722L14.8284 9.34375L16.2426 10.758L12 15.0006Z"></path></svg>');background-repeat:no-repeat;background-position:right var(--spacing-1) top 50%;background-size:24px}.dialog-form .checkbox{min-height:2.25rem;display:flex;align-items:center;color:var(--color-black);padding:var(--spacing-2) var(--spacing-3);background:var(--color-white);border-radius:var(--rounded-sm);box-shadow:0 0 0 1px var(--color-border);gap:var(--spacing-3);cursor:pointer}.dialog .buttons{margin-top:var(--spacing-8);display:flex;gap:.75rem}.dialog .buttons .btn{flex-basis:50%;flex-grow:1}.checkout-fieldset{margin-bottom:var(--spacing-6)}.checkout-fieldset legend{font-weight:var(--font-bold);margin-bottom:var(--spacing-2)}.checkout-fieldset .fields{border:1px solid var(--color-border);border-radius:var(--rounded);overflow:clip}.checkout-fieldset .field{display:flex;background:var(--color-white);align-items:center}.checkout-fieldset .field+.field{margin-top:0;border-top:1px solid var(--color-border)}.checkout-fieldset .label{display:flex;align-items:center;height:2.25rem;flex-basis:6.75rem;flex-shrink:0;font-weight:var(--font-normal);margin-bottom:0;white-space:nowrap;background:#00000008;padding:var(--spacing-2)}.checkout-fieldset .field .input{box-shadow:none;outline-offset:-2px;width:100%;flex-grow:1}.checkout-fieldset .help,.checkout-field .help{display:block;margin-top:.3rem;color:var(--color-gray-700)}.checkout-fieldset .fieldgroup{border-top:1px solid var(--color-border)}@media screen and (min-width: 70rem){.checkout-fieldset .fieldgroup{display:flex;align-items:center;border-top:1px solid var(--color-border)}.checkout-fieldset .fieldgroup .field{border-top:0}.checkout-fieldset .fieldgroup .field:first-child{flex-grow:1}.checkout-fieldset .fieldgroup .field:nth-child(2){flex-basis:14rem;border-left:1px solid var(--color-border)}.checkout-fieldset .fieldgroup .field:nth-child(2) .label{flex-basis:6rem}}.filesystem{--border: #3c3c3c;--icon-aqua: var(--color-aqua-500);--icon-blue: var(--color-blue-500);--icon-green: var(--color-green-500);--icon-orange: var(--color-orange-500);--icon-purple: var(--color-purple-500);--icon-red: var(--color-red-500);--icon-yellow: var(--color-yellow-500);--gradient: linear-gradient(var(--border), var(--border));padding:var(--spacing-4);background:var(--color-black);color:var(--color-gray-100);font-family:var(--font-mono);line-height:var(--leading-relaxed);border-radius:var(--rounded);font-size:.875em;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.filesystem details{padding-right:var(--spacing-4);width:min-content}.filesystem-label{--icon: var(--color-white);min-height:1.625rem;display:flex;align-items:center;white-space:nowrap;text-overflow:ellipsis}.filesystem-label svg{margin-right:var(--spacing-2);color:var(--icon);flex-shrink:0}.filesystem summary{outline:none;list-style:none}.filesystem summary::-webkit-details-marker{display:none}.filesystem ul{margin:0!important}.filesystem li{list-style:none!important}.filesystem li li{background:var(--gradient) .4375rem 0/.0625rem 100% no-repeat,var(--gradient) .4375rem .75em/.5rem .0625rem no-repeat;padding-left:1.625rem}.filesystem li li:last-child{background:var(--gradient) .4375rem 0/.0625rem .75em no-repeat,var(--gradient) .4375rem .75em/.5rem .0625rem no-repeat}.filesystem [data-type=folder-collapsed],.filesystem [data-type=folder-expanded],.filesystem [data-type=php],.filesystem [data-type=css]{--icon: var(--icon-blue)}.filesystem [data-type=image],.filesystem [data-type=code],.filesystem [data-type=archive]{--icon: var(--icon-green)}.filesystem [data-type=video]{--icon: var(--icon-purple)}.filesystem [data-type=javascript],.filesystem [data-type=vue],.filesystem [data-type=html],.filesystem [data-type=database]{--icon: var(--icon-orange)}.filesystem [data-type=text]{--icon: var(--icon-yellow)}.filesystem [data-type=markdown],.filesystem [data-type=document],.filesystem [data-type=font]{--icon: var(--icon-aqua)}.filesystem [data-type=git],.filesystem [data-type=audio]{--icon: var(--icon-red)}.filters a,.filters button{display:flex!important;align-items:center;margin-bottom:var(--spacing-1)}.filters svg{margin-right:var(--spacing-3)}.filters hr{margin:var(--spacing-3) 0}.footer .container{padding-top:var(--spacing-36)}.footer .flex{justify-content:space-between;gap:var(--spacing-12)}@media screen and (max-width: 50rem){.footer .flex{flex-direction:column}}.footer-info{max-width:10rem}.footer-info .social{margin-left:-.375rem}.footer-menu a{display:block;padding:.1rem 0}.footer-menu-partners a{padding:.25rem 0}.footer-menu-partners svg{width:auto;width:6.5rem}.header{margin-bottom:var(--spacing-20)}.header-content{margin:0 -.75rem;padding:var(--spacing-3) 0}@media screen and (min-width: 40rem){.header-content{padding:var(--spacing-6) 0}}.highlight{padding:var(--spacing-6)}@media screen and (min-width: 30rem){.highlight{padding:var(--spacing-12)}}:where(svg){fill:currentColor}:where(svg[viewBox="0 0 24 24"]),:where(svg[viewBox="0 0 16 16"]){width:18px;height:18px}svg[data-type=loader]{animation:Spin 1.5s linear infinite}@keyframes Spin{to{transform:rotate(360deg)}}.kosmos-fields{margin-left:-1.5rem;display:flex;flex-wrap:wrap}.kosmos-field{flex-grow:1;flex-basis:33.33%;min-width:12rem;margin-bottom:1.5rem;margin-left:1.5rem}.kosmos-field:last-child{flex-basis:auto;margin-bottom:0}@media screen and (min-width: 45rem){.kosmos-form label{height:2rem;margin-bottom:0}.kosmos-form .btn{margin-top:2rem}}.basicLightbox{position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100vh;background:#000c;opacity:.01;transition:opacity .4s ease;z-index:1000;will-change:opacity}.basicLightbox--visible{opacity:1}.basicLightbox__placeholder{max-width:100%;transform:scale(.9);transition:transform .4s ease;z-index:1;will-change:transform}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{display:block;position:absolute;inset:0;margin:auto;max-width:95%;max-height:95%}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{pointer-events:auto}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{width:auto;height:auto}.basicLightbox--iframe .basicLightbox__placeholder,.basicLightbox--img .basicLightbox__placeholder,.basicLightbox--video .basicLightbox__placeholder{width:100%;height:100%;pointer-events:none}.basicLightbox--visible .basicLightbox__placeholder{transform:scale(1)}.filters a[aria-current],.prose a:where(:not(.btn)),.toc a,.sidebar ul a[aria-current],.playground-header-menu a[aria-current],.reference-entries a[aria-current] h4,.link{text-decoration:underline;text-decoration-color:var(--color-yellow-500);text-decoration-thickness:2px}.link:hover,.prose a:hover,.toc a:hover,.sidebar ul a:hover{text-decoration-color:var(--color-yellow-600)}.logo{display:flex;padding:var(--spacing-3)}.logo svg{display:flex;width:36px;height:42px}.logo+.version.archived .link{text-decoration-color:var(--color-gray-400)}:root{--menu-dropdown-bg: var(--color-black);--menu-dropdown-color: var(--color-white)}.menu a,.menu label{padding:.5rem .75rem;display:block;line-height:var(--leading-none);white-space:nowrap}.menu nav{display:flex}.menu-steps a{position:relative;font-weight:var(--font-bold);display:flex;align-items:center}.menu-steps a:after{position:absolute;right:-.125rem;content:"\203a";font-weight:400}.menu-steps li:last-child a:after{display:none}.menu-steps svg *{fill:currentColor}.menu input{position:absolute;visibility:hidden;width:0;height:0;opacity:0}.menu-toggle{cursor:pointer}.menu-2 .is-external{position:relative;padding-right:3rem}.menu-2 .is-external:after{position:absolute;content:"\2192";top:50%;right:.75rem;transform:translateY(-50%) rotate(-45deg);color:var(--color-gray-400)}@media screen and (max-width: 60rem){.menu nav{position:absolute;top:100%;width:100%;max-width:18rem;right:.5rem;display:none;padding:var(--spacing-3);background:var(--menu-dropdown-bg);color:var(--menu-dropdown-color);font-size:var(--text-sm);flex-direction:column;border-radius:var(--rounded-xs);box-shadow:var(--shadow-xl);z-index:3}.menu input:checked~nav{display:flex}.menu ul{padding-top:.25rem;padding-bottom:.25rem}.menu-1>.has-submenu>a{font-weight:var(--font-bold)}.menu-2 a{opacity:.75;padding-left:var(--spacing-6)}.menu-steps{display:flex;align-items:center}}@media screen and (min-width: 60rem){.menu input,.menu label{display:none}.menu-1{display:flex;align-items:center}.menu-1>li{position:relative}.menu-1>.has-submenu>a{padding-right:1.75rem}.menu-1>.has-submenu>a:after{content:"\203a";position:absolute;margin-top:-.4rem;right:.75rem;top:50%;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.menu-2{position:absolute;display:none;top:100%;left:50%;z-index:1;transform:translate(-50%);background:var(--menu-dropdown-bg);color:var(--menu-dropdown-color);padding-top:.375rem;padding-bottom:.375rem;border-radius:var(--rounded);box-shadow:var(--shadow-xl)}.menu-2 a{padding:.375rem 1rem;font-size:var(--text-sm)}.menu-2 hr{margin:var(--spacing-2) var(--spacing-3);border-top:1px solid var(--color-gray-800)}.menu-2:before{--arrow: var(--spacing-1);position:absolute;top:calc(var(--arrow) * -1);left:50%;transform:translate(-50%);content:"";border-bottom:var(--arrow) solid var(--menu-dropdown-bg);border-left:var(--arrow) solid transparent;border-right:var(--arrow) solid transparent}.menu-1>li:focus .menu-2,.menu-1>li:focus-within .menu-2,.menu-1>li:hover .menu-2{display:block}.menu-steps{margin:0 .75rem}}.prevnext{display:flex;margin-bottom:var(--spacing-24);gap:var(--spacing-6)}.prevnext a{flex-grow:1;flex-basis:50%;display:flex;flex-direction:column;border:1px solid var(--color-border);padding:var(--spacing-6);border-radius:var(--rounded)}.prevnext-next{align-items:flex-end;text-align:right}.prevnext-label{font-size:var(--text-xs);color:var(--color-gray-700)}.prevnext-title{font-size:var(--text-lg)}.pill{display:inline-flex;align-items:center;background:var(--color-light);border-radius:5rem;padding:.25rem 1rem}.screencast{grid-template-columns:1fr;border-radius:var(--rounded);overflow:hidden}.screencast .h6,.screencast .h2{color:var(--color-white);margin-top:0}.screencast header a{text-decoration:none}.screencast figure.video{margin-block:0}@media screen and (min-width: 60rem){.screencast:not(.reference-content .screencast){grid-template-columns:1fr 2fr}}@media screen and (min-width: 60rem) and (max-width: 72rem){.screencast p{display:none}}@media screen and (min-width: 80rem){.reference-content .screencast{grid-template-columns:1fr 2fr}}.search .search-button{padding:.5rem .75rem}.search-dialog{display:grid}.search-dialog form{width:calc(100% - 3rem);max-width:35rem;border-radius:var(--rounded)}.search-input{border-bottom:1px solid var(--color-light)}.search-input>figure{position:absolute;top:0;left:0;height:3rem;width:2.5rem}.search-input input{padding:0 var(--spacing-3) 0 2.5rem;height:3rem;width:100%;background:none}.search-input input:focus{outline-offset:-2px}.search-input-area{width:7.5rem}.search-input-area button{display:block;width:100%;text-align:left;padding:0 var(--spacing-3)}.search-input-area>button{height:3rem;width:7.5rem}.search-input-area>button>span{position:relative}.search-input-area>button>span:after{position:absolute;top:50%;right:.5rem;content:"";margin-top:-3px;border-top:4px solid #000;border-left:4px solid transparent;border-right:4px solid transparent}.search-input-area ul{position:absolute;top:100%;right:0;left:0;padding:var(--spacing-2) 0;border-radius:var(--rounded)}.search-input-area ul:before{--arrow: var(--spacing-1);position:absolute;top:calc(var(--arrow) * -1);left:50%;transform:translate(-50%);content:"";border-bottom:var(--arrow) solid var(--menu-dropdown-bg);border-left:var(--arrow) solid transparent;border-right:var(--arrow) solid transparent}.search-input-area li{padding:var(--spacing-1) var(--spacing-3);white-space:nowrap}.search-input-area li:first-child{border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:var(--spacing-3);margin-bottom:var(--spacing-2)}.search-area[data-area]{--area-color: var(--color-light);padding:var(--spacing-1) var(--spacing-2);background:var(--area-color);font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--rounded)}.search-area[data-area]:empty{visibility:hidden}.search-area[data-area=guide]{--area-color: var(--color-yellow-500)}.search-area[data-area=reference]{--area-color: var(--color-blue-500)}.search-area[data-area=cookbook]{--area-color: var(--color-purple-500)}.search-area[data-area=plugin]{--area-color: var(--color-aqua-500)}.search-area[data-area=kosmos]{--area-color: var(--color-red-500)}.search-result{border-bottom:1px solid var(--color-light)}.search-result a{display:grid;grid-column-gap:var(--spacing-6);grid-template-columns:minmax(0,4fr) 1fr;justify-items:start;align-items:start;padding:var(--spacing-3);overflow:hidden;text-overflow:ellipsis}.search-result .search-area{justify-self:end}.search-result div{min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-footer{height:3rem;background:var(--color-gray-200);border-bottom-left-radius:var(--rounded);border-bottom-right-radius:var(--rounded)}.search-footer a{padding:0 var(--spacing-3);height:3rem;display:inline-flex;align-items:center}.search-footer a svg{height:1rem;margin-left:.75rem}.search-result:focus-within,.search-more:focus-within{outline:solid;outline:5px auto -webkit-focus-ring-color}.sidebar{font-size:var(--text-base)}.sidebar ul a[aria-current]{color:var(--color-black)}.sidebar .details{margin-left:-1.75rem}.sidebar .details summary:after{margin-top:.4rem}.sidebar .sidebar-group .details summary:after{margin-top:.27rem}.sidebar ul a{display:block;padding:.125rem 0}.sidebar-menu-2{position:relative;font-size:var(--text-sm);line-height:1;padding-top:.375rem;padding-bottom:.375rem}.sidebar-menu-2 li>a{display:block;font-weight:400;color:var(--color-gray-700);padding:.35rem 0}.sidebar-menu-2 li>hr{width:3rem;margin:var(--spacing-3) 0;border-top:2px solid var(--color-gray-200)}.sidebar .sidebar-group>h2{font-weight:var(--font-bold);font-size:var(--text-sm)}.sidebar .sidebar-group ul a{font-weight:var(--font-normal);font-size:var(--text-sm)}.sidebar .sidebar-group .sidebar-menu-2 li>a{font-size:var(--text-xs)}.sidebar .sidebar-group .sidebar-menu-2{padding-top:.25rem;padding-bottom:.25rem}.sidebar-mobile-select{position:relative;display:flex;flex-grow:1}.sidebar-mobile-select label{display:flex;justify-content:space-between;flex-grow:1;align-items:center;font-size:var(--text-sm);padding:var(--spacing-2);line-height:1}.sidebar-mobile-select select{position:absolute;inset:0;opacity:0;appearance:none;font-size:var(--text-sm);width:100%;height:100%;cursor:pointer}.sidebar-mobile-select:has(select:focus-visible){outline:2px auto}.tabs{margin-block:var(--spacing-6);border:1px solid var(--color-border);border-radius:var(--rounded)}.tabs nav{display:flex;overflow-x:auto}.tabs nav button{position:relative;padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs);overflow:visible;white-space:nowrap}.tabs nav button[aria-selected=true]:after{position:absolute;content:"";height:2px;inset-inline:0;bottom:0;background:currentColor}.tabs nav button:not([aria-selected=true]):hover{opacity:.75}.tabs>div{padding:var(--spacing-6)}.toc{margin-top:var(--spacing-12);margin-bottom:var(--spacing-16)}.toc .badge{border-radius:var(--rounded-sm);border-end-start-radius:0}.toc ol{padding-top:var(--spacing-4);padding-left:var(--spacing-12);border-left:2px solid var(--color-black);font-size:var(--text-xl)}.toc li{list-style:decimal-leading-zero;padding-left:.25em}.toc li::marker{font-variant-numeric:tabular-nums;font-weight:var(--font-bold);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-black)}.toc a{display:inline-flex}.type{white-space:nowrap}.type-link{text-decoration:none!important}.type:is(.type-string,.type-vue){background:var(--color-green-400)}.type:is(.type-int){background:var(--color-orange-400)}.type:is(.type-float,.type-number){background:var(--color-red-400)}.type:is(.type-bool,.type-boolean){background:var(--color-purple-400)}.type:is(.type-array,.type-callable){background:var(--color-aqua-400)}.type:is(.type-object,.type-class){background:var(--color-yellow-400)}.type:is(.type-method){background:var(--color-blue-400)}.box--success .type:is(.type-string,.type-vue){background:var(--color-green-500)}.box--alert .type:is(.type-float,.type-number){background:var(--color-red-500)}.box--info .type:is(.type-method){background:var(--color-blue-500)}.box--warning .type:is(.type-int){background:var(--color-orange-500)}.video-embed{position:relative}.video-embed img{height:100%;width:100%}.video-embed .play-button{position:absolute;top:50%;left:50%;width:68px;height:48px;margin-left:-34px;margin-top:-24px}.video-embed .text-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem 1rem .75rem;font-size:var(--text-xs);background:linear-gradient(transparent,#000);color:var(--color-white)}.video-embed .text-overlay a{color:var(--color-white)}.voice>p{border-left:2px solid var(--color-black);padding-left:.75rem;max-width:25rem}@media screen and (min-width: 48rem){.with-sidebar{display:grid;grid-gap:3rem;grid-template-columns:repeat(4,1fr)}.with-sidebar>:last-child{grid-column-start:2;grid-column-end:-1}.with-sidebar>article{width:100%}.with-sidebar .sidebar-mobile-select{display:none}}@media screen and (max-width: 48rem){.with-sidebar .sidebar-header{display:flex;align-items:center;background:var(--color-light);border-radius:var(--rounded)}.with-sidebar .sidebar-header .h1{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-black);margin-bottom:0}.with-sidebar .sidebar-header .h1 a{border-right:1px solid var(--color-border);padding:var(--spacing-2)}.with-sidebar .sidebar :where(.sidebar-group,ul){display:none}}html{background:var(--color-gray-100);background:linear-gradient(to right,var(--color-white),var(--color-gray-100),#fbf8f4)}img{transform:translateZ(0)}.badge{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-black);color:var(--color-white);padding:var(--spacing-2px) var(--spacing-3);display:inline-flex;white-space:nowrap}.bg-light{background:var(--color-light)}.bg-dark{background:var(--color-dark)}.bg-yellow{background:var(--color-yellow-400)}.border{position:relative;border:1px solid var(--color-border)}.border-top{border-top:1px solid var(--color-border)}.color-gray-400{color:var(--color-gray-400)}.color-gray-500{color:var(--color-gray-500)}.color-gray-600{color:var(--color-gray-600)}.color-gray-700{color:var(--color-gray-700)}.color-gray-800{color:var(--color-gray-800)}.dimmed{background:var(--color-black)}.dimmed img{opacity:.8}.h-3{height:3rem}.iconbox{--size: 2rem;width:var(--size);height:var(--size);display:grid;place-items:center;border-radius:var(--rounded-sm);flex-shrink:0}.iconbox a{width:100%;height:100%;display:grid;place-items:center}.input{background:var(--color-white);padding:var(--spacing-2) var(--spacing-3);width:100%;border-radius:var(--rounded-sm)}.max-w-xs{max-width:20rem}.max-w-xl{max-width:36rem}.rounded-xl{border-radius:var(--spacing-2)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.tabular-nums{font-variant-numeric:tabular-nums}.absolute{position:absolute}.auto-rows-fr{grid-auto-rows:1fr}.bg-black{background:var(--color-black)}.bg-white{background:var(--color-white)}.block{display:block}.color-black{color:var(--color-black)}.color-white{color:var(--color-white)}.container{position:relative;max-width:var(--container);margin:0 auto;padding:0 var(--container-padding)}.fixed{position:fixed}.flex{--gap: 0;display:flex;gap:var(--gap)}.flex-wrap{flex-wrap:wrap}.flex-column{flex-direction:column}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.font-bold{font-weight:var(--font-bold)}.font-mono{font-family:var(--font-mono)}.font-normal{font-weight:var(--font-normal)}.font-sans{font-family:var(--font-sans)}.font-thin{font-weight:var(--font-thin)}.grid{display:grid}.hidden{display:none!important}.inline-flex{display:inline-flex}.inset-0{inset:0}.invisible{visibility:hidden}.italic{font-style:italic}.items-start{align-items:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.leading-snug{line-height:var(--leading-snug)}.leading-tight{line-height:var(--leading-tight)}.list-none{list-style:none}.list-none>summary::-webkit-details-marker{display:none}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-1)}.mb-3{margin-bottom:var(--spacing-3)}.mb-6{margin-bottom:var(--spacing-6)}.mb-12{margin-bottom:var(--spacing-12)}.mb-24{margin-bottom:var(--spacing-24)}.mb-36{margin-bottom:var(--spacing-36)}.mb-42{margin-bottom:var(--spacing-42)}.mb-56{margin-bottom:calc(var(--spacing-1) * 56)}.ml-auto{margin-left:auto}.mr-1{margin-right:var(--spacing-1)}.mr-3{margin-right:var(--spacing-3)}.mx-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.mx-auto{margin-left:auto;margin-right:auto}.overflow-hidden{overflow:hidden}.place-items-center{display:grid;place-items:center;align-content:center}.p-container{padding:var(--container-padding)}.p-1{padding:var(--spacing-1)}.p-3{padding:var(--spacing-3)}.p-6{padding:var(--spacing-6)}.p-12{padding:var(--spacing-12)}.p-24{padding:var(--spacing-24)}.pt-1{padding-top:var(--spacing-1)}.pt-3{padding-top:var(--spacing-3)}.pt-6{padding-top:var(--spacing-6)}.pt-12{padding-top:var(--spacing-12)}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.px-12{padding-left:var(--spacing-12);padding-right:var(--spacing-12)}.py-1{padding-bottom:var(--spacing-1);padding-top:var(--spacing-1)}.py-3{padding-bottom:var(--spacing-3);padding-top:var(--spacing-3)}.py-6{padding-bottom:var(--spacing-6);padding-top:var(--spacing-6)}.py-12{padding-bottom:var(--spacing-12);padding-top:var(--spacing-12)}.relative{position:relative}.rounded{border-radius:var(--rounded)}.shadow{box-shadow:var(--shadow)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media screen and (min-width: 30rem){.sticky{--top: 0;position:sticky;top:var(--top)}}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl);line-height:1.175em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.underline{text-decoration:underline}.w-100\%{width:100%}.w-auto{width:auto}.w-full{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.whitespace-nowrap{white-space:nowrap}.z-1{z-index:1}
/*# sourceMappingURL=index.css.map */