@frontify/fondue
Version:
Design system of Frontify
1 lines • 227 kB
CSS
*,: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(147 197 253 / .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(147 197 253 / .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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,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]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-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::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.tw-pointer-events-none{pointer-events:none}.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-inset-0{top:0;right:0;bottom:0;left:0}.tw-mx-12{margin-left:3rem;margin-right:3rem}.tw-mx-4{margin-left:1rem;margin-right:1rem}.tw-mx-5{margin-left:1.25rem;margin-right:1.25rem}.tw-mx-7{margin-left:1.75rem;margin-right:1.75rem}.tw-my-12{margin-top:3rem;margin-bottom:3rem}.tw-my-4{margin-top:1rem;margin-bottom:1rem}.tw-my-7{margin-top:1.75rem;margin-bottom:1.75rem}.tw-ml-28{margin-left:7rem}.tw-ml-64{margin-left:16rem}.tw-mt-64{margin-top:16rem}.tw-mt-\[590px\]{margin-top:590px}.tw-box-border{box-sizing:border-box}.tw-block{display:block}.tw-inline{display:inline}.tw-flex{display:flex}.tw-inline-flex{display:inline-flex}.tw-grid{display:grid}.tw-hidden{display:none}.tw-aspect-square{aspect-ratio:1 / 1}.tw-size-4{width:1rem;height:1rem}.tw-size-5{width:1.25rem;height:1.25rem}.tw-h-0{height:0px}.tw-h-1{height:.25rem}.tw-h-12{height:3rem}.tw-h-2{height:.5rem}.tw-h-3{height:.75rem}.tw-h-4{height:1rem}.tw-h-6{height:1.5rem}.tw-h-8{height:2rem}.tw-h-9{height:2.25rem}.tw-h-96{height:24rem}.tw-h-fit{height:-moz-fit-content;height:fit-content}.tw-h-full{height:100%}.tw-min-h-4{min-height:1rem}.tw-w-0{width:0px}.tw-w-64{width:16rem}.tw-w-fit{width:-moz-fit-content;width:fit-content}.tw-w-full{width:100%}.tw-min-w-40{min-width:10rem}.tw-shrink-0{flex-shrink:0}.tw-origin-left{transform-origin:left}.tw-origin-left-right{transform-origin:0% 50%}.tw-scale-x-\[--loading-bar-proportion\]{--tw-scale-x: var(--loading-bar-proportion);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes tw-loading-bar-infinite{0%{transform:translate(0) scaleX(0)}40%{transform:translate(0) scaleX(.4)}to{transform:translate(100%) scaleX(.5)}}.tw-animate-loading-bar-infinite{animation:tw-loading-bar-infinite 1s infinite linear}.tw-cursor-pointer{cursor:pointer}.tw-flex-row{flex-direction:row}.tw-flex-col{flex-direction:column}.tw-flex-nowrap{flex-wrap:nowrap}.tw-items-start{align-items:flex-start}.tw-items-end{align-items:flex-end}.tw-items-center{align-items:center}.tw-justify-end{justify-content:flex-end}.tw-justify-center{justify-content:center}.tw-gap-1{gap:.25rem}.tw-gap-1\.5{gap:.375rem}.tw-gap-2{gap:.5rem}.tw-gap-4{gap:1rem}.tw-self-stretch{align-self:stretch}.tw-overflow-hidden{overflow:hidden}.tw-whitespace-nowrap{white-space:nowrap}.tw-rounded{border-radius:var(--radius)}.tw-rounded-full{border-radius:9999px}.tw-border{border-width:var(--line-width)}.tw-border-2{border-width:2px}.tw-border-r{border-right-width:var(--line-width)}.tw-border-t{border-top-width:var(--line-width)}.tw-border-solid{border-style:solid}.tw-border-dashed{border-style:dashed}.tw-border-none{border-style:none}.tw-border-black{--tw-border-opacity: 1;border-color:rgb(45 50 50 / var(--tw-border-opacity, 1))}.tw-border-line{border-color:var(--line-color)}.tw-border-line-strong{border-color:var(--line-color-strong)}.tw-border-line-weak{border-color:var(--line-color-weak)}.tw-border-line-x-strong{border-color:var(--line-color-x-strong)}.tw-border-transparent{border-color:transparent}.tw-border-x-line-strong{border-left-color:var(--line-color-strong);border-right-color:var(--line-color-strong)}.tw-bg-\[red\]{--tw-bg-opacity: 1;background-color:rgb(255 0 0 / var(--tw-bg-opacity, 1))}.tw-bg-base{background-color:var(--base-color)}.tw-bg-box-disabled{background-color:var(--box-disabled-color)}.tw-bg-box-negative{background-color:var(--box-negative-color)}.tw-bg-box-neutral{background-color:var(--box-neutral-color)}.tw-bg-box-neutral-strong{background-color:var(--box-neutral-strong-color)}.tw-bg-box-positive{background-color:var(--box-positive-color)}.tw-bg-box-positive-strong{background-color:var(--box-positive-strong-color)}.tw-bg-box-selected{background-color:var(--box-selected-color)}.tw-bg-box-selected-strong{background-color:var(--box-selected-strong-color)}.tw-bg-button-background{background-color:var(--button-background-color)}.tw-bg-button-danger-background{background-color:var(--button-danger-background-color)}.tw-bg-button-negative-background{background-color:var(--button-negative-background-color)}.tw-bg-button-positive-background{background-color:var(--button-positive-background-color)}.tw-bg-button-strong-background{background-color:var(--button-strong-background-color)}.tw-bg-button-strong-negative-background{background-color:var(--button-strong-negative-background-color)}.tw-bg-button-strong-positive-background{background-color:var(--button-strong-positive-background-color)}.tw-bg-red-50{--tw-bg-opacity: 1;background-color:rgb(255 128 102 / var(--tw-bg-opacity, 1))}.tw-bg-text-interactive{background-color:var(--text-color-interactive)}.tw-bg-text-negative{background-color:var(--text-color-negative)}.tw-bg-text-positive{background-color:var(--text-color-positive)}.tw-p-10{padding:2.5rem}.tw-p-2{padding:.5rem}.tw-p-8{padding:2rem}.tw-px-0{padding-left:0;padding-right:0}.tw-px-2{padding-left:.5rem;padding-right:.5rem}.tw-px-4{padding-left:1rem;padding-right:1rem}.tw-px-6{padding-left:1.5rem;padding-right:1.5rem}.tw-font-body{font-family:var(--body-family)}.tw-font-body--stack{font-family:var(--body-family-stack)}.tw-text-body-large{font-size:var(--body-size-large);line-height:var(--body-size-large-line-height)}.tw-text-body-medium{font-size:var(--body-size-medium);line-height:var(--body-size-medium-line-height)}.tw-text-body-small{font-size:var(--body-size-small);line-height:var(--body-size-small-line-height)}.tw-font-medium{font-weight:500}.tw-font-normal{font-weight:400}.tw-text-box-disabled-inverse{color:var(--box-disabled-color-inverse)}.tw-text-box-selected-inverse{color:var(--box-selected-inverse-color)}.tw-text-box-selected-strong-inverse{color:var(--box-selected-strong-inverse-color)}.tw-text-button-danger-text{color:var(--button-danger-text-color)}.tw-text-button-negative-icon{color:var(--button-negative-icon-color)}.tw-text-button-negative-text{color:var(--button-negative-text-color)}.tw-text-button-positive-text{color:var(--button-positive-text-color)}.tw-text-button-strong-icon{color:var(--button-strong-icon-color)}.tw-text-button-strong-negative-text{color:var(--button-strong-negative-text-color)}.tw-text-button-strong-positive-text{color:var(--button-strong-positive-text-color)}.tw-text-button-text{color:var(--button-text-color)}.tw-text-current{color:currentColor}.tw-text-text-weak{color:var(--text-color-weak)}.tw-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.tw-opacity-0{opacity:0}.tw-opacity-100{opacity:1}.tw-outline-4{outline-width:4px}.tw-outline-offset-2{outline-offset:2px}.tw-outline-blue{outline-color:#4196fb}.tw-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.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}.after\:-tw-ml-1:after{content:var(--tw-content);margin-left:-.25rem}.after\:tw-hidden:after{content:var(--tw-content);display:none}.after\:tw-font-body--stack:after{content:var(--tw-content);font-family:var(--body-family-stack)}.after\:tw-text-body-small:after{content:var(--tw-content);font-size:var(--body-size-small);line-height:var(--body-size-small-line-height)}.after\:tw-font-medium:after{content:var(--tw-content);font-weight:500}.after\:tw-text-text-negative:after{content:var(--tw-content);color:var(--text-color-negative)}.after\:tw-content-\[\"\*\"\]:after{--tw-content: "*";content:var(--tw-content)}.hover\:tw-border-line-xx-strong:hover{border-color:var(--line-color-xx-strong)}.hover\:tw-bg-box-selected-hover:hover{background-color:var(--box-selected-color-hover)}.hover\:tw-bg-box-selected-strong-hover:hover{background-color:var(--box-selected-strong-color-hover)}.hover\:tw-bg-button-background-hover:hover{background-color:var(--button-background-color-hover)}.hover\:tw-bg-button-danger-background-hover:hover{background-color:var(--button-danger-background-color-hover)}.hover\:tw-bg-button-negative-background-hover:hover{background-color:var(--button-negative-background-color-hover)}.hover\:tw-bg-button-positive-background-hover:hover{background-color:var(--button-positive-background-color-hover)}.hover\:tw-bg-button-strong-background-hover:hover{background-color:var(--button-strong-background-color-hover)}.hover\:tw-bg-button-strong-negative-background-hover:hover{background-color:var(--button-strong-negative-background-color-hover)}.hover\:tw-bg-button-strong-positive-background-hover:hover{background-color:var(--button-strong-positive-background-color-hover)}.focus-visible\:tw-outline:focus-visible{outline-style:solid}.focus-visible\:tw-outline-blue:focus-visible{outline-color:#4196fb}.active\:tw-bg-box-selected-pressed:active{background-color:var(--box-selected-color-pressed)}.active\:tw-bg-box-selected-strong-pressed:active{background-color:var(--box-selected-strong-color-pressed)}.active\:tw-bg-button-background-pressed:active{background-color:var(--button-background-color-pressed)}.active\:tw-bg-button-danger-background-pressed:active{background-color:var(--button-danger-background-color-pressed)}.active\:tw-bg-button-negative-background-pressed:active{background-color:var(--button-negative-background-color-pressed)}.active\:tw-bg-button-positive-background-pressed:active{background-color:var(--button-positive-background-color-pressed)}.active\:tw-bg-button-strong-background-pressed:active{background-color:var(--button-strong-background-color-pressed)}.active\:tw-bg-button-strong-negative-background-pressed:active{background-color:var(--button-strong-negative-background-color-pressed)}.active\:tw-bg-button-strong-positive-background-pressed:active{background-color:var(--button-strong-positive-background-color-pressed)}.disabled\:tw-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:tw-border-line-strong:disabled{border-color:var(--line-color-strong)}.disabled\:tw-bg-base:disabled{background-color:var(--base-color)}.tw-group:hover .group-hover\:tw-border-line-xx-strong{border-color:var(--line-color-xx-strong)}.tw-group:hover .group-hover\:tw-text-box-selected-inverse-hover{color:var(--box-selected-inverse-color-hover)}.tw-group:hover .group-hover\:tw-text-box-selected-strong-inverse{color:var(--box-selected-strong-inverse-color)}.tw-group:hover .group-hover\:tw-text-text-negative-hover{color:var(--text-color-negative-hover)}.tw-group:active .group-active\:tw-text-box-selected-inverse-pressed{color:var(--box-selected-inverse-color-pressed)}.tw-group:active .group-active\:tw-text-box-selected-strong-inverse{color:var(--box-selected-strong-inverse-color)}.tw-peer:hover~.peer-hover\:tw-text-text{color:var(--text-color)}.tw-peer:disabled~.peer-disabled\:tw-cursor-not-allowed{cursor:not-allowed}.tw-peer:disabled~.peer-disabled\:tw-text-text-disabled{color:var(--text-color-disabled)}.has-\[\~_\:disabled\]\:tw-cursor-not-allowed:has(~:disabled){cursor:not-allowed}.has-\[\+_\*_\:disabled\]\:tw-text-text-disabled:has(+* :disabled){color:var(--text-color-disabled)}.has-\[\+_\*_input\:hover\:not\(\:disabled\)\]\:tw-text-text:has(+* input:hover:not(:disabled)){color:var(--text-color)}.has-\[\[data-show-focus-ring\=true\]\]\:tw-outline:has([data-show-focus-ring=true]){outline-style:solid}.data-\[state\=\"checked\"\]\:tw-border-transparent[data-state=checked],.data-\[state\=\"indeterminate\"\]\:tw-border-transparent[data-state=indeterminate]{border-color:transparent}.data-\[state\=\"checked\"\]\:tw-bg-box-neutral-strong[data-state=checked]{background-color:var(--box-neutral-strong-color)}.data-\[state\=\"checked\"\]\:tw-bg-box-selected-strong[data-state=checked]{background-color:var(--box-selected-strong-color)}.data-\[state\=\"indeterminate\"\]\:tw-bg-box-neutral-strong[data-state=indeterminate]{background-color:var(--box-neutral-strong-color)}.data-\[state\=\"indeterminate\"\]\:tw-bg-box-selected-strong[data-state=indeterminate]{background-color:var(--box-selected-strong-color)}.data-\[state\=\"checked\"\]\:tw-opacity-100[data-state=checked],.data-\[state\=\"indeterminate\"\]\:tw-opacity-100[data-state=indeterminate]{opacity:1}.data-\[required\=\"true\"\]\:after\:tw-flex[data-required=true]:after{content:var(--tw-content);display:flex}.data-\[state\=\"checked\"\]\:hover\:tw-bg-box-neutral-strong-hover:hover[data-state=checked]{background-color:var(--box-neutral-strong-color-hover)}.data-\[state\=\"checked\"\]\:hover\:tw-bg-box-selected-strong-hover:hover[data-state=checked]{background-color:var(--box-selected-strong-color-hover)}.data-\[state\=\"indeterminate\"\]\:hover\:tw-bg-box-neutral-strong-hover:hover[data-state=indeterminate]{background-color:var(--box-neutral-strong-color-hover)}.data-\[state\=\"indeterminate\"\]\:hover\:tw-bg-box-selected-strong-hover:hover[data-state=indeterminate]{background-color:var(--box-selected-strong-color-hover)}.data-\[state\=\"checked\"\]\:active\:tw-bg-box-neutral-strong-pressed:active[data-state=checked]{background-color:var(--box-neutral-strong-color-pressed)}.data-\[state\=\"checked\"\]\:active\:tw-bg-box-selected-strong-pressed:active[data-state=checked]{background-color:var(--box-selected-strong-color-pressed)}.data-\[state\=\"indeterminate\"\]\:active\:tw-bg-box-neutral-strong-pressed:active[data-state=indeterminate]{background-color:var(--box-neutral-strong-color-pressed)}.data-\[state\=\"indeterminate\"\]\:active\:tw-bg-box-selected-strong-pressed:active[data-state=indeterminate]{background-color:var(--box-selected-strong-color-pressed)}.data-\[state\=\"checked\"\]\:disabled\:tw-bg-box-disabled-strong:disabled[data-state=checked]{background-color:var(--box-disabled-strong-color)}.tw-group[data-state=checked] .group-data-\[state\=\"checked\"\]\:tw-block,.tw-group[data-state=indeterminate] .group-data-\[state\=\"indeterminate\"\]\:tw-block{display:block}.tw-group[data-state=checked] .group-data-\[state\=\"checked\"\]\:tw-opacity-100,.tw-group[data-state=indeterminate] .group-data-\[state\=\"indeterminate\"\]\:tw-opacity-100{opacity:1}.tw-peer[data-state=checked]~.peer-data-\[state\=\"checked\"\]\:tw-font-medium{font-weight:500}.tw-peer[data-state=indeterminate]~.peer-data-\[state\=\"indeterminate\"\]\:tw-font-medium{font-weight:500}@media (min-width: 768px){.md\:tw-w-\[450px\]{width:450px}}.\[\&_svg\]\:tw-leading-none svg{line-height:1}.\[\&_svg\]\:tw-text-box-selected-inverse svg{color:var(--box-selected-inverse-color)}.\[\&_svg\]\:tw-text-box-selected-strong-inverse svg{color:var(--box-selected-strong-inverse-color)}.\[\&_svg\]\:tw-text-button-danger-icon svg{color:var(--button-danger-icon-color)}.\[\&_svg\]\:tw-text-button-icon svg{color:var(--button-icon-color)}.\[\&_svg\]\:tw-text-button-negative-icon svg{color:var(--button-negative-icon-color)}.\[\&_svg\]\:tw-text-button-positive-icon svg{color:var(--button-positive-icon-color)}.\[\&_svg\]\:tw-text-button-strong-icon svg{color:var(--button-strong-icon-color)}.\[\&_svg\]\:tw-text-button-strong-negative-icon svg{color:var(--button-strong-negative-icon-color)}.\[\&_svg\]\:tw-text-button-strong-positive-icon svg{color:var(--button-strong-positive-icon-color)}.tw-group:hover .group-hover\:\[\&_svg\]\:tw-text-box-selected-inverse-hover svg{color:var(--box-selected-inverse-color-hover)}.tw-group:hover .group-hover\:\[\&_svg\]\:tw-text-box-selected-strong-inverse svg{color:var(--box-selected-strong-inverse-color)}.tw-group:active .group-active\:\[\&_svg\]\:tw-text-box-selected-inverse-pressed svg{color:var(--box-selected-inverse-color-pressed)}.tw-group:active .group-active\:\[\&_svg\]\:tw-text-box-selected-strong-inverse svg{color:var(--box-selected-strong-inverse-color)}._root_1f8r4_2[data-border=true]{border-bottom:var(--line-width) solid var(--line-color);border-top:var(--line-width) solid var(--line-color)}._accordionItem_1f8r4_7{color:var(--text-color-weak)}._accordionItem_1f8r4_7:not(:last-child){border-bottom:var(--line-width) solid var(--line-color)}._accordionItem_1f8r4_7:has(._accordionTrigger_1f8r4_13:focus-visible):not([data-show-focus-ring=false]){outline:4px solid var(--focus-ring-color);border-radius:var(--radius)}._accordionTrigger_1f8r4_13{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;outline:0;padding:var(--space-l) var(--space-xl);text-align:left;width:100%}._accordionTrigger_1f8r4_13[data-state=open],._accordionTrigger_1f8r4_13:hover{color:var(--text-color)}._accordionTrigger_1f8r4_13[data-state=open]>._accordionCaret_1f8r4_31{transform:rotate(180deg)}._accordionContent_1f8r4_35{width:100%;text-align:left;overflow:hidden}[data-item-padding=none]>div{padding:0}[data-item-padding=medium]>div{padding:0 var(--space-m) var(--space-s);padding:0 var(--space-l) var(--space-m)}[data-item-padding=large]>div{padding:0 var(--space-xl) var(--space-l)}[data-item-divider=true]>div{border-top:var(--line-width) solid var(--line-color);padding-top:var(--space-l)}._accordionContentText_1f8r4_62{color:var(--text-color)}._accordionCaret_1f8r4_31{transition:transform .5s cubic-bezier(.87,0,.13,1)}._accordionContent_1f8r4_35[data-state=open]{animation:_slideDown_1f8r4_1 .5s cubic-bezier(.87,0,.13,1)}._accordionContent_1f8r4_35[data-state=closed]{animation:_slideUp_1f8r4_1 .5s cubic-bezier(.87,0,.13,1)}@keyframes _slideDown_1f8r4_1{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes _slideUp_1f8r4_1{0%{height:var(--radix-accordion-content-height)}to{height:0}}._root_riubn_4{display:flex;flex-direction:column;gap:1rem;max-width:700px;container-type:inline-size}._inputs_riubn_12{display:grid;grid-template-columns:1fr;gap:.5rem}@container (min-width: 19.5rem){._inputs_riubn_12{grid-template-columns:100px 1fr 100px}}._colorFormatInput_riubn_23,._colorAlphaInput_riubn_24{width:100%}._colorChannelInputGroup_riubn_28{display:flex;flex-direction:column;gap:.5rem}@container (min-width: 19.5rem){._colorChannelInputGroup_riubn_28{flex-direction:row}}._inputDecorator_riubn_39{color:var(--text-color-weak)}._gradientInput_riubn_43,._gradientInput_riubn_43 ._reactColorful_riubn_46{width:100%}._valueInput_riubn_50 input::-webkit-outer-spin-button,._valueInput_riubn_50 input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._valueInput_riubn_50 input[type=number]{-moz-appearance:textfield}._root_18mav_5{width:100%;position:relative;justify-content:start;align-items:center;gap:.5rem;overflow:hidden;font-family:var(--body-family-stack);font-weight:400;font-size:var(--body-size-medium);line-height:var(--body-size-medium-line-height);box-sizing:border-box;text-align:start;color:var(--text-color-x-weak);background-color:var(--base-color);border-radius:var(--radius);border:var(--line-width) solid var(--line-color-strong);transition-property:color,background-color,border-color,text-decoration-color,outline-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:0s}@media (prefers-reduced-motion: reduce){._root_18mav_5{transition-duration:0ms;animation-duration:0ms}}._root_18mav_5:hover{border-color:var(--line-color-x-strong);color:var(--text-color-weak)}._root_18mav_5:has(:focus-visible),._root_18mav_5[data-state=open]{border-color:var(--line-color-xx-strong);color:var(--line-color-xx-strong)}._root_18mav_5:has(button[data-color-input-select]:focus-visible){outline-style:none;transition-property:box-shadow;transition-duration:0ms;box-shadow:0 0 0 2px var(--base-color),0 0 0 6px var(--focus-ring-color)}._root_18mav_5:has(input:disabled),._root_18mav_5[data-disabled=true]{border-color:var(--line-color-weak);background-color:var(--box-disabled-color);color:var(--text-color-disabled);cursor:default}._colorName_18mav_56{color:var(--text-color)}._button_18mav_60{display:flex;justify-content:start;align-items:center;gap:.5rem;flex-grow:1;padding-left:.75rem;padding-right:.75rem;height:2.25rem;outline:none;width:100%}._colorIndicator_18mav_73{position:relative;overflow:hidden;width:1rem;height:1rem;border-radius:.25rem;border:1px solid var(--line-color-x-strong);background-clip:padding-box;background-image:repeating-conic-gradient(white 0% 25%,var(--line-color-strong) 0% 50%);background-size:6px 6px;background-position:-.5px -.5px}._colorIndicator_18mav_73:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--active-color)}._actions_18mav_92{position:absolute;top:0;bottom:0;right:.75rem;display:flex;align-items:center;pointer-events:none}._clear_18mav_102{outline:none;padding:.25rem;margin:.25rem;pointer-events:all}._clear_18mav_102:focus-visible,._clear_18mav_102:focus-visible:hover,._clear_18mav_102:has(>[data-show-focus-ring=true]){outline-style:none;transition-property:box-shadow;transition-duration:0ms;box-shadow:0 0 0 2px var(--base-color),0 0 0 6px var(--focus-ring-color)}._caret_18mav_115{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:0s}@media (prefers-reduced-motion: reduce){._caret_18mav_115{transition-duration:0ms;animation-duration:0ms}}[data-state=open] ._caret_18mav_115{transform:rotate(180deg)}._dark_1mr83_1{--base-color: #2d3232;--base-color-alt: #1a1c1c;--body-family: Diatype,Space Grotesk Frontify;--body-family-stack: Diatype,Space Grotesk Frontify,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;--body-weight-name: Regular;--body-weight-number: 400;--body-weight-strong-name: Medium;--body-weight-strong-number: 500;--body-weight-x-strong-name: Bold;--body-weight-x-strong-number: 700;--body-size-x-small: .75rem;--body-size-x-small-line-height: 1rem;--body-size-small: .813rem;--body-size-small-line-height: 1rem;--body-size-medium: .875rem;--body-size-medium-line-height: 1.125rem;--body-size-large: 1rem;--body-size-large-line-height: 1.25rem;--body-x-small: [object Object];--body-x-small-strong: [object Object];--body-x-small-x-strong: [object Object];--body-small: [object Object];--body-small-strong: [object Object];--body-small-x-strong: [object Object];--body-medium: [object Object];--body-medium-strong: [object Object];--body-medium-x-strong: [object Object];--body-large: [object Object];--body-large-strong: [object Object];--body-large-x-strong: [object Object];--box-neutral-color: #424747;--box-neutral-color-hover: #6c7070;--box-neutral-color-pressed: #080808;--box-neutral-inverse-color: #ffffff;--box-neutral-inverse-color-hover: #eaebeb;--box-neutral-inverse-color-pressed: #d5d6d6;--box-neutral-strong-color: #ffffff;--box-neutral-strong-color-hover: #f1f1f1;--box-neutral-strong-color-pressed: #eaebeb;--box-neutral-strong-inverse-color: #2d3232;--box-neutral-strong-inverse-color-hover: #1a1c1c;--box-neutral-strong-inverse-color-pressed: #080808;--box-neutral-mighty-color: #ffffff;--box-neutral-mighty-color-hover: #f1f1f1;--box-neutral-mighty-color-pressed: #eaebeb;--box-neutral-mighty-inverse-color: #080808;--box-neutral-mighty-inverse-color-hover: #080808;--box-neutral-mighty-inverse-color-pressed: #080808;--box-selected-color: #443185;--box-selected-color-hover: #564996;--box-selected-color-pressed: #6449c4;--box-selected-inverse-color: #e4dafa;--box-selected-inverse-color-hover: #f0eafa;--box-selected-inverse-color-pressed: #ffffff;--box-selected-strong-color: #7c57ff;--box-selected-strong-color-hover: #7159d7;--box-selected-strong-color-pressed: #6449c4;--box-selected-strong-inverse-color: #ffffff;--box-selected-strong-inverse-color-hover: #ffffff;--box-selected-strong-inverse-color-pressed: #ffffff;--box-disabled-color: #080808;--box-disabled-color-inverse: #a5a8a8;--box-disabled-strong-color: #424747;--box-disabled-strong-color-inverse: #080808;--box-positive-color: #2e4f46;--box-positive-color-hover: #1b6e60;--box-positive-color-pressed: #15816f;--box-positive-inverse-color: #caefe8;--box-positive-inverse-color-hover: #e3f4f1;--box-positive-inverse-color-pressed: #ffffff;--box-positive-strong-color: #65dcc7;--box-positive-strong-color-hover: #32d2b6;--box-positive-strong-color-pressed: #00c8a5;--box-positive-strong-inverse-color: #2d3232;--box-positive-strong-inverse-color-hover: #2d3232;--box-positive-strong-inverse-color-pressed: #2d3232;--box-negative-color: #57282b;--box-negative-color-hover: #992136;--box-negative-color-pressed: #d92f4c;--box-negative-inverse-color: #fdd2d9;--box-negative-inverse-color-hover: #fce6e9;--box-negative-inverse-color-pressed: #ffffff;--box-negative-strong-color: #fe8ea2;--box-negative-strong-color-hover: #fe5e7a;--box-negative-strong-color-pressed: #ff375a;--box-negative-strong-inverse-color: #2d3232;--box-negative-strong-inverse-color-hover: #2d3232;--box-negative-strong-inverse-color-pressed: #2d3232;--box-warning-color: #4c3600;--box-warning-color-hover: #664800;--box-warning-color-pressed: #966a00;--box-warning-inverse-color: #fcf2e0;--box-warning-inverse-color-hover: #fdebc7;--box-warning-inverse-color-pressed: #fddd95;--box-warning-strong-color: #fed064;--box-warning-strong-color-hover: #fec232;--box-warning-strong-color-pressed: #ffb400;--box-warning-strong-inverse-color: #2d3232;--box-warning-strong-inverse-color-hover: #2d3232;--box-warning-strong-inverse-color-pressed: #2d3232;--code-family: Menlo;--code-family-stack: Menlo,Courier,monospace;--code-weight-name: Regular;--code-weight-number: Regular;--code-weight-strong-name: Bold;--code-weight-strong-number: 700;--code-size-small: .813rem;--code-size-small-line-height: 1rem;--code-size-medium: .875rem;--code-size-medium-line-height: 1rem;--code-size-large: 1rem;--code-size-large-line-height: 1.25rem;--code-small: [object Object];--code-small-strong: [object Object];--code-medium: [object Object];--code-medium-strong: [object Object];--code-large: [object Object];--code-large-strong: [object Object];--focus-ring-color: #4196fb;--heading-family: Diatype,Space Grotesk Frontify;--heading-family-stack: Diatype,Space Grotesk Frontify,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;--heading-weight-name: Medium;--heading-weight-number: 500;--heading-weight-strong-name: Bold;--heading-weight-strong-number: 700;--heading-size-medium: .875rem;--heading-size-medium-line-height: 1rem;--heading-size-large: 1rem;--heading-size-large-line-height: 1.25rem;--heading-size-x-large: 1.25rem;--heading-size-x-large-line-height: 1.5rem;--heading-size-xx-large: 1.5rem;--heading-size-xx-large-line-height: 1.75rem;--heading-medium: [object Object];--heading-medium-strong: [object Object];--heading-large: [object Object];--heading-large-strong: [object Object];--heading-x-large: [object Object];--heading-x-large-strong: [object Object];--heading-xx-large: [object Object];--heading-xx-large-strong: [object Object];--line-color: rgba(255, 255, 255, .1);--line-color-weak: rgba(255, 255, 255, .05);--line-color-strong: rgba(255, 255, 255, .3);--line-color-x-strong: rgba(255, 255, 255, .5);--line-color-xx-strong: #ffffff;--line-color-mighty: rgba(8, 8, 8, .15);--line-width: .063rem;--line-width-large: .125rem;--overlay-color: rgba(8, 8, 8, .5);--radius: .25rem;--radius-small: .125rem;--radius-large: .5rem;--radius-x-large: .75rem;--shadow-matrix: .1875rem 0rem .625rem 0rem rgba(8, 8, 8, .5);--shadow-offset-x: 0rem;--shadow-offset-y: .1875rem;--shadow-spread: 0rem;--shadow-blur: .625rem;--shadow-color: rgba(8, 8, 8, .5);--shadow-top-matrix: -.625rem 0rem .625rem -.3125rem rgba(8, 8, 8, .5);--shadow-top-offset-x: 0rem;--shadow-top-offset-y: -.625rem;--shadow-top-spread: -.3125rem;--shadow-bottom-matrix: .625rem 0rem .625rem -.3125rem rgba(8, 8, 8, .5);--shadow-bottom-offset-x: 0rem;--shadow-bottom-offset-y: .625rem;--shadow-bottom-spread: -.3125rem;--shadow-large-matrix: 1.5625rem 0rem 5rem 0rem rgba(8, 8, 8, .8);--shadow-large-offset-x: 0rem;--shadow-large-offset-y: 1.5625rem;--shadow-large-spread: 0rem;--shadow-large-blur: 5rem;--shadow-large-color: rgba(8, 8, 8, .8);--shadow: [object Object];--shadow-top: [object Object];--shadow-bottom: [object Object];--shadow-big: [object Object];--space-xxs: .25rem;--space-xs: .5rem;--space-s: .75rem;--space-m: 1rem;--space-l: 1.5rem;--space-xl: 2rem;--space-xxl: 2.5rem;--text-color: #ffffff;--text-color-hover: #ffffff;--text-color-pressed: #ffffff;--text-color-weak: #eaebeb;--text-color-weak-hover: #ffffff;--text-color-weak-pressed: #ffffff;--text-color-x-weak: #abadad;--text-color-disabled: #a5a8a8;--text-color-negative: #fe8ea2;--text-color-negative-hover: #fdd2d9;--text-color-negative-pressed: #fce6e9;--text-color-positive: #65dcc7;--text-color-positive-hover: #caefe8;--text-color-positive-pressed: #e3f4f1;--text-color-warning: #fec232;--text-color-warning-hover: #fdebc7;--text-color-warning-pressed: #fcf2e0;--text-color-interactive: #cbbbfb;--text-color-interactive-hover: #e4dafa;--text-color-interactive-pressed: #f0eafa;--button-background-color: #424747;--button-background-color-hover: #1a1c1c;--button-background-color-pressed: #080808;--button-text-color: #ffffff;--button-icon-color: #ffffff;--button-border-color: rgba(255, 255, 255, .05);--button-negative-background-color: #424747;--button-negative-background-color-hover: #1a1c1c;--button-negative-background-color-pressed: #080808;--button-negative-text-color: #ffffff;--button-negative-icon-color: #fe8ea2;--button-negative-border-color: rgba(255, 255, 255, .05);--button-positive-background-color: #424747;--button-positive-background-color-hover: #1a1c1c;--button-positive-background-color-pressed: #080808;--button-positive-text-color: #ffffff;--button-positive-icon-color: #65dcc7;--button-positive-border-color: rgba(255, 255, 255, .05);--button-strong-background-color: #ffffff;--button-strong-background-color-hover: #f1f1f1;--button-strong-background-color-pressed: #eaebeb;--button-strong-text-color: #2d3232;--button-strong-icon-color: #2d3232;--button-strong-border-color: rgba(255, 255, 255, .05);--button-strong-negative-background-color: #ffffff;--button-strong-negative-background-color-hover: #f1f1f1;--button-strong-negative-background-color-pressed: #eaebeb;--button-strong-negative-text-color: #2d3232;--button-strong-negative-icon-color: #ed3354;--button-strong-negative-border-color: rgba(255, 255, 255, .05);--button-strong-positive-background-color: #ffffff;--button-strong-positive-background-color-hover: #f1f1f1;--button-strong-positive-background-color-pressed: #eaebeb;--button-strong-positive-text-color: #2d3232;--button-strong-positive-icon-color: #05b999;--button-strong-positive-border-color: rgba(255, 255, 255, .05);--button-danger-background-color: #ed3354;--button-danger-background-color-hover: #d92f4c;--button-danger-background-color-pressed: #992136;--button-danger-text-color: #ffffff;--button-danger-icon-color: #ffffff;--button-danger-border-color: rgba(255, 255, 255, .05)}._light_1mr83_250{--base-color: #ffffff;--base-color-alt: #fafafa;--body-family: Diatype,Space Grotesk Frontify;--body-family-stack: Diatype,Space Grotesk Frontify,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;--body-weight-name: Regular;--body-weight-number: 400;--body-weight-strong-name: Medium;--body-weight-strong-number: 500;--body-weight-x-strong-name: Bold;--body-weight-x-strong-number: 700;--body-size-x-small: .75rem;--body-size-x-small-line-height: 1rem;--body-size-small: .813rem;--body-size-small-line-height: 1rem;--body-size-medium: .875rem;--body-size-medium-line-height: 1.125rem;--body-size-large: 1rem;--body-size-large-line-height: 1.25rem;--box-neutral-color: #f1f1f1;--box-neutral-color-hover: #eaebeb;--box-neutral-color-pressed: #d5d6d6;--box-neutral-inverse-color: #2d3232;--box-neutral-inverse-color-hover: #1a1c1c;--box-neutral-inverse-color-pressed: #080808;--box-neutral-strong-color: #424747;--box-neutral-strong-color-hover: #2d3232;--box-neutral-strong-color-pressed: #1a1c1c;--box-neutral-strong-inverse-color: #ffffff;--box-neutral-strong-inverse-color-hover: #f1f1f1;--box-neutral-strong-inverse-color-pressed: #eaebeb;--box-neutral-mighty-color: #2d3232;--box-neutral-mighty-color-hover: #424747;--box-neutral-mighty-color-pressed: #080808;--box-neutral-mighty-inverse-color: #ffffff;--box-neutral-mighty-inverse-color-hover: #ffffff;--box-neutral-mighty-inverse-color-pressed: #eaebeb;--box-selected-color: #f0eafa;--box-selected-color-hover: #e4dafa;--box-selected-color-pressed: #b39dfd;--box-selected-inverse-color: #564996;--box-selected-inverse-color-hover: #564996;--box-selected-inverse-color-pressed: #080808;--box-selected-strong-color: #7c57ff;--box-selected-strong-color-hover: #7159d7;--box-selected-strong-color-pressed: #6449c4;--box-selected-strong-inverse-color: #ffffff;--box-selected-strong-inverse-color-hover: #ffffff;--box-selected-strong-inverse-color-pressed: #ffffff;--box-disabled-color: #f1f1f1;--box-disabled-color-inverse: #abadad;--box-disabled-strong-color: #d5d6d6;--box-disabled-strong-color-inverse: #ffffff;--box-positive-color: #e3f4f1;--box-positive-color-hover: #caefe8;--box-positive-color-pressed: #97e5d7;--box-positive-inverse-color: #1b6e60;--box-positive-inverse-color-hover: #1b6e60;--box-positive-inverse-color-pressed: #2e4f46;--box-positive-strong-color: #65dcc7;--box-positive-strong-color-hover: #32d2b6;--box-positive-strong-color-pressed: #00c8a5;--box-positive-strong-inverse-color: #2d3232;--box-positive-strong-inverse-color-hover: #2d3232;--box-positive-strong-inverse-color-pressed: #2d3232;--box-negative-color: #fce6e9;--box-negative-color-hover: #fdd2d9;--box-negative-color-pressed: #fdabb9;--box-negative-inverse-color: #992136;--box-negative-inverse-color-hover: #992136;--box-negative-inverse-color-pressed: #57282b;--box-negative-strong-color: #fe8ea2;--box-negative-strong-color-hover: #fe5e7a;--box-negative-strong-color-pressed: #ff375a;--box-negative-strong-inverse-color: #2d3232;--box-negative-strong-inverse-color-hover: #2d3232;--box-negative-strong-inverse-color-pressed: #2d3232;--box-warning-color: #fcf2e0;--box-warning-color-hover: #fdebc7;--box-warning-color-pressed: #fddd95;--box-warning-inverse-color: #664800;--box-warning-inverse-color-hover: #664800;--box-warning-inverse-color-pressed: #4c3600;--box-warning-strong-color: #fed064;--box-warning-strong-color-hover: #fec232;--box-warning-strong-color-pressed: #ffb400;--box-warning-strong-inverse-color: #2d3232;--box-warning-strong-inverse-color-hover: #2d3232;--box-warning-strong-inverse-color-pressed: #2d3232;--code-family: Menlo;--code-family-stack: Menlo,Courier,monospace;--code-weight-name: Regular;--code-weight-number: Regular;--code-weight-strong-name: Bold;--code-weight-strong-number: 700;--code-size-small: .813rem;--code-size-small-line-height: 1rem;--code-size-medium: .875rem;--code-size-medium-line-height: 1rem;--code-size-large: 1rem;--code-size-large-line-height: 1.25rem;--focus-ring-color: #4196fb;--heading-family: Diatype,Space Grotesk Frontify;--heading-family-stack: Diatype,Space Grotesk Frontify,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;--heading-weight-name: Medium;--heading-weight-number: 500;--heading-weight-strong-name: Bold;--heading-weight-strong-number: 700;--heading-size-medium: .875rem;--heading-size-medium-line-height: 1rem;--heading-size-large: 1rem;--heading-size-large-line-height: 1.25rem;--heading-size-x-large: 1.25rem;--heading-size-x-large-line-height: 1.5rem;--heading-size-xx-large: 1.5rem;--heading-size-xx-large-line-height: 1.75rem;--line-color: rgba(8, 8, 8, .1);--line-color-weak: rgba(8, 8, 8, .03);--line-color-strong: rgba(8, 8, 8, .15);--line-color-x-strong: rgba(8, 8, 8, .3);--line-color-xx-strong: #2d3232;--line-color-mighty: rgba(255, 255, 255, .15);--line-width: .063rem;--line-width-large: .125rem;--overlay-color: rgba(234, 235, 235, .5);--radius: .25rem;--radius-small: .125rem;--radius-large: .5rem;--radius-x-large: .75rem;--shadow-matrix: .1875rem 0rem .625rem 0rem rgba(8, 8, 8, .15);--shadow-offset-x: 0rem;--shadow-offset-y: .1875rem;--shadow-spread: 0rem;--shadow-blur: .625rem;--shadow-color: rgba(8, 8, 8, .15);--shadow-top-matrix: -.625rem 0rem .625rem -.3125rem rgba(8, 8, 8, .15);--shadow-top-offset-x: 0rem;--shadow-top-offset-y: -.625rem;--shadow-top-spread: -.3125rem;--shadow-bottom-matrix: .625rem 0rem .625rem -.3125rem rgba(8, 8, 8, .15);--shadow-bottom-offset-x: 0rem;--shadow-bottom-offset-y: .625rem;--shadow-bottom-spread: -.3125rem;--shadow-large-matrix: 1.5625rem 0rem 5rem 0rem rgba(8, 8, 8, .2);--shadow-large-offset-x: 0rem;--shadow-large-offset-y: 1.5625rem;--shadow-large-spread: 0rem;--shadow-large-blur: 5rem;--shadow-large-color: rgba(8, 8, 8, .2);--space-xxs: .25rem;--space-xs: .5rem;--space-s: .75rem;--space-m: 1rem;--space-l: 1.5rem;--space-xl: 2rem;--space-xxl: 2.5rem;--text-color: #2d3232;--text-color-hover: #1a1c1c;--text-color-pressed: #080808;--text-color-weak: #6c7070;--text-color-weak-hover: #424747;--text-color-weak-pressed: #2d3232;--text-color-x-weak: #818484;--text-color-disabled: #abadad;--text-color-negative: #d92f4c;--text-color-negative-hover: #992136;--text-color-negative-pressed: #57282b;--text-color-positive: #15816f;--text-color-positive-hover: #1b6e60;--text-color-positive-pressed: #2e4f46;--text-color-warning: #966a00;--text-color-warning-hover: #664800;--text-color-warning-pressed: #4c3600;--text-color-interactive: #7159d7;--text-color-interactive-hover: #564996;--text-color-interactive-pressed: #443185;--button-background-color: #f1f1f1;--button-background-color-hover: #eaebeb;--button-background-color-pressed: #d5d6d6;--button-text-color: #2d3232;--button-icon-color: #2d3232;--button-border-color: rgba(8, 8, 8, .03);--button-negative-background-color: #f1f1f1;--button-negative-background-color-hover: #eaebeb;--button-negative-background-color-pressed: #d5d6d6;--button-negative-text-color: #2d3232;--button-negative-icon-color: #d92f4c;--button-negative-border-color: rgba(8, 8, 8, .03);--button-positive-background-color: #f1f1f1;--button-positive-background-color-hover: #eaebeb;--button-positive-background-color-pressed: #d5d6d6;--button-positive-text-color: #2d3232;--button-positive-icon-color: #15816f;--button-positive-border-color: rgba(8, 8, 8, .03);--button-strong-background-color: #424747;--button-strong-background-color-hover: #2d3232;--button-strong-background-color-pressed: #1a1c1c;--button-strong-text-color: #ffffff;--button-strong-icon-color: #ffffff;--button-strong-border-color: rgba(8, 8, 8, .03);--button-strong-negative-background-color: #424747;--button-strong-negative-background-color-hover: #2d3232;--button-strong-negative-background-color-pressed: #1a1c1c;--button-strong-negative-text-color: #ffffff;--button-strong-negative-icon-color: #fe8ea2;--button-strong-negative-border-color: rgba(8, 8, 8, .03);--button-strong-positive-background-color: #424747;--button-strong-positive-background-color-hover: #2d3232;--button-strong-positive-background-color-pressed: #1a1c1c;--button-strong-positive-text-color: #ffffff;--button-strong-positive-icon-color: #32d2b6;--button-strong-positive-border-color: rgba(8, 8, 8, .03);--button-danger-background-color: #d92f4c;--button-danger-background-color-hover: #992136;--button-danger-background-color-pressed: #57282b;--button-danger-text-color: #ffffff;--button-danger-icon-color: #ffffff;--button-danger-border-color: rgba(8, 8, 8, .03)}._root_9n1pi_7{position:relative;display:flex;align-items:stretch;text-align:start;font-family:var(--body-family-stack);font-weight:400;font-size:var(--body-size-medium);min-width:0;width:100%;line-height:var(--body-size-medium-line-height);height:2.25rem;box-sizing:border-box;color:var(--text-color);background-color:var(--base-color);border-radius:var(--radius);border:var(--line-width) solid var(--line-color-strong);cursor:pointer}._root_9n1pi_7:focus-visible,._root_9n1pi_7:focus-visible:hover,._root_9n1pi_7:has(>[data-show-focus-ring=true]){outline-style:none;transition-property:box-shadow;transition-duration:0ms;box-shadow:0 0 0 2px var(--base-color),0 0 0 6px var(--focus-ring-color)}._root_9n1pi_7{transition-property:color,background-color,border-color,text-decoration-color,outline-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:0s}@media (prefers-reduced-motion: reduce){._root_9n1pi_7{transition-duration:0ms;animation-duration:0ms}}._root_9n1pi_7:hover{border-color:var(--line-color-x-strong)}._root_9n1pi_7[data-show-focus-ring=false]:focus,._root_9n1pi_7:has(input[data-show-focus-ring=false]:focus){border-color:var(--line-color-xx-strong)}._root_9n1pi_7:has(input:disabled),._root_9n1pi_7[data-disabled=true]{border-color:var(--line-color-weak);background-color:var(--box-disabled-color);color:var(--text-color-disabled);cursor:default}._root_9n1pi_7[data-status=success]{border-color:var(--text-color-positive)}._root_9n1pi_7[data-status=error]{border-color:var(--text-color-negative)}._root_9n1pi_7[data-empty=true]{color:var(--text-color-x-weak)}._root_9n1pi_7:has(input:-moz-placeholder){color:var(--text-color-x-weak)}._root_9n1pi_7:has(input:placeholder-shown){color:var(--text-color-x-weak)}._selectedValue_9n1pi_69{width:100%;background-color:transparent;padding-left:.75rem;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:auto;margin-bottom:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}._selectedValue_9n1pi_69:has(~[data-name=left]){text-indent:.75rem;padding-left:0}._input_9n1pi_87{width:100%;background-color:transparent;display:flex;align-items:center;text-align:inherit;text-indent:.75rem;outline:2px solid transparent;outline-offset:2px;border-radius:calc(var(--radius) - var(--line-width));white-space:nowrap;line-height:100%;overflow:hidden;text-overflow:ellipsis}._input_9n1pi_87::-moz-placeholder,._selectedValue_9n1pi_69::-moz-placeholder{color:var(--text-color-x-weak)}._input_9n1pi_87::placeholder,._selectedValue_9n1pi_69::placeholder{color:var(--text-color-x-weak)}._input_9n1pi_87:has(~div[data-name=left]),._selectedValue_9n1pi_69:has(~div[data-name=left]){text-indent:0px;border-top-left-radius:0;border-bottom-left-radius:0}._input_9n1pi_87:has(~._slot_9n1pi_113[data-side=right],~._slot_9n1pi_113:not([data-side=right])),._selectedValue_9n1pi_69:has(~._slot_9n1pi_113[data-side=right],~._slot_9n1pi_113:not([data-side=right])){padding-right:0;border-top-right-radius:0;border-bottom-right-radius:0}._input_9n1pi_87:disabled,._selectedValue_9n1pi_69:disabled{color:var(--text-color-disabled)}._input_9n1pi_87:disabled~._slot_9n1pi_113,._selectedValue_9n1pi_69:disabled~._slot_9n1pi_113{color:var(--text-color-disabled)}._slot_9n1pi_113{display:flex;flex-shrink:0;align-items:center;cursor:text;gap:.375rem;padding-left:.75rem;padding-right:.5rem;color:var(--text-color)}._slot_9n1pi_113[data-name=left]{order:-1;margin-left:0;margin-right:0}._slot_9n1pi_113[data-name=right]{order:0;margin-left:0;margin-right:0;padding-right:.75rem}._slot_9n1pi_113[data-name=right]:has(~div[data-name=clear]){padding-right:0}._slot_9n1pi_113[data-name=label]{display:flex;align-items:center;cursor:text;height:100%;padding-left:.75rem;padding-right:.5rem}._slot_9n1pi_113[data-name=label]:has(~div[data-name=left]){text-indent:0px;padding-left:0}._clear_9n1pi_165{display:flex;height:100%;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:center;padding:0 .75rem;color:var(--text-color-weak)}._clear_9n1pi_165:hover{color:var(--text-color-weak-hover)}._icons_9n1pi_178{display:flex;gap:.25rem;padding:0 .375rem}._caret_9n1pi_184{display:flex;height:100%;width:1rem;align-items:center;justify-content:center;margin:0 .25rem;color:var(--text-color-weak);transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-delay:0s}@media (prefers-reduced-motion: reduce){._caret_9n1pi_184{transition-duration:0ms;animation-duration:0ms}}._caret_9n1pi_184:hover{color:var(--text-color-weak-hover)}div[role=combobox][aria-expanded=true] ._caret_9n1pi_184,button[aria-expanded=true] ._caret_9n1pi_184{transform:rotateX(180deg)}._iconSuccess_9n1pi_212{height:100%;margin:0 .25rem;color:var(--text-color-positive)}._iconError_9n1pi_218{height:100%;margin:0 .25rem;color:var(--text-color-negative)}._menu_9n1pi_224{display:none;border-radius:var(--radius);background-color:var(--base-color);border:var(--line-width) solid var(--line-color);max-width:calc(100dvw - 2rem);min-width:var(--radix-popover-trigger-width);overflow:auto;max-height:var(--radix-popover-content-available-height);color:var(--text-color)}._menu_9n1pi_224:has(li[role=option]){display:block}._menu_9n1pi_224{box-shadow:0 25px 80px #08080833}@media (min-width: 600px){._menu_9n1pi_224{max-width:500px}}._portal_9n1pi_247{z-index:30}._portal_9n1pi_247[data-side=bottom]{margin-top:.5rem}._portal_9n1pi_247[data-side=top]{mar