diff --git a/config/pulse.php b/config/pulse.php index 459f7778..426e00eb 100644 --- a/config/pulse.php +++ b/config/pulse.php @@ -167,37 +167,6 @@ ], ], - /* - |-------------------------------------------------------------------------- - | Pulse Queue Monitoring - |-------------------------------------------------------------------------- - | - | The queues to show stats for. - | - */ - - // TODO clean up this example after chatting with Jess. - 'queues' => [ - 'default', - // 'default-connection:queue-1', - // 'default-connection:queue-2', - // env('QUEUE_CONNECTION', 'sync') => [ - // 'default-connection:queue-3-via-array', - // ], - // 'specific-connection' => [ - // 'queue-a', - // 'queue-1', - // ], - // 'connection-1' => [ - // 'queue-1', - // 'queue-2' - // ], - // 'connection-2' => [ - // 'queue-1', - // 'queue-2' - // ], - ], - /* |-------------------------------------------------------------------------- | Pulse Sample Rate diff --git a/database/migrations/2023_06_07_000001_create_pulse_tables.php b/database/migrations/2023_06_07_000001_create_pulse_tables.php index df6a984c..2d673e9f 100644 --- a/database/migrations/2023_06_07_000001_create_pulse_tables.php +++ b/database/migrations/2023_06_07_000001_create_pulse_tables.php @@ -68,13 +68,20 @@ public function up(): void $table->string('user_id')->nullable(); $table->string('job'); $table->uuid('job_uuid'); - $table->unsignedInteger('slow')->default(0); - $table->unsignedInteger('slowest')->nullable(); + $table->unsignedInteger('attempt'); + $table->string('connection'); + $table->string('queue'); + $table->datetime('queued_at'); + $table->datetime('processing_at')->nullable(); + $table->datetime('released_at')->nullable(); + $table->datetime('processed_at')->nullable(); + $table->datetime('failed_at')->nullable(); + $table->unsignedInteger('duration')->nullable(); // TODO: verify this update index. Needs to find job quickly. $table->index(['job_uuid']); - $table->index(['date', 'job', 'slowest']); // slow_jobs - $table->index(['date', 'user_id']); // user_usage + // $table->index(['date', 'job', 'slowest']); // slow_jobs + // $table->index(['date', 'user_id']); // user_usage }); Schema::create('pulse_cache_interactions', function (Blueprint $table) { @@ -92,15 +99,6 @@ public function up(): void $table->string('user_id')->nullable(); $table->index(['uri', 'date', 'duration']); }); - - Schema::create('pulse_queue_sizes', function (Blueprint $table) { - $table->datetime('date'); - $table->string('connection'); - $table->string('queue'); - $table->unsignedInteger('size'); - $table->unsignedInteger('failed'); - // TODO: indexes? - }); } /** @@ -115,6 +113,5 @@ public function down(): void Schema::dropIfExists('pulse_jobs'); Schema::dropIfExists('pulse_cache_interactions'); Schema::dropIfExists('pulse_outgoing_requests'); - Schema::dropIfExists('pulse_queue_sizes'); } }; diff --git a/dist/pulse.css b/dist/pulse.css index 198ecc97..cbbc7b9b 100644 --- a/dist/pulse.css +++ b/dist/pulse.css @@ -1 +1 @@ -*,: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:Figtree,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-feature-settings:inherit;font-variation-settings: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}dialog{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}[hidden]{display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-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-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*,: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%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-10{z-index:10}.col-span-1{grid-column:span 1 / span 1}.col-span-10{grid-column:span 10 / span 10}.col-span-11{grid-column:span 11 / span 11}.col-span-12{grid-column:span 12 / span 12}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-7{grid-column:span 7 / span 7}.col-span-8{grid-column:span 8 / span 8}.col-span-9{grid-column:span 9 / span 9}.col-span-full{grid-column:1 / -1}.row-span-1{grid-row:span 1 / span 1}.row-span-2{grid-row:span 2 / span 2}.row-span-3{grid-row:span 3 / span 3}.row-span-4{grid-row:span 4 / span 4}.row-span-5{grid-row:span 5 / span 5}.row-span-6{grid-row:span 6 / span 6}.row-span-full{grid-row:1 / -1}.mx-auto{margin-left:auto;margin-right:auto}.mb-3{margin-bottom:.75rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0{height:0px}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-1\/2{height:50%}.h-1\/3{height:33.333333%}.h-1\/4{height:25%}.h-1\/5{height:20%}.h-1\/6{height:16.666667%}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-128{height:32rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-2\/3{height:66.666667%}.h-2\/4{height:50%}.h-2\/5{height:40%}.h-2\/6{height:33.333333%}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-3\/4{height:75%}.h-3\/5{height:60%}.h-3\/6{height:50%}.h-32{height:8rem}.h-36{height:9rem}.h-4{height:1rem}.h-4\/5{height:80%}.h-4\/6{height:66.666667%}.h-40{height:10rem}.h-44{height:11rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-5\/6{height:83.333333%}.h-52{height:13rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-60{height:15rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[30px\]{height:30px}.h-\[52px\]{height:52px}.max-h-0{max-height:0px}.max-h-0\.5{max-height:.125rem}.max-h-1{max-height:.25rem}.max-h-1\.5{max-height:.375rem}.max-h-10{max-height:2.5rem}.max-h-11{max-height:2.75rem}.max-h-12{max-height:3rem}.max-h-14{max-height:3.5rem}.max-h-16{max-height:4rem}.max-h-2{max-height:.5rem}.max-h-2\.5{max-height:.625rem}.max-h-20{max-height:5rem}.max-h-24{max-height:6rem}.max-h-28{max-height:7rem}.max-h-3{max-height:.75rem}.max-h-3\.5{max-height:.875rem}.max-h-32{max-height:8rem}.max-h-36{max-height:9rem}.max-h-4{max-height:1rem}.max-h-40{max-height:10rem}.max-h-44{max-height:11rem}.max-h-48{max-height:12rem}.max-h-5{max-height:1.25rem}.max-h-52{max-height:13rem}.max-h-56{max-height:14rem}.max-h-6{max-height:1.5rem}.max-h-60{max-height:15rem}.max-h-64{max-height:16rem}.max-h-7{max-height:1.75rem}.max-h-72{max-height:18rem}.max-h-8{max-height:2rem}.max-h-80{max-height:20rem}.max-h-9{max-height:2.25rem}.max-h-96{max-height:24rem}.min-h-0{min-height:0px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\/12{width:8.333333%}.w-1\/2{width:50%}.w-14{width:3.5rem}.w-2\/12{width:16.666667%}.w-24{width:6rem}.w-3{width:.75rem}.w-3\/12{width:25%}.w-36{width:9rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-\[42rem\]{min-width:42rem}.max-w-\[1px\]{max-width:1px}.max-w-full{max-width:100%}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-\[10000\]{flex-grow:10000}.basis-0{flex-basis:0px}.basis-56{flex-basis:14rem}.basis-full{flex-basis:100%}.origin-bottom{transform-origin:bottom}.origin-top-right{transform-origin:top right}.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))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-\[max-content\,minmax\(max-content\,1fr\)\,max-content\,minmax\(0\,2fr\)\,max-content\,minmax\(0\,2fr\)\,minmax\(max-content\,1fr\)\]{grid-template-columns:max-content minmax(max-content,1fr) max-content minmax(0,2fr) max-content minmax(0,2fr) minmax(max-content,1fr)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.border{border-width:1px}.border-0{border-width:0px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff 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)}.to-gray-700{--tw-gradient-to: #374151 var(--tw-gradient-to-position)}.stroke-gray-300{stroke:#d1d5db}.stroke-gray-500{stroke:#6b7280}.stroke-red-500{stroke:#ef4444}.\!p-0{padding:0!important}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.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-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-12{padding-bottom:3rem}.pb-px{padding-bottom:1px}.pl-3{padding-left:.75rem}.pr-8{padding-right:2rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Figtree,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"}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.text-cyan-200{--tw-text-opacity: 1;color:rgb(165 243 252 / var(--tw-text-opacity))}.text-gray-100{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-orange-200{--tw-text-opacity: 1;color:rgb(254 215 170 / var(--tw-text-opacity))}.text-purple-200{--tw-text-opacity: 1;color:rgb(233 213 255 / var(--tw-text-opacity))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity))}.text-red-200{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-25{opacity:.25}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.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)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-gray-900\/5{--tw-ring-color: rgb(17 24 39 / .05)}.\@container{container-type:inline-size}.\@container\/scroll-wrapper{container-type:inline-size;container-name:scroll-wrapper}.\[scrollbar-color\:theme\(colors\.gray\.500\)_transparent\]{scrollbar-color:#6b7280 transparent}.\[scrollbar-width\:thin\]{scrollbar-width:thin}[x-cloak]{display:none}.first\:h-0:first-child{height:0px}.first\:rounded-l-md:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.first\:pl-3:first-child{padding-left:.75rem}.last\:rounded-r-md:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.last\:pr-3:last-child{padding-right:.75rem}.focus-within\:ring:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.hover\:text-gray-400:hover{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.hover\:text-gray-500:hover{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.focus\:text-gray-500:focus{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}@container (min-width: 24rem){.\@sm\:block{display:block}.\@sm\:px-3{padding-left:.75rem;padding-right:.75rem}}@container (min-width: 28rem){.\@md\:mb-6{margin-bottom:1.5rem}}@container (min-width: 32rem){.\@lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 48rem){.\@3xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width: 72rem){.\@6xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}html :where(.default\:col-span-1){grid-column:span 1 / span 1}html :where(.default\:col-span-10){grid-column:span 10 / span 10}html :where(.default\:col-span-11){grid-column:span 11 / span 11}html :where(.default\:col-span-12){grid-column:span 12 / span 12}html :where(.default\:col-span-2){grid-column:span 2 / span 2}html :where(.default\:col-span-3){grid-column:span 3 / span 3}html :where(.default\:col-span-4){grid-column:span 4 / span 4}html :where(.default\:col-span-5){grid-column:span 5 / span 5}html :where(.default\:col-span-6){grid-column:span 6 / span 6}html :where(.default\:col-span-7){grid-column:span 7 / span 7}html :where(.default\:col-span-8){grid-column:span 8 / span 8}html :where(.default\:col-span-9){grid-column:span 9 / span 9}html :where(.default\:col-span-full){grid-column:1 / -1}html :where(.default\:row-span-1){grid-row:span 1 / span 1}html :where(.default\:row-span-2){grid-row:span 2 / span 2}html :where(.default\:row-span-3){grid-row:span 3 / span 3}html :where(.default\:row-span-4){grid-row:span 4 / span 4}html :where(.default\:row-span-5){grid-row:span 5 / span 5}html :where(.default\:row-span-6){grid-row:span 6 / span 6}html :where(.default\:row-span-full){grid-row:1 / -1}html :where(.default\:grid-cols-1){grid-template-columns:repeat(1,minmax(0,1fr))}html :where(.default\:grid-cols-10){grid-template-columns:repeat(10,minmax(0,1fr))}html :where(.default\:grid-cols-11){grid-template-columns:repeat(11,minmax(0,1fr))}html :where(.default\:grid-cols-12){grid-template-columns:repeat(12,minmax(0,1fr))}html :where(.default\:grid-cols-2){grid-template-columns:repeat(2,minmax(0,1fr))}html :where(.default\:grid-cols-3){grid-template-columns:repeat(3,minmax(0,1fr))}html :where(.default\:grid-cols-4){grid-template-columns:repeat(4,minmax(0,1fr))}html :where(.default\:grid-cols-5){grid-template-columns:repeat(5,minmax(0,1fr))}html :where(.default\:grid-cols-6){grid-template-columns:repeat(6,minmax(0,1fr))}html :where(.default\:grid-cols-7){grid-template-columns:repeat(7,minmax(0,1fr))}html :where(.default\:grid-cols-8){grid-template-columns:repeat(8,minmax(0,1fr))}html :where(.default\:grid-cols-9){grid-template-columns:repeat(9,minmax(0,1fr))}html :where(.default\:gap-6){gap:1.5rem}:is(.dark .dark\:block){display:block}:is(.dark .dark\:hidden){display:none}:is(.dark .dark\:border-blue-700){--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity))}:is(.dark .dark\:border-gray-500){--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity))}:is(.dark .dark\:border-gray-700){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}:is(.dark .dark\:border-gray-900){--tw-border-opacity: 1;border-color:rgb(17 24 39 / var(--tw-border-opacity))}:is(.dark .dark\:border-purple-700){--tw-border-opacity: 1;border-color:rgb(126 34 206 / var(--tw-border-opacity))}:is(.dark .dark\:border-red-700){--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity))}:is(.dark .dark\:bg-blue-900){--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-700){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-800){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-800\/50){background-color:#1f293780}:is(.dark .dark\:bg-gray-900){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-950){--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-purple-900){--tw-bg-opacity: 1;background-color:rgb(88 28 135 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-red-900){--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity))}:is(.dark .dark\:from-gray-900){--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}:is(.dark .dark\:to-gray-800){--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}:is(.dark .dark\:stroke-gray-400){stroke:#9ca3af}:is(.dark .dark\:stroke-gray-700){stroke:#374151}:is(.dark .dark\:text-blue-300){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity))}:is(.dark .dark\:text-gray-100){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}:is(.dark .dark\:text-gray-200){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}:is(.dark .dark\:text-gray-300){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}:is(.dark .dark\:text-gray-400){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}:is(.dark .dark\:text-gray-600){--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}:is(.dark .dark\:text-purple-300){--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity))}:is(.dark .dark\:text-red-300){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity))}:is(.dark .dark\:hover\:bg-gray-700:hover){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-gray-800:hover){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}:is(.dark .dark\:hover\:text-gray-500:hover){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}:is(.dark .dark\:focus\:text-gray-500:focus){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}@media (min-width: 640px){.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:col-span-10{grid-column:span 10 / span 10}.sm\:col-span-11{grid-column:span 11 / span 11}.sm\:col-span-12{grid-column:span 12 / span 12}.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:col-span-3{grid-column:span 3 / span 3}.sm\:col-span-4{grid-column:span 4 / span 4}.sm\:col-span-5{grid-column:span 5 / span 5}.sm\:col-span-6{grid-column:span 6 / span 6}.sm\:col-span-7{grid-column:span 7 / span 7}.sm\:col-span-8{grid-column:span 8 / span 8}.sm\:col-span-9{grid-column:span 9 / span 9}.sm\:col-span-full{grid-column:1 / -1}.sm\:row-span-1{grid-row:span 1 / span 1}.sm\:row-span-2{grid-row:span 2 / span 2}.sm\:row-span-3{grid-row:span 3 / span 3}.sm\:row-span-4{grid-row:span 4 / span 4}.sm\:row-span-5{grid-row:span 5 / span 5}.sm\:row-span-6{grid-row:span 6 / span 6}.sm\:row-span-full{grid-row:1 / -1}.sm\:h-0{height:0px}.sm\:h-0\.5{height:.125rem}.sm\:h-1{height:.25rem}.sm\:h-1\.5{height:.375rem}.sm\:h-1\/2{height:50%}.sm\:h-1\/3{height:33.333333%}.sm\:h-1\/4{height:25%}.sm\:h-1\/5{height:20%}.sm\:h-1\/6{height:16.666667%}.sm\:h-10{height:2.5rem}.sm\:h-11{height:2.75rem}.sm\:h-12{height:3rem}.sm\:h-128{height:32rem}.sm\:h-14{height:3.5rem}.sm\:h-16{height:4rem}.sm\:h-2{height:.5rem}.sm\:h-2\.5{height:.625rem}.sm\:h-2\/3{height:66.666667%}.sm\:h-2\/4{height:50%}.sm\:h-2\/5{height:40%}.sm\:h-2\/6{height:33.333333%}.sm\:h-20{height:5rem}.sm\:h-24{height:6rem}.sm\:h-28{height:7rem}.sm\:h-3{height:.75rem}.sm\:h-3\.5{height:.875rem}.sm\:h-3\/4{height:75%}.sm\:h-3\/5{height:60%}.sm\:h-3\/6{height:50%}.sm\:h-32{height:8rem}.sm\:h-36{height:9rem}.sm\:h-4{height:1rem}.sm\:h-4\/5{height:80%}.sm\:h-4\/6{height:66.666667%}.sm\:h-40{height:10rem}.sm\:h-44{height:11rem}.sm\:h-48{height:12rem}.sm\:h-5{height:1.25rem}.sm\:h-5\/6{height:83.333333%}.sm\:h-52{height:13rem}.sm\:h-56{height:14rem}.sm\:h-6{height:1.5rem}.sm\:h-60{height:15rem}.sm\:h-64{height:16rem}.sm\:h-7{height:1.75rem}.sm\:h-72{height:18rem}.sm\:h-8{height:2rem}.sm\:h-80{height:20rem}.sm\:h-9{height:2.25rem}.sm\:h-96{height:24rem}.sm\:max-h-0{max-height:0px}.sm\:max-h-0\.5{max-height:.125rem}.sm\:max-h-1{max-height:.25rem}.sm\:max-h-1\.5{max-height:.375rem}.sm\:max-h-10{max-height:2.5rem}.sm\:max-h-11{max-height:2.75rem}.sm\:max-h-12{max-height:3rem}.sm\:max-h-14{max-height:3.5rem}.sm\:max-h-16{max-height:4rem}.sm\:max-h-2{max-height:.5rem}.sm\:max-h-2\.5{max-height:.625rem}.sm\:max-h-20{max-height:5rem}.sm\:max-h-24{max-height:6rem}.sm\:max-h-28{max-height:7rem}.sm\:max-h-3{max-height:.75rem}.sm\:max-h-3\.5{max-height:.875rem}.sm\:max-h-32{max-height:8rem}.sm\:max-h-36{max-height:9rem}.sm\:max-h-4{max-height:1rem}.sm\:max-h-40{max-height:10rem}.sm\:max-h-44{max-height:11rem}.sm\:max-h-48{max-height:12rem}.sm\:max-h-5{max-height:1.25rem}.sm\:max-h-52{max-height:13rem}.sm\:max-h-56{max-height:14rem}.sm\:max-h-6{max-height:1.5rem}.sm\:max-h-60{max-height:15rem}.sm\:max-h-64{max-height:16rem}.sm\:max-h-7{max-height:1.75rem}.sm\:max-h-72{max-height:18rem}.sm\:max-h-8{max-height:2rem}.sm\:max-h-80{max-height:20rem}.sm\:max-h-9{max-height:2.25rem}.sm\:max-h-96{max-height:24rem}.sm\:min-h-0{min-height:0px}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:gap-6{gap:1.5rem}.sm\:p-6{padding:1.5rem}.sm\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 768px){.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-10{grid-column:span 10 / span 10}.md\:col-span-11{grid-column:span 11 / span 11}.md\:col-span-12{grid-column:span 12 / span 12}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}.md\:col-span-4{grid-column:span 4 / span 4}.md\:col-span-5{grid-column:span 5 / span 5}.md\:col-span-6{grid-column:span 6 / span 6}.md\:col-span-7{grid-column:span 7 / span 7}.md\:col-span-8{grid-column:span 8 / span 8}.md\:col-span-9{grid-column:span 9 / span 9}.md\:col-span-full{grid-column:1 / -1}.md\:row-span-1{grid-row:span 1 / span 1}.md\:row-span-2{grid-row:span 2 / span 2}.md\:row-span-3{grid-row:span 3 / span 3}.md\:row-span-4{grid-row:span 4 / span 4}.md\:row-span-5{grid-row:span 5 / span 5}.md\:row-span-6{grid-row:span 6 / span 6}.md\:row-span-full{grid-row:1 / -1}.md\:h-0{height:0px}.md\:h-0\.5{height:.125rem}.md\:h-1{height:.25rem}.md\:h-1\.5{height:.375rem}.md\:h-1\/2{height:50%}.md\:h-1\/3{height:33.333333%}.md\:h-1\/4{height:25%}.md\:h-1\/5{height:20%}.md\:h-1\/6{height:16.666667%}.md\:h-10{height:2.5rem}.md\:h-11{height:2.75rem}.md\:h-12{height:3rem}.md\:h-128{height:32rem}.md\:h-14{height:3.5rem}.md\:h-16{height:4rem}.md\:h-2{height:.5rem}.md\:h-2\.5{height:.625rem}.md\:h-2\/3{height:66.666667%}.md\:h-2\/4{height:50%}.md\:h-2\/5{height:40%}.md\:h-2\/6{height:33.333333%}.md\:h-20{height:5rem}.md\:h-24{height:6rem}.md\:h-28{height:7rem}.md\:h-3{height:.75rem}.md\:h-3\.5{height:.875rem}.md\:h-3\/4{height:75%}.md\:h-3\/5{height:60%}.md\:h-3\/6{height:50%}.md\:h-32{height:8rem}.md\:h-36{height:9rem}.md\:h-4{height:1rem}.md\:h-4\/5{height:80%}.md\:h-4\/6{height:66.666667%}.md\:h-40{height:10rem}.md\:h-44{height:11rem}.md\:h-48{height:12rem}.md\:h-5{height:1.25rem}.md\:h-5\/6{height:83.333333%}.md\:h-52{height:13rem}.md\:h-56{height:14rem}.md\:h-6{height:1.5rem}.md\:h-60{height:15rem}.md\:h-64{height:16rem}.md\:h-7{height:1.75rem}.md\:h-72{height:18rem}.md\:h-8{height:2rem}.md\:h-80{height:20rem}.md\:h-9{height:2.25rem}.md\:h-96{height:24rem}.md\:max-h-0{max-height:0px}.md\:max-h-0\.5{max-height:.125rem}.md\:max-h-1{max-height:.25rem}.md\:max-h-1\.5{max-height:.375rem}.md\:max-h-10{max-height:2.5rem}.md\:max-h-11{max-height:2.75rem}.md\:max-h-12{max-height:3rem}.md\:max-h-14{max-height:3.5rem}.md\:max-h-16{max-height:4rem}.md\:max-h-2{max-height:.5rem}.md\:max-h-2\.5{max-height:.625rem}.md\:max-h-20{max-height:5rem}.md\:max-h-24{max-height:6rem}.md\:max-h-28{max-height:7rem}.md\:max-h-3{max-height:.75rem}.md\:max-h-3\.5{max-height:.875rem}.md\:max-h-32{max-height:8rem}.md\:max-h-36{max-height:9rem}.md\:max-h-4{max-height:1rem}.md\:max-h-40{max-height:10rem}.md\:max-h-44{max-height:11rem}.md\:max-h-48{max-height:12rem}.md\:max-h-5{max-height:1.25rem}.md\:max-h-52{max-height:13rem}.md\:max-h-56{max-height:14rem}.md\:max-h-6{max-height:1.5rem}.md\:max-h-60{max-height:15rem}.md\:max-h-64{max-height:16rem}.md\:max-h-7{max-height:1.75rem}.md\:max-h-72{max-height:18rem}.md\:max-h-8{max-height:2rem}.md\:max-h-80{max-height:20rem}.md\:max-h-9{max-height:2.25rem}.md\:max-h-96{max-height:24rem}.md\:min-h-0{min-height:0px}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-10{grid-column:span 10 / span 10}.lg\:col-span-11{grid-column:span 11 / span 11}.lg\:col-span-12{grid-column:span 12 / span 12}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-5{grid-column:span 5 / span 5}.lg\:col-span-6{grid-column:span 6 / span 6}.lg\:col-span-7{grid-column:span 7 / span 7}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:col-span-9{grid-column:span 9 / span 9}.lg\:col-span-full{grid-column:1 / -1}.lg\:row-span-1{grid-row:span 1 / span 1}.lg\:row-span-2{grid-row:span 2 / span 2}.lg\:row-span-3{grid-row:span 3 / span 3}.lg\:row-span-4{grid-row:span 4 / span 4}.lg\:row-span-5{grid-row:span 5 / span 5}.lg\:row-span-6{grid-row:span 6 / span 6}.lg\:row-span-full{grid-row:1 / -1}.lg\:h-0{height:0px}.lg\:h-0\.5{height:.125rem}.lg\:h-1{height:.25rem}.lg\:h-1\.5{height:.375rem}.lg\:h-1\/2{height:50%}.lg\:h-1\/3{height:33.333333%}.lg\:h-1\/4{height:25%}.lg\:h-1\/5{height:20%}.lg\:h-1\/6{height:16.666667%}.lg\:h-10{height:2.5rem}.lg\:h-11{height:2.75rem}.lg\:h-12{height:3rem}.lg\:h-128{height:32rem}.lg\:h-14{height:3.5rem}.lg\:h-16{height:4rem}.lg\:h-2{height:.5rem}.lg\:h-2\.5{height:.625rem}.lg\:h-2\/3{height:66.666667%}.lg\:h-2\/4{height:50%}.lg\:h-2\/5{height:40%}.lg\:h-2\/6{height:33.333333%}.lg\:h-20{height:5rem}.lg\:h-24{height:6rem}.lg\:h-28{height:7rem}.lg\:h-3{height:.75rem}.lg\:h-3\.5{height:.875rem}.lg\:h-3\/4{height:75%}.lg\:h-3\/5{height:60%}.lg\:h-3\/6{height:50%}.lg\:h-32{height:8rem}.lg\:h-36{height:9rem}.lg\:h-4{height:1rem}.lg\:h-4\/5{height:80%}.lg\:h-4\/6{height:66.666667%}.lg\:h-40{height:10rem}.lg\:h-44{height:11rem}.lg\:h-48{height:12rem}.lg\:h-5{height:1.25rem}.lg\:h-5\/6{height:83.333333%}.lg\:h-52{height:13rem}.lg\:h-56{height:14rem}.lg\:h-6{height:1.5rem}.lg\:h-60{height:15rem}.lg\:h-64{height:16rem}.lg\:h-7{height:1.75rem}.lg\:h-72{height:18rem}.lg\:h-8{height:2rem}.lg\:h-80{height:20rem}.lg\:h-9{height:2.25rem}.lg\:h-96{height:24rem}.lg\:max-h-0{max-height:0px}.lg\:max-h-0\.5{max-height:.125rem}.lg\:max-h-1{max-height:.25rem}.lg\:max-h-1\.5{max-height:.375rem}.lg\:max-h-10{max-height:2.5rem}.lg\:max-h-11{max-height:2.75rem}.lg\:max-h-12{max-height:3rem}.lg\:max-h-14{max-height:3.5rem}.lg\:max-h-16{max-height:4rem}.lg\:max-h-2{max-height:.5rem}.lg\:max-h-2\.5{max-height:.625rem}.lg\:max-h-20{max-height:5rem}.lg\:max-h-24{max-height:6rem}.lg\:max-h-28{max-height:7rem}.lg\:max-h-3{max-height:.75rem}.lg\:max-h-3\.5{max-height:.875rem}.lg\:max-h-32{max-height:8rem}.lg\:max-h-36{max-height:9rem}.lg\:max-h-4{max-height:1rem}.lg\:max-h-40{max-height:10rem}.lg\:max-h-44{max-height:11rem}.lg\:max-h-48{max-height:12rem}.lg\:max-h-5{max-height:1.25rem}.lg\:max-h-52{max-height:13rem}.lg\:max-h-56{max-height:14rem}.lg\:max-h-6{max-height:1.5rem}.lg\:max-h-60{max-height:15rem}.lg\:max-h-64{max-height:16rem}.lg\:max-h-7{max-height:1.75rem}.lg\:max-h-72{max-height:18rem}.lg\:max-h-8{max-height:2rem}.lg\:max-h-80{max-height:20rem}.lg\:max-h-9{max-height:2.25rem}.lg\:max-h-96{max-height:24rem}.lg\:min-h-0{min-height:0px}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.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\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}html :where(.default\:lg\:col-span-1){grid-column:span 1 / span 1}html :where(.default\:lg\:col-span-10){grid-column:span 10 / span 10}html :where(.default\:lg\:col-span-11){grid-column:span 11 / span 11}html :where(.default\:lg\:col-span-12){grid-column:span 12 / span 12}html :where(.default\:lg\:col-span-2){grid-column:span 2 / span 2}html :where(.default\:lg\:col-span-3){grid-column:span 3 / span 3}html :where(.default\:lg\:col-span-4){grid-column:span 4 / span 4}html :where(.default\:lg\:col-span-5){grid-column:span 5 / span 5}html :where(.default\:lg\:col-span-6){grid-column:span 6 / span 6}html :where(.default\:lg\:col-span-7){grid-column:span 7 / span 7}html :where(.default\:lg\:col-span-8){grid-column:span 8 / span 8}html :where(.default\:lg\:col-span-9){grid-column:span 9 / span 9}html :where(.default\:lg\:col-span-full){grid-column:1 / -1}html :where(.default\:lg\:row-span-1){grid-row:span 1 / span 1}html :where(.default\:lg\:row-span-2){grid-row:span 2 / span 2}html :where(.default\:lg\:row-span-3){grid-row:span 3 / span 3}html :where(.default\:lg\:row-span-4){grid-row:span 4 / span 4}html :where(.default\:lg\:row-span-5){grid-row:span 5 / span 5}html :where(.default\:lg\:row-span-6){grid-row:span 6 / span 6}html :where(.default\:lg\:row-span-full){grid-row:1 / -1}html :where(.default\:lg\:grid-cols-1){grid-template-columns:repeat(1,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-10){grid-template-columns:repeat(10,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-11){grid-template-columns:repeat(11,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-12){grid-template-columns:repeat(12,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-2){grid-template-columns:repeat(2,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-3){grid-template-columns:repeat(3,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-4){grid-template-columns:repeat(4,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-5){grid-template-columns:repeat(5,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-6){grid-template-columns:repeat(6,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-7){grid-template-columns:repeat(7,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-8){grid-template-columns:repeat(8,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-9){grid-template-columns:repeat(9,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:col-span-1{grid-column:span 1 / span 1}.xl\:col-span-10{grid-column:span 10 / span 10}.xl\:col-span-11{grid-column:span 11 / span 11}.xl\:col-span-12{grid-column:span 12 / span 12}.xl\:col-span-2{grid-column:span 2 / span 2}.xl\:col-span-3{grid-column:span 3 / span 3}.xl\:col-span-4{grid-column:span 4 / span 4}.xl\:col-span-5{grid-column:span 5 / span 5}.xl\:col-span-6{grid-column:span 6 / span 6}.xl\:col-span-7{grid-column:span 7 / span 7}.xl\:col-span-8{grid-column:span 8 / span 8}.xl\:col-span-9{grid-column:span 9 / span 9}.xl\:col-span-full{grid-column:1 / -1}.xl\:row-span-1{grid-row:span 1 / span 1}.xl\:row-span-2{grid-row:span 2 / span 2}.xl\:row-span-3{grid-row:span 3 / span 3}.xl\:row-span-4{grid-row:span 4 / span 4}.xl\:row-span-5{grid-row:span 5 / span 5}.xl\:row-span-6{grid-row:span 6 / span 6}.xl\:row-span-full{grid-row:1 / -1}.xl\:h-0{height:0px}.xl\:h-0\.5{height:.125rem}.xl\:h-1{height:.25rem}.xl\:h-1\.5{height:.375rem}.xl\:h-1\/2{height:50%}.xl\:h-1\/3{height:33.333333%}.xl\:h-1\/4{height:25%}.xl\:h-1\/5{height:20%}.xl\:h-1\/6{height:16.666667%}.xl\:h-10{height:2.5rem}.xl\:h-11{height:2.75rem}.xl\:h-12{height:3rem}.xl\:h-128{height:32rem}.xl\:h-14{height:3.5rem}.xl\:h-16{height:4rem}.xl\:h-2{height:.5rem}.xl\:h-2\.5{height:.625rem}.xl\:h-2\/3{height:66.666667%}.xl\:h-2\/4{height:50%}.xl\:h-2\/5{height:40%}.xl\:h-2\/6{height:33.333333%}.xl\:h-20{height:5rem}.xl\:h-24{height:6rem}.xl\:h-28{height:7rem}.xl\:h-3{height:.75rem}.xl\:h-3\.5{height:.875rem}.xl\:h-3\/4{height:75%}.xl\:h-3\/5{height:60%}.xl\:h-3\/6{height:50%}.xl\:h-32{height:8rem}.xl\:h-36{height:9rem}.xl\:h-4{height:1rem}.xl\:h-4\/5{height:80%}.xl\:h-4\/6{height:66.666667%}.xl\:h-40{height:10rem}.xl\:h-44{height:11rem}.xl\:h-48{height:12rem}.xl\:h-5{height:1.25rem}.xl\:h-5\/6{height:83.333333%}.xl\:h-52{height:13rem}.xl\:h-56{height:14rem}.xl\:h-6{height:1.5rem}.xl\:h-60{height:15rem}.xl\:h-64{height:16rem}.xl\:h-7{height:1.75rem}.xl\:h-72{height:18rem}.xl\:h-8{height:2rem}.xl\:h-80{height:20rem}.xl\:h-9{height:2.25rem}.xl\:h-96{height:24rem}.xl\:max-h-0{max-height:0px}.xl\:max-h-0\.5{max-height:.125rem}.xl\:max-h-1{max-height:.25rem}.xl\:max-h-1\.5{max-height:.375rem}.xl\:max-h-10{max-height:2.5rem}.xl\:max-h-11{max-height:2.75rem}.xl\:max-h-12{max-height:3rem}.xl\:max-h-14{max-height:3.5rem}.xl\:max-h-16{max-height:4rem}.xl\:max-h-2{max-height:.5rem}.xl\:max-h-2\.5{max-height:.625rem}.xl\:max-h-20{max-height:5rem}.xl\:max-h-24{max-height:6rem}.xl\:max-h-28{max-height:7rem}.xl\:max-h-3{max-height:.75rem}.xl\:max-h-3\.5{max-height:.875rem}.xl\:max-h-32{max-height:8rem}.xl\:max-h-36{max-height:9rem}.xl\:max-h-4{max-height:1rem}.xl\:max-h-40{max-height:10rem}.xl\:max-h-44{max-height:11rem}.xl\:max-h-48{max-height:12rem}.xl\:max-h-5{max-height:1.25rem}.xl\:max-h-52{max-height:13rem}.xl\:max-h-56{max-height:14rem}.xl\:max-h-6{max-height:1.5rem}.xl\:max-h-60{max-height:15rem}.xl\:max-h-64{max-height:16rem}.xl\:max-h-7{max-height:1.75rem}.xl\:max-h-72{max-height:18rem}.xl\:max-h-8{max-height:2rem}.xl\:max-h-80{max-height:20rem}.xl\:max-h-9{max-height:2.25rem}.xl\:max-h-96{max-height:24rem}.xl\:min-h-0{min-height:0px}.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xl\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xl\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.xl\:pr-12{padding-right:3rem}}@media (min-width: 1536px){.\32xl\:col-span-1{grid-column:span 1 / span 1}.\32xl\:col-span-10{grid-column:span 10 / span 10}.\32xl\:col-span-11{grid-column:span 11 / span 11}.\32xl\:col-span-12{grid-column:span 12 / span 12}.\32xl\:col-span-2{grid-column:span 2 / span 2}.\32xl\:col-span-3{grid-column:span 3 / span 3}.\32xl\:col-span-4{grid-column:span 4 / span 4}.\32xl\:col-span-5{grid-column:span 5 / span 5}.\32xl\:col-span-6{grid-column:span 6 / span 6}.\32xl\:col-span-7{grid-column:span 7 / span 7}.\32xl\:col-span-8{grid-column:span 8 / span 8}.\32xl\:col-span-9{grid-column:span 9 / span 9}.\32xl\:col-span-full{grid-column:1 / -1}.\32xl\:row-span-1{grid-row:span 1 / span 1}.\32xl\:row-span-2{grid-row:span 2 / span 2}.\32xl\:row-span-3{grid-row:span 3 / span 3}.\32xl\:row-span-4{grid-row:span 4 / span 4}.\32xl\:row-span-5{grid-row:span 5 / span 5}.\32xl\:row-span-6{grid-row:span 6 / span 6}.\32xl\:row-span-full{grid-row:1 / -1}.\32xl\:h-0{height:0px}.\32xl\:h-0\.5{height:.125rem}.\32xl\:h-1{height:.25rem}.\32xl\:h-1\.5{height:.375rem}.\32xl\:h-1\/2{height:50%}.\32xl\:h-1\/3{height:33.333333%}.\32xl\:h-1\/4{height:25%}.\32xl\:h-1\/5{height:20%}.\32xl\:h-1\/6{height:16.666667%}.\32xl\:h-10{height:2.5rem}.\32xl\:h-11{height:2.75rem}.\32xl\:h-12{height:3rem}.\32xl\:h-128{height:32rem}.\32xl\:h-14{height:3.5rem}.\32xl\:h-16{height:4rem}.\32xl\:h-2{height:.5rem}.\32xl\:h-2\.5{height:.625rem}.\32xl\:h-2\/3{height:66.666667%}.\32xl\:h-2\/4{height:50%}.\32xl\:h-2\/5{height:40%}.\32xl\:h-2\/6{height:33.333333%}.\32xl\:h-20{height:5rem}.\32xl\:h-24{height:6rem}.\32xl\:h-28{height:7rem}.\32xl\:h-3{height:.75rem}.\32xl\:h-3\.5{height:.875rem}.\32xl\:h-3\/4{height:75%}.\32xl\:h-3\/5{height:60%}.\32xl\:h-3\/6{height:50%}.\32xl\:h-32{height:8rem}.\32xl\:h-36{height:9rem}.\32xl\:h-4{height:1rem}.\32xl\:h-4\/5{height:80%}.\32xl\:h-4\/6{height:66.666667%}.\32xl\:h-40{height:10rem}.\32xl\:h-44{height:11rem}.\32xl\:h-48{height:12rem}.\32xl\:h-5{height:1.25rem}.\32xl\:h-5\/6{height:83.333333%}.\32xl\:h-52{height:13rem}.\32xl\:h-56{height:14rem}.\32xl\:h-6{height:1.5rem}.\32xl\:h-60{height:15rem}.\32xl\:h-64{height:16rem}.\32xl\:h-7{height:1.75rem}.\32xl\:h-72{height:18rem}.\32xl\:h-8{height:2rem}.\32xl\:h-80{height:20rem}.\32xl\:h-9{height:2.25rem}.\32xl\:h-96{height:24rem}.\32xl\:max-h-0{max-height:0px}.\32xl\:max-h-0\.5{max-height:.125rem}.\32xl\:max-h-1{max-height:.25rem}.\32xl\:max-h-1\.5{max-height:.375rem}.\32xl\:max-h-10{max-height:2.5rem}.\32xl\:max-h-11{max-height:2.75rem}.\32xl\:max-h-12{max-height:3rem}.\32xl\:max-h-14{max-height:3.5rem}.\32xl\:max-h-16{max-height:4rem}.\32xl\:max-h-2{max-height:.5rem}.\32xl\:max-h-2\.5{max-height:.625rem}.\32xl\:max-h-20{max-height:5rem}.\32xl\:max-h-24{max-height:6rem}.\32xl\:max-h-28{max-height:7rem}.\32xl\:max-h-3{max-height:.75rem}.\32xl\:max-h-3\.5{max-height:.875rem}.\32xl\:max-h-32{max-height:8rem}.\32xl\:max-h-36{max-height:9rem}.\32xl\:max-h-4{max-height:1rem}.\32xl\:max-h-40{max-height:10rem}.\32xl\:max-h-44{max-height:11rem}.\32xl\:max-h-48{max-height:12rem}.\32xl\:max-h-5{max-height:1.25rem}.\32xl\:max-h-52{max-height:13rem}.\32xl\:max-h-56{max-height:14rem}.\32xl\:max-h-6{max-height:1.5rem}.\32xl\:max-h-60{max-height:15rem}.\32xl\:max-h-64{max-height:16rem}.\32xl\:max-h-7{max-height:1.75rem}.\32xl\:max-h-72{max-height:18rem}.\32xl\:max-h-8{max-height:2rem}.\32xl\:max-h-80{max-height:20rem}.\32xl\:max-h-9{max-height:2.25rem}.\32xl\:max-h-96{max-height:24rem}.\32xl\:min-h-0{min-height:0px}.\32xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.\32xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.\32xl\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.\32xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.\32xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\32xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\32xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\32xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.\32xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.\32xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.\32xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.\32xl\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}}.\[\&\:nth-child\(1n\+15\)\]\:border-t:nth-child(n+15){border-top-width:1px}.\[\&\>svg\]\:h-6>svg{height:1.5rem}.\[\&\>svg\]\:w-6>svg{width:1.5rem}.\[\&\>svg\]\:flex-shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:stroke-gray-400>svg{stroke:#9ca3af}:is(.dark .\[\&\>svg\]\:dark\:stroke-gray-600)>svg{stroke:#4b5563} +*,: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:Figtree,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-feature-settings:inherit;font-variation-settings: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}dialog{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}[hidden]{display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-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-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}*,: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%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-left-px{left:-1px}.-top-2{top:-.5rem}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-10{z-index:10}.col-span-1{grid-column:span 1 / span 1}.col-span-10{grid-column:span 10 / span 10}.col-span-11{grid-column:span 11 / span 11}.col-span-12{grid-column:span 12 / span 12}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-7{grid-column:span 7 / span 7}.col-span-8{grid-column:span 8 / span 8}.col-span-9{grid-column:span 9 / span 9}.col-span-full{grid-column:1 / -1}.row-span-1{grid-row:span 1 / span 1}.row-span-2{grid-row:span 2 / span 2}.row-span-3{grid-row:span 3 / span 3}.row-span-4{grid-row:span 4 / span 4}.row-span-5{grid-row:span 5 / span 5}.row-span-6{grid-row:span 6 / span 6}.row-span-full{grid-row:1 / -1}.mx-auto{margin-left:auto;margin-right:auto}.mx-px{margin-left:1px;margin-right:1px}.mb-3{margin-bottom:.75rem}.mb-px{margin-bottom:1px}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0{height:0px}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-1\/2{height:50%}.h-1\/3{height:33.333333%}.h-1\/4{height:25%}.h-1\/5{height:20%}.h-1\/6{height:16.666667%}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-128{height:32rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-2\/3{height:66.666667%}.h-2\/4{height:50%}.h-2\/5{height:40%}.h-2\/6{height:33.333333%}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-3\/4{height:75%}.h-3\/5{height:60%}.h-3\/6{height:50%}.h-32{height:8rem}.h-36{height:9rem}.h-4{height:1rem}.h-4\/5{height:80%}.h-4\/6{height:66.666667%}.h-40{height:10rem}.h-44{height:11rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-5\/6{height:83.333333%}.h-52{height:13rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-60{height:15rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[30px\]{height:30px}.h-\[52px\]{height:52px}.max-h-0{max-height:0px}.max-h-0\.5{max-height:.125rem}.max-h-1{max-height:.25rem}.max-h-1\.5{max-height:.375rem}.max-h-10{max-height:2.5rem}.max-h-11{max-height:2.75rem}.max-h-12{max-height:3rem}.max-h-14{max-height:3.5rem}.max-h-16{max-height:4rem}.max-h-2{max-height:.5rem}.max-h-2\.5{max-height:.625rem}.max-h-20{max-height:5rem}.max-h-24{max-height:6rem}.max-h-28{max-height:7rem}.max-h-3{max-height:.75rem}.max-h-3\.5{max-height:.875rem}.max-h-32{max-height:8rem}.max-h-36{max-height:9rem}.max-h-4{max-height:1rem}.max-h-40{max-height:10rem}.max-h-44{max-height:11rem}.max-h-48{max-height:12rem}.max-h-5{max-height:1.25rem}.max-h-52{max-height:13rem}.max-h-56{max-height:14rem}.max-h-6{max-height:1.5rem}.max-h-60{max-height:15rem}.max-h-64{max-height:16rem}.max-h-7{max-height:1.75rem}.max-h-72{max-height:18rem}.max-h-8{max-height:2rem}.max-h-80{max-height:20rem}.max-h-9{max-height:2.25rem}.max-h-96{max-height:24rem}.min-h-0{min-height:0px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\/12{width:8.333333%}.w-1\/2{width:50%}.w-14{width:3.5rem}.w-2\/12{width:16.666667%}.w-24{width:6rem}.w-3{width:.75rem}.w-3\/12{width:25%}.w-36{width:9rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-\[42rem\]{min-width:42rem}.max-w-\[1px\]{max-width:1px}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.max-w-full{max-width:100%}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-\[10000\]{flex-grow:10000}.basis-0{flex-basis:0px}.basis-56{flex-basis:14rem}.basis-full{flex-basis:100%}.origin-bottom{transform-origin:bottom}.origin-top-right{transform-origin:top right}.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))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-\[max-content\,minmax\(max-content\,1fr\)\,max-content\,minmax\(0\,2fr\)\,max-content\,minmax\(0\,2fr\)\,minmax\(max-content\,1fr\)\]{grid-template-columns:max-content minmax(max-content,1fr) max-content minmax(0,2fr) max-content minmax(0,2fr) minmax(max-content,1fr)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.border{border-width:1px}.border-0{border-width:0px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity))}.bg-\[\#9333ea\]{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity))}.bg-\[\#e11d48\]{--tw-bg-opacity: 1;background-color:rgb(225 29 72 / var(--tw-bg-opacity))}.bg-\[\#eab308\]{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity))}.bg-\[rgba\(107\,114\,128\,0\.5\)\]{background-color:#6b728080}.bg-\[rgba\(147\,51\,234\,0\.5\)\]{background-color:#9333ea80}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff 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)}.to-gray-700{--tw-gradient-to: #374151 var(--tw-gradient-to-position)}.stroke-gray-300{stroke:#d1d5db}.stroke-gray-500{stroke:#6b7280}.stroke-red-500{stroke:#ef4444}.\!p-0{padding:0!important}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.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-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-12{padding-bottom:3rem}.pb-px{padding-bottom:1px}.pl-3{padding-left:.75rem}.pr-8{padding-right:2rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Figtree,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"}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.text-cyan-200{--tw-text-opacity: 1;color:rgb(165 243 252 / var(--tw-text-opacity))}.text-gray-100{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-orange-200{--tw-text-opacity: 1;color:rgb(254 215 170 / var(--tw-text-opacity))}.text-purple-200{--tw-text-opacity: 1;color:rgb(233 213 255 / var(--tw-text-opacity))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity))}.text-red-200{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-25{opacity:.25}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.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)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-gray-900\/5{--tw-ring-color: rgb(17 24 39 / .05)}.\@container{container-type:inline-size}.\@container\/scroll-wrapper{container-type:inline-size;container-name:scroll-wrapper}.\[scrollbar-color\:theme\(colors\.gray\.500\)_transparent\]{scrollbar-color:#6b7280 transparent}.\[scrollbar-width\:thin\]{scrollbar-width:thin}[x-cloak]{display:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:right-\[calc\(-1\*var\(--triangle-size\)\)\]:after{content:var(--tw-content);right:calc(-1 * var(--triangle-size))}.after\:top-\[calc\(50\%-var\(--triangle-size\)\)\]:after{content:var(--tw-content);top:calc(50% - var(--triangle-size))}.after\:border-b-\[length\:var\(--triangle-size\)\]:after{content:var(--tw-content);border-bottom-width:var(--triangle-size)}.after\:border-l-\[length\:var\(--triangle-size\)\]:after{content:var(--tw-content);border-left-width:var(--triangle-size)}.after\:border-t-\[length\:var\(--triangle-size\)\]:after{content:var(--tw-content);border-top-width:var(--triangle-size)}.after\:border-transparent:after{content:var(--tw-content);border-color:transparent}.after\:border-l-purple-500:after{content:var(--tw-content);--tw-border-opacity: 1;border-left-color:rgb(168 85 247 / var(--tw-border-opacity))}.after\:\[--triangle-size\:4px\]:after{content:var(--tw-content);--triangle-size: 4px}.first\:h-0:first-child{height:0px}.first\:rounded-l-md:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.first\:pl-3:first-child{padding-left:.75rem}.last\:rounded-r-md:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.last\:pr-3:last-child{padding-right:.75rem}.focus-within\:ring:focus-within{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.hover\:text-gray-400:hover{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.hover\:text-gray-500:hover{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.focus\:text-gray-500:focus{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}@container (min-width: 24rem){.\@sm\:block{display:block}.\@sm\:px-3{padding-left:.75rem;padding-right:.75rem}}@container (min-width: 28rem){.\@md\:mb-6{margin-bottom:1.5rem}}@container (min-width: 32rem){.\@lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 48rem){.\@3xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width: 72rem){.\@6xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}html :where(.default\:col-span-1){grid-column:span 1 / span 1}html :where(.default\:col-span-10){grid-column:span 10 / span 10}html :where(.default\:col-span-11){grid-column:span 11 / span 11}html :where(.default\:col-span-12){grid-column:span 12 / span 12}html :where(.default\:col-span-2){grid-column:span 2 / span 2}html :where(.default\:col-span-3){grid-column:span 3 / span 3}html :where(.default\:col-span-4){grid-column:span 4 / span 4}html :where(.default\:col-span-5){grid-column:span 5 / span 5}html :where(.default\:col-span-6){grid-column:span 6 / span 6}html :where(.default\:col-span-7){grid-column:span 7 / span 7}html :where(.default\:col-span-8){grid-column:span 8 / span 8}html :where(.default\:col-span-9){grid-column:span 9 / span 9}html :where(.default\:col-span-full){grid-column:1 / -1}html :where(.default\:row-span-1){grid-row:span 1 / span 1}html :where(.default\:row-span-2){grid-row:span 2 / span 2}html :where(.default\:row-span-3){grid-row:span 3 / span 3}html :where(.default\:row-span-4){grid-row:span 4 / span 4}html :where(.default\:row-span-5){grid-row:span 5 / span 5}html :where(.default\:row-span-6){grid-row:span 6 / span 6}html :where(.default\:row-span-full){grid-row:1 / -1}html :where(.default\:grid-cols-1){grid-template-columns:repeat(1,minmax(0,1fr))}html :where(.default\:grid-cols-10){grid-template-columns:repeat(10,minmax(0,1fr))}html :where(.default\:grid-cols-11){grid-template-columns:repeat(11,minmax(0,1fr))}html :where(.default\:grid-cols-12){grid-template-columns:repeat(12,minmax(0,1fr))}html :where(.default\:grid-cols-2){grid-template-columns:repeat(2,minmax(0,1fr))}html :where(.default\:grid-cols-3){grid-template-columns:repeat(3,minmax(0,1fr))}html :where(.default\:grid-cols-4){grid-template-columns:repeat(4,minmax(0,1fr))}html :where(.default\:grid-cols-5){grid-template-columns:repeat(5,minmax(0,1fr))}html :where(.default\:grid-cols-6){grid-template-columns:repeat(6,minmax(0,1fr))}html :where(.default\:grid-cols-7){grid-template-columns:repeat(7,minmax(0,1fr))}html :where(.default\:grid-cols-8){grid-template-columns:repeat(8,minmax(0,1fr))}html :where(.default\:grid-cols-9){grid-template-columns:repeat(9,minmax(0,1fr))}html :where(.default\:gap-6){gap:1.5rem}:is(.dark .dark\:block){display:block}:is(.dark .dark\:hidden){display:none}:is(.dark .dark\:border-blue-700){--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity))}:is(.dark .dark\:border-gray-500){--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity))}:is(.dark .dark\:border-gray-700){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}:is(.dark .dark\:border-gray-900){--tw-border-opacity: 1;border-color:rgb(17 24 39 / var(--tw-border-opacity))}:is(.dark .dark\:border-purple-700){--tw-border-opacity: 1;border-color:rgb(126 34 206 / var(--tw-border-opacity))}:is(.dark .dark\:border-red-700){--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity))}:is(.dark .dark\:bg-blue-900){--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-700){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-800){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-800\/50){background-color:#1f293780}:is(.dark .dark\:bg-gray-900){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-950){--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-purple-900){--tw-bg-opacity: 1;background-color:rgb(88 28 135 / var(--tw-bg-opacity))}:is(.dark .dark\:bg-red-900){--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity))}:is(.dark .dark\:from-gray-900){--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}:is(.dark .dark\:to-gray-800){--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}:is(.dark .dark\:stroke-gray-400){stroke:#9ca3af}:is(.dark .dark\:stroke-gray-700){stroke:#374151}:is(.dark .dark\:text-blue-300){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity))}:is(.dark .dark\:text-gray-100){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}:is(.dark .dark\:text-gray-200){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}:is(.dark .dark\:text-gray-300){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity))}:is(.dark .dark\:text-gray-400){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}:is(.dark .dark\:text-gray-600){--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}:is(.dark .dark\:text-purple-300){--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity))}:is(.dark .dark\:text-red-300){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity))}:is(.dark .dark\:ring-gray-100\/10){--tw-ring-color: rgb(243 244 246 / .1)}:is(.dark .dark\:hover\:bg-gray-700:hover){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-gray-800:hover){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}:is(.dark .dark\:hover\:text-gray-500:hover){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}:is(.dark .dark\:focus\:text-gray-500:focus){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}@media (min-width: 640px){.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:col-span-10{grid-column:span 10 / span 10}.sm\:col-span-11{grid-column:span 11 / span 11}.sm\:col-span-12{grid-column:span 12 / span 12}.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:col-span-3{grid-column:span 3 / span 3}.sm\:col-span-4{grid-column:span 4 / span 4}.sm\:col-span-5{grid-column:span 5 / span 5}.sm\:col-span-6{grid-column:span 6 / span 6}.sm\:col-span-7{grid-column:span 7 / span 7}.sm\:col-span-8{grid-column:span 8 / span 8}.sm\:col-span-9{grid-column:span 9 / span 9}.sm\:col-span-full{grid-column:1 / -1}.sm\:row-span-1{grid-row:span 1 / span 1}.sm\:row-span-2{grid-row:span 2 / span 2}.sm\:row-span-3{grid-row:span 3 / span 3}.sm\:row-span-4{grid-row:span 4 / span 4}.sm\:row-span-5{grid-row:span 5 / span 5}.sm\:row-span-6{grid-row:span 6 / span 6}.sm\:row-span-full{grid-row:1 / -1}.sm\:h-0{height:0px}.sm\:h-0\.5{height:.125rem}.sm\:h-1{height:.25rem}.sm\:h-1\.5{height:.375rem}.sm\:h-1\/2{height:50%}.sm\:h-1\/3{height:33.333333%}.sm\:h-1\/4{height:25%}.sm\:h-1\/5{height:20%}.sm\:h-1\/6{height:16.666667%}.sm\:h-10{height:2.5rem}.sm\:h-11{height:2.75rem}.sm\:h-12{height:3rem}.sm\:h-128{height:32rem}.sm\:h-14{height:3.5rem}.sm\:h-16{height:4rem}.sm\:h-2{height:.5rem}.sm\:h-2\.5{height:.625rem}.sm\:h-2\/3{height:66.666667%}.sm\:h-2\/4{height:50%}.sm\:h-2\/5{height:40%}.sm\:h-2\/6{height:33.333333%}.sm\:h-20{height:5rem}.sm\:h-24{height:6rem}.sm\:h-28{height:7rem}.sm\:h-3{height:.75rem}.sm\:h-3\.5{height:.875rem}.sm\:h-3\/4{height:75%}.sm\:h-3\/5{height:60%}.sm\:h-3\/6{height:50%}.sm\:h-32{height:8rem}.sm\:h-36{height:9rem}.sm\:h-4{height:1rem}.sm\:h-4\/5{height:80%}.sm\:h-4\/6{height:66.666667%}.sm\:h-40{height:10rem}.sm\:h-44{height:11rem}.sm\:h-48{height:12rem}.sm\:h-5{height:1.25rem}.sm\:h-5\/6{height:83.333333%}.sm\:h-52{height:13rem}.sm\:h-56{height:14rem}.sm\:h-6{height:1.5rem}.sm\:h-60{height:15rem}.sm\:h-64{height:16rem}.sm\:h-7{height:1.75rem}.sm\:h-72{height:18rem}.sm\:h-8{height:2rem}.sm\:h-80{height:20rem}.sm\:h-9{height:2.25rem}.sm\:h-96{height:24rem}.sm\:max-h-0{max-height:0px}.sm\:max-h-0\.5{max-height:.125rem}.sm\:max-h-1{max-height:.25rem}.sm\:max-h-1\.5{max-height:.375rem}.sm\:max-h-10{max-height:2.5rem}.sm\:max-h-11{max-height:2.75rem}.sm\:max-h-12{max-height:3rem}.sm\:max-h-14{max-height:3.5rem}.sm\:max-h-16{max-height:4rem}.sm\:max-h-2{max-height:.5rem}.sm\:max-h-2\.5{max-height:.625rem}.sm\:max-h-20{max-height:5rem}.sm\:max-h-24{max-height:6rem}.sm\:max-h-28{max-height:7rem}.sm\:max-h-3{max-height:.75rem}.sm\:max-h-3\.5{max-height:.875rem}.sm\:max-h-32{max-height:8rem}.sm\:max-h-36{max-height:9rem}.sm\:max-h-4{max-height:1rem}.sm\:max-h-40{max-height:10rem}.sm\:max-h-44{max-height:11rem}.sm\:max-h-48{max-height:12rem}.sm\:max-h-5{max-height:1.25rem}.sm\:max-h-52{max-height:13rem}.sm\:max-h-56{max-height:14rem}.sm\:max-h-6{max-height:1.5rem}.sm\:max-h-60{max-height:15rem}.sm\:max-h-64{max-height:16rem}.sm\:max-h-7{max-height:1.75rem}.sm\:max-h-72{max-height:18rem}.sm\:max-h-8{max-height:2rem}.sm\:max-h-80{max-height:20rem}.sm\:max-h-9{max-height:2.25rem}.sm\:max-h-96{max-height:24rem}.sm\:min-h-0{min-height:0px}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:gap-6{gap:1.5rem}.sm\:p-6{padding:1.5rem}.sm\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 768px){.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-10{grid-column:span 10 / span 10}.md\:col-span-11{grid-column:span 11 / span 11}.md\:col-span-12{grid-column:span 12 / span 12}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-3{grid-column:span 3 / span 3}.md\:col-span-4{grid-column:span 4 / span 4}.md\:col-span-5{grid-column:span 5 / span 5}.md\:col-span-6{grid-column:span 6 / span 6}.md\:col-span-7{grid-column:span 7 / span 7}.md\:col-span-8{grid-column:span 8 / span 8}.md\:col-span-9{grid-column:span 9 / span 9}.md\:col-span-full{grid-column:1 / -1}.md\:row-span-1{grid-row:span 1 / span 1}.md\:row-span-2{grid-row:span 2 / span 2}.md\:row-span-3{grid-row:span 3 / span 3}.md\:row-span-4{grid-row:span 4 / span 4}.md\:row-span-5{grid-row:span 5 / span 5}.md\:row-span-6{grid-row:span 6 / span 6}.md\:row-span-full{grid-row:1 / -1}.md\:h-0{height:0px}.md\:h-0\.5{height:.125rem}.md\:h-1{height:.25rem}.md\:h-1\.5{height:.375rem}.md\:h-1\/2{height:50%}.md\:h-1\/3{height:33.333333%}.md\:h-1\/4{height:25%}.md\:h-1\/5{height:20%}.md\:h-1\/6{height:16.666667%}.md\:h-10{height:2.5rem}.md\:h-11{height:2.75rem}.md\:h-12{height:3rem}.md\:h-128{height:32rem}.md\:h-14{height:3.5rem}.md\:h-16{height:4rem}.md\:h-2{height:.5rem}.md\:h-2\.5{height:.625rem}.md\:h-2\/3{height:66.666667%}.md\:h-2\/4{height:50%}.md\:h-2\/5{height:40%}.md\:h-2\/6{height:33.333333%}.md\:h-20{height:5rem}.md\:h-24{height:6rem}.md\:h-28{height:7rem}.md\:h-3{height:.75rem}.md\:h-3\.5{height:.875rem}.md\:h-3\/4{height:75%}.md\:h-3\/5{height:60%}.md\:h-3\/6{height:50%}.md\:h-32{height:8rem}.md\:h-36{height:9rem}.md\:h-4{height:1rem}.md\:h-4\/5{height:80%}.md\:h-4\/6{height:66.666667%}.md\:h-40{height:10rem}.md\:h-44{height:11rem}.md\:h-48{height:12rem}.md\:h-5{height:1.25rem}.md\:h-5\/6{height:83.333333%}.md\:h-52{height:13rem}.md\:h-56{height:14rem}.md\:h-6{height:1.5rem}.md\:h-60{height:15rem}.md\:h-64{height:16rem}.md\:h-7{height:1.75rem}.md\:h-72{height:18rem}.md\:h-8{height:2rem}.md\:h-80{height:20rem}.md\:h-9{height:2.25rem}.md\:h-96{height:24rem}.md\:max-h-0{max-height:0px}.md\:max-h-0\.5{max-height:.125rem}.md\:max-h-1{max-height:.25rem}.md\:max-h-1\.5{max-height:.375rem}.md\:max-h-10{max-height:2.5rem}.md\:max-h-11{max-height:2.75rem}.md\:max-h-12{max-height:3rem}.md\:max-h-14{max-height:3.5rem}.md\:max-h-16{max-height:4rem}.md\:max-h-2{max-height:.5rem}.md\:max-h-2\.5{max-height:.625rem}.md\:max-h-20{max-height:5rem}.md\:max-h-24{max-height:6rem}.md\:max-h-28{max-height:7rem}.md\:max-h-3{max-height:.75rem}.md\:max-h-3\.5{max-height:.875rem}.md\:max-h-32{max-height:8rem}.md\:max-h-36{max-height:9rem}.md\:max-h-4{max-height:1rem}.md\:max-h-40{max-height:10rem}.md\:max-h-44{max-height:11rem}.md\:max-h-48{max-height:12rem}.md\:max-h-5{max-height:1.25rem}.md\:max-h-52{max-height:13rem}.md\:max-h-56{max-height:14rem}.md\:max-h-6{max-height:1.5rem}.md\:max-h-60{max-height:15rem}.md\:max-h-64{max-height:16rem}.md\:max-h-7{max-height:1.75rem}.md\:max-h-72{max-height:18rem}.md\:max-h-8{max-height:2rem}.md\:max-h-80{max-height:20rem}.md\:max-h-9{max-height:2.25rem}.md\:max-h-96{max-height:24rem}.md\:min-h-0{min-height:0px}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-10{grid-column:span 10 / span 10}.lg\:col-span-11{grid-column:span 11 / span 11}.lg\:col-span-12{grid-column:span 12 / span 12}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-5{grid-column:span 5 / span 5}.lg\:col-span-6{grid-column:span 6 / span 6}.lg\:col-span-7{grid-column:span 7 / span 7}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:col-span-9{grid-column:span 9 / span 9}.lg\:col-span-full{grid-column:1 / -1}.lg\:row-span-1{grid-row:span 1 / span 1}.lg\:row-span-2{grid-row:span 2 / span 2}.lg\:row-span-3{grid-row:span 3 / span 3}.lg\:row-span-4{grid-row:span 4 / span 4}.lg\:row-span-5{grid-row:span 5 / span 5}.lg\:row-span-6{grid-row:span 6 / span 6}.lg\:row-span-full{grid-row:1 / -1}.lg\:h-0{height:0px}.lg\:h-0\.5{height:.125rem}.lg\:h-1{height:.25rem}.lg\:h-1\.5{height:.375rem}.lg\:h-1\/2{height:50%}.lg\:h-1\/3{height:33.333333%}.lg\:h-1\/4{height:25%}.lg\:h-1\/5{height:20%}.lg\:h-1\/6{height:16.666667%}.lg\:h-10{height:2.5rem}.lg\:h-11{height:2.75rem}.lg\:h-12{height:3rem}.lg\:h-128{height:32rem}.lg\:h-14{height:3.5rem}.lg\:h-16{height:4rem}.lg\:h-2{height:.5rem}.lg\:h-2\.5{height:.625rem}.lg\:h-2\/3{height:66.666667%}.lg\:h-2\/4{height:50%}.lg\:h-2\/5{height:40%}.lg\:h-2\/6{height:33.333333%}.lg\:h-20{height:5rem}.lg\:h-24{height:6rem}.lg\:h-28{height:7rem}.lg\:h-3{height:.75rem}.lg\:h-3\.5{height:.875rem}.lg\:h-3\/4{height:75%}.lg\:h-3\/5{height:60%}.lg\:h-3\/6{height:50%}.lg\:h-32{height:8rem}.lg\:h-36{height:9rem}.lg\:h-4{height:1rem}.lg\:h-4\/5{height:80%}.lg\:h-4\/6{height:66.666667%}.lg\:h-40{height:10rem}.lg\:h-44{height:11rem}.lg\:h-48{height:12rem}.lg\:h-5{height:1.25rem}.lg\:h-5\/6{height:83.333333%}.lg\:h-52{height:13rem}.lg\:h-56{height:14rem}.lg\:h-6{height:1.5rem}.lg\:h-60{height:15rem}.lg\:h-64{height:16rem}.lg\:h-7{height:1.75rem}.lg\:h-72{height:18rem}.lg\:h-8{height:2rem}.lg\:h-80{height:20rem}.lg\:h-9{height:2.25rem}.lg\:h-96{height:24rem}.lg\:max-h-0{max-height:0px}.lg\:max-h-0\.5{max-height:.125rem}.lg\:max-h-1{max-height:.25rem}.lg\:max-h-1\.5{max-height:.375rem}.lg\:max-h-10{max-height:2.5rem}.lg\:max-h-11{max-height:2.75rem}.lg\:max-h-12{max-height:3rem}.lg\:max-h-14{max-height:3.5rem}.lg\:max-h-16{max-height:4rem}.lg\:max-h-2{max-height:.5rem}.lg\:max-h-2\.5{max-height:.625rem}.lg\:max-h-20{max-height:5rem}.lg\:max-h-24{max-height:6rem}.lg\:max-h-28{max-height:7rem}.lg\:max-h-3{max-height:.75rem}.lg\:max-h-3\.5{max-height:.875rem}.lg\:max-h-32{max-height:8rem}.lg\:max-h-36{max-height:9rem}.lg\:max-h-4{max-height:1rem}.lg\:max-h-40{max-height:10rem}.lg\:max-h-44{max-height:11rem}.lg\:max-h-48{max-height:12rem}.lg\:max-h-5{max-height:1.25rem}.lg\:max-h-52{max-height:13rem}.lg\:max-h-56{max-height:14rem}.lg\:max-h-6{max-height:1.5rem}.lg\:max-h-60{max-height:15rem}.lg\:max-h-64{max-height:16rem}.lg\:max-h-7{max-height:1.75rem}.lg\:max-h-72{max-height:18rem}.lg\:max-h-8{max-height:2rem}.lg\:max-h-80{max-height:20rem}.lg\:max-h-9{max-height:2.25rem}.lg\:max-h-96{max-height:24rem}.lg\:min-h-0{min-height:0px}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.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\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}html :where(.default\:lg\:col-span-1){grid-column:span 1 / span 1}html :where(.default\:lg\:col-span-10){grid-column:span 10 / span 10}html :where(.default\:lg\:col-span-11){grid-column:span 11 / span 11}html :where(.default\:lg\:col-span-12){grid-column:span 12 / span 12}html :where(.default\:lg\:col-span-2){grid-column:span 2 / span 2}html :where(.default\:lg\:col-span-3){grid-column:span 3 / span 3}html :where(.default\:lg\:col-span-4){grid-column:span 4 / span 4}html :where(.default\:lg\:col-span-5){grid-column:span 5 / span 5}html :where(.default\:lg\:col-span-6){grid-column:span 6 / span 6}html :where(.default\:lg\:col-span-7){grid-column:span 7 / span 7}html :where(.default\:lg\:col-span-8){grid-column:span 8 / span 8}html :where(.default\:lg\:col-span-9){grid-column:span 9 / span 9}html :where(.default\:lg\:col-span-full){grid-column:1 / -1}html :where(.default\:lg\:row-span-1){grid-row:span 1 / span 1}html :where(.default\:lg\:row-span-2){grid-row:span 2 / span 2}html :where(.default\:lg\:row-span-3){grid-row:span 3 / span 3}html :where(.default\:lg\:row-span-4){grid-row:span 4 / span 4}html :where(.default\:lg\:row-span-5){grid-row:span 5 / span 5}html :where(.default\:lg\:row-span-6){grid-row:span 6 / span 6}html :where(.default\:lg\:row-span-full){grid-row:1 / -1}html :where(.default\:lg\:grid-cols-1){grid-template-columns:repeat(1,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-10){grid-template-columns:repeat(10,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-11){grid-template-columns:repeat(11,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-12){grid-template-columns:repeat(12,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-2){grid-template-columns:repeat(2,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-3){grid-template-columns:repeat(3,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-4){grid-template-columns:repeat(4,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-5){grid-template-columns:repeat(5,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-6){grid-template-columns:repeat(6,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-7){grid-template-columns:repeat(7,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-8){grid-template-columns:repeat(8,minmax(0,1fr))}html :where(.default\:lg\:grid-cols-9){grid-template-columns:repeat(9,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:col-span-1{grid-column:span 1 / span 1}.xl\:col-span-10{grid-column:span 10 / span 10}.xl\:col-span-11{grid-column:span 11 / span 11}.xl\:col-span-12{grid-column:span 12 / span 12}.xl\:col-span-2{grid-column:span 2 / span 2}.xl\:col-span-3{grid-column:span 3 / span 3}.xl\:col-span-4{grid-column:span 4 / span 4}.xl\:col-span-5{grid-column:span 5 / span 5}.xl\:col-span-6{grid-column:span 6 / span 6}.xl\:col-span-7{grid-column:span 7 / span 7}.xl\:col-span-8{grid-column:span 8 / span 8}.xl\:col-span-9{grid-column:span 9 / span 9}.xl\:col-span-full{grid-column:1 / -1}.xl\:row-span-1{grid-row:span 1 / span 1}.xl\:row-span-2{grid-row:span 2 / span 2}.xl\:row-span-3{grid-row:span 3 / span 3}.xl\:row-span-4{grid-row:span 4 / span 4}.xl\:row-span-5{grid-row:span 5 / span 5}.xl\:row-span-6{grid-row:span 6 / span 6}.xl\:row-span-full{grid-row:1 / -1}.xl\:h-0{height:0px}.xl\:h-0\.5{height:.125rem}.xl\:h-1{height:.25rem}.xl\:h-1\.5{height:.375rem}.xl\:h-1\/2{height:50%}.xl\:h-1\/3{height:33.333333%}.xl\:h-1\/4{height:25%}.xl\:h-1\/5{height:20%}.xl\:h-1\/6{height:16.666667%}.xl\:h-10{height:2.5rem}.xl\:h-11{height:2.75rem}.xl\:h-12{height:3rem}.xl\:h-128{height:32rem}.xl\:h-14{height:3.5rem}.xl\:h-16{height:4rem}.xl\:h-2{height:.5rem}.xl\:h-2\.5{height:.625rem}.xl\:h-2\/3{height:66.666667%}.xl\:h-2\/4{height:50%}.xl\:h-2\/5{height:40%}.xl\:h-2\/6{height:33.333333%}.xl\:h-20{height:5rem}.xl\:h-24{height:6rem}.xl\:h-28{height:7rem}.xl\:h-3{height:.75rem}.xl\:h-3\.5{height:.875rem}.xl\:h-3\/4{height:75%}.xl\:h-3\/5{height:60%}.xl\:h-3\/6{height:50%}.xl\:h-32{height:8rem}.xl\:h-36{height:9rem}.xl\:h-4{height:1rem}.xl\:h-4\/5{height:80%}.xl\:h-4\/6{height:66.666667%}.xl\:h-40{height:10rem}.xl\:h-44{height:11rem}.xl\:h-48{height:12rem}.xl\:h-5{height:1.25rem}.xl\:h-5\/6{height:83.333333%}.xl\:h-52{height:13rem}.xl\:h-56{height:14rem}.xl\:h-6{height:1.5rem}.xl\:h-60{height:15rem}.xl\:h-64{height:16rem}.xl\:h-7{height:1.75rem}.xl\:h-72{height:18rem}.xl\:h-8{height:2rem}.xl\:h-80{height:20rem}.xl\:h-9{height:2.25rem}.xl\:h-96{height:24rem}.xl\:max-h-0{max-height:0px}.xl\:max-h-0\.5{max-height:.125rem}.xl\:max-h-1{max-height:.25rem}.xl\:max-h-1\.5{max-height:.375rem}.xl\:max-h-10{max-height:2.5rem}.xl\:max-h-11{max-height:2.75rem}.xl\:max-h-12{max-height:3rem}.xl\:max-h-14{max-height:3.5rem}.xl\:max-h-16{max-height:4rem}.xl\:max-h-2{max-height:.5rem}.xl\:max-h-2\.5{max-height:.625rem}.xl\:max-h-20{max-height:5rem}.xl\:max-h-24{max-height:6rem}.xl\:max-h-28{max-height:7rem}.xl\:max-h-3{max-height:.75rem}.xl\:max-h-3\.5{max-height:.875rem}.xl\:max-h-32{max-height:8rem}.xl\:max-h-36{max-height:9rem}.xl\:max-h-4{max-height:1rem}.xl\:max-h-40{max-height:10rem}.xl\:max-h-44{max-height:11rem}.xl\:max-h-48{max-height:12rem}.xl\:max-h-5{max-height:1.25rem}.xl\:max-h-52{max-height:13rem}.xl\:max-h-56{max-height:14rem}.xl\:max-h-6{max-height:1.5rem}.xl\:max-h-60{max-height:15rem}.xl\:max-h-64{max-height:16rem}.xl\:max-h-7{max-height:1.75rem}.xl\:max-h-72{max-height:18rem}.xl\:max-h-8{max-height:2rem}.xl\:max-h-80{max-height:20rem}.xl\:max-h-9{max-height:2.25rem}.xl\:max-h-96{max-height:24rem}.xl\:min-h-0{min-height:0px}.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xl\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xl\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.xl\:pr-12{padding-right:3rem}}@media (min-width: 1536px){.\32xl\:col-span-1{grid-column:span 1 / span 1}.\32xl\:col-span-10{grid-column:span 10 / span 10}.\32xl\:col-span-11{grid-column:span 11 / span 11}.\32xl\:col-span-12{grid-column:span 12 / span 12}.\32xl\:col-span-2{grid-column:span 2 / span 2}.\32xl\:col-span-3{grid-column:span 3 / span 3}.\32xl\:col-span-4{grid-column:span 4 / span 4}.\32xl\:col-span-5{grid-column:span 5 / span 5}.\32xl\:col-span-6{grid-column:span 6 / span 6}.\32xl\:col-span-7{grid-column:span 7 / span 7}.\32xl\:col-span-8{grid-column:span 8 / span 8}.\32xl\:col-span-9{grid-column:span 9 / span 9}.\32xl\:col-span-full{grid-column:1 / -1}.\32xl\:row-span-1{grid-row:span 1 / span 1}.\32xl\:row-span-2{grid-row:span 2 / span 2}.\32xl\:row-span-3{grid-row:span 3 / span 3}.\32xl\:row-span-4{grid-row:span 4 / span 4}.\32xl\:row-span-5{grid-row:span 5 / span 5}.\32xl\:row-span-6{grid-row:span 6 / span 6}.\32xl\:row-span-full{grid-row:1 / -1}.\32xl\:h-0{height:0px}.\32xl\:h-0\.5{height:.125rem}.\32xl\:h-1{height:.25rem}.\32xl\:h-1\.5{height:.375rem}.\32xl\:h-1\/2{height:50%}.\32xl\:h-1\/3{height:33.333333%}.\32xl\:h-1\/4{height:25%}.\32xl\:h-1\/5{height:20%}.\32xl\:h-1\/6{height:16.666667%}.\32xl\:h-10{height:2.5rem}.\32xl\:h-11{height:2.75rem}.\32xl\:h-12{height:3rem}.\32xl\:h-128{height:32rem}.\32xl\:h-14{height:3.5rem}.\32xl\:h-16{height:4rem}.\32xl\:h-2{height:.5rem}.\32xl\:h-2\.5{height:.625rem}.\32xl\:h-2\/3{height:66.666667%}.\32xl\:h-2\/4{height:50%}.\32xl\:h-2\/5{height:40%}.\32xl\:h-2\/6{height:33.333333%}.\32xl\:h-20{height:5rem}.\32xl\:h-24{height:6rem}.\32xl\:h-28{height:7rem}.\32xl\:h-3{height:.75rem}.\32xl\:h-3\.5{height:.875rem}.\32xl\:h-3\/4{height:75%}.\32xl\:h-3\/5{height:60%}.\32xl\:h-3\/6{height:50%}.\32xl\:h-32{height:8rem}.\32xl\:h-36{height:9rem}.\32xl\:h-4{height:1rem}.\32xl\:h-4\/5{height:80%}.\32xl\:h-4\/6{height:66.666667%}.\32xl\:h-40{height:10rem}.\32xl\:h-44{height:11rem}.\32xl\:h-48{height:12rem}.\32xl\:h-5{height:1.25rem}.\32xl\:h-5\/6{height:83.333333%}.\32xl\:h-52{height:13rem}.\32xl\:h-56{height:14rem}.\32xl\:h-6{height:1.5rem}.\32xl\:h-60{height:15rem}.\32xl\:h-64{height:16rem}.\32xl\:h-7{height:1.75rem}.\32xl\:h-72{height:18rem}.\32xl\:h-8{height:2rem}.\32xl\:h-80{height:20rem}.\32xl\:h-9{height:2.25rem}.\32xl\:h-96{height:24rem}.\32xl\:max-h-0{max-height:0px}.\32xl\:max-h-0\.5{max-height:.125rem}.\32xl\:max-h-1{max-height:.25rem}.\32xl\:max-h-1\.5{max-height:.375rem}.\32xl\:max-h-10{max-height:2.5rem}.\32xl\:max-h-11{max-height:2.75rem}.\32xl\:max-h-12{max-height:3rem}.\32xl\:max-h-14{max-height:3.5rem}.\32xl\:max-h-16{max-height:4rem}.\32xl\:max-h-2{max-height:.5rem}.\32xl\:max-h-2\.5{max-height:.625rem}.\32xl\:max-h-20{max-height:5rem}.\32xl\:max-h-24{max-height:6rem}.\32xl\:max-h-28{max-height:7rem}.\32xl\:max-h-3{max-height:.75rem}.\32xl\:max-h-3\.5{max-height:.875rem}.\32xl\:max-h-32{max-height:8rem}.\32xl\:max-h-36{max-height:9rem}.\32xl\:max-h-4{max-height:1rem}.\32xl\:max-h-40{max-height:10rem}.\32xl\:max-h-44{max-height:11rem}.\32xl\:max-h-48{max-height:12rem}.\32xl\:max-h-5{max-height:1.25rem}.\32xl\:max-h-52{max-height:13rem}.\32xl\:max-h-56{max-height:14rem}.\32xl\:max-h-6{max-height:1.5rem}.\32xl\:max-h-60{max-height:15rem}.\32xl\:max-h-64{max-height:16rem}.\32xl\:max-h-7{max-height:1.75rem}.\32xl\:max-h-72{max-height:18rem}.\32xl\:max-h-8{max-height:2rem}.\32xl\:max-h-80{max-height:20rem}.\32xl\:max-h-9{max-height:2.25rem}.\32xl\:max-h-96{max-height:24rem}.\32xl\:min-h-0{min-height:0px}.\32xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.\32xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.\32xl\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.\32xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.\32xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\32xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\32xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\32xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.\32xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.\32xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.\32xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.\32xl\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}}.\[\&\:nth-child\(1n\+15\)\]\:border-t:nth-child(n+15){border-top-width:1px}.\[\&\>svg\]\:h-6>svg{height:1.5rem}.\[\&\>svg\]\:w-6>svg{width:1.5rem}.\[\&\>svg\]\:flex-shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:stroke-gray-400>svg{stroke:#9ca3af}:is(.dark .\[\&\>svg\]\:dark\:stroke-gray-600)>svg{stroke:#4b5563} diff --git a/phpstan-baseline.neon b/phpstan-baseline.neon index 1d110da4..895efa05 100644 --- a/phpstan-baseline.neon +++ b/phpstan-baseline.neon @@ -30,16 +30,6 @@ parameters: count: 3 path: src/PulseServiceProvider.php - - - message: "#^Unable to resolve the template type TKey in call to function collect$#" - count: 1 - path: src/Queries/Queues.php - - - - message: "#^Unable to resolve the template type TValue in call to function collect$#" - count: 1 - path: src/Queries/Queues.php - - message: "#^Method Laravel\\\\Pulse\\\\Queries\\\\Servers\\:\\:__invoke\\(\\) return type with generic class Illuminate\\\\Support\\\\Collection does not specify its types\\: TKey, TValue$#" count: 1 @@ -77,19 +67,9 @@ parameters: - message: "#^Cannot call method diffInMilliseconds\\(\\) on Carbon\\\\CarbonImmutable\\|null\\.$#" - count: 1 + count: 3 path: src/Recorders/Jobs.php - - - message: "#^Unable to resolve the template type TKey in call to function collect$#" - count: 1 - path: src/Recorders/QueueSizes.php - - - - message: "#^Unable to resolve the template type TValue in call to function collect$#" - count: 1 - path: src/Recorders/QueueSizes.php - - message: "#^Call to an undefined method Illuminate\\\\Contracts\\\\Http\\\\Kernel\\:\\:whenRequestLifecycleIsLongerThan\\(\\)\\.$#" count: 1 diff --git a/resources/views/livewire/queues.blade.php b/resources/views/livewire/queues.blade.php index c9170d48..f8efbb97 100644 --- a/resources/views/livewire/queues.blade.php +++ b/resources/views/livewire/queues.blade.php @@ -1,40 +1,217 @@ - + + +
+
+
+ Queued +
+
+
+ Processing +
+
+
+ Processed +
+
+
+ Released +
+
+
+ Failed +
+
+ - - - - - - - - - Name - Pending - Failed - - - - @foreach ($queues as $queue) - - - - {{ $queue['queue'] }}{{ $showConnection ? '('.$queue['connection'].')' : '' }} - - - {{ number_format($queue['size']) }} - - - {{ number_format($queue['failed']) }} - - - @endforeach - - +
+ @if (count($queues) === 0) + + @else +
+ @foreach ($queues as $queue => $readings) +
+

+ @if ($showConnection) + {{ $queue }} + @else + {{ Str::after($queue, ':') }} + @endif +

+ @php $latest = $readings->last() @endphp + @php + $highest = $readings->map(fn ($reading) => max( + $reading->queued, + $reading->processing, + $reading->released, + $reading->processed, + $reading->failed, + ))->max() + @endphp + +
+
{{ number_format($highest) }}
+ +
+ +
+
+
+ @endforeach +
+ @endif +
diff --git a/src/Livewire/Queues.php b/src/Livewire/Queues.php index 1f9a6397..943a3a89 100644 --- a/src/Livewire/Queues.php +++ b/src/Livewire/Queues.php @@ -3,24 +3,32 @@ namespace Laravel\Pulse\Livewire; use Illuminate\Contracts\Support\Renderable; -use Illuminate\Support\Facades\Cache; use Illuminate\Support\Facades\View; +use Illuminate\Support\Str; use Laravel\Pulse\Queries\Queues as QueuesQuery; use Livewire\Attributes\Lazy; #[Lazy] class Queues extends Card { - use Concerns\ShouldNotReportUsage; + use Concerns\HasPeriod, Concerns\RemembersQueries, Concerns\ShouldNotReportUsage; /** * Render the component. */ public function render(QueuesQuery $query): Renderable { + [$queues, $time, $runAt] = $this->remember($query); + + if (request()->hasHeader('X-Livewire')) { + $this->dispatch('queues-chart-update', queues: $queues); + } + return View::make('pulse::livewire.queues', [ - 'queues' => $queues = Cache::remember('laravel:pulse:queues:live', 5, fn () => $query()), - 'showConnection' => $queues->pluck('connection')->unique()->count() > 1, + 'queues' => $queues, + 'showConnection' => $queues->keys()->map(fn ($queue) => Str::before($queue, ':'))->unique()->count() > 1, + 'time' => $time, + 'runAt' => $runAt, ]); } } diff --git a/src/Queries/Queues.php b/src/Queries/Queues.php index 6b5b5556..99efcbf7 100644 --- a/src/Queries/Queues.php +++ b/src/Queries/Queues.php @@ -2,25 +2,27 @@ namespace Laravel\Pulse\Queries; +use Carbon\CarbonImmutable; +use Carbon\CarbonInterval as Interval; use Illuminate\Config\Repository; -use Illuminate\Queue\Failed\CountableFailedJobProvider; -use Illuminate\Queue\Failed\FailedJobProviderInterface; -use Illuminate\Queue\QueueManager; +use Illuminate\Database\DatabaseManager; +use Illuminate\Database\Query\Builder; use Illuminate\Support\Collection; -use Illuminate\Support\Enumerable; +use stdClass; /** * @internal */ class Queues { + use Concerns\InteractsWithConnection; + /** * Create a new query instance. */ public function __construct( protected Repository $config, - protected QueueManager $queue, - protected FailedJobProviderInterface $failedJobs, + protected DatabaseManager $db, ) { // } @@ -28,20 +30,136 @@ public function __construct( /** * Run the query. * - * @return \Illuminate\Support\Enumerable + * @return \Illuminate\Support\Collection> */ - public function __invoke(): Enumerable + public function __invoke(Interval $interval): Collection { - return collect($this->config->get('pulse.queues')) - ->groupBy(fn ($value, $key) => is_int($key) ? $this->config->get('queue.default') : $key) - ->map->flatten() - ->flatMap(fn (Collection $queues, string $connection) => $queues->map(fn (string $queue) => [ - 'connection' => $connection, - 'queue' => $queue, - 'size' => $this->queue->connection($connection)->size($queue), - 'failed' => $this->failedJobs instanceof CountableFailedJobProvider - ? $this->failedJobs->count($connection, $queue) - : 0, - ])); + $now = new CarbonImmutable; + + $maxDataPoints = 60; + + $currentBucket = CarbonImmutable::createFromTimestamp( + floor($now->getTimestamp() / ($interval->totalSeconds / $maxDataPoints)) * ($interval->totalSeconds / $maxDataPoints) + ); + + $secondsPerPeriod = (int) ($interval->totalSeconds / $maxDataPoints); + + $padding = collect([]) + ->pad(60, null) + ->map(fn (mixed $value, int $i) => (object) [ + 'date' => $currentBucket->subSeconds($i * $secondsPerPeriod)->format('Y-m-d H:i'), + 'queued' => 0, + 'processing' => 0, + 'released' => 0, + 'processed' => 0, + 'failed' => 0, + ]) + ->reverse() + ->keyBy('date'); + + $readings = $this->connection()->query() + ->select('bucket', 'connection', 'queue') + ->selectRaw('COUNT(`queued_at`) AS `queued`') + ->selectRaw('COUNT(`processing_at`) AS `processing`') + ->selectRaw('COUNT(`released_at`) AS `released`') + ->selectRaw('COUNT(`processed_at`) AS `processed`') + ->selectRaw('COUNT(`failed_at`) AS `failed`') + ->fromSub( + fn (Builder $query) => $query + // Queued + ->from('pulse_jobs') + ->select('connection', 'queue') + ->selectRaw('`date` AS `queued_at`') + ->selectRaw('NULL AS `processing_at`') + ->selectRaw('NULL AS `released_at`') + ->selectRaw('NULL AS `processed_at`') + ->selectRaw('NULL AS `failed_at`') + // Divide the data into buckets. + ->selectRaw('FLOOR(UNIX_TIMESTAMP(CONVERT_TZ(`date`, ?, @@session.time_zone)) / ?) AS `bucket`', [$now->format('P'), $secondsPerPeriod]) + ->where('date', '>=', $now->ceilSeconds($interval->totalSeconds / $maxDataPoints)->subSeconds((int) $interval->totalSeconds)) + ->whereNotNull('date') + // Processing + ->union(fn (Builder $query) => $query + ->from('pulse_jobs') + ->select('connection', 'queue') + ->selectRaw('NULL AS `queued_at`') + ->addSelect('processing_at') + ->selectRaw('NULL AS `released_at`') + ->selectRaw('NULL AS `processed_at`') + ->selectRaw('NULL AS `failed_at`') + // Divide the data into buckets. + ->selectRaw('FLOOR(UNIX_TIMESTAMP(CONVERT_TZ(`processing_at`, ?, @@session.time_zone)) / ?) AS `bucket`', [$now->format('P'), $secondsPerPeriod]) + ->where('processing_at', '>=', $now->ceilSeconds($interval->totalSeconds / $maxDataPoints)->subSeconds((int) $interval->totalSeconds)) + ->whereNotNull('processing_at') + ) + // Released + ->union(fn (Builder $query) => $query + ->from('pulse_jobs') + ->select('connection', 'queue') + ->selectRaw('NULL AS `queued_at`') + ->selectRaw('NULL AS `processing_at`') + ->addSelect('released_at') + ->selectRaw('NULL AS `processed_at`') + ->selectRaw('NULL AS `failed_at`') + // Divide the data into buckets. + ->selectRaw('FLOOR(UNIX_TIMESTAMP(CONVERT_TZ(`released_at`, ?, @@session.time_zone)) / ?) AS `bucket`', [$now->format('P'), $secondsPerPeriod]) + ->where('released_at', '>=', $now->ceilSeconds($interval->totalSeconds / $maxDataPoints)->subSeconds((int) $interval->totalSeconds)) + ->whereNotNull('released_at') + ) + // Processed + ->union(fn (Builder $query) => $query + ->from('pulse_jobs') + ->select('connection', 'queue') + ->selectRaw('NULL AS `queued_at`') + ->selectRaw('NULL AS `processing_at`') + ->selectRaw('NULL AS `released_at`') + ->addSelect('processed_at') + ->selectRaw('NULL AS `failed_at`') + // Divide the data into buckets. + ->selectRaw('FLOOR(UNIX_TIMESTAMP(CONVERT_TZ(`processed_at`, ?, @@session.time_zone)) / ?) AS `bucket`', [$now->format('P'), $secondsPerPeriod]) + ->where('processed_at', '>=', $now->ceilSeconds($interval->totalSeconds / $maxDataPoints)->subSeconds((int) $interval->totalSeconds)) + ->whereNotNull('processed_at') + ) + // Failed + ->union(fn (Builder $query) => $query + ->from('pulse_jobs') + ->select('connection', 'queue') + ->selectRaw('NULL AS `queued_at`') + ->selectRaw('NULL AS `processing_at`') + ->selectRaw('NULL AS `released_at`') + ->selectRaw('NULL AS `processed_at`') + ->addSelect('failed_at') + // Divide the data into buckets. + ->selectRaw('FLOOR(UNIX_TIMESTAMP(CONVERT_TZ(`failed_at`, ?, @@session.time_zone)) / ?) AS `bucket`', [$now->format('P'), $secondsPerPeriod]) + ->where('failed_at', '>=', $now->ceilSeconds($interval->totalSeconds / $maxDataPoints)->subSeconds((int) $interval->totalSeconds)) + ->whereNotNull('failed_at') + ), + 'grouped' + ) + ->groupBy('connection', 'queue', 'bucket') + ->orderByDesc('bucket') + ->get() + ->reverse() + ->groupBy(fn ($value) => "{$value->connection}:{$value->queue}") + ->sortKeys() + ->map(function (Collection $readings) use ($secondsPerPeriod, $padding) { + $readings = $readings + ->mapWithKeys(function (stdClass $reading) use ($secondsPerPeriod) { + $date = CarbonImmutable::createFromTimestamp($reading->bucket * $secondsPerPeriod)->format('Y-m-d H:i'); + + return [$date => (object) [ + 'date' => $date, + 'queued' => $reading->queued, + 'processing' => $reading->processing, + 'released' => $reading->released, + 'processed' => $reading->processed, + 'failed' => $reading->failed, + ]]; + }); + + return $padding->merge($readings)->values(); + }); + + return $readings; } } diff --git a/src/Queries/SlowJobs.php b/src/Queries/SlowJobs.php index c14c6939..aa7c14ab 100644 --- a/src/Queries/SlowJobs.php +++ b/src/Queries/SlowJobs.php @@ -7,6 +7,7 @@ use Illuminate\Config\Repository; use Illuminate\Database\DatabaseManager; use Illuminate\Support\Collection; +use Laravel\Pulse\Recorders\Jobs; /** * @internal @@ -35,9 +36,9 @@ public function __invoke(Interval $interval): Collection $now = new CarbonImmutable; return $this->connection()->table('pulse_jobs') - ->selectRaw('`job`, SUM(slow) as count, MAX(slowest) as slowest') + ->selectRaw('`job`, COUNT(*) AS count, MAX(duration) AS slowest') ->where('date', '>', $now->subSeconds((int) $interval->totalSeconds)->toDateTimeString()) - ->where('slow', '>', 0) + ->where('duration', '>=', $this->config->get('pulse.recorders.'.Jobs::class.'.threshold')) ->groupBy('job') ->orderByDesc('slowest') ->get(); diff --git a/src/Recorders/Jobs.php b/src/Recorders/Jobs.php index db0bf98e..81903374 100644 --- a/src/Recorders/Jobs.php +++ b/src/Recorders/Jobs.php @@ -53,8 +53,10 @@ public function __construct( /** * Record the job. + * + * @return \Laravel\Pulse\Entry|\Laravel\Pulse\Update|list<\Laravel\Pulse\Entry|\Laravel\Pulse\Update>|null */ - public function record(JobReleasedAfterException|JobFailed|JobProcessed|JobProcessing|JobQueued $event): Entry|Update|null + public function record(JobReleasedAfterException|JobFailed|JobProcessed|JobProcessing|JobQueued $event): Entry|Update|array|null { if ($event->connectionName === 'sync') { return null; @@ -65,10 +67,12 @@ public function record(JobReleasedAfterException|JobFailed|JobProcessed|JobProce if ($event instanceof JobQueued) { return new Entry($this->table, [ 'date' => $now->toDateTimeString(), - 'job' => is_string($event->job) - ? $event->job - : $event->job::class, + 'queued_at' => $now->toDateTimeString(), + 'job' => is_string($event->job) ? $event->job : $event->job::class, 'job_uuid' => $event->payload()['uuid'], + 'attempt' => 1, + 'connection' => $event->connectionName, + 'queue' => $event->job->queue ?? 'default', 'user_id' => $this->pulse->authenticatedUserIdResolver(), ]); } @@ -76,22 +80,63 @@ public function record(JobReleasedAfterException|JobFailed|JobProcessed|JobProce if ($event instanceof JobProcessing) { $this->lastJobStartedProcessingAt = $now; - return null; + // TODO: Allow this to be ingested immediately? + + return new Update( + $this->table, + ['job_uuid' => (string) $event->job->uuid(), 'attempt' => $event->job->attempts()], + [ + 'date' => $this->lastJobStartedProcessingAt->toDateTimeString(), + 'processing_at' => $this->lastJobStartedProcessingAt->toDateTimeString(), + ], + ); } - $duration = $this->lastJobStartedProcessingAt->diffInMilliseconds($now); + if ($event instanceof JobReleasedAfterException) { + return tap([ + new Update( + $this->table, + ['job_uuid' => $event->job->uuid(), 'attempt' => $event->job->attempts()], + [ + 'date' => $now->toDateTimeString(), + 'released_at' => $now->toDateTimeString(), + 'duration' => $this->lastJobStartedProcessingAt->diffInMilliseconds($now), + ], + ), + new Entry($this->table, [ + 'date' => $now->toDateTimeString(), + 'queued_at' => $now->toDateTimeString(), + 'job' => $event->job->resolveName(), + 'job_uuid' => $event->job->uuid(), + 'attempt' => $event->job->attempts() + 1, + 'connection' => $event->connectionName, + 'queue' => $event->job->queue ?? 'default', + ]), + ], fn () => $this->lastJobStartedProcessingAt = null); + } - if ($duration < $this->config->get('pulse.recorders.'.static::class.'.threshold')) { - return null; + if ($event instanceof JobProcessed) { + return tap(new Update( + $this->table, + ['job_uuid' => (string) $event->job->uuid(), 'attempt' => $event->job->attempts()], + [ + 'date' => $now->toDateTimeString(), + 'processed_at' => $now->toDateTimeString(), + 'duration' => $this->lastJobStartedProcessingAt->diffInMilliseconds($now), + ], + ), fn () => $this->lastJobStartedProcessingAt = null); } - return tap(new Update( - $this->table, - ['job_uuid' => (string) $event->job->uuid()], - fn (array $attributes) => [ - 'slowest' => max($attributes['slowest'] ?? 0, $duration), - 'slow' => $attributes['slow'] + 1, - ], - ), fn () => $this->lastJobStartedProcessingAt = null); + if ($event instanceof JobFailed) { + return tap(new Update( + $this->table, + ['job_uuid' => (string) $event->job->uuid(), 'attempt' => $event->job->attempts()], + [ + 'date' => $now->toDateTimeString(), + 'failed_at' => $now->toDateTimeString(), + 'duration' => $this->lastJobStartedProcessingAt->diffInMilliseconds($now), + ], + ), fn () => $this->lastJobStartedProcessingAt = null); + } } } diff --git a/src/Recorders/QueueSizes.php b/src/Recorders/QueueSizes.php deleted file mode 100644 index f66a2b0c..00000000 --- a/src/Recorders/QueueSizes.php +++ /dev/null @@ -1,74 +0,0 @@ - - */ - public function record(Beat $event): Enumerable - { - if ($event->time->second % 15 !== 0) { - return collect([]); - } - - if (! $this->cache->lock("laravel:pulse:check-queue-size:{$event->time->timestamp}", (int) $event->interval->totalSeconds)->get()) { - return collect([]); - } - - return collect($this->config->get('pulse.queues')) - ->groupBy(fn ($value, $key) => is_int($key) ? $this->config->get('queue.default') : $key) - ->map->flatten() - ->flatMap(fn (Collection $queues, string $connection) => $queues->map(fn (string $queue) => new Entry($this->table, [ - 'date' => $event->time->toDateTimeString(), - 'connection' => $connection, - 'queue' => $queue, - 'size' => $this->queue->connection($connection)->size($queue), - // TODO we need to recommed adding indexes to the failed jobs "queue" and "connection" columns, otherwise - // this is gonna take forever on large tables. - 'failed' => $this->failedJobs instanceof CountableFailedJobProvider - ? $this->failedJobs->count($connection, $queue) - : 0, - ]))); - } -} diff --git a/tests/Feature/JobsTest.php b/tests/Feature/JobsTest.php index 2ca1ac77..85faee62 100644 --- a/tests/Feature/JobsTest.php +++ b/tests/Feature/JobsTest.php @@ -30,11 +30,18 @@ expect($jobs)->toHaveCount(1); expect((array) $jobs[0])->toEqual([ 'date' => '2000-01-02 03:04:05', + 'queued_at' => '2000-01-02 03:04:05', + 'processing_at' => null, + 'released_at' => null, + 'processed_at' => null, + 'failed_at' => null, 'user_id' => null, 'job' => 'MyJob', 'job_uuid' => 'e2cb5fa7-6c2e-4bc5-82c9-45e79c3e8fdd', - 'slow' => 0, - 'slowest' => null, + 'attempt' => 1, + 'connection' => 'database', + 'queue' => 'default', + 'duration' => null, ]); }); @@ -53,11 +60,18 @@ expect($jobs)->toHaveCount(1); expect((array) $jobs[0])->toEqual([ 'date' => '2000-01-02 03:04:05', + 'queued_at' => '2000-01-02 03:04:05', + 'processing_at' => null, + 'released_at' => null, + 'processed_at' => null, + 'failed_at' => null, 'user_id' => null, 'job' => 'Illuminate\Queue\CallQueuedClosure', 'job_uuid' => 'e2cb5fa7-6c2e-4bc5-82c9-45e79c3e8fdd', - 'slow' => 0, - 'slowest' => null, + 'attempt' => 1, + 'connection' => 'database', + 'queue' => 'default', + 'duration' => null, ]); }); @@ -74,11 +88,18 @@ expect($jobs)->toHaveCount(1); expect((array) $jobs[0])->toEqual([ 'date' => '2000-01-02 03:04:05', + 'queued_at' => '2000-01-02 03:04:05', + 'processing_at' => null, + 'released_at' => null, + 'processed_at' => null, + 'failed_at' => null, 'user_id' => null, 'job' => 'MyJob', 'job_uuid' => 'e2cb5fa7-6c2e-4bc5-82c9-45e79c3e8fdd', - 'slow' => 0, - 'slowest' => null, + 'attempt' => 1, + 'connection' => 'database', + 'queue' => 'default', + 'duration' => null, ]); }); @@ -99,11 +120,18 @@ expect($jobs)->toHaveCount(1); expect((array) $jobs[0])->toEqual([ 'date' => '2000-01-02 03:04:05', + 'queued_at' => '2000-01-02 03:04:05', + 'processing_at' => null, + 'released_at' => null, + 'processed_at' => null, + 'failed_at' => null, 'user_id' => null, 'job' => 'MyJobWithMultipleAttemptsThatAlwaysThrows', 'job_uuid' => 'e2cb5fa7-6c2e-4bc5-82c9-45e79c3e8fdd', - 'slow' => 0, - 'slowest' => null, + 'attempt' => 1, + 'connection' => 'database', + 'queue' => 'default', + 'duration' => null, ]); /* @@ -114,131 +142,104 @@ Artisan::call('queue:work', ['--max-jobs' => 1, '--stop-when-empty' => true]); expect(Queue::size())->toBe(1); - $jobs = Pulse::ignore(fn () => DB::table('pulse_jobs')->get()); - expect($jobs)->toHaveCount(1); - expect((array) $jobs[0])->toEqual([ - 'date' => '2000-01-02 03:04:05', - 'user_id' => null, - 'job' => 'MyJobWithMultipleAttemptsThatAlwaysThrows', - 'job_uuid' => 'e2cb5fa7-6c2e-4bc5-82c9-45e79c3e8fdd', - 'slow' => 1, - 'slowest' => 11, - ]); - - /* - * Work the job for the second time. - */ - - Artisan::call('queue:work', ['--max-jobs' => 1, '--stop-when-empty' => true]); - expect(Queue::size())->toBe(1); - - $jobs = Pulse::ignore(fn () => DB::table('pulse_jobs')->get()); - expect($jobs)->toHaveCount(1); + $jobs = Pulse::ignore(fn () => DB::table('pulse_jobs')->orderBy('date')->get()); + expect($jobs)->toHaveCount(2); expect((array) $jobs[0])->toEqual([ - 'date' => '2000-01-02 03:04:05', + 'date' => '2000-01-02 03:04:10', + 'queued_at' => '2000-01-02 03:04:05', + 'processing_at' => '2000-01-02 03:04:10', + 'released_at' => '2000-01-02 03:04:10', + 'processed_at' => null, + 'failed_at' => null, 'user_id' => null, 'job' => 'MyJobWithMultipleAttemptsThatAlwaysThrows', 'job_uuid' => 'e2cb5fa7-6c2e-4bc5-82c9-45e79c3e8fdd', - 'slow' => 2, - 'slowest' => 22, + 'attempt' => 1, + 'connection' => 'database', + 'queue' => 'default', + 'duration' => 11, ]); - - /* - * Work the job for the third time. - */ - - Artisan::call('queue:work', ['--max-jobs' => 1, '--stop-when-empty' => true]); - expect(Queue::size())->toBe(0); - - $jobs = Pulse::ignore(fn () => DB::table('pulse_jobs')->get()); - expect($jobs)->toHaveCount(1); - expect((array) $jobs[0])->toEqual([ - 'date' => '2000-01-02 03:04:05', + expect((array) $jobs[1])->toEqual([ + 'date' => '2000-01-02 03:04:10', + 'queued_at' => '2000-01-02 03:04:10', + 'processing_at' => null, + 'released_at' => null, + 'processed_at' => null, + 'failed_at' => null, 'user_id' => null, 'job' => 'MyJobWithMultipleAttemptsThatAlwaysThrows', 'job_uuid' => 'e2cb5fa7-6c2e-4bc5-82c9-45e79c3e8fdd', - 'slow' => 3, - 'slowest' => 33, - ]); -}); - -it('only remembers the slowest duration', function () { - Config::set('queue.default', 'database'); - Config::set('pulse.recorders.'.Jobs::class.'.threshold', 0); - Str::createUuidsUsingSequence(['e2cb5fa7-6c2e-4bc5-82c9-45e79c3e8fdd']); - - /* - * Dispatch the job. - */ - Carbon::setTestNow('2000-01-02 03:04:05'); - Bus::dispatchToQueue(new MyJobWithMultipleAttemptsThatGetQuicker); - Pulse::store(app(Ingest::class)); - - expect(Queue::size())->toBe(1); - $jobs = Pulse::ignore(fn () => DB::table('pulse_jobs')->get()); - expect($jobs)->toHaveCount(1); - expect((array) $jobs[0])->toEqual([ - 'date' => '2000-01-02 03:04:05', - 'user_id' => null, - 'job' => 'MyJobWithMultipleAttemptsThatGetQuicker', - 'job_uuid' => 'e2cb5fa7-6c2e-4bc5-82c9-45e79c3e8fdd', - 'slow' => 0, - 'slowest' => null, + 'attempt' => 2, + 'connection' => 'database', + 'queue' => 'default', + 'duration' => null, ]); /* - * Work the job for the first time. + * Work the job for the second time. */ - Carbon::setTestNow('2000-01-02 03:04:10'); + Carbon::setTestNow('2000-01-02 03:04:15'); Artisan::call('queue:work', ['--max-jobs' => 1, '--stop-when-empty' => true]); expect(Queue::size())->toBe(1); - $jobs = Pulse::ignore(fn () => DB::table('pulse_jobs')->get()); - expect($jobs)->toHaveCount(1); - expect((array) $jobs[0])->toEqual([ - 'date' => '2000-01-02 03:04:05', + $jobs = Pulse::ignore(fn () => DB::table('pulse_jobs')->orderBy('date')->get()); + expect($jobs)->toHaveCount(3); + expect((array) $jobs[1])->toEqual([ + 'date' => '2000-01-02 03:04:15', + 'queued_at' => '2000-01-02 03:04:10', + 'processing_at' => '2000-01-02 03:04:15', + 'released_at' => '2000-01-02 03:04:15', + 'processed_at' => null, + 'failed_at' => null, 'user_id' => null, - 'job' => 'MyJobWithMultipleAttemptsThatGetQuicker', + 'job' => 'MyJobWithMultipleAttemptsThatAlwaysThrows', 'job_uuid' => 'e2cb5fa7-6c2e-4bc5-82c9-45e79c3e8fdd', - 'slow' => 1, - 'slowest' => 99, + 'attempt' => 2, + 'connection' => 'database', + 'queue' => 'default', + 'duration' => 22, ]); - - /* - * Work the job for the second time. - */ - - Artisan::call('queue:work', ['--max-jobs' => 1, '--stop-when-empty' => true]); - expect(Queue::size())->toBe(1); - - $jobs = Pulse::ignore(fn () => DB::table('pulse_jobs')->get()); - expect($jobs)->toHaveCount(1); - expect((array) $jobs[0])->toEqual([ - 'date' => '2000-01-02 03:04:05', + expect((array) $jobs[2])->toEqual([ + 'date' => '2000-01-02 03:04:15', + 'queued_at' => '2000-01-02 03:04:15', + 'processing_at' => null, + 'released_at' => null, + 'processed_at' => null, + 'failed_at' => null, 'user_id' => null, - 'job' => 'MyJobWithMultipleAttemptsThatGetQuicker', + 'job' => 'MyJobWithMultipleAttemptsThatAlwaysThrows', 'job_uuid' => 'e2cb5fa7-6c2e-4bc5-82c9-45e79c3e8fdd', - 'slow' => 2, - 'slowest' => 99, + 'attempt' => 3, + 'connection' => 'database', + 'queue' => 'default', + 'duration' => null, ]); /* * Work the job for the third time. */ + Carbon::setTestNow('2000-01-02 03:04:20'); Artisan::call('queue:work', ['--max-jobs' => 1, '--stop-when-empty' => true]); expect(Queue::size())->toBe(0); - $jobs = Pulse::ignore(fn () => DB::table('pulse_jobs')->get()); - expect($jobs)->toHaveCount(1); - expect((array) $jobs[0])->toEqual([ - 'date' => '2000-01-02 03:04:05', + $jobs = Pulse::ignore(fn () => DB::table('pulse_jobs')->orderBy('date')->get()); + expect($jobs)->toHaveCount(3); + expect((array) $jobs[2])->toEqual([ + 'date' => '2000-01-02 03:04:20', + 'queued_at' => '2000-01-02 03:04:15', + 'processing_at' => '2000-01-02 03:04:20', + 'released_at' => null, + 'processed_at' => null, + 'failed_at' => '2000-01-02 03:04:20', 'user_id' => null, - 'job' => 'MyJobWithMultipleAttemptsThatGetQuicker', + 'job' => 'MyJobWithMultipleAttemptsThatAlwaysThrows', 'job_uuid' => 'e2cb5fa7-6c2e-4bc5-82c9-45e79c3e8fdd', - 'slow' => 3, - 'slowest' => 99, + 'attempt' => 3, + 'connection' => 'database', + 'queue' => 'default', + 'duration' => 33, ]); }); @@ -259,11 +260,18 @@ expect($jobs)->toHaveCount(1); expect((array) $jobs[0])->toEqual([ 'date' => '2000-01-02 03:04:05', + 'queued_at' => '2000-01-02 03:04:05', + 'processing_at' => null, + 'released_at' => null, + 'processed_at' => null, + 'failed_at' => null, 'user_id' => null, 'job' => 'MyJobThatPassesOnTheSecondAttempt', 'job_uuid' => 'e2cb5fa7-6c2e-4bc5-82c9-45e79c3e8fdd', - 'slow' => 0, - 'slowest' => null, + 'attempt' => 1, + 'connection' => 'database', + 'queue' => 'default', + 'duration' => null, ]); /* @@ -275,32 +283,62 @@ expect(Queue::size())->toBe(1); $jobs = Pulse::ignore(fn () => DB::table('pulse_jobs')->get()); - expect($jobs)->toHaveCount(1); + expect($jobs)->toHaveCount(2); expect((array) $jobs[0])->toEqual([ - 'date' => '2000-01-02 03:04:05', + 'date' => '2000-01-02 03:04:10', + 'queued_at' => '2000-01-02 03:04:05', + 'processing_at' => '2000-01-02 03:04:10', + 'released_at' => '2000-01-02 03:04:10', + 'processed_at' => null, + 'failed_at' => null, + 'user_id' => null, + 'job' => 'MyJobThatPassesOnTheSecondAttempt', + 'job_uuid' => 'e2cb5fa7-6c2e-4bc5-82c9-45e79c3e8fdd', + 'attempt' => 1, + 'connection' => 'database', + 'queue' => 'default', + 'duration' => 99, + ]); + expect((array) $jobs[1])->toEqual([ + 'date' => '2000-01-02 03:04:10', + 'queued_at' => '2000-01-02 03:04:10', + 'processing_at' => null, + 'released_at' => null, + 'processed_at' => null, + 'failed_at' => null, 'user_id' => null, 'job' => 'MyJobThatPassesOnTheSecondAttempt', 'job_uuid' => 'e2cb5fa7-6c2e-4bc5-82c9-45e79c3e8fdd', - 'slow' => 1, - 'slowest' => 99, + 'attempt' => 2, + 'connection' => 'database', + 'queue' => 'default', + 'duration' => null, ]); /* * Work the job for the second time. */ + Carbon::setTestNow('2000-01-02 03:04:15'); Artisan::call('queue:work', ['--max-jobs' => 1, '--stop-when-empty' => true]); expect(Queue::size())->toBe(0); $jobs = Pulse::ignore(fn () => DB::table('pulse_jobs')->get()); - expect($jobs)->toHaveCount(1); - expect((array) $jobs[0])->toEqual([ - 'date' => '2000-01-02 03:04:05', + expect($jobs)->toHaveCount(2); + expect((array) $jobs[1])->toEqual([ + 'date' => '2000-01-02 03:04:15', + 'queued_at' => '2000-01-02 03:04:10', + 'processing_at' => '2000-01-02 03:04:15', + 'released_at' => null, + 'processed_at' => '2000-01-02 03:04:15', + 'failed_at' => null, 'user_id' => null, 'job' => 'MyJobThatPassesOnTheSecondAttempt', 'job_uuid' => 'e2cb5fa7-6c2e-4bc5-82c9-45e79c3e8fdd', - 'slow' => 2, - 'slowest' => 99, + 'attempt' => 2, + 'connection' => 'database', + 'queue' => 'default', + 'duration' => 98, ]); }); @@ -321,11 +359,18 @@ expect($jobs)->toHaveCount(1); expect((array) $jobs[0])->toEqual([ 'date' => '2000-01-02 03:04:05', + 'queued_at' => '2000-01-02 03:04:05', + 'processing_at' => null, + 'released_at' => null, + 'processed_at' => null, + 'failed_at' => null, 'user_id' => null, 'job' => 'MySlowJob', 'job_uuid' => 'e2cb5fa7-6c2e-4bc5-82c9-45e79c3e8fdd', - 'slow' => 0, - 'slowest' => null, + 'attempt' => 1, + 'connection' => 'database', + 'queue' => 'default', + 'duration' => null, ]); /* @@ -339,12 +384,19 @@ $jobs = Pulse::ignore(fn () => DB::table('pulse_jobs')->get()); expect($jobs)->toHaveCount(1); expect((array) $jobs[0])->toEqual([ - 'date' => '2000-01-02 03:04:05', + 'date' => '2000-01-02 03:04:10', + 'queued_at' => '2000-01-02 03:04:05', + 'processing_at' => '2000-01-02 03:04:10', + 'released_at' => null, + 'processed_at' => '2000-01-02 03:04:10', + 'failed_at' => null, 'user_id' => null, 'job' => 'MySlowJob', 'job_uuid' => 'e2cb5fa7-6c2e-4bc5-82c9-45e79c3e8fdd', - 'slow' => 1, - 'slowest' => 100, + 'attempt' => 1, + 'connection' => 'database', + 'queue' => 'default', + 'duration' => 100, ]); }); @@ -365,11 +417,18 @@ expect($jobs)->toHaveCount(1); expect((array) $jobs[0])->toEqual([ 'date' => '2000-01-02 03:04:05', + 'queued_at' => '2000-01-02 03:04:05', + 'processing_at' => null, + 'released_at' => null, + 'processed_at' => null, + 'failed_at' => null, 'user_id' => null, 'job' => 'MyJobThatManuallyFails', 'job_uuid' => 'e2cb5fa7-6c2e-4bc5-82c9-45e79c3e8fdd', - 'slow' => 0, - 'slowest' => null, + 'attempt' => 1, + 'connection' => 'database', + 'queue' => 'default', + 'duration' => null, ]); /* @@ -383,12 +442,19 @@ $jobs = Pulse::ignore(fn () => DB::table('pulse_jobs')->get()); expect($jobs)->toHaveCount(1); expect((array) $jobs[0])->toEqual([ - 'date' => '2000-01-02 03:04:05', + 'date' => '2000-01-02 03:04:10', + 'queued_at' => '2000-01-02 03:04:05', + 'processing_at' => '2000-01-02 03:04:10', + 'released_at' => null, + 'processed_at' => null, + 'failed_at' => '2000-01-02 03:04:10', 'user_id' => null, 'job' => 'MyJobThatManuallyFails', 'job_uuid' => 'e2cb5fa7-6c2e-4bc5-82c9-45e79c3e8fdd', - 'slow' => 1, - 'slowest' => 100, + 'attempt' => 1, + 'connection' => 'database', + 'queue' => 'default', + 'duration' => 100, ]); });