:root{--leva-colors-elevation1: #292d39;--leva-colors-elevation2: #181c20;--leva-colors-elevation3: #373c4b;--leva-colors-accent1: #0066dc;--leva-colors-accent2: #007bff;--leva-colors-accent3: #3c93ff;--leva-colors-highlight1: #535760;--leva-colors-highlight2: #8c92a4;--leva-colors-highlight3: #fefefe;--leva-colors-rootText: #79787d;--leva-colors-vivid1: #ffcc00;--leva-colors-folderWidgetColor: var(--leva-colors-highlight2);--leva-colors-folderTextColor: var(--leva-colors-highlight3);--leva-colors-toolTipBackground: var(--leva-colors-highlight3);--leva-colors-toolTipText: var(--leva-colors-elevation2);--leva-radii-xs: 2px;--leva-radii-sm: 3px;--leva-radii-lg: 10px;--leva-borderWidths-root: 0px;--leva-borderWidths-input: 1px;--leva-borderWidths-focus: 1px;--leva-borderWidths-hover: 1px;--leva-borderWidths-active: 1px;--leva-borderWidths-folder: 1px;--leva-space-xs: 3px;--leva-space-sm: 6px;--leva-space-md: 10px;--leva-space-rowGap: 7px;--leva-space-colGap: 7px;--leva-fonts-mono: ui-monospace, SFMono-Regular, Menlo, "Roboto Mono", monospace;--leva-fonts-sans: system-ui, sans-serif;--leva-fontSizes-root: 11px;--leva-fontSizes-toolTip: var(--leva-fontSizes-root);--leva-fontWeights-label: normal;--leva-fontWeights-folder: normal;--leva-fontWeights-button: normal;--leva-sizes-rootWidth: 280px;--leva-sizes-controlWidth: 160px;--leva-sizes-numberInputMinWidth: 38px;--leva-sizes-scrubberWidth: 8px;--leva-sizes-scrubberHeight: 16px;--leva-sizes-rowHeight: 24px;--leva-sizes-folderTitleHeight: 20px;--leva-sizes-checkboxSize: 16px;--leva-sizes-joystickWidth: 100px;--leva-sizes-joystickHeight: 100px;--leva-sizes-colorPickerWidth: var(--leva-sizes-controlWidth);--leva-sizes-colorPickerHeight: 100px;--leva-sizes-imagePreviewWidth: var(--leva-sizes-controlWidth);--leva-sizes-imagePreviewHeight: 100px;--leva-sizes-monitorHeight: 60px;--leva-sizes-titleBarHeight: 39px;--leva-shadows-level1: 0 0 9px 0 #00000088;--leva-shadows-level2: 0 4px 14px #00000033}.leva__header{display:flex;align-items:stretch;justify-content:space-between;height:var(--leva-sizes-titleBarHeight)}.leva__header--mode-grab{cursor:grab}.leva__icons{display:flex;align-items:center;justify-content:center;width:40px;-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--leva-colors-highlight1)}.leva__icons{fill:var(--leva-colors-highlight1);transition:fill .25s}.leva__icons:not(.disabled):hover{fill:var(--leva-colors-highlight3);color:var(--leva-colors-highlight3)}.leva__icons--grab-icon:not(.disabled){cursor:grab}.leva__icons--grab-icon{flex:1 1 0%;cursor:auto}.leva__icons--dropdown-icon>svg{transition:transform .35s}.leva__search{display:flex;align-items:center;position:relative;width:100%;height:0px;overflow:hidden;transition:height .25s;color:var(--leva-colors-highlight3);padding-left:var(--leva-space-md)}.leva__search-input{outline:none;font-weight:inherit;color:inherit;font-family:inherit;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1 0%;position:relative;height:30px;width:100%;background-color:transparent;font-size:10px;border-radius:var(--leva-radii-root)}.leva__search-input::placeholder{color:var(--leva-colors-highlight2)}#leva__search-x-button{display:flex;align-items:center;justify-content:center;width:40px;height:30px;-webkit-user-select:none;user-select:none;cursor:pointer;visibility:hidden}#leva__search-x-button>svg{fill:var(--leva-colors-highlight1);transition:fill .25s}#leva__search-x-button:hover>svg{fill:var(--leva-colors-highlight3)}.leva__base{--leva--titleBarHeight: var(--leva-sizes-titleBarHeight);display:block;box-sizing:border-box;font-family:var(--leva-fonts-mono);font-size:var(--leva-fontSizes-root);color:var(--leva-colors-rootText);background-color:var(--leva-colors-elevation1)}.leva__base--flat-false{border-radius:var(--leva-radii-lg);box-shadow:var(--leva-shadows-level1)}.leva__base--fill-false{position:fixed;top:10px;right:10px;z-index:1000;width:var(--leva-sizes-rootWidth)}.leva__base--fill-true{position:relative;z-index:1000;width:100%}.leva__base *{box-sizing:border-box}.leva__content-container{position:relative;background-color:var(--leva-colors-elevation2);overflow:auto;max-height:calc(100vh - 20px - var(--leva--titleBarHeight));transition:height .3s;scrollbar-width:thin;scrollbar-color:var(--leva-colors-elevation3) transparent}.leva__base--flat-false>.leva__content-container{border-radius:var(--leva-radii-lg)}.leva__content{position:relative;display:grid;grid-template-columns:100%;row-gap:var(--leva-space-rowGap);padding:var(--leva-space-md) 0;opacity:1;transition:opacity .25s}.leva__row-container{display:block;padding-left:var(--leva-space-md);padding-right:var(--leva-space-md);opacity:1}.leva__row-container.visibility-hidden{display:none!important}.leva__row-container.search-hidden{display:none}.leva__row{position:relative;display:grid;z-index:100;row-gap:var(--leva-space-rowGap);grid-template-rows:minmax(var(--leva-sizes-rowHeight),max-content);align-items:center;grid-template-columns:auto var(--leva-sizes-controlWidth);column-gap:var(--leva-space-colGap);color:var(--leva-colors-highlight2)}.leva__label-container{display:flex;align-items:center;height:100%;position:relative;overflow:hidden}.leva__label{font-weight:var(--leva-fontWeights-label);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leva__clipboard-btn{margin-left:var(--leva-space-colGap);padding:0 var(--leva-space-xs);opacity:.4}.leva__clipboard-btn:hover{opacity:.8}.leva__clipboard-btn>svg{display:none;cursor:pointer;width:13px;min-width:13px;height:13px;background-color:var(--leva-colors-elevation2)}.leva__label-container:hover>.leva__clipboard-btn>svg{display:block}.leva__control{display:flex;align-items:center;position:relative;border-radius:var(--leva-radii-sm);overflow:hidden;color:inherit;height:var(--leva-sizes-rowHeight);background-color:var(--leva-colors-elevation3)}.leva__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;font-size:inherit;font-weight:inherit;color:inherit;font-family:inherit;border:none;background-color:transparent;padding:0 var(--leva-space-sm);width:0px;min-width:0px;flex:1 1 0%;height:100%;overflow-clip-margin:0px!important;overflow:clip!important}.leva__input::selection{background-color:var(--leva-colors-accent2)}.leva__control:hover{box-shadow:inset 0 0 0 var(--leva-borderWidths-hover) var(--leva-colors-accent1)}.leva__control:focus-within{box-shadow:inset 0 0 0 var(--leva-borderWidths-hover) var(--leva-colors-accent2)}.leva__control:not(.leva__control--secondary-number):not(.leva__control--button-parent):before{content:"";position:absolute;top:50%;left:-100%;right:auto;width:100%;height:300%;background:linear-gradient(transparent 0%,var(--leva-colors-highlight2) 30%,var(--leva-colors-highlight2) 70%,transparent 100%);transform:translateY(-50%) rotate(-50deg);z-index:99;pointer-events:none}.leva__folder{display:block;--leva-colors-folderWidgetColor: #8c92a4;--leva-colors-folderTextColor: #fefefe;padding-left:var(--leva-space-md);padding-right:var(--leva-space-md);color:var(--leva-colors-folderTextColor);-webkit-user-select:none;user-select:none;font-weight:var(--leva-fontWeights-folder)}.leva__folder.visibility-hidden,.leva__row-container.visibility-hidden{display:none!important}.leva__folder.search-hidden,.leva__row-container.search-hidden{display:none}.leva__folder:not(:first-of-type):not(.leva__folder--subsequent){padding-top:var(--leva-space-sm);margin-top:var(--leva-space-md);border-top:var(--leva-borderWidths-folder) solid var(--leva-colors-elevation1)}.leva__folder--nested{padding-right:0}.leva__folder:hover>.leva__folder-header>svg{opacity:1}.leva__folder:hover>.leva__folder-content:after{opacity:.6}.leva__folder-header{display:flex;align-items:center;color:var(--leva-colors-folderTextColor);-webkit-user-select:none;user-select:none;height:var(--leva-sizes-folderTitleHeight);font-weight:var(--leva-fontWeights-folder);cursor:pointer}.leva__folder-header>svg{width:9px;margin-left:-4px;margin-right:4px;cursor:pointer;fill:var(--leva-colors-folderWidgetColor);opacity:.6;transition:opacity .2s}.leva__folder-content{padding:0;position:relative}.leva__folder-content:after{content:"";position:absolute;left:0;top:0;width:var(--leva-borderWidths-folder);height:100%;background-color:var(--leva-colors-folderWidgetColor);opacity:.4;transform:translate(-50%);transition:opacity .2s}.leva__folder-content .leva__row-container{padding-right:0}.leva__row--button{grid-template-columns:none;column-gap:none}.leva__row--button>.leva__control:hover{box-shadow:none}.leva__input--button{color:var(--leva-colors-highlight3);background-color:var(--leva-colors-accent2);cursor:pointer}.leva__input--button:hover{box-shadow:inset 0 0 0 var(--leva-borderWidths-hover) var(--leva-colors-accent3)}.leva__input--button.disabled{display:block;outline:none;font-size:inherit;font-family:inherit;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-weight:var(--leva-fontWeights-button);height:var(--leva-sizes-rowHeight);border-radius:var(--leva-radii-sm);background-color:var(--leva-colors-elevation1);color:var(--leva-colors-highlight1);cursor:auto}.leva__input--button.disabled:hover{box-shadow:none}.leva__input--checkbox{display:none}.leva__control--checkbox-parent{background:transparent}.leva__control--checkbox-parent:hover,.leva__control--checkbox-parent:focus-within{box-shadow:none}.leva__input--checkbox-label{position:relative;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;cursor:pointer;height:var(--leva-sizes-checkboxSize);width:var(--leva-sizes-checkboxSize);background-color:var(--leva-colors-elevation3);border-radius:var(--leva-radii-sm)}.leva__input--checkbox-label:hover{box-shadow:inset 0 0 0 var(--leva-borderWidths-hover) var(--leva-colors-accent1)}.leva__input--checkbox-label>svg{display:none;width:90%;height:90%;stroke:var(--leva-colors-highlight3)}.leva__input--checkbox:checked+.leva__input--checkbox-label>svg{display:block}.leva__input--checkbox:checked+.leva__input--checkbox-label{background-color:var(--leva-colors-accent2)}.leva__control--color-parent{position:relative;display:grid;grid-template-columns:var(--leva-sizes-rowHeight) auto;column-gap:var(--leva-space-colGap);align-items:center;background:transparent}.leva__control--color-parent:hover,.leva__control--color-parent:focus-within{box-shadow:none}.leva__input--fake-color{position:relative;width:100%;height:100%;padding:0;margin:0;border-radius:var(--leva-radii-sm);cursor:pointer;overflow:hidden}.leva__input--fake-color:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}.leva__color--popover{position:fixed;background:#000;border-radius:var(--leva-radii-xs);display:flex;flex-direction:column;gap:12px;width:160px;box-shadow:var(--leva-shadows-level1)}.leva__popover--hidden{display:none!important}.leva__color--sv-square{width:100%;height:78px;position:relative;border-radius:var(--leva-radii-xs);background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);cursor:crosshair}.leva__color--hue-slider{width:100%;height:10px;position:relative;border-radius:0 0 var(--leva-radii-xs) var(--leva-radii-xs);background-image:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);cursor:ew-resize;z-index:2}.leva__color--handle{position:absolute;width:10px;height:10px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 2px #000c;z-index:5}.leva__color--alpha-slider{width:100%;height:10px;position:relative;border-radius:var(--leva-radii-xs);cursor:ew-resize;background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px}.leva__color--alpha-gradient{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.leva__input--fake-color:before,.leva__color--alpha-slider{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%)}.leva__row--hint{display:block;min-height:0;cursor:default}.leva__row--hint-labeled{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--leva-space-colGap);align-items:start}.leva__hint-label{color:var(--leva-colors-highlight2);font-weight:var(--leva-fontWeights-label);white-space:nowrap}.leva__hint-text{margin:0;color:var(--leva-colors-highlight2);font-size:var(--leva-fontSizes-root);line-height:1.45;word-break:break-word;white-space:pre-wrap}.leva__input--select{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;color:#000}.leva__input--select-trigger{display:flex;align-items:center;width:100%;height:var(--leva-sizes-rowHeight);background-color:var(--leva-colors-elevation3);border-radius:var(--leva-radii-sm);padding:0 var(--leva-space-sm);cursor:pointer}.leva__control--select-parent:hover,.leva__control--select-parent:focus-within{box-shadow:none}.leva__control--select-parent svg{position:absolute;top:50%;right:var(--leva-space-md);fill:currentcolor;pointer-events:none;transform:scale(.8) translateY(-50%)}.leva__select-dropdown{position:fixed;font-family:var(--leva-fonts-mono);font-size:var(--leva-fontSizes-root);background:var(--leva-colors-elevation3);border-radius:var(--leva-radii-sm);box-shadow:0 8px 24px #00000059;max-height:200px;overflow-y:auto;z-index:99999;scrollbar-width:thin;scrollbar-color:var(--leva-colors-highlight1) transparent}.leva__select-item{color:var(--leva-colors-highlight2);padding:var(--leva-space-sm);cursor:pointer}.leva__select-item:hover{color:var(--leva-colors-highlight3)}.leva__input::-webkit-outer-spin-button,.leva__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.leva__input--number,.leva__input--slider{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;text-align:right;padding-left:0}.leva__control--slider-parent{position:relative;display:grid;grid-template-columns:auto var(--leva-sizes-numberInputMinWidth);column-gap:var(--leva-space-colGap);align-items:center;background:transparent}.leva__control--slider-parent:hover,.leva__control--slider-parent:focus-within{box-shadow:none}.leva__slider{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;--percent: 0%;--raw-x: 0;position:relative;display:flex;align-items:center;height:100%;cursor:pointer;touch-action:none}.leva__slider:active{cursor:ew-resize}.leva__slider--track{position:relative;width:100%;height:2px;border-radius:var(--leva-radii-xs);background-color:var(--leva-colors-elevation1)}.leva__slider--progress{left:0;right:calc(100% - var(--percent));position:absolute;height:100%;background-color:var(--leva-colors-accent2)}.leva__slider--thumb{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;left:calc(var(--percent) - (var(--raw-x) * 8px));position:absolute;width:var(--leva-sizes-scrubberWidth);height:var(--leva-sizes-scrubberHeight);border-radius:var(--leva-radii-xs);box-shadow:0 0 0 2px var(--leva-colors-elevation2);background-color:var(--leva-colors-accent2);cursor:pointer;will-change:left}.leva__number--stepper{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;height:100%;display:flex;align-items:center;justify-content:center;position:relative;padding:0 var(--leva-space-xs);font-size:.8em;touch-action:none;cursor:ew-resize;margin-right:calc(var(--leva-space-xs) * -1);text-transform:uppercase;opacity:.3}.leva__number--stepper:hover{opacity:1}.leva__number--stepper-dragging{background-color:var(--leva-colors-accent2)}