._example_1u7kx_1,.black-box{background:black;color:#fff}.clock{background:#fff;border:10px solid #7a7a7a;border-radius:50%;box-sizing:border-box;height:300px;margin:0 auto;position:relative;width:300px}.twelve,.three,.six,.nine{background:#333;position:absolute}.twelve,.six{height:10px;width:4px}.three,.nine{height:4px;width:10px}.twelve{left:50%;top:-1px}.three{right:-1px;top:50%}.six{left:50%;bottom:-1px}.nine{left:-1px;top:50%}.hour{height:60px;width:4px;background:#333;position:absolute;left:50%;top:80px;animation:tick 43200s infinite linear;-webkit-animation:tick 43200s infinite linear}.minute{height:100px;width:4px;background:#777;position:absolute;left:50%;top:40px;animation:tick 3600s infinite linear;-webkit-animation:tick 3600s infinite linear}.second{height:120px;width:3px;background:#fc0505;position:absolute;left:50%;top:20px;animation:tick 60s infinite linear;-webkit-animation:tick 60s infinite linear}.hour,.minute,.second{transform-origin:2px 100%;-webkit-transform-origin:2px 100%}.docs article pre code[data-language=tsx]{font-family:Menlo,Monaco,Lucida Console,Consolas,Courier New,monospace;font-weight:400;font-size:14px;font-feature-settings:"liga" 0,"calt" 0;line-height:1.7;letter-spacing:0px;text-shadow:none}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto;width:100%}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.\!container{width:100%!important}.container{width:100%}.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}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.sticky{position:sticky}.bottom-0{bottom:0px}.right-\[max\(0px\,calc\(50\%-42rem\)\)\]{right:max(0px,calc(50% - 42rem))}.z-20{z-index:20}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-4{margin-bottom:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.h-3{height:.75rem}.w-0{width:0px}.w-3{width:.75rem}.w-full{width:100%}.max-w-screen-xl{max-width:1280px}.flex-1{flex:1 1 0%}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}.border-spacing-5{--tw-border-spacing-x: 1.25rem;--tw-border-spacing-y: 1.25rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[240px\,1fr\]{grid-template-columns:240px 1fr}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-scroll{overflow-x:scroll}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-tl-md{border-top-left-radius:.375rem}.rounded-tr-md{border-top-right-radius:.375rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity))}.border-slate-500{--tw-border-opacity: 1;border-color:rgb(100 116 139 / var(--tw-border-opacity))}.border-slate-600{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity))}.bg-\[--qwik-dark-purple\]{background-color:var(--qwik-dark-purple)}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity))}.bg-lime-500{--tw-bg-opacity: 1;background-color:rgb(132 204 22 / var(--tw-bg-opacity))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.bg-slate-300{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[--qwik-dark-purple-bg\]{--tw-gradient-from: var(--qwik-dark-purple-bg) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-purple-500{--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[--qwik-dark-purple-bg\]{--tw-gradient-to: var(--qwik-dark-purple-bg) var(--tw-gradient-to-position)}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-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)}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:root body{--docsearch-modal-width: 600px;--docsearch-modal-height: 800px}:root{color-scheme:light;--header-height: 80px;--builder-bar-height: 56px;--panel-toggle-height: 0px;--scroll-margin-top: calc( var(--header-height) + var(--builder-bar-height) + 10px );--qwik-blue: #0093ee;--qwik-dark-blue: #006ce9;--qwik-light-blue: #daf0ff;--qwik-purple: #ac7ef4;--qwik-dark-purple: #6000ff;--qwik-dark-purple-bg: #151934;--bg-color: #ffffff;--bg-secondary-color: #f7f8fb;--bg-header-color: #ffffff9e;--text-color: #0e201a;--secondary-text-color: #171a19;--interactive-text-color: var(--qwik-dark-blue);--code-bg-color: #e0e0e0;--code-border-color: #bfbfbf;--blockquote-bg-color: #f1f5fe;--repl-tab-button-hover-bg-color: #ffffff75;--repl-tab-button-hover-border-color: #0084ff75;--repl-tab-button-input-hover-border-color: #564ce175;--repl-tab-button-input-active-border-color: var(--qwik-purple);--repl-tab-button-active-border-color: var(--qwik-blue);--repl-diagnostics-hover-border-color: #ff009075;--repl-diagnostics-active-border-color: #ff0090;--repl-commands-color: var(--qwik-blue);--repl-tab-height: 56px;--repl-tab-bg-color: var(--qwik-light-blue);--repl-diagnostics-text-color: #c90674;--repl-log-build: #f3f4cb;--repl-log-ssr: #e3e400;--repl-log-client: #78fa83;--repl-log-network: #f4f4f4;--repl-log-warning: #d9d900;--repl-log-text: #0e201a;--repl-border-color: #e3e3e3;--tutorial-nav-button-bg-color: var(--qwik-dark-blue);--tutorial-nav-button-hover-bg-color: var(--bg-color);--tutorial-nav-button-text-color: #ffffff;--examples-header-text-color: #494949;--examples-active-bg-color: #e2ebff;--examples-hover-bg-color: #f7f7f7;--examples-border-color: #e3e3e3;--examples-main-border-color: #dfdede;--content-nav-button-text-color: var(--interactive-text-color);--content-nav-button-bg-color: var(--qwik-dark-blue);--content-nav-button-hover-bg-color: var(--bg-color);--made-with-love-text-color: #333333;--on-this-page-hover-bg-color: #0093ee17;--media-separator-color: #dddddd;--media-video-shadow-color: var(--qwik-dark-blue);--panel-toggle-background-color: var(--qwik-light-blue)}:root[data-theme=dark]{color-scheme:dark;--qwik-blue: #009dfd;--bg-color: #101010;--bg-secondary-color: #232323;--bg-header-color: #00000006;--text-color: #e3e2e9;--secondary-text-color: #ffffffc3;--interactive-text-color: var(--qwik-blue);--code-bg-color: #1d1d1d;--code-border-color: #525252;--blockquote-bg-color: #353639;--repl-tab-button-hover-bg-color: #ffffff25;--repl-tab-button-input-hover-border-color: #c3c1de75;--repl-tab-button-input-active-border-color: #d8c2fa;--repl-tab-button-active-border-color: var(--qwik-light-blue);--repl-diagnostics-hover-border-color: rgba(255, 0, 144, .46);--repl-diagnostics-active-border-color: rgb(255, 0, 144);--repl-commands-color: var(--qwik-light-blue);--repl-tab-bg-color: var(--bg-color);--repl-border-color: rgba(255, 255, 255, .2);--examples-header-text-color: var(--text-color);--examples-active-bg-color: #1d1d1d;--examples-hover-bg-color: #353639;--examples-border-color: rgba(255, 255, 255, .2);--examples-main-border-color: rgba(255, 255, 255, .1);--made-with-love-text-color: #c6c5cb;--media-separator-color: rgba(255, 255, 255, .1);--media-video-shadow-color: var(--qwik-blue);--panel-toggle-background-color: var(--qwik-dark-blue)}html{font-family:Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background-color:var(--bg-color);color:var(--text-color);overflow:auto}a,button,textarea,input,select{touch-action:manipulation}body{min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark] .builder .dark-mode{filter:invert(90%) hue-rotate(180deg)}:root[data-theme=dark] .dark-mode-invert{filter:invert(100%) hue-rotate(180deg)}:root[data-theme=dark] .dark-mode-hide{display:none!important}:root[data-theme=light] .light-mode-hide{display:none!important}:root[data-theme=dark] .builder .dark-mode :is(img,iframe,video){filter:invert(100%) hue-rotate(180deg)}:root[data-theme=dark] .builder .csoetdv,:root[data-theme=dark] .builder .cvha93q{filter:invert(90%) hue-rotate(180deg)}.purple-bg{background-color:var(--qwik-dark-purple-bg);height:auto}.purple-bg header.header-container{background-color:var(--qwik-dark-purple-bg)}code .line.line--highlighted{background:rgba(200,200,255,.1);border-left-color:#60a5fa}code .word{background:rgba(200,200,255,.15);padding:.25rem;border-radius:.25rem}.ai-button{background:var(--docsearch-hit-background);border-radius:4px;box-shadow:var(--docsearch-hit-shadow);display:block;width:100%;overflow:hidden;color:var(--docsearch-hit-color)}.ai-button>button{display:block;width:100%;text-align:left;padding:15px;color:inherit}.ai-li[aria-selected=true] button{background-color:var(--docsearch-highlight-color);color:#fff}.qwikgpt-box{background:var(--docsearch-hit-background);padding:10px;margin:0;font-weight:100;font-size:14px}.qwikgpt-box p{margin:10px 0}.qwikgpt-box ol,.qwikgpt-box ul{margin:10px 15px 0;list-style:auto}.qwikgpt-box li{font-weight:initial}.qwikgpt-box code:not(.language-tsx){background:#5468ff5c;padding:2px 5px;border-radius:5px}.qwikgpt-box a{color:var(--interactive-text-color);text-decoration:underline}.qwikgpt-box pre{font-size:12px!important;border-radius:12px;margin:10px 0}.indeterminate-progress-bar{background-color:#d1d5db;border-radius:9999px;height:.5rem;position:relative;overflow:hidden;margin:80px}.indeterminate-progress-bar__progress{background-color:#3b82f6;border-radius:9999px;position:absolute;bottom:0;top:0;width:50%;animation-duration:2s;animation-iteration-count:infinite;animation-name:indeterminate-progress-bar}.ai-rate{text-align:right;margin-top:20px;border-top:1px solid #cdcdcd;padding:10px 13px 0 0;font-size:12px}.ai-rate button{padding:0 18px;font-size:18px;border-radius:10px;margin:0 5px}.ai-rate button.rate-good{background:#c2ffc6;border:2px solid green}.ai-rate button.rate-bad{background:#ffc2c2;border:2px solid red}#image{width:auto;height:auto}@layer reset,base,tokens,recipes,utilities;@keyframes indeterminate-progress-bar{0%{left:-50%}to{left:100%}}@layer base{:root{--made-with-panda: "🐼" }*,*:before,*:after,::backdrop{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--scroll-snap-strictness: proximity;--border-spacing-x: 0;--border-spacing-y: 0;--translate-x: 0;--translate-y: 0;--rotate: 0;--skew-x: 0;--skew-y: 0;--scale-x: 1;--scale-y: 1 }}@layer reset{*{margin:0;padding:0;font:inherit}*,*:before,*:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--global-color-border, currentColor)}html{line-height:1.5;--font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-tab-size:4;tab-size:4;font-family:var(--global-font-body, var(--font-fallback))}hr{height:0;color:inherit;border-top-width:1px}body{height:100%;line-height:inherit}img{border-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ol,ul{list-style:none}code,kbd,pre,samp{font-size:1em}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}button,select{text-transform:none}table{text-indent:0;border-color:inherit;border-collapse:collapse}input::placeholder,textarea::placeholder{opacity:1;color:var(--global-color-placeholder, #9ca3af)}textarea{resize:vertical}summary{display:list-item}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}dialog{padding:0}a{color:inherit;text-decoration:inherit}abbr:where([title]){text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-size:1em;--font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New";font-family:var(--global-font-mono, var(--font-fallback))}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}}@layer tokens{:where(:root,:host){--borders-none: none;--easings-default: cubic-bezier(.4, 0, .2, 1);--easings-linear: linear;--easings-in: cubic-bezier(.4, 0, 1, 1);--easings-out: cubic-bezier(0, 0, .2, 1);--easings-in-out: cubic-bezier(.4, 0, .2, 1);--durations-fastest: 50ms;--durations-faster: .1s;--durations-fast: .15s;--durations-normal: .2s;--durations-slow: .3s;--durations-slower: .4s;--durations-slowest: .5s;--radii-xs: .125rem;--radii-sm: .25rem;--radii-md: .375rem;--radii-lg: .5rem;--radii-xl: .75rem;--radii-2xl: 1rem;--radii-3xl: 1.5rem;--radii-full: 9999px;--font-weights-thin: 100;--font-weights-extralight: 200;--font-weights-light: 300;--font-weights-normal: 400;--font-weights-medium: 500;--font-weights-semibold: 600;--font-weights-bold: 700;--font-weights-extrabold: 800;--font-weights-black: 900;--line-heights-none: 1;--line-heights-tight: 1.25;--line-heights-snug: 1.375;--line-heights-normal: 1.5;--line-heights-relaxed: 1.625;--line-heights-loose: 2;--fonts-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--fonts-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--fonts-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--letter-spacings-tighter: -.05em;--letter-spacings-tight: -.025em;--letter-spacings-normal: 0em;--letter-spacings-wide: .025em;--letter-spacings-wider: .05em;--letter-spacings-widest: .1em;--font-sizes-2xs: .5rem;--font-sizes-xs: .75rem;--font-sizes-sm: .875rem;--font-sizes-md: 1rem;--font-sizes-lg: 1.125rem;--font-sizes-xl: 1.25rem;--font-sizes-2xl: 1.5rem;--font-sizes-3xl: 1.875rem;--font-sizes-4xl: 2.25rem;--font-sizes-5xl: 3rem;--font-sizes-6xl: 3.75rem;--font-sizes-7xl: 4.5rem;--font-sizes-8xl: 6rem;--font-sizes-9xl: 8rem;--shadows-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadows-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadows-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadows-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadows-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadows-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadows-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--colors-current: currentColor;--colors-black: #000;--colors-white: #fff;--colors-transparent: rgb(0 0 0 / 0);--colors-rose-50: #fff1f2;--colors-rose-100: #ffe4e6;--colors-rose-200: #fecdd3;--colors-rose-300: #fda4af;--colors-rose-400: #fb7185;--colors-rose-500: #f43f5e;--colors-rose-600: #e11d48;--colors-rose-700: #be123c;--colors-rose-800: #9f1239;--colors-rose-900: #881337;--colors-pink-50: #fdf2f8;--colors-pink-100: #fce7f3;--colors-pink-200: #fbcfe8;--colors-pink-300: #f9a8d4;--colors-pink-400: #f472b6;--colors-pink-500: #ec4899;--colors-pink-600: #db2777;--colors-pink-700: #be185d;--colors-pink-800: #9d174d;--colors-pink-900: #831843;--colors-fuchsia-50: #fdf4ff;--colors-fuchsia-100: #fae8ff;--colors-fuchsia-200: #f5d0fe;--colors-fuchsia-300: #f0abfc;--colors-fuchsia-400: #e879f9;--colors-fuchsia-500: #d946ef;--colors-fuchsia-600: #c026d3;--colors-fuchsia-700: #a21caf;--colors-fuchsia-800: #86198f;--colors-fuchsia-900: #701a75;--colors-purple-50: #f5f3ff;--colors-purple-100: #ede9fe;--colors-purple-200: #ddd6fe;--colors-purple-300: #c4b5fd;--colors-purple-400: #a78bfa;--colors-purple-500: #8b5cf6;--colors-purple-600: #7c3aed;--colors-purple-700: #6d28d9;--colors-purple-800: #5b21b6;--colors-purple-900: #4c1d95;--colors-indigo-50: #eef2ff;--colors-indigo-100: #e0e7ff;--colors-indigo-200: #c7d2fe;--colors-indigo-300: #a5b4fc;--colors-indigo-400: #818cf8;--colors-indigo-500: #6366f1;--colors-indigo-600: #4f46e5;--colors-indigo-700: #4338ca;--colors-indigo-800: #3730a3;--colors-indigo-900: #312e81;--colors-blue-50: #eff6ff;--colors-blue-100: #dbeafe;--colors-blue-200: #bfdbfe;--colors-blue-300: #93c5fd;--colors-blue-400: #60a5fa;--colors-blue-500: #3b82f6;--colors-blue-600: #2563eb;--colors-blue-700: #1d4ed8;--colors-blue-800: #1e40af;--colors-blue-900: #1e3a8a;--colors-sky-50: #f0f9ff;--colors-sky-100: #e0f2fe;--colors-sky-200: #bae6fd;--colors-sky-300: #7dd3fc;--colors-sky-400: #38bdf8;--colors-sky-500: #0ea5e9;--colors-sky-600: #0284c7;--colors-sky-700: #0369a1;--colors-sky-800: #075985;--colors-sky-900: #0c4a6e;--colors-cyan-50: #ecfeff;--colors-cyan-100: #cffafe;--colors-cyan-200: #a5f3fc;--colors-cyan-300: #67e8f9;--colors-cyan-400: #22d3ee;--colors-cyan-500: #06b6d4;--colors-cyan-600: #0891b2;--colors-cyan-700: #0e7490;--colors-cyan-800: #155e75;--colors-cyan-900: #164e63;--colors-teal-50: #f0fdfa;--colors-teal-100: #ccfbf1;--colors-teal-200: #99f6e4;--colors-teal-300: #5eead4;--colors-teal-400: #2dd4bf;--colors-teal-500: #14b8a6;--colors-teal-600: #0d9488;--colors-teal-700: #0f766e;--colors-teal-800: #115e59;--colors-teal-900: #134e4a;--colors-green-50: #ecfdf5;--colors-green-100: #d1fae5;--colors-green-200: #a7f3d0;--colors-green-300: #6ee7b7;--colors-green-400: #34d399;--colors-green-500: #10b981;--colors-green-600: #059669;--colors-green-700: #047857;--colors-green-800: #065f46;--colors-green-900: #064e3b;--colors-lime-50: #f7fee7;--colors-lime-100: #ecfccb;--colors-lime-200: #d9f99d;--colors-lime-300: #bef264;--colors-lime-400: #a3e635;--colors-lime-500: #84cc16;--colors-lime-600: #65a30d;--colors-lime-700: #4d7c0f;--colors-lime-800: #3f6212;--colors-lime-900: #365314;--colors-yellow-50: #fffbeb;--colors-yellow-100: #fef3c7;--colors-yellow-200: #fde68a;--colors-yellow-300: #fcd34d;--colors-yellow-400: #fbbf24;--colors-yellow-500: #f59e0b;--colors-yellow-600: #d97706;--colors-yellow-700: #b45309;--colors-yellow-800: #92400e;--colors-yellow-900: #78350f;--colors-orange-50: #fff7ed;--colors-orange-100: #ffedd5;--colors-orange-200: #fed7aa;--colors-orange-300: #fdba74;--colors-orange-400: #fb923c;--colors-orange-500: #f97316;--colors-orange-600: #ea580c;--colors-orange-700: #c2410c;--colors-orange-800: #9a3412;--colors-orange-900: #7c2d12;--colors-red-50: #fef2f2;--colors-red-100: #fee2e2;--colors-red-200: #fecaca;--colors-red-300: #fca5a5;--colors-red-400: #f87171;--colors-red-500: #ef4444;--colors-red-600: #dc2626;--colors-red-700: #b91c1c;--colors-red-800: #991b1b;--colors-red-900: #7f1d1d;--colors-gray-50: #f9fafb;--colors-gray-100: #f3f4f6;--colors-gray-200: #e5e7eb;--colors-gray-300: #d1d5db;--colors-gray-400: #9ca3af;--colors-gray-500: #6b7280;--colors-gray-600: #4b5563;--colors-gray-700: #374151;--colors-gray-800: #1f2937;--colors-gray-900: #111827;--colors-slate-50: #F8FAFC;--colors-slate-100: #F1F5F9;--colors-slate-200: #E2E8F0;--colors-slate-300: #CBD5E1;--colors-slate-400: #94A3B8;--colors-slate-500: #64748B;--colors-slate-600: #475569;--colors-slate-700: #334155;--colors-slate-800: #1E293B;--colors-slate-900: #0F172A;--blurs-sm: 4px;--blurs-base: 8px;--blurs-md: 12px;--blurs-lg: 16px;--blurs-xl: 24px;--blurs-2xl: 40px;--blurs-3xl: 64px;--spacing-0: 0rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem;--spacing-0\.5: .125rem;--spacing-1\.5: .375rem;--spacing-2\.5: .625rem;--spacing-3\.5: .875rem;--sizes-0: 0rem;--sizes-1: .25rem;--sizes-2: .5rem;--sizes-3: .75rem;--sizes-4: 1rem;--sizes-5: 1.25rem;--sizes-6: 1.5rem;--sizes-7: 1.75rem;--sizes-8: 2rem;--sizes-9: 2.25rem;--sizes-10: 2.5rem;--sizes-11: 2.75rem;--sizes-12: 3rem;--sizes-14: 3.5rem;--sizes-16: 4rem;--sizes-20: 5rem;--sizes-24: 6rem;--sizes-28: 7rem;--sizes-32: 8rem;--sizes-36: 9rem;--sizes-40: 10rem;--sizes-44: 11rem;--sizes-48: 12rem;--sizes-52: 13rem;--sizes-56: 14rem;--sizes-60: 15rem;--sizes-64: 16rem;--sizes-72: 18rem;--sizes-80: 20rem;--sizes-96: 24rem;--sizes-0\.5: .125rem;--sizes-1\.5: .375rem;--sizes-2\.5: .625rem;--sizes-3\.5: .875rem;--sizes-xs: 20rem;--sizes-sm: 24rem;--sizes-md: 28rem;--sizes-lg: 32rem;--sizes-xl: 36rem;--sizes-2xl: 42rem;--sizes-3xl: 48rem;--sizes-4xl: 56rem;--sizes-5xl: 64rem;--sizes-6xl: 72rem;--sizes-7xl: 80rem;--sizes-8xl: 90rem;--sizes-prose: 65ch;--sizes-full: 100%;--sizes-min: min-content;--sizes-max: max-content;--sizes-fit: fit-content;--sizes-breakpoint-sm: 640px;--sizes-breakpoint-md: 768px;--sizes-breakpoint-lg: 1024px;--sizes-breakpoint-xl: 1280px;--sizes-breakpoint-2xl: 1536px;--animations-spin: spin 1s linear infinite;--animations-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animations-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animations-bounce: bounce 1s infinite;--breakpoints-sm: 640px;--breakpoints-md: 768px;--breakpoints-lg: 1024px;--breakpoints-xl: 1280px;--breakpoints-2xl: 1536px;--colors-color-palette-50: var(--colors-color-palette-50);--colors-color-palette-100: var(--colors-color-palette-100);--colors-color-palette-200: var(--colors-color-palette-200);--colors-color-palette-300: var(--colors-color-palette-300);--colors-color-palette-400: var(--colors-color-palette-400);--colors-color-palette-500: var(--colors-color-palette-500);--colors-color-palette-600: var(--colors-color-palette-600);--colors-color-palette-700: var(--colors-color-palette-700);--colors-color-palette-800: var(--colors-color-palette-800);--colors-color-palette-900: var(--colors-color-palette-900) }@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}}@layer utilities{.columns\:field_id{field:id}.columns\:header-name_ID{header-name:ID}.columns\:w_70{width:70px}.text_text\.secondary{color:text.secondary}.size_small{size:small}.p_10{padding:var(--spacing-10)}.bg_red\.400{background:var(--colors-red-400)}.h_dvh{height:100dvh}.m_100{margin:100px}.fs_30{font-size:30px}@media screen and (min-width: 640px){.columns\:sm\:field_firstName{field:firstName}.columns\:sm\:header-name_First_name{header-name:First name}.columns\:sm\:w_130{width:130px}}@media screen and (min-width: 768px){.columns\:md\:field_lastName{field:lastName}.columns\:md\:header-name_Last_name{header-name:Last name}.columns\:md\:w_130{width:130px}}@media screen and (min-width: 1024px){.columns\:lg\:field_age{field:age}.columns\:lg\:header-name_Age{header-name:Age}.columns\:lg\:type_number{type:number}.columns\:lg\:w_90{width:90px}}@media screen and (min-width: 1280px){.columns\:xl\:field_fullName{field:fullName}.columns\:xl\:header-name_Full_name{header-name:Full name}.columns\:xl\:description_This_column_has_a_value_getter_and_is_not_sortable\.{description:This column has a value getter and is not sortable.}.columns\:xl\:w_160{width:160px}}}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:grow{flex-grow:1}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:justify-end{justify-content:flex-end}.lg\:p-4{padding:1rem}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1280px){.xl\:block{display:block}.xl\:w-\[16rem\]{width:16rem}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}@media (max-width: 1023px){.menu-open .sidebar{width:100%;z-index:50}.menu-open .menu{display:block;top:0px;padding:.75rem 4rem .75rem .75rem;width:360px;background:var(--bg-color)}.menu-open .menu h5{padding:.5rem}.menu-open .menu li a,.menu-open .menu li a.is-active{padding:.75rem}.menu-open header{pointer-events:none;touch-action:none;opacity:.4;background-color:transparent}.menu-open .breadcrumbs{pointer-events:none;touch-action:none;opacity:.2;background-color:transparent}.menu-open main{pointer-events:none;touch-action:none;opacity:.2;position:fixed;top:0;bottom:0;background:transparent}.menu-close{display:block;position:fixed;top:0;left:300px;width:100%;height:100vh;padding-left:12px;cursor:default;color:var(--qwik-dark-blue)}.menu-close svg{position:fixed;top:calc(20px + var(--builder-bar-height));width:24px;height:24px;cursor:pointer}}@media (max-width: 768px){:root{--panel-toggle-height: 56px;--builder-bar-height: 40px;--header-height: 60px}}@media (max-width: 540px){.menu-open .menu{-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu-open .menu a:hover{background-color:transparent;color:rgb(241 245 249 / var(--tw-text-opacity))!important}}