*, *::before, *::after { scrollbar-width: none !important; }
*::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
button, input, select, textarea, meter, progress { appearance: none; -webkit-appearance: none; border-radius: 0; }
button, input, textarea { font: inherit; }
button::-moz-focus-inner { padding: 0; border: 0; }
input, textarea { caret-color: #c5df45; box-shadow: none; }
input::placeholder, textarea::placeholder { color: #728f4a; opacity: 1; }
input:autofill { box-shadow: inset 0 0 0 1000px #0b2405; -webkit-text-fill-color: #c0d78c; }
input::-webkit-search-cancel-button, input::-webkit-search-decoration, input::-webkit-search-results-button, input::-webkit-search-results-decoration, input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { appearance: none; -webkit-appearance: none; display: none; }
input[type=number] { -moz-appearance: textfield; }
input[type=checkbox], input[type=radio] { width: 20px; height: 20px; margin: 0; border: 1px solid #809d41; background: #0d2405; vertical-align: middle; }
input[type=checkbox]:checked { background: #aecf32; box-shadow: inset 0 0 0 4px #1a3508; }
input[type=radio] { clip-path: polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%); }
input[type=radio]:checked { background: #aecf32; box-shadow: inset 0 0 0 5px #1a3508; }
textarea { resize: none; line-height: 1.5; min-height: 70px; padding-right: 18px; }
::selection { color: #172d04; background: #b3d139; }
.controlBacking { display: none !important; }
.xSelect { position: relative; display: inline-flex; justify-content: space-between; align-items: center; min-height: 40px; width: 100%; padding: 8px 32px 8px 10px; gap: 10px; text-align: left; color: #c0d78c; font: inherit; background: linear-gradient(145deg,#183609,#0b2405); border: 1px solid #658634; box-shadow: inset 1px 1px #8baf4233,inset 0 -2px #203f0a; }
.xSelect .selectText { display: block; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.xSelect:hover, .xSelect:focus-visible, .xSelect[aria-expanded=true] { border-color: #b7d54d; color: #d7eaa0; background: #284911; box-shadow: inset 3px 0 #b7d54d; }
.xSelect[aria-expanded=true] .downArrow { transform: rotate(225deg); }
.xSelect:disabled { background: #0b1c05; color: #73864f; opacity: .6; }
label > .xSelect { display: flex; margin-top: 5px; }
.apiRequest > .xSelect { width: 110px; flex-shrink: 0; }
.providerChoices > .xSelect { min-width: 0; flex: 1; width: auto; font-size: 16px; min-height: 34px; padding: 5px 27px 5px 7px; }
.controlArrow { display: block; width: 7px; height: 7px; border: solid currentColor; border-width: 0 2px 2px 0; color: #bed95c; transform: rotate(45deg); pointer-events: none; }
.xSelect > .controlArrow { position: absolute; right: 13px; top: 42%; }
.upArrow { transform: rotate(225deg); }
.leftArrow { transform: rotate(135deg); }
.rightArrow { transform: rotate(-45deg); }
.controlLayer { position: fixed; inset: auto; margin: 0; max-width: none; max-height: none; box-sizing: border-box; z-index: 100; font-family: Dashboard,'Trebuchet MS',sans-serif; font-size: 19px; color: #bdd489; padding: 0; border: 0; }
.controlLayer.layerFallback { position: absolute; }
.selectPopup { overflow: auto; overscroll-behavior: contain; background: linear-gradient(145deg,#1b3e09,#081b03 75%); border: 1px solid #8aaa42; padding: 5px 17px 5px 5px; box-shadow: inset 0 0 0 3px #29490d,0 7px 20px #000b; }
.selectOption { min-height: 36px; padding: 8px 10px; margin: 2px 0; line-height: 1.15; border-bottom: 1px solid #385b1c; overflow-wrap: anywhere; cursor: pointer; }
.selectOption[aria-selected=true] { color: #d4e892; background: #33551b; box-shadow: inset 3px 0 #99be3d; }
.selectOption:hover:not([aria-disabled=true]), .selectOption.highlighted { color: #233505; background: linear-gradient(#c0d939,#98bd1b); }
.selectOption[aria-disabled=true] { color: #70804e; background: #0b1d03; cursor: default; }
.xRange { position: relative; display: inline-flex; align-items: center; width: min(170px,22vw); height: 34px; min-width: 80px; touch-action: none; cursor: ew-resize; vertical-align: middle; }
.rangeRail { position: relative; height: 9px; margin: 0 8px; width: calc(100% - 16px); border: 1px solid #658b35; background: #102b06; box-shadow: inset 0 2px #071b03; }
.rangeFill { height: 100%; background: linear-gradient(#aec738,#547d17); }
.rangeThumb { position: absolute; top: -8px; transform: translateX(-50%); width: 15px; height: 23px; background: linear-gradient(110deg,#dae675,#a2bf2e 55%,#587e17); border: 1px solid #d2e271; box-shadow: inset 2px 0 #cbe86477,2px 2px #07180099; clip-path: polygon(0 3px,3px 0,100% 0,100% calc(100% - 3px),calc(100% - 3px) 100%,0 100%); }
.xRange:focus-visible .rangeRail { border-color: #d2e271; box-shadow: 0 0 0 3px #8caa2944; }
.xRange:focus-visible .rangeThumb, .xRange:hover .rangeThumb { background: #cfdf63; }
.xRange[aria-disabled=true] { opacity: .4; cursor: default; }
.timeCapsule > .xRange { width: 100%; height: 30px; margin-top: 2px; }
.xMeter { width: 100%; height: 12px; margin: 0 0 10px; border: 1px solid #50752c; background: #0a1e03; padding: 2px; box-shadow: inset 0 2px #0004; }
.meterFill { height: 100%; background: repeating-linear-gradient(90deg,#b5d340 0 5px,#75972a 5px 6px); }
.scrollChrome { display: grid; overflow: hidden; padding: 0; border: 1px solid #698d3788; background: #0a2103e8; box-shadow: inset 0 0 3px #6e902833; touch-action: none; }
.scrollChrome.vertical { grid-template-rows: 18px 1fr 18px; }
.scrollChrome.horizontal { grid-template-columns: 18px 1fr 18px; }
.scrollStep { display: grid; place-items: center; background: #294917; padding: 0; min-width: 0; min-height: 0; }
.scrollStep:hover, .scrollStep:active { background: #86a82c; color: #e6f2ac; }
.scrollStep .controlArrow { width: 5px; height: 5px; border-width: 0 1px 1px 0; }
.scrollRail { position: relative; min-width: 0; min-height: 0; background: repeating-linear-gradient(0deg,#0d2806 0 4px,#18350b 4px 5px); }
.scrollThumb { position: absolute; background: linear-gradient(90deg,#82a22e,#b6cf4c 55%,#536f21); border: 1px solid #d3e06b88; min-width: 8px; min-height: 8px; cursor: grab; }
.scrollThumb:active { cursor: grabbing; background: #d0df68; }
.vertical .scrollThumb { left: 0; right: 0; }
.horizontal .scrollThumb { top: 0; bottom: 0; }
.customScroll { scrollbar-width: none !important; }
.listFrame.customScroll { padding-right: 21px; }
pre.customScroll, textarea.customScroll { padding-right: 20px; }
.xTooltip { background: linear-gradient(140deg,#294812,#112804); border: 1px solid #7b9842; color: #c0d988; padding: 9px 12px; font-size: 15px; line-height: 1.25; box-shadow: 0 4px 15px #000a; overflow-wrap: anywhere; pointer-events: none; }
.xContext { padding: 5px; background: #0f2905f5; border: 1px solid #7b9842; box-shadow: inset 0 0 0 2px #284311,0 5px 20px #000b; }
.contextOption { display: block; width: 100%; min-height: 36px; padding: 7px 10px; border-bottom: 1px solid #355719; text-align: left; font-size: 18px; color: #b9d57d; }
.contextOption:hover, .contextOption:focus-visible { background: #aac82c; color: #243508; }
.searchField { position: relative; display: flex; flex: 1; min-width: 0; }
.searchField input { padding-right: 32px; width: 100%; }
.searchClear { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; color: #a4c86d; background: #284511; }
.searchClear::before, .searchClear::after { content: ''; position: absolute; width: 12px; height: 2px; left: 7px; top: 12px; background: currentColor; transform: rotate(45deg); }
.searchClear::after { transform: rotate(-45deg); }
.searchClear:hover { color: #e1eda6; background: #52751c; }
.textResize { width: 16px; height: 16px; position: relative; margin: -18px 2px 0 auto; background: repeating-linear-gradient(135deg,transparent 0 3px,#a4c251 3px 4px,transparent 4px 6px); clip-path: polygon(100% 0,100% 100%,0 100%); cursor: ns-resize; touch-action: none; }
a { text-decoration-color: #6a8d30; text-decoration-thickness: 1px; text-underline-offset: 3px; }
@media (max-width: 650px) { .xRange { width: 125px; } .xSelect { min-height: 44px; } .providerChoices > .xSelect { min-height: 40px; font-size: 15px; } .selectOption { min-height: 44px; } .selectPopup { font-size: 19px; } .scrollChrome { min-width: 12px; min-height: 12px; } }
html, body, .console { cursor: url('assets/cursor-arrow.svg') 2 2, default; }
button, a, .selectOption, .scrollStep { cursor: url('assets/cursor-hand.svg') 13 3, pointer; }
button:disabled, .selectOption[aria-disabled=true] { cursor: url('assets/cursor-arrow.svg') 2 2, default; }
.xRange, .scrollThumb, .scrollThumb:active { cursor: url('assets/cursor-resize.svg') 14 11, ew-resize; }
input, textarea { cursor: text; }
input, textarea { cursor: url('assets/cursor-text.svg') 10 14, text; }
.textResize, .scrollChrome.vertical .scrollThumb { cursor: url('assets/cursor-vertical.svg') 11 14, ns-resize; }