/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */ @layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--premium-gradient-angle:0deg}}} :root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-neutral-300:oklch(87% 0 none);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-2xl:96rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-5xl:3rem;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--leading-tight:1.25;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--background-color-background:var(--color-grey-lighter);--background-color-primary:var(--color-purple-dark);--background-color-secondary:var(--color-purple-medium);--background-color-secondary-light:var(--color-purple-regular);--background-color-secondary-ultra-light:var(--color-purple-light);--background-color-tertiary:var(--color-grey-regular);--background-color-cuaternary:var(--color-grey-medium);--background-color-dark:var(--color-black);--background-color-light:var(--color-white);--background-color-grey-light:var(--color-grey-light);--background-color-nude:var(--color-nude-light);--background-color-success:var(--color-alert-green-regular);--background-color-success-light:var(--color-alert-green-light);--background-color-warning:var(--color-alert-yellow-regular);--background-color-warning-light:var(--color-alert-yellow-light);--background-color-error:var(--color-alert-red-regular);--background-color-error-light:var(--color-alert-red-light);--background-color-default:var(--color-grey-dark);--text-color-inverse:var(--color-white);--text-color-primary:var(--color-purple-dark);--text-color-primary-light:var(--color-purple-medium);--text-color-secondary-light:var(--color-purple-regular);--text-color-secondary:var(--color-black);--text-color-tertiary:var(--color-grey-dark);--text-color-cuaternary:var(--color-purple-medium);--text-color-success:var(--color-alert-green-regular);--text-color-error:var(--color-alert-red-regular);--border-color-inverse:var(--color-white);--border-color-dark:var(--color-black);--border-color-primary:var(--color-purple-medium);--border-color-default:var(--color-grey-dark);--border-color-secondary:var(--color-grey-medium);--border-color-tertiary:var(--color-grey-regular);--border-color-cuaternary:var(--color-purple-regular);--border-color-success:var(--color-alert-green-regular);--border-color-warning:var(--color-alert-yellow-regular);--border-color-error:var(--color-alert-red-regular);--color-focus:var(--color-purple-medium);--background-image-premium-gradient:linear-gradient(45deg, var(--premium-gradient-stop-1) 28%, var(--premium-gradient-stop-2) 50%, var(--premium-gradient-stop-3) 62%, var(--premium-gradient-stop-4) 78%);--background-image-banner-title-gradient:linear-gradient(90deg, var(--color-purple-dark) 0%, var(--color-purple-medium) 100%);--background-image-highlight-gradient:linear-gradient(90deg, var(--color-purple-light) 0%, var(--color-white) 100%);--text-color-icon-inverse:var(--color-white);--text-color-icon-primary:var(--color-purple-dark);--text-color-icon-secondary:var(--color-black);--text-color-icon-tertiary:var(--color-grey-dark);--text-color-icon-cuaternary:var(--color-purple-medium);--text-color-icon-success:var(--color-alert-green-regular);--text-color-icon-warning:var(--color-alert-yellow-regular);--text-color-icon-error:var(--color-alert-red-regular);--color-chart-primary:var(--color-purple-dark);--color-chart-secondary:var(--color-purple-medium);--color-chart-tertiary:var(--color-purple-regular);--color-chart-cuaternary:var(--color-purple-light-soft);--color-chart-error:var(--color-alert-red-regular);--color-chart-error-light:var(--color-alert-red-light);--color-chart-success:var(--color-alert-green-regular);--color-chart-success-light:var(--color-alert-green-light);--color-chart-warning:var(--color-alert-yellow-regular);--color-chart-warning-light:var(--color-alert-yellow-light);--color-chart-accent:var(--color-yellow-regular)} .main-container-query{container:main/inline-size} .\@container{container-type:inline-size} .pointer-events-none{pointer-events:none} .collapse{visibility:collapse} .invisible{visibility:hidden} .visible{visibility:visible} .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden} .absolute{position:absolute} .fixed{position:fixed} .relative{position:relative} .static{position:static} .sticky{position:sticky} .inset-0{inset:0} .inset-x-0{inset-inline:0} .inset-y-0{inset-block:0} .top-0{top:0} .top-1\/2{top:50%} .top-4{top:calc(var(--spacing) * 4)} .right-0{right:0} .right-1{right:var(--spacing)} .right-3{right:calc(var(--spacing) * 3)} .right-4{right:calc(var(--spacing) * 4)} .right-6{right:calc(var(--spacing) * 6)} .bottom-0{bottom:0} .bottom-4{bottom:calc(var(--spacing) * 4)} .-left-2\.5{left:calc(var(--spacing) * -2.5)} .-left-3{left:calc(var(--spacing) * -3)} .-left-4{left:calc(var(--spacing) * -4)} .left-0{left:0} .left-0\.5{left:calc(var(--spacing) * .5)} .left-1\/2{left:50%} .left-4{left:calc(var(--spacing) * 4)} .left-6{left:calc(var(--spacing) * 6)} .left-\[-12px\]{left:-12px} .left-\[calc\(100\%-1\.125rem\)\]{left:calc(100% - 1.125rem)} .z-10{z-index:10} .z-40{z-index:40} .z-50{z-index:50} .z-9999{z-index:9999} .col-span-2{grid-column:span 2/span 2} .col-start-1{grid-column-start:1} .col-start-2{grid-column-start:2} .col-start-3{grid-column-start:3} .col-end-1{grid-column-end:1} .container{width:100%} @media (min-width:40rem){.container{max-width:40rem}} @media (min-width:48rem){.container{max-width:48rem}} @media (min-width:64rem){.container{max-width:64rem}} @media (min-width:80rem){.container{max-width:80rem}} @media (min-width:96rem){.container{max-width:96rem}} .-m-1{margin:calc(var(--spacing) * -1)} .m-0{margin:0} .m-2{margin:calc(var(--spacing) * 2)} .m-auto{margin:auto} .-mx-4{margin-inline:calc(var(--spacing) * -4)} .mx-2{margin-inline:calc(var(--spacing) * 2)} .mx-auto{margin-inline:auto} .my-4{margin-block:calc(var(--spacing) * 4)} .ms-auto{margin-inline-start:auto} .-mt-1{margin-top:calc(var(--spacing) * -1)} .mt-0\.5{margin-top:calc(var(--spacing) * .5)} .mt-1{margin-top:var(--spacing)} .mt-2{margin-top:calc(var(--spacing) * 2)} .mt-3{margin-top:calc(var(--spacing) * 3)} .mt-4{margin-top:calc(var(--spacing) * 4)} .mt-auto{margin-top:auto} .mr-2{margin-right:calc(var(--spacing) * 2)} .mr-4{margin-right:calc(var(--spacing) * 4)} .-mb-px{margin-bottom:-1px} .mb-2{margin-bottom:calc(var(--spacing) * 2)} .mb-3{margin-bottom:calc(var(--spacing) * 3)} .mb-4{margin-bottom:calc(var(--spacing) * 4)} .ml-1{margin-left:var(--spacing)} .ml-2{margin-left:calc(var(--spacing) * 2)} .ml-8{margin-left:calc(var(--spacing) * 8)} .ml-16{margin-left:calc(var(--spacing) * 16)} .ml-auto{margin-left:auto} .block{display:block} .contents{display:contents} .flex{display:flex} .grid{display:grid} .hidden{display:none} .inline{display:inline} .inline-block{display:inline-block} .inline-flex{display:inline-flex} .table{display:table} .aspect-auto{aspect-ratio:auto} .aspect-square{aspect-ratio:1} .size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)} .size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)} .size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)} .size-4\.5{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5)} .size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)} .size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)} .size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)} .size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)} .size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)} .size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)} .size-13\.5{width:calc(var(--spacing) * 13.5);height:calc(var(--spacing) * 13.5)} .size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)} .size-full{width:100%;height:100%} .h-1{height:var(--spacing)} .h-1\.5{height:calc(var(--spacing) * 1.5)} .h-1\/2{height:50%} .h-2{height:calc(var(--spacing) * 2)} .h-3{height:calc(var(--spacing) * 3)} .h-4{height:calc(var(--spacing) * 4)} .h-5{height:calc(var(--spacing) * 5)} .h-6{height:calc(var(--spacing) * 6)} .h-7{height:calc(var(--spacing) * 7)} .h-8{height:calc(var(--spacing) * 8)} .h-9{height:calc(var(--spacing) * 9)} .h-10{height:calc(var(--spacing) * 10)} .h-11{height:calc(var(--spacing) * 11)} .h-12{height:calc(var(--spacing) * 12)} .h-16\.75{height:calc(var(--spacing) * 16.75)} .h-19{height:calc(var(--spacing) * 19)} .h-32{height:calc(var(--spacing) * 32)} .h-40{height:calc(var(--spacing) * 40)} .h-48{height:calc(var(--spacing) * 48)} .h-80{height:calc(var(--spacing) * 80)} .h-95{height:calc(var(--spacing) * 95)} .h-auto{height:auto} .h-full{height:100%} .h-px{height:1px} .h-screen{height:100vh} .max-h-60{max-height:calc(var(--spacing) * 60)} .max-h-80{max-height:calc(var(--spacing) * 80)} .max-h-\[calc\(100vh-5rem\)\]{max-height:calc(100vh - 5rem)} .min-h-0{min-height:0} .min-h-6{min-height:calc(var(--spacing) * 6)} .min-h-11{min-height:calc(var(--spacing) * 11)} .min-h-15{min-height:calc(var(--spacing) * 15)} .min-h-17{min-height:calc(var(--spacing) * 17)} .min-h-32{min-height:calc(var(--spacing) * 32)} .min-h-40{min-height:calc(var(--spacing) * 40)} .min-h-64{min-height:calc(var(--spacing) * 64)} .min-h-\[40vh\]{min-height:40vh} .min-h-px{min-height:1px} .min-h-screen{min-height:100vh} .w-0\.5{width:calc(var(--spacing) * .5)} .w-0\.75{width:calc(var(--spacing) * .75)} .w-1\/2{width:50%} .w-2{width:calc(var(--spacing) * 2)} .w-2xl{width:var(--container-2xl)} .w-3{width:calc(var(--spacing) * 3)} .w-3\.5{width:calc(var(--spacing) * 3.5)} .w-4{width:calc(var(--spacing) * 4)} .w-5{width:calc(var(--spacing) * 5)} .w-6{width:calc(var(--spacing) * 6)} .w-8{width:calc(var(--spacing) * 8)} .w-9{width:calc(var(--spacing) * 9)} .w-10{width:calc(var(--spacing) * 10)} .w-11{width:calc(var(--spacing) * 11)} .w-12{width:calc(var(--spacing) * 12)} .w-13{width:calc(var(--spacing) * 13)} .w-14{width:calc(var(--spacing) * 14)} .w-26\.5{width:calc(var(--spacing) * 26.5)} .w-36{width:calc(var(--spacing) * 36)} .w-40{width:calc(var(--spacing) * 40)} .w-48{width:calc(var(--spacing) * 48)} .w-56{width:calc(var(--spacing) * 56)} .w-60{width:calc(var(--spacing) * 60)} .w-64{width:calc(var(--spacing) * 64)} .w-72{width:calc(var(--spacing) * 72)} .w-80{width:calc(var(--spacing) * 80)} .w-90{width:calc(var(--spacing) * 90)} .w-96{width:calc(var(--spacing) * 96)} .w-120{width:calc(var(--spacing) * 120)} .w-190{width:calc(var(--spacing) * 190)} .w-200{width:calc(var(--spacing) * 200)} .w-275{width:calc(var(--spacing) * 275)} .w-\[40rem\]{width:40rem} .w-\[960px\]{width:960px} .w-\[1000px\]{width:1000px} .w-auto{width:auto} .w-fit{width:-moz-fit-content;width:fit-content} .w-full{width:100%} .w-lg{width:var(--container-lg)} .w-max{width:-moz-max-content;width:max-content} .w-px{width:1px} .max-w-2xl{max-width:var(--container-2xl)} .max-w-3xl{max-width:var(--container-3xl)} .max-w-4xl{max-width:var(--container-4xl)} .max-w-20{max-width:calc(var(--spacing) * 20)} .max-w-48{max-width:calc(var(--spacing) * 48)} .max-w-60{max-width:calc(var(--spacing) * 60)} .max-w-80{max-width:calc(var(--spacing) * 80)} .max-w-102{max-width:calc(var(--spacing) * 102)} .max-w-153{max-width:calc(var(--spacing) * 153)} .max-w-180{max-width:calc(var(--spacing) * 180)} .max-w-\[560px\]{max-width:560px} .max-w-full{max-width:100%} .max-w-md{max-width:var(--container-md)} .max-w-screen-2xl{max-width:var(--breakpoint-2xl)} .max-w-sm{max-width:var(--container-sm)} .max-w-xl{max-width:var(--container-xl)} .min-w-0{min-width:0} .min-w-6{min-width:calc(var(--spacing) * 6)} .min-w-16{min-width:calc(var(--spacing) * 16)} .min-w-24{min-width:calc(var(--spacing) * 24)} .min-w-37{min-width:calc(var(--spacing) * 37)} .min-w-44{min-width:calc(var(--spacing) * 44)} .min-w-48{min-width:calc(var(--spacing) * 48)} .min-w-60{min-width:calc(var(--spacing) * 60)} .min-w-full{min-width:100%} .min-w-max{min-width:-moz-max-content;min-width:max-content} .flex-1{flex:1} .shrink{flex-shrink:1} .shrink-0{flex-shrink:0} .grow{flex-grow:1} .basis-48{flex-basis:calc(var(--spacing) * 48)} .table-auto{table-layout:auto} .border-collapse{border-collapse:collapse} .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)} .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)} .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)} .skeleton-sweep{background-color:var(--background-color-tertiary);background-image:linear-gradient(90deg, transparent, var(--background-color-nude), transparent);background-repeat:no-repeat;background-size:50% 100%;animation:1.5s ease-in-out infinite skeleton-sweep} @media (prefers-reduced-motion:reduce){.skeleton-sweep{animation:none}} .premium-gradient-border-animated{background:linear-gradient(var(--background-color-light), var(--background-color-light)) padding-box, linear-gradient(var(--premium-gradient-angle), var(--premium-gradient-stop-1), var(--premium-gradient-stop-2), var(--premium-gradient-stop-3), var(--premium-gradient-stop-4), var(--premium-gradient-stop-1)) border-box;animation:6s linear infinite premium-gradient-spin} .animate-pulse{animation:var(--animate-pulse)} .cursor-default{cursor:default} .cursor-not-allowed{cursor:not-allowed} .cursor-pointer{cursor:pointer} .resize{resize:both} .resize-none{resize:none} .resize-x{resize:horizontal} .\[scrollbar-width\:none\],.scrollbar-none{scrollbar-width:none} .scrollbar-thin{scrollbar-width:thin} .\[scrollbar-color\:var\(--color-fill-secondary\)_transparent\]{scrollbar-color:var(--color-fill-secondary) transparent} .list-decimal{list-style-type:decimal} .\[grid-template-columns\:repeat\(auto-fill\,minmax\(min\(260px\,100\%\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))} .\[grid-template-columns\:repeat\(auto-fit\,minmax\(min\(257px\,100\%\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(min(257px,100%),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-7{grid-template-columns:repeat(7,minmax(0,1fr))} .grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr} .grid-cols-\[repeat\(auto-fill\,minmax\(8rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))} .grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))} .grid-rows-\[0fr\]{grid-template-rows:0fr} .grid-rows-\[1fr\]{grid-template-rows:1fr} .flex-col{flex-direction:column} .flex-col-reverse{flex-direction:column-reverse} .flex-row{flex-direction:row} .flex-wrap{flex-wrap:wrap} .items-center{align-items:center} .items-end{align-items:flex-end} .items-start{align-items:flex-start} .items-stretch{align-items:stretch} .justify-between{justify-content:space-between} .justify-center{justify-content:center} .justify-end{justify-content:flex-end} .justify-start{justify-content:flex-start} .gap-0\.5{gap:calc(var(--spacing) * .5)} .gap-1{gap:var(--spacing)} .gap-1\.5{gap:calc(var(--spacing) * 1.5)} .gap-2{gap:calc(var(--spacing) * 2)} .gap-3{gap:calc(var(--spacing) * 3)} .gap-4{gap:calc(var(--spacing) * 4)} .gap-5{gap:calc(var(--spacing) * 5)} .gap-6{gap:calc(var(--spacing) * 6)} .gap-8{gap:calc(var(--spacing) * 8)} .gap-14{gap:calc(var(--spacing) * 14)} :where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))} :where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))} .gap-x-2{-moz-column-gap:calc(var(--spacing) * 2);column-gap:calc(var(--spacing) * 2)} .gap-x-3{-moz-column-gap:calc(var(--spacing) * 3);column-gap:calc(var(--spacing) * 3)} .gap-x-4{-moz-column-gap:calc(var(--spacing) * 4);column-gap:calc(var(--spacing) * 4)} .gap-x-6{-moz-column-gap:calc(var(--spacing) * 6);column-gap:calc(var(--spacing) * 6)} .gap-x-8{-moz-column-gap:calc(var(--spacing) * 8);column-gap:calc(var(--spacing) * 8)} .gap-x-12{-moz-column-gap:calc(var(--spacing) * 12);column-gap:calc(var(--spacing) * 12)} .gap-y-1{row-gap:var(--spacing)} .gap-y-2{row-gap:calc(var(--spacing) * 2)} .gap-y-8{row-gap:calc(var(--spacing) * 8)} :where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))} :where(.divide-tertiary>:not(:last-child)){border-color:var(--border-color-tertiary)} .place-self-end{place-self:end} .self-end{align-self:flex-end} .self-start{align-self:flex-start} .self-stretch{align-self:stretch} .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .overflow-auto{overflow:auto} .overflow-hidden{overflow:hidden} .overflow-x-auto{overflow-x:auto} .overflow-x-clip{overflow-x:clip} .overflow-x-hidden{overflow-x:hidden} .overflow-y-auto{overflow-y:auto} .rounded{border-radius:.25rem} .rounded-2xl{border-radius:var(--radius-2xl)} .rounded-3xl{border-radius:var(--radius-3xl)} .rounded-\[50px\]{border-radius:50px} .rounded-full{border-radius:3.40282e38px} .rounded-lg{border-radius:var(--radius-lg)} .rounded-md{border-radius:var(--radius-md)} .rounded-sm{border-radius:var(--radius-sm)} .rounded-xl{border-radius:var(--radius-xl)} .rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)} .rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)} .rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)} .border{border-style:var(--tw-border-style);border-width:1px} .border-0{border-style:var(--tw-border-style);border-width:0} .border-2{border-style:var(--tw-border-style);border-width:2px} .border-y{border-block-style:var(--tw-border-style);border-block-width:1px} .border-t{border-top-style:var(--tw-border-style);border-top-width:1px} .border-r{border-right-style:var(--tw-border-style);border-right-width:1px} .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px} .border-l{border-left-style:var(--tw-border-style);border-left-width:1px} .border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px} .border-dashed{--tw-border-style:dashed;border-style:dashed} .border-none{--tw-border-style:none;border-style:none} .border-solid{--tw-border-style:solid;border-style:solid} .border-cuaternary{border-color:var(--border-color-cuaternary)} .border-dark{border-color:var(--border-color-dark)} .border-default{border-color:var(--border-color-default)} .border-error{border-color:var(--border-color-error)} .border-inverse{border-color:var(--border-color-inverse)} .border-neutral-300{border-color:var(--color-neutral-300)} .border-primary{border-color:var(--border-color-primary)} .border-secondary{border-color:var(--border-color-secondary)} .border-success{border-color:var(--border-color-success)} .border-tertiary{border-color:var(--border-color-tertiary)} .border-transparent{border-color:#0000} .border-warning{border-color:var(--border-color-warning)} .border-b-secondary{border-bottom-color:var(--border-color-secondary)} .border-b-transparent{border-bottom-color:#0000} .bg-background{background-color:var(--background-color-background)} .bg-black\/50{background-color:#00000080} @supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}} .bg-chart-accent{background-color:var(--color-chart-accent)} .bg-chart-cuaternary{background-color:var(--color-chart-cuaternary)} .bg-chart-error{background-color:var(--color-chart-error)} .bg-chart-error-light{background-color:var(--color-chart-error-light)} .bg-chart-primary{background-color:var(--color-chart-primary)} .bg-chart-secondary{background-color:var(--color-chart-secondary)} .bg-chart-success{background-color:var(--color-chart-success)} .bg-chart-success-light{background-color:var(--color-chart-success-light)} .bg-chart-tertiary{background-color:var(--color-chart-tertiary)} .bg-chart-warning{background-color:var(--color-chart-warning)} .bg-chart-warning-light{background-color:var(--color-chart-warning-light)} .bg-cuaternary{background-color:var(--background-color-cuaternary)} .bg-dark{background-color:var(--background-color-dark)} .bg-default{background-color:var(--background-color-default)} .bg-error{background-color:var(--background-color-error)} .bg-error-light{background-color:var(--background-color-error-light)} .bg-grey-light{background-color:var(--background-color-grey-light)} .bg-inherit{background-color:inherit} .bg-light{background-color:var(--background-color-light)} .bg-nude{background-color:var(--background-color-nude)} .bg-primary{background-color:var(--background-color-primary)} .bg-secondary{background-color:var(--background-color-secondary)} .bg-secondary-light{background-color:var(--background-color-secondary-light)} .bg-secondary-ultra-light{background-color:var(--background-color-secondary-ultra-light)} .bg-secondary\/5{background-color:var(--background-color-secondary)} @supports (color:color-mix(in lab, red, red)){.bg-secondary\/5{background-color:color-mix(in oklab, var(--background-color-secondary) 5%, transparent)}} .bg-success{background-color:var(--background-color-success)} .bg-success-light{background-color:var(--background-color-success-light)} .bg-tertiary{background-color:var(--background-color-tertiary)} .bg-transparent{background-color:#0000} .bg-warning{background-color:var(--background-color-warning)} .bg-warning-light{background-color:var(--background-color-warning-light)} .bg-banner-title-gradient{background-image:var(--background-image-banner-title-gradient)} .bg-highlight-gradient{background-image:var(--background-image-highlight-gradient)} .bg-premium-gradient{background-image:var(--background-image-premium-gradient)} .bg-clip-text{-webkit-background-clip:text;background-clip:text} .fill-\(--color-fill-secondary-light\){fill:var(--color-fill-secondary-light)} .fill-\(--color-icon-inverse\){fill:var(--color-icon-inverse)} .fill-\(--color-icon-primary\){fill:var(--color-icon-primary)} .fill-\(--color-icon-secondary\){fill:var(--color-icon-secondary)} .fill-\(--color-icon-success\){fill:var(--color-icon-success)} .stroke-\(--color-icon-primary\){stroke:var(--color-icon-primary)} .stroke-\(--color-icon-success\){stroke:var(--color-icon-success)} .object-contain{-o-object-fit:contain;object-fit:contain} .object-cover{-o-object-fit:cover;object-fit:cover} .p-0{padding:0} .p-0\.5{padding:calc(var(--spacing) * .5)} .p-1{padding:var(--spacing)} .p-2{padding:calc(var(--spacing) * 2)} .p-3{padding:calc(var(--spacing) * 3)} .p-4{padding:calc(var(--spacing) * 4)} .p-5{padding:calc(var(--spacing) * 5)} .p-6{padding:calc(var(--spacing) * 6)} .p-8{padding:calc(var(--spacing) * 8)} .p-16{padding:calc(var(--spacing) * 16)} .p-px{padding:1px} .px-0{padding-inline:0} .px-1{padding-inline:var(--spacing)} .px-2{padding-inline:calc(var(--spacing) * 2)} .px-2\.5{padding-inline:calc(var(--spacing) * 2.5)} .px-3{padding-inline:calc(var(--spacing) * 3)} .px-4{padding-inline:calc(var(--spacing) * 4)} .px-5{padding-inline:calc(var(--spacing) * 5)} .px-6{padding-inline:calc(var(--spacing) * 6)} .px-8{padding-inline:calc(var(--spacing) * 8)} .py-0\.5{padding-block:calc(var(--spacing) * .5)} .py-1{padding-block:var(--spacing)} .py-1\.5{padding-block:calc(var(--spacing) * 1.5)} .py-2{padding-block:calc(var(--spacing) * 2)} .py-3{padding-block:calc(var(--spacing) * 3)} .py-3\.5{padding-block:calc(var(--spacing) * 3.5)} .py-4{padding-block:calc(var(--spacing) * 4)} .py-5{padding-block:calc(var(--spacing) * 5)} .py-6{padding-block:calc(var(--spacing) * 6)} .py-8{padding-block:calc(var(--spacing) * 8)} .py-12{padding-block:calc(var(--spacing) * 12)} .py-20{padding-block:calc(var(--spacing) * 20)} .pt-0{padding-top:0} .pt-1\.5{padding-top:calc(var(--spacing) * 1.5)} .pt-2{padding-top:calc(var(--spacing) * 2)} .pt-3{padding-top:calc(var(--spacing) * 3)} .pt-4{padding-top:calc(var(--spacing) * 4)} .pt-6{padding-top:calc(var(--spacing) * 6)} .pt-8{padding-top:calc(var(--spacing) * 8)} .pt-\[22px\]{padding-top:22px} .pr-2{padding-right:calc(var(--spacing) * 2)} .pr-3{padding-right:calc(var(--spacing) * 3)} .pb-1{padding-bottom:var(--spacing)} .pb-2{padding-bottom:calc(var(--spacing) * 2)} .pb-4{padding-bottom:calc(var(--spacing) * 4)} .pb-6{padding-bottom:calc(var(--spacing) * 6)} .pb-7{padding-bottom:calc(var(--spacing) * 7)} .pb-8{padding-bottom:calc(var(--spacing) * 8)} .pb-16{padding-bottom:calc(var(--spacing) * 16)} .pb-24{padding-bottom:calc(var(--spacing) * 24)} .pb-32{padding-bottom:calc(var(--spacing) * 32)} .pb-52{padding-bottom:calc(var(--spacing) * 52)} .pl-1{padding-left:var(--spacing)} .pl-2{padding-left:calc(var(--spacing) * 2)} .pl-4{padding-left:calc(var(--spacing) * 4)} .pl-5{padding-left:calc(var(--spacing) * 5)} .pl-6{padding-left:calc(var(--spacing) * 6)} .pl-12{padding-left:calc(var(--spacing) * 12)} .pl-18{padding-left:calc(var(--spacing) * 18)} .pl-24{padding-left:calc(var(--spacing) * 24)} .text-center{text-align:center} .text-left{text-align:left} .text-right{text-align:right} .align-middle{vertical-align:middle} .font-mono{font-family:var(--font-mono)} .font-sans{font-family:var(--font-sans)} .text-\[2rem\]\/\[2\.125rem\]{font-size:2rem;line-height:2.125rem} .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))} .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))} .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))} .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)} .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)} .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)} .tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)} .break-words{overflow-wrap:break-word} .break-all{word-break:break-all} .whitespace-nowrap{white-space:nowrap} .text-cuaternary{color:var(--text-color-cuaternary)} .text-error{color:var(--text-color-error)} .text-icon-cuaternary{color:var(--text-color-icon-cuaternary)} .text-icon-error{color:var(--text-color-icon-error)} .text-icon-inverse{color:var(--text-color-icon-inverse)} .text-icon-primary{color:var(--text-color-icon-primary)} .text-icon-secondary{color:var(--text-color-icon-secondary)} .text-icon-success{color:var(--text-color-icon-success)} .text-icon-tertiary{color:var(--text-color-icon-tertiary)} .text-icon-warning{color:var(--text-color-icon-warning)} .text-inherit{color:inherit} .text-inverse{color:var(--text-color-inverse)} .text-primary{color:var(--text-color-primary)} .text-primary-light{color:var(--text-color-primary-light)} .text-red-500{color:var(--color-red-500)} .text-secondary{color:var(--text-color-secondary)} .text-secondary-light{color:var(--text-color-secondary-light)} .text-success{color:var(--text-color-success)} .text-tertiary{color:var(--text-color-tertiary)} .text-transparent{color:#0000} .capitalize{text-transform:capitalize} .uppercase{text-transform:uppercase} .underline{text-decoration-line:underline} .opacity-0{opacity:0} .opacity-30{opacity:.3} .opacity-40{opacity:.4} .opacity-50{opacity:.5} .opacity-60{opacity:.6} .opacity-100{opacity:1} .shadow-\[0_-2px_10px_0_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 -2px 10px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)} .shadow-\[0_0_20px_2px_rgba\(0\,0\,0\,0\.10\)\]{--tw-shadow:0 0 20px 2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)} .shadow-\[inset_4px_0_0_0_var\(--border-color-error\)\]{--tw-shadow:inset 4px 0 0 0 var(--tw-shadow-color,var(--border-color-error));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)} .shadow-\[inset_4px_0_0_0_var\(--border-color-primary\)\]{--tw-shadow:inset 4px 0 0 0 var(--tw-shadow-color,var(--border-color-primary));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)} .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)} .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)} .shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)} .ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)} .outline{outline-style:var(--tw-outline-style);outline-width:1px} .blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)} .filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)} .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))} .transition-\[grid-template-rows\,opacity\]{transition-property:grid-template-rows,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))} .transition-\[left\]{transition-property:left;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))} .transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))} .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))} .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))} .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))} .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))} .duration-150{--tw-duration:.15s;transition-duration:.15s} .duration-200{--tw-duration:.2s;transition-duration:.2s} .duration-300{--tw-duration:.3s;transition-duration:.3s} .duration-500{--tw-duration:.5s;transition-duration:.5s} .ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)} .ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)} .outline-none{--tw-outline-style:none;outline-style:none} .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all} .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none} .premium-gradient-border{background:linear-gradient(var(--background-color-light), var(--background-color-light)) padding-box, var(--background-image-premium-gradient) border-box} :is(.\*\:min-w-0>*){min-width:0} :is(.\*\:flex-1>*){flex:1} @media (hover:hover){.group-hover\:bg-secondary-ultra-light:is(:where(.group):hover *){background-color:var(--background-color-secondary-ultra-light)}.group-hover\:bg-premium-gradient:is(:where(.group):hover *){background-image:var(--background-image-premium-gradient)}} .group-aria-expanded\:rotate-180:is(:where(.group)[aria-expanded=true] *){rotate:180deg} .first-letter\:capitalize:first-letter{text-transform:capitalize} .first-letter\:uppercase:first-letter{text-transform:uppercase} .placeholder\:text-tertiary::-moz-placeholder{color:var(--text-color-tertiary)} .placeholder\:text-tertiary::placeholder{color:var(--text-color-tertiary)} .before\:absolute:before{content:var(--tw-content);position:absolute} .before\:top-1\/2:before{content:var(--tw-content);top:50%} .before\:left-1\/2:before{content:var(--tw-content);left:50%} .before\:h-11:before{content:var(--tw-content);height:calc(var(--spacing) * 11)} .before\:w-11:before{content:var(--tw-content);width:calc(var(--spacing) * 11)} .before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)} .before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)} .before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)} .after\:absolute:after{content:var(--tw-content);position:absolute} .after\:inset-0:after{content:var(--tw-content);inset:0} .after\:rounded-xl:after{content:var(--tw-content);border-radius:var(--radius-xl)} .last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0} .autofill\:shadow-\[inset_0_0_0_1000px_var\(--background-color-secondary-ultra-light\)\]:-webkit-autofill{--tw-shadow:inset 0 0 0 1000px var(--tw-shadow-color,var(--background-color-secondary-ultra-light));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)} .autofill\:shadow-\[inset_0_0_0_1000px_var\(--background-color-secondary-ultra-light\)\]:autofill{--tw-shadow:inset 0 0 0 1000px var(--tw-shadow-color,var(--background-color-secondary-ultra-light));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)} .autofill\:\[-webkit-text-fill-color\:inherit\]:-webkit-autofill{-webkit-text-fill-color:inherit} .autofill\:\[-webkit-text-fill-color\:inherit\]:autofill{-webkit-text-fill-color:inherit} .empty\:sr-only:empty{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden} .focus-within\:border-cuaternary:focus-within{border-color:var(--border-color-cuaternary)} .focus-within\:border-error:focus-within{border-color:var(--border-color-error)} @media (hover:hover){.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-primary:hover{border-color:var(--border-color-primary)}.hover\:border-secondary:hover{border-color:var(--border-color-secondary)}.hover\:border-transparent:hover{border-color:#0000}.hover\:bg-background:hover{background-color:var(--background-color-background)}.hover\:bg-grey-light:hover{background-color:var(--background-color-grey-light)}.hover\:bg-light:hover{background-color:var(--background-color-light)}.hover\:bg-light\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-light\/10:hover{background-color:color-mix(in oklab, var(--background-color-light) 10%, transparent)}}.hover\:bg-nude:hover{background-color:var(--background-color-nude)}.hover\:bg-primary:hover{background-color:var(--background-color-primary)}.hover\:bg-secondary-light:hover{background-color:var(--background-color-secondary-light)}.hover\:bg-secondary-ultra-light:hover{background-color:var(--background-color-secondary-ultra-light)}.hover\:bg-tertiary:hover{background-color:var(--background-color-tertiary)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-error:hover{color:var(--text-color-error)}.hover\:text-icon-error:hover{color:var(--text-color-icon-error)}.hover\:text-inverse:hover{color:var(--text-color-inverse)}.hover\:text-primary:hover{color:var(--text-color-primary)}.hover\:text-secondary:hover{color:var(--text-color-secondary)}.hover\:text-tertiary:hover{color:var(--text-color-tertiary)}.hover\:underline:hover{text-decoration-line:underline}.hover\:\[background\:var\(--background-image-premium-gradient\)_border-box\]:hover{background:var(--background-image-premium-gradient) border-box}} .focus\:min-w-16:focus{min-width:calc(var(--spacing) * 16)} .focus\:text-secondary:focus{color:var(--text-color-secondary)} .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none} .focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px} .focus-visible\:outline-offset-2:focus-visible{outline-offset:2px} .focus-visible\:outline-focus:focus-visible{outline-color:var(--color-focus)} .focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none} .focus-visible\:after\:outline-2:focus-visible:after{content:var(--tw-content);outline-style:var(--tw-outline-style);outline-width:2px} .focus-visible\:after\:outline-offset-2:focus-visible:after{content:var(--tw-content);outline-offset:2px} .focus-visible\:after\:outline-focus:focus-visible:after{content:var(--tw-content);outline-color:var(--color-focus)} .has-\[\[data-record-card-title\]\:hover\]\:border-primary:has([data-record-card-title]:hover){border-color:var(--border-color-primary)} .has-\[\[data-record-card-title\]\:hover\]\:bg-grey-light:has([data-record-card-title]:hover){background-color:var(--background-color-grey-light)} @media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}} @media not all and (min-width:48rem){.max-md\:gap-4{gap:calc(var(--spacing) * 4)}.max-md\:px-4{padding-inline:calc(var(--spacing) * 4)}.max-md\:pb-8{padding-bottom:calc(var(--spacing) * 8)}} @media not all and (min-width:40rem){.max-sm\:justify-center{justify-content:center}} @media (min-width:40rem){.sm\:h-8{height:calc(var(--spacing) * 8)}.sm\:justify-end{justify-content:flex-end}} @media (min-width:48rem){.md\:ml-20{margin-left:calc(var(--spacing) * 20)}.md\:ml-62{margin-left:calc(var(--spacing) * 62)}.md\:block{display:block}.md\:hidden{display:none}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:pb-16{padding-bottom:calc(var(--spacing) * 16)}} @media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}} @container not (min-width:36rem){.\@max-xl\:flex-col{flex-direction:column}.\@max-xl\:items-start{align-items:flex-start}.\@max-xl\:whitespace-normal{white-space:normal}} @container not (min-width:32rem){.\@max-lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.\@max-lg\:gap-y-2{row-gap:calc(var(--spacing) * 2)}.\@max-lg\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.\@max-lg\:pt-6{padding-top:calc(var(--spacing) * 6)}} @container not (min-width:28rem){.\@max-md\:flex-col{flex-direction:column}.\@max-md\:items-start{align-items:flex-start}.\@max-md\:gap-2{gap:calc(var(--spacing) * 2)}.\@max-md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}} @container not (min-width:24rem){.\@max-sm\:flex-col{flex-direction:column}.\@max-sm\:flex-col-reverse{flex-direction:column-reverse}.\@max-sm\:p-2{padding:calc(var(--spacing) * 2)}.\@max-sm\:p-4{padding:calc(var(--spacing) * 4)}} @container not (min-width:16rem){.\@max-3xs\:flex-col{flex-direction:column}.\@max-3xs\:gap-1{gap:var(--spacing)}} @container (min-width:768px){.\@min-\[768px\]\:text-5xl\/tight{font-size:var(--text-5xl);line-height:var(--leading-tight)}} @container (min-width:1000px){.\@min-\[1000px\]\:text-\[4rem\]\/\[4\.375rem\]{font-size:4rem;line-height:4.375rem}} @container (min-width:16rem){.\@3xs\:flex-row{flex-direction:row}.\@3xs\:items-center{align-items:center}.\@3xs\:justify-between{justify-content:space-between}.\@3xs\:gap-4{gap:calc(var(--spacing) * 4)}.\@3xs\:text-right{text-align:right}} @container (min-width:24rem){.\@sm\:block{display:block}.\@sm\:flex-row{flex-direction:row}.\@sm\:items-center{align-items:center}.\@sm\:justify-between{justify-content:space-between}} @container (min-width:28rem){.\@md\:inline{display:inline}.\@md\:shrink-0{flex-shrink:0}.\@md\:flex-row{flex-direction:row}.\@md\:items-center{align-items:center}.\@md\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.\@md\:gap-4{gap:calc(var(--spacing) * 4)}.\@md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}} @container (min-width:32rem){.\@lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\@lg\:gap-x-4{-moz-column-gap:calc(var(--spacing) * 4);column-gap:calc(var(--spacing) * 4)}.\@lg\:gap-y-6{row-gap:calc(var(--spacing) * 6)}.\@lg\:pe-2{padding-inline-end:calc(var(--spacing) * 2)}} @container (min-width:36rem){.\@xl\:ml-auto{margin-left:auto}.\@xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\@xl\:flex-row{flex-direction:row}.\@xl\:items-center{align-items:center}.\@xl\:justify-between{justify-content:space-between}.\@xl\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}} @container (min-width:48rem){.\@3xl\:flex{display:flex}.\@3xl\:hidden{display:none}.\@3xl\:min-w-0{min-width:0}.\@3xl\:basis-1\/3{flex-basis:33.3333%}.\@3xl\:flex-nowrap{flex-wrap:nowrap}} @container (min-width:56rem){.\@4xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}} .\[\&_\:where\(svg\:not\(\[class\*\=\'size-\'\]\)\)\]\:size-3 :where(svg:not([class*=size-])){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)} .\[\&_\:where\(svg\:not\(\[class\*\=\'size-\'\]\)\)\]\:size-4 :where(svg:not([class*=size-])){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)} .\[\&_img\]\:max-w-none img{max-width:none} .\[\&_input\]\:text-center input{text-align:center} .\[\&_input\:\:-webkit-search-cancel-button\]\:appearance-none input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none} .\[\&_svg\]\:size-6 svg{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)} .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)} .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)} .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none} .\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar{width:calc(var(--spacing) * 1.5)} .\[\&\:\:-webkit-scrollbar\]\:rounded-lg::-webkit-scrollbar{border-radius:var(--radius-lg)} .\[\&\:\:-webkit-scrollbar\]\:p-px::-webkit-scrollbar{padding:1px} .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-lg::-webkit-scrollbar-thumb{border-radius:var(--radius-lg)} .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-secondary::-webkit-scrollbar-thumb{background-color:var(--background-color-secondary)} .\[\&\:\:-webkit-scrollbar-thumb\]\:p-px::-webkit-scrollbar-thumb{padding:1px} .\[\&\:\:-webkit-scrollbar-track\]\:rounded-lg::-webkit-scrollbar-track{border-radius:var(--radius-lg)} .\[\&\:\:-webkit-scrollbar-track\]\:bg-light::-webkit-scrollbar-track{background-color:var(--background-color-light)} .\[\&\:\:-webkit-scrollbar-track\]\:p-px::-webkit-scrollbar-track{padding:1px} .\[\&\:has\(input\:-webkit-autofill\)\]\:border-cuaternary:has(input:-webkit-autofill){border-color:var(--border-color-cuaternary)} .\[\&\:has\(input\:-webkit-autofill\)\]\:bg-secondary-ultra-light:has(input:-webkit-autofill){background-color:var(--background-color-secondary-ultra-light)} .\[\&\>\*\]\:min-w-0>*{min-width:0} :root{--color-purple-dark:#27225c;--color-purple-medium:#673fff;--color-purple-regular:#9b86ec;--color-purple-light-soft:#ead7ff;--color-purple-light:#f2e6ff;--color-purple-very-light:#f9f8fe;--color-black:#2e2f33;--color-grey-dark:#767676;--color-grey-medium:#c2c4ca;--color-grey-regular:#e3e3e3;--color-grey-light:#f2f2f2;--color-grey-lighter:#f5f5f5;--color-white:#fff;--color-nude-dark:#b0977e;--color-nude-light:#f9f4ef;--color-alert-red-regular:#c30529;--color-alert-red-light:#f4e1e5;--color-alert-green-regular:#0a9947;--color-alert-green-light:#e3f4dc;--color-alert-yellow-regular:#efa829;--color-alert-yellow-light:#f4e8d3;--color-yellow-regular:#ffd622;--color-orain:#ff9400;--color-message-received:#f9f4ef;--color-message-sent:#f2e6ff;--bg-gradient-auth:linear-gradient(43deg, #f9f4ef 0%, #fff 86%);--premium-gradient-stop-1:#ffb804;--premium-gradient-stop-2:#ffdd85;--premium-gradient-stop-3:var(--color-purple-light);--premium-gradient-stop-4:var(--color-purple-regular);--home-header-gradient-stop-1:var(--color-purple-medium);--home-header-gradient-stop-2:#ffd74a;--color-background-primary:var(--color-grey-light);--color-fill-primary:var(--color-purple-dark);--color-fill-secondary:var(--color-purple-medium);--color-fill-secondary-light:var(--color-purple-regular);--color-fill-secondary-ultra-light:var(--color-purple-light);--color-fill-tertiary:var(--color-grey-regular);--color-fill-cuaternary:var(--color-grey-medium);--color-fill-dark:var(--color-black);--color-fill-light:var(--color-white);--color-fill-nude:var(--color-nude-light);--color-fill-success:var(--color-alert-green-regular);--color-fill-success-light:var(--color-alert-green-light);--color-fill-warning:var(--color-alert-yellow-regular);--color-fill-warning-light:var(--color-alert-yellow-light);--color-fill-error:var(--color-alert-red-regular);--color-fill-error-light:var(--color-alert-red-light);--color-border-inverse:var(--color-white);--color-border-dark:var(--color-black);--color-border-primary:var(--color-purple-medium);--color-border-default:var(--color-grey-dark);--color-border-secondary:var(--color-grey-medium);--color-border-tertiary:var(--color-grey-regular);--color-border-cuaternary:var(--color-purple-regular);--color-border-success:var(--color-alert-green-regular);--color-border-warning:var(--color-alert-yellow-regular);--color-border-error:var(--color-alert-red-regular);--color-text-inverse:var(--color-white);--color-text-primary:var(--color-purple-dark);--color-text-primary-light:var(--color-purple-medium);--color-text-secondary:var(--color-black);--color-text-tertiary:var(--color-grey-dark);--color-text-cuaternary:var(--color-purple-medium);--color-text-success:var(--color-alert-green-regular);--color-text-error:var(--color-alert-red-regular);--color-text-warning:var(--color-alert-yellow-regular);--color-icon-inverse:var(--color-white);--color-icon-primary:var(--color-purple-dark);--color-icon-secondary:var(--color-black);--color-icon-tertiary:var(--color-grey-dark);--color-icon-cuaternary:var(--color-purple-medium);--color-icon-success:var(--color-alert-green-regular);--color-icon-warning:var(--color-alert-yellow-regular);--color-icon-error:var(--color-alert-red-regular);--color-chart-primary:var(--color-purple-dark);--color-chart-secondary:var(--color-purple-medium);--color-chart-tertiary:var(--color-purple-regular);--color-chart-cuaternary:var(--color-purple-light-soft);--color-chart-error:var(--color-alert-red-regular);--color-chart-error-light:var(--color-alert-red-light);--color-chart-success:var(--color-alert-green-regular);--color-chart-success-light:var(--color-alert-green-light);--color-chart-warning:var(--color-alert-yellow-regular);--color-chart-warning-light:var(--color-alert-yellow-light);--color-chart-accent:var(--color-yellow-regular);--premium-gradient:linear-gradient(45deg, var(--premium-gradient-stop-1) 28%, var(--premium-gradient-stop-2) 50%, var(--premium-gradient-stop-3) 62%, var(--premium-gradient-stop-4) 78%);--premium-gradient-alt:linear-gradient(135deg, var(--premium-gradient-stop-1) 28%, var(--premium-gradient-stop-2) 50%, var(--premium-gradient-stop-3) 62%, var(--premium-gradient-stop-4) 78%);--home-header-gradient:linear-gradient(90deg, var(--home-header-gradient-stop-1) 33%, var(--home-header-gradient-stop-2) 91%);--banner-title-gradient:linear-gradient(90deg, var(--color-purple-dark) 0%, var(--color-purple-medium) 100%);--highlight-gradient:linear-gradient(90deg, var(--color-purple-light) 0%, var(--color-white) 100%);--highlight-gradient-reverse:linear-gradient(90deg, var(--color-white) 0%, var(--color-purple-light) 100%);--toastify-color-error:var(--color-fill-error);--toastify-color-success:var(--color-fill-success);--toastify-color-progress-error:var(--color-white);--toastify-icon-color-error:var(--color-white);--toastify-icon-color-success:var(--color-white);--toastify-color-progress-success:var(--color-white);--toastify-color-warning:var(--color-fill-warning);--toastify-color-progress-warning:var(--color-white);--toastify-icon-color-warning:var(--color-white)} @property --premium-gradient-angle{syntax:"";inherits:false;initial-value:0deg} @keyframes premium-gradient-spin{to{--premium-gradient-angle:360deg}} @keyframes skeleton-sweep{0%{background-position:-100% 0}to{background-position:200% 0}} .title-xlarge-medium{font-size:3rem;font-weight:500;line-height:1.25} .title-xlarge-regular{font-size:3rem;font-weight:400;line-height:1.25} .title-large-medium{font-size:2.25rem;font-weight:500;line-height:1.25} .title-large-regular{font-size:2.25rem;font-weight:400;line-height:1.25} .heading-h1-medium{font-size:1.875rem;font-weight:500;line-height:1.25} .heading-h1-regular{font-size:1.875rem;font-weight:400;line-height:1.25} .heading-h2-medium{font-size:1.5rem;font-weight:500;line-height:1.25} .heading-h2-regular{font-size:1.5rem;font-weight:400;line-height:1.25} .heading-h3-medium{font-size:1.25rem;font-weight:500;line-height:1.25} .heading-h3-regular{font-size:1.25rem;font-weight:400;line-height:1.25} .headline-medium{font-size:1.125rem;font-weight:500;line-height:1.5} .headline-regular{font-size:1.125rem;font-weight:400;line-height:1.5} .body-large-medium{font-size:1rem;font-weight:500;line-height:1.5} .body-large-regular{font-size:1rem;font-weight:400;line-height:1.5} .body-small-medium{font-size:.875rem;font-weight:500;line-height:1.5} .body-small-regular{font-size:.875rem;font-weight:400;line-height:1.5} .body-xsmall-medium{font-size:.75rem;font-weight:500;line-height:1.5} .body-xsmall-regular{font-size:.75rem;font-weight:400;line-height:1.5} @property --tw-translate-x{syntax:"*";inherits:false;initial-value:0} @property --tw-translate-y{syntax:"*";inherits:false;initial-value:0} @property --tw-translate-z{syntax:"*";inherits:false;initial-value:0} @property --tw-rotate-x{syntax:"*";inherits:false} @property --tw-rotate-y{syntax:"*";inherits:false} @property --tw-rotate-z{syntax:"*";inherits:false} @property --tw-skew-x{syntax:"*";inherits:false} @property --tw-skew-y{syntax:"*";inherits:false} @property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0} @property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0} @property --tw-border-style{syntax:"*";inherits:false;initial-value:solid} @property --tw-leading{syntax:"*";inherits:false} @property --tw-font-weight{syntax:"*";inherits:false} @property --tw-tracking{syntax:"*";inherits:false} @property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000} @property --tw-shadow-color{syntax:"*";inherits:false} @property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%} @property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000} @property --tw-inset-shadow-color{syntax:"*";inherits:false} @property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%} @property --tw-ring-color{syntax:"*";inherits:false} @property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000} @property --tw-inset-ring-color{syntax:"*";inherits:false} @property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000} @property --tw-ring-inset{syntax:"*";inherits:false} @property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0} @property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff} @property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000} @property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid} @property --tw-blur{syntax:"*";inherits:false} @property --tw-brightness{syntax:"*";inherits:false} @property --tw-contrast{syntax:"*";inherits:false} @property --tw-grayscale{syntax:"*";inherits:false} @property --tw-hue-rotate{syntax:"*";inherits:false} @property --tw-invert{syntax:"*";inherits:false} @property --tw-opacity{syntax:"*";inherits:false} @property --tw-saturate{syntax:"*";inherits:false} @property --tw-sepia{syntax:"*";inherits:false} @property --tw-drop-shadow{syntax:"*";inherits:false} @property --tw-drop-shadow-color{syntax:"*";inherits:false} @property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%} @property --tw-drop-shadow-size{syntax:"*";inherits:false} @property --tw-duration{syntax:"*";inherits:false} @property --tw-ease{syntax:"*";inherits:false} @property --tw-content{syntax:"*";inherits:false;initial-value:""} @keyframes pulse{50%{opacity:.5}} :root { /* DESIGN SYSTEM COLOR PRIMITIVES */ --color-purple-dark: #27225c; --color-purple-medium: #673fff; --color-purple-regular: #9b86ec; --color-purple-light-soft: #ead7ff; --color-purple-light: #f2e6ff; --color-purple-very-light: #f9f8fe; --color-black: #2e2f33; --color-grey-dark: #767676; --color-grey-medium: #c2c4ca; --color-grey-regular: #e3e3e3; --color-grey-light: #f2f2f2; --color-grey-lighter: #f5f5f5; --color-white: #ffffff; --color-nude-dark: #b0977e; --color-nude-light: #f9f4ef; --color-alert-red-regular: #c30529; --color-alert-red-light: #f4e1e5; --color-alert-green-regular: #0a9947; --color-alert-green-light: #e3f4dc; --color-alert-yellow-regular: #efa829; --color-alert-yellow-light: #f4e8d3; --color-yellow-regular: #ffd622; --color-orain: #ff9400; /* Chat colors - not in design system but maintained */ --color-message-received: #f9f4ef; --color-message-sent: #f2e6ff; /* Gradient colors */ /* Auth gradient - not in design system but maintained */ --bg-gradient-auth: linear-gradient(43deg, rgba(249, 244, 239, 1) 0%, rgba(255, 255, 255, 1) 86%); --premium-gradient-stop-1: #ffb804; --premium-gradient-stop-2: #ffdd85; --premium-gradient-stop-3: var(--color-purple-light); --premium-gradient-stop-4: var(--color-purple-regular); --home-header-gradient-stop-1: var(--color-purple-medium); --home-header-gradient-stop-2: #ffd74a; /* ───────────────────────────────────────────────── TEMPORARY — Tailwind v3 compatibility for Space These variables match what tailwind.config.js in Space expects. Remove this block when Space migrates to Tailwind v4 and points to tokens/ instead of variables/ WARNING — Toastify variables are also here, remember to migrate them. ───────────────────────────────────────────────── */ --color-background-primary: var(--color-grey-light); --color-fill-primary: var(--color-purple-dark); --color-fill-secondary: var(--color-purple-medium); --color-fill-secondary-light: var(--color-purple-regular); --color-fill-secondary-ultra-light: var(--color-purple-light); --color-fill-tertiary: var(--color-grey-regular); --color-fill-cuaternary: var(--color-grey-medium); --color-fill-dark: var(--color-black); --color-fill-light: var(--color-white); --color-fill-nude: var(--color-nude-light); --color-fill-success: var(--color-alert-green-regular); --color-fill-success-light: var(--color-alert-green-light); --color-fill-warning: var(--color-alert-yellow-regular); --color-fill-warning-light: var(--color-alert-yellow-light); --color-fill-error: var(--color-alert-red-regular); --color-fill-error-light: var(--color-alert-red-light); --color-border-inverse: var(--color-white); --color-border-dark: var(--color-black); --color-border-primary: var(--color-purple-medium); --color-border-default: var(--color-grey-dark); --color-border-secondary: var(--color-grey-medium); --color-border-tertiary: var(--color-grey-regular); --color-border-cuaternary: var(--color-purple-regular); --color-border-success: var(--color-alert-green-regular); --color-border-warning: var(--color-alert-yellow-regular); --color-border-error: var(--color-alert-red-regular); --color-text-inverse: var(--color-white); --color-text-primary: var(--color-purple-dark); --color-text-primary-light: var(--color-purple-medium); --color-text-secondary: var(--color-black); --color-text-tertiary: var(--color-grey-dark); --color-text-cuaternary: var(--color-purple-medium); --color-text-success: var(--color-alert-green-regular); --color-text-error: var(--color-alert-red-regular); /* Text warning - not in design system but maintained */ --color-text-warning: var(--color-alert-yellow-regular); --color-icon-inverse: var(--color-white); --color-icon-primary: var(--color-purple-dark); --color-icon-secondary: var(--color-black); --color-icon-tertiary: var(--color-grey-dark); --color-icon-cuaternary: var(--color-purple-medium); --color-icon-success: var(--color-alert-green-regular); --color-icon-warning: var(--color-alert-yellow-regular); --color-icon-error: var(--color-alert-red-regular); --color-chart-primary: var(--color-purple-dark); --color-chart-secondary: var(--color-purple-medium); --color-chart-tertiary: var(--color-purple-regular); --color-chart-cuaternary: var(--color-purple-light-soft); --color-chart-error: var(--color-alert-red-regular); --color-chart-error-light: var(--color-alert-red-light); --color-chart-success: var(--color-alert-green-regular); --color-chart-success-light: var(--color-alert-green-light); --color-chart-warning: var(--color-alert-yellow-regular); --color-chart-warning-light: var(--color-alert-yellow-light); --color-chart-accent: var(--color-yellow-regular); --premium-gradient: linear-gradient( 45deg, var(--premium-gradient-stop-1) 28%, var(--premium-gradient-stop-2) 50%, var(--premium-gradient-stop-3) 62%, var(--premium-gradient-stop-4) 78% ); --premium-gradient-alt: linear-gradient( 135deg, var(--premium-gradient-stop-1) 28%, var(--premium-gradient-stop-2) 50%, var(--premium-gradient-stop-3) 62%, var(--premium-gradient-stop-4) 78% ); --home-header-gradient: linear-gradient( 90deg, var(--home-header-gradient-stop-1) 33%, var(--home-header-gradient-stop-2) 91% ); --banner-title-gradient: linear-gradient( 90deg, var(--color-purple-dark) 0%, var(--color-purple-medium) 100% ); --highlight-gradient: linear-gradient( 90deg, var(--color-purple-light) 0%, var(--color-white) 100% ); --highlight-gradient-reverse: linear-gradient( 90deg, var(--color-white) 0%, var(--color-purple-light) 100% ); /* Overriding toastify colors */ --toastify-color-error: var(--color-fill-error); --toastify-color-success: var(--color-fill-success); --toastify-color-progress-error: var(--color-white); --toastify-icon-color-error: var(--color-white); --toastify-icon-color-success: var(--color-white); --toastify-color-progress-success: var(--color-white); --toastify-color-warning: var(--color-fill-warning); --toastify-color-progress-warning: var(--color-white); --toastify-icon-color-warning: var(--color-white); } /* ─── Font families ──────────────────────────── */ @font-face { font-family: 'Greed Standard'; src: url('/assets/Greed-Standard-Regular-RAMK720m.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Greed Standard'; src: url('/assets/Greed-Standard-Medium-B4GYOlID.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter'; src: url('/assets/Inter-variable-c8O0ljhh.ttf') format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap; } :root { --font-greed: 'Greed Standard', sans-serif; --font-inter: 'Inter', sans-serif; } /* ─── Layout ─────────────────────────────────── */ :root { /* 1536px */ /* --collapsed-sidebar-width: 4rem; 64px */ /* --expanded-sidebar-width: 16rem; 256px */ --max-screen-width: 96rem; /* 1536px */ --collapsed-sidebar-width: 4rem; /* 64px */ --expanded-sidebar-width: 16rem; /* 256px */ } .h2-medium{font-size:1.5rem;line-height:2rem;font-weight:500;--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)} .h2-regular{font-size:1.374rem;font-weight:400} .toolbar-description{min-width:0px;flex:1 1 0%;white-space:normal;line-height:1.25rem;color:var(--color-text-secondary);min-width:0;flex:1;color:var(--text-color-secondary)} @media (min-width: 768px){ .toolbar-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}} .header-description{line-height:1.25rem;color:var(--color-text-secondary);color:var(--text-color-secondary)} .field{height:2.75rem;border-radius:0.75rem;padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;position:relative;display:flex;height:calc(var(--spacing) * 11);width:100%;align-items:center;border-radius:var(--radius-xl);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))} .field-border{border-color:var(--color-border-secondary);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border-color-secondary)} @media (hover:hover){.field-border:hover{border-color:var(--border-color-primary)}} .field-border:hover{border-color:var(--color-border-primary)} .field-border:focus{border-color:var(--color-border-cuaternary)} .field-disabled{--tw-border-opacity:0.5;cursor:not-allowed} .field-disabled:hover{--tw-border-opacity:0.5} .field-error{border-color:var(--color-border-error);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border-color-error)} .field-round-button{gap:0.5rem;background-color:var(--color-fill-light);padding-left:1.25rem;padding-right:1.25rem;padding-top:0.75rem;padding-bottom:0.75rem;transition-duration:300ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);display:flex;height:auto;align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);border-radius:50px;background-color:var(--background-color-light);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s;--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)} @media (hover:hover){.field-round-button:hover{border-color:#0000;background-color:var(--background-color-secondary-ultra-light);color:var(--text-color-secondary)}} .field-round-button:hover{border-color:transparent;background-color:var(--color-fill-secondary-ultra-light);color:var(--color-text-secondary)} :root { /* DESIGN SYSTEM COLOR PRIMITIVES */ --color-purple-dark: #27225c; --color-purple-medium: #673fff; --color-purple-regular: #9b86ec; --color-purple-light-soft: #ead7ff; --color-purple-light: #f2e6ff; --color-purple-very-light: #f9f8fe; --color-black: #2e2f33; --color-grey-dark: #767676; --color-grey-medium: #c2c4ca; --color-grey-regular: #e3e3e3; --color-grey-light: #f6f6f6; --color-white: #ffffff; --color-nude-dark: #b0977e; --color-nude-light: #f9f4ef; --color-alert-red-regular: #c30529; --color-alert-red-light: #f4e1e5; --color-alert-green-regular: #0a9947; --color-alert-green-light: #e3f4dc; --color-alert-yellow-regular: #efa829; --color-alert-yellow-light: #f4e8d3; --color-yellow-regular: #ffd622; --color-orain: #ff9400; --color-blue-regular: #0063c6; --color-blue-light: #e1f1ff; /* Chat colors - not in design system but maintained */ --color-message-received: #f9f4ef; --color-message-sent: #f2e6ff; /* Auth gradient - not in design system but maintained */ --bg-gradient-auth: linear-gradient(43deg, rgba(249, 244, 239, 1) 0%, rgba(255, 255, 255, 1) 86%); /* DESIGN SYSTEM COLOR VARIABLES */ --color-background-primary: var(--color-grey-light); --color-fill-primary: var(--color-purple-dark); --color-fill-secondary: var(--color-purple-medium); --color-fill-secondary-light: var(--color-purple-regular); --color-fill-secondary-ultra-light: var(--color-purple-light); --color-fill-tertiary: var(--color-grey-regular); --color-fill-cuaternary: var(--color-grey-medium); --color-fill-dark: var(--color-black); --color-fill-light: var(--color-white); --color-fill-nude: var(--color-nude-light); --color-fill-success: var(--color-alert-green-regular); --color-fill-success-light: var(--color-alert-green-light); --color-fill-warning: var(--color-alert-yellow-regular); --color-fill-warning-light: var(--color-alert-yellow-light); --color-fill-error: var(--color-alert-red-regular); --color-fill-error-light: var(--color-alert-red-light); --color-fill-info: var(--color-blue-regular); --color-fill-info-light: var(--color-blue-light); --color-border-inverse: var(--color-white); --color-border-dark: var(--color-black); --color-border-primary: var(--color-purple-medium); --color-border-default: var(--color-grey-dark); --color-border-secondary: var(--color-grey-medium); --color-border-tertiary: var(--color-grey-regular); --color-border-cuaternary: var(--color-purple-regular); --color-border-success: var(--color-alert-green-regular); --color-border-warning: var(--color-alert-yellow-regular); --color-border-error: var(--color-alert-red-regular); --color-border-info: var(--color-blue-regular); --color-text-inverse: var(--color-white); --color-text-primary: var(--color-purple-dark); --color-text-primary-light: var(--color-purple-medium); --color-text-secondary: var(--color-black); --color-text-tertiary: var(--color-grey-dark); --color-text-cuaternary: var(--color-purple-medium); --color-text-success: var(--color-alert-green-regular); --color-text-error: var(--color-alert-red-regular); --color-text-info: var(--color-blue-regular); /* Text warning - not in design system but maintained */ --color-text-warning: var(--color-alert-yellow-regular); --color-icon-inverse: var(--color-white); --color-icon-primary: var(--color-purple-dark); --color-icon-secondary: var(--color-black); --color-icon-tertiary: var(--color-grey-dark); --color-icon-cuaternary: var(--color-purple-medium); --color-icon-success: var(--color-alert-green-regular); --color-icon-warning: var(--color-alert-yellow-regular); --color-icon-error: var(--color-alert-red-regular); --color-icon-info: var(--color-blue-regular); --color-chart-primary: var(--color-purple-dark); --color-chart-secondary: var(--color-purple-medium); --color-chart-tertiary: var(--color-purple-regular); --color-chart-cuaternary: var(--color-purple-light-soft); --color-chart-error: var(--color-alert-red-regular); --color-chart-error-light: var(--color-alert-red-light); --color-chart-success: var(--color-alert-green-regular); --color-chart-success-light: var(--color-alert-green-light); --color-chart-warning: var(--color-alert-yellow-regular); --color-chart-warning-light: var(--color-alert-yellow-light); --color-chart-accent: var(--color-yellow-regular); /* company avatar primitives */ --color-company-orange: #e8590c; --color-company-teal: #0b7285; --color-company-pink: #a61e4d; --color-company-indigo: #364fc7; --color-company-brown: #7d5a3c; /* company avatar semantic layer */ --color-company-avatar-1: var(--color-company-orange); --color-company-avatar-2: var(--color-purple-medium); --color-company-avatar-3: var(--color-blue-regular); --color-company-avatar-4: var(--color-alert-green-regular); --color-company-avatar-5: var(--color-alert-red-regular); --color-company-avatar-6: var(--color-black); --color-company-avatar-7: var(--color-company-teal); --color-company-avatar-8: var(--color-company-pink); --color-company-avatar-9: var(--color-company-indigo); --color-company-avatar-10: var(--color-company-brown); --premium-gradient-stop-1: #ffb804; --premium-gradient-stop-2: #ffdd85; --premium-gradient-stop-3: var(--color-purple-light); --premium-gradient-stop-4: var(--color-purple-regular); --home-header-gradient-stop-1: var(--color-purple-medium); --home-header-gradient-stop-2: #ffd74a; --premium-gradient: linear-gradient( 84deg, var(--premium-gradient-stop-1) 6.65%, var(--premium-gradient-stop-2) 51.72%, var(--premium-gradient-stop-3) 76.68%, var(--premium-gradient-stop-4) 111.26% ); --premium-gradient-alt: linear-gradient( 135deg, var(--premium-gradient-stop-1) 6.65%, var(--premium-gradient-stop-2) 51.72%, var(--premium-gradient-stop-3) 76.68%, var(--premium-gradient-stop-4) 111.26% ); --home-header-gradient: linear-gradient( 90deg, var(--home-header-gradient-stop-1) 33%, var(--home-header-gradient-stop-2) 91% ); --highlight-gradient: linear-gradient( 90deg, var(--color-purple-light) 0%, var(--color-white) 100% ); --highlight-gradient-reverse: linear-gradient( 90deg, var(--color-white) 0%, var(--color-purple-light) 100% ); --banner-title-gradient: linear-gradient( 90deg, var(--color-purple-dark) 0%, var(--color-purple-medium) 100% ); --news-banner-default-gradient: linear-gradient( 150.56deg, var(--color-white) 13.99%, var(--color-purple-light) 114.67% ); --news-banner-dark-gradient: radial-gradient( 105.11% 170.6% at 105.11% -15.62%, var(--color-purple-dark) 13.94%, var(--color-purple-medium) 52.88%, var(--color-purple-dark) 92.18% ); --news-banner-premium-gradient: linear-gradient( 84.41deg, var(--premium-gradient-stop-1) 6.65%, var(--premium-gradient-stop-2) 51.72%, var(--premium-gradient-stop-3) 76.68%, var(--premium-gradient-stop-4) 111.26% ); /* Overriding toastify colors */ --toastify-color-error: var(--color-fill-error); --toastify-color-success: var(--color-fill-success); --toastify-color-progress-error: var(--color-white); --toastify-icon-color-error: var(--color-white); --toastify-icon-color-success: var(--color-white); --toastify-color-progress-success: var(--color-white); --toastify-color-warning: var(--color-fill-warning); --toastify-color-progress-warning: var(--color-white); --toastify-icon-color-warning: var(--color-white); } .home-charts-landscape{height:20rem;height:calc(var(--spacing) * 80);width:100%} .card{border-radius:0.75rem;border-color:var(--color-border-tertiary);background-color:var(--color-fill-light);color:var(--color-text-secondary);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border-color-tertiary);background-color:var(--background-color-light);color:var(--text-color-secondary)} .card.active-filter{background-color:var(--color-fill-secondary-light);background-color:var(--background-color-secondary-light)} .medium-card-padding{padding-top:1.125rem;padding-bottom:1.125rem;padding-left:1rem;padding-right:1rem;padding-inline:calc(var(--spacing) * 4)} .small-card-padding{padding:1rem;padding:calc(var(--spacing) * 4)} .banner-container{border-radius:0.75rem;border-color:var(--color-border-tertiary);padding:1rem;position:relative;overflow:hidden;border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border-color-tertiary);padding:calc(var(--spacing) * 4)} .banner-title{font-weight:700;color:var(--color-text-primary);color:var(--text-color-primary)} .banner-text{font-size:0.875rem;line-height:1.25rem;color:var(--color-text-tertiary);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--text-color-tertiary)} .color-picker .react-colorful { gap: 8px; } .color-picker .react-colorful__saturation { border-radius: 8px; } .color-picker .react-colorful__hue { height: 12px; } .color-picker .react-colorful__last-control { border-radius: 8px; } .color-picker .react-colorful__pointer { width: 14px; height: 14px; border-radius: 4px; } .color-picker .react-colorful__interactive:focus .react-colorful__pointer { transform: translate(-50%, -50%) scale(1.15); } *, ::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 / 0.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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } ::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 / 0.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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: "Greed Standard", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ 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; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } @property --border-angle{syntax:"";inherits:false;initial-value:0deg} @keyframes border-spin{ to{--border-angle:360deg}} .container{width:100%} @media (min-width: 375px){ .container{max-width:375px}} @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}} @media (min-width: 1920px){ .container{max-width:1920px}} .prose{color:var(--tw-prose-body);max-width:65ch;} .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em;margin-bottom:1.25em} .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em} .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500} .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-bold);font-weight:600} .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em} .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:upper-alpha} .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:lower-alpha} .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:upper-alpha} .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:lower-alpha} .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:upper-roman} .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:lower-roman} .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:upper-roman} .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:lower-roman} .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:decimal} .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em} .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{font-weight:400;color:var(--tw-prose-counters)} .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{color:var(--tw-prose-bullets)} .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em} .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em} .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:0.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em} .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{content:open-quote} .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{content:close-quote} .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:0.8888889em;line-height:1.1111111} .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:900;color:inherit} .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333} .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:800;color:inherit} .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:0.6em;line-height:1.6} .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:700;color:inherit} .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:0.5em;line-height:1.5} .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:700;color:inherit} .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:2em;margin-bottom:2em} .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){display:block;margin-top:2em;margin-bottom:2em} .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:2em;margin-bottom:2em} .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);font-size:0.875em;border-radius:0.3125rem;padding-top:0.1875em;padding-inline-end:0.375em;padding-bottom:0.1875em;padding-inline-start:0.375em} .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-code);font-weight:600;font-size:0.875em} .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{content:"`"} .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{content:"`"} .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit;font-size:0.875em} .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit;font-size:0.9em} .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:inherit} .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:0.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:0.375rem;padding-top:0.8571429em;padding-inline-end:1.1428571em;padding-bottom:0.8571429em;padding-inline-start:1.1428571em} .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit} .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{content:none} .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{content:none} .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:0.875em;line-height:1.7142857} .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)} .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:0.5714286em;padding-bottom:0.5714286em;padding-inline-start:0.5714286em} .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)} .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){border-bottom-width:0} .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){vertical-align:baseline} .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)} .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){vertical-align:top} .prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)){text-align:start} .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;margin-bottom:0} .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){color:var(--tw-prose-captions);font-size:0.875em;line-height:1.4285714;margin-top:0.8571429em} .prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75} .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0;margin-bottom:0} .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.5em;margin-bottom:0.5em} .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0.375em} .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0.375em} .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.75em;margin-bottom:0.75em} .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em} .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:1.25em} .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em} .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:1.25em} .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.75em;margin-bottom:0.75em} .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:1.25em;margin-bottom:1.25em} .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0.5em;padding-inline-start:1.625em} .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0} .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-end:0} .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-top:0.5714286em;padding-inline-end:0.5714286em;padding-bottom:0.5714286em;padding-inline-start:0.5714286em} .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-start:0} .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){padding-inline-end:0} .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:2em;margin-bottom:2em} .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-top:0} .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){margin-bottom:0} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0} .pointer-events-none{pointer-events:none} .visible{visibility:visible} .invisible{visibility:hidden} .collapse{visibility:collapse} .static{position:static} .fixed{position:fixed} .absolute{position:absolute} .relative{position:relative} .sticky{position:sticky} .inset-0{inset:0px} .inset-x-0{left:0px;right:0px} .-right-1{right:-0.25rem} .-top-1{top:-0.25rem} .bottom-0{bottom:0px} .bottom-3{bottom:0.75rem} .left-0{left:0px} .left-4{left:1rem} .left-\[-10px\]{left:-10px} .left-\[-12px\]{left:-12px} .right-0{right:0px} .right-0\.5{right:0.125rem} .right-1{right:0.25rem} .right-1\.5{right:0.375rem} .right-2\.5{right:0.625rem} .right-3{right:0.75rem} .right-4{right:1rem} .top-0{top:0px} .top-0\.5{top:0.125rem} .top-1\.5{top:0.375rem} .top-1\/2{top:50%} .top-4{top:1rem} .top-5{top:1.25rem} .top-\[-1px\]{top:-1px} .isolate{isolation:isolate} .-z-10{z-index:-10} .z-0{z-index:0} .z-10{z-index:10} .z-40{z-index:40} .z-50{z-index:50} .z-\[1\]{z-index:1} .z-\[42\]{z-index:42} .z-\[45\]{z-index:45} .z-\[9999\]{z-index:9999} .col-span-2{grid-column:span 2 / span 2} .col-span-4{grid-column:span 4 / span 4} .m-0{margin:0px} .m-auto{margin:auto} .-mx-3{margin-left:-0.75rem;margin-right:-0.75rem} .-mx-4{margin-left:-1rem;margin-right:-1rem} .mx-1{margin-left:0.25rem;margin-right:0.25rem} .mx-2{margin-left:0.5rem;margin-right:0.5rem} .mx-4{margin-left:1rem;margin-right:1rem} .mx-6{margin-left:1.5rem;margin-right:1.5rem} .mx-auto{margin-left:auto;margin-right:auto} .my-1{margin-top:0.25rem;margin-bottom:0.25rem} .my-10{margin-top:2.5rem;margin-bottom:2.5rem} .my-2{margin-top:0.5rem;margin-bottom:0.5rem} .my-4{margin-top:1rem;margin-bottom:1rem} .my-6{margin-top:1.5rem;margin-bottom:1.5rem} .my-8{margin-top:2rem;margin-bottom:2rem} .-mb-2{margin-bottom:-0.5rem} .-mb-3{margin-bottom:-0.75rem} .-mb-6{margin-bottom:-1.5rem} .-mb-\[197px\]{margin-bottom:-197px} .-mb-px{margin-bottom:-1px} .-mt-3{margin-top:-0.75rem} .-mt-4{margin-top:-1rem} .mb-1{margin-bottom:0.25rem} .mb-10{margin-bottom:2.5rem} .mb-12{margin-bottom:3rem} .mb-2{margin-bottom:0.5rem} .mb-3{margin-bottom:0.75rem} .mb-4{margin-bottom:1rem} .mb-5{margin-bottom:1.25rem} .mb-6{margin-bottom:1.5rem} .mb-8{margin-bottom:2rem} .mb-auto{margin-bottom:auto} .ml-1{margin-left:0.25rem} .ml-2{margin-left:0.5rem} .ml-5{margin-left:1.25rem} .ml-auto{margin-left:auto} .mr-2{margin-right:0.5rem} .mr-3{margin-right:0.75rem} .mr-auto{margin-right:auto} .ms-1{margin-inline-start:0.25rem} .mt-0\.5{margin-top:0.125rem} .mt-1{margin-top:0.25rem} .mt-1\.5{margin-top:0.375rem} .mt-10{margin-top:2.5rem} .mt-2{margin-top:0.5rem} .mt-20{margin-top:5rem} .mt-3{margin-top:0.75rem} .mt-4{margin-top:1rem} .mt-6{margin-top:1.5rem} .mt-8{margin-top:2rem} .mt-auto{margin-top:auto} .box-border{box-sizing:border-box} .line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .block{display:block} .inline-block{display:inline-block} .\!inline{display:inline !important} .inline{display:inline} .flex{display:flex} .inline-flex{display:inline-flex} .table{display:table} .grid{display:grid} .contents{display:contents} .hidden{display:none} .size-3\.5{width:0.875rem;height:0.875rem} .size-4{width:1rem;height:1rem} .size-5{width:1.25rem;height:1.25rem} .size-8{width:2rem;height:2rem} .size-\[13px\]{width:13px;height:13px} .h-1{height:0.25rem} .h-1\.5{height:0.375rem} .h-10{height:2.5rem} .h-11{height:2.75rem} .h-12{height:3rem} .h-14{height:3.5rem} .h-2{height:0.5rem} .h-20{height:5rem} .h-24{height:6rem} .h-3{height:0.75rem} .h-3\.5{height:0.875rem} .h-32{height:8rem} .h-4{height:1rem} .h-48{height:12rem} .h-5{height:1.25rem} .h-6{height:1.5rem} .h-64{height:16rem} .h-7{height:1.75rem} .h-8{height:2rem} .h-96{height:24rem} .h-\[10px\]{height:10px} .h-\[14px\]{height:14px} .h-\[180px\]{height:180px} .h-\[184px\]{height:184px} .h-\[1px\]{height:1px} .h-\[23px\]{height:23px} .h-\[261px\]{height:261px} .h-\[287px\]{height:287px} .h-\[30px\]{height:30px} .h-\[33px\]{height:33px} .h-\[340px\]{height:340px} .h-\[3px\]{height:3px} .h-\[51px\]{height:51px} .h-\[58px\]{height:58px} .h-\[8\.125rem\]{height:8.125rem} .h-\[88px\]{height:88px} .h-auto{height:auto} .h-fit{height:-moz-fit-content;height:fit-content} .h-full{height:100%} .h-px{height:1px} .h-screen{height:100vh} .max-h-60{max-height:15rem} .max-h-72{max-height:18rem} .max-h-\[116px\]{max-height:116px} .max-h-\[500px\]{max-height:500px} .max-h-\[547px\]{max-height:547px} .max-h-\[600px\]{max-height:600px} .max-h-\[60vh\]{max-height:60vh} .max-h-\[720px\]{max-height:720px} .max-h-\[726px\]{max-height:726px} .max-h-\[calc\(100vh-10\%\)\]{max-height:calc(100vh - 10%)} .max-h-full{max-height:100%} .max-h-max{max-height:-moz-max-content;max-height:max-content} .min-h-0{min-height:0px} .min-h-11{min-height:2.75rem} .min-h-12{min-height:3rem} .min-h-14{min-height:3.5rem} .min-h-16{min-height:4rem} .min-h-28{min-height:7rem} .min-h-40{min-height:10rem} .min-h-48{min-height:12rem} .min-h-8{min-height:2rem} .min-h-80{min-height:20rem} .min-h-9{min-height:2.25rem} .min-h-96{min-height:24rem} .min-h-\[154px\]{min-height:154px} .min-h-\[315px\]{min-height:315px} .min-h-\[40px\]{min-height:40px} .min-h-\[620px\]{min-height:620px} .min-h-px{min-height:1px} .min-h-screen{min-height:100vh} .\!w-full{width:100% !important} .w-0\.5{width:0.125rem} .w-1\.5{width:0.375rem} .w-1\/2{width:50%} .w-10{width:2.5rem} .w-11{width:2.75rem} .w-12{width:3rem} .w-14{width:3.5rem} .w-16{width:4rem} .w-2{width:0.5rem} .w-20{width:5rem} .w-24{width:6rem} .w-28{width:7rem} .w-3{width:0.75rem} .w-3\.5{width:0.875rem} .w-3\/4{width:75%} .w-32{width:8rem} .w-36{width:9rem} .w-4{width:1rem} .w-40{width:10rem} .w-48{width:12rem} .w-5{width:1.25rem} .w-52{width:13rem} .w-56{width:14rem} .w-6{width:1.5rem} .w-60{width:15rem} .w-64{width:16rem} .w-7{width:1.75rem} .w-8{width:2rem} .w-\[10px\]{width:10px} .w-\[114px\]{width:114px} .w-\[14px\]{width:14px} .w-\[184px\]{width:184px} .w-\[18px\]{width:18px} .w-\[190px\]{width:190px} .w-\[200px\]{width:200px} .w-\[20px\]{width:20px} .w-\[26rem\]{width:26rem} .w-\[304px\]{width:304px} .w-\[30px\]{width:30px} .w-\[32rem\]{width:32rem} .w-\[34px\]{width:34px} .w-\[396px\]{width:396px} .w-\[3px\]{width:3px} .w-\[489px\]{width:489px} .w-\[58px\]{width:58px} .w-\[652px\]{width:652px} .w-\[8\.125rem\]{width:8.125rem} .w-\[92px\]{width:92px} .w-auto{width:auto} .w-fit{width:-moz-fit-content;width:fit-content} .w-full{width:100%} .w-max{width:-moz-max-content;width:max-content} .w-px{width:1px} .w-screen{width:100vw} .min-w-0{min-width:0px} .min-w-12{min-width:3rem} .min-w-20{min-width:5rem} .min-w-4{min-width:1rem} .min-w-40{min-width:10rem} .min-w-44{min-width:11rem} .min-w-52{min-width:13rem} .min-w-60{min-width:15rem} .min-w-72{min-width:18rem} .min-w-8{min-width:2rem} .min-w-80{min-width:20rem} .min-w-\[15\%\]{min-width:15%} .min-w-\[21rem\]{min-width:21rem} .min-w-\[270px\]{min-width:270px} .min-w-max{min-width:-moz-max-content;min-width:max-content} .max-w-3xl{max-width:48rem} .max-w-48{max-width:12rem} .max-w-4xl{max-width:56rem} .max-w-\[25\.188rem\]{max-width:25.188rem} .max-w-\[250px\]{max-width:250px} .max-w-\[260px\]{max-width:260px} .max-w-\[34\.375rem\]{max-width:34.375rem} .max-w-\[346px\]{max-width:346px} .max-w-\[45rem\]{max-width:45rem} .max-w-\[474px\]{max-width:474px} .max-w-\[60\%\]{max-width:60%} .max-w-\[656px\]{max-width:656px} .max-w-\[684px\]{max-width:684px} .max-w-\[70\%\]{max-width:70%} .max-w-\[73\.5rem\]{max-width:73.5rem} .max-w-\[758px\]{max-width:758px} .max-w-\[calc\(100vw-10\%\)\]{max-width:calc(100vw - 10%)} .max-w-full{max-width:100%} .max-w-md{max-width:28rem} .max-w-sm{max-width:24rem} .max-w-xl{max-width:36rem} .max-w-xs{max-width:20rem} .flex-1{flex:1 1 0%} .flex-none{flex:none} .flex-shrink-0{flex-shrink:0} .shrink{flex-shrink:1} .shrink-0{flex-shrink:0} .flex-grow{flex-grow:1} .grow{flex-grow:1} .origin-top{transform-origin:top} .-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-y-\[calc\(100\%\+10px\)\]{--tw-translate-y:calc(calc(100% + 10px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-y-1{--tw-translate-y:0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-rotate-90{--tw-rotate:-90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .rotate-0{--tw-rotate:0deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .scale-\[0\.68\]{--tw-scale-x:0.68;--tw-scale-y:0.68;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} @keyframes pulse{ 50%{opacity:.5}} .animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite} @keyframes rocket{ 0%{transform:translateY(0)} 50%{transform:translateY(-10px)} 100%{transform:translateY(0)}} .animate-rocket{animation:rocket 1s ease-in-out infinite} @keyframes spin{ to{transform:rotate(360deg)}} .animate-spin{animation:spin 1s linear infinite} .\!cursor-default{cursor:default !important} .cursor-not-allowed{cursor:not-allowed} .cursor-pointer{cursor:pointer} .cursor-text{cursor:text} .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none} .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all} .resize-none{resize:none} .resize{resize:both} .scroll-my-1\.5{scroll-margin-top:0.375rem;scroll-margin-bottom:0.375rem} .list-inside{list-style-position:inside} .list-disc{list-style-type:disc} .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none} .grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))} .grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))} .grid-cols-\[repeat\(auto-fill\2c minmax\(max\(280px\2c 30\%\)\2c 1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(max(280px,30%),1fr))} .grid-rows-\[0fr\]{grid-template-rows:0fr} .grid-rows-\[1fr\]{grid-template-rows:1fr} .flex-row{flex-direction:row} .flex-col{flex-direction:column} .flex-wrap{flex-wrap:wrap} .place-items-center{place-items:center} .items-start{align-items:flex-start} .items-end{align-items:flex-end} .items-center{align-items:center} .items-baseline{align-items:baseline} .items-stretch{align-items:stretch} .justify-normal{justify-content:normal} .justify-start{justify-content:flex-start} .justify-end{justify-content:flex-end} .justify-center{justify-content:center} .justify-between{justify-content:space-between} .justify-around{justify-content:space-around} .justify-evenly{justify-content:space-evenly} .gap-0\.5{gap:0.125rem} .gap-1{gap:0.25rem} .gap-1\.5{gap:0.375rem} .gap-10{gap:2.5rem} .gap-12{gap:3rem} .gap-14{gap:3.5rem} .gap-16{gap:4rem} .gap-2{gap:0.5rem} .gap-20{gap:5rem} .gap-3{gap:0.75rem} .gap-4{gap:1rem} .gap-5{gap:1.25rem} .gap-6{gap:1.5rem} .gap-8{gap:2rem} .gap-\[3px\]{gap:3px} .gap-x-4{-moz-column-gap:1rem;column-gap:1rem} .gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem} .gap-x-8{-moz-column-gap:2rem;column-gap:2rem} .gap-y-1{row-gap:0.25rem} .gap-y-2{row-gap:0.5rem} .gap-y-4{row-gap:1rem} .gap-y-6{row-gap:1.5rem} .space-x-2 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))} .space-x-20 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(5rem * var(--tw-space-x-reverse));margin-left:calc(5rem * calc(1 - var(--tw-space-x-reverse)))} .space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))} .space-y-10 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))} .space-y-16 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(4rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4rem * var(--tw-space-y-reverse))} .space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))} .space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))} .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-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * 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))} .space-y-8 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))} .divide-y > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))} .divide-gray-100 > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246 / var(--tw-divide-opacity, 1))} .divide-tertiary > :not([hidden]) ~ :not([hidden]){border-color:var(--color-border-tertiary)} .self-start{align-self:flex-start} .self-end{align-self:flex-end} .self-center{align-self:center} .self-stretch{align-self:stretch} .justify-self-start{justify-self:start} .overflow-auto{overflow:auto} .overflow-hidden{overflow:hidden} .overflow-x-auto{overflow-x:auto} .overflow-y-auto{overflow-y:auto} .overflow-x-hidden{overflow-x:hidden} .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .whitespace-normal{white-space:normal} .whitespace-nowrap{white-space:nowrap} .whitespace-pre-line{white-space:pre-line} .whitespace-pre-wrap{white-space:pre-wrap} .break-words{overflow-wrap:break-word} .break-all{word-break:break-all} .rounded{border-radius:0.25rem} .rounded-2xl{border-radius:1rem} .rounded-3xl{border-radius:1.5rem} .rounded-\[123px\]{border-radius:123px} .rounded-\[50px\]{border-radius:50px} .rounded-\[7px\]{border-radius:7px} .rounded-full{border-radius:9999px} .rounded-large{border-radius:1rem} .rounded-lg{border-radius:0.5rem} .rounded-md{border-radius:0.375rem} .rounded-medium{border-radius:0.75rem} .rounded-small{border-radius:0.5rem} .rounded-xl{border-radius:0.75rem} .rounded-b-lg{border-bottom-right-radius:0.5rem;border-bottom-left-radius:0.5rem} .rounded-b-xl{border-bottom-right-radius:0.75rem;border-bottom-left-radius:0.75rem} .rounded-t-lg{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem} .rounded-t-xl{border-top-left-radius:0.75rem;border-top-right-radius:0.75rem} .rounded-tl-none{border-top-left-radius:0px} .rounded-tr-none{border-top-right-radius:0px} .\!border-2{border-width:2px !important} .border{border-width:1px} .border-0{border-width:0px} .border-2{border-width:2px} .border-\[2px\]{border-width:2px} .border-\[32px\]{border-width:32px} .border-y{border-top-width:1px;border-bottom-width:1px} .border-b{border-bottom-width:1px} .border-b-0{border-bottom-width:0px} .border-l{border-left-width:1px} .border-t{border-top-width:1px} .border-solid{border-style:solid} .border-dashed{border-style:dashed} .border-none{border-style:none} .\!border-secondary{border-color:var(--color-border-secondary) !important} .border-\[color\:var\(--color-purple-light-soft\)\]{border-color:var(--color-purple-light-soft)} .border-cuaternary{border-color:var(--color-border-cuaternary)} .border-default{border-color:var(--color-border-default)} .border-error{border-color:var(--color-border-error)} .border-info{border-color:var(--color-border-info)} .border-primary{border-color:var(--color-border-primary)} .border-secondary{border-color:var(--color-border-secondary)} .border-success{border-color:var(--color-border-success)} .border-tertiary{border-color:var(--color-border-tertiary)} .border-transparent{border-color:transparent} .border-warning{border-color:var(--color-border-warning)} .border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))} .border-b-transparent{border-bottom-color:transparent} .border-t-transparent{border-top-color:transparent} .\!bg-light{background-color:var(--color-fill-light) !important} .bg-\[\#c2c4ca\]{--tw-bg-opacity:1;background-color:rgb(194 196 202 / var(--tw-bg-opacity, 1))} .bg-\[color\:var\(--color-purple-very-light\)\]{background-color:var(--color-purple-very-light)} .bg-\[var\(--color-border-default\)\]{background-color:var(--color-border-default)} .bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))} .bg-black\/25{background-color:rgb(0 0 0 / 0.25)} .bg-black\/50{background-color:rgb(0 0 0 / 0.5)} .bg-company-avatar-1{background-color:var(--color-company-avatar-1)} .bg-company-avatar-10{background-color:var(--color-company-avatar-10)} .bg-company-avatar-2{background-color:var(--color-company-avatar-2)} .bg-company-avatar-3{background-color:var(--color-company-avatar-3)} .bg-company-avatar-4{background-color:var(--color-company-avatar-4)} .bg-company-avatar-5{background-color:var(--color-company-avatar-5)} .bg-company-avatar-6{background-color:var(--color-company-avatar-6)} .bg-company-avatar-7{background-color:var(--color-company-avatar-7)} .bg-company-avatar-8{background-color:var(--color-company-avatar-8)} .bg-company-avatar-9{background-color:var(--color-company-avatar-9)} .bg-cuaternary{background-color:var(--color-fill-cuaternary)} .bg-error{background-color:var(--color-fill-error)} .bg-error-light{background-color:var(--color-fill-error-light)} .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))} .bg-info{background-color:var(--color-fill-info)} .bg-info-light{background-color:var(--color-fill-info-light)} .bg-light{background-color:var(--color-fill-light)} .bg-nude{background-color:var(--color-fill-nude)} .bg-primary{background-color:var(--color-fill-primary)} .bg-secondary{background-color:var(--color-fill-secondary)} .bg-secondary-light{background-color:var(--color-fill-secondary-light)} .bg-secondary-ultra-light{background-color:var(--color-fill-secondary-ultra-light)} .bg-success{background-color:var(--color-fill-success)} .bg-success-light{background-color:var(--color-fill-success-light)} .bg-surface{background-color:var(--color-background-primary)} .bg-tertiary{background-color:var(--color-fill-tertiary)} .bg-transparent{background-color:transparent} .bg-warning{background-color:var(--color-fill-warning)} .bg-warning-light{background-color:var(--color-fill-warning-light)} .bg-opacity-50{--tw-bg-opacity:0.5} .bg-banner-title-gradient{background-image:var(--banner-title-gradient)} .bg-bg-gradient-auth{background-image:var(--bg-gradient-auth)} .bg-highlight-gradient{background-image:var(--highlight-gradient)} .bg-highlight-gradient-reverse{background-image:var(--highlight-gradient-reverse)} .bg-home-header-gradient{background-image:var(--home-header-gradient)} .bg-news-banner-premium{background-image:var(--news-banner-premium-gradient)} .bg-premium-gradient{background-image:var(--premium-gradient)} .bg-premium-gradient-alt{background-image:var(--premium-gradient-alt)} .bg-cover{background-size:cover} .bg-clip-text{-webkit-background-clip:text;background-clip:text} .bg-center{background-position:center} .object-contain{-o-object-fit:contain;object-fit:contain} .object-cover{-o-object-fit:cover;object-fit:cover} .object-center{-o-object-position:center;object-position:center} .p-0{padding:0px} .p-1{padding:0.25rem} .p-10{padding:2.5rem} .p-2{padding:0.5rem} .p-3{padding:0.75rem} .p-4{padding:1rem} .p-5{padding:1.25rem} .p-6{padding:1.5rem} .p-8{padding:2rem} .p-\[2px\]{padding:2px} .px-0{padding-left:0px;padding-right:0px} .px-1{padding-left:0.25rem;padding-right:0.25rem} .px-1\.5{padding-left:0.375rem;padding-right:0.375rem} .px-10{padding-left:2.5rem;padding-right:2.5rem} .px-2{padding-left:0.5rem;padding-right:0.5rem} .px-2\.5{padding-left:0.625rem;padding-right:0.625rem} .px-20{padding-left:5rem;padding-right:5rem} .px-3{padding-left:0.75rem;padding-right:0.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} .px-8{padding-left:2rem;padding-right:2rem} .py-0{padding-top:0px;padding-bottom:0px} .py-1{padding-top:0.25rem;padding-bottom:0.25rem} .py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem} .py-12{padding-top:3rem;padding-bottom:3rem} .py-2{padding-top:0.5rem;padding-bottom:0.5rem} .py-20{padding-top:5rem;padding-bottom:5rem} .py-3{padding-top:0.75rem;padding-bottom:0.75rem} .py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem} .py-4{padding-top:1rem;padding-bottom:1rem} .py-5{padding-top:1.25rem;padding-bottom:1.25rem} .py-6{padding-top:1.5rem;padding-bottom:1.5rem} .py-8{padding-top:2rem;padding-bottom:2rem} .py-\[3px\]{padding-top:3px;padding-bottom:3px} .pb-1\.5{padding-bottom:0.375rem} .pb-10{padding-bottom:2.5rem} .pb-12{padding-bottom:3rem} .pb-16{padding-bottom:4rem} .pb-2{padding-bottom:0.5rem} .pb-24{padding-bottom:6rem} .pb-3{padding-bottom:0.75rem} .pb-4{padding-bottom:1rem} .pb-5{padding-bottom:1.25rem} .pb-6{padding-bottom:1.5rem} .pb-7{padding-bottom:1.75rem} .pb-8{padding-bottom:2rem} .pe-2{padding-inline-end:0.5rem} .pl-14{padding-left:3.5rem} .pl-2{padding-left:0.5rem} .pl-3{padding-left:0.75rem} .pl-4{padding-left:1rem} .pr-1{padding-right:0.25rem} .pr-10{padding-right:2.5rem} .pr-2{padding-right:0.5rem} .pr-20{padding-right:5rem} .pr-6{padding-right:1.5rem} .ps-4{padding-inline-start:1rem} .pt-0{padding-top:0px} .pt-0\.5{padding-top:0.125rem} .pt-1{padding-top:0.25rem} .pt-1\.5{padding-top:0.375rem} .pt-2{padding-top:0.5rem} .pt-3{padding-top:0.75rem} .pt-4{padding-top:1rem} .pt-6{padding-top:1.5rem} .pt-8{padding-top:2rem} .pt-\[22px\]{padding-top:22px} .text-left{text-align:left} .text-center{text-align:center} .text-right{text-align:right} .text-end{text-align:end} .font-mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace} .font-sans{font-family:"Greed Standard", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"} .text-2xl{font-size:1.5rem;line-height:2rem} .text-3xl{font-size:1.875rem;line-height:2.25rem} .text-4xl{font-size:2.25rem;line-height:2.5rem} .text-5xl{font-size:3rem;line-height:1} .text-6xl{font-size:3.75rem;line-height:1} .text-9xl{font-size:8rem;line-height:1} .text-\[15px\]{font-size:15px} .text-\[28px\]{font-size:28px} .text-\[30px\]{font-size:30px} .text-base{font-size:1rem;line-height:1.5rem} .text-lg{font-size:1.125rem;line-height:1.75rem} .text-sm{font-size:0.875rem;line-height:1.25rem} .text-xl{font-size:1.25rem;line-height:1.75rem} .text-xs{font-size:0.75rem;line-height:1rem} .font-bold{font-weight:700} .font-medium{font-weight:500} .font-normal{font-weight:400} .font-semibold{font-weight:600} .uppercase{text-transform:uppercase} .lowercase{text-transform:lowercase} .capitalize{text-transform:capitalize} .normal-case{text-transform:none} .italic{font-style:italic} .ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)} .leading-5{line-height:1.25rem} .leading-\[15px\]{line-height:15px} .leading-\[17px\]{line-height:17px} .leading-none{line-height:1} .leading-normal{line-height:1.5} .leading-snug{line-height:1.375} .leading-tight{line-height:1.25} .tracking-\[0px\]{letter-spacing:0px} .tracking-normal{letter-spacing:0em} .\!text-secondary{color:var(--color-text-secondary) !important} .text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))} .text-cuaternary{color:var(--color-text-cuaternary)} .text-error{color:var(--color-text-error)} .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))} .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))} .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))} .text-icon-cuaternary{color:var(--color-icon-cuaternary)} .text-icon-inverse{color:var(--color-icon-inverse)} .text-icon-primary{color:var(--color-icon-primary)} .text-icon-secondary{color:var(--color-icon-secondary)} .text-icon-tertiary{color:var(--color-icon-tertiary)} .text-icon-warning{color:var(--color-icon-warning)} .text-info{color:var(--color-text-info)} .text-inverse{color:var(--color-text-inverse)} .text-primary{color:var(--color-text-primary)} .text-primary-light{color:var(--color-text-primary-light)} .text-secondary{color:var(--color-text-secondary)} .text-success{color:var(--color-text-success)} .text-tertiary{color:var(--color-text-tertiary)} .text-transparent{color:transparent} .text-warning{color:var(--color-text-warning)} .text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .underline{text-decoration-line:underline} .opacity-0{opacity:0} .opacity-100{opacity:1} .opacity-30{opacity:0.3} .opacity-40{opacity:0.4} .opacity-50{opacity:0.5} .opacity-60{opacity:0.6} .shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-\[0_-2px_10px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{--tw-shadow:0 -2px 10px 0 rgba(0,0,0,0.05);--tw-shadow-colored:0 -2px 10px 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-popover{--tw-shadow:0px 9px 28px 8px #0000000D, 0px 6px 16px 0px #00000014, 0px 3px 6px -4px #0000001F;--tw-shadow-colored:0px 9px 28px 8px var(--tw-shadow-color), 0px 6px 16px 0px var(--tw-shadow-color), 0px 3px 6px -4px 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 / 0.1), 0 8px 10px -6px rgb(0 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)} .outline-none{outline:2px solid transparent;outline-offset:2px} .outline{outline-style:solid} .ring{--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)} .blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important} .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .\!transition-none{transition-property:none !important} .transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .duration-150{transition-duration:150ms} .duration-200{transition-duration:200ms} .duration-300{transition-duration:300ms} .ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1)} .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)} .ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)} .will-change-transform{will-change:transform} .\@container{container-type:inline-size} .\@container\/main{container-type:inline-size;container-name:main} .\@container\/marketplace-header{container-type:inline-size;container-name:marketplace-header} .\@container\/permissions{container-type:inline-size;container-name:permissions} .border-premium-gradient{border:1px solid transparent;background-image:linear-gradient(var(--color-fill-surface), var(--color-fill-surface)), linear-gradient(135deg, var(--premium-gradient-stop-1), var(--premium-gradient-stop-2), var(--premium-gradient-stop-3), var(--premium-gradient-stop-4), var(--premium-gradient-stop-1));background-origin:border-box;background-clip:padding-box, border-box} .border-premium-gradient-animated{border:2px solid transparent;background-image:linear-gradient(var(--color-fill-light), var(--color-fill-light)), linear-gradient(var(--border-angle), var(--premium-gradient-stop-1), var(--premium-gradient-stop-2), var(--premium-gradient-stop-3), var(--premium-gradient-stop-4), var(--premium-gradient-stop-1));background-origin:border-box;background-clip:padding-box, border-box;animation:border-spin 6s linear infinite} .tab-premium-border{position:relative;border-bottom:1px solid var(--color-border-secondary);} .tab-premium-border::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px 1px 0 1px;background:var(--premium-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1} .tab-premium-border--no-bottom{border-bottom:none} .margin-sidebar-collapsed{margin-left:var(--collapsed-sidebar-width)} .margin-sidebar-expanded{margin-left:var(--expanded-sidebar-width)} .page-gutter{padding-left:1rem;padding-right:1rem;padding-inline:calc(var(--spacing) * 4)} @media (min-width:48rem){.page-gutter{padding-inline:calc(var(--spacing) * 8)}} @media (min-width: 768px){ .page-gutter{padding-left:2rem;padding-right:2rem}} .page-max-width{margin-left:auto;margin-right:auto;max-width:var(--max-screen-width);margin-inline:auto} .page-layout{display:flex;width:100%;flex:1 1 0%;flex-direction:column;gap:1rem;padding-left:1rem;padding-right:1rem;padding-inline:calc(var(--spacing) * 4)} @media (min-width:48rem){.page-layout{padding-inline:calc(var(--spacing) * 8)}} @media (min-width: 768px){ .page-layout{padding-left:2rem;padding-right:2rem}} .page-layout{margin-left:auto;margin-right:auto;max-width:var(--max-screen-width);margin-inline:auto;padding-bottom:2rem;padding-bottom:calc(var(--spacing) * 8)} @media (min-width:48rem){.page-layout{padding-bottom:calc(var(--spacing) * 16)}} @media (min-width: 768px){ .page-layout{padding-bottom:4rem}} .page-layout{display:flex;width:100%;flex:1;flex-direction:column;gap:calc(var(--spacing) * 4)} @media (min-width:48rem){.page-layout{gap:calc(var(--spacing) * 8)}} @media (min-width: 768px){ .page-layout{gap:2rem}} .main-container-query { container-type: inline-size; container-name: main; } .\!tooltip{max-width:15rem;gap:0.5rem;background-color:var(--color-fill-dark);padding:1rem;font-size:0.875rem;line-height:1.25rem;color:var(--color-text-inverse);z-index:50;display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--spacing) * 2);align-self:stretch;border-radius:.25rem;background-color:var(--background-color-dark);padding:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--text-color-inverse)} .tooltip{max-width:15rem;gap:0.5rem;background-color:var(--color-fill-dark);padding:1rem;font-size:0.875rem;line-height:1.25rem;color:var(--color-text-inverse);z-index:50;display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--spacing) * 2);align-self:stretch;border-radius:.25rem;background-color:var(--background-color-dark);padding:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--text-color-inverse)} .tooltip-arrow { fill: var(--color-fill-dark); } .tooltip-arrow-white { fill: var(--color-white); } .chart-tooltip-container{--tw-translate-x:-50%;--tw-translate-y:calc(calc(100% + 10px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:0.5rem;background-color:var(--color-fill-dark);padding:0.75rem;font-size:0.875rem;line-height:1.25rem;color:var(--color-text-inverse);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);pointer-events:none;position:absolute;z-index:50;--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-lg);background-color:var(--background-color-dark);padding:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--text-color-inverse);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;transition-duration:.5s;--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out); translate: none} .chart-tooltip-container::after{top:100%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-width:6px;border-color:transparent;border-top-color:var(--color-border-dark);--tw-content:'';content:var(--tw-content);position:absolute;left:50%;--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-border-style:solid;border-style:solid;border-color:#0000; translate: none} .sidebar-collapsed-width{width:var(--collapsed-sidebar-width)} .sidebar-expanded-width{width:var(--expanded-sidebar-width)} .nav-item-surface{border-radius:0.5rem;background-color:var(--color-fill-light);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;position:relative;border-radius:var(--radius-lg);background-color:var(--background-color-light);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))} .nav-item-surface-selected{background-color:var(--color-fill-secondary-ultra-light);background-color:var(--background-color-secondary-ultra-light)} @media (hover:hover){.nav-item-surface-idle:is(:where(.group):hover *){background-color:var(--background-color-secondary-ultra-light)}} .group:hover .nav-item-surface-idle{background-color:var(--color-fill-secondary-ultra-light)} .nav-item-premium-border{border-radius:0.5rem;background-color:transparent;padding:2px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;position:relative;border-radius:var(--radius-lg);background-color:#0000;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))} @media (hover:hover){.nav-item-premium-border:is(:where(.group):hover *){background-image:var(--background-image-premium-gradient)}} .group:hover .nav-item-premium-border{background-image:var(--premium-gradient)} .nav-item-premium-border-selected{background-image:var(--premium-gradient);background-image:var(--background-image-premium-gradient)} .nav-item-collapsed{height:2rem;width:2rem;height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8)} .text-auth-header{font-weight:600;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold); font-size: var(--font-size-auth-headers)} .scrollbar-hidden::-webkit-scrollbar { display: none; } .scrollbar-hidden { scrollbar-width: none; -ms-overflow-style: none; } .first-letter-uppercase::first-letter { text-transform: uppercase; } .border-premium-gradient { background: var(--premium-gradient-alt); transition: all 0.4 ease-out; } .border-premium-gradient:hover { background: var(--premium-gradient); } .\[appearance\:textfield\]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield} .\[grid-template-columns\:repeat\(auto-fit\2c minmax\(min\(257px\2c 100\%\)\2c 1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(min(257px,100%),1fr))} /* Font sizes */ :root { --font-size-auth-headers: 1.75rem; /* 28px */ } /* Global styles */ html { scrollbar-gutter: stable; } body { background-color: var(--color-background-primary); color: var(--color-text-secondary); font-family: 'Greed Standard', sans-serif; font-synthesis-weight: none; } /* Custom fonts */ @font-face { font-family: 'Greed Standard'; src: url('/assets/Greed-Standard-Regular-RAMK720m.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Greed Standard'; src: url('/assets/Greed-Standard-Medium-B4GYOlID.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter'; src: url('/assets/Inter-variable-c8O0ljhh.ttf') format('truetype'); font-weight: 100 900; font-style: normal; } /* Custom classes */ .custom-filter-purple { filter: brightness(0) saturate(100%) invert(26%) sepia(78%) saturate(5204%) hue-rotate(248deg) brightness(102%) contrast(101%); } .custom-filter-blue { filter: brightness(0) saturate(100%) invert(32%) sepia(75%) saturate(3829%) hue-rotate(200deg) brightness(103%) contrast(105%); } input[type='range']::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background: #683fff; border-radius: 50%; width: 8px; height: 8px; cursor: ew-resize; position: relative; } .remove-arrow::-webkit-inner-spin-button, .remove-arrow::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .remove-arrow { -moz-appearance: textfield; } .custom-scrollbar { overflow-y: auto; } .custom-scrollbar::-webkit-scrollbar { width: 6px; border-radius: 8px; padding: 1px; } .custom-scrollbar::-webkit-scrollbar-track { background: var(--color-fill-light); border-radius: 8px; padding: 1px; } .custom-scrollbar::-webkit-scrollbar-thumb { background: var(--color-fill-secondary); border-radius: 8px; padding: 1px; } /* Firefox ignores ::-webkit-scrollbar. Gated so Chrome 121+ keeps the webkit styles above, since scrollbar-color would override them there. */ @supports not selector(::-webkit-scrollbar) { .custom-scrollbar { scrollbar-width: thin; scrollbar-color: var(--color-fill-secondary) var(--color-fill-light); } } input[type='search'] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration, input[type='search']::-webkit-search-results-button, input[type='search']::-webkit-search-results-decoration { -webkit-appearance: none; appearance: none; display: none; } /* @frekuent/orbit's compiled CSS (Tailwind v4) sets these via the native `translate` property, while our Tailwind v3 build sets them via `transform`. Both apply and stack, doubling the offset. Null the native property so only `transform` wins. */ .-translate-x-1\/2, .-translate-y-1\/2 { translate: none; } /* Orbit ships its utilities precompiled and we import them *before* `@tailwind utilities`, so the app can override an Orbit component through `className`. The cost: Orbit's own responsive variants sit earlier in the cascade than our base utilities, and at equal specificity the later rule wins. An Orbit component that pairs a base utility with a variant for the same property therefore never flips — `InfoRow` renders `flex-col gap-1 text-left` plus `@3xs:flex-row @3xs:gap-4 @3xs:text-right`, and our `.flex-col` / `.gap-1` / `.text-left` beat all three, so the row is stuck in a column at every width. Re-assert Orbit's block here, after our utilities, where it can win. Delete this once Orbit emits its internals in a cascade layer (or as real component classes) instead of raw utilities. */ @container (min-width: 16rem) { .\@3xs\:flex-row { flex-direction: row; } .\@3xs\:items-center { align-items: center; } .\@3xs\:justify-between { justify-content: space-between; } .\@3xs\:gap-4 { gap: 1rem; } .\@3xs\:text-right { text-align: right; } } /* Same trap, Orbit's `@sm` breakpoint — `StepCard` is the second case (SPACEX-729). Its premium subtitle is `hidden @sm:block`, and our `.hidden` is emitted after Orbit's sheet, so the subtitle never appeared at any width. The other three hold Orbit `StickyActionBar`'s `banner` row. Tailwind does not scan `node_modules`, so our build only emits its own later copy of them while `ConnectivitySupportBanner` spells them in `src/`; without this block `@sm:justify-between` would fall behind our `.justify-center` the day that file changes — silently, as ever. Delete alongside the `@3xs` block above, under the same condition. */ @container (min-width: 24rem) { .\@sm\:block { display: block; } .\@sm\:flex-row { flex-direction: row; } .\@sm\:items-center { align-items: center; } .\@sm\:justify-between { justify-content: space-between; } } .first-letter\:uppercase::first-letter{text-transform:uppercase} .first-letter\:capitalize::first-letter{text-transform:capitalize} .placeholder\:text-tertiary::-moz-placeholder{color:var(--color-text-tertiary)} .placeholder\:text-tertiary::placeholder{color:var(--color-text-tertiary)} .last\:border-b:last-child{border-bottom-width:1px} .last\:border-b-0:last-child{border-bottom-width:0px} .empty\:hidden:empty{display:none} .focus-within\:border-error:focus-within{border-color:var(--color-border-error)} .hover\:border-cuaternary:hover{border-color:var(--color-border-cuaternary)} .hover\:border-primary:hover{border-color:var(--color-border-primary)} .hover\:border-transparent:hover{border-color:transparent} .hover\:bg-light:hover{background-color:var(--color-fill-light)} .hover\:bg-secondary-ultra-light:hover{background-color:var(--color-fill-secondary-ultra-light)} .hover\:text-icon-secondary:hover{color:var(--color-icon-secondary)} .hover\:text-primary:hover{color:var(--color-text-primary)} .hover\:text-secondary:hover{color:var(--color-text-secondary)} .hover\:border-premium-gradient-animated:hover{border:2px solid transparent;background-image:linear-gradient(var(--color-fill-light), var(--color-fill-light)), linear-gradient(var(--border-angle), var(--premium-gradient-stop-1), var(--premium-gradient-stop-2), var(--premium-gradient-stop-3), var(--premium-gradient-stop-4), var(--premium-gradient-stop-1));background-origin:border-box;background-clip:padding-box, border-box;animation:border-spin 6s linear infinite} .focus\:border-cuaternary:focus{border-color:var(--color-border-cuaternary)} .focus\:border-error:focus{border-color:var(--color-border-error)} .focus\:border-transparent:focus{border-color:transparent} .focus\:text-secondary:focus{color:var(--color-text-secondary)} .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px} .focus\:ring-1: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(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)} .group[aria-expanded="true"] .group-aria-expanded\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} @container (min-width: 16rem){ .\@\[16rem\]\:text-right{text-align:right}} @container (min-width: 24rem){ .\@sm\:w-auto{width:auto} .\@sm\:flex-row{flex-direction:row} .\@sm\:items-center{align-items:center} .\@sm\:gap-4{gap:1rem} .\@sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}} @container (min-width: 28rem){ .\@md\:col-span-2{grid-column:span 2 / span 2} .\@md\:ml-auto{margin-left:auto} .\@md\:mt-2{margin-top:0.5rem} .\@md\:h-16{height:4rem} .\@md\:w-16{width:4rem} .\@md\:shrink-0{flex-shrink:0} .\@md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .\@md\:flex-row{flex-direction:row} .\@md\:items-center{align-items:center} .\@md\:justify-between{justify-content:space-between} .\@md\:gap-2\.5{gap:0.625rem} .\@md\:gap-4{gap:1rem} .\@md\:gap-5{gap:1.25rem} .\@md\:p-3{padding:0.75rem} .\@md\:pr-8{padding-right:2rem} .\@md\:text-2xl{font-size:1.5rem;line-height:2rem} .\@md\:text-lg{font-size:1.125rem;line-height:1.75rem}} @container (min-width: 32rem){ .\@lg\:col-span-2{grid-column:span 2 / span 2} .\@lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}} @container permissions (min-width: 36rem){ .\@xl\/permissions\:flex{display:flex} .\@xl\/permissions\:min-w-\[48rem\]{min-width:48rem} .\@xl\/permissions\:flex-1{flex:1 1 0%} .\@xl\/permissions\:basis-1\/3{flex-basis:33.333333%} .\@xl\/permissions\:flex-row{flex-direction:row} .\@xl\/permissions\:items-center{align-items:center} .\@xl\/permissions\:justify-center{justify-content:center} .\@xl\/permissions\:gap-4{gap:1rem} .\@xl\/permissions\:gap-6{gap:1.5rem} .\@xl\/permissions\:self-auto{align-self:auto}} @container (min-width: 36rem){ .\@xl\:w-auto{width:auto} .\@xl\:min-w-\[21rem\]{min-width:21rem} .\@xl\:flex-1{flex:1 1 0%} .\@xl\:gap-6{gap:1.5rem}} @container main (min-width: 42rem){ .\@2xl\/main\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}} @container marketplace-header (min-width: 42rem){ .\@2xl\/marketplace-header\:w-64{width:16rem} .\@2xl\/marketplace-header\:w-auto{width:auto} .\@2xl\/marketplace-header\:shrink-0{flex-shrink:0} .\@2xl\/marketplace-header\:flex-row{flex-direction:row} .\@2xl\/marketplace-header\:items-end{align-items:flex-end} .\@2xl\/marketplace-header\:justify-between{justify-content:space-between} .\@2xl\/marketplace-header\:gap-6{gap:1.5rem} .\@2xl\/marketplace-header\:self-end{align-self:flex-end}} @container (min-width: 48rem){ .\@3xl\:flex{display:flex} .\@3xl\:h-\[88px\]{height:88px} .\@3xl\:flex-1{flex:1 1 0%} .\@3xl\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))} .\@3xl\:flex-row{flex-direction:row} .\@3xl\:items-center{align-items:center} .\@3xl\:justify-around{justify-content:space-around} .\@3xl\:gap-6{gap:1.5rem}} @container (min-width: 56rem){ .\@4xl\:sticky{position:sticky} .\@4xl\:top-6{top:1.5rem} .\@4xl\:w-\[22\.5rem\]{width:22.5rem} .\@4xl\:max-w-xl{max-width:36rem} .\@4xl\:shrink-0{flex-shrink:0} .\@4xl\:flex-row{flex-direction:row} .\@4xl\:items-start{align-items:flex-start}} @container (min-width: 295px){ .\@\[295px\]\:flex-row{flex-direction:row} .\@\[295px\]\:flex-wrap{flex-wrap:wrap}} @container main (min-width: 530px){ .\@\[530px\]\/main\:block{display:block} .\@\[530px\]\/main\:hidden{display:none}} @container (min-width: 1060px){ .\@\[1060px\]\:col-start-1{grid-column-start:1} .\@\[1060px\]\:col-start-2{grid-column-start:2} .\@\[1060px\]\:row-span-2{grid-row:span 2 / span 2} .\@\[1060px\]\:row-start-1{grid-row-start:1} .\@\[1060px\]\:flex{display:flex} .\@\[1060px\]\:grid{display:grid} .\@\[1060px\]\:hidden{display:none} .\@\[1060px\]\:grid-cols-\[minmax\(475px\2c 540px\)_minmax\(25rem\2c 1fr\)\]{grid-template-columns:minmax(475px,540px) minmax(25rem,1fr)} .\@\[1060px\]\:grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr} .\@\[1060px\]\:flex-col{flex-direction:column} .\@\[1060px\]\:gap-8{gap:2rem} .\@\[1060px\]\:gap-y-8{row-gap:2rem} .\@\[1060px\]\:p-8{padding:2rem} .\@\[1060px\]\:px-0{padding-left:0px;padding-right:0px}} @media (min-width: 640px){ .sm\:mb-4{margin-bottom:1rem} .sm\:mt-3{margin-top:0.75rem} .sm\:block{display:block} .sm\:inline-block{display:inline-block} .sm\:inline{display:inline} .sm\:inline-flex{display:inline-flex} .sm\:contents{display:contents} .sm\:hidden{display:none} .sm\:h-\[260px\]{height:260px} .sm\:min-h-40{min-height:10rem} .sm\:w-\[260px\]{width:260px} .sm\:w-auto{width:auto} .sm\:min-w-\[14rem\]{min-width:14rem} .sm\:min-w-\[21rem\]{min-width:21rem} .sm\:flex-none{flex:none} .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\:flex-row{flex-direction:row} .sm\:flex-wrap{flex-wrap:wrap} .sm\:items-center{align-items:center} .sm\:justify-between{justify-content:space-between} .sm\:overflow-visible{overflow:visible} .sm\:whitespace-normal{white-space:normal} .sm\:p-10{padding:2.5rem} .sm\:px-4{padding-left:1rem;padding-right:1rem} .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem} .sm\:px-8{padding-left:2rem;padding-right:2rem} .sm\:py-\[1\.125rem\]{padding-top:1.125rem;padding-bottom:1.125rem} .sm\:text-4xl{font-size:2.25rem;line-height:2.5rem} .sm\:text-base{font-size:1rem;line-height:1.5rem} .sm\:text-lg{font-size:1.125rem;line-height:1.75rem} .sm\:text-xl{font-size:1.25rem;line-height:1.75rem}} @media (min-width: 768px){ .md\:static{position:static} .md\:col-span-1{grid-column:span 1 / span 1} .md\:mx-0{margin-left:0px;margin-right:0px} .md\:ml-auto{margin-left:auto} .md\:mt-0{margin-top:0px} .md\:block{display:block} .md\:hidden{display:none} .md\:h-\[34\.5rem\]{height:34.5rem} .md\:min-h-\[877px\]{min-height:877px} .md\:w-1\/2{width:50%} .md\:w-1\/3{width:33.333333%} .md\:w-auto{width:auto} .md\:min-w-0{min-width:0px} .md\:min-w-\[600px\]{min-width:600px} .md\:min-w-\[9\.25rem\]{min-width:9.25rem} .md\:max-w-2xl{max-width:42rem} .md\:max-w-\[38\.313rem\]{max-width:38.313rem} .md\:max-w-none{max-width:none} .md\:basis-1\/3{flex-basis:33.333333%} .md\:grid-flow-col{grid-auto-flow:column} .md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .md\:flex-row{flex-direction:row} .md\:flex-nowrap{flex-wrap:nowrap} .md\:items-center{align-items:center} .md\:justify-between{justify-content:space-between} .md\:gap-8{gap:2rem} .md\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem} .md\:gap-y-6{row-gap:1.5rem} .md\:space-y-8 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))} .md\:truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .md\:border-0{border-width:0px} .md\:border-t-0{border-top-width:0px} .md\:bg-transparent{background-color:transparent} .md\:p-0{padding:0px} .md\:px-0{padding-left:0px;padding-right:0px} .md\:pb-0{padding-bottom:0px} .md\:ps-0{padding-inline-start:0px} .md\:pt-0{padding-top:0px} .md\:pt-8{padding-top:2rem} .md\:text-4xl{font-size:2.25rem;line-height:2.5rem} .md\:margin-sidebar-collapsed{margin-left:var(--collapsed-sidebar-width)} .md\:margin-sidebar-expanded{margin-left:var(--expanded-sidebar-width)}} @media (min-width: 1024px){ .lg\:block{display:block} .lg\:flex{display:flex} .lg\:hidden{display:none} .lg\:h-\[26rem\]{height:26rem} .lg\:w-1\/2{width:50%} .lg\:w-\[346px\]{width:346px} .lg\:w-\[684px\]{width:684px} .lg\:min-w-\[280px\]{min-width:280px} .lg\:shrink{flex-shrink:1} .lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))} .lg\:flex-row{flex-direction:row} .lg\:items-center{align-items:center} .lg\:justify-between{justify-content:space-between} .lg\:gap-2{gap:0.5rem} .lg\:self-auto{align-self:auto} .lg\:px-16{padding-left:4rem;padding-right:4rem} .lg\:px-20{padding-left:5rem;padding-right:5rem} .lg\:px-28{padding-left:7rem;padding-right:7rem} .lg\:px-8{padding-left:2rem;padding-right:2rem} .lg\:py-0{padding-top:0px;padding-bottom:0px}} @media (min-width: 1280px){ .xl\:w-\[420px\]{width:420px} .xl\:max-w-none{max-width:none} .xl\:max-w-xl{max-width:36rem} .xl\:flex-1{flex:1 1 0%} .xl\:flex-grow{flex-grow:1} .xl\:flex-row{flex-direction:row} .xl\:justify-around{justify-content:space-around}} .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none} .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none} .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[color\:var\(--color-purple-light-soft\)\]::-webkit-scrollbar-thumb{background-color:var(--color-purple-light-soft)} .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none} .\[\&\:\:-webkit-scrollbar\]\:h-1\.5::-webkit-scrollbar{height:0.375rem} .\[\&\>div\]\:mb-0>div{margin-bottom:0px} .\[\&\>svg\]\:block>svg{display:block} .\[\&\>svg\]\:h-full>svg{height:100%} .\[\&\>svg\]\:w-full>svg{width:100%} .\[\&_button\[aria-expanded\]\]\:min-h-0 button[aria-expanded]{min-height:0px} .\[\&_button\]\:cursor-default button{cursor:default} .\[\&_button\]\:opacity-100 button{opacity:1} .\[\&_input\]\:cursor-default input{cursor:default} .\[\&_input\]\:bg-nude input{background-color:var(--color-fill-nude)} .\[\&_path\]\:fill-\[var\(--color-icon-tertiary\)\] path{fill:var(--color-icon-tertiary)} .\[\&_svg\]\:\!size-5 svg{width:1.25rem !important;height:1.25rem !important} .\[\&_svg\]\:\!h-2 svg{height:0.5rem !important} .\[\&_svg\]\:\!w-\[14px\] svg{width:14px !important} @media (min-width: 768px){ .md\:\[\&_svg\]\:\!size-8 svg{width:2rem !important;height:2rem !important}} .\[\&_svg_path\]\:fill-\[var\(--text-color-icon-primary\)\] svg path{fill:var(--text-color-icon-primary)} .\[\&_textarea\]\:cursor-default textarea{cursor:default} .\[\&_textarea\]\:bg-nude textarea{background-color:var(--color-fill-nude)} @media(min-height:700px){ .\[\@media\(min-height\:700px\)\]\:-mb-\[111px\]{margin-bottom:-111px} .\[\@media\(min-height\:700px\)\]\:scale-\[0\.82\]{--tw-scale-x:0.82;--tw-scale-y:0.82;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}} @media(min-height:900px){ .\[\@media\(min-height\:900px\)\]\:mb-0{margin-bottom:0px} .\[\@media\(min-height\:900px\)\]\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}} @keyframes react-loading-skeleton { 100% { transform: translateX(100%); } } .react-loading-skeleton { --base-color: #ebebeb; --highlight-color: #f5f5f5; --animation-duration: 1.5s; --animation-direction: normal; --pseudo-element-display: block; /* Enable animation */ background-color: var(--base-color); width: 100%; border-radius: 0.25rem; display: inline-flex; line-height: 1; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; overflow: hidden; } .react-loading-skeleton::after { content: ' '; display: var(--pseudo-element-display); position: absolute; top: 0; left: 0; right: 0; height: 100%; background-repeat: no-repeat; background-image: var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) ); transform: translateX(-100%); animation-name: react-loading-skeleton; animation-direction: var(--animation-direction); animation-duration: var(--animation-duration); animation-timing-function: ease-in-out; animation-iteration-count: infinite; } @media (prefers-reduced-motion) { .react-loading-skeleton { --pseudo-element-display: none; /* Disable animation */ } }