.mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0 0 0/0)}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom,.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-left,.mapboxgl-ctrl-right,.mapboxgl-ctrl-top,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top{left:50%;top:0;transform:translateX(-50%)}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-right{right:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl-bottom{bottom:0;left:50%;transform:translateX(-50%)}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-left{left:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.mapboxgl-ctrl-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-bottom .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,.mapboxgl-ctrl-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:transparent}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' 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 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' 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.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' 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 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' 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.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' 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 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' 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.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' 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-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' 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-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' 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-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' 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-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' 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-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' 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-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%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-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%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-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%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-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%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-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%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-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%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-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%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-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%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-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%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-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%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-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%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-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%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-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%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-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%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-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%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.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:hsla(0,0%,100%,.5);margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:content-box;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:hsla(0,0%,100%,.5);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%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}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%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 (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%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")}}.mapboxgl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-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}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid transparent;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:transparent;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:rgb(0 0 0/5%)}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-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}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid transparent;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid transparent;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:rgba(0,0,0,.7);color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}
/** make it global to be able to apply it also for anchored select */
.sv-hidden-element { opacity: 0; position: absolute; z-index: -2; top: 0; height: var(--sv-min-height, 30px)}
/* stylable props */
/*
:root {
--sv-min-height: 34px;
--sv-bg: #fff;
--sv-disabled-bg: #eee;
--sv-border: 1px solid #ccc;
--sv-border-radius: 4px;
--sv-selection-gap: 4px;
--sv-general-padding: 4px;
--sv-control-bg: var(--sv-bg);
--sv-selection-wrap-padding: 0px 3px 0px 4px;
--sv-selection-multi-wrap-padding: 0px 3px 0px 6px;
--sv-item-wrap-padding: 3px 3px 3px 6px;
--sv-item-selected-bg: #efefef;
--sv-item-btn-color: #000;
--sv-item-btn-color-hover: #777;
--sv-item-btn-bg: #efefef;
--sv-item-btn-bg-hover: #ddd;
--sv-icon-color: #bbb;
--sv-icon-color-hover: #777;
--sv-icon-bg: transparent;
--sv-icon-size: 20px;
--sv-separator-bg: #ccc;
--sv-btn-border: 0;
--sv-placeholder-color: #ccccd6;
--sv-dropdown-bg: var(--sv-bg);
--sv-dropdown-offset: 1px;
--sv-dropdown-border: 1px solid rgba(0,0,0,0.15);
--sv-dropdown-width: auto;
--sv-dropdown-shadow: 0 6px 12px #0000002d;
--sv-dropdown-height: 320px;
--sv-dropdown-active-bg: #F2F5F8;
--sv-dropdown-selected-bg: #ECF3F9;
--sv-create-disabled-bg: #fcbaba;
--sv-create-kbd-border: 1px solid #efefef;
--sv-create-kbd-bg: #fff;
--sv-loader-border: 2px solid #ccc;
}
*/
.a11y-text.svelte-19oyae5 {
z-index: 9999;
border: 0px;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
position: absolute;
overflow: hidden;
padding: 0px;
white-space: nowrap;
}
.svelecte.svelte-19oyae5 {
position: relative;
flex: 1 1 auto;
color: var(--sv-color, inherit);
&.is-disabled > .sv-control:where(.svelte-19oyae5) {
background-color: var(--sv-disabled-bg, #eee);
}
}
.sv-control.svelte-19oyae5 {
display: flex;
align-items: center;
border: var(--sv-border, 1px solid #ccc);
border-radius: var(--sv-border-radius, 4px);
background-color: var(--sv-control-bg, var(--sv-bg, #fff));
min-height: var(--sv-min-height, 34px);
}
.sv-control--selection.svelte-19oyae5 {
display: flex;
flex-wrap: wrap;
align-items: center;
flex: 1;
min-width: 0;
gap: var(--sv-selection-gap, 4px);
padding: var(--sv-selection-gap, var(--sv-general-padding, 4px));
min-height: 24px;
&.is-single {
flex-wrap: nowrap;
}
}
.sv-item--container {
display: flex;
min-width: 0;
}
.sv-item--wrap {
display: flex;
min-width: 0;
}
.sv-item--wrap.in-selection {
padding: var(--sv-selection-wrap-padding, 0px 3px 0px 4px);
}
.sv-item--wrap.is-multi {
padding: var(--sv-selection-multi-wrap-padding, 0px 3px 0px 6px);
background-color: var(--sv-item-selected-bg, #efefef);
}
.sv-item--wrap.in-dropdown {
padding: var(--sv-item-wrap-padding, 3px 3px 3px 6px);
}
.sv-item--content {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sv-item--btn {
position: relative;
display: inline-flex;
align-items: center;
align-self: stretch;
padding: 0 4px;
box-sizing: border-box;
border-radius: calc(var(--sv-border-radius, 4px) / 2);
border-width: 0;
margin: 0;
cursor: pointer;
background-color: var(--sv-item-btn-bg, var(--sv-item-selected-bg, #efefef));
}
/** #region ************************************ buttons */
.sv-item--btn > svg {
fill: var(--sv-item-btn-color, var(--sv-icon-color, #bbb));
}
.sv-item--btn:hover {
background-color: var(--sv-item-btn-bg-hover, #ddd);
}
.sv-item--btn:hover > svg {
fill: var(--sv-item-btn-color-hover, #777);
}
.sv-buttons.svelte-19oyae5 {
display: flex;
align-self: stretch;
position: relative;
}
.sv-btn-indicator.svelte-19oyae5 {
color: var(--sv-icon-color, #bbb);
display: flex;
transition: color 150ms ease 0s;
box-sizing: border-box;
background-color: var(--sv-icon-bg, transparent);
border: var(--sv-btn-border, 0);
padding: 0;
margin: var(--sv-general-padding, 4px);
align-items: center;
fill: currentcolor;
line-height: 1;
stroke: currentcolor;
stroke-width: 0px;
&:hover {
color: var(--sv-icon-color-hover, #777);
}
}
.sv-btn-separator.svelte-19oyae5 {
align-self: stretch;
background-color: var(--sv-separator-bg, #ccc);
margin-bottom: var(--sv-general-padding, 4px);
margin-top: var(--sv-general-padding, 4px);
width: 1px;
box-sizing: border-box;
}
.indicator-icon.svelte-19oyae5 {
width: var(--sv-icon-size, 20px);
height: var(--sv-icon-size, 20px);
}
.is-loading.svelte-19oyae5:after {
animation: svelte-19oyae5-spinAround 0.5s infinite linear;
border: var(--sv-loader-border, 2px solid #ccc);
border-radius: 50%;
border-right-color: transparent;
border-top-color: transparent;
content: "";
display: block;
height: var(--sv-icon-size, 20px);
width: var(--sv-icon-size, 20px);
right: var(--sv-general-padding, 4px);
top: calc(50% - (var(--sv-icon-size, 20px) / 2));
position: absolute !important;
box-sizing: border-box;
}
@keyframes svelte-19oyae5-spinAround {
from {
transform: rotate(0deg)
}
to {
transform: rotate(359deg)
}
}
/** #endregion */
/** ************************************ dropdown */
.sv_dropdown.svelte-19oyae5 {
margin: var(--sv-dropdown-offset, 1px) 0;
box-sizing: border-box;
position: absolute;
min-width: 100%;
width: var(--sv-dropdown-width, auto);
background-color: var(--sv-dropdown-bg, var(--sv-bg, #fff));
overflow-y: auto;
overflow-x: hidden;
border: var(--sv-dropdown-border, 1px solid rgba(0,0,0,0.15));
border-radius: var(--sv-border-radius, 4px);
box-shadow: var(--sv-dropdown-shadow, 0 6px 12px #0000002d);
opacity: 0;
z-index: -1000;
pointer-events: none;
&.is-open {
opacity: 1;
z-index: 2;
pointer-events: auto;
}
}
.sv-dropdown-scroll.svelte-19oyae5 {
/* min-height: 40px; */
padding: 0;
box-sizing: border-box;
max-height: var(--sv-dropdown-height, 320px);
overflow-y: auto;
overflow-x: hidden;
&.has-items {
padding: 4px;
}
}
.in-dropdown.is-selected.svelte-19oyae5 {
background-color: var(--sv-dropdown-selected-bg, #ECF3F9);
}
.in-dropdown.is-disabled.svelte-19oyae5 {
opacity: 0.5;
cursor: not-allowed;
}
.in-dropdown.sv-dd-item-active.svelte-19oyae5,
.in-dropdown.svelte-19oyae5:hover,
.in-dropdown.svelte-19oyae5:active {
background-color: var(--sv-dropdown-active-bg, #F2F5F8);
}
.is-dropdown-row.svelte-19oyae5 {
padding: var(--sv-general-padding, 4px);
}
/** ************************************ creatable */
.sv-dropdown-scroll.has-items.svelte-19oyae5 + .is-dropdown-row:where(.svelte-19oyae5) {
border-top: 1px solid transparent;
border-color: var(--sv-separator-bg, #ccc);
}
.creatable-row.svelte-19oyae5 {
width: 100%;
border: 0;
background-color: inherit;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: calc(var(--sv-border-radius, 4px) / 2);
padding: var(--sv-item-wrap-padding, 3px 3px 3px 6px);
&:hover,
&:active,
&.active {
background-color: var(--sv-dropdown-active-bg, #F2F5F8);
}
&.active.is-disabled {
opacity: 0.5;
background-color: var(--sv-create-disabled-bg, #fcbaba);
}
&.is-disabled {
opacity: 0.5;
cursor: not-allowed;
}
}
/*
* moved selector to global due to https://github.com/sveltejs/svelte/issues/10143 -> https://github.com/sveltejs/svelte/pull/10208
*/
.creatable-row.svelte-19oyae5 > .is-loading {
position: relative;
&:after {
left: calc(100% + 4px);
}
}
.shortcut.svelte-19oyae5 {
display: flex;
align-items: center;
align-content: center;
}
.shortcut.svelte-19oyae5 > kbd:where(.svelte-19oyae5) {
border: var(--sv-create-kbd-border, 1px solid #efefef);
border-radius: var(--sv-border-radius, 4px);
padding: 0px 6px;
margin: -1px 0;
background-color: var(--sv-create-kbd-bg, #fff);
}
/** #region input */
.sv-input--sizer.svelte-19oyae5 {
position: absolute;
pointer-events: none;
display: inline-grid;
vertical-align: top;
align-items: center;
&:after {
content: attr(data-value) ' ';
visibility: hidden;
white-space: pre-wrap;
}
}
.is-focused.svelte-19oyae5 .sv-input--sizer:where(.svelte-19oyae5) {
position: relative;
pointer-events: all;
}
.has-items.svelte-19oyae5 .keep-value:where(.svelte-19oyae5):not(:focus) {
color: transparent;
}
/* moved selector to global due to https://github.com/sveltejs/svelte/issues/10143 -> https://github.com/sveltejs/svelte/pull/10208 */
.is-focused.svelte-19oyae5 .is-single.has-items.has-input > .sv-item--container {
opacity: 0.2;
}
.sv-input--sizer.svelte-19oyae5:after,
.sv-input--text.svelte-19oyae5 {
width: auto;
min-width: 1em;
grid-area: 1 / 2;
font: inherit;
padding: 0 0.25em;
margin: 0;
resize: none;
background: none;
appearance: none;
border: none;
}
.has-items.svelte-19oyae5 .sv-input--text:where(.svelte-19oyae5) {
padding-left: 0;
}
.sv-input--text.svelte-19oyae5 {
outline: none;
&::placeholder {
color: var(--sv-placeholder-color, #ccccd6);
}
}
/* #endregion */
svelecte-list-viewport.svelte-1sbulw3 {
position: relative;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
display: block;
}
svelecte-list-content.svelte-1sbulw3,
svelecte-list-row.svelte-1sbulw3 {
display: block;
}
svelecte-list-row.svelte-1sbulw3 {
/* NOTE: 🤔 needed? */
overflow: hidden;
}
.svlt-grid-item.svelte-1sg6hli {
touch-action: none;
position: absolute;
will-change: auto;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.svlt-grid-resizer.svelte-1sg6hli {
user-select: none;
width: 20px;
height: 20px;
position: absolute;
right: 0;
bottom: 0;
cursor: se-resize;
}
.svlt-grid-resizer.svelte-1sg6hli::after {
content: "";
position: absolute;
right: 3px;
bottom: 3px;
width: 5px;
height: 5px;
border-right: 2px solid rgba(0, 0, 0, 0.4);
border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}
.svlt-grid-active.svelte-1sg6hli {
z-index: 3;
cursor: grabbing;
position: fixed;
opacity: 0.5;
/*No user*/
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
user-select: none;
}
.shadow-active.svelte-1sg6hli {
z-index: 2;
transition: all 0.2s;
}
.svlt-grid-shadow.svelte-1sg6hli {
position: absolute;
background: red;
will-change: transform;
background: pink;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.svlt-grid-container.svelte-alxxbk {
position: relative;
width: 100%;
}
.virtual-list-wrapper.svelte-1ynqnm9 {
overflow: auto;
will-change: transform;
-webkit-overflow-scrolling: touch;
}
.virtual-list-inner.svelte-1ynqnm9 {
position: relative;
display: flex;
width: 100%;
}
.panel-container.svelte-t07jm1 {
padding: 0 8px;
}
.page.svelte-m6antp {
background-color: #f0f1f3;
height: 100%;
}
.engine-root.svelte-m6antp {
position: relative;
height: inherit;
}
.engine-ui-root.svelte-172adk7 {
pointer-events: none;
/* z-index: 0; */
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
}
.toolbar-container.svelte-172adk7 {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 100;
overflow: visible;
}
.notifications .default-position-style-bottom-center {
z-index: 100;
}
.map-viewer-bg.svelte-172adk7 {
position: absolute;
top: 0;
width: 100%;
background: white;
height: 100%;
.map-viewer:where(.svelte-172adk7) {
height: 100%;
background: #edeff1;
}
}
.grid-label.svelte-w2memg {
position: absolute;
bottom: 18px;
right: 145px;
width: 56px;
box-sizing: border-box;
border-radius: 14px;
background: #a6a8a9;
color: white;
display: flex;
align-items: center;
padding: 2px 2px 2px 6px;
}
.size-text.svelte-w2memg {
flex: 1;
text-align: center;
}
.command-pane-backdrop.svelte-1ri3jcj {
position: fixed;
z-index: 1000;
background: rgba(16, 19, 20, 0.1);
width: 100%;
height: 100%;
left: 0;
top: 0;
backdrop-filter: saturate(1.02);
}
.command-pane-shell.svelte-1ri3jcj {
position: fixed;
top: 50%;
left: 50%;
z-index: 1001;
width: min(460px, calc(100vw - 48px));
height: min(420px, calc(100vh - 48px));
box-sizing: border-box;
background: var(--color-white, #fff);
padding: 10px;
border: 1px solid rgba(16, 19, 20, 0.12);
border-radius: 14px;
box-shadow: 0 18px 60px rgba(16, 19, 20, 0.18);
overflow: hidden;
animation: svelte-1ri3jcj-command-pane-enter 220ms cubic-bezier(0.05, 0.7, 0.1, 1);
transform: translate(-50%, -50%);
transform-origin: center;
}
@keyframes svelte-1ri3jcj-command-pane-enter {
from {
transform: translate(-50%, calc(-50% + 8px)) scale(0.985);
}
to {
transform: translate(-50%, -50%) scale(1);
}
}
.command-pane.svelte-149eorx {
display: flex;
flex-direction: column;
height: 100%;
min-height: 0;
--md3-spring: cubic-bezier(0.05, 0.7, 0.1, 1);
--command-pane-hover: var(--color-white-hover, #e9edf0);
--command-pane-selected: var(--color-alt);
--command-pane-muted: var(--color-main-medium);
}
.command-search-field.svelte-149eorx {
position: relative;
flex: 0 0 auto;
margin: 0 0 6px;
}
input.svelte-149eorx {
box-sizing: border-box;
width: 100%;
height: 44px;
margin: 0;
padding: 0 136px 0 42px;
border: 0;
border-radius: 10px;
outline: none;
background: transparent;
color: var(--color-main-dark);
font-size: 15px;
font-weight: 400;
letter-spacing: 0;
box-shadow: none;
transition: background 180ms var(--md3-spring);
}
.command-search-field.svelte-149eorx::before {
content: "";
position: absolute;
left: 15px;
top: 50%;
width: 14px;
height: 14px;
border: 2px solid var(--command-pane-muted);
border-radius: 50%;
transform: translateY(-54%);
pointer-events: none;
}
.command-search-field.svelte-149eorx::after {
content: "";
position: absolute;
left: 29px;
top: 29px;
width: 7px;
height: 2px;
border-radius: 999px;
background: var(--command-pane-muted);
transform: rotate(45deg);
pointer-events: none;
}
input.svelte-149eorx:focus {
background: var(--color-alt);
}
.ask-pvfarm-hint.svelte-149eorx {
position: absolute;
right: 6px;
top: 50%;
display: inline-flex;
align-items: center;
gap: 6px;
max-width: 124px;
height: 26px;
padding: 0 5px 0 8px;
border: none;
border-radius: 13px;
background: transparent;
color: var(--color-main-light);
font: inherit;
font-size: 12px;
font-weight: 500;
line-height: 1;
transform: translateY(-50%);
transition:
color 180ms var(--md3-spring),
border-color 180ms var(--md3-spring),
background 180ms var(--md3-spring);
}
.ask-pvfarm-hint--active.svelte-149eorx {
color: var(--color-main-dark);
background: var(--command-pane-hover);
cursor: pointer;
}
.ask-pvfarm-hint--active.svelte-149eorx:hover {
background: var(--color-alt-active);
}
.ask-pvfarm-hint.svelte-149eorx:disabled {
cursor: default;
}
kbd.svelte-149eorx {
box-sizing: border-box;
min-width: 19px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 6px;
border: 0;
border-radius: 999px;
font-family: inherit;
font-weight: 600;
line-height: 1;
box-shadow: none;
}
.lists-container.svelte-149eorx {
flex: 1;
min-height: 0;
margin: 0;
overflow: auto;
padding: 2px 0 4px;
scrollbar-width: none;
}
.lists-container.svelte-149eorx::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
}
.list.svelte-149eorx {
padding: 0;
margin: 0;
}
.list.svelte-149eorx li:where(.svelte-149eorx),
.list-unavailable.svelte-149eorx li:where(.svelte-149eorx) {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin: 0;
list-style-type: none;
min-height: 36px;
padding: 7px 10px;
border: 0;
border-radius: 9px;
line-height: 1.25;
cursor: pointer;
transition: background-color 160ms var(--md3-spring);
}
.list.svelte-149eorx li:where(.svelte-149eorx) + li:where(.svelte-149eorx),
.list-unavailable.svelte-149eorx li:where(.svelte-149eorx) + li:where(.svelte-149eorx) {
margin-top: 1px;
}
.list.svelte-149eorx li:where(.svelte-149eorx):hover,
.list.svelte-149eorx li:where(.svelte-149eorx):focus {
background: var(--command-pane-hover);
outline: none;
}
.list.svelte-149eorx:not(:focus-within) > :where(.svelte-149eorx):first-child {
background: var(--command-pane-selected);
}
.command-copy.svelte-149eorx {
min-width: 0;
display: flex;
flex-direction: column;
gap: 2px;
}
.command-path.svelte-149eorx {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 500;
}
.command-path.svelte-149eorx b {
color: var(--color-main-dark);
font-weight: 600;
}
.command-subtitle.svelte-149eorx {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 400;
}
.ask-direct-row.svelte-149eorx {
background: var(--command-pane-selected);
}
.hotkeys.svelte-149eorx,
.hotkey-combo.svelte-149eorx {
display: inline-flex;
align-items: center;
gap: 4px;
flex: 0 0 auto;
}
.hotkeys.svelte-149eorx {
gap: 8px;
}
.list-unavailable.svelte-149eorx {
padding: 0;
margin: 0;
}
.list-unavailable.svelte-149eorx li:where(.svelte-149eorx) {
cursor: default;
}
.list-unavailable.svelte-149eorx kbd:where(.svelte-149eorx) {
opacity: 0.72;
}
.section-label.svelte-149eorx {
margin: 10px 10px 5px;
font-weight: 500;
letter-spacing: 0;
}
.account-menu.svelte-1utklg6 {
position: relative;
display: inline-flex;
}
.account-avatar.svelte-1utklg6 {
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--account-menu-avatar-size, 36px);
height: var(--account-menu-avatar-size, 36px);
padding: 0;
border: none;
border-radius: var(--account-menu-avatar-radius, 50%);
background: var(--account-menu-avatar-bg, var(--account-menu-accent, var(--color-main-medium, #4e6b85)));
color: var(--account-menu-avatar-color, #ffffff);
font-family: inherit;
font-size: 12px;
font-weight: 600;
line-height: 1;
letter-spacing: 0;
cursor: pointer;
user-select: none;
transition: box-shadow 140ms ease, transform 90ms ease;
}
.account-avatar.svelte-1utklg6:hover {
box-shadow: 0 0 0 3px color-mix(in srgb, var(--account-menu-accent, var(--color-main-medium, #4e6b85)) 24%, transparent);
}
.account-avatar.svelte-1utklg6:focus-visible {
outline: 2px solid var(--account-menu-focus, #2563eb);
outline-offset: 2px;
}
.account-avatar.svelte-1utklg6:active {
transform: translateY(1px);
}
.account-dropdown.svelte-1utklg6 {
position: absolute;
top: calc(100% + 8px);
right: 0;
z-index: 1000;
display: flex;
flex-direction: column;
min-width: 240px;
padding: 8px;
border: 1px solid var(--color-border, #d8dee8);
border-radius: 10px;
background: var(--color-bg-primary, #ffffff);
box-shadow: 0 12px 32px rgba(15, 23, 42, 0.16);
}
.account-identity.svelte-1utklg6 {
display: flex;
flex-direction: column;
gap: 2px;
padding: 8px 10px;
min-width: 0;
}
.account-name.svelte-1utklg6 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--color-text-primary, #0f172a);
font-family: inherit;
font-size: 14px;
font-weight: 600;
line-height: 1.4;
}
.account-email.svelte-1utklg6 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--color-text-secondary, #64748b);
font-family: inherit;
font-size: 12px;
font-weight: 400;
line-height: 1.4;
}
.account-divider.svelte-1utklg6 {
height: 1px;
margin: 4px 0;
background: var(--color-border, #d8dee8);
}
.account-item.svelte-1utklg6 {
box-sizing: border-box;
display: flex;
align-items: center;
gap: 10px;
width: 100%;
padding: 8px 10px;
border: none;
border-radius: 6px;
background: transparent;
color: var(--color-text-primary, #0f172a);
font-family: inherit;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
text-align: left;
text-decoration: none;
cursor: pointer;
}
.account-item.svelte-1utklg6:hover {
background: var(--color-bg-hover, #f8fafc);
}
.account-item.svelte-1utklg6:focus-visible {
outline: 2px solid var(--account-menu-focus, #2563eb);
outline-offset: -2px;
}
.account-item.svelte-1utklg6:disabled {
cursor: wait;
opacity: 0.6;
}
.account-item-icon.svelte-1utklg6 {
display: inline-flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
flex: 0 0 16px;
color: var(--color-text-secondary, #64748b);
}
.account-item-icon.svelte-1utklg6 svg {
display: block;
width: 16px;
height: 16px;
fill: none;
stroke: currentColor;
stroke-width: 1.75px;
stroke-linecap: round;
stroke-linejoin: round;
}
.account-item-external.svelte-1utklg6 {
display: inline-flex;
width: 14px;
height: 14px;
margin-left: auto;
color: var(--color-text-secondary, #64748b);
}
.account-item-external.svelte-1utklg6 svg {
width: 14px;
height: 14px;
}
.account-error.svelte-1utklg6 {
margin: 4px 10px;
color: var(--color-danger, #b42318);
font-family: inherit;
font-size: 12px;
font-weight: 400;
line-height: 1.4;
}
.catalog-container.svelte-e959u4 {
max-height: 100%;
display: flex;
flex-direction: column;
height: 100%;
margin: 0 -8px;
}
#catalog-item-search-container.svelte-e959u4 {
display: flex;
justify-content: center;
align-items: center;
padding: 10px 15px;
gap: 4px;
}
#edit-catalog-item-controller.svelte-e959u4 {
display: absolute;
left: 0;
right: 0;
padding: 10px 15px;
overflow-y: auto;
max-height: 300px;
}
.status.svelte-109340z {
position: absolute;
bottom: 0;
left: 10px;
right: 10px;
overflow: hidden;
}
.button.svelte-edp2n {
display: flex;
justify-content: flex-end;
cursor: pointer;
margin-right: 15px;
margin-bottom: 10px;
}
.actions.svelte-edp2n {
display: flex;
justify-content: center;
}
.mdc-deprecated-list.svelte-1r35opm li.mdc-deprecated-list-item {
height: 32px;
}
.mdc-deprecated-list.svelte-1r35opm h3.mdc-deprecated-list-item {
height: 38px;
margin-top: 0;
margin-bottom: 0;
}
.mdc-deprecated-list.svelte-1r35opm h2.mdc-deprecated-list-item {
height: 44px;
margin-top: 0;
margin-bottom: 0;
text-transform: capitalize;
}
.group-header.svelte-160l6rb {
cursor: default;
padding: 18px 8px 8px 12px;
}
.button.svelte-160l6rb:hover {
background-color: var(--color-alt);
}
.card.svelte-160l6rb .card-row .asset-name {
cursor: pointer;
}
.card.svelte-160l6rb .card-row .asset-name:hover {
background-color: var(--color-alt);
}
.card.svelte-160l6rb .count {
visibility: hidden;
}
.chart.svelte-cfzgiq {
width: 100%;
height: 100%;
}
.attachments.svelte-e8hwh1 {
display: contents;
}
.attachment-chips.svelte-e8hwh1,
.attachment-preview.svelte-e8hwh1 {
grid-column: 1 / -1;
grid-row: 1;
}
.attachment-chips.svelte-e8hwh1 {
display: flex;
flex-wrap: wrap;
gap: 6px;
padding: 4px 0;
}
button.svelte-e8hwh1 {
display: inline-flex;
gap: 6px;
max-width: 100%;
padding: 4px 8px;
border: 0;
border-radius: 6px;
background: transparent;
color: inherit;
font: inherit;
font-size: 12px;
cursor: pointer;
}
.left-actions.svelte-e8hwh1 {
grid-column: 1;
grid-row: 2;
display: flex;
gap: 2px;
}
.attach-button.svelte-e8hwh1 {
width: 36px;
height: 36px;
align-items: center;
justify-content: center;
padding: 0;
border-radius: 8px;
color: var(--color-main-medium);
--icon-size: 18px;
}
.attach-button.svelte-e8hwh1:hover {
background: var(--color-alt);
}
.attachment-chip.svelte-e8hwh1 {
display: inline-flex;
max-width: 100%;
border: 1px solid var(--color-divider);
border-radius: 6px;
background: var(--color-alt);
align-items: center;
}
.attachment-chip.svelte-e8hwh1 > button:where(.svelte-e8hwh1):last-child {
width: 24px;
height: 24px;
padding: 4px;
}
.attachment-name.svelte-e8hwh1 {
min-width: 0;
}
button.svelte-e8hwh1:focus-visible,
a.svelte-e8hwh1:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.attachment-preview.svelte-e8hwh1 {
grid-row: 3;
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
padding: 8px;
font-size: 12px;
}
.attachment-preview.svelte-e8hwh1 img:where(.svelte-e8hwh1) {
width: 100%;
max-height: 160px;
object-fit: contain;
}
.attachment-preview.svelte-e8hwh1 p:where(.svelte-e8hwh1) {
margin: 0;
width: 100%;
color: var(--color-main-medium);
}
button.svelte-e8hwh1:disabled {
opacity: 0.5;
cursor: default;
}
span.svelte-e8hwh1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.chat-view.svelte-cqksc4 {
display: flex;
flex-direction: column;
gap: 10px;
padding: 10px;
border: 1px solid var(--color-divider);
border-radius: 6px;
background: var(--color-white);
color: var(--color-main-dark);
}
.view-title.svelte-cqksc4 {
margin: 0;
font-size: 13px;
font-weight: 600;
line-height: 1.35;
}
.kpis.svelte-cqksc4 {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
gap: 6px;
margin: 0;
}
.kpi.svelte-cqksc4 {
min-width: 0;
padding: 7px 8px;
border-radius: 4px;
background: var(--color-alt);
}
.kpi.svelte-cqksc4 dt:where(.svelte-cqksc4) {
color: var(--color-main-medium);
font-size: 11px;
line-height: 1.3;
overflow-wrap: anywhere;
}
.kpi.svelte-cqksc4 dd:where(.svelte-cqksc4) {
margin: 2px 0 0;
line-height: 1.2;
overflow-wrap: anywhere;
}
.kpi-value.svelte-cqksc4 {
font-size: 17px;
font-weight: 600;
font-variant-numeric: tabular-nums;
}
.kpi-unit.svelte-cqksc4 {
margin-left: 3px;
color: var(--color-main-medium);
font-size: 12px;
}
.chart.svelte-cqksc4 {
margin: 0;
}
.chart.svelte-cqksc4 figcaption:where(.svelte-cqksc4) {
margin-bottom: 4px;
color: var(--color-main-medium);
font-size: 12px;
}
.chart-canvas.svelte-cqksc4 {
width: 100%;
height: 220px;
}
.chart-canvas--pie.svelte-cqksc4 {
height: 240px;
}
.table-wrap.svelte-cqksc4 {
max-height: 280px;
overflow: auto;
border: 1px solid var(--color-divider);
border-radius: 4px;
}
table.svelte-cqksc4 {
width: 100%;
border-collapse: collapse;
font-size: 12px;
font-variant-numeric: tabular-nums;
}
caption.svelte-cqksc4 {
padding: 6px 8px;
color: var(--color-main-medium);
text-align: left;
}
th.svelte-cqksc4,
td.svelte-cqksc4 {
padding: 4px 8px;
border-bottom: 1px solid var(--color-divider);
text-align: left;
overflow-wrap: anywhere;
}
th.svelte-cqksc4 {
position: sticky;
top: 0;
background: var(--color-white);
font-weight: 600;
}
td.numeric.svelte-cqksc4 {
text-align: right;
}
.source.svelte-cqksc4 {
margin: 0;
color: var(--color-main-medium);
font-size: 11px;
}
/* Drawing palette for template sheets: graphite ink and drafting blue on white paper, colour only where it carries data. */
/* The root is a dialog only so it can enter the top layer; in the panel it is an ordinary block. */
.chat-window.svelte-rxrl3t {
--sheet-paper: #fff;
--sheet-ink: var(--color-main-dark, rgb(16, 19, 20));
--sheet-line: #1d5fae;
--sheet-grid: rgba(29, 95, 174, 0.16);
--sheet-hair: rgba(16, 19, 20, 0.28);
--sheet-pv: #2c6cb0;
--sheet-pv-2: #7fa9d6;
--sheet-cut: #c4583b;
--sheet-fill: #2f7fbf;
--sheet-terrain: #6c7a48;
--sheet-sun: #e09b1a;
--sheet-stamp: #b5452f;
--sheet-xl: #1f7a4d;
--sheet-chrome: #eef1f3;
--sheet-chrome-2: #f5f7f8;
--bed: var(--color-white-hover, #e9edf0);
position: relative;
inset: auto;
box-sizing: border-box;
width: 100%;
max-width: none;
height: 70vh;
max-height: none;
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
background: var(--color-white);
color: var(--color-main-dark);
font: inherit;
}
.chat-window[open].svelte-rxrl3t {
display: flex;
flex-direction: column;
}
.chat-window.svelte-rxrl3t:focus {
outline: none;
}
.ws-body.svelte-rxrl3t {
display: flex;
flex: 1;
min-height: 0;
}
.ws-stage.svelte-rxrl3t {
position: relative;
display: flex;
flex: 1;
min-width: 0;
min-height: 0;
}
.ws-center.svelte-rxrl3t {
position: relative;
/* One cell: the chat and its pages overlap, so switching crossfades in place. */
display: grid;
grid-template: minmax(0, 1fr)/minmax(0, 1fr);
flex: 1;
min-width: 0;
min-height: 0;
}
.chat-window--fill.svelte-rxrl3t {
height: 100%;
min-height: 0;
}
.chat-window.svelte-rxrl3t [hidden]:where(.svelte-rxrl3t) {
display: none !important;
}
.chat-content.svelte-rxrl3t,
.chat-page.svelte-rxrl3t {
grid-area: 1/1;
min-width: 0;
display: flex;
flex-direction: column;
min-height: 0;
height: 100%;
}
/* The arriving view settles in after a beat; the leaving one fades where it is. */
.view.svelte-rxrl3t {
transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, transform 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, visibility 0s;
}
.view--away.svelte-rxrl3t {
opacity: 0;
transform: translateY(8px);
visibility: hidden;
pointer-events: none;
/* Reset the offset only once it is invisible, so the next arrival starts from it. */
transition: opacity 0.2s cubic-bezier(0.8, 0, 0.4, 1), transform 0s 0.2s, visibility 0s 0.2s;
}
.thread.svelte-rxrl3t {
display: flex;
flex-direction: column;
gap: 12px;
}
/* Rows inside the pages carry their own 8px inset, so list text lines up with the transcript. */
.chat-page.svelte-rxrl3t {
padding: 0 2px 8px;
}
/* One breadcrumb row is the whole page hierarchy: Chat / page / Preview. */
.page-heading.svelte-rxrl3t {
display: flex;
align-items: center;
gap: 2px;
min-height: 32px;
padding: 2px 4px 6px;
font-size: 13px;
outline: none;
}
.page-heading.svelte-rxrl3t button:where(.svelte-rxrl3t),
.page-run-status.svelte-rxrl3t button:where(.svelte-rxrl3t),
.chat-error.svelte-rxrl3t button:where(.svelte-rxrl3t) {
border: 0;
border-radius: 4px;
background: transparent;
color: var(--color-primary);
font: inherit;
cursor: pointer;
padding: 4px;
}
/* Inset: the breadcrumb sits flush with the panel's clipped top edge. */
.page-heading.svelte-rxrl3t button:where(.svelte-rxrl3t):focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: -2px;
}
.page-heading.svelte-rxrl3t button:where(.svelte-rxrl3t) {
display: flex;
align-items: center;
gap: 2px;
}
.page-heading.svelte-rxrl3t button:where(.svelte-rxrl3t):hover,
.page-run-status.svelte-rxrl3t button:where(.svelte-rxrl3t):hover:not(:disabled) {
background: var(--color-alt);
}
.page-heading.svelte-rxrl3t svg {
width: 16px;
height: 16px;
fill: currentColor;
}
.page-heading.svelte-rxrl3t strong:where(.svelte-rxrl3t) {
min-width: 0;
padding: 4px;
font-weight: 600;
}
.crumb-separator.svelte-rxrl3t {
color: var(--color-main-light);
}
.page-run-status.svelte-rxrl3t {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin: 8px 8px 0;
padding: 2px 4px 2px 10px;
border-radius: 6px;
background: var(--color-alt);
font-size: 12px;
}
.chat-error.svelte-rxrl3t {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px 8px;
border-radius: 6px;
padding: 6px 6px 6px 10px;
margin-bottom: 8px;
background: var(--color-danger-light);
font-size: 13px;
line-height: 1.45;
}
.chat-error.svelte-rxrl3t span:where(.svelte-rxrl3t) {
flex: 1 1 220px;
}
.page-run-status.svelte-rxrl3t button:where(.svelte-rxrl3t):focus-visible,
.chat-error.svelte-rxrl3t button:where(.svelte-rxrl3t):focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.message-container.svelte-rxrl3t {
flex: 1;
min-height: 0;
padding: 10px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--color-divider) transparent;
}
.message-container.svelte-rxrl3t:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: -2px;
}
.transcript.svelte-rxrl3t {
display: flex;
flex-direction: column;
gap: 12px;
min-height: 100%;
}
.chat-status.svelte-rxrl3t {
margin: 0;
color: var(--color-main-medium);
font-size: 13px;
}
/* A new chat starts where the work happens: the prompt list sits right above the composer. */
.empty-state.svelte-rxrl3t {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: auto;
}
.empty-title.svelte-rxrl3t {
margin: 0;
color: var(--color-main-dark);
font-size: 16px;
line-height: 1.35;
font-weight: 600;
}
.scroll-to-bottom.svelte-rxrl3t {
position: absolute;
z-index: 10;
bottom: calc(100% + 10px);
left: 50%;
transform: translateX(-50%);
box-sizing: border-box;
height: 32px;
min-width: 32px;
padding: 0 7px;
border: 1px solid var(--color-divider);
border-radius: 16px;
background: rgba(255, 255, 255, 0.94);
backdrop-filter: blur(6px);
box-shadow: 0 1px 2px rgba(16, 19, 20, 0.06), 0 6px 16px -6px rgba(16, 19, 20, 0.22);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
color: var(--color-main-medium);
font: inherit;
font-size: 12px;
line-height: 16px;
white-space: nowrap;
transition: color 0.12s ease, box-shadow 0.12s ease;
}
.scroll-to-bottom.working.svelte-rxrl3t {
padding: 0 8px 0 9px;
color: var(--color-main-dark);
}
.scroll-to-bottom.svelte-rxrl3t:hover {
color: var(--color-main-dark);
box-shadow: 0 1px 2px rgba(16, 19, 20, 0.08), 0 8px 20px -6px rgba(16, 19, 20, 0.3);
}
.scroll-to-bottom.svelte-rxrl3t:active {
transform: translateX(-50%) translateY(1px);
}
/* Text under the floating button fades out instead of colliding with it. */
.message-container.scrolled-up.svelte-rxrl3t {
mask-image: linear-gradient(to bottom, #000 calc(100% - 56px), transparent);
}
@media (prefers-reduced-motion: reduce) {
.view.svelte-rxrl3t,
.view--away.svelte-rxrl3t {
transform: none;
transition: visibility 0s;
}
}
.input-section.svelte-rxrl3t {
position: relative;
padding: 0 10px 8px;
}
.scroll-to-bottom.svelte-rxrl3t:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.scroll-to-bottom.svelte-rxrl3t > svg:not(.working-mark) {
width: 18px;
height: 18px;
}
.visually-hidden.svelte-rxrl3t {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
/* "All report templates" under the start list: the way into the full library from a new chat. */
.all-templates.svelte-rxrl3t {
align-self: flex-start;
padding: 4px;
border: 0;
border-radius: 4px;
background: transparent;
color: var(--color-primary);
font: inherit;
font-size: 13px;
cursor: pointer;
}
.all-templates.svelte-rxrl3t:hover {
background: var(--color-alt);
}
.all-templates.svelte-rxrl3t:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
/* Files dragged over the chat: the whole window becomes the target. */
.drop-target.svelte-rxrl3t {
position: absolute;
inset: 6px;
z-index: 20;
display: grid;
place-items: center;
border: 2px dashed var(--color-primary);
border-radius: 8px;
background: rgba(var(--color-primary-rgb, 29, 95, 174), 0.06);
pointer-events: none;
}
.drop-target.svelte-rxrl3t span:where(.svelte-rxrl3t) {
padding: 6px 12px;
border-radius: 6px;
background: var(--color-white);
color: var(--color-main-dark);
font-size: 13px;
font-weight: 600;
box-shadow: 0 4px 16px -6px rgba(16, 19, 20, 0.3);
}
/* ---- Workspace: the same window as a modal over the scene, with a sidebar and a file pane. ---- */
.chat-window.workspace.svelte-rxrl3t {
position: fixed;
inset: 16px;
width: auto;
height: auto;
border-radius: 10px;
box-shadow: 0 0 0 1px rgba(16, 19, 20, 0.12), 0 24px 64px -24px rgba(16, 19, 20, 0.45);
/* One motion moment: the workspace rises out of the panel's place and the scene dims behind it. */
}
.chat-window.workspace[open].svelte-rxrl3t {
animation: svelte-rxrl3t-workspace-in 0.28s cubic-bezier(0.19, 1, 0.22, 1) both;
}
.chat-window.workspace.svelte-rxrl3t::backdrop {
background: rgba(16, 19, 20, 0.32);
animation: svelte-rxrl3t-backdrop-in 0.28s cubic-bezier(0.19, 1, 0.22, 1) both;
}
@keyframes svelte-rxrl3t-workspace-in {
from {
opacity: 0;
transform: scale(0.985) translateY(6px);
}
}
@keyframes svelte-rxrl3t-backdrop-in {
from {
opacity: 0;
}
}
.ws-bar.svelte-rxrl3t {
display: flex;
flex: none;
align-items: center;
gap: 8px;
height: 44px;
padding: 0 8px;
border-bottom: 1px solid var(--color-divider);
box-sizing: border-box;
}
.ws-title.svelte-rxrl3t {
display: flex;
flex: 1;
align-items: baseline;
gap: 6px;
min-width: 0;
margin: 0;
font-size: 13px;
line-height: 18px;
font-weight: 600;
white-space: nowrap;
}
.ws-crumb.svelte-rxrl3t {
color: var(--color-main-light);
font-weight: 400;
}
.ws-chat-title.svelte-rxrl3t {
overflow: hidden;
text-overflow: ellipsis;
font-weight: 400;
color: var(--color-main-medium);
}
.ws-actions.svelte-rxrl3t {
display: flex;
flex: none;
align-items: center;
gap: 4px;
}
.ws-icon.svelte-rxrl3t,
.ws-back.svelte-rxrl3t,
.ws-new.svelte-rxrl3t,
.ws-nav.svelte-rxrl3t button:where(.svelte-rxrl3t),
.ws-recent.svelte-rxrl3t button:where(.svelte-rxrl3t) {
border: 0;
background: transparent;
color: var(--color-main-medium);
font: inherit;
font-size: 13px;
cursor: pointer;
}
.ws-icon.svelte-rxrl3t:hover,
.ws-back.svelte-rxrl3t:hover,
.ws-new.svelte-rxrl3t:hover,
.ws-nav.svelte-rxrl3t button:where(.svelte-rxrl3t):hover,
.ws-recent.svelte-rxrl3t button:where(.svelte-rxrl3t):hover {
background: var(--color-alt);
color: var(--color-main-dark);
}
.ws-icon.svelte-rxrl3t:focus-visible,
.ws-back.svelte-rxrl3t:focus-visible,
.ws-new.svelte-rxrl3t:focus-visible,
.ws-nav.svelte-rxrl3t button:where(.svelte-rxrl3t):focus-visible,
.ws-recent.svelte-rxrl3t button:where(.svelte-rxrl3t):focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: -2px;
}
.ws-icon.svelte-rxrl3t {
display: grid;
place-items: center;
width: 32px;
height: 32px;
padding: 0;
border-radius: 6px;
}
.ws-icon[aria-pressed=true].svelte-rxrl3t {
color: var(--color-primary);
}
.ws-back.svelte-rxrl3t {
display: flex;
align-items: center;
gap: 6px;
height: 32px;
padding: 0 10px 0 8px;
border-radius: 6px;
color: var(--color-main-dark);
}
.ws-sidebar.svelte-rxrl3t {
display: flex;
flex: none;
flex-direction: column;
width: 232px;
min-height: 0;
padding: 8px;
border-right: 1px solid var(--color-divider);
background: var(--color-alt, #f4f6f7);
box-sizing: border-box;
transition: width 0.22s cubic-bezier(0.19, 1, 0.22, 1);
}
.ws-sidebar.collapsed.svelte-rxrl3t {
width: 52px;
}
.ws-sidebar.collapsed.svelte-rxrl3t .ws-new:where(.svelte-rxrl3t) span:where(.svelte-rxrl3t),
.ws-sidebar.collapsed.svelte-rxrl3t .nav-label:where(.svelte-rxrl3t),
.ws-sidebar.collapsed.svelte-rxrl3t .nav-count:where(.svelte-rxrl3t) {
display: none;
}
.ws-new.svelte-rxrl3t {
display: flex;
align-items: center;
gap: 8px;
height: 32px;
margin-bottom: 8px;
padding: 0 10px;
border: 1px solid var(--color-divider) !important;
border-radius: 6px;
background: var(--color-white) !important;
color: var(--color-main-dark);
font-weight: 500;
}
.ws-nav.svelte-rxrl3t,
.ws-recent.svelte-rxrl3t {
margin: 0;
padding: 0;
list-style: none;
}
.ws-nav.svelte-rxrl3t button:where(.svelte-rxrl3t) {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
height: 32px;
padding: 0 10px;
border-radius: 6px;
text-align: left;
}
.ws-nav.svelte-rxrl3t button[aria-current=page]:where(.svelte-rxrl3t) {
background: var(--color-white);
color: var(--color-main-dark);
font-weight: 600;
box-shadow: 0 0 0 1px var(--color-divider);
}
.nav-label.svelte-rxrl3t {
flex: 1;
}
.nav-count.svelte-rxrl3t {
min-width: 18px;
padding: 0 5px;
border-radius: 9px;
background: var(--color-white);
color: var(--color-main-medium);
font-size: 11px;
line-height: 18px;
text-align: center;
font-variant-numeric: tabular-nums;
}
.ws-recent-title.svelte-rxrl3t {
margin: 20px 10px 4px;
font-size: 12px;
font-weight: 600;
color: var(--color-main-medium);
}
.ws-recent.svelte-rxrl3t {
flex: 1;
min-height: 0;
overflow-y: auto;
scrollbar-width: thin;
}
.ws-recent.svelte-rxrl3t button:where(.svelte-rxrl3t) {
display: block;
width: 100%;
padding: 6px 10px;
border-radius: 6px;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
}
.ws-recent.svelte-rxrl3t button[aria-current=true]:where(.svelte-rxrl3t) {
background: var(--color-white);
color: var(--color-main-dark);
box-shadow: inset 2px 0 0 var(--color-primary);
}
.ws-recent-empty.svelte-rxrl3t {
margin: 4px 10px;
font-size: 12px;
color: var(--color-main-medium);
}
/* The conversation keeps a reading width in the wide center; the composer lines up with it. */
.workspace.svelte-rxrl3t .message-container:where(.svelte-rxrl3t) {
padding: 20px max(20px, (100% - 760px) / 2);
}
.workspace.svelte-rxrl3t .input-section:where(.svelte-rxrl3t) {
padding: 0 max(20px, (100% - 760px) / 2) 16px;
}
.workspace.svelte-rxrl3t .chat-page:where(.svelte-rxrl3t) {
padding: 0;
}
.workspace.svelte-rxrl3t .page-run-status:where(.svelte-rxrl3t) {
margin: 8px 20px 0;
}
.files-host.svelte-rxrl3t {
flex: 1;
min-height: 0;
outline: none;
}
.ws-splitter.svelte-rxrl3t {
position: relative;
flex: none;
width: 1px;
background: var(--color-divider);
cursor: col-resize;
touch-action: none;
outline: none;
/* A wide invisible grip around the hairline. */
}
.ws-splitter.svelte-rxrl3t::before {
content: "";
position: absolute;
inset: 0 -6px;
z-index: 3;
}
.ws-splitter.svelte-rxrl3t:hover, .ws-splitter.svelte-rxrl3t:focus-visible, .ws-splitter.svelte-rxrl3t:active {
background: var(--color-primary);
box-shadow: 0 0 0 1px var(--color-primary);
}
.ws-splitter[hidden].svelte-rxrl3t {
display: none;
}
.ws-pane.svelte-rxrl3t {
flex: none;
width: var(--pane-width);
min-width: 0;
min-height: 0;
}
.ws-pane[hidden].svelte-rxrl3t {
display: none;
}
/* Full screen: the pane takes the whole workspace; the chat stays mounted underneath, out of sight. */
.pane-max.svelte-rxrl3t .ws-sidebar:where(.svelte-rxrl3t),
.pane-max.svelte-rxrl3t .ws-center:where(.svelte-rxrl3t) {
position: absolute;
visibility: hidden;
width: 0;
overflow: hidden;
}
.pane-max.svelte-rxrl3t .ws-pane:where(.svelte-rxrl3t) {
flex: 1;
width: auto;
}
@media (max-width: 900px) {
.ws-sidebar.svelte-rxrl3t:not(.collapsed) {
width: 52px;
}
.ws-sidebar.svelte-rxrl3t:not(.collapsed) .ws-new:where(.svelte-rxrl3t) span:where(.svelte-rxrl3t),
.ws-sidebar.svelte-rxrl3t:not(.collapsed) .nav-label:where(.svelte-rxrl3t),
.ws-sidebar.svelte-rxrl3t:not(.collapsed) .nav-count:where(.svelte-rxrl3t),
.ws-sidebar.svelte-rxrl3t:not(.collapsed) .ws-recent-title:where(.svelte-rxrl3t),
.ws-sidebar.svelte-rxrl3t:not(.collapsed) .ws-recent:where(.svelte-rxrl3t),
.ws-sidebar.svelte-rxrl3t:not(.collapsed) .ws-recent-empty:where(.svelte-rxrl3t) {
display: none;
}
.ws-back.svelte-rxrl3t span:where(.svelte-rxrl3t) {
display: none;
}
.chat-window.workspace.svelte-rxrl3t {
inset: 0;
border-radius: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.chat-window.workspace[open].svelte-rxrl3t,
.chat-window.workspace.svelte-rxrl3t::backdrop {
animation: none;
}
.ws-sidebar.svelte-rxrl3t {
transition: none;
}
}
/* ---- Templates: a screen of its own, without the chat sidebar or the file pane. ---- */
/* The chat and its open files stay mounted underneath, out of sight, so nothing reloads on the way back. */
.templates-open.svelte-rxrl3t .ws-sidebar:where(.svelte-rxrl3t),
.templates-open.svelte-rxrl3t .ws-pane:where(.svelte-rxrl3t),
.templates-open.svelte-rxrl3t .ws-splitter:where(.svelte-rxrl3t) {
position: absolute;
visibility: hidden;
width: 0;
overflow: hidden;
}
.templates-screen.svelte-rxrl3t {
display: flex;
flex: 1;
min-height: 0;
}
.templates-board.svelte-rxrl3t {
flex: 1;
min-width: 0;
min-height: 0;
}
/* The picked template beside the bed: wide enough to read its sample page. */
.template-inspector.svelte-rxrl3t {
flex: none;
width: clamp(380px, 42%, 680px);
min-height: 0;
border-left: 1px solid var(--color-divider);
}
.inspector-max.svelte-rxrl3t .templates-board:where(.svelte-rxrl3t) {
display: none;
}
.inspector-max.svelte-rxrl3t .template-inspector:where(.svelte-rxrl3t) {
flex: 1;
width: auto;
border-left: 0;
}
.message-input.svelte-1ikbij5 {
padding: 0;
position: relative;
z-index: 5;
}
.input-wrapper.svelte-1ikbij5 {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: flex-end;
column-gap: 8px;
max-width: 100%;
margin: 0 auto;
background: white;
border: 1px solid rgba(16, 58, 82, 0.16);
border-radius: 8px;
padding: 6px;
box-shadow: 0 1px 2px rgba(16, 58, 82, 0.06);
transition: border-color 0.16s ease, box-shadow 0.16s ease;
position: relative;
}
.composer-actions.svelte-1ikbij5 {
grid-column: 3;
grid-row: 2;
display: flex;
gap: 4px;
align-items: center;
}
.input-wrapper.svelte-1ikbij5:focus-within {
border-color: var(--color-primary);
box-shadow: 0 0 0 2px rgba(var(--color-primary-rgb), 0.12), 0 1px 2px rgba(16, 58, 82, 0.06);
}
.text-input.svelte-1ikbij5 {
grid-column: 2;
grid-row: 2;
min-width: 0;
field-sizing: content;
flex: 1;
resize: none;
border: none;
outline: none;
font-family: inherit;
font-size: 14px;
/* 24px lines + 6px padding match the 36px side buttons, so one line sits on their center. */
line-height: 24px;
padding: 6px 0;
min-height: 24px;
max-height: 120px;
background: transparent;
color: var(--color-main-dark);
scrollbar-width: thin;
scrollbar-color: var(--color-divider) transparent;
}
.text-input.svelte-1ikbij5::placeholder {
color: var(--color-main-medium);
}
.text-input.svelte-1ikbij5:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.text-input.svelte-1ikbij5::-webkit-scrollbar {
width: 4px;
}
.text-input.svelte-1ikbij5::-webkit-scrollbar-track {
background: transparent;
}
.text-input.svelte-1ikbij5::-webkit-scrollbar-thumb {
background-color: #d1d5db;
border-radius: 2px;
}
.send-button.svelte-1ikbij5 {
grid-column: 3;
grid-row: 2;
width: 36px;
height: 36px;
border-radius: 8px;
border: none;
background: var(--color-primary);
color: white;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
position: relative;
overflow: hidden;
}
.send-button.svelte-1ikbij5:hover:not(:disabled) {
background: #8e24aa;
}
.send-button.svelte-1ikbij5:active:not(:disabled) {
transform: translateY(1px);
}
.send-button.svelte-1ikbij5:disabled {
background: rgba(16, 58, 82, 0.14);
color: rgba(16, 58, 82, 0.45);
cursor: not-allowed;
opacity: 1;
}
.send-button.svelte-1ikbij5 svg {
width: 20px;
height: 20px;
position: relative;
z-index: 1;
transition: transform 150ms ease-out;
fill: currentColor;
}
/* Dictation is a secondary action: quiet until it is recording. */
.send-button.send-button--microphone.svelte-1ikbij5 {
background: transparent;
color: var(--color-main-medium);
}
.send-button.send-button--microphone.svelte-1ikbij5:hover:not(:disabled) {
background: var(--color-alt);
color: var(--color-main-dark);
}
/* Stop is a soft tint of the brand colour, so it reads as related to Send without competing with it. */
.send-button.send-button--stop.svelte-1ikbij5 {
background: rgba(var(--color-primary-rgb), 0.1);
color: var(--color-primary);
box-shadow: inset 0 0 0 1px rgba(var(--color-primary-rgb), 0.18);
}
.send-button.send-button--stop.svelte-1ikbij5:hover:not(:disabled) {
background: rgba(var(--color-primary-rgb), 0.16);
}
.send-button.send-button--stop.svelte-1ikbij5:disabled {
background: rgba(var(--color-primary-rgb), 0.06);
color: rgba(var(--color-primary-rgb), 0.45);
box-shadow: none;
}
.send-button.send-button--recording.svelte-1ikbij5,
.send-button.send-button--recording.svelte-1ikbij5:hover:not(:disabled) {
background: var(--color-danger);
color: var(--color-white);
}
.send-button.send-button--recording.svelte-1ikbij5 {
animation: svelte-1ikbij5-pulse 2s infinite;
}
.send-button.send-button--transcribing.svelte-1ikbij5 {
pointer-events: none;
}
@keyframes svelte-1ikbij5-pulse {
0%, 100% {
transform: scale(1);
box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}
50% {
transform: scale(1.05);
box-shadow: 0 6px 16px rgba(239, 68, 68, 0.5);
}
}
.button-with-tooltip.svelte-1ikbij5 {
grid-column: 3;
grid-row: 2;
position: relative;
display: inline-block;
}
.tooltip.svelte-1ikbij5 {
position: absolute;
top: 50%;
right: calc(100% + 10px);
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0.85);
color: white;
padding: 6px 12px;
border-radius: 6px;
font-size: 12px;
font-weight: 500;
white-space: nowrap;
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: none;
z-index: 1000;
}
.tooltip.svelte-1ikbij5::after {
content: "";
position: absolute;
top: 50%;
left: 100%;
transform: translateY(-50%);
border: 4px solid transparent;
border-left-color: rgba(0, 0, 0, 0.85);
}
.button-with-tooltip.svelte-1ikbij5:hover .tooltip:where(.svelte-1ikbij5) {
opacity: 1;
visibility: visible;
}
.loading-spinner.svelte-1ikbij5 {
scale: 0.5;
position: relative;
background-color: currentColor;
width: 10px;
height: 10px;
margin: 0 auto;
border-radius: 50%;
}
.loading-spinner.svelte-1ikbij5:after, .loading-spinner.svelte-1ikbij5:before {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
}
.loading-spinner.svelte-1ikbij5:after {
left: -10px;
top: -5px;
background-color: currentColor;
transform-origin: 15px 10px;
animation: svelte-1ikbij5-axis 1s linear infinite;
}
.loading-spinner.svelte-1ikbij5:before {
left: -25px;
top: -15px;
background-color: currentColor;
transform-origin: 30px 20px;
animation: svelte-1ikbij5-axis 2s linear infinite;
}
@keyframes svelte-1ikbij5-axis {
0% {
transform: rotateZ(0deg) translate3d(0, 0, 0);
}
100% {
transform: rotateZ(360deg) translate3d(0, 0, 0);
}
}
.send-button.svelte-1ikbij5:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.composer-status.svelte-1ikbij5 {
padding: 5px 2px 0;
color: var(--color-main-medium);
font-size: 11px;
line-height: 1.4;
}
.composer-keys.svelte-1ikbij5 {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
.send-button.svelte-1ikbij5,
.input-wrapper.svelte-1ikbij5,
.send-button.svelte-1ikbij5 svg {
transition: none;
}
.send-button--recording.svelte-1ikbij5,
.loading-spinner.svelte-1ikbij5:before,
.loading-spinner.svelte-1ikbij5:after {
animation: none;
}
}
.thumb.svelte-hf2um1 {
display: block;
max-width: 100%;
margin: 0 0 6px;
padding: 0;
overflow: hidden;
border: 1px solid var(--color-divider);
border-radius: 6px;
background: var(--color-white);
cursor: zoom-in;
transition: border-color 0.15s ease-out;
}
.thumb.svelte-hf2um1:hover {
border-color: var(--color-main-medium);
}
.thumb.svelte-hf2um1:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.thumb.loading.svelte-hf2um1 {
width: 100%;
height: 180px;
background: var(--color-alt);
}
.thumb.pdf.loading.svelte-hf2um1 {
width: 140px;
}
img.svelte-hf2um1 {
display: block;
max-width: 100%;
max-height: 260px;
animation: svelte-hf2um1-thumb-in 0.2s ease-out;
}
.pdf.svelte-hf2um1 img:where(.svelte-hf2um1) {
max-height: 200px;
}
@keyframes svelte-hf2um1-thumb-in {
from {
opacity: 0;
}
}
@media (prefers-reduced-motion: reduce) {
img.svelte-hf2um1 {
animation: none;
}
}
.queue-announcement.svelte-n5r0yo {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.input-queue.svelte-n5r0yo {
list-style: none;
margin: 0 0 6px;
padding: 0;
max-height: 104px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--color-divider) transparent;
font-size: 13px;
color: var(--color-main-dark);
}
li.svelte-n5r0yo {
display: flex;
align-items: center;
gap: 4px;
min-height: 32px;
padding: 0 2px 0 10px;
border-radius: 6px;
background: var(--color-alt);
}
li.svelte-n5r0yo + li:where(.svelte-n5r0yo) {
margin-top: 4px;
}
.input-queue__item--muted.svelte-n5r0yo .request-text:where(.svelte-n5r0yo) {
color: var(--color-main-medium);
}
.request-text.svelte-n5r0yo {
flex: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
small.svelte-n5r0yo {
flex-shrink: 0;
font-size: 12px;
color: var(--color-main-medium);
}
button.svelte-n5r0yo {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
background: transparent;
font: inherit;
border-radius: 4px;
cursor: pointer;
}
.steer.svelte-n5r0yo {
padding: 4px 8px;
font-size: 12px;
font-weight: 500;
color: var(--color-primary);
}
.cancel.svelte-n5r0yo {
width: 28px;
height: 28px;
color: var(--color-main-medium);
}
.cancel.svelte-n5r0yo svg {
width: 16px;
height: 16px;
fill: currentColor;
}
button.svelte-n5r0yo:hover:not(:disabled) {
background: rgba(16, 58, 82, 0.08);
color: var(--color-main-dark);
}
.steer.svelte-n5r0yo:hover:not(:disabled) {
color: var(--color-primary);
}
button.svelte-n5r0yo:disabled {
opacity: 0.5;
cursor: default;
}
button.svelte-n5r0yo:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 1px;
}
@charset "UTF-8";
.response-files.svelte-ekfn3d {
align-self: stretch;
font-size: 13px;
}
.previews.svelte-ekfn3d {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: flex-start;
}
.file-list.svelte-ekfn3d {
margin: 0;
padding: 0;
overflow: hidden;
border: 1px solid var(--color-divider);
border-radius: 6px;
list-style: none;
}
li.svelte-ekfn3d + li:where(.svelte-ekfn3d) {
border-top: 1px solid var(--color-divider);
}
button.svelte-ekfn3d {
display: block;
width: 100%;
padding: 7px 10px;
border: 0;
background: transparent;
color: var(--color-main-dark);
font: inherit;
text-align: left;
overflow-wrap: anywhere;
cursor: pointer;
}
button.svelte-ekfn3d:hover {
background: var(--color-alt);
}
.file-title.svelte-ekfn3d {
display: block;
font-weight: 500;
}
.file-meta.svelte-ekfn3d {
display: block;
margin-top: 2px;
color: var(--color-main-medium);
font-size: 12px;
line-height: 1.4;
}
.file-meta.svelte-ekfn3d > span:where(.svelte-ekfn3d) + span:where(.svelte-ekfn3d)::before {
content: "·";
margin: 0 3px;
color: var(--color-main-medium);
}
.file-status.svelte-ekfn3d {
color: var(--color-main-dark);
}
button.svelte-ekfn3d:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: -2px;
}
summary.svelte-ekfn3d:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
details.svelte-ekfn3d {
margin-top: 6px;
}
summary.svelte-ekfn3d {
display: flex;
align-items: center;
gap: 4px;
width: fit-content;
padding: 4px 6px 4px 0;
border-radius: 4px;
color: var(--color-main-medium);
font-size: 12px;
list-style: none;
cursor: pointer;
}
summary.svelte-ekfn3d::-webkit-details-marker {
display: none;
}
.chevron.svelte-ekfn3d {
display: inline-flex;
width: 16px;
height: 16px;
transition: transform 0.15s ease-out;
}
.chevron.svelte-ekfn3d svg {
width: 100%;
height: 100%;
}
details[open].svelte-ekfn3d .chevron:where(.svelte-ekfn3d) {
transform: rotate(90deg);
}
details[open].svelte-ekfn3d summary:where(.svelte-ekfn3d) {
margin-bottom: 4px;
}
@media (prefers-reduced-motion: reduce) {
.chevron.svelte-ekfn3d {
transition: none;
}
}
.activity.svelte-1lzuk56 {
align-self: stretch;
color: var(--color-main-dark);
font-size: 13px;
line-height: 1.4;
}
button.svelte-1lzuk56 {
font: inherit;
color: inherit;
cursor: pointer;
background: transparent;
border: 0;
}
/* The row hugs its text, so it reads as a quiet toggle rather than a full-width bar. */
.progress-heading.svelte-1lzuk56 {
display: inline-flex;
align-items: center;
gap: 6px;
max-width: 100%;
min-height: 24px;
margin-left: -4px;
padding: 2px 6px 2px 4px;
border-radius: 6px;
text-align: left;
transition: background-color 0.15s cubic-bezier(0.19, 1, 0.22, 1);
}
.progress-heading.settled.svelte-1lzuk56 {
color: var(--color-main-medium);
font-size: 12px;
}
@media (hover: hover) {
button.progress-heading.svelte-1lzuk56:hover {
background: var(--color-alt);
color: var(--color-main-dark);
}
}
.chevron.svelte-1lzuk56,
.state-icon.svelte-1lzuk56,
.step-icon.svelte-1lzuk56 {
display: inline-flex;
flex: 0 0 16px;
width: 16px;
height: 16px;
}
.chevron.svelte-1lzuk56 svg,
.state-icon.svelte-1lzuk56 svg,
.step-icon.svelte-1lzuk56 svg {
width: 100%;
height: 100%;
}
.chevron.svelte-1lzuk56 {
color: var(--color-main-medium);
transition: transform 0.15s ease-out;
}
.settled.svelte-1lzuk56 .chevron:where(.svelte-1lzuk56) {
flex-basis: 14px;
width: 14px;
height: 14px;
}
.chevron.open.svelte-1lzuk56 {
transform: rotate(90deg);
}
button.progress-heading.svelte-1lzuk56:hover .chevron:where(.svelte-1lzuk56) {
color: var(--color-main-dark);
}
.heading-text.svelte-1lzuk56 {
min-width: 0;
overflow-wrap: anywhere;
}
small.svelte-1lzuk56 {
color: var(--color-main-medium);
font-size: 12px;
white-space: nowrap;
}
.step-status.svelte-1lzuk56 {
margin-left: auto;
}
.failed.svelte-1lzuk56 {
color: var(--color-danger);
}
.activity-steps.svelte-1lzuk56 {
margin: 2px 0 8px 7px;
padding: 0 0 0 14px;
border-left: 1px solid var(--color-divider);
list-style: none;
}
.plan-steps.svelte-1lzuk56 {
margin: 2px 0 6px;
padding: 0;
list-style: none;
}
.plan-step.svelte-1lzuk56 {
display: flex;
gap: 8px;
align-items: center;
padding: 3px 0 3px 22px;
color: var(--color-main-medium);
}
.plan-step[data-status=in_progress].svelte-1lzuk56 {
color: var(--color-main-dark);
}
.plan-step[data-status=pending].svelte-1lzuk56 .step-icon:where(.svelte-1lzuk56)::before {
content: "";
width: 8px;
height: 8px;
border: 1px solid currentColor;
border-radius: 50%;
}
.plan-step[data-status=completed].svelte-1lzuk56 .step-label:where(.svelte-1lzuk56) {
text-decoration: line-through;
text-decoration-color: var(--color-divider);
}
.activity-step.svelte-1lzuk56 {
display: flex;
gap: 8px;
align-items: center;
padding: 3px 0;
color: var(--color-main-medium);
}
.step-icon.svelte-1lzuk56 {
flex-basis: 14px;
width: 14px;
height: 14px;
}
.state-icon.svelte-1lzuk56,
.step-icon.svelte-1lzuk56 {
align-items: center;
justify-content: center;
}
.step-icon[data-status=waiting].svelte-1lzuk56 {
color: var(--color-main-dark);
}
.step-label.svelte-1lzuk56 {
min-width: 0;
overflow-wrap: anywhere;
}
.activity-comment.svelte-1lzuk56 {
padding: 4px 0 4px 22px;
color: var(--color-main-medium);
overflow-wrap: anywhere;
}
.activity-comment.svelte-1lzuk56 .markdown-body {
font-size: 13px;
}
.developer-details.svelte-1lzuk56 {
border-top: 1px solid var(--color-divider);
padding: 8px 0;
color: var(--color-main-medium);
}
summary.svelte-1lzuk56 {
cursor: pointer;
}
.diagnostic-toolbar.svelte-1lzuk56 {
display: flex;
justify-content: space-between;
gap: 8px;
padding: 8px 0;
overflow-wrap: anywhere;
}
.diagnostic-step.svelte-1lzuk56 {
padding: 5px 0;
}
pre.svelte-1lzuk56 {
white-space: pre-wrap;
overflow-wrap: anywhere;
color: var(--color-main-dark);
font-size: 12px;
}
/* Keyboard focus tints the toggle like hover instead of drawing a ring around it. */
button.progress-heading.svelte-1lzuk56:focus-visible {
outline: none;
background: var(--color-alt-active);
color: var(--color-main-dark);
}
button.svelte-1lzuk56:not(.progress-heading):focus-visible,
summary.svelte-1lzuk56:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
border-radius: 4px;
}
@media (prefers-reduced-motion: reduce) {
.chevron.svelte-1lzuk56 {
animation: none;
transition: none;
}
}
.approval.svelte-yez3yj {
align-self: stretch;
padding: 10px 12px;
border: 1px solid var(--color-divider);
border-radius: 6px;
background: var(--color-white);
color: var(--color-main-dark);
font-size: 13px;
}
.approval.svelte-yez3yj h3:where(.svelte-yez3yj) {
margin: 0 0 8px;
font-size: 14px;
font-weight: 600;
}
.approval.svelte-yez3yj p:where(.svelte-yez3yj) {
margin: 6px 0;
}
.approval-item.svelte-yez3yj + .approval-item:where(.svelte-yez3yj) {
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid var(--color-divider);
}
.approval.svelte-yez3yj .approval-tool:where(.svelte-yez3yj) {
margin: 0 0 4px;
color: var(--color-main-dark);
font-weight: 500;
}
.approval.svelte-yez3yj dl:where(.svelte-yez3yj) {
display: grid;
grid-template-columns: minmax(96px, max-content) minmax(0, 1fr);
gap: 2px 12px;
margin: 0;
font-size: 12px;
}
.approval.svelte-yez3yj dt:where(.svelte-yez3yj) {
color: var(--color-main-medium);
}
.approval.svelte-yez3yj dd:where(.svelte-yez3yj) {
margin: 0;
color: var(--color-main-dark);
overflow-wrap: anywhere;
}
.approval.svelte-yez3yj .actions:where(.svelte-yez3yj) {
display: flex;
justify-content: flex-end;
gap: 8px;
margin-top: 12px;
}
.approval.svelte-yez3yj button:where(.svelte-yez3yj),
.reconnect.svelte-yez3yj {
padding: 6px 10px;
border: 1px solid var(--color-divider);
border-radius: 6px;
background: var(--color-white);
color: var(--color-main-dark);
font: inherit;
text-align: left;
cursor: pointer;
}
.approval.svelte-yez3yj .actions:where(.svelte-yez3yj) button:where(.svelte-yez3yj):last-child {
border-color: var(--color-primary);
background: var(--color-primary);
color: var(--color-white);
}
.approval.svelte-yez3yj button:where(.svelte-yez3yj):disabled {
opacity: 0.5;
cursor: default;
}
.approval.svelte-yez3yj button:where(.svelte-yez3yj):focus-visible,
.reconnect.svelte-yez3yj:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.approval.svelte-yez3yj button:where(.svelte-yez3yj):hover:not(:disabled),
.reconnect.svelte-yez3yj:hover {
background: var(--color-alt);
}
.approval.svelte-yez3yj .actions:where(.svelte-yez3yj) button:where(.svelte-yez3yj):last-child:hover:not(:disabled) {
background: #8e24aa;
color: white;
}
.reconnect.svelte-yez3yj {
align-self: flex-start;
}
.start-cards.svelte-2mrgl8 {
margin: 0;
padding: 0;
border-top: 1px solid var(--color-divider);
list-style: none;
}
.start-card.svelte-2mrgl8 {
display: flex;
align-items: flex-start;
gap: 8px;
width: 100%;
padding: 7px 4px;
border: 0;
border-bottom: 1px solid var(--color-divider);
background: transparent;
color: var(--color-main-dark);
font: inherit;
font-size: 13px;
text-align: left;
cursor: pointer;
}
.start-card.svelte-2mrgl8:hover:not(:disabled) {
background: var(--color-alt);
}
.start-card.svelte-2mrgl8:disabled {
opacity: 0.5;
cursor: default;
}
.start-card.svelte-2mrgl8:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: -2px;
}
.start-icon.svelte-2mrgl8 {
display: flex;
flex: 0 0 16px;
width: 16px;
height: 16px;
margin-top: 1px;
color: var(--color-main-medium);
}
.start-icon.svelte-2mrgl8 svg {
width: 16px;
height: 16px;
fill: currentColor;
}
.start-text.svelte-2mrgl8 {
display: flex;
flex-direction: column;
min-width: 0;
gap: 1px;
}
.start-title.svelte-2mrgl8 {
overflow-wrap: anywhere;
}
.start-description.svelte-2mrgl8 {
display: -webkit-box;
overflow: hidden;
color: var(--color-main-medium);
font-size: 12px;
line-height: 1.35;
overflow-wrap: anywhere;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
}
.sent-attachment.svelte-zisz9l {
border: 1px solid var(--color-divider);
border-radius: 6px;
padding: 5px 8px;
background: var(--color-white);
color: var(--color-main-dark);
font: inherit;
cursor: pointer;
margin-bottom: 4px;
text-align: left;
}
.message.svelte-zisz9l {
display: flex;
flex-direction: column;
gap: 4px;
}
.message.user.svelte-zisz9l,
.message.assistant.svelte-zisz9l {
align-self: stretch;
width: 100%;
}
.message-content.svelte-zisz9l {
overflow-x: hidden;
overflow-wrap: anywhere;
}
/* The request is a full-width log entry, not a chat bubble. */
.user.svelte-zisz9l .message-content:where(.svelte-zisz9l) {
padding: 8px 10px;
border-radius: 6px;
background: var(--color-alt);
color: var(--color-main-dark);
font-size: 14px;
line-height: 1.45;
}
.assistant.svelte-zisz9l .message-content:where(.svelte-zisz9l) {
padding: 2px 0;
color: var(--color-main-dark);
}
.failure.svelte-zisz9l {
display: flex;
gap: 6px;
align-items: center;
min-height: 28px;
color: var(--color-main-dark);
font-size: 13px;
}
.failure-icon.svelte-zisz9l {
display: inline-flex;
width: 16px;
height: 16px;
color: var(--color-danger);
}
.failure-icon.svelte-zisz9l svg {
width: 100%;
height: 100%;
}
.retry.svelte-zisz9l {
border: 0;
padding: 0;
background: transparent;
color: var(--color-primary);
font: inherit;
font-weight: 500;
cursor: pointer;
}
.retry.svelte-zisz9l:hover {
text-decoration: underline;
}
.retry.svelte-zisz9l:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.sent-attachment.svelte-zisz9l:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
/* One colour, the brand purple: the node carries it fully, the arcs frame it at lower strength. */
.working-mark.svelte-1gq3kw1 {
flex: none;
overflow: visible;
color: var(--color-primary);
}
.arc.svelte-1gq3kw1 {
fill: none;
stroke: currentColor;
stroke-opacity: 0.6;
stroke-width: 12;
stroke-linecap: round;
}
.node.svelte-1gq3kw1 {
fill: currentColor;
}
/* Matches the panel's own 24px icon buttons and 8px rhythm (position menu, close). */
.ask-pvfarm-header-actions.svelte-1egqh0n {
display: flex;
align-items: center;
gap: 8px;
/* Hover changes color only, like the neighbouring icons; a background box flickers across the gaps. */
}
.ask-pvfarm-header-actions.svelte-1egqh0n button:where(.svelte-1egqh0n) {
display: grid;
place-items: center;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
position: relative;
isolation: isolate;
box-sizing: border-box;
width: 24px;
height: 24px;
border-radius: 4px;
color: var(--color-main-medium);
transition: color 0.15s cubic-bezier(0.19, 1, 0.22, 1);
/* The pressed plate grows into place instead of blinking on. */
}
.ask-pvfarm-header-actions.svelte-1egqh0n button:where(.svelte-1egqh0n)::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
border-radius: inherit;
background: rgba(var(--color-primary-rgb), 0.1);
opacity: 0;
transform: scale(0.8);
transition: opacity 0.15s cubic-bezier(0.8, 0, 0.4, 1), transform 0.15s cubic-bezier(0.8, 0, 0.4, 1);
}
.ask-pvfarm-header-actions.svelte-1egqh0n button:where(.svelte-1egqh0n):disabled {
opacity: 0.5;
cursor: default;
}
.ask-pvfarm-header-actions.svelte-1egqh0n button:where(.svelte-1egqh0n):focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.ask-pvfarm-header-actions.svelte-1egqh0n button[aria-pressed=true]:where(.svelte-1egqh0n) {
color: var(--color-primary);
}
.ask-pvfarm-header-actions.svelte-1egqh0n button[aria-pressed=true]:where(.svelte-1egqh0n)::before {
opacity: 1;
transform: none;
transition: opacity 0.25s cubic-bezier(0.19, 1, 0.22, 1), transform 0.25s cubic-bezier(0.19, 1, 0.22, 1);
}
.ask-pvfarm-header-actions.svelte-1egqh0n button:where(.svelte-1egqh0n):active:not(:disabled) span:where(.svelte-1egqh0n) {
transform: scale(0.92);
}
.ask-pvfarm-header-actions.svelte-1egqh0n span:where(.svelte-1egqh0n) {
display: flex;
transition: transform 0.15s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (hover: hover) {
.ask-pvfarm-header-actions.svelte-1egqh0n button:where(.svelte-1egqh0n):hover:not(:disabled) {
color: var(--color-medium-hover);
}
}
@media (prefers-reduced-motion: reduce) {
.ask-pvfarm-header-actions.svelte-1egqh0n button:where(.svelte-1egqh0n)::before,
.ask-pvfarm-header-actions.svelte-1egqh0n span:where(.svelte-1egqh0n) {
transition: none;
}
}
/* The shared header is a flex box, where text-overflow cannot ellipsize a long chat title. */
.panel-container:has(.ask-pvfarm-body) .header-holder .header {
display: block;
line-height: 48px;
text-align: left;
}
.ask-pvfarm-body.svelte-1egqh0n {
position: relative;
height: calc(100% - var(--top-offset));
min-height: 0;
box-sizing: border-box;
padding: 0 8px 8px;
}
.ask-pvfarm-pane.svelte-1egqh0n {
height: 100%;
min-height: 0;
}
.resizer.svelte-1egqh0n {
user-select: none;
width: 20px;
height: 20px;
position: absolute;
right: 0;
bottom: 0;
cursor: se-resize;
visibility: visible;
z-index: 2;
}
.resizer.svelte-1egqh0n::after {
content: "";
position: absolute;
width: 6px;
height: 6px;
right: 3px;
bottom: 3px;
border-right: 2px solid var(--color-main-medium);
border-bottom: 2px solid var(--color-main-medium);
}
.moved.svelte-1egqh0n {
display: grid;
gap: 8px;
place-content: center;
justify-items: center;
height: 100%;
text-align: center;
}
.moved.svelte-1egqh0n p:where(.svelte-1egqh0n) {
margin: 0;
}
.moved.svelte-1egqh0n button:where(.svelte-1egqh0n) {
padding: 4px 8px;
border: 0;
border-radius: 4px;
background: transparent;
color: var(--color-primary);
font: inherit;
cursor: pointer;
}
.moved.svelte-1egqh0n button:where(.svelte-1egqh0n):hover {
background: var(--color-alt);
}
.unavailable.svelte-1egqh0n {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.chat-history.svelte-1vkzxe9 {
flex: 1;
min-height: 0;
padding-top: 8px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--color-divider) transparent;
}
.list.svelte-1vkzxe9 {
margin: 0;
padding: 0;
list-style: none;
}
/* Rows settle in top to bottom; the stagger stops after the first screenful. */
li.svelte-1vkzxe9 {
animation: svelte-1vkzxe9-row-in 0.3s cubic-bezier(0.19, 1, 0.22, 1) both;
animation-delay: calc(0.1s + var(--i, 0) * 24ms);
}
@keyframes svelte-1vkzxe9-row-in {
from {
opacity: 0;
transform: translateY(6px);
}
}
.item.svelte-1vkzxe9 {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
width: 100%;
padding: 8px;
border: 0;
background: transparent;
color: var(--color-main-dark);
font: inherit;
font-size: 13px;
text-align: left;
cursor: pointer;
transition: background-color 0.15s cubic-bezier(0.19, 1, 0.22, 1);
}
.item.svelte-1vkzxe9:hover {
background: var(--color-alt);
}
.item.selected.svelte-1vkzxe9 {
background: var(--color-alt-active);
}
.item.svelte-1vkzxe9:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: -2px;
}
/* Dividers sit between rows only, so the list has no rule above or below it. */
li.svelte-1vkzxe9 + li:where(.svelte-1vkzxe9) .item:where(.svelte-1vkzxe9) {
box-shadow: inset 0 1px var(--color-divider);
}
.item-title.svelte-1vkzxe9 {
flex: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.selected.svelte-1vkzxe9 .item-title:where(.svelte-1vkzxe9) {
font-weight: 500;
}
.item-title--empty.svelte-1vkzxe9,
.item-time.svelte-1vkzxe9,
.empty.svelte-1vkzxe9 {
color: var(--color-main-medium);
}
.item-time.svelte-1vkzxe9 {
font-size: 12px;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.empty.svelte-1vkzxe9 {
animation: svelte-1vkzxe9-row-in 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s both;
margin: 10px 8px;
font-size: 13px;
line-height: 1.5;
}
@media (prefers-reduced-motion: reduce) {
li.svelte-1vkzxe9,
.empty.svelte-1vkzxe9 {
animation: none;
}
.item.svelte-1vkzxe9 {
transition: none;
}
}
.markup.svelte-10az2wc {
position: fixed;
inset: 0;
z-index: 10000;
pointer-events: none;
font-family:
"Source Sans",
-apple-system,
system-ui,
"Segoe UI",
Roboto,
sans-serif;
color: var(--color-main-dark);
}
.catcher.svelte-10az2wc {
position: absolute;
inset: 0;
pointer-events: auto;
cursor: crosshair;
}
.catcher.busy.svelte-10az2wc {
cursor: progress;
}
.hover-frame.svelte-10az2wc {
position: fixed;
border: 2px solid var(--color-primary);
border-radius: 4px;
background: color-mix(in srgb, var(--color-primary) 8%, transparent);
pointer-events: none;
}
.hover-label.svelte-10az2wc {
position: absolute;
top: 6px;
left: 6px;
max-width: calc(100% - 12px);
padding: 2px 8px;
border-radius: 4px;
background: var(--color-primary);
color: var(--color-white, #fff);
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Centred by auto margins, not left: 50%, so the bar may use the full window width;
on a narrow window the buttons wrap under the hint instead of squeezing it. */
.pick-bar.svelte-10az2wc {
position: fixed;
top: 12px;
left: 16px;
right: 16px;
width: fit-content;
margin-inline: auto;
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
box-sizing: border-box;
padding: 8px 8px 8px 14px;
border: 1px solid var(--color-divider);
border-radius: 8px;
background: var(--color-white, #fff);
box-shadow: 0 4px 16px rgb(0 0 0 / 12%);
font-size: 13px;
pointer-events: auto;
}
.pick-hint.svelte-10az2wc {
flex: 1 1 240px;
margin-right: 4px;
text-wrap: pretty;
}
button.svelte-10az2wc {
height: 30px;
padding: 0 12px;
border: 1px solid var(--color-divider);
border-radius: 6px;
background: var(--color-white, #fff);
color: inherit;
font-family: inherit;
font-size: 13px;
cursor: pointer;
white-space: nowrap;
}
button.svelte-10az2wc:hover:not(:disabled) {
background: var(--color-alt);
}
button.svelte-10az2wc:focus-visible,
.stage.svelte-10az2wc:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
button.svelte-10az2wc:disabled {
opacity: 0.5;
cursor: default;
}
.quiet.svelte-10az2wc {
border-color: transparent;
background: transparent;
}
/* The way out is printed on the button itself, so leaving markup needs no guessing. */
kbd.key.svelte-10az2wc {
min-width: 0;
margin-left: 6px;
padding: 0 4px;
border-bottom-width: 1px;
color: var(--color-main-medium);
font-size: 11px;
line-height: 16px;
}
.primary.svelte-10az2wc {
border-color: var(--color-primary);
background: var(--color-primary);
color: var(--color-white, #fff);
}
.primary.svelte-10az2wc:hover:not(:disabled) {
background: var(--color-primary);
filter: brightness(1.08);
}
.editor.svelte-10az2wc {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
background: #1b1d21;
pointer-events: auto;
}
.toolbar.svelte-10az2wc {
display: flex;
gap: 12px;
align-items: center;
padding: 8px 12px;
background: var(--color-white, #fff);
border-bottom: 1px solid var(--color-divider);
}
.source.svelte-10az2wc {
flex: 1;
min-width: 0;
color: var(--color-main-medium);
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: right;
}
.body.svelte-10az2wc {
flex: 1;
min-height: 0;
display: flex;
}
.stage.svelte-10az2wc {
flex: 1;
min-width: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
outline: none;
}
.canvas.svelte-10az2wc {
position: relative;
box-shadow: 0 8px 32px rgb(0 0 0 / 40%);
}
.canvas.svelte-10az2wc img:where(.svelte-10az2wc) {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
user-select: none;
}
kbd.svelte-10az2wc {
display: inline-block;
min-width: 26px;
padding: 0 5px;
border: 1px solid var(--color-divider);
border-bottom-width: 2px;
border-radius: 4px;
color: var(--color-main-dark);
font-family: inherit;
font-size: 11px;
line-height: 16px;
text-align: center;
}
.layer.svelte-1p5e7v4 {
position: absolute;
inset: 0;
z-index: 2;
}
svg.svelte-1p5e7v4 {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: visible;
cursor: crosshair;
touch-action: none;
user-select: none;
}
svg.text-tool.svelte-1p5e7v4 {
cursor: text;
}
.badge-hit.svelte-1p5e7v4 {
cursor: pointer;
}
g.selected.svelte-1p5e7v4 {
filter: drop-shadow(0 0 3px rgb(255 255 255 / 90%));
}
.note.svelte-1p5e7v4 {
position: absolute;
z-index: 1;
box-sizing: border-box;
width: auto;
max-width: 260px;
height: 26px;
padding: 0 9px;
/* A whole frame in the mark's colour ties the note to its shape. */
border: 1.5px solid var(--swatch);
border-radius: 6px;
background: rgb(255 255 255 / 97%);
box-shadow: 0 2px 6px rgb(0 0 0 / 25%);
color: #1b1d21;
font-family: inherit;
font-size: 13px;
line-height: 23px;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
}
button.note.svelte-1p5e7v4:hover {
background: #fff;
}
/* The field grows with its text instead of covering the image with an empty bar. */
input.note.svelte-1p5e7v4 {
field-sizing: content;
min-width: 168px;
cursor: text;
outline: none;
}
input.note.svelte-1p5e7v4:focus-visible {
box-shadow:
0 0 0 1px var(--swatch),
0 4px 12px rgb(0 0 0 / 35%);
}
input.note.svelte-1p5e7v4::placeholder {
color: #8a8f98;
}
.marks.svelte-1cseytr {
box-sizing: border-box;
width: 240px;
display: flex;
flex-direction: column;
gap: 10px;
padding: 14px 10px 12px;
background: var(--color-white, #fff);
border-left: 1px solid var(--color-divider);
overflow-y: auto;
}
h2.svelte-1cseytr {
display: flex;
align-items: center;
gap: 6px;
margin: 0 6px;
font-size: 13px;
font-weight: 600;
}
h3.svelte-1cseytr {
margin: 4px 6px -6px;
color: var(--color-main-medium);
font-size: 12px;
font-weight: 600;
}
.count.svelte-1cseytr {
color: var(--color-main-medium);
font-weight: 400;
font-variant-numeric: tabular-nums;
}
.empty.svelte-1cseytr,
.keys.svelte-1cseytr {
margin: 0 6px;
color: var(--color-main-medium);
font-size: 12px;
line-height: 1.45;
}
.keys.svelte-1cseytr {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
gap: 4px 8px;
margin-top: auto;
padding-top: 10px;
border-top: 1px solid var(--color-divider);
}
.keys.svelte-1cseytr dt:where(.svelte-1cseytr),
.keys.svelte-1cseytr dd:where(.svelte-1cseytr) {
margin: 0;
}
kbd.svelte-1cseytr {
display: inline-block;
min-width: 26px;
padding: 0 5px;
border: 1px solid var(--color-divider);
border-bottom-width: 2px;
border-radius: 4px;
color: var(--color-main-dark);
font-family: inherit;
font-size: 11px;
line-height: 16px;
text-align: center;
}
ol.svelte-1cseytr {
display: flex;
flex-direction: column;
gap: 2px;
margin: 0;
padding: 0;
list-style: none;
}
li.svelte-1cseytr {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
border-radius: 6px;
}
li.svelte-1cseytr:hover,
li.selected.svelte-1cseytr {
background: var(--color-alt);
}
button.svelte-1cseytr {
border: none;
background: transparent;
color: inherit;
font-family: inherit;
cursor: pointer;
}
button.svelte-1cseytr:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: -2px;
}
.row.svelte-1cseytr {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
min-height: 32px;
padding: 4px 6px;
border-radius: 6px;
text-align: left;
}
.badge.svelte-1cseytr {
flex: none;
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--swatch);
color: #fff;
font-size: 11px;
font-weight: 700;
display: inline-flex;
align-items: center;
justify-content: center;
font-variant-numeric: tabular-nums;
}
.row-note.svelte-1cseytr {
min-width: 0;
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.row-note.muted.svelte-1cseytr {
color: var(--color-main-medium);
}
.remove.svelte-1cseytr {
width: 26px;
height: 26px;
margin-right: 3px;
padding: 0;
border-radius: 6px;
color: var(--color-main-medium);
display: inline-flex;
align-items: center;
justify-content: center;
opacity: 0;
}
li.svelte-1cseytr:hover .remove:where(.svelte-1cseytr),
li.selected.svelte-1cseytr .remove:where(.svelte-1cseytr),
.remove.svelte-1cseytr:focus-visible {
opacity: 1;
}
.remove.svelte-1cseytr:hover {
background: color-mix(in srgb, var(--color-main-dark) 8%, transparent);
color: var(--color-main-dark);
}
.remove.svelte-1cseytr svg:where(.svelte-1cseytr) {
width: 12px;
height: 12px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
}
.group.svelte-fui5sq {
display: flex;
flex: none;
gap: 2px;
}
button.svelte-fui5sq {
height: 30px;
border: 1px solid transparent;
border-radius: 6px;
background: transparent;
color: inherit;
cursor: pointer;
}
button.svelte-fui5sq:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.tool.svelte-fui5sq {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
padding: 0;
}
.tool.svelte-fui5sq:hover {
background: var(--color-alt);
}
.tool.svelte-fui5sq svg:where(.svelte-fui5sq) {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-width: 1.6;
stroke-linecap: round;
stroke-linejoin: round;
}
.tool[aria-pressed="true"].svelte-fui5sq {
background: color-mix(in srgb, var(--color-primary) 14%, transparent);
color: var(--color-primary);
}
.swatch.svelte-fui5sq {
width: 26px;
height: 26px;
margin-top: 2px;
padding: 0;
border: 2px solid transparent;
border-radius: 50%;
background: var(--swatch);
background-clip: content-box;
box-shadow: inset 0 0 0 3px var(--color-white, #fff);
}
.swatch[aria-pressed="true"].svelte-fui5sq {
border-color: var(--swatch);
}
.template-board.svelte-reto0o {
display: grid;
grid-template-rows: auto minmax(0, 1fr);
height: 100%;
min-height: 0;
container-type: inline-size;
}
/* One quiet row: the title, a one-line explanation beside it, and the action. */
.board-bar.svelte-reto0o {
display: flex;
align-items: center;
gap: 12px;
min-height: 48px;
padding: 8px 16px 6px 16px;
border-bottom: 1px solid var(--color-divider);
background: var(--color-white);
box-sizing: border-box;
}
.board-bar.svelte-reto0o h2:where(.svelte-reto0o) {
flex: none;
margin: 0;
font-size: 15px;
line-height: 22px;
font-weight: 600;
}
.board-bar.svelte-reto0o p:where(.svelte-reto0o) {
flex: 1;
min-width: 0;
margin: 0;
font-size: 12px;
color: var(--color-main-medium);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.back.svelte-reto0o {
display: flex;
align-items: center;
gap: 2px;
height: 28px;
padding: 0 8px 0 4px;
border: 0;
border-radius: 4px;
background: transparent;
color: var(--color-primary);
font: inherit;
font-size: 13px;
cursor: pointer;
}
.back.svelte-reto0o svg:where(.svelte-reto0o) {
width: 16px;
height: 16px;
fill: none;
stroke: currentColor;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
}
.back.svelte-reto0o:hover {
background: var(--color-alt);
}
.back.svelte-reto0o:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: -2px;
}
.crumb.svelte-reto0o {
margin-left: -8px;
color: var(--color-main-light);
}
/* The drafting bed: a 5 mm grid with a heavier line every 5 cells. */
.bed.svelte-reto0o {
/* The fanned pages of a picked sheet lean a few pixels past the column; they must not scroll the bed sideways. */
overflow: hidden auto;
padding: 20px 28px 40px;
background-color: var(--bed);
background-image: linear-gradient(rgba(29, 95, 174, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(29, 95, 174, 0.07) 1px, transparent 1px), linear-gradient(rgba(29, 95, 174, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(29, 95, 174, 0.035) 1px, transparent 1px);
background-size: 80px 80px, 80px 80px, 16px 16px, 16px 16px;
background-position: -1px -1px;
scrollbar-width: thin;
}
.group-title.svelte-reto0o {
max-width: 1040px;
margin: 0 auto 16px;
font-size: 13px;
font-weight: 600;
color: var(--color-main-medium);
}
.group-title.svelte-reto0o ~ .group-title:where(.svelte-reto0o) {
margin-top: 40px;
}
.plates.svelte-reto0o {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-auto-flow: dense;
align-items: end;
gap: 36px 32px;
max-width: 1040px;
margin: 0 auto;
padding: 0;
list-style: none;
}
.plates.svelte-reto0o .wide:where(.svelte-reto0o) {
grid-column: span 2;
}
.plate.svelte-reto0o {
display: grid;
gap: 12px;
width: 100%;
padding: 0;
border: 0;
background: none;
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
}
.plate.svelte-reto0o:focus-visible {
outline: none;
}
.plate.svelte-reto0o:focus-visible .sheet:where(.svelte-reto0o) {
outline: 2px solid var(--color-accent);
outline-offset: 4px;
}
.stack.svelte-reto0o {
position: relative;
display: block;
width: 100%;
}
.sheet.svelte-reto0o,
.under.svelte-reto0o {
position: absolute;
inset: 0;
background: var(--sheet-paper);
border-radius: 1px;
transition: transform 0.28s cubic-bezier(0.3, 0.7, 0.3, 1), box-shadow 0.28s ease;
}
.sheet.svelte-reto0o {
box-shadow: 0 0 0 1px rgba(16, 19, 20, 0.08), 0 1px 2px rgba(16, 19, 20, 0.08), 0 6px 14px -8px rgba(16, 19, 20, 0.25);
}
/* Pages underneath peek out up and to the right, like a stapled set. */
.under.svelte-reto0o {
box-shadow: 0 0 0 1px rgba(16, 19, 20, 0.1);
transform: translate(calc(var(--n) * 4px), calc(var(--n) * -4px));
transform-origin: 20% 100%;
}
.plate.svelte-reto0o:hover .sheet:where(.svelte-reto0o),
.plate[aria-pressed=true].svelte-reto0o .sheet:where(.svelte-reto0o) {
transform: translateY(-4px);
box-shadow: 0 0 0 1px rgba(16, 19, 20, 0.08), 0 2px 4px rgba(16, 19, 20, 0.08), 0 18px 30px -14px rgba(16, 19, 20, 0.4);
}
.plate.svelte-reto0o:hover .under:where(.svelte-reto0o),
.plate[aria-pressed=true].svelte-reto0o .under:where(.svelte-reto0o) {
transform: translate(calc(var(--n) * 6px), calc(var(--n) * -5px)) rotate(calc(var(--n) * 1.4deg));
}
.plate[aria-pressed=true].svelte-reto0o .sheet:where(.svelte-reto0o) {
outline: 2px solid var(--color-accent);
outline-offset: 4px;
}
.caption.svelte-reto0o {
display: grid;
gap: 2px;
}
.name.svelte-reto0o {
font-size: 13px;
line-height: 18px;
font-weight: 600;
}
.plate[aria-pressed=true].svelte-reto0o .name:where(.svelte-reto0o) {
color: var(--color-accent);
}
.about.svelte-reto0o {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 12px;
line-height: 16px;
color: var(--color-main-medium);
}
.state.svelte-reto0o {
display: grid;
justify-items: start;
gap: 12px;
max-width: 1040px;
margin: 0 auto;
font-size: 13px;
color: var(--color-main-medium);
}
.state.svelte-reto0o p:where(.svelte-reto0o) {
margin: 0;
}
/* The bed shares the row with the pane, so it follows its own width, not the window's. */
@container (max-width: 960px) {
.plates.svelte-reto0o {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@container (max-width: 600px) {
.plates.svelte-reto0o {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@container (max-width: 420px) {
.board-bar.svelte-reto0o p:where(.svelte-reto0o) {
display: none;
}
.bed.svelte-reto0o {
padding: 16px;
}
.plates.svelte-reto0o {
gap: 24px 16px;
}
}
@media (prefers-reduced-motion: reduce) {
.sheet.svelte-reto0o,
.under.svelte-reto0o {
transition: none;
}
}
.sheet-drawing.svelte-1sxf3ai {
display: block;
width: 100%;
height: 100%;
font-family: inherit;
}
.paper.svelte-1sxf3ai {
fill: var(--sheet-paper);
}
/* Plotted line work: every stroke is normalised to length 1, then drawn in. */
.d.svelte-1sxf3ai {
fill: none;
stroke: var(--sheet-line);
stroke-width: 0.45;
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 1;
stroke-dashoffset: 0;
}
.f.svelte-1sxf3ai {
opacity: 1;
}
.plot .d.svelte-1sxf3ai {
animation: svelte-1sxf3ai-plot var(--plot-duration, 1.1s) cubic-bezier(0.55, 0, 0.25, 1) both;
animation-delay: calc(var(--plot-start, 0s) + var(--o, 0s));
}
.plot .f.svelte-1sxf3ai {
animation: svelte-1sxf3ai-settle 0.5s ease-out both;
animation-delay: calc(var(--plot-start, 0s) + var(--o, 0.55s));
}
.plot .grow.svelte-1sxf3ai {
transform-box: fill-box;
transform-origin: 50% 100%;
animation: svelte-1sxf3ai-grow 0.6s cubic-bezier(0.3, 0.9, 0.3, 1) both;
animation-delay: calc(var(--plot-start, 0s) + var(--o, 0.55s));
}
@keyframes svelte-1sxf3ai-plot {
from {
stroke-dashoffset: 1;
}
}
@keyframes svelte-1sxf3ai-settle {
from {
opacity: 0;
}
}
@keyframes svelte-1sxf3ai-grow {
from {
transform: scaleY(0);
}
}
@media (prefers-reduced-motion: reduce) {
.plot .d.svelte-1sxf3ai,
.plot .f.svelte-1sxf3ai,
.plot .grow.svelte-1sxf3ai {
animation: none;
}
}
.grid.svelte-1sxf3ai,
.cellgrid.svelte-1sxf3ai {
stroke: var(--sheet-grid);
stroke-width: 0.3;
}
.hair.svelte-1sxf3ai {
stroke: var(--sheet-hair);
stroke-width: 0.35;
}
.frame.svelte-1sxf3ai {
stroke: var(--sheet-ink);
stroke-width: 0.5;
}
.edge.svelte-1sxf3ai {
stroke: var(--sheet-line);
stroke-width: 0.6;
}
.line.svelte-1sxf3ai {
stroke: var(--sheet-ink);
stroke-width: 0.55;
}
.cell.svelte-1sxf3ai {
stroke: var(--sheet-paper);
stroke-width: 0.35;
opacity: 0.7;
}
.dim.svelte-1sxf3ai {
stroke: var(--sheet-line);
stroke-width: 0.4;
}
.bus.svelte-1sxf3ai {
stroke: var(--sheet-ink);
stroke-width: 1.4;
}
.sun-path.svelte-1sxf3ai {
stroke: var(--sheet-sun);
stroke-width: 0.6;
}
.sun-ray.svelte-1sxf3ai {
stroke: var(--sheet-sun);
stroke-width: 0.7;
}
.contour.svelte-1sxf3ai {
stroke: var(--sheet-terrain);
stroke-width: 0.4;
}
.contour.index.svelte-1sxf3ai {
stroke-width: 0.9;
}
.terrain.svelte-1sxf3ai {
stroke: var(--sheet-terrain);
stroke-width: 0.9;
}
.section.svelte-1sxf3ai {
stroke: var(--sheet-ink);
stroke-width: 0.6;
}
.road.svelte-1sxf3ai {
stroke: var(--sheet-paper);
stroke-width: 1.6;
}
.stamp-line.svelte-1sxf3ai {
stroke: var(--sheet-stamp);
stroke-width: 1.1;
}
.xl-select.svelte-1sxf3ai {
stroke: var(--sheet-xl);
stroke-width: 1.4;
}
.xl-total.svelte-1sxf3ai {
stroke: var(--sheet-ink);
stroke-width: 0.35;
}
.hatch.svelte-1sxf3ai {
stroke-width: 0.75;
}
.hatch.cut.svelte-1sxf3ai {
stroke: var(--sheet-cut);
}
.hatch.fill.svelte-1sxf3ai {
stroke: var(--sheet-fill);
}
.ink.svelte-1sxf3ai {
fill: var(--sheet-ink);
}
.soft.svelte-1sxf3ai {
fill: var(--sheet-ink);
fill-opacity: 0.42;
}
.faint.svelte-1sxf3ai {
fill: var(--sheet-ink);
fill-opacity: 0.16;
}
.pv.svelte-1sxf3ai {
fill: var(--sheet-pv);
}
.pv-2.svelte-1sxf3ai {
fill: var(--sheet-pv-2);
}
.loss.svelte-1sxf3ai {
fill: var(--sheet-cut);
fill-opacity: 0.8;
}
.shadow.svelte-1sxf3ai {
fill: var(--sheet-ink);
fill-opacity: 0.07;
}
.skid-top.svelte-1sxf3ai {
fill: var(--sheet-paper);
stroke: var(--sheet-ink);
stroke-width: 0.5;
}
.skid-side.svelte-1sxf3ai {
fill: var(--sheet-ink);
fill-opacity: 0.55;
}
.skid-front.svelte-1sxf3ai {
fill: var(--sheet-ink);
fill-opacity: 0.32;
}
.sun-disc.svelte-1sxf3ai {
fill: var(--sheet-sun);
}
.zone.svelte-1sxf3ai {
opacity: 1;
}
.zone-key.svelte-1sxf3ai {
stroke: var(--sheet-hair);
stroke-width: 0.3;
}
.earth.svelte-1sxf3ai {
fill: var(--sheet-terrain);
fill-opacity: 0.08;
}
.site.svelte-1sxf3ai {
fill: var(--sheet-line);
fill-opacity: 0.05;
}
.header-row.svelte-1sxf3ai,
.chrome-2.svelte-1sxf3ai {
fill: var(--sheet-chrome);
}
.chrome.svelte-1sxf3ai {
fill: var(--sheet-chrome-2);
}
.paper-tab.svelte-1sxf3ai {
fill: var(--sheet-paper);
}
.xl-band.svelte-1sxf3ai {
fill: var(--sheet-xl);
fill-opacity: 0.1;
}
.xl-ink.svelte-1sxf3ai,
.xl-handle.svelte-1sxf3ai {
fill: var(--sheet-xl);
}
.cost.svelte-1sxf3ai {
fill: var(--sheet-pv);
}
.cost.c1.svelte-1sxf3ai {
fill-opacity: 0.82;
}
.cost.c2.svelte-1sxf3ai {
fill-opacity: 0.64;
}
.cost.c3.svelte-1sxf3ai {
fill-opacity: 0.48;
}
.cost.c4.svelte-1sxf3ai {
fill-opacity: 0.34;
}
.cost.c5.svelte-1sxf3ai {
fill: var(--sheet-sun);
}
text.svelte-1sxf3ai {
fill: var(--sheet-ink);
}
.title.svelte-1sxf3ai {
font-size: 12px;
font-weight: 600;
letter-spacing: -0.01em;
}
.label.svelte-1sxf3ai {
font-size: 4.2px;
fill-opacity: 0.66;
}
.label.strong.svelte-1sxf3ai {
font-weight: 600;
fill-opacity: 0.9;
}
.fx.svelte-1sxf3ai {
font-style: italic;
}
.formula.svelte-1sxf3ai {
fill-opacity: 0.85;
}
.stamp-text.svelte-1sxf3ai {
fill: var(--sheet-stamp);
font-size: 9px;
font-weight: 700;
}
.artifact-pane.svelte-i7cq8x {
display: grid;
grid-template-rows: auto minmax(0, 1fr);
height: 100%;
min-width: 0;
min-height: 0;
background: var(--color-white);
}
/* Tabs scroll sideways when they do not fit; the strip never wraps into a second row. */
.tab-strip.svelte-i7cq8x {
display: flex;
min-width: 0;
height: 36px;
overflow-x: auto;
background: var(--color-alt, #f4f6f7);
border-bottom: 1px solid var(--color-divider);
scrollbar-width: none;
}
.tab.svelte-i7cq8x {
position: relative;
display: flex;
flex: 0 1 220px;
align-items: center;
min-width: 96px;
border-right: 1px solid var(--color-divider);
color: var(--color-main-medium);
}
.tab.selected.svelte-i7cq8x {
background: var(--color-white);
color: var(--color-main-dark);
/* The active tab joins the document below it. */
margin-bottom: -1px;
box-shadow: inset 0 2px 0 var(--color-primary);
}
.tab.svelte-i7cq8x [role=tab]:where(.svelte-i7cq8x) {
display: flex;
flex: 1;
align-items: center;
gap: 6px;
min-width: 0;
height: 100%;
padding: 0 4px 0 10px;
border: 0;
background: transparent;
color: inherit;
font: inherit;
font-size: 12px;
text-align: left;
cursor: pointer;
}
.tab.svelte-i7cq8x [role=tab]:where(.svelte-i7cq8x):focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: -2px;
}
.label.svelte-i7cq8x {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tab.selected.svelte-i7cq8x .label:where(.svelte-i7cq8x) {
font-weight: 600;
}
.dot.svelte-i7cq8x {
flex: none;
width: 6px;
height: 6px;
border-radius: 1px;
background: var(--color-main-light);
}
.tab[data-kind=pdf].svelte-i7cq8x .dot:where(.svelte-i7cq8x) {
background: #c4583b;
}
.tab[data-kind=xlsx].svelte-i7cq8x .dot:where(.svelte-i7cq8x) {
background: #1f7a4d;
}
.tab[data-kind=png].svelte-i7cq8x .dot:where(.svelte-i7cq8x),
.tab[data-kind=jpg].svelte-i7cq8x .dot:where(.svelte-i7cq8x),
.tab[data-kind=jpeg].svelte-i7cq8x .dot:where(.svelte-i7cq8x),
.tab[data-kind=webp].svelte-i7cq8x .dot:where(.svelte-i7cq8x) {
background: #1d5fae;
}
.tab[data-kind=template].svelte-i7cq8x .dot:where(.svelte-i7cq8x) {
background: transparent;
box-shadow: inset 0 0 0 1.5px #1d5fae;
}
.tab-close.svelte-i7cq8x {
display: grid;
flex: none;
place-items: center;
width: 22px;
height: 22px;
margin-right: 6px;
padding: 0;
border: 0;
border-radius: 4px;
background: transparent;
color: var(--color-main-medium);
cursor: pointer;
opacity: 0;
}
.tab-close.svelte-i7cq8x svg {
width: 12px;
height: 12px;
}
.tab-close.svelte-i7cq8x:hover {
background: var(--color-alt-active, rgba(16, 19, 20, 0.08));
color: var(--color-main-dark);
}
.tab.selected.svelte-i7cq8x .tab-close:where(.svelte-i7cq8x),
.tab.svelte-i7cq8x:hover .tab-close:where(.svelte-i7cq8x),
.tab.svelte-i7cq8x:focus-within .tab-close:where(.svelte-i7cq8x) {
opacity: 1;
}
@media (hover: none) {
.tab-close.svelte-i7cq8x {
opacity: 1;
}
}
.pane-body.svelte-i7cq8x {
position: relative;
min-height: 0;
}
.tab-panel.svelte-i7cq8x {
position: absolute;
inset: 0;
}
.tab-panel[hidden].svelte-i7cq8x {
display: none;
}
@charset "UTF-8";
.document.svelte-14hxhc5 {
display: flex;
flex-direction: column;
height: 100%;
min-height: 0;
background: var(--color-white);
color: var(--color-main-dark);
font-size: 13px;
outline: none;
}
/* One header for every kind of document: what it is on the left, what you can do with it on the right. */
.doc-bar.svelte-14hxhc5 {
display: flex;
flex: none;
align-items: center;
gap: 12px;
min-height: 44px;
padding: 4px 8px 4px 16px;
border-bottom: 1px solid var(--color-divider);
box-sizing: border-box;
}
.doc-title.svelte-14hxhc5 {
display: grid;
flex: 1;
min-width: 0;
}
.doc-title.svelte-14hxhc5 strong:where(.svelte-14hxhc5),
.doc-title.svelte-14hxhc5 .doc-meta:where(.svelte-14hxhc5) {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.doc-title.svelte-14hxhc5 strong:where(.svelte-14hxhc5) {
font-size: 13px;
line-height: 18px;
font-weight: 600;
}
.doc-meta.svelte-14hxhc5 {
font-size: 12px;
line-height: 16px;
color: var(--color-main-medium);
}
.doc-meta.svelte-14hxhc5 > span:where(.svelte-14hxhc5) + span:where(.svelte-14hxhc5)::before {
content: "·";
margin: 0 4px;
}
.doc-meta.svelte-14hxhc5 .status:where(.svelte-14hxhc5) {
color: var(--color-main-dark);
}
.doc-actions.svelte-14hxhc5 {
display: flex;
flex: none;
gap: 2px;
}
.icon.svelte-14hxhc5 {
display: grid;
place-items: center;
width: 32px;
height: 32px;
padding: 0;
border: 0;
border-radius: 6px;
background: transparent;
color: var(--color-main-medium);
cursor: pointer;
}
.icon.svelte-14hxhc5:hover:not(:disabled) {
background: var(--color-alt);
color: var(--color-main-dark);
}
.icon[aria-pressed=true].svelte-14hxhc5 {
color: var(--color-primary);
}
.icon.svelte-14hxhc5:disabled {
opacity: 0.5;
cursor: default;
}
.icon.svelte-14hxhc5:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: -2px;
}
/* Template or its sample: two states of one document, so a segmented switch rather than tabs. */
.segmented.svelte-14hxhc5 {
display: flex;
flex: none;
padding: 2px;
border-radius: 6px;
background: var(--color-alt);
}
.segmented.svelte-14hxhc5 button:where(.svelte-14hxhc5) {
height: 26px;
padding: 0 10px;
border: 0;
border-radius: 4px;
background: transparent;
color: var(--color-main-medium);
font: inherit;
font-size: 12px;
cursor: pointer;
}
.segmented.svelte-14hxhc5 button[aria-pressed=true]:where(.svelte-14hxhc5) {
background: var(--color-white);
color: var(--color-main-dark);
font-weight: 600;
box-shadow: 0 0 0 1px var(--color-divider);
}
.segmented.svelte-14hxhc5 button:where(.svelte-14hxhc5):focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: -2px;
}
.doc-notice.svelte-14hxhc5 {
flex: none;
margin: 0;
padding: 6px 16px;
border-bottom: 1px solid var(--color-divider);
background: var(--color-alt);
font-size: 12px;
line-height: 16px;
color: var(--color-main-dark);
}
.doc-notice--warning.svelte-14hxhc5 {
background: var(--color-danger-light);
}
/* The document and, while marking, the list of marks beside it. */
.doc-main.svelte-14hxhc5 {
container-type: inline-size;
flex: 1;
min-height: 0;
display: flex;
}
.doc-body.svelte-14hxhc5 {
position: relative;
container-type: inline-size;
flex: 1;
min-width: 0;
min-height: 0;
display: flex;
flex-direction: column;
}
/* The list gives way to the pages on a narrow pane; numbers and notes stay on the pages. */
@container (max-width: 720px) {
.doc-main.svelte-14hxhc5 > .marks {
display: none;
}
}
/* Marking: the document itself is the thing being edited, so it says so with an accent frame. */
.marking.svelte-14hxhc5 .doc-body:where(.svelte-14hxhc5) {
box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--color-primary) 55%, transparent);
}
.marking.svelte-14hxhc5 .doc-bar:where(.svelte-14hxhc5) {
background: color-mix(in srgb, var(--color-primary) 5%, var(--color-white));
}
.marking.svelte-14hxhc5 .doc-title:where(.svelte-14hxhc5) {
flex: 0 1 auto;
}
.markup-bar.svelte-14hxhc5 {
display: flex;
flex: 1 1 auto;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 4px 10px;
min-width: 0;
}
.markup-spacer.svelte-14hxhc5 {
flex: 1;
}
.text-button.svelte-14hxhc5,
.primary-button.svelte-14hxhc5 {
display: inline-flex;
flex: none;
align-items: center;
gap: 6px;
height: 30px;
padding: 0 10px;
border: 1px solid transparent;
border-radius: 6px;
background: transparent;
color: inherit;
font: inherit;
font-size: 13px;
white-space: nowrap;
cursor: pointer;
}
.text-button.svelte-14hxhc5:disabled,
.primary-button.svelte-14hxhc5:disabled {
opacity: 0.5;
cursor: default;
}
.text-button.svelte-14hxhc5:focus-visible,
.primary-button.svelte-14hxhc5:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.text-button.svelte-14hxhc5:hover:not(:disabled) {
background: var(--color-alt);
}
.primary-button.svelte-14hxhc5 {
padding: 0 12px;
background: var(--color-primary);
color: var(--color-white);
font-weight: 600;
}
.primary-button.svelte-14hxhc5:hover:not(:disabled) {
filter: brightness(1.08);
}
/* The way out is printed on the button itself, so leaving markup needs no guessing. */
kbd.svelte-14hxhc5 {
padding: 0 4px;
border: 1px solid var(--color-divider);
border-bottom-width: 2px;
border-radius: 4px;
color: var(--color-main-medium);
font-family: inherit;
font-size: 11px;
line-height: 16px;
}
.pdf-host.svelte-14hxhc5 {
position: relative;
flex: 1;
min-height: 0;
}
.pdf-host.svelte-14hxhc5 .pdf-viewer {
position: absolute;
inset: 0;
}
.image-host.svelte-14hxhc5 {
container-type: size;
flex: 1;
min-height: 0;
display: grid;
place-items: center;
overflow: auto;
padding: 16px;
background: var(--color-alt);
}
/* Sized by the image, so marks laid over it cover exactly the picture. */
.image-frame.svelte-14hxhc5 {
position: relative;
display: block;
line-height: 0;
}
.image-frame.svelte-14hxhc5 img:where(.svelte-14hxhc5) {
display: block;
max-width: calc(100cqw - 32px);
max-height: calc(100cqh - 32px);
background: var(--color-white);
box-shadow: 0 0 0 1px var(--color-divider);
user-select: none;
}
.state.svelte-14hxhc5 {
margin: 0;
padding: 16px;
color: var(--color-main-medium);
}
.state.svelte-14hxhc5 p:where(.svelte-14hxhc5) {
margin: 0 0 8px;
}
.link.svelte-14hxhc5 {
padding: 0;
border: 0;
background: none;
color: var(--color-primary);
font: inherit;
cursor: pointer;
}
/* The template sheet beside its facts when the pane is wide, above them when it is narrow. */
.template-about.svelte-14hxhc5 {
flex: 1;
min-height: 0;
overflow: auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
align-items: start;
gap: 28px;
padding: 28px;
background: var(--color-white-hover, #e9edf0);
}
.about-sheet.svelte-14hxhc5 {
justify-self: center;
width: min(100%, 62vh * var(--ratio));
background: #fff;
box-shadow: 0 0 0 1px rgba(16, 19, 20, 0.1), 0 10px 24px -14px rgba(16, 19, 20, 0.35);
--plot-duration: 1.4s;
--plot-start: 0.05s;
}
.about-text.svelte-14hxhc5 {
display: grid;
gap: 12px;
}
.about-text.svelte-14hxhc5 p:where(.svelte-14hxhc5) {
margin: 0;
line-height: 19px;
}
.about-text.svelte-14hxhc5 dl:where(.svelte-14hxhc5) {
display: grid;
grid-template-columns: auto 1fr;
gap: 4px 12px;
margin: 0;
font-size: 12px;
}
.about-text.svelte-14hxhc5 dl:where(.svelte-14hxhc5) dt:where(.svelte-14hxhc5) {
color: var(--color-main-light);
}
.about-text.svelte-14hxhc5 dl:where(.svelte-14hxhc5) dd:where(.svelte-14hxhc5) {
margin: 0;
overflow-wrap: anywhere;
}
.about-text.svelte-14hxhc5 dl:where(.svelte-14hxhc5) dd:where(.svelte-14hxhc5) span:where(.svelte-14hxhc5) {
color: var(--color-main-medium);
}
.about-note.svelte-14hxhc5 {
font-size: 12px;
color: var(--color-main-medium);
}
.about-actions.svelte-14hxhc5 {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
@container (max-width: 620px) {
.template-about.svelte-14hxhc5 {
grid-template-columns: 1fr;
padding: 20px;
}
}
@charset "UTF-8";
.files-browser.svelte-12wj060 {
display: grid;
grid-template-rows: auto minmax(0, 1fr);
height: 100%;
min-height: 0;
font-size: 13px;
}
.files-bar.svelte-12wj060 {
display: flex;
align-items: center;
min-height: 44px;
padding: 10px 16px 6px 28px;
box-sizing: border-box;
}
.files-bar.svelte-12wj060 h2:where(.svelte-12wj060) {
margin: 0;
font-size: 15px;
line-height: 22px;
font-weight: 600;
}
.files-scroll.svelte-12wj060 {
overflow: auto;
padding: 4px 20px 32px;
scrollbar-width: thin;
}
.group.svelte-12wj060 {
max-width: 880px;
margin: 0 auto 20px;
}
h3.svelte-12wj060,
summary.svelte-12wj060 {
margin: 0 0 4px;
padding: 4px 8px;
font-size: 12px;
font-weight: 600;
color: var(--color-main-medium);
}
summary.svelte-12wj060 {
width: fit-content;
border-radius: 4px;
cursor: pointer;
}
summary.svelte-12wj060:focus-visible {
outline: 2px solid var(--color-primary);
}
.file-rows.svelte-12wj060 {
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid var(--color-divider);
}
.file-row.svelte-12wj060 {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
min-height: 48px;
padding: 6px 8px;
border: 0;
border-bottom: 1px solid var(--color-divider);
background: transparent;
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
}
.file-row.svelte-12wj060:hover {
background: var(--color-alt);
}
.file-row[aria-current=true].svelte-12wj060 {
background: var(--color-alt-active, var(--color-alt));
box-shadow: inset 2px 0 0 var(--color-primary);
}
.file-row.svelte-12wj060:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: -2px;
}
/* File type as a small stamp: the colour says which viewer opens it. */
.kind.svelte-12wj060 {
flex: none;
display: grid;
place-items: center;
width: 40px;
height: 22px;
border-radius: 4px;
background: var(--color-alt);
color: var(--color-main-medium);
font-size: 10px;
font-weight: 700;
letter-spacing: 0.02em;
}
.kind[data-kind=PDF].svelte-12wj060 {
background: rgba(196, 88, 59, 0.12);
color: #a2452c;
}
.kind[data-kind=XLSX].svelte-12wj060 {
background: rgba(31, 122, 77, 0.12);
color: #1f7a4d;
}
.kind[data-kind=PNG].svelte-12wj060, .kind[data-kind=JPG].svelte-12wj060, .kind[data-kind=JPEG].svelte-12wj060, .kind[data-kind=WEBP].svelte-12wj060 {
background: rgba(29, 95, 174, 0.1);
color: #1d5fae;
}
.name.svelte-12wj060 {
display: grid;
min-width: 0;
}
.title.svelte-12wj060 {
font-weight: 500;
overflow-wrap: anywhere;
}
.meta.svelte-12wj060 {
font-size: 12px;
color: var(--color-main-medium);
overflow-wrap: anywhere;
}
.meta.svelte-12wj060 > span:where(.svelte-12wj060) + span:where(.svelte-12wj060)::before {
content: "·";
margin: 0 4px;
}
.meta.svelte-12wj060 .status:where(.svelte-12wj060) {
color: var(--color-main-dark);
}
.empty.svelte-12wj060 {
max-width: 880px;
margin: 8px auto;
padding: 0 8px;
color: var(--color-main-medium);
}
.sheet-view.svelte-htarcj {
display: flex;
flex-direction: column;
height: 100%;
min-height: 0;
background: var(--color-white);
font-size: 12px;
}
.state.svelte-htarcj {
margin: 16px;
color: var(--color-main-medium);
font-size: 13px;
}
.grid-scroll.svelte-htarcj {
flex: 1;
min-height: 0;
overflow: auto;
scrollbar-width: thin;
scrollbar-color: var(--color-divider) transparent;
}
.grid-scroll.svelte-htarcj:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: -2px;
}
table.svelte-htarcj {
border-collapse: separate;
border-spacing: 0;
table-layout: fixed;
font-variant-numeric: tabular-nums;
}
.row-number-col.svelte-htarcj {
width: 44px;
}
th.svelte-htarcj,
td.svelte-htarcj {
height: 24px;
padding: 0 6px;
border-right: 1px solid var(--color-divider);
border-bottom: 1px solid var(--color-divider);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 24px;
text-align: left;
}
td.numeric.svelte-htarcj {
text-align: right;
}
td.bold.svelte-htarcj {
font-weight: 600;
}
thead.svelte-htarcj th:where(.svelte-htarcj),
tbody.svelte-htarcj th:where(.svelte-htarcj) {
position: sticky;
background: var(--color-alt, #f4f6f7);
color: var(--color-main-medium);
font-weight: 500;
z-index: 1;
}
thead.svelte-htarcj th:where(.svelte-htarcj) {
top: 0;
text-align: center;
}
tbody.svelte-htarcj th:where(.svelte-htarcj) {
left: 0;
text-align: right;
}
.corner.svelte-htarcj {
left: 0;
z-index: 2;
}
.truncated.svelte-htarcj {
margin: 0;
padding: 8px 12px;
color: var(--color-main-medium);
}
.sheet-tabs.svelte-htarcj {
display: flex;
flex: none;
gap: 2px;
overflow-x: auto;
padding: 0 8px;
border-top: 1px solid var(--color-divider);
background: var(--color-alt, #f4f6f7);
scrollbar-width: none;
}
.sheet-tabs.svelte-htarcj button:where(.svelte-htarcj) {
flex: none;
height: 28px;
padding: 0 12px;
border: 0;
border-top: 2px solid transparent;
background: transparent;
color: var(--color-main-medium);
font: inherit;
cursor: pointer;
}
.sheet-tabs.svelte-htarcj button[aria-selected=true]:where(.svelte-htarcj) {
border-top-color: var(--color-xl, #1f7a4d);
background: var(--color-white);
color: var(--color-main-dark);
font-weight: 600;
}
.sheet-tabs.svelte-htarcj button:where(.svelte-htarcj):focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: -2px;
}
.visually-hidden.svelte-htarcj {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.root.svelte-18t15q {
position: relative;
display: flex;
}
.mdc-menu-surface--anchor.svelte-18t15q {
position: absolute;
left: 0;
bottom: 0;
right: 0;
}
.mdc-menu-surface.svelte-18t15q {
width: max-content;
}
.mdc-icon-button.svelte-18t15q {
width: 24px;
height: 24px;
padding: 0;
margin-left: 12px;
background-color: var(--mdc-theme-surface);
border-radius: 100%;
}
.container.svelte-navg2n {
display: flex;
height: 100%;
flex-direction: column;
transition-delay: 0s;
transition: opacity 0.5s;
}
.block-selector-container.svelte-navg2n {
padding: 0 10px;
max-width: 400px;
min-width: 300px;
}
.chart-container.svelte-106wsrx {
overflow: auto;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
gap: 15px;
padding: 15px;
}
.chart-container.svelte-106wsrx .chart-item:where(.svelte-106wsrx) {
box-sizing: border-box;
padding: 20px 0px;
}
.buttons.svelte-pgfnc {
display: flex;
gap: 15px;
align-items: center;
}
.buttons.svelte-pgfnc .wrapper span {
font-weight: bolder;
}
.toolbar.svelte-pgfnc {
display: flex;
justify-content: space-between;
margin: 0 3px;
padding-left: 3px;
padding-right: 10px;
margin-bottom: 10px;
background: #eceff1;
}
.menus.svelte-pgfnc {
display: flex;
gap: 5px;
}
.tabs.svelte-pgfnc {
display: flex;
overflow: hidden;
cursor: pointer;
padding: 3px;
}
.tabs.svelte-pgfnc .item:where(.svelte-pgfnc) {
text-wrap: nowrap;
margin: 2px;
padding: 3px 10px;
border-radius: 2px;
transition: background 200ms;
}
.tabs.svelte-pgfnc .item.selected:where(.svelte-pgfnc) {
background: white;
}
.container.svelte-pgfnc {
display: flex;
height: 100%;
flex-direction: column;
transition-delay: 0s;
transition: opacity 0.5s;
margin: 0 -8px;
}
.container.cost-model-loading.svelte-pgfnc {
opacity: 0.8;
transition-delay: 300ms;
}
.cost-model-table {
flex: 1;
--ag-font-family: "Source Sans";
--ag-font-size: 14px;
--ag-cell-horizontal-padding: 7px;
--ag-header-text-color: black;
--ag-header-font-weight: 600;
--ag-header-height: 16px;
--ag-header-column-border: 0;
--ag-odd-row-background-color: white;
--ag-row-hover-color: var(--color-alt);
--ag-pinned-column-border: 0;
}
.cost-model-table .ag-grid-header-align-left .ag-header-cell-label {
display: flex;
justify-content: flex-start;
}
.cost-model-table .ag-grid-header-align-right .ag-header-cell-label {
display: flex;
justify-content: flex-end;
}
.cost-model-table .ag-row.ag-grid-row-with-top-border {
border-top: 1px solid var(--ag-border-color);
}
.cost-model-table .ag-cell {
z-index: 1;
}
.cost-model-table .ag-cell.ag-grid-dropdown-cell.ag-cell-not-inline-editing {
display: flex;
align-items: center;
gap: 1px;
}
.cost-model-table .ag-cell.ag-grid-dropdown-cell.ag-cell-not-inline-editing.ag-grid-cell-editable-highlight::before {
content: url('data:image/svg+xml;utf8,');
width: 16px;
height: 16px;
position: relative;
top: -1px;
z-index: -1;
}
.cost-model-table .ag-cell.ag-grid-dropdown-cell.ag-cell-not-inline-editing:not(.ag-grid-dropdown-cell-right-aligned) {
justify-content: space-between;
}
.cost-model-table .ag-cell.ag-grid-dropdown-cell.ag-cell-not-inline-editing.ag-grid-dropdown-cell-right-aligned {
justify-content: space-between;
flex-direction: row-reverse;
}
.cost-model-table .ag-cell::after {
content: "";
border-radius: 1px;
background: transparent;
position: absolute;
z-index: -2;
inset: 2px;
top: auto;
height: 21px;
}
.cost-model-table .ag-cell.ag-grid-cell-editable-highlight::after {
background: #103a52;
opacity: 0.08;
}
.cost-model-table .ag-cell.ag-grid-cell-overriden-highlight::after {
background: #c6e6ad;
}
.cost-model-table .ag-cell.ag-cell-inline-editing input {
text-align: right;
}
.cost-model-table .ag-grid-cell-ignored {
opacity: 0.5;
}
.cost-model-table .ag-header-cell {
display: flex;
align-items: flex-start;
text-align: right;
}
.cost-model-table .ag-grid-cell-bold {
font-weight: 650;
}
.cost-model-table .ag-row {
border: none;
}
.cost-model-table .ag-root-wrapper {
border: none;
}
.cost-model-table .ag-header {
background: transparent;
}
.cost-model-table .ag-rich-select .ag-picker-field-display {
flex: none;
}
.cost-model-table .ag-rich-select .ag-rich-select-value {
justify-content: space-between;
}
.cost-model-table .ag-header .ag-header-cell:before {
opacity: 0;
transition: opacity 200ms;
}
.cost-model-table .ag-header .ag-pinned-left-header {
border-right-color: rgba(0, 0, 0, 0);
}
.cost-model-table .ag-header:hover .ag-header-cell:before {
opacity: 1;
}
.cost-model-table .ag-header:hover .ag-pinned-left-header {
border-right-color: var(--ag-border-color);
}
.cost-model-table .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-focus) {
border-right: none;
}
.cost-model-table .ag-horizontal-left-spacer {
visibility: hidden;
}
.cost-model-table .ag-floating-bottom {
--ag-pinned-row-border: 1px solid var(--ag-border-color);
overflow-y: auto !important;
}
.CM-toolbar {
display: flex;
justify-content: space-between;
margin: 0 3px;
padding-left: 3px;
padding-right: 10px;
margin-bottom: 10px;
}
.CM-tabs {
display: flex;
overflow: hidden;
cursor: pointer;
padding: 3px;
}
.CM-tabs .item {
text-wrap: nowrap;
margin: 2px;
padding: 3px 10px;
border-radius: 2px;
transition: border-color 200ms;
border-bottom: 2px solid transparent;
}
.CM-tabs .item.selected {
border-color: black;
}
.container.svelte-1cxa9gx {
padding: 10px;
background: white;
box-shadow: var(--dropdownsimple-box-shadow);
max-width: 250px;
font-family: "Source Sans";
}
h3.svelte-1cxa9gx {
margin: 0 5px;
}
.option.svelte-1cxa9gx {
margin: 1px -10px;
padding: 2px 10px;
}
.option.svelte-1cxa9gx:hover {
background: rgba(0, 0, 0, 0.05);
}
.option.selected-option.svelte-1cxa9gx .option-title:where(.svelte-1cxa9gx) {
color: #4daf00;
position: relative;
}
.option.svelte-1cxa9gx .option-content:where(.svelte-1cxa9gx) {
margin-left: 15px;
margin-bottom: 6px;
cursor: pointer;
}
.option.svelte-1cxa9gx .option-content:where(.svelte-1cxa9gx) .option-title:where(.svelte-1cxa9gx) {
font-size: 16px;
margin: 0;
}
.option.svelte-1cxa9gx .option-content:where(.svelte-1cxa9gx) .option-description:where(.svelte-1cxa9gx) {
font-size: 12px;
opacity: 0.8;
margin: 0;
}
.active-icon.svelte-1cxa9gx {
position: absolute;
left: -15px;
width: 15px;
display: flex;
height: 100%;
top: 0;
justify-content: center;
align-items: center;
}
.icon.svelte-h6dxig {
display: none;
}
.container.svelte-h6dxig {
display: flex;
align-items: center;
cursor: pointer;
}
.container.svelte-h6dxig:hover .icon:where(.svelte-h6dxig) {
flex-shrink: 0;
display: flex;
align-items: center;
margin-left: 4px;
}
.container.svelte-h6dxig .actions:where(.svelte-h6dxig) {
display: flex;
align-items: center;
flex: 1;
justify-content: flex-end;
}
.container.svelte-h6dxig .actions:where(.svelte-h6dxig) .icon:where(.svelte-h6dxig) {
transition: 0.2s transform;
}
.container.svelte-h6dxig .actions:where(.svelte-h6dxig) .icon:where(.svelte-h6dxig):hover {
transform: scale(1.1);
}
.container.svelte-h6dxig .actions:where(.svelte-h6dxig) .icon:where(.svelte-h6dxig):active {
transition: 0.1s transform;
transform: scale(1.2);
}
.title.svelte-h6dxig {
overflow: hidden;
text-overflow: ellipsis;
}
.cost-model-table.svelte-fsm62q {
height: 100%;
}
.container.svelte-fsm62q {
display: flex;
height: 100%;
flex-direction: column;
transition-delay: 0s;
transition: opacity 0.5s;
}
.container1.svelte-unc80a {
display: flex;
font-size: 16px;
align-items: center;
height: inherit;
justify-content: space-between;
margin: 0 7px;
}
.container1.svelte-unc80a b:where(.svelte-unc80a) {
font-weight: 600;
}
.panel-container.svelte-8w0sn2 {
padding: 0 8px;
height: 100%;
}
.select-param.svelte-1mlgtlh {
display: flex;
align-items: center;
}
.root.svelte-1mlgtlh {
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
}
.saveStateContainer.svelte-1mlgtlh {
width: 240px;
padding: 0 5px;
height: 100%;
}
.buttons-row.svelte-mnb3yd {
display: flex;
justify-content: space-between;
padding-top: 10px;
}
.root.svelte-mnb3yd {
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
overflow: auto;
width: 100%;
height: 100%;
}
.root.svelte-mnb3yd > div:where(.svelte-mnb3yd) {
width: 240px;
display: flex;
justify-content: center;
flex-direction: column;
}
span.svelte-a2quif {
opacity: 0.6;
cursor: default;
text-overflow: ellipsis;
}
.root.svelte-a2quif {
display: flex;
flex-direction: column;
background: #ddd;
border-radius: 5px;
padding: 0px;
overflow: hidden;
}
p.svelte-a2quif {
margin: 0;
}
.list.svelte-a2quif {
background: #eee;
}
.text-list-item.svelte-a2quif {
overflow: hidden;
white-space: normal;
justify-content: center;
display: flex;
}
.text-list-item.list-item.svelte-a2quif {
cursor: default;
padding: 3px 15px;
justify-content: space-between;
}
.text-list-item.list-item.svelte-a2quif:nth-child(even) {
background: #dde;
}
.text-list-item.list-item.selected-list-item.svelte-a2quif {
background-color: rgba(0, 0, 0, 0.3);
}
.add-btn.svelte-a2quif {
background: #eee;
cursor: pointer;
}
.add-btn.svelte-a2quif:hover {
filter: sepia(0.3);
}
.all-items.svelte-a2quif {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
background: #ddd;
border-radius: 5px;
padding: 0px;
overflow: hidden;
padding: 3px 15px 3px 5px;
}
.items-container.svelte-a2quif {
overflow: auto;
}
.chart-container.svelte-tnem7r {
text-align: center;
margin-top: auto;
}
.chart-container.svelte-tnem7r svg {
width: 100%;
height: 100%;
}
.img-container.svelte-11zgvrf {
display: flex;
justify-content: center;
}
.text-container.svelte-11zgvrf {
display: flex;
align-items: center;
height: 90px;
}
.help-text.svelte-11zgvrf {
font-size: 13px;
font-style: italic;
padding: 0 8px;
display: -webkit-box;
-webkit-box-orient: vertical;
line-clamp: 5;
-webkit-line-clamp: 5;
overflow: hidden;
}
.civil-panel .interactive-row {
cursor: pointer;
}
.civil-panel .interactive-prop::before {
content: "";
position: absolute;
left: 14px;
height: 18px;
width: 2px;
display: block;
}
.civil-panel .interactive-prop.highlight::before {
background-color: var(--color-primary);
}
.grading-group.svelte-drxgam .group.collapsible,
.grading-group.svelte-drxgam .group.collapsible > .group-title-container,
.grading-group.svelte-drxgam .group.collapsible > .group-content {
background: none;
}
.grading-group.svelte-drxgam .group.collapsible > .group-title-container {
padding-left: 4px;
margin-bottom: 4px;
}
.grading-group.svelte-drxgam .group.collapsible .property-group-name {
padding-left: 0;
font-weight: 400;
}
.grading-group.svelte-drxgam .group.collapsible .property-name-label {
margin-left: 0;
}
.racking-group.svelte-drxgam .text-order {
margin-left: auto;
color: var(--color-main-light);
}
.sticky-chart.svelte-drxgam {
position: absolute;
bottom: 0;
width: calc(100% - 8px);
}
.inline-content.svelte-drxgam {
display: flex;
gap: 4px;
align-items: center;
}
.content.svelte-drxgam {
padding: 0 8px;
}
.footer-content.svelte-drxgam > :where(.svelte-drxgam) {
width: 50%;
box-sizing: border-box;
}
.footer-content.svelte-drxgam .mdc-button {
width: 100%;
}
.footer-content.svelte-drxgam .btn:where(.svelte-drxgam) {
width: 16px;
height: 16px;
}
.cut-fill-warning-panel.svelte-drxgam {
padding-top: 4px;
}
.cut-fill-warning-panel.svelte-drxgam .container,
.cut-fill-warning-panel.svelte-drxgam .group,
.cut-fill-warning-panel.svelte-drxgam .group-content {
margin: 0;
}
.active-workspace-widget.svelte-pyjm9b {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 4px 12px 4px 6px;
background-color: var(--mdc-theme-surface, #ffffff);
border: 1px solid var(--mdc-theme-on-surface-divider, #e2e8f0);
border-radius: 8px;
font-family: inherit;
text-align: left;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
flex-shrink: 0;
}
.active-workspace-widget.is-clickable.svelte-pyjm9b {
cursor: pointer;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.active-workspace-widget.is-clickable.svelte-pyjm9b:hover {
border-color: var(--mdc-theme-primary, #3b82f6);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.active-workspace-widget.is-clickable.svelte-pyjm9b:hover .avatar-identicon:where(.svelte-pyjm9b) {
opacity: 0;
}
.active-workspace-widget.is-clickable.svelte-pyjm9b:hover .avatar-switch-icon:where(.svelte-pyjm9b) {
opacity: 1;
transform: scale(1);
}
.active-workspace-widget.is-clickable.svelte-pyjm9b:active {
transform: translateY(1px);
}
.active-workspace-widget.is-clickable.svelte-pyjm9b:focus-visible {
outline: 2px solid var(--mdc-theme-primary, #3b82f6);
outline-offset: 2px;
}
.active-workspace-widget.is-clickable.svelte-pyjm9b:focus-visible .avatar-identicon:where(.svelte-pyjm9b) {
opacity: 0;
}
.active-workspace-widget.is-clickable.svelte-pyjm9b:focus-visible .avatar-switch-icon:where(.svelte-pyjm9b) {
opacity: 1;
transform: scale(1);
}
.active-workspace-avatar.svelte-pyjm9b {
position: relative;
width: 32px;
height: 32px;
min-width: 32px;
border-radius: 6px;
overflow: hidden;
z-index: 0;
border: 1px solid var(--mdc-theme-on-surface-divider, #e2e8f0);
background-color: #ffffff;
}
.avatar-identicon.svelte-pyjm9b {
position: absolute;
inset: 0;
transition: opacity 0.18s ease-in-out;
}
.avatar-switch-icon.svelte-pyjm9b {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--mdc-theme-primary, #3b82f6);
color: #ffffff;
opacity: 0;
transform: scale(0.9);
transition: opacity 0.18s ease-in-out, transform 0.18s ease-in-out;
}
.active-workspace-content.svelte-pyjm9b {
display: flex;
flex-direction: column;
gap: 1px;
}
.active-workspace-title.svelte-pyjm9b {
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--mdc-theme-text-secondary-on-background, #64748b);
line-height: 1.1;
}
.active-workspace-name.svelte-pyjm9b {
font-size: 13px;
font-weight: 600;
color: var(--mdc-theme-text-primary-on-background, #0f172a);
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1.2;
}
.page-container.svelte-1oxj9nu {
overflow-y: auto;
max-height: 100vh;
padding: 24px;
box-sizing: border-box;
}
.filter-container.svelte-1oxj9nu {
margin: 24px 0;
display: flex;
gap: 24px;
}
.dashboard-mode.svelte-1oxj9nu {
display: flex;
gap: 16px;
white-space: nowrap;
}
.dashboard-mode.svelte-1oxj9nu .custom-icon-container {
padding: 8px;
box-sizing: border-box;
}
.dashboard-mode.svelte-1oxj9nu .icon-container:where(.svelte-1oxj9nu) {
border-radius: 2px;
}
.dashboard-mode.svelte-1oxj9nu .icon-container.selected:where(.svelte-1oxj9nu) {
background-color: var(--color-alt);
}
.empty-container.svelte-1oxj9nu {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
text-align: center;
padding-top: 92px;
}
.creation-error.svelte-1oxj9nu {
margin-bottom: 24px;
color: var(--mdc-theme-error);
}
.pagination.svelte-1oxj9nu {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
margin-top: 24px;
}
.page-container.svelte-1oxj9nu .search-container .mdc-text-field {
min-width: 0;
flex: 1 1 240px;
}
.page-container.svelte-1oxj9nu .search-container .mdc-button {
flex-shrink: 0;
}
.cards.svelte-1oxj9nu {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
grid-gap: 16px;
}
.cards.cards-compact.svelte-1oxj9nu {
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}
.topbar.svelte-1ia81b0 {
position: absolute;
right: 0;
top: 0;
}
.card.svelte-1ia81b0 {
height: 248px;
box-sizing: border-box;
background: #eaebed;
padding: 12px;
cursor: pointer;
overflow: hidden;
z-index: 0;
}
.card-container.svelte-1ia81b0 {
display: flex;
justify-content: space-between;
}
.card-info.svelte-1ia81b0 {
min-width: 0;
}
.project-name.svelte-1ia81b0 {
height: 24px;
margin-bottom: 12px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.project-screenshot.svelte-1ia81b0 {
position: relative;
}
.divider.svelte-1ia81b0 {
height: 1px;
width: calc(100% + 8px);
margin: 0 -4px;
background-color: var(--color-divider);
margin: 4px 0;
}
.info.svelte-1ia81b0 {
margin-bottom: 2px;
}
.info.svelte-1ia81b0 .info-label:where(.svelte-1ia81b0),
.info.svelte-1ia81b0 .info-data:where(.svelte-1ia81b0) {
padding: 2px 0;
}
.info-label.svelte-1ia81b0 {
width: 92px;
margin-right: 4px;
display: inline-block;
}
.info-data.svelte-1ia81b0 {
font-weight: 600;
}
.project-screenshot.svelte-14ipsq1 {
width: var(--size);
height: var(--size);
position: relative;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.preview.svelte-14ipsq1 {
mix-blend-mode: darken;
border-radius: var(--mdc-shape-medium);
text-indent: -10000px;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.topbar.svelte-45kw1t {
position: absolute;
left: 0;
right: 0;
top: 0;
height: 25px;
background-color: rgba(232, 232, 232, 0.8);
display: flex;
justify-content: flex-end;
}
.project-id.svelte-45kw1t {
position: absolute;
left: 9px;
top: 0px;
line-height: 25px;
}
.screenshot.svelte-45kw1t {
display: flex;
justify-content: center;
}
.icons-container.svelte-wpywp8 {
display: flex;
align-items: center;
gap: 8px;
padding: 4px;
}
.search-container.svelte-1qcjwli {
display: flex;
align-items: center;
gap: 16px;
}
.search-container.svelte-1qcjwli {
width: 520px;
}
.new-project-action.svelte-1qcjwli {
flex-shrink: 0;
}
.topbar-container.svelte-x93hbq {
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
width: 100%;
}
.topbar-left.svelte-x93hbq {
display: flex;
align-items: center;
gap: 16px;
}
.user-info.svelte-x93hbq {
display: flex;
align-items: center;
gap: 12px;
margin-left: auto;
}
.root.svelte-1wtix7r {
width: 700px;
height: 80%;
}
.property.svelte-15ybw5z {
justify-content: flex-end;
margin-left: auto;
width: 98%;
}
.container.svelte-9j8t1i {
padding: 0 8px;
}
.root.svelte-1ahljy7 {
padding-bottom: 8px;
margin: 0 -8px 8px -8px;
}
.chart.svelte-1ahljy7 {
width: 99%;
margin: 0 auto;
}
.setup-panel.svelte-1ahljy7,
.visualizations-panel.svelte-1ahljy7 {
display: contents;
}
.import-meteo-container.svelte-1ahljy7 {
padding: 16px 0 8px;
}
.file-errors.svelte-1ahljy7 {
padding: 4px 8px 0;
}
.custom-input-container.svelte-1ahljy7 {
height: auto;
min-height: 26px;
}
.group.svelte-1ahljy7 {
display: flex;
gap: 4px;
padding: 4px 8px;
}
.group-title-container.svelte-1ahljy7 {
cursor: default;
flex: 3;
display: flex;
gap: 4px;
}
.group-info.svelte-1ahljy7 {
flex: 4;
}
.group-info.svelte-1ahljy7 > * {
margin: 0 8px;
}
.file-name.svelte-1ahljy7 {
overflow: hidden;
text-overflow: ellipsis;
}
.root.sweeps-layout.svelte-1ahljy7 {
box-sizing: border-box;
display: grid;
grid-template-columns: minmax(420px, min(600px, 44vw)) minmax(0, 1fr);
gap: 12px;
align-items: stretch;
width: 100%;
height: 100%;
max-width: 100%;
min-height: 0;
margin: 0;
padding: 0;
background: transparent;
border-radius: 0;
}
.root.sweeps-layout.site-panel-resizable.svelte-1ahljy7 {
grid-template-columns: var(--sweeps-site-settings-width) 10px minmax(0, 1fr);
gap: 0;
}
.sweeps-layout.svelte-1ahljy7 .setup-panel:where(.svelte-1ahljy7),
.sweeps-layout.svelte-1ahljy7 .visualizations-panel:where(.svelte-1ahljy7) {
display: flex;
min-width: 0;
}
.sweeps-layout.svelte-1ahljy7 .setup-panel:where(.svelte-1ahljy7) {
flex-direction: column;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
}
.sweeps-layout.svelte-1ahljy7 .setup-panel.settings-content-wrapped:where(.svelte-1ahljy7) {
overflow-x: hidden;
overflow-y: auto;
}
.sweeps-settings-header.svelte-1ahljy7 {
display: flex;
flex: 0 0 auto;
flex-direction: column;
position: sticky;
top: 0;
z-index: 1;
background: var(--sweeps-color-surface);
}
.sweeps-layout.svelte-1ahljy7 .setup-panel:where(.svelte-1ahljy7) .ui-config-property.property-row {
box-sizing: border-box;
flex: 0 0 auto;
gap: 8px;
padding: 0 8px;
width: 100%;
}
.sweeps-layout.svelte-1ahljy7 .setup-panel:where(.svelte-1ahljy7) .ui-config-property.property-row .property-name {
flex: 0 0 136px;
min-width: 0;
}
.sweeps-layout.svelte-1ahljy7 .setup-panel:where(.svelte-1ahljy7) .ui-config-property.property-row .property-value {
flex: 1 1 auto;
width: auto;
min-width: 0;
}
.sweeps-layout.svelte-1ahljy7 .setup-panel:where(.svelte-1ahljy7) .custom-input-container,
.sweeps-layout.svelte-1ahljy7 .setup-panel:where(.svelte-1ahljy7) .selector-input,
.sweeps-layout.svelte-1ahljy7 .setup-panel:where(.svelte-1ahljy7) .custom-svelecte,
.sweeps-layout.svelte-1ahljy7 .setup-panel:where(.svelte-1ahljy7) .custom-multiselect {
min-width: 0;
width: 100%;
max-width: 100%;
}
.sweeps-layout.svelte-1ahljy7 .group:where(.svelte-1ahljy7) {
box-sizing: border-box;
gap: 8px;
padding: 4px 8px;
width: 100%;
}
.sweeps-layout.svelte-1ahljy7 .group-title-container:where(.svelte-1ahljy7) {
flex: 0 0 136px;
min-width: 0;
}
.sweeps-layout.svelte-1ahljy7 .group-title-container:where(.svelte-1ahljy7) .property-name-label,
.sweeps-layout.svelte-1ahljy7 .group-title-container:where(.svelte-1ahljy7) span:where(.svelte-1ahljy7) {
padding-left: 0;
}
.sweeps-layout.svelte-1ahljy7 .group-info:where(.svelte-1ahljy7) {
flex: 1 1 auto;
min-width: 0;
}
.sweeps-layout.svelte-1ahljy7 .group-info:where(.svelte-1ahljy7) > * {
margin: 0;
}
.sweeps-layout.svelte-1ahljy7 .visualizations-panel:where(.svelte-1ahljy7) {
flex-direction: column;
gap: 12px;
height: 100%;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
}
.sweeps-layout.svelte-1ahljy7 .visualization-card:where(.svelte-1ahljy7) {
box-sizing: border-box;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0;
overflow: hidden;
background: #fff;
border: 1px solid #dde3e8;
border-radius: 8px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.sweeps-layout.svelte-1ahljy7 .chart:where(.svelte-1ahljy7) {
padding: 8px;
}
.sweeps-layout.svelte-1ahljy7 .table-card:where(.svelte-1ahljy7) {
min-height: 320px;
}
.sweeps-layout.svelte-1ahljy7 .visualizations-empty-state:where(.svelte-1ahljy7) {
display: grid;
flex: 1 1 auto;
min-height: 220px;
place-items: center;
padding: 24px;
border: 1px solid var(--sweeps-color-line);
border-radius: var(--sweeps-panel-radius);
background: var(--sweeps-color-surface);
color: var(--sweeps-color-muted);
text-align: center;
}
@media (max-width: 760px) {
.root.sweeps-layout.svelte-1ahljy7 {
grid-template-columns: minmax(0, 1fr);
grid-template-rows: minmax(0, 1fr) minmax(280px, 1fr);
}
.root.sweeps-layout.site-panel-resizable.svelte-1ahljy7 {
grid-template-columns: minmax(0, 1fr);
}
.root.sweeps-layout.site-panel-resizable.svelte-1ahljy7 .sweeps-vertical-resize-handle {
display: none;
}
}
.status-spinner.svelte-lbpxlb {
position: absolute;
right: 8px;
top: 8px;
}
.tabs.svelte-1vffjb5 {
position: relative;
}
.root.svelte-1vffjb5 {
width: 100%;
height: 100%;
}
.value.svelte-1u2tnc4 {
overflow: hidden;
text-overflow: ellipsis;
}
.bar-row.svelte-8ce9kw {
display: flex;
gap: 4px;
margin-bottom: 4px;
}
.bar-name.svelte-8ce9kw {
font-weight: 600;
flex: 3;
overflow: hidden;
white-space: nowrap;
line-height: 26px;
}
.bar-data.svelte-8ce9kw {
flex: 4;
}
.chart.svelte-8ce9kw {
display: flex;
gap: 2px;
align-items: center;
}
.chart.hide-bar.svelte-8ce9kw .bar-group:where(.svelte-8ce9kw),
.chart.hide-bar.svelte-8ce9kw .loss-value:where(.svelte-8ce9kw) {
display: none;
}
.bar-group.svelte-8ce9kw {
flex: 1;
position: relative;
display: flex;
gap: 1px;
}
.block.svelte-8ce9kw {
height: 26px;
box-sizing: border-box;
}
.energy-block.svelte-8ce9kw {
background-color: rgba(77, 175, 0, 0.48);
min-width: 1px;
}
.energy-value.svelte-8ce9kw {
line-height: 26px;
position: absolute;
left: 8px;
pointer-events: none;
white-space: nowrap;
}
.loss-value.svelte-8ce9kw {
width: 56px;
flex-shrink: 0;
text-align: end;
position: relative;
}
.info-container.svelte-8ce9kw {
display: flex;
gap: 8px;
max-width: 82px;
justify-content: end;
box-sizing: border-box;
}
.status.svelte-8ce9kw {
display: flex;
gap: 4px;
margin: 5px 8px;
}
.transition.svelte-11uvppl {
position: relative;
width: calc(100% - 58px);
display: flex;
overflow: hidden;
height: 26px;
margin-bottom: 4px;
}
.transition-empty.svelte-11uvppl {
width: 0px;
border-left: 1px solid rgba(77, 175, 0, 0.48);
}
.transition-end.svelte-11uvppl {
position: relative;
top: 0px;
}
.transition-border.svelte-11uvppl {
position: absolute;
top: 0px;
}
.row.svelte-11uvppl {
display: flex;
gap: 4px;
}
.bar-name.svelte-11uvppl {
flex: 3;
}
.bar-data.svelte-11uvppl {
flex: 4;
}
.bar.svelte-omlwo {
margin-bottom: 4px;
}
.bar.svelte-omlwo .group-holder .group.root-level {
margin-top: 4px;
}
.bar.svelte-omlwo .ui-config-property {
--offset: 28px;
}
.warnings.svelte-omlwo {
margin-bottom: 4px;
}
.warning.svelte-omlwo {
padding: 0 8px;
}
.root.svelte-53hoen {
padding: 12px 0;
}
.border-solid.svelte-53hoen {
margin-top: 8px;
border-top: 1px solid var(--color-divider);
}
.bar.svelte-1pepaaf {
padding-bottom: 4px;
padding-top: 20px;
border-bottom: 1px solid var(--color-divider);
}
.bar.svelte-1pepaaf .group-holder .group.root-level {
margin: 4px 0;
}
.bar.svelte-1pepaaf .ui-config-property {
--offset: 28px;
}
.bar.svelte-1pepaaf .info-container {
padding-right: 8px;
}
.bar.empty.svelte-1pepaaf {
padding-top: 8px;
}
.info.svelte-1pepaaf .tooltip-container {
right: 320px;
}
.info.svelte-1pepaaf .mdc-tooltip {
transform: translateX(calc(320px - 100%));
}
.stage-toggle.svelte-1pepaaf {
display: inline-block;
vertical-align: middle;
margin-right: 4px;
height: 22px;
}
.root.svelte-1lbqy2i {
padding: 12px 8px;
}
.error-container.svelte-1yh33jx {
padding: 4px 0;
}
.error-container.svelte-1yh33jx:first-child {
margin-top: 12px;
}
.root.svelte-13do2kj {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
box-sizing: border-box;
padding: 0 8px;
}
.controls-group.svelte-13do2kj {
padding: 5px 0;
display: flex;
width: 170px;
}
.actions-group.svelte-13do2kj {
padding: 2px;
display: flex;
justify-content: center;
}
.info.svelte-n8xwiu {
padding: 8px 16px;
display: grid;
grid-gap: 10px;
grid-template-columns: 1fr 16px;
align-items: start;
}
.info.svelte-n8xwiu b:where(.svelte-n8xwiu) {
font-weight: 650;
}
.agreement.svelte-n8xwiu {
display: flex;
gap: 10px;
}
.agreement.svelte-n8xwiu svg {
flex-shrink: 0;
}
.export-panel.svelte-1wn1xic {
margin: 12px 0;
padding: 0 8px;
}
.export-panel.svelte-1wn1xic .mdc-button svg {
width: 16px;
height: 16px;
}
.export-panel.svelte-1wn1xic .format-list:where(.svelte-1wn1xic) {
margin: 0;
padding-left: 20px;
list-style-type: none;
}
.export-panel.svelte-1wn1xic .format-list:where(.svelte-1wn1xic) li:where(.svelte-1wn1xic) {
margin-top: 8px;
}
.export-panel.svelte-1wn1xic .format-list:where(.svelte-1wn1xic) li:where(.svelte-1wn1xic) > div:where(.svelte-1wn1xic) {
margin-top: 4px;
}
.export-panel.svelte-1wn1xic .format-list:where(.svelte-1wn1xic) .mdc-button {
min-width: auto;
padding: 0;
position: relative;
left: -20px;
height: 22px;
--mdc-text-button-label-text-transform: none;
}
.divider.svelte-1wn1xic {
border-top: 1px solid var(--color-divider);
margin: 8px 0;
}
.export-panel.svelte-1wn1xic .mdc-button {
--mdc-text-button-disabled-label-text-color: var(--color-main-medium);
}
.dropzone-container.svelte-a9yh9h {
min-height: 68px;
padding: 1px;
border-radius: 8px;
border: 2px dashed var(--color-main-light);
}
.dropzone-container.svelte-a9yh9h .uploaded-icon:where(.svelte-a9yh9h) {
--icon-custom-color: currentColor;
}
.dropzone-container.text-good.svelte-a9yh9h {
border-color: var(--color-good);
}
.dropzone-container.text-warning.svelte-a9yh9h {
border-color: var(--color-warning);
}
.dropzone-container.text-danger.svelte-a9yh9h {
border-color: var(--color-danger);
}
.dropzone.svelte-a9yh9h {
border-radius: 8px;
height: 96px;
padding: 16px 16px 16px 30px;
box-sizing: border-box;
display: flex;
gap: 4px;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.uploaded-zone.svelte-a9yh9h {
height: 100%;
padding: 16px 16px 16px 30px;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: center;
}
.uploaded-zone.svelte-a9yh9h .uploaded-file:where(.svelte-a9yh9h) {
display: flex;
width: 100%;
gap: 16px;
align-items: center;
}
.uploaded-zone.svelte-a9yh9h .uploaded-file:where(.svelte-a9yh9h) .file-info:where(.svelte-a9yh9h) {
display: flex;
line-height: 18px;
flex-wrap: wrap;
gap: 4px;
text-align: start;
flex: 1;
}
.uploaded-zone.svelte-a9yh9h .uploaded-file:where(.svelte-a9yh9h) .button-group:where(.svelte-a9yh9h) {
display: flex;
gap: 16px;
align-items: center;
}
.uploaded-zone.svelte-a9yh9h .uploaded-file:where(.svelte-a9yh9h) .custom-icon-container {
box-sizing: border-box;
flex-shrink: 0;
}
.format-list.svelte-1xmvr17 {
margin: 0;
padding-left: 20px;
}
.format-list.svelte-1xmvr17 li:where(.svelte-1xmvr17) {
margin-top: 8px;
}
.content.svelte-1xmvr17 {
margin: 12px 0;
}
.section-subtitle.svelte-1xmvr17 {
color: var(--color-main-dark);
font-weight: 600;
margin-top: 12px;
}
.section-note.svelte-1xmvr17 {
margin-top: 4px;
}
.button-container.svelte-1xmvr17 {
display: flex;
gap: 4px;
margin: 12px 16px 0;
}
.button-container.svelte-1xmvr17 .container-gap:where(.svelte-1xmvr17),
.button-container.svelte-1xmvr17 .action-button:where(.svelte-1xmvr17) {
flex: 1;
}
.button-container.svelte-1xmvr17 .action-button:where(.svelte-1xmvr17) button {
width: 100%;
}
.import-panel.svelte-1xmvr17 {
padding: 0 8px;
}
.inline-button.svelte-1xmvr17 {
margin-top: 4px;
}
.divider.svelte-1xmvr17 {
border-top: 1px solid var(--color-divider);
margin: 16px 0;
}
svelte-css-wrapper:has(.content.geolocation) ~ .toolbar-container {
left: var(--navbar-width) !important;
}
.nav-panel:has(.content.geolocation) {
--toolbar-height: 32px;
height: calc(100% - 32px);
}
.mapping-error.svelte-1wvwea6 {
display: flex;
align-items: center;
gap: 8px;
padding: 8px;
}
.mapping-error.svelte-1wvwea6 > span:where(.svelte-1wvwea6) {
flex: 1;
min-width: 0;
overflow-wrap: anywhere;
}
.root-grid.svelte-1wvwea6 {
display: grid;
grid-template-columns: minmax(0, 400px) minmax(0, 1fr);
height: 100%;
padding: 4px;
box-sizing: border-box;
}
.root.svelte-1wvwea6 {
display: flex;
flex-direction: column;
overflow: auto;
}
.root.svelte-1wvwea6 .scrollable:where(.svelte-1wvwea6) {
flex: 1;
min-height: 0;
overflow-y: auto;
}
.content.svelte-1wvwea6 {
overflow-y: auto;
height: calc(100vh - 160px);
}
.content.geolocation.svelte-1wvwea6 {
height: calc(100vh - 104px - var(--toolbar-height, 0px));
}
.import-table.svelte-1wvwea6 {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
height: calc(100% - 54px);
gap: 8px;
}
.search.svelte-1wvwea6 {
padding: 12px 0 16px;
}
.column.svelte-1wvwea6 {
display: flex;
flex-direction: column;
overflow: hidden;
}
.column-header.svelte-1wvwea6 {
display: flex;
align-items: center;
gap: 8px;
padding-left: 12px;
padding-right: 12px;
}
.target-column-header.svelte-1wvwea6 {
padding: 0;
}
.cad-sources-header.svelte-1wvwea6 .column-header:where(.svelte-1wvwea6) {
padding-right: 4px;
}
.target-column-title.svelte-1wvwea6 {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.file-name.svelte-1wvwea6 {
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ai-mapping-status.svelte-1wvwea6 {
display: flex;
flex: none;
margin-left: auto;
align-items: center;
justify-content: flex-end;
gap: 6px;
color: var(--color-main-medium);
}
.ai-mapping-status.error.svelte-1wvwea6 {
color: var(--color-danger);
}
.ai-status-action.svelte-1wvwea6 {
display: grid;
width: 18px;
height: 18px;
place-items: center;
border: 0;
border-radius: var(--mdc-shape-small, 3px);
padding: 0;
background: var(--color-alt);
color: var(--color-main-medium);
font: inherit;
font-size: 11px;
font-variant-numeric: tabular-nums;
font-weight: 700;
cursor: pointer;
}
.ai-status-action.error.svelte-1wvwea6 {
background: color-mix(in srgb, var(--color-danger) 8%, var(--color-white));
color: var(--color-danger);
}
.ai-status-action.svelte-1wvwea6:hover, .ai-status-action.svelte-1wvwea6:focus-visible {
color: var(--color-main-dark);
}
.ai-status-action.svelte-1wvwea6:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: -2px;
}
.ai-status-result.svelte-1wvwea6,
.ai-status-retry.svelte-1wvwea6 {
grid-area: 1/1;
display: grid;
place-items: center;
transition: opacity 0.1s ease;
}
.ai-status-retry.svelte-1wvwea6 {
opacity: 0;
}
.ai-status-action.svelte-1wvwea6:hover .ai-status-result:where(.svelte-1wvwea6),
.ai-status-action.svelte-1wvwea6:focus-visible .ai-status-result:where(.svelte-1wvwea6) {
opacity: 0;
}
.ai-status-action.svelte-1wvwea6:hover .ai-status-retry:where(.svelte-1wvwea6),
.ai-status-action.svelte-1wvwea6:focus-visible .ai-status-retry:where(.svelte-1wvwea6) {
opacity: 1;
}
.ai-document-loader.svelte-1wvwea6 {
position: relative;
display: block;
width: 16px;
height: 18px;
box-sizing: border-box;
flex: 0 0 auto;
border: 1px solid color-mix(in srgb, var(--color-main-dark) 14%, transparent);
border-radius: 3px;
background: var(--color-white);
box-shadow: -2px 2px 0 color-mix(in srgb, var(--color-main-dark) 7%, var(--color-white));
}
.ai-document-loader.svelte-1wvwea6::after {
position: absolute;
right: -2px;
left: -2px;
top: 8px;
height: 2px;
border-radius: 99px;
background: var(--mdc-theme-primary);
box-shadow: 0 0 7px color-mix(in srgb, var(--mdc-theme-primary) 46%, transparent);
content: "";
animation: svelte-1wvwea6-ai-document-scan 1.35s ease-in-out infinite alternate;
}
@keyframes svelte-1wvwea6-ai-document-scan {
from {
transform: translateY(-5px);
}
to {
transform: translateY(5px);
}
}
@media (prefers-reduced-motion: reduce) {
.ai-document-loader.svelte-1wvwea6::after {
animation: none;
}
}
.cad-source-tabs.svelte-1wvwea6 {
position: relative;
overflow: hidden;
background: white;
padding: 4px;
border-radius: 6px;
box-shadow: 0px 0px 8px 1.5px var(--color-alt);
}
.cad-source-tabs.svelte-1wvwea6 button {
white-space: nowrap;
}
.ai-progress-track.svelte-1wvwea6 {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1.5px;
overflow: hidden;
pointer-events: none;
}
.ai-progress-fill.svelte-1wvwea6 {
display: block;
height: 100%;
background: var(--color-primary);
transition: width 260ms ease;
}
@media (prefers-reduced-motion: reduce) {
.ai-progress-fill.svelte-1wvwea6 {
transition: none;
}
}
.column-content.svelte-1wvwea6 {
position: relative;
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 8px;
overflow-y: auto;
flex: 1;
min-height: 0;
transition: background 0.12s ease, box-shadow 0.12s ease;
}
.column-content.svelte-1wvwea6 .container-with-radius {
--group-margin: 0;
}
.source-column.svelte-1wvwea6 {
position: relative;
}
.source-column.is-drop-ready.svelte-1wvwea6::after {
content: "";
display: block;
position: absolute;
top: 60px;
width: 100%;
height: calc(100% - 60px);
border-radius: 6px;
pointer-events: none;
background: rgba(var(--color-primary-rgb), 0.04);
box-shadow: inset 0 0 0 2px rgba(var(--color-primary-rgb), 0.24);
}
.source-column.is-drop-over.svelte-1wvwea6::after {
box-shadow: inset 0 0 0 2px rgba(var(--color-primary-rgb), 0.45);
}
.cad-browser-divider.svelte-1wvwea6 {
flex: none;
width: 20px;
text-align: center;
pointer-events: none;
font-size: 20px;
font-weight: 600;
}
.target-row.svelte-1wvwea6 {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 8px;
border-top: 1px solid var(--color-divider);
padding: 8px 4px;
margin: 0 -4px;
background: white;
transition: background 0.12s ease, box-shadow 0.12s ease;
}
.target-row.svelte-1wvwea6:first-child {
border-top: 0;
}
.target-row.is-drop-ready.svelte-1wvwea6 {
border-radius: 6px;
background: rgba(var(--color-primary-rgb), 0.04);
box-shadow: inset 0 0 0 2px rgba(var(--color-primary-rgb), 0.24);
}
.target-row.is-over.svelte-1wvwea6 {
box-shadow: inset 0 0 0 2px rgba(var(--color-primary-rgb), 0.45);
}
.target-title.svelte-1wvwea6 {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 2px 8px;
}
.no-items.svelte-1wvwea6 {
padding: 4px 8px;
}
.actions.svelte-1wvwea6 {
margin-top: 16px;
display: flex;
align-items: center;
gap: 8px;
}
.actions.svelte-1wvwea6 > :where(.svelte-1wvwea6) {
flex: 1;
}
.actions.svelte-1wvwea6 button {
width: 100%;
}
.actions.svelte-1wvwea6 .wrapper {
margin-left: 12px;
}
.actions.geolocation.svelte-1wvwea6 {
flex: none;
flex-direction: column;
align-items: stretch;
padding: 8px;
}
.actions.geolocation.svelte-1wvwea6 > :where(.svelte-1wvwea6) {
flex: none;
}
.dxf-drag-preview {
background: white;
border: 1px solid var(--color-alt);
border-radius: 4px;
box-shadow: 0 8px 18px rgba(31, 36, 42, 0.14);
max-width: 320px;
overflow: hidden;
padding: 4px 8px;
pointer-events: none;
position: fixed;
left: -10000px;
top: -10000px;
text-overflow: ellipsis;
white-space: nowrap;
z-index: 9999;
}
.racking-tolerance.svelte-1wvwea6 {
padding: 2px 8px 6px;
}
.asset-group.svelte-1wvwea6:not(:first-child) {
border-top: 1px solid var(--color-divider);
padding-top: 10px;
}
.target-group.svelte-1uvvzi4 {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 6px;
min-width: 0;
padding: 2px 0 10px;
}
.target-header.svelte-1uvvzi4 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 2px 8px;
}
.target-actions.svelte-1uvvzi4 {
display: flex;
flex-wrap: wrap;
margin-left: auto;
flex-shrink: 0;
align-items: center;
gap: 4px;
}
.target-title.svelte-1uvvzi4,
.source-title.svelte-1uvvzi4,
.detail.svelte-1uvvzi4 {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.source-count.svelte-1uvvzi4 {
min-width: 0;
white-space: nowrap;
}
.series-card.svelte-1uvvzi4 {
display: grid;
gap: 0;
min-width: 0;
}
.series-header.svelte-1uvvzi4 {
display: grid;
grid-template-columns: 60px minmax(0, 1fr) 24px;
gap: 4px;
min-width: 0;
padding: 6px 8px;
align-items: start;
}
.series-info.svelte-1uvvzi4 {
display: grid;
min-width: 0;
}
.model-drop-zone.svelte-1uvvzi4 {
display: grid;
min-width: 0;
border-radius: 6px;
padding: 2px 4px;
margin: 0 -4px;
transition: background 0.12s ease, box-shadow 0.12s ease;
}
.model-drop-zone.is-drop-ready.svelte-1uvvzi4 {
background: rgba(var(--color-primary-rgb), 0.04);
box-shadow: inset 0 0 0 2px rgba(var(--color-primary-rgb), 0.24);
}
.model-drop-zone.is-over.svelte-1uvvzi4 {
box-shadow: inset 0 0 0 2px rgba(var(--color-primary-rgb), 0.45);
}
.model-assigned-list.svelte-1uvvzi4 {
--mdc-semi-strong-font-weight: 400;
}
.target-group.svelte-xxxogn {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 6px;
min-width: 0;
padding: 2px 0 10px;
}
.target-header.svelte-xxxogn {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 2px 8px;
}
.target-actions.svelte-xxxogn {
display: flex;
flex-wrap: wrap;
margin-left: auto;
flex-shrink: 0;
align-items: center;
gap: 4px;
}
.target-title.svelte-xxxogn,
.source-title.svelte-xxxogn,
.detail.svelte-xxxogn {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.source-count.svelte-xxxogn {
min-width: 0;
white-space: nowrap;
}
.series-card.svelte-xxxogn {
display: grid;
gap: 0;
min-width: 0;
}
.series-card.svelte-xxxogn:not(:first-child) {
border-top: 1px solid var(--color-divider);
}
.series-header.svelte-xxxogn {
display: grid;
grid-template-columns: 60px minmax(0, 1fr) 24px;
gap: 4px;
min-width: 0;
padding: 6px 8px;
align-items: start;
}
.series-info.svelte-xxxogn {
display: grid;
min-width: 0;
}
.model-drop-zone.svelte-xxxogn {
display: grid;
min-width: 0;
border-radius: 6px;
padding: 2px 4px;
margin: 0 -4px;
position: relative;
transition: background 0.12s ease, box-shadow 0.12s ease;
}
.model-drop-zone.is-drop-ready.svelte-xxxogn {
background: rgba(var(--color-primary-rgb), 0.04);
box-shadow: inset 0 0 0 2px rgba(var(--color-primary-rgb), 0.24);
}
.model-drop-zone.is-over.svelte-xxxogn {
box-shadow: inset 0 0 0 2px rgba(var(--color-primary-rgb), 0.45);
}
.model-drop-zone.svelte-xxxogn::before {
content: "";
display: block;
height: calc(100% - 4px);
border-left: 2px solid var(--color-ultralight);
width: 8px;
position: absolute;
left: 64px;
border-radius: 5px;
top: 2px;
}
.model-row.svelte-xxxogn {
display: grid;
grid-template-columns: 60px minmax(0, 1fr) auto;
gap: 4px;
align-items: center;
min-height: 26px;
min-width: 0;
padding: 0 8px;
}
.model-assigned-list.svelte-xxxogn {
--mdc-semi-strong-font-weight: 400;
}
.model-assigned-list.svelte-xxxogn .source-card {
border-top: 0;
}
.model-assigned-list.svelte-xxxogn .source-title {
grid-template-columns: 60px 16px minmax(0, 1fr) max-content;
}
.model-assigned-list.svelte-xxxogn .source-detail {
grid-template-columns: 80px minmax(0, 1fr);
}
/* Keep the safe action in its original position; never replace the pending Import click target. */
.confirmation-actions.svelte-1bu89iq {
width: 100%;
display: flex;
justify-content: space-between;
gap: 16px;
min-height: 36px;
}
.source-card.svelte-1m6y9d4 {
position: relative;
min-width: 0;
min-height: 34px;
border-top: 1px solid var(--color-divider);
padding: 6px 8px;
transition: background 0.12s ease, box-shadow 0.12s ease;
}
.source-card.svelte-1m6y9d4:first-child {
border-top: 0;
}
.source-card.svelte-1m6y9d4:focus-visible {
outline: 2px solid var(--color-accent);
outline-offset: -2px;
}
.source-card.svelte-1m6y9d4:hover, .source-card.linked.svelte-1m6y9d4 {
background: var(--color-alt-hover);
}
.source-card.svelte-1m6y9d4:hover .actions:where(.svelte-1m6y9d4), .source-card.linked.svelte-1m6y9d4 .actions:where(.svelte-1m6y9d4), .source-card.svelte-1m6y9d4:focus-within .actions:where(.svelte-1m6y9d4) {
opacity: 1;
}
.source-card.recent-ai.svelte-1m6y9d4:not(.selected) {
animation: svelte-1m6y9d4-ai-mapped 5s ease-out;
}
.source-card.selected.svelte-1m6y9d4 {
background: var(--color-alt-active);
}
.source-card.unresolved.svelte-1m6y9d4 {
opacity: 0.7;
}
.source-card.unresolved.svelte-1m6y9d4 .count:where(.svelte-1m6y9d4) {
text-decoration: line-through;
}
.source-card[draggable=true].svelte-1m6y9d4 {
cursor: grab;
}
.source-card[draggable=true].svelte-1m6y9d4:active {
cursor: grabbing;
}
.source-card[draggable=false].svelte-1m6y9d4 {
user-select: none;
}
@keyframes svelte-1m6y9d4-ai-mapped {
from {
background: #fff1cb;
}
to {
background: transparent;
}
}
@media (prefers-reduced-motion: reduce) {
.source-card.recent-ai.svelte-1m6y9d4:not(.selected) {
animation: none;
background: #fff1cb;
}
}
.actions.svelte-1m6y9d4 {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
width: 128px;
height: 100%;
padding-right: 8px;
box-sizing: border-box;
opacity: 0;
transition: opacity 0.12s ease;
}
.actions.svelte-1m6y9d4::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.55) 35%, rgba(255, 255, 255, 0.92) 60%, rgb(255, 255, 255) 80%);
}
.source-title.svelte-1m6y9d4 {
display: grid;
grid-auto-flow: column;
grid-template-columns: 64px 16px minmax(0, 1fr) max-content;
gap: 4px;
}
.source-title.svelte-1m6y9d4 .count:where(.svelte-1m6y9d4) {
white-space: nowrap;
}
.overflow-ellipsis.svelte-1m6y9d4 {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.source-name.svelte-1m6y9d4 {
min-width: 0;
overflow-wrap: anywhere;
}
.source-detail-table-row.svelte-1m6y9d4 {
display: grid;
grid-template-columns: 84px minmax(0, 1fr) minmax(0, max-content) minmax(68px, max-content);
gap: 4px;
margin-top: 4px;
}
.source-detail.svelte-1m6y9d4 {
display: grid;
grid-template-columns: 84px minmax(0, 1fr);
gap: 4px;
margin-top: 4px;
}
.matched-source-detail.svelte-1m6y9d4 {
margin-top: 4px;
margin-left: 88px;
}
.align-right.svelte-1m6y9d4 {
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.trailing-detail.svelte-1m6y9d4 {
white-space: nowrap;
}
.source-kind-icon.svelte-1m6y9d4 {
height: 16px;
margin-top: 1px;
border-radius: 4px;
}
.source-kind-icon.light-color.svelte-1m6y9d4 {
color: var(--text-main-medium) !important;
background-color: transparent !important;
}
.layer-state-icons.svelte-1m6y9d4 {
display: grid;
grid-template-columns: repeat(3, 16px);
gap: 4px;
}
.layer-state-icons.svelte-1m6y9d4 > div:where(.svelte-1m6y9d4) {
height: 16px;
}
.cad-drag-handle.svelte-1m6y9d4 {
display: inline-flex;
align-items: center;
height: 100%;
opacity: 0;
user-select: none;
}
.cad-drag-handle.svelte-1m6y9d4:active {
cursor: grabbing;
}
.cad-drag-handle.svelte-1m6y9d4::after {
content: "";
width: 10px;
height: 16px;
opacity: 0.9;
background-image: radial-gradient(currentColor 1px, transparent 1.2px);
background-size: 5px 5px;
}
.ai-provenance.svelte-1m6y9d4 {
box-sizing: border-box;
display: inline-flex;
padding: 0 4px;
height: 18px;
align-items: center;
justify-content: center;
border: 1px solid color-mix(in srgb, #d99016 55%, var(--color-divider));
border-radius: 4px;
background: #fff8e8;
color: #925300;
font-size: 10px;
font-weight: 700;
line-height: 16px;
}
.source-card.svelte-1m6y9d4:hover .cad-drag-handle:where(.svelte-1m6y9d4),
.source-card.svelte-1m6y9d4:focus-within .cad-drag-handle:where(.svelte-1m6y9d4),
body.is-cad-pointer-dragging .cad-drag-handle.svelte-1m6y9d4 {
opacity: 0.78;
}
input.svelte-1lhx1dp {
appearance: none;
width: 0;
min-width: 0;
flex: 1 1 0;
height: 26px;
margin: 0;
background: transparent;
cursor: pointer;
}
input.svelte-1lhx1dp::-webkit-slider-runnable-track {
height: 4px;
border-radius: 4px;
background: linear-gradient(to right, var(--color-primary) var(--progress), var(--color-divider) 0);
}
input.svelte-1lhx1dp::-moz-range-track {
height: 4px;
border-radius: 4px;
background: var(--color-divider);
}
input.svelte-1lhx1dp::-moz-range-progress {
height: 4px;
border-radius: 4px;
background: var(--color-primary);
}
input.svelte-1lhx1dp::-webkit-slider-thumb {
appearance: none;
width: 14px;
height: 14px;
margin-top: -5px;
border: 2px solid var(--color-primary);
border-radius: 50%;
background: white;
box-shadow: 0 1px 3px rgb(16 19 20 / 20%);
transition:
transform 260ms cubic-bezier(0.34, 1.56, 0.64, 1),
box-shadow 160ms ease;
}
input.svelte-1lhx1dp::-moz-range-thumb {
width: 14px;
height: 14px;
border: 2px solid var(--color-primary);
border-radius: 50%;
background: white;
box-shadow: 0 1px 3px rgb(16 19 20 / 20%);
transition:
transform 260ms cubic-bezier(0.34, 1.56, 0.64, 1),
box-shadow 160ms ease;
}
@media (hover: hover) {
input.svelte-1lhx1dp:not(:disabled):hover::-webkit-slider-thumb {
transform: scale(1.18);
}
input.svelte-1lhx1dp:not(:disabled):hover::-moz-range-thumb {
transform: scale(1.18);
}
}
input.svelte-1lhx1dp:not(:disabled):active::-webkit-slider-thumb {
transform: scale(1.1);
}
input.svelte-1lhx1dp:not(:disabled):active::-moz-range-thumb {
transform: scale(1.1);
}
input.svelte-1lhx1dp:focus-visible {
outline: none;
}
input.svelte-1lhx1dp:focus-visible::-webkit-slider-thumb {
box-shadow: 0 0 0 3px var(--color-accent);
}
input.svelte-1lhx1dp:focus-visible::-moz-range-thumb {
box-shadow: 0 0 0 3px var(--color-accent);
}
input.svelte-1lhx1dp:disabled {
cursor: not-allowed;
opacity: 0.42;
}
@media (prefers-reduced-motion: reduce) {
input.svelte-1lhx1dp::-webkit-slider-thumb {
transition: none;
}
input.svelte-1lhx1dp::-moz-range-thumb {
transition: none;
}
}
.preview.svelte-1x9cq69 {
position: absolute;
z-index: 0;
inset: 0;
container-type: inline-size;
overflow: hidden;
background: #f7f8f9;
opacity: 0;
pointer-events: none;
transition: opacity 120ms ease-out;
}
.preview.placed.svelte-1x9cq69 {
opacity: 1;
pointer-events: auto;
}
.preview.disabled.svelte-1x9cq69 {
background: transparent;
pointer-events: none;
}
canvas.svelte-1x9cq69 {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
background: #f7f8f9;
}
.underlay-host.svelte-1x9cq69 {
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
}
.highlight-canvas.svelte-1x9cq69 {
z-index: 2;
background: transparent;
pointer-events: none;
}
.base-canvas.svelte-1x9cq69 {
cursor: crosshair;
touch-action: none;
}
.base-canvas.svelte-1x9cq69:active {
cursor: grabbing;
}
.entry.svelte-ypl9f2 {
display: inline-flex;
min-width: 0;
max-width: 100%;
align-items: center;
gap: 2px;
}
button.svelte-ypl9f2 {
border: 0;
background: transparent;
color: inherit;
cursor: pointer;
padding: 3px;
border-radius: 3px;
}
button.svelte-ypl9f2:hover,
button.active.svelte-ypl9f2 {
background: var(--color-alt-hover);
color: var(--color-main-dark);
}
button.svelte-ypl9f2:focus-visible {
outline: 1px solid var(--color-main-dark);
outline-offset: 1px;
}
.label.svelte-ypl9f2 {
display: inline-flex;
min-width: 0;
overflow: hidden;
align-items: center;
gap: 5px;
font: inherit;
white-space: nowrap;
}
.label-text.svelte-ypl9f2 {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
.swatch.svelte-ypl9f2 {
width: 10px;
height: 10px;
flex: none;
border-radius: 2px;
}
.hidden.svelte-ypl9f2 .label:where(.svelte-ypl9f2) {
opacity: 0.45;
}
.solo-action.svelte-ypl9f2 {
display: inline-flex;
flex: none;
opacity: 0;
}
.entry.svelte-ypl9f2:hover .solo-action:where(.svelte-ypl9f2),
.entry.svelte-ypl9f2:focus-within .solo-action:where(.svelte-ypl9f2),
.solo-action.active.svelte-ypl9f2 {
opacity: 1;
}
@media (hover: none) {
.solo-action.svelte-ypl9f2 {
opacity: 1;
}
}
.scale-indicator.svelte-kp6etb {
position: absolute;
z-index: 3;
bottom: 18px;
right: var(--scene-chrome-right);
display: flex;
align-items: center;
gap: 6px;
border-radius: 14px;
padding: 5px 10px;
background: #a6a8a9;
color: white;
font-size: 11px;
font-variant-numeric: tabular-nums;
font-weight: 650;
white-space: nowrap;
pointer-events: none;
}
.scale-mark.svelte-kp6etb {
flex: none;
height: 5px;
border: solid currentColor;
border-width: 0 1px 1px;
}
.scale-indicator.svelte-kp6etb > span:where(.svelte-kp6etb):last-child {
flex: none;
}
.preview-inspector-space.svelte-fxosrm {
position: absolute;
z-index: 3;
top: var(--scene-chrome-top);
left: var(--scene-chrome-left);
right: var(--scene-chrome-right);
bottom: 108px;
container: preview-controls/inline-size;
pointer-events: none;
}
.preview-inspector.svelte-fxosrm {
--expanded-width: min(240px, 100%);
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
width: 118px;
max-width: 100%;
max-height: 100%;
overflow: hidden auto;
border: 1px solid var(--color-divider);
border-radius: 4px;
background: #fff;
box-shadow: 0 2px 6px rgba(16, 19, 20, 0.08);
color: var(--color-main-medium);
font-size: 11px;
pointer-events: auto;
transition: width 240ms cubic-bezier(0.2, 0, 0, 1);
}
.preview-inspector.svelte-fxosrm:not(.collapsed):is(.failed:where(.svelte-fxosrm), :where(.svelte-fxosrm):hover, :where(.svelte-fxosrm):has(:where(.svelte-fxosrm):focus-visible), :where(.svelte-fxosrm):has(input:active)) {
width: var(--expanded-width);
}
.preview-inspector.collapsed.svelte-fxosrm {
width: fit-content;
}
.preview-inspector.labelled.svelte-fxosrm:not(.collapsed) {
--expanded-width: min(max(240px, var(--labelled-width)), 100%);
width: var(--labelled-width);
transition: none;
}
.preview-inspector.labelled.svelte-fxosrm:not(.collapsed):is(.failed:where(.svelte-fxosrm), :where(.svelte-fxosrm):hover, :where(.svelte-fxosrm):has(:where(.svelte-fxosrm):focus-visible), :where(.svelte-fxosrm):has(input:active)) {
width: var(--expanded-width);
}
.preview-inspector.capacity-disabled.svelte-fxosrm {
overflow: visible;
}
.disabled-reason.svelte-fxosrm {
position: absolute;
top: 100%;
left: 0;
z-index: 4;
box-sizing: border-box;
width: min(200px, 100cqw - 8px);
padding: 8px;
border-radius: 4px;
background: var(--color-main-dark);
color: white;
font-size: 12px;
line-height: 18px;
white-space: normal;
overflow-wrap: anywhere;
}
.unavailable.svelte-fxosrm {
height: 32px;
padding: 0 12px;
color: var(--color-main-medium);
opacity: 0.55;
cursor: default;
}
.capacity-disabled.svelte-fxosrm button.unavailable:where(.svelte-fxosrm):hover {
background: transparent;
color: var(--color-main-medium);
}
.details.svelte-fxosrm {
display: grid;
grid-template-rows: 0fr;
visibility: hidden;
opacity: 0;
transition: grid-template-rows 240ms cubic-bezier(0.2, 0, 0, 1), opacity 160ms ease-out, visibility 0s 240ms;
}
.details-clip.svelte-fxosrm {
min-height: 0;
overflow: hidden;
}
.preview-inspector.svelte-fxosrm:is(.failed:where(.svelte-fxosrm), :where(.svelte-fxosrm):hover, :where(.svelte-fxosrm):has(:where(.svelte-fxosrm):focus-visible), :where(.svelte-fxosrm):has(input:active)) .details:where(.svelte-fxosrm) {
grid-template-rows: 1fr;
visibility: visible;
opacity: 1;
transition-delay: 0s;
}
.toolbar.svelte-fxosrm {
display: flex;
width: max-content;
gap: 2px;
padding: 3px;
}
.collapsed.svelte-fxosrm .toolbar:where(.svelte-fxosrm) {
padding: 0;
}
.collapsed.svelte-fxosrm .toggle:where(.svelte-fxosrm) {
flex: 1;
height: 32px;
gap: 8px;
margin-left: 0;
padding: 0 12px;
justify-content: center;
}
button.svelte-fxosrm {
display: inline-flex;
flex: none;
height: 26px;
min-width: 0;
align-items: center;
gap: 5px;
border: 0;
border-radius: 3px;
padding: 0 7px;
background: transparent;
color: var(--color-main-medium);
cursor: pointer;
font: inherit;
font-weight: 600;
white-space: nowrap;
transition: background-color 120ms ease-out, color 120ms ease-out;
}
button.svelte-fxosrm > span:where(.svelte-fxosrm) {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
button.svelte-fxosrm:hover:not(:disabled) {
background: var(--color-alt);
color: var(--color-main-dark);
}
button[aria-pressed=true].svelte-fxosrm {
background: var(--color-alt-hover);
color: var(--color-main-dark);
}
button.svelte-fxosrm:focus-visible {
outline: 2px solid var(--color-accent);
outline-offset: -2px;
}
button.svelte-fxosrm:disabled {
cursor: not-allowed;
opacity: 0.42;
}
button[aria-busy=true].svelte-fxosrm {
cursor: progress;
opacity: 1;
}
.toolbar.svelte-fxosrm .view:where(.svelte-fxosrm) {
flex: 0 0 26px;
justify-content: center;
gap: 0;
padding: 0;
}
.toolbar.svelte-fxosrm .view:where(.svelte-fxosrm) > span:where(.svelte-fxosrm):last-child {
display: none;
}
.labelled.svelte-fxosrm .toolbar:where(.svelte-fxosrm) .view:where(.svelte-fxosrm),
.label-measure.svelte-fxosrm .measure-view:where(.svelte-fxosrm) {
flex: 0 0 auto;
gap: 5px;
padding: 0 7px;
}
.labelled.svelte-fxosrm .toolbar:where(.svelte-fxosrm) .view:where(.svelte-fxosrm) > span:where(.svelte-fxosrm):last-child {
display: inline;
}
.label-measure.svelte-fxosrm {
position: absolute;
visibility: hidden;
pointer-events: none;
font-weight: 600;
font-size: 11px;
}
.measure-view.svelte-fxosrm {
display: inline-flex;
align-items: center;
height: 26px;
white-space: nowrap;
}
.measure-icon.svelte-fxosrm {
flex: 0 0 16px;
}
.measure-toggle.svelte-fxosrm {
flex: 0 0 26px;
}
.toggle.svelte-fxosrm {
margin-left: auto;
}
.toggle-expand.svelte-fxosrm {
display: inline-flex;
flex: none;
}
.toggle-hide.svelte-fxosrm {
display: none;
}
.preview-inspector.svelte-fxosrm:not(.collapsed):is(.failed:where(.svelte-fxosrm), :where(.svelte-fxosrm):hover, :where(.svelte-fxosrm):has(:where(.svelte-fxosrm):focus-visible), :where(.svelte-fxosrm):has(input:active)) .toggle-expand:where(.svelte-fxosrm) {
display: none;
}
.preview-inspector.svelte-fxosrm:not(.collapsed):is(.failed:where(.svelte-fxosrm), :where(.svelte-fxosrm):hover, :where(.svelte-fxosrm):has(:where(.svelte-fxosrm):focus-visible), :where(.svelte-fxosrm):has(input:active)) .toggle-hide:where(.svelte-fxosrm) {
display: inline-flex;
}
.icon.svelte-fxosrm {
width: 26px;
justify-content: center;
padding: 0;
}
.button-loader.svelte-fxosrm,
.import-only-icon.svelte-fxosrm {
display: grid;
flex: none;
width: 16px;
height: 16px;
place-items: center;
overflow: visible;
}
.import-only-icon.svelte-fxosrm {
position: relative;
flex: 0 0 16px;
line-height: 0;
}
.import-only-icon.svelte-fxosrm > span:where(.svelte-fxosrm) {
position: absolute;
inset: 0;
display: grid;
place-items: center;
}
.import-only-icon.loading.svelte-fxosrm .filter-icon:where(.svelte-fxosrm) {
animation: svelte-fxosrm-loader-reveal 80ms 1s reverse forwards;
}
.import-only-icon.svelte-fxosrm .button-loader:where(.svelte-fxosrm) {
opacity: 0;
animation: svelte-fxosrm-loader-reveal 80ms 1s forwards;
}
@keyframes svelte-fxosrm-loader-reveal {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.text.svelte-fxosrm {
height: 20px;
padding: 0 4px;
color: var(--color-main-dark);
text-decoration: underline;
text-underline-offset: 2px;
}
.error-row.svelte-fxosrm {
display: flex;
align-items: flex-start;
gap: 6px;
padding: 0 10px 6px;
color: #b42318;
}
.limit-row.svelte-fxosrm {
display: flex;
align-items: flex-start;
gap: 6px;
padding: 2px 10px 6px;
line-height: 16px;
}
.status-row.svelte-fxosrm > span:where(.svelte-fxosrm) {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.notice-icon.svelte-fxosrm {
display: inline-flex;
flex: 0 0 16px;
width: 16px;
height: 16px;
align-items: center;
justify-content: center;
}
.message.svelte-fxosrm {
flex: 1;
min-width: 0;
white-space: normal;
overflow-wrap: anywhere;
line-height: 16px;
}
.section.svelte-fxosrm {
border-top: 1px solid var(--color-divider);
padding: 4px 3px 3px;
}
.status-row.svelte-fxosrm {
display: flex;
min-height: 22px;
align-items: center;
gap: 4px;
padding: 0 3px 0 7px;
}
.status-row.svelte-fxosrm > span:where(.svelte-fxosrm) {
flex: 0 1 auto;
}
.layers.svelte-fxosrm {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 0 6px;
padding: 0 4px;
}
.layers.svelte-fxosrm .label {
flex: 1 1 auto;
}
.footer.svelte-fxosrm {
font-size: 10px;
}
.underlay-opacity.svelte-fxosrm {
display: grid;
grid-template-rows: 0fr;
opacity: 0;
transition: grid-template-rows 180ms cubic-bezier(0.2, 0, 0, 1), opacity 120ms ease-out;
}
.underlay-opacity.open.svelte-fxosrm {
grid-template-rows: 1fr;
opacity: 1;
transition-duration: 320ms, 200ms;
}
.underlay-opacity-clip.svelte-fxosrm {
min-height: 0;
overflow: hidden;
}
.underlay-opacity-content.svelte-fxosrm {
display: flex;
height: 28px;
align-items: center;
gap: 8px;
padding: 0 10px 2px;
transform: translateY(-7px);
transition: transform 180ms cubic-bezier(0.2, 0, 0, 1);
}
.underlay-opacity.open.svelte-fxosrm .underlay-opacity-content:where(.svelte-fxosrm) {
transform: translateY(0);
transition: transform 320ms cubic-bezier(0.16, 1, 0.3, 1);
}
.underlay-opacity-content.svelte-fxosrm > span:where(.svelte-fxosrm):last-child {
flex: none;
min-width: 4ch;
text-align: right;
font-variant-numeric: tabular-nums;
}
@media (hover: none) {
.preview-inspector.svelte-fxosrm:not(.collapsed) .toggle-expand:where(.svelte-fxosrm) {
display: none;
}
.preview-inspector.svelte-fxosrm:not(.collapsed) .toggle-hide:where(.svelte-fxosrm) {
display: inline-flex;
}
.preview-inspector.svelte-fxosrm:not(.collapsed) {
width: var(--expanded-width);
}
.details.svelte-fxosrm {
grid-template-rows: 1fr;
visibility: visible;
opacity: 1;
}
}
@media (prefers-reduced-motion: reduce) {
.preview-inspector.svelte-fxosrm,
.details.svelte-fxosrm,
.toolbar.svelte-fxosrm .view:where(.svelte-fxosrm) > span:where(.svelte-fxosrm):last-child,
button.svelte-fxosrm,
.underlay-opacity.svelte-fxosrm,
.underlay-opacity.open.svelte-fxosrm,
.underlay-opacity-content.svelte-fxosrm,
.underlay-opacity.open.svelte-fxosrm .underlay-opacity-content:where(.svelte-fxosrm) {
transition: none;
}
}
.table.svelte-jrp59q {
width: 100%;
height: 100%;
overflow: hidden;
}
.table.svelte-jrp59q div[col-id="color"] .ag-header-cell-text {
display: none;
}
.table.svelte-jrp59q div[col-id="id"] {
overflow: visible;
z-index: 1;
}
.images-container.svelte-jxfn4m {
display: flex;
justify-content: space-between;
margin: 16px 0 40px;
}
.images-container.svelte-jxfn4m div:where(.svelte-jxfn4m) {
display: flex;
flex-direction: column;
width: 128px;
}
.images-container.svelte-jxfn4m span:where(.svelte-jxfn4m) {
margin-top: 4px;
margin-left: 8px;
}
.content.svelte-jxfn4m {
padding: 0 8px;
}
.group.svelte-1fxzcwh {
margin: 16px 0;
}
.header.svelte-1fxzcwh {
display: flex;
align-items: center;
cursor: pointer;
margin-left: -8px;
}
.hierarchy-icon.svelte-1fxzcwh {
display: flex;
}
.content.svelte-1fxzcwh {
padding: 12px 8px 0;
}
.root.svelte-1ine3ol {
width: 492px;
box-sizing: border-box;
padding: 0 8px 16px;
font-size: 15px;
line-height: 22px;
}
.root.svelte-1ine3ol p {
margin: 12px 0 8px;
}
.root.svelte-1ine3ol ul {
padding-inline-start: 24px;
margin-top: 8px;
}
.icon-container.svelte-1sz2dft {
margin-top: 8px;
}
.content.svelte-1sz2dft {
padding: 0 8px;
}
.content.svelte-y5ksre > div:where(.svelte-y5ksre) {
margin-bottom: 4px;
}
.images-container.svelte-y5ksre {
display: flex;
justify-content: space-between;
padding-top: 16px;
}
.images-container.svelte-y5ksre div:where(.svelte-y5ksre) {
display: flex;
flex-direction: column;
}
.splitter.svelte-y5ksre {
background: var(--color-divider);
border-radius: 1px;
width: 1px;
max-height: 100%;
margin: 0 8px;
}
.images-container.svelte-y5ksre img:where(.svelte-y5ksre) {
max-width: 100%;
height: auto;
object-fit: cover;
}
.description.svelte-sfx7fa {
padding: 12px 0 8px;
}
.icon-container.svelte-sfx7fa {
margin: 0 -8px;
min-height: 140px;
}
.mark.svelte-sfx7fa {
width: 12px;
height: 4px;
border-radius: 2px;
display: inline-block;
vertical-align: middle;
margin-right: 6px;
}
.icon-container.svelte-dj4lnc {
margin-top: 8px;
}
.help-menu-root.svelte-s4uq5x {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
min-width: 24px;
flex: 0 0 24px;
height: 24px;
}
.help-menu-root--toolbar.svelte-s4uq5x {
margin-left: 8px;
margin-right: 10px;
}
.help-menu-root--dashboard.svelte-s4uq5x {
flex: 0 0 28px;
}
.label.help-menu-button {
width: 100%;
min-width: 24px;
height: 24px;
box-sizing: border-box;
padding: 0;
border-radius: 6px;
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
transition: background-color 160ms cubic-bezier(0.2, 0, 0, 1), box-shadow 160ms cubic-bezier(0.2, 0, 0, 1);
}
.label.help-menu-button:hover {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
}
.label.help-menu-button:active {
background-color: transparent !important;
box-shadow: none !important;
transition-duration: 60ms;
}
.label.help-menu-button:focus-visible {
outline: none;
box-shadow: inset 0 0 0 1px rgba(var(--color-primary-rgb), 0.35), 0 0 0 2px rgba(var(--color-primary-rgb), 0.4);
}
.label.help-menu-button--open,
.label.help-menu-button--open:hover {
background-color: transparent !important;
box-shadow: none !important;
}
.help-button-icon.svelte-s4uq5x {
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--color-main-medium);
line-height: 1;
transition: color 160ms cubic-bezier(0.2, 0, 0, 1), transform 200ms cubic-bezier(0.2, 0, 0, 1);
}
.label.help-menu-button:hover .help-button-icon.svelte-s4uq5x {
color: #8e24aa;
transform: none;
}
.label.help-menu-button:active .help-button-icon.svelte-s4uq5x {
transform: scale(0.92);
transition-duration: 60ms;
}
.label.help-menu-button--open .help-button-icon.svelte-s4uq5x {
color: #7b1fa2;
transform: none;
}
@media (prefers-reduced-motion: reduce) {
.label.help-menu-button,
.help-button-icon.svelte-s4uq5x {
transition: none;
}
}
.help-popover.svelte-dj34jy {
--help-popover-arrow-right: 12px;
position: absolute;
top: 38px;
right: -2px;
z-index: 420;
width: 312px;
box-sizing: border-box;
padding: 14px;
border: 1px solid rgba(16, 19, 20, 0.1);
border-radius: 8px;
background: #f4f5f6;
color: var(--color-main-dark);
box-shadow: 0 18px 42px rgba(16, 19, 20, 0.14), 0 1px 2px rgba(16, 19, 20, 0.06);
overflow: visible;
animation: svelte-dj34jy-help-popover-enter 220ms cubic-bezier(0.05, 0.7, 0.1, 1);
transform-origin: calc(100% - 18px) 0;
}
.help-popover.svelte-dj34jy::before {
content: "";
position: absolute;
right: var(--help-popover-arrow-right);
top: -6px;
height: 10px;
width: 10px;
border-top: 1px solid rgba(16, 19, 20, 0.1);
border-left: 1px solid rgba(16, 19, 20, 0.1);
border-top-left-radius: 2px;
background: #f4f5f6;
pointer-events: none;
transform: translateX(50%) rotate(45deg);
}
.help-popover--dashboard.svelte-dj34jy {
top: 34px;
right: 4px;
}
.help-header.svelte-dj34jy h2:where(.svelte-dj34jy) {
margin: 0 0 10px;
font-size: 14px;
line-height: 1.2;
font-weight: 700;
}
.ai-search-action.svelte-dj34jy,
.support-action.svelte-dj34jy,
.learn-action.svelte-dj34jy,
.whats-new-row.svelte-dj34jy {
border: 0;
font: inherit;
cursor: pointer;
text-decoration: none;
color: var(--color-main-dark);
}
.ai-search-action.svelte-dj34jy {
width: 100%;
min-height: 34px;
display: inline-flex;
align-items: center;
gap: 8px;
box-sizing: border-box;
padding: 8px 9px;
border-radius: 7px;
background: rgba(255, 255, 255, 0.68);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
color: var(--color-main-medium);
text-align: left;
transition: background 140ms cubic-bezier(0.2, 0, 0, 1), box-shadow 140ms cubic-bezier(0.2, 0, 0, 1);
}
.ai-search-icon.svelte-dj34jy {
width: 16px;
height: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
color: #9c27b0;
line-height: 1;
}
.ai-search-label.svelte-dj34jy {
flex: 1;
color: var(--color-main-medium);
font-size: 13px;
font-weight: 600;
line-height: 1.2;
}
.shortcut-hint.svelte-dj34jy {
padding: 1px 6px;
border-radius: 5px;
background: rgba(16, 19, 20, 0.06);
color: var(--color-main-medium);
font-size: 11px;
line-height: 1.4;
font-weight: 650;
}
.help-section.svelte-dj34jy {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid rgba(16, 19, 20, 0.1);
}
.section-label.svelte-dj34jy {
margin: 0 0 8px;
color: var(--color-main-medium);
font-size: 12px;
line-height: 1.2;
font-weight: 500;
}
.learn-actions.svelte-dj34jy {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 6px;
}
.learn-action.svelte-dj34jy {
min-width: 0;
min-height: 50px;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 5px;
padding: 7px 4px;
border-radius: 7px;
background: rgba(255, 255, 255, 0.68);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
font-size: 12px;
font-weight: 650;
line-height: 1.1;
text-align: center;
transition: background 140ms cubic-bezier(0.2, 0, 0, 1), box-shadow 140ms cubic-bezier(0.2, 0, 0, 1);
}
.learn-action-icon.svelte-dj34jy {
width: 17px;
height: 17px;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--color-main-dark);
line-height: 1;
}
.support-card.svelte-dj34jy {
margin-top: 12px;
padding: 12px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.56);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.support-status-row.svelte-dj34jy {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 10px;
font-size: 12px;
line-height: 1.2;
}
.support-status-dot.svelte-dj34jy {
width: 8px;
height: 8px;
flex: 0 0 auto;
border-radius: 50%;
background: rgba(16, 19, 20, 0.24);
}
.support-status-dot--online.svelte-dj34jy {
background: #31c861;
box-shadow: 0 0 0 3px rgba(49, 200, 97, 0.12);
}
.support-status-label.svelte-dj34jy {
color: var(--color-main-dark);
font-weight: 700;
}
.support-response.svelte-dj34jy {
margin-left: auto;
color: var(--color-main-medium);
font-size: 11px;
white-space: nowrap;
}
.support-action.svelte-dj34jy {
width: 100%;
min-height: 32px;
border-radius: 7px;
background: rgba(var(--color-primary-rgb), 0.14);
color: #7b1fa2;
font-size: 13px;
font-weight: 700;
}
.support-error.svelte-dj34jy {
margin: 6px 2px 0;
color: var(--color-danger);
font-size: 11px;
line-height: 1.35;
}
.email-row.svelte-dj34jy,
.availability-row.svelte-dj34jy {
min-height: 28px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
box-sizing: border-box;
margin-top: 6px;
padding: 5px 7px 5px 10px;
border-radius: 7px;
background: rgba(255, 255, 255, 0.62);
font-size: 12px;
}
.email-row.svelte-dj34jy a:where(.svelte-dj34jy) {
color: var(--color-main-dark);
font-weight: 650;
text-decoration: none;
}
.copy-button.svelte-dj34jy {
width: 24px;
height: 22px;
padding: 0;
border: 0;
border-radius: 6px;
background: rgba(255, 255, 255, 0.86);
color: var(--color-main-dark);
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.copy-icon.svelte-dj34jy {
width: 16px;
height: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.availability-row.svelte-dj34jy {
color: var(--color-main-medium);
justify-content: flex-start;
font-size: 11.5px;
}
.whats-new-section.svelte-dj34jy {
margin-top: 12px;
padding-top: 10px;
border-top: 1px solid rgba(16, 19, 20, 0.1);
}
.whats-new-section.svelte-dj34jy .section-label:where(.svelte-dj34jy) {
margin-bottom: 4px;
}
.whats-new-row.svelte-dj34jy {
min-height: 20px;
display: flex;
align-items: center;
gap: 6px;
padding: 2px 4px;
border-radius: 7px;
color: var(--color-main-dark);
font-size: 12px;
line-height: 1.2;
}
.whats-new-row.svelte-dj34jy + .whats-new-row:where(.svelte-dj34jy) {
margin-top: 2px;
}
.new-badge.svelte-dj34jy,
.update-badge.svelte-dj34jy {
width: 29px;
height: 15px;
flex: 0 0 29px;
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
border-radius: 999px;
font-size: 9.5px;
font-weight: 700;
text-align: center;
}
.new-badge.svelte-dj34jy {
background: rgba(var(--color-primary-rgb), 0.12);
color: #7b1fa2;
}
.update-badge.svelte-dj34jy {
background: rgba(16, 19, 20, 0.06);
color: var(--color-main-medium);
}
.whats-new-detail.svelte-dj34jy {
min-width: 0;
color: var(--color-main-medium);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ai-search-action.svelte-dj34jy:hover,
.learn-action.svelte-dj34jy:hover {
background: rgba(16, 19, 20, 0.075);
box-shadow: inset 0 0 0 1px rgba(16, 19, 20, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.55);
}
.whats-new-row.svelte-dj34jy:hover {
background: rgba(16, 19, 20, 0.045);
}
.copy-button.svelte-dj34jy:hover {
background: rgba(16, 19, 20, 0.06);
}
.support-action.svelte-dj34jy:hover {
background: rgba(var(--color-primary-rgb), 0.2);
}
@keyframes svelte-dj34jy-help-popover-enter {
from {
opacity: 0;
transform: translateY(8px) scale(0.985);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.action-holder.svelte-14ejlob {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
}
.action-holder.svelte-14ejlob p:where(.svelte-14ejlob) {
text-align: center;
}
.panel-container.svelte-1iuitx6 {
position: relative;
}
.content-wrapper.svelte-1iuitx6 {
overflow: hidden;
margin: 0;
}
.title-group.svelte-1xiabio {
display: flex;
align-items: center;
justify-content: space-between;
.title:where(.svelte-1xiabio) {
margin: 4px 8px;
cursor: default;
}
}
.equipment-preview-root.svelte-189yqac {
width: 100%;
display: flex;
flex-direction: column;
gap: 8px;
padding-right: 8px;
overflow: hidden;
}
.root.svelte-jka5vb {
display: flex;
gap: 4px;
margin: 8px 0;
width: 100%;
}
.option-container.svelte-3jed4c {
position: relative;
display: flex;
flex-direction: column;
gap: 4px;
align-items: center;
width: 100%;
border: 2px solid var(--color-alt);
box-sizing: border-box;
border-radius: 8px;
overflow: hidden;
transition:
border 0.2s ease-in-out,
background 0.2s ease-in-out;
&.with-description {
padding: 8px;
}
&.disabled {
filter: grayscale(1);
opacity: 0.56;
pointer-events: none;
}
&.clickable {
cursor: pointer;
}
}
.option-container.selected.svelte-3jed4c {
border: 2px solid var(--color-primary);
&:after {
content: "";
display: block;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 2px solid var(--color-primary);
border-radius: 6px;
position: absolute;
top: 0;
opacity: 0.24;
}
}
.image-wrapper.svelte-3jed4c {
position: relative;
width: 100%;
display: flex;
align-items: center;
overflow: hidden;
}
.checkbox.svelte-3jed4c {
z-index: 1;
position: absolute;
top: 2px;
left: 2px;
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
background: var(--color-white);
border-radius: 5px;
}
.svg-container.svelte-3jed4c {
display: flex;
justify-content: center;
height: auto;
}
.option-name.svelte-3jed4c {
width: 100%;
text-align: center;
}
.custom-svelecte-control .sv-content > div {
width: 100%;
}
.root.svelte-1jdedyw {
width: 100%;
}
.solar-array-option.svelte-7ggubn {
padding: 2px 8px;
display: flex;
gap: 4px;
align-items: center;
margin: 4px 0;
}
.option-name.svelte-7ggubn {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.option-description.svelte-7ggubn {
padding-right: 20px;
}
.root.svelte-1qwyfaj {
width: 100%;
margin-bottom: 8px;
}
.equipment-container.svelte-1qwyfaj {
display: flex;
gap: 4px;
align-items: center;
}
.option-container.svelte-1dc1v9a {
display: flex;
flex-direction: column;
gap: 4px;
align-items: center;
width: 100%;
overflow: hidden;
padding: 4px 8px;
}
.svg-container.svelte-1dc1v9a {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
gap: 4px;
width: 100%;
height: auto;
}
.svg-image.svelte-1dc1v9a {
display: flex;
justify-content: center;
width: 100%;
height: auto;
}
.option-name.svelte-1dc1v9a {
width: 100%;
text-align: center;
}
.option-value.svelte-1dc1v9a {
display: flex;
justify-content: space-between;
align-items: center;
gap: 4px;
width: 100%;
overflow: hidden;
min-height: 26px;
}
.number-property.svelte-1dc1v9a {
overflow: hidden;
width: 100%;
}
.root.svelte-1tep9ma {
display: flex;
gap: 4px;
margin: 8px 0;
width: 100%;
}
.root.svelte-s7nnp2 {
display: flex;
flex-direction: column;
gap: 4px;
}
.property-group.svelte-s7nnp2 {
display: flex;
flex-direction: column;
gap: 4px;
padding: 4px 0;
}
.property-group.svelte-s7nnp2 .property-name .property-name-label {
margin-left: 26px;
}
.fullscreen-container.svelte-xi6wd1 {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 10000;
}
.content-holder.svelte-xi6wd1 {
display: block;
}
.hotkey-tooltip-content.svelte-3ke9cj {
display: inline-flex;
align-items: center;
gap: 8px;
white-space: nowrap;
color: inherit;
font: inherit;
}
.hotkey-tooltip-label.svelte-3ke9cj {
color: inherit;
font: inherit;
}
.hotkey-tooltip-shortcut.svelte-3ke9cj {
color: var(--hotkey-tooltip-shortcut-color, var(--color-white-medium));
font: inherit;
}
.mdc-button.svelte-12f8d7e:not(.empty-label) .mdc-button__focus-ring:where(.svelte-12f8d7e) + .icon-container svg {
margin-right: 4px;
}
.mdc-button.svelte-12f8d7e:not(.empty-label) .mdc-button__label:where(.svelte-12f8d7e) + .icon-container svg {
margin-left: 4px;
}
.mdc-button.svelte-12f8d7e .mdc-button__label:where(.svelte-12f8d7e) {
text-wrap: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.mdc-button.mdc-button--icon-leading.svelte-12f8d7e {
padding: 0 8px;
}
.mdc-button.mdc-button--icon-leading.svelte-12f8d7e:not(.mdc-button--small) {
padding: 0 16px;
}
.mdc-button--danger.svelte-12f8d7e:not(:disabled) {
background-color: var(--color-danger);
color: var(--color-white);
}
.mdc-button--danger.svelte-12f8d7e:not(:disabled):hover {
filter: brightness(0.9);
}
.mdc-button--danger.svelte-12f8d7e:disabled {
background-color: transparent;
color: color-mix(in srgb, var(--color-danger) 50%, transparent);
opacity: 1;
}
.mdc-button.svelte-12f8d7e::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background: rgb(200, 200, 1);
border-radius: 10%;
transform: translate(-50%, -50%);
}
/* Animation class to toggle */
.mdc-button.animated.svelte-12f8d7e::after {
animation: svelte-12f8d7e-expand-glow 2s infinite;
}
@keyframes svelte-12f8d7e-expand-glow {
0% {
width: 0;
height: 0;
opacity: 1;
}
100% {
width: 120%;
height: 120%;
opacity: 0;
}
}
.mdc-button.mdc-button--multiline.svelte-12f8d7e {
align-items: flex-start;
height: auto;
}
.mdc-button.mdc-button--multiline.mdc-button--icon-left-aligned.svelte-12f8d7e .mdc-button__label:where(.svelte-12f8d7e) {
text-align: left;
}
.mdc-button.mdc-button--multiline.svelte-12f8d7e .mdc-button__label:where(.svelte-12f8d7e) {
text-wrap: wrap;
text-overflow: unset;
overflow: visible;
}
.mdc-button.mdc-button--multiline.svelte-12f8d7e .icon-container {
display: block;
}
.custom-icon-container.svelte-1mk2lv9 {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.icon-actionable.svelte-1mk2lv9 {
cursor: pointer;
color: var(--icon-custom-color, var(--color-main-medium));
}
.icon-actionable.svelte-1mk2lv9:hover {
color: var(--icon-custom-color, var(--color-medium-hover));
}
.checkbox.svelte-1hcf2gs {
cursor: pointer;
}
.checkbox.svelte-hdleif {
min-width: fit-content;
}
.checkbox.svelte-hdleif:not(.readonly) {
cursor: pointer;
}
.close-menu-action-container.svelte-hyot2j .custom-icon-container {
padding: 4px;
}
.body-container.svelte-hyot2j {
flex: 1;
height: var(--height);
max-height: var(--max-height);
width: var(--width);
min-width: var(--min-width);
overflow-x: hidden;
overflow-y: var(--overflow-y);
scrollbar-gutter: var(--scrollbar, auto);
}
.body-container.svelte-hyot2j .mdc-tooltip {
width: 320px;
}
.mdc-menu.svelte-hyot2j {
/* display: flex; */
flex-direction: column;
transition: none;
--mouse-x: 0;
--mouse-y: 0;
left: 0;
top: 0;
transform: translateX(min(var(--mouse-x), 100vw - 100%)) translateY(min(var(--mouse-y), 100vh - 100%));
z-index: var(--z-index, 900);
overflow: inherit;
}
.mdc-menu.focus-menu.svelte-hyot2j {
border-radius: 1px;
outline: 4px solid rgba(var(--color-primary-rgb), 0.32);
}
.header-holder.svelte-hyot2j {
user-select: none;
display: flex;
align-items: center;
justify-content: space-between;
overflow: hidden;
height: 40px;
position: relative;
z-index: 1;
padding-right: 16px;
padding-left: 12px;
}
.action-container.svelte-hyot2j {
padding: 0px 16px;
margin: 8px 0 16px;
}
.action-container.columns.svelte-hyot2j {
display: grid;
grid-template-columns: 3fr 4fr;
gap: 4px;
}
.mdc-menu.svelte-hyot2j .container .group:first-child:last-child {
margin: 0;
}
.action.svelte-hyot2j {
grid-column-start: 2;
}
.action.svelte-hyot2j button {
width: 100%;
}
.context-menu-content.svelte-hyot2j {
background-color: var(--menu-color, transparent);
}
.content.svelte-1d033x5 {
padding-left: 16px;
padding-right: 8px;
}
.content.full-height.svelte-1d033x5 {
box-sizing: border-box;
height: 100%;
min-height: 0;
}
.menu-wrapper.svelte-1d033x5 {
display: contents;
}
.menu-wrapper.gray.svelte-1d033x5 {
--menu-color: var(--color-alt);
}
.mdc-dialog.svelte-1n431eq {
z-index: var(--dialog-z-index, 500);
}
.mdc-dialog__surface.svelte-1n2k2i8 {
display: flex;
flex-direction: column;
overflow: hidden;
}
.mdc-dialog__header.svelte-1n2k2i8 {
padding: 12px 16px;
display: grid;
grid-template-columns: 24px minmax(0, 1fr) 24px;
}
.custom-dialog__content.svelte-1n2k2i8 {
padding: 8px 16px;
}
.dialog-title.svelte-1n2k2i8 {
grid-area: 1/2;
text-align: center;
}
.back-button.svelte-1n2k2i8 {
grid-area: 1/1;
}
.close-button.svelte-1n2k2i8 {
grid-area: 1/3;
justify-self: end;
}
.back-button.svelte-1n2k2i8 .mdc-button {
min-width: 24px;
padding: 0;
}
.custom-dialog__body.svelte-1n2k2i8 {
padding: 0 16px 16px;
overflow: auto;
min-height: 0;
flex: 1 1 auto;
}
.mdc-dialog__actions.svelte-1n2k2i8 {
padding: 16px;
gap: 4px;
flex-shrink: 0;
}
.mdc-dialog__actions.svelte-1n2k2i8:empty {
display: none;
}
.custom-input-container.svelte-10lfyz2 {
color: var(--custom-input-color, var(--color-main-dark));
}
.ctl-buttons.svelte-10lfyz2 {
display: flex;
gap: 4px;
align-items: center;
}
.mdc-deprecated-list--dense.svelte-a8zcfi .mdc-deprecated-list-item {
height: var(--item-size);
}
.mdc-deprecated-list-item__meta.svelte-m7b0ej {
display: flex;
align-items: center;
height: inherit;
}
.mdc-deprecated-list-item.svelte-m7b0ej {
overflow: visible;
will-change: unset;
user-select: none;
padding-left: 8px;
padding-right: 8px;
}
.mdc-deprecated-list-item__ripple.svelte-m7b0ej {
overflow: hidden;
}
.list-item-container.svelte-m7b0ej .mdc-deprecated-list-item__graphic {
margin-right: 0px;
}
.mdc-deprecated-list-item.svelte-m7b0ej .mdc-icon-button {
width: 40px;
height: 40px;
padding: 4px;
}
.mdc-deprecated-list-item.svelte-m7b0ej .mdc-chip-set {
padding: 0 4px;
}
.mdc-deprecated-list-item--disabled.svelte-m7b0ej svg {
opacity: 0.38;
}
.virtual-list-container.svelte-k2vo85 .virtual-list-wrapper {
padding: var(--list-padding) 0;
}
.virtual-list-container.svelte-k2vo85 .virtual-list-wrapper .mdc-deprecated-list-item {
height: var(--item-size);
}
.order-items.svelte-102tqcg {
display: flex;
align-items: center;
justify-content: center;
}
.holder.svelte-102tqcg {
margin: 1px;
padding: 1px;
width: 10px;
height: 10px;
border-radius: 2px;
border: 1px solid;
border-color: var(--dark, #101314);
}
.color-wrapper.svelte-102tqcg {
width: 100%;
height: 100%;
background-color: var(--input-color);
}
.color-wrapper.active.svelte-102tqcg {
cursor: pointer;
}
.color-input-field.svelte-102tqcg {
width: 100%;
height: 100%;
padding: 0;
border: none;
visibility: hidden;
position: relative;
}
.holder.svelte-11kyfc {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
padding: 0 4px;
}
.icon-holder.svelte-11kyfc {
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
color: var(--color-main-medium);
}
.radio-button-option.svelte-1vk2yx3 {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.radio-buttons-container.svelte-1vk2yx3 {
display: flex;
flex-direction: column;
gap: 4px;
}
.mdc-radio.svelte-jis4t8 {
padding: 0px;
width: 16px;
height: 16px;
}
.mdc-radio.svelte-jis4t8 .mdc-radio__native-control:where(.svelte-jis4t8) {
width: 16px;
height: 16px;
}
.mdc-radio__background.svelte-jis4t8 {
width: 16px;
height: 16px;
}
.mdc-radio__inner-circle.svelte-jis4t8 {
border-width: 8px;
}
.selected-item-root.svelte-1e76ecb {
width: 100%;
}
.selected-item.svelte-1e76ecb {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
}
.name.svelte-1e76ecb {
display: flex;
flex-direction: row;
align-items: center;
padding: 3px 0;
}
.hierarchy-holder.svelte-1e76ecb {
padding: 0 4px 0px 0px;
position: relative;
top: -4px;
height: 24px;
}
.checkbox.svelte-1e76ecb {
height: fit-content;
padding-right: 4px;
padding-top: 4px;
}
.list-components.svelte-13h4syg {
display: flex;
flex-direction: column;
width: 100%;
}
.toggle-root.svelte-13h4syg {
display: flex;
justify-content: space-between;
align-items: center;
}
.toggle-name.svelte-13h4syg {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
}
.hierarchy-holder.svelte-13h4syg {
padding: 0 4px 1px 0;
margin-top: -10px;
position: relative;
top: 4px;
}
.body-container.svelte-13h4syg {
display: flex;
flex-direction: column;
width: calc(100% - 24px);
margin-left: 24px;
}
.property-row.svelte-13h4syg {
padding-top: 4px;
padding-bottom: 4px;
}
.property-row.svelte-13h4syg .property-name:where(.svelte-13h4syg) {
padding-top: 0;
}
.action-buttons.svelte-3x1rg1 {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 8px 0;
gap: 4px;
box-shadow: 0px 1px 0px 0px rgba(21, 27, 31, 0.08) inset, 0px -8px 8px 8px rgba(21, 27, 31, 0.02);
}
.custom-multiselect .custom-svelecte-control .sv-control--selection {
gap: 2px;
padding: 3px 0 3px;
margin-left: 4px;
position: relative;
box-sizing: border-box;
}
.custom-multiselect .custom-svelecte-control .sv-control--selection.sv-control--selection {
flex-direction: column;
align-items: start;
flex-wrap: nowrap;
max-height: 100px;
overflow-y: auto;
overflow-x: hidden;
}
.custom-multiselect .custom-svelecte-control .sv-control--selection .sv-item {
flex-shrink: 0;
}
.custom-multiselect .custom-svelecte-control.is-open .sv-control--selection .sv-item {
background-color: white;
border-radius: var(--mdc-shape-medium);
}
.custom-multiselect .custom-svelecte-control.is-open .tag-label {
display: none;
}
.custom-multiselect .sv-control.is-disabled .sv-item-btn {
display: none;
}
.custom-multiselect .svelecte-control .sv-input--text:first-child {
padding-left: 4px;
}
.custom-multiselect .custom-multi-select-item-wrap {
flex-shrink: 0;
}
.custom-multiselect:not(.has-selection-formatter) .custom-svelecte-control:not(.is-open) .custom-multi-select-item-wrap {
display: flex;
}
.custom-multiselect:not(.has-selection-formatter) .custom-svelecte-control:not(.is-open) .custom-single-selection-summary {
display: none !important;
}
.custom-multiselect:not(.has-selection-formatter) .custom-svelecte-control.is-open .custom-multi-select-item-wrap {
display: flex;
}
.custom-multiselect:not(.has-selection-formatter) .custom-svelecte-control.is-open .custom-single-selection-summary {
display: none !important;
}
.custom-multiselect.has-selection-formatter .custom-svelecte-control:not(.is-open) .custom-multi-select-item-wrap {
display: none !important;
}
.custom-multiselect.has-selection-formatter .custom-svelecte-control:not(.is-open) .custom-single-selection-summary {
display: block;
}
.custom-multiselect.has-selection-formatter .custom-svelecte-control.is-open .custom-multi-select-item-wrap {
display: flex;
}
.custom-multiselect.has-selection-formatter .custom-svelecte-control.is-open .custom-single-selection-summary {
display: none !important;
}
.custom-multiselect.custom-collapse-selection .custom-svelecte-control .sv-control--selection span:first-child {
padding-left: 4px;
}
.custom-multiselect .sv-input--sizer:after,
.custom-multiselect .sv-input--text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.alwaysCollapsed-selection {
margin-bottom: 4px;
border-bottom: 1px solid var(--color-divider);
max-height: var(--sv-dropdown-half-height);
overflow: auto;
}
.tag-label {
margin-right: 4px;
text-wrap: nowrap;
}
.custom-sv-item.svelte-1h3mqu8 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.is-selected.custom-sv-item.svelte-1h3mqu8 {
border-radius: 1px;
padding: 1px 2px 1px 4px;
cursor: pointer;
display: flex;
box-sizing: border-box;
width: 100%;
}
.is-selected.svelte-1h3mqu8 .item-invalid:where(.svelte-1h3mqu8) {
color: var(--color-danger);
}
.sv-item-content.svelte-1h3mqu8 {
color: var(--sv-item-color, var(--sv-color));
text-overflow: ellipsis;
white-space: nowrap;
box-sizing: border-box;
border-radius: 2px;
overflow: hidden;
flex: 1;
}
.item-actions.svelte-1h3mqu8 {
display: none;
align-items: center;
gap: 4px;
margin-left: auto;
}
.custom-sv-item.svelte-1h3mqu8:hover .item-actions:where(.svelte-1h3mqu8) {
display: flex;
}
.is-selected.svelte-1h3mqu8 .item-actions:where(.svelte-1h3mqu8) {
display: flex;
}
.item-action.svelte-1h3mqu8 {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 4px;
color: var(--color-main-light);
}
.item-action.svelte-1h3mqu8:hover {
background: var(--color-alt-active);
color: var(--color-main-dark);
}
.svelecte-control .has-items .sv-item-content {
padding: 0;
}
.sv-item-btn.svelte-1h3mqu8 {
display: flex;
cursor: pointer;
color: var(--color-main-light);
align-self: center;
height: 16px;
}
.sv-item-btn.svelte-1h3mqu8:hover {
background-color: var(--color-danger-light);
color: var(--color-danger);
}
/* (empty) :global(.custom-svelecte-control) {
/* css for formatters: *\/
}*/
.custom-svelecte-control.svelecte-control {
--sv-min-height: 26px;
--sv-border: none;
--sv-active-border: none;
/* --sv-bg: var(--color-alt); */
--sv-control-bg: var(--color-alt);
--sv-disabled-bg: var(--color-alt);
--sv-placeholder-color: var(--color-main-light);
--sv-dropdown-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.04), 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
--sv-item-color: var(--color-main-dark);
--sv-item-active-bg: var(--color-alt);
--sv-item-active-color: inherit;
--sv-item-selected-bg: transparent;
--sv-border-color: var(--color-divider);
--sv-border-radius: var(--mdc-shape-medium);
--sv-dropdown-height: 247px;
--sv-dropdown-half-height: 124px;
--sv-item-wrap-padding: 0;
}
.custom-svelecte-control.is-open {
--sv-bg: var(--color-alt-active);
}
.custom-svelecte-control.is-open .tag-label {
display: none;
}
.custom-svelecte-control:not(.is-open) .close-icon {
display: none;
}
.custom-svelecte-control .has-items .sv-item {
margin: 0;
}
.custom-svelecte-control .sv-control {
cursor: pointer;
}
.custom-svelecte-control .sv-control.is-disabled {
--sv-item-color: var(--color-main-medium);
}
.custom-svelecte-control .sv-input--text {
cursor: pointer;
caret-color: var(--color-primary);
padding: 0;
}
.custom-svelecte-control .selector-icons-container {
display: flex;
align-items: center;
gap: 8px;
padding-right: 4px;
}
.custom-svelecte-control .sv-control--selection > div {
overflow: hidden;
animation: none !important;
}
.custom-svelecte-control .sv_dropdown {
min-width: auto;
}
.custom-svelecte-control .sv_dropdown.sv_dropdown {
background-color: white;
border: none;
border-radius: 1px;
padding-top: 4px;
}
.custom-svelecte-control .sv_dropdown .sv-dropdown-scroll {
padding: 0 0 8px;
min-height: 52px;
}
.custom-svelecte-control .sv-dropdown-content .sv-item {
cursor: pointer;
border-radius: 0;
padding: 0px 8px;
line-height: 26px;
width: 100%;
}
.double-line-select .custom-svelecte-control .sv-dropdown-content .sv-item {
padding: 4px 8px;
line-height: inherit;
}
.custom-svelecte-control .sv-dropdown-content .is-dropdown-row {
line-height: 26px;
padding: 0px 8px;
color: var(--color-main-light);
}
.custom-svelecte-control .sv-dropdown-content .is-dropdown-row .in-dropdown:hover {
background-color: initial;
}
.custom-svelecte-control .sv-item.is-disabled {
opacity: 1;
--sv-item-color: var(--color-main-light);
background-color: transparent;
}
.custom-svelecte-control .sv-optgroup-header {
background: white;
position: sticky;
top: 0px;
z-index: 1;
color: var(--color-main-dark);
font-size: 11px;
font-weight: 700;
line-height: 16px;
padding-top: 8px;
}
.custom-svelecte-control .sv-optgroup-header b {
padding: 8px 8px 0;
}
.custom-svelecte-control .sv-optgroup-header:first-child b {
padding-top: 0;
}
.custom-svelecte-control .sv-hidden-element {
overflow: hidden;
width: 100%;
}
.custom-svelecte-control .lock-icon {
padding: 4px 8px 4px 4px;
width: 16px;
height: 16px;
color: var(--color-default);
}
.custom-svelecte-control .checvron-icon {
width: 16px;
height: 16px;
cursor: pointer;
}
.custom-svelecte-control .global-action {
width: 16px;
height: 16px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-main-light);
}
.custom-svelecte-control .global-action:hover {
color: var(--color-primary);
}
.custom-svelecte-control .tag-label {
margin-right: 4px;
text-wrap: nowrap;
}
.custom-svelecte-control .option-palette {
display: flex;
align-items: center;
gap: 8px;
}
.custom-svelecte-control .option-palette .palette {
display: inline-flex;
}
.custom-svelecte-control .option-palette .color-block {
width: 22px;
height: 18px;
box-sizing: border-box;
}
.custom-svelecte-control .option-palette .palette-tag {
flex: 1;
text-align: end;
color: var(--color-main-light);
}
.custom-svelecte-control .sv-dd-item:not(.sv-dd-item-active) .color-block.white {
border: 1px solid var(--color-ultralight);
}
.custom-svelecte-control .option-with-icon {
display: flex;
align-items: center;
gap: 4px;
position: relative;
}
.custom-svelecte-control .option-with-icon .option-icon {
display: flex;
width: 24px;
align-items: center;
justify-content: center;
}
.custom-svelecte .sv-control--selection {
margin-left: 8px;
padding: 4px 0;
min-height: 26px;
box-sizing: border-box;
}
.custom-svelecte .is-focused .sv-input--sizer {
position: absolute;
top: 4px;
}
.custom-svelecte.double-line-select .sv-item-content {
white-space: pre-line;
}
.custom-sv-item.svelte-1azrl0v {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.sv-item-content.svelte-1azrl0v {
color: var(--sv-item-color, var(--sv-color));
text-overflow: ellipsis;
white-space: nowrap;
box-sizing: border-box;
border-radius: 2px;
overflow: hidden;
flex: 1;
}
.item-actions.svelte-1azrl0v {
display: none;
align-items: center;
gap: 4px;
margin-left: auto;
}
.custom-sv-item.svelte-1azrl0v:hover .item-actions:where(.svelte-1azrl0v) {
display: flex;
}
.is-selected.svelte-1azrl0v .item-actions:where(.svelte-1azrl0v) {
display: flex;
}
.item-action.svelte-1azrl0v {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 4px;
color: var(--color-main-light);
}
.item-action.svelte-1azrl0v:hover {
background: var(--color-alt-active);
color: var(--color-main-dark);
}
.is-selected.custom-sv-item.svelte-1azrl0v {
cursor: pointer;
width: 100%;
}
.is-selected.custom-sv-item.svelte-1azrl0v .sv-item-content:where(.svelte-1azrl0v) {
z-index: 1;
}
.custom-sv-item:has(+ .sv-input--sizer:not([data-value=""])) {
display: none;
}
.selected-item.svelte-aw0108 {
text-overflow: ellipsis;
overflow: hidden;
white-space: pre;
width: 100%;
}
.selected-item.svelte-aw0108:only-child {
padding: 2px 0;
}
.selector-input.svelte-aw0108 .calculated:where(.svelte-aw0108) {
flex-direction: column;
align-items: start;
}
.selector-input.svelte-aw0108 .sv_dropdown {
width: var(--dropdown-width);
top: calc(var(--offset-top) + var(--panel-top-offset, 0px));
left: var(--custom-left-offset, auto);
right: var(--custom-right-offset, auto);
}
.selector-input.fixed-position.svelte-aw0108 .sv_dropdown {
position: fixed;
}
.selector-input.show-top.svelte-aw0108 .sv_dropdown {
transform: translateY(calc(-100% - var(--container-height)));
bottom: auto !important;
}
.message.svelte-aw0108 {
padding: 2px 8px 0;
}
.readonly.multiline.svelte-aw0108 {
white-space: pre-line;
height: auto;
}
.container.svelte-506me3 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: var(--line-count);
line-clamp: var(--line-count);
-webkit-box-orient: vertical;
}
.button.svelte-506me3 {
cursor: pointer;
}
.image-wrapper.svelte-1k85eyz svg {
width: 100%;
}
.option-wrapper.svelte-1k85eyz {
margin: 8px 0;
}
.bottom-section.svelte-1k85eyz {
position: relative;
padding-top: 16px;
}
.bottom-section.svelte-1k85eyz .container:last-child {
position: absolute;
bottom: 0;
width: fit-content;
}
.bottom-section.svelte-1k85eyz .container:last-child .group {
margin: 0;
}
.bottom-section.svelte-1k85eyz .container:last-child .property-name {
display: none;
}
.equipment-group.svelte-1k85eyz .group.root-level,
.equipment-group.svelte-1k85eyz .group[data-name="combinerBox"] {
margin-bottom: 0;
}
.table.svelte-1b37hti {
display: grid;
grid-auto-flow: column;
grid-gap: 4px;
grid-template-columns: repeat(var(--columns-count), 1fr);
grid-template-rows: repeat(var(--rows-count), 28px);
align-items: center;
}
.count.svelte-1b37hti {
margin-bottom: 8px;
}
.ui-config-property.property-row.svelte-1b37hti .property-name:where(.svelte-1b37hti) {
padding: 0;
padding-left: 8px;
}
.table-cell.svelte-1dav10y {
min-width: 0;
}
.count.svelte-1dav10y {
margin-bottom: 8px;
}
.cell-unavailable.svelte-1dav10y {
background-color: transparent;
border: 1px solid var(--color-ultralight);
}
.tooltip-content.svelte-izrn5i > div:where(.svelte-izrn5i):not(:last-child) {
margin-bottom: 8px;
}
.drop-area.svelte-1od358m {
position: absolute;
top: 0;
height: 100%;
padding: 8px;
box-sizing: border-box;
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(4, 1fr);
grid-auto-columns: 120px;
grid-gap: 8px;
z-index: 1000;
}
.drop-panel.svelte-1od358m {
cursor: pointer;
border-radius: 8px;
border: 2px solid var(--color-primary);
background-color: rgba(var(--color-primary-rgb), 0.08);
}
.drop-panel.svelte-1od358m:hover {
background-color: rgba(var(--color-primary-rgb), 0.24);
}
.drop-panel.svelte-1od358m:first-child {
grid-row: span 3;
}
.drop-panel.svelte-1od358m:nth-child(3) {
grid-row: span 4;
}
.navbar-container.svelte-1cjsni0 {
height: 100%;
position: absolute;
top: 0;
display: flex;
}
.navbar.svelte-1cjsni0 {
width: var(--navbar-width, 42px);
height: 100%;
overflow: hidden;
box-sizing: border-box;
display: flex;
flex-direction: column;
z-index: 250;
background: linear-gradient(0deg, rgba(16, 58, 82, 0.04) 0%, rgba(16, 58, 82, 0.04) 100%), white;
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0px 2px 0px rgba(0, 0, 0, 0.06);
}
.navbar.svelte-1cjsni0 .navbar-groups:where(.svelte-1cjsni0) {
flex: 1;
display: flex;
flex-direction: column;
}
.navbar.svelte-1cjsni0 .navbar-groups:where(.svelte-1cjsni0) .divider:last-child {
margin-top: auto;
margin-bottom: 4px;
}
.navbar.svelte-1cjsni0 .navbar-groups:where(.svelte-1cjsni0) .divider:last-child .mdc-tooltip {
transform: translate(50px, 32px);
}
.navbar.svelte-1cjsni0 .mdc-tooltip {
transform: translate(50px, -34px);
}
.navbar.overlay.svelte-1cjsni0:after {
content: "";
position: absolute;
top: 0;
left: -4px;
width: 300px;
height: 100%;
background-color: var(--color-main-light);
}
.navbar-top.svelte-1cjsni0 .nav-button {
align-items: end;
}
.navbar-top.svelte-1cjsni0 .divider {
margin-top: 6px;
}
.navbar-top.svelte-1cjsni0 .divider:before {
display: none;
}
.panels-container.svelte-1cjsni0 {
height: 100%;
display: flex;
flex-direction: row-reverse;
position: relative;
}
.panels-container.svelte-1cjsni0 .nav-panel:first-child:nth-last-child(3) {
left: -4px;
}
.navbar-logo.svelte-1cjsni0 {
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
padding: 4px 9px;
}
.nav-button.svelte-1co38m6 {
padding: min(0.5vh, 6px) 9px;
height: 14px;
cursor: pointer;
display: flex;
align-items: center;
position: relative;
margin-top: -2px;
box-sizing: content-box !important;
}
.nav-button.svelte-1co38m6:not(:last-child) {
margin-bottom: 4px;
}
.nav-button.collapsed.svelte-1co38m6 .status {
display: none;
}
.active.svelte-1co38m6 {
z-index: 1;
background-color: white;
clip-path: inset(0px -2px 0px 4px);
}
.active.svelte-1co38m6:after {
content: "";
display: block;
max-height: 34px;
height: 100%;
width: calc(100% - 6px);
position: absolute;
right: 0;
border-right: 2px solid var(--color-primary);
border-radius: 2px 0 0 2px;
}
.dynamic-label.svelte-1co38m6 {
display: flex;
line-height: 12px;
font-weight: 500;
}
.dynamic-label.svelte-1co38m6 .version {
background-color: var(--color-main-medium);
}
.dynamic-label.svelte-1co38m6 .text-good .version {
background-color: var(--color-good);
}
.dynamic-label.svelte-1co38m6 .text-danger .version {
background-color: var(--color-danger);
}
.dynamic-label.svelte-1co38m6 .loading .version {
background-color: var(--color-accent);
}
.dynamic-label.svelte-1co38m6 .version {
padding: 1px 4px;
border-radius: var(--mdc-shape-medium);
color: white;
font-size: 10px;
font-weight: 700;
}
.dynamic-label.svelte-1co38m6 div > span:first-child {
width: 24px;
display: flex;
justify-content: center;
}
.dynamic-label.svelte-1co38m6 div {
display: flex;
gap: 8px;
align-items: center;
}
.divider.svelte-1lf7eqb {
position: relative;
margin: min(0.6vh, 12px) 0;
}
.divider.svelte-1lf7eqb:before {
content: "";
display: block;
border-top: 1px solid var(--color-divider);
position: absolute;
top: max(-0.6vh, -12px);
width: calc(100% - 16px);
margin: 0 8px;
}
.divider.label.svelte-1lf7eqb:before {
width: calc(100% - 36px);
}
.group-label.svelte-1lf7eqb {
position: absolute;
top: -22px;
right: 10px;
}
.nav-button.svelte-1wo4bjl {
padding: min(0.5vh, 6px) 9px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
position: relative;
}
.nav-button.collapsed.svelte-1wo4bjl .nav-label:where(.svelte-1wo4bjl) {
display: none;
}
.selected.svelte-1wo4bjl:after {
content: "";
display: block;
max-height: 34px;
height: 100%;
width: calc(100% - 6px);
position: absolute;
right: 0px;
border-right: 2px solid var(--color-main-medium);
border-radius: 2px 0 0 2px;
}
.active.svelte-1wo4bjl:after {
background-color: var(--color-alt);
border-right: 2px solid var(--color-primary);
}
.compact.svelte-1wo4bjl {
margin: 0;
}
.compact.svelte-1wo4bjl svg {
margin: 0 2px;
}
.nav-label.svelte-1wo4bjl {
flex: 1;
}
.nav-panel.svelte-1xlb1nu {
position: relative;
margin-top: var(--toolbar-height, 0px);
}
.nav-panel.right-side.svelte-1xlb1nu > .resize-content:where(.svelte-1xlb1nu) {
right: 0;
}
.nav-panel.right-side.svelte-1xlb1nu .resize:where(.svelte-1xlb1nu) {
direction: rtl;
}
.nav-panel.svelte-1xlb1nu .panel-container {
--panel-top-offset: calc(var(--top-panel-height, 0px) + var(--toolbar-height, 0px));
}
.bottom-collapsed.svelte-1xlb1nu .panel-top:where(.svelte-1xlb1nu) .resize:where(.svelte-1xlb1nu) {
height: calc(var(--full-panel-height) - 50px) !important;
}
.bottom-collapsed.svelte-1xlb1nu .panel-top:where(.svelte-1xlb1nu) .resize:where(.svelte-1xlb1nu) {
resize: none;
}
.panel-top.svelte-1xlb1nu .header {
--mdc-typography-headline4-font-size: 19px;
}
.panel-top.svelte-1xlb1nu:not(.resize-parent) {
height: 100%;
}
.panel-top.svelte-1xlb1nu:not(.resize-parent) .view-wrapper:where(.svelte-1xlb1nu) {
height: 100%;
}
.view-wrapper.svelte-1xlb1nu {
background-color: white;
z-index: 1;
}
.panel-bottom.svelte-1xlb1nu {
position: absolute;
bottom: 0;
width: 100%;
height: calc(100% - var(--top-panel-height));
padding-bottom: 2px;
box-sizing: border-box;
}
.bottom-collapsed.svelte-1xlb1nu .panel-bottom:where(.svelte-1xlb1nu) {
height: 50px;
}
.resize-parent.svelte-1xlb1nu {
position: relative;
display: inline-block;
}
.resize.svelte-1xlb1nu {
width: var(--panel-width);
height: var(--panel-height);
position: relative;
min-width: 424px;
max-width: 80vw;
}
.resize-horizontal.svelte-1xlb1nu > .resize:where(.svelte-1xlb1nu) {
resize: horizontal;
overflow-x: overlay;
}
.resize-vertical.svelte-1xlb1nu > .resize:where(.svelte-1xlb1nu) {
resize: vertical;
overflow-y: overlay;
width: calc(var(--panel-width) - 4px);
min-width: 420px;
min-height: 200px;
}
.nav-panel.svelte-1xlb1nu:not(.bottom-collapsed) .resize-vertical:where(.svelte-1xlb1nu) > .resize:where(.svelte-1xlb1nu) {
max-height: calc(var(--full-panel-height) - 200px);
}
.resize.svelte-1xlb1nu::before {
content: "";
width: calc(100% + 4px);
height: calc(100% + 4px);
background: transparent;
pointer-events: none;
display: block;
position: absolute;
}
.resize-content.svelte-1xlb1nu {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.resize-horizontal.svelte-1xlb1nu > .resize-content:where(.svelte-1xlb1nu) {
top: 0;
right: 4px;
width: calc(100% - 4px);
box-shadow: 0px 1px 4px 0px rgba(16, 19, 20, 0.04);
background-color: white;
}
.resize-vertical.svelte-1xlb1nu > .resize-content:where(.svelte-1xlb1nu) {
bottom: 4px;
height: calc(100% - 4px);
}
.resize-vertical.svelte-1xlb1nu > .resize-content:where(.svelte-1xlb1nu):before {
content: "";
display: block;
width: 100%;
position: absolute;
border-bottom: 1px solid var(--color-divider);
bottom: -2px;
pointer-events: none;
}
.resize-horizontal.svelte-1xlb1nu .resize:where(.svelte-1xlb1nu)::-webkit-scrollbar {
height: var(--panel-height);
width: 4px;
}
.resize-vertical.svelte-1xlb1nu .resize:where(.svelte-1xlb1nu)::-webkit-scrollbar {
width: var(--panel-width);
height: 4px;
}
.resize.svelte-1xlb1nu::-webkit-resizer {
background: transparent;
}
.resize.svelte-1xlb1nu::-webkit-scrollbar-corner {
background-color: transparent;
}
.panel-view-container.svelte-14qd9in {
height: 100%;
}
.panel-view-container[data-view-id="Generate.Farm Layout"].svelte-14qd9in, .panel-view-container[data-view-id="View.Piles"].svelte-14qd9in, .panel-view-container[data-view-id="Generate.Wires"].svelte-14qd9in, .panel-view-container[data-view-id="Project Versions"].svelte-14qd9in, .panel-view-container[data-view-id="View.Project Assets"].svelte-14qd9in, .panel-view-container[data-view-id="View.Property Charts"].svelte-14qd9in, .panel-view-container[data-view-id="Add.Import"].svelte-14qd9in, .panel-view-container[data-view-id="Catalog Versions"].svelte-14qd9in {
background-color: var(--color-alt);
border-right: 1px solid var(--color-ultralight);
}
.dragging.svelte-14qd9in {
position: relative;
z-index: 100;
background-color: white;
transform: translate(var(--drag-x), var(--drag-y));
}
.panel.svelte-dr1pzg {
height: 100%;
width: 516px;
position: absolute;
left: 0;
z-index: 250;
}
.panel.svelte-dr1pzg .header {
--mdc-typography-headline4-font-size: 19px;
}
.panel-backgound.svelte-dr1pzg {
position: fixed;
right: 0;
top: 0;
width: calc(100% - 250px);
height: 100%;
z-index: 200;
}
.backdrop.svelte-dr1pzg {
position: fixed;
top: 0;
width: 100%;
height: 100%;
left: 0;
z-index: 250;
}
.navbar-container.svelte-1ocr9ld {
position: absolute;
height: 100%;
top: 0;
right: 0;
display: flex;
z-index: 1;
}
.container.svelte-1ocr9ld {
position: absolute;
left: -44px;
top: 32px;
}
.container.navbar-open.svelte-1ocr9ld {
left: -40px;
}
.container.svelte-1ocr9ld .mdc-tooltip {
transform: translate(-52px, -34px);
}
.container.svelte-1ocr9ld .mdc-tooltip__surface {
white-space: nowrap;
}
.navbar.svelte-1ocr9ld {
border-radius: 4px 0px 0px 4px;
box-sizing: border-box;
margin-bottom: 8px;
background: linear-gradient(0deg, rgba(16, 58, 82, 0.04) 0%, rgba(16, 58, 82, 0.04) 100%), white;
}
.navbar.svelte-1ocr9ld .navbar-group:where(.svelte-1ocr9ld) {
flex: 1;
display: flex;
flex-direction: column;
padding: 4px 0;
}
.content.svelte-12x57sd {
display: flex;
padding: 4px 8px;
margin: 4px 0;
gap: 4px;
border-radius: 8px;
}
.content.svelte-12x57sd .icon:where(.svelte-12x57sd) {
display: flex;
flex: 0 0 16px;
justify-content: center;
align-items: flex-start;
}
.content.svelte-12x57sd .notification-body:where(.svelte-12x57sd) {
flex: 1;
}
.content.svelte-12x57sd .header-row:where(.svelte-12x57sd) {
display: flex;
}
.content.svelte-12x57sd .header-action:where(.svelte-12x57sd) {
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
padding-right: 2px;
color: var(--color-main-light);
}
.content.svelte-12x57sd .header-action:where(.svelte-12x57sd):hover {
color: var(--color-main-medium);
cursor: pointer;
}
.content.error.svelte-12x57sd {
background-color: var(--color-danger-light);
}
.content.error.svelte-12x57sd .error-header:where(.svelte-12x57sd) {
color: var(--color-danger);
}
.notification.svelte-pulvc1 {
margin: 2px;
color: #000;
border-radius: var(--mdc-shape-medium);
box-shadow: var(--dropdownsimple-box-shadow);
overflow: hidden;
padding: 8px 16px;
box-sizing: border-box;
width: 352px;
}
.notification.svelte-pulvc1:last-of-type {
margin-bottom: 16px;
}
.notification-progress.svelte-pulvc1 {
margin: 16px 0 8px;
}
.task-button.svelte-pulvc1 {
font-weight: 700;
cursor: pointer;
}
.notification.svelte-12tmj80:not(:last-child) {
margin-bottom: 4px;
}
.notification-header.svelte-12tmj80 {
display: flex;
align-items: flex-start;
gap: 8px;
}
.notification-status.svelte-12tmj80 {
width: 16px;
display: flex;
padding-top: 1px;
}
.notification-title.svelte-12tmj80 {
flex: 1;
}
.notification-message.svelte-12tmj80 {
margin: 4px 0 0 24px;
}
.notification-action.svelte-12tmj80 {
margin: 4px 0 4px 24px;
}
.action-button.svelte-12tmj80 {
cursor: pointer;
}
.panel.svelte-1gsikds {
padding: 8px 6px 8px 8px;
}
.panel-content.svelte-1gsikds {
max-height: 544px;
overflow: auto;
}
.panel-header.svelte-1gsikds {
padding: 0 8px 8px;
border-bottom: 1px solid var(--color-divider);
margin-right: 2px;
display: flex;
height: 20px;
}
.panel-body.svelte-1gsikds {
min-height: 88px;
}
.group.svelte-1gsikds {
padding: 12px 8px;
margin-right: 2px;
}
.group.svelte-tgoun9 {
padding: 12px 8px;
margin-right: 2px;
}
.group.svelte-tgoun9:not(:last-child) {
border-bottom: 1px solid var(--color-divider);
}
.group-content.svelte-tgoun9 {
overflow: hidden;
max-height: var(--max-height);
}
.collapse-button.svelte-tgoun9 {
cursor: pointer;
margin-left: 24px;
}
.default-position-style-top-left.svelte-1di42h2,
.default-position-style-top-center.svelte-1di42h2,
.default-position-style-top-right.svelte-1di42h2,
.default-position-style-bottom-left.svelte-1di42h2,
.default-position-style-bottom-center.svelte-1di42h2,
.default-position-style-bottom-right.svelte-1di42h2 {
position: fixed;
max-width: 400px;
}
.default-position-style-top-left.svelte-1di42h2 {
top: 0;
left: 0;
}
.default-position-style-top-center.svelte-1di42h2 {
top: 0;
left: 50%;
transform: translateX(-50%);
}
.default-position-style-top-right.svelte-1di42h2 {
top: 0;
right: 0;
}
.default-position-style-bottom-left.svelte-1di42h2 {
bottom: 0;
left: 0;
}
.default-position-style-bottom-center.svelte-1di42h2 {
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.default-position-style-bottom-right.svelte-1di42h2 {
bottom: 0;
right: 0;
}
.error-tooltip-container.svelte-2u5ydp {
box-sizing: border-box;
padding: 2px 0;
position: absolute;
top: var(--position);
}
.tooltip.svelte-2u5ydp {
width: 292px;
}
.tooltip.svelte-2u5ydp .inline-button {
font-weight: inherit;
}
.panel-errors.svelte-19jki2 {
position: fixed;
top: 0;
height: 100%;
position-anchor: var(--anchor-name);
left: calc(anchor(right) + 4px);
}
.panel-errors.right-side.svelte-19jki2 {
left: auto;
right: calc(anchor(left) + 4px);
}
.panel-errors.right-side.svelte-19jki2 .error-tooltip-container {
right: 0;
}
.inline-button.svelte-q1gn7c:not(.text-primary) {
cursor: inherit;
}
@charset "UTF-8";
.root.svelte-1rs8suw {
padding: 0 16px;
display: flex;
flex-direction: column;
gap: 4px;
}
/* ── Frame tab ── */
.tracker-scheme.svelte-1rs8suw {
padding: 10px 0;
}
.scheme-header.svelte-1rs8suw {
display: flex;
justify-content: space-between;
padding: 4px 0;
gap: 8px;
min-height: 30px;
}
.scheme-header.svelte-1rs8suw #col-offset:where(.svelte-1rs8suw) {
flex: 1;
}
.scheme-header.svelte-1rs8suw #col-coordinate:where(.svelte-1rs8suw) {
flex: 0.75;
padding-right: 8px;
}
.scheme-body.svelte-1rs8suw {
display: flex;
gap: 8px;
}
.scheme-body.svelte-1rs8suw #col-offset:where(.svelte-1rs8suw) {
flex: 1;
position: relative;
}
.scheme-body.svelte-1rs8suw #col-scheme:where(.svelte-1rs8suw) {
display: flex;
gap: 6px;
flex: 0 0 auto;
}
.scheme-body.svelte-1rs8suw #col-coordinate:where(.svelte-1rs8suw) {
flex: 0.75;
position: relative;
}
.pile-input.svelte-1rs8suw {
position: absolute;
top: calc(var(--offset) - 13px);
width: 100%;
}
/* ── Pile types tab ── */
.types-scheme.svelte-1rs8suw {
padding: 10px 0;
}
.types-scroll.svelte-1rs8suw {
overflow-x: auto;
overflow-y: hidden;
min-width: 0;
padding-left: 20px;
box-sizing: border-box;
}
.types-header.svelte-1rs8suw {
display: flex;
align-items: center;
width: 100%;
gap: 0;
column-gap: 4px;
padding: 4px 0;
min-height: 30px;
}
.types-header.svelte-1rs8suw .col-axis-label:where(.svelte-1rs8suw) {
flex: 0 0 14px;
text-align: center;
white-space: nowrap;
}
.types-header.svelte-1rs8suw .col-pile-spacer:where(.svelte-1rs8suw) {
flex: 0 0 28px;
}
.types-header.svelte-1rs8suw .col-type:where(.svelte-1rs8suw) {
flex: 0 0 var(--type-cell-width);
text-align: center;
}
.types-body.svelte-1rs8suw {
display: flex;
flex-direction: column;
width: max-content;
gap: 4px;
}
.types-content.svelte-1rs8suw {
display: flex;
gap: 4px;
}
.types-content.svelte-1rs8suw .col-axis:where(.svelte-1rs8suw) {
flex: 0 0 14px;
position: relative;
}
.types-content.svelte-1rs8suw .col-types-grid:where(.svelte-1rs8suw) {
flex: 0 0 auto;
position: relative;
}
.types-row.svelte-1rs8suw {
position: absolute;
top: calc(var(--offset) - 13px);
display: flex;
align-items: center;
gap: 4px;
}
.types-row.svelte-1rs8suw .pile-name:where(.svelte-1rs8suw) {
flex: 0 0 28px;
font-size: 12px;
text-align: center;
}
.types-row.svelte-1rs8suw .type-cell:where(.svelte-1rs8suw) {
flex: 0 0 var(--type-cell-width);
min-width: var(--type-cell-width);
max-width: var(--type-cell-width);
}
/* ── Shared axis/pile styles ── */
.scheme-inner.svelte-1rs8suw {
display: flex;
position: relative;
min-width: 14px;
}
.tracker-axis.svelte-1rs8suw {
position: absolute;
left: 50%;
transform: translateX(-50%);
height: var(--height);
width: 1px;
background-color: var(--color-main-dark);
}
.tracker-pile.svelte-1rs8suw {
position: absolute;
transform: translateY(calc(var(--offset) - 7px));
width: 10px;
height: 10px;
border-radius: 50%;
border: 2px solid var(--color-main-dark);
background-color: var(--color-white);
}
.tracker-edge.svelte-1rs8suw {
position: absolute;
transform: translateY(var(--offset));
width: 14px;
height: 4px;
border-radius: 1px;
background-color: var(--color-main-dark);
}
.col-scheme-edge.svelte-1rs8suw {
position: absolute;
top: var(--offset);
left: 0;
right: 0;
height: 3px;
background-color: var(--color-main-dark);
z-index: 1;
transform: translateY(-1px);
}
.gap-prop-wrapper.svelte-163gugk .sub-value:last-child {
flex: 2;
}
.root.svelte-120vcy {
padding-top: 15px;
display: flex;
flex-direction: column;
gap: 4px;
}
.group-name.svelte-120vcy {
display: flex;
justify-content: space-between;
align-items: center;
}
.root.svelte-mtajh4 {
padding-bottom: 14px;
display: flex;
flex-direction: column;
gap: 4px;
}
.subswitch-holder.svelte-mtajh4 {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 4px;
}
.icon-holder.svelte-mtajh4 {
padding-bottom: 4px;
}
.readonly.svelte-6j4rfi {
padding: 0 8px;
height: 26px;
display: flex;
align-items: center;
text-align: left;
}
.container.svelte-6j4rfi {
min-width: 66px;
max-width: 81px;
}
.property-value.svelte-6j4rfi {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 4px;
}
.pile-type-prop.svelte-ka6dpe .custom-svelecte .sv-control--selection {
padding: 0;
}
.undulation.svelte-ka6dpe {
display: flex;
gap: 4px;
align-items: center;
justify-content: space-between;
height: 26px;
padding: 0px 8px;
}
.property-value.svelte-ka6dpe {
display: grid;
grid-template-columns: 48px 1fr 130px;
align-items: center;
gap: 4px;
}
.root.svelte-7meclc {
display: flex;
align-items: center;
gap: 4px;
}
.short-name.svelte-7meclc {
min-width: 34px;
max-width: 34px;
}
.long-name.svelte-7meclc {
max-width: fit-content;
}
.pile-type-prop .custom-svelecte .sv-control--selection {
padding: 0;
margin-left: 4px;
}
.selector-container .sv_dropdown {
z-index: 20;
}
.selector-container.svelte-11c371a {
min-width: 0;
flex: 1;
}
.readonly.svelte-11c371a {
display: flex;
align-items: center;
padding: 0 4px;
width: 100%;
min-width: 0;
box-sizing: border-box;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.readonly.svelte-11c371a .name:where(.svelte-11c371a) {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tracker-scheme.svelte-qtg57u {
padding: 10px 0;
}
.scheme-header.svelte-qtg57u {
display: grid;
grid-template-columns: 48px 1fr 130px;
align-items: center;
gap: 4px;
margin-bottom: 4px;
}
.root.svelte-qtg57u {
min-height: 30px;
height: 100%;
padding: 4px 0;
}
#piles-type.svelte-qtg57u {
position: relative;
}
#shame.svelte-qtg57u {
position: relative;
padding-left: 24px;
}
.input.svelte-qtg57u {
position: absolute;
/* transform: translateY(calc(var(--offset) - 13px)); */
top: calc(var(--offset) - 13px);
width: var(--width);
}
.scheme-footer.svelte-qtg57u {
display: grid;
grid-template-columns: 1fr 130px;
gap: 4px;
margin-top: 12px;
}
.undulation.svelte-qtg57u {
display: flex;
gap: 4px;
justify-content: space-between;
padding: 0px 8px;
}
.tracker-scheme.svelte-boutch {
padding: 10px 0;
}
.root.svelte-boutch {
min-height: 30px;
display: flex;
justify-content: space-between;
height: 100%;
padding: 4px 0;
gap: 8px;
}
#pile-offset.svelte-boutch {
flex: 1;
}
#piles-coordinate.svelte-boutch {
flex: 1;
padding-right: 8px;
}
#offset.svelte-boutch {
flex: 1;
position: relative;
}
#shame.svelte-boutch {
flex: 0.25;
}
#positions.svelte-boutch {
flex: 0.75;
position: relative;
}
.input.svelte-boutch {
position: absolute;
/* transform: translateY(calc(var(--offset) - 13px)); */
top: calc(var(--offset) - 13px);
width: 100%;
}
.tracker-edge.svelte-1lfxjwl {
position: absolute;
transform: translateY(var(--offset));
width: 14px;
height: 4px;
border-radius: 1px;
background-color: var(--color-main-dark);
}
.tracker-axis.svelte-1lfxjwl {
position: absolute;
transform: translateX(3px);
height: var(--height);
width: 6px;
border: 1px solid var(--color-main-dark);
}
.tracker-pile.svelte-1lfxjwl {
position: absolute;
transform: translateY(calc(var(--offset) - 7px));
offset: 0;
width: 10px;
height: 10px;
border-radius: 50%;
border: 2px solid var(--color-main-dark);
background-color: var(--color-white);
}
.tracker-pile.motor.svelte-1lfxjwl {
background-color: var(--color-main-dark);
}
.scheme.svelte-1lfxjwl {
display: flex;
position: relative;
}
.warning-container.svelte-enfn7t {
padding: 12px 0;
display: flex;
flex-direction: column;
gap: 4px;
}
.warning-container.svelte-enfn7t .mdc-button.mdc-button--icon-leading {
padding: 0;
}
.container.svelte-vhdag0 {
margin-top: 24px;
}
.header.svelte-vhdag0 {
height: 24px;
display: flex;
gap: 8px;
margin-bottom: 4px;
}
.header.svelte-vhdag0 .info:where(.svelte-vhdag0) {
width: 140px;
display: flex;
gap: 4px;
align-items: center;
flex-shrink: 0;
}
.header.svelte-vhdag0 .filter:where(.svelte-vhdag0) {
width: calc(100% - 140px);
display: flex;
gap: 8px;
align-items: center;
overflow: hidden;
}
.header.svelte-vhdag0 .filter:where(.svelte-vhdag0) .property-name {
display: none;
}
.header.svelte-vhdag0 .text-info:where(.svelte-vhdag0) {
flex: 1;
padding: 0 8px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.header.svelte-vhdag0 .max-info:where(.svelte-vhdag0) {
flex: 1;
}
.no-bins.svelte-9reev9 div:where(.svelte-9reev9):first-child {
margin-bottom: 4px;
}
.pile-bins-container.svelte-9reev9 {
padding-bottom: 192px;
}
.pile-bins-container.svelte-9reev9 button {
padding: 0 !important;
}
.wrapper.svelte-9reev9 {
padding: 0 10px;
}
.container.svelte-ejk11r {
padding: 8px 16px;
background: white;
box-shadow: var(--dropdownsimple-box-shadow);
max-height: 200px;
overflow: auto;
box-sizing: border-box;
}
.option.svelte-ejk11r {
margin: 0 -16px;
padding: 2px 16px;
}
.option.svelte-ejk11r:hover {
background: rgba(0, 0, 0, 0.05);
}
.option.svelte-ejk11r .option-content:where(.svelte-ejk11r) {
cursor: pointer;
}
.option.svelte-ejk11r .option-content:where(.svelte-ejk11r) .option-title:where(.svelte-ejk11r) {
font-size: 14px;
margin: 0;
}
.instance-card.svelte-1n4seht {
display: grid;
grid-template-columns: 1fr max-content;
align-items: center;
padding: 4px 8px;
gap: 4px;
border-radius: var(--mdc-shape-medium);
cursor: pointer;
}
.instance-card.svelte-1n4seht:hover {
background-color: var(--color-alt);
}
.instance-card.svelte-1n4seht:hover .card-icon:where(.svelte-1n4seht) {
color: inherit;
}
.instance-card.svelte-1n4seht .card-icon:where(.svelte-1n4seht) {
display: contents;
}
.instance-name.svelte-1n4seht {
overflow: hidden;
text-overflow: ellipsis;
}
.asset-details.svelte-e9moiu {
margin: 0 -8px;
}
.asset-details.svelte-e9moiu .actions-property .property-name {
display: none;
}
.asset-details.svelte-e9moiu .odd-bg,
.asset-details.svelte-e9moiu .even-bg {
background: transparent;
}
.copy-from-catalog.svelte-lo827q {
display: flex;
width: 100%;
flex-direction: column;
gap: 8px;
}
.input.svelte-lo827q,
.results.svelte-lo827q {
width: 100%;
}
.results.svelte-lo827q {
overflow-x: hidden;
}
.card.svelte-lo827q {
color: var(--color-main-dark);
padding: 6px 8px;
}
.copy-card.svelte-lo827q {
display: flex;
width: 100%;
padding: 4px 8px 4px 30px;
flex-direction: column;
border: none;
background: transparent;
text-align: left;
cursor: pointer;
}
.copy-card.svelte-lo827q:hover {
background-color: rgba(var(--color-primary-rgb), 0.04);
}
.copy-from-project.svelte-qrmub8 {
display: flex;
width: 100%;
flex-direction: column;
gap: 8px;
}
.hierarchy-shift.svelte-h9rpjt {
padding-left: 30px;
box-sizing: border-box;
display: flex;
}
.copy-from-catalog.svelte-uqraqq {
display: flex;
width: 100%;
flex-direction: column;
gap: 8px;
}
.input.svelte-uqraqq,
.results.svelte-uqraqq {
width: 100%;
}
.results.svelte-uqraqq {
overflow-x: hidden;
}
.card.svelte-uqraqq {
color: var(--color-main-dark);
padding: 6px 8px;
}
.copy-from-catalog.svelte-uqraqq .group-title-container {
margin: 0;
padding: 4px 0 4px calc(10px + var(--catalog-group-depth));
color: var(--color-main-medium);
}
.series-card.svelte-uqraqq {
margin-left: calc(16px + var(--catalog-group-depth));
}
.series-card.svelte-uqraqq .asset-card {
display: block;
padding: 4px 0;
cursor: pointer;
}
.series-card.svelte-uqraqq .asset-card:hover {
background-color: rgba(var(--color-primary-rgb), 0.04);
}
.series-card.svelte-uqraqq .asset-card > .asset-name,
.series-card.svelte-uqraqq .card-row {
padding: 4px 8px;
}
.series-card.svelte-uqraqq .count,
.series-card.svelte-uqraqq .card-icon.menu {
display: none;
}
.hierarchy-shift.svelte-1wi422n {
padding-left: 30px;
box-sizing: border-box;
display: flex;
}
.asset-groups-selector.svelte-1dpo8g3 {
display: flex;
width: 100%;
flex-direction: column;
gap: 8px;
}
.results.svelte-1dpo8g3 {
overflow-x: hidden;
}
.count-text.svelte-1dpo8g3 {
padding: 6px 8px;
}
.asset-card.svelte-1dpo8g3 {
display: flex;
width: 100%;
padding: 4px 8px;
flex-direction: column;
cursor: pointer;
text-align: left;
}
.asset-card.svelte-1dpo8g3:hover {
background-color: rgba(var(--color-primary-rgb), 0.04);
}
.property-group-name.svelte-1636bak {
padding-top: 4px;
}
.asset-card.svelte-17j36z {
display: grid;
grid-template-columns: 64px 1fr;
padding: 4px 8px;
gap: 4px;
border-radius: var(--mdc-shape-medium);
}
.asset-card.svelte-17j36z .edit:where(.svelte-17j36z),
.asset-card.svelte-17j36z .menu:where(.svelte-17j36z) {
color: var(--color-default);
}
.asset-card.editable.svelte-17j36z {
cursor: pointer;
}
.asset-card.editable.svelte-17j36z:hover {
background-color: var(--color-alt);
}
.asset-card.editable.svelte-17j36z:hover .edit:where(.svelte-17j36z) {
color: var(--color-main-dark);
}
.asset-card.editable.svelte-17j36z:hover .menu:where(.svelte-17j36z) {
color: var(--color-default);
}
.asset-card.svelte-17j36z .card-row:where(.svelte-17j36z) {
display: flex;
gap: 4px;
overflow: hidden;
}
.asset-card.svelte-17j36z .menu:where(.svelte-17j36z):hover {
color: var(--color-main-dark) !important;
}
.asset-card.svelte-17j36z .edit:where(.svelte-17j36z):has(+ .menu:where(.svelte-17j36z):hover) {
color: var(--color-default) !important;
}
.header-row.svelte-17j36z {
display: flex;
gap: 4px;
align-items: center;
}
.card-icon.svelte-17j36z {
height: 16px;
}
.title.svelte-17j36z {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.asset-name.svelte-17j36z {
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.icon-wrapper.svelte-17j36z {
position: relative;
width: 16px;
}
.icon-wrapper.svelte-17j36z svg {
position: absolute;
top: -6px;
}
.equipment-type.svelte-dnn4m8 {
padding: 0 8px;
display: flex;
gap: 8px;
align-items: center;
}
.equipment-type.svelte-dnn4m8 .actions:where(.svelte-dnn4m8) {
margin-left: auto;
display: flex;
}
.equipment-type.svelte-dnn4m8 .actions:where(.svelte-dnn4m8) .mdc-button.mdc-button--icon-leading {
padding: 0;
}
.asset-group.svelte-dnn4m8 {
display: flex;
padding: 8px 0;
flex-direction: column;
gap: 4px;
}
/* TODO: uncomment for Shading */
/* .piles-container { */
/* padding: 0 8px; */
/* } */
.base-asset-panel.svelte-154og3 {
box-sizing: border-box;
width: 448px;
}
.base-asset-panel.svelte-154og3 .catalog-item-property {
margin-left: 40px;
}
.base-asset-panel.svelte-154og3 .divider {
margin-left: 36px;
}
.base-asset-panel.create-mode.svelte-154og3 .description,
.base-asset-panel.create-mode.svelte-154og3 .buttons:where(.svelte-154og3) {
display: none;
}
.buttons.svelte-154og3 {
position: sticky;
bottom: -1px;
background-color: white;
padding: 4px 0;
z-index: 10;
}
.property-view.svelte-1ryih2u {
display: flex;
margin-bottom: 4px;
width: 100%;
}
.property-view.svelte-1ryih2u .property-name-label {
padding-left: 30px;
box-sizing: border-box;
}
.header-group.svelte-1ryih2u {
display: flex;
align-items: center;
gap: 4px;
padding: 4px 0 4px 6px;
}
.instance-card.svelte-1bc14hs {
display: grid;
grid-template-columns: 1fr max-content;
align-items: center;
padding: 4px 8px;
gap: 4px;
border-radius: var(--mdc-shape-medium);
cursor: pointer;
}
.instance-card.svelte-1bc14hs:hover {
background-color: var(--color-alt);
}
.instance-card.svelte-1bc14hs:hover .card-icon:where(.svelte-1bc14hs) {
color: inherit;
}
.instance-card.svelte-1bc14hs .card-icon:where(.svelte-1bc14hs) {
display: contents;
}
.property-view.svelte-1lllq9w {
display: flex;
margin-bottom: 4px;
width: 100%;
}
.property-view.svelte-1lllq9w .property-name-label {
padding-left: 30px;
box-sizing: border-box;
}
.pair-icon-button.svelte-1lllq9w,
.add-pair-button.svelte-1lllq9w {
border: 0;
background: transparent;
color: var(--color-main-medium);
cursor: pointer;
display: inline-flex;
align-items: center;
padding: 0;
}
.pair-icon-button.svelte-1lllq9w:hover,
.add-pair-button.svelte-1lllq9w:hover {
color: var(--color-medium-hover);
}
.add-pair-view.svelte-1lllq9w {
padding-left: 30px;
box-sizing: border-box;
}
.add-pair-button.svelte-1lllq9w {
gap: 4px;
min-height: 26px;
font: inherit;
}
.candidate-card.svelte-3zib8 {
--candidate-card-background: white;
--candidate-card-border: rgba(16, 19, 20, 0.08);
position: relative;
border: 0;
background: transparent;
padding: 10px 12px 12px;
display: flex;
flex-direction: column;
gap: 0;
min-height: 136px;
transition: border-color 220ms ease, background 220ms ease;
}
.candidate-card.selected.svelte-3zib8 {
--candidate-card-background: rgba(var(--color-primary-rgb), 0.04);
--candidate-card-border: rgba(var(--color-primary-rgb), 0.24);
}
.candidate-card.preview.svelte-3zib8 {
padding-bottom: 10px;
min-height: 112px;
}
.candidate-header.svelte-3zib8 {
position: sticky;
top: 0;
z-index: 140;
box-sizing: border-box;
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 10px;
align-items: start;
margin: -10px -12px 0;
padding: 10px 12px 8px;
isolation: isolate;
}
.candidate-header.svelte-3zib8::before,
.candidate-header.svelte-3zib8::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
}
.candidate-header.svelte-3zib8::before {
z-index: -2;
background: white;
}
.candidate-header.svelte-3zib8::after {
z-index: -1;
border: 1px solid var(--candidate-card-border);
border-bottom: 0;
border-radius: 8px 8px 0 0;
background: var(--candidate-card-background);
box-shadow: 0 1px 0 rgba(16, 19, 20, 0.08);
}
.candidate-header.no-selection.svelte-3zib8 {
grid-template-columns: minmax(0, 1fr);
}
.candidate-card.selected.svelte-3zib8 .candidate-header:where(.svelte-3zib8)::after {
background: rgb(252, 248, 253);
}
.candidate-card.preview.svelte-3zib8 .candidate-header:where(.svelte-3zib8)::after {
border-bottom: 1px solid var(--candidate-card-border);
border-radius: 8px;
}
.selection-toggle.svelte-3zib8 {
width: 32px;
height: 32px;
border-radius: var(--mdc-shape-medium);
display: grid;
place-items: center;
margin-top: 1px;
background: rgba(16, 19, 20, 0.04);
border: 0;
padding: 0;
cursor: pointer;
}
.selection-toggle.selected.svelte-3zib8 {
background: rgba(var(--color-primary-rgb), 0.12);
box-shadow: inset 0 0 0 1px rgba(var(--color-primary-rgb), 0.14);
}
.selection-toggle.svelte-3zib8:hover {
background: var(--color-alt);
}
.selection-toggle.svelte-3zib8:active {
background: var(--color-white-hover);
}
.selection-toggle.svelte-3zib8 svg.checkbox {
transform: scale(1.45);
transform-origin: center center;
}
.selection-checkbox.svelte-3zib8 {
display: grid;
place-items: center;
pointer-events: none;
}
.candidate-summary.svelte-3zib8 {
min-width: 0;
display: flex;
flex-direction: column;
gap: 5px;
}
.summary-topline.svelte-3zib8 {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
.title-row.svelte-3zib8 {
min-width: 0;
display: inline-block;
gap: 7px;
}
.title.svelte-3zib8 {
min-width: 0;
font-size: 15px;
line-height: 19px;
font-weight: 700;
color: var(--color-main-dark);
overflow-wrap: anywhere;
}
.meta-row.svelte-3zib8 {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: center;
}
.type-pill.svelte-3zib8 {
border-radius: 999px;
padding: 2px 9px;
font-size: 11px;
line-height: 16px;
font-weight: 700;
white-space: nowrap;
}
.type-pill.svelte-3zib8 {
background: rgba(var(--color-primary-rgb), 0.08);
color: rgb(132, 33, 161);
}
.candidate-form.svelte-3zib8 {
margin: 0 -12px -12px;
padding: 14px 12px 12px;
border: 1px solid var(--candidate-card-border);
border-top: 0;
border-radius: 0 0 8px 8px;
background: var(--candidate-card-background);
}
.candidate-form.svelte-3zib8 .container.in-dialog {
min-width: 0;
}
.candidate-form.svelte-3zib8 .odd-bg,
.candidate-form.svelte-3zib8 .even-bg {
background: transparent;
}
.candidate-form.svelte-3zib8 .property-row {
min-height: 30px;
overflow: visible;
}
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation) {
position: relative;
border-radius: 6px;
}
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation-attention-medium) .property-name-label {
color: rgb(168, 89, 0);
}
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation-attention-calculated) .property-name-label {
color: rgb(126, 31, 148);
}
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation-attention-low) .property-name-label {
color: rgb(197, 72, 72);
}
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation-attention-medium) .ai-field-citation-icon {
background: rgba(239, 147, 22, 0.14);
color: rgb(168, 89, 0);
}
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation-attention-calculated) .ai-field-citation-icon {
background: rgba(var(--color-primary-rgb), 0.12);
color: rgb(126, 31, 148);
}
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation-attention-low) .ai-field-citation-icon {
background: rgba(197, 72, 72, 0.12);
color: rgb(156, 37, 37);
}
.candidate-form.svelte-3zib8 .ai-field-citation-confidence-tag {
display: inline-block;
margin-left: 5px;
max-width: 86px;
min-width: 0;
border-radius: 999px;
padding: 1px 6px;
font-size: 10px;
line-height: 14px;
font-weight: 800;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: 1px;
}
.candidate-form.svelte-3zib8 .ai-field-citation-confidence-tag-medium {
background: rgba(239, 147, 22, 0.1);
color: rgb(168, 89, 0);
}
.candidate-form.svelte-3zib8 .ai-field-citation-confidence-tag-calculated {
background: rgba(var(--color-primary-rgb), 0.1);
color: rgb(126, 31, 148);
}
.candidate-form.svelte-3zib8 .ai-field-citation-confidence-tag-low {
background: rgba(197, 72, 72, 0.12);
color: rgb(156, 37, 37);
}
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-state-required-marker) .property-name-label,
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-state-review-marker) .property-name-label {
color: rgb(168, 89, 0);
}
.candidate-form.svelte-3zib8 .ai-field-required-tag,
.candidate-form.svelte-3zib8 .ai-field-review-tag,
.candidate-form.svelte-3zib8 .ai-field-edit-tag {
margin-left: 5px;
border-radius: 999px;
padding: 1px 6px;
font-size: 10px;
line-height: 14px;
font-weight: 800;
}
.candidate-form.svelte-3zib8 .ai-field-required-tag {
background: rgba(239, 147, 22, 0.14);
color: rgb(168, 89, 0);
}
.candidate-form.svelte-3zib8 .ai-field-review-tag {
background: rgba(239, 147, 22, 0.1);
color: rgb(168, 89, 0);
}
.candidate-form.svelte-3zib8 .ai-field-edit-tag {
max-width: 68px;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background: rgba(16, 19, 20, 0.08);
color: rgb(47, 53, 56);
}
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation)::before {
content: "";
position: absolute;
inset: 2px 0;
border-radius: 6px;
background: transparent;
pointer-events: none;
}
.candidate-form.svelte-3zib8 .property-name {
position: relative;
flex: 2.15 1 0%;
min-width: 0;
overflow: visible;
}
.candidate-form.svelte-3zib8 .property-value {
flex: 4.85 1 0%;
min-width: 0;
}
.candidate-form.svelte-3zib8 .property-name-label {
display: inline-flex;
align-items: center;
width: 100%;
max-width: 100%;
min-width: 0;
border-radius: 5px;
font-size: 13px;
line-height: 18px;
white-space: nowrap;
transition: background-color 120ms ease, box-shadow 120ms ease;
}
.candidate-form.svelte-3zib8 .ai-field-label-text {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.candidate-form.svelte-3zib8 .property-row:has(.property-name-label:hover .ai-field-citation),
.candidate-form.svelte-3zib8 .property-row:has(.property-name-label:focus-within .ai-field-citation),
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation):hover,
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation:hover),
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation:focus-visible) {
position: relative;
z-index: 20;
}
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation):hover::before,
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation:focus-within)::before {
background: transparent;
}
.candidate-form.svelte-3zib8 .property-row:has(.property-name-label:hover .ai-field-citation) .property-name,
.candidate-form.svelte-3zib8 .property-row:has(.property-name-label:focus-within .ai-field-citation) .property-name,
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation):hover .property-name,
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation:hover) .property-name,
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation:focus-visible) .property-name {
z-index: 30;
}
.candidate-form.svelte-3zib8 .property-row:has(.property-name-label:hover .ai-field-citation) .property-value,
.candidate-form.svelte-3zib8 .property-row:has(.property-name-label:focus-within .ai-field-citation) .property-value,
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation):hover .property-value,
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation:hover) .property-value,
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation:focus-visible) .property-value {
position: relative;
z-index: 1;
}
.candidate-form.svelte-3zib8 .property-name-label:has(.ai-field-citation) {
position: relative;
cursor: pointer;
}
.candidate-form.svelte-3zib8 .property-name-label:has(.ai-field-citation):hover,
.candidate-form.svelte-3zib8 .property-name-label:has(.ai-field-citation:focus-visible),
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation):hover .property-name-label:has(.ai-field-citation) {
background: rgba(16, 19, 20, 0.06);
box-shadow: 0 0 0 3px rgba(16, 19, 20, 0.06);
}
.candidate-form.svelte-3zib8 .ai-field-citation {
position: static;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 15px;
width: 15px;
height: 15px;
margin-left: 5px;
vertical-align: -3px;
color: rgb(126, 31, 148);
outline: none;
opacity: 0;
cursor: pointer;
}
.candidate-form.svelte-3zib8 .ai-field-citation-attention {
opacity: 0;
}
.candidate-form.svelte-3zib8 .ai-field-citation-attention-low {
color: rgb(177, 35, 35);
}
.candidate-form.svelte-3zib8 .ai-field-citation-attention-medium {
color: rgb(168, 89, 0);
}
.candidate-form.svelte-3zib8 .ai-field-citation-attention-calculated {
color: rgb(126, 31, 148);
}
.candidate-form.svelte-3zib8 .ai-field-citation-icon {
display: inline-grid;
place-items: center;
width: 15px;
height: 15px;
border-radius: 50%;
background: rgba(var(--color-primary-rgb), 0.12);
box-shadow: inset 0 0 0 1px rgba(var(--color-primary-rgb), 0.2);
font-size: 10px;
line-height: 15px;
font-weight: 800;
font-style: normal;
cursor: pointer;
opacity: 0;
transition: opacity 120ms ease;
}
.candidate-form.svelte-3zib8 .property-name-label:hover .ai-field-citation,
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation):hover .ai-field-citation,
.candidate-form.svelte-3zib8 .ai-field-citation:focus-visible {
opacity: 1;
}
.candidate-form.svelte-3zib8 .property-name-label:hover .ai-field-citation-icon,
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation):hover .ai-field-citation-icon,
.candidate-form.svelte-3zib8 .ai-field-citation:hover .ai-field-citation-icon,
.candidate-form.svelte-3zib8 .ai-field-citation:focus-visible .ai-field-citation-icon {
opacity: 1;
}
.candidate-form.svelte-3zib8 .property-name-label:hover .ai-field-citation-icon,
.candidate-form.svelte-3zib8 .property-row:has(.ai-field-citation):hover .ai-field-citation-icon,
.candidate-form.svelte-3zib8 .ai-field-citation:hover .ai-field-citation-icon,
.candidate-form.svelte-3zib8 .ai-field-citation:focus-visible .ai-field-citation-icon {
background: color-mix(in srgb, currentColor 16%, transparent);
box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 32%, transparent);
}
.candidate-form.svelte-3zib8 .property-view .property-name .property-name-label {
margin-left: 0 !important;
}
.candidate-form.svelte-3zib8 .group:not(.root-level):not(.first-level) > .group-title-container {
padding-left: 0;
}
.candidate-form.svelte-3zib8 .collapsible .group-content:not(.first-level-group) {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
@media (prefers-reduced-motion: reduce) {
.candidate-card.svelte-3zib8 {
transition: none;
}
}
.root.svelte-pk21y9 {
position: relative;
width: 100%;
max-width: min(760px, 100vw - 96px);
min-width: 0;
display: flex;
flex-direction: column;
gap: 0;
}
.root.pdf-source.svelte-pk21y9 {
width: min(1096px, 100vw - 104px);
max-width: min(1096px, 100vw - 104px);
}
h3.svelte-pk21y9,
p.svelte-pk21y9 {
margin: 0;
}
.warning-card.svelte-pk21y9,
.state-card.svelte-pk21y9 {
border-radius: 16px;
background: white;
border: 1px solid var(--color-divider);
}
.warning-card.svelte-pk21y9 {
padding: 16px 18px;
display: flex;
flex-direction: column;
gap: 8px;
}
.warning-card-standalone.svelte-pk21y9 {
justify-content: center;
}
.warning-icon.svelte-pk21y9 {
width: 40px;
height: 40px;
border-radius: 12px;
display: grid;
place-items: center;
background: rgba(239, 147, 22, 0.14);
color: rgb(168, 89, 0);
}
.warning-copy.svelte-pk21y9 {
display: flex;
flex-direction: column;
gap: 2px;
}
.warning-copy.svelte-pk21y9 h3:where(.svelte-pk21y9) {
font-size: 18px;
line-height: 22px;
margin: 0;
}
.warning-copy.svelte-pk21y9 p:where(.svelte-pk21y9) {
font-size: 13px;
line-height: 18px;
color: var(--color-main-medium);
margin: 0;
}
.warning-actions.svelte-pk21y9 {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
justify-content: flex-start;
}
.warning-actions.svelte-pk21y9 .mdc-button.mdc-button--text {
padding-left: 0;
min-height: 32px;
height: 32px;
}
.warning-actions.svelte-pk21y9 .mdc-button.mdc-button--text.mdc-button--icon-leading {
padding-left: 0;
}
.state-card.svelte-pk21y9 {
padding: 16px;
display: flex;
flex-direction: column;
gap: 12px;
justify-content: center;
}
.state-icon.svelte-pk21y9 {
width: 48px;
height: 48px;
border-radius: 12px;
display: grid;
place-items: center;
background: rgba(var(--color-primary-rgb), 0.08);
}
.error-icon.svelte-pk21y9 {
background: rgba(197, 72, 72, 0.12);
}
.state-copy.svelte-pk21y9 {
display: flex;
flex-direction: column;
gap: 4px;
}
.state-copy.svelte-pk21y9 h3:where(.svelte-pk21y9) {
font-size: 18px;
line-height: 22px;
}
.state-copy.svelte-pk21y9 p:where(.svelte-pk21y9) {
color: var(--color-main-medium);
line-height: 18px;
font-size: 13px;
}
.state-actions.svelte-pk21y9 {
display: flex;
justify-content: flex-start;
}
@media (max-width: 720px) {
.root.svelte-pk21y9 {
max-width: calc(100vw - 48px);
}
.root.pdf-source.svelte-pk21y9 {
width: calc(100vw - 48px);
max-width: calc(100vw - 48px);
}
}
.ai-dimensions-property.svelte-4d7f61 {
align-items: flex-start;
}
.ai-dimensions-grid.svelte-4d7f61 {
display: grid;
gap: 4px;
width: 100%;
}
.ai-dimensions-line.svelte-4d7f61 {
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) 26px;
align-items: center;
gap: 4px;
min-height: 26px;
}
.ai-dimensions-field.svelte-4d7f61 {
min-width: 0;
}
.ai-dimensions-separator.svelte-4d7f61 {
color: var(--color-main-dark);
line-height: 1;
padding: 0 2px;
}
.ai-dimensions-unit.svelte-4d7f61 {
color: var(--color-main-light);
width: 26px;
min-width: 26px;
text-align: left;
}
.ai-dimensions-field .custom-input-container {
min-width: 0;
width: 100%;
}
.ai-dimensions-field input.custom-input {
width: 100%;
min-width: 0;
text-align: right;
}
.ai-import-number-property.svelte-4d7f61 {
min-width: 0;
}
.custom-input-container.svelte-4d7f61 {
display: flex;
align-items: center;
min-width: 0;
width: 100%;
}
input.custom-input.svelte-4d7f61 {
width: 100%;
min-width: 0;
}
.ai-import-number-action.svelte-4d7f61 {
flex: 0 0 auto;
}
.image-viewer.svelte-1pfgzbg {
width: 100%;
max-width: 100%;
height: 100%;
box-sizing: border-box;
min-width: 0;
min-height: 0;
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid color-mix(in srgb, var(--color-main-dark) 12%, transparent);
background: linear-gradient(135deg, rgba(21, 28, 32, 0.04), rgba(21, 28, 32, 0)), #f8faf9;
}
.viewer-toolbar.svelte-1pfgzbg {
min-height: 52px;
padding: 0 14px;
display: flex;
align-items: center;
border-bottom: 1px solid color-mix(in srgb, var(--color-main-dark) 12%, transparent);
background: white;
}
.viewer-toolbar.svelte-1pfgzbg strong:where(.svelte-1pfgzbg) {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
line-height: 18px;
font-weight: 800;
}
.viewer-viewport.svelte-1pfgzbg {
position: relative;
width: 100%;
min-width: 0;
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
}
.image-scroll.svelte-1pfgzbg {
position: relative;
width: 100%;
height: 100%;
min-height: 0;
overflow: auto;
padding: 16px;
box-sizing: border-box;
background-image: linear-gradient(45deg, rgba(17, 24, 28, 0.035) 25%, transparent 25%), linear-gradient(-45deg, rgba(17, 24, 28, 0.035) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(17, 24, 28, 0.035) 75%), linear-gradient(-45deg, transparent 75%, rgba(17, 24, 28, 0.035) 75%);
background-position: 0 0, 0 8px, 8px -8px, -8px 0;
background-size: 16px 16px;
}
.image-frame.svelte-1pfgzbg {
position: relative;
width: max-content;
max-width: 100%;
margin: 0 auto;
box-shadow: 0 12px 34px rgba(16, 19, 20, 0.14);
background: white;
}
.image-frame.svelte-1pfgzbg img:where(.svelte-1pfgzbg) {
display: block;
max-width: 100%;
height: auto;
user-select: none;
}
.viewer-state.svelte-1pfgzbg {
position: absolute;
inset: auto auto 14px 14px;
padding: 7px 10px;
border-radius: 8px;
background: rgba(17, 24, 28, 0.84);
color: white;
font-size: 12px;
line-height: 16px;
font-weight: 700;
backdrop-filter: blur(8px);
}
.viewer-state.error.svelte-1pfgzbg {
inset: 14px;
display: grid;
place-items: center;
background: rgba(197, 72, 72, 0.12);
color: rgb(156, 37, 37);
text-align: center;
}
.loading-card.svelte-1ekr655 {
border-radius: 18px;
background: white;
padding: 28px 24px;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
overflow: hidden;
}
.loading-card.compact.svelte-1ekr655 {
padding: 12px 14px;
border-radius: 10px;
border: 1px solid color-mix(in srgb, var(--mdc-theme-primary) 24%, var(--color-divider));
background: color-mix(in srgb, var(--color-white) 92%, transparent);
box-shadow: 0 8px 24px color-mix(in srgb, var(--color-main-dark) 12%, transparent);
backdrop-filter: blur(8px);
}
.loading-card.rail.svelte-1ekr655 {
padding: 4px 10px 6px;
display: block;
border: 0;
border-radius: 0;
background: var(--color-white);
box-shadow: none;
backdrop-filter: none;
}
.rail.svelte-1ekr655 .loading-copy:where(.svelte-1ekr655),
.rail.svelte-1ekr655 .progress-panel:where(.svelte-1ekr655) {
width: 100%;
max-width: none;
}
.rail.svelte-1ekr655 .loading-copy:where(.svelte-1ekr655) {
display: block;
text-align: left;
}
.rail.svelte-1ekr655 .progress-panel:where(.svelte-1ekr655) {
gap: 3px;
}
.rail.svelte-1ekr655 .progress-header:where(.svelte-1ekr655),
.rail.svelte-1ekr655 .progress-header:where(.svelte-1ekr655) strong:where(.svelte-1ekr655) {
font-size: 10px;
line-height: 12px;
}
.rail.svelte-1ekr655 .progress-track:where(.svelte-1ekr655) {
height: 3px;
}
.compact.svelte-1ekr655 .loading-copy:where(.svelte-1ekr655),
.compact.svelte-1ekr655 .progress-panel:where(.svelte-1ekr655) {
width: 100%;
}
.compact.svelte-1ekr655 .loading-copy:where(.svelte-1ekr655) {
align-items: stretch;
gap: 7px;
text-align: left;
}
.loading-visual.svelte-1ekr655 {
position: relative;
width: 156px;
height: 132px;
}
.scan-ring.svelte-1ekr655 {
position: absolute;
inset: 10px;
border-radius: 28px;
border: 1px solid rgba(var(--color-primary-rgb), 0.18);
opacity: 0;
transform: scale(0.88);
animation: svelte-1ekr655-ringPulse 2.6s ease-out infinite;
animation-fill-mode: both;
}
.scan-ring.delay.svelte-1ekr655 {
animation-delay: 1.3s;
}
.sheet.svelte-1ekr655 {
position: absolute;
left: 50%;
width: 96px;
height: 112px;
border-radius: 16px;
border: 1px solid rgba(16, 19, 20, 0.08);
background: white;
transform-origin: center center;
box-shadow: 0 18px 36px rgba(16, 19, 20, 0.08);
}
.sheet.svelte-1ekr655::before,
.sheet.svelte-1ekr655::after {
content: "";
position: absolute;
left: 14px;
right: 14px;
border-radius: 999px;
background: rgba(16, 19, 20, 0.08);
}
.sheet.svelte-1ekr655::before {
top: 18px;
height: 10px;
}
.sheet.svelte-1ekr655::after {
top: 38px;
height: 6px;
box-shadow: 0 14px 0 rgba(16, 19, 20, 0.08), 0 28px 0 rgba(16, 19, 20, 0.08), 0 42px 0 rgba(16, 19, 20, 0.08);
}
.sheet-back.svelte-1ekr655 {
transform: translateX(-62%) translateY(8px) rotate(-10deg);
opacity: 0.65;
animation: svelte-1ekr655-sheetDriftBack 2.6s ease-in-out infinite;
}
.sheet-mid.svelte-1ekr655 {
transform: translateX(-50%) translateY(2px);
animation: svelte-1ekr655-sheetDriftMid 2.6s ease-in-out infinite;
}
.sheet-front.svelte-1ekr655 {
transform: translateX(-38%) translateY(10px) rotate(10deg);
opacity: 1;
animation: svelte-1ekr655-sheetDriftFront 2.6s ease-in-out infinite;
}
.scan-bar.svelte-1ekr655 {
position: absolute;
left: 50%;
width: 140px;
height: 2px;
top: 26px;
background: rgba(var(--color-primary-rgb), 0.78);
box-shadow: 0 0 18px rgba(var(--color-primary-rgb), 0.3);
animation: svelte-1ekr655-scanBar 1.9s cubic-bezier(0.45, 0, 0.55, 1) infinite;
margin-left: -70px;
}
.loading-copy.svelte-1ekr655 {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
text-align: center;
width: min(100%, 360px);
}
h3.svelte-1ekr655,
p.svelte-1ekr655 {
margin: 0;
}
h3.svelte-1ekr655 {
font-size: 20px;
line-height: 24px;
color: var(--color-main-dark);
}
.file-name.svelte-1ekr655 {
max-width: min(100%, 520px);
font-size: 13px;
line-height: 18px;
color: var(--color-main-medium);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.progress-panel.svelte-1ekr655 {
width: min(100%, 320px);
display: flex;
flex-direction: column;
gap: 8px;
}
.progress-header.svelte-1ekr655 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
color: var(--color-main-medium);
font-size: 12px;
line-height: 16px;
}
.progress-header.svelte-1ekr655 strong:where(.svelte-1ekr655) {
color: var(--color-main-dark);
font-size: 13px;
font-weight: 700;
}
.progress-track.svelte-1ekr655 {
height: 8px;
border-radius: 999px;
background: rgba(16, 19, 20, 0.08);
overflow: hidden;
}
.progress-fill.svelte-1ekr655 {
height: 100%;
border-radius: inherit;
background: var(--color-primary);
box-shadow: 0 0 16px rgba(var(--color-primary-rgb), 0.24);
transition: width 260ms ease;
}
@keyframes svelte-1ekr655-ringPulse {
0% {
opacity: 0;
transform: scale(0.88);
}
25% {
opacity: 0.45;
}
100% {
opacity: 0;
transform: scale(1.06);
}
}
@keyframes svelte-1ekr655-scanBar {
0%, 100% {
transform: translate3d(0, 0, 0);
}
50% {
transform: translate3d(0, 56px, 0);
}
}
@keyframes svelte-1ekr655-sheetDriftBack {
0%, 100% {
transform: translateX(-62%) translateY(8px) rotate(-10deg);
}
50% {
transform: translateX(-64%) translateY(2px) rotate(-12deg);
}
}
@keyframes svelte-1ekr655-sheetDriftMid {
0%, 100% {
transform: translateX(-50%) translateY(2px);
}
50% {
transform: translateX(-50%) translateY(-4px);
}
}
@keyframes svelte-1ekr655-sheetDriftFront {
0%, 100% {
transform: translateX(-38%) translateY(10px) rotate(10deg);
}
50% {
transform: translateX(-36%) translateY(4px) rotate(12deg);
}
}
@media (prefers-reduced-motion: reduce) {
.scan-ring.svelte-1ekr655,
.sheet-back.svelte-1ekr655,
.sheet-mid.svelte-1ekr655,
.sheet-front.svelte-1ekr655,
.scan-bar.svelte-1ekr655 {
animation: none;
}
.progress-fill.svelte-1ekr655 {
transition: none;
}
}
.page-shell.svelte-15meuw6 {
position: relative;
display: flex;
justify-content: center;
width: fit-content;
max-width: none;
margin: 0 auto;
transform-origin: center top;
background: var(--color-white);
box-shadow: 0 1px 1px color-mix(in srgb, var(--color-main-dark) 8%, transparent), 0 12px 30px color-mix(in srgb, var(--color-main-dark) 13%, transparent);
}
canvas.svelte-15meuw6 {
display: block;
background: var(--color-white);
transform-origin: center top;
}
canvas.failed.svelte-15meuw6 {
visibility: hidden;
}
.page-failure.svelte-15meuw6 {
position: absolute;
inset: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
padding: 24px;
background: color-mix(in srgb, var(--color-white) 94%, var(--color-danger));
color: var(--color-main-dark);
text-align: center;
}
.page-failure.svelte-15meuw6 strong:where(.svelte-15meuw6) {
font-size: 14px;
line-height: 19px;
}
.page-failure.svelte-15meuw6 span:where(.svelte-15meuw6) {
max-width: 300px;
color: var(--color-main-medium);
font-size: 11px;
line-height: 16px;
}
.page-failure.svelte-15meuw6 button:where(.svelte-15meuw6) {
margin-top: 4px;
padding: 5px 10px;
border: 1px solid color-mix(in srgb, var(--color-main-dark) 18%, transparent);
border-radius: 5px;
background: var(--color-white);
color: var(--mdc-theme-primary);
font: inherit;
font-weight: 700;
cursor: pointer;
}
.page-badge.svelte-15meuw6,
.page-rendering.svelte-15meuw6 {
position: absolute;
left: 8px;
padding: 4px 7px;
border-radius: 7px;
background: rgba(17, 24, 28, 0.78);
color: white;
font-size: 11px;
line-height: 14px;
font-weight: 700;
backdrop-filter: blur(8px);
}
.page-badge.svelte-15meuw6 {
top: 8px;
}
.page-rendering.svelte-15meuw6 {
bottom: 8px;
}
@media (prefers-reduced-motion: reduce) {
canvas.svelte-15meuw6 {
transition: none;
}
}
.page-pager.svelte-1lzu858 {
display: flex;
align-items: center;
gap: 6px;
flex: 0 0 auto;
}
.floating-page-pager.svelte-1lzu858 {
position: absolute;
left: 50%;
bottom: 14px;
z-index: 4;
width: fit-content;
transform: translateX(-50%);
padding: 4px 8px;
border-radius: 10px;
border: 1px solid rgba(16, 19, 20, 0.08);
background: rgba(255, 255, 255, 0.88);
box-shadow: 0 8px 22px rgba(16, 19, 20, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.72);
backdrop-filter: blur(10px);
}
.page-pager.svelte-1lzu858 .mdc-button {
min-width: 28px;
width: 28px;
height: 30px;
min-height: 30px;
border-radius: 7px;
padding: 0;
}
.page-pager.svelte-1lzu858 .custom-icon-container {
width: 28px;
height: 30px;
border-radius: 7px;
color: var(--color-main-medium);
}
.page-pager.svelte-1lzu858 .custom-icon-container.icon-actionable:hover {
background-color: var(--color-alt);
color: var(--color-medium-hover);
}
.page-pager.svelte-1lzu858 .custom-icon-container.icon-actionable:active {
background-color: var(--color-white-hover);
}
.page-counter.svelte-1lzu858 {
font-family: "SFMono-Regular", "SF Mono", "Roboto Mono", "Menlo", "Consolas", "Liberation Mono", monospace;
font-size: 11px;
line-height: 14px;
font-weight: 700;
color: var(--color-main-medium);
white-space: nowrap;
}
.viewer-toolbar.svelte-uzbujk {
width: 100%;
max-width: 100%;
box-sizing: border-box;
flex: 0 0 auto;
padding: 6px 8px 6px 12px;
display: flex;
align-items: center;
gap: 8px;
border-bottom: 1px solid color-mix(in srgb, var(--color-main-dark) 10%, transparent);
background: rgba(255, 255, 255, 0.86);
overflow: hidden;
}
.file-title.svelte-uzbujk {
flex: 1 1 auto;
min-width: 0;
font-size: 12px;
line-height: 16px;
font-weight: 800;
color: var(--color-main-dark);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.viewer-controls.svelte-uzbujk {
flex: 0 0 auto;
display: flex;
align-items: center;
gap: 2px;
min-width: 0;
overflow: hidden;
}
.viewer-controls-right.svelte-uzbujk {
margin-left: auto;
}
.viewer-controls.svelte-uzbujk .mdc-button {
min-width: 28px;
height: 28px;
min-height: 28px;
border-radius: 7px;
padding: 0 6px;
overflow: hidden;
}
.viewer-controls.svelte-uzbujk .custom-icon-container {
width: 26px;
height: 28px;
color: var(--color-main-medium);
overflow: hidden;
}
.viewer-controls.svelte-uzbujk .mdc-button:not(:disabled):hover {
background-color: var(--color-alt);
color: var(--color-primary);
}
.viewer-controls.svelte-uzbujk .mdc-button:not(:disabled):active {
background-color: var(--color-white-hover);
}
.zoom-label.svelte-uzbujk {
flex: 0 0 42px;
width: 42px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
font-family: "SFMono-Regular", "SF Mono", "Roboto Mono", "Menlo", "Consolas", "Liberation Mono", monospace;
font-size: 11px;
line-height: 1;
font-weight: 700;
font-variant-numeric: tabular-nums;
color: var(--color-main-medium);
white-space: nowrap;
overflow: hidden;
}
.pdf-viewer.svelte-16if0bx {
width: 100%;
max-width: 100%;
height: 100%;
box-sizing: border-box;
min-width: 0;
min-height: 0;
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid color-mix(in srgb, var(--color-main-dark) 12%, transparent);
background: linear-gradient(135deg, rgba(21, 28, 32, 0.04), rgba(21, 28, 32, 0)), #f8faf9;
}
.viewer-viewport.svelte-16if0bx {
position: relative;
width: 100%;
min-width: 0;
flex: 1 1 auto;
min-height: 0;
overflow: hidden;
}
.pages-scroll.svelte-16if0bx {
position: relative;
width: 100%;
box-sizing: border-box;
height: 100%;
min-height: 0;
overflow: auto;
display: block;
padding: 14px 14px 72px;
overscroll-behavior: contain;
scrollbar-width: none;
touch-action: pan-x pan-y;
cursor: grab;
user-select: none;
background-image: linear-gradient(45deg, rgba(17, 24, 28, 0.035) 25%, transparent 25%), linear-gradient(-45deg, rgba(17, 24, 28, 0.035) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(17, 24, 28, 0.035) 75%), linear-gradient(-45deg, transparent 75%, rgba(17, 24, 28, 0.035) 75%);
background-position: 0 0, 0 8px, 8px -8px, -8px 0;
background-size: 16px 16px;
}
.pages-scroll.svelte-16if0bx::-webkit-scrollbar {
display: none;
}
.pages-scroll.panning.svelte-16if0bx {
cursor: grabbing;
}
.pages-stack.svelte-16if0bx {
width: max-content;
min-width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 18px;
transform-origin: center top;
will-change: transform;
}
.pages-stack.camera-transition.svelte-16if0bx {
transition: transform var(--camera-zoom-duration, 440ms) cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
.pages-stack.camera-transition.svelte-16if0bx {
transition: none;
}
}
.viewer-state.svelte-1c37yq0 {
position: absolute;
inset: 0;
z-index: 2;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 14px;
padding: 24px;
color: var(--color-main-dark);
text-align: center;
background-color: color-mix(in srgb, var(--color-white) 92%, transparent);
background-image: repeating-conic-gradient(color-mix(in srgb, var(--color-main-dark) 3.5%, transparent) 0 25%, transparent 0 50%);
background-position: 50%;
background-size: 16px 16px;
animation: svelte-1c37yq0-state-in 180ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
.viewer-state.error.svelte-1c37yq0 {
background-color: color-mix(in srgb, var(--color-white) 96%, transparent);
background-image: radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--color-danger) 8%, transparent), transparent 220px);
}
.state-copy.svelte-1c37yq0 {
max-width: 360px;
display: flex;
flex-direction: column;
gap: 4px;
}
.state-copy.svelte-1c37yq0 strong:where(.svelte-1c37yq0) {
font-size: 15px;
line-height: 20px;
}
.state-copy.svelte-1c37yq0 span:where(.svelte-1c37yq0) {
color: var(--color-main-medium);
font-size: 12px;
line-height: 17px;
}
.state-actions.svelte-1c37yq0 {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.error-icon.svelte-1c37yq0 {
width: 44px;
height: 44px;
display: grid;
place-items: center;
border-radius: 12px;
color: var(--color-danger);
background: color-mix(in srgb, var(--color-danger) 10%, var(--color-white));
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-danger) 18%, transparent);
}
.document-loader.svelte-1c37yq0 {
position: relative;
width: 58px;
height: 66px;
}
.document-loader.svelte-1c37yq0 span:where(.svelte-1c37yq0) {
position: absolute;
inset: 4px 6px 4px 8px;
border: 1px solid color-mix(in srgb, var(--color-main-dark) 11%, transparent);
border-radius: 8px;
background: color-mix(in srgb, var(--color-white) 92%, transparent);
box-shadow: 0 8px 22px color-mix(in srgb, var(--color-main-dark) 8%, transparent);
}
.document-loader.svelte-1c37yq0 span:where(.svelte-1c37yq0):nth-child(1) {
transform: rotate(-8deg) translate(-5px, 2px);
opacity: 0.42;
}
.document-loader.svelte-1c37yq0 span:where(.svelte-1c37yq0):nth-child(2) {
transform: rotate(7deg) translate(5px, 2px);
opacity: 0.62;
}
.document-loader.svelte-1c37yq0 span:where(.svelte-1c37yq0):nth-child(3) {
transform: none;
}
.document-loader.svelte-1c37yq0 i:where(.svelte-1c37yq0) {
position: absolute;
left: 2px;
right: 2px;
top: 31px;
height: 2px;
border-radius: 999px;
background: var(--mdc-theme-primary);
box-shadow: 0 0 10px color-mix(in srgb, var(--mdc-theme-primary) 48%, transparent);
animation: svelte-1c37yq0-scan 1.45s ease-in-out infinite alternate;
}
@keyframes svelte-1c37yq0-scan {
from {
transform: translateY(-13px);
}
to {
transform: translateY(15px);
}
}
@keyframes svelte-1c37yq0-state-in {
from {
opacity: 0;
transform: translateY(3px);
}
}
@media (prefers-reduced-motion: reduce) {
.viewer-state.svelte-1c37yq0,
.document-loader.svelte-1c37yq0 i:where(.svelte-1c37yq0) {
animation: none;
}
}
.review-flow.svelte-173s6z5 {
width: 100%;
height: 100%;
min-height: 0;
display: flex;
flex-direction: column;
}
.toolbar-card.svelte-173s6z5 {
position: relative;
flex: 0 0 auto;
z-index: 5;
padding: 0 !important;
display: flex;
flex-direction: column;
gap: 0;
border: 0;
border-radius: 0;
background: white;
overflow: hidden;
margin-bottom: 8px;
}
.toolbar-row.svelte-173s6z5 {
display: flex;
align-items: center;
gap: 16px;
min-width: 0;
}
.toolbar-row-actions.svelte-173s6z5 {
display: flex;
justify-content: flex-end;
}
.pager-block.svelte-173s6z5,
.toolbar-left.svelte-173s6z5,
.toolbar-actions.svelte-173s6z5 {
display: flex;
align-items: center;
gap: 6px;
flex-shrink: 0;
}
.pager-block.svelte-173s6z5 {
margin-right: 0;
}
.pager-block.svelte-173s6z5 .custom-icon-container {
width: 28px;
height: 30px;
border-radius: 7px;
color: var(--color-main-medium);
transition: background-color 140ms ease, color 140ms ease;
}
.pager-block.svelte-173s6z5 .custom-icon-container.icon-actionable:hover {
background-color: var(--color-alt);
color: var(--color-medium-hover);
}
.pager-block.svelte-173s6z5 .custom-icon-container.icon-actionable:active {
background-color: var(--color-white-hover);
}
.toolbar-actions.svelte-173s6z5 {
margin-left: auto;
}
.toolbar-actions.svelte-173s6z5 .mdc-button {
min-height: 36px;
height: 36px;
border-radius: var(--mdc-shape-medium);
}
.toolbar-actions.svelte-173s6z5 .mdc-button .mdc-button__label {
font-size: 13px;
line-height: 18px;
}
.validation-progress.svelte-173s6z5 {
margin-top: 7px;
padding: 0;
}
.validation-progress-track.svelte-173s6z5 {
height: 3px;
border-radius: 999px;
background: rgba(16, 19, 20, 0.08);
overflow: hidden;
}
.validation-progress-fill.svelte-173s6z5 {
display: block;
height: 100%;
border-radius: inherit;
background: var(--color-primary);
transition: width 260ms cubic-bezier(0.22, 1, 0.36, 1);
}
.toolbar-counter.svelte-173s6z5 {
font-family: "SFMono-Regular", "SF Mono", "Roboto Mono", "Menlo", "Consolas", "Liberation Mono", monospace;
font-size: 15px;
line-height: 18px;
font-weight: 700;
color: var(--color-main-dark);
background: transparent;
padding: 0;
}
.candidate-stage.svelte-173s6z5 {
position: relative;
flex: 1 1 auto;
min-width: 0;
min-height: 0;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: none;
}
.candidate-stage.svelte-173s6z5::-webkit-scrollbar {
display: none;
}
.source-chip.svelte-173s6z5 {
min-width: 0;
padding: 6px 10px;
margin-top: 0;
margin-bottom: 8px;
background: rgba(16, 19, 20, 0.04);
color: var(--color-main-medium);
font-size: 12px;
line-height: 16px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.submit-disclaimer.svelte-173s6z5 {
flex: 0 0 auto;
text-align: center;
font-size: 10px;
line-height: 12px;
color: var(--color-main-medium);
letter-spacing: 0.02em;
padding: 2px 0 0;
}
.candidate-viewport.svelte-173s6z5 {
padding: 0 0 2px;
}
.candidate-track.svelte-173s6z5 {
display: flex;
align-items: flex-start;
transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1), gap 200ms ease;
will-change: transform;
}
.candidate-shell.svelte-173s6z5 {
flex: 0 0 auto;
min-width: 0;
cursor: pointer;
transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1), opacity 220ms ease;
}
.candidate-shell.preview.svelte-173s6z5 {
opacity: 1;
transform: scale(1);
}
.candidate-shell.active.svelte-173s6z5 {
opacity: 1;
transform: scale(1);
cursor: default;
}
@media (max-width: 720px) {
.toolbar-row.svelte-173s6z5,
.toolbar-row-actions.svelte-173s6z5 {
display: flex;
flex-direction: column;
align-items: stretch;
}
.pager-block.svelte-173s6z5,
.toolbar-actions.svelte-173s6z5 {
justify-content: space-between;
}
.toolbar-actions.svelte-173s6z5 {
flex-wrap: wrap;
}
}
@media (prefers-reduced-motion: reduce) {
.candidate-track.svelte-173s6z5,
.candidate-shell.svelte-173s6z5 {
transition: none;
}
}
.project-assets-ai-import-pdf-sidecar-shell.svelte-23t9hv {
position: relative;
width: 100%;
max-width: calc(var(--ai-import-review-pane-width) + var(--ai-import-viewer-pane-width) + var(--ai-import-sidecar-gap));
height: min(var(--ai-import-sidecar-height), 100vh - 136px);
min-height: 0;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, var(--ai-import-review-pane-width)) minmax(var(--ai-import-viewer-pane-min-width), var(--ai-import-viewer-pane-width));
justify-content: center;
gap: var(--ai-import-sidecar-gap);
overflow: hidden;
}
.source-pane.svelte-23t9hv,
.review-pane.svelte-23t9hv {
width: 100%;
min-width: 0;
min-height: 0;
overflow: hidden;
}
.review-pane.svelte-23t9hv {
display: flex;
}
.mdc-dialog:has(.project-assets-ai-import-pdf-sidecar-shell) .mdc-dialog__surface {
width: min(1120px, 100vw - 80px);
max-width: min(1120px, 100vw - 80px);
}
.mdc-dialog:has(.project-assets-ai-import-pdf-sidecar-shell) .custom-dialog__body {
overflow: hidden;
padding: 0 12px 14px;
max-width: calc(100vw - 48px);
}
.project-assets-ai-import-pdf-sidecar-shell .mdc-button--text:not(:disabled):hover,
.project-assets-ai-import-pdf-sidecar-shell .mdc-button--outlined:not(:disabled):hover {
background-color: var(--color-alt);
color: var(--color-primary);
}
.project-assets-ai-import-pdf-sidecar-shell .custom-icon-container.icon-actionable:hover {
color: var(--color-medium-hover);
}
.project-assets-ai-import-pdf-sidecar-shell .mdc-button--raised:not(:disabled):hover,
.project-assets-ai-import-pdf-sidecar-shell .mdc-button--unelevated:not(:disabled):hover {
filter: brightness(0.96);
}
.project-assets-ai-import-pdf-sidecar-shell .mdc-button:not(:disabled):active,
.project-assets-ai-import-pdf-sidecar-shell .custom-icon-container.icon-actionable:active {
background-color: var(--color-white-hover);
}
@media (max-width: 1120px) {
.project-assets-ai-import-pdf-sidecar-shell.svelte-23t9hv {
max-width: 100%;
grid-template-columns: minmax(0, min(var(--ai-import-review-pane-width), 100% - var(--ai-import-viewer-pane-min-width) - var(--ai-import-sidecar-gap))) minmax(var(--ai-import-viewer-pane-min-width), 1fr);
justify-content: stretch;
}
}
@media (max-width: 1020px) {
.project-assets-ai-import-pdf-sidecar-shell.svelte-23t9hv {
height: auto;
max-height: calc(100vh - 144px);
grid-template-columns: minmax(0, 1fr);
gap: 0;
overflow: auto;
}
.source-pane.svelte-23t9hv {
display: none;
}
.review-pane.svelte-23t9hv {
overflow: visible;
}
}
@property --spotlight-x {
syntax: "";
inherits: false;
initial-value: 0px;
}
@property --spotlight-y {
syntax: "";
inherits: false;
initial-value: 0px;
}
@property --spotlight-radius-x {
syntax: "";
inherits: false;
initial-value: 0px;
}
@property --spotlight-radius-y {
syntax: "";
inherits: false;
initial-value: 0px;
}
.source-highlight-layer.svelte-1jtid3h {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
border-radius: 1px;
background: radial-gradient(ellipse var(--spotlight-radius-x) var(--spotlight-radius-y) at var(--spotlight-x) var(--spotlight-y), rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 48%, rgba(15, 19, 22, 0.006) 64%, rgba(15, 19, 22, 0.032) 80%, rgba(15, 19, 22, 0.09) 94%, rgba(15, 19, 22, 0.18) 100%);
filter: blur(10px);
mix-blend-mode: multiply;
opacity: 0;
will-change: opacity, filter;
transition: --spotlight-x 760ms cubic-bezier(0.16, 1, 0.3, 1), --spotlight-y 760ms cubic-bezier(0.16, 1, 0.3, 1), --spotlight-radius-x 760ms cubic-bezier(0.16, 1, 0.3, 1), --spotlight-radius-y 760ms cubic-bezier(0.16, 1, 0.3, 1), opacity 720ms cubic-bezier(0.16, 1, 0.3, 1);
}
.source-highlight-layer.visible.svelte-1jtid3h {
opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
.source-highlight-layer.svelte-1jtid3h {
transition: none;
}
}
.success-wrap.svelte-14im4pk {
position: relative;
isolation: isolate;
}
.project-assets-ai-import-fireworks-host .mdc-dialog__scrim {
z-index: 0;
}
.project-assets-ai-import-fireworks-host .mdc-dialog__container {
position: relative;
z-index: 3;
}
.project-assets-ai-import-fireworks-stage {
position: fixed;
inset: 0;
z-index: 1;
pointer-events: none;
overflow: hidden;
contain: paint;
}
.project-assets-ai-import-firework-burst {
position: absolute;
left: var(--x);
top: var(--y);
width: var(--size);
height: var(--size);
opacity: 0;
transform: translate3d(-50%, -50%, 0) scale(0.45);
animation: project-assets-ai-import-firework-burst 1600ms cubic-bezier(0.18, 0.82, 0.22, 1) both;
animation-delay: var(--delay);
mix-blend-mode: screen;
}
.project-assets-ai-import-firework-halo,
.project-assets-ai-import-firework-ring,
.project-assets-ai-import-firework-core,
.project-assets-ai-import-firework-spark {
position: absolute;
left: 50%;
top: 50%;
pointer-events: none;
}
.project-assets-ai-import-firework-halo {
width: 100%;
height: 100%;
border-radius: 999px;
background: radial-gradient(circle, color-mix(in srgb, var(--color-a) 30%, transparent) 0 9%, transparent 42%), radial-gradient(circle, color-mix(in srgb, var(--color-b) 22%, transparent) 0 22%, transparent 64%);
filter: blur(12px);
opacity: 0;
transform: translate3d(-50%, -50%, 0) scale(0.2);
animation: project-assets-ai-import-firework-halo 1500ms ease-out both;
animation-delay: var(--delay);
}
.project-assets-ai-import-firework-ring {
width: 66%;
height: 66%;
border-radius: 999px;
border: 1px solid color-mix(in srgb, var(--color-a) 68%, white);
box-shadow: 0 0 18px color-mix(in srgb, var(--color-a) 42%, transparent), inset 0 0 18px color-mix(in srgb, var(--color-b) 24%, transparent);
opacity: 0;
transform: translate3d(-50%, -50%, 0) scale(0.1);
animation: project-assets-ai-import-firework-ring 1420ms cubic-bezier(0.12, 0.82, 0.2, 1) both;
animation-delay: calc(var(--delay) + 40ms);
}
.project-assets-ai-import-firework-ring.secondary {
width: 92%;
height: 92%;
border-color: color-mix(in srgb, var(--color-b) 58%, white);
animation-delay: calc(var(--delay) + 170ms);
animation-duration: 1680ms;
}
.project-assets-ai-import-firework-core {
width: 8px;
height: 8px;
border-radius: 999px;
background: white;
box-shadow: 0 0 18px var(--color-a), 0 0 32px var(--color-b);
opacity: 0;
transform: translate3d(-50%, -50%, 0) scale(0.2);
animation: project-assets-ai-import-firework-core 820ms ease-out both;
animation-delay: var(--delay);
}
.project-assets-ai-import-firework-spark {
width: var(--length);
height: var(--spark-width);
border-radius: 999px;
background: linear-gradient(90deg, transparent, white 12%, var(--color-a) 42%, var(--color-b));
box-shadow: 0 0 12px color-mix(in srgb, var(--color-a) 55%, transparent);
opacity: 0;
transform-origin: 0 50%;
transform: rotate(var(--angle)) translateX(8px) scaleX(0.12);
animation: project-assets-ai-import-firework-spark 1280ms cubic-bezier(0.14, 0.86, 0.22, 1) both;
animation-delay: calc(var(--delay) + var(--spark-delay));
}
.state-card.svelte-14im4pk {
position: relative;
z-index: 1;
border-radius: 16px;
border: 1px solid var(--color-divider);
background: white;
padding: 16px;
display: flex;
flex-direction: column;
gap: 12px;
justify-content: center;
}
.state-icon.svelte-14im4pk {
width: 48px;
height: 48px;
border-radius: 12px;
display: grid;
place-items: center;
}
.success-icon.svelte-14im4pk {
background: rgba(16, 163, 74, 0.12);
}
.state-copy.svelte-14im4pk {
display: flex;
flex-direction: column;
gap: 4px;
}
.state-copy.svelte-14im4pk h3:where(.svelte-14im4pk),
.state-copy.svelte-14im4pk p:where(.svelte-14im4pk) {
margin: 0;
}
.state-copy.svelte-14im4pk h3:where(.svelte-14im4pk) {
font-size: 18px;
line-height: 22px;
}
.state-copy.svelte-14im4pk p:where(.svelte-14im4pk) {
color: var(--color-main-medium);
line-height: 18px;
font-size: 13px;
}
.success-list.svelte-14im4pk {
display: flex;
flex-direction: column;
gap: 6px;
}
.success-item.svelte-14im4pk {
border: 1px solid rgba(16, 163, 74, 0.14);
border-radius: var(--mdc-shape-medium);
padding: 8px 10px;
background: rgba(16, 163, 74, 0.04);
}
.success-item-button.svelte-14im4pk {
appearance: none;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
color: var(--color-main-dark);
cursor: pointer;
text-align: left;
font: inherit;
}
.success-item-button.svelte-14im4pk:hover {
border-color: rgba(16, 163, 74, 0.24);
background: rgba(16, 163, 74, 0.08);
}
.muted.svelte-14im4pk {
color: var(--color-main-medium);
}
@keyframes project-assets-ai-import-firework-burst {
0% {
opacity: 0;
transform: translate3d(-50%, -50%, 0) scale(0.42);
}
10% {
opacity: 0.96;
}
100% {
opacity: 0;
transform: translate3d(-50%, -50%, 0) scale(1.04);
}
}
@keyframes project-assets-ai-import-firework-halo {
0% {
opacity: 0;
transform: translate3d(-50%, -50%, 0) scale(0.18);
}
16% {
opacity: 0.72;
}
100% {
opacity: 0;
transform: translate3d(-50%, -50%, 0) scale(1.12);
}
}
@keyframes project-assets-ai-import-firework-ring {
0% {
opacity: 0;
transform: translate3d(-50%, -50%, 0) scale(0.08);
}
18% {
opacity: 0.94;
}
100% {
opacity: 0;
transform: translate3d(-50%, -50%, 0) scale(1.26);
}
}
@keyframes project-assets-ai-import-firework-core {
0% {
opacity: 0;
transform: translate3d(-50%, -50%, 0) scale(0.2);
}
22% {
opacity: 1;
transform: translate3d(-50%, -50%, 0) scale(1.2);
}
100% {
opacity: 0;
transform: translate3d(-50%, -50%, 0) scale(0.55);
}
}
@keyframes project-assets-ai-import-firework-spark {
0% {
opacity: 0;
transform: rotate(var(--angle)) translateX(10px) scaleX(0.12);
}
18% {
opacity: 1;
}
100% {
opacity: 0;
transform: rotate(var(--angle)) translateX(var(--distance)) scaleX(1);
}
}
@media (prefers-reduced-motion: reduce) {
.project-assets-ai-import-firework-burst,
.project-assets-ai-import-firework-halo,
.project-assets-ai-import-firework-ring,
.project-assets-ai-import-firework-core,
.project-assets-ai-import-firework-spark {
animation: none;
}
}
.validation-confirm-backdrop.svelte-1jfvk1e {
position: fixed;
inset: 0;
z-index: 2000;
display: grid;
place-items: center;
padding: 24px;
background: color-mix(in srgb, var(--color-main-dark) 18%, transparent);
backdrop-filter: blur(2px);
animation: svelte-1jfvk1e-ai-import-validation-scrim-in 160ms cubic-bezier(0.2, 0, 0, 1);
}
.validation-confirm-card.svelte-1jfvk1e {
width: min(500px, 100%);
box-sizing: border-box;
display: grid;
grid-template-columns: 44px minmax(0, 1fr);
gap: 14px;
padding: 18px;
border: 1px solid var(--color-divider);
border-radius: 8px;
background: var(--color-white);
box-shadow: 0 18px 44px color-mix(in srgb, var(--color-main-dark) 18%, transparent), 0 2px 8px color-mix(in srgb, var(--color-main-dark) 10%, transparent);
outline: none;
transform-origin: 50% 42%;
animation: svelte-1jfvk1e-ai-import-validation-card-in 220ms cubic-bezier(0.2, 0, 0, 1);
}
.validation-confirm-mark.svelte-1jfvk1e {
width: 44px;
height: 44px;
border-radius: 8px;
display: grid;
place-items: center;
color: color-mix(in srgb, var(--color-warning) 76%, var(--color-main-dark));
background: color-mix(in srgb, var(--color-warning) 14%, transparent);
}
.validation-confirm-copy.svelte-1jfvk1e {
min-width: 0;
display: flex;
flex-direction: column;
gap: 6px;
}
h3.svelte-1jfvk1e,
p.svelte-1jfvk1e {
margin: 0;
}
h3.svelte-1jfvk1e {
color: var(--color-main-dark);
font-size: 18px;
line-height: 24px;
font-weight: 700;
}
p.svelte-1jfvk1e {
color: var(--color-main-medium);
font-size: 13px;
line-height: 19px;
}
.readiness-issues.svelte-1jfvk1e {
display: flex;
flex-direction: column;
gap: 6px;
margin-top: 4px;
padding: 10px 12px 11px;
border-radius: 8px;
background: color-mix(in srgb, var(--color-warning) 12%, transparent);
color: color-mix(in srgb, var(--color-warning) 76%, var(--color-main-dark));
font-size: 12px;
line-height: 16px;
}
.readiness-heading.svelte-1jfvk1e {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.readiness-heading.svelte-1jfvk1e > strong:where(.svelte-1jfvk1e) {
color: color-mix(in srgb, var(--color-warning) 55%, var(--color-main-dark));
font-size: 11px;
line-height: 14px;
text-transform: uppercase;
letter-spacing: 0.3px;
}
.readiness-counts.svelte-1jfvk1e {
display: flex;
align-items: center;
gap: 5px;
color: color-mix(in srgb, var(--color-warning) 55%, var(--color-main-dark));
font-size: 10px;
line-height: 14px;
white-space: nowrap;
}
.readiness-counts.svelte-1jfvk1e span:where(.svelte-1jfvk1e) {
padding: 1px 5px;
border-radius: 9px;
background: color-mix(in srgb, var(--color-white) 55%, transparent);
}
.readiness-counts.svelte-1jfvk1e .blocking-count:where(.svelte-1jfvk1e) {
color: var(--color-danger);
background: color-mix(in srgb, var(--color-danger) 9%, var(--color-white));
}
.readiness-guidance.svelte-1jfvk1e {
color: color-mix(in srgb, var(--color-warning) 28%, var(--color-main-dark));
font-size: 12px;
line-height: 16px;
}
.readiness-issues.svelte-1jfvk1e ul:where(.svelte-1jfvk1e) {
max-height: min(330px, 42dvh);
display: flex;
flex-direction: column;
gap: 8px;
margin: 0;
padding: 7px 0 0;
overflow-y: auto;
border-top: 1px solid color-mix(in srgb, var(--color-warning) 16%, transparent);
list-style: none;
scrollbar-width: thin;
}
.readiness-issues.svelte-1jfvk1e li:where(.svelte-1jfvk1e) {
display: grid;
grid-template-columns: 6px minmax(0, 1fr);
gap: 8px;
color: color-mix(in srgb, var(--color-warning) 28%, var(--color-main-dark));
}
.issue-marker.svelte-1jfvk1e {
width: 5px;
height: 5px;
margin-top: 5px;
border-radius: 50%;
background: var(--color-warning);
}
li.blocking.svelte-1jfvk1e .issue-marker:where(.svelte-1jfvk1e) {
background: var(--color-danger);
}
.readiness-issues.svelte-1jfvk1e li:where(.svelte-1jfvk1e) > div:where(.svelte-1jfvk1e) {
min-width: 0;
display: flex;
flex-direction: column;
gap: 1px;
}
.readiness-issues.svelte-1jfvk1e li:where(.svelte-1jfvk1e) strong:where(.svelte-1jfvk1e) {
color: color-mix(in srgb, var(--color-warning) 20%, var(--color-main-dark));
font-size: 12px;
line-height: 16px;
}
.readiness-issues.svelte-1jfvk1e li:where(.svelte-1jfvk1e) small:where(.svelte-1jfvk1e) {
color: color-mix(in srgb, var(--color-warning) 35%, var(--color-main-dark));
font-size: 10px;
line-height: 14px;
}
.readiness-issues.svelte-1jfvk1e li:where(.svelte-1jfvk1e) span:where(.svelte-1jfvk1e):last-child {
color: color-mix(in srgb, var(--color-warning) 28%, var(--color-main-dark));
}
.validation-confirm-actions.svelte-1jfvk1e {
grid-column: 1/-1;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 8px;
padding-top: 2px;
}
@keyframes svelte-1jfvk1e-ai-import-validation-scrim-in {
from {
opacity: 0;
}
}
@keyframes svelte-1jfvk1e-ai-import-validation-card-in {
from {
opacity: 0;
transform: translate3d(0, 10px, 0) scale(0.985);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
}
}
@media (prefers-reduced-motion: reduce) {
.validation-confirm-backdrop.svelte-1jfvk1e,
.validation-confirm-card.svelte-1jfvk1e {
animation: none;
}
}
@media (max-width: 560px) {
.validation-confirm-card.svelte-1jfvk1e {
grid-template-columns: minmax(0, 1fr);
}
.validation-confirm-actions.svelte-1jfvk1e {
justify-content: stretch;
flex-direction: column-reverse;
align-items: stretch;
}
}
.validation-status-pill.svelte-1g3t7vo {
flex: 0 0 auto;
max-width: 112px;
border-radius: 999px;
display: inline-flex;
align-items: center;
gap: 5px;
padding: 2px 8px;
background: var(--color-alt);
color: var(--color-main-medium);
outline: none;
font-size: 11px;
line-height: 16px;
font-weight: 800;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.validation-status-pill.wide.svelte-1g3t7vo {
max-width: 132px;
}
.source-localizing-spinner.svelte-1g3t7vo {
flex: 0 0 auto;
width: 10px;
height: 10px;
border-radius: 50%;
border: 2px solid color-mix(in srgb, var(--mdc-theme-primary) 20%, transparent);
border-top-color: var(--mdc-theme-primary);
animation: svelte-1g3t7vo-ai-source-spin 720ms linear infinite;
}
.validation-status-dot.svelte-1g3t7vo {
flex: 0 0 auto;
width: 6px;
height: 6px;
border-radius: 50%;
background: currentColor;
opacity: 0.8;
}
.validation-status-pill.svelte-1g3t7vo > span:where(.svelte-1g3t7vo):last-child {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
.validation-status-pill.svelte-1g3t7vo:focus-visible {
box-shadow: 0 0 0 2px color-mix(in srgb, var(--mdc-theme-primary) 24%, transparent);
}
.validation-status-verifying.svelte-1g3t7vo {
background: color-mix(in srgb, var(--mdc-theme-primary) 8%, transparent);
color: var(--mdc-theme-primary);
}
.validation-status-validated.svelte-1g3t7vo {
background: color-mix(in srgb, var(--color-good) 10%, transparent);
color: color-mix(in srgb, var(--color-good) 82%, var(--color-main-dark));
}
.validation-status-review.svelte-1g3t7vo {
background: color-mix(in srgb, var(--color-danger) 12%, transparent);
color: color-mix(in srgb, var(--color-danger) 82%, var(--color-main-dark));
}
.validation-status-waiting.svelte-1g3t7vo {
background: var(--color-alt);
color: var(--color-main-light);
}
@keyframes svelte-1g3t7vo-ai-source-spin {
to {
transform: rotate(360deg);
}
}
@media (prefers-reduced-motion: reduce) {
.source-localizing-spinner.svelte-1g3t7vo {
animation: none;
}
}
.datasheet-card.svelte-1119b2z {
box-sizing: border-box;
width: 448px;
margin: 0 0 8px;
padding: 10px 12px;
border: 1px solid var(--color-divider);
border-radius: 8px;
background: var(--color-white);
}
.datasheet-heading.svelte-1119b2z {
display: flex;
align-items: center;
gap: 6px;
color: var(--color-main-dark);
font-weight: 700;
}
.datasheet-content.svelte-1119b2z {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-top: 6px;
}
.datasheet-copy.svelte-1119b2z {
min-width: 0;
display: flex;
flex-direction: column;
font-size: 12px;
line-height: 16px;
}
.datasheet-copy.svelte-1119b2z span:where(.svelte-1119b2z) {
color: var(--color-main-medium);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.datasheet-actions.svelte-1119b2z {
display: flex;
align-items: center;
gap: 2px;
flex-shrink: 0;
}
.datasheet-error.svelte-1119b2z {
margin-top: 8px;
padding: 8px;
display: flex;
align-items: center;
gap: 8px;
border-radius: 6px;
color: var(--color-main-dark);
background: color-mix(in srgb, var(--color-danger) 7%, var(--color-white));
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-danger) 15%, transparent);
font-size: 12px;
line-height: 16px;
}
.datasheet-error-icon.svelte-1119b2z {
flex: 0 0 auto;
color: var(--color-danger);
}
.datasheet-error-copy.svelte-1119b2z {
min-width: 0;
flex: 1 1 auto;
display: flex;
flex-direction: column;
}
.datasheet-error-copy.svelte-1119b2z span:where(.svelte-1119b2z) {
color: var(--color-main-medium);
}
.project-asset-datasheet-workspace.svelte-1qw5vaa,
.datasheet-details.svelte-1qw5vaa {
display: contents;
}
.project-asset-datasheet-workspace.has-datasheet-viewer.svelte-1qw5vaa {
width: min(1200px, 100vw - 80px);
height: min(800px, 100vh - 108px);
min-height: 0;
display: grid;
grid-template-columns: 448px minmax(520px, 1fr);
gap: 8px;
overflow: hidden;
}
.has-datasheet-viewer.svelte-1qw5vaa .datasheet-details:where(.svelte-1qw5vaa) {
min-height: 0;
display: block;
padding: 0 0 8px;
overflow: auto;
scrollbar-width: none;
}
.has-datasheet-viewer.svelte-1qw5vaa .datasheet-details:where(.svelte-1qw5vaa)::-webkit-scrollbar {
display: none;
}
.datasheet-viewer.svelte-1qw5vaa {
min-width: 0;
min-height: 0;
display: flex;
flex-direction: column;
overflow: hidden;
border-left: 1px solid var(--color-divider);
background: var(--color-white);
}
.datasheet-viewer.svelte-1qw5vaa header:where(.svelte-1qw5vaa) {
height: 36px;
box-sizing: border-box;
padding: 2px 6px 2px 12px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-shrink: 0;
color: var(--color-main-dark);
font-size: 13px;
line-height: 18px;
}
.datasheet-viewer-content.svelte-1qw5vaa {
min-height: 0;
padding: 0 8px 8px;
flex: 1 1 auto;
}
.mdc-dialog.project-asset-dialog-datasheet-viewer .mdc-dialog__surface {
width: min(1232px, 100vw - 48px);
max-width: min(1232px, 100vw - 48px);
}
.mdc-menu.project-asset-dialog-datasheet-viewer {
width: min(1232px, 100vw - 48px);
max-width: min(1232px, 100vw - 48px);
}
.mdc-menu.project-asset-dialog-datasheet-viewer .context-menu-content {
width: 100%;
}
.mdc-menu.project-asset-dialog-datasheet-viewer .body-container {
box-sizing: border-box;
width: 100%;
min-width: 100%;
overflow: hidden;
}
.mdc-dialog.project-asset-dialog-datasheet-viewer .custom-dialog__body {
overflow: hidden;
}
.mdc-dialog.project-asset-dialog-details .custom-dialog__body {
padding: 0 16px;
}
.asset-create-workspace.svelte-1c37z9e {
--asset-review-actions-height: 56px;
position: relative;
box-sizing: border-box;
width: var(--asset-create-form-column, 448px);
min-width: 0;
}
.asset-create-workspace.create-mode.svelte-1c37z9e {
height: min(860px, 80dvh);
max-height: 100%;
}
.asset-create-workspace.pdf-review.svelte-1c37z9e {
width: min(1520px, 100vw - 48px);
height: min(860px, 100dvh - 77px);
max-height: 100%;
display: grid;
grid-template-columns: clamp(448px, 32vw, 500px) minmax(480px, 1fr);
overflow: hidden;
background: var(--color-white);
}
.base-asset-panel.svelte-1c37z9e {
position: relative;
box-sizing: border-box;
width: var(--asset-create-form-column, 448px);
}
.base-asset-panel.create-mode.svelte-1c37z9e {
height: calc(100% - var(--asset-review-actions-height, 56px));
max-height: none;
overflow-y: auto;
}
.base-asset-panel.svelte-1c37z9e .container-with-radius:where(.svelte-1c37z9e) {
margin-top: 0;
padding-top: 0;
padding-bottom: 16px;
}
.base-asset-panel.svelte-1c37z9e .group-title-container {
padding: 4px 0 4px 10px;
margin: 0;
color: var(--color-main-medium);
}
.base-asset-panel.svelte-1c37z9e .header-group {
display: flex;
align-items: center;
gap: 4px;
padding: 4px 0 4px 6px;
}
.base-asset-panel.svelte-1c37z9e .create-tabs:where(.svelte-1c37z9e) {
position: sticky;
top: 0;
z-index: 20;
margin: 0 0 12px;
background: var(--color-white);
}
.base-asset-panel.svelte-1c37z9e .children:where(.svelte-1c37z9e) {
display: flex;
flex-direction: column;
gap: 4px;
}
.base-asset-panel.svelte-1c37z9e .children:where(.svelte-1c37z9e) .property-name-label {
padding-left: 30px;
}
.base-asset-panel.svelte-1c37z9e .buttons:where(.svelte-1c37z9e) {
position: sticky;
bottom: -1px;
z-index: 5;
padding: 4px 8px;
border-radius: 8px;
background-color: var(--color-white);
box-shadow: 0 -1px 20px color-mix(in srgb, var(--color-main-dark) 14%, transparent);
}
.base-asset-panel.create-mode.svelte-1c37z9e:has(.initial-file-loading:where(.svelte-1c37z9e)) {
overflow: hidden;
}
.base-asset-panel.create-mode.svelte-1c37z9e:has(.initial-file-loading:where(.svelte-1c37z9e)) .container-with-radius:where(.svelte-1c37z9e) {
box-sizing: border-box;
height: 100%;
padding-bottom: 0;
display: flex;
flex-direction: column;
}
.asset-create-workspace.file-import-blocking.svelte-1c37z9e .base-asset-panel.create-mode:where(.svelte-1c37z9e) {
height: 100%;
}
.initial-file-loading.svelte-1c37z9e {
min-height: 0;
flex: 1 1 auto;
display: grid;
grid-template-rows: minmax(0, 1fr) auto;
}
.initial-file-loading.svelte-1c37z9e .initial-file-loading-content:where(.svelte-1c37z9e) {
min-height: 0;
padding: 0 12px 12px;
display: grid;
place-items: center;
}
.initial-file-loading.svelte-1c37z9e .loading-card {
box-sizing: border-box;
width: 100%;
}
.initial-file-actions.svelte-1c37z9e {
display: flex;
justify-content: flex-end;
padding: 8px 16px 20px;
background: var(--color-white);
}
.pdf-review.svelte-1c37z9e .base-asset-panel.create-mode:where(.svelte-1c37z9e) {
width: clamp(448px, 32vw, 500px);
max-height: none;
min-height: 0;
scrollbar-width: none;
}
.pdf-review.svelte-1c37z9e .base-asset-panel.create-mode:where(.svelte-1c37z9e)::-webkit-scrollbar {
display: none;
}
.pdf-review.svelte-1c37z9e :is(.tag-holder, .tag-label)[data-pdf-evidence-tag],
.pdf-review.svelte-1c37z9e .property-name-label[data-pdf-evidence] {
cursor: pointer;
}
.pdf-review.svelte-1c37z9e :is(.tag-holder, .tag-label)[data-equipment-source-tag],
.pdf-review.svelte-1c37z9e :is(.tag-holder, .tag-label)[data-pdf-source-tag] {
box-sizing: border-box;
width: 44px;
min-width: 44px;
padding: 2px 6px;
border: 0;
border-radius: 6px;
background: var(--color-good);
color: var(--color-white);
font-size: 12px;
line-height: 18px;
font-weight: 700;
letter-spacing: 0.72px;
text-align: center;
transition: filter 120ms ease;
}
.pdf-review.svelte-1c37z9e :is(.tag-holder, .tag-label)[data-equipment-source-tag] {
flex: 0 0 auto;
}
.pdf-review.svelte-1c37z9e .property-row .custom-input-container,
.pdf-review.svelte-1c37z9e .property-row .selector-input {
position: relative;
overflow: visible;
width: calc(100% - 80px);
}
.pdf-review.svelte-1c37z9e .property-row .property-value {
position: relative;
}
.pdf-review.svelte-1c37z9e .selector-input.fixed-position .sv_dropdown {
position: absolute;
top: 100%;
}
.pdf-review.svelte-1c37z9e .property-row .double-input-container {
width: calc(100% - 80px);
}
.pdf-review.svelte-1c37z9e .property-row .double-input-container .custom-input-container {
width: 100%;
}
.pdf-review.svelte-1c37z9e .property-row .double-input-container .sub-value {
min-width: 0;
overflow: visible;
}
.pdf-review.svelte-1c37z9e .property-row
.double-input-container
.custom-input-container:has(:is([data-pdf-source-tag], [data-equipment-source-tag])) {
position: static;
}
.pdf-review.svelte-1c37z9e .property-row .double-input-container :is([data-pdf-source-tag], [data-equipment-source-tag]) {
right: 28px;
left: auto;
}
.pdf-review.svelte-1c37z9e .double-input-container:has(.sub-value:last-child :is([data-pdf-source-tag], [data-equipment-source-tag]))
.sub-value:first-child
:is([data-pdf-source-tag], [data-equipment-source-tag]) {
display: none;
}
.pdf-review.svelte-1c37z9e .property-row .segmented-buttons-container {
width: calc(100% - 80px);
}
.pdf-review.svelte-1c37z9e :is(.tag-holder, .tag-label):is([data-pdf-source-tag], [data-equipment-source-tag]) {
position: absolute;
top: 1px;
left: calc(100% + 8px);
}
.pdf-review.svelte-1c37z9e .property-row[data-pdf-evidence-overridden="true"] :is(.tag-holder, .tag-label)[data-pdf-source-tag] {
background: var(--color-alt);
color: var(--color-main-light);
box-shadow: inset 0 0 0 1px var(--color-divider);
}
.pdf-review.svelte-1c37z9e .property-row[data-pdf-evidence-default="true"]:not(:focus-within) .custom-input-container {
--custom-input-color: var(--color-main-light);
color: var(--color-main-light);
}
.pdf-review.svelte-1c37z9e .property-row[data-pdf-evidence-default="true"]:not(:focus-within)
.custom-input-container
input.custom-input {
color: var(--color-main-light);
}
.pdf-review.svelte-1c37z9e .pdf-evidence-review-button {
position: absolute;
top: 1px;
right: 0;
box-sizing: border-box;
width: 24px;
height: 24px;
display: grid;
place-items: center;
padding: 0;
border: 0;
border-radius: 4px;
background-color: color-mix(in srgb, var(--pdf-evidence-attention-color, var(--color-warning)) 8%, var(--color-white));
color: color-mix(in srgb, var(--pdf-evidence-attention-color, var(--color-warning)) 80%, var(--color-main-dark));
cursor: pointer;
animation: svelte-1c37z9e-pdf-evidence-review-pulse 2.4s ease-in-out infinite;
transition: color 240ms cubic-bezier(0.22, 1, 0.36, 1), background-color 240ms cubic-bezier(0.22, 1, 0.36, 1);
}
.pdf-review.svelte-1c37z9e .pdf-evidence-review-button:hover {
animation: none;
background-color: color-mix(in srgb, var(--pdf-evidence-attention-color, var(--color-warning)) 24%, var(--color-white));
}
.pdf-review.svelte-1c37z9e .pdf-evidence-review-button:focus-visible {
outline: 2px solid color-mix(in srgb, var(--pdf-evidence-attention-color, var(--color-warning)) 60%, transparent);
outline-offset: 1px;
}
.pdf-review.svelte-1c37z9e .pdf-evidence-review-button svg {
width: 18px;
height: 18px;
}
@keyframes svelte-1c37z9e-pdf-evidence-review-pulse {
0%, 100% {
background-color: color-mix(in srgb, var(--pdf-evidence-attention-color, var(--color-warning)) 8%, var(--color-white));
}
50% {
background-color: color-mix(in srgb, var(--pdf-evidence-attention-color, var(--color-warning)) 18%, var(--color-white));
}
}
.pdf-review.svelte-1c37z9e .property-row {
position: relative;
--pdf-evidence-row-background: transparent;
}
.pdf-review.svelte-1c37z9e .property-row::before {
content: "";
position: absolute;
inset: 0;
border-radius: 4px;
background: var(--pdf-evidence-row-background);
pointer-events: none;
transition: background-color 120ms ease;
}
@media (prefers-reduced-motion: reduce) {
.pdf-review.svelte-1c37z9e .pdf-evidence-review-button {
animation: none;
}
}
.pdf-review.svelte-1c37z9e .property-row[data-pdf-evidence-active="true"],
.pdf-review.svelte-1c37z9e .property-row:has(.property-name-label[data-pdf-evidence]:hover),
.pdf-review.svelte-1c37z9e .property-row:has(.property-name-label[data-pdf-evidence]:focus-visible),
.pdf-review.svelte-1c37z9e .property-row:has(:is(.tag-holder, .tag-label)[data-pdf-evidence-tag]:hover) {
--pdf-evidence-row-background: color-mix(in srgb, var(--color-good) 7%, transparent);
}
.pdf-review.svelte-1c37z9e .property-row[data-pdf-evidence-active="true"] :is(.tag-holder, .tag-label)[data-pdf-source-tag],
.pdf-review.svelte-1c37z9e .property-row:has(.property-name-label[data-pdf-evidence]:hover)
:is(.tag-holder, .tag-label)[data-pdf-source-tag],
.pdf-review.svelte-1c37z9e .property-row:has(.property-name-label[data-pdf-evidence]:focus-visible)
:is(.tag-holder, .tag-label)[data-pdf-source-tag],
.pdf-review.svelte-1c37z9e :is(.tag-holder, .tag-label)[data-pdf-evidence-tag]:hover {
filter: brightness(0.9);
}
.pdf-review.svelte-1c37z9e .property-name-label[data-pdf-evidence]:focus-visible {
border-radius: 3px;
outline: 2px solid color-mix(in srgb, var(--color-good) 65%, transparent);
outline-offset: 1px;
}
.pdf-review.svelte-1c37z9e .property-row[data-pdf-evidence-missing="true"][data-pdf-evidence-active="true"],
.pdf-review.svelte-1c37z9e .property-row[data-pdf-evidence-missing="true"]:has(.property-name-label[data-pdf-evidence]:hover),
.pdf-review.svelte-1c37z9e .property-row[data-pdf-evidence-missing="true"]:has(.property-name-label[data-pdf-evidence]:focus-visible) {
--pdf-evidence-row-background: color-mix(in srgb, var(--color-main-medium) 7%, transparent);
}
.pdf-review.svelte-1c37z9e .property-row[data-pdf-evidence-missing="true"] .property-name-label[data-pdf-evidence]:focus-visible {
outline-color: color-mix(in srgb, var(--color-main-medium) 65%, transparent);
}
.pdf-review.svelte-1c37z9e .property-row[data-pdf-evidence-attention] {
--pdf-evidence-attention-color: var(--color-warning);
--pdf-evidence-row-background: color-mix(in srgb, var(--pdf-evidence-attention-color) 10%, transparent);
}
.pdf-review.svelte-1c37z9e .property-row[data-pdf-evidence-attention="low"] {
--pdf-evidence-attention-color: var(--color-danger);
}
.pdf-review.svelte-1c37z9e .property-row[data-pdf-evidence-attention="calculated"] {
--pdf-evidence-attention-color: var(--mdc-theme-primary);
}
.pdf-review.svelte-1c37z9e .property-row[data-pdf-evidence-attention] .property-name-label {
color: color-mix(in srgb, var(--color-main-dark) 76%, var(--pdf-evidence-attention-color));
font-weight: 600;
}
.mdc-dialog.project-asset-dialog-pdf-review .mdc-dialog__surface {
position: relative;
width: min(1520px, 100vw - 48px);
max-width: min(1520px, 100vw - 48px);
}
.mdc-dialog.project-asset-dialog-workspace .custom-dialog__body {
padding: 0 16px;
}
.mdc-dialog.project-asset-dialog-pdf-review .custom-dialog__body {
overflow: hidden;
}
.asset-create-actions.svelte-1c37z9e {
position: absolute;
left: 0;
bottom: 0;
box-sizing: border-box;
width: var(--asset-create-form-column, 448px);
height: var(--asset-review-actions-height);
padding: 8px 16px 12px;
border-top: 1px solid var(--color-divider);
background: color-mix(in srgb, var(--color-white) 98%, transparent);
display: flex;
flex-direction: column;
justify-content: center;
}
.pdf-review.svelte-1c37z9e .asset-create-actions:where(.svelte-1c37z9e) {
width: clamp(448px, 32vw, 500px);
}
@media (max-width: 1020px) {
.asset-create-workspace.pdf-review.svelte-1c37z9e {
width: min(448px, 100vw - 48px);
grid-template-columns: minmax(0, 1fr);
grid-template-rows: auto minmax(0, 1fr);
}
.pdf-review.svelte-1c37z9e .base-asset-panel.create-mode:where(.svelte-1c37z9e) {
grid-row: 2;
width: 100%;
}
.pdf-review.svelte-1c37z9e .asset-create-actions:where(.svelte-1c37z9e) {
right: 16px;
width: auto;
}
.asset-create-workspace.pdf-review.svelte-1c37z9e .file-review .viewer {
display: none;
}
.mdc-dialog.project-asset-dialog-pdf-review .mdc-dialog__surface {
width: min(464px, 100vw - 32px);
max-width: min(464px, 100vw - 32px);
}
}
@media (prefers-reduced-motion: reduce) {
.pdf-review.svelte-1c37z9e :is(.tag-holder, .tag-label)[data-equipment-source-tag],
.pdf-review.svelte-1c37z9e :is(.tag-holder, .tag-label)[data-pdf-source-tag],
.pdf-review.svelte-1c37z9e .property-row {
transition: none;
}
}
.file-review.svelte-n5sw6w {
min-width: 0;
min-height: 0;
display: flex;
flex-direction: column;
overflow: hidden;
background: var(--color-white);
animation: svelte-n5sw6w-reviewPaneIn 200ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
.candidate-header.svelte-n5sw6w {
box-sizing: border-box;
height: 32px;
padding: 0 16px 0 10px;
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: 10px;
}
.candidate-navigation.svelte-n5sw6w {
display: flex;
align-items: center;
gap: 4px;
color: var(--color-main-dark);
font-size: 12px;
}
.candidate-step.svelte-n5sw6w .mdc-button {
min-width: 32px;
width: 32px;
height: 32px;
padding: 0;
}
h2.svelte-n5sw6w {
margin: 0;
overflow: hidden;
color: var(--color-main-dark);
font-size: 13px;
line-height: 18px;
font-weight: 700;
text-overflow: ellipsis;
white-space: nowrap;
}
.viewer.svelte-n5sw6w {
position: relative;
flex: 1 1 auto;
min-height: 0;
padding: 0 8px;
}
.candidate-title.svelte-n5sw6w {
animation: svelte-n5sw6w-candidateTitleIn 160ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes svelte-n5sw6w-reviewPaneIn {
from {
opacity: 0;
transform: translateX(8px);
}
}
@keyframes svelte-n5sw6w-candidateTitleIn {
from {
opacity: 0;
transform: translateY(3px);
}
}
@media (prefers-reduced-motion: reduce) {
.file-review.svelte-n5sw6w,
.candidate-title.svelte-n5sw6w {
animation: none;
}
}
.file-input.svelte-1n5t7ff {
position: fixed;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
}
.dropzone-container.svelte-1n5t7ff {
margin: 0 12px 12px;
border-radius: 8px;
border: 2px dashed var(--color-main-light);
}
.dropzone-container.state-good.svelte-1n5t7ff {
border-color: var(--color-good);
}
.dropzone-container.state-danger.svelte-1n5t7ff {
border-color: var(--color-danger);
}
.dropzone.svelte-1n5t7ff,
.uploaded-zone.svelte-1n5t7ff {
min-height: 68px;
box-sizing: border-box;
border-radius: 8px;
}
.uploaded-zone.svelte-1n5t7ff {
display: flex;
flex-direction: column;
justify-content: center;
gap: 2px;
padding: 7px 10px;
}
.dropzone.svelte-1n5t7ff {
padding: 0 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
cursor: default;
}
.dropzone.svelte-1n5t7ff:hover {
background: var(--color-alt);
}
.dropzone.svelte-1n5t7ff .mdc-button {
flex: 0 0 auto;
padding: 0 12px;
}
.dropzone.svelte-1n5t7ff .mdc-button__label {
font-weight: 650;
}
.dropzone.svelte-1n5t7ff .icon-container svg {
width: 16px;
height: 16px;
}
.dropzone-instruction.svelte-1n5t7ff {
color: var(--color-main-medium);
line-height: 18px;
}
.uploaded-file.svelte-1n5t7ff {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.state-danger.svelte-1n5t7ff .uploaded-zone:where(.svelte-1n5t7ff) {
justify-content: flex-start;
padding: 9px 12px;
}
.state-danger.svelte-1n5t7ff .uploaded-file:where(.svelte-1n5t7ff) {
align-items: flex-start;
}
.dropzone-title.svelte-1n5t7ff {
color: var(--color-main-dark);
}
.loading-status.svelte-1n5t7ff {
display: flex;
align-items: center;
gap: 6px;
color: var(--mdc-theme-primary);
font-size: 12px;
line-height: 16px;
font-weight: 600;
}
.dropzone-text.svelte-1n5t7ff {
min-width: 0;
flex: 1;
}
.dropzone-note.svelte-1n5t7ff {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.file-label.svelte-1n5t7ff {
min-width: 0;
display: flex;
align-items: center;
gap: 3px;
}
.file-name.svelte-1n5t7ff {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.file-size.svelte-1n5t7ff {
flex-shrink: 0;
}
.remove-file.svelte-1n5t7ff {
width: 16px;
height: 16px;
flex: 0 0 auto;
padding: 0;
border: 0;
border-radius: 3px;
display: inline-flex;
align-items: center;
justify-content: center;
background: transparent;
color: var(--color-main-medium);
cursor: pointer;
opacity: 0;
pointer-events: none;
transition: opacity 100ms ease, color 100ms ease, background-color 100ms ease;
}
.remove-file.svelte-1n5t7ff:hover, .remove-file.svelte-1n5t7ff:focus-visible {
color: var(--color-danger);
background: color-mix(in srgb, var(--color-danger) 8%, transparent);
outline: none;
}
.dropzone-note.svelte-1n5t7ff:hover .remove-file:where(.svelte-1n5t7ff),
.remove-file.svelte-1n5t7ff:focus-visible {
opacity: 1;
pointer-events: auto;
}
.dropzone-note.svelte-1n5t7ff,
.dropzone-error.svelte-1n5t7ff {
color: var(--color-main-medium);
font-size: 12px;
line-height: 16px;
}
.dropzone-error.svelte-1n5t7ff {
margin-top: 5px;
color: var(--color-danger);
}
.error-actions.svelte-1n5t7ff {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
padding-top: 8px;
border-top: 1px solid color-mix(in srgb, var(--color-danger) 14%, var(--color-divider));
}
.error-actions.svelte-1n5t7ff .mdc-button {
min-height: 32px;
}
.add-file-action.svelte-1n5t7ff {
display: flex;
width: fit-content;
max-width: 100%;
height: 16px;
align-items: center;
justify-content: flex-start;
}
.add-file-action.svelte-1n5t7ff .mdc-button.mdc-button--icon-leading {
width: fit-content;
min-width: 0;
max-width: 100%;
min-height: 16px;
height: 16px;
padding: 0;
border-radius: 3px;
color: var(--color-main-medium);
--icon-custom-color: currentColor;
}
.add-file-action.svelte-1n5t7ff .mdc-button.mdc-button--icon-leading:hover:not(:disabled) {
color: var(--color-main-dark);
background: var(--color-alt);
}
.add-file-action.svelte-1n5t7ff .mdc-button__label {
font-size: 12px;
line-height: 16px;
font-weight: 600;
text-transform: none;
}
.add-file-action.svelte-1n5t7ff .icon-container svg {
width: 12px;
height: 12px;
}
.pdf-citation-tooltip.svelte-1gkunsk {
position: absolute;
z-index: 120;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 8px;
padding: 10px 11px;
border: 1px solid color-mix(in srgb, var(--color-main-dark) 10%, transparent);
border-radius: 8px;
background: color-mix(in srgb, var(--color-white) 98%, transparent);
box-shadow: 0 16px 34px color-mix(in srgb, var(--color-main-dark) 16%, transparent), 0 2px 8px color-mix(in srgb, var(--color-main-dark) 8%, transparent);
color: var(--color-main-dark);
pointer-events: none;
animation: svelte-1gkunsk-citation-tooltip-in 140ms ease-out;
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-card,
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-entry {
display: flex;
flex-direction: column;
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-card {
gap: 7px;
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-entry {
gap: 5px;
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-entry + .ai-field-citation-entry {
padding-top: 2px;
border-top: 1px solid color-mix(in srgb, var(--color-main-dark) 8%, transparent);
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-title {
color: var(--mdc-theme-primary);
font-size: 11px;
line-height: 14px;
font-weight: 800;
text-transform: uppercase;
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-title-review {
color: color-mix(in srgb, var(--color-warning) 76%, var(--color-main-dark));
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-title-invalid {
color: color-mix(in srgb, var(--color-danger) 82%, var(--color-main-dark));
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-title-pending {
color: var(--color-main-medium);
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-section-heading {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 8px;
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-count {
color: var(--color-main-light);
font-size: 10px;
line-height: 14px;
font-weight: 700;
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-review-guidance {
display: block;
padding: 8px 9px;
border-radius: 4px;
background: color-mix(in srgb, var(--color-warning) 10%, var(--color-white));
color: var(--color-main-medium);
font-size: 11px;
line-height: 15px;
font-weight: 650;
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-review-guidance-invalid {
background: color-mix(in srgb, var(--color-danger) 8%, transparent);
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-row {
display: grid;
grid-template-columns: 72px minmax(0, 1fr);
gap: 10px;
font-size: 11px;
line-height: 15px;
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-row > span {
color: var(--color-main-light);
font-weight: 700;
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-row > strong {
min-width: 0;
color: var(--color-main-dark);
font-weight: 700;
overflow-wrap: anywhere;
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-note {
color: var(--color-main-medium);
font-size: 11px;
line-height: 15px;
font-weight: 650;
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-entry-deterministic,
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-entry-attention-reason {
position: relative;
gap: 5px;
padding-left: 11px;
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-entry-deterministic::before,
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-entry-attention-reason::before {
position: absolute;
top: 5px;
left: 0;
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--color-warning);
content: "";
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-finding-invalid::before {
background: var(--color-danger);
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-finding-reason {
color: var(--color-main-dark);
font-size: 11px;
line-height: 15px;
font-weight: 650;
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-finding-values {
display: flex;
flex-wrap: wrap;
gap: 5px 14px;
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-finding-values > span {
display: inline-flex;
gap: 5px;
color: var(--color-main-light);
font-size: 10px;
line-height: 14px;
font-weight: 700;
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-finding-values strong {
color: var(--color-main-dark);
font-size: 11px;
}
.pdf-citation-tooltip.svelte-1gkunsk .ai-field-citation-quote {
font-family: "SFMono-Regular", "SF Mono", "Roboto Mono", "Menlo", "Consolas", "Liberation Mono", monospace;
}
@keyframes svelte-1gkunsk-citation-tooltip-in {
from {
opacity: 0;
transform: translateY(2px);
}
}
@media (prefers-reduced-motion: reduce) {
.pdf-citation-tooltip.svelte-1gkunsk {
animation: none;
}
}
.property-group-name.svelte-1rrmhzy {
padding-top: 4px;
}
.buttons.svelte-1rrmhzy {
position: sticky;
bottom: -1px;
background-color: white;
padding: 4px 0;
z-index: 10;
}
.model-info.svelte-1ixrhvf {
display: flex;
padding: 4px 8px;
align-items: start;
gap: 4px;
margin-bottom: 4px;
}
.actions.svelte-1ixrhvf {
display: flex;
gap: 8px;
}
.info.svelte-1ixrhvf {
flex: 1;
}
.buttons.svelte-1ixrhvf {
position: sticky;
bottom: -1px;
background-color: white;
padding: 4px 0;
margin-top: 8px;
z-index: 10;
}
.header.svelte-z0sao3 {
padding: 4px 8px;
display: flex;
align-items: center;
margin-bottom: 8px;
}
.nextracker-dialog.svelte-1j7rez8 {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
gap: 14px;
min-height: 0;
color: var(--color-main-dark);
overflow-wrap: anywhere;
}
.nextracker-dialog.review-view.svelte-1j7rez8 {
/* Must equal the body's client box: surface max-height minus 44px of
dialog title + body padding, or the overflow-hidden body clips 12px. */
height: min(100vh - 92px, 816px);
}
/* The compact MDC surface caps at 460px; size it to this dialog instead
so the two-column review fits and the scrollable body never gets a
horizontal scrollbar. Cap the height so on short viewports the body
scrolls inside the surface instead of the surface clipping offscreen. */
.mdc-dialog:has(.nextracker-dialog) .mdc-dialog__surface {
width: min(820px, 100vw - 32px);
max-width: min(820px, 100vw - 32px);
max-height: min(100vh - 48px, 860px);
}
.mdc-dialog:has(.nextracker-dialog.success-view) .mdc-dialog__surface {
width: min(560px, 100vw - 32px);
max-width: min(560px, 100vw - 32px);
}
/* The sticky footer supplies its own bottom padding; the body's would leave
a gap under the pinned bar (negative bottom margin can't eat it). */
.mdc-dialog:has(.nextracker-dialog) .custom-dialog__body {
display: flex;
flex-direction: column;
min-height: 0;
overflow: hidden;
padding-bottom: 0;
}
@media (max-width: 719px) {
.nextracker-dialog.review-view.svelte-1j7rez8 {
height: auto;
}
.mdc-dialog:has(.nextracker-dialog) .custom-dialog__body {
overflow-y: auto;
}
}
.dialog-header.svelte-1j7rez8 {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 8px 16px;
align-items: start;
}
.title-block.svelte-1j7rez8 {
display: grid;
gap: 2px;
min-width: 0;
}
h2.svelte-1j7rez8 {
margin: 0;
font-size: 18px;
line-height: 22px;
}
.source-line.svelte-1j7rez8 {
color: var(--color-main-medium);
font-size: 12px;
}
.read-trigger.svelte-1j7rez8 {
justify-self: end;
border: 0;
padding: 0;
background: transparent;
color: var(--color-main-medium);
font: inherit;
font-size: 12px;
font-weight: 700;
line-height: 18px;
cursor: pointer;
white-space: nowrap;
}
.read-trigger.svelte-1j7rez8:hover {
color: var(--color-main-dark);
}
.pattern-line.svelte-1j7rez8 {
display: flex;
flex-wrap: wrap;
gap: 0;
user-select: text;
color: color-mix(in srgb, var(--color-main-dark) 76%, var(--color-main-medium));
font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
font-size: 13px;
line-height: 18px;
}
.pattern-prefix.svelte-1j7rez8 {
margin-right: 6px;
}
.pattern-motor.svelte-1j7rez8 {
color: var(--color-error, #d32f2f);
font-weight: 800;
}
.status-strip.svelte-1j7rez8 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
border-radius: 8px;
padding: 8px 12px;
font-size: 12px;
line-height: 17px;
}
.status-strip.error.svelte-1j7rez8 {
color: var(--color-error, #b42318);
background: color-mix(in srgb, var(--color-error, #b42318) 9%, transparent);
}
.status-strip.warning.svelte-1j7rez8 {
color: #9a5b00;
background: color-mix(in srgb, #d97706 12%, transparent);
}
.status-strip.success.svelte-1j7rez8 {
color: #087a35;
background: color-mix(in srgb, #10a34a 11%, transparent);
}
.ai-inline.svelte-1j7rez8 {
margin-left: auto;
display: inline-flex;
align-items: center;
gap: 6px;
white-space: nowrap;
}
.preview.svelte-1j7rez8 {
/* Fixed height in both modes: the MDC surface is center-anchored, so any
height delta on the 3D/2D toggle would shift the whole dialog. */
position: relative;
flex: 0 0 auto;
height: clamp(190px, 34vh, 300px);
border: 1px solid var(--color-divider);
border-radius: 8px;
overflow: hidden;
background: #fff;
}
.preview-svg.svelte-1j7rez8 {
height: 100%;
display: flex;
align-items: center;
}
.preview-svg.svelte-1j7rez8 svg {
display: block;
width: 100%;
height: auto;
max-height: 280px;
}
.preview-canvas.svelte-1j7rez8 {
display: block;
width: 100%;
height: 100%;
}
.preview-toggle.svelte-1j7rez8 {
position: absolute;
top: 8px;
right: 8px;
z-index: 1;
display: flex;
border: 1px solid var(--color-divider);
border-radius: 999px;
background: rgba(255, 255, 255, 0.88);
overflow: hidden;
}
.preview-toggle.svelte-1j7rez8 button:where(.svelte-1j7rez8) {
border: 0;
background: transparent;
padding: 3px 10px;
font-size: 11px;
font-weight: 700;
line-height: 16px;
color: var(--color-main-medium);
cursor: pointer;
}
.preview-toggle.svelte-1j7rez8 button.active:where(.svelte-1j7rez8) {
color: var(--mdc-theme-primary, #7b1fa2);
background: color-mix(in srgb, var(--mdc-theme-primary, #7b1fa2) 10%, transparent);
}
/* Facts (read-only) left, decisions (inputs) right; DOM keeps decisions
first so the narrow single-column fallback asks before it informs. */
.review-columns.svelte-1j7rez8 {
flex: 1 1 auto;
min-height: 0;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-template-areas: "facts decisions";
gap: 14px 16px;
align-items: stretch;
}
.decisions.svelte-1j7rez8 {
grid-area: decisions;
display: grid;
gap: 14px;
align-content: start;
min-height: 0;
overflow-y: auto;
padding-right: 2px;
}
.zone-title.svelte-1j7rez8 {
display: flex;
align-items: center;
gap: 8px;
min-height: 18px;
color: var(--color-main-medium);
font-size: 10px;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.chip.svelte-1j7rez8 {
display: inline-flex;
flex-shrink: 0;
align-items: center;
border-radius: 999px;
border: 1px solid transparent;
padding: 1px 8px;
font-size: 11px;
font-weight: 600;
line-height: 16px;
letter-spacing: 0;
text-transform: none;
white-space: nowrap;
}
.chip-ai.svelte-1j7rez8 {
color: var(--mdc-theme-primary, #7b1fa2);
border-color: color-mix(in srgb, var(--mdc-theme-primary, #7b1fa2) 35%, transparent);
background: color-mix(in srgb, var(--mdc-theme-primary, #7b1fa2) 8%, transparent);
}
@media (max-width: 719px) {
.review-columns.svelte-1j7rez8 {
grid-template-columns: minmax(0, 1fr);
grid-template-areas: "decisions" "facts";
}
.decisions.svelte-1j7rez8 {
overflow: visible;
padding-right: 0;
}
}
.question.svelte-1j7rez8 {
border: 1px solid var(--color-divider);
border-left: 16px solid #d97706;
border-radius: 8px;
padding: 10px 12px;
display: grid;
gap: 8px;
}
.question-title.svelte-1j7rez8 {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 700;
}
.question-hint.svelte-1j7rez8 {
color: var(--color-main-medium);
font-size: 12px;
margin-top: -6px;
}
.choices.svelte-1j7rez8 {
display: grid;
gap: 6px;
}
.choices.svelte-1j7rez8 label:where(.svelte-1j7rez8) {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 8px;
min-height: 22px;
font-size: 13px;
line-height: 20px;
cursor: pointer;
}
.choices.svelte-1j7rez8 input:where(.svelte-1j7rez8) {
flex: 0 0 auto;
}
.choice-value.svelte-1j7rez8 {
font-weight: 600;
white-space: nowrap;
}
.choice-source.svelte-1j7rez8 {
min-width: 0;
overflow: hidden;
color: var(--color-main-medium);
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
}
.choices.svelte-1j7rez8 .chip-ai:where(.svelte-1j7rez8) {
margin-left: auto;
}
.module-picker.svelte-1j7rez8 {
display: grid;
gap: 6px;
}
.module-picker-label.svelte-1j7rez8 {
display: flex;
align-items: center;
gap: 8px;
min-height: 20px;
}
.module-picker-label.svelte-1j7rez8 label:where(.svelte-1j7rez8) {
font-size: 13px;
font-weight: 600;
}
.module-picker-label.svelte-1j7rez8 .chip:where(.svelte-1j7rez8) {
margin-left: auto;
}
select.svelte-1j7rez8,
input[type=text].svelte-1j7rez8 {
box-sizing: border-box;
width: 100%;
min-width: 0;
border: 1px solid var(--color-divider);
border-radius: 6px;
padding: 7px 10px;
background: transparent;
color: inherit;
font-size: 13px;
}
.defaults-section.svelte-1j7rez8 {
border: 1px solid var(--color-divider);
border-radius: 8px;
padding: 10px 12px;
display: grid;
gap: 10px;
}
.input-hint.svelte-1j7rez8,
.defaults-note.svelte-1j7rez8 {
color: var(--color-main-medium);
font-size: 12px;
line-height: 17px;
}
.defaults-note.svelte-1j7rez8 {
border-left: 3px solid var(--color-divider);
padding-left: 10px;
}
@media (max-width: 719px) {
.dialog-header.svelte-1j7rez8 {
grid-template-columns: minmax(0, 1fr);
}
.read-trigger.svelte-1j7rez8 {
justify-self: start;
white-space: normal;
}
}
.issues.svelte-1j7rez8 {
border: 1px solid color-mix(in srgb, var(--color-error, #b42318) 40%, transparent);
border-radius: 8px;
padding: 10px 12px;
color: var(--color-error, #b42318);
font-size: 12px;
display: grid;
gap: 4px;
}
.issues-title.svelte-1j7rez8 {
font-weight: 700;
font-size: 13px;
}
footer.svelte-1j7rez8 {
display: flex;
justify-content: flex-end;
gap: 8px;
}
/* Pin actions to the bottom of the scrollable dialog body so Cancel/Import
never scroll out of reach; negative margins bleed over the body's 16px
padding so the opaque bar spans the full surface width. */
footer.review-footer.svelte-1j7rez8 {
position: sticky;
flex: 0 0 auto;
bottom: 0;
z-index: 2;
margin: 0 -16px;
padding: 12px 16px 14px;
background: var(--mdc-theme-surface, #fff);
border-top: 1px solid var(--color-divider);
}
.facts.svelte-c16snf {
grid-area: facts;
display: grid;
gap: 12px;
align-content: start;
min-height: 0;
overflow-y: auto;
padding-right: 2px;
}
.zone-title.svelte-c16snf {
display: flex;
align-items: center;
gap: 8px;
min-height: 18px;
color: var(--color-main-medium);
font-size: 10px;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.facts-list.svelte-c16snf {
border: 1px solid var(--color-divider);
border-radius: 8px;
padding: 2px 12px;
}
.fact.svelte-c16snf {
display: grid;
grid-template-columns: auto 1fr;
align-items: baseline;
column-gap: 12px;
padding: 8px 0;
border-bottom: 1px solid var(--color-divider);
}
.fact.svelte-c16snf:last-child {
border-bottom: 0;
}
.fact-label.svelte-c16snf {
color: var(--color-main-medium);
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.fact-value.svelte-c16snf {
justify-self: end;
text-align: right;
font-size: 14px;
font-weight: 600;
line-height: 1.2;
}
.fact-value-muted.svelte-c16snf {
color: var(--color-main-medium);
}
.fact-sub.svelte-c16snf {
grid-column: 1/-1;
justify-self: end;
text-align: right;
color: var(--color-main-medium);
font-size: 11px;
line-height: 1.3;
}
@media (max-width: 719px) {
.facts.svelte-c16snf {
overflow: visible;
padding-right: 0;
}
}
.state-card.svelte-xaryqz {
display: flex;
flex-direction: column;
gap: 12px;
padding: 4px 0 16px;
}
.state-icon.svelte-xaryqz {
width: 48px;
height: 48px;
border-radius: 12px;
display: grid;
place-items: center;
}
.success-icon.svelte-xaryqz {
background: rgba(16, 163, 74, 0.12);
}
.error-icon.svelte-xaryqz {
background: rgba(180, 35, 24, 0.1);
}
.state-copy.svelte-xaryqz {
display: flex;
flex-direction: column;
gap: 4px;
}
.state-copy.svelte-xaryqz h3:where(.svelte-xaryqz) {
margin: 0;
font-size: 18px;
line-height: 22px;
}
.state-copy.svelte-xaryqz p:where(.svelte-xaryqz) {
margin: 0;
color: var(--color-main-medium);
font-size: 13px;
line-height: 18px;
}
.state-card.svelte-xaryqz footer:where(.svelte-xaryqz) {
margin-top: 4px;
display: flex;
justify-content: flex-end;
gap: 8px;
}
.open-asset-action.svelte-xaryqz {
border: 0;
padding: 0;
background: transparent;
color: var(--mdc-theme-primary, #7b1fa2);
font: inherit;
font-weight: 700;
cursor: pointer;
white-space: nowrap;
}
.open-asset-action.svelte-xaryqz:disabled {
color: var(--color-main-medium);
cursor: default;
}
.read-popover.svelte-14gm5jm {
box-sizing: border-box;
position: absolute;
z-index: 8;
top: calc(100% + 8px);
right: 16px;
left: 16px;
border: 1px solid var(--color-divider);
border-radius: 12px;
padding: 12px;
display: grid;
gap: 8px;
max-height: min(720px, 100vh - 120px);
overflow-y: auto;
background: var(--color-surface, #fff);
box-shadow: 0 20px 48px rgba(17, 24, 39, 0.2), 0 6px 16px rgba(17, 24, 39, 0.12);
color: inherit;
}
.read-summary.svelte-14gm5jm {
color: var(--color-main-medium);
font-size: 11px;
font-weight: 700;
line-height: 15px;
}
.field-rows.svelte-14gm5jm {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 3px;
}
.field-row.svelte-14gm5jm {
display: grid;
grid-template-columns: 74px minmax(86px, 0.65fr) minmax(88px, 0.9fr) minmax(0, 1.2fr);
gap: 8px;
align-items: center;
min-height: 18px;
min-width: 0;
font-size: 11px;
line-height: 16px;
}
.status-chip.svelte-14gm5jm {
justify-self: start;
border-radius: 999px;
padding: 1px 6px;
font-size: 9px;
font-weight: 700;
line-height: 14px;
white-space: nowrap;
}
.status-chip.passed.svelte-14gm5jm {
color: #087a35;
background: color-mix(in srgb, #10a34a 10%, transparent);
}
.status-chip.warning.svelte-14gm5jm,
.status-chip.requires.svelte-14gm5jm {
color: #9a5b00;
background: color-mix(in srgb, #d97706 10%, transparent);
}
.status-chip.missing.svelte-14gm5jm {
color: var(--color-main-medium);
background: color-mix(in srgb, var(--color-main-medium) 10%, transparent);
}
.field-name.svelte-14gm5jm {
color: var(--color-main-dark);
font-weight: 600;
}
.field-value.svelte-14gm5jm,
.field-ref.svelte-14gm5jm {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.read-section.svelte-14gm5jm {
border-top: 1px solid var(--color-divider);
padding-top: 6px;
color: var(--color-main-medium);
font-size: 11px;
line-height: 15px;
}
.read-subtitle.svelte-14gm5jm {
color: var(--color-main-dark);
font-weight: 700;
}
.read-footer.svelte-14gm5jm {
border-top: 1px solid var(--color-divider);
padding-top: 6px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
color: var(--color-main-medium);
font-size: 11px;
line-height: 16px;
}
.copy-report.svelte-14gm5jm {
border: 0;
padding: 0;
background: transparent;
color: var(--mdc-theme-primary, #7b1fa2);
font: inherit;
font-weight: 700;
cursor: pointer;
white-space: nowrap;
}
@media (max-width: 719px) {
.read-popover.svelte-14gm5jm {
max-height: 60vh;
}
.field-row.svelte-14gm5jm {
grid-template-columns: minmax(0, 1fr);
gap: 2px;
padding-bottom: 6px;
}
.read-footer.svelte-14gm5jm {
align-items: flex-start;
flex-direction: column;
}
}
.model-details.svelte-7ruhcv .panel-errors {
left: 100%;
}
.model-details.svelte-7ruhcv .tracker-scheme {
padding-left: 8px;
}
.model-info.svelte-7ruhcv {
display: flex;
padding: 4px 8px;
align-items: start;
gap: 4px;
margin-bottom: 4px;
}
.info.svelte-7ruhcv {
flex: 1;
}
.actions.svelte-7ruhcv {
display: flex;
gap: 8px;
}
.buttons.svelte-7ruhcv {
position: sticky;
bottom: -1px;
background-color: white;
padding: 4px 0;
margin-top: 8px;
z-index: 10;
}
.header.svelte-o3vak7 {
padding: 4px 8px;
display: flex;
align-items: center;
margin-bottom: 8px;
}
.property-group-name.svelte-14qs4ss {
padding-top: 4px;
}
.buttons.svelte-14qs4ss {
position: sticky;
bottom: -1px;
background-color: white;
padding: 4px 0;
z-index: 10;
}
.next-prev-buttons.svelte-60jnn8 {
display: flex;
padding: 4px;
gap: 8px;
}
.result-row.svelte-1iegfd1 {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px;
margin-top: 8px;
}
.no-data.svelte-1iegfd1 {
margin: 16px 0;
text-align: center;
}
.chart-container.svelte-1iegfd1 {
height: 250px;
}
.result.svelte-p1346m {
margin: 24px 0;
}
.result-row.svelte-p1346m {
display: flex;
gap: 4px;
margin: 12px 0;
}
.result-item.svelte-p1346m {
flex: 1;
padding: 4px 6px;
}
.result-value.svelte-p1346m {
font-size: 22px;
font-weight: 600;
}
.power-report.svelte-p1346m {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
gap: 12px 0;
padding: 0 8px;
}
.loss-row.svelte-p1346m {
display: grid;
grid-template-columns: 2fr 1fr 1fr;
padding: 0 8px;
}
.header-cell.svelte-p1346m,
.row-val.svelte-p1346m {
padding: 0 10px;
}
.report-header.svelte-p1346m {
grid-column: span 2;
}
.row-status.svelte-p1346m {
color: var(--color-main-light);
}
.footer-spacer.svelte-p1346m {
height: 16px;
grid-column: span 5;
}
.capacitor-val.svelte-p1346m {
grid-column: span 3;
}
.button-container.svelte-p1346m {
display: flex;
position: sticky;
bottom: -1px;
z-index: 10;
margin-top: 8px;
padding: 4px 0;
background-color: white;
}
.button-container.svelte-p1346m button {
flex: 1;
}
.property-name.flex-row {
display: flex;
align-items: center;
justify-content: space-between;
}
.panel-container.svelte-mrzxzp {
padding: 0 8px;
height: 100%;
/* add flex to avoid margin collapsing */
display: flex;
flex-direction: column;
}
.site-location.svelte-1m8r8sw {
margin: 0 -8px;
}
.group-content.svelte-cgydyy {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.toggle-group.svelte-cgydyy {
padding-left: 10px;
}
.toggle-group.svelte-cgydyy .toggle-root .property-name .property-name-label {
padding-left: 0px;
}
.toggle-group.svelte-cgydyy .toggle-root .property-name .property-name-label a {
color: var(--color-main-medium);
}
.toggle-group.svelte-cgydyy .text-note:where(.svelte-cgydyy) {
padding-inline-start: 21px;
}
.toggle-group.svelte-cgydyy .text-note:where(.svelte-cgydyy) li:where(.svelte-cgydyy) {
padding-left: 3px;
}
#viewDiv.svelte-390z42 {
position: relative;
z-index: 0;
margin-left: 8px;
}
#viewDiv.svelte-390z42 .mapboxgl-ctrl-logo {
display: none !important;
}
#viewDiv.svelte-390z42 .mapboxgl-ctrl-bottom-left,
#viewDiv.svelte-390z42 .mapboxgl-ctrl-bottom-right,
#viewDiv.svelte-390z42 .mapboxgl-ctrl-top-left,
#viewDiv.svelte-390z42 .mapboxgl-ctrl-top-right {
opacity: 0;
transition: opacity 0.5s ease;
pointer-events: none;
}
#viewDiv.show-controls.svelte-390z42 .mapboxgl-ctrl-bottom-left,
#viewDiv.show-controls.svelte-390z42 .mapboxgl-ctrl-bottom-right,
#viewDiv.show-controls.svelte-390z42 .mapboxgl-ctrl-top-left,
#viewDiv.show-controls.svelte-390z42 .mapboxgl-ctrl-top-right {
opacity: 1;
pointer-events: auto;
}
#viewDiv.animating.svelte-390z42 {
cursor: progress !important;
}
#viewDiv.animating.svelte-390z42 .mapboxgl-canvas {
cursor: progress !important;
}
#centerBox.svelte-390z42 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 2px solid var(--color-map-box-border);
background: var(--color-map-box-bg);
pointer-events: none;
z-index: 2;
opacity: 0;
transition: opacity 0.5s ease;
}
#centerBox.visible.svelte-390z42 {
opacity: 1;
}
#centerBox.resizing.svelte-390z42 {
border-color: var(--color-map-box-border);
background: var(--color-map-box-bg);
}
#centerBox.show-handles.svelte-390z42 .resize-handle:where(.svelte-390z42), #centerBox.resizing.svelte-390z42 .resize-handle:where(.svelte-390z42) {
opacity: 1;
}
/* Resize handles - hidden by default */
.resize-handle.svelte-390z42 {
position: absolute;
pointer-events: auto;
z-index: 20;
opacity: 0;
transition: opacity 0.2s ease;
}
.resize-handle.handle-n.svelte-390z42, .resize-handle.handle-s.svelte-390z42 {
left: 20%;
right: 20%;
height: 12px;
cursor: ns-resize;
}
.resize-handle.handle-n.svelte-390z42 {
top: -6px;
}
.resize-handle.handle-s.svelte-390z42 {
bottom: -6px;
}
.resize-handle.handle-e.svelte-390z42, .resize-handle.handle-w.svelte-390z42 {
top: 20%;
bottom: 20%;
width: 12px;
cursor: ew-resize;
}
.resize-handle.handle-e.svelte-390z42 {
right: -6px;
}
.resize-handle.handle-w.svelte-390z42 {
left: -6px;
}
.resize-handle.handle-ne.svelte-390z42, .resize-handle.handle-nw.svelte-390z42, .resize-handle.handle-se.svelte-390z42, .resize-handle.handle-sw.svelte-390z42 {
width: 14px;
height: 14px;
background: white;
border: 2px solid var(--color-map-box-border);
border-radius: 50%;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
transition: transform 0.15s ease, opacity 0.2s ease;
}
.resize-handle.handle-ne.svelte-390z42:hover, .resize-handle.handle-nw.svelte-390z42:hover, .resize-handle.handle-se.svelte-390z42:hover, .resize-handle.handle-sw.svelte-390z42:hover {
transform: scale(1.2);
}
.resize-handle.handle-ne.svelte-390z42 {
top: -7px;
right: -7px;
cursor: nesw-resize;
}
.resize-handle.handle-nw.svelte-390z42 {
top: -7px;
left: -7px;
cursor: nwse-resize;
}
.resize-handle.handle-se.svelte-390z42 {
bottom: -7px;
right: -7px;
cursor: nwse-resize;
}
.resize-handle.handle-sw.svelte-390z42 {
bottom: -7px;
left: -7px;
cursor: nesw-resize;
}
.center-cross.svelte-390z42 {
position: absolute;
stroke: var(--color-map-box-border);
stroke-width: 2;
}
.hint-map.svelte-390z42 {
position: absolute;
bottom: calc(100% + 12px);
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
gap: 8px;
padding: 6px 10px;
background: white;
border: 1px solid var(--color-white-hover);
border-radius: 6px;
pointer-events: auto;
box-shadow: 0 2px 8px var(--color-map-box-shadow);
white-space: nowrap;
z-index: 25;
}
.hint-map.svelte-390z42 .input-wrapper:where(.svelte-390z42) {
display: flex;
align-items: center;
background-color: var(--color-alt);
border: none;
border-radius: var(--mdc-shape-medium, 4px);
height: 26px;
overflow: hidden;
}
.hint-map.svelte-390z42 .input-wrapper:where(.svelte-390z42) input:where(.svelte-390z42) {
width: 50px;
padding: 5px 8px;
background: transparent;
border: none;
color: var(--color-main);
font-size: 13px;
font-family: inherit;
outline: none;
appearance: textfield;
-moz-appearance: textfield;
}
.hint-map.svelte-390z42 .input-wrapper:where(.svelte-390z42) input:where(.svelte-390z42)::-webkit-outer-spin-button, .hint-map.svelte-390z42 .input-wrapper:where(.svelte-390z42) input:where(.svelte-390z42)::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.hint-map.svelte-390z42 .input-wrapper:where(.svelte-390z42) .unit:where(.svelte-390z42) {
padding: 5px 8px 5px 0;
color: var(--color-main-light);
font-size: 12px;
transition: color 0.15s ease;
}
.hint-map.svelte-390z42 .input-wrapper:where(.svelte-390z42):focus-within {
background: rgba(50, 84, 102, 0.32);
}
.hint-map.svelte-390z42 .input-wrapper:where(.svelte-390z42):focus-within .unit:where(.svelte-390z42) {
color: var(--color-main);
}
.hint-map.svelte-390z42 .input-separator:where(.svelte-390z42) {
color: var(--color-main-light);
font-size: 14px;
}
.root-grid.svelte-mtp974 {
display: grid;
grid-template-columns: 400px 1fr;
height: 100%;
padding: 4px;
box-sizing: border-box;
}
.root.svelte-mtp974 {
display: flex;
flex-direction: column;
overflow: auto;
}
.scrollable.svelte-mtp974 {
overflow: auto;
}
.footer.svelte-mtp974 {
position: sticky;
display: grid;
}
.notification.svelte-mtp974 {
display: grid;
grid-template-columns: 16px 1fr;
grid-gap: 4px;
align-items: center;
padding: 8px 12px;
border-radius: 8px;
}
.notification.svelte-mtp974 .description:where(.svelte-mtp974) {
grid-column-start: 2;
padding-left: 6px;
}
.group-content.svelte-dd0fwb {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.root-grid.svelte-dd0fwb {
display: grid;
grid-template-columns: 400px 1fr;
height: 100%;
padding: 4px;
box-sizing: border-box;
}
.root.svelte-dd0fwb {
display: flex;
flex-direction: column;
overflow: auto;
}
.scrollable.svelte-dd0fwb {
overflow: auto;
}
.crs.svelte-dd0fwb .toggle-group:where(.svelte-dd0fwb) {
padding-left: 10px;
}
.crs.svelte-dd0fwb .toggle-group:where(.svelte-dd0fwb) .toggle-root .property-name .property-name-label {
padding-left: 0px;
}
.crs.svelte-dd0fwb .toggle-group:where(.svelte-dd0fwb) .toggle-root .property-name .property-name-label a {
color: var(--color-main-medium);
}
.crs.svelte-dd0fwb .toggle-group:where(.svelte-dd0fwb) .text-note:where(.svelte-dd0fwb) {
padding-inline-start: 21px;
}
.crs.svelte-dd0fwb .toggle-group:where(.svelte-dd0fwb) .text-note:where(.svelte-dd0fwb) li:where(.svelte-dd0fwb) {
padding-left: 3px;
}
.header.svelte-dd0fwb {
display: grid;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
align-items: center;
padding: 0 10px;
}
.header.svelte-dd0fwb .text-center:where(.svelte-dd0fwb) {
min-width: 0;
text-align: center;
}
.header.svelte-dd0fwb .icon-left:where(.svelte-dd0fwb),
.header.svelte-dd0fwb .icon-right:where(.svelte-dd0fwb) {
cursor: pointer;
}
.header.svelte-dd0fwb .header-actions:where(.svelte-dd0fwb) {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 4px;
}
.footer.svelte-dd0fwb {
position: sticky;
display: grid;
}
.metric-value-group.svelte-wj636h {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 4px;
text-align: end;
width: 100%;
}
.metric-value-group.multi-columns.svelte-wj636h {
width: 120px;
flex: 0 0 120px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.metrics-value.svelte-wj636h {
text-align: end;
overflow: hidden;
text-overflow: ellipsis;
}
.header.svelte-wj636h {
text-transform: uppercase;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.metrics-view.svelte-wj636h {
width: 100%;
}
.property-group-label.svelte-wj636h {
width: 100%;
}
.property-name-multi.svelte-wj636h {
margin-left: var(--offset);
max-width: 230px;
min-width: 230px;
}
.property-value-single.svelte-wj636h {
width: 100%;
}
.property-value-multi.svelte-wj636h {
display: flex;
align-content: space-between;
width: fit-content;
gap: 1px;
}
.metrics-view.svelte-wj636h .ui-config-property.property-row .property-value .value-container {
padding: 0px;
gap: 10px;
text-wrap: nowrap;
}
.metrics-view.svelte-wj636h .ui-config-property.property-row .property-value {
display: flex;
gap: 0px;
flex-direction: row-reverse;
/* width: 100%; */
}
.group.root-level.svelte-1ya4h6i {
margin: 12px 0;
}
.group.first-level.svelte-1ya4h6i {
margin: 0 -8px 8px;
padding: 0 8px;
border-radius: 1px;
}
.group-title-container.svelte-1ya4h6i {
position: relative;
cursor: default;
display: flex;
gap: 4px;
align-items: center;
padding-left: var(--padding);
height: 26px;
}
.group-content.svelte-1ya4h6i {
width: 100%;
}
.group-content.svelte-1ya4h6i:not(.first-level-group) {
padding-left: 8px;
padding-right: 8px;
margin-left: -8px;
margin-right: -8px;
}
.icon-holder.svelte-1ya4h6i {
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
}
.group-holder.svelte-d4s47f {
width: var(--widthPx);
}
.group-overflow.svelte-d4s47f {
box-sizing: content-box;
position: relative;
overflow-x: auto;
}
.container.svelte-d4s47f {
width: 100%;
right: 0;
left: 0;
display: block;
background-color: white;
}
.chart-stats.svelte-vbqj4t {
display: flex;
justify-content: space-between;
padding-left: 64px;
padding-right: 12px;
}
.container.svelte-ce6qo3 {
margin: 8px 0 24px;
}
.header.svelte-ce6qo3 {
display: flex;
gap: 4px;
align-items: center;
padding: 0 8px;
}
.root.svelte-1ogtcg8 {
min-width: 400px;
}
.no-info.svelte-1ogtcg8 {
text-align: center;
margin: 16px 0;
}
.container.svelte-g54iqo {
margin: 8px 0 24px;
}
.action-button.svelte-7meqb7:not(.full-size) button.mdc-button {
padding: 0 4px;
}
.action-button.full-size.svelte-7meqb7, .action-button.full-size.svelte-7meqb7 button {
width: 100%;
}
.property-row.svelte-19muowu {
margin: 4px 0;
}
.buttons.svelte-19muowu {
display: flex;
gap: 4px;
flex: 4;
white-space: nowrap;
text-overflow: ellipsis;
align-items: center;
}
.buttons-wrap.svelte-19muowu {
gap: 8px;
}
.align-left.svelte-19muowu,
.align-mid.svelte-19muowu,
.align-right.svelte-19muowu {
flex: 1 1 auto;
}
.align-left.svelte-19muowu {
justify-content: flex-start;
margin-left: 24px;
}
.align-mid.svelte-19muowu {
justify-content: center;
}
.align-right.svelte-19muowu {
justify-content: flex-end;
}
.checkbox-holder.svelte-ufzdhd {
display: flex;
flex: 4;
gap: 4px;
align-items: center;
min-height: 28px;
}
.help-wrapper.svelte-ufzdhd {
margin-left: auto;
}
.icon-holder.svelte-ufzdhd {
flex-shrink: 0;
display: flex;
align-items: center;
}
.bool-prop.svelte-ufzdhd {
display: contents;
}
.group.svelte-1garvjz {
padding: 4px 0;
}
.group-title-container.svelte-1garvjz {
cursor: default;
display: flex;
align-items: center;
gap: 8px;
}
.group-content.svelte-1garvjz .property-name-label {
--offset: 24px;
}
.group-content.svelte-1garvjz > .container:first-child .group {
margin-top: 4px;
}
.group-title.svelte-1garvjz {
display: flex;
flex: 3;
}
.group-title-content.svelte-1garvjz {
display: flex;
gap: 8px;
margin-left: auto;
align-items: center;
flex: 4;
}
.details.svelte-1garvjz {
display: flex;
gap: 8px;
margin-left: auto;
align-items: center;
}
.edit.svelte-1garvjz {
visibility: hidden;
padding-right: 4px;
}
.group.svelte-1garvjz:hover .edit:where(.svelte-1garvjz) {
cursor: pointer;
color: var(--color-default);
visibility: visible;
}
.group.svelte-1garvjz:hover .edit:where(.svelte-1garvjz):hover {
color: var(--color-main-dark);
}
.active-folder.svelte-1garvjz {
display: flex;
gap: 2px;
color: var(--color-good);
}
.edit.svelte-1garvjz {
visibility: hidden;
}
.group.svelte-1garvjz:hover .edit:where(.svelte-1garvjz) {
cursor: pointer;
color: var(--color-default);
visibility: visible;
}
.group.svelte-1garvjz:hover .edit:where(.svelte-1garvjz):hover {
color: var(--color-main-dark);
}
.colored-property.svelte-w71tze {
padding: 0;
box-shadow: inset 0 0 0 2px #ccc;
background: var(--color);
}
.colored-property.svelte-w71tze:focus-within {
background: var(--color);
}
.colored-input.svelte-w71tze {
flex: 1;
height: 100%;
cursor: pointer;
padding: 0;
border: 0;
opacity: 0;
}
.custom-holder.svelte-91pb9e {
width: 200px;
padding: 5px 0px;
}
.custom-prop.svelte-91pb9e {
display: flex;
justify-content: center;
}
.double-property-node.svelte-7nr5bo {
margin-bottom: 4px;
}
.separator.svelte-7nr5bo {
width: 12px;
text-align: center;
flex-shrink: 0;
}
.wrapper.svelte-1betgca {
display: contents;
text-decoration: underline;
text-decoration-color: red;
}
.odd-bg.svelte-5pijjp {
background: rgb(248, 248, 248);
}
.even-bg.svelte-5pijjp {
background: rgb(242, 242, 242);
}
.group.root-level.svelte-5pijjp {
margin: 12px 0;
}
.group.first-level.svelte-5pijjp {
margin-bottom: 16px;
}
.group.first-level.collapsible.svelte-5pijjp {
margin: 0 -8px 8px;
padding: 0 8px;
border-radius: 1px;
}
.group.collapsible.svelte-5pijjp:not(.root-level) {
display: flex;
flex-direction: column;
}
.group.collapsible.svelte-5pijjp .group-content:where(.svelte-5pijjp) {
padding-top: 4px;
}
.group.svelte-5pijjp:not(.collapsible) {
background-color: transparent;
}
.group-title-container.svelte-5pijjp {
cursor: default;
display: flex;
gap: 4px;
align-items: center;
padding: 4px 0 4px var(--padding);
}
.collapsible.svelte-5pijjp .group-content:where(.svelte-5pijjp):not(.first-level-group) {
padding-left: 8px;
padding-right: 8px;
margin-left: -8px;
margin-right: -8px;
}
.property-name-label.svelte-hb0zgs {
font-size: 14px;
cursor: default;
font-weight: 650 !important;
text-transform: uppercase;
letter-spacing: 1.12px;
}
.header-property.svelte-hb0zgs {
padding-bottom: 8px;
}
.notification-progress.svelte-1kub0g4 {
margin: 11px;
width: 30%;
height: 26px;
}
.property-value.svelte-7k8b8h {
min-width: 0;
}
input.svelte-7k8b8h {
text-overflow: ellipsis;
}
.wrapper.svelte-1kyvr5s {
display: contents;
}
.wrapper.isBold.svelte-1kyvr5s .property-name-label {
font-weight: 650;
}
.ctl-btn.svelte-1kyvr5s {
user-select: none;
opacity: 0;
}
.property-value.svelte-1kyvr5s .custom-input-container:hover .ctl-btn,
.property-value.svelte-1kyvr5s .custom-input-container:focus-within .ctl-btn,
.property-value.svelte-1kyvr5s .custom-input-container:active .ctl-btn {
opacity: 1;
}
.placeholder-container.svelte-xtkjmn {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: inherit;
padding: 0 16px;
}
.placeholder-container.svelte-xtkjmn p:where(.svelte-xtkjmn) {
text-align: center;
}
.in-dialog.svelte-xtkjmn {
min-width: 400px;
}
.container.svelte-xtkjmn {
width: 100%;
right: 0;
left: 0;
display: block;
}
.icon-container.svelte-sul64g {
height: 16px;
width: 16px;
--icon-custom-color: var(--color-danger);
}
.icon-container.svelte-1s1yczq {
height: 18px;
width: 18px;
box-sizing: border-box;
cursor: pointer;
white-space: normal;
color: var(--icon-custom-color, var(--color-main-light));
}
.icon-container.svelte-1s1yczq:hover {
color: var(--icon-custom-color, var(--color-primary));
}
.red-border.svelte-bpbt8l {
border-style: solid;
border-color: rgba(255, 0, 0, 0.5);
}
.name-hidden.svelte-bpbt8l .property-value {
flex: 1 1 100%;
width: 100%;
}
.property-view.svelte-18c2n7w {
display: flex;
margin-bottom: 4px;
width: 100%;
}
.property-view.no-label.svelte-18c2n7w {
margin-bottom: 0;
}
.apply-props-holder.svelte-18c2n7w {
width: 0;
}
.property-view.svelte-18c2n7w .property-name .property-name-label {
margin-left: var(--offset);
}
.range-property.svelte-1ir4w58 {
display: grid;
grid-template-columns: 1fr 8px 1fr;
align-items: center;
justify-content: space-between;
gap: 4px;
}
.range-property.divider.svelte-1ir4w58 {
grid-template-columns: 1fr 1fr;
}
.range-prop-divider.svelte-1ir4w58 {
text-align: center;
}
.range-prop.svelte-1ir4w58 {
overflow: hidden;
}
.list-components.svelte-189uxp6 {
display: flex;
flex-direction: column;
width: 100%;
}
.list-components.svelte-189uxp6 .body-container {
display: flex;
flex-direction: column;
width: 100%;
}
.tag.svelte-9hmvl4 {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
}
.select-button.svelte-9hmvl4 {
cursor: pointer;
height: fit-content;
padding-top: 3px;
color: var(--color-main-medium);
}
.body-container.svelte-zcnmbt .list:not(.collapsed-value) .name,
.mdc-menu .version-list .virtual-list-wrapper .name {
width: 72px;
flex: none;
}
.mdc-menu .version-list .virtual-list-wrapper .mdc-tooltip {
position: absolute;
top: auto !important;
left: 80px !important;
bottom: 0;
right: 8px;
text-wrap: wrap;
width: auto;
}
.mdc-menu .version-list .mdc-tooltip__surface {
max-width: 500px;
}
.mdc-menu .version-list .virtual-list-wrapper .rest-info .wrapper {
text-overflow: ellipsis;
overflow: hidden;
}
.error-message.svelte-2d3qfg {
white-space: pre-line;
height: auto;
}
.error-message.svelte-2d3qfg .mdc-button {
height: 11px;
font-size: 11px;
line-height: 16px;
padding: 0;
color: var(--color-accent);
}
.selected-item-root.svelte-ksueju {
width: 100%;
}
.selected-item.svelte-ksueju {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
}
.name.svelte-ksueju {
display: flex;
flex-direction: row;
align-items: center;
overflow: hidden;
white-space: nowrap;
flex: 1;
flex-shrink: 0;
}
.checkbox.svelte-ksueju {
height: fit-content;
padding-right: 4px;
padding-top: 3px;
}
.item-name.svelte-ksueju {
overflow: hidden;
text-overflow: ellipsis;
}
.rest-info.svelte-ksueju {
overflow: hidden;
text-overflow: ellipsis;
text-wrap: nowrap;
}
.root.svelte-dh3ajr {
min-width: fit-content;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
}
.select-all-items.svelte-dh3ajr {
padding: 4px 8px 4px 0;
}
.scene-items-list.svelte-dh3ajr {
display: flex;
flex-direction: column;
overflow-y: auto;
width: 100%;
}
.empty-list-message.svelte-dh3ajr {
min-height: 216px;
justify-content: center;
align-items: center;
}
.actions-menu.svelte-dh3ajr {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.isolate-switch.svelte-dh3ajr {
display: flex;
align-items: center;
gap: 4px;
height: 32px;
}
.scene-items-list.svelte-dh3ajr::-webkit-scrollbar {
display: none;
}
.scene-items-list.svelte-dh3ajr .virtual-list-wrapper {
overflow-x: hidden;
overflow-y: scroll;
padding-right: 8px;
box-sizing: content-box;
}
.tag.svelte-dh3ajr {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
}
.select-button.svelte-dh3ajr {
cursor: pointer;
height: fit-content;
padding-top: 3px;
}
.svelte-3ir1z8::placeholder {
color: var(--color-main-light);
opacity: 1;
}
.hierarchy-holder.svelte-3ir1z8 {
cursor: pointer;
display: flex;
align-items: center;
width: fit-content;
}
.value-holder.svelte-3ir1z8 {
align-items: center;
}
.hierarchy-icon.svelte-3ir1z8 {
display: flex;
align-items: center;
height: 18px;
}
.scene-items-list.svelte-3ir1z8 .virtual-list-wrapper {
overflow-x: hidden;
box-sizing: content-box;
}
.scene-items-list.svelte-3ir1z8 {
flex-direction: column;
height: fit-content;
justify-content: center;
min-height: 24px !important;
align-items: flex-start !important;
}
.has-scroll.svelte-3ir1z8 .tag {
padding-right: 8px;
}
.property-row.svelte-3ir1z8 {
position: relative;
}
.buttons-group.svelte-w8szm {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
gap: 4px;
padding-top: 4px;
}
.buttons-group.svelte-w8szm button.mdc-button {
padding: 0 4px !important;
}
.lock-icon.svelte-1abcf1k {
width: 16px;
height: 16px;
color: var(--color-default);
}
.option.svelte-1abcf1k {
padding: 0 4px;
display: flex;
gap: 4px;
align-items: center;
justify-content: center;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
}
.wrapper.svelte-1abcf1k {
display: contents;
}
.wrapper.isGroup.svelte-1abcf1k .property-name-label {
font-weight: 650;
}
.property-value.svelte-151kfxk {
position: relative;
}
.property-help.svelte-151kfxk {
position: absolute;
left: -22px;
top: 2px;
}
.switcher-property.svelte-1yi227u {
padding: 4px 8px;
}
.help-wrapper.svelte-1pje47u {
display: flex;
align-items: center;
gap: 4px;
margin-left: auto;
flex-shrink: 0;
border-bottom: 1px solid var(--color-divider);
}
.ui-config-property.property-row.svelte-nc52b3 .property-name.split-title-name:where(.svelte-nc52b3) {
padding-top: 0;
}
.ui-config-property.property-row.main-data-row.svelte-nc52b3 {
align-items: flex-start;
}
.triple-number-row-wrapper.svelte-nc52b3 {
display: flex;
flex-direction: column;
width: 100%;
}
.help-wrapper.svelte-nc52b3 {
padding-left: 2px;
}
.header-row.svelte-nc52b3 {
align-items: flex-start;
padding-top: 8px;
padding-bottom: 2px;
}
.header-row.svelte-nc52b3 .split-title-name:where(.svelte-nc52b3) {
display: flex;
align-items: flex-end;
gap: 4px;
padding-top: 0;
}
.header-row.svelte-nc52b3 .name-cell:where(.svelte-nc52b3) {
flex: 1;
min-width: 0;
overflow: hidden;
}
.header-row.svelte-nc52b3 .label-cell:where(.svelte-nc52b3) {
padding-right: 4px;
}
.header-row.svelte-nc52b3 .header-cell:where(.svelte-nc52b3) {
display: flex;
align-items: flex-end;
}
.header-row.svelte-nc52b3 .column-header:where(.svelte-nc52b3) {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-left: 8px;
}
.header-row.svelte-nc52b3 .double-header-container:where(.svelte-nc52b3) {
display: flex;
gap: 4px;
width: 100%;
align-items: flex-end;
}
.header-row.svelte-nc52b3 .sub-header:where(.svelte-nc52b3) {
display: flex;
align-items: flex-end;
flex: 1;
min-width: 0;
overflow: hidden;
}
.header-row.svelte-nc52b3 .single-header:where(.svelte-nc52b3) {
display: flex;
align-items: flex-end;
width: 100%;
overflow: hidden;
}
.main-data-row.isBold.svelte-nc52b3 .property-name-label {
font-weight: 650;
}
.main-data-row.red-border.svelte-nc52b3 {
border-style: solid;
border-color: rgba(255, 0, 0, 0.5);
}
.main-data-row.svelte-nc52b3 .split-title-name:where(.svelte-nc52b3) {
display: flex;
align-items: center;
gap: 4px;
padding-top: 0;
min-height: 26px;
}
.main-data-row.svelte-nc52b3 .name-cell:where(.svelte-nc52b3) {
flex: 1;
min-width: 0;
overflow: hidden;
display: flex;
align-items: center;
}
.main-data-row.svelte-nc52b3 .label-cell:where(.svelte-nc52b3) {
padding-right: 4px;
}
.main-data-row.svelte-nc52b3 .input-cell:where(.svelte-nc52b3) {
display: flex;
align-items: center;
}
.main-data-row.svelte-nc52b3 .input-cell:where(.svelte-nc52b3) .custom-input-container {
width: 100%;
}
.main-data-row.svelte-nc52b3 .double-input-container:where(.svelte-nc52b3) {
display: flex;
gap: 4px;
width: 100%;
align-items: center;
min-height: 26px;
}
.main-data-row.svelte-nc52b3 .sub-value:where(.svelte-nc52b3) {
display: flex;
align-items: center;
flex: 1;
min-width: 0;
overflow: hidden;
}
.main-data-row.svelte-nc52b3 .sub-value:where(.svelte-nc52b3) .custom-input-container {
width: 100%;
}
.main-data-row.svelte-nc52b3 .single-input-container:where(.svelte-nc52b3) {
display: flex;
align-items: center;
width: 100%;
min-height: 26px;
}
.main-data-row.svelte-nc52b3 .single-input-container:where(.svelte-nc52b3) .custom-input-container {
width: 100%;
}
div.svelte-eub8f7 {
flex: 1;
}
.anchor-picker.svelte-1tghxgg {
display: grid;
gap: 8px;
width: 100%;
}
.seg.svelte-1tghxgg {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 3px;
}
.seg.svelte-1tghxgg button:where(.svelte-1tghxgg) {
border: none;
padding: 4px 0;
border-radius: 2px;
background: transparent;
cursor: pointer;
line-height: 0;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
min-height: 26px;
}
.seg.svelte-1tghxgg button:where(.svelte-1tghxgg):hover {
background: var(--color-white-hover);
}
.label.svelte-1tghxgg {
margin-left: 4px;
}
.seg.svelte-1tghxgg button:where(.svelte-1tghxgg) svg {
width: 16px;
height: 16px;
}
.icons-group.svelte-1525trs {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
padding-right: 8px;
}
.icon-holder.svelte-1525trs {
display: flex;
justify-content: center;
align-items: center;
color: var(--color-main-medium);
}
.group-value.svelte-1525trs {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.clickable.svelte-1525trs {
cursor: pointer;
}
.text-order.svelte-1525trs {
min-height: 26px;
}
.icon-error.svelte-1525trs {
color: var(--color-danger);
}
.checkbox-holder.svelte-1525trs {
display: flex;
flex: 4;
align-items: center;
overflow: hidden;
}
.icon-error.svelte-1525trs {
--icon-custom-color: var(--color-danger);
}
.switch-wrap.svelte-1525trs {
display: flex;
align-items: center;
}
.property-group-name.svelte-1525trs {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
padding-top: 4px;
}
.ui-config-property.property-row.svelte-1525trs .property-name:where(.svelte-1525trs) {
padding-top: 0;
}
.ui-config-property.property-row.svelte-1525trs .property-name:where(.svelte-1525trs) .property-name-label:where(.svelte-1525trs) {
padding: 0;
}
.divider.svelte-1jy7g0s {
width: var(--widthPercentage, "100%");
margin: var(--topBottomMargin, "8px 0");
background: var(--color-divider);
border-color: var(--color-divider);
border-radius: 1px;
height: 1px;
}
.divider.shadow.up.svelte-1jy7g0s {
box-shadow: var(--dropdownsimple-box-shadow);
}
.divider.shadow.down.svelte-1jy7g0s {
box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.16), 0px 0px 1px 0px rgba(0, 0, 0, 0.04);
}
.invisible.svelte-1jy7g0s {
opacity: 0;
}
.double-input-container.svelte-1yp1ril {
display: flex;
gap: 4px;
height: fit-content;
justify-content: space-between;
align-items: center;
min-height: 26px;
flex-direction: var(--direction, row);
}
.sub-value.svelte-1yp1ril {
display: flex;
align-items: center;
flex: 1;
overflow: hidden;
gap: 4px;
}
.property-name.svelte-1yp1ril {
display: flex;
justify-content: space-between;
}
.property-name.svelte-1yp1ril svg {
flex-shrink: 0;
}
.selected-items.svelte-5nzmx1 {
text-overflow: ellipsis;
overflow: hidden;
white-space: pre;
flex: 1;
padding: 4px 0px;
}
.expand_more.svelte-5nzmx1 {
display: flex;
justify-content: center;
}
.input-area.svelte-5nzmx1 {
cursor: pointer;
}
.readonly.svelte-5nzmx1 {
cursor: default;
}
.custom-input-container.svelte-5nzmx1 {
min-height: 26px;
height: fit-content;
}
.title.svelte-1u5noks {
margin: 10px 0 15px 0;
font-weight: 500;
}
.text.svelte-1u5noks {
margin-bottom: 15px;
}
.ilr-chart-container.svelte-j03690 {
display: flex;
flex-direction: column;
width: 100%;
padding: 4px 12px;
box-sizing: border-box;
user-select: none;
}
.chart-area.svelte-j03690 {
position: relative;
height: 28px;
width: 100%;
margin-bottom: 6px;
overflow: hidden;
}
.target-range.svelte-j03690 {
position: absolute;
top: 0;
bottom: 0;
background-color: var(--color-divider);
opacity: 0.1;
}
.target-line.svelte-j03690 {
position: absolute;
top: 0;
bottom: 0;
width: 3px;
background-color: var(--color-divider);
transform: translateX(-50%);
}
.target-line.mid.svelte-j03690 {
width: 1px;
opacity: 0.5;
}
.ilr-bar.svelte-j03690 {
position: absolute;
top: 3px;
bottom: 3px;
width: 5px;
border-radius: 1px;
transform: translateX(-50%);
transition: left 0.15s ease-out, background-color 0.15s ease-out;
border: 1px solid rgba(255, 255, 255, 0.4);
}
.ilr-bar.current.svelte-j03690 {
opacity: 0.35;
}
.labels-area.svelte-j03690 {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
gap: 2px;
}
.ilr-row.svelte-j03690 {
position: relative;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.cur-val.svelte-j03690 {
opacity: 0.6;
}
.dc-row.svelte-j03690 {
display: flex;
align-items: center;
height: 18px;
}
.center-left.svelte-j03690,
.center-right.svelte-j03690,
.center-arrow.svelte-j03690 {
position: absolute;
}
.center-left.svelte-j03690 {
right: calc(50% + 14px);
}
.center-right.svelte-j03690 {
left: calc(50% + 14px);
}
.center-arrow.svelte-j03690 {
left: 50%;
transform: translateX(-50%);
}
.arrow-icon.svelte-j03690 {
display: flex;
align-items: center;
justify-content: center;
transform: rotate(90deg);
}
.text-main-dark.svelte-j03690 {
color: var(--color-main-dark);
}
.container.svelte-1lrld3u {
display: flex;
flex-direction: row;
align-items: center;
min-width: 32px;
height: 100%;
width: 100%;
position: relative;
}
.clickable.svelte-1lrld3u {
cursor: pointer;
}
.divider.svelte-1lrld3u {
position: absolute;
height: 20px;
width: 1px;
border-radius: 1px;
background: var(--color-divider);
transform: translateX(var(--position));
}
.tick.svelte-1lrld3u {
position: absolute;
width: 1px;
height: 16px;
background: var(--color-main-light);
border-radius: 1px;
transform: translateX(var(--position));
}
.out-range.svelte-1lrld3u {
background: var(--color-danger);
}
.custom-holder-list.svelte-1tyg3ic {
width: 100%;
}
.property-value.svelte-1pu0sr2 {
display: flex;
}
.property-value.with-action.svelte-1pu0sr2 {
margin-left: -44px;
}
.loader.svelte-12pfies {
border: 2px solid var(--color-alt);
border-radius: 50%;
border-top: 2px solid var(--color-main-medium);
width: 12px;
height: 12px;
animation: spin 1s linear infinite;
}
.message.svelte-b92tda {
padding: 0 8px;
}
.property-container.svelte-1qi41z7 {
display: contents;
}
.property-container.svelte-1qi41z7 .sub-value:first-child {
min-width: var(--min-selector-width);
}
.select.svelte-ch6dwf {
width: 100%;
}
.root.svelte-3v58wa {
display: flex;
flex-direction: column;
width: 100%;
}
.body-props.svelte-3v58wa {
padding-top: 12px;
}
.body-props.svelte-3v58wa > .property-view ~ .ui-config-property {
margin-top: 16px;
}
.body-props.svelte-3v58wa .hierarchy-icon {
position: absolute;
left: -16px;
}
.divider-wrapper.svelte-3v58wa {
padding: 4px 0;
}
.value-control.svelte-10lzjhy {
display: flex;
gap: 4px;
align-items: center;
}
.expand_more.svelte-10lzjhy {
display: flex;
align-items: center;
cursor: pointer;
color: var(--color-main-dark);
}
.clickable.svelte-10lzjhy {
cursor: pointer;
}
.property-value.has-error.svelte-u333n3 .property {
color: var(--color-danger);
}
.selected-item.svelte-1bt6xx3 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
}
.name.svelte-1bt6xx3 {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}
.hierarchy-holder.svelte-1bt6xx3 {
padding: 0 0 2px 1px;
}
.options-container.svelte-1bt6xx3 {
display: flex;
flex-direction: column;
gap: 4px;
padding: 4px 8px 4px 0;
}
.warning-notification.svelte-16ygswu {
padding-bottom: 32px;
}
.warning-notification.svelte-16ygswu svg {
width: 16px;
height: 16px;
}
.warning-notification.svelte-16ygswu button {
margin-bottom: 4px;
max-width: 100%;
}
.warning-notification.svelte-16ygswu p:where(.svelte-16ygswu) {
margin: 8px 0;
}
.warning-notification.svelte-16ygswu ul:where(.svelte-16ygswu) {
padding-inline-start: 24px;
margin: 8px 0;
}
.warning-notification.svelte-16ygswu li:where(.svelte-16ygswu):not(:last-child) {
margin-bottom: 8px;
}
.warning-header.svelte-16ygswu {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-top: 8px;
padding: 0 8px;
cursor: pointer;
}
.warning-header.svelte-16ygswu svg {
margin-top: 1px;
flex-shrink: 0;
color: var(--color-main-medium);
}
.warning-header.svelte-16ygswu:hover svg {
color: var(--color-main-dark);
}
.content-wrapper.collapsed.svelte-16ygswu {
display: none;
}
.content.svelte-16ygswu {
padding: 0 8px 8px 8px;
}
.divider.svelte-16ygswu {
border-bottom: 1px solid var(--color-divider);
position: absolute;
left: 0px;
bottom: 24px;
width: 100%;
}
.property-name-label.svelte-yk2okx {
padding: 8px 16px;
border-radius: var(--mdc-shape-medium);
display: inline-block;
cursor: default;
}
.root.svelte-b03wke {
display: flex;
flex-direction: column;
}
.table.svelte-b03wke {
width: 1200px;
height: 450px;
display: flex;
flex-direction: column;
}
.chart.svelte-b03wke {
width: 400px;
height: 300px;
display: flex;
margin: 0 auto;
}
.controls-group.svelte-b03wke {
padding: 5px;
display: flex;
}
.actions-group.svelte-b03wke {
padding: 2px;
display: flex;
justify-content: center;
}
.property.svelte-b8oc8m {
justify-content: flex-end;
margin-left: auto;
width: 95%;
}
.chart.svelte-b8oc8m {
width: 100%;
height: 180px;
overflow: hidden;
}
.row.svelte-98yh4f {
display: flex;
flex-direction: column;
gap: 2px;
width: 100%;
}
.title-row.svelte-98yh4f,
.subrow.svelte-98yh4f {
display: flex;
justify-content: space-between;
gap: 4px;
align-items: center;
width: 100%;
}
.title.svelte-98yh4f,
.subtitle.svelte-98yh4f {
flex: 1 1 0;
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.title-right.svelte-98yh4f,
.right.svelte-98yh4f {
flex: 0 0 auto;
white-space: nowrap;
/* margin-left: auto; */
}
.error-container.svelte-7iyorr {
padding: 0 8px;
margin-top: 2px;
}
.catalog-item-property.svelte-1yig5yd {
width: 100%;
}
.title.svelte-1yig5yd {
margin: 4px 8px;
cursor: default;
}
.action-buttons.svelte-9jzsgz {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 8px 0;
gap: 4px;
box-shadow: 0px 1px 0px 0px rgba(21, 27, 31, 0.08) inset, 0px -8px 8px 8px rgba(21, 27, 31, 0.02);
}
.root.svelte-1sgb66v {
min-width: 400px;
display: flex;
flex-direction: column;
width: 99%;
}
.chart.svelte-1sgb66v {
width: 99%;
display: flex;
margin: 0 auto;
}
.actions-group.svelte-1sgb66v {
padding: 2px;
display: flex;
justify-content: center;
text-align: center;
}
.export-content.svelte-1q0m3gr {
width: 468px;
}
.terrain-group.svelte-1q0m3gr :nth-child(2) .export-group-item {
margin: 0;
}
.group-wrapper.svelte-crmbre {
padding: 8px 0 6px;
}
.group-wrapper.svelte-crmbre:not(:last-child) {
border-bottom: 1px solid var(--color-divider);
}
.group-wrapper.svelte-crmbre .group-wrapper {
border-bottom: 0 !important;
}
.group-wrapper.svelte-crmbre .group-wrapper .export-group {
padding-top: 0;
}
.export-group.svelte-crmbre {
display: flex;
gap: 8px;
}
.export-group.svelte-crmbre .custom-icon-container svg {
height: 16px;
}
.checkbox-container.svelte-crmbre {
height: 16px;
width: 16px;
padding-top: 1px;
}
.export-group-name.svelte-crmbre {
width: 140px;
flex-shrink: 0;
}
.export-group-items.svelte-crmbre {
overflow: hidden;
flex: 1;
}
.export-group-item.svelte-j6af6h {
display: flex;
gap: 8px;
margin-top: 8px;
}
.export-item-count.svelte-j6af6h {
width: 60px;
flex-shrink: 0;
}
.export-item-name.svelte-j6af6h {
text-overflow: ellipsis;
overflow: hidden;
text-wrap: nowrap;
}
.export-item-tag.svelte-j6af6h {
margin-left: auto;
margin-right: 30px;
}
.count-info.svelte-16u5rag {
display: flex;
padding: 3px 12px;
align-items: flex-start;
gap: 4px;
align-self: stretch;
}
.count-info.svelte-16u5rag .number:where(.svelte-16u5rag) {
width: 64px;
}
.count-info.empty.svelte-16u5rag {
color: var(--color-main-medium);
}
.property-with-icon.svelte-fg7vw7 {
position: absolute;
padding: 0 5px;
}
.group-content.svelte-fg7vw7 {
padding-top: 4px;
}
.group.svelte-fg7vw7 {
margin-bottom: 8px;
}
.group.svelte-fg7vw7 .property-name-label {
margin-left: 4px;
}
.calculated.svelte-fg7vw7 {
white-space: pre-line;
height: auto;
padding-top: 4px;
padding-bottom: 4px;
}
.calculated.svelte-fg7vw7 span:where(.svelte-fg7vw7) {
text-overflow: ellipsis;
overflow: hidden;
}
.property-name-label.svelte-1esnvab {
display: flex;
gap: 4px;
align-items: center;
}
.ui-config-property.svelte-1esnvab {
align-items: flex-start;
}
.ui-config-property.svelte-1esnvab .custom-svelecte-control {
--sv-placeholder-color: var(--color-main-dark);
}
.property-row.svelte-1esnvab {
margin-bottom: 4px;
}
.import-prop.ui-config-property.property-row.svelte-1esnvab .property-value:where(.svelte-1esnvab) {
flex: 3;
}
.disabled.svelte-1esnvab {
color: var(--color-main-light);
}
.disabled.svelte-1esnvab .property-name-label:where(.svelte-1esnvab) {
color: var(--color-main-light);
text-decoration: line-through;
}
.count-info.svelte-14wno59 {
display: flex;
padding: 3px 12px;
align-items: flex-start;
gap: 4px;
align-self: stretch;
}
.count-info.svelte-14wno59 .number:where(.svelte-14wno59) {
width: 64px;
}
.sv_dropdown .matched-prop {
font-weight: 700;
}
.checkbox-full-width.svelte-1113spf {
display: flex;
align-items: center;
gap: 8px;
padding: 5px;
cursor: pointer;
width: 100%;
box-sizing: border-box;
}
.actions-container.svelte-1113spf {
display: flex;
flex-direction: column;
gap: 8px;
padding: 8px 0;
width: 100%;
box-sizing: border-box;
}
.actions-container.svelte-1113spf .mdc-button {
width: 100%;
}
.container.svelte-1113spf {
display: flex;
flex-direction: column;
height: 100%;
padding: 0 8px;
}
.bottom-buttons.svelte-1113spf {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.flex-hor-5px-gap.svelte-1g6v7h4 {
display: flex;
gap: 5px;
}
.clustering-container.svelte-1g6v7h4 {
display: flex;
flex-direction: column;
gap: 4px;
padding: 0 8px;
}
.actions-container.svelte-1g6v7h4 {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
box-sizing: border-box;
}
.actions-container.svelte-1g6v7h4 button {
width: 100%;
}
.constraint-icon.svelte-1g6v7h4 {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.2s;
color: black;
}
.constraint-icon.disabled.svelte-1g6v7h4 {
cursor: default;
opacity: 0.5;
}
.constraint-icon.mini.svelte-1g6v7h4 {
margin-left: 2px;
}
.constraint-icon.svelte-1g6v7h4 svg path {
fill: currentColor !important;
}
.constraint-icon.svelte-1g6v7h4 svg [stroke] {
stroke: currentColor !important;
}
.constraint-icon.active.svelte-1g6v7h4 {
color: #2e7d32;
}
.bottom-buttons.svelte-1g6v7h4 {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.modeling-container.svelte-e9vsc3 {
display: flex;
flex-direction: column;
height: 100%;
width: 280px;
}
.error.svelte-e9vsc3 {
padding: 20px;
text-align: center;
opacity: 0.5;
}
.container.svelte-rmffj6 {
width: 280px;
padding: 0 8px;
}
.flex-hor-5px-gap.svelte-rmffj6 {
display: flex;
flex: 1;
gap: 5px;
}
.actions-section.svelte-rmffj6 {
display: flex;
flex-direction: column;
gap: 5px;
padding: 8px 0;
}
.selector-wrapper.svelte-rmffj6 {
height: 32px;
display: flex;
align-items: center;
overflow: hidden;
}
.constraint-icon.svelte-rmffj6 {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.2s;
color: black;
}
.constraint-icon.disabled.svelte-rmffj6 {
cursor: default;
opacity: 0.5;
}
.constraint-icon.mini.svelte-rmffj6 {
margin-left: 2px;
}
.constraint-icon.svelte-rmffj6 svg path {
fill: currentColor !important;
}
.constraint-icon.svelte-rmffj6 svg [stroke] {
stroke: currentColor !important;
}
.constraint-icon.active.svelte-rmffj6 {
color: #2e7d32;
}
.bottom-buttons.svelte-rmffj6 {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.selection-helper.svelte-rmffj6 {
align-items: center;
display: flex;
justify-content: space-between;
width: 100%;
}
.selection-helper.svelte-rmffj6 p:where(.svelte-rmffj6) {
opacity: 0.7;
}
.settings-content.svelte-1pg20j1 {
display: flex;
flex-direction: column;
padding: 0 0px;
gap: 3px;
}
.actions-container.svelte-1pg20j1 {
display: flex;
flex-direction: column;
gap: 8px;
padding: 8px 0;
width: 100%;
box-sizing: border-box;
}
.actions-container.svelte-1pg20j1 button {
width: 100%;
}
.bottom-buttons.svelte-1pg20j1 {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.visibility-toolbar.svelte-k3mw76 {
display: flex;
align-items: center;
justify-content: space-between;
padding: 4px 8px;
padding-top: 0;
margin-top: auto;
}
.visibility-toolbar.svelte-k3mw76 .icon-btn:where(.svelte-k3mw76) {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
opacity: 0.4;
transition: all 0.2s;
}
.visibility-toolbar.svelte-k3mw76 .icon-btn.active:where(.svelte-k3mw76) {
opacity: 1;
color: var(--color-main-dark);
}
.visibility-toolbar.svelte-k3mw76 .icon-btn.unavailable:where(.svelte-k3mw76) {
opacity: 0.1;
pointer-events: none;
}
.visibility-icons.svelte-k3mw76 {
display: flex;
gap: 4px 8px;
}
.stats-group.svelte-rpjk3q {
display: flex;
flex-direction: column;
gap: 4px;
font-size: 13px;
color: var(--pui-text-color-secondary);
padding: 4px 0;
}
.stat-line.svelte-rpjk3q {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
white-space: nowrap;
}
.stat-right.svelte-rpjk3q {
display: flex;
align-items: center;
gap: 6px;
}
.max-value.svelte-rpjk3q {
opacity: 0.6;
font-weight: bold;
}
.stat-value.svelte-rpjk3q {
min-width: 20px;
text-align: center;
}
.constraint-icon.svelte-rpjk3q {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.2s;
color: black;
}
.constraint-icon.disabled.svelte-rpjk3q {
cursor: default;
opacity: 0.5;
}
.constraint-icon.mini.svelte-rpjk3q {
margin-left: 2px;
}
.constraint-icon.svelte-rpjk3q svg path {
fill: currentColor !important;
}
.constraint-icon.svelte-rpjk3q svg [stroke] {
stroke: currentColor !important;
}
.constraint-icon.active.svelte-rpjk3q {
color: #2e7d32;
}
.delta-trackers.svelte-1fllsre p:where(.svelte-1fllsre) {
margin: 5px 0;
}
.delta-trackers.svelte-1fllsre p.no-racks:where(.svelte-1fllsre) {
opacity: 0.7;
}
.delta-trackers.svelte-1fllsre .value-container:where(.svelte-1fllsre) {
display: flex;
}
.delta-trackers.svelte-1fllsre .value-container:where(.svelte-1fllsre) p:where(.svelte-1fllsre) {
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.delta-trackers.svelte-1fllsre .value-container:where(.svelte-1fllsre) .action-container:where(.svelte-1fllsre) {
display: flex;
align-items: center;
gap: 8px;
}
.delta-trackers.svelte-1fllsre .value-container:where(.svelte-1fllsre) .action-container:where(.svelte-1fllsre) svg {
padding: 5px;
}
.root.svelte-1rfpvdp {
display: flex;
flex-direction: column;
gap: 4px;
width: 100%;
}
.clickable.svelte-1fvsc7z {
cursor: pointer;
}
.icon-holder.svelte-1fvsc7z {
display: flex;
color: var(--color-main-medium);
gap: 4px;
text-overflow: ellipsis;
white-space: nowrap;
float: right;
padding-left: 4px;
}
.ag-piles.svelte-1xh84me .ag-theme-balham {
--ag-font-size: 14px;
--ag-font-family: "Source Sans";
--ag-foreground-color: var(--color-main-dark);
--ag-header-background-color: transparent;
--ag-header-foreground-color: var(--color-main-medium);
--ag-data-color: var(--color-main-dark);
--ag-cell-horizontal-padding: 2px;
--ag-range-selection-border-color: transparent;
--ag-row-border: 0;
--ag-wrapper-border: 0;
--ag-header-column-border: 0;
--ag-header-row-border: 1px solid var(--color-divider);
}
.ag-piles.svelte-1xh84me .ag-theme-balham .ag-cell {
-webkit-font-smoothing: antialiased;
line-height: 30px;
}
.ag-piles.svelte-1xh84me .ag-theme-balham .divider {
--ag-row-border: 1px solid var(--color-divider);
}
.ag-piles.svelte-1xh84me .ag-theme-balham .header-cell-visible {
width: auto !important;
}
.ag-piles.svelte-1xh84me .ag-theme-balham .ag-header-cell:before {
display: none;
}
.ag-piles.svelte-1xh84me .ag-theme-balham .ag-cell-icon {
display: flex;
align-items: center;
}
.ag-piles.svelte-1xh84me .ag-theme-balham .ag-cell.editable,
.ag-piles.svelte-1xh84me .ag-theme-balham .ag-cell.readonly {
--ag-cell-horizontal-padding: 8px;
}
.ag-piles.svelte-1xh84me .ag-theme-balham .ag-cell.editable:after {
content: "";
border-radius: 1px;
background-color: var(--color-alt);
position: absolute;
z-index: -2;
inset: 2px;
}
.ag-piles.svelte-1xh84me .ag-theme-balham .toggle-cell div {
display: flex;
align-items: center;
height: 100%;
justify-content: end;
}
.ag-piles.svelte-1xh84me .ag-theme-balham .ag-row-last {
border-bottom-color: var(--color-divider);
}
.ag-piles.svelte-1xh84me .hide-header .ag-header {
display: none;
}
.ag-piles.svelte-1xh84me .ag-root-wrapper {
overflow: visible;
}
.table-property.svelte-42nzbe {
width: 100%;
}
.property-row.svelte-w7471y {
margin-bottom: 4px;
}
.property-row.text-main-light.svelte-w7471y {
--custom-input-color: var(--color-main-light);
}
.property-name-label.svelte-w7471y,
.pile-name.svelte-w7471y {
display: flex;
align-items: center;
gap: 4px;
padding: 0 8px;
}
.double-input-container.svelte-w7471y {
display: flex;
gap: 4px;
height: fit-content;
justify-content: space-between;
align-items: center;
min-height: 26px;
flex-direction: var(--direction, row);
}
.sub-value.svelte-w7471y {
display: flex;
align-items: center;
flex: 1;
overflow: hidden;
gap: 4px;
}
.anchor-picker.svelte-8lbrtf {
display: grid;
gap: 8px;
}
.seg.svelte-8lbrtf {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 3px;
background-color: var(--color-alt);
border-radius: 4px;
padding: 2px;
}
.seg.svelte-8lbrtf button:where(.svelte-8lbrtf) {
border: none;
padding: 4px 0;
border-radius: 2px;
background: transparent;
cursor: pointer;
line-height: 0;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
min-height: 32px;
}
.seg.svelte-8lbrtf button:where(.svelte-8lbrtf):hover {
background: var(--color-white-hover);
}
.seg.svelte-8lbrtf button.active:where(.svelte-8lbrtf) {
background: var(--color-white);
}
.seg.svelte-8lbrtf button:where(.svelte-8lbrtf) svg {
width: 24px;
height: 24px;
}
.list.svelte-18xrmr7 {
width: 100%;
max-height: 70vh;
overflow: auto;
outline: none;
}
.series.svelte-18xrmr7 {
padding-bottom: 8px;
}
.series-title.svelte-18xrmr7 {
margin: 0 0 2px;
}
.icon-small.svelte-18xrmr7 {
width: 16px;
height: 16px;
flex-shrink: 0;
}
.option-list.svelte-18xrmr7 {
list-style: none;
margin: 0;
padding: 0;
}
.row.svelte-18xrmr7 {
display: grid;
grid-template-columns: auto auto 1fr auto;
align-items: center;
gap: 4px;
padding: 4px 8px;
border-radius: 6px;
cursor: pointer;
}
.label.svelte-18xrmr7 {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
}
.text.svelte-18xrmr7 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.label-right.svelte-18xrmr7 {
min-width: fit-content;
text-align: right;
white-space: nowrap;
}
.disabled.svelte-18xrmr7 {
opacity: 0.5;
cursor: default;
}
.root.svelte-1a82cyf {
display: flex;
flex-direction: column;
gap: 8px;
width: 415px;
}
.hint.svelte-1a82cyf {
width: 100%;
min-height: 50px;
}
.svg-holder.svelte-1x254y6 {
width: 100%;
height: 100%;
background: white;
}
.error.svelte-1x254y6 {
text-align: center;
color: #ff0700;
}
.title-container.svelte-1x254y6 {
display: flex;
gap: 4px;
}
.title.svelte-1x254y6 {
font-weight: bold;
margin-bottom: 0px;
margin-top: 0px;
}
.container.svelte-1x254y6 {
cursor: pointer;
width: 100%;
background-color: rgb(241, 241, 241);
margin: 0 -8px 4px;
padding: 4px 8px 1px;
}
.svg-holder.svelte-avfchb {
width: 100%;
height: 100%;
background: white;
}
.error.svelte-avfchb {
text-align: center;
color: #ff0700;
}
.title-container.svelte-avfchb {
display: flex;
gap: 4px;
}
.title.svelte-avfchb {
font-weight: bold;
margin-bottom: 0px;
margin-top: 0px;
}
.container.svelte-avfchb {
cursor: pointer;
width: 100%;
background-color: rgb(241, 241, 241);
margin: 0 -8px 4px;
padding: 4px 8px 1px;
}
.root.svelte-18ujkfy {
display: flex;
flex-direction: column;
}
.chart.svelte-18ujkfy {
width: 1000px;
height: 600px;
display: flex;
margin: 0 auto;
}
.default.svelte-149fzo3 {
display: inline-block;
box-sizing: border-box;
font-variant-numeric: tabular-nums;
background-color: white;
color: black;
width: 4em;
height: 1.6em;
margin: 0px;
padding: 0.25em;
border: 0.075em solid #0004;
border-radius: 0.15em;
text-align: right;
vertical-align: baseline;
cursor: ew-resize;
}
.default.svelte-149fzo3:focus {
border: 0.075em solid #06f;
outline: none; /* removes the standard focus border */
}
input.svelte-149fzo3::placeholder {
color: var(--color-main-light);
opacity: 1;
}
.default.fast.svelte-149fzo3 {
border-top-width: 0.15em;
padding-top: 0.175em;
}
.default.slow.svelte-149fzo3 {
border-bottom-width: 0.15em;
padding-bottom: 0.175em;
}
.default.dragging.svelte-149fzo3 {
border-color: #04c;
}
.default.editing.svelte-149fzo3 {
cursor: initial;
}
/* mandatory css styles, not customizable */
.drag.svelte-149fzo3 {
user-select: none;
}
.drag.svelte-149fzo3::selection {
/* remove text selection background in non-editing mode */
background: #0000;
}
.inactive.svelte-149fzo3 {
display: none !important;
}
.disable-dragging.svelte-149fzo3 {
cursor: text !important;
}
.warning-container.svelte-1iev8h2 {
display: flex;
flex-direction: column;
gap: 8px;
padding: 10px;
background-color: rgba(255, 152, 0, 0.1);
border: 1px solid var(--color-warning, #ff9800);
border-radius: 4px;
color: var(--color-text-primary);
}
.warning-container.svelte-1iev8h2 .warning-header:where(.svelte-1iev8h2) {
display: flex;
align-items: center;
gap: 12px;
}
.warning-container.svelte-1iev8h2 .warning-header:where(.svelte-1iev8h2) svg {
flex-shrink: 0;
color: var(--color-warning, #ff9800);
}
.warning-container.svelte-1iev8h2 .warning-header:where(.svelte-1iev8h2) p:where(.svelte-1iev8h2) {
margin: 0;
font-size: 12px;
line-height: 1.4;
font-weight: 500;
}
.warning-container.svelte-1iev8h2 .warning-content:where(.svelte-1iev8h2) {
padding: 4px 0;
}
.warning-container.svelte-1iev8h2 .warning-content:where(.svelte-1iev8h2) .mdc-form-field {
font-size: 12px;
}
.mdc-linear-progress.svelte-1uqnar6 .mdc-linear-progress__bar-inner:where(.svelte-1uqnar6) {
border-color: var(--color-accent);
}
.mdc-linear-progress.determinate.svelte-1uqnar6 .mdc-linear-progress__bar-inner:where(.svelte-1uqnar6) {
border-color: var(--color-good);
}
.container.svelte-135lhi2 {
max-height: inherit;
}
.model.svelte-jbwc8p {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: center;
gap: 4px;
}
.model-name.svelte-jbwc8p {
display: flex;
align-items: center;
padding: 0 6px;
}
.model-label.svelte-jbwc8p {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.model-actions.svelte-jbwc8p {
display: flex;
gap: 4px;
--icon-custom-color: var(--color-default);
}
.model-actions.svelte-jbwc8p .mdc-button {
min-width: 16px;
padding: 0;
}
.model-actions.svelte-jbwc8p .mdc-button:hover {
--icon-custom-color: var(--color-main-dark);
}
.model-values.svelte-jbwc8p {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 4px;
}
.wizard.svelte-1r8g7qe {
display: flex;
flex-direction: column;
width: 448px;
height: calc(min(860px, 80dvh) - 16px);
}
.content.svelte-1r8g7qe {
flex: 1;
min-height: 0;
overflow: auto;
padding-right: 8px;
}
.actions.svelte-1r8g7qe {
display: flex;
flex-direction: column;
padding-top: 8px;
border-top: 1px solid var(--color-divider);
background: var(--color-white);
}
.root.svelte-lgnm0s {
display: flex;
box-sizing: border-box;
min-height: 100%;
width: 100%;
padding: 4px 0px;
flex-direction: column;
align-items: flex-start;
gap: 8px;
flex-shrink: 0;
align-self: stretch;
}
.frame-type.svelte-lgnm0s {
width: 100%;
}
.group-title-container.svelte-lgnm0s {
cursor: default;
display: flex;
gap: 4px;
align-items: center;
padding: 4px 0 4px var(--padding);
}
.frame-type-options.svelte-lgnm0s {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 4px;
}
.frame-type-button.svelte-lgnm0s {
min-width: 0;
padding: 0;
border: 0;
border-radius: 8px;
background: transparent;
color: inherit;
font: inherit;
cursor: pointer;
}
.frame-type-button.svelte-lgnm0s:disabled {
cursor: default;
}
.frame-type-button.svelte-lgnm0s:focus-visible {
outline: 2px solid var(--color-primary);
outline-offset: 2px;
}
.frame-type-button.svelte-lgnm0s .image-wrapper {
justify-content: center;
}
.frame-details.svelte-po0qgm {
padding: 8px 0;
border-bottom: 1px solid var(--color-divider);
}
.frame-grid.svelte-po0qgm {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 4px;
}
.frame-card.svelte-po0qgm {
min-width: 0;
border: 1px solid var(--color-divider);
border-radius: 6px;
}
.frame-card.svelte-po0qgm .option-container {
box-sizing: border-box;
padding: 4px;
}
.frame-card.svelte-po0qgm .svg-image svg {
width: 100%;
max-width: 181px;
height: 48px;
}
.models.svelte-po0qgm {
margin-top: 16px;
display: flex;
flex-direction: column;
gap: 4px;
padding-bottom: 8px;
border-bottom: 1px solid var(--color-divider);
}
.container.svelte-1jaj8vs {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 4px 8px 0;
}
.mdc-menu-surface--fixed.svelte-3jk6vr {
z-index: 10;
}
.mdc-menu-surface.svelte-3jk6vr {
width: max-content;
}
.mdc-menu-surface.inside-grid.svelte-3jk6vr {
min-height: 200px;
top: 80px !important;
left: var(--menu-left) !important;
}
.mdc-list.svelte-3jk6vr {
padding: 0 0;
}
.mdc-list-group__subheader.svelte-3jk6vr {
margin: 6px 16px;
}
.virtual-list-container.svelte-1bobibw {
flex: 1;
user-select: none;
overflow: hidden;
width: 100%;
}
.list-item.svelte-158u5j9 {
height: var(--height);
padding: 0 5px;
display: flex;
align-items: center;
cursor: default;
position: relative;
}
.list-item.svelte-158u5j9 .identifier:where(.svelte-158u5j9) {
box-sizing: border-box;
}
.list-item.svelte-158u5j9 .separator:where(.svelte-158u5j9) {
position: absolute;
left: 0;
right: 0;
bottom: -2px;
top: -2px;
pointer-events: none;
z-index: 10;
border-top: 4px dashed rgba(0, 0, 0, 0);
border-bottom: 4px dashed rgba(0, 0, 0, 0);
border-radius: 0;
transition: border 0.1s;
opacity: 0.6;
}
.list-item.hovered-top.svelte-158u5j9 .separator:where(.svelte-158u5j9) {
border-top: 4px dashed var(--color-primary);
transition: none;
}
.list-item.hovered-center.svelte-158u5j9 .separator:where(.svelte-158u5j9) {
border: 4px dashed var(--color-primary);
transition: none;
}
.list-item.hovered-bottom.svelte-158u5j9 .separator:where(.svelte-158u5j9) {
transition: none;
border-bottom: 4px dashed var(--color-primary);
}
.list-item.dragged.svelte-158u5j9 {
opacity: 0.5;
}
.list-item.svelte-158u5j9:after,
.svelte-158u5j9:before {
content: "";
pointer-events: none;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.list-item.odd-list-item.svelte-158u5j9:after {
background-color: rgba(0, 0, 0, 0.05);
}
.list-item.selected-list-item.svelte-158u5j9:before {
background-color: rgba(0, 0, 0, 0.3);
}
p.svelte-158u5j9 {
display: flex;
align-items: center;
justify-content: center;
}
p.identifier.svelte-158u5j9 {
flex: 1;
height: 100%;
margin: 0;
justify-content: left;
overflow: hidden;
white-space: nowrap;
}
.expand-identifier.svelte-158u5j9 {
flex: 1;
display: flex;
align-items: center;
overflow: hidden;
padding-left: var(--item-left-offset);
height: inherit;
overflow: hidden;
}
.hidden.svelte-158u5j9 {
opacity: 0.5;
}
.toggle-childs.svelte-158u5j9 {
display: flex;
align-items: center;
padding: 0 4px;
}
.no-display.svelte-158u5j9 {
visibility: hidden;
}
.mdc-chip-set.svelte-158u5j9 {
padding: 0px;
}
.action-panel-2.svelte-1yncoxb {
display: flex;
align-items: center;
align-self: flex-start;
margin-left: 5px;
margin-top: 2px;
margin-bottom: 2px;
gap: 4px;
}
.item-counter.svelte-1yncoxb {
font-size: 11px;
color: var(--color-text-secondary, rgba(0, 0, 0, 0.54));
white-space: nowrap;
user-select: none;
}
.container.svelte-1yncoxb {
display: flex;
flex-direction: column;
height: 100%;
margin: 0 -6px 0 -8px;
}
.placeholder-container.svelte-xhdszm {
display: flex;
justify-content: center;
align-items: center;
height: inherit;
}
.placeholder-container.svelte-xhdszm p:where(.svelte-xhdszm) {
text-align: center;
}
.container.svelte-xhdszm {
width: 100%;
right: 0;
left: 0;
display: block;
background-color: white;
anchor-name: var(--anchor-name);
box-sizing: border-box;
padding: 0 8px;
}
.container.svelte-xhdszm .container:not(:nth-child(2)) .group.root-level {
margin: 0;
}
.search-container.svelte-xhdszm {
display: flex;
flex-direction: row;
align-items: center;
padding: 8px 0px;
gap: 4px;
}
.root.svelte-12z5ou8 {
min-width: 400px;
display: flex;
flex-direction: column;
}
.engine-wrapper.svelte-1dxlkmj {
width: 100%;
height: 100%;
position: relative;
}
.engine-slot.svelte-1dxlkmj {
position: absolute;
inset: 0;
}
.engine-overlay-bar.svelte-1dxlkmj {
position: absolute;
bottom: 16px;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
gap: 8px;
background: var(--sweeps-color-app-bg);
border-radius: 6px;
padding: 8px;
height: 56px;
box-sizing: border-box;
box-shadow: 0 2px 0.2px rgba(26, 75, 125, 0.1);
pointer-events: all;
z-index: 10;
white-space: nowrap;
}
.overlay-text.svelte-1dxlkmj {
display: flex;
align-items: center;
height: 40px;
color: var(--sweeps-color-text);
font-size: 13px;
font-weight: 500;
line-height: 1;
padding: 0 4px 0 0;
flex-shrink: 0;
}
.overlay-btn {
box-shadow: 0 2px 0.2px rgba(26, 75, 125, 0.1);
}
.sweeps-logo-mark.svelte-1vnd2gc {
position: relative;
display: block;
flex: 0 0 auto;
overflow: hidden;
background: var(--sweeps-color-ink, #0a0f19);
}
.sweeps-logo-mark__dot.svelte-1vnd2gc {
position: absolute;
display: block;
background: var(--sweeps-color-surface, #ffffff);
}
.sweeps-logo-mark__dot--animated.svelte-1vnd2gc {
animation: svelte-1vnd2gc-sweeps-logo-mark-dot-path 660ms steps(1, end) forwards;
}
@keyframes svelte-1vnd2gc-sweeps-logo-mark-dot-path {
0%, 8.333% {
left: var(--logo-x-0);
top: var(--logo-y-0);
background: var(--sweeps-color-surface, #ffffff);
}
8.334%, 16.666% {
left: var(--logo-x-1);
top: var(--logo-y-1);
background: var(--sweeps-color-accent, #ff6f21);
}
16.667%, 25% {
left: var(--logo-x-2);
top: var(--logo-y-2);
background: var(--sweeps-color-accent, #ff6f21);
}
25.001%, 33.333% {
left: var(--logo-x-3);
top: var(--logo-y-3);
background: var(--sweeps-color-accent, #ff6f21);
}
33.334%, 41.666% {
left: var(--logo-x-4);
top: var(--logo-y-4);
background: var(--sweeps-color-accent, #ff6f21);
}
41.667%, 50% {
left: var(--logo-x-5);
top: var(--logo-y-5);
background: var(--sweeps-color-accent, #ff6f21);
}
50.001%, 58.333% {
left: var(--logo-x-6);
top: var(--logo-y-6);
background: var(--sweeps-color-accent, #ff6f21);
}
58.334%, 66.666% {
left: var(--logo-x-7);
top: var(--logo-y-7);
background: var(--sweeps-color-accent, #ff6f21);
}
66.667%, 75% {
left: var(--logo-x-8);
top: var(--logo-y-8);
background: var(--sweeps-color-accent, #ff6f21);
}
75.001%, 83.333% {
left: var(--logo-x-9);
top: var(--logo-y-9);
background: var(--sweeps-color-accent, #ff6f21);
}
83.334%, 91.666% {
left: var(--logo-x-10);
top: var(--logo-y-10);
background: var(--sweeps-color-accent, #ff6f21);
}
91.667%, 100% {
left: var(--logo-x-11);
top: var(--logo-y-11);
background: var(--sweeps-color-surface, #ffffff);
}
}
.project-loading.svelte-1m2khgn {
display: grid;
place-items: center;
min-height: 100vh;
padding: 24px;
background: var(--sweeps-color-app-bg, #dee7f2);
color: var(--sweeps-color-text);
}
.project-loading__panel.svelte-1m2khgn {
display: flex;
flex-direction: column;
align-items: center;
width: min(260px, 100%);
gap: 14px;
}
.project-loading__brand.svelte-1m2khgn {
display: flex;
align-items: center;
gap: 8px;
font: var(--sweeps-type-body-bold);
letter-spacing: 0;
}
.project-loading__copy.svelte-1m2khgn {
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
text-align: center;
}
.project-loading__title.svelte-1m2khgn {
margin: 0;
font: var(--sweeps-type-body);
letter-spacing: 0;
}
.project-loading__copy.svelte-1m2khgn p:where(.svelte-1m2khgn) {
margin: 0;
color: var(--sweeps-color-muted);
font: var(--sweeps-type-small);
}
.project-loading__line.svelte-1m2khgn {
position: relative;
width: 220px;
max-width: 100%;
height: 2px;
overflow: hidden;
border-radius: 999px;
background: var(--sweeps-color-surface, #ffffff);
}
.project-loading__line.svelte-1m2khgn span:where(.svelte-1m2khgn) {
position: absolute;
inset: 0 auto 0 0;
width: 42%;
border-radius: inherit;
background: var(--sweeps-color-accent);
animation: svelte-1m2khgn-project-loading-line 1.15s ease-in-out infinite;
}
.project-loading__actions.svelte-1m2khgn {
display: flex;
align-items: center;
gap: 8px;
padding-top: 2px;
}
.project-loading--error.svelte-1m2khgn {
background: var(--sweeps-color-app-bg, #dee7f2);
}
@keyframes svelte-1m2khgn-project-loading-line {
0% {
transform: translateX(-110%);
}
55% {
transform: translateX(78%);
}
100% {
transform: translateX(245%);
}
}
@media (prefers-reduced-motion: reduce) {
.project-loading__line.svelte-1m2khgn span:where(.svelte-1m2khgn) {
animation: none;
transform: translateX(72%);
}
}
.sweeps-product-theme.sweeps-ui-theme .property-name.has-help {
display: flex;
align-items: center;
min-width: 0;
}
.sweeps-product-theme.sweeps-ui-theme .property-name.has-help .property-name-label.has-help {
display: block;
flex: 1 1 auto;
min-width: 0;
}
.sweeps-product-theme.sweeps-ui-theme
.property-name.has-help
.property-name-label.has-help.with-leading-icon
svg
{
margin-right: 4px;
vertical-align: middle;
}
.sweeps-product-theme.sweeps-ui-theme .property-name.has-help .custom-tooltip-wrapper .tooltip-container {
width: min(240px, calc(100vw - 32px));
max-width: min(240px, calc(100vw - 32px));
box-sizing: border-box;
}
body.sweeps-active .sweeps-layout .setup-panel.settings-content-wrapped {
overflow: hidden;
}
body.sweeps-active .mdc-dialog {
z-index: var(--dialog-z-index, 1100);
}
body.sweeps-active .mdc-dialog .mdc-button--raised:not(:disabled),
body.sweeps-active .mdc-dialog .mdc-button--unelevated:not(:disabled) {
height: 40px;
min-height: 40px;
padding: 0 16px;
border-radius: 4px;
box-shadow: none;
font: 600 14px / 18px var(--sweeps-font-family, sans-serif);
letter-spacing: 0;
text-transform: none;
color: var(--sweeps-button-primary-fg, #ffffff);
background-color: var(--sweeps-button-primary-bg, #0a1728);
border-color: var(--sweeps-button-primary-border, #0a1728);
}
body.sweeps-active .mdc-dialog .mdc-button--raised:not(:disabled):hover,
body.sweeps-active .mdc-dialog .mdc-button--unelevated:not(:disabled):hover {
color: var(--sweeps-button-primary-hover-fg, #ffffff);
background-color: var(--sweeps-button-primary-hover-bg, #203145);
border-color: var(--sweeps-button-primary-hover-border, #203145);
}
body.sweeps-active .mdc-dialog .mdc-button--raised:not(:disabled):active,
body.sweeps-active .mdc-dialog .mdc-button--unelevated:not(:disabled):active {
color: var(--sweeps-button-primary-active-fg, #ffffff);
background-color: var(--sweeps-button-primary-active-bg, #30475c);
border-color: var(--sweeps-button-primary-active-border, #30475c);
}
body.sweeps-active .mdc-dialog .mdc-button--text:not(:disabled),
body.sweeps-active .mdc-dialog .mdc-button--secondary:not(:disabled) {
height: 40px;
min-height: 40px;
padding: 0 16px;
border-radius: 4px;
box-shadow: none;
font: 600 14px / 18px var(--sweeps-font-family, sans-serif);
letter-spacing: 0;
text-transform: none;
color: #0a1728;
}
body.sweeps-active .mdc-dialog .mdc-button--text:not(:disabled):hover,
body.sweeps-active .mdc-dialog .mdc-button--secondary:not(:disabled):hover {
background-color: #eef5fb;
}
body.sweeps-active .notifications > [class*="default-position-style-"] {
z-index: 1200 !important;
}
.sweeps-product-theme.sweeps-ui-theme .property-name-label.has-help > .icon-container {
display: inline-flex;
flex: 0 0 16px;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
margin-left: 2px;
position: relative;
top: -2px;
white-space: nowrap;
border-radius: 4px;
--sweeps-property-help-icon-color: color-mix(in srgb, var(--sweeps-color-muted) 78%, transparent);
color: var(--sweeps-property-help-icon-color);
vertical-align: middle;
transition: background-color 120ms ease;
}
.sweeps-product-theme.sweeps-ui-theme .property-name-label.has-help > .icon-container > .custom-tooltip-wrapper
{
display: inline-flex;
align-items: center;
height: 16px;
padding: 0;
}
.sweeps-product-theme.sweeps-ui-theme .property-name-label.has-help .icon-container .tooltip-anchor {
display: inline-flex;
align-items: center;
justify-content: center;
height: 16px;
}
.sweeps-product-theme.sweeps-ui-theme .property-name-label.has-help .icon-container .tooltip-container {
white-space: normal;
overflow-wrap: anywhere;
}
@media (max-width: 560px) {
.sweeps-product-theme.sweeps-ui-theme .property-name-label.has-help .icon-container .tooltip-container
{
transform: translateX(-8px);
}
}
.sweeps-product-theme.sweeps-ui-theme .property-name-label.has-help .icon-container svg {
width: 14px;
height: 14px;
}
.sweeps-product-theme.sweeps-ui-theme .property-name-label.has-help .icon-container svg path {
stroke: currentColor;
stroke-width: 2px !important;
}
.sweeps-product-theme.sweeps-ui-theme .property-name-label.has-help > .icon-container:hover {
background: color-mix(in srgb, var(--sweeps-color-control-hover) 72%, transparent);
color: var(--sweeps-property-help-icon-color);
}
.sweeps-product-theme.sweeps-ui-theme .property-name-label.has-help > .icon-container:active {
background: var(--sweeps-color-control-active);
color: var(--sweeps-color-text);
}
.sweeps-product-theme.sweeps-ui-theme .property-name-label.has-help > .icon-container.is-help-pinned {
background: var(--sweeps-color-control-active);
color: var(--sweeps-color-text);
}
.sweeps-product-theme.sweeps-ui-theme
.property-name-label.has-help
> .icon-container.is-help-pinned
.tooltip-container
{
display: block;
}
.sweeps-product-theme.sweeps-ui-theme .property-name-label.has-help > .icon-container:focus-visible {
outline: none;
box-shadow: var(--sweeps-shadow-control-focus);
}
.svelte-pkogs3 {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.root.svelte-pkogs3 {
height: 100vh;
width: 100vw;
display: flex;
flex-direction: column;
background: var(--sweeps-color-app-bg);
color: var(--sweeps-color-text);
font: var(--sweeps-type-body);
letter-spacing: 0;
-webkit-font-smoothing: antialiased;
text-rendering: geometricPrecision;
}
.page-container.svelte-pkogs3 {
display: flex;
flex: 1;
min-height: 0;
overflow: hidden;
background: var(--sweeps-color-app-bg);
}
.site-route-stage.svelte-pkogs3 {
position: relative;
display: flex;
flex: 1 1 auto;
min-width: 0;
min-height: 0;
overflow: hidden;
}
.site-route-stage.svelte-pkogs3 > .sweeps-site-page-frame {
flex: 1 1 auto;
min-width: 0;
min-height: 0;
max-width: 100%;
max-height: 100%;
}
.results-preloader.svelte-1x9usra {
--results-preloader-snap-x: 0px;
--results-preloader-snap-y: 0px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
min-width: 180px;
color: var(--sweeps-color-text, #0f172a);
text-align: center;
transform: translate(var(--results-preloader-snap-x), var(--results-preloader-snap-y));
}
.logo-motion.svelte-1x9usra {
--results-logo-duration: 4200ms;
--results-logo-step-easing: steps(2, end);
display: grid;
width: 52px;
height: 40px;
place-items: center;
}
.logo-motion.svelte-1x9usra .sweeps-logo-mark {
border-radius: 5px !important;
}
.logo-motion.svelte-1x9usra .sweeps-logo-mark__dot {
animation: svelte-1x9usra-results-logo-dot-path var(--results-logo-duration) infinite;
animation-fill-mode: both;
will-change: left, top, background-color;
}
.caption.svelte-1x9usra {
max-width: 280px;
color: var(--sweeps-color-muted, #6d8a9c);
font: var(--sweeps-type-body, 400 13px/130% "Source Sans 3", sans-serif);
letter-spacing: 0;
white-space: normal;
}
@keyframes svelte-1x9usra-results-logo-dot-path {
0%, 8% {
left: var(--results-logo-x-0);
top: var(--results-logo-y-0);
background: var(--results-logo-color-0);
animation-timing-function: var(--results-logo-step-easing);
}
14% {
left: var(--results-logo-x-1);
top: var(--results-logo-y-0);
background: var(--results-logo-color-1);
animation-timing-function: var(--results-logo-step-easing);
}
18% {
left: var(--results-logo-x-1);
top: var(--results-logo-y-1);
background: var(--results-logo-color-1);
animation-timing-function: var(--results-logo-step-easing);
}
23% {
left: var(--results-logo-x-2);
top: var(--results-logo-y-1);
background: var(--results-logo-color-2);
animation-timing-function: var(--results-logo-step-easing);
}
28% {
left: var(--results-logo-x-2);
top: var(--results-logo-y-2);
background: var(--results-logo-color-2);
animation-timing-function: var(--results-logo-step-easing);
}
32% {
left: var(--results-logo-x-3);
top: var(--results-logo-y-2);
background: var(--results-logo-color-3);
animation-timing-function: var(--results-logo-step-easing);
}
36% {
left: var(--results-logo-x-3);
top: var(--results-logo-y-3);
background: var(--results-logo-color-3);
animation-timing-function: var(--results-logo-step-easing);
}
39% {
left: var(--results-logo-x-4);
top: var(--results-logo-y-3);
background: var(--results-logo-color-4);
animation-timing-function: var(--results-logo-step-easing);
}
42% {
left: var(--results-logo-x-4);
top: var(--results-logo-y-4);
background: var(--results-logo-color-4);
animation-timing-function: var(--results-logo-step-easing);
}
44.5% {
left: var(--results-logo-x-5);
top: var(--results-logo-y-4);
background: var(--results-logo-color-5);
animation-timing-function: var(--results-logo-step-easing);
}
47% {
left: var(--results-logo-x-5);
top: var(--results-logo-y-5);
background: var(--results-logo-color-5);
animation-timing-function: var(--results-logo-step-easing);
}
49% {
left: var(--results-logo-x-6);
top: var(--results-logo-y-5);
background: var(--results-logo-color-6);
animation-timing-function: var(--results-logo-step-easing);
}
51% {
left: var(--results-logo-x-6);
top: var(--results-logo-y-6);
background: var(--results-logo-color-6);
animation-timing-function: var(--results-logo-step-easing);
}
53% {
left: var(--results-logo-x-7);
top: var(--results-logo-y-6);
background: var(--results-logo-color-7);
animation-timing-function: var(--results-logo-step-easing);
}
55% {
left: var(--results-logo-x-7);
top: var(--results-logo-y-7);
background: var(--results-logo-color-7);
animation-timing-function: var(--results-logo-step-easing);
}
57.5% {
left: var(--results-logo-x-8);
top: var(--results-logo-y-7);
background: var(--results-logo-color-8);
animation-timing-function: var(--results-logo-step-easing);
}
60% {
left: var(--results-logo-x-8);
top: var(--results-logo-y-8);
background: var(--results-logo-color-8);
animation-timing-function: var(--results-logo-step-easing);
}
64% {
left: var(--results-logo-x-9);
top: var(--results-logo-y-8);
background: var(--results-logo-color-9);
animation-timing-function: var(--results-logo-step-easing);
}
68% {
left: var(--results-logo-x-9);
top: var(--results-logo-y-9);
background: var(--results-logo-color-9);
animation-timing-function: var(--results-logo-step-easing);
}
75% {
left: var(--results-logo-x-10);
top: var(--results-logo-y-9);
background: var(--results-logo-color-10);
animation-timing-function: var(--results-logo-step-easing);
}
82% {
left: var(--results-logo-x-10);
top: var(--results-logo-y-10);
background: var(--results-logo-color-10);
animation-timing-function: var(--results-logo-step-easing);
}
89% {
left: var(--results-logo-x-11);
top: var(--results-logo-y-10);
background: var(--results-logo-color-11);
animation-timing-function: var(--results-logo-step-easing);
}
96%, 100% {
left: var(--results-logo-x-11);
top: var(--results-logo-y-11);
background: var(--results-logo-color-11);
}
}
@media (prefers-reduced-motion: reduce) {
.logo-motion.svelte-1x9usra .sweeps-logo-mark__dot {
animation: none;
left: var(--results-logo-x-11);
top: var(--results-logo-y-11);
background: var(--results-logo-color-11);
}
}
.sweeps-root-theme.svelte-kqax9a {
display: contents;
}
.sweeps-root-theme.svelte-kqax9a,
.sweeps-root-theme.svelte-kqax9a * {
scrollbar-color: auto !important;
scrollbar-width: auto !important;
}
.sweeps-root-theme.svelte-kqax9a::-webkit-scrollbar,
.sweeps-root-theme.svelte-kqax9a *::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.sweeps-root-theme.svelte-kqax9a::-webkit-scrollbar-track,
.sweeps-root-theme.svelte-kqax9a *::-webkit-scrollbar-track {
background: transparent;
}
.sweeps-root-theme.svelte-kqax9a::-webkit-scrollbar-thumb,
.sweeps-root-theme.svelte-kqax9a *::-webkit-scrollbar-thumb {
border-radius: 999px;
border: 0;
background-clip: border-box;
background: color-mix(in srgb, var(--sweeps-color-text, #0f172a) 16%, transparent);
}
.sweeps-root-theme.svelte-kqax9a:hover::-webkit-scrollbar-thumb,
.sweeps-root-theme.svelte-kqax9a *:hover::-webkit-scrollbar-thumb {
background: color-mix(in srgb, var(--sweeps-color-text, #0f172a) 25.3%, transparent);
}
@supports not selector(::-webkit-scrollbar) {
.sweeps-root-theme.svelte-kqax9a,
.sweeps-root-theme.svelte-kqax9a * {
scrollbar-width: thin !important;
scrollbar-color: color-mix(in srgb, var(--sweeps-color-text, #0f172a) 16%, transparent) transparent !important;
}
.sweeps-root-theme.svelte-kqax9a:hover,
.sweeps-root-theme.svelte-kqax9a *:hover {
scrollbar-color: color-mix(in srgb, var(--sweeps-color-text, #0f172a) 25.3%, transparent) transparent !important;
}
}
.sweeps-root-theme.svelte-kqax9a::-webkit-scrollbar-corner,
.sweeps-root-theme.svelte-kqax9a *::-webkit-scrollbar-corner {
background: transparent;
}
.sweeps-root-theme.svelte-kqax9a .ag-header-viewport,
.sweeps-root-theme.svelte-kqax9a .ag-body-viewport,
.sweeps-root-theme.svelte-kqax9a .ag-center-cols-viewport {
scrollbar-width: none !important;
}
.sweeps-root-theme.svelte-kqax9a .ag-header-cell .ag-header-cell-text {
font-size: 10px;
}
@media (hover: hover) {
.sweeps-root-theme.svelte-kqax9a .ag-header-cell .ag-header-cell-filter-button {
opacity: 0;
}
.sweeps-root-theme.svelte-kqax9a .ag-header-cell:hover .ag-header-cell-filter-button,
.sweeps-root-theme.svelte-kqax9a .ag-header-cell:focus-within .ag-header-cell-filter-button {
opacity: 1;
}
}
.sweeps-root-theme.svelte-kqax9a .ag-header-viewport::-webkit-scrollbar,
.sweeps-root-theme.svelte-kqax9a .ag-body-viewport::-webkit-scrollbar,
.sweeps-root-theme.svelte-kqax9a .ag-center-cols-viewport::-webkit-scrollbar {
width: 0;
height: 0;
}
.asset-catalog-dialog.svelte-1bhapnl {
display: flex;
flex-direction: column;
width: 100%;
min-width: 0;
min-height: 0;
}
.asset-catalog-dialog__header.svelte-1bhapnl {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
margin-bottom: 16px;
}
.asset-catalog-dialog__heading.svelte-1bhapnl {
display: flex;
flex-direction: column;
align-items: flex-start;
min-width: 0;
gap: 8px;
}
.asset-catalog-dialog__header.svelte-1bhapnl h2:where(.svelte-1bhapnl) {
margin: 0;
color: var(--sweeps-color-text, #0f172a);
font: var(--sweeps-type-h2);
}
.asset-catalog-dialog__tabs.svelte-1bhapnl {
display: flex;
align-items: stretch;
align-self: flex-start;
flex-wrap: wrap;
gap: 16px;
}
.asset-catalog-dialog__tabs.svelte-1bhapnl button:where(.svelte-1bhapnl) {
min-height: 40px;
padding: 4px 4px 8px;
border: 0;
border-bottom: 2px solid transparent;
background: transparent;
color: var(--sweeps-color-muted);
font: var(--sweeps-type-h3);
letter-spacing: 0;
white-space: nowrap;
cursor: pointer;
}
.asset-catalog-dialog__tabs.svelte-1bhapnl button:where(.svelte-1bhapnl):hover,
.asset-catalog-dialog__tabs.svelte-1bhapnl button.active:where(.svelte-1bhapnl) {
color: var(--sweeps-color-text);
}
.asset-catalog-dialog__tabs.svelte-1bhapnl button.active:where(.svelte-1bhapnl) {
border-bottom-color: var(--sweeps-color-accent);
font-weight: 600;
}
.asset-catalog-dialog__tabs.svelte-1bhapnl button:where(.svelte-1bhapnl):focus-visible {
outline: 2px solid var(--sweeps-color-accent);
outline-offset: 2px;
}
.asset-catalog-dialog__page.svelte-1bhapnl {
display: flex;
width: 100%;
height: min(62vh, 560px);
min-height: min(320px, 45vh);
min-width: 0;
overflow: hidden;
}
.asset-catalog-dialog__page.svelte-1bhapnl .sweeps-page-frame {
padding: 0;
background: transparent;
}
.asset-catalog-dialog__page--import-preview.svelte-1bhapnl {
flex-direction: column;
gap: 16px;
}
.asset-catalog-dialog__import-preview-body.svelte-1bhapnl {
flex: 1 1 auto;
min-height: 0;
overflow: auto;
padding: 4px;
}
.asset-catalog-dialog__import-preview-body.svelte-1bhapnl .container {
min-width: 0;
}
.asset-catalog-dialog__import-message.svelte-1bhapnl {
margin: 0 0 12px;
color: var(--sweeps-color-muted);
font: var(--sweeps-type-body);
}
.asset-catalog-dialog__import-actions.svelte-1bhapnl {
display: flex;
flex: 0 0 auto;
justify-content: flex-end;
gap: 8px;
padding-top: 12px;
border-top: 1px solid var(--sweeps-color-border, #d8dee8);
}
.root.svelte-1ywl46z {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
min-height: 0;
min-width: 0;
margin-left: 2px;
margin-right: 2px;
container-type: inline-size;
}
.table.svelte-1ywl46z {
width: 100%;
flex: 1;
min-height: 0;
min-width: 0;
overflow: hidden;
}
.table.svelte-1ywl46z .ag-cell {
white-space: nowrap;
overflow: hidden;
text-overflow: clip;
}
.table.svelte-1ywl46z .ag-cell-value {
text-overflow: clip;
}
.actions-group.svelte-1ywl46z {
position: relative;
padding: 2px;
display: flex;
flex: 0 0 auto;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
gap: 12px;
min-width: 0;
--sweeps-button-sm-padding-x: 8px;
}
.actions-group__imports.svelte-1ywl46z,
.actions-group__selection.svelte-1ywl46z {
display: flex;
align-items: center;
gap: 4px;
min-width: 0;
}
.actions-group__imports.svelte-1ywl46z {
flex: 0 1 auto;
justify-content: flex-start;
}
.actions-group__selection.svelte-1ywl46z {
flex: 0 0 auto;
}
.actions-group__label.svelte-1ywl46z {
margin-right: 4px;
color: var(--sweeps-color-muted);
font: var(--sweeps-type-little);
white-space: nowrap;
}
.import-dropdown.svelte-1ywl46z {
position: relative;
flex: 0 0 auto;
}
.import-dropdown__trigger.svelte-1ywl46z {
box-sizing: border-box;
display: inline-flex;
height: var(--sweeps-button-sm-height);
align-items: center;
justify-content: center;
gap: var(--sweeps-button-sm-gap);
padding: 0 var(--sweeps-button-sm-padding-x);
border: 1px solid var(--sweeps-button-ghost-border);
border-radius: var(--sweeps-button-radius);
color: var(--sweeps-button-ghost-fg);
background: var(--sweeps-button-ghost-bg);
font: var(--sweeps-type-little-bold);
white-space: nowrap;
list-style: none;
cursor: pointer;
}
.import-dropdown__trigger.svelte-1ywl46z:hover {
color: var(--sweeps-button-ghost-hover-fg);
background: var(--sweeps-button-ghost-hover-bg);
border-color: var(--sweeps-button-ghost-hover-border);
}
.import-dropdown__trigger.svelte-1ywl46z:focus-visible {
outline: 2px solid var(--sweeps-color-accent);
outline-offset: 2px;
}
.import-dropdown__menu.svelte-1ywl46z {
position: fixed;
inset: auto;
z-index: 1001;
margin: 0;
display: flex;
min-width: max-content;
flex-direction: column;
padding: 4px;
border: 1px solid var(--sweeps-color-border);
border-radius: var(--sweeps-radius-sm, 6px);
background: var(--sweeps-color-surface, #fff);
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.16);
}
.import-dropdown__menu.svelte-1ywl46z button:where(.svelte-1ywl46z) {
padding: 8px 10px;
border: 0;
border-radius: 4px;
color: var(--sweeps-color-text);
background: transparent;
font: var(--sweeps-type-little);
text-align: left;
white-space: nowrap;
cursor: pointer;
}
.import-dropdown__menu.svelte-1ywl46z button:where(.svelte-1ywl46z):hover:not(:disabled) {
background: var(--sweeps-color-hover, #eef2f7);
}
.import-dropdown__menu.svelte-1ywl46z button:where(.svelte-1ywl46z):disabled {
opacity: 0.5;
cursor: not-allowed;
}
@container (max-width: 720px) {
.actions-group.svelte-1ywl46z {
gap: 8px;
}
.actions-group__selection.svelte-1ywl46z .sweeps-button {
width: var(--sweeps-button-sm-height);
padding: 0;
}
.actions-group__selection.svelte-1ywl46z .sweeps-button__label {
display: none;
}
}
.root.svelte-httacg {
display: flex;
flex-direction: column;
flex: 1;
}
.warning-container.svelte-httacg {
padding: 12px 0;
display: flex;
flex-direction: column;
gap: 4px;
}
.warning-container.svelte-httacg .mdc-button.mdc-button--icon-leading {
padding: 0;
}
.equipment-main-panel.svelte-76q4z8,
.equipment-visualization-panel.svelte-76q4z8 {
min-width: 0;
min-height: 0;
}
.equipment-main-panel.svelte-76q4z8 {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
}
.equipment-table-card.svelte-76q4z8 {
position: relative;
flex: 1 1 0;
}
.equipment-charts-card.svelte-76q4z8 {
flex: 0 0 260px;
margin-top: 10px;
}
.equipment-visualization-panel.svelte-76q4z8 {
height: 100%;
overflow: hidden;
}
.equipment-visualization-card.svelte-76q4z8 {
width: 100%;
height: 100%;
}
body.equipment-resizing {
cursor: col-resize;
user-select: none;
}
.cabinet-page.svelte-1p75w7x {
--sweeps-billing-control-height: 36px;
--sweeps-billing-primary-height: 40px;
--sweeps-type-body: 400 14px / 20px var(--sweeps-font-family);
--sweeps-type-body-bold: 600 14px / 20px var(--sweeps-font-family);
--sweeps-type-little: 500 14px / 18px var(--sweeps-font-family);
--sweeps-type-little-bold: 600 14px / 18px var(--sweeps-font-family);
box-sizing: border-box;
height: 100vh;
min-height: 100vh;
overflow-x: hidden;
overflow-y: auto;
padding: 24px;
background: var(--sweeps-color-app-bg, #dee7f2);
color: var(--sweeps-color-text, #0f172a);
}
.cabinet-page.svelte-1p75w7x .sweeps-button {
--sweeps-button-lg-height: var(--sweeps-billing-primary-height);
--sweeps-button-md-height: var(--sweeps-billing-primary-height);
--sweeps-button-sm-height: 34px;
--sweeps-button-xs-height: 34px;
--sweeps-type-button: 600 14px / 18px var(--sweeps-font-family);
--sweeps-type-little: 500 14px / 18px var(--sweeps-font-family);
--sweeps-type-little-bold: 600 14px / 18px var(--sweeps-font-family);
}
.cabinet-page.svelte-1p75w7x .sweeps-button--primary {
--sweeps-button-lg-height: var(--sweeps-billing-primary-height);
--sweeps-button-md-height: var(--sweeps-billing-primary-height);
--sweeps-button-sm-height: var(--sweeps-billing-primary-height);
--sweeps-button-xs-height: var(--sweeps-billing-primary-height);
}
.cabinet-page.svelte-1p75w7x .topbar-container {
width: min(100%, 1400px);
margin-left: auto;
margin-right: auto;
}
.billing-topbar-content.svelte-1p75w7x {
display: flex;
flex: 1 1 auto;
align-items: center;
justify-content: space-between;
gap: 16px;
min-width: 0;
}
.billing-brand.svelte-1p75w7x {
display: flex;
align-items: center;
min-width: 0;
gap: 10px;
}
.billing-brand.svelte-1p75w7x .top-brand {
margin-right: 0;
}
.billing-brand.svelte-1p75w7x .top-brand-label {
display: inline;
}
.billing-brand.svelte-1p75w7x > span:where(.svelte-1p75w7x) {
color: var(--sweeps-color-text-muted);
}
.billing-brand.svelte-1p75w7x > strong:where(.svelte-1p75w7x) {
font: var(--sweeps-type-subtitle);
}
.topbar-billing-actions.svelte-1p75w7x {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
flex-wrap: wrap;
}
.topbar-billing-actions.svelte-1p75w7x .sweeps-button {
--sweeps-button-xs-height: 34px;
}
.cabinet-shell.svelte-1p75w7x {
display: grid;
gap: 20px;
width: min(100%, 1400px);
margin: 24px auto 0;
padding-bottom: 48px;
min-width: 0;
}
h1.svelte-1p75w7x,
h2.svelte-1p75w7x,
p.svelte-1p75w7x {
margin: 0;
letter-spacing: 0;
}
h1.svelte-1p75w7x {
font: var(--sweeps-type-title, 600 32px/1.2 Inter, sans-serif);
}
h2.svelte-1p75w7x {
font: var(--sweeps-type-subtitle, 600 20px/1.3 Inter, sans-serif);
}
p.svelte-1p75w7x {
color: var(--sweeps-color-text-muted, #64748b);
font: var(--sweeps-type-body, 400 14px/1.4 Inter, sans-serif);
}
.cabinet-layout.svelte-1p75w7x {
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(340px, 0.85fr);
gap: 16px;
align-items: start;
min-width: 0;
}
.notice.svelte-1p75w7x,
.error.svelte-1p75w7x {
display: grid;
gap: 4px;
border-radius: 8px;
padding: 12px;
font: var(--sweeps-type-body, 400 14px/1.4 Inter, sans-serif);
}
.notice.svelte-1p75w7x {
background: var(--sweeps-notice-success-bg);
color: var(--sweeps-notice-success-fg);
}
.notice.provisioning-notice.svelte-1p75w7x {
background: var(--sweeps-notice-info-bg, #e8f1fb);
color: var(--sweeps-notice-info-fg, #35506e);
}
.notice.muted.svelte-1p75w7x {
background: var(--sweeps-color-surface-subtle, #f8fafc);
color: var(--sweeps-color-text-muted, #64748b);
}
.error.svelte-1p75w7x {
background: var(--sweeps-notice-danger-bg);
color: var(--sweeps-notice-danger-fg);
}
.leave-dialog.svelte-1p75w7x {
display: grid;
gap: 14px;
}
.dialog-actions.svelte-1p75w7x {
display: flex;
justify-content: flex-end;
gap: 10px;
flex-wrap: wrap;
}
@media (max-width: 860px) {
.cabinet-layout.svelte-1p75w7x {
grid-template-columns: 1fr;
}
}
@media (max-width: 760px) {
.cabinet-page.svelte-1p75w7x {
padding: 16px;
}
.cabinet-page.svelte-1p75w7x .topbar-container {
align-items: flex-start;
gap: 12px;
}
.billing-topbar-content.svelte-1p75w7x {
display: grid;
grid-template-columns: minmax(0, 1fr);
justify-items: start;
gap: 12px;
}
.topbar-billing-actions.svelte-1p75w7x {
width: 100%;
justify-content: flex-start;
flex-wrap: nowrap;
margin-left: 0;
}
}
.checkout-confirmation.svelte-37hg94 {
display: grid;
gap: 12px;
}
.checkout-confirmation.svelte-37hg94 h2:where(.svelte-37hg94),
.checkout-confirmation.svelte-37hg94 p:where(.svelte-37hg94) {
margin: 0;
}
.confirmation-summary.svelte-37hg94 {
display: grid;
gap: 0;
border: 1px solid var(--sweeps-color-border, #d8dee8);
border-radius: 8px;
background: var(--sweeps-color-surface-subtle, #f5f7fa);
overflow: hidden;
}
.confirmation-summary-heading.svelte-37hg94,
.confirmation-summary-row.svelte-37hg94 {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 16px;
padding: 10px 12px;
}
.confirmation-summary-heading.svelte-37hg94 {
color: var(--sweeps-color-text-muted, #6b8299);
font: var(--sweeps-type-little-bold, 600 14px/18px var(--sweeps-font-family));
}
.confirmation-summary-heading.svelte-37hg94 strong:where(.svelte-37hg94),
.confirmation-summary-row.svelte-37hg94 strong:where(.svelte-37hg94) {
color: var(--sweeps-color-text, #0f172a);
}
.confirmation-summary-row.svelte-37hg94 {
border-top: 1px solid var(--sweeps-color-border, #d8dee8);
color: var(--sweeps-color-text-muted, #6b8299);
font: var(--sweeps-type-body, 400 14px/20px var(--sweeps-font-family));
}
.confirmation-actions.svelte-37hg94 {
display: flex;
justify-content: flex-end;
}
.billing-currency-select.svelte-14hgexb {
position: relative;
flex: 0 0 auto;
}
.billing-currency-trigger.svelte-14hgexb {
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 8px;
min-width: 84px;
height: var(--sweeps-billing-control-height, 32px);
padding: 0 8px 0 10px;
border: 1px solid var(--sweeps-color-border, #d8dee8);
border-radius: 8px;
background: var(--sweeps-color-surface, #fff);
color: var(--sweeps-color-text, #0f172a);
font: var(--sweeps-type-little-bold);
cursor: pointer;
}
.billing-currency-trigger.svelte-14hgexb:hover:not(:disabled),
.billing-currency-trigger[aria-expanded=true].svelte-14hgexb {
background: var(--sweeps-color-control-hover, #eef3f8);
}
.billing-currency-trigger.svelte-14hgexb:focus-visible {
outline: 2px solid var(--sweeps-button-focus, #2563eb);
outline-offset: 2px;
}
.billing-currency-trigger.svelte-14hgexb:disabled {
cursor: default;
opacity: 0.65;
}
.billing-currency-chevron.svelte-14hgexb {
display: inline-flex;
width: 14px;
height: 14px;
align-items: center;
justify-content: center;
color: var(--sweeps-color-text-muted, #64748b);
}
.billing-currency-dropdown.svelte-14hgexb {
position: absolute;
z-index: 20;
top: calc(100% + 4px);
right: 0;
box-sizing: border-box;
display: grid;
gap: 2px;
width: 220px;
padding: 4px;
border: 1px solid var(--sweeps-color-border, #d8dee8);
border-radius: 8px;
background: var(--sweeps-color-surface-raised, #fff);
box-shadow: var(--sweeps-shadow-menu, 0 12px 30px rgba(15, 23, 42, 0.16));
}
.billing-currency-option.svelte-14hgexb {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
min-height: var(--sweeps-billing-control-height, 32px);
padding: 6px 9px;
border: 0;
border-radius: 6px;
background: transparent;
color: var(--sweeps-color-text, #0f172a);
font: var(--sweeps-type-body, 400 14px/1.4 Inter, sans-serif);
text-align: left;
cursor: pointer;
}
.billing-currency-option.svelte-14hgexb:hover,
.billing-currency-option.svelte-14hgexb:focus-visible,
.billing-currency-option--selected.svelte-14hgexb {
background: var(--sweeps-color-control-hover, #eef3f8);
outline: none;
}
.billing-currency-option.svelte-14hgexb strong:where(.svelte-14hgexb) {
font: var(--sweeps-type-little-bold);
}
.billing-currency-option.svelte-14hgexb span:where(.svelte-14hgexb) {
color: var(--sweeps-color-text-muted, #64748b);
}
.billing-page.svelte-f9nsvu {
--sweeps-billing-control-height: 36px;
--sweeps-billing-primary-height: 40px;
--sweeps-type-body: 400 14px / 20px var(--sweeps-font-family);
--sweeps-type-body-bold: 600 14px / 20px var(--sweeps-font-family);
--sweeps-type-little: 500 14px / 18px var(--sweeps-font-family);
--sweeps-type-little-bold: 600 14px / 18px var(--sweeps-font-family);
box-sizing: border-box;
min-height: 100vh;
padding: 24px 24px 40px;
background: var(--sweeps-color-app-bg);
color: var(--sweeps-color-text);
}
.billing-page.svelte-f9nsvu .sweeps-button {
--sweeps-button-lg-height: var(--sweeps-billing-primary-height);
--sweeps-button-md-height: var(--sweeps-billing-primary-height);
--sweeps-button-sm-height: 34px;
--sweeps-button-xs-height: 34px;
--sweeps-type-button: 600 14px / 18px var(--sweeps-font-family);
--sweeps-type-little: 500 14px / 18px var(--sweeps-font-family);
--sweeps-type-little-bold: 600 14px / 18px var(--sweeps-font-family);
}
.billing-page.svelte-f9nsvu .sweeps-button--primary {
--sweeps-button-lg-height: var(--sweeps-billing-primary-height);
--sweeps-button-md-height: var(--sweeps-billing-primary-height);
--sweeps-button-sm-height: var(--sweeps-billing-primary-height);
--sweeps-button-xs-height: var(--sweeps-billing-primary-height);
}
.billing-shell.svelte-f9nsvu {
width: min(100%, 1400px);
margin-left: auto;
margin-right: auto;
padding-top: 28px;
}
.billing-page.svelte-f9nsvu .topbar-container {
width: min(100%, 1400px);
margin-left: auto;
margin-right: auto;
}
.billing-topbar-content.svelte-f9nsvu {
display: flex;
flex: 1 1 auto;
align-items: center;
min-width: 0;
}
.billing-brand.svelte-f9nsvu {
display: flex;
align-items: center;
min-width: 0;
gap: 10px;
}
.billing-brand.svelte-f9nsvu .top-brand {
margin-right: 0;
}
.billing-brand.svelte-f9nsvu .top-brand-label {
display: inline;
}
.billing-brand.svelte-f9nsvu > span:where(.svelte-f9nsvu) {
color: var(--sweeps-color-text-muted);
}
.billing-brand.svelte-f9nsvu > strong:where(.svelte-f9nsvu) {
font: var(--sweeps-type-subtitle);
}
.billing-panel.svelte-f9nsvu {
box-sizing: border-box;
width: min(100%, 1120px);
margin: 0 auto;
display: grid;
gap: 20px;
padding: 24px;
border: 1px solid var(--sweeps-color-line);
border-radius: var(--sweeps-panel-radius, 8px);
background: var(--sweeps-color-surface);
}
.billing-panel--compact.svelte-f9nsvu {
width: min(100%, 440px);
justify-items: start;
}
.billing-panel--onboarding.svelte-f9nsvu {
display: block;
width: min(100%, 1120px);
padding: 0;
border: 0;
background: transparent;
}
.billing-panel--compact.svelte-f9nsvu .notice:where(.svelte-f9nsvu),
.billing-panel--compact.svelte-f9nsvu .error:where(.svelte-f9nsvu) {
box-sizing: border-box;
width: 100%;
}
.billing-panel--compact.svelte-f9nsvu .sweeps-button {
justify-self: start;
}
h1.svelte-f9nsvu,
p.svelte-f9nsvu {
margin: 0;
}
h1.svelte-f9nsvu {
font: var(--sweeps-type-title);
}
p.svelte-f9nsvu {
color: var(--sweeps-color-text-muted);
font: var(--sweeps-type-body);
}
.actions.svelte-f9nsvu {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.notice.svelte-f9nsvu,
.error.svelte-f9nsvu {
display: grid;
gap: 4px;
border-radius: 8px;
padding: 12px;
font: var(--sweeps-type-body);
}
.notice.svelte-f9nsvu {
background: var(--sweeps-notice-success-bg);
color: var(--sweeps-notice-success-fg);
}
.notice.muted.svelte-f9nsvu {
background: var(--sweeps-color-surface-subtle);
color: var(--sweeps-color-text-muted);
}
.error.svelte-f9nsvu {
background: var(--sweeps-notice-danger-bg);
color: var(--sweeps-notice-danger-fg);
}
@media (max-width: 640px) {
.billing-page.svelte-f9nsvu {
padding: 16px 16px 28px;
}
}
.history.svelte-17cry71 {
display: grid;
gap: 16px;
padding: 18px;
border: 1px solid var(--sweeps-color-border);
border-radius: 8px;
background: var(--sweeps-color-surface-raised);
}
header.svelte-17cry71 {
display: flex;
justify-content: space-between;
gap: 16px;
align-items: flex-start;
}
h2.svelte-17cry71,
p.svelte-17cry71 {
margin: 0;
}
h2.svelte-17cry71 {
font: var(--sweeps-type-subtitle);
}
p.svelte-17cry71,
.state.svelte-17cry71,
.row.svelte-17cry71 {
color: var(--sweeps-color-text-muted);
font: var(--sweeps-type-body);
}
.table.svelte-17cry71 {
display: grid;
overflow-x: auto;
border: 1px solid var(--sweeps-color-border);
border-radius: 8px;
}
.row.svelte-17cry71 {
display: grid;
grid-template-columns: minmax(150px, 1fr) minmax(190px, 1.3fr) minmax(100px, 0.7fr) minmax(90px, 0.6fr) minmax(110px, 0.8fr);
gap: 12px;
align-items: center;
min-width: 760px;
padding: 12px 14px;
border-bottom: 1px solid var(--sweeps-color-border);
color: var(--sweeps-color-text);
}
.row.svelte-17cry71:last-child {
border-bottom: 0;
}
.row.head.svelte-17cry71 {
color: var(--sweeps-color-text-muted);
font: var(--sweeps-type-little-bold);
}
.row.svelte-17cry71 > span:where(.svelte-17cry71):first-child {
display: grid;
gap: 3px;
}
small.svelte-17cry71 {
color: var(--sweeps-color-text-muted);
}
.documents.svelte-17cry71 {
display: flex;
gap: 12px;
}
a.svelte-17cry71 {
display: inline-flex;
align-items: center;
gap: 4px;
color: var(--sweeps-button-focus);
font-weight: 600;
}
.status-chip.svelte-17cry71 {
display: inline-flex;
padding: 3px 8px;
border-radius: 999px;
background: var(--sweeps-color-surface-subtle);
color: var(--sweeps-color-text-muted);
font: var(--sweeps-type-caption);
}
.status-chip[data-tone=success].svelte-17cry71 {
background: var(--sweeps-notice-success-bg);
color: var(--sweeps-notice-success-fg);
}
.status-chip[data-tone=warning].svelte-17cry71 {
background: var(--sweeps-notice-warning-bg);
color: var(--sweeps-notice-warning-fg);
}
.state.svelte-17cry71 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
@media (max-width: 760px) {
.table.svelte-17cry71 {
gap: 10px;
overflow: visible;
border: 0;
}
.row.head.svelte-17cry71 {
display: none;
}
.row.svelte-17cry71 {
grid-template-columns: 1fr;
gap: 8px;
min-width: 0;
border: 1px solid var(--sweeps-color-border);
border-radius: 8px;
}
.row.svelte-17cry71 > [data-label]:where(.svelte-17cry71) {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
text-align: right;
}
.row.svelte-17cry71 > [data-label]:where(.svelte-17cry71)::before {
flex: 0 0 auto;
color: var(--sweeps-color-text-muted);
content: attr(data-label);
font: var(--sweeps-type-little-bold);
}
.row.svelte-17cry71 > span:where(.svelte-17cry71):first-child {
display: flex;
}
.documents.svelte-17cry71 {
justify-content: flex-end;
}
header.svelte-17cry71,
.state.svelte-17cry71 {
align-items: stretch;
}
}
.billing-icon.svelte-1q5a6es {
display: inline-flex;
width: var(--billing-icon-size);
height: var(--billing-icon-size);
flex: 0 0 var(--billing-icon-size);
align-items: center;
justify-content: center;
color: inherit;
}
.billing-icon.svelte-1q5a6es .sweeps-icon {
width: 100%;
height: 100%;
}
.remove-dialog.svelte-zrotof {
display: grid;
gap: 12px;
}
h2.svelte-zrotof,
p.svelte-zrotof {
margin: 0;
}
h2.svelte-zrotof {
font: var(--sweeps-type-subtitle, 600 20px/1.3 Inter, sans-serif);
}
p.svelte-zrotof {
color: var(--sweeps-color-text-muted, #64748b);
font: var(--sweeps-type-body, 400 14px/1.4 Inter, sans-serif);
}
.dialog-actions.svelte-zrotof {
display: flex;
justify-content: flex-end;
gap: 8px;
}
.billing-notice.svelte-ue0q4x {
display: grid;
gap: 4px;
padding: 12px;
border-radius: 8px;
background: var(--sweeps-color-surface-subtle, #f8fafc);
color: var(--sweeps-color-text-muted, #64748b);
font: var(--sweeps-type-body, 400 14px/1.4 Inter, sans-serif);
}
.billing-notice--success.svelte-ue0q4x,
.billing-notice--info.svelte-ue0q4x {
background: var(--sweeps-notice-success-bg);
color: var(--sweeps-notice-success-fg);
}
.billing-notice--warning.svelte-ue0q4x {
background: var(--sweeps-notice-warning-bg);
color: var(--sweeps-notice-warning-fg);
}
.billing-notice--danger.svelte-ue0q4x {
background: var(--sweeps-notice-danger-bg);
color: var(--sweeps-notice-danger-fg);
}
.onboarding.svelte-huk2o4,
.setup-section.svelte-huk2o4,
.plan-section.svelte-huk2o4,
.colleague-step.svelte-huk2o4,
.team-editor.svelte-huk2o4,
label.svelte-huk2o4,
header.svelte-huk2o4 {
display: grid;
gap: 12px;
min-width: 0;
}
.setup-section.svelte-huk2o4 > .sweeps-button {
justify-self: start;
}
.onboarding.svelte-huk2o4 {
--sweeps-billing-control-height: 36px;
--sweeps-billing-primary-height: 40px;
width: min(1120px, 100%);
margin-inline: auto;
gap: 16px;
}
.onboarding.svelte-huk2o4 .sweeps-button {
--sweeps-button-lg-height: var(--sweeps-billing-primary-height);
--sweeps-button-md-height: var(--sweeps-billing-primary-height);
--sweeps-button-sm-height: 34px;
--sweeps-button-xs-height: 34px;
--sweeps-type-button: 600 14px / 18px var(--sweeps-font-family);
--sweeps-type-little: 500 14px / 18px var(--sweeps-font-family);
--sweeps-type-little-bold: 600 14px / 18px var(--sweeps-font-family);
}
.onboarding.svelte-huk2o4 .sweeps-button--primary {
--sweeps-button-lg-height: var(--sweeps-billing-primary-height);
--sweeps-button-md-height: var(--sweeps-billing-primary-height);
--sweeps-button-sm-height: var(--sweeps-billing-primary-height);
--sweeps-button-xs-height: var(--sweeps-billing-primary-height);
}
.onboarding-grid.svelte-huk2o4 {
display: grid;
gap: 20px;
}
.onboarding-grid--revealed.svelte-huk2o4 {
grid-template-columns: minmax(0, 1.25fr) minmax(380px, 0.75fr);
align-items: start;
}
@keyframes svelte-huk2o4-billing-plan-section-enter {
0% {
opacity: 0;
transform: translate3d(-18px, 0, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.setup-section.svelte-huk2o4,
.plan-section.svelte-huk2o4 {
padding: 20px;
border: 1px solid var(--sweeps-color-border);
border-radius: 8px;
background: var(--sweeps-color-surface-raised);
}
.plan-section.svelte-huk2o4 {
animation: svelte-huk2o4-billing-plan-section-enter 520ms cubic-bezier(0.4, 0, 0.2, 1) both;
will-change: opacity, transform;
}
h1.svelte-huk2o4,
h2.svelte-huk2o4,
p.svelte-huk2o4 {
margin: 0;
}
h1.svelte-huk2o4 {
font: var(--sweeps-type-title);
}
h2.svelte-huk2o4 {
font: var(--sweeps-type-subtitle);
}
p.svelte-huk2o4 {
color: var(--sweeps-color-text-muted);
font: var(--sweeps-type-body);
}
label.svelte-huk2o4 > span:where(.svelte-huk2o4),
.team-editor.svelte-huk2o4 > span:where(.svelte-huk2o4) {
color: var(--sweeps-color-text-muted);
font: var(--sweeps-type-little-bold);
}
input.svelte-huk2o4 {
box-sizing: border-box;
width: 100%;
height: var(--sweeps-billing-control-height, 32px);
padding: 0 10px;
border: 1px solid var(--sweeps-color-border);
border-radius: 6px;
background: var(--sweeps-color-surface-raised);
color: var(--sweeps-color-text);
font: var(--sweeps-type-body);
}
input.svelte-huk2o4:focus-visible {
outline: 2px solid var(--sweeps-button-focus);
outline-offset: 2px;
}
input.svelte-huk2o4:disabled {
color: var(--sweeps-color-text-muted);
background: var(--sweeps-color-surface-subtle);
}
.actions.svelte-huk2o4 {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.section-title.svelte-huk2o4 {
display: flex;
align-items: flex-start;
gap: 12px;
}
.section-icon.svelte-huk2o4 {
display: inline-flex;
flex: 0 0 auto;
margin-top: 2px;
color: var(--sweeps-color-accent, #ff6b1a);
}
.section-title.svelte-huk2o4 h2:where(.svelte-huk2o4) {
margin: 0;
font: var(--sweeps-type-subtitle);
}
.invite-field.svelte-huk2o4 {
display: grid;
gap: 6px;
min-width: 0;
}
.invite-field.svelte-huk2o4 > label:where(.svelte-huk2o4),
.member-list-label.svelte-huk2o4 {
display: block;
color: var(--sweeps-color-text-muted);
font: var(--sweeps-type-little-bold);
}
.field-action-row.svelte-huk2o4 {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: stretch;
gap: 8px;
min-width: 0;
}
.team-editor.svelte-huk2o4 .onboarding-add-member-button:disabled {
background: transparent;
border-color: transparent;
}
.member-list.svelte-huk2o4 {
display: grid;
min-width: 0;
}
.member-list-label.svelte-huk2o4 {
margin-bottom: 4px;
}
.member-row.svelte-huk2o4 {
min-width: 0;
display: flex;
align-items: center;
gap: 8px;
padding: 10px 0;
}
.member-row.svelte-huk2o4 + .member-row:where(.svelte-huk2o4) {
border-top: 1px solid var(--sweeps-color-border);
}
.member-row.svelte-huk2o4 > strong:where(.svelte-huk2o4) {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font: var(--sweeps-type-body);
}
.member-state.svelte-huk2o4 {
width: 28px;
height: 28px;
display: inline-grid;
flex: 0 0 auto;
place-items: center;
border-radius: 50%;
background: var(--sweeps-color-surface-subtle);
}
.member-state.svelte-huk2o4::after {
width: 8px;
height: 8px;
border-radius: 50%;
background: currentColor;
content: "";
}
.member-state--active.svelte-huk2o4 {
background: var(--sweeps-notice-success-bg);
color: var(--sweeps-notice-success-fg);
}
.member-state--pending.svelte-huk2o4 {
background: color-mix(in srgb, var(--sweeps-color-accent, #ff6b1a) 13%, transparent);
color: var(--sweeps-color-accent, #ff6b1a);
}
.member-state--danger.svelte-huk2o4,
.member-row--conflict.svelte-huk2o4 {
color: var(--sweeps-notice-danger-fg);
}
.member-state--danger.svelte-huk2o4 {
background: var(--sweeps-notice-danger-bg);
}
.member-role.svelte-huk2o4 {
flex: 0 0 auto;
padding: 3px 8px;
border: 0;
border-radius: 999px;
background: var(--sweeps-color-control);
color: var(--sweeps-color-text-soft);
font: var(--sweeps-type-caption);
}
.member-status-copy.svelte-huk2o4 {
min-width: 0;
color: var(--sweeps-color-text-muted);
font: var(--sweeps-type-caption);
}
.member-actions.svelte-huk2o4 {
display: flex;
flex: 0 0 auto;
gap: 4px;
align-items: center;
margin-left: auto;
}
.field-error.svelte-huk2o4 {
color: var(--sweeps-notice-danger-fg);
font: var(--sweeps-type-caption);
}
.tax-note.svelte-huk2o4 {
font: var(--sweeps-type-caption);
}
.notice.svelte-huk2o4 {
display: grid;
gap: 4px;
padding: 12px;
border-radius: 8px;
font: var(--sweeps-type-body);
}
.notice.muted.svelte-huk2o4 {
background: var(--sweeps-color-surface-subtle);
color: var(--sweeps-color-text-muted);
}
@media (max-width: 980px) {
.onboarding-grid--revealed.svelte-huk2o4 {
grid-template-columns: 1fr;
}
}
@media (max-width: 760px) {
.field-action-row.svelte-huk2o4 {
grid-template-columns: 1fr;
}
.member-row.svelte-huk2o4 {
flex-wrap: wrap;
}
.member-status-copy.svelte-huk2o4 {
order: 5;
width: 100%;
margin-left: 36px;
}
.member-actions.svelte-huk2o4 {
margin-left: auto;
}
}
@media (prefers-reduced-motion: reduce) {
.plan-section.svelte-huk2o4 {
animation-duration: 1ms;
}
}
.plan-picker.svelte-s8nwq0 {
display: grid;
gap: 14px;
}
.plan-picker-header.svelte-s8nwq0 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-width: 0;
}
.plan-picker-header--end.svelte-s8nwq0 {
justify-content: flex-end;
}
.plan-picker-kicker.svelte-s8nwq0 {
color: var(--sweeps-color-text, #0f172a);
font: var(--sweeps-type-little-bold);
}
.plan-option.svelte-s8nwq0:focus-visible {
outline: 2px solid var(--sweeps-button-focus, #2563eb);
outline-offset: 2px;
}
.plan-options.svelte-s8nwq0 {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
overflow: hidden;
border: 1px solid var(--sweeps-color-border, #d8dee8);
border-radius: 8px;
background: var(--sweeps-color-surface-subtle, #f8fafc);
}
.plan-option.svelte-s8nwq0 {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
min-width: 0;
height: var(--sweeps-billing-control-height, 32px);
min-height: var(--sweeps-billing-control-height, 32px);
padding: 0 10px;
border: 0;
border-right: 1px solid var(--sweeps-color-border, #d8dee8);
text-align: center;
background: transparent;
color: var(--sweeps-color-text, #0f172a);
cursor: pointer;
}
.plan-option--selected.svelte-s8nwq0 {
background: var(--sweeps-color-surface-raised, #fff);
box-shadow: inset 0 -2px var(--sweeps-color-accent, #ff6b1a);
}
.plan-option.svelte-s8nwq0:last-child {
border-right: 0;
}
.plan-option.svelte-s8nwq0:disabled {
cursor: default;
opacity: 0.65;
}
.plan-option-title.svelte-s8nwq0 {
display: flex;
gap: 8px;
align-items: center;
justify-content: center;
font: var(--sweeps-type-little-bold);
}
.plan-option-title.svelte-s8nwq0 small:where(.svelte-s8nwq0),
.plan-option.svelte-s8nwq0 em:where(.svelte-s8nwq0) {
padding: 2px 6px;
border-radius: 999px;
background: var(--sweeps-notice-success-bg);
color: var(--sweeps-notice-success-fg);
font: var(--sweeps-type-caption, 400 12px/1.4 Inter, sans-serif);
font-style: normal;
}
.plan-option.svelte-s8nwq0 em:where(.svelte-s8nwq0) {
width: fit-content;
background: var(--sweeps-color-surface-subtle, #f8fafc);
color: var(--sweeps-color-text-muted, #64748b);
}
.plan-total.svelte-s8nwq0 {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(130px, 0.9fr);
align-items: center;
gap: 16px;
padding: 12px;
border-radius: 8px;
background: var(--sweeps-color-surface-subtle, #f8fafc);
}
.plan-total-copy.svelte-s8nwq0 {
display: grid;
gap: 2px;
min-width: 0;
}
.plan-total.svelte-s8nwq0 span:where(.svelte-s8nwq0) {
color: var(--sweeps-color-text-muted, #64748b);
font: var(--sweeps-type-caption, 400 12px/1.4 Inter, sans-serif);
}
.plan-total.svelte-s8nwq0 strong:where(.svelte-s8nwq0) {
color: var(--sweeps-color-text, #0f172a);
font: var(--sweeps-type-subtitle, 600 18px/1.3 Inter, sans-serif);
font-size: 18px;
font-weight: 600;
line-height: 1.3;
white-space: nowrap;
}
.plan-total.svelte-s8nwq0 small:where(.svelte-s8nwq0) {
min-width: 0;
color: var(--sweeps-color-text-muted, #64748b);
font: var(--sweeps-type-body, 400 14px/1.4 Inter, sans-serif);
text-align: right;
}
.plan-actions.svelte-s8nwq0 {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.catalog-unavailable.svelte-s8nwq0 {
display: grid;
gap: 14px;
padding: 16px;
border: 1px solid color-mix(in srgb, var(--sweeps-notice-warning-fg) 28%, transparent);
border-radius: 8px;
background: var(--sweeps-notice-warning-bg);
color: var(--sweeps-notice-warning-fg);
}
.catalog-unavailable__copy.svelte-s8nwq0 {
display: grid;
gap: 4px;
font: var(--sweeps-type-body);
}
.catalog-unavailable__copy.svelte-s8nwq0 strong:where(.svelte-s8nwq0) {
font: var(--sweeps-type-body-bold);
}
@media (max-width: 560px) {
.plan-total.svelte-s8nwq0 {
grid-template-columns: 1fr;
gap: 8px;
}
.plan-total.svelte-s8nwq0 small:where(.svelte-s8nwq0) {
text-align: left;
}
.plan-actions.svelte-s8nwq0 {
display: grid;
}
}
.cabinet-section.svelte-1m6vp74 {
display: grid;
gap: 16px;
min-width: 0;
padding: 20px;
border: 1px solid var(--sweeps-color-border, #d8dee8);
border-radius: 8px;
background: var(--sweeps-color-surface-raised, #fff);
}
.section-title.svelte-1m6vp74 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.section-title-copy.svelte-1m6vp74 {
display: flex;
align-items: flex-start;
gap: 12px;
min-width: 0;
}
.section-icon.svelte-1m6vp74 {
display: inline-flex;
flex: 0 0 auto;
margin-top: 2px;
color: var(--sweeps-color-accent, #ff6b1a);
}
h2.svelte-1m6vp74 {
margin: 0;
font: var(--sweeps-type-subtitle, 600 20px/1.3 Inter, sans-serif);
letter-spacing: 0;
}
.plan-overview.svelte-1m6vp74,
.plan-primary.svelte-1m6vp74 {
display: grid;
min-width: 0;
}
.plan-overview.svelte-1m6vp74 {
gap: 18px;
}
.plan-primary.svelte-1m6vp74 {
gap: 4px;
}
.plan-status-row.svelte-1m6vp74 {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
margin-bottom: 12px;
}
.status-pill.svelte-1m6vp74 {
min-width: 80px;
min-height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px 16px;
border-radius: 999px;
background: var(--sweeps-color-surface-subtle, #f8fafc);
color: var(--sweeps-color-text-muted, #64748b);
font: var(--sweeps-type-little-bold);
white-space: nowrap;
}
.status-pill.status-success.svelte-1m6vp74 {
background: var(--sweeps-notice-success-bg);
color: var(--sweeps-notice-success-fg);
}
.status-pill.status-warning.svelte-1m6vp74 {
background: var(--sweeps-notice-warning-bg);
color: var(--sweeps-notice-warning-fg);
}
.status-pill.status-danger.svelte-1m6vp74 {
background: var(--sweeps-notice-danger-bg);
color: var(--sweeps-notice-danger-fg);
}
.plan-status-row.svelte-1m6vp74 small:where(.svelte-1m6vp74),
.plan-primary.svelte-1m6vp74 > small:where(.svelte-1m6vp74) {
color: var(--sweeps-color-text-muted, #64748b);
font: var(--sweeps-type-caption, 400 12px/1.4 Inter, sans-serif);
}
.plan-status-row.svelte-1m6vp74 small:where(.svelte-1m6vp74) {
min-width: 0;
font: var(--sweeps-type-body, 400 14px/20px Inter, sans-serif);
}
.plan-status-row.svelte-1m6vp74 small.status-description-success:where(.svelte-1m6vp74) {
color: var(--sweeps-notice-success-fg);
}
.plan-status-row.svelte-1m6vp74 small.status-description-warning:where(.svelte-1m6vp74) {
color: var(--sweeps-notice-warning-fg);
}
.plan-status-row.svelte-1m6vp74 small.status-description-danger:where(.svelte-1m6vp74) {
color: var(--sweeps-notice-danger-fg);
}
.plan-total.svelte-1m6vp74 {
min-width: 0;
overflow-wrap: anywhere;
color: var(--sweeps-color-text, #0f172a);
font: var(--sweeps-type-title, 600 32px/1.2 Inter, sans-serif);
}
.plan-meta.svelte-1m6vp74 {
margin: 0;
border-top: 1px solid var(--sweeps-color-border, #d8dee8);
}
.plan-meta.svelte-1m6vp74 > div:where(.svelte-1m6vp74) {
display: grid;
grid-template-columns: minmax(88px, auto) minmax(0, 1fr);
gap: 16px;
align-items: baseline;
padding: 9px 0;
border-bottom: 1px solid var(--sweeps-color-border, #d8dee8);
}
.plan-meta.svelte-1m6vp74 > div:where(.svelte-1m6vp74):last-child {
border-bottom: 0;
}
.plan-meta.svelte-1m6vp74 dt:where(.svelte-1m6vp74) {
color: var(--sweeps-color-text-muted, #64748b);
font: var(--sweeps-type-body, 400 14px/1.4 Inter, sans-serif);
}
.plan-meta.svelte-1m6vp74 dd:where(.svelte-1m6vp74) {
min-width: 0;
margin: 0;
overflow-wrap: anywhere;
text-align: right;
font: var(--sweeps-type-body, 600 14px/1.4 Inter, sans-serif);
}
.plan-actions.svelte-1m6vp74 {
display: grid;
grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
gap: 8px;
}
.seat-impact.svelte-1m6vp74 {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
padding: 12px;
border-radius: 8px;
background: var(--sweeps-notice-success-bg);
color: var(--sweeps-notice-success-fg);
}
.seat-impact.svelte-1m6vp74 > div:where(.svelte-1m6vp74) {
display: grid;
gap: 3px;
}
.seat-impact.svelte-1m6vp74 span:where(.svelte-1m6vp74) {
font: var(--sweeps-type-caption);
}
.plan-actions.svelte-1m6vp74 button {
width: 100%;
}
.plan-actions.svelte-1m6vp74 button:only-child {
grid-column: 1/-1;
}
@media (max-width: 760px) {
.plan-status-row.svelte-1m6vp74 {
flex-wrap: wrap;
}
.plan-actions.svelte-1m6vp74 {
grid-template-columns: 1fr;
}
}
.cabinet-section.svelte-1y5gs0m {
display: grid;
gap: 16px;
min-width: 0;
padding: 20px;
border: 1px solid var(--sweeps-color-border, #d8dee8);
border-radius: 8px;
background: var(--sweeps-color-surface-raised, #fff);
}
.section-title.svelte-1y5gs0m {
display: flex;
align-items: flex-start;
gap: 12px;
}
.section-icon.svelte-1y5gs0m {
display: inline-flex;
flex: 0 0 auto;
margin-top: 2px;
color: var(--sweeps-color-accent, #ff6b1a);
}
h2.svelte-1y5gs0m {
margin: 0;
letter-spacing: 0;
}
h2.svelte-1y5gs0m {
font: var(--sweeps-type-subtitle, 600 20px/1.3 Inter, sans-serif);
}
label.svelte-1y5gs0m,
.member-list-label.svelte-1y5gs0m {
display: block;
color: var(--sweeps-color-text-muted, #64748b);
font: var(--sweeps-type-little-bold);
}
.company-editor.svelte-1y5gs0m,
.invite-field.svelte-1y5gs0m {
display: grid;
gap: 6px;
min-width: 0;
}
.field-action-row.svelte-1y5gs0m {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: stretch;
gap: 8px;
min-width: 0;
}
input.svelte-1y5gs0m {
box-sizing: border-box;
width: 100%;
min-width: 0;
height: var(--sweeps-billing-control-height, 32px);
min-height: var(--sweeps-billing-control-height, 32px);
padding: 0 10px;
border: 1px solid var(--sweeps-color-border, #d8dee8);
border-radius: 6px;
background: var(--sweeps-color-surface-raised, #fff);
color: var(--sweeps-color-text, #0f172a);
font: var(--sweeps-type-body, 400 14px/1.4 Inter, sans-serif);
}
input.svelte-1y5gs0m:focus-visible {
border-color: var(--sweeps-color-accent, #ff6b1a);
outline: 2px solid color-mix(in srgb, var(--sweeps-color-accent, #ff6b1a) 22%, transparent);
outline-offset: 1px;
}
input.svelte-1y5gs0m:disabled {
background: var(--sweeps-color-surface-subtle, #f8fafc);
color: var(--sweeps-color-text-muted, #64748b);
}
.member-list.svelte-1y5gs0m {
display: grid;
min-width: 0;
overflow: visible;
}
.member-list-label.svelte-1y5gs0m {
margin-bottom: 4px;
}
.member-row.svelte-1y5gs0m {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
padding: 10px 0;
}
.member-row.svelte-1y5gs0m + .member-row:where(.svelte-1y5gs0m) {
border-top: 1px solid var(--sweeps-color-border, #d8dee8);
}
.member-row.svelte-1y5gs0m > strong:where(.svelte-1y5gs0m) {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font: var(--sweeps-type-body, 600 14px/1.4 Inter, sans-serif);
}
.member-state.svelte-1y5gs0m {
width: 28px;
height: 28px;
display: inline-grid;
flex: 0 0 auto;
place-items: center;
border-radius: 50%;
background: var(--sweeps-color-surface-subtle, #f8fafc);
}
.member-state.svelte-1y5gs0m::after {
width: 8px;
height: 8px;
border-radius: 50%;
background: currentColor;
content: "";
}
.member-state--active.svelte-1y5gs0m {
background: var(--sweeps-notice-success-bg);
color: var(--sweeps-notice-success-fg);
}
.member-state--pending.svelte-1y5gs0m {
background: color-mix(in srgb, var(--sweeps-color-accent, #ff6b1a) 13%, transparent);
color: var(--sweeps-color-accent, #ff6b1a);
}
.member-state--danger.svelte-1y5gs0m,
.member-row--conflict.svelte-1y5gs0m {
color: var(--sweeps-notice-danger-fg);
}
.member-state--danger.svelte-1y5gs0m {
background: var(--sweeps-notice-danger-bg);
}
.member-role.svelte-1y5gs0m {
flex: 0 0 auto;
padding: 3px 8px;
border: 0;
border-radius: 999px;
background: var(--sweeps-color-control, #e6ebef);
color: var(--sweeps-color-text-soft, #2f4459);
font: var(--sweeps-type-caption, 600 12px/1.4 Inter, sans-serif);
}
.member-status-copy.svelte-1y5gs0m {
min-width: 0;
margin-left: 0;
color: var(--sweeps-color-text-muted, #64748b);
font: var(--sweeps-type-caption, 400 12px/1.4 Inter, sans-serif);
}
.member-actions.svelte-1y5gs0m {
display: flex;
flex: 0 0 auto;
gap: 4px;
align-items: center;
margin-left: auto;
}
.member-actions--profile.svelte-1y5gs0m {
margin-left: auto;
}
.field-helper.svelte-1y5gs0m,
.field-error.svelte-1y5gs0m {
font: var(--sweeps-type-caption, 400 12px/1.4 Inter, sans-serif);
}
.field-helper.svelte-1y5gs0m {
color: var(--sweeps-color-text-muted, #64748b);
}
.field-error.svelte-1y5gs0m {
color: var(--sweeps-notice-danger-fg);
}
.notice.svelte-1y5gs0m {
padding: 12px;
border-radius: 8px;
font: var(--sweeps-type-body, 400 14px/1.4 Inter, sans-serif);
}
.notice.muted.svelte-1y5gs0m {
background: var(--sweeps-color-surface-subtle, #f8fafc);
color: var(--sweeps-color-text-muted, #64748b);
}
.team-change-summary.svelte-1y5gs0m {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding-top: 12px;
border-top: 1px solid var(--sweeps-color-border, #d8dee8);
}
.team-change-summary.svelte-1y5gs0m > div:where(.svelte-1y5gs0m):first-child {
display: grid;
gap: 2px;
}
.team-change-summary.svelte-1y5gs0m span:where(.svelte-1y5gs0m) {
color: var(--sweeps-color-text-muted, #64748b);
font: var(--sweeps-type-caption, 400 12px/1.4 Inter, sans-serif);
}
.team-actions.svelte-1y5gs0m {
display: flex;
flex: 0 0 auto;
justify-content: flex-end;
gap: 8px;
}
@media (max-width: 760px) {
.field-action-row.svelte-1y5gs0m,
.team-change-summary.svelte-1y5gs0m {
display: grid;
grid-template-columns: 1fr;
}
.member-row.svelte-1y5gs0m {
flex-wrap: wrap;
}
.member-status-copy.svelte-1y5gs0m {
order: 5;
width: 100%;
margin-left: 36px;
}
.member-actions.svelte-1y5gs0m {
margin-left: auto;
}
.team-actions.svelte-1y5gs0m {
justify-content: stretch;
}
}
.chart-axis-select-control.svelte-talt6t {
position: relative;
width: 190px;
height: 40px;
}
.chart-axis-select-trigger.svelte-talt6t {
box-sizing: border-box;
display: flex;
align-items: center;
width: 100%;
height: 40px;
min-width: 0;
padding: 0 8px 0 10px;
border: 0;
border-radius: 8px;
background: var(--sweeps-color-surface);
color: var(--sweeps-color-text);
cursor: pointer;
font: var(--sweeps-type-button);
letter-spacing: 0;
}
.chart-axis-select-value.svelte-talt6t,
.chart-axis-select-search.svelte-talt6t {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
}
.chart-axis-select-search.svelte-talt6t {
height: 40px;
padding: 0;
border: 0;
outline: none;
background: transparent;
color: var(--sweeps-color-text);
font: var(--sweeps-type-button);
letter-spacing: 0;
}
.chart-axis-select-search.svelte-talt6t::placeholder {
color: var(--sweeps-color-muted);
}
.chart-axis-select-chevron.svelte-talt6t {
display: inline-flex;
width: 16px;
height: 16px;
flex: 0 0 16px;
align-items: center;
justify-content: center;
color: var(--sweeps-color-muted);
}
.chart-axis-select-chevron.svelte-talt6t svg {
width: 16px;
height: 16px;
}
.chart-axis-select-dropdown.svelte-talt6t {
position: absolute;
top: calc(100% + 4px);
left: 0;
z-index: 1000;
box-sizing: border-box;
width: 100%;
max-height: 292px;
overflow-y: auto;
padding: 4px 0;
border: 0;
border-radius: 2px;
background: #ffffff;
box-shadow:
0 1px 2px color-mix(in srgb, var(--sweeps-color-text) 10%, transparent),
0 8px 24px color-mix(in srgb, var(--sweeps-color-text) 16%, transparent);
}
.chart-axis-select-option.svelte-talt6t {
box-sizing: border-box;
display: block;
width: 100%;
min-height: 26px;
padding: 0 8px;
border: 0;
background: transparent;
color: var(--sweeps-color-text);
cursor: pointer;
font-size: 12px;
line-height: 26px;
letter-spacing: 0;
text-align: left;
}
.chart-axis-select-option.svelte-talt6t:hover,
.chart-axis-select-option--active.svelte-talt6t {
background: color-mix(in srgb, var(--sweeps-color-accent-border) 26%, var(--sweeps-color-surface));
}
.chart-axis-select-empty.svelte-talt6t {
min-height: 34px;
padding: 8px;
color: var(--sweeps-color-muted);
font-size: 12px;
line-height: 18px;
}
.chart-icon-controls.svelte-igzwrb {
display: inline-flex;
flex: 0 0 auto;
gap: 8px;
align-items: center;
}
.chart-icon-controls--in-chart.svelte-igzwrb {
position: absolute;
right: 18px;
bottom: 10px;
z-index: 4;
}
.chart-icon-control.svelte-igzwrb {
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-width: max-content;
height: 32px;
padding: 0 10px;
border: 0;
border-radius: 8px;
background: #ffffff;
color: var(--sweeps-color-text);
cursor: pointer;
font-size: 12px;
font-weight: 500;
line-height: 32px;
letter-spacing: 0;
white-space: nowrap;
}
.chart-icon-controls--in-chart.svelte-igzwrb .chart-icon-control:where(.svelte-igzwrb) {
height: 28px;
line-height: 28px;
background: transparent;
}
.chart-icon-control.svelte-igzwrb:hover {
background: #ffffff;
color: var(--sweeps-color-text);
}
.chart-icon-controls--in-chart.svelte-igzwrb .chart-icon-control:where(.svelte-igzwrb):hover {
background: transparent;
}
.chart-icon-control--clear.svelte-igzwrb {
background: transparent;
color: var(--sweeps-color-muted);
}
.chart-icon-control--clear.svelte-igzwrb:hover {
background: transparent;
color: var(--sweeps-color-text);
}
.chart-icon-control--pressed.svelte-igzwrb {
background: #ffffff;
color: var(--sweeps-color-text);
}
.chart-icon-controls--in-chart.svelte-igzwrb .chart-icon-control--pressed:where(.svelte-igzwrb) {
background: transparent;
}
.chart-icon-control.svelte-igzwrb:focus-visible {
outline: none;
}
.chart-icon-control.svelte-igzwrb svg:where(.svelte-igzwrb) {
width: 16px;
height: 16px;
flex: 0 0 16px;
fill: none;
stroke: currentColor;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round;
}
.secondary-chart-root.svelte-169gewz {
box-sizing: border-box;
position: relative;
width: 100%;
height: 100%;
min-height: 0;
padding: 8px 12px;
}
.secondary-chart-root.svelte-169gewz svg:where(.svelte-169gewz) {
display: block;
overflow: visible;
}
.container.svelte-1gyz39a {
padding: 10px;
background: white;
box-shadow: var(--dropdownsimple-box-shadow);
width: 400px;
}
h4.svelte-1gyz39a {
margin: 0 5px;
}
.costs-page.svelte-ropcx3 {
display: flex;
flex-direction: column;
}
.costs-table-card.svelte-ropcx3 {
position: relative;
flex: 1 1 0;
}
.table.svelte-ropcx3 {
width: 100%;
height: 100%;
min-width: 0;
min-height: 0;
overflow: hidden;
}
.table.svelte-ropcx3 .ag-root-wrapper,
.table.svelte-ropcx3 .ag-root,
.table.svelte-ropcx3 .ag-header {
border-top: 0 !important;
border-right: 0 !important;
}
.page-container.svelte-1sw765p {
overflow-y: auto;
max-height: 100vh;
min-height: 100vh;
padding: 24px;
box-sizing: border-box;
background: var(--sweeps-color-app-bg, #dee7f2);
color: var(--sweeps-color-text, #0f172a);
}
.page-container.svelte-1sw765p .topbar-container,
.dashboard-actions.svelte-1sw765p,
.cards.svelte-1sw765p,
.project-list-state.svelte-1sw765p {
width: min(100%, 1400px);
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
.dashboard-brand.svelte-1sw765p {
display: flex;
align-items: center;
min-width: 0;
}
.dashboard-brand.svelte-1sw765p .top-brand {
margin-right: 0;
}
.dashboard-brand.svelte-1sw765p .top-brand-label {
display: inline;
}
.dashboard-actions.svelte-1sw765p {
display: flex;
align-items: center;
gap: 12px;
margin-top: 12px;
}
.dashboard-filters.svelte-1sw765p {
display: flex;
align-items: center;
gap: 16px;
margin-left: auto;
flex: 0 0 auto;
}
.search-container.svelte-1sw765p {
--sweeps-input-height: var(--sweeps-button-sm-height, 32px);
display: flex;
align-items: center;
gap: 8px;
width: auto;
max-width: none;
flex: 1 1 260px;
min-width: 200px;
height: var(--sweeps-input-height);
padding: 0 12px;
box-sizing: border-box;
border-radius: var(--sweeps-input-radius, 4px);
border: 0;
background: var(--sweeps-color-surface-soft, var(--sweeps-input-bg, #f8fafc));
color: var(--sweeps-color-muted, #6d8a9c);
transition: background-color 120ms ease;
}
.search-container.svelte-1sw765p:hover {
background: var(--sweeps-color-interaction-hover, #eef4fc);
}
.search-container.svelte-1sw765p:focus-within {
background: var(--sweeps-input-active-bg, var(--sweeps-color-control-active, #d0dce7));
box-shadow: none;
}
.search-icon.svelte-1sw765p {
line-height: 1;
}
.search-container.svelte-1sw765p .custom-input-container,
.search-container.svelte-1sw765p .custom-input-container:hover,
.search-container.svelte-1sw765p .custom-input-container:focus-within {
flex: 1;
min-width: 0;
height: 100%;
padding: 0;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.search-container.svelte-1sw765p .custom-input {
width: 100%;
height: 100%;
padding: 0;
background: transparent;
}
.search-container.svelte-1sw765p .custom-input::placeholder {
color: var(--sweeps-color-muted, #6d8a9c);
opacity: 1;
}
.project-list-state.svelte-1sw765p {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 12px;
margin-top: 20px;
padding: 24px 12px;
text-align: center;
color: var(--sweeps-color-muted);
font: var(--sweeps-type-body);
}
.project-list-state--error.svelte-1sw765p {
color: var(--sweeps-notice-danger-fg);
}
.cards.svelte-1sw765p {
display: grid;
align-items: stretch;
margin-top: 20px;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
grid-gap: 16px;
}
.project-creation-error.svelte-1sw765p {
width: min(100%, 1400px);
margin: 12px auto 0;
padding: 12px;
box-sizing: border-box;
border-radius: 8px;
background: var(--sweeps-notice-danger-bg);
color: var(--sweeps-notice-danger-fg);
font: var(--sweeps-type-body, 400 14px/1.4 Inter, sans-serif);
}
@media (max-width: 620px) {
.page-container.svelte-1sw765p {
padding: 16px;
}
.dashboard-actions.svelte-1sw765p {
flex-wrap: wrap;
margin-top: 12px;
}
.search-container.svelte-1sw765p {
width: 100%;
max-width: none;
flex-basis: 100%;
min-width: 0;
}
.dashboard-filters.svelte-1sw765p {
width: 100%;
margin-left: 0;
justify-content: flex-start;
flex-wrap: wrap;
}
}
.dashboard-filter-select.svelte-avindz {
position: relative;
min-width: 0;
flex: 0 0 auto;
}
.dashboard-filter-select__trigger.svelte-avindz {
box-sizing: border-box;
display: inline-flex;
align-items: center;
vertical-align: middle;
gap: 6px;
min-width: 0;
height: var(--sweeps-button-sm-height, 32px);
min-height: var(--sweeps-button-sm-height, 32px);
padding: 0 10px 0 12px;
border: 1px solid var(--sweeps-color-line-strong, #c8d6e2);
border-radius: var(--sweeps-button-radius, 6px);
background: transparent;
color: var(--sweeps-color-text, #0f172a);
font: var(--sweeps-type-button, 500 14px/24px var(--sweeps-font-family));
line-height: 18px;
cursor: pointer;
transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}
.dashboard-filter-select__trigger.svelte-avindz:hover,
.dashboard-filter-select__trigger[aria-expanded=true].svelte-avindz {
border-color: var(--sweeps-color-line-strong, #c8d6e2);
background: var(--sweeps-color-interaction-hover, #eef4fc);
}
.dashboard-filter-select__trigger.svelte-avindz:focus-visible {
outline: none;
border-color: var(--sweeps-color-line-strong, #c8d6e2);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--sweeps-color-line-strong, #c8d6e2) 45%, transparent);
}
.dashboard-filter-select__label.svelte-avindz {
color: var(--sweeps-color-muted, #6d8a9c);
font: var(--sweeps-type-little-bold, 600 14px/20px var(--sweeps-font-family));
white-space: nowrap;
}
.dashboard-filter-select__value.svelte-avindz {
min-width: 0;
max-width: 128px;
overflow: hidden;
color: var(--sweeps-color-text, #0f172a);
text-overflow: ellipsis;
white-space: nowrap;
}
.dashboard-filter-select__count.svelte-avindz,
.dashboard-filter-select__option-count.svelte-avindz {
color: var(--sweeps-color-muted, #6d8a9c);
font-variant-numeric: tabular-nums;
}
.dashboard-filter-select__chevron.svelte-avindz {
display: inline-flex;
width: 14px;
height: 14px;
flex: 0 0 14px;
align-items: center;
justify-content: center;
color: var(--sweeps-color-muted, #6d8a9c);
}
.dashboard-filter-select__dropdown.svelte-avindz {
position: absolute;
z-index: 20;
top: calc(100% + 6px);
right: 0;
box-sizing: border-box;
display: grid;
gap: 2px;
min-width: 172px;
padding: 4px;
border: 1px solid var(--sweeps-color-line-strong, #c8d6e2);
border-radius: 8px;
background: var(--sweeps-color-surface, #ffffff);
box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14);
}
.dashboard-filter-select--sharing.svelte-avindz .dashboard-filter-select__dropdown:where(.svelte-avindz) {
min-width: 188px;
}
.dashboard-filter-select__option.svelte-avindz {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
width: 100%;
min-height: 32px;
padding: 5px 8px;
border: 0;
border-radius: 6px;
background: transparent;
color: var(--sweeps-color-text, #0f172a);
font: var(--sweeps-type-button, 500 14px/24px var(--sweeps-font-family));
text-align: left;
cursor: pointer;
}
.dashboard-filter-select__option.svelte-avindz:hover,
.dashboard-filter-select__option.svelte-avindz:focus-visible,
.dashboard-filter-select__option.is-selected.svelte-avindz {
outline: none;
background: var(--sweeps-color-interaction-hover, #eef4fc);
}
.dashboard-filter-select__option.is-selected.svelte-avindz {
font-weight: 600;
}
@media (max-width: 620px) {
.dashboard-filter-select.svelte-avindz {
flex: 1 1 auto;
}
.dashboard-filter-select__trigger.svelte-avindz {
width: 100%;
justify-content: flex-start;
}
}
.new-project-tile.svelte-18nxmk0 {
appearance: none;
display: block;
min-width: 0;
aspect-ratio: auto;
height: 100%;
min-height: 0;
padding: 0;
border: 1px solid var(--sweeps-color-line, #dee7f2);
border-radius: var(--sweeps-panel-radius, 8px);
background: var(--sweeps-color-surface, #fff);
box-sizing: border-box;
color: var(--sweeps-color-muted, #6d8a9c);
cursor: pointer;
text-align: center;
position: relative;
align-self: stretch;
transition: border-color 120ms ease, color 120ms ease, transform 90ms ease;
}
.new-project-tile.svelte-18nxmk0:hover,
.new-project-tile.svelte-18nxmk0:focus-visible {
border-color: var(--sweeps-color-line-strong, #c8d6e2);
color: var(--sweeps-color-text, #0f172a);
}
.new-project-tile.svelte-18nxmk0:active {
transform: translateY(1px);
}
.new-project-tile.svelte-18nxmk0:focus-visible {
outline: 2px solid color-mix(in srgb, var(--sweeps-color-accent, #ff6f21) 45%, transparent);
outline-offset: 3px;
}
.artwork-shell.svelte-18nxmk0 {
position: relative;
display: block;
width: min(100%, 320px);
}
.artwork.svelte-18nxmk0 {
display: block;
width: 100%;
height: auto;
color: var(--sweeps-color-muted, #6d8a9c);
}
.artwork-boundary.svelte-18nxmk0 {
fill: var(--sweeps-color-surface, #fff);
stroke: currentColor;
stroke-width: 1;
stroke-dasharray: 5 5;
stroke-linecap: round;
opacity: 0.58;
}
.artwork-layout.svelte-18nxmk0 {
opacity: 0.88;
}
.artwork-module.svelte-18nxmk0 {
fill: color-mix(in srgb, currentColor 14%, transparent);
stroke: currentColor;
stroke-width: 0.65;
animation: svelte-18nxmk0-module-hide 120ms ease-out both;
animation-delay: var(--module-out-delay);
}
.artwork-module.hidden.svelte-18nxmk0 {
animation: none;
opacity: 0;
}
.new-project-tile.svelte-18nxmk0:hover .artwork-module:where(.svelte-18nxmk0):not(.hidden),
.new-project-tile.svelte-18nxmk0:focus-visible .artwork-module:where(.svelte-18nxmk0):not(.hidden) {
animation: svelte-18nxmk0-module-reveal 180ms ease-out both;
animation-delay: var(--module-in-delay);
}
.artwork-plus.svelte-18nxmk0 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: var(--sweeps-color-text, #0f172a);
filter: drop-shadow(0 0 10px color-mix(in srgb, var(--sweeps-color-accent, #ff6f21) 26%, transparent));
}
.new-project-label.svelte-18nxmk0 {
display: block;
margin-top: 10px;
font: var(--sweeps-type-body-bold);
}
.new-project-size.svelte-18nxmk0 {
display: flex;
flex-direction: column;
width: 100%;
}
.new-project-size-artwork.svelte-18nxmk0 {
display: block;
width: 100%;
aspect-ratio: 1/1;
}
.new-project-size-info.svelte-18nxmk0 {
display: block;
width: 100%;
height: 128px;
flex: 0 0 128px;
}
.new-project-content.svelte-18nxmk0 {
position: absolute;
inset: 24px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
pointer-events: none;
}
@keyframes svelte-18nxmk0-module-reveal {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes svelte-18nxmk0-module-hide {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.new-project-tile.svelte-18nxmk0,
.artwork-module.svelte-18nxmk0 {
transition: none;
animation-duration: 1ms !important;
animation-delay: 0s !important;
}
}
.card.svelte-15jtw5s {
min-width: 0;
background: var(--sweeps-color-surface, #ffffff);
border: 1px solid var(--sweeps-color-line, #dee7f2);
border-radius: var(--sweeps-panel-radius, 8px);
cursor: pointer;
overflow: hidden;
position: relative;
z-index: 0;
box-sizing: border-box;
transition: border-color 120ms ease;
}
.card.svelte-15jtw5s:hover {
border-color: var(--sweeps-color-line-strong, #c8d6e2);
}
.topbar.svelte-15jtw5s {
position: absolute;
right: 8px;
left: 8px;
top: 8px;
display: flex;
justify-content: flex-end;
}
.icons-container.svelte-15jtw5s {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
gap: 4px;
padding: 2px;
}
.project-sharing-control.svelte-15jtw5s {
display: inline-flex;
align-items: center;
justify-content: flex-start;
flex: 0 0 auto;
position: relative;
width: auto;
max-width: 30px;
height: 28px;
min-height: 28px;
padding: 0 7px;
gap: 0;
overflow: visible;
box-sizing: border-box;
border: 0;
border-radius: 999px;
appearance: none;
background: transparent;
color: var(--sweeps-color-muted, #6d8a9c);
cursor: pointer;
font: var(--sweeps-type-caption-bold, 600 12px/16px "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
white-space: nowrap;
transition: max-width 220ms ease, padding 220ms ease, gap 220ms ease, background-color 180ms ease, color 180ms ease, opacity 180ms ease;
}
.project-sharing-control.svelte-15jtw5s::before {
position: absolute;
inset: -10px;
content: "";
border-radius: 999px;
}
.icons-container.svelte-15jtw5s .project-sharing-control:where(.svelte-15jtw5s) {
margin-left: 0;
}
.project-sharing-control--shared.svelte-15jtw5s {
color: var(--sweeps-notice-success-fg, #17894b);
}
.project-sharing-control--hidden.svelte-15jtw5s {
opacity: 0;
pointer-events: none;
}
.card.svelte-15jtw5s:hover .project-sharing-control--hidden:where(.svelte-15jtw5s),
.project-sharing-control--hidden.svelte-15jtw5s:focus-visible {
opacity: 1;
pointer-events: auto;
}
.project-sharing-control.svelte-15jtw5s:hover,
.project-sharing-control.svelte-15jtw5s:focus-visible {
max-width: 176px;
padding-left: 7px;
padding-right: 10px;
gap: 6px;
background: var(--sweeps-color-interaction-hover, #eef4fc);
}
.project-sharing-control--shared.svelte-15jtw5s:hover,
.project-sharing-control--shared.svelte-15jtw5s:focus-visible {
background: var(--sweeps-notice-success-bg, #e2f3e9);
}
.project-sharing-control.svelte-15jtw5s:focus-visible {
outline: 2px solid var(--sweeps-button-focus, #90caff);
outline-offset: 2px;
}
.project-sharing-control.svelte-15jtw5s:disabled {
cursor: wait;
}
.project-sharing-control__icon.svelte-15jtw5s {
display: inline-flex;
flex: 0 0 16px;
width: 16px;
height: 16px;
align-items: center;
justify-content: center;
}
.project-sharing-control__label.svelte-15jtw5s {
max-width: 0;
overflow: hidden;
opacity: 0;
transition: max-width 220ms ease, opacity 180ms ease;
}
.project-sharing-control.svelte-15jtw5s:hover .project-sharing-control__label:where(.svelte-15jtw5s),
.project-sharing-control.svelte-15jtw5s:focus-visible .project-sharing-control__label:where(.svelte-15jtw5s) {
max-width: 140px;
opacity: 1;
}
button.sweeps-button.project-delete-control {
width: var(--sweeps-button-sm-height, 32px);
min-width: var(--sweeps-button-sm-height, 32px);
padding-left: 0;
padding-right: 0;
margin: 0 0 0 auto;
border-width: 0;
opacity: 0;
pointer-events: none;
overflow: hidden;
transition: opacity 180ms ease;
}
.card.svelte-15jtw5s:hover button.sweeps-button.project-delete-control,
button.sweeps-button.project-delete-control:focus-visible {
border-width: 0;
opacity: 1;
pointer-events: auto;
}
.screenshot.svelte-15jtw5s {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
aspect-ratio: 1/1;
padding: 12px;
box-sizing: border-box;
overflow: hidden;
background: var(--sweeps-color-surface-soft, #f8fafc);
}
.preview-image.svelte-15jtw5s {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
.project-status.svelte-15jtw5s {
position: absolute;
left: 12px;
bottom: 12px;
z-index: 2;
display: inline-flex;
align-items: center;
min-height: 22px;
padding: 2px 8px;
border-radius: 999px;
background: var(--sweeps-color-surface, #ffffff);
color: var(--sweeps-color-muted, #6d8a9c);
font: var(--sweeps-type-caption-bold, 600 12px/16px "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
white-space: nowrap;
}
.project-info.svelte-15jtw5s {
min-width: 0;
padding: 10px 12px 12px;
}
.project-status--sandbox.svelte-15jtw5s {
color: var(--sweeps-notice-warning-fg, #b76e00);
}
.project-status--completed.svelte-15jtw5s {
color: var(--sweeps-notice-success-fg, #1f8a4c);
}
.project-status--archived.svelte-15jtw5s {
color: var(--sweeps-notice-danger-fg, #b42318);
}
.shared-badge.svelte-15jtw5s {
display: inline-flex;
align-items: center;
gap: 4px;
width: auto;
max-width: 28px;
min-height: 24px;
padding: 0 7px;
overflow: hidden;
box-sizing: border-box;
border-radius: 999px;
color: var(--sweeps-color-share-incoming, #7257c9);
background: transparent;
font: var(--sweeps-type-caption-bold, 600 12px/16px "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
letter-spacing: 0;
white-space: nowrap;
transition: width 220ms ease, max-width 220ms ease, padding 220ms ease, background-color 180ms ease, gap 220ms ease;
}
.shared-badge.svelte-15jtw5s svg {
flex: 0 0 auto;
}
.shared-badge.svelte-15jtw5s:hover {
max-width: 132px;
padding: 2px 7px;
gap: 4px;
background: color-mix(in srgb, var(--sweeps-color-share-incoming, #7257c9) 14%, transparent);
}
.shared-badge__label.svelte-15jtw5s {
max-width: 0;
overflow: hidden;
opacity: 0;
transition: max-width 220ms ease, opacity 160ms ease;
}
.shared-badge.svelte-15jtw5s:hover .shared-badge__label:where(.svelte-15jtw5s) {
max-width: 100px;
opacity: 1;
}
.project-name.svelte-15jtw5s {
font: var(--sweeps-type-body-bold, 600 14px/24px "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
letter-spacing: 0;
margin: 0 0 10px 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.metric-row.svelte-15jtw5s {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 12px;
align-items: center;
font: var(--sweeps-type-body, 400 14px/24px "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
letter-spacing: 0;
}
.metric-row.svelte-15jtw5s strong:where(.svelte-15jtw5s) {
font-weight: 700;
text-align: right;
}
.owner-row.svelte-15jtw5s {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 12px;
align-items: center;
min-width: 0;
margin: 8px 0 0;
font: var(--sweeps-type-body, 400 14px/24px "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
}
.owner-row.svelte-15jtw5s strong:where(.svelte-15jtw5s) {
min-width: 0;
max-width: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 700;
text-align: right;
}
@media (prefers-reduced-motion: reduce) {
.project-sharing-control.svelte-15jtw5s,
.project-sharing-control__label.svelte-15jtw5s,
.shared-badge.svelte-15jtw5s,
.shared-badge__label.svelte-15jtw5s,
.project-delete-control {
transition: none;
}
}
.energy-yield-lifecycle-chart.svelte-l15uce {
width: min(760px, calc(100vw - 48px));
height: min(440px, calc(100vh - 120px));
min-width: 480px;
min-height: 320px;
box-sizing: border-box;
padding: 16px;
color: var(--sweeps-color-text, #0f172a);
background: var(--sweeps-color-surface, #ffffff);
border: 1px solid var(--sweeps-color-line, #dee7f2);
border-radius: 6px;
box-shadow: 0 12px 28px rgb(15 23 42 / 18%);
}
.chart-header.svelte-l15uce {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 24px;
height: 28px;
font-size: 14px;
font-weight: 600;
}
.lifecycle-total.svelte-l15uce {
color: var(--sweeps-color-text-soft, #2f4459);
font-size: 12px;
font-weight: 500;
white-space: nowrap;
}
.chart-container.svelte-l15uce {
width: 100%;
height: calc(100% - 28px);
}
@media (max-width: 560px) {
.energy-yield-lifecycle-chart.svelte-l15uce {
min-width: 0;
}
.chart-header.svelte-l15uce {
align-items: flex-start;
flex-direction: column;
gap: 2px;
height: 44px;
}
.chart-container.svelte-l15uce {
height: calc(100% - 44px);
}
}
.root.svelte-15mdx3w {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
min-height: 0;
min-width: 0;
margin-left: 2px;
margin-right: 2px;
}
.table.svelte-15mdx3w {
width: 100%;
flex: 1;
min-height: 0;
min-width: 0;
overflow: hidden;
}
.table.svelte-15mdx3w .ag-cell {
white-space: nowrap;
overflow: hidden;
text-overflow: clip;
}
.table.svelte-15mdx3w .ag-cell-value {
text-overflow: clip;
}
.filter-container.svelte-15mdx3w {
margin: 2px 10px 2px;
overflow: hidden;
position: relative;
display: flex;
flex-direction: row;
}
.actions-group.svelte-15mdx3w {
padding: 2px;
display: flex;
flex: 0 0 auto;
flex-wrap: wrap;
justify-content: right;
gap: 6px;
}
.sweeps-energy-pipeline-viewer.svelte-1gnwt9s {
width: min(760px, calc(100vw - 48px));
max-height: min(720px, calc(100vh - 120px));
min-width: 480px;
box-sizing: border-box;
padding: 16px;
overflow: auto;
color: var(--sweeps-color-text, #0f172a);
background: var(--sweeps-color-surface, #ffffff);
border: 1px solid var(--sweeps-color-line, #dee7f2);
border-radius: 6px;
box-shadow: 0 12px 28px rgb(15 23 42 / 18%);
}
.viewer-title.svelte-1gnwt9s {
margin-bottom: 4px;
font-size: 14px;
font-weight: 600;
}
.chart-container.svelte-1gnwt9s {
width: 100%;
}
@media (max-width: 560px) {
.sweeps-energy-pipeline-viewer.svelte-1gnwt9s {
min-width: 0;
}
}
.dropzone-container.svelte-1a5wygc {
border-radius: 8px;
border: 1.5px dashed var(--color-main-light);
transition: border-color 0.2s;
}
.dropzone-container.svelte-1a5wygc .uploaded-icon:where(.svelte-1a5wygc) .icon-actionable {
color: inherit;
}
.dropzone-container.state-good.svelte-1a5wygc {
border-color: var(--color-good);
}
.dropzone-container.state-warning.svelte-1a5wygc {
border-color: var(--color-warning);
}
.dropzone-container.state-danger.svelte-1a5wygc {
border-color: var(--color-danger);
}
.dropzone.svelte-1a5wygc {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 16px 20px;
cursor: pointer;
border-radius: 8px;
}
.dropzone.svelte-1a5wygc:hover {
background: var(--sweeps-color-surface-hover, #f1f5f9);
}
.dropzone-text.svelte-1a5wygc {
display: flex;
flex-direction: column;
gap: 3px;
}
.dropzone-title.svelte-1a5wygc {
font: var(--sweeps-type-body, 400 14px/24px "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
color: var(--color-main-dark);
margin-bottom: 2px;
letter-spacing: 0;
}
.uploaded-zone.svelte-1a5wygc {
padding: 14px 16px;
display: flex;
flex-direction: column;
gap: 8px;
}
.uploaded-file.svelte-1a5wygc {
display: flex;
align-items: center;
gap: 12px;
}
.file-info.svelte-1a5wygc {
flex: 1;
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 4px;
font: var(--sweeps-type-body, 400 14px/24px "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
letter-spacing: 0;
}
.label.svelte-1a5wygc {
color: var(--color-main-medium);
}
.filename.svelte-1a5wygc {
color: var(--color-main-dark);
font: var(--sweeps-type-body, 400 14px/24px "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
word-break: break-all;
letter-spacing: 0;
}
.filesize.svelte-1a5wygc {
font: var(--sweeps-type-little, 500 14px/20px "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
letter-spacing: 0;
}
.button-group.svelte-1a5wygc {
display: flex;
gap: 8px;
align-items: center;
flex-shrink: 0;
}
.notifications.svelte-1a5wygc {
display: flex;
flex-direction: column;
}
.popup-body.svelte-1l2dg4i {
padding: 0;
display: flex;
flex-direction: column;
gap: 16px;
}
.format-section.svelte-1l2dg4i {
display: flex;
flex-direction: column;
gap: 8px;
}
.section-title.svelte-1l2dg4i {
font: var(--sweeps-type-little-bold, 600 14px/20px "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
color: var(--color-main-medium);
letter-spacing: 0;
}
.format-list.svelte-1l2dg4i {
margin: 0;
padding-left: 18px;
display: flex;
flex-direction: column;
gap: 6px;
}
.format-list.svelte-1l2dg4i li:where(.svelte-1l2dg4i) {
font: var(--sweeps-type-little, 500 14px/20px "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
color: var(--color-main-dark);
letter-spacing: 0;
}
.form-section.svelte-1l2dg4i .group {
background-color: transparent;
margin-bottom: 0;
}
.form-section.svelte-1l2dg4i .group.root-level {
margin-bottom: 0;
}
.footer-actions.svelte-1l2dg4i {
display: flex;
justify-content: flex-end;
}
.footer-actions.svelte-1l2dg4i button {
min-width: 80px;
}
.search-space-summary.svelte-pop63z {
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 10px;
margin: 0;
padding: 0;
width: 100%;
min-width: 0;
color: var(--sweeps-color-text);
}
.summary-title.svelte-pop63z {
color: var(--sweeps-color-text);
font-size: 15px;
font-weight: 650;
line-height: 20px;
letter-spacing: -0.01em;
}
.summary-total.svelte-pop63z {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
min-width: 0;
}
.summary-total-label.svelte-pop63z {
color: var(--sweeps-color-text-soft);
font-size: 12px;
line-height: 16px;
}
.summary-total-value.svelte-pop63z {
flex: 0 0 auto;
color: var(--sweeps-color-ink);
font-size: 16px;
font-weight: 650;
line-height: 20px;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.summary-combinations-unit.svelte-pop63z {
color: var(--sweeps-color-text-soft);
font-size: 12px;
font-weight: 400;
}
.scenario-selector.svelte-pop63z {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 2px;
min-width: 0;
width: fit-content;
max-width: 100%;
padding: 2px;
border: 1px solid var(--sweeps-input-border, transparent);
border-radius: var(--sweeps-input-radius, 4px);
background: var(--sweeps-input-bg, var(--sweeps-color-control));
}
button.scenario-option {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
min-width: 0;
min-height: 28px;
padding: 5px 9px;
appearance: none;
-webkit-appearance: none;
border: 0;
border-radius: var(--sweeps-input-radius, 4px);
background: transparent;
color: var(--sweeps-color-text);
font: inherit;
text-align: left;
cursor: pointer;
transition: color 120ms ease, background-color 120ms ease;
}
button.scenario-option:not(.selected):hover {
background: var(--sweeps-input-hover-bg, var(--sweeps-color-control-hover));
}
button.scenario-option:focus-visible {
outline: 2px solid var(--sweeps-input-focus-border, var(--sweeps-color-accent-border));
outline-offset: 2px;
}
button.scenario-option.selected {
background: var(--sweeps-color-surface);
color: var(--sweeps-color-ink);
font-weight: 600;
}
button.scenario-option.selected:hover {
background: var(--sweeps-color-surface);
}
.scenario-name.svelte-pop63z {
min-width: 0;
overflow: hidden;
font-size: 12px;
line-height: 16px;
text-overflow: ellipsis;
white-space: nowrap;
}
.scenario-combinations.svelte-pop63z {
flex: 0 0 auto;
font-size: 12px;
font-weight: 600;
line-height: 16px;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.summary-calculations.svelte-pop63z {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
}
.calculation-row.svelte-pop63z {
display: grid;
grid-template-columns: 92px minmax(0, 1fr);
align-items: baseline;
gap: 10px;
min-width: 0;
font-size: 12px;
line-height: 17px;
}
.calculation-label.svelte-pop63z {
color: var(--sweeps-color-text-soft);
font-size: 11px;
font-weight: 650;
letter-spacing: 0.035em;
text-transform: uppercase;
white-space: nowrap;
}
.calculation-expression.svelte-pop63z {
min-width: 0;
overflow-wrap: anywhere;
font-variant-numeric: tabular-nums;
}
.calculation-expression.svelte-pop63z strong:where(.svelte-pop63z) {
color: var(--sweeps-color-ink);
font-weight: 650;
}
.calculation-expression.svelte-pop63z sup:where(.svelte-pop63z) {
padding-left: 2px;
font-size: 10px;
line-height: 0;
}
@media (max-width: 360px) {
.summary-total.svelte-pop63z {
align-items: flex-start;
flex-direction: column;
gap: 2px;
}
.calculation-row.svelte-pop63z {
grid-template-columns: 1fr;
gap: 1px;
}
}
.sweeps-asset-selector.svelte-15nq6xy {
display: contents;
}
.sweeps-asset-selector__input.svelte-15nq6xy {
display: flex;
width: 100%;
min-width: 0;
}
.sweeps-asset-selector__input.svelte-15nq6xy .selector-input,
.sweeps-asset-selector__input.svelte-15nq6xy .custom-svelecte,
.sweeps-asset-selector__input.svelte-15nq6xy .custom-svelecte-control,
.sweeps-asset-selector__input.svelte-15nq6xy .custom-svelecte-control .sv-control {
width: 100%;
min-width: 0;
}
.sweeps-asset-selector__input.svelte-15nq6xy .custom-svelecte-control .sv-content > div {
width: 100%;
}
.sweeps-asset-selector__input.svelte-15nq6xy .sv_dropdown {
z-index: 1000;
}
.sweeps-layout-config-viz.svelte-1v7pfo2 {
box-sizing: border-box;
display: flex;
flex-direction: column;
width: calc(100% - var(--offset, 0px));
height: 219px;
min-width: 0;
margin: 10px 0 12px var(--offset, 0px);
overflow: hidden;
border: 1px solid var(--sweeps-color-line, rgba(148, 163, 184, 0.26));
border-radius: 6px;
background: var(--sweeps-layout-config-viz-background, #ffffff);
}
.sweeps-layout-config-viz.svelte-1v7pfo2 svg:where(.svelte-1v7pfo2) {
display: block;
flex: 1 1 auto;
min-height: 0;
width: 100%;
}
.sweeps-product-theme .ui-config-property.property-row.sweeps-pitch-gcr-range,
.sweeps-ui-theme .ui-config-property.property-row.sweeps-pitch-gcr-range {
align-items: flex-start;
}
.sweeps-product-theme .ui-config-property.property-row.sweeps-pitch-gcr-range .property-name,
.sweeps-ui-theme .ui-config-property.property-row.sweeps-pitch-gcr-range .property-name {
min-height: var(--sweeps-input-height);
padding-top: 0;
overflow: visible;
align-items: center;
}
.pitch-gcr-name.svelte-14qdqh0 {
display: flex;
min-width: 0;
min-height: var(--sweeps-input-height);
flex-wrap: wrap;
align-items: center;
gap: 4px;
color: var(--sweeps-color-text, var(--color-main-dark));
font: inherit;
letter-spacing: 0;
line-height: 18px;
}
.pitch-gcr-name.svelte-14qdqh0 button:where(.svelte-14qdqh0) {
border: 0;
padding: 0;
background: transparent;
color: var(--sweeps-color-muted, var(--color-main-light));
cursor: pointer;
font: inherit;
letter-spacing: 0;
text-align: left;
text-decoration: underline;
text-underline-offset: 3px;
}
.pitch-gcr-name.svelte-14qdqh0 button.active:where(.svelte-14qdqh0) {
color: var(--sweeps-color-text, var(--color-main-dark));
cursor: default;
text-decoration: none;
}
.pitch-gcr-name.svelte-14qdqh0 button:where(.svelte-14qdqh0):disabled {
pointer-events: none;
}
.name-divider.svelte-14qdqh0 {
color: var(--sweeps-color-muted, var(--color-main-light));
}
.pitch-gcr-control.svelte-14qdqh0 {
display: flex;
width: 100%;
min-width: 0;
flex-direction: column;
gap: 4px;
}
.range-inputs.svelte-14qdqh0 {
display: grid;
grid-template-columns: minmax(0, 1fr) 8px minmax(0, 1fr);
align-items: center;
gap: 4px;
}
.range-divider.svelte-14qdqh0 {
color: var(--sweeps-color-muted, var(--color-main-light));
text-align: center;
}
.pitch-gcr-step-hint.svelte-14qdqh0 {
display: block;
min-height: 16px;
padding: 0 0 2px;
color: var(--sweeps-color-muted);
font: 500 12px/16px var(--sweeps-font-family-small);
letter-spacing: 0;
}
.layouts-workspace.svelte-1l676qm {
position: relative;
min-width: 0;
min-height: 0;
overflow: hidden;
}
.layouts-workspace.sweeps-grid-workspace.svelte-1l676qm {
display: block;
}
.layouts-left-panel.svelte-1l676qm {
position: relative;
display: flex;
flex: 1 1 auto;
width: 100%;
height: 100%;
min-width: 0;
min-height: 0;
--sweeps-color-muted: var(--sweeps-color-text-soft);
}
.layouts-resize-slot.svelte-1l676qm {
position: absolute;
z-index: 0;
top: 0;
right: 0;
display: flex;
flex: 0 0 10px;
width: 10px;
height: 100%;
align-items: center;
justify-content: center;
}
.layouts-resize-slot.svelte-1l676qm .layouts-resize-handle::before {
display: none;
}
.layouts-settings-panel.svelte-1l676qm {
flex: 1 1 auto;
width: 100%;
height: 100%;
min-width: 0;
min-height: 0;
overflow: hidden;
}
.layouts-main-panel.svelte-1l676qm {
display: flex;
width: 100%;
min-width: 0;
min-height: 0;
flex-direction: column;
height: 100%;
overflow: hidden;
container-type: inline-size;
}
.layouts-analysis-region.svelte-1l676qm {
display: grid;
grid-template-areas: "preview controls";
grid-template-columns: minmax(320px, min(38%, 460px)) minmax(0, 1fr);
align-items: stretch;
gap: 14px;
flex: 0 0 auto;
min-width: 0;
margin-bottom: 10px;
}
.layouts-analysis-controls.svelte-1l676qm {
grid-area: controls;
display: flex;
min-width: 0;
flex-direction: column;
}
.layouts-analysis-controls.svelte-1l676qm .table-filters {
margin-bottom: 0;
}
.layouts-chart-preview-row.svelte-1l676qm {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 10px;
flex: 0 0 280px;
height: 280px;
min-width: 0;
margin-bottom: 10px;
}
.layouts-zone-options-card.svelte-1l676qm,
.layouts-custom-chart-card.svelte-1l676qm,
.layouts-chart-empty.svelte-1l676qm {
min-width: 0;
min-height: 0;
height: 100%;
}
.layouts-zone-preview-card.svelte-1l676qm {
position: relative;
grid-area: preview;
display: flex;
min-width: 0;
min-height: 0;
overflow: hidden;
}
.layouts-zone-preview-close.svelte-1l676qm {
position: absolute;
top: 16px;
right: 16px;
z-index: 1;
}
.layouts-chart-empty.svelte-1l676qm {
background: var(--sweeps-color-surface);
}
.zone-filter-card.svelte-1l676qm {
--zone-filter-color: var(--sweeps-color-muted);
position: relative;
box-sizing: border-box;
width: 200px;
height: 100px;
flex: 0 0 200px;
display: flex;
flex-direction: column;
gap: 14px;
padding: 14px;
border: 0;
border-radius: 8px;
background: #ffffff;
overflow: visible;
}
.zone-filter-card.is-active.svelte-1l676qm {
box-shadow: inset 0 0 0 1px
color-mix(in srgb, var(--zone-filter-active-color, var(--sweeps-color-accent-border)) 32%, transparent);
}
.zone-filter-card-header.svelte-1l676qm {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-width: 0;
}
.zone-filter-card-title.svelte-1l676qm {
min-width: 0;
display: flex;
align-items: center;
gap: 10px;
}
.zone-filter-card-title.svelte-1l676qm strong:where(.svelte-1l676qm) {
min-width: 142px;
max-width: 142px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #0f172a;
font: 600 18px / 22px var(--sweeps-font-family);
font-variant-numeric: tabular-nums;
letter-spacing: 0;
}
.zone-filter-title-icon.svelte-1l676qm,
.zone-filter-select-chevron.svelte-1l676qm {
box-sizing: border-box;
width: 20px;
height: 20px;
display: grid;
place-items: center;
color: #122033;
}
.zone-filter-title-icon.svelte-1l676qm svg,
.zone-filter-select-chevron.svelte-1l676qm svg {
width: 18px;
height: 18px;
}
.zone-filter-title-icon.svelte-1l676qm svg {
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.zone-filter-select.svelte-1l676qm {
box-sizing: border-box;
width: 100%;
height: 36px;
display: flex;
align-items: center;
gap: 6px;
padding: 0 9px;
border: 0;
border-radius: 5px;
background: #f0f5fa;
color: var(--sweeps-color-text);
cursor: pointer;
font:
400 14px/18px "Source Sans 3",
"Source Sans Pro",
Arial,
sans-serif;
letter-spacing: 0;
}
.zone-filter-select.svelte-1l676qm:hover,
.zone-filter-select.svelte-1l676qm:focus-visible,
.zone-filter-select[aria-expanded="true"].svelte-1l676qm {
background: #e8f0f7;
outline: none;
}
.zone-filter-selected-swatch.svelte-1l676qm {
width: 8px;
height: 8px;
flex: 0 0 auto;
border-radius: 999px;
background: var(--zone-filter-color);
}
.zone-filter-option-swatch.svelte-1l676qm {
width: 10px;
height: 10px;
flex: 0 0 auto;
border-radius: 999px;
background: var(--zone-filter-color);
}
.zone-filter-all-swatch-stack.svelte-1l676qm {
position: relative;
width: 24px;
height: 14px;
flex: 0 0 24px;
}
.zone-filter-all-swatch.svelte-1l676qm {
position: absolute;
top: 2px;
left: calc(var(--zone-filter-stack-index) * 7px);
width: 10px;
height: 10px;
border-radius: 999px;
background: var(--zone-filter-color);
box-shadow: 0 0 0 2px #f0f5fa;
}
.zone-filter-select.svelte-1l676qm:hover .zone-filter-all-swatch:where(.svelte-1l676qm),
.zone-filter-select.svelte-1l676qm:focus-visible .zone-filter-all-swatch:where(.svelte-1l676qm),
.zone-filter-select[aria-expanded="true"].svelte-1l676qm .zone-filter-all-swatch:where(.svelte-1l676qm) {
box-shadow: 0 0 0 2px #e8f0f7;
}
.zone-filter-select-label.svelte-1l676qm {
min-width: 0;
flex: 1 1 auto;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
}
.zone-filter-select-chevron.svelte-1l676qm {
width: 16px;
height: 16px;
flex: 0 0 auto;
transition: transform 140ms ease;
}
.zone-filter-select[aria-expanded="true"].svelte-1l676qm .zone-filter-select-chevron:where(.svelte-1l676qm) {
transform: rotate(180deg);
}
.zone-filter-menu.svelte-1l676qm {
position: fixed;
z-index: 90;
box-sizing: border-box;
overflow: auto;
border: 1px solid color-mix(in srgb, var(--sweeps-color-line) 82%, transparent);
border-radius: 8px;
background: #ffffff;
box-shadow: 0 18px 36px color-mix(in srgb, var(--sweeps-color-text) 20%, transparent);
}
.zone-filter-option.svelte-1l676qm {
box-sizing: border-box;
width: 100%;
min-height: 46px;
display: grid;
grid-template-columns: 18px minmax(0, 1fr) 14px 34px;
align-items: center;
gap: 6px;
padding: 0 12px;
border: 0;
border-bottom: 1px solid #e7eef4;
background: #ffffff;
color: var(--sweeps-color-text);
cursor: pointer;
font:
400 14px/1 "Source Sans 3",
"Source Sans Pro",
Arial,
sans-serif;
letter-spacing: 0;
}
.zone-filter-option.svelte-1l676qm:last-child {
border-bottom: 0;
}
.zone-filter-option.svelte-1l676qm:hover,
.zone-filter-option.svelte-1l676qm:focus-visible {
background: #f3f8fc;
outline: none;
}
.zone-filter-option.is-selected.svelte-1l676qm {
background: #f8fbfe;
}
.zone-filter-option.is-selected.svelte-1l676qm .zone-filter-option-label:where(.svelte-1l676qm) {
font-weight: 500;
}
.zone-filter-option-radio.svelte-1l676qm {
position: relative;
width: 16px;
height: 16px;
border-radius: 999px;
background: #e5edf5;
}
.zone-filter-option.is-selected.svelte-1l676qm .zone-filter-option-radio:where(.svelte-1l676qm)::after {
content: "";
position: absolute;
inset: 4px;
border-radius: inherit;
background: #0f1c2f;
}
.zone-filter-option-main.svelte-1l676qm {
min-width: 0;
display: flex;
align-items: baseline;
gap: 8px;
}
.zone-filter-option-label.svelte-1l676qm {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.zone-filter-option.svelte-1l676qm small:where(.svelte-1l676qm) {
color: var(--sweeps-color-muted);
font: 400 13px/1 var(--sweeps-font-family);
letter-spacing: 0;
}
.zone-filter-option-swatch.svelte-1l676qm {
justify-self: end;
}
.zone-filter-option-swatch-all.svelte-1l676qm {
background: transparent;
}
.zone-filter-option-preview.svelte-1l676qm {
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
color: var(--sweeps-color-accent);
}
.zone-filter-option-preview.svelte-1l676qm img:where(.svelte-1l676qm) {
display: block;
max-width: 34px;
max-height: 34px;
object-fit: contain;
}
.zone-filter-option-preview-all.svelte-1l676qm {
opacity: 0;
}
.layouts-chart-toolbar.svelte-1l676qm {
display: flex;
flex: 0 0 auto;
align-items: center;
gap: 12px;
margin-bottom: 10px;
min-width: 0;
overflow-x: auto;
overflow-y: hidden;
}
.layouts-chart-tabs.svelte-1l676qm {
display: flex;
align-items: center;
gap: 8px;
flex: 0 0 auto;
}
.layouts-chart-tabs.svelte-1l676qm button:where(.svelte-1l676qm) {
box-sizing: border-box;
min-width: max-content;
height: 40px;
padding: 0 14px;
border: 1px solid transparent;
border-radius: 8px;
background: var(--sweeps-color-surface-hover);
color: var(--sweeps-color-text);
cursor: pointer;
font: var(--sweeps-type-button);
line-height: 40px;
letter-spacing: 0;
}
.layouts-chart-tabs.svelte-1l676qm button.active-layouts-chart-tab:where(.svelte-1l676qm) {
background: var(--sweeps-color-surface);
}
.layouts-chart-tabs.svelte-1l676qm button.layouts-settings-toggle:where(.svelte-1l676qm) {
display: inline-flex;
align-items: center;
gap: 8px;
}
.layouts-settings-toggle-icon.svelte-1l676qm {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
}
.layouts-chart-tabs.svelte-1l676qm .layouts-scenario-count:where(.svelte-1l676qm) {
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
background: transparent;
color: var(--sweeps-color-text);
font-size: 12px;
font-weight: 700;
line-height: 1;
font-variant-numeric: tabular-nums;
}
.layouts-custom-chart-fields.svelte-1l676qm {
display: flex;
flex: 0 0 auto;
gap: 8px;
align-items: center;
min-width: 0;
margin: 0;
}
.chart-axis-field.svelte-1l676qm {
box-sizing: border-box;
display: inline-flex;
align-items: center;
gap: 6px;
height: 40px;
min-width: 0;
margin: 0;
}
.chart-axis-label.svelte-1l676qm {
flex: 0 0 auto;
color: var(--sweeps-color-muted);
font-size: 12px;
font-weight: 500;
line-height: 40px;
letter-spacing: 0;
}
.chart-axis-select.svelte-1l676qm {
display: block;
width: 190px;
height: 40px;
min-width: 0;
flex: 0 0 190px;
}
.layouts-table-card.svelte-1l676qm {
position: relative;
flex: 1 1 0;
}
.layouts-table-card.svelte-1l676qm .zone-ident-cell {
min-width: 0;
height: 100%;
display: inline-flex;
align-items: center;
gap: 7px;
}
.layouts-table-card.svelte-1l676qm .zone-ident-cell__marker {
width: 9px;
height: 9px;
flex: 0 0 auto;
border-radius: 999px;
}
.layouts-table-card.svelte-1l676qm .zone-ident-cell__text {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.layouts-table-card.svelte-1l676qm .ag-header-cell.sweeps-layouts-primary-column-header .ag-header-cell-text {
font-size: 12px;
}
.layouts-zone-options-card.svelte-1l676qm {
--zone-options-chart-height: 280px;
overflow: hidden;
}
.layouts-zone-options-card.svelte-1l676qm .zone-options-chart-shell {
height: 100%;
padding: 0;
}
.layouts-custom-chart-card.svelte-1l676qm {
overflow: hidden;
}
body.layouts-resizing {
cursor: col-resize;
user-select: none;
}
.layouts-grid-shell.svelte-1l676qm {
position: relative;
width: 100%;
height: 100%;
min-width: 0;
min-height: 0;
}
.layouts-grid-preloader.svelte-1l676qm {
position: absolute;
inset: 0;
z-index: 10;
display: grid;
place-items: center;
background: color-mix(in srgb, var(--sweeps-color-surface) 86%, transparent);
}
@container (max-width: 920px) {
.layouts-analysis-region.svelte-1l676qm {
grid-template-areas:
"preview"
"controls";
grid-template-columns: minmax(0, 1fr);
}
.layouts-zone-preview-card.svelte-1l676qm {
height: 260px;
min-height: 260px;
}
.layouts-zone-preview-card--empty.svelte-1l676qm {
height: auto;
min-height: 400px;
}
.layouts-chart-preview-row.svelte-1l676qm {
grid-template-columns: minmax(0, 1fr);
}
.layouts-table-card.svelte-1l676qm {
flex: 0 0 480px;
min-height: 360px;
}
}
@media (max-width: 920px) {
.layouts-main-panel.svelte-1l676qm {
overflow-y: auto;
}
}
.sweeps-racking-catalog-header.svelte-geoe0l {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
min-width: 0;
min-height: 24px;
}
.property-value.svelte-1uklght {
min-width: 0;
width: 100%;
}
.property-value.svelte-1uklght .selector-input,
.property-value.svelte-1uklght .custom-svelecte,
.property-value.svelte-1uklght .custom-svelecte-control,
.property-value.svelte-1uklght .custom-svelecte-control .sv-control {
min-width: 0;
width: 100%;
}
.property-value.svelte-1uklght .sv_dropdown {
z-index: 1000;
}
.sweeps-racking-visuals.svelte-1t51kh3 {
display: grid;
grid-template-columns: minmax(0, 3fr) minmax(0, 4fr);
grid-template-areas: "tilt modules-layout";
width: 100%;
min-width: 0;
gap: 4px;
margin: 2px 0 12px;
}
.sweeps-racking-visuals.single.svelte-1t51kh3 {
grid-template-areas: ". modules-layout";
}
.racking-visual.svelte-1t51kh3 {
display: flex;
width: 100%;
min-width: 0;
flex-direction: column;
gap: 4px;
align-items: center;
justify-self: stretch;
}
.tilt-visual.svelte-1t51kh3 {
grid-area: tilt;
box-sizing: border-box;
padding-left: var(--offset, 0px);
}
.modules-layout-visual.svelte-1t51kh3 {
grid-area: modules-layout;
}
.racking-visual-label.svelte-1t51kh3 {
color: var(--sweeps-color-muted);
font-size: 12px;
font-weight: 500;
line-height: 16px;
text-align: center;
}
.racking-visual-art.svelte-1t51kh3 {
display: flex;
width: 100%;
height: 160px;
min-width: 0;
align-items: center;
justify-content: center;
justify-self: center;
overflow: hidden;
color: var(--sweeps-color-text-soft);
}
.racking-visual-art.svelte-1t51kh3 svg {
display: block;
width: 100%;
height: 100%;
}
.racking-visual-art.svelte-1t51kh3 {
align-self: stretch;
}
.racking-visual-label.svelte-1t51kh3 {
align-self: stretch;
text-align: center;
}
.solver-configs-scroll.svelte-veqv3x {
display: flex;
flex-direction: column;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
--sweeps-panel-gutter: 20px;
}
.solver-configs-content.svelte-veqv3x {
box-sizing: border-box;
display: flex;
flex: 1 0 auto;
flex-direction: column;
width: 100%;
}
.settings-panel-title.svelte-veqv3x {
box-sizing: border-box;
display: flex;
align-items: center;
gap: 8px;
height: 52px;
flex: 0 0 52px;
padding: 0 var(--sweeps-panel-gutter, 16px);
}
.settings-panel-title.svelte-veqv3x h2:where(.svelte-veqv3x) {
margin: 0;
color: var(--sweeps-color-text);
font: var(--sweeps-type-h2);
letter-spacing: 0;
}
.scenario-count.svelte-veqv3x {
display: inline-flex;
min-width: 20px;
height: 20px;
align-items: center;
justify-content: center;
padding: 0 5px;
border-radius: 10px;
background: var(--sweeps-color-surface-hover);
color: var(--sweeps-color-muted);
font-size: 12px;
font-weight: 600;
line-height: 1;
font-variant-numeric: tabular-nums;
}
.solver-configs-pui.svelte-veqv3x {
box-sizing: border-box;
display: flex;
flex: 1 0 auto;
flex-direction: column;
padding: 0 var(--sweeps-panel-gutter) 16px;
}
.solver-configs-pui.svelte-veqv3x .container,
.solver-configs-pui.svelte-veqv3x .group-holder,
.solver-configs-pui.svelte-veqv3x .group.root-level,
.solver-configs-pui.svelte-veqv3x .group.root-level > .group-content {
display: flex;
flex: 1 0 auto;
flex-direction: column;
}
.solver-configs-pui.svelte-veqv3x .actions-property:has([data-test="pui-action-add-scenario"]) {
flex: 0 0 auto;
margin: 4px 0 8px;
}
.solver-configs-pui.svelte-veqv3x .group.root-level > .group-content > .search-space-summary {
margin-top: auto;
margin-bottom: 0;
}
.solver-configs-pui.svelte-veqv3x .group.root-level {
margin: 0;
}
.solver-configs-pui.svelte-veqv3x .odd-bg,
.solver-configs-pui.svelte-veqv3x .even-bg {
background: transparent;
}
.solver-configs-pui.svelte-veqv3x .group.first-level.collapsible {
margin: 0;
padding: 0;
border-radius: 0;
}
.solver-configs-pui.svelte-veqv3x .group.root-level > .group-content > .group.first-level.collapsible {
box-sizing: border-box;
margin: 0 0 6px;
padding: 4px 8px 8px;
border-radius: 8px;
background: #ffffff;
}
.solver-configs-pui.svelte-veqv3x .group-title-container {
min-height: 34px;
gap: 8px;
padding: 3px 0 3px var(--padding);
}
.solver-configs-pui.svelte-veqv3x .group-header-name-row {
display: flex;
min-width: 0;
align-items: center;
gap: 8px;
}
.solver-configs-pui.svelte-veqv3x .group-title-container.has-header-details {
display: grid;
grid-template-columns: 16px minmax(0, 1fr) auto;
grid-template-rows: minmax(36px, min-content) min-content;
column-gap: 8px;
row-gap: 0;
align-items: center;
min-height: 0;
padding-top: 8px;
padding-bottom: 8px;
}
.solver-configs-pui.svelte-veqv3x .group-title-container.has-header-details > .icon-container {
grid-column: 1;
grid-row: 1;
}
.solver-configs-pui.svelte-veqv3x .group-title-container.has-header-details > .group-header-title {
grid-column: 2;
grid-row: 1;
min-width: 0;
}
.solver-configs-pui.svelte-veqv3x .group-title-container.has-header-details > .group-header-summary {
grid-column: 3;
grid-row: 1;
margin-left: 0;
justify-self: end;
}
.solver-configs-pui.svelte-veqv3x .group-title-container.has-header-details > .group-header-details {
grid-column: 2 / 4;
grid-row: 2;
margin-top: -4px;
display: -webkit-box;
min-width: 0;
overflow: hidden;
color: var(--sweeps-color-muted);
font: 400 12px / 17px var(--sweeps-font-family);
white-space: pre-line;
overflow-wrap: anywhere;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
}
.solver-configs-pui.svelte-veqv3x .group.first-level > .group-title-container.has-header-details {
grid-template-rows: minmax(34px, min-content) min-content;
padding-top: 3px;
padding-bottom: 3px;
}
.solver-configs-pui.svelte-veqv3x
.group.first-level > .group-title-container.has-header-details > .group-header-actions {
grid-column: 3;
grid-row: 1;
margin-left: 0;
justify-self: end;
align-self: center;
}
.solver-configs-pui.svelte-veqv3x
.group.first-level > .group-title-container.has-header-details > .group-header-details {
-webkit-line-clamp: 3;
line-clamp: 3;
}
.solver-configs-pui.svelte-veqv3x
.group[data-name="Layout"] > .group-title-container.has-header-details > .group-header-details {
-webkit-line-clamp: 4;
line-clamp: 4;
}
.solver-configs-pui.svelte-veqv3x .group-header-details strong {
color: var(--sweeps-color-text);
font-weight: 700;
}
.solver-configs-pui.svelte-veqv3x .property-group-name {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.solver-configs-pui.svelte-veqv3x .group.collapsible > .group-title-container {
cursor: pointer;
}
.solver-configs-pui.svelte-veqv3x .group-content {
padding-top: 2px;
background: transparent;
}
.solver-configs-pui.svelte-veqv3x .group.collapsible[data-name="Equipment"] > .group-content,
.solver-configs-pui.svelte-veqv3x .group.collapsible[data-name="Racking & strings"] > .group-content,
.solver-configs-pui.svelte-veqv3x .group.collapsible[data-name="Layout"] > .group-content {
padding-top: 12px;
}
.solver-configs-pui.svelte-veqv3x .property-view {
margin-bottom: 4px;
}
.solver-configs-pui.svelte-veqv3x .property-name .property-name-label {
font: var(--sweeps-type-body);
letter-spacing: 0;
}
.solver-configs-pui.svelte-veqv3x .group.first-level.collapsible > .group-content > .group + .group {
margin-top: 4px;
}
.solver-configs-pui.svelte-veqv3x
.group.first-level > .group-content > .group[data-name="Equipment"] > .group-title-container,
.solver-configs-pui.svelte-veqv3x
.group.first-level > .group-content > .group[data-name="Racking & strings"] > .group-title-container,
.solver-configs-pui.svelte-veqv3x
.group.first-level > .group-content > .group[data-name="Layout"] > .group-title-container {
min-height: 38px;
padding: 5px 8px 5px var(--padding);
border-radius: 8px;
transition: background-color 120ms ease;
}
.solver-configs-pui.svelte-veqv3x .group[data-name="Equipment"] > .group-title-container.has-header-details,
.solver-configs-pui.svelte-veqv3x .group[data-name="Racking & strings"] > .group-title-container.has-header-details,
.solver-configs-pui.svelte-veqv3x .group[data-name="Layout"] > .group-title-container.has-header-details {
grid-template-rows: minmax(36px, min-content) min-content;
padding-top: 5px;
padding-bottom: 5px;
}
.solver-configs-pui.svelte-veqv3x .group[data-name="Equipment"] > .group-title-container,
.solver-configs-pui.svelte-veqv3x .group[data-name="Racking & strings"] > .group-title-container,
.solver-configs-pui.svelte-veqv3x .group[data-name="Layout"] > .group-title-container {
display: grid;
grid-template-columns: 16px minmax(0, 1fr) auto;
grid-template-rows: minmax(36px, min-content);
column-gap: 8px;
align-items: center;
min-height: 0;
padding: 5px 8px 5px var(--padding);
}
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Equipment"]
> .group-title-container
> .icon-container
,
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Racking & strings"]
> .group-title-container
> .icon-container
,
.solver-configs-pui.svelte-veqv3x
.group.first-level > .group-content > .group[data-name="Layout"] > .group-title-container > .icon-container
{
grid-column: 1;
grid-row: 1;
visibility: visible;
}
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Equipment"]
> .group-title-container
> .icon-container
> svg
,
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Racking & strings"]
> .group-title-container
> .icon-container
> svg
,
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Layout"]
> .group-title-container
> .icon-container
> svg
{
grid-column: 1;
grid-row: 1;
align-self: center;
justify-self: center;
width: 16px;
height: 16px;
transform-origin: center;
visibility: visible;
}
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Equipment"]
> .group-title-container
> .group-header-title
,
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Racking & strings"]
> .group-title-container
> .group-header-title
,
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Layout"]
> .group-title-container
> .group-header-title
{
grid-column: 2;
grid-row: 1;
min-width: 0;
}
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Equipment"]
> .group-title-container
> .group-header-summary
,
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Racking & strings"]
> .group-title-container
> .group-header-summary
,
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Layout"]
> .group-title-container
> .group-header-summary
{
grid-column: 3;
grid-row: 1;
margin-left: 0;
justify-self: end;
}
@keyframes svelte-veqv3x-sweeps-chevron-expand {
from {
transform: rotate(-90deg);
}
to {
transform: rotate(0deg);
}
}
@keyframes svelte-veqv3x-sweeps-chevron-collapse {
from {
transform: rotate(90deg);
}
to {
transform: rotate(0deg);
}
}
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Equipment"]
> .group-title-container
> .icon-container
> svg:has(> path[d^="M12.5268"])
,
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Racking & strings"]
> .group-title-container
> .icon-container
> svg:has(> path[d^="M12.5268"])
,
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Layout"]
> .group-title-container
> .icon-container
> svg:has(> path[d^="M12.5268"])
{
animation: svelte-veqv3x-sweeps-chevron-expand 180ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Equipment"]
> .group-title-container
> .icon-container
> svg:has(> path[d^="M6 13L5 12"])
,
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Racking & strings"]
> .group-title-container
> .icon-container
> svg:has(> path[d^="M6 13L5 12"])
,
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Layout"]
> .group-title-container
> .icon-container
> svg:has(> path[d^="M6 13L5 12"])
{
animation: svelte-veqv3x-sweeps-chevron-collapse 180ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
@media (prefers-reduced-motion: reduce) {
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Equipment"]
> .group-title-container
> .icon-container
> svg:has(> path[d^="M12.5268"])
,
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Equipment"]
> .group-title-container
> .icon-container
> svg:has(> path[d^="M6 13L5 12"])
,
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Racking & strings"]
> .group-title-container
> .icon-container
> svg:has(> path[d^="M12.5268"])
,
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Racking & strings"]
> .group-title-container
> .icon-container
> svg:has(> path[d^="M6 13L5 12"])
,
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Layout"]
> .group-title-container
> .icon-container
> svg:has(> path[d^="M12.5268"])
,
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Layout"]
> .group-title-container
> .icon-container
> svg:has(> path[d^="M6 13L5 12"])
{
animation-duration: 0ms;
}
}
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Equipment"]:has(> .group-content)
> .group-title-container
,
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Racking & strings"]:has(> .group-content)
> .group-title-container
,
.solver-configs-pui.svelte-veqv3x
.group.first-level
> .group-content
> .group[data-name="Layout"]:has(> .group-content)
> .group-title-container
{
background: var(--sweeps-color-surface-hover);
}
.solver-configs-pui.svelte-veqv3x .group[data-name="Equipment"] > .group-title-container:hover,
.solver-configs-pui.svelte-veqv3x .group[data-name="Racking & strings"] > .group-title-container:hover,
.solver-configs-pui.svelte-veqv3x .group[data-name="Layout"] > .group-title-container:hover {
background: var(--sweeps-color-surface-hover);
}
.solver-configs-pui.svelte-veqv3x
.group[data-name="Racking & strings"] > .group-content > .group[data-name="Layout"] > .group-title-container
{
min-height: 30px;
margin-top: 8px;
}
.solver-configs-pui.svelte-veqv3x
.group[data-name="Racking & strings"]
> .group-content
> .group[data-name="Layout"]
> .group-title-container
.property-group-name
{
color: var(--sweeps-color-muted);
font: var(--sweeps-type-body-bold);
}
.solver-configs-pui.svelte-veqv3x .group-header-actions {
margin-left: auto;
}
.solver-configs-pui.svelte-veqv3x .group-header-actions .action-button .mdc-button {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
min-width: 28px;
height: 28px;
padding: 0;
background: transparent;
color: var(--sweeps-color-muted);
font: var(--sweeps-type-small);
}
.solver-configs-pui.svelte-veqv3x .group-header-actions .action-button .mdc-button:hover {
color: var(--sweeps-color-text);
}
.solver-configs-pui.svelte-veqv3x .property-group-name,
.solver-configs-pui.svelte-veqv3x .group-title-container,
.solver-configs-pui.svelte-veqv3x .property-group-name.mdc-typography--overline,
.solver-configs-pui.svelte-veqv3x .group-title-container .property-group-name.mdc-typography--overline {
font: var(--sweeps-type-body-bold);
letter-spacing: 0;
text-transform: none;
}
.solver-configs-pui.svelte-veqv3x .pui-property-chip {
display: inline-flex;
align-items: center;
min-height: 16px;
padding: 0 7px;
border: 1px solid var(--sweeps-color-line-strong);
border-radius: 999px;
background: var(--sweeps-color-interaction-hover);
color: var(--sweeps-color-text-soft);
cursor: default;
font-size: 10px;
font-weight: 600;
line-height: 14px;
letter-spacing: 0;
vertical-align: middle;
}
.solver-configs-pui.svelte-veqv3x .group-header-summary {
box-sizing: border-box;
border: 1px solid var(--sweeps-color-line-strong);
}
.solver-configs-pui.svelte-veqv3x .bool-prop .property-name {
padding-top: 0;
}
.solver-configs-pui.svelte-veqv3x .bool-prop .wrapper.compact {
align-items: center;
}
.solver-configs-pui.svelte-veqv3x .property-row:has(.sweeps-step-hint) {
min-height: auto;
margin: -2px 0 4px;
align-items: flex-start;
}
.solver-configs-pui.svelte-veqv3x .property-row:has(.sweeps-step-hint)::before {
content: "";
flex: 3;
}
.solver-configs-pui.svelte-veqv3x .property-row:has(.sweeps-step-hint) .property-name {
flex: 4;
min-height: auto;
padding-top: 0;
}
.solver-configs-pui.svelte-veqv3x .property-row:has(.sweeps-step-hint) .property-name-label {
padding: 0;
margin-left: 0;
}
.solver-configs-pui.svelte-veqv3x .actions-property {
margin: 16px 0 4px;
}
.solver-configs-pui.svelte-veqv3x .sweeps-step-hint {
display: block;
padding: 0 0 2px;
color: var(--sweeps-color-muted);
font: 500 12px / 16px var(--sweeps-font-family-small);
letter-spacing: 0;
}
.solver-configs-pui.svelte-veqv3x .actions-property .action-button .mdc-button {
height: var(--sweeps-input-height);
padding: 0 var(--sweeps-button-md-padding-x);
border-radius: 6px;
font: var(--sweeps-type-button);
}
.solver-configs-pui.svelte-veqv3x .actions-property .property-name {
display: none;
}
.solver-configs-pui.svelte-veqv3x .actions-property .buttons,
.solver-configs-pui.svelte-veqv3x .actions-property .action-button,
.solver-configs-pui.svelte-veqv3x .actions-property .action-button .mdc-button {
width: 100%;
}
.solver-configs-pui.svelte-veqv3x .actions-property .action-button:not(.full-size) .mdc-button {
background: transparent;
color: var(--sweeps-color-muted);
}
.solver-configs-pui.svelte-veqv3x .actions-property .action-button:not(.full-size) .mdc-button:hover {
background: var(--sweeps-color-surface-hover);
color: var(--sweeps-color-text);
}
.solver-configs-pui.svelte-veqv3x .actions-property .action-button.full-size .mdc-button {
background: var(--sweeps-color-text);
color: var(--sweeps-color-surface);
}
.solver-configs-pui.svelte-veqv3x .actions-property .action-button.full-size .mdc-button:hover {
background: var(--sweeps-color-text-soft);
}
.table-filter-card.svelte-val38q {
position: relative;
box-sizing: border-box;
width: 200px;
height: 100px;
flex: 0 0 200px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 14px;
border: 0;
border-radius: 8px;
background: #ffffff;
box-shadow: none;
}
.table-filter-card.svelte-val38q .filter-card-clear:where(.svelte-val38q) {
position: absolute;
top: 8px;
right: 8px;
z-index: 4;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
padding: 0;
border: 0;
border-radius: 6px;
color: #557285;
background: transparent;
cursor: pointer;
}
.table-filter-card.svelte-val38q .filter-card-clear:where(.svelte-val38q):hover {
color: #0f172a;
background: #eef5fa;
}
.table-filter-card.svelte-val38q .filter-card-clear:where(.svelte-val38q):focus-visible {
outline: 2px solid #7fbfff;
outline-offset: 1px;
}
.table-filter-card.svelte-val38q .filter-card-clear:where(.svelte-val38q) svg {
width: 16px;
height: 16px;
}
.table-filter-card.is-active.svelte-val38q {
border: 0;
box-shadow: none;
}
.table-filter-card.has-no-stats.svelte-val38q {
pointer-events: none;
}
.table-filter-card.svelte-val38q .filter-card-title:where(.svelte-val38q) {
display: flex;
flex-direction: column;
min-width: 0;
padding-right: 28px;
gap: 0;
}
.table-filter-card.svelte-val38q .filter-card-value:where(.svelte-val38q) {
min-width: 142px;
width: fit-content;
max-width: 100%;
display: block;
padding: 0;
border: 0;
outline: 0;
background: transparent;
color: #0f172a;
cursor: text;
font: 600 18px / 22px var(--sweeps-font-family);
font-variant-numeric: tabular-nums;
letter-spacing: 0;
text-align: left;
white-space: nowrap;
}
.table-filter-card.svelte-val38q .filter-card-value:where(.svelte-val38q):hover {
color: #1687ff;
}
.table-filter-card.svelte-val38q .filter-card-value:where(.svelte-val38q):focus-visible {
border-radius: 3px;
outline: 2px solid #7fbfff;
outline-offset: 1px;
}
.table-filter-card.svelte-val38q .filter-card-label:where(.svelte-val38q) {
margin-top: 2px;
color: #0f172a;
font: 400 14px / 18px var(--sweeps-font-family-small);
letter-spacing: 0;
white-space: nowrap;
}
.table-filter-card.svelte-val38q .filter-card-title:where(.svelte-val38q) small:where(.svelte-val38q) {
color: #6d8a9c;
font: inherit;
}
.table-filter-card.svelte-val38q .filter-card-skeleton-title:where(.svelte-val38q) {
gap: 8px;
}
.table-filter-card.svelte-val38q .skeleton-line:where(.svelte-val38q),
.table-filter-card.svelte-val38q .skeleton-bar:where(.svelte-val38q),
.table-filter-card.svelte-val38q .filter-card-slider-skeleton:where(.svelte-val38q) .slider-track:where(.svelte-val38q) {
position: relative;
overflow: hidden;
border-radius: 999px;
background: color-mix(in srgb, #d8e3eb 78%, #ffffff);
}
.table-filter-card.is-loading.svelte-val38q .skeleton-line:where(.svelte-val38q)::after,
.table-filter-card.is-loading.svelte-val38q .skeleton-bar:where(.svelte-val38q)::after,
.table-filter-card.is-loading.svelte-val38q .filter-card-slider-skeleton:where(.svelte-val38q) .slider-track:where(.svelte-val38q)::after {
content: "";
position: absolute;
inset: 0;
transform: translateX(-100%);
background: linear-gradient(90deg, transparent, rgb(255 255 255 / 62%), transparent);
animation: svelte-val38q-filter-skeleton-shimmer 1100ms ease-in-out infinite;
}
.table-filter-card.svelte-val38q .skeleton-line-title:where(.svelte-val38q) {
width: 104px;
height: 18px;
}
.table-filter-card.svelte-val38q .skeleton-line-subtitle:where(.svelte-val38q) {
width: 78px;
height: 14px;
}
.table-filter-card.svelte-val38q .filter-card-histogram:where(.svelte-val38q) {
display: flex;
align-items: flex-end;
gap: 1.5px;
height: 26px;
padding: 0 8px;
margin-top: 8px;
}
.table-filter-card.svelte-val38q .histogram-bar:where(.svelte-val38q) {
position: relative;
flex: 1 1 0;
height: 100%;
min-width: 4px;
border-radius: 1px 1px 0 0;
overflow: hidden;
}
.table-filter-card.svelte-val38q .histogram-bar-full:where(.svelte-val38q),
.table-filter-card.svelte-val38q .histogram-bar-filtered:where(.svelte-val38q) {
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-radius: inherit;
}
.table-filter-card.svelte-val38q .histogram-bar-full:where(.svelte-val38q) {
background: #d9dee2;
}
.table-filter-card.svelte-val38q .histogram-bar-filtered:where(.svelte-val38q) {
background: #7fbfff;
}
.table-filter-card.svelte-val38q .histogram-bar.is-outside-range:where(.svelte-val38q) .histogram-bar-filtered:where(.svelte-val38q) {
background: #d9dee2;
}
.table-filter-card.svelte-val38q .filter-card-histogram-skeleton:where(.svelte-val38q) .skeleton-bar:where(.svelte-val38q) {
align-self: flex-end;
background: color-mix(in srgb, #cfdbe4 78%, #ffffff);
}
.table-filter-card.svelte-val38q .filter-card-slider:where(.svelte-val38q) {
position: relative;
height: 18px;
margin-top: -9px;
touch-action: none;
}
.table-filter-card.svelte-val38q .filter-card-range-inputs:where(.svelte-val38q) {
display: grid;
grid-template-columns: 62px auto 62px;
align-items: center;
gap: 4px;
width: max-content;
max-width: 100%;
height: 24px;
}
.table-filter-card.svelte-val38q .filter-card-range-input:where(.svelte-val38q) {
box-sizing: border-box;
width: 100%;
height: 24px;
margin: 0;
padding: 0 6px;
border: 1px solid #d8e3eb;
border-radius: 4px;
outline: 0;
background: #f7fafc;
color: #0f172a;
font: 500 12px / 16px var(--sweeps-font-family-small);
font-variant-numeric: tabular-nums;
letter-spacing: 0;
text-align: left;
}
.table-filter-card.svelte-val38q .filter-card-range-input:where(.svelte-val38q):focus {
border-color: #7fbfff;
background: #ffffff;
}
.table-filter-card.svelte-val38q .filter-card-range-divider:where(.svelte-val38q) {
color: #6d8a9c;
font: 500 12px / 16px var(--sweeps-font-family-small);
letter-spacing: 0;
}
.table-filter-card.svelte-val38q .slider-track-frame:where(.svelte-val38q) {
position: absolute;
left: 10px;
right: 10px;
top: 0;
height: 18px;
touch-action: none;
}
.table-filter-card.svelte-val38q .slider-track:where(.svelte-val38q),
.table-filter-card.svelte-val38q .slider-range:where(.svelte-val38q) {
position: absolute;
left: 0;
right: 0;
top: 9px;
height: 3px;
border-radius: 999px;
}
.table-filter-card.svelte-val38q .slider-track:where(.svelte-val38q) {
background: #a9a9a9;
}
.table-filter-card.svelte-val38q .slider-range:where(.svelte-val38q) {
background: #1687ff;
}
.table-filter-card.svelte-val38q .slider-thumb:where(.svelte-val38q) {
position: absolute;
top: 9px;
z-index: 2;
width: 28px;
height: 28px;
padding: 0;
border: 0;
border-radius: 50%;
transform: translate(-50%, -50%);
background: transparent;
cursor: ew-resize;
touch-action: none;
}
.table-filter-card.svelte-val38q .slider-thumb:where(.svelte-val38q)::after {
content: "";
position: absolute;
left: 5px;
top: 5px;
width: 18px;
height: 18px;
border-radius: 50%;
background:
linear-gradient(#8aa5b8, #8aa5b8) 7px center / 1px 7px no-repeat,
linear-gradient(#8aa5b8, #8aa5b8) 10px center / 1px 7px no-repeat,
#ffffff;
box-shadow: 0 1px 3px rgb(15 23 42 / 16%);
}
.table-filter-card.svelte-val38q .slider-thumb:where(.svelte-val38q):hover::after,
.table-filter-card.svelte-val38q .slider-thumb.is-active-thumb:where(.svelte-val38q)::after {
box-shadow: 0 2px 5px rgb(15 23 42 / 20%);
}
.table-filter-card.svelte-val38q .slider-thumb:where(.svelte-val38q):focus-visible {
outline: 2px solid #7fbfff;
outline-offset: 1px;
}
.table-filter-card.svelte-val38q .slider-thumb.is-active-thumb:where(.svelte-val38q) {
z-index: 3;
}
.table-filter-card.svelte-val38q .slider-thumb-max:where(.svelte-val38q) {
z-index: 2;
}
.table-filter-card.svelte-val38q .slider-thumb-min:where(.svelte-val38q) {
z-index: 2;
}
@keyframes svelte-val38q-filter-skeleton-shimmer {
100% {
transform: translateX(100%);
}
}
.table-filters.svelte-vw4cwb {
position: relative;
flex: 0 0 auto;
margin: 0 0 10px;
}
.filter-cards-row.svelte-vw4cwb {
display: flex;
align-items: stretch;
gap: 8px;
min-width: 0;
overflow-x: auto;
overflow-y: visible;
padding: 0 0 2px;
}
.filter-add-wrap.svelte-vw4cwb {
position: relative;
flex: 0 0 auto;
}
.filter-add-card.svelte-vw4cwb {
width: 42px;
height: 100px;
display: grid;
place-items: center;
border: 0;
border-radius: 8px;
background: color-mix(in srgb, #ffffff 42%, transparent);
color: #6d8a9c;
cursor: pointer;
}
.filter-add-card.svelte-vw4cwb:hover,
.filter-add-card.svelte-vw4cwb:focus-visible {
background: #ffffff;
color: #1687ff;
outline: none;
}
.filter-picker.svelte-vw4cwb {
position: absolute;
z-index: 60;
width: 430px;
max-width: min(430px, calc(100vw - 48px));
border: 1px solid color-mix(in srgb, var(--sweeps-color-line) 74%, transparent);
border-radius: 8px;
background: var(--sweeps-color-surface);
box-shadow: 0 14px 32px color-mix(in srgb, var(--sweeps-color-text) 18%, transparent);
overflow: hidden;
}
.table-filters.is-picker-open.svelte-vw4cwb {
z-index: 60;
}
.filter-picker-search.svelte-vw4cwb {
display: flex;
align-items: center;
gap: 6px;
padding: 10px;
}
.search-field.svelte-vw4cwb {
height: 36px;
flex: 1 1 auto;
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
padding: 0 10px;
border: 1px solid var(--sweeps-color-muted);
border-radius: 6px;
color: var(--sweeps-color-muted);
background: var(--sweeps-color-surface);
}
.search-field.svelte-vw4cwb input:where(.svelte-vw4cwb) {
width: 100%;
min-width: 0;
border: 0;
outline: 0;
background: transparent;
color: var(--sweeps-color-text);
font: var(--sweeps-type-body);
letter-spacing: 0;
}
.search-field.svelte-vw4cwb input:where(.svelte-vw4cwb)::placeholder {
color: var(--sweeps-color-muted);
}
.filter-picker-search.svelte-vw4cwb button:where(.svelte-vw4cwb) {
height: 36px;
padding: 0 12px;
border: 0;
border-radius: 6px;
background: var(--sweeps-color-surface-hover);
color: var(--sweeps-color-text);
cursor: pointer;
font: var(--sweeps-type-button);
letter-spacing: 0;
}
.filter-picker-list.svelte-vw4cwb {
max-height: 310px;
overflow-y: auto;
}
.filter-picker-list.svelte-vw4cwb button:where(.svelte-vw4cwb) {
width: 100%;
min-height: 46px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 0 14px;
border: 0;
border-top: 1px solid color-mix(in srgb, var(--sweeps-color-line) 72%, transparent);
background: var(--sweeps-color-surface);
color: var(--sweeps-color-text);
cursor: pointer;
text-align: left;
font: var(--sweeps-type-body);
letter-spacing: 0;
}
.filter-picker-list.svelte-vw4cwb button:where(.svelte-vw4cwb):hover {
background: var(--sweeps-color-surface-hover);
}
.filter-picker-list.svelte-vw4cwb button.selected:where(.svelte-vw4cwb) {
color: var(--sweeps-color-text-soft);
}
.filter-selected-check.svelte-vw4cwb {
width: 16px;
height: 16px;
flex: 0 0 auto;
display: grid;
place-items: center;
}
.filter-selected-check.svelte-vw4cwb svg:where(.svelte-vw4cwb) {
width: 16px;
height: 16px;
}
.filter-selected-check.svelte-vw4cwb path:where(.svelte-vw4cwb) {
fill: none;
stroke: #03b323;
stroke-width: 1px;
stroke-linecap: round;
stroke-linejoin: round;
}
.filter-picker-list.svelte-vw4cwb button.selected:where(.svelte-vw4cwb) svg {
color: #03b323;
}
.filter-picker-list.svelte-vw4cwb small:where(.svelte-vw4cwb),
.no-parameters.svelte-vw4cwb {
color: var(--sweeps-color-muted);
font: inherit;
}
.no-parameters.svelte-vw4cwb {
padding: 12px 14px 16px;
}
.tracker-options-property.svelte-1mjox8l {
width: 100%;
align-items: stretch;
}
.tracker-options-panel.svelte-1mjox8l {
display: grid;
width: 100%;
min-width: 0;
gap: 6px;
}
.tracker-options-title-row.svelte-1mjox8l {
width: 100%;
min-width: 0;
align-items: center;
}
.tracker-options-strings-input.svelte-1mjox8l {
min-width: 0;
}
.tracker-options-strings-input.svelte-1mjox8l .ui-config-property.property-row {
min-height: var(--sweeps-input-height, 26px);
margin: 0;
gap: 0;
}
.tracker-options-strings-input.svelte-1mjox8l .property-name {
display: none;
}
.tracker-options-strings-input.svelte-1mjox8l .property-value {
flex: 1;
width: 100%;
min-height: var(--sweeps-input-height, 26px);
}
.tracker-options-table.svelte-1mjox8l {
--tracker-options-row-height: 24px;
display: grid;
width: calc(100% - var(--offset, 0px));
margin-left: var(--offset, 0px);
min-width: 0;
row-gap: 2px;
}
.tracker-options-header.svelte-1mjox8l,
.tracker-options-row.svelte-1mjox8l {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr)) var(--sweeps-input-height, 26px);
column-gap: 4px;
align-items: center;
}
.tracker-options-column-label.svelte-1mjox8l {
display: flex;
align-items: center;
min-height: 16px;
color: var(--sweeps-color-muted, var(--color-main-light));
font: 500 12px/16px var(--sweeps-font-family-small, inherit);
letter-spacing: 0;
}
.tracker-options-cell.svelte-1mjox8l {
min-width: 0;
}
.tracker-options-cell.svelte-1mjox8l .custom-input-container {
height: var(--tracker-options-row-height);
min-height: var(--tracker-options-row-height);
}
.action-column.svelte-1mjox8l,
.tracker-options-action-cell.svelte-1mjox8l {
width: var(--sweeps-input-height, 26px);
}
.tracker-options-action-cell.svelte-1mjox8l {
display: flex;
align-items: center;
justify-content: center;
}
.tracker-options-icon-button.svelte-1mjox8l {
box-sizing: border-box;
width: var(--sweeps-input-height, 26px);
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
border: 1px solid var(--sweeps-input-border, transparent);
border-radius: var(--sweeps-input-radius, var(--mdc-shape-medium));
background: var(--sweeps-input-bg, var(--color-alt));
color: var(--sweeps-color-muted, var(--color-main-light));
cursor: pointer;
}
.tracker-options-icon-button.svelte-1mjox8l {
height: var(--tracker-options-row-height);
}
.tracker-options-icon-button.svelte-1mjox8l:hover:not(:disabled),
.tracker-options-icon-button.svelte-1mjox8l:focus-visible:not(:disabled) {
border-color: var(--sweeps-input-focus-border, var(--color-main-light));
background: var(--sweeps-input-hover-bg, var(--color-alt));
color: var(--sweeps-color-text, var(--color-main-dark));
}
.tracker-options-icon-button.svelte-1mjox8l:disabled {
opacity: 0.5;
cursor: default;
}
.zone-preview-empty.svelte-1e0yena {
box-sizing: border-box;
display: flex;
width: 100%;
height: 100%;
min-width: 0;
min-height: 0;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 40px;
padding: 16px;
color: var(--sweeps-color-muted);
text-align: center;
}
.zone-preview-visual.svelte-1e0yena {
display: block;
flex: 0 1 175px;
width: min(100%, 420px);
min-height: 140px;
max-height: 175px;
overflow: visible;
}
.zone-preview-visual.svelte-1e0yena .zone-label:where(.svelte-1e0yena) rect:where(.svelte-1e0yena) {
fill: #f7f7f8;
stroke: #c0c6ce;
stroke-width: 0.8;
}
.zone-preview-visual.svelte-1e0yena .zone-one-label:where(.svelte-1e0yena) circle:where(.svelte-1e0yena) {
fill: #3483d5;
}
.zone-preview-visual.svelte-1e0yena .zone-two-label:where(.svelte-1e0yena) circle:where(.svelte-1e0yena) {
fill: #20a39b;
}
.zone-preview-visual.svelte-1e0yena text:where(.svelte-1e0yena) {
font-family: var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
fill: var(--sweeps-color-muted);
font-size: 8px;
font-weight: 600;
letter-spacing: 0.04em;
}
.zone-preview-visual.svelte-1e0yena .zone-label:where(.svelte-1e0yena) text:where(.svelte-1e0yena) {
fill: #0f172a;
font-size: 10px;
font-weight: 400;
letter-spacing: 0;
}
.zone-preview-visual.svelte-1e0yena .variant-layer:where(.svelte-1e0yena) {
transform-box: fill-box;
transform-origin: center top;
opacity: 0;
animation: svelte-1e0yena-spread-zone-variant 420ms cubic-bezier(0.16, 1, 0.3, 1) both;
animation-delay: calc(var(--layer-index) * 90ms);
}
.zone-preview-visual.svelte-1e0yena .variant-label:where(.svelte-1e0yena) {
opacity: 0;
animation: svelte-1e0yena-reveal-zone-variant 240ms ease-out both;
animation-delay: calc(780ms + var(--layer-index) * 70ms);
}
.zone-preview-visual.svelte-1e0yena .variant-label-text:where(.svelte-1e0yena) {
fill: var(--sweeps-color-text-soft);
font-size: 11px;
font-weight: 500;
letter-spacing: 0;
}
.zone-preview-visual.svelte-1e0yena .variant-more:where(.svelte-1e0yena) {
fill: var(--sweeps-color-muted);
font-size: 12px;
opacity: 0;
animation: svelte-1e0yena-reveal-zone-variant 240ms ease-out 1.4s both;
}
.zone-preview-no-scenarios-visual.svelte-1e0yena {
display: block;
flex: 0 1 175px;
width: min(100%, 371px);
min-height: 0;
max-height: 175px;
aspect-ratio: 371 / 175;
}
.zone-preview-no-scenarios-visual.svelte-1e0yena .zone-one-label:where(.svelte-1e0yena) circle:where(.svelte-1e0yena) {
fill: #3483d5;
}
.zone-preview-no-scenarios-visual.svelte-1e0yena .zone-two-label:where(.svelte-1e0yena) circle:where(.svelte-1e0yena) {
fill: #20a39b;
}
.zone-preview-no-scenarios-visual.svelte-1e0yena .zone-label:where(.svelte-1e0yena) rect:where(.svelte-1e0yena) {
fill: #f7f7f8;
stroke: #c0c6ce;
stroke-width: 0.8;
}
.zone-preview-no-scenarios-visual.svelte-1e0yena .zone-label:where(.svelte-1e0yena) text:where(.svelte-1e0yena) {
fill: #0f172a;
font-family: Inter, var(--sweeps-font-family, "Source Sans 3", sans-serif);
font-size: 10px;
font-weight: 400;
letter-spacing: 0;
}
.zone-preview-no-scenarios-visual.svelte-1e0yena .variant-label:where(.svelte-1e0yena) {
opacity: 0;
animation: svelte-1e0yena-reveal-zone-variant 240ms ease-out both;
animation-delay: calc(780ms + var(--layer-index) * 70ms);
}
.zone-preview-no-scenarios-visual.svelte-1e0yena .variant-label-text:where(.svelte-1e0yena) {
fill: #6d8a9c;
font-size: 11px;
font-weight: 400;
letter-spacing: 0;
}
.zone-preview-no-scenarios-visual.svelte-1e0yena .variant-more:where(.svelte-1e0yena) {
fill: #6d8a9c;
font-size: 12px;
font-weight: 400;
letter-spacing: 0;
opacity: 0;
animation: svelte-1e0yena-reveal-zone-variant 240ms ease-out 1.4s both;
}
.zone-preview-empty--no-scenarios.svelte-1e0yena .zone-preview-copy:where(.svelte-1e0yena) {
max-width: 300px;
}
.zone-preview-empty--no-scenarios.svelte-1e0yena .zone-preview-copy:where(.svelte-1e0yena) p:where(.svelte-1e0yena) {
max-width: 266px;
margin-inline: auto;
font: 400 14px / 18px var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
}
.zone-preview-action-button {
--sweeps-button-radius: 6px;
--sweeps-button-font: 500 14px / 24px
var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
}
.sweeps-button.zone-preview-action-button {
height: auto;
max-width: 100%;
min-height: var(--sweeps-button-md-height);
padding-block: 6px;
text-align: center;
white-space: normal;
}
.zone-preview-copy.svelte-1e0yena {
width: 100%;
max-width: 340px;
}
.zone-preview-copy.svelte-1e0yena h2:where(.svelte-1e0yena) {
margin: 0 0 12px;
color: var(--sweeps-color-text);
font: var(
--sweeps-type-h2,
600 18px / 1.3 var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif)
);
}
.zone-preview-copy.svelte-1e0yena p:where(.svelte-1e0yena) {
margin: 0;
color: var(--sweeps-color-text-soft);
font: 400 14px / 1.4 var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
}
.zone-preview-results-caption.svelte-1e0yena {
color: var(--sweeps-color-muted);
font: 400 14px / 1.35 var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
}
@keyframes svelte-1e0yena-spread-zone-variant {
from {
opacity: 0;
transform: translateY(-9px) scaleY(0.55);
}
to {
opacity: 1;
transform: translateY(0) scaleY(1);
}
}
@keyframes svelte-1e0yena-reveal-zone-variant {
from {
opacity: 0;
transform: scale(0.92);
}
to {
opacity: 1;
transform: scale(1);
}
}
@media (prefers-reduced-motion: reduce) {
.zone-preview-visual.svelte-1e0yena .variant-layer:where(.svelte-1e0yena),
.zone-preview-visual.svelte-1e0yena .variant-label:where(.svelte-1e0yena),
.zone-preview-visual.svelte-1e0yena .variant-more:where(.svelte-1e0yena),
.zone-preview-no-scenarios-visual.svelte-1e0yena .variant-label:where(.svelte-1e0yena),
.zone-preview-no-scenarios-visual.svelte-1e0yena .variant-more:where(.svelte-1e0yena) {
animation: none;
opacity: 1;
transform: none;
}
}
.top-brand-group.svelte-jrb56d {
display: inline-flex;
align-items: center;
flex: 0 0 auto;
gap: 4px;
}
.top-brand.svelte-jrb56d {
display: flex;
align-items: center;
flex: 0 0 auto;
height: 40px;
margin-right: 0;
padding: 0;
gap: 8px;
border: 0;
border-radius: 10px;
background: transparent;
color: var(--sweeps-color-text);
cursor: pointer;
font: var(--sweeps-type-h3);
letter-spacing: 0;
}
.top-brand.svelte-jrb56d:focus-visible {
outline: 2px solid var(--sweeps-color-muted);
outline-offset: 3px;
}
.top-brand.svelte-jrb56d:disabled {
cursor: default;
}
.pro-chip.svelte-jrb56d {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-width: 28px;
height: 18px;
padding: 0 6px;
border: 0;
border-radius: 999px;
background: var(--sweeps-color-surface, #ffffff);
color: var(--sweeps-color-accent, #ff6f21);
cursor: pointer;
font: 600 10px/14px var(--sweeps-font-family, Inter, sans-serif);
letter-spacing: 0.01em;
transition: background-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}
.pro-chip.svelte-jrb56d:hover:not(:disabled) {
background: var(--sweeps-color-interaction-hover, #eef4fc);
color: var(--sweeps-color-accent, #ff6f21);
box-shadow: none;
}
.pro-chip.svelte-jrb56d:active:not(:disabled) {
background: var(--sweeps-color-interaction-hover, #eef4fc);
color: var(--sweeps-color-accent, #ff6f21);
}
.pro-chip.svelte-jrb56d:focus-visible {
outline: 2px solid var(--sweeps-button-focus, #90caff);
outline-offset: 2px;
}
.pro-chip.svelte-jrb56d:disabled {
cursor: default;
opacity: 0.55;
}
@media (max-width: 1100px) {
.top-brand-label.svelte-jrb56d {
display: none;
}
.top-brand.svelte-jrb56d {
margin-right: 0;
}
}
.sweeps-tabs.svelte-sqj3lh {
box-sizing: border-box;
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
height: 40px;
overflow-x: auto;
scrollbar-width: none;
}
.sweeps-tabs.svelte-sqj3lh::-webkit-scrollbar {
display: none;
}
.sweeps-tab.svelte-sqj3lh {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
height: 40px;
min-width: 0;
gap: 6px;
padding: 12px 8px;
border: 0;
border-radius: 6px;
background: transparent;
color: var(--sweeps-color-text);
font: var(--sweeps-type-button);
letter-spacing: 0;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
transition: background-color 120ms ease, box-shadow 120ms ease, transform 90ms ease;
will-change: transform;
}
.sweeps-tab--main.svelte-sqj3lh {
padding: 12px 16px;
font: var(--sweeps-type-body-bold);
}
.sweeps-tab--compact.svelte-sqj3lh {
padding: 12px 8px;
font: var(--sweeps-type-button);
}
.sweeps-tab--active.svelte-sqj3lh {
background: var(--sweeps-color-surface);
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}
.sweeps-tab.svelte-sqj3lh:hover {
background: color-mix(in srgb, var(--sweeps-color-surface) 52%, transparent);
}
.sweeps-tab--active.svelte-sqj3lh:hover {
background: var(--sweeps-color-surface);
}
.sweeps-tab.svelte-sqj3lh:active {
transform: translateY(0.5px) scale(0.985);
}
.sweeps-tab.svelte-sqj3lh:focus-visible {
outline: 2px solid var(--sweeps-color-muted);
outline-offset: 2px;
}
.sweeps-tab__icon.svelte-sqj3lh {
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
flex: 0 0 16px;
}
.sweeps-tab__icon.svelte-sqj3lh svg {
display: block;
width: 16px;
height: 16px;
}
.sweeps-tab__label.svelte-sqj3lh {
overflow: hidden;
text-overflow: ellipsis;
}
.sweeps-tab.svelte-sqj3lh::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background: color-mix(in srgb, var(--sweeps-color-accent) 28%, transparent);
border-radius: 10%;
transform: translate(-50%, -50%);
}
.sweeps-tab.animated.svelte-sqj3lh::after {
animation: svelte-sqj3lh-expand-glow 2s infinite;
}
@keyframes svelte-sqj3lh-expand-glow {
0% {
width: 0;
height: 0;
opacity: 1;
}
100% {
width: 120%;
height: 120%;
opacity: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.sweeps-tab.svelte-sqj3lh {
transition: none;
will-change: auto;
}
.sweeps-tab.svelte-sqj3lh:active {
transform: none;
}
}
.top-navigation.svelte-36a2e6 {
box-sizing: border-box;
width: 100%;
min-width: 0;
height: 64px;
padding: 8px 16px;
border-bottom: 0;
background: var(--sweeps-color-app-bg);
}
.top-navigation-bar.svelte-36a2e6 {
box-sizing: border-box;
display: flex;
align-items: center;
width: 100%;
min-width: 0;
height: 48px;
gap: 8px;
}
.top-navigation-bar > .top-brand-group {
margin-right: 16px;
}
.top-route-flow.svelte-36a2e6,
.top-subpage-flow.svelte-36a2e6 {
display: flex;
align-items: center;
min-width: 0;
}
.top-nav-bar-split-icon.svelte-36a2e6 {
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 40px;
flex: 0 0 16px;
color: var(--sweeps-color-muted);
}
.top-nav-bar-split-icon.svelte-36a2e6 svg {
width: 16px;
height: 16px;
}
.top-nav-bar-split-icon.svelte-36a2e6 svg,
.top-nav-bar-split-icon.svelte-36a2e6 svg * {
stroke-width: 1px !important;
vector-effect: non-scaling-stroke;
}
.top-route-flow.svelte-36a2e6 {
flex: 1 1 auto;
gap: 8px;
overflow-x: auto;
scrollbar-width: none;
}
.top-route-flow.svelte-36a2e6::-webkit-scrollbar {
display: none;
}
.top-subpage-flow.svelte-36a2e6 {
gap: 8px;
}
.top-expanded-route-group.svelte-36a2e6 {
box-sizing: border-box;
display: flex;
align-items: center;
gap: 8px;
height: 40px;
padding: 0 8px;
border-radius: 8px;
background: var(--sweeps-color-surface);
flex: 0 0 auto;
}
.top-expanded-route-group.svelte-36a2e6 .sweeps-tab--active {
background: transparent;
box-shadow: none;
}
.top-inline-actions.svelte-36a2e6 {
display: flex;
align-items: center;
gap: 8px;
}
.top-right-buttons.svelte-36a2e6 {
margin-left: auto;
margin-right: 0;
display: flex;
gap: 8px;
align-items: center;
flex: 0 0 auto;
}
.top-inline-actions.svelte-36a2e6 .top-nav-action-button.sweeps-button {
height: 32px;
padding: 0 12px;
border-color: transparent;
background: var(--sweeps-color-surface-hover);
color: var(--sweeps-color-text);
box-shadow: none;
}
.top-inline-actions.svelte-36a2e6 .top-nav-action-button.sweeps-button:hover {
background: var(--sweeps-color-control-hover);
color: var(--sweeps-color-ink-hover);
}
.top-right-buttons.svelte-36a2e6 .top-nav-action-button.sweeps-button {
height: 40px;
padding: 0 0;
border-color: transparent;
background: transparent;
color: var(--sweeps-color-text);
box-shadow: none;
}
.top-right-buttons.svelte-36a2e6 .top-nav-action-button.sweeps-button:hover {
background: transparent;
color: var(--sweeps-color-ink-hover);
}
.sweeps-status-progress.svelte-13gsw2t {
width: 100%;
}
.track.svelte-13gsw2t {
position: relative;
width: 100%;
height: 6px;
overflow: hidden;
border: 0;
border-radius: 999px;
background: var(--sweeps-color-surface, #ffffff);
box-shadow: none;
}
.track.complete.svelte-13gsw2t {
background: var(--sweeps-color-surface, #ffffff);
}
.fill.svelte-13gsw2t {
height: 100%;
min-width: 0%;
max-width: 100%;
border-radius: 999px;
background: var(--sweeps-color-accent, #ff6f21);
transition: width 180ms ease-out;
}
.fill.indeterminate.svelte-13gsw2t {
width: 38%;
animation: svelte-13gsw2t-sweeps-progress-indeterminate 1.1s ease-in-out infinite;
will-change: transform;
}
.fill.complete.svelte-13gsw2t {
background: var(--sweeps-color-progress-complete, #12b76a);
}
.fill.has-errors.svelte-13gsw2t {
background: color-mix(in srgb, var(--sweeps-color-warning) 72%, var(--sweeps-color-accent, #ff6f21));
}
@keyframes svelte-13gsw2t-sweeps-progress-indeterminate {
0% {
transform: translateX(-120%);
}
100% {
transform: translateX(320%);
}
}
.layout-run-progress.svelte-100kygx {
box-sizing: border-box;
display: flex;
align-items: center;
gap: 8px;
width: auto;
max-width: min(34vw, 380px);
min-width: 0;
height: 40px;
margin-right: 28px;
flex: 0 1 auto;
}
.progress-copy.svelte-100kygx {
display: flex;
align-items: baseline;
gap: 4px;
flex: 0 1 auto;
min-width: 0;
overflow: hidden;
white-space: nowrap;
}
.progress-title.svelte-100kygx,
.progress-caption.svelte-100kygx {
min-width: 0;
overflow: hidden;
color: var(--sweeps-color-muted);
font: 400 13px/16px var(--sweeps-font-family-small);
text-overflow: ellipsis;
white-space: nowrap;
}
.progress-caption.svelte-100kygx {
flex: 0 0 auto;
color: var(--sweeps-color-text-soft);
}
.progress-track.svelte-100kygx {
width: 59px;
min-width: 59px;
flex: 0 0 59px;
}
@media (max-width: 1360px) {
.layout-run-progress.svelte-100kygx {
max-width: 320px;
margin-right: 24px;
}
.progress-track.svelte-100kygx {
width: 53px;
min-width: 53px;
flex-basis: 53px;
}
}
@media (max-width: 1180px) {
.layout-run-progress.svelte-100kygx {
display: none;
}
}
.optimize-details-layout.svelte-h8wnvx {
display: flex;
flex: 1;
min-width: 0;
min-height: 0;
overflow: hidden;
position: relative;
}
.optimize-workspace.svelte-h8wnvx {
position: absolute;
top: 0;
bottom: 0;
min-width: 0;
min-height: 0;
display: flex;
}
.optimize-workspace-frame.svelte-h8wnvx {
box-sizing: border-box;
position: relative;
display: flex;
width: 100%;
height: 100%;
min-width: 0;
min-height: 0;
padding: var(--sweeps-page-padding);
overflow: hidden;
background: var(--sweeps-color-app-bg);
}
.optimize-workspace--with-layout-panel.svelte-h8wnvx .optimize-workspace-frame:where(.svelte-h8wnvx) {
padding-left: 10px;
}
.optimize-settings-card.svelte-h8wnvx,
.optimize-main-content.svelte-h8wnvx {
min-width: 0;
min-height: 0;
}
.optimize-settings-card.svelte-h8wnvx {
display: flex;
flex: 1 1 auto;
width: 100%;
height: 100%;
overflow: hidden;
}
.optimize-main-content.svelte-h8wnvx {
flex: 1 1 auto;
width: 100%;
container-name: optimize-main-content;
container-type: inline-size;
display: flex;
flex-direction: column;
overflow-x: hidden;
overflow-y: hidden;
}
.optimize-analysis-region.svelte-h8wnvx {
display: grid;
grid-template-areas: "preview controls";
grid-template-columns: minmax(320px, min(38%, 460px)) minmax(0, 1fr);
align-items: stretch;
gap: 10px;
flex: 0 0 auto;
min-width: 0;
margin-bottom: 10px;
}
.optimize-analysis-controls.svelte-h8wnvx {
grid-area: controls;
display: flex;
flex-direction: column;
min-width: 0;
}
.optimize-analysis-controls.svelte-h8wnvx .table-filters {
margin-bottom: 0;
}
.optimize-layout-preview-panel.svelte-h8wnvx {
grid-area: preview;
display: flex;
min-width: 0;
min-height: 0;
overflow: hidden;
}
.optimize-analysis-region--details.svelte-h8wnvx {
grid-template-areas: "controls";
grid-template-columns: minmax(0, 1fr);
}
.optimize-chart-toolbar.svelte-h8wnvx {
display: flex;
flex: 0 0 auto;
align-items: center;
gap: 12px;
margin-bottom: 10px;
min-width: 0;
overflow-x: auto;
overflow-y: hidden;
}
.optimize-chart-presets.svelte-h8wnvx {
display: flex;
align-items: center;
gap: 8px;
flex: 0 0 auto;
}
.optimize-chart-presets.svelte-h8wnvx button:where(.svelte-h8wnvx) {
box-sizing: border-box;
min-width: max-content;
height: 40px;
padding: 0 14px;
border: 1px solid transparent;
border-radius: 8px;
background: var(--sweeps-color-surface-hover);
color: var(--sweeps-color-text);
cursor: pointer;
font: var(--sweeps-type-button);
line-height: 40px;
letter-spacing: 0;
}
.optimize-chart-presets.svelte-h8wnvx button.active-chart-preset:where(.svelte-h8wnvx) {
background: var(--sweeps-color-surface);
}
.optimize-chart-presets.svelte-h8wnvx .settings-toggle:where(.svelte-h8wnvx) {
display: inline-flex;
align-items: center;
gap: 6px;
border-color: color-mix(in srgb, var(--sweeps-color-line-strong) 78%, transparent);
}
.settings-toggle-icon.svelte-h8wnvx {
display: inline-flex;
width: 16px;
height: 16px;
color: currentColor;
}
.settings-toggle-icon.svelte-h8wnvx svg {
width: 16px;
height: 16px;
}
.optimize-custom-chart-fields.svelte-h8wnvx {
display: flex;
flex: 0 0 auto;
gap: 8px;
align-items: center;
min-width: 0;
margin: 0;
}
.chart-axis-field.svelte-h8wnvx {
box-sizing: border-box;
display: inline-flex;
align-items: center;
gap: 6px;
height: 40px;
min-width: 0;
margin: 0;
}
.chart-axis-label.svelte-h8wnvx {
flex: 0 0 auto;
color: var(--sweeps-color-muted);
font-size: 12px;
font-weight: 500;
line-height: 40px;
letter-spacing: 0;
}
.chart-axis-select.svelte-h8wnvx {
display: block;
width: 190px;
height: 40px;
min-width: 0;
flex: 0 0 190px;
}
.optimize-main-content.svelte-h8wnvx .optimize-table-card.sweeps-panel-card:where(.svelte-h8wnvx) {
position: relative;
flex: 1 1 0;
min-height: 0;
}
.optimize-charts-card.svelte-h8wnvx {
flex: 0 0 320px;
margin-bottom: 10px;
}
@container optimize-main-content (max-width: 920px) {
.optimize-analysis-region.svelte-h8wnvx {
grid-template-areas:
"preview"
"controls";
grid-template-columns: minmax(0, 1fr);
}
.optimize-analysis-region--details.svelte-h8wnvx {
grid-template-areas: "controls";
}
.optimize-layout-preview-panel.svelte-h8wnvx {
min-height: 280px;
}
.optimize-main-content.svelte-h8wnvx .optimize-table-card.sweeps-panel-card:where(.svelte-h8wnvx) {
flex: 0 0 480px;
min-height: 360px;
}
}
@media (max-width: 920px) {
.optimize-main-content.svelte-h8wnvx {
overflow-y: auto;
}
}
.layout-details-panel.svelte-h8wnvx {
position: absolute;
top: 0;
bottom: 0;
min-width: 0;
min-height: 0;
border-left: 0;
background: transparent;
}
.optimize-details-layout.svelte-h8wnvx .separator {
background-color: transparent;
}
.optimize-config-scroll.svelte-h8wnvx {
box-sizing: border-box;
position: relative;
flex: 1 1 0;
width: 100%;
min-width: 0;
height: 100%;
overflow-y: auto;
--sweeps-panel-gutter: 16px;
}
.settings-panel-title.svelte-h8wnvx {
box-sizing: border-box;
display: flex;
align-items: center;
height: 52px;
padding: 0 var(--sweeps-panel-gutter, 16px);
}
.settings-panel-title.svelte-h8wnvx h2:where(.svelte-h8wnvx) {
margin: 0;
color: var(--sweeps-color-text);
font: var(--sweeps-type-h2);
letter-spacing: 0;
}
.optimize-config-pui.svelte-h8wnvx {
box-sizing: border-box;
width: 100%;
min-width: 0;
padding: 0 var(--sweeps-panel-gutter) 16px;
container-name: optimize-settings-pui;
container-type: inline-size;
}
.optimize-config-pui.svelte-h8wnvx .custom-multiselect .custom-svelecte-control .sv-control--selection {
flex-direction: row;
flex-wrap: wrap;
}
.optimize-config-pui.svelte-h8wnvx .property-view .ui-config-property.property-row:not(.name-hidden) {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
column-gap: 12px;
}
.optimize-config-pui.svelte-h8wnvx .property-view .property-name-label {
white-space: nowrap;
}
.optimize-config-pui.svelte-h8wnvx .property-view .property-name,
.optimize-config-pui.svelte-h8wnvx .property-view .property-value {
width: 100%;
min-width: 0;
}
.optimize-config-pui.svelte-h8wnvx .sweeps-pui-root .property-view .property-name .property-name-label {
margin-left: 0;
}
.optimize-config-pui.svelte-h8wnvx .property-view {
margin-bottom: 8px;
}
.optimize-config-pui.svelte-h8wnvx .group,
.optimize-config-pui.svelte-h8wnvx .group-content,
.optimize-config-pui.svelte-h8wnvx .group-title-container {
background: transparent;
}
.optimize-config-pui.svelte-h8wnvx .group.root-level,
.optimize-config-pui.svelte-h8wnvx .group.first-level,
.optimize-config-pui.svelte-h8wnvx .group.first-level.collapsible,
.optimize-config-pui.svelte-h8wnvx .group-content {
margin: 0;
padding: 0;
}
.optimize-config-pui.svelte-h8wnvx .group.root-level > .group-content > .group.first-level {
margin-top: 24px;
}
.optimize-config-pui.svelte-h8wnvx .group-title-container {
min-height: 32px;
padding: 0;
gap: 8px;
}
.optimize-config-pui.svelte-h8wnvx .group-title-container .property-group-name {
color: var(--sweeps-color-text);
font: var(--sweeps-type-body-bold);
letter-spacing: 0;
text-transform: none;
}
.optimize-config-pui.svelte-h8wnvx .group.first-level > .group-content {
padding-top: 8px;
}
.optimize-config-pui.svelte-h8wnvx .group[data-name="BESS Parameters"] {
margin-top: 8px;
}
.optimize-config-pui.svelte-h8wnvx .group[data-name="BESS Parameters"] > .group-title-container {
min-height: 40px;
padding: 4px 8px;
border-radius: 8px;
cursor: pointer;
transition: background-color 120ms ease;
}
.optimize-config-pui.svelte-h8wnvx .group[data-name="BESS Parameters"] > .group-title-container:hover {
background: var(--sweeps-color-surface-hover);
}
.optimize-config-pui.svelte-h8wnvx .group[data-name="BESS Parameters"] > .group-content {
margin: 0;
padding: 8px 0 0;
}
@container optimize-settings-pui (max-width: 420px) {
.optimize-config-pui.svelte-h8wnvx .property-view .ui-config-property.property-row:not(.name-hidden) {
display: grid;
grid-template-columns: minmax(0, 1fr);
row-gap: 4px;
}
.optimize-config-pui.svelte-h8wnvx .property-view .property-name-label {
white-space: normal;
}
.optimize-config-pui.svelte-h8wnvx .ui-config-property.property-row > .property-name,
.optimize-config-pui.svelte-h8wnvx .ui-config-property.property-row > .property-value {
box-sizing: border-box;
width: 100%;
min-width: 0;
}
}
.optimize-grid-shell.svelte-h8wnvx {
position: relative;
width: 100%;
height: 100%;
min-width: 0;
min-height: 0;
}
.optimize-grid-preloader.svelte-h8wnvx {
position: absolute;
inset: 0;
z-index: 10;
display: grid;
place-items: center;
background: color-mix(in srgb, var(--sweeps-color-surface) 86%, transparent);
}
.optimize-table-card.svelte-h8wnvx .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
.optimize-table-card.svelte-h8wnvx .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
transition: opacity 220ms ease;
}
.layout-details.svelte-5nhokr {
--sweeps-panel-gutter: 0px;
--detail-cell-padding: 10px;
height: 100%;
min-width: 0;
min-height: 0;
display: flex;
flex-direction: column;
background: transparent;
overflow: hidden;
}
.layout-details-title-row.svelte-5nhokr {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
flex: 0 0 auto;
min-height: 56px;
padding: 8px 0;
border-bottom: 1px solid var(--sweeps-color-line);
box-sizing: border-box;
}
.layout-details-actions.svelte-5nhokr {
display: flex;
flex: 0 0 auto;
margin-left: auto;
align-items: center;
justify-content: flex-end;
gap: 4px;
}
.layout-details-action.sweeps-button--ghost {
--sweeps-button-ghost-hover-bg: var(--sweeps-color-control-hover);
--sweeps-button-ghost-hover-border: var(--sweeps-color-line-strong);
--sweeps-button-ghost-active-bg: var(--sweeps-color-control-active);
--sweeps-button-ghost-active-border: var(--sweeps-color-line-strong);
--sweeps-button-radius: 6px;
}
.layout-details-title-row.svelte-5nhokr .mdc-button {
min-width: 156px;
height: 40px;
padding: 0 18px;
border-color: var(--sweeps-color-text);
border-radius: 6px;
background: var(--sweeps-color-text);
color: var(--sweeps-color-surface);
font: var(--sweeps-type-button);
}
.layout-details-title-row.svelte-5nhokr .mdc-button:hover {
background: var(--sweeps-color-text-soft);
border-color: var(--sweeps-color-text-soft);
color: var(--sweeps-color-surface);
}
.layout-details-table-title-row.svelte-5nhokr {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
min-height: 48px;
padding: 0 var(--sweeps-panel-gutter, 16px);
background: transparent;
box-sizing: border-box;
}
.layout-details-table-title.svelte-5nhokr {
margin: 0;
color: var(--sweeps-color-text);
font: var(--sweeps-type-h2);
letter-spacing: 0;
min-width: 0;
}
.layout-details-table-title-grid.svelte-5nhokr {
display: grid;
align-items: end;
width: 100%;
overflow: hidden;
}
.layout-details-table-title-cell.svelte-5nhokr {
min-width: 0;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 8px;
padding: 0 var(--detail-cell-padding, 10px) 10px;
box-sizing: border-box;
}
.zone-preview-cell.svelte-5nhokr {
min-width: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
gap: 6px;
padding: 8px 10px 10px;
border-left: 1px solid transparent;
background: transparent;
color: var(--sweeps-color-text);
box-sizing: border-box;
}
.zone-preview-thumb.svelte-5nhokr {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
color: var(--sweeps-color-accent);
}
.zone-preview-thumb.svelte-5nhokr img:where(.svelte-5nhokr) {
display: block;
max-width: 42px;
max-height: 42px;
object-fit: contain;
}
.zone-preview-label.svelte-5nhokr {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
font: var(--sweeps-type-body);
letter-spacing: 0;
}
.zone-details-button {
--sweeps-button-height: 34px;
--sweeps-button-padding-x: 0;
--sweeps-button-gap: 3px;
--sweeps-button-font: 400 16px / 20px
var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
--sweeps-button-ghost-bg: transparent;
--sweeps-button-ghost-border: transparent;
--sweeps-button-ghost-fg: var(--sweeps-color-muted);
--sweeps-button-ghost-hover-bg: transparent;
--sweeps-button-ghost-hover-border: transparent;
--sweeps-button-ghost-hover-fg: var(--sweeps-color-text);
--sweeps-button-ghost-active-bg: transparent;
--sweeps-button-ghost-active-border: transparent;
--sweeps-button-ghost-active-fg: var(--sweeps-color-text);
background: transparent !important;
border-color: transparent !important;
box-shadow: none !important;
height: 34px !important;
min-height: 34px;
padding: 0 !important;
gap: 3px !important;
color: var(--sweeps-color-muted) !important;
font: 400 16px / 20px var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif) !important;
}
.zone-details-button:hover {
color: var(--sweeps-color-text) !important;
}
.zone-details-button .sweeps-button__icon {
width: 16px;
height: 16px;
flex-basis: 16px;
}
.zone-details-button .sweeps-button__icon svg {
width: 16px;
height: 16px;
stroke: currentColor;
stroke-width: 2px;
}
.zone-details-button .sweeps-button__icon svg * {
stroke-width: 2px !important;
}
.layout-details-scroll.svelte-5nhokr {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
padding: 0;
box-sizing: border-box;
}
.layout-details-table-scroll.svelte-5nhokr {
overflow-x: auto;
margin: 0 var(--sweeps-panel-gutter, 16px) 16px;
}
.layout-details-table-scroll.layout-details-table-scroll--with-sticky-scrollbar.svelte-5nhokr {
margin-bottom: 0;
scrollbar-width: none !important;
}
.layout-details-table-scroll.layout-details-table-scroll--with-sticky-scrollbar.svelte-5nhokr::-webkit-scrollbar {
display: none !important;
}
.layout-details-sticky-scrollbar.svelte-5nhokr {
position: sticky;
bottom: 0;
z-index: 5;
height: 16px;
margin: 0 var(--sweeps-panel-gutter, 16px) 16px;
overflow-x: auto;
overflow-y: hidden;
background: var(--sweeps-color-app-bg);
border-top: 1px solid var(--sweeps-color-line);
box-sizing: border-box;
}
.layout-details-sticky-scrollbar-spacer.svelte-5nhokr {
height: 1px;
}
.layout-details-table-grid.svelte-5nhokr {
min-width: 100%;
}
.layout-details-table-grid--with-zones.svelte-5nhokr {
width: max-content;
min-width: 100%;
}
.layout-details-engine.svelte-5nhokr {
width: 100%;
height: min(50vh, 520px);
max-height: 50vh;
min-width: 0;
min-height: 0;
position: relative;
overflow: hidden;
border-radius: 8px;
border-bottom: 1px solid var(--sweeps-color-line);
background: var(--sweeps-color-surface);
}
.layout-details-engine.svelte-5nhokr .engine-wrapper,
.layout-details-engine.svelte-5nhokr .engine-slot,
.layout-details-engine.svelte-5nhokr canvas {
background: var(--sweeps-color-surface) !important;
}
.layout-details-summary-card.svelte-5nhokr {
margin: 16px var(--sweeps-panel-gutter, 16px) 8px;
container-type: inline-size;
border-radius: 8px;
background: var(--sweeps-color-surface);
overflow: hidden;
}
.layout-details-summary.svelte-5nhokr {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
align-items: stretch;
gap: 0;
margin-inline: clamp(24px, 4.7cqw, 41px);
background: transparent;
}
.layout-summary-item.svelte-5nhokr {
position: relative;
min-width: 0;
padding: 16px 10px 12px;
color: var(--sweeps-color-text);
}
.layout-summary-item.svelte-5nhokr:last-child {
padding-right: 4px;
}
.layout-summary-item.svelte-5nhokr + .layout-summary-item:where(.svelte-5nhokr)::before {
content: "";
position: absolute;
left: 0;
top: 20%;
width: 1px;
height: 60%;
background: var(--sweeps-color-line);
}
.layout-summary-value.svelte-5nhokr {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 18px;
font-weight: 600;
line-height: 1.12;
letter-spacing: 0;
font-variant-numeric: tabular-nums;
}
.layout-summary-label.svelte-5nhokr {
margin-top: 4px;
min-width: 0;
overflow: hidden;
color: var(--sweeps-color-muted);
text-overflow: ellipsis;
white-space: nowrap;
font: 400 13px / 18px var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
letter-spacing: 0;
}
.layout-summary-label.svelte-5nhokr span:where(.svelte-5nhokr) {
color: var(--sweeps-color-muted);
}
.layout-details-card.svelte-5nhokr {
border: 0;
border-radius: 8px;
background: var(--sweeps-color-surface);
overflow: hidden;
}
.layout-details-card--with-zones.svelte-5nhokr {
width: 100%;
}
.layout-details-list.svelte-5nhokr {
min-width: 100%;
}
.layout-details-list--with-zones.svelte-5nhokr {
width: 100%;
}
.detail-section.svelte-5nhokr {
min-width: 100%;
}
.layout-details-list--with-zones.svelte-5nhokr .detail-section:where(.svelte-5nhokr) {
width: 100%;
}
.detail-section-heading.svelte-5nhokr {
display: grid;
align-items: stretch;
min-height: 36px;
}
.detail-section-heading.svelte-5nhokr h3:where(.svelte-5nhokr) {
grid-column: 1 / -1;
margin: 0;
padding: 10px var(--detail-cell-padding, 10px);
color: var(--sweeps-color-text);
font: var(--sweeps-type-h3);
letter-spacing: 0;
}
.detail-section-heading--with-zones.svelte-5nhokr h3:where(.svelte-5nhokr) {
grid-column: 1;
}
.detail-section-zone-heading.svelte-5nhokr {
min-width: 0;
border-left: 1px solid color-mix(in srgb, var(--sweeps-color-surface-hover) 78%, var(--sweeps-color-text));
background: var(--sweeps-color-surface-hover);
}
.detail-rows.svelte-5nhokr {
border-top: 1px solid var(--sweeps-color-line-strong);
}
.detail-row.svelte-5nhokr {
display: grid;
align-items: stretch;
gap: 12px;
min-height: 40px;
padding: 0 var(--detail-cell-padding, 10px);
color: var(--sweeps-color-text);
font: var(--sweeps-type-body);
letter-spacing: 0;
}
.detail-row.svelte-5nhokr:hover {
background: var(--sweeps-color-surface-soft);
}
.detail-row.svelte-5nhokr:hover .detail-zone-value:where(.svelte-5nhokr) {
background: var(--sweeps-color-surface-soft);
}
.detail-row--multiline.svelte-5nhokr {
align-items: start;
}
.detail-row--with-zones.svelte-5nhokr {
gap: 0;
width: 100%;
padding: 0;
}
.detail-label.svelte-5nhokr {
min-width: 0;
display: flex;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.detail-label.svelte-5nhokr span:where(.svelte-5nhokr) {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.detail-label.svelte-5nhokr span:where(.svelte-5nhokr),
.detail-value-prefix.svelte-5nhokr {
color: var(--sweeps-color-muted);
}
.detail-value.svelte-5nhokr {
min-width: 0;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
overflow: hidden;
text-align: right;
font-variant-numeric: tabular-nums;
}
.detail-row--multiline.svelte-5nhokr .detail-value:where(.svelte-5nhokr) {
align-self: center;
}
.detail-row--with-zones.svelte-5nhokr .detail-label:where(.svelte-5nhokr) {
min-width: 0;
padding-right: var(--detail-cell-padding, 12px);
padding-left: var(--detail-cell-padding, 12px);
}
.detail-row--with-zones.svelte-5nhokr .detail-value:where(.svelte-5nhokr) {
min-width: 0;
padding-right: var(--detail-cell-padding, 12px);
padding-left: var(--detail-cell-padding, 12px);
}
.detail-base-cell.svelte-5nhokr {
grid-column: 1;
min-width: 0;
display: grid;
align-items: center;
column-gap: var(--detail-cell-padding, 12px);
padding-right: var(--detail-cell-padding, 12px);
padding-left: var(--detail-cell-padding, 12px);
overflow: hidden;
font-variant-numeric: tabular-nums;
}
.detail-base-cell--with-prefix.svelte-5nhokr {
grid-template-columns: max-content minmax(0, 1fr) max-content;
}
.detail-base-cell--without-prefix.svelte-5nhokr {
grid-template-columns: max-content minmax(0, 1fr);
}
.detail-base-label.svelte-5nhokr {
min-width: max-content;
overflow: visible;
white-space: nowrap;
}
.detail-base-label.svelte-5nhokr span:where(.svelte-5nhokr) {
color: var(--sweeps-color-muted);
}
.detail-value-prefix.svelte-5nhokr {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.detail-value-text.svelte-5nhokr {
justify-self: end;
min-width: max-content;
max-width: none;
overflow: visible;
white-space: nowrap;
text-align: right;
}
.detail-row--multiline.svelte-5nhokr:not(.detail-row--with-zones) .detail-value-text:where(.svelte-5nhokr) {
white-space: pre-line;
}
.detail-zone-value.svelte-5nhokr {
min-width: 0;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: var(--detail-cell-padding, 12px);
padding-left: var(--detail-cell-padding, 12px);
background: var(--sweeps-color-surface-hover);
overflow: hidden;
text-align: right;
font-variant-numeric: tabular-nums;
}
.detail-zone-value.svelte-5nhokr span:where(.svelte-5nhokr) {
display: block;
min-width: 0;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.detail-zone-value--multiline.svelte-5nhokr {
align-items: center;
padding-top: 8px;
padding-bottom: 8px;
}
.detail-zone-value--multiline.svelte-5nhokr span:where(.svelte-5nhokr) {
overflow: visible;
text-overflow: clip;
white-space: pre-line;
line-height: 1.35;
}
.detail-row--with-zones.svelte-5nhokr .detail-zone-value:where(.svelte-5nhokr) {
border-left: 1px solid color-mix(in srgb, var(--sweeps-color-surface-hover) 78%, var(--sweeps-color-text));
}
@media (max-width: 720px) {
.layout-details-summary.svelte-5nhokr {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.layout-summary-item.svelte-5nhokr:nth-child(odd)::before {
display: none;
}
.layout-summary-item.svelte-5nhokr:nth-child(2n) {
padding-right: 4px;
}
.layout-summary-item.svelte-5nhokr:nth-child(n + 3) {
border-top: 1px solid var(--sweeps-color-line);
}
.detail-row.svelte-5nhokr {
gap: 10px;
}
}
.layout-preview.svelte-1xhpxbh {
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
height: 100%;
min-width: 0;
min-height: 0;
padding: 16px;
overflow: hidden;
color: var(--sweeps-color-text);
}
.layout-preview-header.svelte-1xhpxbh {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: flex-end;
gap: 12px;
}
.layout-preview-header.svelte-1xhpxbh .sweeps-button--icon-only {
width: 32px;
height: 32px;
padding: 0;
}
.layout-preview-stage.svelte-1xhpxbh {
position: relative;
flex: 1 1 0;
min-width: 0;
min-height: 140px;
overflow: hidden;
border-radius: 8px;
background: var(--sweeps-color-surface);
}
.layout-preview-summary.svelte-1xhpxbh {
box-sizing: border-box;
flex: 0 0 auto;
min-width: 0;
padding: 10px 12px 12px;
border-radius: 8px;
background: var(--sweeps-color-surface-hover);
}
.layout-preview-metrics.svelte-1xhpxbh {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 8px;
}
.layout-preview-metric.svelte-1xhpxbh {
display: flex;
flex-direction: column;
min-width: 0;
gap: 3px;
}
.layout-preview-metric-label.svelte-1xhpxbh {
overflow: hidden;
color: var(--sweeps-color-muted);
font: 400 11px / 14px var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
text-overflow: ellipsis;
white-space: nowrap;
}
.layout-preview-metric-value.svelte-1xhpxbh {
overflow: hidden;
color: var(--sweeps-color-text);
font: 600 16px / 20px var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
font-variant-numeric: tabular-nums;
text-overflow: ellipsis;
white-space: nowrap;
}
.layout-preview-metric-unit.svelte-1xhpxbh {
margin-left: 4px;
color: var(--sweeps-color-muted);
font-size: 10px;
font-weight: 400;
}
.layout-preview-footer.svelte-1xhpxbh {
flex: 0 0 auto;
margin-top: auto;
}
@media (max-width: 560px) {
.layout-preview-metrics.svelte-1xhpxbh {
grid-template-columns: repeat(4, minmax(82px, 1fr));
overflow-x: auto;
}
}
.layout-preview-empty.svelte-1xhpxbh {
box-sizing: border-box;
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-width: 0;
min-height: 0;
align-items: center;
justify-content: center;
gap: 40px;
padding: 8px 12px;
color: var(--sweeps-color-muted);
text-align: center;
}
.layout-preview-empty-visual.svelte-1xhpxbh {
display: block;
flex: 0 1 250px;
width: min(100%, 371px);
height: auto;
min-height: 0;
max-height: 250px;
aspect-ratio: 371 / 250;
color: var(--sweeps-color-text);
}
.layout-preview-empty-visual.svelte-1xhpxbh text:where(.svelte-1xhpxbh) {
font-family: var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
font-size: 8px;
font-weight: 600;
fill: var(--sweeps-color-muted);
letter-spacing: 0.04em;
}
.layout-preview-empty-visual.svelte-1xhpxbh .selected-layout-chip:where(.svelte-1xhpxbh) rect:where(.svelte-1xhpxbh) {
fill: #f7f7f8;
stroke: #c0c6ce;
stroke-width: 0.8;
}
.layout-preview-empty-visual.svelte-1xhpxbh .selected-layout-chip--zone-one:where(.svelte-1xhpxbh) circle:where(.svelte-1xhpxbh) {
fill: #3483d5;
}
.layout-preview-empty-visual.svelte-1xhpxbh .selected-layout-chip--zone-two:where(.svelte-1xhpxbh) circle:where(.svelte-1xhpxbh) {
fill: #20a39b;
}
.layout-preview-empty-visual.svelte-1xhpxbh .selected-layout-chip:where(.svelte-1xhpxbh) text:where(.svelte-1xhpxbh) {
fill: #0f172a;
font-family: Inter, var(--sweeps-font-family, "Source Sans 3", sans-serif);
font-size: 10px;
font-weight: 400;
letter-spacing: 0;
}
.layout-preview-empty-visual.svelte-1xhpxbh .variant-link:where(.svelte-1xhpxbh) {
fill: none;
stroke: #dee9f0;
stroke-width: 0.5;
stroke-linecap: round;
}
.layout-preview-empty-visual.svelte-1xhpxbh .variant-link--blue:where(.svelte-1xhpxbh) {
stroke: #7ebbf0;
}
.layout-preview-empty-visual.svelte-1xhpxbh .variant-link:where(.svelte-1xhpxbh) {
stroke-dasharray: 1;
stroke-dashoffset: 1;
animation: svelte-1xhpxbh-draw-variant-link 560ms cubic-bezier(0.16, 1, 0.3, 1) both;
animation-delay: calc(440ms + var(--connection-index) * 14ms);
}
.layout-preview-empty-visual.svelte-1xhpxbh .variant-layer:where(.svelte-1xhpxbh) {
transform-box: fill-box;
transform-origin: center top;
opacity: 0;
animation: svelte-1xhpxbh-spread-variant-layer 420ms cubic-bezier(0.16, 1, 0.3, 1) both;
animation-delay: calc(var(--layer-index) * 80ms);
}
.layout-preview-empty-visual.svelte-1xhpxbh .combined-layout-layer:where(.svelte-1xhpxbh) {
opacity: 0;
animation: svelte-1xhpxbh-reveal-combined-layout 360ms ease-out 1.22s both;
}
.layout-preview-empty-visual.svelte-1xhpxbh .selected-layout-chip:where(.svelte-1xhpxbh) {
opacity: 0;
animation: svelte-1xhpxbh-reveal-combined-layout 360ms ease-out 1.42s both;
}
@keyframes svelte-1xhpxbh-spread-variant-layer {
from {
opacity: 0;
transform: translateY(-9px) scaleY(0.55);
}
to {
opacity: 1;
transform: translateY(0) scaleY(1);
}
}
@keyframes svelte-1xhpxbh-draw-variant-link {
to {
stroke-dashoffset: 0;
}
}
@keyframes svelte-1xhpxbh-reveal-combined-layout {
from {
opacity: 0;
transform: translateY(5px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (prefers-reduced-motion: reduce) {
.layout-preview-empty-visual.svelte-1xhpxbh .variant-layer:where(.svelte-1xhpxbh),
.layout-preview-empty-visual.svelte-1xhpxbh .variant-link:where(.svelte-1xhpxbh),
.layout-preview-empty-visual.svelte-1xhpxbh .combined-layout-layer:where(.svelte-1xhpxbh),
.layout-preview-empty-visual.svelte-1xhpxbh .selected-layout-chip:where(.svelte-1xhpxbh) {
animation: none;
opacity: 1;
}
.layout-preview-empty-visual.svelte-1xhpxbh .variant-link:where(.svelte-1xhpxbh) {
stroke-dashoffset: 0;
}
}
.layout-preview-empty-copy.svelte-1xhpxbh {
width: 100%;
max-width: 300px;
flex: 0 0 auto;
}
.layout-preview-empty-copy.svelte-1xhpxbh h2:where(.svelte-1xhpxbh) {
margin: 0 0 12px;
color: var(--sweeps-color-text);
font: var(
--sweeps-type-h2,
600 18px / 1.3 var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif)
);
}
.layout-preview-empty-copy.svelte-1xhpxbh p:where(.svelte-1xhpxbh) {
margin: 0;
color: var(--sweeps-color-text-soft);
font: 400 14px / 18px var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
}
.layout-preview-engine.svelte-1xhpxbh {
position: absolute;
inset: 0;
pointer-events: none;
}
.layout-preview-engine.svelte-1xhpxbh .engine-wrapper,
.layout-preview-engine.svelte-1xhpxbh .engine-slot,
.layout-preview-engine.svelte-1xhpxbh canvas {
width: 100%;
height: 100%;
background: var(--sweeps-color-surface) !important;
}
@media (max-width: 720px) {
.layout-preview.svelte-1xhpxbh {
padding: 12px;
}
}
.zone-options-chart-shell.svelte-ekpgj5 {
display: grid;
gap: 8px;
padding: 0 0 8px;
}
.zone-options-chart-filter.svelte-ekpgj5 {
min-width: 0;
display: flex;
gap: 6px;
overflow-x: auto;
padding: 0 16px 2px;
scrollbar-width: thin;
}
.zone-options-chart-filter-button.svelte-ekpgj5 {
--zone-options-color: var(--sweeps-color-muted);
min-width: max-content;
height: 26px;
display: inline-flex;
align-items: center;
gap: 5px;
padding: 0 9px;
border: 1px solid color-mix(in srgb, var(--sweeps-color-line-strong) 54%, transparent);
border-radius: 5px;
background: #f1f5f9;
color: var(--sweeps-color-text-soft);
font: 400 12px / 16px var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
letter-spacing: 0;
cursor: pointer;
}
.zone-options-chart-filter-button.svelte-ekpgj5:hover,
.zone-options-chart-filter-button--active.svelte-ekpgj5 {
border-color: color-mix(in srgb, var(--zone-options-color) 52%, var(--sweeps-color-line-strong));
background: color-mix(in srgb, var(--zone-options-color) 12%, #f1f5f9);
color: var(--sweeps-color-text);
}
.zone-options-chart-filter-swatch.svelte-ekpgj5 {
width: 8px;
height: 8px;
flex: 0 0 auto;
border-radius: 999px;
background: var(--zone-options-color);
}
.zone-options-chart.svelte-ekpgj5 {
box-sizing: border-box;
position: relative;
width: 100%;
height: var(--zone-options-chart-height, 214px);
padding: 12px 18px;
}
.zone-options-chart.svelte-ekpgj5 svg:where(.svelte-ekpgj5) {
width: 100%;
height: 100%;
display: block;
overflow: visible;
}
.zone-options-chart-grid.svelte-ekpgj5 {
stroke: color-mix(in srgb, var(--sweeps-color-muted) 16%, transparent);
stroke-width: 1;
}
.zone-options-chart-axis.svelte-ekpgj5 {
stroke: color-mix(in srgb, var(--sweeps-color-muted) 46%, transparent);
stroke-width: 1.1;
}
.zone-options-chart-tick.svelte-ekpgj5,
.zone-options-chart-axis-label.svelte-ekpgj5,
.zone-options-chart-label.svelte-ekpgj5 {
fill: var(--sweeps-color-muted);
font-family: var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
letter-spacing: 0;
}
.zone-options-chart-tick.svelte-ekpgj5 {
font-size: 10px;
line-height: 12px;
}
.zone-options-chart-axis-label.svelte-ekpgj5 {
fill: var(--sweeps-color-text);
font-size: 13px;
font-weight: 500;
line-height: 15px;
}
.zone-options-chart-axis-label--energy.svelte-ekpgj5 {
text-anchor: end;
}
.zone-options-chart-hit.svelte-ekpgj5 {
fill: transparent;
cursor: pointer;
pointer-events: all;
}
.zone-options-chart-point-x.svelte-ekpgj5,
.zone-options-chart-selected.svelte-ekpgj5 {
transform-box: fill-box;
}
.zone-options-chart-point-y.svelte-ekpgj5,
.zone-options-chart-point-pop.svelte-ekpgj5,
.zone-options-chart-selected-y.svelte-ekpgj5 {
transform-box: fill-box;
transform-origin: center;
}
.zone-options-chart-point-y.svelte-ekpgj5 {
transition: transform 0.68s cubic-bezier(0.22, 1, 0.36, 1);
}
.zone-options-chart-selected-y.svelte-ekpgj5 {
transition: transform 0.18s cubic-bezier(0.22, 1, 0.36, 1);
}
.zone-options-chart-point-pop.svelte-ekpgj5 {
animation: svelte-ekpgj5-zone-options-chart-point-pop 0.26s cubic-bezier(0.22, 1.45, 0.36, 1) both;
pointer-events: none;
}
.zone-options-chart-drag-surface.svelte-ekpgj5 {
fill: transparent;
cursor: crosshair;
pointer-events: all;
}
.zone-options-chart-drag-rect.svelte-ekpgj5 {
fill: transparent;
stroke: color-mix(in srgb, var(--sweeps-color-accent-border) 70%, transparent);
stroke-width: 1;
stroke-dasharray: 4 3;
pointer-events: none;
}
.zone-options-chart-filter-rect.svelte-ekpgj5 {
fill: transparent;
stroke: #ff9f1c;
stroke-width: 1.4;
pointer-events: none;
}
.zone-options-chart-filter-guide.svelte-ekpgj5 {
stroke: color-mix(in srgb, #ff9f1c 58%, transparent);
stroke-width: 1;
pointer-events: none;
}
.zone-options-chart-point.svelte-ekpgj5 {
stroke: #fff;
stroke-width: 1;
pointer-events: none;
transition:
r 0.12s,
stroke-width 0.12s;
}
.zone-options-chart-point--hovered.svelte-ekpgj5 {
stroke-width: 1.4;
}
.zone-options-chart-point--pending.svelte-ekpgj5,
.zone-options-chart-selected--pending.svelte-ekpgj5 .zone-options-chart-selected-point:where(.svelte-ekpgj5) {
opacity: 0.42;
}
.zone-options-chart-point--ghosted.svelte-ekpgj5 {
opacity: 0.16;
}
.zone-options-chart-selected.svelte-ekpgj5 {
cursor: default;
}
.zone-options-chart-selected-halo.svelte-ekpgj5 {
fill: var(--sweeps-color-surface);
stroke: var(--sweeps-color-text);
stroke-width: 1.3;
opacity: 0.86;
pointer-events: none;
transition:
r 0.12s,
stroke-width 0.12s;
}
.zone-options-chart-selected-point.svelte-ekpgj5 {
stroke: #fff;
stroke-width: 1.4;
pointer-events: none;
transition:
r 0.12s,
filter 0.12s;
}
.zone-options-chart-selected--hovered.svelte-ekpgj5 .zone-options-chart-selected-halo:where(.svelte-ekpgj5) {
stroke-width: 1.8;
}
.zone-options-chart-selected--hovered.svelte-ekpgj5 .zone-options-chart-selected-point:where(.svelte-ekpgj5) {
filter: drop-shadow(0 1px 4px color-mix(in srgb, var(--sweeps-color-text) 20%, transparent));
}
@keyframes svelte-ekpgj5-zone-options-chart-point-pop {
0% {
transform: scale(0.18);
}
58% {
transform: scale(1.34);
}
78% {
transform: scale(0.92);
}
100% {
transform: scale(1);
}
}
.zone-options-chart-label.svelte-ekpgj5 {
fill: var(--sweeps-color-text-soft);
font-size: 10px;
line-height: 12px;
pointer-events: none;
}
.zone-options-chart-tooltip.svelte-ekpgj5 {
position: absolute;
z-index: 4;
left: var(--zone-options-hover-x);
top: var(--zone-options-hover-y);
max-width: min(300px, calc(100% - 24px));
display: inline-flex;
align-items: flex-start;
gap: 6px;
padding: 5px 8px;
border: 1px solid color-mix(in srgb, var(--sweeps-color-line-strong) 60%, transparent);
border-radius: 5px;
background: color-mix(in srgb, var(--sweeps-color-surface) 96%, transparent);
box-shadow: 0 6px 18px color-mix(in srgb, var(--sweeps-color-text) 13%, transparent);
color: var(--sweeps-color-text);
font: 400 12px / 15px var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
letter-spacing: 0;
pointer-events: none;
transform: translate(-50%, calc(-100% - 8px));
}
.zone-options-chart-tooltip-swatch.svelte-ekpgj5 {
width: 8px;
height: 8px;
flex: 0 0 auto;
margin-top: 3px;
border-radius: 999px;
background: var(--zone-options-hover-color);
}
@media (max-width: 720px) {
.zone-options-chart.svelte-ekpgj5 {
height: 184px;
padding: 0 14px 10px;
}
.zone-options-chart-filter.svelte-ekpgj5 {
padding-right: 14px;
padding-left: 14px;
}
}
.zones-distribution.svelte-70iq0k {
margin: 0 var(--sweeps-panel-gutter, 16px) 22px;
border-radius: 8px;
background: #f1f5f9;
font-family: var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
overflow: hidden;
}
.zones-distribution.svelte-70iq0k:not(.zones-distribution--expanded) {
margin-bottom: 28px;
}
.zones-distribution--expanded.svelte-70iq0k {
display: flex;
flex-direction: column;
padding: 0 0 20px;
background: #fff;
}
.zones-distribution-collapsed-button.svelte-70iq0k,
.zones-distribution-title-button.svelte-70iq0k,
.zones-distribution-sort-button.svelte-70iq0k {
appearance: none;
border: 0;
background: transparent;
letter-spacing: 0;
cursor: pointer;
}
.zones-distribution-collapsed-button.svelte-70iq0k {
width: 100%;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
gap: 3px;
padding: 0 12px;
background: #f1f5f9;
color: var(--sweeps-color-muted);
font: 400 16px / 20px var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
}
.zones-distribution-collapsed-button.svelte-70iq0k:hover {
color: var(--sweeps-color-text);
background: #f1f5f9;
}
.zones-distribution-collapsed-button.svelte-70iq0k svg,
.zones-distribution-title-button.svelte-70iq0k svg {
width: 16px;
height: 16px;
flex: 0 0 auto;
}
.zones-distribution-header.svelte-70iq0k {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 14px;
padding: 8px 16px 16px;
}
.zones-distribution-title-button.svelte-70iq0k {
min-width: 0;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 0;
color: var(--sweeps-color-text);
font: 400 16px / 22px var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
}
.zones-distribution-title-button.svelte-70iq0k:hover {
color: var(--sweeps-color-text-soft);
}
.zones-distribution-mode.svelte-70iq0k {
display: inline-flex;
align-items: center;
flex: 0 1 auto;
min-width: 0;
gap: 6px;
padding: 0;
border-radius: 7px;
background: transparent;
}
.zones-distribution-mode-label.svelte-70iq0k {
min-height: 34px;
display: inline-flex;
align-items: center;
font: 400 14px / 20px var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
white-space: nowrap;
}
.zones-distribution-mode-label.svelte-70iq0k {
padding: 0 4px 0 0;
color: var(--sweeps-color-muted);
}
.zones-distribution-mode-control.svelte-70iq0k {
width: 224px;
min-width: 0;
flex: 0 1 224px;
}
.zones-distribution-mode-control.svelte-70iq0k .segmented-buttons-container {
height: 34px;
width: 100%;
padding: 2px;
border-color: color-mix(in srgb, var(--sweeps-color-line-strong) 44%, transparent);
border-radius: 6px;
background: #f1f5f9;
overflow: hidden;
}
.zones-distribution-mode-control.svelte-70iq0k .buttons-group {
gap: 2px;
min-width: 0;
}
.zones-distribution-mode-control.svelte-70iq0k .unstyled-button {
min-width: 0;
padding: 0 10px;
border-radius: 4px;
color: var(--sweeps-color-muted);
font: 400 14px / 20px var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
}
.zones-distribution-mode-control.svelte-70iq0k .unstyled-button:hover,
.zones-distribution-mode-control.svelte-70iq0k .unstyled-button.active {
color: var(--sweeps-color-text);
}
.zones-distribution-mode-control.svelte-70iq0k .unstyled-button.active {
background: var(--sweeps-color-surface);
box-shadow: 0 1px 4px color-mix(in srgb, var(--sweeps-color-text) 14%, transparent);
}
.zones-distribution-mode-option.svelte-70iq0k {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.zones-distribution-scroll.svelte-70iq0k {
overflow: visible;
padding: 0;
}
.zones-distribution-grid.svelte-70iq0k {
--zones-distribution-columns: minmax(106px, 1.22fr) repeat(4, minmax(0, 0.86fr));
--zones-distribution-column-gap: 10px;
width: 100%;
display: grid;
row-gap: 0;
}
.zones-distribution-header-row.svelte-70iq0k,
.zones-distribution-row.svelte-70iq0k {
min-width: 0;
display: grid;
grid-template-columns: var(--zones-distribution-columns);
align-items: center;
column-gap: var(--zones-distribution-column-gap);
}
.zones-distribution-header-row.svelte-70iq0k {
padding: 0 16px 6px;
}
.zones-distribution-rows.svelte-70iq0k {
display: grid;
row-gap: 0;
}
.zones-distribution-row.svelte-70iq0k {
padding: 3px 16px;
border-radius: 4px;
transition: background 0.1s;
}
.zones-distribution-row.svelte-70iq0k:hover,
.zones-distribution-row--hovered.svelte-70iq0k {
background: #f1f5f9;
}
.zones-distribution-column-heading.svelte-70iq0k {
min-width: 0;
align-self: end;
color: var(--sweeps-color-muted);
font: 400 14px / 18px var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
text-align: left;
}
.zones-distribution-zone-heading.svelte-70iq0k {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--sweeps-color-text-soft);
}
.zones-distribution-sort-button.svelte-70iq0k {
width: 100%;
display: inline-flex;
align-items: center;
gap: 3px;
padding: 0;
}
.zones-distribution-sort-button.svelte-70iq0k:hover,
.zones-distribution-sort-button--active.svelte-70iq0k {
color: var(--sweeps-color-text);
}
.zones-distribution-sort-button.svelte-70iq0k span:where(.svelte-70iq0k) {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.zones-distribution-sort-button.svelte-70iq0k svg {
width: 12px;
height: 12px;
flex: 0 0 auto;
}
.zones-distribution-zone-cell.svelte-70iq0k {
min-width: 0;
display: grid;
grid-template-columns: 44px minmax(0, 1fr);
align-items: center;
gap: 10px;
color: var(--sweeps-color-text);
font: var(--sweeps-type-body);
}
.zones-distribution-zone-cell.svelte-70iq0k span:where(.svelte-70iq0k) {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.zones-distribution-zone-thumb.svelte-70iq0k {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
color: var(--sweeps-color-accent);
}
.zones-distribution-zone-thumb.svelte-70iq0k img:where(.svelte-70iq0k) {
display: block;
max-width: 42px;
max-height: 42px;
object-fit: contain;
}
.zones-distribution-metric-cell.svelte-70iq0k {
position: relative;
isolation: isolate;
min-width: 0;
display: grid;
gap: 0;
}
.zones-distribution-value.svelte-70iq0k {
position: relative;
z-index: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--sweeps-color-text);
font: var(--sweeps-type-body);
font-variant-numeric: tabular-nums;
}
.zones-distribution-metric-cell--empty.svelte-70iq0k .zones-distribution-value:where(.svelte-70iq0k) {
color: var(--sweeps-color-muted);
}
.zones-distribution-track.svelte-70iq0k {
position: relative;
z-index: 1;
display: block;
width: min(100%, 88px);
height: 5px;
border-radius: 999px;
overflow: visible;
isolation: isolate;
}
.zones-distribution-track.svelte-70iq0k::after {
content: "";
position: absolute;
z-index: 0;
inset: 0;
border-radius: inherit;
background: var(--sweeps-color-surface);
}
.zones-distribution-bar.svelte-70iq0k {
position: absolute;
z-index: 2;
inset: 0 auto 0 0;
width: calc(var(--zones-distribution-ratio) * 100%);
min-width: 0;
border-radius: inherit;
background: var(--zones-distribution-color);
}
.zones-distribution-metric-cell--empty.svelte-70iq0k .zones-distribution-bar:where(.svelte-70iq0k) {
display: none;
}
@media (max-width: 720px) {
.zones-distribution-header.svelte-70iq0k {
align-items: stretch;
flex-direction: column;
}
.zones-distribution-title-button.svelte-70iq0k {
align-self: flex-start;
}
.zones-distribution-mode.svelte-70iq0k {
width: 100%;
}
.zones-distribution-mode-control.svelte-70iq0k {
flex: 1 1 auto;
width: auto;
}
.zones-distribution-scroll.svelte-70iq0k {
padding: 0;
}
.zones-distribution-grid.svelte-70iq0k {
--zones-distribution-columns: minmax(88px, 1.16fr) repeat(4, minmax(0, 0.86fr));
--zones-distribution-column-gap: 8px;
}
.zones-distribution-column-heading.svelte-70iq0k {
font-size: 13px;
line-height: 17px;
}
.zones-distribution-zone-cell.svelte-70iq0k {
grid-template-columns: 34px minmax(0, 1fr);
gap: 7px;
}
.zones-distribution-zone-thumb.svelte-70iq0k,
.zones-distribution-zone-thumb.svelte-70iq0k img:where(.svelte-70iq0k) {
width: 34px;
height: 34px;
max-width: 34px;
max-height: 34px;
}
.zones-distribution-track.svelte-70iq0k {
height: 5px;
}
}
.zones-distribution-curve.svelte-16kcabh {
box-sizing: border-box;
position: relative;
width: 100%;
min-height: 240px;
height: clamp(240px, 27vh, 416px);
padding: 12px 18px;
}
.zones-distribution-curve.svelte-16kcabh svg:where(.svelte-16kcabh) {
width: 100%;
height: 100%;
display: block;
overflow: visible;
}
.zones-distribution-curve-grid.svelte-16kcabh {
stroke: color-mix(in srgb, var(--sweeps-color-muted) 20%, transparent);
stroke-width: 1;
}
.zones-distribution-curve-axis.svelte-16kcabh {
stroke: color-mix(in srgb, var(--sweeps-color-muted) 50%, transparent);
stroke-width: 1.2;
}
.zones-distribution-curve-reference-line.svelte-16kcabh {
stroke: color-mix(in srgb, var(--sweeps-color-muted) 74%, transparent);
stroke-width: 1.2;
stroke-dasharray: 5 5;
stroke-linecap: round;
pointer-events: none;
}
.zones-distribution-curve-recovered-reference-line.svelte-16kcabh {
stroke: color-mix(in srgb, var(--sweeps-color-muted) 52%, transparent);
stroke-width: 1;
stroke-dasharray: 2 3;
stroke-linecap: butt;
pointer-events: none;
}
.zones-distribution-curve-hit.svelte-16kcabh,
.zones-distribution-curve-vertical-hit.svelte-16kcabh {
stroke: transparent;
stroke-linecap: round;
pointer-events: stroke;
}
.zones-distribution-curve-hit.svelte-16kcabh {
stroke-width: 18;
}
.zones-distribution-curve-vertical-hit.svelte-16kcabh {
stroke-width: 16;
}
.zones-distribution-curve-tick.svelte-16kcabh,
.zones-distribution-curve-axis-label.svelte-16kcabh,
.zones-distribution-curve-label.svelte-16kcabh,
.zones-distribution-curve-fixed-label.svelte-16kcabh,
.zones-distribution-curve-grid-limit-label.svelte-16kcabh,
.zones-distribution-curve-bess-label.svelte-16kcabh,
.zones-distribution-curve-bess-cost-label.svelte-16kcabh {
fill: var(--sweeps-color-muted);
font-family: var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
letter-spacing: 0;
}
.zones-distribution-curve-tick.svelte-16kcabh {
font-size: 11px;
line-height: 14px;
}
.zones-distribution-curve-tick--cost.svelte-16kcabh {
text-anchor: start;
}
.zones-distribution-curve-axis-label.svelte-16kcabh {
fill: var(--sweeps-color-text);
font-size: 13px;
font-weight: 500;
line-height: 15px;
}
.zones-distribution-curve-axis-label--energy.svelte-16kcabh {
text-anchor: end;
}
.zones-distribution-curve-segment.svelte-16kcabh {
stroke-width: 5;
stroke-linecap: round;
transition:
stroke-width 0.12s,
filter 0.12s,
opacity 0.12s;
}
.zones-distribution-curve-segment--worst.svelte-16kcabh {
stroke-width: 6;
}
.zones-distribution-curve-zone.svelte-16kcabh {
cursor: default;
}
.zones-distribution-curve-zone--hovered.svelte-16kcabh .zones-distribution-curve-segment:where(.svelte-16kcabh) {
stroke-width: 8;
filter: drop-shadow(0 2px 4px color-mix(in srgb, var(--sweeps-color-text) 20%, transparent));
}
.zones-distribution-curve-point.svelte-16kcabh {
stroke: #fff;
stroke-width: 1.5;
transition:
r 0.12s,
stroke-width 0.12s,
filter 0.12s;
}
.zones-distribution-curve-zone--hovered.svelte-16kcabh .zones-distribution-curve-point:where(.svelte-16kcabh) {
stroke-width: 2;
filter: drop-shadow(0 1px 3px color-mix(in srgb, var(--sweeps-color-text) 18%, transparent));
}
.zones-distribution-curve-label.svelte-16kcabh {
fill: var(--sweeps-color-text-soft);
font-size: 11px;
font-weight: 400;
line-height: 14px;
pointer-events: none;
}
.zones-distribution-curve-label--worst.svelte-16kcabh {
fill: #e96526;
font-weight: 600;
}
.zones-distribution-curve-curtailed-band.svelte-16kcabh {
fill: #e96526;
opacity: 0.08;
cursor: default;
transition: opacity 0.12s;
}
.zones-distribution-curve-bess-band.svelte-16kcabh {
fill: #5ac87f;
opacity: 0.12;
cursor: default;
transition: opacity 0.12s;
}
.zones-distribution-curve-bess-border.svelte-16kcabh {
stroke: #5ac87f;
stroke-width: 1.5;
stroke-linecap: round;
opacity: 0.9;
pointer-events: none;
}
.zones-distribution-curve-overlay--hovered.svelte-16kcabh {
opacity: 0.2;
}
.zones-distribution-curve-grid-limit.svelte-16kcabh {
stroke: #e96526;
stroke-width: 1.2;
stroke-linecap: round;
opacity: 0.78;
pointer-events: none;
transition:
stroke-width 0.12s,
opacity 0.12s;
}
.zones-distribution-curve-grid-limit--hovered.svelte-16kcabh {
stroke-width: 2;
opacity: 1;
}
.zones-distribution-curve-grid-limit-label.svelte-16kcabh {
fill: #c85243;
font-size: 10px;
font-weight: 600;
line-height: 12px;
}
.zones-distribution-curve-bess-label.svelte-16kcabh {
fill: #16834b;
font-size: 10px;
font-weight: 600;
line-height: 12px;
}
.zones-distribution-curve-fixed.svelte-16kcabh {
stroke: color-mix(in srgb, var(--sweeps-color-muted) 72%, transparent);
stroke-width: 6;
stroke-linecap: round;
pointer-events: none;
transition:
stroke-width 0.12s,
opacity 0.12s;
}
.zones-distribution-curve-fixed-label.svelte-16kcabh,
.zones-distribution-curve-bess-cost-label.svelte-16kcabh {
font-size: 11px;
line-height: 14px;
}
.zones-distribution-curve-bess-cost.svelte-16kcabh {
stroke: #12a6a0;
stroke-width: 6;
stroke-linecap: round;
pointer-events: none;
transition:
stroke-width 0.12s,
opacity 0.12s;
}
.zones-distribution-curve-add-on--hovered.svelte-16kcabh {
stroke-width: 8;
opacity: 1;
}
.zones-distribution-curve-bess-cost-label.svelte-16kcabh {
fill: #0b7773;
}
.zones-distribution-curve-tooltip.svelte-16kcabh {
position: absolute;
z-index: 3;
left: var(--zones-distribution-hover-x);
top: var(--zones-distribution-hover-y);
max-width: min(280px, calc(100% - 24px));
display: inline-flex;
align-items: flex-start;
gap: 6px;
padding: 5px 8px;
border: 1px solid color-mix(in srgb, var(--sweeps-color-line-strong) 60%, transparent);
border-radius: 5px;
background: color-mix(in srgb, var(--sweeps-color-surface) 96%, transparent);
box-shadow: 0 6px 18px color-mix(in srgb, var(--sweeps-color-text) 13%, transparent);
color: var(--sweeps-color-text);
font: 400 12px / 15px var(--sweeps-font-family, "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
letter-spacing: 0;
pointer-events: none;
transform: translate(-50%, calc(-100% - 8px));
}
.zones-distribution-curve-tooltip-swatch.svelte-16kcabh {
width: 8px;
height: 8px;
flex: 0 0 auto;
margin-top: 3px;
border-radius: 999px;
background: var(--zones-distribution-hover-color);
}
@media (max-width: 720px) {
.zones-distribution-curve.svelte-16kcabh {
min-height: 176px;
height: clamp(176px, 26vh, 288px);
padding: 12px 14px;
}
}
.bess-strategy-illustration.svelte-1vaev74 {
box-sizing: border-box;
width: calc((100% - 16px) / 2);
min-width: 0;
margin: 0 0 12px auto;
}
svg.svelte-1vaev74 {
--illustration-battery: #00b3a4;
display: block;
width: 100%;
height: auto;
}
path.svelte-1vaev74 {
fill: none;
stroke-linecap: butt;
stroke-linejoin: miter;
stroke-width: 1;
}
.axis.svelte-1vaev74 {
stroke: var(--sweeps-color-line-strong);
}
.pv-area.svelte-1vaev74,
.export-area.svelte-1vaev74 {
fill: var(--illustration-pv);
fill-opacity: 0.12;
}
.charge-area.svelte-1vaev74,
.surplus-area.stored.svelte-1vaev74 {
fill: var(--illustration-battery);
fill-opacity: 0.24;
}
.surplus-area.svelte-1vaev74 {
fill: var(--sweeps-color-control);
}
.pv-line.svelte-1vaev74 {
stroke: var(--sweeps-color-line-strong);
}
.export-line.svelte-1vaev74 {
stroke: var(--illustration-pv);
stroke-width: 1.5;
}
.charge-line.svelte-1vaev74 {
stroke: var(--illustration-battery);
stroke-width: 1.5;
}
.price-line.svelte-1vaev74 {
stroke: var(--sweeps-color-accent);
stroke-width: 1.5;
}
.limit-line.svelte-1vaev74 {
stroke: var(--sweeps-color-line-strong);
stroke-dasharray: 3 3;
}
text.svelte-1vaev74 {
font: 400 10px var(--sweeps-font-family);
fill: var(--sweeps-color-text-soft);
}
@media (max-width: 560px) {
.bess-strategy-illustration.svelte-1vaev74 {
width: 100%;
max-width: 252px;
margin-right: 0;
}
}
.optimization-goals-property.svelte-1lqmw2i {
margin-bottom: 16px;
}
.optimization-goals-property.svelte-1lqmw2i .ui-config-property.property-row {
display: grid;
grid-template-columns: minmax(0, 1fr);
align-items: stretch;
gap: 8px;
min-height: 0;
}
.optimization-goals-property.svelte-1lqmw2i .ui-config-property.property-row > .property-name,
.optimization-goals-property.svelte-1lqmw2i .ui-config-property.property-row > .property-value {
box-sizing: border-box;
grid-column: 1/-1;
width: 100%;
min-width: 0;
}
.optimization-goals-property.svelte-1lqmw2i .ui-config-property.property-row > .property-name {
min-height: 24px;
font-weight: 600;
}
.optimization-goals.svelte-1lqmw2i {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 4px;
width: 100%;
min-width: 0;
padding: 4px;
border-radius: var(--sweeps-input-radius, 8px);
background: var(--sweeps-input-bg, #e6ebf0);
}
.optimization-goal.svelte-1lqmw2i {
display: flex;
min-width: 0;
min-height: 0;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 3px;
padding: 5px;
border: 1px solid transparent;
border-radius: var(--sweeps-input-radius, 8px);
background: transparent;
color: var(--sweeps-color-text, #111827);
cursor: pointer;
text-align: center;
transition: background-color 120ms ease, box-shadow 120ms ease, color 120ms ease;
}
.optimization-goal.svelte-1lqmw2i:hover:not(:disabled):not(.selected) {
background: color-mix(in srgb, var(--sweeps-color-surface, #fff) 55%, transparent);
}
.optimization-goal.selected.svelte-1lqmw2i {
background: var(--sweeps-color-surface, #fff);
box-shadow: var(--sweeps-shadow-control, 0 1px 3px rgba(15, 23, 42, 0.14));
color: var(--sweeps-color-ink, #0f172a);
}
.optimization-goal.svelte-1lqmw2i:focus-visible {
outline: 2px solid var(--sweeps-input-focus-border, #4a9cff);
outline-offset: 1px;
}
.optimization-goal.svelte-1lqmw2i:disabled {
cursor: not-allowed;
opacity: 0.65;
}
.optimization-goal-label.svelte-1lqmw2i {
font-size: 15px;
font-weight: 600;
line-height: 1.2;
}
.optimization-goal-description.svelte-1lqmw2i {
color: var(--sweeps-color-text-soft, #526273);
font-size: 12px;
font-weight: 400;
line-height: 1.25;
overflow-wrap: anywhere;
}
.energy-pricing-page.svelte-1sngudz {
display: grid;
grid-template-columns: var(--sweeps-site-panel-width) 10px minmax(0, 1fr);
gap: 0;
min-width: 0;
min-height: 0;
max-width: 100%;
overflow: hidden;
}
.energy-settings-panel.svelte-1sngudz {
display: flex;
flex-direction: column;
min-width: 0;
min-height: 0;
overflow: hidden;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.pricing-settings-content.svelte-1sngudz {
display: flex;
flex: 0 0 auto;
flex-direction: column;
gap: 8px;
padding: 16px 20px;
}
.pricing-source-field.svelte-1sngudz {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.pricing-source-label.svelte-1sngudz {
color: var(--sweeps-color-muted);
font: var(--sweeps-type-little-bold);
white-space: nowrap;
}
.pricing-source-control.svelte-1sngudz {
width: 100%;
min-width: 0;
}
.pricing-source-control.svelte-1sngudz .selector-input,
.pricing-source-control.svelte-1sngudz .custom-svelecte,
.pricing-source-control.svelte-1sngudz .custom-svelecte-control {
width: 100%;
min-width: 0;
}
.pricing-description.svelte-1sngudz {
margin: 0;
color: var(--sweeps-color-muted);
font: var(--sweeps-type-small);
line-height: 1.5;
}
.energy-outcome.svelte-1sngudz {
display: flex;
min-width: 0;
min-height: 0;
}
.chart-shell.svelte-1sngudz {
display: flex;
flex: 1 1 auto;
min-width: 0;
min-height: 0;
overflow: hidden;
border: 1px solid var(--sweeps-color-line);
border-radius: var(--sweeps-panel-radius);
background: var(--sweeps-color-surface);
}
.chart-shell.svelte-1sngudz .chart {
flex: 1 1 auto;
min-width: 0;
min-height: 0;
}
.empty-state.svelte-1sngudz {
display: grid;
width: 100%;
height: 100%;
place-items: center;
margin: 0;
padding: 24px;
color: var(--sweeps-color-muted);
font: var(--sweeps-type-body);
text-align: center;
}
@media (max-width: 760px) {
.energy-pricing-page.svelte-1sngudz {
grid-template-columns: minmax(0, 1fr);
grid-template-rows: minmax(0, 1fr) minmax(280px, 1fr);
}
.energy-pricing-page.svelte-1sngudz .sweeps-vertical-resize-handle {
display: none;
}
}
.meteo-page.svelte-129mm0j {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-width: 0;
min-height: 0;
max-width: 100%;
overflow: hidden;
}
.meteo-source-tabs.svelte-129mm0j {
box-sizing: border-box;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: center;
flex: 0 0 auto;
gap: 2px;
min-height: var(--sweeps-input-height);
margin: 8px 20px 12px;
padding: 2px;
border-radius: var(--sweeps-input-radius);
background: var(--sweeps-input-bg);
}
.meteo-tab.svelte-129mm0j {
box-sizing: border-box;
display: flex;
width: auto;
align-items: center;
justify-content: center;
height: 100%;
min-width: 0;
padding: 0 12px;
border: 0;
border-radius: calc(var(--sweeps-input-radius) - 1px);
background: transparent;
color: var(--sweeps-color-muted);
font: var(--sweeps-type-little-bold);
letter-spacing: 0;
cursor: pointer;
transition: background-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
}
.meteo-tab.svelte-129mm0j:hover {
color: var(--sweeps-color-text);
background: var(--sweeps-color-control-hover);
}
.meteo-tab--active.svelte-129mm0j,
.meteo-tab--active.svelte-129mm0j:hover {
color: var(--sweeps-color-text);
background: var(--sweeps-color-surface);
box-shadow: 0 1px 2px color-mix(in srgb, var(--sweeps-color-ink) 10%, transparent);
}
.meteo-tab.svelte-129mm0j:focus-visible {
outline: 2px solid var(--sweeps-input-focus-border);
outline-offset: 2px;
}
.area-workspace.svelte-linwch {
min-width: 0;
min-height: 0;
overflow: hidden;
}
.area-left-panel.svelte-linwch,
.area-visualization-region.svelte-linwch {
min-width: 0;
min-height: 0;
}
.area-left-panel.svelte-linwch {
display: flex;
flex-direction: column;
height: 100%;
max-width: 100%;
overflow: hidden;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.area-visualization-region.svelte-linwch {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
max-width: 100%;
overflow: hidden;
border-radius: var(--sweeps-panel-radius);
}
.area-zones-block.svelte-linwch {
flex: 1 1 auto;
min-height: 0;
overflow: visible;
}
.area-section-content.svelte-linwch {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-width: 0;
min-height: 0;
}
.area-action-row.svelte-linwch {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 0 20px 14px;
}
.area-action-row-right.svelte-linwch {
display: flex;
align-items: center;
gap: 8px;
flex: 0 0 auto;
}
.area-action-button.sweeps-button {
--sweeps-button-ghost-bg: var(--sweeps-color-surface-hover);
--sweeps-button-ghost-fg: var(--sweeps-color-muted);
--sweeps-button-ghost-border: transparent;
--sweeps-button-ghost-hover-bg: var(--sweeps-color-control-hover);
--sweeps-button-ghost-hover-fg: var(--sweeps-color-text);
--sweeps-button-ghost-hover-border: transparent;
--sweeps-button-ghost-active-bg: var(--sweeps-color-control-hover);
--sweeps-button-ghost-active-fg: var(--sweeps-color-text);
--sweeps-button-ghost-active-border: transparent;
}
.area-table-card.svelte-linwch {
display: flex;
flex-direction: column;
flex: 0 0 460px;
min-height: 0;
margin: 0 20px 20px;
border: 1px solid var(--sweeps-color-line);
border-radius: 8px;
overflow: hidden;
}
.area-table-card--hidden.svelte-linwch {
display: none;
}
.area-visualization-card.svelte-linwch {
flex: 1;
}
.area-visualization-card--empty.svelte-linwch {
visibility: hidden;
}
.area-empty-state.svelte-linwch {
position: absolute;
z-index: 2;
inset: 0;
display: grid;
place-items: center;
padding: 24px;
overflow: auto;
background: var(--sweeps-engine-bg, var(--sweeps-color-surface));
color: var(--sweeps-color-text);
text-align: center;
}
.area-empty-content.svelte-linwch {
display: flex;
flex-direction: column;
align-items: center;
width: min(100%, 760px);
}
.area-empty-content.svelte-linwch h1:where(.svelte-linwch) {
margin: 0;
color: var(--sweeps-color-text);
font: var(--sweeps-type-h1);
letter-spacing: 0;
}
.area-empty-description.svelte-linwch {
margin: 12px 0 20px;
color: var(--sweeps-color-muted);
font: var(--sweeps-type-body);
}
.area-empty-actions.svelte-linwch {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
}
.area-import-help.svelte-linwch {
position: relative;
flex: 0 0 auto;
}
.area-import-help.svelte-linwch summary:where(.svelte-linwch) {
display: grid;
width: 40px;
height: 40px;
place-items: center;
padding: 0;
border: 1px solid transparent;
border-radius: var(--sweeps-input-radius, 4px);
appearance: none;
background: transparent;
color: var(--sweeps-color-text);
font: var(--sweeps-type-button);
cursor: pointer;
list-style: none;
transition:
background-color 140ms ease,
color 140ms ease;
}
.area-import-help.svelte-linwch summary:where(.svelte-linwch)::-webkit-details-marker {
display: none;
}
.area-import-help.svelte-linwch summary:where(.svelte-linwch):hover,
.area-import-help[open].svelte-linwch summary:where(.svelte-linwch) {
background: var(--sweeps-color-surface-hover);
color: var(--sweeps-color-text);
}
.area-import-help.svelte-linwch summary:where(.svelte-linwch):focus-visible {
outline: 2px solid var(--sweeps-button-focus);
outline-offset: 2px;
}
.area-import-help-popover.svelte-linwch {
position: absolute;
z-index: 3;
right: 0;
bottom: calc(100% + 12px);
width: 360px;
max-width: min(360px, calc(100vw - 32px));
padding: 16px;
border: 1px solid var(--sweeps-color-line);
border-radius: var(--sweeps-panel-radius);
background: var(--sweeps-color-surface);
box-shadow: 0 8px 24px rgb(15 23 42 / 12%);
color: var(--sweeps-color-text);
text-align: left;
}
.area-import-help-popover.svelte-linwch h2:where(.svelte-linwch) {
margin: 0 0 8px;
color: var(--sweeps-color-text);
font: var(--sweeps-type-h2);
}
.area-import-help-popover.svelte-linwch ul:where(.svelte-linwch) {
display: grid;
gap: 6px;
margin: 0;
padding-left: 18px;
color: var(--sweeps-color-text);
font: var(--sweeps-type-body);
}
.area-import-help-popover.svelte-linwch p:where(.svelte-linwch) {
margin: 8px 0 0;
color: var(--sweeps-color-muted);
font: var(--sweeps-type-body);
}
.area-import-help-popover.svelte-linwch code:where(.svelte-linwch) {
padding: 1px 3px;
border-radius: 3px;
background: var(--sweeps-color-surface-soft);
color: var(--sweeps-color-text);
font: var(--sweeps-type-caption);
font-family: ui-monospace, monospace;
}
@media (max-width: 700px) {
.area-empty-description.svelte-linwch {
margin: 8px 0 16px;
}
.area-empty-actions.svelte-linwch {
gap: 6px;
}
}
.area-table-card.svelte-linwch .root {
margin: 0;
background: transparent;
}
.area-table-card.svelte-linwch .filter-container {
min-height: 0;
margin: 0;
}
.area-table-card.svelte-linwch .ag-body-horizontal-scroll,
.area-table-card.svelte-linwch .ag-horizontal-left-spacer,
.area-table-card.svelte-linwch .ag-horizontal-right-spacer {
display: none;
}
.area-table-card.svelte-linwch .ag-center-cols-viewport {
overflow-x: hidden;
}
.area-table-card.svelte-linwch .ag-root-wrapper {
border: 0;
border-radius: 0;
background: var(--sweeps-color-surface);
}
.area-table-card.svelte-linwch .ag-header {
border-bottom-color: var(--sweeps-color-line);
background: #e8f0f8;
}
.area-table-card.svelte-linwch .ag-header-cell,
.area-table-card.svelte-linwch .ag-header-group-cell {
border-right-color: #c7d8e8;
}
.area-table-card.svelte-linwch .ag-row {
border-bottom-color: #e5edf4;
}
.area-table-card.svelte-linwch .ag-row-selected {
background: color-mix(in srgb, var(--sweeps-color-accent-soft) 72%, var(--sweeps-color-surface)) !important;
}
body.sweeps-site-panel-resizing {
cursor: col-resize;
user-select: none;
}
.site-section-accordion.svelte-1jpulug {
box-sizing: border-box;
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 8px;
width: 100%;
min-width: 0;
min-height: 0;
padding: 0;
overflow: hidden;
}
.site-section-card.svelte-1jpulug {
box-sizing: border-box;
display: flex;
flex: 0 0 auto;
flex-direction: column;
min-width: 0;
overflow: hidden;
border: 1px solid var(--sweeps-color-line);
border-radius: var(--sweeps-panel-radius);
background: var(--sweeps-color-surface);
transition: background-color 180ms ease, border-color 180ms ease;
}
.site-section-card--expanded.svelte-1jpulug {
flex: 0 1 auto;
min-height: 0;
}
.site-section-card.svelte-1jpulug:not(.site-section-card--expanded):hover,
.site-section-card--expanded.svelte-1jpulug:has(.site-section-toggle:where(.svelte-1jpulug):hover) {
border-color: var(--sweeps-color-line-strong, var(--sweeps-color-control-hover));
}
.site-section-card.svelte-1jpulug:not(.site-section-card--expanded):hover {
background: var(--sweeps-color-surface-hover);
}
.site-section-header-row.svelte-1jpulug {
position: relative;
display: flex;
flex: 0 0 52px;
align-items: center;
min-width: 0;
padding: 0;
}
.site-section-heading.svelte-1jpulug {
box-sizing: border-box;
display: flex;
flex: 1 1 auto;
height: 100%;
min-width: 0;
margin: 0;
color: var(--sweeps-color-text);
font: var(--sweeps-type-h2);
letter-spacing: 0;
}
.site-section-toggle.svelte-1jpulug {
box-sizing: border-box;
display: flex;
flex: 1 1 auto;
align-items: center;
justify-content: space-between;
width: 100%;
height: 100%;
min-width: 0;
padding: 0 20px;
border: 0;
background: transparent;
color: var(--sweeps-color-text);
font: var(--sweeps-type-h2);
letter-spacing: 0;
text-align: left;
cursor: pointer;
transition: background-color 180ms ease, color 180ms ease;
}
.site-section-toggle.svelte-1jpulug:hover {
background: var(--sweeps-color-surface-hover);
color: var(--sweeps-color-ink-hover);
}
.site-section-card.svelte-1jpulug:not(.site-section-card--expanded):hover .site-section-toggle:where(.svelte-1jpulug) {
background: transparent;
color: var(--sweeps-color-ink-hover);
}
.site-section-toggle.svelte-1jpulug:hover .sweeps-icon,
.site-section-card.svelte-1jpulug:not(.site-section-card--expanded):hover .site-section-toggle:where(.svelte-1jpulug) .sweeps-icon {
color: var(--sweeps-color-ink-hover);
}
.site-section-toggle.svelte-1jpulug:focus-visible {
outline: 2px solid var(--sweeps-input-focus-border);
outline-offset: -3px;
}
.site-section-toggle.svelte-1jpulug .sweeps-icon {
flex: 0 0 20px;
color: var(--sweeps-color-muted);
}
.site-section-toggle--with-import.svelte-1jpulug > span:where(.svelte-1jpulug):first-child {
padding-right: 132px;
}
.site-section-content.svelte-1jpulug {
box-sizing: border-box;
display: block;
flex: 1 1 auto;
min-width: 0;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
}
.site-section-content.svelte-1jpulug:focus-visible {
outline: 2px solid var(--sweeps-input-focus-border);
outline-offset: -2px;
}
.site-section-header-row.svelte-1jpulug .site-section-import.sweeps-button {
position: absolute;
top: 50%;
right: 48px;
z-index: 1;
margin: 0;
transform: translateY(-50%);
}
@media (prefers-reduced-motion: reduce) {
.site-section-card.svelte-1jpulug,
.site-section-toggle.svelte-1jpulug {
transition: none;
}
}
.zones-panel.svelte-cwli7b {
display: flex;
flex-direction: column;
height: auto;
overflow: visible;
background: transparent;
font: var(--sweeps-type-little, 500 14px / 20px "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
letter-spacing: 0;
}
.zones-header.svelte-cwli7b {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 12px 20px 10px;
border-bottom: 0;
flex-shrink: 0;
}
.project-settings.svelte-cwli7b {
box-sizing: border-box;
margin: 18px 20px 10px;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
flex-shrink: 0;
}
.project-settings.svelte-cwli7b .group.root-level {
margin: 0;
}
.project-settings.svelte-cwli7b .property-view {
margin-bottom: 4px;
}
.project-settings.svelte-cwli7b .property-name {
padding-left: 0 !important;
}
.project-settings.svelte-cwli7b .property-view .property-name .property-name-label {
margin-left: 0 !important;
padding-left: 0 !important;
}
.project-settings.svelte-cwli7b .ui-config-property.property-row {
gap: 4px;
}
.project-settings.svelte-cwli7b .property-view:last-child {
margin-bottom: 4px;
}
.zones-title.svelte-cwli7b {
font: var(--sweeps-type-h3, 600 16px / 130% "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
letter-spacing: 0;
color: var(--color-text-primary, var(--sweeps-color-text, #0f172a));
}
.zones-list.svelte-cwli7b {
flex: 0 0 auto;
overflow: visible;
padding: 0 20px 12px;
}
.zone-row.svelte-cwli7b {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 8px;
padding: 8px 10px;
border: 1px solid var(--color-border, var(--sweeps-color-line, #dee7f2));
border-radius: 8px;
background: var(--color-bg-primary, var(--sweeps-color-surface, #ffffff));
cursor: pointer;
transition:
background 0.1s,
border-color 0.1s;
min-height: 78px;
}
.zone-row.svelte-cwli7b:hover {
border-color: var(--color-border-strong, var(--sweeps-color-line-strong, #c8d6e2));
background: var(--color-bg-hover, var(--sweeps-color-surface-hover, #f1f5f9));
}
.zone-row.selected.svelte-cwli7b {
background: color-mix(in srgb, var(--color-accent, var(--sweeps-color-accent, #ff6f21)) 8%, transparent);
border-color: var(--color-accent, var(--sweeps-color-accent, #ff6f21));
}
.zone-thumb.svelte-cwli7b {
flex-shrink: 0;
width: 69px;
height: 69px;
border: 1px solid var(--color-border, var(--sweeps-color-line, #dee7f2));
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
color: var(--color-accent, var(--sweeps-color-accent, #ff6f21));
background: var(--color-bg-secondary, var(--sweeps-color-surface-soft, #f8fafc));
overflow: hidden;
}
.zone-row.selected.svelte-cwli7b .zone-thumb:where(.svelte-cwli7b) {
border-color: var(--color-accent, var(--sweeps-color-accent, #ff6f21));
background: color-mix(in srgb, var(--color-accent, var(--sweeps-color-accent, #ff6f21)) 8%, transparent);
}
.zone-info.svelte-cwli7b {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 1px;
}
.zone-name-btn.svelte-cwli7b,
.zone-name-input.svelte-cwli7b {
font: var(--sweeps-type-little-bold, 600 14px / 20px "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
letter-spacing: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
outline: none;
border-radius: 3px;
padding: 1px 0;
min-width: 0;
width: 100%;
max-width: 165px;
}
.zone-name-btn.svelte-cwli7b {
border: none;
background: transparent;
text-align: left;
cursor: text;
color: var(--color-text-primary, var(--sweeps-color-text, #0f172a));
}
.zone-name-btn.svelte-cwli7b:hover {
color: var(--color-accent, var(--sweeps-color-accent, #ff6f21));
}
.zone-name-input.svelte-cwli7b {
border: 1px solid var(--color-accent, var(--sweeps-color-accent, #ff6f21));
background: var(--color-bg-primary, var(--sweeps-color-surface, #ffffff));
padding: 1px 4px;
}
.zone-meta.svelte-cwli7b {
display: flex;
align-items: center;
gap: 4px;
font: var(--sweeps-type-little, 500 14px / 20px "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
letter-spacing: 0;
color: var(--color-text-secondary, var(--sweeps-color-muted, #6d8a9c));
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.zone-empty-hint.svelte-cwli7b {
color: var(--color-text-tertiary, var(--sweeps-color-muted-soft, #8e9da9));
font-style: italic;
}
.zone-count-badge.svelte-cwli7b {
display: inline-flex;
align-items: center;
justify-content: center;
font: var(--sweeps-type-little-bold, 600 14px / 20px "Source Sans 3", "Source Sans Pro", Inter, sans-serif);
letter-spacing: 0;
color: var(--color-text-secondary, var(--sweeps-color-muted, #6d8a9c));
background: var(--color-bg-secondary, var(--sweeps-color-surface-hover, #f1f5f9));
border: 1px solid var(--color-border, var(--sweeps-color-line, #dee7f2));
border-radius: 9px;
padding: 0 5px;
height: 16px;
flex-shrink: 0;
}
.zone-actions.svelte-cwli7b {
display: flex;
align-items: center;
gap: 2px;
flex-shrink: 0;
opacity: 0;
transition: opacity 0.12s;
}
.zone-row.svelte-cwli7b:hover .zone-actions:where(.svelte-cwli7b) {
opacity: 1;
}
.root-grid.svelte-tkj55r {
display: grid;
grid-template-columns: minmax(420px, min(600px, 44vw)) minmax(0, 1fr);
gap: 12px;
height: 100%;
min-width: 0;
min-height: 0;
padding: 0;
background: var(--sweeps-color-app-bg);
}
.root-grid.site-panel-resizable.svelte-tkj55r {
grid-template-columns: var(--sweeps-site-settings-width) 10px minmax(0, 1fr);
gap: 0;
}
.root.svelte-tkj55r {
display: flex;
flex-direction: column;
min-width: 0;
min-height: 0;
overflow: hidden;
}
.scrollable.svelte-tkj55r {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 8px;
min-height: 0;
overflow: auto;
padding-right: 2px;
}
.scrollable.settings-content-wrapped.svelte-tkj55r {
overflow: hidden;
padding-right: 0;
}
.picker-panel.svelte-tkj55r {
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.sweeps-settings-header.svelte-tkj55r {
position: sticky;
top: 0;
z-index: 3;
flex: 0 0 auto;
background: var(--sweeps-color-surface);
}
.container-with-radius.svelte-tkj55r {
border-radius: var(--sweeps-panel-radius);
}
.bg-white.svelte-tkj55r {
background: var(--sweeps-color-surface);
}
.panel-section.svelte-tkj55r {
display: flex;
flex-direction: column;
flex: 0 0 auto;
gap: 12px;
min-width: 0;
padding: 12px;
border: 1px solid color-mix(in srgb, var(--sweeps-color-line) 72%, transparent);
}
.section-header.svelte-tkj55r {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
min-width: 0;
}
.section-header--compact.svelte-tkj55r {
padding-bottom: 2px;
}
.section-header.svelte-tkj55r h2:where(.svelte-tkj55r) {
margin: 0;
color: var(--sweeps-color-text);
font: var(--sweeps-type-h2);
}
.section-header.svelte-tkj55r p:where(.svelte-tkj55r) {
margin: 2px 0 0;
color: var(--sweeps-color-muted);
font: var(--sweeps-type-small);
line-height: 18px;
}
.field-stack.svelte-tkj55r {
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
}
.field-label.svelte-tkj55r {
color: var(--sweeps-color-muted);
font: var(--sweeps-type-small);
}
.search-row.svelte-tkj55r {
position: relative;
min-width: 0;
}
.search-input.svelte-tkj55r,
.coordinate-input.svelte-tkj55r {
width: 100%;
box-sizing: border-box;
height: var(--sweeps-input-height);
padding: 0 var(--sweeps-input-padding-x);
border: 1px solid var(--sweeps-input-border);
border-radius: var(--sweeps-input-radius);
background: var(--sweeps-input-bg);
color: var(--sweeps-color-text);
font: var(--sweeps-type-little);
outline: none;
transition: background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}
.search-input.svelte-tkj55r {
padding-left: 32px;
padding-right: 30px;
}
.search-input.svelte-tkj55r::placeholder,
.coordinate-input.svelte-tkj55r::placeholder {
color: var(--sweeps-color-muted);
}
.search-input.svelte-tkj55r:hover,
.coordinate-input.svelte-tkj55r:hover {
background: var(--sweeps-input-hover-bg);
}
.search-input.svelte-tkj55r:focus,
.coordinate-input.svelte-tkj55r:focus {
border-color: var(--sweeps-input-focus-border);
box-shadow: var(--sweeps-shadow-control-focus);
}
.coordinate-input[aria-invalid=true].svelte-tkj55r {
border-color: var(--sweeps-color-danger);
}
.search-icon.svelte-tkj55r {
position: absolute;
top: 50%;
left: 11px;
transform: translateY(-50%);
display: flex;
color: var(--sweeps-color-muted);
pointer-events: none;
}
.search-clear.svelte-tkj55r {
position: absolute;
top: 50%;
right: 8px;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
padding: 0;
border: 0;
border-radius: 50%;
background: none;
color: var(--sweeps-color-muted);
cursor: pointer;
}
.search-clear.svelte-tkj55r:hover {
background: var(--sweeps-color-surface-hover);
color: var(--sweeps-color-text);
}
.search-hits.svelte-tkj55r {
position: absolute;
z-index: 10;
top: calc(100% + 4px);
left: 0;
right: 0;
max-height: 280px;
overflow-y: auto;
margin: 0;
padding: 4px;
list-style: none;
background: var(--sweeps-color-surface);
border: 1px solid var(--sweeps-color-line);
border-radius: var(--sweeps-panel-radius);
box-shadow: 0 12px 28px color-mix(in srgb, var(--sweeps-color-ink) 16%, transparent);
}
.search-hit.svelte-tkj55r {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
width: 100%;
min-height: 32px;
padding: 6px 8px;
background: none;
border: 0;
border-radius: calc(var(--sweeps-panel-radius) - 2px);
color: var(--sweeps-color-text);
font: var(--sweeps-type-little);
text-align: left;
cursor: pointer;
}
.search-hit--active.svelte-tkj55r {
background: var(--sweeps-color-surface-hover);
}
.search-empty.svelte-tkj55r {
padding: 10px 8px;
color: var(--sweeps-color-muted);
font: var(--sweeps-type-little);
text-align: center;
}
.hit-label.svelte-tkj55r {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.hit-region.svelte-tkj55r {
flex: 0 0 auto;
color: var(--sweeps-color-muted);
font: var(--sweeps-type-small);
white-space: nowrap;
}
.coordinate-row.svelte-tkj55r {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
align-items: center;
gap: 6px;
min-width: 0;
}
.coordinate-input.svelte-tkj55r {
min-width: 0;
padding: 0 8px;
font-variant-numeric: tabular-nums;
}
.coordinate-action.sweeps-button {
min-width: 0;
flex: 0 0 auto;
}
.coordinate-error.svelte-tkj55r {
grid-column: 1/-1;
color: var(--sweeps-color-danger);
font: var(--sweeps-type-small);
line-height: 16px;
overflow-wrap: anywhere;
}
.result-panel.svelte-tkj55r {
flex: 0 0 auto;
}
.result-hint.svelte-tkj55r {
margin: 0;
color: var(--sweeps-color-muted);
font: var(--sweeps-type-body);
overflow-wrap: anywhere;
}
.result-loading.svelte-tkj55r {
display: flex;
align-items: center;
gap: 8px;
color: var(--sweeps-color-muted);
font: var(--sweeps-type-body);
}
.result-head.svelte-tkj55r {
display: flex;
flex-direction: column;
gap: 2px;
}
.result-title.svelte-tkj55r {
color: var(--sweeps-color-text);
font: var(--sweeps-type-body-bold);
overflow-wrap: anywhere;
}
.result-sub.svelte-tkj55r {
color: var(--sweeps-color-muted);
font: var(--sweeps-type-small);
}
.result-banner.svelte-tkj55r {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 10px;
border-radius: var(--sweeps-input-radius);
font: var(--sweeps-type-little);
overflow-wrap: anywhere;
}
.result-banner--info.svelte-tkj55r {
background: color-mix(in srgb, var(--sweeps-color-accent) 12%, transparent);
color: var(--sweeps-color-text);
}
.result-banner--ok.svelte-tkj55r {
background: color-mix(in srgb, var(--sweeps-color-success) 14%, transparent);
color: var(--sweeps-color-success);
}
.result-banner--error.svelte-tkj55r {
background: color-mix(in srgb, var(--sweeps-color-danger) 12%, transparent);
color: var(--sweeps-color-danger);
}
.station-meta.svelte-tkj55r {
display: grid;
grid-template-columns: 1fr;
gap: 0;
margin: 0;
border-top: 1px solid var(--sweeps-color-line);
}
.station-meta.svelte-tkj55r div:where(.svelte-tkj55r) {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 8px;
min-width: 0;
padding: 8px 0;
border-bottom: 1px solid var(--sweeps-color-line);
}
.station-meta.svelte-tkj55r dt:where(.svelte-tkj55r) {
flex: 0 0 auto;
color: var(--sweeps-color-muted);
font: var(--sweeps-type-small);
}
.station-meta.svelte-tkj55r dd:where(.svelte-tkj55r) {
min-width: 0;
margin: 0;
color: var(--sweeps-color-text);
font: var(--sweeps-type-little-bold);
text-align: right;
overflow-wrap: anywhere;
}
.station-meta.svelte-tkj55r a:where(.svelte-tkj55r) {
color: var(--sweeps-color-text);
text-decoration-color: color-mix(in srgb, var(--sweeps-color-text) 34%, transparent);
text-underline-offset: 2px;
}
.station-meta.svelte-tkj55r a:where(.svelte-tkj55r):hover {
color: var(--sweeps-color-accent);
text-decoration-color: currentColor;
}
.source-dataset.svelte-tkj55r {
display: block;
color: var(--sweeps-color-muted);
font: var(--sweeps-type-small);
}
.footer.svelte-tkj55r {
position: sticky;
bottom: 0;
display: grid;
flex: 0 0 auto;
min-width: 0;
padding: 8px;
background: var(--sweeps-color-app-bg);
}
#viewDiv.svelte-tkj55r {
position: relative;
z-index: 0;
min-width: 0;
min-height: 0;
margin-left: 8px;
overflow: hidden;
background: var(--sweeps-color-surface);
}
#viewDiv.svelte-tkj55r .map-unavailable:where(.svelte-tkj55r) {
position: absolute;
z-index: 2;
inset: 0;
display: grid;
place-items: center;
padding: 24px;
background: color-mix(in srgb, var(--sweeps-color-surface) 92%, transparent);
color: var(--sweeps-color-muted);
font: var(--sweeps-type-body);
text-align: center;
pointer-events: none;
}
#viewDiv.svelte-tkj55r .mapboxgl-ctrl-logo {
display: none !important;
}
#viewDiv.svelte-tkj55r .mapboxgl-ctrl-bottom-left,
#viewDiv.svelte-tkj55r .mapboxgl-ctrl-bottom-right,
#viewDiv.svelte-tkj55r .mapboxgl-ctrl-top-left,
#viewDiv.svelte-tkj55r .mapboxgl-ctrl-top-right {
opacity: 0;
transition: opacity 0.5s ease;
pointer-events: none;
}
#viewDiv.svelte-tkj55r:hover .mapboxgl-ctrl-bottom-left,
#viewDiv.svelte-tkj55r:hover .mapboxgl-ctrl-bottom-right,
#viewDiv.svelte-tkj55r:hover .mapboxgl-ctrl-top-left,
#viewDiv.svelte-tkj55r:hover .mapboxgl-ctrl-top-right, #viewDiv.svelte-tkj55r:focus-within .mapboxgl-ctrl-bottom-left,
#viewDiv.svelte-tkj55r:focus-within .mapboxgl-ctrl-bottom-right,
#viewDiv.svelte-tkj55r:focus-within .mapboxgl-ctrl-top-left,
#viewDiv.svelte-tkj55r:focus-within .mapboxgl-ctrl-top-right {
opacity: 1;
pointer-events: auto;
}
.meteo-pin {
width: 16px;
height: 16px;
border-radius: 50%;
background: var(--sweeps-color-accent);
border: 2px solid #fff;
box-shadow: 0 0 0 2px color-mix(in srgb, var(--sweeps-color-accent) 38%, transparent);
}
.meteo-station {
width: 14px;
height: 14px;
border-radius: 50%;
background: var(--sweeps-color-ink);
border: 2px solid #fff;
box-shadow: 0 0 0 2px color-mix(in srgb, var(--sweeps-color-ink) 22%, transparent);
}
.spinner.svelte-tkj55r {
flex: 0 0 auto;
width: 14px;
height: 14px;
border-radius: 50%;
border: 2px solid color-mix(in srgb, var(--sweeps-color-accent) 30%, transparent);
border-top-color: var(--sweeps-color-accent);
animation: svelte-tkj55r-climate-spin 0.7s linear infinite;
}
@keyframes svelte-tkj55r-climate-spin {
to {
transform: rotate(360deg);
}
}
@media (prefers-reduced-motion: reduce) {
.spinner.svelte-tkj55r {
animation-duration: 1.6s;
}
}
@media (max-width: 760px) {
.root-grid.svelte-tkj55r {
grid-template-columns: minmax(0, 1fr);
grid-template-rows: minmax(0, 1fr) minmax(280px, 1fr);
}
.picker-panel.svelte-tkj55r {
order: 1;
max-height: none;
}
.root-grid.site-panel-resizable.svelte-tkj55r {
grid-template-columns: minmax(0, 1fr);
}
.root-grid.site-panel-resizable.svelte-tkj55r .sweeps-vertical-resize-handle {
display: none;
}
#viewDiv.svelte-tkj55r {
order: 2;
margin-left: 0;
margin-bottom: 8px;
}
}
@media (max-width: 720px) {
.root-grid.svelte-tkj55r {
padding: 0;
}
.section-header.svelte-tkj55r {
flex-direction: column;
align-items: stretch;
}
.coordinate-row.svelte-tkj55r {
grid-template-columns: minmax(0, 1fr);
}
.coordinate-error.svelte-tkj55r {
grid-column: 1;
}
}
.sweeps-catalog-dropdown-action.svelte-72uxf {
box-sizing: border-box;
width: 100%;
margin-top: 4px;
padding: 6px 8px 4px;
border-top: 1px solid var(--sweeps-color-line, rgba(148, 163, 184, 0.32));
}
.dialog-overlay.svelte-1aqs0oj {
position: fixed;
inset: 0;
z-index: 1000;
display: grid;
place-items: center;
box-sizing: border-box;
padding: 20px;
background: color-mix(in srgb, #000 55%, transparent);
}
.dialog-overlay--blurred.svelte-1aqs0oj {
background: rgb(5 12 22 / 68%);
backdrop-filter: blur(7px) saturate(105%);
}
.dialog-panel.svelte-1aqs0oj {
display: grid;
gap: 14px;
box-sizing: border-box;
width: 100%;
padding: 20px;
border: 1px solid var(--sweeps-color-border, #d8dee8);
border-radius: 10px;
background: var(--sweeps-color-surface-raised, #fff);
color: var(--sweeps-color-text, #0f172a);
box-shadow: 0 20px 50px color-mix(in srgb, #000 32%, transparent);
outline: none;
}
.sweeps-icon.svelte-1qdgao2 {
display: inline-flex;
width: var(--sweeps-icon-size);
height: var(--sweeps-icon-size);
flex: 0 0 var(--sweeps-icon-size);
align-items: center;
justify-content: center;
color: inherit;
}
.sweeps-icon__svg.svelte-1qdgao2 {
display: block;
width: 100%;
height: 100%;
overflow: visible;
}
.sweeps-icon.svelte-1qdgao2 .icon-container {
display: contents;
}
.sweeps-icon.svelte-1qdgao2 .icon-container svg {
display: block;
width: 100%;
height: 100%;
overflow: visible;
}
.sweeps-product-theme #engineCompass {
display: none !important;
}
.sweeps-north-compass {
position: absolute;
right: 16px;
bottom: 12px;
z-index: 11;
--sweeps-button-icon-size: 24px;
}
.map-compass-arrows.svelte-epxibd {
display: block;
width: 24px;
height: 24px;
overflow: visible;
transform-origin: center;
transition: transform 120ms ease-out;
}
.map-compass-arrow.svelte-epxibd {
fill: var(--sweeps-color-ink, #0a1728);
}
.map-compass-arrow-south.svelte-epxibd {
opacity: 0.38;
}
.sweeps-top-drawer-layer.svelte-42vhtt {
position: absolute;
z-index: 40;
inset: 0;
overflow: hidden;
visibility: hidden;
pointer-events: none;
transition: visibility 300ms step-end;
}
.sweeps-top-drawer-layer.is-open.svelte-42vhtt {
visibility: visible;
pointer-events: auto;
transition: visibility 0ms step-start;
}
.sweeps-top-drawer-backdrop.svelte-42vhtt {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
padding: 0;
border: 0;
background: color-mix(in srgb, var(--sweeps-color-app-bg) 14%, transparent);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
opacity: 0;
cursor: default;
transition: opacity 220ms ease;
}
.is-open.svelte-42vhtt .sweeps-top-drawer-backdrop:where(.svelte-42vhtt) {
opacity: 1;
}
.sweeps-top-drawer.svelte-42vhtt {
position: absolute;
inset: var(--sweeps-page-padding, 16px) auto var(--sweeps-page-padding, 16px) auto;
left: var(--sweeps-page-padding, 16px);
transform: translateX(calc(-100% - var(--sweeps-page-padding, 16px)));
box-sizing: border-box;
display: flex;
flex-direction: column;
width: min(
var(--sweeps-top-drawer-width),
calc(100% - var(--sweeps-page-padding, 16px) - var(--sweeps-page-padding, 16px))
);
min-width: 0;
min-height: 0;
overflow: hidden;
border-radius: var(--sweeps-panel-radius, 12px);
background: var(--sweeps-color-surface);
box-shadow: 0 18px 44px color-mix(in srgb, var(--sweeps-color-text) 22%, transparent);
opacity: 0;
transition:
opacity 180ms ease,
transform 300ms cubic-bezier(0.16, 1, 0.3, 1);
}
.is-open.svelte-42vhtt .sweeps-top-drawer:where(.svelte-42vhtt) {
/* Let fixed dropdowns escape the drawer's overflow after the opening transition. */
transform: none;
opacity: 1;
}
.sweeps-top-drawer-header.svelte-42vhtt {
position: absolute;
z-index: 1;
top: 8px;
right: 8px;
}
.sweeps-top-drawer-content.svelte-42vhtt {
display: flex;
flex: 1 1 auto;
min-width: 0;
min-height: 0;
overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
.sweeps-top-drawer-layer.svelte-42vhtt,
.sweeps-top-drawer-backdrop.svelte-42vhtt,
.sweeps-top-drawer.svelte-42vhtt {
transition-duration: 1ms;
}
}
.sweeps-vertical-resize-handle.svelte-ukeg87 {
position: relative;
width: 100%;
height: 100%;
cursor: col-resize;
user-select: none;
}
.sweeps-vertical-resize-handle.svelte-ukeg87::before {
content: "";
position: absolute;
top: 16px;
bottom: 16px;
left: 50%;
width: 2px;
border-radius: 999px;
background: var(--sweeps-color-line);
transform: translateX(-50%);
transition:
background 120ms ease,
box-shadow 120ms ease;
}
.sweeps-vertical-resize-handle.svelte-ukeg87:hover::before,
.sweeps-vertical-resize-handle.svelte-ukeg87:active::before,
.sweeps-vertical-resize-handle.svelte-ukeg87:focus-visible::before {
background: var(--sweeps-color-accent-border);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--sweeps-color-accent-border) 18%, transparent);
}
.sweeps-account-menu.svelte-m2l9pb {
--account-menu-accent: var(--sweeps-color-accent, #ff6f21);
--account-menu-focus: var(--sweeps-button-focus, #2563eb);
--account-menu-avatar-bg: var(--sweeps-color-ink, #0a1728);
--account-menu-avatar-color: var(--sweeps-color-surface, #ffffff);
--account-menu-avatar-radius: 4px;
--account-menu-avatar-size: 30px;
}
.sweeps-button.svelte-1dl3fi5 {
position: relative;
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
min-width: 0;
height: var(--sweeps-button-height);
padding: 0 var(--sweeps-button-padding-x);
gap: var(--sweeps-button-gap);
border: 1px solid transparent;
border-radius: var(--sweeps-button-radius);
appearance: none;
font: var(--sweeps-button-font);
letter-spacing: 0;
text-transform: none;
white-space: nowrap;
color: var(--sweeps-button-fg);
background: var(--sweeps-button-bg);
box-shadow: var(--sweeps-button-shadow, none);
cursor: pointer;
user-select: none;
overflow: hidden;
transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease, transform 90ms ease;
}
.sweeps-button--lg.svelte-1dl3fi5 {
--sweeps-button-height: var(--sweeps-button-lg-height);
--sweeps-button-padding-x: var(--sweeps-button-lg-padding-x);
--sweeps-button-gap: var(--sweeps-button-lg-gap);
--sweeps-button-font: var(--sweeps-type-button);
}
.sweeps-button--md.svelte-1dl3fi5 {
--sweeps-button-height: var(--sweeps-button-md-height);
--sweeps-button-padding-x: var(--sweeps-button-md-padding-x);
--sweeps-button-gap: var(--sweeps-button-md-gap);
--sweeps-button-font: var(--sweeps-type-button);
}
.sweeps-button--sm.svelte-1dl3fi5 {
--sweeps-button-height: var(--sweeps-button-sm-height);
--sweeps-button-padding-x: var(--sweeps-button-sm-padding-x);
--sweeps-button-gap: var(--sweeps-button-sm-gap);
--sweeps-button-font: var(--sweeps-type-little-bold);
}
.sweeps-button--xs.svelte-1dl3fi5 {
--sweeps-button-height: var(--sweeps-button-xs-height);
--sweeps-button-padding-x: var(--sweeps-button-xs-padding-x);
--sweeps-button-gap: var(--sweeps-button-xs-gap);
--sweeps-button-font: var(--sweeps-type-little);
}
.sweeps-button--primary.svelte-1dl3fi5 {
--sweeps-button-bg: var(--sweeps-button-primary-bg);
--sweeps-button-fg: var(--sweeps-button-primary-fg);
--sweeps-button-border: var(--sweeps-button-primary-border);
--sweeps-button-hover-bg: var(--sweeps-button-primary-hover-bg);
--sweeps-button-hover-fg: var(--sweeps-button-primary-hover-fg);
--sweeps-button-hover-border: var(--sweeps-button-primary-hover-border);
--sweeps-button-active-bg: var(--sweeps-button-primary-active-bg);
--sweeps-button-active-fg: var(--sweeps-button-primary-active-fg);
--sweeps-button-active-border: var(--sweeps-button-primary-active-border);
}
.sweeps-button--secondary.svelte-1dl3fi5 {
--sweeps-button-bg: var(--sweeps-button-secondary-bg);
--sweeps-button-fg: var(--sweeps-button-secondary-fg);
--sweeps-button-border: var(--sweeps-button-secondary-border);
--sweeps-button-hover-bg: var(--sweeps-button-secondary-hover-bg);
--sweeps-button-hover-fg: var(--sweeps-button-secondary-hover-fg);
--sweeps-button-hover-border: var(--sweeps-button-secondary-hover-border);
--sweeps-button-active-bg: var(--sweeps-button-secondary-active-bg);
--sweeps-button-active-fg: var(--sweeps-button-secondary-active-fg);
--sweeps-button-active-border: var(--sweeps-button-secondary-active-border);
}
.sweeps-button--ghost.svelte-1dl3fi5 {
--sweeps-button-bg: var(--sweeps-button-ghost-bg);
--sweeps-button-fg: var(--sweeps-button-ghost-fg);
--sweeps-button-border: var(--sweeps-button-ghost-border);
--sweeps-button-hover-bg: var(--sweeps-button-ghost-hover-bg);
--sweeps-button-hover-fg: var(--sweeps-button-ghost-hover-fg);
--sweeps-button-hover-border: var(--sweeps-button-ghost-hover-border);
--sweeps-button-active-bg: var(--sweeps-button-ghost-active-bg);
--sweeps-button-active-fg: var(--sweeps-button-ghost-active-fg);
--sweeps-button-active-border: var(--sweeps-button-ghost-active-border);
}
.sweeps-button--outlined.svelte-1dl3fi5 {
--sweeps-button-bg: var(--sweeps-button-outlined-bg);
--sweeps-button-fg: var(--sweeps-button-outlined-fg);
--sweeps-button-border: var(--sweeps-button-outlined-border);
--sweeps-button-hover-bg: var(--sweeps-button-outlined-hover-bg);
--sweeps-button-hover-fg: var(--sweeps-button-outlined-hover-fg);
--sweeps-button-hover-border: var(--sweeps-button-outlined-hover-border);
--sweeps-button-active-bg: var(--sweeps-button-outlined-active-bg);
--sweeps-button-active-fg: var(--sweeps-button-outlined-active-fg);
--sweeps-button-active-border: var(--sweeps-button-outlined-active-border);
}
.sweeps-button.svelte-1dl3fi5 {
border-color: var(--sweeps-button-border);
}
.sweeps-button.svelte-1dl3fi5:hover:not(:disabled) {
background: var(--sweeps-button-hover-bg);
border-color: var(--sweeps-button-hover-border);
color: var(--sweeps-button-hover-fg);
}
.sweeps-button.svelte-1dl3fi5:active:not(:disabled) {
transform: translateY(1px);
background: var(--sweeps-button-active-bg);
border-color: var(--sweeps-button-active-border);
color: var(--sweeps-button-active-fg);
}
.sweeps-button.svelte-1dl3fi5:focus-visible {
outline: 2px solid var(--sweeps-button-focus);
outline-offset: 2px;
}
.sweeps-button.svelte-1dl3fi5:disabled {
color: var(--sweeps-button-disabled-fg);
background: var(--sweeps-button-disabled-bg);
border-color: var(--sweeps-button-disabled-border);
cursor: default;
box-shadow: none;
}
.sweeps-button--ghost.svelte-1dl3fi5:disabled {
background: transparent;
border-color: transparent;
}
.sweeps-button--primary.svelte-1dl3fi5:disabled,
.sweeps-button--secondary.svelte-1dl3fi5:disabled {
color: var(--sweeps-button-filled-disabled-fg);
background: var(--sweeps-button-filled-disabled-bg);
border-color: var(--sweeps-button-filled-disabled-bg);
}
.sweeps-button--danger.svelte-1dl3fi5:not(:disabled) {
--sweeps-button-hover-bg: var(--sweeps-button-danger-hover-bg);
--sweeps-button-hover-border: var(--sweeps-button-danger-hover-border);
--sweeps-button-hover-fg: var(--sweeps-button-danger-hover-fg);
--sweeps-button-active-bg: var(--sweeps-button-danger-active-bg);
--sweeps-button-active-border: var(--sweeps-button-danger-active-border);
--sweeps-button-active-fg: var(--sweeps-button-danger-active-fg);
color: var(--sweeps-button-danger-fg);
}
.sweeps-button--full-width.svelte-1dl3fi5 {
width: 100%;
}
.sweeps-button--icon-only.svelte-1dl3fi5 {
width: var(--sweeps-button-height);
padding: 0;
}
.sweeps-button__label.svelte-1dl3fi5,
.sweeps-button__icon.svelte-1dl3fi5 {
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 0;
}
.sweeps-button__label.svelte-1dl3fi5 {
overflow: hidden;
text-overflow: ellipsis;
}
.sweeps-button__icon.svelte-1dl3fi5 {
width: var(--sweeps-button-icon-size);
height: var(--sweeps-button-icon-size);
flex: 0 0 var(--sweeps-button-icon-size);
}
.sweeps-button__icon.svelte-1dl3fi5 svg {
display: block;
width: 100%;
height: 100%;
overflow: visible;
}
.sweeps-button--sm.svelte-1dl3fi5,
.sweeps-button--xs.svelte-1dl3fi5 {
--sweeps-button-icon-size: 16px;
}
.sweeps-button--md.svelte-1dl3fi5,
.sweeps-button--lg.svelte-1dl3fi5 {
--sweeps-button-icon-size: 16px;
}
.sweeps-button--glow.svelte-1dl3fi5::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
border-radius: var(--sweeps-button-radius);
background: color-mix(in srgb, var(--sweeps-color-accent) 28%, transparent);
transform: translate(-50%, -50%);
pointer-events: none;
animation: svelte-1dl3fi5-sweeps-button-glow 2s ease-out infinite;
}
@keyframes svelte-1dl3fi5-sweeps-button-glow {
0% {
width: 0;
height: 0;
opacity: 1;
}
100% {
width: 130%;
height: 130%;
opacity: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.sweeps-button.svelte-1dl3fi5 {
transition: none;
}
.sweeps-button.svelte-1dl3fi5:active:not(:disabled) {
transform: none;
}
.sweeps-button--glow.svelte-1dl3fi5::after {
animation: none;
}
}
.separator.svelte-1kh4gtr {
position: absolute;
cursor: col-resize;
height: 100%;
user-select: none; /* Prevent text selection during drag */
}
.separator.svelte-1kh4gtr::before {
content: "";
position: absolute;
top: 16px;
bottom: 16px;
left: calc(50% + var(--separator-line-offset-x, 0px));
width: 2px;
border-radius: 999px;
background: var(--sweeps-color-line);
transform: translateX(-50%);
transition:
background 120ms ease,
box-shadow 120ms ease;
}
.separator.svelte-1kh4gtr::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: calc(50% + var(--separator-line-offset-x, 0px));
width: 16px;
transform: translateX(-50%);
z-index: 100; /* Ensure it's clickable */
}
.separator.svelte-1kh4gtr:hover::before,
.separator.svelte-1kh4gtr:active::before {
background: var(--sweeps-color-accent-border);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--sweeps-color-accent-border) 18%, transparent);
}
.separator-sideline.svelte-1kh4gtr {
position: absolute;
cursor: col-resize;
height: 100%;
user-select: none; /* Prevent text selection during drag */
}
.separator-sideline.svelte-1kh4gtr::before {
content: "";
position: absolute;
top: 16px;
bottom: 16px;
left: calc(50% + var(--separator-line-offset-x, 0px));
width: 2px;
border-radius: 999px;
background: var(--sweeps-color-line);
transform: translateX(-50%);
transition:
background 120ms ease,
box-shadow 120ms ease;
}
.separator-sideline.svelte-1kh4gtr:hover::before,
.separator-sideline.svelte-1kh4gtr:active::before {
background: var(--sweeps-color-accent-border);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--sweeps-color-accent-border) 18%, transparent);
}
.separator-in-progress.svelte-1kh4gtr {
position: absolute;
z-index: 1000;
height: 100%;
user-select: none; /* Prevent text selection during drag */
}
.separator-in-progress.svelte-1kh4gtr::before {
content: "";
position: absolute;
top: 16px;
bottom: 16px;
left: calc(50% + var(--separator-line-offset-x, 0px));
width: 2px;
border-radius: 999px;
background: var(--sweeps-color-accent-border);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--sweeps-color-accent-border) 18%, transparent);
transform: translateX(-50%);
}
.odd-bg.svelte-lczrh {
background: rgb(248, 248, 248);
}
.even-bg.svelte-lczrh {
background: rgb(242, 242, 242);
}
.group.root-level.svelte-lczrh {
margin: 12px 0;
}
.group.first-level.svelte-lczrh {
margin-bottom: 16px;
}
.group.first-level.collapsible.svelte-lczrh {
margin: 0 -8px 8px;
padding: 0 8px;
border-radius: 1px;
}
.group.collapsible.svelte-lczrh:not(.root-level) {
display: flex;
flex-direction: column;
}
.group.collapsible.svelte-lczrh .group-content:where(.svelte-lczrh) {
padding-top: 4px;
}
.group.svelte-lczrh:not(.collapsible) {
background-color: transparent;
}
.group-title-container.svelte-lczrh {
cursor: default;
display: flex;
gap: 4px;
align-items: center;
padding: 4px 0 4px var(--padding);
}
.sweeps-pui-property-host.svelte-lczrh {
display: contents;
}
.group-header-title.svelte-lczrh {
display: flex;
flex: 0 1 auto;
min-width: 0;
align-items: center;
gap: 8px;
}
.group-title-container.svelte-lczrh:focus-visible {
outline: 2px solid var(--sweeps-color-accent, #3483d5);
outline-offset: -2px;
}
.group-title-container.svelte-lczrh .property-group-name:where(.svelte-lczrh) {
flex: 1 1 auto;
min-width: 0;
}
.group-header-title.svelte-lczrh .property-group-name:where(.svelte-lczrh) {
flex: 0 1 auto;
}
.group-header-summary.svelte-lczrh {
flex: 0 0 auto;
margin-left: auto;
padding: 2px 8px;
border-radius: 999px;
background: var(--sweeps-color-interaction-hover, #eef4fc);
color: var(--sweeps-color-text-soft, #456b86);
font: 500 11px/16px var(--sweeps-font-family, sans-serif);
white-space: nowrap;
}
.group-header-attention.svelte-lczrh {
flex: 0 0 auto;
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--sweeps-color-accent, #ff6f21);
box-shadow: 0 0 0 2px var(--sweeps-color-accent-soft, #fff0e8);
}
.group-header-actions.svelte-lczrh {
display: flex;
flex: 0 0 auto;
align-items: center;
margin-left: auto;
}
.collapsible.svelte-lczrh .group-content:where(.svelte-lczrh):not(.first-level-group) {
padding-left: 8px;
padding-right: 8px;
margin-left: -8px;
margin-right: -8px;
}
.placeholder-container.svelte-1nm6irq {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: inherit;
padding: 0 16px;
}
.placeholder-container.svelte-1nm6irq p:where(.svelte-1nm6irq) {
text-align: center;
}
.in-dialog.svelte-1nm6irq {
min-width: 400px;
}
.container.svelte-1nm6irq {
width: 100%;
right: 0;
left: 0;
display: block;
}
.root.svelte-152vdyk {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
box-sizing: border-box;
padding: 0 8px;
}
.tabs-wrapper.svelte-152vdyk {
padding-bottom: 8px;
}
.controls-group.svelte-152vdyk {
padding: 4px 0 8px;
display: flex;
z-index: 3;
gap: 8px;
}
.controls-group.svelte-152vdyk > div {
flex: 1;
min-width: 150px;
}
.actions-group.svelte-152vdyk {
padding: 2px;
display: flex;
justify-content: center;
}
.selector-container.svelte-q2mj2d {
display: contents;
}
.selector-container.svelte-q2mj2d .custom-svelecte-control .sv-optgroup-header {
position: static;
position: relative;
margin: 0 8px;
height: 9px;
}
.selector-container.svelte-q2mj2d .custom-svelecte-control .sv-optgroup-header:first-child {
display: none;
}
.selector-container.svelte-q2mj2d .custom-svelecte-control .sv-optgroup-header:after {
content: "";
display: block;
width: 100%;
border-bottom: 1px solid var(--color-divider);
position: absolute;
bottom: 4px;
}
.selector-container.svelte-q2mj2d .custom-svelecte-control .sv-optgroup-header b {
display: none;
}
.toolbar.svelte-1wyod7l {
width: 44px;
border-radius: 4px 0px 0px 4px;
padding: 8px 0px;
box-sizing: border-box;
}
.toolbar.svelte-1wyod7l .divider:where(.svelte-1wyod7l) {
border-top: 2px solid rgba(255, 255, 255, 0.16);
margin: 8px 12px;
}
.toolbar.svelte-1wyod7l .mdc-menu-surface {
top: -43px;
transform: translateX(-100%);
}
.toolbar.svelte-1wyod7l .label-open .toolbar-button:hover,
.toolbar.svelte-1wyod7l .label-active .toolbar-button:hover {
color: #103a52;
background-color: #d4d4d4;
}
.toolbar.svelte-1wyod7l .root .label {
background-color: transparent;
color: inherit;
border-radius: 0;
width: 44px;
height: 36px;
padding: 0;
box-sizing: border-box;
}
.toolbar.svelte-1wyod7l .toolbar-button.active:where(.svelte-1wyod7l) {
color: var(--color-danger) !important;
background-color: #d4d4d4;
}
.toolbar.svelte-1wyod7l .mdc-tooltip__surface {
--hotkey-tooltip-label-color: var(--color-white);
--hotkey-tooltip-shortcut-color: var(--color-white-medium);
max-width: 250px;
white-space: nowrap;
display: inline-flex;
align-items: center;
}
.toolbar-button.svelte-1wyod7l {
box-sizing: border-box;
height: 36px;
padding: 8px 12px;
cursor: pointer;
}
.toolbar-button.svelte-1wyod7l:hover {
background-color: rgba(255, 255, 255, 0.08);
color: white;
}
.toolbars.svelte-11tjs2i {
display: flex;
overflow: visible;
padding: 0 12px;
align-items: center;
gap: 4px;
}
.toolbars.svelte-11tjs2i .anchor-inner {
justify-content: flex-end;
}
.toolbars.toolbars-selection.svelte-11tjs2i .anchor-inner {
justify-content: center;
}
.toolbars.svelte-11tjs2i .selection-button {
gap: 24px;
}
.surface.svelte-11tjs2i > .toolbars:where(.svelte-11tjs2i):last-child {
padding: 0;
}
.mdc-menu-surface.svelte-11tjs2i {
position: relative;
width: 100%;
max-width: 100%;
overflow: visible;
display: flex;
justify-content: space-between;
}
.surface.svelte-11tjs2i {
height: 32px;
border-radius: 0;
z-index: 200;
box-shadow: none;
background: linear-gradient(0deg, rgba(16, 58, 82, 0.08) 0%, rgba(16, 58, 82, 0.08) 100%), white;
}
.surface.svelte-11tjs2i > :where(.svelte-11tjs2i):first-child,
.surface.svelte-11tjs2i .project-info {
flex: 1;
justify-content: center;
}
.label.svelte-1dorche {
border: 0;
appearance: none;
color: inherit;
font: inherit;
display: flex;
align-items: center;
justify-content: center;
padding: 0 16px;
background-color: #fbfdff;
border-radius: 5px;
height: 24px;
text-align: center;
vertical-align: middle;
word-wrap: break-word;
white-space: nowrap;
text-overflow: clip;
overflow: hidden;
cursor: pointer;
user-select: none;
}
.label.svelte-1dorche:hover {
background-color: #e7e7e7;
}
@keyframes svelte-p2j6qo-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.root.svelte-p2j6qo {
position: relative;
min-width: 42px;
}
.root.label-active.svelte-p2j6qo .label {
background-color: #d4d4d4;
}
.root.svelte-p2j6qo .anchor:where(.svelte-p2j6qo) .anchor-inner:where(.svelte-p2j6qo) {
position: relative;
display: flex;
}
.root.svelte-p2j6qo .anchor:where(.svelte-p2j6qo) .anchor-inner:where(.svelte-p2j6qo) div:where(.svelte-p2j6qo) {
overflow: visible;
}
.root.svelte-p2j6qo .mdc-menu-surface--open:where(.svelte-p2j6qo) {
min-width: 336px;
max-height: 600px;
overflow: auto;
}
.dropdown-content.svelte-p2j6qo {
padding: 0 16px;
}
.label-left.svelte-19y373p {
margin-right: auto;
overflow: hidden;
text-overflow: ellipsis;
}
.annotaion-right.svelte-19y373p {
margin-left: auto;
}
.mdc-list-item__graphic.svelte-19y373p {
margin-right: 10px;
}
.root.svelte-bps6pw {
position: relative;
}
.root.svelte-bps6pw > .label:where(.svelte-bps6pw) {
height: var(--height, 32px);
padding: 0 12px;
display: flex;
align-items: center;
cursor: pointer;
}
.root.svelte-bps6pw .anchor-inner:where(.svelte-bps6pw) {
position: relative;
}
.root.svelte-bps6pw .anchor-inner:where(.svelte-bps6pw) .mdc-menu-surface:where(.svelte-bps6pw) {
overflow: visible;
}
.root.svelte-bps6pw .anchor-inner:where(.svelte-bps6pw) .mdc-menu-surface:where(.svelte-bps6pw) ul:where(.svelte-bps6pw) {
padding: 10px 0;
}
.root.svelte-bps6pw .custom-scrollbar:where(.svelte-bps6pw) {
overflow-y: auto;
max-height: var(--list-max-height, 80vh);
}
.root.svelte-bps6pw .mdc-deprecated-list-item {
height: 30px;
min-width: 336px;
}
.label-open.svelte-bps6pw {
background-color: rgba(0, 0, 0, 0.04);
}
.menu-item.svelte-1qll2hv {
padding: 0 16px;
display: flex;
align-items: center;
min-width: 282px;
}
.menu-item.svelte-1qll2hv .bool-prop .property-name {
display: none;
}
.menu-item.svelte-1qll2hv .property-row .property-name {
flex: 3;
}
.menu-item.svelte-1qll2hv .property-row .property-name .property-name-label {
font-weight: inherit;
color: var(--color-main-dark);
}
.menu-item.svelte-1qll2hv .property-row .property-value {
flex: 2;
}
.menu-item.svelte-1qll2hv:last-child .property-row .property-value {
margin-bottom: 0;
}
.menu-item.svelte-1qll2hv .property-value .sv_dropdown {
width: 133px;
}
.menu-item.svelte-1qll2hv .double-property-node {
width: 100%;
}
.mdc-list-divider.svelte-1uzayuu {
padding: 2px 16px;
background-color: var(--color-divider);
}
.mdc-list-divider.svelte-1uzayuu + .menu-item .property-view {
margin-top: 4px;
}
.subheader.svelte-1uzayuu {
margin: 22px 16px 4px;
}
.project-info.svelte-1uflyzr {
display: flex;
align-items: center;
gap: 16px;
}
.snapping-menu.svelte-zc8ts9 {
padding: 8px 16px;
min-width: 336px;
}
.toggle.svelte-zc8ts9 {
display: flex;
align-items: center;
justify-content: space-between;
}
.toggle.svelte-zc8ts9 .wrapper {
font-weight: 650;
}
.tooltip.svelte-n696n7 {
position-anchor: --Snapping;
position: fixed;
top: anchor(top);
right: calc(anchor(left) + 8px);
background-color: var(--color-dark-overlay);
border-radius: 4px;
padding: 8px 11px;
width: 180px;
box-sizing: border-box;
}
.offsets.svelte-n696n7 {
display: grid;
grid-template-columns: 1fr max-content;
gap: 4px 8px;
margin-top: 4px;
}
.value.svelte-n696n7 {
text-align: right;
}
.resizer.svelte-1f8vq2i {
user-select: none;
width: 20px;
height: 20px;
position: absolute;
right: 0;
bottom: 0;
cursor: se-resize;
visibility: visible;
z-index: 2;
}
.resizer.svelte-1f8vq2i::after {
content: "";
position: absolute;
width: 6px;
height: 6px;
right: 3px;
bottom: 3px;
border-right: 2px solid var(--color-main-medium);
border-bottom: 2px solid var(--color-main-medium);
}
.panels-constructor-holder.svelte-1f8vq2i {
height: calc(100% - var(--top-offset) - var(--bottom-offset));
overflow: auto;
position: relative;
padding-left: 8px;
scrollbar-gutter: stable;
}
.panel-container.svelte-1ao33jh {
height: 100%;
width: 100%;
}
.static-section.svelte-1ao33jh .tabs {
padding: 0 8px;
}
.button-holder.svelte-1ao33jh {
display: flex;
gap: 8px;
padding: 0 16px;
align-items: center;
}
.button-holder.svelte-1ao33jh .custom-icon-container {
padding: 4px;
}
.button-holder.svelte-1ao33jh svg {
width: 16px;
height: 16px;
}
.header-holder.svelte-1ao33jh {
user-select: none;
display: flex;
align-items: center;
height: 48px;
position: relative;
}
.header-holder.svelte-1ao33jh .header:where(.svelte-1ao33jh) {
flex: 1;
height: 100%;
padding: 0 16px;
text-align: center;
display: flex;
justify-content: flex-start;
align-items: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.shadow.svelte-1ao33jh {
width: 100%;
position: absolute;
top: var(--top-offset);
left: 0px;
border-bottom: 1px solid rgba(21, 27, 31, 0.12);
box-shadow: 0px -8px 16px 8px rgba(21, 27, 31, 0.12);
clip-path: inset(0px 0px -10px 0px);
}
.dragger.svelte-1ao33jh {
user-select: none;
cursor: grab;
}
.button-container.open.svelte-vxdi36 {
background-color: var(--color-main-light);
color: var(--color-main-dark);
}
.context-menu-container.svelte-vxdi36 .mdc-menu {
transform: translateX(min(var(--positionX), 100vw - 100%)) translateY(min(var(--positionY), 100vh - 100%)) translateZ(1px);
}
.content.svelte-vxdi36 {
padding: 4px 0 12px;
display: flex;
flex-direction: column;
gap: 4px;
}
.header.svelte-vxdi36 {
padding: 0 12px;
}
.menu-divider.svelte-vxdi36 {
border-top: 1px solid var(--color-divider);
margin: 4px 12px;
}
.menu-item.svelte-vxdi36 {
padding: 4px 16px;
display: flex;
align-items: center;
gap: 4px;
cursor: pointer;
}
.menu-item.active.svelte-vxdi36, .menu-item.active.svelte-vxdi36 span:where(.svelte-vxdi36) {
color: var(--color-primary);
}
.menu-item.svelte-vxdi36 span:where(.svelte-vxdi36) {
flex: 1;
}
.menu-item.svelte-vxdi36 .beta-badge:where(.svelte-vxdi36) {
flex: 0 0 auto;
padding: 1px 5px;
border: 1px solid rgba(16, 58, 82, 0.12);
border-radius: 6px;
background: rgba(16, 58, 82, 0.06);
color: var(--color-main-medium);
font-size: 11px;
font-weight: 700;
line-height: 1.2;
}
.panels-constructor-holder.svelte-xx6qnv {
height: calc(100% - var(--top-offset) - var(--bottom-offset));
overflow: auto;
position: relative;
padding-left: 8px;
scrollbar-gutter: stable;
}
.footer-actions.svelte-xx6qnv {
position: sticky;
width: 100%;
box-sizing: border-box;
bottom: 0px;
padding: 24px 16px 16px;
z-index: 1;
clip-path: inset(-40px 0 0 0);
}
.footer-actions.svelte-xx6qnv .property-row,
.footer-actions.svelte-xx6qnv .group.root-level {
margin: 0;
}
.footer-actions.footer-shadow.svelte-xx6qnv {
box-shadow: 0px -8px 16px 8px rgba(21, 27, 31, 0.12), 0px -1px 0px 0px rgba(21, 27, 31, 0.12) inset;
}
.panel-outer.svelte-pg1tal {
pointer-events: auto;
width: calc(100% + 2px);
height: calc(100% + 2px);
position: relative;
left: -1px;
top: -1px;
transform-origin: top left;
animation: svelte-pg1tal-panel-material-enter 180ms cubic-bezier(0.05, 0.7, 0.1, 1) both;
will-change: transform;
}
.panel-inner.svelte-pg1tal {
width: calc(100% - 6px);
height: calc(100% - 6px);
background: white;
position: relative;
left: 3px;
top: 3px;
border-radius: 2px;
box-shadow: var(--dropdownsimple-box-shadow);
}
@keyframes svelte-pg1tal-panel-material-enter {
from {
transform: translateY(6px) scale(0.985);
}
to {
transform: translateY(0) scale(1);
}
}
.wrapper-container.svelte-xotfaz {
z-index: var(--priority);
position: absolute;
left: 0;
right: 0;
top: 0;
pointer-events: none;
}
.svlt-grid-shadow {
/* Back shadow */
background: rgba(0, 0, 0, 0.1) !important;
border-color: white !important;
}
.svlt-grid-resizer::after {
/* Resizer color */
border-color: white !important;
}
.engine-ui-panels-container.svelte-xotfaz {
margin-top: 33px;
position: relative;
}
.catalogItemContainer.svelte-q6t6xe {
padding: 6px 2px;
border-radius: 8px;
display: flex;
}
.catalogItem.svelte-q6t6xe {
flex: 1;
display: flex;
flex-direction: column;
gap: 4px;
}
.catalogItem.svelte-q6t6xe:hover {
background-color: var(--color-alt);
}
.card.svelte-1bpkvk9 {
position: relative;
display: flex;
flex-direction: column;
padding: 6px 8px;
margin: 0 4px;
gap: 2px;
cursor: pointer;
}
.card.svelte-1bpkvk9:hover {
background-color: var(--color-alt);
}
.card.svelte-1bpkvk9:hover .cursor-pointer:where(.svelte-1bpkvk9) {
visibility: visible;
opacity: 1;
}
.card.svelte-1bpkvk9:hover .load:where(.svelte-1bpkvk9) {
color: var(--color-main-dark);
}
.card.svelte-1bpkvk9 .card-header:where(.svelte-1bpkvk9) {
display: flex;
justify-content: center;
gap: 4px;
align-items: center;
}
.card.svelte-1bpkvk9 .content:where(.svelte-1bpkvk9) {
padding-left: 20px;
}
.card.svelte-1bpkvk9 .buttons-group:where(.svelte-1bpkvk9) {
display: flex;
gap: 8px;
margin-left: auto;
color: var(--color-default);
align-items: center;
}
.card.svelte-1bpkvk9 .buttons-group:where(.svelte-1bpkvk9):hover .cursor-pointer:where(.svelte-1bpkvk9):hover {
color: var(--color-main-dark);
}
.card.svelte-1bpkvk9 .cursor-pointer:where(.svelte-1bpkvk9) {
cursor: pointer;
visibility: hidden;
display: flex;
align-items: center;
}
.card.svelte-1bpkvk9:has(.cursor-pointer:where(.svelte-1bpkvk9):hover, .copy-version:where(.svelte-1bpkvk9):focus-visible) .load:where(.svelte-1bpkvk9) {
color: var(--color-default);
}
.card.svelte-1bpkvk9 .copy-version:where(.svelte-1bpkvk9) {
gap: 4px;
visibility: visible;
opacity: 0;
position: absolute;
right: 8px;
bottom: 6px;
padding: 0;
border: 0;
background: none;
color: var(--color-default);
}
.card.svelte-1bpkvk9 .copy-version:where(.svelte-1bpkvk9):hover, .card.svelte-1bpkvk9 .copy-version:where(.svelte-1bpkvk9):focus-visible {
opacity: 1;
color: var(--color-main-dark);
}
.card.svelte-1bpkvk9 .additional-info:where(.svelte-1bpkvk9) {
padding-left: 20px;
}
.card.svelte-1bpkvk9 .loaded:where(.svelte-1bpkvk9) {
color: var(--color-good);
display: flex;
align-items: center;
gap: 2px;
}
.card.svelte-1bpkvk9 .icon:where(.svelte-1bpkvk9) {
display: flex;
width: 16px;
}
.card.svelte-1bpkvk9 .icon.hidden:where(.svelte-1bpkvk9) {
opacity: 0.5;
}
.card.svelte-1bpkvk9 .metrics-container:where(.svelte-1bpkvk9) {
width: 75%;
}
.is-active.svelte-1bpkvk9 {
background-color: color-mix(in srgb, var(--color-good) 8%, transparent);
}
.is-active.svelte-1bpkvk9:hover {
background-color: color-mix(in srgb, var(--color-good) 8%, transparent);
}
.is-disabled.svelte-1bpkvk9 {
cursor: not-allowed;
opacity: 0.62;
}
.edit.disabled.svelte-1bpkvk9 {
cursor: not-allowed;
opacity: 0.45;
}
.header.svelte-egfj8k {
padding: 10px 0;
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 16px;
overflow-wrap: anywhere;
}
.folder.svelte-egfj8k {
padding: 4px 0;
}
.buttons.svelte-egfj8k {
display: flex;
gap: 4px;
}
.button-delete.svelte-egfj8k {
flex: 4;
}
.button-save.svelte-egfj8k {
flex: 4;
}
.button-save.svelte-egfj8k button {
width: 100%;
}
.space.svelte-egfj8k {
flex: 3;
}
.container-with-radius.svelte-egfj8k > div:where(.svelte-egfj8k) {
padding: 4px;
}
.header.svelte-1osqij3 {
padding: 4px 0;
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 16px;
overflow-wrap: anywhere;
}
.actions.svelte-uiqlsi {
display: flex;
margin-top: 8px;
}
.verdata-container.svelte-11puh9z {
max-height: inherit;
height: 100%;
}
.verdata-container.svelte-11puh9z .default-mode-container:where(.svelte-11puh9z) {
display: flex;
max-height: inherit;
height: 100%;
flex-direction: column;
--group-margin: 4px;
}
.verdata-container.svelte-11puh9z .default-mode-container:where(.svelte-11puh9z) .list-container:where(.svelte-11puh9z) {
flex: 1;
overflow-y: auto;
}
.container-with-radius.svelte-11puh9z > div:where(.svelte-11puh9z) {
padding: 4px;
}
.verdata-container.svelte-14wzwb9 {
max-height: inherit;
height: 100%;
}
.verdata-container.svelte-14wzwb9 .default-mode-container:where(.svelte-14wzwb9) {
display: flex;
max-height: inherit;
height: 100%;
flex-direction: column;
--group-margin: 4px;
}
.verdata-container.svelte-14wzwb9 .default-mode-container.display-none:where(.svelte-14wzwb9) {
display: none;
}
.verdata-container.svelte-14wzwb9 .default-mode-container:where(.svelte-14wzwb9) .list-container:where(.svelte-14wzwb9) {
margin: 0 -8px;
}
.container-with-radius.svelte-14wzwb9 > div:where(.svelte-14wzwb9) {
padding: 4px;
}
.webmcp-access.svelte-np4pxy {
position: fixed;
right: 12px;
bottom: 8px;
z-index: 15;
display: flex;
align-items: center;
gap: 8px;
padding: 0 8px;
background: var(--color-white);
color: var(--color-main-dark);
border: 1px solid var(--color-gray-300, #ddd);
font-size: 12px;
}
.group-title-container.svelte-1pntidf {
cursor: default;
display: flex;
gap: 4px;
align-items: center;
padding: 8px 0;
margin: 8px 0;
}
.group-title-container.svelte-1pntidf .property-group-name:where(.svelte-1pntidf) {
flex: 1;
}
.group-title-container.svelte-1pntidf .hierarchy-icon:where(.svelte-1pntidf) {
display: flex;
}
.bottom-section.svelte-14hvdal {
position: relative;
}
.bottom-section.svelte-14hvdal .container:first-child {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: fit-content;
}
.bottom-section.svelte-14hvdal .container:first-child .group {
margin: 0;
}
.group.svelte-14hvdal .property-name {
display: none;
}
.group.svelte-14hvdal .group-item:where(.svelte-14hvdal) {
display: flex;
align-items: center;
gap: 4px;
padding: 4px;
}
.summary-section.svelte-14hvdal {
padding: 0 6px 0 12px;
}
.bottom-section.svelte-1khyqa2 {
position: relative;
}
.bottom-section.svelte-1khyqa2 .container:first-child {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: fit-content;
}
.bottom-section.svelte-1khyqa2 .container:first-child .group {
margin: 0;
}
.trenches.svelte-1khyqa2 {
padding: 4px 12px;
}
.workspace-page-container.svelte-1s5u5fv {
min-height: 100vh;
width: 100%;
display: flex;
flex-direction: column;
background-color: var(--mdc-theme-background, #f8fafc);
box-sizing: border-box;
}
.workspace-header.svelte-1s5u5fv {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 16px;
padding: 16px 24px;
border-bottom: 1px solid var(--mdc-theme-on-surface-divider, rgba(0, 0, 0, 0.08));
background-color: var(--mdc-theme-surface, #ffffff);
}
.user-greeting.svelte-1s5u5fv {
font-size: 14px;
}
.workspace-card-wrapper.svelte-1s5u5fv {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40px 20px;
max-width: 560px;
width: 100%;
margin: 0 auto;
box-sizing: border-box;
}
.workspace-brand.svelte-1s5u5fv {
text-align: center;
margin-bottom: 32px;
}
.workspace-title-row.svelte-1s5u5fv {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
margin-bottom: 8px;
}
.workspace-title.svelte-1s5u5fv {
font-size: 28px;
font-weight: 600;
margin: 0;
color: var(--mdc-theme-text-primary-on-background, #0f172a);
}
.close-button.svelte-1s5u5fv {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
border: 1px solid var(--mdc-theme-on-surface-divider, #e2e8f0);
background-color: var(--mdc-theme-surface, #ffffff);
color: var(--mdc-theme-text-secondary-on-background, #64748b);
cursor: pointer;
transition: all 0.15s ease-in-out;
padding: 0;
}
.close-button.svelte-1s5u5fv:hover {
background-color: #f1f5f9;
color: var(--mdc-theme-text-primary-on-background, #0f172a);
border-color: #cbd5e1;
transform: scale(1.05);
}
.close-button.svelte-1s5u5fv:active {
transform: scale(0.95);
}
.close-button.svelte-1s5u5fv:focus-visible {
outline: 2px solid var(--mdc-theme-primary, #3b82f6);
outline-offset: 2px;
}
.workspace-subtitle.svelte-1s5u5fv {
font-size: 15px;
margin: 0;
color: var(--mdc-theme-text-secondary-on-background, #64748b);
}
.companies-list.svelte-1s5u5fv {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
}
.company-button.svelte-1s5u5fv {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 24px;
min-width: 380px;
background-color: var(--mdc-theme-surface, #ffffff);
border: 1px solid var(--mdc-theme-on-surface-divider, #e2e8f0);
border-radius: 8px;
cursor: pointer;
transition: all 0.2s ease-in-out;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
font-family: inherit;
}
.company-button.svelte-1s5u5fv:hover {
border-color: var(--mdc-theme-primary, #3b82f6);
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}
.company-button.svelte-1s5u5fv:active {
transform: translateY(0);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.company-button.svelte-1s5u5fv:focus-visible {
outline: 2px solid var(--mdc-theme-primary, #3b82f6);
outline-offset: 2px;
}
.company-button.is-active.svelte-1s5u5fv {
border-color: var(--mdc-theme-primary, #3b82f6);
border-width: 2px;
padding: 15px 23px;
background-color: rgba(59, 130, 246, 0.04);
box-shadow: 0 4px 12px rgba(59, 130, 246, 0.12);
}
.company-card-left.svelte-1s5u5fv {
display: flex;
align-items: center;
gap: 16px;
}
.company-avatar-box.svelte-1s5u5fv {
position: relative;
width: 44px;
height: 44px;
min-width: 44px;
border-radius: 10px;
overflow: hidden;
z-index: 0;
border: 1px solid var(--mdc-theme-on-surface-divider, #e2e8f0);
background-color: #ffffff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.company-info.svelte-1s5u5fv {
display: flex;
flex-direction: column;
gap: 4px;
text-align: left;
}
.company-name-row.svelte-1s5u5fv {
display: flex;
align-items: center;
gap: 8px;
}
.company-name.svelte-1s5u5fv {
font-size: 18px;
font-weight: 600;
color: var(--mdc-theme-text-primary-on-background, #0f172a);
}
.company-id.svelte-1s5u5fv {
font-size: 13px;
color: var(--mdc-theme-text-secondary-on-background, #64748b);
}
.current-badge.svelte-1s5u5fv {
display: inline-flex;
align-items: center;
padding: 2px 8px;
border-radius: 9999px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
background-color: var(--mdc-theme-primary, #3b82f6);
color: #ffffff;
}
.company-current-indicator.svelte-1s5u5fv {
display: flex;
align-items: center;
justify-content: center;
color: var(--mdc-theme-primary, #3b82f6);
}
.company-arrow.svelte-1s5u5fv {
display: flex;
align-items: center;
justify-content: center;
opacity: 0.5;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.company-button.svelte-1s5u5fv:hover .company-arrow:where(.svelte-1s5u5fv) {
opacity: 1;
transform: translateX(3px);
}
.mdc-chip-set.svelte-w6f2dr {
flex-wrap: nowrap;
}
.clickable.svelte-ddqu9a {
cursor: pointer;
}
.bg-grey.svelte-ddqu9a {
--group-container-color: #fafbfc;
}
.expanded-box-shadow.svelte-ddqu9a {
box-shadow: 0px 0px 8px 1.5px var(--color-alt);
}
.group-container.svelte-yps7gu {
background-color: var(--group-container-color, white);
}
.group-header-container.svelte-yps7gu {
display: flex;
flex: 1;
align-items: center;
gap: 4px;
height: 100%;
}
.group-header-container.svelte-yps7gu .name:where(.svelte-yps7gu),
.group-header-container.svelte-yps7gu .description:where(.svelte-yps7gu) {
position: relative;
flex: 1;
display: flex;
align-items: center;
white-space: nowrap;
gap: 4px;
}
.group-header-container.svelte-yps7gu .name:where(.svelte-yps7gu) {
min-width: 0;
overflow: visible;
}
.group-header-container.svelte-yps7gu .name-content:where(.svelte-yps7gu) {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
}
.group-header-container.svelte-yps7gu .description:where(.svelte-yps7gu) {
overflow: hidden;
}
.group-header-container.svelte-yps7gu .description:where(.svelte-yps7gu):not(.has-description) {
flex: 0 0 auto;
}
.group-header-container.svelte-yps7gu .description:where(.svelte-yps7gu) .content:where(.svelte-yps7gu) {
flex: 1;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-left: 8px;
}
.group-header.svelte-yps7gu {
padding: 0 8px;
height: 28px;
}
.group-header.svelte-yps7gu .icon-container {
display: flex;
align-items: center;
justify-content: center;
--icon-custom-color: var(--color-main-light);
flex-shrink: 0;
min-height: 20px;
min-width: 20px;
z-index: 1;
}
.group-header.svelte-yps7gu button.mdc-button .icon-container {
--icon-custom-color: currentColor;
}
.group-header.svelte-yps7gu .icon-highlight .icon-container {
--icon-custom-color: var(--color-primary);
}
.group-header.svelte-yps7gu .icon-highlight:before {
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
background-color: var(--color-primary);
opacity: 0.12;
border-radius: 3px;
}
.clickable.svelte-yps7gu {
cursor: pointer;
}
.as-prop.svelte-yps7gu {
border-radius: var(--mdc-shape-medium);
background-color: var(--color-alt);
}
.icon-container.svelte-16glpuc {
display: contents;
color: var(--icon-custom-color);
}
.icon-container.svelte-16glpuc svg {
width: var(--icon-size);
height: var(--icon-size);
}
.svelte-v4dbbz::placeholder {
color: var(--color-main-light);
opacity: 1;
}
textarea.svelte-v4dbbz {
resize: none;
background-color: transparent;
border: none;
width: 100%;
outline: none;
padding: 0;
}
.custom-input-container.edit-textarea-container.svelte-v4dbbz {
height: auto;
padding: 4px 8px;
}
.custom-input-container.text-danger.svelte-v4dbbz .custom-input:where(.svelte-v4dbbz) {
color: var(--color-danger);
}
.readonly.multiline.svelte-v4dbbz {
white-space: pre-line;
padding-top: 4px;
padding-bottom: 4px;
max-height: 150px;
overflow: auto;
}
.calculated.svelte-v4dbbz span:where(.svelte-v4dbbz) {
overflow: hidden;
text-overflow: ellipsis;
}
.unstyled-button.svelte-10c3678 {
display: flex;
flex: 1;
align-items: center;
justify-content: center;
padding: 2px;
border-radius: 1px;
}
.unstyled-button.active.svelte-10c3678 {
background-color: white;
border-radius: var(--mdc-shape-medium);
}
.segmented-buttons-container.svelte-1vtlth3 {
width: 100%;
border-radius: var(--mdc-shape-medium);
height: 26px;
display: flex;
gap: 4px;
padding: 0 2px;
justify-content: center;
align-items: center;
overflow: hidden;
box-sizing: border-box;
}
.buttons-group.svelte-1vtlth3 {
display: flex;
justify-content: space-between;
align-items: center;
gap: 2px;
width: 100%;
}
.slider.svelte-1isd6sk {
--track-highlight-bgcolor: var(--color-alt);
--track-highlight-bg: var(--color-alt);
--track-bgcolor: var(--color-alt);
position: relative;
cursor: pointer;
flex: 1;
}
.slider-wrapper.svelte-1isd6sk {
min-width: 100%;
position: relative;
height: 24px;
padding: 10px 0;
box-sizing: border-box;
outline: none;
}
.slider-track.svelte-1isd6sk {
height: 4px;
background-color: var(--track-bgcolor, #d0d0d0);
border-radius: 1px;
}
.range-track-highlighted.svelte-1isd6sk {
width: 0;
height: 4px;
position: absolute;
border-radius: 1px;
}
.slider-thumb.svelte-1isd6sk {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
background-color: var(--thumb-bgcolor, white);
border: white 2px solid;
border-radius: 2px;
margin-top: -10px;
user-select: none;
}
.tick-mark.svelte-1isd6sk {
height: 2px;
width: 2px;
margin-top: 1px;
border-radius: 50%;
background: var(--color-main-light);
position: absolute;
transform: translateX(var(--position));
}
.slider-root.svelte-13tfr31 {
width: 100%;
box-sizing: border-box;
padding-right: 8px;
}
.slider-holder.svelte-13tfr31 {
width: 100%;
height: 24px;
}
.slider-message.svelte-13tfr31 {
padding-top: 8px;
}
.labels.svelte-13tfr31 {
width: 100%;
display: flex;
justify-content: space-between;
}
svg.compact.svelte-rq7vzt {
width: 20px;
height: 16px;
padding: 1px 0;
}
.disabled.svelte-rq7vzt {
opacity: 0.38;
cursor: default;
}
.wrapper.svelte-rq7vzt {
display: flex;
width: fit-content;
align-items: center;
gap: 4px;
cursor: pointer;
&.compact {
align-items: flex-start;
}
svg:where(.svelte-rq7vzt) {
flex-shrink: 0;
}
span:where(.svelte-rq7vzt) {
overflow: hidden;
text-overflow: ellipsis;
user-select: none;
}
}
.switch-holder.svelte-137bydb {
cursor: pointer;
}
.readonly.svelte-137bydb {
opacity: 0.38;
}
.mdc-tab-bar.svelte-k25jk2 {
border-bottom: 1px solid var(--color-divider);
box-sizing: border-box;
}
.mdc-tab--min-width.svelte-k25jk2 {
min-width: auto;
padding: 0;
margin-right: 24px;
}
.mdc-tab.svelte-k25jk2 {
--mdc-theme-primary: var(--color-main-dark);
--mdc-typography-button-letter-spacing: 0.14px;
}
.mdc-tab-indicator.svelte-k25jk2 .mdc-tab-indicator__content--underline:where(.svelte-k25jk2) {
border-top-width: 3px;
border-color: var(--color-main-medium);
}
.tooltip-anchor.svelte-8u3uh8 {
height: 16px;
}
.tooltip-container.svelte-8u3uh8 {
margin: -2px;
display: none;
z-index: 10;
position: fixed;
position-area: bottom right;
position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
}
.custom-tooltip-wrapper.svelte-8u3uh8 {
padding: 1px;
}
.custom-tooltip-wrapper.svelte-8u3uh8:hover .tooltip-container:where(.svelte-8u3uh8) {
display: block;
}
/* .mdc-tooltip__content :global(br) { */
/* display: block; */
/* content: ""; */
/* margin-top: 8px; */
/* } */
div.svelte-qyqxi2 {
z-index: -1;
pointer-events: none;
user-select: none;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-position: center;
background-size: cover;
}