/*!tailwindcss v4.1.18 | MIT License | https://tailwindcss.com*/@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;--color-red-200:oklch(88.5% 0.062 18.334);--color-yellow-200:oklch(94.5% 0.129 101.54);--color-green-200:oklch(92.5% 0.084 155.995);--color-blue-200:oklch(88.2% 0.059 254.128);--color-pink-200:oklch(89.9% 0.061 343.231);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-300:oklch(87.2% 0.01 258.338);--color-gray-400:oklch(70.7% 0.022 261.325);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-700:oklch(37.3% 0.034 259.733);--color-black:#000;--color-white:#fff;--spacing:0.25rem;--breakpoint-lg:64rem;--text-sm:0.875rem;--text-sm--line-height:calc(1.25 / 0.875);--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-0.025em;--leading-tight:1.25;--leading-normal:1.5;--radius-sm:0.25rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-clr-primary:#00CC9E;--color-clr-secondary:#D1004D;--color-clr-body:#FFFFFF;--color-clr-border:#A2A2A2;--color-clr-light:#F4F4F4;--color-clr-code-block-background:#F4F4F4;--color-clr-code-inline-background:#F0F0F0;--color-clr-text:#303030;--color-clr-text-dark:#343434;--color-clr-text-light:#A2A2A2;--color-clr-darkmode-primary:#21BA98;--color-clr-darkmode-secondary:#D85E8C;--color-clr-darkmode-body:#1C1C1C;--color-clr-darkmode-border:#3E3E3E;--color-clr-darkmode-light:#222222;--color-clr-darkmode-code-inline-background:#343434;--color-clr-darkmode-code-block-background:#2F2F2F;--color-clr-darkmode-text:#B4AFB6;--color-clr-darkmode-text-dark:#CCCCCC;--color-clr-darkmode-text-light:#909090;--font-primary:Inter, sans-serif;--font-secondary:Playfair Display, sans-serif;--font-tertiary:Barlow Condensed, sans-serif;--text-size-base:16px;--text-size-base-sm:14.4px;--text-size-h1:2.25rem;--text-size-h1-sm:2.0250rem;--text-size-h2:2.25rem;--text-size-h3:1.75rem;--text-size-h4:1.25rem;--text-size-h5:1rem;--text-size-h6:1rem}}@layer base{*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:initial;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports(not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports(color:color-mix(in lab,red,red)){color: color-mix(in oklab,currentcolor 50%,transparent);}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:calc(1/2 * 100%)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:calc(1/2 * 100%)}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%;@media(width >= 40rem){max-width: 40rem;}@media(width >= 48rem){max-width: 48rem;}@media(width >= 64rem){max-width: 64rem;}@media(width >= 80rem){max-width: 80rem;}@media(width >= 96rem){max-width: 96rem;}}.my-6{margin-block:calc(var(--spacing) * 6)}.ms-1{margin-inline-start:calc(var(--spacing) * 1)}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/-2);margin-left:calc(var(--bs-gutter-x)/-2);> * { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); margin-top: var(--bs-gutter-y); }}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-\[0\.1rem\]{margin-top:.1rem}.mt-\[0\.2rem\]{margin-top:.2rem}.mt-\[0\.15rem\]{margin-top:.15rem}.container{max-width:var(--container-max-width);width:100%;margin-right:auto;margin-left:auto;padding-right:var(--bs-gutter-x,calc(1.5rem/2));padding-left:var(--bs-gutter-x,calc(1.5rem/2))}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mr-5{margin-right:calc(var(--spacing) * 5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.col{flex:1 0;width:initial;display:initial}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-\[1em\]{width:1em;height:1em}.h-8{height:calc(var(--spacing) * 8)}.h-48{height:calc(var(--spacing) * 48)}.w-6{width:calc(var(--spacing) * 6)}.w-\[30px\]{width:30px}.w-auto{width:auto}.w-full{width:100%}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing) * 3)}.gap-8{gap:calc(var(--spacing) * 8)}.space-y-3{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); }}.space-x-1{ :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))); }}.space-x-3{ :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); }}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-none{border-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b-\[3px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.border-solid{--tw-border-style:solid;border-style:solid}.border-clr-light{border-color:var(--color-clr-light)}.border-gray-200{border-color:var(--color-gray-200)}.bg-clr-body{background-color:var(--color-clr-body)}.bg-clr-primary{background-color:var(--color-clr-primary)}.bg-gray-200{background-color:var(--color-gray-200)}.from-clr-body{--tw-gradient-from:var(--color-clr-body);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-clr-light{--tw-gradient-to:var(--color-clr-light);--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-\[2\.5px\]{padding-block:2.5px}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.text-center{text-align:center}.align-\[-0\.125em\]{vertical-align:-.125em}.align-top{vertical-align:top}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[8rem\]{font-size:8rem}.text-\[12px\]{font-size:12px}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-black{color:var(--color-black)}.text-clr-primary{color:var(--color-clr-primary)}.text-clr-secondary{color:var(--color-clr-secondary)}.text-clr-text-dark{color:var(--color-clr-text-dark)}.text-clr-text-light{color:var(--color-clr-text-light)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0%}.opacity-100{opacity:100%}.shadow-md\/20{--tw-shadow-alpha:20%;--tw-shadow:0 4px 6px -1px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 20%)), 0 2px 4px -2px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 20%));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:300ms;transition-duration:300ms}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.\[program\:smbd\]{program:smbd}.\[program\:winbindd\]{program:winbindd}.group-hover\:scale-105{&:is(:where(.group):hover *) { @media (hover:hover) { --tw-scale-x:105%; --tw-scale-y:105%; --tw-scale-z:105%; scale:var(--tw-scale-x) var(--tw-scale-y); } }}.group-hover\:text-clr-primary{&:is(:where(.group):hover *) { @media (hover:hover) { color:var(--color-clr-primary); } }}.hover\:-translate-y-1{&:hover { @media (hover:hover) { --tw-translate-y:calc(var(--spacing) * -1); translate:var(--tw-translate-x) var(--tw-translate-y); } }}.sm\:col-10{@media(width >= 40rem){grid-column: 10;}}.sm\:block{@media(width >= 40rem){display: block;}}.sm\:hidden{@media(width >= 40rem){display: none;}}.sm\:col-10{@media(width >= 40rem){flex: 0 0 auto; width: 83.33333333333334%;}}.sm\:grid-cols-2{@media(width >= 40rem){grid-template-columns: repeat(2,minmax(0,1fr));}}.sm\:bg-red-200{@media(width >= 40rem){background-color: var(--color-red-200);}}.md\:col-6{@media(width >= 48rem){grid-column: 6;}}.md\:col-8{@media(width >= 48rem){grid-column: 8;}}.md\:my-8{@media(width >= 48rem){margin-block: calc(var(--spacing) * 8);}}.md\:block{@media(width >= 48rem){display: block;}}.md\:hidden{@media(width >= 48rem){display: none;}}.md\:col-6{@media(width >= 48rem){flex: 0 0 auto; width: 50%;}}.md\:col-8{@media(width >= 48rem){flex: 0 0 auto; width: 66.66666666666667%;}}.md\:grid-cols-2{@media(width >= 48rem){grid-template-columns: repeat(2,minmax(0,1fr));}}.md\:grid-cols-3{@media(width >= 48rem){grid-template-columns: repeat(3,minmax(0,1fr));}}.md\:bg-yellow-200{@media(width >= 48rem){background-color: var(--color-yellow-200);}}.md\:pt-0{@media(width >= 48rem){padding-top: calc(var(--spacing) * 0);}}.md\:shadow-lg\/20{@media(width >= 48rem){--tw-shadow-alpha: 20%; --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,oklab(from rgb(0 0 0 / 0.1) l a b / 20%)),0 4px 6px -4px var(--tw-shadow-color,oklab(from rgb(0 0 0 / 0.1) l a b / 20%)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}}.lg\:col-6{@media(width >= 64rem){grid-column: 6;}}.lg\:col-8{@media(width >= 64rem){grid-column: 8;}}.lg\:mt-10{@media(width >= 64rem){margin-top: calc(var(--spacing) * 10);}}.lg\:mb-8{@media(width >= 64rem){margin-bottom: calc(var(--spacing) * 8);}}.lg\:mb-12{@media(width >= 64rem){margin-bottom: calc(var(--spacing) * 12);}}.lg\:block{@media(width >= 64rem){display: block;}}.lg\:hidden{@media(width >= 64rem){display: none;}}.lg\:h-10{@media(width >= 64rem){height: calc(var(--spacing) * 10);}}.lg\:col-6{@media(width >= 64rem){flex: 0 0 auto; width: 50%;}}.lg\:col-8{@media(width >= 64rem){flex: 0 0 auto; width: 66.66666666666667%;}}.lg\:grid-cols-3{@media(width >= 64rem){grid-template-columns: repeat(3,minmax(0,1fr));}}.lg\:grid-cols-4{@media(width >= 64rem){grid-template-columns: repeat(4,minmax(0,1fr));}}.lg\:border-r-0{@media(width >= 64rem){border-right-style: var(--tw-border-style); border-right-width: 0px;}}.lg\:bg-green-200{@media(width >= 64rem){background-color: var(--color-green-200);}}.lg\:pr-0{@media(width >= 64rem){padding-right: calc(var(--spacing) * 0);}}.xl\:block{@media(width >= 80rem){display: block;}}.xl\:hidden{@media(width >= 80rem){display: none;}}.xl\:bg-blue-200{@media(width >= 80rem){background-color: var(--color-blue-200);}}.\32 xl\:block{@media(width >= 96rem){display: block;}}.\32 xl\:hidden{@media(width >= 96rem){display: none;}}.\32 xl\:bg-pink-200{@media(width >= 96rem){background-color: var(--color-pink-200);}}.dark\:block{&:where(.dark,.dark *) { display:block; }}.dark\:hidden{&:where(.dark,.dark *) { display:none; }}.dark\:border-clr-darkmode-border{&:where(.dark,.dark *) { border-color:var(--color-clr-darkmode-border); }}.dark\:border-gray-700{&:where(.dark,.dark *) { border-color:var(--color-gray-700); }}.dark\:bg-clr-darkmode-body{&:where(.dark,.dark *) { background-color:var(--color-clr-darkmode-body); }}.dark\:from-clr-darkmode-body{&:where(.dark,.dark *) { --tw-gradient-from:var(--color-clr-darkmode-body); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }}.dark\:to-clr-darkmode-light{&:where(.dark,.dark *) { --tw-gradient-to:var(--color-clr-darkmode-light); --tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-to) var(--tw-gradient-to-position)); }}.dark\:text-clr-darkmode-primary{&:where(.dark,.dark *) { color:var(--color-clr-darkmode-primary); }}.dark\:text-clr-darkmode-secondary{&:where(.dark,.dark *) { color:var(--color-clr-darkmode-secondary); }}.dark\:text-clr-darkmode-text-dark{&:where(.dark,.dark *) { color:var(--color-clr-darkmode-text-dark); }}.dark\:text-gray-400{&:where(.dark,.dark *) { color:var(--color-gray-400); }}.dark\:opacity-0{&:where(.dark,.dark *) { opacity:0%; }}.dark\:opacity-100{&:where(.dark,.dark *) { opacity:100%; }}.dark\:group-hover\:text-clr-darkmode-primary{&:where(.dark,.dark *) { &:is(:where(.group):hover *) { @media (hover:hover) { color:var(--color-clr-darkmode-primary); } } }}}@layer base{:root{--header-height:87px;--header-bottom-margin:40px;--toc-position-top:calc(var(--header-height) + var(--header-bottom-margin));--article-container-width:1131px;--article-content-width:815px;--article-toc-width:260px;--code-font-size:0.875em;--content-block-margin:1em}html{scroll-padding-top:var(--header-height)}html.scroll-smooth{scroll-behavior:smooth}body{display:flex;min-height:100vh;flex-direction:column;background-color:var(--color-clr-body);&:where(.dark,.dark *) { background-color:var(--color-clr-darkmode-body); } color:var(--color-clr-text);&:where(.dark,.dark *) { color:var(--color-clr-darkmode-text); } font-family:var(--font-primary);font-size:var(--text-size-base);--tw-leading:var(--leading-normal);line-height:var(--leading-normal);--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}h1,h2,h3,h4,h5,h6{--tw-leading:var(--leading-tight);line-height:var(--leading-tight);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-clr-text-dark);&:where(.dark,.dark *) { color:var(--color-clr-darkmode-text-dark); }}h1{font-family:var(--font-secondary)}h2,h3,h4,h5,h6{font-family:var(--font-tertiary)}h3{color:var(--color-clr-primary);.dark & { color: var(--color-clr-darkmode-primary); }}h1,.h1{font-size:var(--text-size-h1-sm);line-height:1.25;@media(width >= 48rem){font-size: var(--text-size-h1); line-height: 1.25;}}h2,.h2{font-size:var(--text-size-h2);line-height:1.15}h3,.h3{font-size:var(--text-size-h3);line-height:1.2}h4,.h4{font-size:var(--text-size-h4);line-height:1.2}h5,.h5{font-size:var(--text-size-h5);line-height:1.2}h6,.h6{font-size:var(--text-size-h6);line-height:1.2}h1{margin-bottom:.3em}h2,h3,h4,h5,h6{margin-top:.6em;margin-bottom:.3em}a,.a{color:var(--color-clr-secondary);text-decoration:none;transition:all .2s ease;.dark & { color: var(--color-clr-darkmode-secondary); }}ul,ol{margin:.75rem 0}ul ul,ol ol,ul ol,ol ul{margin:0;padding-inline-start:1em}ul li,ol li{line-height:var(--tw-leading,var(--text-base--line-height));margin:.2rem 0}b,strong{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.hr-border-bottom{border-bottom-style:var(--tw-border-style);border-bottom-width:3px;--tw-border-style:solid;border-style:solid;border-color:var(--color-clr-light);&:where(.dark,.dark *) { border-color:var(--color-clr-darkmode-border); }}.spaced-list{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing) * 5)}}@layer components{.content{h2, h3, h4, h5, h6 { margin-top: 1em; margin-bottom: .75em; } p { margin-block: var(--content-block-margin); } ul { list-style-type: disc; padding-inline-start: 1.5em; } ol { list-style-type: decimal; padding-inline-start: 1.5em; } li { margin: 0.25em 0; padding-left: 0.25em; } blockquote { border-left: 4px solid var(--color-clr-primary); padding-left: 1em; margin: var(--content-block-margin) 0; font-style: italic; color: var(--color-clr-text-light); .dark & { color: var(--color-clr-darkmode-text-light); } p:last-child { margin-bottom: 0; } } hr { border: none; border-top: 1px solid var(--color-clr-border); margin: 2em 0; .dark & { border-top-color: var(--color-clr-darkmode-border); } } table { width: 100%; border-collapse: collapse; margin: var(--content-block-margin) 0; font-size: 0.9375em; overflow-x: auto; display: block; } th, td { border: 1px solid var(--color-clr-border); padding: 0.5em 0.75em; text-align: left; vertical-align: top; .dark & { border-color: var(--color-clr-darkmode-border); } } thead th { background-color: var(--color-clr-light); font-weight: 600; .dark & { background-color: var(--color-clr-darkmode-light); } } figure { margin: var(--content-block-margin) 0; } figcaption { margin-top: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--color-clr-text-light); &:where(.dark, .dark *) { color: var(--color-clr-darkmode-text-light); } } dl { margin: var(--content-block-margin) 0; } dt { font-weight: 600; margin-top: 1em; } dd { margin-left: 1.5em; margin-top: 0.25em; } abbr[title] { text-decoration: underline dotted; cursor: help; } kbd { font-family: var(--font-mono, ui-monospace, monospace); font-size: 0.875em; padding: 0.125em 0.375em; background-color: var(--color-clr-light); border: 1px solid var(--color-clr-border); border-radius: 0.25em; .dark & { background-color: var(--color-clr-darkmode-light); border-color: var(--color-clr-darkmode-border); } } sup, sub { font-size: 0.75em; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } mark { background-color: rgba(0, 204, 158, 0.2); padding: 0.1em 0.2em; border-radius: 0.125em; .dark & { background-color: rgba(0, 204, 158, 0.3); } }}.btn{display:inline-block;border-radius:.25rem;border-style:var(--tw-border-style);border-width:2px;border-color:transparent;padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 2);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.btn-sm{border-radius:var(--radius-sm);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.btn-bg-secondary{background-color:var(--color-clr-secondary);color:var(--color-white);&:where(.dark,.dark *) { background-color:var(--color-clr-darkmode-secondary); } &:where(.dark,.dark *) { color:var(--color-clr-darkmode-text-dark); }}a.btn-bg-secondary{&:hover { @media (hover:hover) { background-color:color-mix(in srgb,#D1004D 80%,transparent); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,var(--color-clr-secondary) 80%,transparent); } } } &:where(.dark,.dark *) { &:hover { @media (hover:hover) { background-color:color-mix(in srgb,#D85E8C 90%,transparent); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,var(--color-clr-darkmode-secondary) 90%,transparent); } } } }}.btn-bg-transparent{background-color:initial;color:var(--color-clr-text-dark);&:where(.dark,.dark *) { color:var(--color-clr-darkmode-text-dark); }}a.btn-bg-transparent{&:hover { @media (hover:hover) { background-color:var(--color-clr-secondary); } } &:hover { @media (hover:hover) { color:var(--color-white); } } &:where(.dark,.dark *) { &:hover { @media (hover:hover) { background-color:var(--color-clr-darkmode-secondary); } } } &:where(.dark,.dark *) { &:hover { @media (hover:hover) { color:var(--color-clr-darkmode-text-dark); } } }}.btn-outline-secondary{border-color:var(--color-clr-secondary);color:var(--color-clr-text-dark);&:where(.dark,.dark *) { color:var(--color-clr-darkmode-text-dark); }}a.btn-outline-secondary{&:hover { @media (hover:hover) { color:var(--color-clr-secondary); } } &:where(.dark,.dark *) { &:hover { @media (hover:hover) { color:var(--color-clr-darkmode-secondary); } } }}.article-toc-container{display:flex;gap:2rem;margin:0 auto;align-items:flex-start;width:100%;justify-content:center}.article-wrapper{flex:auto;min-width:0;max-width:var(--article-content-width)}.article-content{max-width:var(--article-content-width)}.posts-grid__item,.posts-grid__featured{h3 { color: var(--color-clr-text-dark); font-family: var(--font-secondary); .dark & { color: var(--color-clr-darkmode-text-dark); } } .post-excerpt { color: var(--color-clr-text); .dark & { color: var(--color-clr-darkmode-text); } }}.posts-grid__featured{h3 { margin-top: 0; } .post-latest { display: none; }}@media(min-width:48rem){.posts-grid__featured{.featured-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; } h3 { font-size: var(--text-size-h1); } .featured-image { grid-column: span 1; } .featured-content { grid-column: span 1; padding-right: 0; } .featured-image img { height: 100%; } .post-latest { display: block; }}}.posts-grid__item{h3 { font-size: 1.5rem; } transition: all 0.3s ease;&:hover { transform:translateY(-4px); }}.highlight-underline-primary{height:4px;background-color:color-mix(in srgb,#00CC9E 30%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in srgb,var(--color-clr-primary) 30%,transparent);}.dark & { color: var(--color-clr-darkmode-primary) 30%; }}.highlight-underline-secondary{height:2px;background-color:color-mix(in srgb,#D1004D 60%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in srgb,var(--color-clr-secondary) 60%,transparent);}.dark & { color: var(--color-clr-darkmode-secondary) 50%; }}.search-modal{position:fixed;inset:0;z-index:9999;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;&.show { opacity: 1; visibility: visible; }}.search-modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(2px)}.search-wrapper{position:relative;z-index:1;width:660px;max-width:96%;max-height:calc(100vh - 120px);margin:60px auto;background-color:var(--color-clr-body,#fff);border-radius:8px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:flex;flex-direction:column;overflow:hidden;.dark & { background-color: var(--color-clr-darkmode-body, #1c1c1c); } @media (max-width: 48rem) { margin: 20px auto; max-height: calc(100vh - 40px); }}.search-wrapper-header{position:relative;padding:16px;border-bottom:1px solid var(--color-clr-border,#e5e5e5);.dark & { border-color: var(--color-clr-darkmode-border, #3e3e3e); } label { position: absolute; left: 24px; top: 50%; transform: translateY(-50%); color: var(--color-clr-text-light, #666); display: flex; align-items: center; cursor: text; } .search-icon { width: 18px; height: 18px; } .search-reset { cursor: pointer; color: var(--color-clr-text-light, #666); transition: color 0.15s ease; &:hover { color: var(--color-clr-text, #333); .dark & { color: var(--color-clr-darkmode-text, #ccc); } } } input { width: 100%; padding: 12px 16px 12px 44px; font-size: 16px; border: 1px solid var(--color-clr-border, #e5e5e5); border-radius: 6px; background-color: var(--color-clr-body, #fff); color: var(--color-clr-text, #333); outline: none; transition: border-color 0.15s ease, box-shadow 0.15s ease; .dark & { background-color: var(--color-clr-darkmode-body, #1c1c1c); border-color: var(--color-clr-darkmode-border, #3e3e3e); color: var(--color-clr-darkmode-text, #ccc); } &:focus { border-color: var(--color-clr-primary, #00CC9E); box-shadow: 0 0 0 3px rgba(0, 204, 158, 0.15); } &::placeholder { color: var(--color-clr-text-light, #999); } }}.search-wrapper-body{flex:1;overflow-y:auto;padding:16px;min-height:200px;max-height:calc(100vh - 280px);@media(max-width:48rem){max-height: calc(100vh - 140px);}}.search-empty{display:flex;align-items:center;justify-content:center;height:150px;color:var(--color-clr-text-light,#666);text-align:center;&.hidden { display: none; } .dark & { color: var(--color-clr-darkmode-text-light, #909090); } p { margin: 0; } strong { color: var(--color-clr-text, #333); .dark & { color: var(--color-clr-darkmode-text, #ccc); } }}.search-results{display:flex;flex-direction:column;gap:8px}.search-result-item{display:flex;gap:12px;padding:12px;border:1px solid var(--color-clr-border,#e5e5e5);border-radius:6px;text-decoration:none;color:inherit;transition:border-color .15s ease,background-color .15s ease;.dark & { border-color: var(--color-clr-darkmode-border, #3e3e3e); } &:hover, &.selected { border-color: var(--color-clr-primary, #00CC9E); background-color: rgba(0, 204, 158, 0.05); .dark & { background-color: rgba(0, 204, 158, 0.1); } } &.selected { outline: 2px solid var(--color-clr-primary, #00CC9E); outline-offset: -2px; }}.search-result-image{flex-shrink:0;width:80px;height:54px;border-radius:4px;overflow:hidden;background-color:var(--color-clr-light,#f4f4f4);.dark & { background-color: var(--color-clr-darkmode-light, #222); } img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 48rem) { width: 60px; height: 40px; }}.search-result-body{flex:1;min-width:0}.search-result-title{font-weight:600;font-size:15px;color:var(--color-clr-text,#333);margin-bottom:4px;line-height:1.3;.dark & { color: var(--color-clr-darkmode-text-dark, #fff); }}.search-result-excerpt{font-size:13px;line-height:1.5;color:var(--color-clr-text-light,#666);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;.dark & { color: var(--color-clr-darkmode-text-light, #909090); } mark { background-color: rgba(0, 204, 158, 0.3); color: inherit; padding: 1px 2px; border-radius: 2px; }}.search-wrapper-footer{padding:8px 16px;font-size:12px;color:var(--color-clr-text-light,#999);border-top:1px solid var(--color-clr-border,#e5e5e5);display:flex;gap:16px;user-select:none;.dark & { border-color: var(--color-clr-darkmode-border, #3e3e3e); } @media (max-width: 48rem) { display: none; } kbd { display: inline-block; padding: 2px 6px; font-size: 11px; font-family: inherit; background-color: var(--color-clr-light, #f4f4f4); border-radius: 4px; margin-right: 4px; .dark & { background-color: var(--color-clr-darkmode-light, #333); color: var(--color-clr-darkmode-text, #ccc); } } [data-close-search] { margin-left: auto; cursor: pointer; &:hover { color: var(--color-clr-text, #666); .dark & { color: var(--color-clr-darkmode-text, #ccc); } } }}.search-info{flex:1;text-align:right;em { font-style: normal; font-weight: 500; color: var(--color-clr-text, #333); .dark & { color: var(--color-clr-darkmode-text, #ccc); } }}.search-load-more{display:block;width:100%;padding:12px 16px;margin-top:8px;font-size:14px;font-weight:500;color:var(--color-clr-primary,#00CC9E);background-color:initial;border:1px dashed var(--color-clr-border,#e5e5e5);border-radius:6px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;&:hover { background-color:rgba(0,204,158,0.05); border-color:var(--color-clr-primary,#00CC9E); .dark & { background-color:rgba(0,204,158,0.1); } } .dark & { border-color:var(--color-clr-darkmode-border,#3e3e3e); }}:root{--nav-transition-duration:0.3s;--nav-submenu-indent:0rem;--nav-hamburger-size:24px;--nav-hamburger-bar-height:2px}.header{background-color:var(--color-clr-body);&:where(.dark,.dark *) { background-color:var(--color-clr-darkmode-body); } margin-bottom:calc(var(--spacing) * 6);padding-top:calc(var(--spacing) * 4);padding-bottom:calc(var(--spacing) * 2);@media(width >= 64rem){margin-bottom: calc(var(--spacing) * 10);}}.header-shell{position:sticky;top:calc(var(--spacing) * 0);z-index:30}.nav-bar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.nav-logo{order:0;--tw-translate-y:calc(var(--spacing) * 0.5);translate:var(--tw-translate-x)var(--tw-translate-y);@media(width >= 64rem){--tw-translate-y: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y);}}.nav-logo-link{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-clr-text-dark);&:where(.dark,.dark *) { color:var(--color-clr-darkmode-text-dark); }}.nav-logo-link img{max-height:100%;max-width:100%}.nav-actions{order:1;margin-left:auto;display:flex;align-items:center;@media(width >= 48rem){order: 2;}@media(width >= 48rem){order: 2;}@media(width >= 64rem){margin-left: calc(var(--spacing) * 0);}}.nav-toggle{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;color:var(--color-clr-text-dark);&:where(.dark,.dark *) { color:var(--color-clr-darkmode-text-dark); } @media (width >=64rem) { display:none; } order:3;width:40px;height:40px;background:0 0;border:none;padding:0}.nav-toggle-bar,.nav-toggle-bar::before,.nav-toggle-bar::after{background-color:currentcolor;display:block;width:var(--nav-hamburger-size);height:var(--nav-hamburger-bar-height);border-radius:1px;transition:transform var(--nav-transition-duration)ease,background-color var(--nav-transition-duration)ease}.nav-toggle-bar{position:relative}.nav-toggle-bar::before,.nav-toggle-bar::after{content:'';position:absolute;left:0}.nav-toggle-bar::before{top:-7px}.nav-toggle-bar::after{top:7px}.nav-toggle.active .nav-toggle-bar{background:0 0}.nav-toggle.active .nav-toggle-bar::before{top:0;transform:rotate(45deg)}.nav-toggle.active .nav-toggle-bar::after{top:0;transform:rotate(-45deg)}@media(prefers-reduced-motion:reduce){.nav-toggle-bar,.nav-toggle-bar::before,.nav-toggle-bar::after{transition:none}}@media(min-width:64rem){.nav-toggle{display:none}}.nav-menu{position:fixed;background-color:var(--color-clr-body);&:where(.dark,.dark *) { background-color:var(--color-clr-darkmode-body); } display:flex;flex-direction:column;overflow-y:auto;top:var(--header-height);left:0;right:0;bottom:0;padding:1rem 0;transform:translateX(100%);transition:transform var(--nav-transition-duration)ease;z-index:40;list-style:none;margin:0}body.nav-menu-open .nav-menu{transform:translateX(0)}body.nav-menu-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.nav-menu{transition:none}}@media(min-width:64rem){.nav-menu{display:flex;flex-direction:row;align-items:center;position:static;top:auto;left:auto;right:auto;bottom:auto;transform:none;overflow:visible;padding:0;background:0 0;gap:.25rem;order:1;margin-left:2.5rem;margin-right:auto}body.nav-menu-open{overflow:auto}}.nav-item{position:relative;border-bottom:1px solid #f4f4f4}.dark .nav-item{border-bottom-color:#3e3e3e}@media(min-width:64rem){.nav-item{border-bottom:none}}.nav-link{display:block;font-family:var(--font-secondary);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-clr-text-dark);&:where(.dark,.dark *) { color:var(--color-clr-darkmode-text-dark); } padding:1rem 1.25rem;padding-right:3.5rem;transition:color .2s ease;&:is(a):hover { color:var(--color-clr-secondary); &:where(.dark,.dark *) { color:var(--color-clr-darkmode-secondary); } } &:is(span):hover { color:var(--color-clr-primary); &:where(.dark,.dark *) { color:var(--color-clr-darkmode-primary); } }}.nav-item:not(.has-children) .nav-link{padding-right:1.25rem}.nav-item.active>.nav-link,.nav-link.active{color:var(--color-clr-secondary);&:where(.dark,.dark *) { color:var(--color-clr-darkmode-secondary); }}@media(min-width:64rem){.nav-link{font-size:1.25rem;padding:.75rem}.nav-item:not(.has-children) .nav-link,.nav-item.has-children .nav-link{padding-right:.75rem}.nav-item.has-children>.nav-link{padding-right:1.5rem}.nav-item.has-children>.nav-link::after{content:'';position:absolute;right:.25rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid}}.nav-submenu-toggle{position:absolute;top:calc(var(--spacing) * 0);right:calc(var(--spacing) * 0);display:flex;align-items:center;justify-content:center;color:var(--color-clr-text-dark);&:where(.dark,.dark *) { color:var(--color-clr-darkmode-text-dark); } width:56px;height:56px;background:0 0;border:none;cursor:pointer}.nav-chevron{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5);fill:currentcolor;transition:transform var(--nav-transition-duration)ease}.has-children.submenu-open>.nav-submenu-toggle .nav-chevron{transform:rotate(180deg)}@media(min-width:64rem){.nav-submenu-toggle{display:none}}.nav-submenu{background-color:var(--color-clr-body);&:where(.dark,.dark *) { background-color:var(--color-clr-darkmode-body); } max-height:0;overflow:hidden;transition:max-height var(--nav-transition-duration)ease;padding-left:var(--nav-submenu-indent);list-style:none;margin:0}.nav-item.submenu-open>.nav-submenu{max-height:1e3px}.nav-submenu-group{position:relative;margin-top:.5rem}.nav-submenu-group:first-child{margin-top:0}.nav-submenu-heading{display:block;--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-clr-text-dark);&:where(.dark,.dark *) { color:var(--color-clr-darkmode-text-dark); } padding:0.75rem 1.25rem}.nav-submenu-heading--link{&:hover { @media (hover:hover) { color:var(--color-clr-secondary); } } &:where(.dark,.dark *) { &:hover { @media (hover:hover) { color:var(--color-clr-darkmode-secondary); } } } transition:color 0.2s ease;text-decoration:none}.nav-submenu-heading--link.active{color:var(--color-clr-secondary);&:where(.dark,.dark *) { color:var(--color-clr-darkmode-secondary); }}.nav-submenu-items{list-style:none;margin:0;padding:0;padding-left:var(--nav-submenu-indent)}.nav-submenu-item{position:relative;margin:.2rem 0}.nav-submenu-link{display:block;color:var(--color-clr-text-dark);&:where(.dark,.dark *) { color:var(--color-clr-darkmode-text-dark); } &:hover { @media (hover:hover) { color:var(--color-clr-secondary); } } &:where(.dark,.dark *) { &:hover { @media (hover:hover) { color:var(--color-clr-darkmode-secondary); } } } padding:0.5rem 1.25rem;transition:color .2s ease}.nav-submenu-link.active{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-clr-secondary);&:where(.dark,.dark *) { color:var(--color-clr-darkmode-secondary); }}@media(prefers-reduced-motion:reduce){.nav-submenu{transition:none}}@media(min-width:64rem){.nav-submenu{position:absolute;top:100%;left:calc(var(--spacing) * 0);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);width:max-content;min-width:220px;max-width:500px;padding:1rem;max-height:none;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;border:1px solid #f4f4f4}.dark .nav-submenu{border-color:#3e3e3e}.nav-item:hover>.nav-submenu,.nav-item:focus-within>.nav-submenu{opacity:1;visibility:visible;transform:translateY(0)}.nav-submenu-group{margin-top:.75rem;padding-top:.5rem;border-top:1px solid #f4f4f4}.dark .nav-submenu-group{border-top-color:#3e3e3e}.nav-submenu-group:first-child{margin-top:.2rem;padding-top:0;border-top:none}.nav-submenu-heading{padding:.4rem 1rem;letter-spacing:.05em}.nav-submenu-items{padding-left:var(--nav-submenu-indent)}.nav-submenu-link{padding:.4rem 1rem}}.theme-switcher{display:inline-flex;align-items:center;min-width:2.5rem;min-height:1.5rem}.theme-switcher label{position:relative;display:inline-block;height:calc(var(--spacing) * 4);cursor:pointer;border-radius:var(--radius-2xl);background-color:var(--color-clr-border);width:calc(var(--spacing) * 6);@media(width >= 64rem){width: calc(var(--spacing) * 10);}}.theme-switcher input{position:absolute;opacity:0%}.theme-switcher span{background-color:var(--color-clr-text-dark);&:where(.dark,.dark *) { background-color:var(--color-clr-darkmode-text-dark); } position:absolute;top:calc(var(--spacing) * -1);left:calc(var(--spacing) * 0);display:flex;height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 6);align-items:center;justify-content:center;border-radius:calc(infinity * 1px);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:300ms;transition-duration:300ms}.theme-switcher input:checked+label span{@media(width >= 64rem){left: calc(var(--spacing) * 4);}}.nav-search-button{border-color:var(--color-clr-border);&:where(.dark,.dark *) { border-color:var(--color-clr-darkmode-border); } color:var(--color-clr-text-dark);&:where(.dark,.dark *) { color:var(--color-clr-darkmode-text-dark); } &:hover { @media (hover:hover) { color:var(--color-clr-primary); } } &:where(.dark,.dark *) { &:hover { @media (hover:hover) { color:var(--color-clr-darkmode-primary); } } } margin-right:calc(var(--spacing) * 5);display:inline-flex;cursor:pointer;align-items:center;justify-content:center;border-right-style:var(--tw-border-style);border-right-width:1px;padding-right:calc(var(--spacing) * 5);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));min-width:1.25rem;min-height:1.25rem}.footer{background-color:var(--color-clr-light);&:where(.dark,.dark *) { background-color:var(--color-clr-darkmode-light); } margin-top:calc(var(--spacing) * 6);@media(width >= 64rem){margin-top: calc(var(--spacing) * 10);}padding-block:calc(var(--spacing) * 6)}.footer-bar{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));@media(min-width:64rem){flex-direction: row; justify-content: space-between; gap: calc(var(--spacing) * 6);}}.footer-copyright{color:var(--color-clr-text);&:where(.dark,.dark *) { color:var(--color-clr-darkmode-text); } order:2;@media(width >= 64rem){order: 1;}@media(width >= 64rem){order: 1;}}.footer-social{display:flex;align-items:center;gap:calc(var(--spacing) * 4);order:1;@media(width >= 64rem){order: 2;}@media(width >= 64rem){order: 2;}}.footer-social-link{color:var(--color-clr-text);&:where(.dark,.dark *) { color:var(--color-clr-darkmode-text); } &:hover { @media (hover:hover) { color:var(--color-clr-primary); } } &:where(.dark,.dark *) { &:hover { @media (hover:hover) { color:var(--color-clr-darkmode-primary); } } } transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:200ms;transition-duration:200ms;padding:calc(var(--spacing) * 1)}.footer-links{order:3}.footer-link{color:var(--color-clr-text);&:where(.dark,.dark *) { color:var(--color-clr-darkmode-text); } &:hover { @media (hover:hover) { color:var(--color-clr-secondary); } } &:where(.dark,.dark *) { &:hover { @media (hover:hover) { color:var(--color-clr-darkmode-secondary); } } }}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:none;height:100%;width:100%;overflow:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:none;height:100%;width:100%;background-color:rgba(0,0,0,.4)}.modal-content{position:relative;top:50%;z-index:50;transform:translateY(-50%);background-color:#fff;border-radius:.5rem;padding:2rem;max-width:90%;margin:0 auto}.modal-close{position:absolute;top:.5rem;right:.5rem;height:2rem;width:2rem;background-color:#f2f2f2;color:#000;border-radius:50%;text-align:center;line-height:2rem}.table-of-content{overflow:hidden;border-radius:.25rem}@layer components{.article-toc{width:var(--article-toc-width);flex-shrink:0}.article-toc{order:13;order:9999;@media print{display: none;}align-self:flex-start;position:sticky;top:var(--toc-position-top);max-height:calc(100vh - var(--toc-position-top) - 3.5rem);color:var(--color-gray-700);&:where(.dark,.dark *) { color:var(--color-gray-300); }}}.article-toc #TableOfContents{background:0 0;padding:0}.article-toc #TableOfContents ul li{margin:.6rem 0;line-height:1rem}.article-toc #TableOfContents>ul{padding-left:0}.article-toc #TableOfContents ul ul{padding-left:.75rem}.article-toc #TableOfContents a,.article-toc #TableOfContents a:hover,.article-toc #TableOfContents a:focus-visible{text-decoration:none}.article-toc #TableOfContents a:hover{color:var(--color-clr-secondary)!important;.dark & { color: var(--color-clr-darkmode-secondary) !important; }}.article-toc #TableOfContents a.toc-active{color:var(--color-clr-primary)!important;font-weight:600;.dark & { color: var(--color-clr-darkmode-primary) !important; }}.article-toc,.article-toc #TableOfContents a{color:var(--color-clr-text-dark)!important}.dark .article-toc,.dark .article-toc #TableOfContents a{color:var(--color-clr-darkmode-text)!important}html:not(.dark) .content pre,html:not(.dark) .content .highlight{background-color:var(--color-clr-code-block-background);color:var(--color-clr-text-dark)}html:not(.dark) .content pre code{color:inherit}html.dark .content pre,html.dark .content .highlight{background-color:var(--color-clr-darkmode-code-block-background)}.content code:not(pre code){background-color:var(--color-clr-code-inline-background);color:var(--color-clr-text-dark);font-size:var(--code-font-size);font-weight:400;padding:.125rem .375rem}html.dark .content code:not(pre code){background-color:var(--color-clr-darkmode-code-inline-background);color:var(--color-clr-text-light)}.content pre{font-size:var(--code-font-size);padding:1em;margin:var(--content-block-margin)0;overflow-x:auto}.content .highlight,.content .code-block-wrapper{position:relative}.code-copy-btn{position:absolute;top:.5rem;right:.5rem;padding:.375rem;background-color:#e0e0e0;border:none;cursor:pointer;opacity:0;transition:opacity .2s ease,background-color .2s ease;color:var(--color-clr-text-dark);display:flex;align-items:center;justify-content:center}.code-copy-btn .icon-check{display:none}.code-copy-btn.copied .icon-copy{display:none}.code-copy-btn.copied .icon-check{display:block}.highlight:hover .code-copy-btn,.code-block-wrapper:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{background-color:#d0d0d0}.code-copy-btn.copied{color:var(--color-clr-primary)}html.dark .code-copy-btn{background-color:#4a4a4a;color:var(--color-clr-text-light)}html.dark .code-copy-btn:hover{background-color:#5a5a5a}html.dark .code-copy-btn.copied{color:var(--color-clr-primary)}.bg{color:#272822;background-color:#fafafa}.chroma{color:#272822;background-color:#fafafa}.chroma .err{color:inherit}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#e1e1e1}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#00a8c8}.chroma .kc{color:#00a8c8}.chroma .kd{color:#00a8c8}.chroma .kn{color:#f92672}.chroma .kp{color:#00a8c8}.chroma .kr{color:#00a8c8}.chroma .kt{color:#00a8c8}.chroma .na{color:#75af00}.chroma .nc{color:#75af00}.chroma .no{color:#00a8c8}.chroma .nd{color:#75af00}.chroma .ne{color:#75af00}.chroma .nf{color:#75af00}.chroma .fm{color:#75af00}.chroma .nx{color:#75af00}.chroma .nt{color:#f92672}.chroma .nv{color:#00a8c8}.chroma .vc{color:#00a8c8}.chroma .vg{color:#00a8c8}.chroma .vi{color:#00a8c8}.chroma .vm{color:#00a8c8}.chroma .l{color:#ae81ff}.chroma .ld{color:#d88200}.chroma .s{color:#d88200}.chroma .sa{color:#d88200}.chroma .sb{color:#d88200}.chroma .sc{color:#d88200}.chroma .dl{color:#d88200}.chroma .sd{color:#d88200}.chroma .s2{color:#d88200}.chroma .se{color:#8045ff}.chroma .sh{color:#d88200}.chroma .si{color:#d88200}.chroma .sx{color:#d88200}.chroma .sr{color:#d88200}.chroma .s1{color:#d88200}.chroma .ss{color:#d88200}.chroma .m{color:#ae81ff}.chroma .mb{color:#ae81ff}.chroma .mf{color:#ae81ff}.chroma .mh{color:#ae81ff}.chroma .mi{color:#ae81ff}.chroma .il{color:#ae81ff}.chroma .mo{color:#ae81ff}.chroma .o{color:#f92672}.chroma .ow{color:#f92672}.chroma .p{color:#272822}.chroma .c{color:#75715e}.chroma .ch{color:#75715e}.chroma .cm{color:#75715e}.chroma .c1{color:#75715e}.chroma .cs{color:#75715e}.chroma .cp{color:#75715e}.chroma .cpf{color:#75715e}.chroma .gd{color:#f92672}.chroma .ge{font-style:italic}.chroma .gi{color:#75af00}.chroma .gs{font-weight:700}.chroma .gu{color:#75715e}html.dark .bg{color:#f8f8f2;background-color:#272822}html.dark .chroma{color:#f8f8f2;background-color:#272822}html.dark .chroma .err{color:inherit}html.dark .chroma .hl{background-color:#3c3d38}html.dark .chroma .lnt{color:#7f7f7f}html.dark .chroma .ln{color:#7f7f7f}html.dark .chroma .k{color:#66d9ef}html.dark .chroma .kc{color:#66d9ef}html.dark .chroma .kd{color:#66d9ef}html.dark .chroma .kn{color:#f92672}html.dark .chroma .kp{color:#66d9ef}html.dark .chroma .kr{color:#66d9ef}html.dark .chroma .kt{color:#66d9ef}html.dark .chroma .na{color:#a6e22e}html.dark .chroma .nc{color:#a6e22e}html.dark .chroma .no{color:#66d9ef}html.dark .chroma .nd{color:#a6e22e}html.dark .chroma .ne{color:#a6e22e}html.dark .chroma .nf{color:#a6e22e}html.dark .chroma .fm{color:#a6e22e}html.dark .chroma .nx{color:#a6e22e}html.dark .chroma .nt{color:#f92672}html.dark .chroma .nv{color:#f8f8f2}html.dark .chroma .vc{color:#f8f8f2}html.dark .chroma .vg{color:#f8f8f2}html.dark .chroma .vi{color:#f8f8f2}html.dark .chroma .vm{color:#f8f8f2}html.dark .chroma .l{color:#ae81ff}html.dark .chroma .ld{color:#e6db74}html.dark .chroma .s{color:#e6db74}html.dark .chroma .sa{color:#e6db74}html.dark .chroma .sb{color:#e6db74}html.dark .chroma .sc{color:#e6db74}html.dark .chroma .dl{color:#e6db74}html.dark .chroma .sd{color:#e6db74}html.dark .chroma .s2{color:#e6db74}html.dark .chroma .se{color:#ae81ff}html.dark .chroma .sh{color:#e6db74}html.dark .chroma .si{color:#e6db74}html.dark .chroma .sx{color:#e6db74}html.dark .chroma .sr{color:#e6db74}html.dark .chroma .s1{color:#e6db74}html.dark .chroma .ss{color:#e6db74}html.dark .chroma .m{color:#ae81ff}html.dark .chroma .mb{color:#ae81ff}html.dark .chroma .mf{color:#ae81ff}html.dark .chroma .mh{color:#ae81ff}html.dark .chroma .mi{color:#ae81ff}html.dark .chroma .il{color:#ae81ff}html.dark .chroma .mo{color:#ae81ff}html.dark .chroma .o{color:#f92672}html.dark .chroma .ow{color:#f92672}html.dark .chroma .p{color:#f8f8f2}html.dark .chroma .c{color:#75715e}html.dark .chroma .ch{color:#75715e}html.dark .chroma .cm{color:#75715e}html.dark .chroma .c1{color:#75715e}html.dark .chroma .cs{color:#75715e}html.dark .chroma .cp{color:#75715e}html.dark .chroma .cpf{color:#75715e}html.dark .chroma .gd{color:#f92672}html.dark .chroma .ge{font-style:italic}html.dark .chroma .gi{color:#a6e22e}html.dark .chroma .gs{font-weight:700}html.dark .chroma .gu{color:#75715e}@layer base{:root{@media(min-width:40rem){--container-max-width: 540px;}@media(min-width:48rem){--container-max-width: 900px;}@media(min-width:64rem){--container-max-width: 1131px;}@media(min-width:80rem){--container-max-width: 1131px;}@media(min-width:96rem){--container-max-width: 1131px;}}}@property --tw-translate-x{syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-translate-y{syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-translate-z{syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-rotate-x{syntax: "*";
  inherits: false;
}@property --tw-rotate-y{syntax: "*";
  inherits: false;
}@property --tw-rotate-z{syntax: "*";
  inherits: false;
}@property --tw-skew-x{syntax: "*";
  inherits: false;
}@property --tw-skew-y{syntax: "*";
  inherits: false;
}@property --tw-space-y-reverse{syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-space-x-reverse{syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-border-style{syntax: "*";
  inherits: false;
  initial-value: solid;
}@property --tw-gradient-position{syntax: "*";
  inherits: false;
}@property --tw-gradient-from{syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}@property --tw-gradient-via{syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}@property --tw-gradient-to{syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}@property --tw-gradient-stops{syntax: "*";
  inherits: false;
}@property --tw-gradient-via-stops{syntax: "*";
  inherits: false;
}@property --tw-gradient-from-position{syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}@property --tw-gradient-via-position{syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}@property --tw-gradient-to-position{syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-leading{syntax: "*";
  inherits: false;
}@property --tw-font-weight{syntax: "*";
  inherits: false;
}@property --tw-tracking{syntax: "*";
  inherits: false;
}@property --tw-shadow{syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-shadow-color{syntax: "*";
  inherits: false;
}@property --tw-shadow-alpha{syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-inset-shadow{syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-inset-shadow-color{syntax: "*";
  inherits: false;
}@property --tw-inset-shadow-alpha{syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-ring-color{syntax: "*";
  inherits: false;
}@property --tw-ring-shadow{syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-inset-ring-color{syntax: "*";
  inherits: false;
}@property --tw-inset-ring-shadow{syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-ring-inset{syntax: "*";
  inherits: false;
}@property --tw-ring-offset-width{syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}@property --tw-ring-offset-color{syntax: "*";
  inherits: false;
  initial-value: #fff;
}@property --tw-ring-offset-shadow{syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-outline-style{syntax: "*";
  inherits: false;
  initial-value: solid;
}@property --tw-blur{syntax: "*";
  inherits: false;
}@property --tw-brightness{syntax: "*";
  inherits: false;
}@property --tw-contrast{syntax: "*";
  inherits: false;
}@property --tw-grayscale{syntax: "*";
  inherits: false;
}@property --tw-hue-rotate{syntax: "*";
  inherits: false;
}@property --tw-invert{syntax: "*";
  inherits: false;
}@property --tw-opacity{syntax: "*";
  inherits: false;
}@property --tw-saturate{syntax: "*";
  inherits: false;
}@property --tw-sepia{syntax: "*";
  inherits: false;
}@property --tw-drop-shadow{syntax: "*";
  inherits: false;
}@property --tw-drop-shadow-color{syntax: "*";
  inherits: false;
}@property --tw-drop-shadow-alpha{syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-drop-shadow-size{syntax: "*";
  inherits: false;
}@property --tw-duration{syntax: "*";
  inherits: false;
}@property --tw-ease{syntax: "*";
  inherits: false;
}@property --tw-scale-x{syntax: "*";
  inherits: false;
  initial-value: 1;
}@property --tw-scale-y{syntax: "*";
  inherits: false;
  initial-value: 1;
}@property --tw-scale-z{syntax: "*";
  inherits: false;
  initial-value: 1;
}@layer properties{@supports((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::before,::after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}