.page-wrapper{display:grid;grid-template-columns:repeat(12,1fr);position:relative}.main-nav{grid-column:1 / 3}.side-nav{grid-column:11 / 13;margin-top:7.2rem}.main-nav-wrapper,.side-nav-wrapper{position:fixed}.main-nav-wrapper{left:4rem}.side-nav-wrapper{margin-inline-start:6rem}.content-container{grid-column:3 / 11;margin-block:6.8rem}.content-container:has(.base-colors){grid-column:3 / 12}.toast-viewport{bottom:1.2rem;margin:0;min-height:10.2rem;outline:none;position:fixed;right:4rem;width:40.8rem;z-index:1300}.toast{background-color:var(--sl-color-toast-bg);border:.1rem solid var(--sl-color-toast-border);border-radius:.8rem;box-shadow:var(--sl-box-shadow-toast);gap:1rem;list-style:none;overflow:hidden;padding:1.2rem;transition:all .3s}.toast-wrapper{display:flex;flex-direction:row}.toast-icon{margin-right:.8rem}.toast-icon svg path{stroke:var(--sl-color-icon-primary)}.toast-close{background-color:transparent;border:0;cursor:pointer;height:1.6rem;position:absolute;right:1.2rem;top:1.2rem;width:1.6rem}.toast-close svg{height:1.6rem;width:1.6rem}.toast-close svg path{stroke:var(--sl-color-icon-primary)}.toast-content{margin-top:.4rem}.toast-title{font-size:1.6rem;font-weight:600;line-height:1}.toast-description{color:var(--sl-color-toast-text);font-size:1.4rem;font-weight:regular;line-height:1.71;margin-top:.4rem}.toast-actions{margin-top:1.6rem}.toast-actions button{height:2.4rem;padding:0 .8rem}.toast-danger{background-color:var(--sl-color-toast-bg-danger);border:.1rem solid var(--sl-color-toast-border-danger);box-shadow:var(--sl-box-shadow-toast-danger)}.toast-danger .toast-title{color:var(--sl-color-toast-title)}.toast-danger .toast-icon svg path{stroke:var(--sl-color-toast-icon-danger)}.toast-danger .toast-close svg path{stroke:var(--sl-color-toast-icon-danger)}.toast-warning{background-color:var(--sl-color-toast-bg-warning);border:.1rem solid var(--sl-color-toast-border-warning);box-shadow:var(--sl-box-shadow-toast-warning)}.toast-warning .toast-title{color:var(--sl-color-toast-title)}.toast-warning .toast-icon svg path{stroke:var(--sl-color-toast-icon-warning)}.toast-warning .toast-close svg path{stroke:var(--sl-color-toast-icon-warning)}.toast-success{background-color:var(--sl-color-toast-bg-success);border:.1rem solid var(--sl-color-toast-border-success);box-shadow:var(--sl-box-shadow-toast-success)}.toast-success .toast-title{color:var(--sl-color-toast-title)}.toast-success .toast-icon svg path{stroke:var(--sl-color-toast-icon-success)}.toast-success .toast-close svg path{stroke:var(--sl-color-toast-icon-success)}.side-nav-wrapper,.main-nav-wrapper{display:flex;flex-direction:column}.side-nav-wrapper h3,.main-nav-wrapper h3{margin-bottom:.8rem;margin-top:0}.side-nav-wrapper a,.main-nav-wrapper a{color:#605c5e;cursor:pointer;text-decoration:none}.side-nav-wrapper a+a,.main-nav-wrapper a+a{margin-top:.6rem}.side-nav-wrapper a:hover,.main-nav-wrapper a:hover{color:#ada9ab}.side-nav-wrapper a.active,.main-nav-wrapper a.active{font-weight:600;pointer-events:none}.side-nav-wrapper .side-link+.side-link,.main-nav-wrapper .side-link+.side-link{margin-top:.6rem}.main-nav-wrapper .logo-container{height:4rem;margin-block:1.8rem 1.2rem}.main-nav-wrapper .logo-container span{font-size:2.8rem;font-weight:var(--sl-font-weight-semibold);line-height:1}.nav-section{display:flex;flex-direction:column}.nav-section+.nav-section{margin-top:2rem}.nav-section .nav-section-title{cursor:pointer;font-size:1.6rem;font-weight:500;margin-bottom:.8rem;text-transform:uppercase}.side-nav-wrapper p{font-size:1.2rem;font-weight:500;margin:0 0 1.2rem;text-transform:uppercase}.sub-menu{display:flex;flex-direction:column;margin:.6rem 0 0 1.8rem}.component-wrapper.base-colors{margin-bottom:6.4rem}.component-wrapper.base-colors .base-palette-block{display:grid;grid-template-columns:repeat(9,1fr);margin-top:4.8rem}.component-wrapper.base-colors .base-color-block{height:24rem;padding:1.6rem;position:relative;transition:transform .1s ease-in-out}.component-wrapper.base-colors .base-color-block[class*="-700"],.component-wrapper.base-colors .base-color-block[class*="-800"],.component-wrapper.base-colors .base-color-block[class*="-900"]{color:var(--color-white)}.component-wrapper.base-colors .base-color-block:hover{border-radius:.8rem;transform:scale(1.12);z-index:100}.component-wrapper.base-colors .base-color-block:has(+.base-color-block:hover),.component-wrapper.base-colors .base-color-block:hover+.base-color-block{border-radius:.6rem;transform:scale(1.05);z-index:98}.component-wrapper.base-colors .base-color-block:has(+.base-color-block+.base-color-block:hover),.component-wrapper.base-colors .base-color-block:hover+.base-color-block+.base-color-block{border-radius:.4rem;transform:scale(1.02);z-index:97}.component-wrapper.base-colors .base-color-details{font-size:1.2rem}.component-wrapper.base-colors .base-color-details .color-hsl{font-size:.98rem}.sl-button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:.1rem solid var(--color-slang-primary);border-radius:var(--border-radius-primary);color:var(--color-text-primary);display:flex;font-size:var(--font-regular);font-weight:600;height:3.6rem;padding:.6rem 1.6rem;width:max-content}.sl-button svg{height:1.6rem;width:1.6rem}.sl-button svg path{fill:var(--color-text-primary);stroke:var(--color-text-primary)}.sl-button:hover{cursor:pointer;opacity:.75}.sl-button.error{border:.1rem solid var(--color-error)}.sl-button.error svg path{fill:var(--color-error);stroke:var(--color-error)}.sl-button.warning{border:.1rem solid var(--color-warning);stroke:var(--color-warning)}.sl-button.warning svg path{fill:var(--color-warning)}.sl-button:disabled{border:.1rem solid var(--color-border-disabled);color:var(--color-text-disabled);pointer-events:none}.sl-button:disabled svg{margin-right:.8rem}.sl-button:disabled svg path{fill:var(--color-text-disabled);stroke:var(--color-text-disabled)}.sl-button .start-icon,.sl-button .end-icon{height:1.6rem;width:1.6rem}.sl-button .start-icon{margin-right:.8rem}.sl-button .end-icon{margin-left:.8rem}.sl-button.color-primary,.sl-button.outline{background-color:transparent;border:.1rem solid var(--color-slang-primary);color:var(--color-slang-primary)}.sl-button.color-primary svg path,.sl-button.outline svg path{fill:var(--color-slang-primary);stroke:var(--color-slang-primary)}.sl-button.color-primary.warning,.sl-button.outline.warning{border:.1rem solid var(--color-warning);color:var(--color-warning)}.sl-button.color-primary.warning svg path,.sl-button.outline.warning svg path{fill:var(--color-warning);stroke:var(--color-warning)}.sl-button.color-primary.error,.sl-button.outline.error{border:.1rem solid var(--color-error);color:var(--color-error)}.sl-button.color-primary.error svg path,.sl-button.outline.error svg path{fill:var(--color-error);stroke:var(--color-error)}.sl-button.color-primary:disabled,.sl-button.outline:disabled{border:.1rem solid var(--color-border-disabled);color:var(--color-text-disabled);pointer-events:none}.sl-button.color-primary:disabled svg,.sl-button.outline:disabled svg{margin-right:.8rem}.sl-button.color-primary:disabled svg path,.sl-button.outline:disabled svg path{fill:var(--color-text-disabled);stroke:var(--color-text-disabled)}.sl-button.contained{background-color:var(--color-slang-primary);border:.1rem solid var(--color-slang-primary);color:var(--color-white)}.sl-button.contained svg path{fill:var(--color-white);stroke:var(--color-white)}.sl-button.contained.warning{background-color:var(--color-warning);border:.1rem solid var(--color-warning);color:var(--color-white)}.sl-button.contained.warning svg path{fill:var(--color-warning);stroke:var(--color-warning)}.sl-button.contained.error{background-color:var(--color-error);border:.1rem solid var(--color-error);color:var(--color-white)}.sl-button.contained.error svg path{fill:var(--color-error);stroke:var(--color-error)}.sl-button.contained:disabled{background-color:var(--color-bg-disabled);border:.1rem solid var(--color-bg-disabled);color:var(--color-text-disabled);pointer-events:none}.sl-button.contained:disabled svg{margin-right:.8rem}.sl-button.contained:disabled svg path{fill:var(--color-text-disabled);stroke:var(--color-text-disabled)}.sl-button.text{background-color:unset;border:none;color:var(--color-text-secondary);font-size:inherit;font-weight:600;padding:0}.sl-button.text.color-primary{border:none;color:var(--color-text-primary)}.sl-button.text.color-primary svg path{fill:var(--color-text-primary);stroke:var(--color-text-primary)}.sl-button.text.color-secondary{color:var(--color-text-secondary)}.sl-button.text.color-secondary svg path{fill:var(--color-text-secondary);stroke:var(--color-text-secondary)}.sl-button.text.warning{color:var(--color-warning)}.sl-button.text.warning svg path{fill:var(--color-text-warning);stroke:var(--color-text-warning)}.sl-button.text.error{color:var(--color-error)}.sl-button.text.error svg path{fill:var(--color-text-error);stroke:var(--color-text-error)}.sl-button.text:disabled{color:var(--color-text-disabled);pointer-events:none}.sl-button.text:disabled svg{margin-right:.8rem}.sl-button.text:disabled svg path{fill:var(--color-text-disabled);stroke:var(--color-text-disabled)}.custom-chart-tooltip{background-color:var(--sl-color-bg-primary);border:.1rem solid var(--sl-color-border-primary);border-radius:.4rem;color:var(--sl-color-text-secondary);font-size:1.4rem;padding:1.2rem 1.6rem;width:100%}.custom-chart-tooltip .tooltip-item{align-items:center;display:flex;gap:.8rem}.custom-chart-tooltip .tooltip-item+.tooltip-item{margin-top:.8rem}.custom-chart-tooltip .tooltip-value{font-weight:600}.recharts-tooltip-wrapper{align-items:center;display:flex}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--background: 0 0% 100%;--foreground: 240 10% 3.9%;--card: 0 0% 100%;--card-foreground: 240 10% 3.9%;--popover: 0 0% 100%;--popover-foreground: 240 10% 3.9%;--primary: 240 5.9% 10%;--primary-foreground: 0 0% 98%;--secondary: 240 4.8% 95.9%;--secondary-foreground: 240 5.9% 10%;--muted: 240 4.8% 95.9%;--muted-foreground: 240 3.8% 46.1%;--accent: 240 4.8% 95.9%;--accent-foreground: 240 5.9% 10%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 240 5.9% 90%;--input: 240 5.9% 90%;--ring: 240 10% 3.9%;--chart-1: 173 58% 39%;--chart-2: 12 76% 61%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%}.dark{--background: 240 10% 3.9%;--foreground: 0 0% 98%;--card: 240 10% 3.9%;--card-foreground: 0 0% 98%;--popover: 240 10% 3.9%;--popover-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 240 5.9% 10%;--secondary: 240 3.7% 15.9%;--secondary-foreground: 0 0% 98%;--muted: 240 3.7% 15.9%;--muted-foreground: 240 5% 64.9%;--accent: 240 3.7% 15.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 240 3.7% 15.9%;--input: 240 3.7% 15.9%;--ring: 240 4.9% 83.9%;--chart-1: 220 70% 50%;--chart-5: 160 60% 45%;--chart-3: 30 80% 55%;--chart-4: 280 65% 60%;--chart-2: 340 75% 55%}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--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 / .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: }.tw-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}.tw-fixed{position:fixed}.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-inset-0{top:0;right:0;bottom:0;left:0}.tw-left-\[50\%\]{left:50%}.tw-right-2{right:.5rem}.tw-right-4{right:1rem}.tw-top-4{top:1rem}.tw-top-\[50\%\]{top:50%}.tw-z-50{z-index:50}.tw--mx-1{margin-left:-.25rem;margin-right:-.25rem}.tw-my-0{margin-top:0;margin-bottom:0}.tw-my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.tw-my-1{margin-top:.25rem;margin-bottom:.25rem}.tw-ml-auto{margin-left:auto}.tw-flex{display:flex}.tw-inline-flex{display:inline-flex}.tw-grid{display:grid}.tw-h-2{height:.5rem}.tw-h-2\.5{height:.625rem}.tw-h-3{height:.75rem}.tw-h-3\.5{height:.875rem}.tw-h-4{height:1rem}.tw-h-9{height:2.25rem}.tw-h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.tw-h-full{height:100%}.tw-h-px{height:1px}.tw-max-h-96{max-height:24rem}.tw-max-h-\[300px\]{max-height:300px}.tw-w-0{width:0px}.tw-w-1{width:.25rem}.tw-w-2{width:.5rem}.tw-w-2\.5{width:.625rem}.tw-w-3{width:.75rem}.tw-w-3\.5{width:.875rem}.tw-w-4{width:1rem}.tw-w-full{width:100%}.tw-min-w-\[8rem\]{min-width:8rem}.tw-min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.tw-max-w-lg{max-width:32rem}.tw-flex-1{flex:1 1 0%}.tw-shrink-0{flex-shrink:0}.tw-translate-x-\[-50\%\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tw-cursor-default{cursor:default}.tw-select-none{-webkit-user-select:none;user-select:none}.tw-flex-col{flex-direction:column}.tw-flex-col-reverse{flex-direction:column-reverse}.tw-flex-wrap{flex-wrap:wrap}.tw-items-end{align-items:flex-end}.tw-items-center{align-items:center}.tw-justify-center{justify-content:center}.tw-justify-between{justify-content:space-between}.tw-gap-1{gap:.25rem}.tw-gap-1\.5{gap:.375rem}.tw-gap-4{gap:1rem}.tw-space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.tw-space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.tw-overflow-hidden{overflow:hidden}.tw-overflow-y-auto{overflow-y:auto}.tw-overflow-x-hidden{overflow-x:hidden}.tw-whitespace-nowrap{white-space:nowrap}.tw-rounded-\[2px\]{border-radius:2px}.tw-rounded-md{border-radius:calc(var(--radius) - 2px)}.tw-rounded-sm{border-radius:calc(var(--radius) - 4px)}.tw-border{border-width:1px}.tw-border-dashed{border-style:dashed}.tw-border-\[--color-border\]{border-color:var(--color-border)}.tw-border-input{border-color:hsl(var(--input))}.tw-border-transparent{border-color:transparent}.tw-bg-\[--color-bg\]{background-color:var(--color-bg)}.tw-bg-background{background-color:hsl(var(--background))}.tw-bg-black\/80{background-color:#000c}.tw-bg-border{background-color:hsl(var(--border))}.tw-bg-destructive{background-color:hsl(var(--destructive))}.tw-bg-muted{background-color:hsl(var(--muted))}.tw-bg-popover{background-color:hsl(var(--popover))}.tw-bg-primary{background-color:hsl(var(--primary))}.tw-bg-secondary{background-color:hsl(var(--secondary))}.tw-bg-transparent{background-color:transparent}.tw-p-0{padding:0}.tw-p-1{padding:.25rem}.tw-p-6{padding:1.5rem}.tw-px-2{padding-left:.5rem;padding-right:.5rem}.tw-px-2\.5{padding-left:.625rem;padding-right:.625rem}.tw-px-3{padding-left:.75rem;padding-right:.75rem}.tw-py-0{padding-top:0;padding-bottom:0}.tw-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.tw-py-1{padding-top:.25rem;padding-bottom:.25rem}.tw-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.tw-py-2{padding-top:.5rem;padding-bottom:.5rem}.tw-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.tw-pb-3{padding-bottom:.75rem}.tw-pl-2{padding-left:.5rem}.tw-pr-8{padding-right:2rem}.tw-pt-3{padding-top:.75rem}.tw-text-center{text-align:center}.tw-text-lg{font-size:1.125rem;line-height:1.75rem}.tw-text-sm{font-size:.875rem;line-height:1.25rem}.tw-text-xs{font-size:.75rem;line-height:1rem}.tw-font-medium{font-weight:500}.tw-font-semibold{font-weight:600}.tw-tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tw-leading-none{line-height:1}.tw-tracking-tight{letter-spacing:-.025em}.tw-tracking-widest{letter-spacing:.1em}.tw-text-destructive-foreground{color:hsl(var(--destructive-foreground))}.tw-text-foreground{color:hsl(var(--foreground))}.tw-text-muted-foreground{color:hsl(var(--muted-foreground))}.tw-text-popover-foreground{color:hsl(var(--popover-foreground))}.tw-text-primary-foreground{color:hsl(var(--primary-foreground))}.tw-text-secondary-foreground{color:hsl(var(--secondary-foreground))}.tw-opacity-50{opacity:.5}.tw-opacity-70{opacity:.7}.tw-shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(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)}.tw-shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 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)}.tw-shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.tw-outline-none{outline:2px solid transparent;outline-offset:2px}.tw-ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.tw-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.tw-duration-200{transition-duration:.2s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.tw-animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.tw-fade-in-0{--tw-enter-opacity: 0}.tw-zoom-in-95{--tw-enter-scale: .95}.tw-duration-200{animation-duration:.2s}.file\:tw-border-0::file-selector-button{border-width:0px}.file\:tw-bg-transparent::file-selector-button{background-color:transparent}.file\:tw-text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:tw-font-medium::file-selector-button{font-weight:500}.placeholder\:tw-text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.hover\:tw-bg-destructive\/80:hover{background-color:hsl(var(--destructive) / .8)}.hover\:tw-bg-primary\/80:hover{background-color:hsl(var(--primary) / .8)}.hover\:tw-bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:tw-opacity-100:hover{opacity:1}.focus\:tw-bg-accent:focus{background-color:hsl(var(--accent))}.focus\:tw-text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:tw-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:tw-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)}.focus\:tw-ring-2: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(2px + 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)}.focus\:tw-ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:tw-ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:tw-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:tw-ring-1:focus-visible{--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)}.focus-visible\:tw-ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.disabled\:tw-pointer-events-none:disabled{pointer-events:none}.disabled\:tw-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:tw-opacity-50:disabled{opacity:.5}.data-\[disabled\=true\]\:tw-pointer-events-none[data-disabled=true],.data-\[disabled\]\:tw-pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:tw-translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:tw--translate-x-1[data-side=left]{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:tw-translate-x-1[data-side=left],.data-\[side\=right\]\:tw-translate-x-1[data-side=right]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:tw--translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:tw-translate-y-1[data-side=top]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=open\]\:tw-bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:tw-text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[disabled\=true\]\:tw-opacity-50[data-disabled=true],.data-\[disabled\]\:tw-opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:tw-animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:tw-animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:tw-fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=open\]\:tw-fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:tw-zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:tw-zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[side\=bottom\]\:tw-slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:tw-slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:tw-slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:tw-slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\[state\=closed\]\:tw-slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x: -50%}.data-\[state\=closed\]\:tw-slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y: -48%}.data-\[state\=open\]\:tw-slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x: -50%}.data-\[state\=open\]\:tw-slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y: -48%}@media (min-width: 640px){.sm\:tw-flex-row{flex-direction:row}.sm\:tw-justify-end{justify-content:flex-end}.sm\:tw-space-x-2>: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)))}.sm\:tw-rounded-lg{border-radius:var(--radius)}.sm\:tw-text-left{text-align:left}}.\[\&\>span\]\:tw-line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>svg\]\:tw-h-3>svg{height:.75rem}.\[\&\>svg\]\:tw-w-3>svg{width:.75rem}.\[\&\>svg\]\:tw-text-muted-foreground>svg{color:hsl(var(--muted-foreground))}.\[\&_\.recharts-cartesian-axis-tick_text\]\:tw-fill-muted-foreground .recharts-cartesian-axis-tick text{fill:hsl(var(--muted-foreground))}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:tw-stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:hsl(var(--border))}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:tw-stroke-transparent .recharts-dot[stroke="#fff"]{stroke:transparent}.\[\&_\.recharts-layer\]\:tw-outline-none .recharts-layer{outline:2px solid transparent;outline-offset:2px}.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:tw-fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:hsl(var(--muted))}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:tw-stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:hsl(var(--border))}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:tw-stroke-transparent .recharts-sector[stroke="#fff"]{stroke:transparent}.\[\&_\.recharts-sector\]\:tw-outline-none .recharts-sector,.\[\&_\.recharts-surface\]\:tw-outline-none .recharts-surface{outline:2px solid transparent;outline-offset:2px}.metric-card{align-items:center;display:inline-flex;height:100%;justify-content:center;text-align:center;width:100%}.metric-card .card{height:100%}.metric-card .card .card-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:0;width:100%}.metric-card .metric-data-label,.metric-card .delta-label{color:var(--sl-color-text-secondary)}.metric-card .metric-data{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center}.metric-card .metric-data .metric-data-value{color:var(--sl-color-text-primary);font-size:4.4rem;font-weight:600;line-height:1.5;margin:0}.metric-card .metric-data .metric-data-label{font-size:1.6rem}.metric-card .metric-delta{align-items:center;display:flex;flex-direction:row;font-size:1.6rem;gap:.4rem;justify-content:center;margin-block-end:1.2rem;width:100%}.metric-card .metric-delta .delta-icon{height:1.6rem;width:1.6rem}.metric-card .metric-delta .delta-icon svg{height:100%;width:auto}.metric-card .metric-delta .delta-icon svg path{fill:hsl(var(--jade-800))}.metric-card .metric-delta .delta-value{color:hsl(var(--jade-800));font-weight:600}.metric-card .metric-delta.negative .delta-icon svg{rotate:180deg}.metric-card .metric-delta.negative .delta-icon svg path{fill:hsl(var(--rouge-800))}.metric-card .metric-delta.negative .delta-value{color:hsl(var(--rouge-800))}.metric-card .metric-delta.no-change .delta-value{color:hsl(var(--slate-800))}.metric-card .metric-delta.no-change .delta-icon svg path{fill:hsl(var(--slate-800))}.checkbox-container{align-items:center;display:flex;gap:1.2rem}.checkbox-container .checkbox{align-items:center;background-color:var(--sl-color-checkbox-bg);border:.1rem solid var(--sl-color-checkbox-border);border-radius:var(--sl-border-radius);cursor:pointer;display:flex;height:1.6rem;justify-content:center;padding:0;width:1.6rem}.checkbox-container .checkbox:hover{background-color:var(--sl-color-checkbox-bg-hover);border:.1rem solid var(--sl-color-checkbox-border-hover)}.checkbox-container .checkbox .checkbox-indicator{display:flex;height:1rem;width:1rem}.checkbox-container .checkbox .checkbox-indicator svg{height:1rem;width:auto}.checkbox-container .checkbox[data-state=checked]{border:.1rem solid var(--sl-color-checkbox-border-checked)}.checkbox-container .checkbox[data-state=checked]:hover{background-color:var(--sl-color-checkbox-bg-checked-hover);border:.1rem solid var(--sl-color-checkbox-border-checked-hover)}.checkbox-container .checkbox[data-state=checked] .checkbox-indicator svg path{stroke:var(--sl-color-checkbox-icon)}.checkbox-container .checkbox:focus{box-shadow:0 0 0 .3rem var(--sl-color-surface-secondary),0 0 0 .6rem var(--sl-color-radio-focusring-selected)}.checkbox-container .checkbox:disabled{background-color:var(--sl-color-checkbox-bg-disabled);border:.1rem solid var(--sl-color-checkbox-border-disabled);cursor:not-allowed}.label-top{display:flex;flex-direction:column;gap:.4rem}.label-bottom{display:flex;flex-direction:column-reverse;gap:.4rem}.label-left{display:flex;flex-direction:row-reverse;gap:.4rem}.combobox-container{cursor:pointer;display:inline-block;position:relative;width:100%}button.combobox-trigger{align-items:center;background-color:var(--sl-color-input-bg);border:.1rem solid var(--sl-color-input-border);border-radius:var(--border-radius-md);cursor:pointer;display:flex;flex-direction:row;font-family:var(--slang-worksans-font);height:3.6rem;justify-content:space-between;padding:.8rem 1.6rem;text-align:left;width:100%}button.combobox-trigger .trigger-placeholder{color:var(--sl-color-text-secondary, #706E6F)}button.combobox-trigger svg{height:1.6rem;width:auto}button.combobox-trigger svg path{stroke:var(--sl-color-icon-primary)}.combobox-list .no-results-text{padding:1.2rem 1.6rem}.combobox-input-wrapper{align-items:center;align-self:stretch;border-bottom:.1rem solid var(--sl-color-input-border);display:flex;gap:.8rem;padding:0 1.2rem}.combobox-input{align-items:center;background-color:transparent;border:0;display:flex;gap:1rem;padding:var(--sl-space-12) 0;width:100%}.combobox-input:focus,.combobox-input:focus-visible{outline:0}.combobox-dropdown{background-color:var(--sl-color-surface-secondary);border:.1rem solid var(--sl-color-input-border);border-radius:.6rem;box-shadow:0 .2rem .4rem -.2rem #0000001a,0 .4rem .6rem -.1rem #0000001a;min-width:18rem}.combobox-dropdown .combobox-group{align-items:flex-start;display:flex;gap:1rem;max-height:40rem;overflow-y:auto;padding:.4rem}.combobox-dropdown .combobox-item{align-items:center;border-radius:var(--radius-rounded-sm, .25rem);cursor:pointer;display:flex;font-size:1.4rem;gap:.8rem;justify-content:space-between;line-height:2;padding:.6rem .8rem}.combobox-dropdown .combobox-item:hover{background-color:var(--sl-color-bg-primary-hover)}.table-container{background-color:var(--color-white);display:block;width:100%}.table-container .table-header,.table-container .table-body{display:block}.table-container .table-row{align-items:center;border-bottom:.1rem solid hsl(223deg 8% 84% / 1);display:grid;grid-template-columns:repeat(auto-fit,minmax(6.25rem,1fr));height:6.4rem}.table-container .table-row:last-child{border-bottom:none}.table-container .table-cell{padding:0 1.6rem;text-align:left}.table-container .table-cell:last-child{color:var(--color-text-secondary);display:flex;font-size:1.2rem;font-weight:700}.table-container .table-cell:last-child .sl-button+.sl-button{margin-left:1.6rem}.table-container .table-header .table-row{height:5.6rem}.table-container .table-header .table-cell{color:var(--color-text-primary);font-size:var(--font-regular);font-weight:500;text-align:left}.MuiModal-root .table-container .table-row{height:4.8rem}.rdp{--rdp-cell-size: 40px;--rdp-caption-font-size: 18px;--rdp-accent-color: #0000ff;--rdp-background-color: #e7edff;--rdp-accent-color-dark: #3003e1;--rdp-background-color-dark: #180270;--rdp-outline: 2px solid var(--rdp-accent-color);--rdp-outline-selected: 3px solid var(--rdp-accent-color);--rdp-selected-color: #fff;margin:1em}.rdp-vhidden{box-sizing:border-box;margin:0;background:transparent;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute!important;top:0;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;border:0!important}.rdp-button_reset{appearance:none;position:relative;margin:0;padding:0;cursor:default;color:inherit;background:none;font:inherit;-moz-appearance:none;-webkit-appearance:none}.rdp-button_reset:focus-visible{outline:none}.rdp-button{border:2px solid transparent}.rdp-button[disabled]:not(.rdp-day_selected){opacity:.25}.rdp-button:not([disabled]){cursor:pointer}.rdp-button:focus-visible:not([disabled]){color:inherit;background-color:var(--rdp-background-color);border:var(--rdp-outline)}.rdp-button:hover:not([disabled]):not(.rdp-day_selected){background-color:var(--rdp-background-color)}.rdp-months{display:flex}.rdp-month{margin:0 1em}.rdp-month:first-child{margin-left:0}.rdp-month:last-child{margin-right:0}.rdp-table{margin:0;max-width:calc(var(--rdp-cell-size) * 7);border-collapse:collapse}.rdp-with_weeknumber .rdp-table{max-width:calc(var(--rdp-cell-size) * 8);border-collapse:collapse}.rdp-caption{display:flex;align-items:center;justify-content:space-between;padding:0;text-align:left}.rdp-multiple_months .rdp-caption{position:relative;display:block;text-align:center}.rdp-caption_dropdowns{position:relative;display:inline-flex}.rdp-caption_label{position:relative;z-index:1;display:inline-flex;align-items:center;margin:0;padding:0 .25em;white-space:nowrap;color:currentColor;border:0;border:2px solid transparent;font-family:inherit;font-size:var(--rdp-caption-font-size);font-weight:700}.rdp-nav{white-space:nowrap}.rdp-multiple_months .rdp-caption_start .rdp-nav{position:absolute;top:50%;left:0;transform:translateY(-50%)}.rdp-multiple_months .rdp-caption_end .rdp-nav{position:absolute;top:50%;right:0;transform:translateY(-50%)}.rdp-nav_button{display:inline-flex;align-items:center;justify-content:center;width:var(--rdp-cell-size);height:var(--rdp-cell-size);padding:.25em;border-radius:100%}.rdp-dropdown_year,.rdp-dropdown_month{position:relative;display:inline-flex;align-items:center}.rdp-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;z-index:2;top:0;bottom:0;left:0;width:100%;margin:0;padding:0;cursor:inherit;opacity:0;border:none;background-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit}.rdp-dropdown[disabled]{opacity:unset;color:unset}.rdp-dropdown:focus-visible:not([disabled])+.rdp-caption_label{background-color:var(--rdp-background-color);border:var(--rdp-outline);border-radius:6px}.rdp-dropdown_icon{margin:0 0 0 5px}.rdp-head{border:0}.rdp-head_row,.rdp-row{height:100%}.rdp-head_cell{vertical-align:middle;font-size:.75em;font-weight:700;text-align:center;height:100%;height:var(--rdp-cell-size);padding:0;text-transform:uppercase}.rdp-tbody{border:0}.rdp-tfoot{margin:.5em}.rdp-cell{width:var(--rdp-cell-size);height:100%;height:var(--rdp-cell-size);padding:0;text-align:center}.rdp-weeknumber{font-size:.75em}.rdp-weeknumber,.rdp-day{display:flex;overflow:hidden;align-items:center;justify-content:center;box-sizing:border-box;width:var(--rdp-cell-size);max-width:var(--rdp-cell-size);height:var(--rdp-cell-size);margin:0;border:2px solid transparent;border-radius:100%}.rdp-day_today:not(.rdp-day_outside){font-weight:700}.rdp-day_selected,.rdp-day_selected:focus-visible,.rdp-day_selected:hover{color:var(--rdp-selected-color);opacity:1;background-color:var(--rdp-accent-color)}.rdp-day_outside{opacity:.5}.rdp-day_selected:focus-visible{outline:var(--rdp-outline);outline-offset:2px;z-index:1}.rdp:not([dir=rtl]) .rdp-day_range_start:not(.rdp-day_range_end){border-top-right-radius:0;border-bottom-right-radius:0}.rdp:not([dir=rtl]) .rdp-day_range_end:not(.rdp-day_range_start){border-top-left-radius:0;border-bottom-left-radius:0}.rdp[dir=rtl] .rdp-day_range_start:not(.rdp-day_range_end){border-top-left-radius:0;border-bottom-left-radius:0}.rdp[dir=rtl] .rdp-day_range_end:not(.rdp-day_range_start){border-top-right-radius:0;border-bottom-right-radius:0}.rdp-day_range_end.rdp-day_range_start{border-radius:100%}.rdp-day_range_middle{border-radius:0}.date-time-picker{font-family:var(--slang-worksans-font);width:100%}.date-time-picker .date-label{color:#000000de}.date-time-picker .date-label .placeholder-text{color:var(--color-text-secondary)}.date-time-picker .button-trigger{align-items:center;background-color:var(--color-white);border:.1rem solid var(--color-input-border);border-radius:.4rem;display:flex;font-family:inherit;font-size:1.6rem;height:5.6rem;justify-content:space-between;padding:1.6rem 1.2rem;width:100%}.date-time-picker .button-trigger:hover{border:.1rem solid var(--color-input-border-hover);cursor:pointer}.date-time-picker .button-trigger:active,.date-time-picker .button-trigger[data-state=open]{border:.1rem solid var(--color-slang-primary)}.popover-content{background-color:var(--color-white);border:.1rem solid var(--color-input-border);border-radius:.4rem;display:flex;flex-direction:row;position:relative;width:60rem;z-index:9}.popover-content .time-picker-container{padding:1.4rem 1.6rem .8rem;width:100%}.popover-content .date-picker-container{border-right:.1rem solid hsl(223deg 8% 84%);padding:.8rem 1.6rem}.popover-content .date-picker-container .rdp{margin:0}.popover-content .date-picker-container td{height:4rem;text-align:center;width:4rem}.popover-content .section-header{font-size:1.6rem;font-weight:500;line-height:1.5;margin-bottom:.4rem}.popover-content .hours input,.popover-content .minutes input{max-width:2.4rem}.popover-content .hours input.hours-input,.popover-content .minutes input.hours-input{text-align:right}.popover-content .hours input.minutes-input,.popover-content .minutes input.minutes-input{text-align:left}.popover-content .hours input,.popover-content .minutes input,.popover-content .am-pm input{border:0;font-family:var(--slang-worksans-font);font-size:1.6rem}.popover-content .hours input:hover,.popover-content .hours input:focus,.popover-content .hours input:focus-visible,.popover-content .minutes input:hover,.popover-content .minutes input:focus,.popover-content .minutes input:focus-visible,.popover-content .am-pm input:hover,.popover-content .am-pm input:focus,.popover-content .am-pm input:focus-visible{border:0;outline:0}.popover-content .hours{display:flex;flex-direction:row}.popover-content .am-pm{width:auto}.popover-content .am-pm button{background-color:transparent;border:0;font-family:var(--slang-worksans-font);font-size:1.6rem;padding-inline:0}.popover-content .am-pm button:hover{cursor:pointer}.popover-content .am-pm button:focus,.popover-content .am-pm button:focus-visible{outline:0}.popover-content .am-pm button svg{display:none}.popover-content .am-pm span:focus,.popover-content .am-pm span:focus-visible{outline:0}.popover-content .time-picker-wrapper{align-items:center;border:.1rem solid var(--color-input-border);border-radius:.4rem;display:flex;height:4rem;padding:.8rem 1.2rem;width:100%}.popover-content .calendar-header{align-items:center;display:flex;justify-content:space-between;padding-bottom:.8rem}.popover-content .calendar-header .month-title{font-size:1.6rem;font-weight:500;margin-left:.8rem}.popover-content .rdp-button{border-color:transparent;border-radius:100%;height:3.6rem;width:3.6rem}.popover-content .rdp-button[aria-selected=true],.popover-content .rdp-button[aria-selected=true]:hover{background-color:var(--color-slang-primary);color:var(--color-white)}.popover-content .rdp-button.nav-prev svg,.popover-content .rdp-button.nav-next svg{color:#b3b5bc;height:2rem;width:2rem}.popover-content .rdp-button.nav-prev:hover,.popover-content .rdp-button.nav-next:hover{background-color:transparent}.days-of-week{color:#b3b5bc;font-style:italic;font-weight:400}.trigger-button{font-size:1.4rem}.am-pm-picker .chevron-icon{margin-left:.8rem}.am-pm-picker .chevron-icon img{height:1.2rem;width:1.2rem}.am-pm-dropdown{background-color:var(--color-white);border:.1rem solid var(--color-input-border);border-bottom-left-radius:.4rem;border-bottom-right-radius:.4rem;font-family:var(--slang-worksans-font);font-size:1.4rem;margin-top:.97rem;position:relative;width:5.8rem;z-index:999}.am-pm-dropdown:hover{cursor:pointer}.am-pm-dropdown .am-pm-option{align-items:center;display:flex;font-family:var(--slang-worksans-font);height:2.4rem;justify-content:center;padding-inline:.8rem;text-align:center;z-index:999}.am-pm-dropdown .am-pm-option:focus-visible,.am-pm-dropdown .am-pm-option:focus{outline:0}.am-pm-dropdown .am-pm-option[data-state=checked]{background-color:var(--color-slang-primary);color:var(--color-white)}.am-pm-dropdown .am-pm-option[data-state=checked] span:first-of-type{display:none}.am-pm-dropdown .am-pm-option:hover{background-color:#e5ecff;color:#282a39}.drawer-overlay{background-color:hsla(var(--black),.25);top:0;right:0;bottom:0;left:0;position:fixed;z-index:150}.drawer-overlay[data-state=open]{animation:fadeIn 0s forwards}.drawer-overlay[data-state=closed]{animation:fade-out 0s forwards;opacity:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.drawer-container{background:var(--global-color-surface-secondary);display:flex;flex-direction:column;position:fixed;z-index:999}.drawer-container .drawer-close{all:unset;height:2rem;position:absolute;right:1.4rem;top:1.8rem;transition:opacity .2s;width:2rem}.drawer-container .drawer-close svg{height:2rem;width:2rem}.drawer-container .drawer-close:hover{cursor:pointer;opacity:.8}.drawer-container .drawer-header{border-bottom:.1rem dashed hsl(223deg 8% 84%);display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;min-height:5.6rem;padding:var(--sl-space-16);text-align:left}.drawer-container .drawer-header .drawer-title{font-size:var(--sl-font-body-sm);font-weight:var(--sl-font-weight-semibold);margin:0;padding-right:2.8rem}.drawer-container .drawer-body{display:flex;flex:1;flex-direction:column;overflow-y:auto}.drawer-container .drawer-footer{align-self:end;border-top:.1rem solid hsl(223deg 8% 84%);display:flex;flex:0 0 5.2rem;flex-direction:row;height:5.2rem;justify-content:flex-end;padding:var(--sl-space-08);width:100%}.drawer-container .drawer-footer .footer-buttons{display:flex;flex-direction:row;gap:.8rem}.drawer-container.side-top,.drawer-container.side-bottom{width:100%}.drawer-container.side-top.size-sm,.drawer-container.side-bottom.size-sm{height:36rem}.drawer-container.side-top.size-md,.drawer-container.side-bottom.size-md{height:52rem}.drawer-container.side-top.size-lg,.drawer-container.side-bottom.size-lg{height:70rem}.drawer-container.side-top{box-shadow:0 .2rem .1rem -.1rem #b3b5bc33,0 .1rem .1rem #b3b5bc24,0 .1rem .3rem #b3b5bc1f;top:0}.drawer-container.side-top[data-state=closed]{animation:slide-out-to-top .5s}.drawer-container.side-top[data-state=open]{animation:slide-in-from-top .5s}.drawer-container.side-bottom{bottom:0;box-shadow:0 -.2rem .1rem -.1rem #b3b5bc33,0 -.1rem .1rem #b3b5bc24,0 -.1rem .3rem #b3b5bc1f}.drawer-container.side-bottom[data-state=closed]{animation:slide-out-to-bottom .5s}.drawer-container.side-bottom[data-state=open]{animation:slide-in-from-bottom .5s}.drawer-container.side-left,.drawer-container.side-right{height:100%;top:0}.drawer-container.side-left.size-sm,.drawer-container.side-right.size-sm{width:36rem}.drawer-container.side-left.size-md,.drawer-container.side-right.size-md{width:52rem}.drawer-container.side-left.size-lg,.drawer-container.side-right.size-lg{width:70rem}.drawer-container.side-left{box-shadow:.2rem 0 .1rem -.1rem #b3b5bc33,.1rem 0 .1rem #b3b5bc24,.1rem 0 .3rem #b3b5bc1f;left:0}.drawer-container.side-left[data-state=closed]{animation:slide-out-to-left .5s}.drawer-container.side-left[data-state=open]{animation:slide-in-from-left .5s}.drawer-container.side-right{box-shadow:-.2rem 0 .1rem -.1rem #b3b5bc33,-.1rem 0 .1rem #b3b5bc24,-.1rem 0 .3rem #b3b5bc1f;right:0}.drawer-container.side-right[data-state=closed]{animation:slide-out-to-right .5s}.drawer-container.side-right[data-state=open]{animation:slide-in-from-right .5s}@keyframes slide-in-from-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-out-to-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slide-in-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out-to-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-in-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slide-out-to-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slide-in-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-to-right{0%{transform:translate(0)}to{transform:translate(100%)}}.input-wrapper{position:relative}.input-wrapper .start-icon,.input-wrapper .end-icon{position:absolute;top:1.25rem}.input-wrapper .start-icon svg,.input-wrapper .end-icon svg{height:1.6rem;width:1.6rem}.input-wrapper .start-icon{left:var(--sl-space-12)}.input-wrapper .end-icon{right:var(--sl-space-12)}.input-wrapper .input{align-items:center;border:.1rem solid var(--sl-color-input-border);border-radius:var(--sl-border-radius-lg);color:var(--global-color-text-primary);display:flex;flex-direction:row;font-family:var(--slang-worksans-font);font-size:var(--sl-font-body-md);height:4rem;line-height:var(--sl-line-height-md);padding:var(--sl-space-08) var(--sl-space-12)}.input-wrapper .input:hover{border:.1rem solid var(--sl-color-input-border-hover)}.input-wrapper .input:focus{box-shadow:0 0 0 .3rem var(--sl-color-surface-secondary),0 0 0 .6rem var(--sl-color-input-focusring)}.input-wrapper .input::placeholder{color:var(--sl-color-input-placeholder)}.input-wrapper .input.input-ghost{background-color:transparent;border:0}.input-wrapper .start-icon+.input{padding-inline:var(--sl-space-40) var(--sl-space-12)}.input-wrapper .end-icon+.input{padding-inline:var(--sl-space-12) var(--sl-space-40)}.input-wrapper.danger .input{border:.1rem solid var(--sl-color-input-border-danger)}.input-wrapper.danger .input:focus{box-shadow:0 0 0 .3rem var(--sl-color-surface-secondary),0 0 0 .6rem var(--sl-color-input-focusring-danger)}.menu-item-container{position:relative}.menu-item-container a{text-decoration:none}.menu-item-container a:visited,.menu-item-container a:active,.menu-item-container a:hover,.menu-item-container a:focus{text-decoration:none}.menu-item-container .menu-item-wrapper{align-items:center;display:flex;flex:0 0 4rem;flex-direction:row;gap:var(--sl-space-08);padding:var(--sl-space-08) var(--sl-space-16)}.menu-item-container .menu-item-wrapper .leading-icon{flex:0 0 2.4rem;height:2.4rem;width:2.4rem}.menu-item-container .menu-item-wrapper:not(:has(.trailing-icon)){cursor:pointer}.menu-item-container .menu-item-title{flex:1}.menu-item-container .trailing-icon{cursor:pointer;flex:0 1 auto;width:fit-content}.menu-item-container .right-text-bubble{align-items:center;display:flex;height:100%;justify-content:center}.menu-item-container .submenu-item-container{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .3s ease}.menu-item-container .submenu-item-container.active{max-height:50rem;opacity:1}.menu-item-container .submenu-item-wrapper{align-items:center;cursor:pointer;display:flex;margin-left:2.4rem;padding:var(--sl-space-08) var(--sl-space-16);width:18.4rem}.menu-item-container .submenu-item-wrapper,.menu-item-container .menu-item-wrapper{border-radius:var(--sl-border-radius);color:var(--sl-color-text-secondary);font-size:var(--sl-font-body-md);height:4rem;line-height:var(--sl-line-height-sm)}.menu-item-container .submenu-item-wrapper:hover,.menu-item-container .menu-item-wrapper:hover{background-color:var(--sl-color-menu-item-bg-hover);color:var(--sl-color-text-primary)}.menu-item-container .submenu-item-wrapper.active,.menu-item-container .menu-item-wrapper.active{background-color:var(--sl-color-menu-item-bg-active);box-shadow:0 .05rem .4rem #ddd9dc;color:var(--sl-color-text-primary)}.menu-item-container .submenu-item-wrapper:focus,.menu-item-container .menu-item-wrapper:focus{box-shadow:0 0 0 .3rem var(--sl-color-surface-secondary),}.modal-content{animation:content-show .15s cubic-bezier(.16,1,.3,1);background-color:#fff;border-radius:.4rem;box-shadow:0 .4rem .8rem #0000001a;display:flex;flex-direction:column;font-family:var(--slang-worksans-font);left:50%;max-width:62rem;min-height:20rem;padding:1.6rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:80%}.modal-content:focus{outline:none}.modal-overlay{align-items:center;animation:overlay-show .15s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(.3rem);backdrop-filter:blur(.3rem);background-color:rgb(0 0 0 .5);display:flex;height:100%;right:0;bottom:0;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-footer{display:flex;justify-content:flex-end;margin-top:1.6rem}.modal-footer .modal-cancel+.modal-action{margin-left:.8rem}@keyframes overlay-show{0%{opacity:0}to{opacity:1}}@keyframes content-show{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.radio-group-container.horizontal{flex-direction:row}.radio-group-container .radio-group{display:flex;flex-direction:column;gap:.8rem}.radio-group-container .radio-group-item-wrapper{align-items:center;display:flex;gap:1.2rem}.radio-group-container .radio-group-item-wrapper .radio-indicator{display:flex;height:.8rem;width:.8rem}.radio-group-container .radio-group-item-wrapper .radio-indicator:after{background-color:var(--sl-color-radio-indicator-selected);border-radius:50%;content:"";display:block;height:.8rem;width:.8rem}.radio-group-container button.radio-group-item{align-items:center;background-color:var(--sl-color-radio-bg);border:.1rem solid var(--sl-color-radio-border);border-radius:50%;cursor:pointer;display:flex;height:1.6rem;justify-content:center;padding:0;width:1.6rem}.radio-group-container button.radio-group-item:focus{box-shadow:0 0 0 .3rem var(--sl-color-surface-secondary),0 0 0 .6rem var(--sl-color-radio-focusring-selected)}.radio-group-container button.radio-group-item:hover{background-color:var(--sl-color-radio-bg-hover);border:.1rem solid var(--sl-color-radio-border-hover)}.radio-group-container button.radio-group-item[data-state=checked]{border:.1rem solid var(--sl-color-radio-border-selected)}.radio-group-container button.radio-group-item[data-state=checked]:hover{background-color:var(--sl-color-radio-bg-selected-hover);border:.1rem solid var(--sl-color-radio-border-selected-hover)}.multi-select-trigger{align-items:center;border:.1rem solid var(--color-input-border);border-radius:.6rem;color:var(--sl-color-input-text);cursor:pointer;display:flex;flex-direction:row;font-family:var(--slang-worksans-font);font-size:1.4rem;justify-content:space-between;min-width:32rem;padding:.8rem .6rem .8rem 1.2rem;text-align:left;width:100%}.multi-select-trigger:hover{border:.1rem solid var(--color-input-border-hover)}.multi-select-trigger:focus-visible,.multi-select-trigger:focus,.multi-select-trigger[data-state=open]{border:.1rem solid var(--color-slang-primary);outline:.1rem solid var(--color-slang-primary)}.multi-select-trigger svg{height:1.6rem;width:auto}.multi-select-trigger svg path{stroke:var(--sl-color-icon-primary)}.multi-select-trigger .selected-items-list{display:flex;flex-wrap:wrap;gap:.4rem;overflow:auto;scrollbar-width:none}.multi-select-trigger .selected-items-list::-webkit-scrollbar{display:none}.multi-select-trigger .command-icons{display:flex;flex-direction:column;margin-inline-start:.8rem}.multi-select-trigger .command-icons svg{height:1.4rem;width:auto}.multi-select-cmdk{display:flex;flex-direction:column;font-size:1.4rem;height:100%;width:100%}.multi-select-cmdk svg.search-icon{height:1.6rem;width:auto}.multi-select-cmdk .multi-select-input-wrapper{align-items:center;display:flex;margin-inline-start:.8rem}.multi-select-cmdk .multi-select-input-wrapper .multi-select-input{font-size:1.4rem;padding:.8rem;width:100%}.multi-select-cmdk .multi-select-options-wrapper div{align-items:start;display:flex;flex-direction:column;gap:.4rem;width:100%}.multi-select-cmdk .multi-select-options-wrapper div.right-align{align-items:end}.multi-select-cmdk .multi-select-options-wrapper div .multi-select-item.two-up{display:inline-block;width:max-content}.multi-select-cmdk .multi-select-options-wrapper div .multi-select-item:hover{background-color:#0000000a}.multi-select-cmdk .multi-select-options-wrapper div .multi-select-item span{padding-block:.4rem;padding-inline-start:.6rem;width:100%}.multi-select-cmdk .multi-select-options-wrapper div .multi-select-item .selected{background-color:#fbe5fe}.multi-select-cmdk .multi-select-options-wrapper div .multi-select-item.clear-all,.multi-select-cmdk .multi-select-options-wrapper div .multi-select-item.select-all{font-weight:600}.popover-content{max-width:32rem}.badge{align-items:center;border:.1rem solid var(--sl-color-input-border);border-radius:.6rem;color:var(--sl-color-text-secondary);display:flex;font-size:1.4rem;justify-content:space-between;max-width:14.4rem;min-width:max-content;overflow:hidden;padding:.2rem .4rem;text-overflow:ellipsis;white-space:nowrap;width:max-content}.badge svg{margin-inline-start:.2rem}.select-trigger{align-items:center;background-color:var(--sl-color-white);border:.1rem solid var(--sl-color-input-border);border-radius:.6rem;color:var(--sl-color-input-text);cursor:pointer;display:flex;flex-direction:row;font-family:var(--slang-worksans-font);justify-content:space-between;padding:.8rem 1.2rem;text-align:left;width:100%}.select-trigger:hover{border:.1rem solid var(--color-input-border-hover)}.select-trigger:focus-visible,.select-trigger:focus,.select-trigger[data-state=open]{border:.1rem solid var(--color-slang-primary);outline:.1rem solid var(--color-slang-primary)}.select-trigger svg{height:1.6rem;width:auto}.select-trigger svg path{stroke:var(--sl-color-icon-primary)}.select-content{background:var(--background-bg-popover, #FFFFFF);border:.1rem solid var(--border-border-border, #E4E4E7);border-radius:var(--radius-rounded-md, .375rem);box-shadow:0 .25rem .375rem -.0625rem #0000001a,0 .125rem .25rem -.125rem #0000001a;display:flex;flex-direction:column;justify-content:center}.select-item-wrapper{align-items:center;border-radius:.2rem;display:flex;justify-content:space-between;padding:.6rem .8rem;position:relative}.select-item-wrapper:focus{background-color:var(--background-bg-accent, #F4F4F5)}.select-item{align-items:center;background:var(--background-bg-background, #FFFFFF);border-radius:var(--border-radius-sm);cursor:pointer;display:flex;min-width:11.25rem;padding:.375rem .5rem}.select-item:hover{background-color:var(--background-bg-accent, #F4F4F5);border-radius:var(--border-radius-sm)}.select-item[data-state=checked]{background-color:#fbe5fe}.selected-item{align-items:center;display:flex;height:1.4rem;justify-content:center;position:absolute;right:.8rem;width:1.4rem}.tile-container{background-color:var(--sl-color-tile-bg);border:.1rem solid var(--sl-color-tile-border);border-radius:var(--sl-border-radius-lg);cursor:pointer;width:100%}.tile-container:hover{background:var(--sl-color-tile-bg-hover);border-color:var(--sl-color-tile-border-hover)}.tile-container .tile-wrapper{align-items:center;display:flex;gap:1.6rem;padding:1.2rem 1.6rem}.tile-container .avatar-container{flex:0 0 4rem;height:4rem;width:4rem}.tile-container .avatar-container .avatar-wrapper{align-items:center;background:var(--sl-color-tile-avatar-bg);border-radius:50%;display:flex;height:100%;justify-content:center;position:relative;width:100%}.tile-container .avatar-container .avatar-text{color:var(--sl-color-tile-avatar-text);font-size:var(--sl-font-body-lg);font-weight:var(--sl-font-weight-semibold);max-width:3.9rem}.tile-container .tile-content{display:flex;flex:1;flex-direction:column;gap:.4rem}.tile-container .tile-end-slot-item{flex:0 1 auto;width:fit-content}.tile-container.active{background-color:var(--sl-color-tile-bg-active);border:.1rem solid var(--sl-color-tile-border-active)}.tile-container.active .avatar-container .avatar-wrapper{background:var(--sl-color-tile-avatar-bg-active)}.tile-container.active .avatar-container .avatar-text{color:var(--sl-color-tile-avatar-text-active)}.tile-container:focus{box-shadow:0 0 0 .3rem var(--sl-color-surface-secondary),0 0 0 .6rem var(--sl-color-tile-focusring)}.drag-part{align-items:center;display:flex;flex-direction:row;justify-content:center;width:3.4rem}.drag-part .cursor-move{padding:.4rem}.priority-number{color:var(--color-slang-primary);font-size:2rem;font-weight:600;text-align:center}.draggable-table-row{align-items:center;border-bottom:.1rem solid hsl(223deg 8% 84% / 1);display:grid;height:6.4rem}.draggable-table-row-variable-height{align-items:center;border-bottom:.1rem solid hsl(223deg 8% 84% / 1);display:grid;padding:1rem}.empty-table-row{align-items:center;border-bottom:.1rem solid hsl(223deg 8% 84% / 1);display:flex;flex-direction:row;font-size:1.3rem;height:6.4rem;justify-content:center}:root{--slang-inter-font: "InterDisplay", sans-serif;--slang-monolisa-font: "MonoLisa", monospace;--slang-worksans-font: "WorkSans", sans-serif}@font-face{font-display:swap;font-family:MonoLisa;font-style:normal;font-weight:100 900;src:url(/assets/0-normal-BlPqvHdM.woff2) format("woff2")}@font-face{font-display:swap;font-family:MonoLisa;font-style:italic;font-weight:100 900;src:url(/assets/1-italic-CoXeIIKe.woff2) format("woff2")}@font-face{font-display:swap;font-family:InterDisplay;font-style:normal;font-weight:400;src:url(/assets/InterDisplay-Regular-C0mmbI_t.woff2) format("woff2")}@font-face{font-display:swap;font-family:InterDisplay;font-style:italic;font-weight:400;src:url(/assets/InterDisplay-Italic-Ceakq4P4.woff2) format("woff2")}@font-face{font-display:swap;font-family:InterDisplay;font-style:normal;font-weight:500;src:url(/assets/InterDisplay-Medium-BRBaQVhl.woff2) format("woff2")}@font-face{font-display:swap;font-family:InterDisplay;font-style:italic;font-weight:500;src:url(/assets/InterDisplay-MediumItalic-Bn1fyIYu.woff2) format("woff2")}@font-face{font-display:swap;font-family:InterDisplay;font-style:normal;font-weight:600;src:url(/assets/InterDisplay-SemiBold-J6ePsRbj.woff2) format("woff2")}@font-face{font-display:swap;font-family:InterDisplay;font-style:italic;font-weight:600;src:url(/assets/InterDisplay-SemiBoldItalic-Hwqo_RGe.woff2) format("woff2")}@font-face{font-display:swap;font-family:InterDisplay;font-style:normal;font-weight:700;src:url(/assets/InterDisplay-Bold-CXJyJlfA.woff2) format("woff2")}@font-face{font-display:swap;font-family:InterDisplay;font-style:italic;font-weight:700;src:url(/assets/InterDisplay-BoldItalic-DPW1ZV9q.woff2) format("woff2")}@font-face{font-display:swap;font-family:WorkSans;font-style:normal;font-weight:400;src:url(/assets/WorkSans-Regular-B-OxZ7Ox.woff2) format("woff2")}@font-face{font-display:swap;font-family:WorkSans;font-style:italic;font-weight:400;src:url(/assets/WorkSans-Italic-C1u9w2Jz.woff2) format("woff2")}@font-face{font-display:swap;font-family:WorkSans;font-style:normal;font-weight:500;src:url(/assets/WorkSans-Medium-DCGipJod.woff2) format("woff2")}@font-face{font-display:swap;font-family:WorkSans;font-style:italic;font-weight:500;src:url(/assets/WorkSans-MediumItalic-eTXh8_OK.woff2) format("woff2")}@font-face{font-display:swap;font-family:WorkSans;font-style:normal;font-weight:600;src:url(/assets/WorkSans-SemiBold-WLRSusp-.woff2) format("woff2")}@font-face{font-display:swap;font-family:WorkSans;font-style:italic;font-weight:600;src:url(/assets/WorkSans-SemiBoldItalic-CYZRN9a0.woff2) format("woff2")}@font-face{font-display:swap;font-family:WorkSans;font-style:normal;font-weight:700;src:url(/assets/WorkSans-Bold-eF09MB-s.woff2) format("woff2")}@font-face{font-display:swap;font-family:WorkSans;font-style:italic;font-weight:700;src:url(/assets/WorkSans-BoldItalic-CWH5Gsbo.woff2) format("woff2")}:root{--color-text-primary: hsl(233deg 18% 19%);--color-text-secondary: hsl(231deg 6% 49%);--color-slang-primary: hsl(289deg 99% 67%);--color-bg-primary: hsl(240deg 20% 98%);--color-border-primary: hsl(223deg 8% 84%);--color-border-primary-hover: hsl(231deg 6% 49%);--color-skeleton: hsl(330deg 33% 95%);--color-warning: hsl(27deg 100% 47%);--color-error: hsl(0deg 65% 51%);--color-bg-disabled: hsl(228deg 26% 96%);--color-text-disabled: hsl(0deg 0% 0% / .38);--color-border-disabled: hsl(0deg 0% 0% / .38);--color-white: hsl(0deg 0% 100%);--color-black: hsl(0deg 0% 0%);--color-chip-dark: hsla(0deg 0% 100% / .16);--color-input-border: hsl(0deg 0% 0% / .23);--color-input-border-hover: hsl(0deg 0% 0% / .87);--global-color-text-primary: hsl(0deg 0% 18%);--background-bg-accent: hsl(240deg 5% 96%);--border-border-border: hsl(240deg 6% 90%);--background-bg-popover: hsl(0deg 0% 100%);--background-bg-background: hsl(0deg 0% 100%);--global-color-text-secondary: hsl(330deg 1% 44%);--font-regular: 1.4rem;--font-large: 1.6rem;--font-small: 1.2rem;--border-radius-primary: .4rem;--border-radius-sm: .25rem;--border-radius-md: .6rem;--border-radius-full: 50%}:root{--white: 0, 0%, 100%;--black: 0, 0%, 0%;--slate-100: 315, 33%, 98%;--slate-200: 315, 15%, 95%;--slate-300: 315, 8%, 90%;--slate-400: 315, 6%, 86%;--slate-500: 320, 3%, 80%;--slate-600: 320, 2%, 64%;--slate-700: 320, 1%, 54%;--slate-800: 330, 1%, 44%;--slate-900: 0, 0%, 18%;--wednesday-100: 300, 100%, 98%;--wednesday-200: 300, 100%, 96%;--wednesday-300: 298, 100%, 92%;--wednesday-400: 297, 100%, 89%;--wednesday-500: 296, 100%, 85%;--wednesday-600: 292, 100%, 72%;--wednesday-700: 288, 95%, 62%;--wednesday-800: 288, 66%, 50%;--wednesday-900: 289, 42%, 21%;--jade-100: 110, 37%, 97%;--jade-200: 131, 31%, 93%;--jade-300: 136, 35%, 87%;--jade-400: 139, 36%, 82%;--jade-500: 141, 35%, 75%;--jade-600: 147, 35%, 54%;--jade-700: 152, 52%, 40%;--jade-800: 157, 100%, 25%;--jade-900: 151, 60%, 13%;--dawn-100: 34, 100%, 97%;--dawn-200: 35, 100%, 92%;--dawn-300: 36, 100%, 85%;--dawn-400: 35, 100%, 79%;--dawn-500: 35, 100%, 71%;--dawn-600: 33, 100%, 48%;--dawn-700: 33, 95%, 41%;--dawn-800: 31, 79%, 36%;--dawn-900: 29, 52%, 16%;--rouge-100: 0, 100%, 99%;--rouge-200: 0, 100%, 96%;--rouge-300: 358, 100%, 93%;--rouge-400: 358, 100%, 90%;--rouge-500: 357, 100%, 86%;--rouge-600: 354, 100%, 74%;--rouge-700: 351, 94%, 62%;--rouge-800: 348, 75%, 48%;--rouge-900: 353, 60%, 21%}:root{--sl-color-white: hsl(var(--white));--sl-color-black: hsl(var(--black));--sl-color-transparent: hsla(var(--white) 0);--sl-color-bg-primary: hsl(var(--white));--sl-color-bg-primary-hover: hsl(var(--slate-200));--sl-color-bg-success: hsl(var(--jade-200));--sl-color-bg-warning: hsl(var(--dawn-200));--sl-color-bg-danger: hsl(var(--rouge-200));--sl-color-surface-primary: hsl(var(--slate-200));--sl-color-surface-secondary: hsl(var(--slate-100));--sl-color-border-primary: hsl(var(--slate-500));--sl-color-border-secondary: hsl(var(--slate-400));--sl-color-text-primary: hsl(var(--slate-900));--sl-color-text-secondary: hsl(var(--slate-800));--sl-color-text-placeholder: hsl(var(--slate-600));--sl-color-text-helper: var(--sl-color-text-secondary);--sl-color-text-helper-danger: hsl(var(--rouge-800));--sl-color-text-success: hsl(var(--jade-900));--sl-color-text-warning: hsl(var(--dawn-900));--sl-color-text-danger: hsl(var(--rouge-900));--sl-color-text-title: var(--sl-color-text-primary);--sl-color-text-description: var(--sl-color-text-secondary);--sl-color-button-primary-border: hsl(var(--slate-900));--sl-color-button-primary-border-disabled: hsl(var(--slate-600));--sl-color-button-primary-border-hover: hsl(var(--slate-800));--sl-color-button-primary-border-focus: hsl(var(--slate-300));--sl-color-checkbox-bg: var(--slate-200);--sl-color-checkbox-bg-hover: hsl(var(--slate-300));--sl-color-checkbox-bg-checked: hsl(var(--slate-300));--sl-color-checkbox-bg-checked-hover: hsl(var(--slate-400));--sl-color-checkbox-bg-disabled: hsl(var(--slate-300));--sl-color-checkbox-border: hsl(var(--slate-400));--sl-color-checkbox-border-hover: hsl(var(--slate-700));--sl-color-checkbox-border-checked: hsl(var(--wednesday-700));--sl-color-checkbox-border-checked-hover: hsl(var(--wednesday-700));--sl-color-checkbox-border-disabled: hsl(var(--slate-400));--sl-color-checkbox-icon: hsl(var(--wednesday-700));--sl-color-checkbox-focusring: hsl(var(--wednesday-700));--sl-color-icon-primary: hsl(var(--slate-700));--sl-color-icon-accent: hsl(var(--wednesday-800));--sl-color-icon-success: hsl(var(--jade-800));--sl-color-icon-warning: hsl(var(--dawn-800));--sl-color-icon-error: hsl(var(--rouge-800));--sl-color-input-bg: hsl(var(--slate-100));--sl-color-input-text: var(--sl-color-text-primary);--sl-color-input-placeholder: var(--sl-color-text-placeholder);--sl-color-input-border: hsl(var(--slate-500));--sl-color-input-border-danger: hsl(var(--rouge-800));--sl-color-input-border-hover: var(--sl-color-border-secondary);--sl-color-input-text-placeholder: var(--sl-color-text-placeholder);--sl-color-input-focusring: var(--sl-color-border-primary);--sl-color-input-focusring-danger: var(--sl-color-input-border-danger);--sl-color-menu-item-bg: hsl(var(--slate-200));--sl-color-menu-item-bg-hover: hsl(315deg 33% 98% / 1);--sl-color-menu-item-text: var(--sl-color-text-secondary);--sl-color-menu-item-bg-active: hsl(315deg 33% 98% / 1);--sl-color-menu-item-bg-active-hover: var(--sl-color-menu-item-bg-hover);--sl-color-menu-item-focusring: hsl(217deg 97% 53%);--sl-color-radio-bg: hsl(var(--slate-200));--sl-color-radio-bg-hover: hsl(var(--slate-300));--sl-color-radio-bg-focus: hsl(var(--slate-300));--sl-color-radio-bg-disabled: hsl(var(--slate-300));--sl-color-radio-border: hsl(var(--slate-400));--sl-color-radio-border-hover: hsl(var(--slate-700));--sl-color-radio-border-disabled: var(--sl-color-radio-border);--sl-color-radio-focusring: var(--sl-color-radio-border-hover);--sl-color-radio-bg-selected: var(--sl-color-radio-bg);--sl-color-radio-bg-selected-hover: var(--sl-color-radio-bg-hover);--sl-color-radio-border-selected: hsl(var(--wednesday-700));--sl-color-radio-border-selected-hover: var(--sl-color-radio-border-selected);--sl-color-radio-indicator-selected: var(--sl-color-radio-border-selected);--sl-color-radio-focusring-selected: var(--sl-color-radio-border-selected);--sl-color-sidebar-bg: var(--sl-color-surface-primary);--sl-color-tile-bg: hsl(var(--slate-100));--sl-color-tile-bg-active: hsl(var(--wednesday-200));--sl-color-tile-bg-hover-legacy: hsl(var(--slate-200));--sl-color-tile-bg-focus: var(--sl-color-tile-bg-hover-legacy);--sl-color-tile-border: var(--sl-color-tile-bg);--sl-color-tile-border-active: hsl(var(--wednesday-500));--sl-color-tile-border-hover: var(--sl-color-tile-bg-hover-legacy);--sl-color-tile-border-focus: hsl(var(--slate-600));--sl-color-tile-avatar-bg: radial-gradient(hsl(var(--slate-300)) 0%, hsl(var(--slate-500)) 100%);--sl-color-tile-avatar-bg-active: radial-gradient(hsl(var(--wednesday-300)) 0%, hsl(var(--wednesday-500)) 100%);--sl-color-tile-focusring: hsl(var(--slate-600));--sl-color-tile-avatar-text: var(--sl-color-text-secondary);--sl-color-tile-avatar-text--active: hsl(var(--wednesday-800));--sl-color-tile-bg-resting: hsl(315deg 33% 98%);--sl-color-tile-bg-hover: hsl(315deg 15% 95%);--sl-color-toast-bg: var(--sl-color-surface-primary);--sl-color-toast-border: hsl(var(--slate-500));--sl-color-toast-icon: var(--sl-color-icon-primary);--sl-color-toast-title: var(--sl-color-text-primary);--sl-color-toast-text: var(--sl-color-text-secondary);--sl-color-toast-bg-success: hsl(var(--jade-100));--sl-color-toast-border-success: hsl(var(--jade-500));--sl-color-toast-icon-success: hsl(var(--jade-800));--sl-color-toast-bg-warning: hsl(var(--dawn-200));--sl-color-toast-border-warning: hsl(var(--dawn-500));--sl-color-toast-icon-warning: hsl(var(--dawn-700));--sl-color-toast-bg-danger: hsl(var(--rouge-200));--sl-color-toast-border-danger: hsl(var(--rouge-500));--sl-color-toast-icon-danger: hsl(var(--rouge-800));--sl-color-gradient-primary: linear-gradient(to top right, hsl(var(--wednesday-700)), hsl(var(--dawn-600)));--sl-color-input-border-default: hsl(320deg 3% 80%);--sl-color-input-bg-default: hsl(315deg 33% 98%);--global-color-border-primary: hsl(315deg 6% 86%);--global-color-surface-secondary: hsl(315deg 33% 98%);--sl-space-0: 0;--sl-space-02: .2rem;--sl-space-04: .4rem;--radius-rounded-md: .6rem;--sl-space-08: .8rem;--sl-space-12: 1.2rem;--sl-space-16: 1.6rem;--sl-space-24: 2.4rem;--sl-space-32: 3.2rem;--sl-space-40: 4rem;--sl-space-48: 4.8rem;--sl-space-56: 5.6rem;--sl-space-64: 6.4rem;--sl-space-72: 7.2rem;--sl-space-80: 8rem;--sl-space-96: 9.6rem;--sl-space-104: 10.4rem;--sl-space-112: 11.2rem;--sl-space-120: 12rem;--sl-space-128: 12.8rem;--type-size-label-sm: 1.4rem;--breadcrumb-heading: 4.4rem;--sl-font-helper: 1.1rem;--sl-font-body-sm: 1.4rem;--sl-font-body-md: 1.6rem;--sl-font-body-lg: 2rem;--sl-font-button-sm: 1.4rem;--sl-font-button-md: 1.6rem;--sl-font-button-lg: 1.8rem;--sl-font-label-sm: 1.4rem;--sl-font-label-md: 1.6rem;--sl-font-label-lg: 2rem;--sl-font-header-sm: 1.6rem;--sl-font-header-md: 2rem;--sl-font-header-lg: 2.4rem;--type-size-body-sm: 1.4rem;--sl-font-weight-sm: 400;--sl-font-weight-md: 500;--sl-font-weight-lg: 600;--sl-font-weight-xl: 700;--sl-font-weight-xxl: 800;--sl-line-height-sm: 1.6rem;--sl-line-height-md: 2.4rem;--sl-line-height-lg: 3.2rem;--type-line-height-md: 2.4rem;--line-height-20: 2rem;--type-size-title-sm: 1.6rem;--type-size-title-md: 2rem}html{font:62.5% / normal var(--slang-worksans-font);min-height:100%;position:relative;scroll-behavior:smooth}body{box-sizing:border-box;font-family:var(--slang-worksans-font);font-size:1.4rem;height:100%;line-height:1.2;margin:0;position:relative}*{box-sizing:border-box}a,a:active,a:visited{color:var(--color-text-secondary)}.helper-text{color:var(--sl-color-text-helper);font-size:var(--sl-font-helper);padding-top:.4rem}.helper-text.danger{color:var(--sl-color-text-helper-danger)}:focus{outline-color:transparent;outline-style:solid}label{font-size:var(--sl-font-label-md)}.title{color:var(--sl-color-text-title);font-weight:var(--sl-font-weight-semibold);line-height:var(--sl-line-height-md)}.description{color:var(--sl-color-text-description);line-height:var(--sl-line-height-sm)}.intro-container{display:flex;flex-direction:column}.intro-container .intro-header{display:flex;justify-content:center;width:100%}.intro-container .intro-header .intro-title{display:flex;flex-direction:column}.intro-container .intro-header .intro-title .animate-gradient-text{font-size:20rem}.intro-container .intro-header .intro-description{align-self:flex-end;font-size:2.8rem;margin:.8rem 1.2rem 0 0}.intro-container .intro-content{margin-top:var(--sl-space-96)}.intro-container .intro-content p{font-size:var(--sl-font-body-lg)}.component-wrapper{line-height:1.6}.component-wrapper h1{font-size:3.6rem;font-weight:700;line-height:1;margin:0 0 1rem}.component-wrapper h2{font-size:2.6rem;font-weight:600;margin:4.8rem 0 1.2rem}.component-wrapper .description{font-size:1.4rem}.component-wrapper ul{all:unset}.component-wrapper ul li{margin-left:1.5rem}.component-wrapper .import-wrapper,.component-wrapper .usage,.component-wrapper .notes{font-size:1.6rem}p+.code-wrapper.no-top{margin-block-start:.8rem}.example-wrapper{display:grid;grid:"section-title" auto "examples" auto "code" auto / 1fr;margin-bottom:4.8rem}.example-wrapper p{font-size:var(--sl-font-body-md)}.copy-text{cursor:pointer;font-size:1.2rem;margin-top:1.2rem}.copied-text{color:hsl(var(--jade-700))}.date-time-picker{max-width:38rem}.example-icons-wrapper{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));margin:3.2rem 0 4.8rem}.example-icons-wrapper .icon{align-items:center;aspect-ratio:1 / 1;background-color:#fafafa;display:flex;flex-direction:column;justify-content:center;position:relative}.example-icons-wrapper .icon:hover{cursor:pointer}.example-icons-wrapper .icon svg{height:3rem;width:3rem}.example-icons-wrapper .icon .copy-text{bottom:1.6rem;color:hsl(var(--slate-600));position:absolute}.three-up-grid{align-items:start;display:grid;grid-gap:2.4rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:2.4rem}.three-up-grid .example-wrapper{margin-bottom:3.2rem}.three-up-grid .example-wrapper .section-title{font-weight:500;margin-bottom:.6rem}.three-up-grid .example{align-items:center;padding:4rem 2rem}.iconography .icons-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:4.8rem}.iconography .icons-header h2{margin:0}.iconography .search-wrapper{display:flex;justify-content:end}.iconography .search-wrapper .start-icon{top:1rem}.iconography .search-wrapper input{height:4.2rem;width:50rem}.iconography .sizes-colors{display:grid;gap:6rem;grid-template-columns:30% 60%}.iconography .sizes-colors .example .size-title,.iconography .sizes-colors .example .color-title{text-align:center}.iconography .sizes-colors .example .size-sample,.iconography .sizes-colors .example .color-sample{align-items:flex-end;display:flex;height:3.2rem;justify-content:center}.section-title{font-size:1.6rem;font-weight:600;grid-area:section-title;margin-bottom:1.2rem}.example-container{grid-area:examples}.example{border:.1rem solid hsl(330deg 7% 78%);border-bottom:0;border-top-left-radius:.8rem;border-top-right-radius:.8rem;display:grid;margin:0;padding:3.2rem 1.6rem;place-items:center}.example.full-border{align-items:center;border:.1rem solid hsl(330deg 7% 78%);border-radius:.8rem;display:flex;flex-direction:row;gap:4rem;justify-content:center}.example.drawer-side-example{display:grid;gap:1.2rem;grid-template-columns:repeat(2,8.2rem);justify-content:center}.example.drawer-side-example .sl-button{justify-content:center;width:8.2rem}.category-title{font-size:2rem;font-weight:600;margin-bottom:1rem}.two-up-grid{align-items:start;display:grid;grid-gap:2.4rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:2.4rem}.two-up-grid .example-wrapper{margin-bottom:3.2rem}.code-wrapper{grid-area:code}.api-wrapper,.space-wrapper{margin:2.4rem 0 4.8rem}.api-wrapper .api-row,.api-wrapper .space-row,.space-wrapper .api-row,.space-wrapper .space-row{border-bottom:.1rem solid hsl(330deg 7% 78%);display:grid;font-size:var(--font-regular)}.api-wrapper .api-row .api-cell,.api-wrapper .api-row .space-cell,.api-wrapper .space-row .api-cell,.api-wrapper .space-row .space-cell,.space-wrapper .api-row .api-cell,.space-wrapper .api-row .space-cell,.space-wrapper .space-row .api-cell,.space-wrapper .space-row .space-cell{padding:.8rem 1.2rem}.api-wrapper .api-row .api-cell:has("required"),.api-wrapper .api-row .space-cell:has("required"),.api-wrapper .space-row .api-cell:has("required"),.api-wrapper .space-row .space-cell:has("required"),.space-wrapper .api-row .api-cell:has("required"),.space-wrapper .api-row .space-cell:has("required"),.space-wrapper .space-row .api-cell:has("required"),.space-wrapper .space-row .space-cell:has("required"){line-height:1}.api-wrapper .api-row .api-cell:last-child,.api-wrapper .api-row .space-cell:last-child,.api-wrapper .space-row .api-cell:last-child,.api-wrapper .space-row .space-cell:last-child,.space-wrapper .api-row .api-cell:last-child,.space-wrapper .api-row .space-cell:last-child,.space-wrapper .space-row .api-cell:last-child,.space-wrapper .space-row .space-cell:last-child{padding:.8rem 0 .8rem 1.2rem}.api-wrapper .api-row.header-row,.api-wrapper .space-row.header-row,.space-wrapper .api-row.header-row,.space-wrapper .space-row.header-row{font-size:var(--font-large);font-weight:600}.api-wrapper .api-row .required,.api-wrapper .space-row .required,.space-wrapper .api-row .required,.space-wrapper .space-row .required{color:var(--color-text-secondary);font-size:1.1rem;font-weight:500;line-height:1;position:relative;top:-.4rem}.api-wrapper .api-row .small-text,.api-wrapper .space-row .small-text,.space-wrapper .api-row .small-text,.space-wrapper .space-row .small-text{color:var(--color-text-secondary);font-size:1.2rem}.api-wrapper .api-row{grid-template-columns:18rem 24rem 16rem 1fr}.space-wrapper{max-width:86rem}.space-wrapper .space-row{grid-template-columns:30rem 32rem 30rem}.space-wrapper .copy-text{font-size:var(--sl-font-body-sm);margin:0}.space-wrapper .swatch{align-items:center;display:flex}.space-swatch{background-color:hsl(var(--wednesday-800));border-radius:var(--sl-border-radius);height:2rem}.token-types{font-size:1.6rem}.combobox-wrapper{width:16rem}.figma-embed iframe{border:.1rem solid var(--color-black);height:65rem;width:100%}code,pre{white-space:pre-wrap}pre{background:#16181d;border-radius:.4rem;color:#73e1fc;display:inline-flex;font-family:var(--slang-monolisa-font);font-size:1.3rem;margin:0;padding-inline:.4rem;width:fit-content}pre+pre{margin:.25rem 0 0}pre code .tag{display:inline-block}.token.atrule,.token.attr-value,.token.function,.token.class-name,.token.keyword{color:#73e1fc}.token.selector,.token.attr-name,.token.char,.token.builtin,.token.inserted{color:#fa80d3}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted,.token.string{color:#abff85}.token.punctuation,.token.operator{color:#cecacd}.charts{margin-bottom:2.4rem}.metric-card{height:24rem;max-width:36rem}.code-wrapper .codeblock .sp-layout{border-radius:0 0 .8rem .8rem}.code-wrapper .codeblock .sp-editor{height:100%}.code-wrapper .codeblock .sp-read-only{display:none}.code-wrapper .codeblock .copy-button{cursor:pointer;height:1.6rem;position:absolute;right:1rem;top:1rem;width:1.6rem}.code-wrapper .codeblock .copy-button svg{height:1.6rem;width:1.6rem}.code-wrapper.no-top .codeblock .sp-layout{border-top-left-radius:.8rem;border-top-right-radius:.8rem}.infinite-rotation{animation:rotation 1s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.animate-gradient-text{animation:gradient-text 5s ease-in-out infinite alternate;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to left,#009dff,#9d00ff 29%,#ff00d9 67%,#f70);background-size:200% auto;color:transparent}@keyframes gradient-text{0%{background-position:0% 50%}to{background-position:100% 50%}}.animate-hue-text{animation:hue 10s infinite linear;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(92deg,#f45525,#fd0);color:#f45525}@keyframes hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(-360deg)}}:root{--sl-border-radius: .4rem;--sl-border-radius-lg: .8rem;--sl-border-default: .1rem solid var(--sl-color-border-primary);--sl-box-shadow-content: 0 0 1.6rem 0 hsl(var(--slate-400));--sl-box-shadow-toast: 0 .4rem .8rem -.4rem hsl(var(--slate-500));--sl-box-shadow-toast-success: 0 .4rem .8rem -.4rem hsl(var(--jade-500));--sl-box-shadow-toast-warning: 0 .4rem .8rem -.4rem hsl(var(--dawn-500));--sl-box-shadow-toast-danger: 0 .4rem .8rem -.4rem hsl(var(--rouge-500));--sl-font-weight-semibold: var(--sl-font-weight-lg)}.charts{--color-chart-1: hsl(285deg 100% 90%);--color-chart-2: hsl(205deg 97% 87%);--color-chart-2-focus: hsl(201deg 93% 59%);--color-chart-3: hsl(43deg 92% 77%);--color-chart-3-focus: hsl(43deg 95% 67%);--color-chart-4: hsl(330deg 20% 92%);--color-chart-4-focus: hsl(330deg 2% 62%);--color-chart-5: hsl(155deg 100% 80%);--color-chart-6: hsl(288deg 100% 83%);--color-chart-7: hsl(285deg 100% 90%);--color-chart-8: hsl(330deg 20% 92%);--color-chart-9: hsl(288deg 100% 83%);--color-chart-line-1: hsl(290deg 75% 49%);--color-chart-line-2: hsl(324deg 7% 86%);--color-chart-border: hsl(213deg 10% 78%);background-color:inherit;border:.1rem solid var(--color-chart-border);border-radius:.8rem;position:relative}.charts .recharts-responsive-container{min-height:28rem}.charts .recharts-layer{outline:.125rem solid transparent;outline-offset:.125rem}.charts .recharts-layer .recharts-text,.charts .recharts-layer .recharts-cartesian-axis-tick-value{font-size:1.2rem}.charts .recharts-layer.recharts-cartesian-axis .recharts-text{color:var(--sl-color-text-secondary)}.charts .recharts-legend-wrapper{margin-inline-end:2rem}.charts .recharts-legend-wrapper ul.recharts-default-legend{display:flex;flex-direction:column;gap:.4rem}.charts .recharts-legend-wrapper .recharts-legend-item{align-items:center;display:flex!important;line-height:1.4}.charts .recharts-legend-wrapper .recharts-legend-item-text{color:var(--sl-color-text-secondary)!important;font-size:1.2rem}.chart-tooltip-wrapper{position:absolute;right:.8rem;top:.8rem}.chart-tooltip-content{animation:scale-in .5s ease-out;background-color:var(--sl-color-bg-primary);border:.1rem solid var(--sl-color-border-primary);border-radius:.4rem;color:var(--sl-color-text-primary);font-size:1.4rem;line-height:1.4;max-width:32rem;padding:1.2rem 1.6rem;text-align:left;transform-origin:var(--radix-tooltip-content-transform-origin)}.chart-tooltip-icon{align-items:center;border:.1rem solid hsl(var(--slate-600));border-radius:50%;color:hsl(var(--slate-600));display:flex;font-size:1.2rem;height:1.6rem;justify-content:center;padding:.4rem;width:1.6rem}@keyframes scale-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}
