/* ============================================================ AI PRIME 2.0 DRAW TOOLKIT STYLES Clean, high-contrast geometry editing for dark UI themes ============================================================ */ /* * CONTROL BAR (polygon, point, line, trash) */ .mapbox-gl-draw_ctrl-draw-btn { width: 34px; height: 34px; margin: 0 4px; border-radius: 6px; background-color: #1d1f24; /* bg-bg-soft */ border: 1px solid #2c3037; /* bg-border */ box-shadow: 0 0 4px rgba(0, 0, 0, 0.35); background-repeat: no-repeat; background-position: center; cursor: pointer; transition: background-color 0.15s ease, border-color 0.15s ease; } .mapbox-gl-draw_ctrl-draw-btn:hover { background-color: #2c3037; border-color: #3a3f48; } .mapbox-gl-draw_ctrl-draw-btn.active { background-color: #2563eb; /* PRIME blue accent */ border-color: #1d4ed8; box-shadow: 0 0 6px rgba(37, 99, 235, 0.5); } /* * DELETE / TRASH BUTTON */ .mapbox-gl-draw_ctrl-draw-btn.mapbox-gl-draw_trash { background-color: #7f1d1d; border-color: #6b0f0f; } .mapbox-gl-draw_ctrl-draw-btn.mapbox-gl-draw_trash:hover { background-color: #991b1b; border-color: #7f1d1d; } .mapbox-gl-draw_ctrl-draw-btn.mapbox-gl-draw_trash.active { background-color: #dc2626; border-color: #b91c1c; } /* * ROOT DRAW CONTROL (bar container) */ .mapbox-gl-draw_ctrl-top-left, .mapbox-gl-draw_ctrl-top-right { margin-top: 12px; } /* * POINT VERTICES (editing handles) * Larger, high-contrast, easier to grab. */ .mapbox-gl-draw_vertex { background-color: #ffffff; border: 2px solid #2563eb; border-radius: 50%; width: 14px; height: 14px; } .mapbox-gl-draw_vertex:hover { border-color: #1d4ed8; transform: scale(1.1); } /* * MIDPOINT HANDLES (used during editing) */ .mapbox-gl-draw_midpoint { background-color: #2563eb; border: 2px solid #ffffff; border-radius: 50%; width: 12px; height: 12px; } .mapbox-gl-draw_midpoint:hover { background-color: #1d4ed8; } /* * ACTIVE POLYGON & LINE STYLES * Crisp outlines visible on light or dark maps. */ .mapbox-gl-draw_polygon, .mapbox-gl-draw_line { stroke: #2563eb !important; stroke-width: 2 !important; } /* * FILL for polygons * Slightly visible but not obtrusive. */ .mapbox-gl-draw_polygon-fill { fill: rgba(37, 99, 235, 0.15) !important; /* PRIME blue, transparent */ } /* * SELECTED POLYGON OR LINE */ .mapbox-gl-draw_feature-active { stroke: #60a5fa !important; /* Light blue */ stroke-width: 3 !important; fill: rgba(96, 165, 250, 0.15) !important; } /* * INACTIVE features (when not editing) */ .mapbox-gl-draw_feature { stroke: #93a1b5 !important; stroke-width: 2 !important; } /* * MARKER FOR POINT MODE (if enabled later) */ .mapbox-gl-draw_point { background-color: #2563eb; border: 2px solid #ffffff; border-radius: 50%; } /* * DISABLED BUTTONS (no geometry loaded) */ .mapbox-gl-draw_btn-disabled { opacity: 0.35; cursor: not-allowed !important; } /* * Button icons (SVG from Draw) inverted for PRIME dark UI */ .mapbox-gl-draw_ctrl-draw-btn::before { filter: invert(100%); } /* * QC DRAW-MODE CURSOR * MapLibre actively rewrites canvas.style.cursor on every mousemove * inside the map (its built-in interaction state machine). One-shot * inline writes from JS — ours OR ml-draw's _begin() — get stomped on * the next mouse event. The CSS path with !important wins because * MapLibre's rewrites set inline style, and a class-scoped rule with * !important beats inline style with !important rules. * * Scoped to .qc-drawing on , toggled by QcPolygonDrawer when * useQcStore.drawingPolygon flips. No other product paths use this * class, so volumetrics/AOI draw modes are unaffected. */ .qc-drawing .maplibregl-canvas { cursor: crosshair !important; } /* * My Layers annotations, and the same mechanism for the same reason. * * The first cut of this set canvas.style.cursor inline from an effect in * useAnnotationLayer and it did not survive: the hook's OWN hover handlers * reset the cursor to "" on every mouseleave over a selectable layer, and half * a dozen other layers (wells, pads, sites, registry) do the same. An inline * write cannot win against handlers that fire on every mouse event. * * Scoped to .annotation-drawing on , toggled by useAnnotationLayer when a * tool is armed. * * SAFE AGAINST THE DRAG CURSORS, which is the one thing !important could have * broken here. useAnnotationLayer's draggableId() is `open && !tool ? editingId * : null` — dragging an annotation is only possible when NO tool is armed, so * this rule and the move/grabbing cursors are mutually exclusive by * construction rather than by luck. */ .annotation-drawing .maplibregl-canvas { cursor: crosshair !important; }.maplibregl-compare { background-color: #fff; position: absolute; width: 2px; height: 100%; z-index: 1; } .maplibregl-compare .compare-swiper-vertical { background-color: #3887be; box-shadow: inset 0 0 0 2px #fff; display: inline-block; border-radius: 50%; position: absolute; width: 60px; height: 60px; top: 50%; left: -30px; margin: -30px 1px 0; color: #fff; cursor: ew-resize; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjYwIiAgIGhlaWdodD0iNjAiICAgdmVyc2lvbj0iMS4xIiAgIHZpZXdCb3g9IjAgMCA2MCA2MCIgICBpZD0ic3ZnNTQzNCIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxK2RldmVsK29zeG1lbnUgcjEyOTExIiAgIHNvZGlwb2RpOmRvY25hbWU9Imwtci5zdmciPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGE1NDQ0Ij4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGRlZnMgICAgIGlkPSJkZWZzNTQ0MiIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIGd1aWRldG9sZXJhbmNlPSIxMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTI4NiIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijc1MSIgICAgIGlkPSJuYW1lZHZpZXc1NDQwIiAgICAgc2hvd2dyaWQ9InRydWUiICAgICBpbmtzY2FwZTp6b29tPSI0IiAgICAgaW5rc2NhcGU6Y3g9IjI1Ljg4OTgzMSIgICAgIGlua3NjYXBlOmN5PSIzNC4zODE4MzMiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIgICAgIGlua3NjYXBlOndpbmRvdy15PSIyMyIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc1NDM0IiAgICAgaW5rc2NhcGU6b2JqZWN0LW5vZGVzPSJ0cnVlIiAgICAgaW5rc2NhcGU6c25hcC1zbW9vdGgtbm9kZXM9InRydWUiPiAgICA8aW5rc2NhcGU6Z3JpZCAgICAgICB0eXBlPSJ4eWdyaWQiICAgICAgIGlkPSJncmlkNTk4OSIgLz4gIDwvc29kaXBvZGk6bmFtZWR2aWV3PiAgPHBhdGggICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIiAgICAgZD0iTSAyNSAyNCBMIDE2IDMwIEwgMjUgMzYgTCAyNSAyNCB6IE0gMzUgMjQgTCAzNSAzNiBMIDQ0IDMwIEwgMzUgMjQgeiAiICAgICBpZD0icGF0aDU5OTUiIC8+PC9zdmc+); } .maplibregl-compare-horizontal { position: relative; width: 100%; height: 2px; } .maplibregl-compare .compare-swiper-horizontal { background-color: #3887be; box-shadow: inset 0 0 0 2px #fff; display: inline-block; border-radius: 50%; position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; margin: -30px 1px 0; color: #fff; cursor: ns-resize; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjYwIiAgIGhlaWdodD0iNjAiICAgdmVyc2lvbj0iMS4xIiAgIHZpZXdCb3g9IjAgMCA2MCA2MCIgICBpZD0ic3ZnNTQzNCIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxK2RldmVsK29zeG1lbnUgcjEyOTExIiAgIHNvZGlwb2RpOmRvY25hbWU9Imwtci5zdmciPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGE1NDQ0Ij4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGRlZnMgICAgIGlkPSJkZWZzNTQ0MiIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIGd1aWRldG9sZXJhbmNlPSIxMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTI4NiIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijc1MSIgICAgIGlkPSJuYW1lZHZpZXc1NDQwIiAgICAgc2hvd2dyaWQ9InRydWUiICAgICBpbmtzY2FwZTp6b29tPSI0IiAgICAgaW5rc2NhcGU6Y3g9IjI1Ljg4OTgzMSIgICAgIGlua3NjYXBlOmN5PSIzNC4zODE4MzMiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIgICAgIGlua3NjYXBlOndpbmRvdy15PSIyMyIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc1NDM0IiAgICAgaW5rc2NhcGU6b2JqZWN0LW5vZGVzPSJ0cnVlIiAgICAgaW5rc2NhcGU6c25hcC1zbW9vdGgtbm9kZXM9InRydWUiPiAgICA8aW5rc2NhcGU6Z3JpZCAgICAgICB0eXBlPSJ4eWdyaWQiICAgICAgIGlkPSJncmlkNTk4OSIgLz4gIDwvc29kaXBvZGk6bmFtZWR2aWV3PiAgPHBhdGggICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIiAgICAgZD0iTSAyNSAyNCBMIDE2IDMwIEwgMjUgMzYgTCAyNSAyNCB6IE0gMzUgMjQgTCAzNSAzNiBMIDQ0IDMwIEwgMzUgMjQgeiAiICAgICBpZD0icGF0aDU5OTUiIC8+PC9zdmc+); transform: rotate(90deg); } /* packages/widgets/Source/shared.css */ .cesium-svgPath-svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .cesium-button { display: inline-block; position: relative; background: #303336; border: 1px solid #444; color: #edffff; fill: #edffff; border-radius: 4px; padding: 5px 12px; margin: 2px 3px; cursor: pointer; overflow: hidden; -moz-user-select: none; -webkit-user-select: none; user-select: none; } .cesium-button:focus { color: #fff; fill: #fff; border-color: #ea4; outline: none; } .cesium-button:hover { color: #fff; fill: #fff; background: #48b; border-color: #aef; box-shadow: 0 0 8px #fff; } .cesium-button:active { color: #000; fill: #000; background: #adf; border-color: #fff; box-shadow: 0 0 8px #fff; } .cesium-button:disabled, .cesium-button-disabled, .cesium-button-disabled:focus, .cesium-button-disabled:hover, .cesium-button-disabled:active { background: #303336; border-color: #444; color: #646464; fill: #646464; box-shadow: none; cursor: default; } .cesium-button option { background-color: #000; color: #eee; } .cesium-button option:disabled { color: #777; } .cesium-button input, .cesium-button label { cursor: pointer; } .cesium-button input { vertical-align: sub; } .cesium-toolbar-button { box-sizing: border-box; width: 32px; height: 32px; border-radius: 14%; padding: 0; vertical-align: middle; z-index: 0; } .cesium-performanceDisplay-defaultContainer { position: absolute; top: 50px; right: 10px; text-align: right; } .cesium-performanceDisplay { background-color: rgba(40, 40, 40, 0.7); padding: 7px; border-radius: 5px; border: 1px solid #444; font: bold 12px sans-serif; } .cesium-performanceDisplay-fps { color: #e52; } .cesium-performanceDisplay-throttled { color: #a42; } .cesium-performanceDisplay-ms { color: #de3; } /* packages/widgets/Source/Animation/Animation.css */ .cesium-animation-theme { visibility: hidden; display: block; position: absolute; z-index: -100; } .cesium-animation-themeNormal { color: #222; } .cesium-animation-themeHover { color: #4488b0; } .cesium-animation-themeSelect { color: #242; } .cesium-animation-themeDisabled { color: #333; } .cesium-animation-themeKnob { color: #222; } .cesium-animation-themePointer { color: #2e2; } .cesium-animation-themeSwoosh { color: #8ac; } .cesium-animation-themeSwooshHover { color: #aef; } .cesium-animation-svgText { fill: #edffff; font-family: Sans-Serif; font-size: 15px; text-anchor: middle; } .cesium-animation-blank { fill: #000; fill-opacity: 0.01; stroke: none; } .cesium-animation-rectButton { cursor: pointer; -moz-user-select: none; -webkit-user-select: none; user-select: none; } .cesium-animation-rectButton .cesium-animation-buttonGlow { fill: #fff; stroke: none; display: none; } .cesium-animation-rectButton:hover .cesium-animation-buttonGlow { display: block; } .cesium-animation-rectButton .cesium-animation-buttonPath { fill: #edffff; } .cesium-animation-rectButton .cesium-animation-buttonMain { stroke: #444; stroke-width: 1.2; } .cesium-animation-rectButton:hover .cesium-animation-buttonMain { stroke: #aef; } .cesium-animation-rectButton:active .cesium-animation-buttonMain { fill: #abd6ff; } .cesium-animation-buttonDisabled { -moz-user-select: none; -webkit-user-select: none; user-select: none; } .cesium-animation-buttonDisabled .cesium-animation-buttonMain { stroke: #555; } .cesium-animation-buttonDisabled .cesium-animation-buttonPath { fill: #818181; } .cesium-animation-buttonDisabled .cesium-animation-buttonGlow { display: none; } .cesium-animation-buttonToggled .cesium-animation-buttonGlow { display: block; fill: #2e2; } .cesium-animation-buttonToggled .cesium-animation-buttonMain { stroke: #2e2; } .cesium-animation-buttonToggled:hover .cesium-animation-buttonGlow { fill: #fff; } .cesium-animation-buttonToggled:hover .cesium-animation-buttonMain { stroke: #2e2; } .cesium-animation-shuttleRingG { cursor: pointer; } .cesium-animation-shuttleRingPointer { cursor: pointer; } .cesium-animation-shuttleRingPausePointer { cursor: pointer; } .cesium-animation-shuttleRingBack { fill: #181818; fill-opacity: 0.8; stroke: #333; stroke-width: 1.2; } .cesium-animation-shuttleRingSwoosh line { stroke: #8ac; stroke-width: 3; stroke-opacity: 0.2; stroke-linecap: round; } .cesium-animation-knobOuter { cursor: pointer; stroke: #444; stroke-width: 1.2; } .cesium-animation-knobInner { cursor: pointer; } /* packages/widgets/Source/BaseLayerPicker/BaseLayerPicker.css */ .cesium-baseLayerPicker-selected { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .cesium-baseLayerPicker-dropDown { display: block; position: absolute; box-sizing: content-box; top: auto; right: 0; width: 320px; max-height: 500px; margin-top: 5px; background-color: rgba(38, 38, 38, 0.75); border: 1px solid #444; padding: 6px; overflow: auto; border-radius: 10px; -moz-user-select: none; -webkit-user-select: none; user-select: none; transform: translate(0, -20%); visibility: hidden; opacity: 0; transition: visibility 0s 0.2s, opacity 0.2s ease-in, transform 0.2s ease-in; } .cesium-baseLayerPicker-dropDown-visible { transform: translate(0, 0); visibility: visible; opacity: 1; transition: opacity 0.2s ease-out, transform 0.2s ease-out; } .cesium-baseLayerPicker-sectionTitle { display: block; font-family: sans-serif; font-size: 16pt; text-align: left; color: #edffff; margin-bottom: 4px; } .cesium-baseLayerPicker-choices { margin-bottom: 5px; } .cesium-baseLayerPicker-categoryTitle { color: #edffff; font-size: 11pt; } .cesium-baseLayerPicker-choices { display: block; border: 1px solid #888; border-radius: 5px; padding: 5px 0; } .cesium-baseLayerPicker-item { display: inline-block; vertical-align: top; margin: 2px 5px; width: 64px; text-align: center; cursor: pointer; } .cesium-baseLayerPicker-itemLabel { display: block; font-family: sans-serif; font-size: 8pt; text-align: center; vertical-align: middle; color: #edffff; cursor: pointer; word-wrap: break-word; } .cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemLabel, .cesium-baseLayerPicker-item:focus .cesium-baseLayerPicker-itemLabel { text-decoration: underline; } .cesium-baseLayerPicker-itemIcon { display: inline-block; position: relative; width: inherit; height: auto; background-size: 100% 100%; border: solid 1px #444; border-radius: 9px; color: #edffff; margin: 0; padding: 0; cursor: pointer; box-sizing: border-box; } .cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemIcon { border-color: #fff; box-shadow: 0 0 8px #fff, 0 0 8px #fff; } .cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemLabel { color: rgb(189, 236, 248); } .cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemIcon { border: double 4px rgb(189, 236, 248); } /* packages/engine/Source/Widget/CesiumWidget.css */ .cesium-widget { font-family: sans-serif; font-size: 16px; overflow: hidden; display: block; position: relative; top: 0; left: 0; width: 100%; height: 100%; } .cesium-widget, .cesium-widget canvas { width: 100%; height: 100%; touch-action: none; } .cesium-widget-credits { display: block; position: absolute; bottom: 0; left: 0; color: #fff; font-size: 10px; text-shadow: 0px 0px 2px #000000; padding-right: 5px; } .cesium-widget-credits a, .cesium-widget-credits a:visited { color: #fff; } .cesium-widget-errorPanel { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; background: rgba(0, 0, 0, 0.7); z-index: 99999; } .cesium-widget-errorPanel:before { display: inline-block; vertical-align: middle; height: 100%; content: ""; } .cesium-widget-errorPanel-content { width: 75%; max-width: 500px; display: inline-block; text-align: left; vertical-align: middle; border: 1px solid #510c00; border-radius: 7px; background-color: #f0d9d5; font-size: 14px; color: #510c00; } .cesium-widget-errorPanel-content.expanded { max-width: 75%; } .cesium-widget-errorPanel-header { font-size: 18px; font-family: "Open Sans", Verdana, Geneva, sans-serif; background: #d69d93; border-bottom: 2px solid #510c00; padding-bottom: 10px; border-radius: 3px 3px 0 0; padding: 15px; } .cesium-widget-errorPanel-scroll { overflow: auto; font-family: "Open Sans", Verdana, Geneva, sans-serif; white-space: pre-wrap; padding: 0 15px; margin: 10px 0 20px 0; } .cesium-widget-errorPanel-buttonPanel { padding: 0 15px; margin: 10px 0 20px 0; text-align: right; } .cesium-widget-errorPanel-buttonPanel button { border-color: #510c00; background: #d69d93; color: #202020; margin: 0; } .cesium-widget-errorPanel-buttonPanel button:focus { border-color: #510c00; background: #f0d9d5; color: #510c00; } .cesium-widget-errorPanel-buttonPanel button:hover { border-color: #510c00; background: #f0d9d5; color: #510c00; } .cesium-widget-errorPanel-buttonPanel button:active { border-color: #510c00; background: #b17b72; color: #510c00; } .cesium-widget-errorPanel-more-details { text-decoration: underline; cursor: pointer; } .cesium-widget-errorPanel-more-details:hover { color: #2b0700; } /* packages/widgets/Source/CesiumInspector/CesiumInspector.css */ .cesium-cesiumInspector { border-radius: 5px; transition: width ease-in-out 0.25s; background: rgba(48, 51, 54, 0.8); border: 1px solid #444; color: #edffff; display: inline-block; position: relative; padding: 4px 12px; -moz-user-select: none; -webkit-user-select: none; user-select: none; overflow: hidden; } .cesium-cesiumInspector-button { text-align: center; font-size: 11pt; } .cesium-cesiumInspector-visible .cesium-cesiumInspector-button { border-bottom: 1px solid #aaa; padding-bottom: 3px; } .cesium-cesiumInspector input:enabled, .cesium-cesiumInspector-button { cursor: pointer; } .cesium-cesiumInspector-visible { width: 185px; height: auto; } .cesium-cesiumInspector-hidden { width: 122px; height: 17px; } .cesium-cesiumInspector-sectionContent { max-height: 600px; } .cesium-cesiumInspector-section-collapsed .cesium-cesiumInspector-sectionContent { max-height: 0; padding: 0 !important; overflow: hidden; } .cesium-cesiumInspector-dropDown { margin: 5px 0; font-family: sans-serif; font-size: 10pt; width: 185px; } .cesium-cesiumInspector-frustumStatistics { padding-left: 10px; padding: 5px; background-color: rgba(80, 80, 80, 0.75); } .cesium-cesiumInspector-pickButton { background-color: rgba(0, 0, 0, 0.3); border: 1px solid #444; color: #edffff; border-radius: 5px; padding: 3px 7px; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; user-select: none; margin: 0 auto; } .cesium-cesiumInspector-pickButton:focus { outline: none; } .cesium-cesiumInspector-pickButton:active, .cesium-cesiumInspector-pickButtonHighlight { color: #000; background: #adf; border-color: #fff; box-shadow: 0 0 8px #fff; } .cesium-cesiumInspector-center { text-align: center; } .cesium-cesiumInspector-sectionHeader { font-weight: bold; font-size: 10pt; margin: 0; cursor: pointer; } .cesium-cesiumInspector-pickSection { border: 1px solid #aaa; border-radius: 5px; padding: 3px; margin-bottom: 5px; } .cesium-cesiumInspector-sectionContent { margin-bottom: 10px; transition: max-height 0.25s; } .cesium-cesiumInspector-tileText { padding-bottom: 10px; border-bottom: 1px solid #aaa; } .cesium-cesiumInspector-relativeText { padding-top: 10px; } .cesium-cesiumInspector-sectionHeader::before { margin-right: 5px; content: "-"; width: 1ch; display: inline-block; } .cesium-cesiumInspector-section-collapsed .cesium-cesiumInspector-sectionHeader::before { content: "+"; } /* packages/widgets/Source/Cesium3DTilesInspector/Cesium3DTilesInspector.css */ ul.cesium-cesiumInspector-statistics { margin: 0; padding-top: 3px; padding-bottom: 3px; } ul.cesium-cesiumInspector-statistics + ul.cesium-cesiumInspector-statistics { border-top: 1px solid #aaa; } .cesium-cesiumInspector-slider { margin-top: 5px; } .cesium-cesiumInspector-slider input[type=number] { text-align: left; background-color: #222; outline: none; border: 1px solid #444; color: #edffff; width: 100px; border-radius: 3px; padding: 1px; margin-left: 10px; cursor: auto; } .cesium-cesiumInspector-slider input[type=number]::-webkit-outer-spin-button, .cesium-cesiumInspector-slider input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .cesium-cesiumInspector-slider input[type=range] { margin-left: 5px; vertical-align: middle; } .cesium-cesiumInspector-hide .cesium-cesiumInspector-styleEditor { display: none; } .cesium-cesiumInspector-styleEditor { padding: 10px; border-radius: 5px; background: rgba(48, 51, 54, 0.8); border: 1px solid #444; } .cesium-cesiumInspector-styleEditor textarea { width: 100%; height: 300px; background: transparent; color: #edffff; border: none; padding: 0; white-space: pre; overflow-wrap: normal; overflow-x: auto; } .cesium-3DTilesInspector { width: 300px; pointer-events: all; } .cesium-3DTilesInspector-statistics { font-size: 11px; } .cesium-3DTilesInspector-disabledElementsInfo { margin: 5px 0 0 0; padding: 0 0 0 20px; color: #eed202; } .cesium-3DTilesInspector div, .cesium-3DTilesInspector input[type=range] { width: 100%; box-sizing: border-box; } .cesium-cesiumInspector-error { color: #ff9e9e; overflow: auto; } .cesium-3DTilesInspector .cesium-cesiumInspector-section { margin-top: 3px; } .cesium-3DTilesInspector .cesium-cesiumInspector-sectionHeader + .cesium-cesiumInspector-show { border-top: 1px solid white; } input.cesium-cesiumInspector-url { overflow: hidden; white-space: nowrap; overflow-x: scroll; background-color: transparent; color: white; outline: none; border: none; height: 1em; width: 100%; } .cesium-cesiumInspector .field-group { display: table; } .cesium-cesiumInspector .field-group > label { display: table-cell; font-weight: bold; } .cesium-cesiumInspector .field-group > .field { display: table-cell; width: 100%; } /* packages/widgets/Source/VoxelInspector/VoxelInspector.css */ .cesium-VoxelInspector { width: 300px; pointer-events: all; } .cesium-VoxelInspector div, .cesium-VoxelInspector input[type=range] { width: 100%; box-sizing: border-box; } .cesium-VoxelInspector .cesium-cesiumInspector-section { margin-top: 3px; } .cesium-VoxelInspector .cesium-cesiumInspector-sectionHeader + .cesium-cesiumInspector-show { border-top: 1px solid white; } /* packages/widgets/Source/FullscreenButton/FullscreenButton.css */ .cesium-button.cesium-fullscreenButton { display: block; width: 100%; height: 100%; margin: 0; border-radius: 0; } /* packages/widgets/Source/VRButton/VRButton.css */ .cesium-button.cesium-vrButton { display: block; width: 100%; height: 100%; margin: 0; border-radius: 0; } /* packages/widgets/Source/Geocoder/Geocoder.css */ .cesium-viewer-geocoderContainer .cesium-geocoder-input { border: solid 1px #444; background-color: rgba(40, 40, 40, 0.7); color: white; display: inline-block; vertical-align: middle; width: 0; height: 32px; margin: 0; padding: 0 32px 0 0; border-radius: 0; box-sizing: border-box; transition: width ease-in-out 0.25s, background-color 0.2s ease-in-out; -webkit-appearance: none; } .cesium-viewer-geocoderContainer:hover .cesium-geocoder-input { border-color: #aef; box-shadow: 0 0 8px #fff; } .cesium-viewer-geocoderContainer .cesium-geocoder-input:focus { border-color: #ea4; background-color: rgba(15, 15, 15, 0.9); box-shadow: none; outline: none; } .cesium-viewer-geocoderContainer:hover .cesium-geocoder-input, .cesium-viewer-geocoderContainer .cesium-geocoder-input:focus, .cesium-viewer-geocoderContainer .cesium-geocoder-input-wide { padding-left: 4px; width: 250px; } .cesium-viewer-geocoderContainer .search-results { position: absolute; background-color: #000; color: #eee; overflow-y: auto; opacity: 0.8; width: 100%; } .cesium-viewer-geocoderContainer .search-results ul { list-style-type: none; margin: 0; padding: 0; } .cesium-viewer-geocoderContainer .search-results ul li { font-size: 14px; padding: 3px 10px; } .cesium-viewer-geocoderContainer .search-results ul li:hover { cursor: pointer; } .cesium-viewer-geocoderContainer .search-results ul li.active { background: #48b; } .cesium-geocoder-searchButton { background-color: #303336; display: inline-block; position: absolute; cursor: pointer; width: 32px; top: 1px; right: 1px; height: 30px; vertical-align: middle; fill: #edffff; } .cesium-geocoder-searchButton:hover { background-color: #48b; } /* packages/widgets/Source/InfoBox/InfoBox.css */ .cesium-infoBox { display: block; position: absolute; top: 50px; right: 0; width: 40%; max-width: 480px; background: rgba(38, 38, 38, 0.95); color: #edffff; border: 1px solid #444; border-right: none; border-top-left-radius: 7px; border-bottom-left-radius: 7px; box-shadow: 0 0 10px 1px #000; transform: translate(100%, 0); visibility: hidden; opacity: 0; transition: visibility 0s 0.2s, opacity 0.2s ease-in, transform 0.2s ease-in; } .cesium-infoBox-visible { transform: translate(0, 0); visibility: visible; opacity: 1; transition: opacity 0.2s ease-out, transform 0.2s ease-out; } .cesium-infoBox-title { display: block; height: 20px; padding: 5px 30px 5px 25px; background: rgba(84, 84, 84, 1); border-top-left-radius: 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: content-box; } .cesium-infoBox-bodyless .cesium-infoBox-title { border-bottom-left-radius: 7px; } button.cesium-infoBox-camera { display: block; position: absolute; top: 4px; left: 4px; width: 22px; height: 22px; background: transparent; border-color: transparent; border-radius: 3px; padding: 0 5px; margin: 0; } button.cesium-infoBox-close { display: block; position: absolute; top: 5px; right: 5px; height: 20px; background: transparent; border: none; border-radius: 2px; font-weight: bold; font-size: 16px; padding: 0 5px; margin: 0; color: #edffff; } button.cesium-infoBox-close:focus { background: rgba(238, 136, 0, 0.44); outline: none; } button.cesium-infoBox-close:hover { background: #888; color: #000; } button.cesium-infoBox-close:active { background: #a00; color: #000; } .cesium-infoBox-bodyless .cesium-infoBox-iframe { display: none; } .cesium-infoBox-iframe { border: none; width: 100%; width: calc(100% - 2px); } /* packages/widgets/Source/SceneModePicker/SceneModePicker.css */ span.cesium-sceneModePicker-wrapper { display: inline-block; position: relative; margin: 0 3px; } .cesium-sceneModePicker-visible { visibility: visible; opacity: 1; transition: opacity 0.25s linear; } .cesium-sceneModePicker-hidden { visibility: hidden; opacity: 0; transition: visibility 0s 0.25s, opacity 0.25s linear; } .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-none { display: none; } .cesium-sceneModePicker-slide-svg { transition: left 2s; top: 0; left: 0; } .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon { box-sizing: border-box; padding: 0; margin: 3px 0; } .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D, .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView, .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D { margin: 0 0 3px 0; } .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-icon2D { left: 100%; } .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-iconColumbusView { left: 200%; } .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon3D { left: -200%; } .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon2D { left: -100%; } .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-icon3D { left: -100%; } .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-iconColumbusView { left: 100%; } .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-selected { border-color: #2e2; box-shadow: 0 0 8px #fff, 0 0 8px #fff; } /* packages/widgets/Source/ProjectionPicker/ProjectionPicker.css */ span.cesium-projectionPicker-wrapper { display: inline-block; position: relative; margin: 0 3px; } .cesium-projectionPicker-visible { visibility: visible; opacity: 1; transition: opacity 0.25s linear; } .cesium-projectionPicker-hidden { visibility: hidden; opacity: 0; transition: visibility 0s 0.25s, opacity 0.25s linear; } .cesium-projectionPicker-wrapper .cesium-projectionPicker-none { display: none; } .cesium-projectionPicker-wrapper .cesium-projectionPicker-dropDown-icon { box-sizing: border-box; padding: 0; margin: 3px 0; } .cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonPerspective, .cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonOrthographic { margin: 0 0 3px 0; } .cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonPerspective .cesium-projectionPicker-iconOrthographic { left: 100%; } .cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonOrthographic .cesium-projectionPicker-iconPerspective { left: -100%; } .cesium-projectionPicker-wrapper .cesium-projectionPicker-selected { border-color: #2e2; box-shadow: 0 0 8px #fff, 0 0 8px #fff; } /* packages/widgets/Source/PerformanceWatchdog/PerformanceWatchdog.css */ .cesium-performance-watchdog-message-area { position: relative; background-color: yellow; color: black; padding: 10px; } .cesium-performance-watchdog-message { margin-right: 30px; } .cesium-performance-watchdog-message-dismiss { position: absolute; right: 0; margin: 0 10px 0 0; } /* packages/widgets/Source/NavigationHelpButton/NavigationHelpButton.css */ .cesium-navigationHelpButton-wrapper { position: relative; display: inline-block; } .cesium-navigation-help { visibility: hidden; position: absolute; top: 38px; right: 2px; width: 250px; border-radius: 10px; transform: scale(0.01); transform-origin: 234px -10px; transition: visibility 0s 0.25s, transform 0.25s ease-in; } .cesium-navigation-help-visible { visibility: visible; transform: scale(1); transition: transform 0.25s ease-out; } .cesium-navigation-help-instructions { border: 1px solid #444; background-color: rgba(38, 38, 38, 0.75); padding-bottom: 5px; border-radius: 0 0 10px 10px; } .cesium-click-navigation-help { display: none; } .cesium-touch-navigation-help { display: none; padding-top: 5px; } .cesium-click-navigation-help-visible { display: block; } .cesium-touch-navigation-help-visible { display: block; } .cesium-navigation-help-pan { color: #66ccff; font-weight: bold; } .cesium-navigation-help-zoom { color: #65fd00; font-weight: bold; } .cesium-navigation-help-rotate { color: #ffd800; font-weight: bold; } .cesium-navigation-help-tilt { color: #d800d8; font-weight: bold; } .cesium-navigation-help-details { color: #ffffff; } .cesium-navigation-button { color: #fff; background-color: transparent; border-bottom: none; border-top: 1px solid #444; border-right: 1px solid #444; margin: 0; width: 50%; cursor: pointer; } .cesium-navigation-button-icon { vertical-align: middle; padding: 5px 1px; } .cesium-navigation-button:focus { outline: none; } .cesium-navigation-button-left { border-radius: 10px 0 0 0; border-left: 1px solid #444; } .cesium-navigation-button-right { border-radius: 0 10px 0 0; border-left: none; } .cesium-navigation-button-selected { background-color: rgba(38, 38, 38, 0.75); } .cesium-navigation-button-unselected { background-color: rgba(0, 0, 0, 0.75); } .cesium-navigation-button-unselected:hover { background-color: rgba(76, 76, 76, 0.75); } /* packages/widgets/Source/SelectionIndicator/SelectionIndicator.css */ .cesium-selection-wrapper { position: absolute; width: 160px; height: 160px; pointer-events: none; visibility: hidden; opacity: 0; transition: visibility 0s 0.2s, opacity 0.2s ease-in; } .cesium-selection-wrapper-visible { visibility: visible; opacity: 1; transition: opacity 0.2s ease-out; } .cesium-selection-wrapper svg { fill: #2e2; stroke: #000; stroke-width: 1.1px; } /* packages/widgets/Source/Timeline/Timeline.css */ .cesium-timeline-main { position: relative; left: 0; bottom: 0; overflow: hidden; border: solid 1px #888; -moz-user-select: none; -webkit-user-select: none; user-select: none; } .cesium-timeline-trackContainer { width: 100%; overflow: auto; border-top: solid 1px #888; position: relative; top: 0; left: 0; } .cesium-timeline-tracks { position: absolute; top: 0; left: 0; width: 100%; } .cesium-timeline-needle { position: absolute; left: 0; top: 1.7em; bottom: 0; width: 1px; background: #f00; } .cesium-timeline-bar { position: relative; left: 0; top: 0; overflow: hidden; cursor: pointer; width: 100%; height: 1.7em; background: linear-gradient( to bottom, rgba(116, 117, 119, 0.8) 0%, rgba(58, 68, 82, 0.8) 11%, rgba(46, 50, 56, 0.8) 46%, rgba(53, 53, 53, 0.8) 81%, rgba(53, 53, 53, 0.8) 100%); } .cesium-timeline-ruler { visibility: hidden; white-space: nowrap; font-size: 80%; z-index: -200; } .cesium-timeline-highlight { position: absolute; bottom: 0; left: 0; background: #08f; } .cesium-timeline-ticLabel { position: absolute; top: 0; left: 0; white-space: nowrap; font-size: 80%; color: #eee; } .cesium-timeline-ticMain { position: absolute; bottom: 0; left: 0; width: 1px; height: 50%; background: #eee; } .cesium-timeline-ticSub { position: absolute; bottom: 0; left: 0; width: 1px; height: 33%; background: #aaa; } .cesium-timeline-ticTiny { position: absolute; bottom: 0; left: 0; width: 1px; height: 25%; background: #888; } .cesium-timeline-icon16 { display: block; position: absolute; width: 16px; height: 16px; background-image: url(data:text/plain;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sIDBITKIVzLEMAAAKNSURBVEjHxdXNSxRhHAfw7zzrqhuoWJnSkrippUVSEKsHI9BTUYdAJA/RoYMREV26rAdn6tAfUARi16hQqkOBQRgUEYFWEC3OwczMjdZd92VmdWfmeelgTjO7q7gb0VzmmZnn85vvPPPMM8B/3qTcE2PPpuTZKB1eWuUQACgXYACYwVFbCTTVeZXB/i55o4LFelcAZfStYD4vpAoPGAGo4GBcQEgSOAUMQyAezwK6iQfDPXnhS/FkHZ+/8VLMWxxqWkfH3gbMRNOYi2roavbja0zHQmoFPYf8ED4Ko4aivm9MOG/u9I8mwrafeK7a/tVrNc/bARYN5noadeq7q0342vXw9CIMU6BmW8rVP9cPBPe52uu+v3O/y9sB4gkTWs6Qsk0mj5ExXMelejvA8WafYmkmGPHanTijdtvif8rx5RiCjdWKs2Cp3jWRDl96KhrbqlBeJqBOLyLQXg0IgbkZDS0dO8EZxZfPSTA9jvDDK3mT0OmP1FXh3XwEEAKdTX5MRWLgjCK4pwH3xt/YnjgLHAv4lHTCAKMMu/wV+KZGob6PoKyMQ0+sgBpZVJZn0NterxQaVqef/DRn+/EXYds/mZx2eVeAW9d65dhCEsaKCb7K8HH0gqTevyh9GDkn0VULRiaLzJKGBu9swfdaiie5RVo9ESURN8E8BE0n7ggACJy8KzghSCzp6DmwWxkaCm24EBXr8wI8Hrkq06QBiRC0t24HALS11IBTCyJl4vb1AXmzpbVYTwoVOXN0h7L8Mwtm8bXPybIQ/5FCX3dA2cr6XowvGCA02CvztAnz9+JiZk1AMxG6fEreSoBiPNmoyNnuWiWVzAIAtISO08E6pZi/3N96AIDn4E3h3P8L/wshP+txtEs4JAAAAABJRU5ErkJggg==); background-repeat: no-repeat; } /* packages/widgets/Source/Viewer/Viewer.css */ .cesium-viewer { font-family: sans-serif; font-size: 16px; overflow: hidden; display: block; position: relative; top: 0; left: 0; width: 100%; height: 100%; } .cesium-viewer-cesiumWidgetContainer { width: 100%; height: 100%; } .cesium-viewer-bottom { display: block; position: absolute; bottom: 0; left: 0; padding-right: 5px; } .cesium-viewer .cesium-widget-credits { display: inline; position: static; bottom: auto; left: auto; padding-right: 0; color: #ffffff; font-size: 10px; text-shadow: 0 0 2px #000000; } .cesium-viewer-timelineContainer { position: absolute; bottom: 0; left: 169px; right: 29px; height: 27px; padding: 0; margin: 0; overflow: hidden; font-size: 14px; } .cesium-viewer-animationContainer { position: absolute; bottom: 0; left: 0; padding: 0; width: 169px; height: 112px; } .cesium-viewer-fullscreenContainer { position: absolute; bottom: 0; right: 0; padding: 0; width: 29px; height: 29px; overflow: hidden; } .cesium-viewer-vrContainer { position: absolute; bottom: 0; right: 0; padding: 0; width: 29px; height: 29px; overflow: hidden; } .cesium-viewer-toolbar { display: block; position: absolute; top: 5px; right: 5px; } .cesium-viewer-cesiumInspectorContainer { display: block; position: absolute; top: 50px; right: 10px; } .cesium-viewer-geocoderContainer { position: relative; display: inline-block; margin: 0 3px; } .cesium-viewer-cesium3DTilesInspectorContainer { display: block; position: absolute; top: 50px; right: 10px; max-height: calc(100% - 120px); box-sizing: border-box; overflow-y: auto; overflow-x: hidden; } .cesium-viewer-voxelInspectorContainer { display: block; position: absolute; top: 50px; right: 10px; max-height: calc(100% - 120px); box-sizing: border-box; overflow-y: auto; overflow-x: hidden; } /* packages/widgets/Source/I3SBuildingSceneLayerExplorer/I3SBuildingSceneLayerExplorer.css */ ul { list-style-type: none; } .layersList { padding: 0; } input { margin: 0 3px 0 0; } .expandItem { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 20px; } .nested, #bsl-wrapper { display: none; } .active { display: block; } .li-wrapper { display: flex; flex-direction: row; align-content: center; } /* packages/widgets/Source/widgets.css */ .maplibregl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0,0,0,0)}.maplibregl-canvas{left:0;position:absolute;top:0}.maplibregl-map:fullscreen{height:100%;width:100%}.maplibregl-ctrl-group button.maplibregl-ctrl-compass{touch-action:none}.maplibregl-canvas-container.maplibregl-interactive,.maplibregl-ctrl-group button.maplibregl-ctrl-compass{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.maplibregl-canvas-container.maplibregl-interactive.maplibregl-track-pointer{cursor:pointer}.maplibregl-canvas-container.maplibregl-interactive:active,.maplibregl-ctrl-group button.maplibregl-ctrl-compass:active{cursor:grabbing}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas{touch-action:pan-x pan-y}.maplibregl-canvas-container.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:pinch-zoom}.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan,.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan .maplibregl-canvas{touch-action:none}.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures,.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures .maplibregl-canvas{touch-action:pan-x pan-y}.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-top-left,.maplibregl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.maplibregl-ctrl-top-left{left:0;top:0}.maplibregl-ctrl-top-right{right:0;top:0}.maplibregl-ctrl-bottom-left{bottom:0;left:0}.maplibregl-ctrl-bottom-right{bottom:0;right:0}.maplibregl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.maplibregl-ctrl-top-left .maplibregl-ctrl{float:left;margin:10px 0 0 10px}.maplibregl-ctrl-top-right .maplibregl-ctrl{float:right;margin:10px 10px 0 0}.maplibregl-ctrl-bottom-left .maplibregl-ctrl{float:left;margin:0 0 10px 10px}.maplibregl-ctrl-bottom-right .maplibregl-ctrl{float:right;margin:0 10px 10px 0}.maplibregl-ctrl-group{background:#fff;border-radius:4px}.maplibregl-ctrl-group:not(:empty){box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (forced-colors:active){.maplibregl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.maplibregl-ctrl-group button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;padding:0;width:29px}.maplibregl-ctrl-group button+button{border-top:1px solid #ddd}.maplibregl-ctrl button .maplibregl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (forced-colors:active){.maplibregl-ctrl-icon{background-color:transparent}.maplibregl-ctrl-group button+button{border-top:1px solid ButtonText}}.maplibregl-ctrl button::-moz-focus-inner{border:0;padding:0}.maplibregl-ctrl-attrib-button:focus,.maplibregl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.maplibregl-ctrl button:disabled{cursor:not-allowed}.maplibregl-ctrl button:disabled .maplibregl-ctrl-icon{opacity:.25}@media (hover:hover){.maplibregl-ctrl button:not(:disabled):hover{background-color:rgba(0,0,0,.05)}}.maplibregl-ctrl button:not(:disabled):active{background-color:rgba(0,0,0,.05)}.maplibregl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.maplibregl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.maplibregl-ctrl-group button:focus:first-child{border-radius:4px 4px 0 0}.maplibregl-ctrl-group button:focus:last-child{border-radius:0 0 4px 4px}.maplibregl-ctrl-group button:focus:only-child{border-radius:inherit}.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E")}}.maplibregl-ctrl button.maplibregl-ctrl-globe .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%23333' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='8.5'/%3E%3Cpath d='M17.5 11c0 4.819-3.02 8.5-6.5 8.5S4.5 15.819 4.5 11 7.52 2.5 11 2.5s6.5 3.681 6.5 8.5Z'/%3E%3Cpath d='M13.5 11c0 2.447-.331 4.64-.853 6.206-.262.785-.562 1.384-.872 1.777-.314.399-.58.517-.775.517s-.461-.118-.775-.517c-.31-.393-.61-.992-.872-1.777C8.831 15.64 8.5 13.446 8.5 11s.331-4.64.853-6.206c.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517s.461.118.775.517c.31.393.61.992.872 1.777.522 1.565.853 3.76.853 6.206Z'/%3E%3Cpath d='M11 7.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138q.07-.058.224-.138c.299-.151.763-.302 1.379-.434C7.378 5.666 9.091 5.5 11 5.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138q-.07.058-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428ZM4.486 6.436ZM11 16.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138 1.3 1.3 0 0 1 .224-.138c.299-.151.763-.302 1.379-.434C7.378 14.666 9.091 14.5 11 14.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138a1.3 1.3 0 0 1-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm-6.514-1.064ZM11 12.5c-2.46 0-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.5 1.5 0 0 1-.39-.272.3.3 0 0 1-.047-.064.3.3 0 0 1 .048-.064c.066-.073.189-.167.389-.272.399-.21 1.009-.413 1.805-.59C6.328 9.722 8.54 9.5 11 9.5s4.672.222 6.256.574c.795.177 1.405.38 1.804.59.2.105.323.2.39.272a.3.3 0 0 1 .047.064.3.3 0 0 1-.048.064 1.4 1.4 0 0 1-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002zm0 .018v.002zm17.002.002v-.002zm0-.018v-.002z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-globe-enabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%2333b5e5' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='8.5'/%3E%3Cpath d='M17.5 11c0 4.819-3.02 8.5-6.5 8.5S4.5 15.819 4.5 11 7.52 2.5 11 2.5s6.5 3.681 6.5 8.5Z'/%3E%3Cpath d='M13.5 11c0 2.447-.331 4.64-.853 6.206-.262.785-.562 1.384-.872 1.777-.314.399-.58.517-.775.517s-.461-.118-.775-.517c-.31-.393-.61-.992-.872-1.777C8.831 15.64 8.5 13.446 8.5 11s.331-4.64.853-6.206c.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517s.461.118.775.517c.31.393.61.992.872 1.777.522 1.565.853 3.76.853 6.206Z'/%3E%3Cpath d='M11 7.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138q.07-.058.224-.138c.299-.151.763-.302 1.379-.434C7.378 5.666 9.091 5.5 11 5.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138q-.07.058-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428ZM4.486 6.436ZM11 16.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138 1.3 1.3 0 0 1 .224-.138c.299-.151.763-.302 1.379-.434C7.378 14.666 9.091 14.5 11 14.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138a1.3 1.3 0 0 1-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm-6.514-1.064ZM11 12.5c-2.46 0-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.5 1.5 0 0 1-.39-.272.3.3 0 0 1-.047-.064.3.3 0 0 1 .048-.064c.066-.073.189-.167.389-.272.399-.21 1.009-.413 1.805-.59C6.328 9.722 8.54 9.5 11 9.5s4.672.222 6.256.574c.795.177 1.405.38 1.804.59.2.105.323.2.39.272a.3.3 0 0 1 .047.064.3.3 0 0 1-.048.064 1.4 1.4 0 0 1-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002zm0 .018v.002zm17.002.002v-.002zm0-.018v-.002z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-terrain .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%23333' viewBox='0 0 22 22'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-terrain-enabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%2333b5e5' viewBox='0 0 22 22'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23aaa' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e58978' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e54e33' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-waiting .maplibregl-ctrl-icon{animation:maplibregl-spin 2s linear infinite}@media (forced-colors:active){.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23999' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e58978' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e54e33' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23666' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E")}}@keyframes maplibregl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.maplibregl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.maplibregl-ctrl-logo.maplibregl-compact{width:14px}@media (forced-colors:active){a.maplibregl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E")}}@media (forced-colors:active) and (prefers-color-scheme:light){a.maplibregl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E")}}.maplibregl-ctrl.maplibregl-ctrl-attrib{background-color:hsla(0,0%,100%,.5);margin:0;padding:0 5px}@media screen{.maplibregl-ctrl-attrib.maplibregl-compact{background-color:#fff;border-radius:12px;box-sizing:content-box;color:#000;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.maplibregl-ctrl-attrib.maplibregl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact-show,.maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-inner{display:none}.maplibregl-ctrl-attrib-button{background-color:hsla(0,0%,100%,.5);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;list-style:none}.maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button::-webkit-details-marker{display:none}.maplibregl-ctrl-bottom-left .maplibregl-ctrl-attrib-button,.maplibregl-ctrl-top-left .maplibregl-ctrl-attrib-button{left:0}.maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button,.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner{display:block}.maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-button{background-color:rgba(0,0,0,.05)}.maplibregl-ctrl-bottom-right>.maplibregl-ctrl-attrib.maplibregl-compact:after{bottom:0;right:0}.maplibregl-ctrl-top-right>.maplibregl-ctrl-attrib.maplibregl-compact:after{right:0;top:0}.maplibregl-ctrl-top-left>.maplibregl-ctrl-attrib.maplibregl-compact:after{left:0;top:0}.maplibregl-ctrl-bottom-left>.maplibregl-ctrl-attrib.maplibregl-compact:after{bottom:0;left:0}}@media screen and (forced-colors:active){.maplibregl-ctrl-attrib.maplibregl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (forced-colors:active) and (prefers-color-scheme:light){.maplibregl-ctrl-attrib.maplibregl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.maplibregl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.maplibregl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.maplibregl-attrib-empty{display:none}.maplibregl-ctrl-scale{background-color:hsla(0,0%,100%,.75);border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.maplibregl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.maplibregl-popup-anchor-top,.maplibregl-popup-anchor-top-left,.maplibregl-popup-anchor-top-right{flex-direction:column}.maplibregl-popup-anchor-bottom,.maplibregl-popup-anchor-bottom-left,.maplibregl-popup-anchor-bottom-right{flex-direction:column-reverse}.maplibregl-popup-anchor-left{flex-direction:row}.maplibregl-popup-anchor-right{flex-direction:row-reverse}.maplibregl-popup-tip{border:10px solid transparent;height:0;width:0;z-index:1}.maplibregl-popup-anchor-top .maplibregl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.maplibregl-popup-anchor-top-left .maplibregl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.maplibregl-popup-anchor-left .maplibregl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.maplibregl-popup-anchor-right .maplibregl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.maplibregl-popup-close-button{background-color:transparent;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.maplibregl-popup-close-button:hover{background-color:rgba(0,0,0,.05)}.maplibregl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:15px 10px;pointer-events:auto;position:relative}.maplibregl-popup-anchor-top-left .maplibregl-popup-content{border-top-left-radius:0}.maplibregl-popup-anchor-top-right .maplibregl-popup-content{border-top-right-radius:0}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-content{border-bottom-left-radius:0}.maplibregl-popup-anchor-bottom-right .maplibregl-popup-content{border-bottom-right-radius:0}.maplibregl-popup-track-pointer{display:none}.maplibregl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.maplibregl-map:hover .maplibregl-popup-track-pointer{display:flex}.maplibregl-map:active .maplibregl-popup-track-pointer{display:none}.maplibregl-marker{left:0;position:absolute;top:0;transition:opacity .2s;will-change:transform}.maplibregl-user-location-dot,.maplibregl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.maplibregl-user-location-dot:before{animation:maplibregl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.maplibregl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.35);box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}@keyframes maplibregl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.maplibregl-user-location-dot-stale{background-color:#aaa}.maplibregl-user-location-dot-stale:after{display:none}.maplibregl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.maplibregl-crosshair,.maplibregl-crosshair .maplibregl-interactive,.maplibregl-crosshair .maplibregl-interactive:active{cursor:crosshair}.maplibregl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}.maplibregl-cooperative-gesture-screen{align-items:center;background:rgba(0,0,0,.4);color:#fff;display:flex;font-size:1.4em;inset:0;justify-content:center;line-height:1.2;opacity:0;padding:1rem;pointer-events:none;position:absolute;transition:opacity 1s ease 1s;z-index:99999}.maplibregl-cooperative-gesture-screen.maplibregl-show{opacity:1;transition:opacity .05s}.maplibregl-cooperative-gesture-screen .maplibregl-mobile-message{display:none}@media (hover:none),(pointer:coarse){.maplibregl-cooperative-gesture-screen .maplibregl-desktop-message{display:none}.maplibregl-cooperative-gesture-screen .maplibregl-mobile-message{display:block}}.maplibregl-pseudo-fullscreen{height:100%!important;left:0!important;position:fixed!important;top:0!important;width:100%!important;z-index:99999}/* The token layer comes first: @tailwind base emits variables of its own, and the theme values must be defined before anything resolves through them. Vite inlines this at build time — see the served stylesheet. */ /* Faces before tokens before Tailwind: @font-face must be declared before anything asks for the family. */ /* src/fonts.css * * THE THREE FAMILIES, SELF-HOSTED. The same latin-subset woff2 files the mock * pulls from Google Fonts, served by the nginx that already serves /assets. * * ── WHY SELF-HOSTED ──────────────────────────────────────────────────────── * * 113 KB against 6,364 KB of JS already shipping. A to fonts.gstatic.com * would be render-blocking, third-party, and -- the part that decided it -- * invisible to middleware/restrictedAccount.js, which constrains what the APP * may call and has no view of what the PAGE loads. The portal was built so a * confined plan_submitter needs no external dependency; this keeps that true * for type as well. * * ── TWO OF THESE ARE VARIABLE FONTS, AND THAT IS NOT A DETAIL ────────────── * * Google serves Space Grotesk and IBM Plex Sans as VARIABLE fonts: the four * "weights" of Space Grotesk it returns are one byte-identical file (md5 * 87c506d8), and Plex Sans 400/500/600 likewise (md5 b2c9031d). * * The first version of this file declared them the obvious way -- one * @font-face per weight, `font-weight: 600`, eleven files, 287 KB. That is * wrong twice. It ships five redundant copies of two files; and pinning a * variable font to a single weight in @font-face means every request for a * weight OTHER than the declared one falls to the nearest DECLARED face rather * than varying the axis. Measured: at 600, 700 and 900 the text rendered at * exactly 940.0px -- three weights, one rendering, no variation at all. * * A weight RANGE is what makes the axis work. The browser then instantiates any * weight in the range from the single file. * * ── font-display: swap, DELIBERATELY ─────────────────────────────────────── * * Text paints immediately in the fallback and reflows when the face arrives. * `block` hides text for up to 3s -- on a field tablet over a bad connection * that is a blank panel, and this application is read outdoors. The reflow is * the cost and it is the right one. * * ── NO FAMILY OFFERS 900 ─────────────────────────────────────────────────── * * font-black is used at 12 sites, all on the field pages. Plex Sans varies to * 700 and Space Grotesk to 700; 900 is synthesised from there. See * tailwind.config.cjs for why that beat falling back to a system face. */ /* ── IBM Plex Sans — prose and controls. Variable, wght 100-700. ─────────── */ @font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 100 700; font-display: swap; src: url("/fonts/ibm-plex-sans-var.woff2") format("woff2-variations"), url("/fonts/ibm-plex-sans-var.woff2") format("woff2"); } /* ── Space Grotesk — headings. Variable, wght 300-700. ───────────────────── */ @font-face { font-family: "Space Grotesk"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("/fonts/space-grotesk-var.woff2") format("woff2-variations"), url("/fonts/space-grotesk-var.woff2") format("woff2"); } /* ── IBM Plex Mono — labels, IDs, coordinates, enum values. ────────────────── * * Genuinely three STATIC faces: distinct files, distinct md5s, usWeightClass * 400/500/600. No range here, because there is no axis to range over. */ @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; /* Regular */ font-display: swap; src: url("/fonts/ibm-plex-mono-400.woff2") format("woff2"); } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; /* Medium */ font-display: swap; src: url("/fonts/ibm-plex-mono-500.woff2") format("woff2"); } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 600; /* SemiBold */ font-display: swap; src: url("/fonts/ibm-plex-mono-600.woff2") format("woff2"); } /* src/tokens.css * * THE TOKEN LAYER. Ported from docs/design/opportal-mock/tokens.css, whose * README says "port that block to the theme layer" — until this file there was * no theme layer to port it to. * * ── THIS IS NOT LIGHT MODE, AND IT IS NOT NEARLY LIGHT MODE ──────────────── * * What this buys is that the 2,134 Tailwind token-class uses in the app now * resolve through a variable instead of a baked literal. What it does not buy, * measured before it was written: * * 3,363 built-in palette classes (text-slate-400, bg-red-500 …), 107 distinct * 489 raw hex sites in .js/.jsx code, 99 distinct * 82 arbitrary [#hex] utilities * 60 hex sites in the three stylesheets * * That is ~3,990 colour decisions this layer does NOT reach, across 215 files. * A second theme is those, not this. Portal chrome is ~83% covered; the rest of * the platform is hardly covered at all. Anyone reading "we have a theme layer" * as "light mode is close" is reading it wrong. * * Type is untouched. The mock asks for Space Grotesk, IBM Plex Sans and IBM * Plex Mono; this delivers none of them, loads no webfont, and does not touch * the 1,250 arbitrary text-[Npx] sizes. Colour only. * * ── WHY CHANNELS AND NOT HEX ─────────────────────────────────────────────── * * The mock writes `--bg: #070B10`. Stored that way, Tailwind's opacity * modifiers break: `bg-bg/80` compiles through `rgb( / )`, * which needs the channels, not a hex string. Those modifiers are in use today * — the shipped stylesheet contains `background-color: rgb(5 7 17 / 0.8)` — so * a hex token layer would have silently dropped the alpha on every one of them. * The hex is kept in the comment beside each value, which is where a designer * comparing against the mock will look. * * ── ONE THEME, NAMED AS THOUGH THERE WILL BE MORE ────────────────────────── * * :root carries the dark values because dark is what ships. The names are * semantic (--panel, --text-3) rather than descriptive (--dark-grey-2) so that * a second theme is a second block, not a rename of every call site. That is * the whole reason this is being done during the restyle rather than after it. */ :root { /* Surfaces — cool, blue-leaning darks (not neutral grey) */ --bg: 7 11 16; /* #070B10 — app canvas */ --chrome: 11 18 26; /* #0B121A — header + nav rail */ --panel: 14 21 30; /* #0E151E — cards, panels */ --panel-2: 19 28 39; /* #131C27 — inset rows, secondary buttons */ --panel-3: 22 34 47; /* #16222F — active nav, avatar, file chip */ --panel-4: 30 44 59; /* #1E2C3B — active toolbar segment */ /* Lines */ --line: 29 41 56; /* #1D2938 */ --line-strong: 42 57 73; /* #2A3949 */ --line-dashed: 36 48 63; /* #24303F */ /* Text — all four pass 4.5:1 on --panel */ --text: 232 239 247; /* #E8EFF7 */ --text-2: 201 216 230; /* #C9D8E6 */ --text-3: 147 166 184; /* #93A6B8 — labels, meta */ --text-4: 110 130 150; /* #6E8296 — nav rail idle */ /* Brand */ /* ── THE CHROME ACCENT IS BLUE. ORANGE IS A BRAND MARK. ────────────────── * * --accent is "the colour chrome uses for active, current and primary * action". Its MEANING is unchanged; its VALUE moved, because orange at 141 * active sites reads as a system that is permanently alarming about * something. Phase 13's role split stands — what was wrong was which colour * carried the loud role. * * IT IS THE MOCK'S OWN --info BLUE, not a new hue. Measured CIEDE2000 * against everything it can sit beside: * * vs --info (informational) 18.13 — clears the palette's own 17.75 floor * vs geom-other 21.54 — its closest geometry role * vs geom-pad 27.24 geom-untagged 25.53 * vs geom-road 49.78 geom-markup 52.93 (the finding pin) * contrast on --panel 7.34:1 — AAA * * The collision phase 13 retired teal over was 6.99. Nothing here is near it. * * WHY NOT --brand-accent #0085C8: it separates better from the informational * tint (18.30) but reads at 4.53:1 on --panel, so a selected tab label would * be the least legible text on the screen. The role that means "you are here" * cannot be the one you strain to read. */ --accent: 58 174 232; /* #3AAEE8 — chrome: active, current, action */ --brand: 255 127 0; /* #FF7F00 — DreamHammer mark. NOT chrome; see below */ --brand-base: 0 84 128; /* #005480 */ --brand-accent: 0 133 200; /* #0085C8 */ /* Status */ --ok: 47 191 113; /* #2FBF71 */ --ok-text: 63 217 138; /* #3FD98A */ --warn: 245 165 36; /* #F5A524 */ --warn-text: 248 190 92; /* #F8BE5C */ --danger: 242 85 90; /* #F2555A */ --danger-text: 255 138 142; /* #FF8A8E */ /* ── INFORMATIONAL GOES QUIETER, NOT ORANGE ────────────────────────────── * * Swapping the two roles would put 137 sites on a heavy colour in the role * meant to recede, and informational elements outnumber active ones per * screen — the app would carry the same weight in worse places. * * Same value as --text-3, deliberately: informational chrome joins the meta * layer rather than competing with it. * * vs --accent vs geom-other contrast on --panel * --text-3 13.91 9.56 7.33:1 <- this * --text-4 18.13 15.79 4.63:1 * * --text-4 WAS THE FIRST CHOICE, ON THE SEPARATION NUMBER, AND RENDERING IT * SETTLED IT THE OTHER WAY. Both were drawn on a real panel against the * deployed stylesheet: at #6E8296 a tier value and a "granted" badge are * DIMMER than the mono label beside them and read as disabled. 4.63:1 clears * WCAG AA and still loses, because the failure it produces — content that * looks switched off — is worse than the one the extra separation buys. * * 13.91 IS STILL TWICE THE 6.99 THAT RETIRED TEAL, and it falls short of the * 17.75 floor only because that floor is the GEOMETRY palette's: a bar set * for small features on aerial imagery, which is a harder discrimination than * a saturated blue against a desaturated grey on a dark panel. In the render * the two are not close. */ --info: 147 166 184; /* #93A6B8 — informational; == --text-3 */ --info-text: 124 200 239; /* #7CC8EF */ /* Kept from the shipping palette — the mock names no counterpart. */ /* ── RETIRED FROM CHROME 2026-09-18 ──────────────────────────────────── * * --accent-teal and --accent-blue are no longer bound to any Tailwind key. * The chrome accent is --accent (orange) for active state and action, and * --info for informational state; see tailwind.config.cjs. * * --accent-teal REMAINS DEFINED because --aoi-neon is the same value and is * still the AOI highlight, and because the platform MAP still draws teal as * a hex literal in four places that no token can reach: * constants/featureColors.js:34 well_pad #16f2d4 * stores/useUserLayersStore.js:29 drawn layers #16f2d4 * components/MapView.jsx:533 fill-color #16f2d4 * hooks/useAnnotationLayer.js the rubber band #16f2d4 * Teal retiring from CHROME is exactly what happened; it did not leave the * product. */ --accent-teal: 22 242 212; /* #16f2d4 — chrome-retired; still the map's and the AOI highlight's */ --accent-blue: 31 157 255; /* #1f9dff — chrome-retired; kept so the value is recoverable */ /* ── STATUS SEMANTICS THE ROLE SPLIT DOES NOT COVER ───────────────────── * * 26 sites are NEITHER active/current NOR informational, and mapping them to * either would be wrong on screen rather than merely off-palette: * * --status-ok 6 severity ramps (red / yellow / teal, where teal is the * HEALTHY end) and 5 success states. Orange here would read * as a warning in a ramp whose warning rung is already * yellow; blue would read as a note in a severity scale. * --status-busy 15 in-progress indicators — spinners, pulsing dots, * "running" labels. Telling, but about a transient, not a * state the user selected. * * BOTH ARE SEEDED AT THE CURRENT TEAL, so nothing on screen moves for them. * That is the point: the gap is NAMED and its resolution is a one-line token * change, rather than a guess baked into 26 call sites. The mock's own --ok * (#2FBF71, above) is the obvious candidate for --status-ok and it is NOT * applied here, because assigning it is a decision nobody has made. */ --status-ok: 47 191 113; /* #2FBF71 — the mock's --ok. UNPARKED 2026-09-18. * * ONE TOKEN, NOT THE MOCK'S PAIR. The mock splits --ok (#2FBF71, * borders and fills) from --ok-text (#3FD98A, text), which is the * usual dark-UI move when the fill colour is too dark to read as * text. Measured here it is not: #2FBF71 is 7.70:1 on --panel and * 7.20:1 at its worst across the four surfaces — above AA (4.5:1) * and above AAA (7:1). --ok-text stays defined above and unbound; * if the green reads dull on screen it is a one-line swap. */ --status-busy: 22 242 212; /* seeded #16f2d4 — candidate: --info #3AAEE8 */ --accent-red: 239 68 68; /* #ef4444 — deliberately equal to STATUS_COLORS.unverified in WellLayer.jsx:56 */ --aoi-neon: 22 242 212; /* #16f2d4 — the AOI highlight; same value as --accent-teal, as it ships */ /* Map geometry. Four meanings on one surface; see the note above. */ --geom-pad: 45 212 191; /* #2DD4BF — mock */ --geom-road: 255 168 61; /* #FFA83D — mock */ --geom-other: 163 163 163; /* #a3a3a3 — KEPT — decided */ --geom-untagged: 226 232 240; /* #e2e8f0 — KEPT — decided */ --geom-markup: 244 114 182; /* #f472b6 — KEPT — decided */ --geom-halo: 248 250 252; /* #f8fafc — point selection ring */ --map-backdrop: 12 14 16; /* #0C0E10 — pre-load canvas */ /* ── RADIUS ───────────────────────────────────────────────────────────── * * The mock's scale, ported with the primitives that use it. Not channels — * these are lengths, and nothing composites them, so they are plain values. * * The six steps are close together on purpose: a chip at 5px and a panel at * 12px read as the same family of corners at a glance, which is most of what * makes the mock's surfaces look like parts of one instrument. */ --r-xs: 5px; --r-sm: 7px; --r-md: 9px; --r-lg: 10px; --r-xl: 12px; --r-2xl: 14px; /* ── TYPE ─────────────────────────────────────────────────────────────── * * The mock's three families, with the roles it assigns them. These were left * behind when the colour block was ported; this is the rest of that block. * * THE FALLBACKS ARE NOT DECORATION. font-display: swap means every one of * these renders in the fallback first, on every cold load, so the second name * in each list is what a user sees for the first few hundred milliseconds. * system-ui rather than a specific face keeps that moment native-looking. * * --font-display is NOT assigned to figures in this phase, and that is a * measurement rather than an omission. Space Grotesk declares `tnum`, so it * CAN do tabular figures — but its default figures are proportional, with * digit advances from 404 to 638 units (a "1" is 36% narrower than an "8"). * IBM Plex Sans and Mono need no `tnum` because every digit is already 600. * So figures left on --font-body align by construction, and figures moved to * --font-display align only where `tabular-nums` is present. 106 sites carry * it; how many figure-bearing sites do not is not statically knowable. The * mock's "every figure" instruction is therefore deferred to the phase that * introduces a figure utility, with this measurement attached to it. */ --font-display: "Space Grotesk", system-ui, sans-serif; --font-body: "IBM Plex Sans", system-ui, sans-serif; --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace; /* ── DERIVED, FOR THE PLACES THAT NEED A COLOUR AND NOT CHANNELS ──────── * * Everything above is channels, because Tailwind's needs them. * A few call sites are plain CSS — an inline style on a MapLibre marker, a * canvas background — where the value has to BE a colour. These derive from * the tokens above rather than repeating the numbers, so there is still one * place to change. * * Call sites use `var(--x-rgb, #literal)`: CSS's own fallback, so a missing * token costs the theme and not the element. MapLibre PAINT properties * cannot do this — they are parsed by MapLibre, not by CSS — which is what * portalMapTokens.js exists for. */ --map-backdrop-rgb: rgb(var(--map-backdrop)); --geom-markup-rgb: rgb(var(--geom-markup)); /* ── THE GRATICULE, AND IT IS PORTAL-ONLY BY THE MOCK'S OWN SCOPING ───── * * Ported from docs/design/opportal-mock/tokens.css:66-68. The one token in * this file that is not a colour, which is why the header above says * "Colour only" and this is the exception to it. * * IT DOES NOT GO ON THE APP CANVAS. The mock applies it to a single * selector -- `.portal`, at tokens.css:161-168, under the comment "The * portal owns everything except the header and the rail." So the faint grid * sits behind PORTAL CONTENT, not behind the platform, and adopting it * changes nothing on any other screen. Had the mock put it on the canvas * this would be a visible change everywhere and would belong in its own * commit rather than in the shell branch. * * 3% of a cool blue at an 80px pitch. Applied via .op-portal-surface. */ --graticule: repeating-linear-gradient(to right, rgb(143 178 214 / 0.03) 0 1px, transparent 1px 80px), repeating-linear-gradient(to bottom, rgb(143 178 214 / 0.03) 0 1px, transparent 1px 80px); } /* The shared vocabulary. After tokens, because every primitive resolves through them; before Tailwind's utilities so a utility still wins. */ /* src/primitives.css * * THE SHARED VOCABULARY, ported from the mock's "Shared primitives" block. * * ── WHY THIS FILE EXISTS ─────────────────────────────────────────────────── * * Phase 15 recomposed the portal's information architecture — rollup card, * queue preview, plan header, revision rail — and it did not look like the * mock. Not for want of polish: the mock's surfaces are built out of a shared * vocabulary that had never been ported, so a new architecture got assembled * out of the old presentation. This is that vocabulary. * * IT COMPOSES NOTHING. No screen changes shape in the commit that adds it. The * measure of success is that the next commits get cheaper, not that anything * looks different yet. If a screen changed appearance, that is a defect. * * ── FORM: @apply, NOT REACT COMPONENTS ───────────────────────────────────── * * The grain is already here — `.input` and `.btn` live in index.css as @apply * rules and are safelisted in tailwind.config.cjs. These primitives are * presentational vocabulary with no state, no props and no logic; components * would add ten files and an import graph for six declarations each. * * The deciding reason is what it costs the NEXT commit: a surface adopts * `.op-panel` by gaining a class, not by being restructured. Recomposing the * map, decision and findings panels then stays a class change instead of a * component migration. * * THE COST, STATED: an @apply class is invisible to the "is this thing * reached" check that a JSX import gives you. A rule that fails to compile, or * a class nothing ever uses, looks exactly like one that works. That is why the * demonstrations read COMPUTED STYLE out of a browser rather than asserting the * class name is present. * * ── NAMING: op- PREFIXED, AND THE MAPPING IS 1:1 ─────────────────────────── * * .op-panel .panel .op-btn .btn * .op-panel-head .panel__head .op-btn--primary .btn--primary * .op-panel-title .panel__title .op-btn--ok .btn--ok * .op-panel-body .panel__body .op-btn--sm .btn--sm * .op-chip .chip .op-btn--decision .btn--decision * .op-chip--ok .chip--ok .op-btn--dashed .btn--dashed * .op-chip--accent .chip--accent .op-icon-btn .icon-btn * .op-chip--status .chip--status .op-icon-btn--bare .icon-btn--bare * .op-dot .dot .op-label .label * .op-rule .rule .op-meta .meta * .op-figure .figure .op-mono .mono * * The mock's names are taken verbatim everywhere except the prefix. Why not use * them bare: `.btn` ALREADY EXISTS in index.css — safelisted, styled with * accent-teal, and with zero callers anywhere in the app. Redefining it is a * different decision from porting a vocabulary, and using the mock's name for * ten primitives and a different one for the eleventh breaks the mapping * anyway. `.panel`, `.label`, `.rule` and `.meta` are also generic enough to be * a trap in a global layer across 363 files. * * ── NOT IN @layer components, AND THAT IS NOT A STYLE CHOICE ─────────────── * * Tailwind TREE-SHAKES @layer components: a rule is emitted only if its class * is found in the content scan. This commit composes nothing, so every * primitive here was purged from the build — the whole vocabulary shipped as * zero bytes. * * Worse, the first check for it passed. It grepped the compiled CSS for * `.op-panel` and found matches — in THIS COMMENT BLOCK, which the build * preserves. The check matched its own documentation rather than the artifact, * which is the same failure as an assertion that reads a string literal defined * three lines above it. * * Plain rules are emitted unconditionally. They still sit before * `@tailwind utilities` in index.css, so a utility on the same element still * wins on source order — which is the only thing the layer bought. */ /* ── TEXT ROLES ────────────────────────────────────────────────────────── */ /* The mono field label: WAITING ON YOU, ACTIVE LAYERS, REVISION HISTORY. */ .op-label { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.09em; --tw-text-opacity: 1; color: rgb(var(--text-3) / var(--tw-text-opacity, 1)); } @media print { #qc-print-host .op-label { font-size: 12pt; } } .op-meta { font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(var(--text-3) / var(--tw-text-opacity, 1)); } .op-mono { font-family: var(--font-mono); } /* ── .op-figure IS NOT A STRAIGHT PORT, AND THAT IS MEASURED ───────────── * * The mock's `.figure` is "every number on screen" in var(--font-display) — * Space Grotesk. It cannot be ported as drawn. * * MEASURED in the families commit: Space Grotesk's digit advances run 404 to * 638 units (a "1" is 36% narrower than an "8"), so its figures are * PROPORTIONAL and align only where `tabular-nums` is present. IBM Plex Sans * and Mono need no tnum at all — every digit is already 600. * * So this keeps the ROLE the mock gives it — every number, semibold, slightly * tight — and takes the body face, with tabular-nums made part of the * primitive rather than left to each call site to remember. A figure that * does not line up in a column is the defect; the typeface is not. */ .op-figure { font-family: var(--font-body); font-weight: 600; --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); letter-spacing: -0.01em; } /* ── RULE ──────────────────────────────────────────────────────────────── */ .op-rule { height: 1px; --tw-bg-opacity: 1; background-color: rgb(var(--line) / var(--tw-bg-opacity, 1)); } /* ── CHIP ──────────────────────────────────────────────────────────────── */ .op-chip { display: inline-flex; align-items: center; gap: 0.5rem; border-radius: var(--r-xs); border-width: 1px; --tw-border-opacity: 1; border-color: rgb(var(--line) / var(--tw-border-opacity, 1)); padding-left: 9px; padding-right: 9px; padding-top: 5px; padding-bottom: 5px; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.06em; --tw-text-opacity: 1; color: rgb(var(--text-3) / var(--tw-text-opacity, 1)); } .op-chip--ok { --tw-text-opacity: 1; color: rgb(var(--status-ok) / var(--tw-text-opacity, 1)); } .op-chip--accent { border-color: rgb(var(--accent) / 0.4); --tw-text-opacity: 1; color: rgb(var(--accent) / var(--tw-text-opacity, 1)); } /* The status chip is taller, pill-shaped and tinted. The mock draws it in --warn; the tint follows whatever the caller sets, so the shape is the primitive and the colour is composition. */ .op-chip--status { height: 2rem; border-radius: 1rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0px; padding-bottom: 0px; letter-spacing: 0.08em; } .op-dot { height: 0.375rem; width: 0.375rem; border-radius: 9999px; background-color: currentColor; } /* ── BUTTON ────────────────────────────────────────────────────────────── */ .op-btn { display: inline-flex; height: 2.25rem; align-items: center; justify-content: center; gap: 0.5rem; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(var(--line) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(var(--panel-2) / var(--tw-bg-opacity, 1)); padding-left: 0.875rem; padding-right: 0.875rem; font-size: 13px; --tw-text-opacity: 1; color: rgb(var(--text) / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .op-btn:hover { --tw-bg-opacity: 1; background-color: rgb(var(--panel) / var(--tw-bg-opacity, 1)); } .op-btn:disabled { cursor: not-allowed; opacity: 0.4; } .op-btn--sm { height: 30px; border-radius: var(--r-sm); padding-left: 0.75rem; padding-right: 0.75rem; font-size: 12.5px; } .op-btn--decision { height: 46px; gap: 9px; border-radius: var(--r-md); padding-left: 1.25rem; padding-right: 1.25rem; font-size: 0.875rem; line-height: 1.25rem; } /* PRIMARY IS SOLID. Which ACTION is primary is composition, not vocabulary: the mock's README makes Return primary because findings are staged, and swaps Approve in when nothing is. That swap is not wired here. */ .op-btn--primary { --tw-border-opacity: 1; border-color: rgb(var(--accent) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(var(--accent) / var(--tw-bg-opacity, 1)); font-weight: 600; color: rgb(var(--chrome)); } .op-btn--primary:hover { background-color: rgb(var(--accent) / 0.9); } .op-btn--ok { --tw-border-opacity: 1; border-color: rgb(var(--status-ok) / var(--tw-border-opacity, 1)); background-color: transparent; font-weight: 500; --tw-text-opacity: 1; color: rgb(var(--status-ok) / var(--tw-text-opacity, 1)); } .op-btn--ok:hover { background-color: rgb(var(--status-ok) / 0.1); } .op-btn--dashed { height: 2.75rem; width: 100%; border-radius: var(--r-lg); border-width: 1px; border-style: dashed; --tw-border-opacity: 1; border-color: rgb(var(--line) / var(--tw-border-opacity, 1)); background-color: transparent; --tw-text-opacity: 1; color: rgb(var(--text-3) / var(--tw-text-opacity, 1)); } .op-icon-btn { display: inline-flex; height: 30px; width: 30px; align-items: center; justify-content: center; border-radius: var(--r-sm); border-width: 1px; --tw-border-opacity: 1; border-color: rgb(var(--line) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(var(--panel-2) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(var(--text-3) / var(--tw-text-opacity, 1)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .op-icon-btn:hover { --tw-text-opacity: 1; color: rgb(var(--text) / var(--tw-text-opacity, 1)); } .op-icon-btn--bare { border-style: none; background-color: transparent; } /* ── PANEL ─────────────────────────────────────────────────────────────── */ .op-panel { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--r-xl); border-width: 1px; --tw-border-opacity: 1; border-color: rgb(var(--line) / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(var(--panel) / var(--tw-bg-opacity, 1)); } .op-panel-head { display: flex; flex: none; align-items: center; justify-content: space-between; gap: 0.75rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(var(--line) / var(--tw-border-opacity, 1)); padding-left: 1rem; padding-right: 1rem; padding-top: 0.875rem; padding-bottom: 11px; } .op-panel-title { font-family: var(--font-display); font-size: 15px; font-weight: 600; --tw-text-opacity: 1; color: rgb(var(--text) / var(--tw-text-opacity, 1)); } .op-panel-body { display: flex; min-height: 0px; flex: 1 1 0%; flex-direction: column; padding-left: 1rem; padding-right: 1rem; padding-top: 0.875rem; padding-bottom: 0.875rem; } /* ── .op-portal-surface — the mock's `.portal` ─────────────────────────────── * * The scrolling region that portal content lives in, under EITHER shell. The * mock's rule is `flex:1 1 auto; min-width:0; overflow:auto;` plus the canvas * colour and the graticule; the flex and overflow halves are already on the two * page roots as Tailwind utilities, so this carries the part Tailwind has no * utility for. * * ── AND `height: 100%`, WHICH IS NOT DECORATION ──────────────────────────── * * Both portal page roots are `flex min-h-0 flex-1 flex-col overflow-auto`, and * `flex-1` only means something if the PARENT is a flex container. PortalShell's *
is (`flex min-h-0 flex-1 flex-col`), so that worked. AppShell's is * `flex-1 overflow-hidden` — a BLOCK. Under it `flex-1` does nothing, the root's * height resolves to its content, `overflow-auto` on an auto height never * scrolls, and AppShell's own `overflow-hidden` clips everything below the fold. * * `height: 100%` resolves against
, whose height IS definite under both * shells (it is a flex item of a column that descends from `h-screen`). Under * PortalShell the flex basis still governs the main axis, so this is inert * there and load-bearing under AppShell. Without it the app shell renders a * plan review with its decision panel unreachable. */ .op-portal-surface { height: 100%; background-image: var(--graticule); } *, ::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 / 0.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 / 0.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: ; } /* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: var(--font-body); /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: var(--font-mono); /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ 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; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } .container { width: 100%; } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 1024px) { .container { max-width: 1024px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1536px) { .container { max-width: 1536px; } } .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; } .pointer-events-none { pointer-events: none; } .pointer-events-auto { pointer-events: auto; } .\!visible { visibility: visible !important; } .visible { visibility: visible; } .invisible { visibility: hidden; } .collapse { visibility: collapse; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { inset: 0px; } .inset-x-0 { left: 0px; right: 0px; } .inset-x-2 { left: 0.5rem; right: 0.5rem; } .inset-y-0 { top: 0px; bottom: 0px; } .-right-1 { right: -0.25rem; } .-top-1 { top: -0.25rem; } .-top-7 { top: -1.75rem; } .bottom-0 { bottom: 0px; } .bottom-0\.5 { bottom: 0.125rem; } .bottom-1 { bottom: 0.25rem; } .bottom-2 { bottom: 0.5rem; } .bottom-3 { bottom: 0.75rem; } .bottom-4 { bottom: 1rem; } .bottom-\[5px\] { bottom: 5px; } .bottom-\[85px\] { bottom: 85px; } .bottom-full { bottom: 100%; } .left-0 { left: 0px; } .left-0\.5 { left: 0.125rem; } .left-1 { left: 0.25rem; } .left-1\/2 { left: 50%; } .left-10 { left: 2.5rem; } .left-2 { left: 0.5rem; } .left-2\.5 { left: 0.625rem; } .left-3 { left: 0.75rem; } .left-6 { left: 1.5rem; } .left-\[10px\] { left: 10px; } .left-\[120px\] { left: 120px; } .left-\[48px\] { left: 48px; } .left-\[5px\] { left: 5px; } .left-full { left: 100%; } .right-0 { right: 0px; } .right-1 { right: 0.25rem; } .right-2 { right: 0.5rem; } .right-3 { right: 0.75rem; } .right-4 { right: 1rem; } .right-5 { right: 1.25rem; } .right-6 { right: 1.5rem; } .right-\[5px\] { right: 5px; } .top-0 { top: 0px; } .top-0\.5 { top: 0.125rem; } .top-1 { top: 0.25rem; } .top-1\.5 { top: 0.375rem; } .top-1\/2 { top: 50%; } .top-10 { top: 2.5rem; } .top-16 { top: 4rem; } .top-2 { top: 0.5rem; } .top-3 { top: 0.75rem; } .top-6 { top: 1.5rem; } .top-80 { top: 20rem; } .top-\[10px\] { top: 10px; } .top-\[124px\] { top: 124px; } .top-\[145px\] { top: 145px; } .top-\[180px\] { top: 180px; } .top-\[2\.6rem\] { top: 2.6rem; } .top-\[215px\] { top: 215px; } .top-\[248px\] { top: 248px; } .top-\[252px\] { top: 252px; } .top-\[281px\] { top: 281px; } .top-\[36px\] { top: 36px; } .top-\[60px\] { top: 60px; } .top-\[68px\] { top: 68px; } .top-full { top: 100%; } .isolate { isolation: isolate; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[1000\] { z-index: 1000; } .z-\[120\] { z-index: 120; } .z-\[1\] { z-index: 1; } .z-\[200\] { z-index: 200; } .z-\[2\] { z-index: 2; } .z-\[300\] { z-index: 300; } .z-\[400\] { z-index: 400; } .z-\[60\] { z-index: 60; } .z-\[80\] { z-index: 80; } .z-\[9000\] { z-index: 9000; } .z-\[90\] { z-index: 90; } .z-\[9999\] { z-index: 9999; } .col-span-5 { grid-column: span 5 / span 5; } .col-span-7 { grid-column: span 7 / span 7; } .m-1 { margin: 0.25rem; } .m-2 { margin: 0.5rem; } .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .-mr-0\.5 { margin-right: -0.125rem; } .-mr-1 { margin-right: -0.25rem; } .mb-0 { margin-bottom: 0px; } .mb-0\.5 { margin-bottom: 0.125rem; } .mb-1 { margin-bottom: 0.25rem; } .mb-1\.5 { margin-bottom: 0.375rem; } .mb-10 { margin-bottom: 2.5rem; } .mb-12 { margin-bottom: 3rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-2\.5 { margin-bottom: 0.625rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-3\.5 { margin-bottom: 0.875rem; } .mb-4 { margin-bottom: 1rem; } .mb-5 { margin-bottom: 1.25rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-\[18px\] { margin-bottom: 18px; } .ml-0\.5 { margin-left: 0.125rem; } .ml-1 { margin-left: 0.25rem; } .ml-1\.5 { margin-left: 0.375rem; } .ml-2 { margin-left: 0.5rem; } .ml-3 { margin-left: 0.75rem; } .ml-4 { margin-left: 1rem; } .ml-\[18px\] { margin-left: 18px; } .ml-\[1px\] { margin-left: 1px; } .ml-auto { margin-left: auto; } .mr-1 { margin-right: 0.25rem; } .mr-2 { margin-right: 0.5rem; } .mt-0\.5 { margin-top: 0.125rem; } .mt-1 { margin-top: 0.25rem; } .mt-1\.5 { margin-top: 0.375rem; } .mt-2 { margin-top: 0.5rem; } .mt-2\.5 { margin-top: 0.625rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-8 { margin-top: 2rem; } .mt-9 { margin-top: 2.25rem; } .mt-\[18px\] { margin-top: 18px; } .mt-\[1px\] { margin-top: 1px; } .mt-\[2px\] { margin-top: 2px; } .mt-\[3px\] { margin-top: 3px; } .mt-auto { margin-top: auto; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .\!block { display: block !important; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .grid { display: grid; } .contents { display: contents; } .hidden { display: none; } .h-0 { height: 0px; } .h-1 { height: 0.25rem; } .h-1\.5 { height: 0.375rem; } .h-1\/2 { height: 50%; } .h-10 { height: 2.5rem; } .h-11 { height: 2.75rem; } .h-12 { height: 3rem; } .h-14 { height: 3.5rem; } .h-16 { height: 4rem; } .h-2 { height: 0.5rem; } .h-2\.5 { height: 0.625rem; } .h-3 { height: 0.75rem; } .h-3\.5 { height: 0.875rem; } .h-4 { height: 1rem; } .h-40 { height: 10rem; } .h-5 { height: 1.25rem; } .h-6 { height: 1.5rem; } .h-7 { height: 1.75rem; } .h-8 { height: 2rem; } .h-9 { height: 2.25rem; } .h-\[11px\] { height: 11px; } .h-\[140px\] { height: 140px; } .h-\[18px\] { height: 18px; } .h-\[21px\] { height: 21px; } .h-\[24rem\] { height: 24rem; } .h-\[26px\] { height: 26px; } .h-\[28rem\] { height: 28rem; } .h-\[29px\] { height: 29px; } .h-\[2px\] { height: 2px; } .h-\[30px\] { height: 30px; } .h-\[34px\] { height: 34px; } .h-\[5px\] { height: 5px; } .h-\[60px\] { height: 60px; } .h-\[7px\] { height: 7px; } .h-\[90vh\] { height: 90vh; } .h-\[9px\] { height: 9px; } .h-\[min\(560px\2c max\(480px\2c 52vh\)\)\] { height: min(560px, max(480px, 52vh)); } .h-auto { height: auto; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-36 { max-height: 9rem; } .max-h-40 { max-height: 10rem; } .max-h-48 { max-height: 12rem; } .max-h-52 { max-height: 13rem; } .max-h-64 { max-height: 16rem; } .max-h-\[180px\] { max-height: 180px; } .max-h-\[340px\] { max-height: 340px; } .max-h-\[40\%\] { max-height: 40%; } .max-h-\[60vh\] { max-height: 60vh; } .max-h-\[70vh\] { max-height: 70vh; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[85vh\] { max-height: 85vh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[calc\(100\%-190px\)\] { max-height: calc(100% - 190px); } .max-h-full { max-height: 100%; } .min-h-0 { min-height: 0px; } .min-h-\[132px\] { min-height: 132px; } .min-h-\[16px\] { min-height: 16px; } .min-h-\[220px\] { min-height: 220px; } .min-h-\[420px\] { min-height: 420px; } .min-h-\[44px\] { min-height: 44px; } .min-h-\[480px\] { min-height: 480px; } .min-h-\[48px\] { min-height: 48px; } .min-h-\[52px\] { min-height: 52px; } .min-h-\[56px\] { min-height: 56px; } .min-h-screen { min-height: 100vh; } .w-0 { width: 0px; } .w-0\.5 { width: 0.125rem; } .w-1 { width: 0.25rem; } .w-1\.5 { width: 0.375rem; } .w-1\/2 { width: 50%; } .w-1\/3 { width: 33.333333%; } .w-10 { width: 2.5rem; } .w-12 { width: 3rem; } .w-14 { width: 3.5rem; } .w-16 { width: 4rem; } .w-2 { width: 0.5rem; } .w-2\.5 { width: 0.625rem; } .w-2\/3 { width: 66.666667%; } .w-20 { width: 5rem; } .w-24 { width: 6rem; } .w-3 { width: 0.75rem; } .w-3\.5 { width: 0.875rem; } .w-3\/4 { width: 75%; } .w-3\/5 { width: 60%; } .w-32 { width: 8rem; } .w-4 { width: 1rem; } .w-4\/5 { width: 80%; } .w-40 { width: 10rem; } .w-5 { width: 1.25rem; } .w-56 { width: 14rem; } .w-6 { width: 1.5rem; } .w-64 { width: 16rem; } .w-7 { width: 1.75rem; } .w-72 { width: 18rem; } .w-8 { width: 2rem; } .w-80 { width: 20rem; } .w-9 { width: 2.25rem; } .w-96 { width: 24rem; } .w-\[11px\] { width: 11px; } .w-\[140px\] { width: 140px; } .w-\[180px\] { width: 180px; } .w-\[18px\] { width: 18px; } .w-\[20rem\] { width: 20rem; } .w-\[210px\] { width: 210px; } .w-\[232px\] { width: 232px; } .w-\[260px\] { width: 260px; } .w-\[26px\] { width: 26px; } .w-\[26rem\] { width: 26rem; } .w-\[29px\] { width: 29px; } .w-\[300px\] { width: 300px; } .w-\[30px\] { width: 30px; } .w-\[30rem\] { width: 30rem; } .w-\[340px\] { width: 340px; } .w-\[34px\] { width: 34px; } .w-\[34rem\] { width: 34rem; } .w-\[420px\] { width: 420px; } .w-\[440px\] { width: 440px; } .w-\[480px\] { width: 480px; } .w-\[5px\] { width: 5px; } .w-\[62px\] { width: 62px; } .w-\[74px\] { width: 74px; } .w-\[7px\] { width: 7px; } .w-\[84px\] { width: 84px; } .w-\[92vw\] { width: 92vw; } .w-\[min\(560px\2c 92vw\)\] { width: min(560px, 92vw); } .w-auto { width: auto; } .w-fit { width: -moz-fit-content; width: fit-content; } .w-full { width: 100%; } .w-px { width: 1px; } .w-screen { width: 100vw; } .min-w-0 { min-width: 0px; } .min-w-\[160px\] { min-width: 160px; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[18px\] { min-width: 18px; } .min-w-\[18rem\] { min-width: 18rem; } .min-w-\[220px\] { min-width: 220px; } .min-w-\[24rem\] { min-width: 24rem; } .min-w-\[260px\] { min-width: 260px; } .min-w-\[44px\] { min-width: 44px; } .min-w-\[480px\] { min-width: 480px; } .min-w-\[48px\] { min-width: 48px; } .min-w-\[60px\] { min-width: 60px; } .max-w-2xl { max-width: 42rem; } .max-w-3xl { max-width: 48rem; } .max-w-4xl { max-width: 56rem; } .max-w-\[110px\] { max-width: 110px; } .max-w-\[1180px\] { max-width: 1180px; } .max-w-\[120px\] { max-width: 120px; } .max-w-\[1400px\] { max-width: 1400px; } .max-w-\[140px\] { max-width: 140px; } .max-w-\[14rem\] { max-width: 14rem; } .max-w-\[160px\] { max-width: 160px; } .max-w-\[16rem\] { max-width: 16rem; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[230px\] { max-width: 230px; } .max-w-\[240px\] { max-width: 240px; } .max-w-\[260px\] { max-width: 260px; } .max-w-\[420px\] { max-width: 420px; } .max-w-\[62vw\] { max-width: 62vw; } .max-w-\[70\%\] { max-width: 70%; } .max-w-\[700px\] { max-width: 700px; } .max-w-\[70vw\] { max-width: 70vw; } .max-w-\[88\%\] { max-width: 88%; } .max-w-\[90px\] { max-width: 90px; } .max-w-full { max-width: 100%; } .max-w-lg { max-width: 32rem; } .max-w-md { max-width: 28rem; } .max-w-sm { max-width: 24rem; } .max-w-xl { max-width: 36rem; } .max-w-xs { max-width: 20rem; } .flex-1 { flex: 1 1 0%; } .flex-\[2\] { flex: 2; } .flex-\[3\] { flex: 3; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .border-collapse { border-collapse: collapse; } .origin-center { transform-origin: center; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-3 { --tw-translate-x: -0.75rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-2 { --tw-translate-x: 0.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-3 { --tw-translate-x: 0.75rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[calc\(100\%\+0\.75rem\)\] { --tw-translate-x: calc(100% + 0.75rem); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-full { --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-1 { --tw-translate-y: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-1\/2 { --tw-translate-y: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-110 { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-\[1\.01\] { --tw-scale-x: 1.01; --tw-scale-y: 1.01; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes pulse { 50% { opacity: .5; } } .animate-\[pulse_1\.5s_ease-in-out_1\] { animation: pulse 1.5s ease-in-out 1; } @keyframes aoiFade { 0% { opacity: 0; transform: translateY(-2px); } 100% { opacity: 1; transform: translateY(0); } } .animate-aoiFade { animation: aoiFade 0.25s ease-out forwards; } @keyframes aoiPulse { 0%, 100% { opacity: 0.65; transform: scaleX(1); } 50% { opacity: 1; transform: scaleX(1.25); } } .animate-aoiPulse { animation: aoiPulse 1.4s ease-in-out infinite; } @keyframes aoiPulseIcon { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.18); } } .animate-aoiPulseIcon { animation: aoiPulseIcon 1.2s ease-in-out infinite; } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1); } } .animate-bounce { animation: bounce 1s infinite; } @keyframes pulse { 50% { opacity: .5; } } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } .cursor-default { cursor: default; } .cursor-grab { cursor: grab; } .cursor-help { cursor: help; } .cursor-not-allowed { cursor: not-allowed; } .cursor-ns-resize { cursor: ns-resize; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .cursor-wait { cursor: wait; } .touch-none { touch-action: none; } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .resize-none { resize: none; } .resize { resize: both; } .list-inside { list-style-position: inside; } .list-decimal { list-style-type: decimal; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-\[1\.75rem_minmax\(0\2c 1fr\)_5\.25rem\] { grid-template-columns: 1.75rem minmax(0,1fr) 5.25rem; } .grid-cols-\[2\.5rem_minmax\(0\2c 1fr\)_6\.5rem\] { grid-template-columns: 2.5rem minmax(0,1fr) 6.5rem; } .grid-cols-\[80fr_20fr\] { grid-template-columns: 80fr 20fr; } .grid-cols-\[auto_1fr_1fr\] { grid-template-columns: auto 1fr 1fr; } .grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 1\.4fr\)_minmax\(0\2c 1fr\)\] { grid-template-columns: minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr); } .grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 1fr\)\] { grid-template-columns: minmax(0,1fr) minmax(0,1fr); } .grid-cols-\[minmax\(96px\2c 150px\)_1fr_64px\] { grid-template-columns: minmax(96px,150px) 1fr 64px; } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-baseline { align-items: baseline; } .items-stretch { align-items: stretch; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .gap-0 { gap: 0px; } .gap-0\.5 { gap: 0.125rem; } .gap-1 { gap: 0.25rem; } .gap-1\.5 { gap: 0.375rem; } .gap-2 { gap: 0.5rem; } .gap-2\.5 { gap: 0.625rem; } .gap-3 { gap: 0.75rem; } .gap-3\.5 { gap: 0.875rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-8 { gap: 2rem; } .gap-\[2px\] { gap: 2px; } .gap-\[5px\] { gap: 5px; } .gap-px { gap: 1px; } .gap-x-1\.5 { -moz-column-gap: 0.375rem; column-gap: 0.375rem; } .gap-x-2 { -moz-column-gap: 0.5rem; column-gap: 0.5rem; } .gap-x-3 { -moz-column-gap: 0.75rem; column-gap: 0.75rem; } .gap-x-4 { -moz-column-gap: 1rem; column-gap: 1rem; } .gap-x-5 { -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .gap-x-8 { -moz-column-gap: 2rem; column-gap: 2rem; } .gap-y-0\.5 { row-gap: 0.125rem; } .gap-y-1 { row-gap: 0.25rem; } .gap-y-1\.5 { row-gap: 0.375rem; } .gap-y-2 { row-gap: 0.5rem; } .gap-y-3 { row-gap: 0.75rem; } .gap-y-4 { row-gap: 1rem; } .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)); } .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-2\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.625rem * var(--tw-space-y-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-slate-800 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(30 41 59 / var(--tw-divide-opacity, 1)); } .divide-slate-800\/60 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(30 41 59 / 0.6); } .divide-slate-800\/70 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(30 41 59 / 0.7); } .self-start { align-self: flex-start; } .self-end { align-self: flex-end; } .self-stretch { align-self: stretch; } .justify-self-start { justify-self: start; } .justify-self-end { justify-self: end; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: 1rem; } .rounded-\[--r-lg\] { border-radius: var(--r-lg); } .rounded-\[--r-sm\] { border-radius: var(--r-sm); } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[2px\] { border-radius: 2px; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: 0.5rem; } .rounded-md { border-radius: 0.375rem; } .rounded-sm { border-radius: 0.125rem; } .rounded-xl { border-radius: 0.75rem; } .rounded-b-sm { border-bottom-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem; } .rounded-l-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rounded-t-2xl { border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .rounded-t-3xl { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; } .rounded-t-sm { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; } .border { border-width: 1px; } .border-2 { border-width: 2px; } .border-b { border-bottom-width: 1px; } .border-b-2 { border-bottom-width: 2px; } .border-l { border-left-width: 1px; } .border-l-2 { border-left-width: 2px; } .border-l-\[3px\] { border-left-width: 3px; } .border-r { border-right-width: 1px; } .border-r-0 { border-right-width: 0px; } .border-t { border-top-width: 1px; } .border-t-2 { border-top-width: 2px; } .border-dashed { border-style: dashed; } .border-\[\#16f2d4\]\/20 { border-color: rgb(22 242 212 / 0.2); } .border-\[\#16f2d4\]\/50 { border-color: rgb(22 242 212 / 0.5); } .border-\[\#16f2d4\]\/60 { border-color: rgb(22 242 212 / 0.6); } .border-\[\#1a1d24\] { --tw-border-opacity: 1; border-color: rgb(26 29 36 / var(--tw-border-opacity, 1)); } .border-\[rgba\(242\2c 85\2c 90\2c 0\.38\)\] { border-color: rgba(242,85,90,0.38); } .border-\[rgba\(245\2c 165\2c 36\2c 0\.38\)\] { border-color: rgba(245,165,36,0.38); } .border-\[rgba\(58\2c 174\2c 232\2c 0\.38\)\] { border-color: rgba(58,174,232,0.38); } .border-accent-action { --tw-border-opacity: 1; border-color: rgb(var(--accent) / var(--tw-border-opacity, 1)); } .border-accent-action\/20 { border-color: rgb(var(--accent) / 0.2); } .border-accent-action\/30 { border-color: rgb(var(--accent) / 0.3); } .border-accent-action\/40 { border-color: rgb(var(--accent) / 0.4); } .border-accent-action\/50 { border-color: rgb(var(--accent) / 0.5); } .border-accent-action\/60 { border-color: rgb(var(--accent) / 0.6); } .border-accent-action\/70 { border-color: rgb(var(--accent) / 0.7); } .border-accent-info { --tw-border-opacity: 1; border-color: rgb(var(--info) / var(--tw-border-opacity, 1)); } .border-accent-info\/20 { border-color: rgb(var(--info) / 0.2); } .border-accent-info\/25 { border-color: rgb(var(--info) / 0.25); } .border-accent-info\/30 { border-color: rgb(var(--info) / 0.3); } .border-accent-info\/40 { border-color: rgb(var(--info) / 0.4); } .border-accent-info\/50 { border-color: rgb(var(--info) / 0.5); } .border-accent-info\/60 { border-color: rgb(var(--info) / 0.6); } .border-accent-info\/70 { border-color: rgb(var(--info) / 0.7); } .border-accent-red\/40 { border-color: rgb(var(--accent-red) / 0.4); } .border-accent-red\/50 { border-color: rgb(var(--accent-red) / 0.5); } .border-amber-200 { --tw-border-opacity: 1; border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)); } .border-amber-400 { --tw-border-opacity: 1; border-color: rgb(251 191 36 / var(--tw-border-opacity, 1)); } .border-amber-400\/20 { border-color: rgb(251 191 36 / 0.2); } .border-amber-400\/40 { border-color: rgb(251 191 36 / 0.4); } .border-amber-400\/50 { border-color: rgb(251 191 36 / 0.5); } .border-amber-400\/60 { border-color: rgb(251 191 36 / 0.6); } .border-amber-400\/80 { border-color: rgb(251 191 36 / 0.8); } .border-amber-500\/20 { border-color: rgb(245 158 11 / 0.2); } .border-amber-500\/30 { border-color: rgb(245 158 11 / 0.3); } .border-amber-500\/40 { border-color: rgb(245 158 11 / 0.4); } .border-amber-500\/50 { border-color: rgb(245 158 11 / 0.5); } .border-amber-500\/60 { border-color: rgb(245 158 11 / 0.6); } .border-amber-700\/50 { border-color: rgb(180 83 9 / 0.5); } .border-amber-800\/60 { border-color: rgb(146 64 14 / 0.6); } .border-aoi-neon { --tw-border-opacity: 1; border-color: rgb(var(--aoi-neon) / var(--tw-border-opacity, 1)); } .border-aoi-neon\/40 { border-color: rgb(var(--aoi-neon) / 0.4); } .border-aoi-neon\/60 { border-color: rgb(var(--aoi-neon) / 0.6); } .border-bg-border { --tw-border-opacity: 1; border-color: rgb(var(--line) / var(--tw-border-opacity, 1)); } .border-bg-border\/50 { border-color: rgb(var(--line) / 0.5); } .border-bg-soft { --tw-border-opacity: 1; border-color: rgb(var(--panel) / var(--tw-border-opacity, 1)); } .border-blue-500\/20 { border-color: rgb(59 130 246 / 0.2); } .border-blue-500\/30 { border-color: rgb(59 130 246 / 0.3); } .border-blue-500\/40 { border-color: rgb(59 130 246 / 0.4); } .border-blue-700\/50 { border-color: rgb(29 78 216 / 0.5); } .border-cyan-200 { --tw-border-opacity: 1; border-color: rgb(165 243 252 / var(--tw-border-opacity, 1)); } .border-cyan-400\/40 { border-color: rgb(34 211 238 / 0.4); } .border-cyan-400\/50 { border-color: rgb(34 211 238 / 0.5); } .border-cyan-500\/30 { border-color: rgb(6 182 212 / 0.3); } .border-emerald-400\/25 { border-color: rgb(52 211 153 / 0.25); } .border-emerald-400\/30 { border-color: rgb(52 211 153 / 0.3); } .border-emerald-400\/40 { border-color: rgb(52 211 153 / 0.4); } .border-emerald-400\/50 { border-color: rgb(52 211 153 / 0.5); } .border-emerald-500\/30 { border-color: rgb(16 185 129 / 0.3); } .border-emerald-500\/40 { border-color: rgb(16 185 129 / 0.4); } .border-emerald-500\/50 { border-color: rgb(16 185 129 / 0.5); } .border-emerald-700\/50 { border-color: rgb(4 120 87 / 0.5); } .border-fg-secondary { --tw-border-opacity: 1; border-color: rgb(var(--text-3) / var(--tw-border-opacity, 1)); } .border-fuchsia-400\/50 { border-color: rgb(232 121 249 / 0.5); } .border-gray-400\/20 { border-color: rgb(156 163 175 / 0.2); } .border-gray-500 { --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)); } .border-gray-500\/30 { border-color: rgb(107 114 128 / 0.3); } .border-gray-500\/40 { border-color: rgb(107 114 128 / 0.4); } .border-green-400\/20 { border-color: rgb(74 222 128 / 0.2); } .border-green-500\/40 { border-color: rgb(34 197 94 / 0.4); } .border-green-500\/50 { border-color: rgb(34 197 94 / 0.5); } .border-indigo-400\/40 { border-color: rgb(129 140 248 / 0.4); } .border-orange-400\/20 { border-color: rgb(251 146 60 / 0.2); } .border-orange-500 { --tw-border-opacity: 1; border-color: rgb(249 115 22 / var(--tw-border-opacity, 1)); } .border-orange-500\/20 { border-color: rgb(249 115 22 / 0.2); } .border-orange-500\/30 { border-color: rgb(249 115 22 / 0.3); } .border-orange-500\/40 { border-color: rgb(249 115 22 / 0.4); } .border-purple-400\/50 { border-color: rgb(192 132 252 / 0.5); } .border-purple-500\/40 { border-color: rgb(168 85 247 / 0.4); } .border-red-400\/20 { border-color: rgb(248 113 113 / 0.2); } .border-red-400\/60 { border-color: rgb(248 113 113 / 0.6); } .border-red-500 { --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); } .border-red-500\/20 { border-color: rgb(239 68 68 / 0.2); } .border-red-500\/30 { border-color: rgb(239 68 68 / 0.3); } .border-red-500\/40 { border-color: rgb(239 68 68 / 0.4); } .border-red-500\/50 { border-color: rgb(239 68 68 / 0.5); } .border-red-500\/60 { border-color: rgb(239 68 68 / 0.6); } .border-red-500\/70 { border-color: rgb(239 68 68 / 0.7); } .border-red-700\/50 { border-color: rgb(185 28 28 / 0.5); } .border-red-800\/60 { border-color: rgb(153 27 27 / 0.6); } .border-red-900\/40 { border-color: rgb(127 29 29 / 0.4); } .border-rose-400\/50 { border-color: rgb(251 113 133 / 0.5); } .border-rose-500\/40 { border-color: rgb(244 63 94 / 0.4); } .border-rose-500\/50 { border-color: rgb(244 63 94 / 0.5); } .border-rose-600 { --tw-border-opacity: 1; border-color: rgb(225 29 72 / var(--tw-border-opacity, 1)); } .border-sky-500\/40 { border-color: rgb(14 165 233 / 0.4); } .border-sky-500\/50 { border-color: rgb(14 165 233 / 0.5); } .border-slate-300 { --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)); } .border-slate-400 { --tw-border-opacity: 1; border-color: rgb(148 163 184 / var(--tw-border-opacity, 1)); } .border-slate-500\/30 { border-color: rgb(100 116 139 / 0.3); } .border-slate-500\/50 { border-color: rgb(100 116 139 / 0.5); } .border-slate-600 { --tw-border-opacity: 1; border-color: rgb(71 85 105 / var(--tw-border-opacity, 1)); } .border-slate-600\/40 { border-color: rgb(71 85 105 / 0.4); } .border-slate-600\/50 { border-color: rgb(71 85 105 / 0.5); } .border-slate-600\/60 { border-color: rgb(71 85 105 / 0.6); } .border-slate-700 { --tw-border-opacity: 1; border-color: rgb(51 65 85 / var(--tw-border-opacity, 1)); } .border-slate-700\/40 { border-color: rgb(51 65 85 / 0.4); } .border-slate-700\/50 { border-color: rgb(51 65 85 / 0.5); } .border-slate-700\/60 { border-color: rgb(51 65 85 / 0.6); } .border-slate-700\/70 { border-color: rgb(51 65 85 / 0.7); } .border-slate-800 { --tw-border-opacity: 1; border-color: rgb(30 41 59 / var(--tw-border-opacity, 1)); } .border-slate-800\/40 { border-color: rgb(30 41 59 / 0.4); } .border-slate-800\/50 { border-color: rgb(30 41 59 / 0.5); } .border-slate-800\/60 { border-color: rgb(30 41 59 / 0.6); } .border-slate-800\/70 { border-color: rgb(30 41 59 / 0.7); } .border-slate-800\/80 { border-color: rgb(30 41 59 / 0.8); } .border-status-ok\/30 { border-color: rgb(var(--status-ok) / 0.3); } .border-status-ok\/60 { border-color: rgb(var(--status-ok) / 0.6); } .border-teal-500\/20 { border-color: rgb(20 184 166 / 0.2); } .border-teal-500\/30 { border-color: rgb(20 184 166 / 0.3); } .border-teal-500\/40 { border-color: rgb(20 184 166 / 0.4); } .border-teal-500\/50 { border-color: rgb(20 184 166 / 0.5); } .border-transparent { border-color: transparent; } .border-violet-400\/30 { border-color: rgb(167 139 250 / 0.3); } .border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .border-white\/10 { border-color: rgb(255 255 255 / 0.1); } .border-white\/15 { border-color: rgb(255 255 255 / 0.15); } .border-white\/20 { border-color: rgb(255 255 255 / 0.2); } .border-yellow-200 { --tw-border-opacity: 1; border-color: rgb(254 240 138 / var(--tw-border-opacity, 1)); } .border-yellow-300\/40 { border-color: rgb(253 224 71 / 0.4); } .border-yellow-300\/50 { border-color: rgb(253 224 71 / 0.5); } .border-yellow-500 { --tw-border-opacity: 1; border-color: rgb(234 179 8 / var(--tw-border-opacity, 1)); } .border-yellow-500\/20 { border-color: rgb(234 179 8 / 0.2); } .border-yellow-500\/30 { border-color: rgb(234 179 8 / 0.3); } .border-yellow-500\/40 { border-color: rgb(234 179 8 / 0.4); } .border-zinc-800 { --tw-border-opacity: 1; border-color: rgb(39 39 42 / var(--tw-border-opacity, 1)); } .border-l-\[\#16f2d4\] { --tw-border-opacity: 1; border-left-color: rgb(22 242 212 / var(--tw-border-opacity, 1)); } .border-l-accent-action { --tw-border-opacity: 1; border-left-color: rgb(var(--accent) / var(--tw-border-opacity, 1)); } .border-l-accent-info { --tw-border-opacity: 1; border-left-color: rgb(var(--info) / var(--tw-border-opacity, 1)); } .border-t-slate-300 { --tw-border-opacity: 1; border-top-color: rgb(203 213 225 / var(--tw-border-opacity, 1)); } .border-t-status-busy { --tw-border-opacity: 1; border-top-color: rgb(var(--status-busy) / var(--tw-border-opacity, 1)); } .bg-\[\#080c10\] { --tw-bg-opacity: 1; background-color: rgb(8 12 16 / var(--tw-bg-opacity, 1)); } .bg-\[\#0b1220\] { --tw-bg-opacity: 1; background-color: rgb(11 18 32 / var(--tw-bg-opacity, 1)); } .bg-\[\#0d1117\] { --tw-bg-opacity: 1; background-color: rgb(13 17 23 / var(--tw-bg-opacity, 1)); } .bg-\[\#0d3a52\] { --tw-bg-opacity: 1; background-color: rgb(13 58 82 / var(--tw-bg-opacity, 1)); } .bg-\[\#0d3a52\]\/40 { background-color: rgb(13 58 82 / 0.4); } .bg-\[\#102536\] { --tw-bg-opacity: 1; background-color: rgb(16 37 54 / var(--tw-bg-opacity, 1)); } .bg-\[\#16f2d4\]\/15 { background-color: rgb(22 242 212 / 0.15); } .bg-\[\#16f2d4\]\/5 { background-color: rgb(22 242 212 / 0.05); } .bg-\[rgb\(var\(--chrome\)\/0\.78\)\] { background-color: rgb(var(--chrome)/0.78); } .bg-\[rgb\(var\(--geom-markup\)\)\] { background-color: rgb(var(--geom-markup)); } .bg-\[rgb\(var\(--geom-other\)\)\] { background-color: rgb(var(--geom-other)); } .bg-\[rgb\(var\(--geom-pad\)\)\] { background-color: rgb(var(--geom-pad)); } .bg-\[rgb\(var\(--geom-road\)\)\] { background-color: rgb(var(--geom-road)); } .bg-\[rgb\(var\(--geom-untagged\)\)\] { background-color: rgb(var(--geom-untagged)); } .bg-\[rgba\(143\2c 178\2c 214\2c 0\.10\)\] { background-color: rgba(143,178,214,0.10); } .bg-\[rgba\(242\2c 85\2c 90\2c 0\.12\)\] { background-color: rgba(242,85,90,0.12); } .bg-\[rgba\(245\2c 165\2c 36\2c 0\.12\)\] { background-color: rgba(245,165,36,0.12); } .bg-\[rgba\(58\2c 174\2c 232\2c 0\.12\)\] { background-color: rgba(58,174,232,0.12); } .bg-accent-action { --tw-bg-opacity: 1; background-color: rgb(var(--accent) / var(--tw-bg-opacity, 1)); } .bg-accent-action\/10 { background-color: rgb(var(--accent) / 0.1); } .bg-accent-action\/15 { background-color: rgb(var(--accent) / 0.15); } .bg-accent-action\/20 { background-color: rgb(var(--accent) / 0.2); } .bg-accent-action\/25 { background-color: rgb(var(--accent) / 0.25); } .bg-accent-action\/30 { background-color: rgb(var(--accent) / 0.3); } .bg-accent-action\/50 { background-color: rgb(var(--accent) / 0.5); } .bg-accent-action\/80 { background-color: rgb(var(--accent) / 0.8); } .bg-accent-brand { --tw-bg-opacity: 1; background-color: rgb(var(--brand) / var(--tw-bg-opacity, 1)); } .bg-accent-info { --tw-bg-opacity: 1; background-color: rgb(var(--info) / var(--tw-bg-opacity, 1)); } .bg-accent-info\/10 { background-color: rgb(var(--info) / 0.1); } .bg-accent-info\/15 { background-color: rgb(var(--info) / 0.15); } .bg-accent-info\/20 { background-color: rgb(var(--info) / 0.2); } .bg-accent-info\/5 { background-color: rgb(var(--info) / 0.05); } .bg-accent-info\/70 { background-color: rgb(var(--info) / 0.7); } .bg-accent-info\/80 { background-color: rgb(var(--info) / 0.8); } .bg-accent-info\/\[0\.08\] { background-color: rgb(var(--info) / 0.08); } .bg-accent-red\/10 { background-color: rgb(var(--accent-red) / 0.1); } .bg-accent-red\/20 { background-color: rgb(var(--accent-red) / 0.2); } .bg-amber-300 { --tw-bg-opacity: 1; background-color: rgb(252 211 77 / var(--tw-bg-opacity, 1)); } .bg-amber-400 { --tw-bg-opacity: 1; background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1)); } .bg-amber-400\/10 { background-color: rgb(251 191 36 / 0.1); } .bg-amber-400\/70 { background-color: rgb(251 191 36 / 0.7); } .bg-amber-400\/80 { background-color: rgb(251 191 36 / 0.8); } .bg-amber-500 { --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); } .bg-amber-500\/10 { background-color: rgb(245 158 11 / 0.1); } .bg-amber-500\/15 { background-color: rgb(245 158 11 / 0.15); } .bg-amber-500\/20 { background-color: rgb(245 158 11 / 0.2); } .bg-amber-500\/25 { background-color: rgb(245 158 11 / 0.25); } .bg-amber-500\/5 { background-color: rgb(245 158 11 / 0.05); } .bg-amber-500\/\[0\.12\] { background-color: rgb(245 158 11 / 0.12); } .bg-amber-900\/60 { background-color: rgb(120 53 15 / 0.6); } .bg-amber-950\/40 { background-color: rgb(69 26 3 / 0.4); } .bg-amber-950\/60 { background-color: rgb(69 26 3 / 0.6); } .bg-aoi-neon { --tw-bg-opacity: 1; background-color: rgb(var(--aoi-neon) / var(--tw-bg-opacity, 1)); } .bg-aoi-neon\/20 { background-color: rgb(var(--aoi-neon) / 0.2); } .bg-aoi-neon\/5 { background-color: rgb(var(--aoi-neon) / 0.05); } .bg-bg { --tw-bg-opacity: 1; background-color: rgb(var(--bg) / var(--tw-bg-opacity, 1)); } .bg-bg-border { --tw-bg-opacity: 1; background-color: rgb(var(--line) / var(--tw-bg-opacity, 1)); } .bg-bg-soft { --tw-bg-opacity: 1; background-color: rgb(var(--panel) / var(--tw-bg-opacity, 1)); } .bg-bg-soft\/40 { background-color: rgb(var(--panel) / 0.4); } .bg-bg-soft\/60 { background-color: rgb(var(--panel) / 0.6); } .bg-bg-soft\/90 { background-color: rgb(var(--panel) / 0.9); } .bg-bg-soft\/95 { background-color: rgb(var(--panel) / 0.95); } .bg-bg-softer { --tw-bg-opacity: 1; background-color: rgb(var(--panel-2) / var(--tw-bg-opacity, 1)); } .bg-bg-softer\/95 { background-color: rgb(var(--panel-2) / 0.95); } .bg-bg\/80 { background-color: rgb(var(--bg) / 0.8); } .bg-bg\/85 { background-color: rgb(var(--bg) / 0.85); } .bg-bg\/90 { background-color: rgb(var(--bg) / 0.9); } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-black\/20 { background-color: rgb(0 0 0 / 0.2); } .bg-black\/40 { background-color: rgb(0 0 0 / 0.4); } .bg-black\/50 { background-color: rgb(0 0 0 / 0.5); } .bg-black\/60 { background-color: rgb(0 0 0 / 0.6); } .bg-black\/70 { background-color: rgb(0 0 0 / 0.7); } .bg-black\/85 { background-color: rgb(0 0 0 / 0.85); } .bg-blue-500 { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .bg-blue-500\/10 { background-color: rgb(59 130 246 / 0.1); } .bg-blue-500\/15 { background-color: rgb(59 130 246 / 0.15); } .bg-blue-600\/20 { background-color: rgb(37 99 235 / 0.2); } .bg-blue-900\/60 { background-color: rgb(30 58 138 / 0.6); } .bg-cyan-400 { --tw-bg-opacity: 1; background-color: rgb(34 211 238 / var(--tw-bg-opacity, 1)); } .bg-cyan-400\/10 { background-color: rgb(34 211 238 / 0.1); } .bg-cyan-400\/5 { background-color: rgb(34 211 238 / 0.05); } .bg-cyan-500\/15 { background-color: rgb(6 182 212 / 0.15); } .bg-emerald-300 { --tw-bg-opacity: 1; background-color: rgb(110 231 183 / var(--tw-bg-opacity, 1)); } .bg-emerald-400 { --tw-bg-opacity: 1; background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1)); } .bg-emerald-400\/10 { background-color: rgb(52 211 153 / 0.1); } .bg-emerald-400\/\[0\.05\] { background-color: rgb(52 211 153 / 0.05); } .bg-emerald-500 { --tw-bg-opacity: 1; background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)); } .bg-emerald-500\/10 { background-color: rgb(16 185 129 / 0.1); } .bg-emerald-500\/15 { background-color: rgb(16 185 129 / 0.15); } .bg-emerald-500\/20 { background-color: rgb(16 185 129 / 0.2); } .bg-emerald-500\/5 { background-color: rgb(16 185 129 / 0.05); } .bg-emerald-900\/60 { background-color: rgb(6 78 59 / 0.6); } .bg-fg-secondary { --tw-bg-opacity: 1; background-color: rgb(var(--text-3) / var(--tw-bg-opacity, 1)); } .bg-fg-secondary\/50 { background-color: rgb(var(--text-3) / 0.5); } .bg-fg-secondary\/60 { background-color: rgb(var(--text-3) / 0.6); } .bg-fuchsia-400\/\[0\.06\] { background-color: rgb(232 121 249 / 0.06); } .bg-gray-400\/10 { background-color: rgb(156 163 175 / 0.1); } .bg-gray-500 { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1)); } .bg-gray-500\/10 { background-color: rgb(107 114 128 / 0.1); } .bg-green-400 { --tw-bg-opacity: 1; background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1)); } .bg-green-400\/10 { background-color: rgb(74 222 128 / 0.1); } .bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .bg-green-500\/10 { background-color: rgb(34 197 94 / 0.1); } .bg-green-500\/15 { background-color: rgb(34 197 94 / 0.15); } .bg-indigo-500\/15 { background-color: rgb(99 102 241 / 0.15); } .bg-orange-400 { --tw-bg-opacity: 1; background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1)); } .bg-orange-400\/10 { background-color: rgb(251 146 60 / 0.1); } .bg-orange-500 { --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1)); } .bg-orange-500\/10 { background-color: rgb(249 115 22 / 0.1); } .bg-orange-500\/15 { background-color: rgb(249 115 22 / 0.15); } .bg-orange-500\/20 { background-color: rgb(249 115 22 / 0.2); } .bg-purple-300 { --tw-bg-opacity: 1; background-color: rgb(216 180 254 / var(--tw-bg-opacity, 1)); } .bg-purple-500\/15 { background-color: rgb(168 85 247 / 0.15); } .bg-purple-500\/30 { background-color: rgb(168 85 247 / 0.3); } .bg-red-400 { --tw-bg-opacity: 1; background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1)); } .bg-red-400\/10 { background-color: rgb(248 113 113 / 0.1); } .bg-red-500 { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } .bg-red-500\/10 { background-color: rgb(239 68 68 / 0.1); } .bg-red-500\/15 { background-color: rgb(239 68 68 / 0.15); } .bg-red-500\/20 { background-color: rgb(239 68 68 / 0.2); } .bg-red-500\/5 { background-color: rgb(239 68 68 / 0.05); } .bg-red-500\/70 { background-color: rgb(239 68 68 / 0.7); } .bg-red-500\/\[0\.12\] { background-color: rgb(239 68 68 / 0.12); } .bg-red-900 { --tw-bg-opacity: 1; background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1)); } .bg-red-900\/40 { background-color: rgb(127 29 29 / 0.4); } .bg-red-900\/60 { background-color: rgb(127 29 29 / 0.6); } .bg-red-950\/30 { background-color: rgb(69 10 10 / 0.3); } .bg-red-950\/60 { background-color: rgb(69 10 10 / 0.6); } .bg-rose-400\/10 { background-color: rgb(251 113 133 / 0.1); } .bg-rose-500 { --tw-bg-opacity: 1; background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1)); } .bg-rose-500\/10 { background-color: rgb(244 63 94 / 0.1); } .bg-rose-500\/15 { background-color: rgb(244 63 94 / 0.15); } .bg-rose-500\/5 { background-color: rgb(244 63 94 / 0.05); } .bg-rose-600 { --tw-bg-opacity: 1; background-color: rgb(225 29 72 / var(--tw-bg-opacity, 1)); } .bg-sky-300 { --tw-bg-opacity: 1; background-color: rgb(125 211 252 / var(--tw-bg-opacity, 1)); } .bg-sky-400 { --tw-bg-opacity: 1; background-color: rgb(56 189 248 / var(--tw-bg-opacity, 1)); } .bg-sky-500 { --tw-bg-opacity: 1; background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1)); } .bg-sky-500\/10 { background-color: rgb(14 165 233 / 0.1); } .bg-sky-500\/15 { background-color: rgb(14 165 233 / 0.15); } .bg-sky-500\/20 { background-color: rgb(14 165 233 / 0.2); } .bg-slate-400 { --tw-bg-opacity: 1; background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1)); } .bg-slate-500 { --tw-bg-opacity: 1; background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1)); } .bg-slate-500\/10 { background-color: rgb(100 116 139 / 0.1); } .bg-slate-500\/15 { background-color: rgb(100 116 139 / 0.15); } .bg-slate-500\/5 { background-color: rgb(100 116 139 / 0.05); } .bg-slate-600 { --tw-bg-opacity: 1; background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1)); } .bg-slate-600\/20 { background-color: rgb(71 85 105 / 0.2); } .bg-slate-600\/25 { background-color: rgb(71 85 105 / 0.25); } .bg-slate-700 { --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); } .bg-slate-700\/10 { background-color: rgb(51 65 85 / 0.1); } .bg-slate-700\/20 { background-color: rgb(51 65 85 / 0.2); } .bg-slate-700\/30 { background-color: rgb(51 65 85 / 0.3); } .bg-slate-700\/40 { background-color: rgb(51 65 85 / 0.4); } .bg-slate-700\/50 { background-color: rgb(51 65 85 / 0.5); } .bg-slate-700\/60 { background-color: rgb(51 65 85 / 0.6); } .bg-slate-700\/70 { background-color: rgb(51 65 85 / 0.7); } .bg-slate-800 { --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); } .bg-slate-800\/20 { background-color: rgb(30 41 59 / 0.2); } .bg-slate-800\/30 { background-color: rgb(30 41 59 / 0.3); } .bg-slate-800\/40 { background-color: rgb(30 41 59 / 0.4); } .bg-slate-800\/50 { background-color: rgb(30 41 59 / 0.5); } .bg-slate-800\/60 { background-color: rgb(30 41 59 / 0.6); } .bg-slate-800\/80 { background-color: rgb(30 41 59 / 0.8); } .bg-slate-900 { --tw-bg-opacity: 1; background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1)); } .bg-slate-900\/30 { background-color: rgb(15 23 42 / 0.3); } .bg-slate-900\/40 { background-color: rgb(15 23 42 / 0.4); } .bg-slate-900\/50 { background-color: rgb(15 23 42 / 0.5); } .bg-slate-900\/60 { background-color: rgb(15 23 42 / 0.6); } .bg-slate-900\/70 { background-color: rgb(15 23 42 / 0.7); } .bg-slate-900\/80 { background-color: rgb(15 23 42 / 0.8); } .bg-slate-900\/85 { background-color: rgb(15 23 42 / 0.85); } .bg-slate-900\/90 { background-color: rgb(15 23 42 / 0.9); } .bg-slate-900\/95 { background-color: rgb(15 23 42 / 0.95); } .bg-slate-950 { --tw-bg-opacity: 1; background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1)); } .bg-slate-950\/15 { background-color: rgb(2 6 23 / 0.15); } .bg-slate-950\/30 { background-color: rgb(2 6 23 / 0.3); } .bg-slate-950\/95 { background-color: rgb(2 6 23 / 0.95); } .bg-status-busy { --tw-bg-opacity: 1; background-color: rgb(var(--status-busy) / var(--tw-bg-opacity, 1)); } .bg-status-ok { --tw-bg-opacity: 1; background-color: rgb(var(--status-ok) / var(--tw-bg-opacity, 1)); } .bg-status-ok\/10 { background-color: rgb(var(--status-ok) / 0.1); } .bg-teal-500\/10 { background-color: rgb(20 184 166 / 0.1); } .bg-teal-500\/15 { background-color: rgb(20 184 166 / 0.15); } .bg-teal-500\/5 { background-color: rgb(20 184 166 / 0.05); } .bg-teal-600 { --tw-bg-opacity: 1; background-color: rgb(13 148 136 / var(--tw-bg-opacity, 1)); } .bg-teal-600\/20 { background-color: rgb(13 148 136 / 0.2); } .bg-transparent { background-color: transparent; } .bg-violet-400 { --tw-bg-opacity: 1; background-color: rgb(167 139 250 / var(--tw-bg-opacity, 1)); } .bg-violet-400\/10 { background-color: rgb(167 139 250 / 0.1); } .bg-violet-500 { --tw-bg-opacity: 1; background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1)); } .bg-violet-600\/20 { background-color: rgb(124 58 237 / 0.2); } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-white\/10 { background-color: rgb(255 255 255 / 0.1); } .bg-white\/5 { background-color: rgb(255 255 255 / 0.05); } .bg-white\/95 { background-color: rgb(255 255 255 / 0.95); } .bg-white\/\[0\.01\] { background-color: rgb(255 255 255 / 0.01); } .bg-white\/\[0\.02\] { background-color: rgb(255 255 255 / 0.02); } .bg-white\/\[0\.03\] { background-color: rgb(255 255 255 / 0.03); } .bg-white\/\[0\.04\] { background-color: rgb(255 255 255 / 0.04); } .bg-white\/\[0\.05\] { background-color: rgb(255 255 255 / 0.05); } .bg-white\/\[0\.06\] { background-color: rgb(255 255 255 / 0.06); } .bg-yellow-300 { --tw-bg-opacity: 1; background-color: rgb(253 224 71 / var(--tw-bg-opacity, 1)); } .bg-yellow-300\/\[0\.06\] { background-color: rgb(253 224 71 / 0.06); } .bg-yellow-500 { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1)); } .bg-yellow-500\/10 { background-color: rgb(234 179 8 / 0.1); } .bg-yellow-500\/15 { background-color: rgb(234 179 8 / 0.15); } .bg-yellow-500\/20 { background-color: rgb(234 179 8 / 0.2); } .bg-zinc-500\/20 { background-color: rgb(113 113 122 / 0.2); } .bg-zinc-600 { --tw-bg-opacity: 1; background-color: rgb(82 82 91 / var(--tw-bg-opacity, 1)); } .bg-zinc-700 { --tw-bg-opacity: 1; background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1)); } .bg-zinc-800 { --tw-bg-opacity: 1; background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1)); } .bg-zinc-800\/50 { background-color: rgb(39 39 42 / 0.5); } .bg-zinc-900 { --tw-bg-opacity: 1; background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1)); } .bg-zinc-900\/40 { background-color: rgb(24 24 27 / 0.4); } .bg-zinc-950\/40 { background-color: rgb(9 9 11 / 0.4); } .bg-zinc-950\/50 { background-color: rgb(9 9 11 / 0.5); } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .from-bg\/80 { --tw-gradient-from: rgb(var(--bg) / 0.8) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--bg) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); } .fill-accent-info\/40 { fill: rgb(var(--info) / 0.4); } .fill-none { fill: none; } .fill-slate-900 { fill: #0f172a; } .stroke-accent-info { stroke: rgb(var(--info) / 1); } .stroke-none { stroke: none; } .stroke-slate-600 { stroke: #475569; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .p-0\.5 { padding: 0.125rem; } .p-1 { padding: 0.25rem; } .p-1\.5 { padding: 0.375rem; } .p-2 { padding: 0.5rem; } .p-2\.5 { padding: 0.625rem; } .p-3 { padding: 0.75rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .p-\[3px\] { padding: 3px; } .px-0\.5 { padding-left: 0.125rem; padding-right: 0.125rem; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .px-\[18px\] { padding-left: 18px; padding-right: 18px; } .py-0 { padding-top: 0px; padding-bottom: 0px; } .py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-24 { padding-top: 6rem; padding-bottom: 6rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .py-\[1px\] { padding-top: 1px; padding-bottom: 1px; } .py-\[2px\] { padding-top: 2px; padding-bottom: 2px; } .py-\[3px\] { padding-top: 3px; padding-bottom: 3px; } .py-\[5px\] { padding-top: 5px; padding-bottom: 5px; } .py-\[6px\] { padding-top: 6px; padding-bottom: 6px; } .py-\[7px\] { padding-top: 7px; padding-bottom: 7px; } .py-px { padding-top: 1px; padding-bottom: 1px; } .pb-0 { padding-bottom: 0px; } .pb-1 { padding-bottom: 0.25rem; } .pb-1\.5 { padding-bottom: 0.375rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-3 { padding-bottom: 0.75rem; } .pb-4 { padding-bottom: 1rem; } .pb-5 { padding-bottom: 1.25rem; } .pb-6 { padding-bottom: 1.5rem; } .pb-\[9px\] { padding-bottom: 9px; } .pl-1 { padding-left: 0.25rem; } .pl-1\.5 { padding-left: 0.375rem; } .pl-2 { padding-left: 0.5rem; } .pl-3 { padding-left: 0.75rem; } .pl-3\.5 { padding-left: 0.875rem; } .pl-4 { padding-left: 1rem; } .pl-6 { padding-left: 1.5rem; } .pl-7 { padding-left: 1.75rem; } .pl-\[14px\] { padding-left: 14px; } .pl-\[18px\] { padding-left: 18px; } .pr-0\.5 { padding-right: 0.125rem; } .pr-1 { padding-right: 0.25rem; } .pr-2 { padding-right: 0.5rem; } .pr-3 { padding-right: 0.75rem; } .pr-4 { padding-right: 1rem; } .pr-6 { padding-right: 1.5rem; } .pr-7 { padding-right: 1.75rem; } .pt-0 { padding-top: 0px; } .pt-0\.5 { padding-top: 0.125rem; } .pt-1 { padding-top: 0.25rem; } .pt-1\.5 { padding-top: 0.375rem; } .pt-10 { padding-top: 2.5rem; } .pt-2 { padding-top: 0.5rem; } .pt-3 { padding-top: 0.75rem; } .pt-4 { padding-top: 1rem; } .pt-5 { padding-top: 1.25rem; } .pt-6 { padding-top: 1.5rem; } .pt-8 { padding-top: 2rem; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .align-middle { vertical-align: middle; } .font-display { font-family: var(--font-display); } .font-mono { font-family: var(--font-mono); } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-5xl { font-size: 3rem; line-height: 1; } .text-\[10\.5px\] { font-size: 10.5px; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[12\.5px\] { font-size: 12.5px; } .text-\[12px\] { font-size: 12px; } .text-\[13\.5px\] { font-size: 13.5px; } .text-\[13px\] { font-size: 13px; } .text-\[14px\] { font-size: 14px; } .text-\[15px\] { font-size: 15px; } .text-\[16px\] { font-size: 16px; } .text-\[17px\] { font-size: 17px; } .text-\[18px\] { font-size: 18px; } .text-\[19px\] { font-size: 19px; } .text-\[20px\] { font-size: 20px; } .text-\[21px\] { font-size: 21px; } .text-\[22px\] { font-size: 22px; } .text-\[26px\] { font-size: 26px; } .text-\[28px\] { font-size: 28px; } .text-\[30px\] { font-size: 30px; } .text-\[34px\] { font-size: 34px; } .text-\[8px\] { font-size: 8px; } .text-\[9px\] { font-size: 9px; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .font-black { font-weight: 900; } .font-bold { font-weight: 700; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .normal-case { text-transform: none; } .italic { font-style: italic; } .not-italic { font-style: normal; } .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .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); } .leading-4 { line-height: 1rem; } .leading-5 { line-height: 1.25rem; } .leading-none { line-height: 1; } .leading-relaxed { line-height: 1.625; } .leading-snug { line-height: 1.375; } .leading-tight { line-height: 1.25; } .tracking-\[-0\.01em\] { letter-spacing: -0.01em; } .tracking-\[0\.08em\] { letter-spacing: 0.08em; } .tracking-\[0\.09em\] { letter-spacing: 0.09em; } .tracking-\[0\.12em\] { letter-spacing: 0.12em; } .tracking-\[0\.14em\] { letter-spacing: 0.14em; } .tracking-\[0\.16em\] { letter-spacing: 0.16em; } .tracking-\[0\.18em\] { letter-spacing: 0.18em; } .tracking-\[0\.1em\] { letter-spacing: 0.1em; } .tracking-normal { letter-spacing: 0em; } .tracking-tight { letter-spacing: -0.025em; } .tracking-wide { letter-spacing: 0.025em; } .tracking-wider { letter-spacing: 0.05em; } .tracking-widest { letter-spacing: 0.1em; } .text-\[\#0C0E10\] { --tw-text-opacity: 1; color: rgb(12 14 16 / var(--tw-text-opacity, 1)); } .text-\[\#16f2d4\] { --tw-text-opacity: 1; color: rgb(22 242 212 / var(--tw-text-opacity, 1)); } .text-\[\#16f2d4\]\/40 { color: rgb(22 242 212 / 0.4); } .text-\[\#7CC8EF\] { --tw-text-opacity: 1; color: rgb(124 200 239 / var(--tw-text-opacity, 1)); } .text-\[\#F8BE5C\] { --tw-text-opacity: 1; color: rgb(248 190 92 / var(--tw-text-opacity, 1)); } .text-\[\#FF8A8E\] { --tw-text-opacity: 1; color: rgb(255 138 142 / var(--tw-text-opacity, 1)); } .text-accent-action { --tw-text-opacity: 1; color: rgb(var(--accent) / var(--tw-text-opacity, 1)); } .text-accent-action\/40 { color: rgb(var(--accent) / 0.4); } .text-accent-action\/70 { color: rgb(var(--accent) / 0.7); } .text-accent-blue\/70 { color: rgb(var(--accent-blue) / 0.7); } .text-accent-info { --tw-text-opacity: 1; color: rgb(var(--info) / var(--tw-text-opacity, 1)); } .text-accent-info\/30 { color: rgb(var(--info) / 0.3); } .text-accent-info\/60 { color: rgb(var(--info) / 0.6); } .text-accent-info\/70 { color: rgb(var(--info) / 0.7); } .text-accent-red { --tw-text-opacity: 1; color: rgb(var(--accent-red) / var(--tw-text-opacity, 1)); } .text-accent-teal\/70 { color: rgb(var(--accent-teal) / 0.7); } .text-amber-100 { --tw-text-opacity: 1; color: rgb(254 243 199 / var(--tw-text-opacity, 1)); } .text-amber-200 { --tw-text-opacity: 1; color: rgb(253 230 138 / var(--tw-text-opacity, 1)); } .text-amber-200\/40 { color: rgb(253 230 138 / 0.4); } .text-amber-200\/90 { color: rgb(253 230 138 / 0.9); } .text-amber-300 { --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); } .text-amber-300\/60 { color: rgb(252 211 77 / 0.6); } .text-amber-300\/70 { color: rgb(252 211 77 / 0.7); } .text-amber-300\/80 { color: rgb(252 211 77 / 0.8); } .text-amber-300\/90 { color: rgb(252 211 77 / 0.9); } .text-amber-400 { --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity, 1)); } .text-amber-400\/70 { color: rgb(251 191 36 / 0.7); } .text-amber-400\/80 { color: rgb(251 191 36 / 0.8); } .text-amber-400\/90 { color: rgb(251 191 36 / 0.9); } .text-amber-50 { --tw-text-opacity: 1; color: rgb(255 251 235 / var(--tw-text-opacity, 1)); } .text-amber-700 { --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1)); } .text-aoi-neon { --tw-text-opacity: 1; color: rgb(var(--aoi-neon) / var(--tw-text-opacity, 1)); } .text-bg { --tw-text-opacity: 1; color: rgb(var(--bg) / var(--tw-text-opacity, 1)); } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-blue-300 { --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); } .text-blue-400 { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .text-cyan-200 { --tw-text-opacity: 1; color: rgb(165 243 252 / var(--tw-text-opacity, 1)); } .text-cyan-300 { --tw-text-opacity: 1; color: rgb(103 232 249 / var(--tw-text-opacity, 1)); } .text-cyan-400 { --tw-text-opacity: 1; color: rgb(34 211 238 / var(--tw-text-opacity, 1)); } .text-emerald-100 { --tw-text-opacity: 1; color: rgb(209 250 229 / var(--tw-text-opacity, 1)); } .text-emerald-200 { --tw-text-opacity: 1; color: rgb(167 243 208 / var(--tw-text-opacity, 1)); } .text-emerald-300 { --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw-text-opacity, 1)); } .text-emerald-300\/80 { color: rgb(110 231 183 / 0.8); } .text-emerald-300\/90 { color: rgb(110 231 183 / 0.9); } .text-emerald-400 { --tw-text-opacity: 1; color: rgb(52 211 153 / var(--tw-text-opacity, 1)); } .text-emerald-400\/80 { color: rgb(52 211 153 / 0.8); } .text-emerald-500 { --tw-text-opacity: 1; color: rgb(16 185 129 / var(--tw-text-opacity, 1)); } .text-fg-primary { --tw-text-opacity: 1; color: rgb(var(--text) / var(--tw-text-opacity, 1)); } .text-fg-secondary { --tw-text-opacity: 1; color: rgb(var(--text-3) / var(--tw-text-opacity, 1)); } .text-fg-secondary\/50 { color: rgb(var(--text-3) / 0.5); } .text-fg-secondary\/60 { color: rgb(var(--text-3) / 0.6); } .text-fg-secondary\/70 { color: rgb(var(--text-3) / 0.7); } .text-fg-secondary\/80 { color: rgb(var(--text-3) / 0.8); } .text-fg-secondary\/90 { color: rgb(var(--text-3) / 0.9); } .text-gray-100 { --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity, 1)); } .text-gray-200 { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); } .text-green-300 { --tw-text-opacity: 1; color: rgb(134 239 172 / var(--tw-text-opacity, 1)); } .text-green-400 { --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1)); } .text-indigo-200 { --tw-text-opacity: 1; color: rgb(199 210 254 / var(--tw-text-opacity, 1)); } .text-muted { --tw-text-opacity: 1; color: rgb(var(--text-3) / var(--tw-text-opacity, 1)); } .text-muted-foreground { --tw-text-opacity: 1; color: rgb(var(--text-3) / var(--tw-text-opacity, 1)); } .text-orange-200 { --tw-text-opacity: 1; color: rgb(254 215 170 / var(--tw-text-opacity, 1)); } .text-orange-300 { --tw-text-opacity: 1; color: rgb(253 186 116 / var(--tw-text-opacity, 1)); } .text-orange-400 { --tw-text-opacity: 1; color: rgb(251 146 60 / var(--tw-text-opacity, 1)); } .text-orange-400\/60 { color: rgb(251 146 60 / 0.6); } .text-purple-100 { --tw-text-opacity: 1; color: rgb(243 232 255 / var(--tw-text-opacity, 1)); } .text-purple-200 { --tw-text-opacity: 1; color: rgb(233 213 255 / var(--tw-text-opacity, 1)); } .text-purple-400 { --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-text-opacity, 1)); } .text-red-100 { --tw-text-opacity: 1; color: rgb(254 226 226 / var(--tw-text-opacity, 1)); } .text-red-200 { --tw-text-opacity: 1; color: rgb(254 202 202 / var(--tw-text-opacity, 1)); } .text-red-200\/80 { color: rgb(254 202 202 / 0.8); } .text-red-300 { --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity, 1)); } .text-red-300\/80 { color: rgb(252 165 165 / 0.8); } .text-red-400 { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .text-red-400\/40 { color: rgb(248 113 113 / 0.4); } .text-red-400\/70 { color: rgb(248 113 113 / 0.7); } .text-red-400\/80 { color: rgb(248 113 113 / 0.8); } .text-red-50 { --tw-text-opacity: 1; color: rgb(254 242 242 / var(--tw-text-opacity, 1)); } .text-red-500\/60 { color: rgb(239 68 68 / 0.6); } .text-red-500\/70 { color: rgb(239 68 68 / 0.7); } .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .text-rose-200 { --tw-text-opacity: 1; color: rgb(254 205 211 / var(--tw-text-opacity, 1)); } .text-rose-300 { --tw-text-opacity: 1; color: rgb(253 164 175 / var(--tw-text-opacity, 1)); } .text-rose-300\/80 { color: rgb(253 164 175 / 0.8); } .text-rose-300\/90 { color: rgb(253 164 175 / 0.9); } .text-rose-400\/70 { color: rgb(251 113 133 / 0.7); } .text-sky-200 { --tw-text-opacity: 1; color: rgb(186 230 253 / var(--tw-text-opacity, 1)); } .text-sky-300 { --tw-text-opacity: 1; color: rgb(125 211 252 / var(--tw-text-opacity, 1)); } .text-sky-400 { --tw-text-opacity: 1; color: rgb(56 189 248 / var(--tw-text-opacity, 1)); } .text-sky-400\/70 { color: rgb(56 189 248 / 0.7); } .text-sky-400\/80 { color: rgb(56 189 248 / 0.8); } .text-sky-50 { --tw-text-opacity: 1; color: rgb(240 249 255 / var(--tw-text-opacity, 1)); } .text-slate-100 { --tw-text-opacity: 1; color: rgb(241 245 249 / var(--tw-text-opacity, 1)); } .text-slate-200 { --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity, 1)); } .text-slate-300 { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)); } .text-slate-400 { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .text-slate-500 { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity, 1)); } .text-slate-600 { --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity, 1)); } .text-slate-700 { --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity, 1)); } .text-slate-800 { --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity, 1)); } .text-slate-900 { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity, 1)); } .text-slate-950 { --tw-text-opacity: 1; color: rgb(2 6 23 / var(--tw-text-opacity, 1)); } .text-status-busy { --tw-text-opacity: 1; color: rgb(var(--status-busy) / var(--tw-text-opacity, 1)); } .text-status-ok { --tw-text-opacity: 1; color: rgb(var(--status-ok) / var(--tw-text-opacity, 1)); } .text-status-ok\/60 { color: rgb(var(--status-ok) / 0.6); } .text-teal-200 { --tw-text-opacity: 1; color: rgb(153 246 228 / var(--tw-text-opacity, 1)); } .text-teal-300 { --tw-text-opacity: 1; color: rgb(94 234 212 / var(--tw-text-opacity, 1)); } .text-teal-300\/90 { color: rgb(94 234 212 / 0.9); } .text-teal-400 { --tw-text-opacity: 1; color: rgb(45 212 191 / var(--tw-text-opacity, 1)); } .text-violet-200 { --tw-text-opacity: 1; color: rgb(221 214 254 / var(--tw-text-opacity, 1)); } .text-violet-400 { --tw-text-opacity: 1; color: rgb(167 139 250 / var(--tw-text-opacity, 1)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-white\/60 { color: rgb(255 255 255 / 0.6); } .text-yellow-300 { --tw-text-opacity: 1; color: rgb(253 224 71 / var(--tw-text-opacity, 1)); } .text-yellow-400 { --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity, 1)); } .text-yellow-500\/60 { color: rgb(234 179 8 / 0.6); } .text-zinc-100 { --tw-text-opacity: 1; color: rgb(244 244 245 / var(--tw-text-opacity, 1)); } .text-zinc-200 { --tw-text-opacity: 1; color: rgb(228 228 231 / var(--tw-text-opacity, 1)); } .text-zinc-300 { --tw-text-opacity: 1; color: rgb(212 212 216 / var(--tw-text-opacity, 1)); } .text-zinc-400 { --tw-text-opacity: 1; color: rgb(161 161 170 / var(--tw-text-opacity, 1)); } .text-zinc-500 { --tw-text-opacity: 1; color: rgb(113 113 122 / var(--tw-text-opacity, 1)); } .text-zinc-600 { --tw-text-opacity: 1; color: rgb(82 82 91 / var(--tw-text-opacity, 1)); } .underline { text-decoration-line: underline; } .line-through { text-decoration-line: line-through; } .decoration-slate-600 { text-decoration-color: #475569; } .decoration-dotted { text-decoration-style: dotted; } .underline-offset-2 { text-underline-offset: 2px; } .placeholder-gray-500::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1)); } .placeholder-gray-500::placeholder { --tw-placeholder-opacity: 1; color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1)); } .placeholder-gray-600::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(75 85 99 / var(--tw-placeholder-opacity, 1)); } .placeholder-gray-600::placeholder { --tw-placeholder-opacity: 1; color: rgb(75 85 99 / var(--tw-placeholder-opacity, 1)); } .placeholder-slate-600::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(71 85 105 / var(--tw-placeholder-opacity, 1)); } .placeholder-slate-600::placeholder { --tw-placeholder-opacity: 1; color: rgb(71 85 105 / var(--tw-placeholder-opacity, 1)); } .accent-\[\#16f2d4\] { accent-color: #16f2d4; } .accent-accent-info { accent-color: rgb(var(--info) / 1); } .accent-amber-400 { accent-color: #fbbf24; } .accent-emerald-400 { accent-color: #34d399; } .opacity-0 { opacity: 0; } .opacity-100 { opacity: 1; } .opacity-20 { opacity: 0.2; } .opacity-25 { opacity: 0.25; } .opacity-30 { opacity: 0.3; } .opacity-40 { opacity: 0.4; } .opacity-45 { opacity: 0.45; } .opacity-50 { opacity: 0.5; } .opacity-60 { opacity: 0.6; } .opacity-70 { opacity: 0.7; } .opacity-75 { opacity: 0.75; } .opacity-80 { opacity: 0.8; } .opacity-95 { opacity: 0.95; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 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); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_3px_rgba\(251\2c 191\2c 36\2c 0\.13\)\] { --tw-shadow: 0 0 0 3px rgba(251,191,36,0.13); --tw-shadow-colored: 0 0 0 3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_10px_rgb\(var\(--accent\)\/0\.18\)\] { --tw-shadow: 0 0 10px rgb(var(--accent)/0.18); --tw-shadow-colored: 0 0 10px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_4px_\#16f2d4\] { --tw-shadow: 0 0 4px #16f2d4; --tw-shadow-colored: 0 0 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); } .shadow-\[0_0_4px_\#3AAEE8\] { --tw-shadow: 0 0 4px #3AAEE8; --tw-shadow-colored: 0 0 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); } .shadow-\[0_0_4px_rgb\(var\(--accent\)\)\] { --tw-shadow: 0 0 4px rgb(var(--accent)); --tw-shadow-colored: 0 0 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); } .shadow-\[0_0_6px_1px_\#000\] { --tw-shadow: 0 0 6px 1px #000; --tw-shadow-colored: 0 0 6px 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); } .shadow-\[0_0_6px_rgba\(22\2c 242\2c 212\2c 0\.6\)\] { --tw-shadow: 0 0 6px rgba(22,242,212,0.6); --tw-shadow-colored: 0 0 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); } .shadow-\[0_0_8px_2px_\#16f2d4\] { --tw-shadow: 0 0 8px 2px #16f2d4; --tw-shadow-colored: 0 0 8px 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); } .shadow-\[0_0_8px_3px_\#16f2d4\] { --tw-shadow: 0 0 8px 3px #16f2d4; --tw-shadow-colored: 0 0 8px 3px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_8px_rgba\(245\2c 158\2c 11\2c 0\.4\)\] { --tw-shadow: 0 0 8px rgba(245,158,11,0.4); --tw-shadow-colored: 0 0 8px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_1px_0_rgba\(0\2c 0\2c 0\2c 0\.4\)\] { --tw-shadow: 0 1px 0 rgba(0,0,0,0.4); --tw-shadow-colored: 0 1px 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); } .shadow-\[0_4px_18px_rgba\(0\2c 0\2c 0\2c 0\.35\)\] { --tw-shadow: 0 4px 18px rgba(0,0,0,0.35); --tw-shadow-colored: 0 4px 18px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_4px_8px_-6px_rgba\(0\2c 0\2c 0\2c 0\.6\)\] { --tw-shadow: 0 4px 8px -6px rgba(0,0,0,0.6); --tw-shadow-colored: 0 4px 8px -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); } .shadow-inner { --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: inset 0 2px 4px 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); } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 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); } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 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); } .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 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); } .shadow-aoi-neon { --tw-shadow-color: rgb(var(--aoi-neon) / 1); --tw-shadow: var(--tw-shadow-colored); } .shadow-black\/10 { --tw-shadow-color: rgb(0 0 0 / 0.1); --tw-shadow: var(--tw-shadow-colored); } .shadow-black\/30 { --tw-shadow-color: rgb(0 0 0 / 0.3); --tw-shadow: var(--tw-shadow-colored); } .shadow-black\/40 { --tw-shadow-color: rgb(0 0 0 / 0.4); --tw-shadow: var(--tw-shadow-colored); } .shadow-black\/50 { --tw-shadow-color: rgb(0 0 0 / 0.5); --tw-shadow: var(--tw-shadow-colored); } .shadow-black\/60 { --tw-shadow-color: rgb(0 0 0 / 0.6); --tw-shadow: var(--tw-shadow-colored); } .outline-none { outline: 2px solid transparent; outline-offset: 2px; } .outline { outline-style: solid; } .\!ring { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .ring { --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(3px + 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); } .ring-1 { --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); } .ring-2 { --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); } .ring-inset { --tw-ring-inset: inset; } .ring-accent-action\/40 { --tw-ring-color: rgb(var(--accent) / 0.4); } .ring-accent-action\/50 { --tw-ring-color: rgb(var(--accent) / 0.5); } .ring-accent-info\/40 { --tw-ring-color: rgb(var(--info) / 0.4); } .ring-accent-red\/40 { --tw-ring-color: rgb(var(--accent-red) / 0.4); } .ring-amber-400\/30 { --tw-ring-color: rgb(251 191 36 / 0.3); } .ring-amber-400\/40 { --tw-ring-color: rgb(251 191 36 / 0.4); } .ring-amber-400\/70 { --tw-ring-color: rgb(251 191 36 / 0.7); } .ring-amber-500\/40 { --tw-ring-color: rgb(245 158 11 / 0.4); } .ring-emerald-500\/25 { --tw-ring-color: rgb(16 185 129 / 0.25); } .ring-emerald-500\/30 { --tw-ring-color: rgb(16 185 129 / 0.3); } .ring-emerald-800 { --tw-ring-opacity: 1; --tw-ring-color: rgb(6 95 70 / var(--tw-ring-opacity, 1)); } .ring-emerald-900 { --tw-ring-opacity: 1; --tw-ring-color: rgb(6 78 59 / var(--tw-ring-opacity, 1)); } .ring-orange-500\/30 { --tw-ring-color: rgb(249 115 22 / 0.3); } .ring-red-500\/20 { --tw-ring-color: rgb(239 68 68 / 0.2); } .ring-red-500\/25 { --tw-ring-color: rgb(239 68 68 / 0.25); } .ring-red-500\/30 { --tw-ring-color: rgb(239 68 68 / 0.3); } .ring-red-800 { --tw-ring-opacity: 1; --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity, 1)); } .ring-red-900 { --tw-ring-opacity: 1; --tw-ring-color: rgb(127 29 29 / var(--tw-ring-opacity, 1)); } .ring-rose-500\/30 { --tw-ring-color: rgb(244 63 94 / 0.3); } .ring-sky-500\/25 { --tw-ring-color: rgb(14 165 233 / 0.25); } .ring-sky-500\/30 { --tw-ring-color: rgb(14 165 233 / 0.3); } .ring-slate-600\/40 { --tw-ring-color: rgb(71 85 105 / 0.4); } .ring-teal-400\/50 { --tw-ring-color: rgb(45 212 191 / 0.5); } .ring-violet-900 { --tw-ring-opacity: 1; --tw-ring-color: rgb(76 29 149 / var(--tw-ring-opacity, 1)); } .ring-white\/10 { --tw-ring-color: rgb(255 255 255 / 0.1); } .ring-white\/15 { --tw-ring-color: rgb(255 255 255 / 0.15); } .ring-white\/20 { --tw-ring-color: rgb(255 255 255 / 0.2); } .ring-white\/25 { --tw-ring-color: rgb(255 255 255 / 0.25); } .ring-white\/5 { --tw-ring-color: rgb(255 255 255 / 0.05); } .ring-yellow-300\/40 { --tw-ring-color: rgb(253 224 71 / 0.4); } .ring-yellow-500\/30 { --tw-ring-color: rgb(234 179 8 / 0.3); } .ring-zinc-700 { --tw-ring-opacity: 1; --tw-ring-color: rgb(63 63 70 / var(--tw-ring-opacity, 1)); } .ring-zinc-800 { --tw-ring-opacity: 1; --tw-ring-color: rgb(39 39 42 / var(--tw-ring-opacity, 1)); } .ring-zinc-900 { --tw-ring-opacity: 1; --tw-ring-color: rgb(24 24 27 / var(--tw-ring-opacity, 1)); } .ring-offset-1 { --tw-ring-offset-width: 1px; } .ring-offset-slate-900 { --tw-ring-offset-color: #0f172a; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .drop-shadow-\[0_0_4px_\#16f2d4\] { --tw-drop-shadow: drop-shadow(0 0 4px #16f2d4); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .drop-shadow-\[0_0_6px_\#16f2d4\] { --tw-drop-shadow: drop-shadow(0 0 6px #16f2d4); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-blur { --tw-backdrop-blur: blur(8px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-\[1px\] { --tw-backdrop-blur: blur(1px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-md { --tw-backdrop-blur: blur(12px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-sm { --tw-backdrop-blur: blur(4px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .\!transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[right\] { transition-property: right; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\] { transition-property: width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-100 { transition-duration: 100ms; } .duration-150 { transition-duration: 150ms; } .duration-200 { transition-duration: 200ms; } .duration-300 { transition-duration: 300ms; } .duration-500 { transition-duration: 500ms; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .\[color-scheme\:dark\] { color-scheme: dark; } html, body, #root { height: 100%; } body { --tw-bg-opacity: 1; background-color: rgb(var(--bg) / var(--tw-bg-opacity, 1)); font-family: var(--font-body); --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity, 1)); } /* ── HEADINGS TAKE THE DISPLAY FACE ───────────────────────────────────────── A base rule, not 96 component edits: every

..

in the app inherits Space Grotesk without a single site changing. Figures are NOT included -- see the note beside --font-display in tokens.css for the digit-advance measurement that decided it. */ h1, h2, h3, h4, h5, h6 { font-family: var(--font-display); } /* -------------------------------------- DARK THEME SCROLLBAR (Used by LayerPanel and any overflow div) --------------------------------------- */ ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #0d0f14; /* deep dark track */ } ::-webkit-scrollbar-thumb { background: #2a2f3a; /* subtle graphite */ border-radius: 6px; border: 1px solid #1a1d23; /* crisp edge */ } ::-webkit-scrollbar-thumb:hover { background: #3a404c; /* brighten slightly on hover */ } /* === Tactical Pulse Green (AOI tools) === */ .tactical-pulse-green { animation: tacticalPulseGreen 1.6s infinite ease-in-out; } @keyframes tacticalPulseGreen { 0% { box-shadow: 0 0 0px 0 rgba(0, 255, 140, 0.65); } 50% { box-shadow: 0 0 12px 4px rgba(0, 255, 140, 0.95); } 100% { box-shadow: 0 0 0px 0 rgba(0, 255, 140, 0.65); } } /* ================================================= Admin / Ops Console Form Controls ================================================= */ .input { border-radius: 0.25rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(51 65 85 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(var(--bg) / var(--tw-bg-opacity, 1)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.75rem; line-height: 1rem; --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } .input:focus { outline: 2px solid transparent; outline-offset: 2px; --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); --tw-ring-color: rgb(var(--accent-teal) / 0.6); } .input::-moz-placeholder { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .input::placeholder { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .btn { border-radius: 0.25rem; border-width: 1px; border-color: rgb(var(--accent-teal) / 0.7); background-color: rgb(var(--accent-teal) / 0.15); padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.025em; --tw-text-opacity: 1; color: rgb(var(--accent-teal) / var(--tw-text-opacity, 1)); } .btn:hover { background-color: rgb(var(--accent-teal) / 0.25); } .btn:disabled { cursor: not-allowed; opacity: 0.5; } /* Dark scrollbars */ .dark-scrollbar::-webkit-scrollbar { width: 8px; } .dark-scrollbar::-webkit-scrollbar-track { background: #0c101c; } .dark-scrollbar::-webkit-scrollbar-thumb { background: #2a314f; border-radius: 4px; } .dark-scrollbar::-webkit-scrollbar-thumb:hover { background: #3a4370; } /* Dark number input arrows */ .dark-number-input::-webkit-inner-spin-button, .dark-number-input::-webkit-outer-spin-button { opacity: 0.6; filter: invert(1); } @keyframes slide-in-right { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } .animate-slide-in-right { animation: slide-in-right 0.2s ease-out both; } /* Compare mode divider — dark theme override. The library's default styling assumes a light theme; we override the divider color and handle styling to match aiprime's palette. */ .maplibregl-compare { background-color: rgba(20, 230, 200, 0.6); /* accent-teal-ish */ width: 2px; } .maplibregl-compare .compare-swiper-vertical { /* keep the centering you added earlier */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* new: rectangle dimensions and shape */ width: 8px; height: 30px; border-radius: 3px; background: #16f2d4; /* accent-teal, matches your divider line */ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.4); } .maplibregl-compare .compare-swiper-vertical::before, .maplibregl-compare .compare-swiper-vertical::after { content: ""; position: absolute; top: 50%; width: 0; height: 0; transform: translateY(-50%); border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .maplibregl-compare .compare-swiper-vertical::before { left: 6px; border-right: 6px solid rgba(255, 255, 255, 0.9); } .maplibregl-compare .compare-swiper-vertical::after { right: 6px; border-left: 6px solid rgba(255, 255, 255, 0.9); } /* TimeSlider — compact native range input. Smaller thumb and track than browser defaults so the slider stays unobtrusive as a map overlay. */ input[type="range"].timeslider-compact { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; height: 12px; /* ← match wrapper h-3 (12px) */ margin: 0; /* ← drop browser default margin */ padding: 0; /* ← drop browser default padding */ } input[type="range"].timeslider-compact::-webkit-slider-runnable-track { height: 2px; background: rgb(51 65 85); /* slate-700 */ border-radius: 1px; } input[type="range"].timeslider-compact::-moz-range-track { height: 2px; background: rgb(51 65 85); border-radius: 1px; } input[type="range"].timeslider-compact::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 10px; height: 10px; border-radius: 50%; background: rgb(20 230 200); /* accent-teal */ border: none; margin-top: -4px; /* center thumb on 2px track */ cursor: pointer; } input[type="range"].timeslider-compact::-moz-range-thumb { width: 10px; height: 10px; border-radius: 50%; background: rgb(20 230 200); border: none; cursor: pointer; } input[type="range"].timeslider-compact:disabled::-webkit-slider-thumb { background: rgb(71 85 105); /* slate-600 */ cursor: not-allowed; } input[type="range"].timeslider-compact:disabled::-moz-range-thumb { background: rgb(71 85 105); cursor: not-allowed; } /* ============================================================ PADREKKO QC — PRINT REPORT STYLES ------------------------------------------------------------ Activates when QcSummary mounts a portal at body root (#qc-print-host) and the operator triggers window.print(). Hides everything else; overrides the dark theme; paginates title → rollup → one page per completed pad. ============================================================ */ /* Hide the print portal on screen by default. The portal is mounted in the DOM (a child of ) only while printing, but we DON'T want it visible on screen — otherwise its print-typography content (28pt title, etc.) flashes at the bottom of the page when the operator clicks Print and again when they cancel the dialog. The @media print rule below overrides this with display: block !important so the portal is the only thing printed. */ #qc-print-host { display: none; } @media print { /* Hide every direct child of body EXCEPT the print portal. Portal is a direct child, so this selector is reliable across any layout reorganization of the app shell. */ body > * { display: none !important; } body > #qc-print-host { display: block !important; background: white; color: #111; /* Force colored backgrounds / borders to render — without this most browsers strip backgrounds in print to save ink. The status pill borders + fills are load-bearing for status legibility. */ -webkit-print-color-adjust: exact; print-color-adjust: exact; } /* Typography reset — print wants pt sizing, not panel px. Base bumped to 13pt for legibility (panel's 11px feels cramped on letter paper); per-class overrides below scale the Tailwind text-[Npx] classes that explicitly set px sizes and would otherwise override the cascade. */ #qc-print-host { font-size: 13pt; line-height: 1.45; color: #1a1a1a; font-family: "Open Sans", system-ui, sans-serif; } #qc-print-host h1, #qc-print-host h2, #qc-print-host h3 { color: #000; page-break-after: avoid; } /* Tailwind text-[Npx] overrides. These classes inject inline font-size in px which wins over the base font-size cascade. We bump each by ~2pt for print legibility. The backslash-escape brackets are how CSS selectors target arbitrary Tailwind class names. */ #qc-print-host .text-\[9px\] { font-size: 11pt !important; } #qc-print-host .text-\[10px\] { font-size: 12pt !important; } #qc-print-host .text-\[11px\] { font-size: 13pt !important; } #qc-print-host .text-\[12px\] { font-size: 14pt !important; } /* Force dark, legible text across the whole print body. The dark-theme Tailwind palette (slate-200 / emerald-200 / amber-200 / etc.) is hand-tuned for a dark UI and renders as faint ghost text on white. Universal selector + !important nukes that — every text element is near-black by default. Per-status pills below re-introduce color where it's load-bearing (border-color on pills + card left edges). */ #qc-print-host, #qc-print-host * { color: #1a1a1a !important; } /* Muted text classes stay muted but legible (medium gray, not faint). */ #qc-print-host .text-slate-500, #qc-print-host .text-slate-600, #qc-print-host [data-print-muted] { color: #555 !important; } /* @page setup: US letter, 0.75in margins, page numbers bottom-right, session name bottom-left. The session name comes through a CSS custom property set by QcSummary at print time. */ @page { size: letter; margin: 0.75in; @bottom-right { content: "Page " counter(page) " of " counter(pages); font-size: 11pt; color: #666; } @bottom-left { content: var(--qc-print-running-title, "Reclamation QC"); font-size: 11pt; color: #666; } } /* Page-break choreography: Title block → its own page (page 1) Run rollup → its own page (page 2) Per-pad section header + first pad card → page 3 together Subsequent completed pads → each starts a new page (4+) Skipped pads → flow naturally; don't break inside Critical: the page-break-before rule uses the adjacent-sibling combinator (.qc-pad-card + .qc-pad-card[…]) so it ONLY matches pad cards that follow another pad card. The first pad card follows the "Per-pad summary · N" section header (not a pad-card), so it doesn't match — header and first card stay together. */ .qc-print-title-block { page-break-after: always; } .qc-print-rollup-block { page-break-after: always; page-break-inside: avoid; } .qc-pad-card { page-break-inside: avoid; } .qc-pad-card + .qc-pad-card[data-pad-status="completed"] { page-break-before: always; } /* Status pills — outlined chips, not filled highlights. Base: transparent background, near-black text (covered by the universal text rule above), bold weight, 1.5px border. Per-status data-attribute selectors below override the border color and text color to print-saturated values (red-600/amber-600/ emerald-600/etc.). The pill's MEANING is the text label; color is augmentative for a color printer. On monochrome, the bold text + border are still self-evident. */ .qc-status-pill { background: transparent !important; color: #1a1a1a !important; border: 1.5px solid currentColor !important; padding: 2px 6px !important; font-weight: 700 !important; } /* Per-status colors — note that #qc-print-host * { color: !important } above wins the text-color cascade by specificity (ID + universal beats class + attribute), so these `color:` rules mainly affect border-color via currentColor on pills that don't have an explicit border-color. We set border-color explicitly anyway to be unambiguous. */ .qc-status-pill[data-status="NON_COMPLIANT"] { border-color: #dc2626 !important; color: #dc2626 !important; } .qc-status-pill[data-status="VERIFY"] { border-color: #d97706 !important; color: #d97706 !important; } .qc-status-pill[data-status="ACCEPTABLE"] { border-color: #059669 !important; color: #059669 !important; } .qc-status-pill[data-status="RECLAIMED"] { border-color: #059669 !important; color: #059669 !important; } .qc-status-pill[data-status="COMPLIANT"] { border-color: #059669 !important; color: #059669 !important; } .qc-status-pill[data-status="PARTIALLY_COMPLIANT"] { border-color: #d97706 !important; color: #d97706 !important; } .qc-status-pill[data-status="SKIPPED"] { border-color: #6b7280 !important; color: #6b7280 !important; } /* Per-pad card frames — legal-document look. White background, soft gray border on three sides, thick colored left edge keyed off the overall_status (for completed) or pad-status (for skipped). Dark text inherited from the universal rule above. */ .qc-pad-card { background: white !important; border: 1px solid #d4d4d4 !important; border-left-width: 4px !important; } .qc-pad-card[data-pad-status="completed"][data-overall-status="RECLAIMED"] { border-left-color: #059669 !important; } .qc-pad-card[data-pad-status="completed"][data-overall-status="COMPLIANT"] { border-left-color: #059669 !important; } .qc-pad-card[data-pad-status="completed"][data-overall-status="PARTIALLY_COMPLIANT"] { border-left-color: #d97706 !important; } .qc-pad-card[data-pad-status="completed"][data-overall-status="NON_COMPLIANT"] { border-left-color: #dc2626 !important; } .qc-pad-card[data-pad-status="skipped"] { border-left-color: #9ca3af !important; } /* Strip interactive UI — sticky footer, X button, error banner wouldn't be there in print mode anyway (the portal renders only the report body), but the selector is defensive against future additions. */ .qc-print-strip { display: none !important; } } .marker\:text-slate-600 *::marker { color: rgb(71 85 105 ); } .marker\:text-slate-600::marker { color: rgb(71 85 105 ); } .placeholder\:text-fg-secondary::-moz-placeholder { --tw-text-opacity: 1; color: rgb(var(--text-3) / var(--tw-text-opacity, 1)); } .placeholder\:text-fg-secondary::placeholder { --tw-text-opacity: 1; color: rgb(var(--text-3) / var(--tw-text-opacity, 1)); } .placeholder\:text-gray-500::-moz-placeholder { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .placeholder\:text-gray-500::placeholder { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .placeholder\:text-gray-600::-moz-placeholder { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .placeholder\:text-gray-600::placeholder { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .placeholder\:text-slate-400::-moz-placeholder { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .placeholder\:text-slate-400::placeholder { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .placeholder\:text-slate-500::-moz-placeholder { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity, 1)); } .placeholder\:text-slate-500::placeholder { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity, 1)); } .placeholder\:text-slate-600::-moz-placeholder { --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity, 1)); } .placeholder\:text-slate-600::placeholder { --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity, 1)); } .placeholder\:text-zinc-600::-moz-placeholder { --tw-text-opacity: 1; color: rgb(82 82 91 / var(--tw-text-opacity, 1)); } .placeholder\:text-zinc-600::placeholder { --tw-text-opacity: 1; color: rgb(82 82 91 / var(--tw-text-opacity, 1)); } .first\:border-t-0:first-child { border-top-width: 0px; } .last\:mb-0:last-child { margin-bottom: 0px; } .last\:border-0:last-child { border-width: 0px; } .last\:border-b-0:last-child { border-bottom-width: 0px; } .last\:pb-0:last-child { padding-bottom: 0px; } .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:border-accent-action\/40:hover { border-color: rgb(var(--accent) / 0.4); } .hover\:border-accent-action\/50:hover { border-color: rgb(var(--accent) / 0.5); } .hover\:border-accent-action\/60:hover { border-color: rgb(var(--accent) / 0.6); } .hover\:border-accent-blue\/60:hover { border-color: rgb(var(--accent-blue) / 0.6); } .hover\:border-accent-info\/50:hover { border-color: rgb(var(--info) / 0.5); } .hover\:border-accent-info\/60:hover { border-color: rgb(var(--info) / 0.6); } .hover\:border-accent-teal\/60:hover { border-color: rgb(var(--accent-teal) / 0.6); } .hover\:border-cyan-400\/40:hover { border-color: rgb(34 211 238 / 0.4); } .hover\:border-fg-secondary:hover { --tw-border-opacity: 1; border-color: rgb(var(--text-3) / var(--tw-border-opacity, 1)); } .hover\:border-gray-500:hover { --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity, 1)); } .hover\:border-gray-600:hover { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity, 1)); } .hover\:border-red-400\/40:hover { border-color: rgb(248 113 113 / 0.4); } .hover\:border-red-500\/40:hover { border-color: rgb(239 68 68 / 0.4); } .hover\:border-red-500\/50:hover { border-color: rgb(239 68 68 / 0.5); } .hover\:border-red-500\/60:hover { border-color: rgb(239 68 68 / 0.6); } .hover\:border-slate-400:hover { --tw-border-opacity: 1; border-color: rgb(148 163 184 / var(--tw-border-opacity, 1)); } .hover\:border-slate-500:hover { --tw-border-opacity: 1; border-color: rgb(100 116 139 / var(--tw-border-opacity, 1)); } .hover\:border-slate-600:hover { --tw-border-opacity: 1; border-color: rgb(71 85 105 / var(--tw-border-opacity, 1)); } .hover\:border-slate-700:hover { --tw-border-opacity: 1; border-color: rgb(51 65 85 / var(--tw-border-opacity, 1)); } .hover\:border-status-ok\/40:hover { border-color: rgb(var(--status-ok) / 0.4); } .hover\:border-white\/25:hover { border-color: rgb(255 255 255 / 0.25); } .hover\:border-yellow-400\/60:hover { border-color: rgb(250 204 21 / 0.6); } .hover\:bg-\[\#16f2d4\]\/25:hover { background-color: rgb(22 242 212 / 0.25); } .hover\:bg-accent-action:hover { --tw-bg-opacity: 1; background-color: rgb(var(--accent) / var(--tw-bg-opacity, 1)); } .hover\:bg-accent-action\/10:hover { background-color: rgb(var(--accent) / 0.1); } .hover\:bg-accent-action\/15:hover { background-color: rgb(var(--accent) / 0.15); } .hover\:bg-accent-action\/20:hover { background-color: rgb(var(--accent) / 0.2); } .hover\:bg-accent-action\/25:hover { background-color: rgb(var(--accent) / 0.25); } .hover\:bg-accent-action\/30:hover { background-color: rgb(var(--accent) / 0.3); } .hover\:bg-accent-action\/5:hover { background-color: rgb(var(--accent) / 0.05); } .hover\:bg-accent-action\/50:hover { background-color: rgb(var(--accent) / 0.5); } .hover\:bg-accent-action\/90:hover { background-color: rgb(var(--accent) / 0.9); } .hover\:bg-accent-info\/20:hover { background-color: rgb(var(--info) / 0.2); } .hover\:bg-accent-red\/20:hover { background-color: rgb(var(--accent-red) / 0.2); } .hover\:bg-amber-400\/20:hover { background-color: rgb(251 191 36 / 0.2); } .hover\:bg-amber-500\/20:hover { background-color: rgb(245 158 11 / 0.2); } .hover\:bg-amber-500\/25:hover { background-color: rgb(245 158 11 / 0.25); } .hover\:bg-amber-500\/30:hover { background-color: rgb(245 158 11 / 0.3); } .hover\:bg-aoi-neon\/30:hover { background-color: rgb(var(--aoi-neon) / 0.3); } .hover\:bg-bg:hover { --tw-bg-opacity: 1; background-color: rgb(var(--bg) / var(--tw-bg-opacity, 1)); } .hover\:bg-bg-border:hover { --tw-bg-opacity: 1; background-color: rgb(var(--line) / var(--tw-bg-opacity, 1)); } .hover\:bg-bg-soft:hover { --tw-bg-opacity: 1; background-color: rgb(var(--panel) / var(--tw-bg-opacity, 1)); } .hover\:bg-bg-soft\/40:hover { background-color: rgb(var(--panel) / 0.4); } .hover\:bg-bg-soft\/50:hover { background-color: rgb(var(--panel) / 0.5); } .hover\:bg-bg-softer:hover { --tw-bg-opacity: 1; background-color: rgb(var(--panel-2) / var(--tw-bg-opacity, 1)); } .hover\:bg-bg-softer\/50:hover { background-color: rgb(var(--panel-2) / 0.5); } .hover\:bg-black\/70:hover { background-color: rgb(0 0 0 / 0.7); } .hover\:bg-cyan-400\/20:hover { background-color: rgb(34 211 238 / 0.2); } .hover\:bg-cyan-400\/\[0\.04\]:hover { background-color: rgb(34 211 238 / 0.04); } .hover\:bg-emerald-400\/\[0\.08\]:hover { background-color: rgb(52 211 153 / 0.08); } .hover\:bg-emerald-500\/15:hover { background-color: rgb(16 185 129 / 0.15); } .hover\:bg-emerald-500\/20:hover { background-color: rgb(16 185 129 / 0.2); } .hover\:bg-emerald-500\/25:hover { background-color: rgb(16 185 129 / 0.25); } .hover\:bg-red-400\/10:hover { background-color: rgb(248 113 113 / 0.1); } .hover\:bg-red-500:hover { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-500\/10:hover { background-color: rgb(239 68 68 / 0.1); } .hover\:bg-red-500\/20:hover { background-color: rgb(239 68 68 / 0.2); } .hover\:bg-red-500\/30:hover { background-color: rgb(239 68 68 / 0.3); } .hover\:bg-red-900\/60:hover { background-color: rgb(127 29 29 / 0.6); } .hover\:bg-rose-500:hover { --tw-bg-opacity: 1; background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1)); } .hover\:bg-rose-500\/20:hover { background-color: rgb(244 63 94 / 0.2); } .hover\:bg-sky-500\/20:hover { background-color: rgb(14 165 233 / 0.2); } .hover\:bg-slate-100:hover { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-50:hover { --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-700:hover { --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-700\/20:hover { background-color: rgb(51 65 85 / 0.2); } .hover\:bg-slate-700\/30:hover { background-color: rgb(51 65 85 / 0.3); } .hover\:bg-slate-700\/70:hover { background-color: rgb(51 65 85 / 0.7); } .hover\:bg-slate-800:hover { --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-800\/30:hover { background-color: rgb(30 41 59 / 0.3); } .hover\:bg-slate-800\/40:hover { background-color: rgb(30 41 59 / 0.4); } .hover\:bg-slate-800\/60:hover { background-color: rgb(30 41 59 / 0.6); } .hover\:bg-slate-800\/70:hover { background-color: rgb(30 41 59 / 0.7); } .hover\:bg-slate-900:hover { --tw-bg-opacity: 1; background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-900\/40:hover { background-color: rgb(15 23 42 / 0.4); } .hover\:bg-white:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-white\/10:hover { background-color: rgb(255 255 255 / 0.1); } .hover\:bg-white\/5:hover { background-color: rgb(255 255 255 / 0.05); } .hover\:bg-white\/\[0\.03\]:hover { background-color: rgb(255 255 255 / 0.03); } .hover\:bg-white\/\[0\.04\]:hover { background-color: rgb(255 255 255 / 0.04); } .hover\:bg-white\/\[0\.05\]:hover { background-color: rgb(255 255 255 / 0.05); } .hover\:bg-white\/\[0\.06\]:hover { background-color: rgb(255 255 255 / 0.06); } .hover\:bg-white\/\[0\.08\]:hover { background-color: rgb(255 255 255 / 0.08); } .hover\:bg-yellow-300\/10:hover { background-color: rgb(253 224 71 / 0.1); } .hover\:bg-yellow-500\/15:hover { background-color: rgb(234 179 8 / 0.15); } .hover\:bg-yellow-500\/20:hover { background-color: rgb(234 179 8 / 0.2); } .hover\:text-\[\#16f2d4\]:hover { --tw-text-opacity: 1; color: rgb(22 242 212 / var(--tw-text-opacity, 1)); } .hover\:text-accent-action:hover { --tw-text-opacity: 1; color: rgb(var(--accent) / var(--tw-text-opacity, 1)); } .hover\:text-accent-action\/80:hover { color: rgb(var(--accent) / 0.8); } .hover\:text-accent-info:hover { --tw-text-opacity: 1; color: rgb(var(--info) / var(--tw-text-opacity, 1)); } .hover\:text-amber-300:hover { --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); } .hover\:text-emerald-300:hover { --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw-text-opacity, 1)); } .hover\:text-fg-primary:hover { --tw-text-opacity: 1; color: rgb(var(--text) / var(--tw-text-opacity, 1)); } .hover\:text-gray-100:hover { --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity, 1)); } .hover\:text-gray-200:hover { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); } .hover\:text-gray-300:hover { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity, 1)); } .hover\:text-gray-400:hover { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .hover\:text-orange-400:hover { --tw-text-opacity: 1; color: rgb(251 146 60 / var(--tw-text-opacity, 1)); } .hover\:text-red-300:hover { --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity, 1)); } .hover\:text-red-400:hover { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .hover\:text-red-50:hover { --tw-text-opacity: 1; color: rgb(254 242 242 / var(--tw-text-opacity, 1)); } .hover\:text-rose-300:hover { --tw-text-opacity: 1; color: rgb(253 164 175 / var(--tw-text-opacity, 1)); } .hover\:text-sky-300:hover { --tw-text-opacity: 1; color: rgb(125 211 252 / var(--tw-text-opacity, 1)); } .hover\:text-slate-100:hover { --tw-text-opacity: 1; color: rgb(241 245 249 / var(--tw-text-opacity, 1)); } .hover\:text-slate-200:hover { --tw-text-opacity: 1; color: rgb(226 232 240 / var(--tw-text-opacity, 1)); } .hover\:text-slate-300:hover { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)); } .hover\:text-slate-400:hover { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .hover\:text-slate-700:hover { --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity, 1)); } .hover\:text-slate-900:hover { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity, 1)); } .hover\:text-status-ok:hover { --tw-text-opacity: 1; color: rgb(var(--status-ok) / var(--tw-text-opacity, 1)); } .hover\:text-teal-200:hover { --tw-text-opacity: 1; color: rgb(153 246 228 / var(--tw-text-opacity, 1)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:text-yellow-400:hover { --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity, 1)); } .hover\:text-zinc-100:hover { --tw-text-opacity: 1; color: rgb(244 244 245 / var(--tw-text-opacity, 1)); } .hover\:text-zinc-200:hover { --tw-text-opacity: 1; color: rgb(228 228 231 / var(--tw-text-opacity, 1)); } .hover\:text-zinc-300:hover { --tw-text-opacity: 1; color: rgb(212 212 216 / var(--tw-text-opacity, 1)); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:opacity-100:hover { opacity: 1; } .hover\:opacity-80:hover { opacity: 0.8; } .hover\:opacity-90:hover { opacity: 0.9; } .hover\:shadow-\[0_0_16px_rgba\(22\2c 242\2c 212\2c 0\.18\)\]:hover { --tw-shadow: 0 0 16px rgba(22,242,212,0.18); --tw-shadow-colored: 0 0 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_0_16px_rgba\(239\2c 68\2c 68\2c 0\.18\)\]:hover { --tw-shadow: 0 0 16px rgba(239,68,68,0.18); --tw-shadow-colored: 0 0 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_0_16px_rgba\(250\2c 204\2c 21\2c 0\.18\)\]:hover { --tw-shadow: 0 0 16px rgba(250,204,21,0.18); --tw-shadow-colored: 0 0 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_0_16px_rgba\(31\2c 157\2c 255\2c 0\.18\)\]:hover { --tw-shadow: 0 0 16px rgba(31,157,255,0.18); --tw-shadow-colored: 0 0 16px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[0_0_24px_rgba\(31\2c 157\2c 255\2c 0\.15\)\]:hover { --tw-shadow: 0 0 24px rgba(31,157,255,0.15); --tw-shadow-colored: 0 0 24px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:ring-white\/20:hover { --tw-ring-color: rgb(255 255 255 / 0.2); } .hover\:ring-zinc-500:hover { --tw-ring-opacity: 1; --tw-ring-color: rgb(113 113 122 / var(--tw-ring-opacity, 1)); } .hover\:brightness-110:hover { --tw-brightness: brightness(1.1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .focus\:border-\[\#16f2d4\]\/50:focus { border-color: rgb(22 242 212 / 0.5); } .focus\:border-accent-action\/50:focus { border-color: rgb(var(--accent) / 0.5); } .focus\:border-accent-action\/60:focus { border-color: rgb(var(--accent) / 0.6); } .focus\:border-accent-info:focus { --tw-border-opacity: 1; border-color: rgb(var(--info) / var(--tw-border-opacity, 1)); } .focus\:border-accent-info\/50:focus { border-color: rgb(var(--info) / 0.5); } .focus\:border-accent-info\/60:focus { border-color: rgb(var(--info) / 0.6); } .focus\:border-amber-400:focus { --tw-border-opacity: 1; border-color: rgb(251 191 36 / var(--tw-border-opacity, 1)); } .focus\:border-amber-400\/70:focus { border-color: rgb(251 191 36 / 0.7); } .focus\:border-amber-500:focus { --tw-border-opacity: 1; border-color: rgb(245 158 11 / var(--tw-border-opacity, 1)); } .focus\:border-amber-500\/40:focus { border-color: rgb(245 158 11 / 0.4); } .focus\:border-aoi-neon:focus { --tw-border-opacity: 1; border-color: rgb(var(--aoi-neon) / var(--tw-border-opacity, 1)); } .focus\:border-cyan-400\/40:focus { border-color: rgb(34 211 238 / 0.4); } .focus\:border-cyan-400\/50:focus { border-color: rgb(34 211 238 / 0.5); } .focus\:border-orange-500\/60:focus { border-color: rgb(249 115 22 / 0.6); } .focus\:border-rose-400:focus { --tw-border-opacity: 1; border-color: rgb(251 113 133 / var(--tw-border-opacity, 1)); } .focus\:border-slate-500:focus { --tw-border-opacity: 1; border-color: rgb(100 116 139 / var(--tw-border-opacity, 1)); } .focus\:border-teal-500\/40:focus { border-color: rgb(20 184 166 / 0.4); } .focus\:bg-accent-action\/10:focus { background-color: rgb(var(--accent) / 0.1); } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\: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\: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\:ring-accent-action\/20:focus { --tw-ring-color: rgb(var(--accent) / 0.2); } .focus\:ring-accent-info\/20:focus { --tw-ring-color: rgb(var(--info) / 0.2); } .focus\:ring-accent-info\/40:focus { --tw-ring-color: rgb(var(--info) / 0.4); } .focus\:ring-accent-info\/70:focus { --tw-ring-color: rgb(var(--info) / 0.7); } .focus\:ring-orange-500\/40:focus { --tw-ring-color: rgb(249 115 22 / 0.4); } .focus\:ring-red-500\/30:focus { --tw-ring-color: rgb(239 68 68 / 0.3); } .focus\:ring-white\/40:focus { --tw-ring-color: rgb(255 255 255 / 0.4); } .focus-visible\:ring-2: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(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-visible\:ring-accent-action\/70:focus-visible { --tw-ring-color: rgb(var(--accent) / 0.7); } .active\:cursor-grabbing:active { cursor: grabbing; } .active\:bg-cyan-300:active { --tw-bg-opacity: 1; background-color: rgb(103 232 249 / var(--tw-bg-opacity, 1)); } .active\:bg-slate-700:active { --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); } .active\:bg-slate-700\/60:active { background-color: rgb(51 65 85 / 0.6); } .active\:bg-slate-800:active { --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:cursor-wait:disabled { cursor: wait; } .disabled\:border-slate-400:disabled { --tw-border-opacity: 1; border-color: rgb(148 163 184 / var(--tw-border-opacity, 1)); } .disabled\:bg-slate-300:disabled { --tw-bg-opacity: 1; background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1)); } .disabled\:text-slate-500:disabled { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity, 1)); } .disabled\:opacity-100:disabled { opacity: 1; } .disabled\:opacity-30:disabled { opacity: 0.3; } .disabled\:opacity-40:disabled { opacity: 0.4; } .disabled\:opacity-50:disabled { opacity: 0.5; } .disabled\:opacity-60:disabled { opacity: 0.6; } .disabled\:opacity-70:disabled { opacity: 0.7; } .disabled\:hover\:text-gray-500:hover:disabled { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .disabled\:hover\:text-slate-400:hover:disabled { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:translate-x-0\.5 { --tw-translate-x: 0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:text-accent-action { --tw-text-opacity: 1; color: rgb(var(--accent) / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-accent-info { --tw-text-opacity: 1; color: rgb(var(--info) / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-cyan-300 { --tw-text-opacity: 1; color: rgb(103 232 249 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-gray-100 { --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-slate-400 { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:opacity-100 { opacity: 1; } @media (max-width: 900px) { .max-\[900px\]\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .max-\[900px\]\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 640px) { .sm\:pointer-events-auto { pointer-events: auto; } .sm\:static { position: static; } .sm\:relative { position: relative; } .sm\:block { display: block; } .sm\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 768px) { .md\:left-auto { left: auto; } .md\:right-0 { right: 0px; } .md\:col-span-1 { grid-column: span 1 / span 1; } .md\:block { display: block; } .md\:max-w-\[520px\] { max-width: 520px; } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:flex-row { flex-direction: row; } .md\:items-stretch { align-items: stretch; } .md\:rounded-tr-none { border-top-right-radius: 0px; } } @media (min-width: 1024px) { .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:block { display: block; } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-\[minmax\(0\2c 1fr\)_22rem\] { grid-template-columns: minmax(0,1fr) 22rem; } .lg\:grid-cols-\[minmax\(0\2c 1fr\)_380px\] { grid-template-columns: minmax(0,1fr) 380px; } .lg\:border-l { border-left-width: 1px; } .lg\:border-t-0 { border-top-width: 0px; } } @media (min-width: 1280px) { .xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .xl\:grid-cols-\[1\.35fr_1fr\] { grid-template-columns: 1.35fr 1fr; } } @media print { .print\:hidden { display: none; } }