@undp/design-system-react/dist/style.css

React based design system for UNDP

.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-leave{animation-duration:.3s;animation-play-state:paused;animation-fill-mode:both;display:block!important}@keyframes rcSliderTooltipZoomDownIn{0%{transform-origin:50% 100%;opacity:0;transform:scale(0)}to{transform-origin:50% 100%;transform:scale(1)}}@keyframes rcSliderTooltipZoomDownOut{0%{transform-origin:50% 100%;transform:scale(1)}to{transform-origin:50% 100%;opacity:0;transform:scale(0)}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial;--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-scroll-snap-strictness:proximity;--tw-space-x-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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--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-scrollbar-thumb:#0000;--tw-scrollbar-track:#0000;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}.rc-slider{touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:#0000;border-radius:6px;width:100%;height:14px;padding:5px 0;position:relative}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:#0000}.rc-slider-rail{background-color:#e9e9e9;border-radius:6px;width:100%;height:4px;position:absolute}.rc-slider-track,.rc-slider-tracks{background-color:#abe2fb;border-radius:6px;height:4px;position:absolute}.rc-slider-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid #0000;border-bottom:5px solid #0000;transform:translateY(-5px)}.rc-slider-handle{z-index:1;cursor:pointer;width:14px;height:14px;cursor:-webkit-grab;cursor:grab;opacity:.8;-webkit-user-select:none;user-select:none;touch-action:pan-x;background-color:#fff;border:2px solid #96dbfa;border-radius:50%;margin-top:-5px;position:absolute}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete{opacity:0}.rc-slider-handle:focus{box-shadow:none;outline:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{box-shadow:unset;border-color:#96dbfa}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{cursor:-webkit-grabbing;cursor:grabbing;border-color:#57c5f7;box-shadow:0 0 5px #57c5f7}.rc-slider-mark{width:100%;font-size:12px;position:absolute;top:18px;left:0}.rc-slider-mark-text{color:#999;text-align:center;vertical-align:middle;cursor:pointer;display:inline-block;position:absolute}.rc-slider-mark-text-active{color:#666}.rc-slider-step{background:0 0;width:100%;height:4px;position:absolute}.rc-slider-dot{vertical-align:middle;cursor:pointer;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-2px}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{box-shadow:none;cursor:not-allowed;background-color:#fff;border-color:#ccc}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{width:4px;bottom:0;left:5px}.rc-slider-vertical .rc-slider-track-draggable{border:0;border-left:5px solid #0000;border-right:5px solid #0000;transform:translate(-5px)}.rc-slider-vertical .rc-slider-handle{z-index:1;touch-action:pan-y;margin-top:0;margin-left:-5px;position:absolute}.rc-slider-vertical .rc-slider-mark{height:100%;top:0;left:18px}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-leave{animation-duration:.3s;animation-play-state:paused;animation-fill-mode:both;display:block!important}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{animation-timing-function:cubic-bezier(.23,1,.32,1);transform:scale(0)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.rc-slider-tooltip{visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:#0000;position:absolute;top:-9999px;left:-9999px}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:#0000}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{color:#fff;text-align:center;background-color:#6c6c6c;border-radius:6px;min-width:24px;height:24px;padding:6px 2px;font-size:12px;line-height:1;text-decoration:none;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{border-style:solid;border-color:#0000;width:0;height:0;position:absolute}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{border-width:4px 4px 0;border-top-color:#6c6c6c;margin-left:-4px;bottom:4px;left:50%}: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";--color-white:#fff;--spacing:.25rem;--breakpoint-xl:80rem;--container-sm:24rem;--container-lg:32rem;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans)}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}@layer theme;@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-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-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--blue-100:#b5d5f5;--blue-200:#94c4f5;--blue-300:#6babeb;--blue-400:#4f95dd;--blue-500:#3288ce;--blue-600:#0468b1;--blue-700:#1f5a95;--white:#fff;--gray-100:#fafafa;--gray-200:#f7f7f7;--gray-300:#edeff0;--gray-400:#d4d6d8;--gray-500:#a9b1b7;--gray-530:#84929d;--gray-560:#677383;--gray-600:#55606e;--gray-650:#3b4859;--gray-700:#232e3d;--black:#000;--yellow-200:#ffe17e;--yellow-400:#ffeb00;--yellow-600:#fbc412;--red-200:#ffbcb7;--red-400:#ee402d;--red-600:#d12800;--green-200:#b8ecb6;--green-400:#6de354;--green-600:#59ba47;--azure-200:#a2daf3;--azure-400:#60d4f2;--azure-600:#00c1ff;--sdg-1:#e5243b;--sdg-2:#dda63a;--sdg-3:#4c9f38;--sdg-4:#c5192d;--sdg-5:#ff3a21;--sdg-6:#26bde2;--sdg-7:#fcc30b;--sdg-8:#a21942;--sdg-9:#fd6925;--sdg-10:#dd1367;--sdg-11:#fd9d24;--sdg-12:#bf8b2e;--sdg-13:#3f7e44;--sdg-14:#0a97d9;--sdg-15:#56c02b;--sdg-16:#00689d;--sdg-17:#19486a;--background:var(--white);--background-soft:var(--gray-100);--foreground:var(--black);--foreground-soft:var(--gray-700);--ring:var(--blue-100);--error:var(--red-600);--error-hover:var(--red-400);--error-light:var(--red-200);--warning:var(--yellow-600);--warning-hover:var(--yellow-600);--warning-light:var(--yellow-200);--success:var(--green-600);--success-hover:var(--green-400);--success-light:var(--green-200);--info:var(--blue-600);--info-hover:var(--blue-400);--info-light:var(--blue-200);--primary:var(--red-600);--primary-hover:var(--red-400);--primary-light:var(--red-200);--secondary:var(--blue-600);--secondary-hover:var(--blue-400);--secondary-light:var(--blue-200);--tertiary:var(--azure-600);--tertiary-hover:var(--azure-400);--tertiary-light:var(--azure-200);--quaternary:var(--yellow-600);--quaternary-hover:var(--yellow-400);--quaternary-light:var(--yellow-200);--content-primary:var(--foreground);--content-secondary:var(--gray-560);--content-tertiary:var(--gray-530);--content-quaternary:var(--gray-500);--content-placeholder:var(--gray-530);--content-disabled:var(--gray-530);--content-reverse:var(--background);--surface:var(--gray-200);--surface-hover:var(--gray-300);--surface-hard:var(--gray-400);--surface-hard-hover:var(--gray-500);--surface-2xs:var(--gray-100);--surface-xs:var(--gray-200);--surface-sm:var(--gray-300);--surface-md:var(--gray-400);--surface-lg:var(--gray-500);--surface-xl:var(--gray-530);--surface-2xl:var(--gray-560);--surface-3xl:var(--gray-600);--surface-4xl:var(--gray-700);--stroke:var(--gray-400);--stroke-hover:var(--gray-600);--stroke-2xs:var(--gray-100);--stroke-xs:var(--gray-200);--stroke-sm:var(--gray-300);--stroke-md:var(--gray-400);--stroke-lg:var(--gray-500);--stroke-xl:var(--gray-530);--stroke-2xl:var(--gray-560);--stroke-3xl:var(--gray-600);--stroke-4xl:var(--gray-700);--footer-background:var(--blue-600);--card-hover-color:var(--yellow-400);--opacity-disabled:.5;--font-body:ProximaNova, sans-serif;--font-sans:var(--font-body);--font-heading:SohneBreit, ProximaNova, sans-serif;--text-h1:6.25rem;--text-h1-sm:5.125rem;--text-h1-xs:3rem;--text-h2:3.5rem;--text-h2-sm:2.875rem;--text-h2-xs:2.5rem;--text-h3:3rem;--text-h3-sm:3rem;--text-h3-xs:2.5rem;--text-h4:2rem;--text-h4-sm:2rem;--text-h4-xs:1.875rem;--text-h5:1.5rem;--text-h5-sm:1.5rem;--text-h5-xs:1.25rem;--text-h6:1rem;--text-h6-sm:1rem;--text-h6-xs:1rem;--text-p:1.25rem;--text-p-sm:1rem;--text-p-xs:1rem;--text-2xl:1.5rem;--text-xl:1.25rem;--text-lg:1.125rem;--text-base:1rem;--text-sm:.875rem;--text-xs:.75rem;--text-2xs:.625rem;--leading-h1:1.08;--leading-h2:1.1;--leading-h3:1.15;--leading-h4:1.15;--leading-h5:1.15;--leading-h6:1.15;--leading-p:1.4;--leading-2xl:2;--leading-xl:1.8;--leading-lg:1.6;--leading-base:1.4;--leading-sm:1.2;--leading-xs:1;--leading-none:0;--rounded-base:0;--rounded-sm:.125rem;--rounded-md:.25rem;--rounded-lg:.5rem;--rounded-xl:1rem;--rounded-2xl:2rem;--blur-frosted:18px}*,:after,:before,::backdrop{border-color:var(--stroke,currentcolor)}::file-selector-button{border-color:var(--stroke,currentcolor)}body{line-height:inherit;color:var(--foreground);font-family:var(--font-body);margin:0}ul{list-style-type:disc}ol{list-style-type:decimal}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.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}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.inset-s-1\/2{inset-inline-start:50%}.top-0{top:0}.top-1{top:var(--spacing)}.top-4{top:calc(var(--spacing) * 4)}.top-6{top:calc(var(--spacing) * 6)}.top-\[40vh\]{top:40vh}.top-\[50\%\]{top:50%}.top-full{top:100%}.right-0{right:0}.right-1{right:var(--spacing)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-6{right:calc(var(--spacing) * 6)}.bottom-0{bottom:0}.bottom-10{bottom:calc(var(--spacing) * 10)}.left-0{left:0}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-5{z-index:5}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-100{z-index:100}.z-\[1\]{z-index:1}.order-first{order:-9999}.order-last{order:9999}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}.m-0{margin:0}.m-0\!{margin:0!important}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-0{margin-inline:0}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-3\.5{margin-block:calc(var(--spacing) * 3.5)}.my-4{margin-block:calc(var(--spacing) * 4)}.-mt-0\.5{margin-top:calc(var(--spacing) * -.5)}.-mt-px{margin-top:-1px}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\!{margin-top:var(--spacing)!important}.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-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mt-auto{margin-top:auto}.mr-0{margin-right:0}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-6{margin-right:calc(var(--spacing) * 6)}.mr-auto{margin-right:auto}.-mb-0\.5{margin-bottom:calc(var(--spacing) * -.5)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-\[4\.8px\]{margin-bottom:4.8px}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-7\.5{margin-left:calc(var(--spacing) * 7.5)}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-\[--cell-size\]{width:--cell-size;height:--cell-size}.size-full{width:100%;height:100%}.h-0{height:0}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.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-12{height:calc(var(--spacing) * 12)}.h-18\.75{height:calc(var(--spacing) * 18.75)}.h-20{height:calc(var(--spacing) * 20)}.h-20\.5{height:calc(var(--spacing) * 20.5)}.h-64{height:calc(var(--spacing) * 64)}.h-96{height:calc(var(--spacing) * 96)}.h-\[--cell-size\]{height:--cell-size}.h-\[1px\]{height:1px}.h-\[2px\]{height:2px}.h-\[3px\]{height:3px}.h-\[4px\]{height:4px}.h-\[5px\]{height:5px}.h-\[6px\]{height:6px}.h-\[14px\]{height:14px}.h-\[20px\]{height:20px}.h-\[22px\]{height:22px}.h-\[30px\]{height:30px}.h-\[32px\]{height:32px}.h-\[40vh\]{height:40vh}.h-\[calc\(100vh-75px\)\]{height:calc(100vh - 75px)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-max{height:max-content}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[--radix-select-content-available-height\]{max-height:--radix-select-content-available-height}.max-h-\[90vh\]{max-height:90vh}.max-h-\[204px\]{max-height:204px}.max-h-none{max-height:none}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-94\.5{min-height:calc(var(--spacing) * 94.5)}.min-h-\[40px\]\!{min-height:40px!important}.min-h-\[48px\]\!{min-height:48px!important}.min-h-\[60px\]{min-height:60px}.min-h-\[320px\]{min-height:320px}.min-h-auto{min-height:auto}.min-h-full{min-height:100%}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-1\/4{width:25%}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/3{width:66.6667%}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-24{width:calc(var(--spacing) * 24)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[--cell-size\]{width:--cell-size}.w-\[1px\]{width:1px}.w-\[2px\]{width:2px}.w-\[3px\]{width:3px}.w-\[4px\]{width:4px}.w-\[5px\]{width:5px}.w-\[6px\]{width:6px}.w-\[14px\]{width:14px}.w-\[22px\]{width:22px}.w-\[32px\]{width:32px}.w-\[40px\]{width:40px}.w-\[60px\]{width:60px}.w-\[calc\(100\%-32px\)\]{width:calc(100% - 32px)}.w-\[calc\(100\%-80px\)\]{width:calc(100% - 80px)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\(--breakpoint-xl\){max-width:var(--breakpoint-xl)}.max-w-\[72px\]{max-width:72px}.max-w-\[80\%\]{max-width:80%}.max-w-\[1024px\]{max-width:1024px}.max-w-\[1272px\]{max-width:1272px}.max-w-\[1440px\]{max-width:1440px}.max-w-\[1600px\]{max-width:1600px}.max-w-\[1980px\]{max-width:1980px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-60{min-width:calc(var(--spacing) * 60)}.min-w-\[--cell-size\]{min-width:--cell-size}.min-w-\[8rem\]{min-width:8rem}.min-w-\[320px\]{min-width:320px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-\[0_0_100\%\]{flex:0 0 100%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-\[--radix-select-content-transform-origin\]{transform-origin:--radix-select-content-transform-origin}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-3\/4{--tw-translate-y:calc(calc(3 / 4 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-3\/4{--tw-translate-y:calc(3 / 4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;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,)}.shimmer{--_spread:var(--shimmer-spread,calc(3ch + 40px));--_base:currentColor;--_highlight:var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* .2)));background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}@supports (color:color-mix(in lab, red, red)){.shimmer{background-image:var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))))}}.shimmer{background-repeat:no-repeat;background-size:calc(200% + var(--_spread) * 2) 100%;-webkit-text-fill-color:var(--shimmer-text-fill,transparent);animation:tw-shimmer var(--shimmer-duration,2s) linear infinite;background-position:0 0;-webkit-background-clip:text;background-clip:text}.shimmer:is(.dark *){--_highlight:var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)))}.shimmer:where([dir=rtl],[dir=rtl] *){animation-direction:reverse}.scroll-fade-x{--_scroll-fade-size-s:var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--_scroll-fade-size-e:var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--scroll-fade-inline:linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%)}.scroll-fade-x:where([dir=rtl],[dir=rtl] *){--scroll-fade-inline:linear-gradient(to left, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%)}.scroll-fade-x{-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));mask-image:var(--scroll-fade-mask,var(--scroll-fade-inline));-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@supports (animation-timeline:scroll()){.scroll-fade-x{animation:1ms ease-in-out scroll-fade-reveal-s,1ms ease-in-out scroll-fade-reveal-e;animation-timeline:scroll(self inline),scroll(self inline);animation-range:0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%;animation-fill-mode:both}}@supports not (animation-timeline:scroll()){.scroll-fade-x{--scroll-fade-s:var(--_scroll-fade-size-s);--scroll-fade-e:var(--_scroll-fade-size-e)}}.scroll-fade-b{--_scroll-fade-size-b:var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10))));--scroll-fade-mask:linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%);-webkit-mask-image:var(--scroll-fade-mask);-webkit-mask-image:var(--scroll-fade-mask);-webkit-mask-image:var(--scroll-fade-mask);-webkit-mask-image:var(--scroll-fade-mask);mask-image:var(--scroll-fade-mask);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}@supports (animation-timeline:scroll()){.scroll-fade-b{animation:1ms ease-in-out scroll-fade-reveal-b;animation-timeline:scroll(self y);animation-range:calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%;animation-fill-mode:both}}@supports not (animation-timeline:scroll()){.scroll-fade-b{--scroll-fade-b:var(--_scroll-fade-size-b)}}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-spin{animation:1s linear infinite spin}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-not-allowed\!{cursor:not-allowed!important}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize-none{resize:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.scroll-p-0{scroll-padding:0}.scroll-px-1{scroll-padding-inline:var(--spacing)}.scroll-pl-0{scroll-padding-left:0}.scrollbar-none{scrollbar-width:none}.scrollbar-thin{scrollbar-width:thin}.scrollbar-gutter-stable{scrollbar-gutter:stable}.list-none{list-style-type: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-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.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{gap:0}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.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-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-x-1{column-gap:var(--spacing)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.self-end{align-self:flex-end}.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-hidden{overflow-x:hidden}.overflow-x-hidden\!{overflow-x:hidden!important}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.overscroll-x-contain{overscroll-behavior-x:contain}.rounded{border-radius:var(--rounded-base)}.rounded-2xl{border-radius:var(--rounded-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[calc\(var\(--radius\)-3px\)\]{border-radius:calc(var(--radius) - 3px)}.rounded-base{border-radius:var(--rounded-base)}.rounded-base\!{border-radius:var(--rounded-base)!important}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--rounded-lg)}.rounded-md{border-radius:var(--rounded-md)}.rounded-none{border-radius:0}.rounded-none\!{border-radius:0!important}.rounded-sm{border-radius:var(--rounded-sm)}.rounded-xl{border-radius:var(--rounded-xl)}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-full{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.border{border-style:var(--tw-border-style);border-width:1px}.border\!{border-style:var(--tw-border-style)!important;border-width:1px!important}.border-0{border-style:var(--tw-border-style);border-width:0}.border-0\!{border-style:var(--tw-border-style)!important;border-width:0!important}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-2\!{border-style:var(--tw-border-style)!important;border-width:2px!important}.border-\[2px\]{border-style:var(--tw-border-style);border-width:2px}.border-\[4px\]{border-style:var(--tw-border-style);border-width:4px}.border-\[5px\]{border-style:var(--tw-border-style);border-width:5px}.border-\[6px\]{border-style:var(--tw-border-style);border-width:6px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-16{border-bottom-style:var(--tw-border-style);border-bottom-width:16px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-error{border-color:var(--error)}.border-foreground{border-color:var(--foreground)}.border-foreground\!{border-color:var(--foreground)!important}.border-info{border-color:var(--info)}.border-primary{border-color:var(--primary)}.border-primary\!{border-color:var(--primary)!important}.border-quaternary{border-color:var(--quaternary)}.border-quaternary\!{border-color:var(--quaternary)!important}.border-secondary{border-color:var(--secondary)}.border-secondary\!{border-color:var(--secondary)!important}.border-stroke{border-color:var(--stroke)}.border-stroke\!{border-color:var(--stroke)!important}.border-stroke-2xl{border-color:var(--stroke-2xl)}.border-stroke-sm{border-color:var(--stroke-sm)}.border-stroke-xs{border-color:var(--stroke-xs)}.border-success{border-color:var(--success)}.border-surface{border-color:var(--surface)}.border-tertiary{border-color:var(--tertiary)}.border-tertiary\!{border-color:var(--tertiary)!important}.border-transparent{border-color:#0000}.border-warning{border-color:var(--warning)}.border-r-stroke{border-right-color:var(--stroke)}.\!border-b-quaternary{border-bottom-color:var(--quaternary)!important}.\!border-b-stroke{border-bottom-color:var(--stroke)!important}.border-b-background{border-bottom-color:var(--background)}.border-b-stroke{border-bottom-color:var(--stroke)}.bg-accent-yellow{background-color:var(--yellow-400)}.bg-background{background-color:var(--background)}.bg-background\!{background-color:var(--background)!important}.bg-background-soft{background-color:var(--background-soft)}.bg-blue-400{background-color:var(--blue-400)}.bg-error{background-color:var(--error)}.bg-error-light{background-color:var(--error-light)}.bg-footer-background{background-color:var(--footer-background)}.bg-foreground{background-color:var(--foreground)}.bg-foreground\!{background-color:var(--foreground)!important}.bg-foreground-soft{background-color:var(--foreground-soft)}.bg-info{background-color:var(--info)}.bg-info-light{background-color:var(--info-light)}.bg-primary{background-color:var(--primary)}.bg-primary\!{background-color:var(--primary)!important}.bg-primary-light{background-color:var(--primary-light)}.bg-quaternary{background-color:var(--quaternary)}.bg-quaternary\!{background-color:var(--quaternary)!important}.bg-quaternary-light{background-color:var(--quaternary-light)}.bg-sdg-1{background-color:var(--sdg-1)}.bg-sdg-2{background-color:var(--sdg-2)}.bg-sdg-3{background-color:var(--sdg-3)}.bg-sdg-4{background-color:var(--sdg-4)}.bg-sdg-5{background-color:var(--sdg-5)}.bg-sdg-6{background-color:var(--sdg-6)}.bg-sdg-7{background-color:var(--sdg-7)}.bg-sdg-8{background-color:var(--sdg-8)}.bg-sdg-9{background-color:var(--sdg-9)}.bg-sdg-10{background-color:var(--sdg-10)}.bg-sdg-11{background-color:var(--sdg-11)}.bg-sdg-12{background-color:var(--sdg-12)}.bg-sdg-13{background-color:var(--sdg-13)}.bg-sdg-14{background-color:var(--sdg-14)}.bg-sdg-15{background-color:var(--sdg-15)}.bg-sdg-16{background-color:var(--sdg-16)}.bg-sdg-17{background-color:var(--sdg-17)}.bg-secondary{background-color:var(--secondary)}.bg-secondary\!{background-color:var(--secondary)!important}.bg-secondary-light{background-color:var(--secondary-light)}.bg-success{background-color:var(--success)}.bg-success-light{background-color:var(--success-light)}.bg-surface{background-color:var(--surface)}.bg-surface-2xl{background-color:var(--surface-2xl)}.bg-surface-2xs{background-color:var(--surface-2xs)}.bg-surface-3xl{background-color:var(--surface-3xl)}.bg-surface-4xl{background-color:var(--surface-4xl)}.bg-surface-hard{background-color:var(--surface-hard)}.bg-surface-hover\!{background-color:var(--surface-hover)!important}.bg-surface-lg{background-color:var(--surface-lg)}.bg-surface-md{background-color:var(--surface-md)}.bg-surface-sm{background-color:var(--surface-sm)}.bg-surface-sm\!{background-color:var(--surface-sm)!important}.bg-surface-xl{background-color:var(--surface-xl)}.bg-surface-xs{background-color:var(--surface-xs)}.bg-surface\/80{background-color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/80{background-color:color-mix(in oklab, var(--surface) 80%, transparent)}}.bg-surface\/90{background-color:var(--surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/90{background-color:color-mix(in oklab, var(--surface) 90%, transparent)}}.bg-surface\/90\!{background-color:var(--surface)!important}@supports (color:color-mix(in lab, red, red)){.bg-surface\/90\!{background-color:color-mix(in oklab, var(--surface) 90%, transparent)!important}}.bg-tertiary{background-color:var(--tertiary)}.bg-tertiary\!{background-color:var(--tertiary)!important}.bg-tertiary-light{background-color:var(--tertiary-light)}.bg-transparent{background-color:#0000}.bg-transparent\!{background-color:#0000!important}.bg-warning{background-color:var(--warning)}.bg-warning-hover{background-color:var(--warning-hover)}.bg-warning-light{background-color:var(--warning-light)}.bg-white{background-color:var(--color-white)}.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--background\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, var(--background), transparent 140%)}@supports (color:color-mix(in lab, red, red)){.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--background\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, color-mix(in srgb, var(--background) 80%, transparent), transparent 140%)}}.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--card-hover-color\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, var(--card-hover-color), transparent 140%)}@supports (color:color-mix(in lab, red, red)){.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--card-hover-color\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, color-mix(in srgb, var(--card-hover-color) 80%, transparent), transparent 140%)}}.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--error\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, var(--error), transparent 140%)}@supports (color:color-mix(in lab, red, red)){.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--error\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, color-mix(in srgb, var(--error) 80%, transparent), transparent 140%)}}.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--foreground\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, var(--foreground), transparent 140%)}@supports (color:color-mix(in lab, red, red)){.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--foreground\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, color-mix(in srgb, var(--foreground) 80%, transparent), transparent 140%)}}.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--info\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, var(--info), transparent 140%)}@supports (color:color-mix(in lab, red, red)){.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--info\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, color-mix(in srgb, var(--info) 80%, transparent), transparent 140%)}}.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--primary\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, var(--primary), transparent 140%)}@supports (color:color-mix(in lab, red, red)){.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--primary\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, color-mix(in srgb, var(--primary) 80%, transparent), transparent 140%)}}.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--quaternary\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, var(--quaternary), transparent 140%)}@supports (color:color-mix(in lab, red, red)){.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--quaternary\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, color-mix(in srgb, var(--quaternary) 80%, transparent), transparent 140%)}}.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--secondary\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, var(--secondary), transparent 140%)}@supports (color:color-mix(in lab, red, red)){.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--secondary\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, color-mix(in srgb, var(--secondary) 80%, transparent), transparent 140%)}}.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--success\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, var(--success), transparent 140%)}@supports (color:color-mix(in lab, red, red)){.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--success\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, color-mix(in srgb, var(--success) 80%, transparent), transparent 140%)}}.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--tertiary\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, var(--tertiary), transparent 140%)}@supports (color:color-mix(in lab, red, red)){.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--tertiary\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, color-mix(in srgb, var(--tertiary) 80%, transparent), transparent 140%)}}.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--warning\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, var(--warning), transparent 140%)}@supports (color:color-mix(in lab, red, red)){.bg-\[linear-gradient\(0deg\,_color-mix\(in_srgb\,_var\(--warning\)_80\%\,_transparent\)\,_transparent_140\%\)\]{background-image:linear-gradient(0deg, color-mix(in srgb, var(--warning) 80%, transparent), transparent 140%)}}.bg-\[linear-gradient\(27\.66deg\,var\(--card-hover-color\)\,transparent_70\.49\%\)\]{background-image:linear-gradient(27.66deg,var(--card-hover-color),transparent 70.49%)}.bg-\[linear-gradient\(180deg\,_\#c9d0d6_70\%\,_\#c9d0d6_0\,_\#414648_70\.5\%\,_\#9ea5ac_0\,_\#9ea5ac\)\]{background-image:linear-gradient(#c9d0d6 70% 0,#414648 70.5%,#9ea5ac 0,#9ea5ac)}.bg-double-background{background-image:linear-gradient(var(--background), var(--background)), linear-gradient(var(--background), var(--background))}.bg-double-error{background-image:linear-gradient(var(--error), var(--error)), linear-gradient(var(--error), var(--error))}.bg-double-foreground{background-image:linear-gradient(var(--foreground), var(--foreground)), linear-gradient(var(--foreground), var(--foreground))}.bg-double-info{background-image:linear-gradient(var(--info), var(--info)), linear-gradient(var(--info), var(--info))}.bg-double-primary{background-image:linear-gradient(var(--primary), var(--primary)), linear-gradient(var(--primary), var(--primary))}.bg-double-quaternary{background-image:linear-gradient(var(--quaternary), var(--quaternary)), linear-gradient(var(--quaternary), var(--quaternary))}.bg-double-secondary{background-image:linear-gradient(var(--secondary), var(--secondary)), linear-gradient(var(--secondary), var(--secondary))}.bg-double-success{background-image:linear-gradient(var(--success), var(--success)), linear-gradient(var(--success), var(--success))}.bg-double-tertiary{background-image:linear-gradient(var(--tertiary), var(--tertiary)), linear-gradient(var(--tertiary), var(--tertiary))}.bg-double-warning{background-image:linear-gradient(var(--warning), var(--warning)), linear-gradient(var(--warning), var(--warning))}.bg-cover{background-size:cover}.bg-center{background-position:50%}.fill-foreground{fill:var(--foreground)}.fill-primary{fill:var(--primary)}.fill-quaternary{fill:var(--quaternary)}.fill-secondary{fill:var(--secondary)}.fill-surface{fill:var(--surface)}.fill-tertiary{fill:var(--tertiary)}.stroke-background{stroke:var(--background)}.stroke-error{stroke:var(--error)}.stroke-foreground{stroke:var(--foreground)}.stroke-info{stroke:var(--info)}.stroke-primary{stroke:var(--primary)}.stroke-quaternary{stroke:var(--quaternary)}.stroke-secondary{stroke:var(--secondary)}.stroke-success{stroke:var(--success)}.stroke-surface{stroke:var(--surface)}.stroke-tertiary{stroke:var(--tertiary)}.stroke-warning{stroke:var(--warning)}.stroke-0{stroke-width:0}.stroke-2{stroke-width:2px}.object-cover{object-fit:cover}.object-center{object-position:center}.p-0{padding:0}.p-0\!{padding:0!important}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.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-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.p-16{padding:calc(var(--spacing) * 16)}.p-\[3px\]{padding:3px}.p-\[5\.625rem_1\.5rem_3\.75rem\]{padding:5.625rem 1.5rem 3.75rem}.p-\[5px\]{padding:5px}.px-0{padding-inline:0}.px-0\!{padding-inline:0!important}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-1\.5\!{padding-inline:calc(var(--spacing) * 1.5)!important}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\!{padding-inline:calc(var(--spacing) * 2)!important}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.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)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-12{padding-inline:calc(var(--spacing) * 12)}.px-16{padding-inline:calc(var(--spacing) * 16)}.px-\[--cell-size\]{padding-inline:--cell-size}.py-0{padding-block:0}.py-0\!{padding-block:0!important}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-0\.5\!{padding-block:calc(var(--spacing) * .5)!important}.py-1{padding-block:var(--spacing)}.py-1\!{padding-block:var(--spacing)!important}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.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-9{padding-block:calc(var(--spacing) * 9)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-\[2px\]{padding-block:2px}.py-\[12px\]\!{padding-block:12px!important}.py-px{padding-block:1px}.pt-0{padding-top:0}.pt-0\!{padding-top:0!important}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pt-17\.5{padding-t