{"TotalCount":37,"Files":[{"Ident":"verarp.science","Path":"ui/controls/switchcontrol.razor.scss","FileName":"switchcontrol.razor.scss","PackageType":"game","CodeKind":"Game","AssetVersionId":292714,"IsPrivate":false,"Code":"\r\n.switchcontrol\r\n{\r\n    flex-direction: row;\r\n    width: 100px;\r\n    min-height: 24px;\r\n    align-items: center;\r\n    cursor: pointer;\r\n\r\n    .switch-frame\r\n    {\r\n        flex-grow: 0;\r\n        flex-shrink: 1;\r\n        width: 48px;\r\n        height: 16px;\r\n        background-color: #fff1;\r\n        margin: 0px 5px;\r\n        align-items: center;\r\n        border-radius: 100px;\r\n        transition: all 0.4s linear;\r\n\r\n        .switch-inner\r\n        {\r\n            position: relative;\r\n            flex-grow: 0;\r\n            flex-shrink: 1;\r\n            background-color: #999;\r\n            width: 25px;\r\n            height: 25px;\r\n            border-radius: 100px;\r\n            left: 20%;\r\n            transform: translateX( -50% );\r\n            transition: all 0.3s ease-out;\r\n        }\r\n    }\r\n\r\n    \u0026.active\r\n    {\r\n        .switch-frame\r\n        {\r\n            background-color: #fffa;\r\n        }\r\n\r\n        .switch-inner\r\n        {\r\n            left: 80%;\r\n            background-color: #fff;\r\n        }\r\n    }\r\n}\r\n"},{"Ident":"verarp.science","Path":"styles/form/_dropdown.scss","FileName":"_dropdown.scss","PackageType":"game","CodeKind":"Game","AssetVersionId":292714,"IsPrivate":false,"Code":"\r\n$primary: red !default;\r\n$primary-alt: white !default;\r\n\r\n$switch-padding: 6px !default;\r\n\r\n.button.popupbutton.dropdown\r\n{\r\n\tcursor: pointer;\r\n\ttransition: all .1s ease-out;\r\n\tposition: relative;\r\n\r\n\t\u003E .dropdown_indicator\r\n\t{\r\n\t\tposition: absolute;\r\n\t\tright: 8px;\r\n\t}\r\n\r\n\t\u0026.open\r\n\t{\r\n\t\tborder-bottom-left-radius: 1px;\r\n\t\tborder-bottom-right-radius: 1px;\r\n\t\ttransition: border-radius 0.2s ease-out;\r\n\t}\r\n}\r\n\r\nselect\r\n{\r\n\tmin-height: 40px;\r\n\r\n\t\u003E option\r\n\t{\r\n\t\tdisplay: none;\r\n\t}\r\n}"},{"Ident":"verarp.science","Path":"styles/form/_coloreditor.scss","FileName":"_coloreditor.scss","PackageType":"game","CodeKind":"Game","AssetVersionId":292714,"IsPrivate":false,"Code":"\r\n$primary: red !default;\r\n$primary-alt: white !default;\r\n\r\n$switch-padding: 6px !default;\r\n\r\n.coloreditor\r\n{\r\n\tflex-direction: column;\r\n\tmin-width: 250px;\r\n\tmax-width: 250px;\r\n\r\n\t\u003E .canvas\r\n\t{\r\n\t\tborder-top: 1px solid rgba( white, 0.5 );\r\n\t\tflex-grow: 1;\r\n\t\tflex-direction: column;\r\n\t\tpadding: 10px 15px;\r\n\r\n\r\n\t\t\u003E textentry.textentry\r\n\t\t{\r\n\t\t\tflex-grow: 0;\r\n\t\t\tflex-shrink: 0;\r\n\t\t\twidth: auto;\r\n\t\t}\r\n\t}\r\n\r\n\t.slider\r\n\t{\r\n\t\tpadding: 6.5px;\r\n\t}\r\n\r\n\t.slider .track\r\n\t{\r\n\t\theight: 14px;\r\n\t\tborder-radius: 14px;\r\n\t\tleft: 0px;\r\n\t\tright: 0px;\r\n\t\ttransition: all 0.1s ease-out;\r\n\r\n\t\t.inner\r\n\t\t{\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.slider:hover, .slider:active\r\n\t{\r\n\t\tpadding: 7px;\r\n\r\n\t\t.track\r\n\t\t{\r\n\t\t\theight: 20px;\r\n\t\t\tborder-radius: 6px;\r\n\t\t}\r\n\r\n\t\t.thumb\r\n\t\t{\r\n\t\t\twidth: 10px;\r\n\t\t\theight: 16px;\r\n\t\t\tmargin-left: 2px;\r\n\t\t}\r\n\t}\r\n\r\n\t.slider .thumb\r\n\t{\r\n\t\twidth: 10px;\r\n\t\theight: 10px;\r\n\t\tbox-shadow: 0px 0px 0px transparent;\r\n\t\tbackground-color: white;\r\n\t\tbackdrop-filter: invert( 1 );\r\n\t\tmargin-left: 1px;\r\n\t\tpointer-events: none;\r\n\t}\r\n\r\n\t.alpha_slider .track\r\n\t{\r\n\t\tbackground-image: linear-gradient( to right, rgba( #ccc, 0.05 ), rgba( #ccc, 0.9 ) );\r\n\t}\r\n\r\n\t.hue .track\r\n\t{\r\n\t\tbackground: linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);\r\n\r\n\t\t.inner\r\n\t\t{\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.satval\r\n\t{\r\n\t\tbackground: linear-gradient(to right, white, transparent);\r\n\t\theight: 200px;\r\n\t\tposition: relative;\r\n\r\n\t\t\u0026:active\r\n\t\t{\r\n\t\t\tz-index: 10;\r\n\t\t\tcursor: none;\r\n\t\t}\r\n\r\n\t\t.value_gradient\r\n\t\t{\r\n\t\t\tbackground: linear-gradient(to bottom, black, white);\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\tpointer-events: none;\r\n\t\t\tmix-blend-mode: multiply;\r\n\t\t}\r\n\r\n\t\t.thumb\r\n\t\t{\r\n\t\t\tz-index: 10;\r\n\t\t}\r\n\t}\r\n\r\n\t.presets\r\n\t{\r\n\t\tflex-wrap: wrap;\r\n\t\talign-content: center;\r\n\t\tjustify-content: center;\r\n\t\tpadding: 15px;\r\n\t\tborder-top: 1px solid rgba( white, 0.5 );\r\n\r\n\t\t.preset\r\n\t\t{\r\n\t\t\tbackground-color: white;\r\n\t\t\twidth: 16px;\r\n\t\t\theight: 16px;\r\n\t\t\tmargin: 2px;\r\n\t\t\tborder-radius: 20px;\r\n\t\t\tcursor: pointer;\r\n\t\t\t\r\n\t\t\t\u0026:hover\r\n\t\t\t{\r\n\t\t\t\tbox-shadow: 0px 0px 1px 2px white;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n.coloreditorrgba\r\n{\r\n\tflex-direction: column;\r\n\r\n\t.slider\r\n\t{\r\n\t\tpadding-right: 16px;\r\n\t}\r\n\r\n\t.slider .track\r\n\t{\r\n\t\tbackground-color: transparent;\r\n\t\theight: 14px;\r\n\t\tborder-radius: 14px;\r\n\t\tleft: 0px;\r\n\t\tright: 0px;\r\n\r\n\t\t.inner\r\n\t\t{\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.slider .thumb\r\n\t{\r\n\t\twidth: 12px;\r\n\t\theight: 12px;\r\n\t\tbox-shadow: 0px 0px 0px transparent;\r\n\t\tbackground-color: white;\r\n\t\tmargin-left: 2px;\r\n\t\tbackdrop-filter: invert( 1 );\r\n\t}\r\n\r\n\t.red_slider .track\r\n\t{\r\n\t\tbackground-image: linear-gradient( to right, rgba( #e63439, 0.1 ), rgba( #e63439, 0.9 ) );\r\n\t}\r\n\r\n\t.green_slider .track\r\n\t{\r\n\t\tbackground-image: linear-gradient( to right, rgba( #54be35, 0.1 ), rgba( #54be35, 0.9 ) );\r\n\t}\r\n\r\n\t.blue_slider .track\r\n\t{\r\n\t\tbackground-image: linear-gradient( to right, rgba( #3472e6, 0.1 ), rgba( #3472e6, 0.9 ) );\r\n\t}\r\n\r\n\t.alpha_slider .track\r\n\t{\r\n\t\tbackground-image: linear-gradient( to right, rgba( #ccc, 0.05 ), rgba( #ccc, 0.9 ) );\r\n\t}\r\n}\r\n\r\n\r\n.coloreditorhsva\r\n{\r\n\tflex-direction: column;\r\n\r\n\t.slider\r\n\t{\r\n\t\tpadding-right: 16px;\r\n\t}\r\n\r\n\t.slider .track\r\n\t{\r\n\t\tbackground-color: transparent;\r\n\t\theight: 14px;\r\n\t\tborder-radius: 14px;\r\n\t\tleft: 0px;\r\n\t\tright: 0px;\r\n\r\n\t\t.inner\r\n\t\t{\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.slider .thumb\r\n\t{\r\n\t\twidth: 12px;\r\n\t\theight: 12px;\r\n\t\tbox-shadow: 0px 0px 0px transparent;\r\n\t\tbackground-color: white;\r\n\t\tmargin-left: 2px;\r\n\t\tbackdrop-filter: invert( 1 );\r\n\t}\r\n\t\t\r\n\t.hue_slider .track\r\n\t{\r\n\t\tbackground-image: linear-gradient( to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00 );\r\n\t}\r\n\r\n\t.alpha_slider .track\r\n\t{\r\n\t\tbackground-image: linear-gradient( to right, rgba( #ccc, 0.05 ), rgba( #ccc, 0.9 ) );\r\n\t}\r\n}"},{"Ident":"verarp.science","Path":"ui/menupanel.razor.scss","FileName":"menupanel.razor.scss","PackageType":"game","CodeKind":"Game","AssetVersionId":292714,"IsPrivate":false,"Code":"\r\nmenupanel\r\n{\r\n    position: absolute;\r\n    z-index: 1000;\r\n    pointer-events: all;\r\n    font-size: 12px;\r\n    flex-shrink: 0;\r\n\r\n    .background\r\n    {\r\n        position: absolute;\r\n        left: -5000px;\r\n        right: -5000px;\r\n        top: -5000px;\r\n        bottom: -5000px;\r\n    }\r\n\r\n    \u003E .inner\r\n    {\r\n        min-width: 200px;\r\n        min-height: 20px;\r\n        flex-direction: column;\r\n        font-family: Poppins;\r\n        font-weight: bold;\r\n        border-radius: 10px;\r\n        box-shadow: 5px 5px 30px #000e;\r\n        background-color: #2a2a2a;\r\n        flex-shrink: 0;\r\n\r\n        .spacer\r\n        {\r\n            height: 1px;\r\n            background-color: #0005;\r\n        }\r\n\r\n        .option\r\n        {\r\n            color: #fffa;\r\n            padding: 0px 8px;\r\n            cursor: pointer;\r\n            flex-shrink: 0;\r\n            height: 32px;\r\n\r\n            \u0026:first-child\r\n            {\r\n                border-top-left-radius: 10px;\r\n                border-top-right-radius: 10px;\r\n            }\r\n\r\n            \u0026:last-child\r\n            {\r\n                border-bottom-left-radius: 10px;\r\n                border-bottom-right-radius: 10px;\r\n            }\r\n\r\n            .icon\r\n            {\r\n                padding: 8px;\r\n                font-family: Material Icons;\r\n                justify-content: center;\r\n                align-items: center;\r\n                flex-shrink: 0;\r\n            }\r\n\r\n            .text\r\n            {\r\n                padding: 8px;\r\n                flex-shrink: 0;\r\n            }\r\n\r\n            \u0026:hover\r\n            {\r\n                background-color: #3472e6;\r\n                color: #f5f8fe;\r\n            }\r\n        }\r\n    }\r\n}\r\n"},{"Ident":"verarp.science","Path":"styles/form.scss","FileName":"form.scss","PackageType":"game","CodeKind":"Game","AssetVersionId":292714,"IsPrivate":false,"Code":"\r\n$form-control-height: 28px !default;\r\n\r\n@import \u0022form/_checkbox.scss\u0022;\r\n@import \u0022form/_switch.scss\u0022;\r\n@import \u0022form/_dropdown.scss\u0022;\r\n@import \u0022form/_coloreditor.scss\u0022;\r\n@import \u0022form/_colorproperty.scss\u0022;\r\n\r\n.form\r\n{\r\n\tflex-direction: column;\r\n\talign-items: stretch;\r\n\tjustify-content: flex-start;\r\n\toverflow: scroll;\r\n}\r\n\r\n.field-group\r\n{\r\n\tflex-direction: column;\r\n\tflex-shrink: 0;\r\n}\r\n\r\n.field-header\r\n{\r\n\tflex-shrink: 0;\r\n}\r\n\r\n.field\r\n{\r\n\tcolor: white;\r\n\tfont-size: 14px;\r\n\tflex-shrink: 0;\r\n\tflex-grow: 0;\r\n\r\n\t\u003E .label\r\n\t{\r\n\t\tflex-grow: 0;\r\n\t\tflex-shrink: 0;\r\n\t\tfont-weight: 600;\r\n\t\topacity: 0.4;\r\n\t\twidth: 20%;\r\n\t\tfont-size: 13px;\r\n\t}\r\n\r\n\t\u003E .control\r\n\t{\r\n\t\tflex-shrink: 0;\r\n\t\tflex-grow: 1;\r\n\t\tflex-direction: column;\r\n\t}\r\n}\r\n\r\n.is-vertical \u003E .field, .field.is-vertical\r\n{\r\n\tflex-direction: column;\r\n\r\n\t\u003E .label\r\n\t{\r\n\t\twidth: auto;\r\n\t\theight: auto;\r\n\t}\r\n}"},{"Ident":"verarp.science","Path":"styles/rootpanel.scss","FileName":"rootpanel.scss","PackageType":"game","CodeKind":"Game","AssetVersionId":292714,"IsPrivate":false,"Code":"\r\n\r\nRootPanel\r\n{\r\n\tfont-family: Roboto;\r\n\tcolor: white;\r\n}\r\n\r\nIconPanel, i\r\n{\r\n\tfont-family: Material Icons;\r\n\tbackground-position: center;\r\n\tbackground-size: contain;\r\n}\r\n\r\n.tooltip\r\n{\r\n\tbackground-color: rgba( black, 0.8 );\r\n\tborder: 1px solid rgba( #555, 0.1 );\r\n\tpadding: 10px;\r\n\tborder-radius: 4px;\r\n\tcolor: white;\r\n\tfont-family: Inter;\r\n\tfont-weight: bold;\r\n\ttransition: opacity 0.09s ease;\r\n\topacity: 1;\r\n\tmargin: 0px;\r\n\r\n\t\u0026:intro, \u0026:outro\r\n\t{\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n.textentry\r\n{\r\n\tcursor: text;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n\tflex-direction: row;\r\n\tposition: relative;\r\n\tpadding: 10px;\r\n\r\n\t\u0026.disabled\r\n\t{\r\n\t\tcursor: default;\r\n\t}\r\n\r\n\t\u0026.is-multiline\r\n\t{\r\n\t\talign-items: flex-start;\r\n\t\twhite-space: normal;\r\n\t}\r\n\r\n\t.content-label,\r\n\t.placeholder\r\n\t{\r\n\t\tflex-grow: 1;\r\n\t}\r\n\r\n\t.placeholder\r\n\t{\r\n\t\topacity: 0.2;\r\n\t\tpointer-events: none;\r\n\t}\r\n\r\n\t.iconpanel\r\n\t{\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t\tpadding-right: 10px;\r\n\t\tpointer-events: none;\r\n\r\n\t\t\u0026.clearbutton\r\n\t\t{\r\n\t\t\tcolor: #fff;\r\n\t\t\tpointer-events: all;\r\n\t\t\tcursor: pointer;\r\n\t\t\topacity: 0.1;\r\n\r\n\t\t\t\u0026:hover\r\n\t\t\t{\r\n\t\t\t\topacity: 0.5;\r\n\t\t\t}\r\n\r\n\t\t\t\u0026:active\r\n\t\t\t{\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t\u0026:empty\r\n\t{\r\n\t\t.clearbutton\r\n\t\t{\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\r\n\t\u0026.has-icon\r\n\t{\r\n\t\tpadding-right: 30px;\r\n\t}\r\n\r\n\t.content-label,\r\n\t.prefix-label,\r\n\t.suffix-label,\r\n\t.placeholder\r\n\t{\r\n\t\toverflow: hidden;\r\n\t}\r\n\r\n\t.content-label\r\n\t{\r\n\t\torder: 1;\r\n\t}\r\n\r\n\t.suffix-label\r\n\t{\r\n\t\torder: 2;\r\n\t}\r\n\r\n\t.prefix-label,\r\n\t.suffix-label\r\n\t{\r\n\t\tflex-shrink: 0;\r\n\t\topacity: 0.5;\r\n\t}\r\n\r\n\t\u0026.invalid\r\n\t{\r\n\t\tbox-shadow: 0px 0px 1px 2px #f8356b;\r\n\t}\r\n}\r\n\r\n.popup-panel\r\n{\r\n\tbackground-color: #1b202c;\r\n\tflex-direction: column;\r\n\tcolor: #8e9ec2;\r\n\ttransition: all 0.1s ease-out;\r\n\tposition: absolute;\r\n\tz-index: 2000;\r\n\tmin-height: 20px;\r\n\tmin-width: 10px;\r\n\toverflow: scroll;\r\n\tpointer-events: all;\r\n\tbox-shadow: 3px 3px 64px #000;\r\n\tborder-radius: 4px;\r\n\r\n\t\u0026.medium\r\n\t{\r\n\t\tmax-width: 300px;\r\n\t}\r\n\r\n\t\u0026.center-horizontal\r\n\t{\r\n\t\ttransform-origin: top center;\r\n\t}\r\n\r\n\t\u0026.below-center\r\n\t{\r\n\t\ttransform: translateX( -50% );\r\n\t\ttransform-origin: 0% 0%;\r\n\t}\r\n\r\n\t\u0026.above-left\r\n\t{\r\n\t\ttransform-origin: 0% 100%;\r\n\t}\r\n\r\n\t\u0026.above-center\r\n\t{\r\n\t\ttransform: translateX( -50% );\r\n\t\ttransform-origin: 0% 100%;\r\n\t}\r\n\r\n\t\u0026.left\r\n\t{\r\n\t\ttransform-origin: 100% 50%;\r\n\t\ttransform: translate( 00% -50% );\r\n\t}\r\n\r\n\t\u0026.right\r\n\t{\r\n\t\ttransform-origin: 0 50%;\r\n\t\ttransform: translate( 0% -50% );\r\n\t}\r\n\r\n\t\u0026:intro\r\n\t{\r\n\t\ttransform: scale( 0 );\r\n\t\tpointer-events: none;\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\t\u0026:outro\r\n\t{\r\n\t\topacity: 0;\r\n\t\ttransition: all 0.1s ease-in;\r\n\t\tmargin-top: 50px;\r\n\t\tpointer-events: none;\r\n\t}\r\n\r\n\t\u0026.below-stretch\r\n\t{\r\n\t\ttransform-origin: 0% 0%;\r\n\r\n\t\t\u0026:intro\r\n\t\t{\r\n\t\t\ttransform: scaleY( 0.1 );\r\n\t\t}\r\n\t}\r\n\r\n\t\u003E .canvas\r\n\t{\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.information\r\n\t{\r\n\t\tpadding: 16px;\r\n\t\tfont-size: 14px;\r\n\t\topacity: 0.5;\r\n\t}\r\n\r\n\tbutton\r\n\t{\r\n\t\tpadding: 2px 8px;\r\n\t\tcursor: pointer;\r\n\t\tfont-family: Poppins;\r\n\t\tfont-weight: 600;\r\n\t\tflex-shrink: 0;\r\n\r\n\t\t\u0026:hover\r\n\t\t{\r\n\t\t\tbackground-color: #08f;\r\n\t\t\tcolor: #fff;\r\n\t\t}\r\n\t}\r\n}\r\n"},{"Ident":"verarp.science","Path":"styles/base/_navigator.scss","FileName":"_navigator.scss","PackageType":"game","CodeKind":"Game","AssetVersionId":292714,"IsPrivate":false,"Code":".navigator-body\r\n{\r\n\t\u0026.hidden\r\n\t{\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n"},{"Ident":"verarp.science","Path":"ui/controls/color/colorpickercontrol.cs.scss","FileName":"colorpickercontrol.cs.scss","PackageType":"game","CodeKind":"Game","AssetVersionId":292714,"IsPrivate":false,"Code":"ColorPickerControl\r\n{\r\n\tflex-direction: column;\r\n\tflex-shrink: 0;\r\n\tgap: 0.5rem;\r\n\tmargin: 1rem;\r\n}"},{"Ident":"verarp.science","Path":"ui/components/packagecard.razor.scss","FileName":"packagecard.razor.scss","PackageType":"game","CodeKind":"Game","AssetVersionId":292714,"IsPrivate":false,"Code":"@import \u0022/styles/_theme.scss\u0022;\r\n$background-size: 8px;\r\n\r\nPackageCard\r\n{\r\n\tflex-shrink: 0;\r\n\r\n\t\u0026:hover\r\n\t{\r\n\t\tsound-in: \u0022ui.button.over\u0022;\r\n\t}\r\n\r\n\t\u0026:active\r\n\t{\r\n\t\tsound-in: \u0022ui.button.press\u0022;\r\n\t}\r\n\r\n\tflex-direction: column;\r\n\tposition: relative;\r\n\tbackground-color: rgba( $default-950, 0 );\r\n\tborder-radius: $rounding-default;\r\n\ttransition: all 150ms ease;\r\n\tcursor: pointer;\r\n\tz-index: 0;\r\n\theight: 200px;\r\n\r\n\t.image\r\n\t{\r\n\t\tflex-grow: 1;\r\n\t\tflex-shrink: 0;\r\n\t\ttransition: all 150ms ease;\r\n\t\tborder: 1px solid rgba( white, 0.025 );\r\n\t\taspect-ratio: 16 / 9;\r\n\t\tbackground-position: center;\r\n\t\tbackground-size: cover;\r\n\t\tborder-radius: $rounding-small;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\tcolumn\r\n\t{\r\n\t\tpadding: 8px 2px; // Optically aligned\r\n\t}\r\n\r\n\t\u0026.list\r\n\t{\r\n\t\tflex-grow: 1;\r\n\t\theight: 64px;\r\n\t\tflex-direction: row;\r\n\t\tgap: 12px;\r\n\t\tpadding: 4px;\r\n\r\n\t\t.inner column\r\n\t\t{\r\n\t\t\tflex-grow: 1;\r\n\t\t}\r\n\r\n\t\t.image\r\n\t\t{\r\n\t\t\theight: 100%;\r\n\t\t\taspect-ratio: 1;\r\n\t\t\tflex-grow: 0;\r\n\t\t\tflex-shrink: 0;\r\n\t\t}\r\n\r\n\t\tcolumn\r\n\t\t{\r\n\t\t\tgap: 3px;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\r\n\t\t.package-title\r\n\t\t{\r\n\t\t\tflex-shrink: 0;\r\n\t\t\tmax-width: 500px;\r\n\t\t}\r\n\r\n\t\t.package-users\r\n\t\t{\r\n\t\t\ttop: 1px;\r\n\t\t\tright: 1px;\r\n\t\t}\r\n\r\n\t\t\u0026:hover\r\n\t\t{\r\n\t\t\tbackground-color: $default-800;\r\n\t\t\ttransform: none;\r\n\r\n\t\t\t\u0026::after\r\n\t\t\t{\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t\u0026.wide\r\n\t{\r\n\t\theight: 250px;\r\n\r\n\t\t.package-title\r\n\t\t{\r\n\t\t\tmax-width: 300px;\r\n\t\t}\r\n\t}\r\n\r\n\t\u0026.small\r\n\t{\r\n\t\theight: 200px;\r\n\t\taspect-ratio: 3/4;\r\n\r\n\t\t.image\r\n\t\t{\r\n\t\t\taspect-ratio: 1;\r\n\t\t}\r\n\r\n\t\t.package-title\r\n\t\t{\r\n\t\t\tmax-width: 140px;\r\n\t\t}\r\n\t}\r\n\r\n\t\u0026.tall\r\n\t{\r\n\t\theight: 400px;\r\n\r\n\t\t.image\r\n\t\t{\r\n\t\t\taspect-ratio: 9/16;\r\n\t\t}\r\n\r\n\t\t.package-title\r\n\t\t{\r\n\t\t\tmax-width: 200px;\r\n\t\t}\r\n\t}\r\n\r\n\t.package-title\r\n\t{\r\n\t\ttext-overflow: ellipsis;\r\n\t\tmax-height: 24px;\r\n\t\tflex-shrink: 1;\r\n\t\tfont-size: 14px;\r\n\t}\r\n\r\n\t.package-users\r\n\t{\r\n\t\tposition: absolute;\r\n\t\tbottom: 4px;\r\n\t\tright: 4px;\r\n\t\tbackground-color: rgba( 10, 40, 10, 0.95 );\r\n\t\tpadding: 3px 5px;\r\n\t\tborder-radius: 2px;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tgap: 3px;\r\n\t\tfont-size: 11px;\r\n\t\tcolor: #def;\r\n\t\tborder: 1px solid #252;\r\n\t\tcolor: #2f3;\r\n\r\n\t\t\u0026:before\r\n\t\t{\r\n\t\t\tcontent: \u0027\u25CF\u0027;\r\n\t\t\tfont-size: 0.5rem;\r\n\t\t}\r\n\t}\r\n\t// Hover effect (not for list)\r\n\t\u0026:not(.list)\r\n\t{\r\n\t\t\u0026::after\r\n\t\t{\r\n\t\t\tcontent: \u0022\u0022;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\tright: 0;\r\n\t\t\tbackground-color: rgba( $default-950, 0 );\r\n\t\t\ttransition: all 150ms ease;\r\n\t\t\tz-index: -10;\r\n\t\t\tborder-radius: $rounding-large;\r\n\t\t\tpointer-events: none;\r\n\t\t}\r\n\r\n\t\t\u0026:hover\r\n\t\t{\r\n\t\t\ttransform: scale( 1.05 );\r\n\r\n\t\t\t\u0026::after\r\n\t\t\t{\r\n\t\t\t\tbackground-color: $default-800;\r\n\t\t\t\ttop: -$background-size;\r\n\t\t\t\tleft: -$background-size;\r\n\t\t\t\tright: -$background-size;\r\n\t\t\t\tbottom: -$background-size;\r\n\t\t\t\tbox-shadow: 0 0 25px rgba( black, 0.3 );\r\n\t\t\t}\r\n\r\n\t\t\tz-index: 100;\r\n\t\t\tbackground-color: $default-900;\r\n\t\t}\r\n\t}\r\n}\r\n"},{"Ident":"verarp.science","Path":".obj/__compiler_extra.cs","FileName":"__compiler_extra.cs","PackageType":"game","CodeKind":"Game","AssetVersionId":292714,"IsPrivate":false,"Code":"global using static Sandbox.Internal.GlobalGameNamespace;\r\nglobal using Microsoft.AspNetCore.Components;\r\nglobal using Microsoft.AspNetCore.Components.Rendering;\r\n[assembly: global::System.Reflection.AssemblyMetadata( \u0022AddonTitle\u0022, \u0022Science\u0022 )]\r\n[assembly: global::System.Reflection.AssemblyMetadata( \u0022AddonIdent\u0022, \u0022science\u0022 )]\r\n[assembly: global::System.Reflection.AssemblyMetadata( \u0022OrgIdent\u0022, \u0022verarp\u0022 )]\r\n[assembly: global::System.Reflection.AssemblyMetadata( \u0022Ident\u0022, \u0022verarp.science\u0022 )]\r\n[assembly: global::System.Reflection.AssemblyMetadata( \u0022EngineVersion\u0022, \u002226\u0022 )]\r\n[assembly: global::System.Reflection.AssemblyMetadata( \u0022EngineMinorVersion\u0022, \u00221\u0022 )]\r\n\r\n[assembly: System.Runtime.Versioning.TargetFramework( \u0022.NETCoreApp,Version=v9.0\u0022, FrameworkDisplayName = \u0022.NET 9.0\u0022 )]\r\n[assembly: global::System.Reflection.AssemblyMetadata( \u0022CompileTime\u0022, \u00222026-06-21T16:12:55.6104423Z\u0022 )]\r\n[assembly: global::System.Reflection.AssemblyVersion(\u00220.0.117.0\u0022)]\r\n[assembly: global::System.Reflection.AssemblyFileVersion(\u00220.0.117.0\u0022)]"},{"Ident":"verarp.science","Path":"ScienceHud.razor","FileName":"ScienceHud.razor","PackageType":"game","CodeKind":"Game","AssetVersionId":292714,"IsPrivate":false,"Code":"@using System\n@using Sandbox\n@using Sandbox.UI\n@namespace Science\n@inherits PanelComponent\n@attribute [StyleSheet]\n\n\u003Croot\u003E\n    @if ( Game != null )\n    {\n        \u003CImage @ref=\u0022Canvas\u0022 class=\u0022canvas\u0022 /\u003E\n\n        \u003Cdiv class=\u0022sidebar\u0022\u003E\n            \u003Cdiv class=\u0022brand\u0022\u003E\n                \u003Cdiv class=\u0022logo\u0022\u003ESCIENCE\u003C/div\u003E\n                \u003Cdiv class=\u0022tagline\u0022\u003EFalling-sand sandbox\u003C/div\u003E\n                \u003Cdiv class=\u0022rank\u0022\u003E@Game.LabRank\u003C/div\u003E\n            \u003C/div\u003E\n\n            \u003Cdiv class=\u0022palette\u0022\u003E\n                @foreach ( var category in Categories )\n                {\n                    \u003Cdiv class=\u0022cat-head\u0022\u003E@ScienceGame.CategoryName( category )\u003C/div\u003E\n                    @foreach ( var element in ElementsIn( category ) )\n                    {\n                        \u003Cbutton class=\u0022@ToolClass( element )\u0022 tooltip=@ScienceGame.Describe( element ) onclick=@(() =\u003E Game.SelectTool( element ))\u003E\n                            \u003Cspan class=\u0022@SwatchClass( element )\u0022\u003E\u003C/span\u003E\n                            \u003Cb\u003E@ScienceGame.ToolName( element )\u003C/b\u003E\n                        \u003C/button\u003E\n                    }\n                }\n            \u003C/div\u003E\n        \u003C/div\u003E\n\n        \u003Cdiv class=\u0022objective @(Game.ObjectiveComplete ? \u0022complete\u0022 : \u0022\u0022)\u0022\u003E\n            \u003Cdiv class=\u0022objective-top\u0022\u003E\n                \u003Cspan\u003E@Game.ActiveExperimentName: @Game.ObjectiveText | Tool @Game.CurrentToolName | Score @Game.LabScore.ToString( \u0022N0\u0022 )\u003C/span\u003E\n                \u003Cb\u003E@Game.ObjectiveProgress\u003C/b\u003E\n            \u003C/div\u003E\n            \u003Cdiv class=\u0022progress\u0022\u003E\n                \u003Cdiv class=\u0022progress-fill\u0022 style=@($\u0022width: {Game.ObjectivePercent * 100f:0}%\u0022)\u003E\u003C/div\u003E\n            \u003C/div\u003E\n        \u003C/div\u003E\n\n        \u003Cdiv class=\u0022stats\u0022\u003E\n            \u003Cdiv class=\u0022stat-chip particles\u0022\u003E\n                \u003Cspan class=\u0022stat-num\u0022\u003E@Game.Particles.ToString( \u0022N0\u0022 )\u003C/span\u003E\n                \u003Cspan class=\u0022stat-lbl\u0022\u003EParticles\u003C/span\u003E\n            \u003C/div\u003E\n            \u003Cdiv class=\u0022stat-chip reactions\u0022\u003E\n                \u003Cspan class=\u0022stat-num\u0022\u003E@Game.Reactions.ToString( \u0022N0\u0022 )\u003C/span\u003E\n                \u003Cspan class=\u0022stat-lbl\u0022\u003EReactions\u003C/span\u003E\n            \u003C/div\u003E\n            \u003Cdiv class=\u0022stat-chip discovered\u0022\u003E\n                \u003Cspan class=\u0022stat-num\u0022\u003E@Game.Discoveries / 24\u003C/span\u003E\n                \u003Cspan class=\u0022stat-lbl\u0022\u003EFound\u003C/span\u003E\n            \u003C/div\u003E\n        \u003C/div\u003E\n\n        \u003Cdiv class=\u0022notebook\u0022\u003E\n            \u003Cdiv class=\u0022nb-head\u0022\u003ELAB NOTEBOOK\u003C/div\u003E\n            @if ( Game.RecentReactions.Count == 0 )\n            {\n                \u003Cdiv class=\u0022nb-empty\u0022\u003EMix materials to discover reactions...\u003C/div\u003E\n            }\n            else\n            {\n                @foreach ( var entry in Game.RecentReactions )\n                {\n                    \u003Cdiv class=\u0022nb-entry\u0022\u003E\u002B @entry\u003C/div\u003E\n                }\n            }\n        \u003C/div\u003E\n\n        \u003Cdiv class=\u0022milestones\u0022\u003E\n            \u003Cdiv class=\u0022nb-head\u0022\u003EMILESTONES\u003C/div\u003E\n            @if ( Game.Milestones.Count == 0 )\n            {\n                \u003Cdiv class=\u0022nb-empty\u0022\u003ELoad an experiment or discover reactions.\u003C/div\u003E\n            }\n            else\n            {\n                @foreach ( var entry in Game.Milestones )\n                {\n                    \u003Cdiv class=\u0022milestone-entry\u0022\u003E@entry\u003C/div\u003E\n                }\n            }\n        \u003C/div\u003E\n\n        \u003Cdiv class=\u0022toolbar\u0022\u003E\n            \u003Cdiv class=\u0022group\u0022\u003E\n                \u003Cbutton class=\u0022icon-btn\u0022 tooltip=\u0022Smaller brush\u0022 onclick=@(() =\u003E Click( Game.DecreaseBrush ))\u003E-\u003C/button\u003E\n                \u003Cdiv class=\u0022readout\u0022\u003E@Game.BrushRadius\u003C/div\u003E\n                \u003Cbutton class=\u0022icon-btn\u0022 tooltip=\u0022Larger brush\u0022 onclick=@(() =\u003E Click( Game.IncreaseBrush ))\u003E\u002B\u003C/button\u003E\n            \u003C/div\u003E\n\n            \u003Cdiv class=\u0022group\u0022\u003E\n                \u003Cbutton class=\u0022mode-btn @(Game.Paused ? \u0022active\u0022 : \u0022\u0022)\u0022 onclick=@(() =\u003E Click( Game.TogglePause ))\u003E@(Game.Paused ? \u0022Run\u0022 : \u0022Pause\u0022)\u003C/button\u003E\n                \u003Cbutton class=\u0022mode-btn\u0022 tooltip=\u0022Advance one frame\u0022 onclick=@(() =\u003E Click( Game.StepOnce ))\u003EStep\u003C/button\u003E\n                \u003Cbutton class=\u0022mode-btn\u0022 tooltip=\u0022Cycle simulation speed\u0022 onclick=@(() =\u003E Click( Game.CycleSpeed ))\u003E@Game.SpeedScale.ToString( \u00220.#\u0022 )x\u003C/button\u003E\n            \u003C/div\u003E\n\n            \u003Cdiv class=\u0022group experiments\u0022\u003E\n                \u003Cbutton class=\u0022@ExperimentClass( \u0022Mixed Lab\u0022 )\u0022 tooltip=\u0022Starter reaction board\u0022 onclick=@(() =\u003E { Game.PlayClick(); Game.LoadScenario( 0 ); })\u003ELab\u003C/button\u003E\n                \u003Cbutton class=\u0022@ExperimentClass( \u0022Volcano\u0022 )\u0022 tooltip=\u0022Heat and pressure chain\u0022 onclick=@(() =\u003E { Game.PlayClick(); Game.LoadScenario( 1 ); })\u003EVolcano\u003C/button\u003E\n                \u003Cbutton class=\u0022@ExperimentClass( \u0022Garden\u0022 )\u0022 tooltip=\u0022Growth and water system\u0022 onclick=@(() =\u003E { Game.PlayClick(); Game.LoadScenario( 2 ); })\u003EGarden\u003C/button\u003E\n                \u003Cbutton class=\u0022@ExperimentClass( \u0022Demolition\u0022 )\u0022 tooltip=\u0022Fuse and explosives test\u0022 onclick=@(() =\u003E { Game.PlayClick(); Game.LoadScenario( 3 ); })\u003EDemo\u003C/button\u003E\n            \u003C/div\u003E\n\n            \u003Cdiv class=\u0022group\u0022\u003E\n                \u003Cbutton class=\u0022mode-btn\u0022 tooltip=\u0022Save sandbox\u0022 onclick=@(() =\u003E Click( Game.SaveState ))\u003ESave\u003C/button\u003E\n                \u003Cbutton class=\u0022mode-btn\u0022 tooltip=\u0022Load sandbox\u0022 onclick=@(() =\u003E Click( Game.LoadState ))\u003ELoad\u003C/button\u003E\n                \u003Cbutton class=\u0022mode-btn\u0022 tooltip=\u0022Toggle grid\u0022 onclick=@(() =\u003E Click( Game.ToggleGrid ))\u003EGrid\u003C/button\u003E\n                \u003Cbutton class=\u0022mode-btn @(Game.Muted ? \u0022active\u0022 : \u0022\u0022)\u0022 tooltip=\u0022Toggle sound\u0022 onclick=@(() =\u003E Game.ToggleMute())\u003E@(Game.Muted ? \u0022Muted\u0022 : \u0022Sound\u0022)\u003C/button\u003E\n                \u003Cbutton class=\u0022mode-btn danger\u0022 tooltip=\u0022Clear canvas\u0022 onclick=@(() =\u003E Click( Game.ClearWorld ))\u003EClear\u003C/button\u003E\n                \u003Cbutton class=\u0022mode-btn\u0022 tooltip=\u0022Help\u0022 onclick=@(() =\u003E { ToggleHelp(); Game.PlayClick(); })\u003E?\u003C/button\u003E\n            \u003C/div\u003E\n        \u003C/div\u003E\n\n        @if ( _showHelp )\n        {\n            \u003Cdiv class=\u0022overlay\u0022\u003E\n                \u003Cdiv class=\u0022backdrop\u0022 onclick=@(() =\u003E ToggleHelp())\u003E\u003C/div\u003E\n                \u003Cdiv class=\u0022panel\u0022\u003E\n                    \u003Cdiv class=\u0022panel-title\u0022\u003EHow to play\u003C/div\u003E\n                    \u003Cdiv class=\u0022help-cols\u0022\u003E\n                        \u003Cdiv class=\u0022help-col\u0022\u003E\n                            \u003Cdiv class=\u0022help-h\u0022\u003EControls\u003C/div\u003E\n                            \u003Cdiv class=\u0022help-row\u0022\u003E\u003Cb\u003ELeft\u0026nbsp;drag\u003C/b\u003E\u003Cspan\u003EPaint selected material\u003C/span\u003E\u003C/div\u003E\n                            \u003Cdiv class=\u0022help-row\u0022\u003E\u003Cb\u003ERight\u0026nbsp;drag\u003C/b\u003E\u003Cspan\u003EErase\u003C/span\u003E\u003C/div\u003E\n                            \u003Cdiv class=\u0022help-row\u0022\u003E\u003Cb\u003E- / \u002B\u003C/b\u003E\u003Cspan\u003EBrush size\u003C/span\u003E\u003C/div\u003E\n                            \u003Cdiv class=\u0022help-row\u0022\u003E\u003Cb\u003EPause / Step\u003C/b\u003E\u003Cspan\u003EFreeze and advance one frame\u003C/span\u003E\u003C/div\u003E\n                            \u003Cdiv class=\u0022help-row\u0022\u003E\u003Cb\u003ESpeed\u003C/b\u003E\u003Cspan\u003E0.5x to 4x simulation\u003C/span\u003E\u003C/div\u003E\n                            \u003Cdiv class=\u0022help-row\u0022\u003E\u003Cb\u003E1-9\u003C/b\u003E\u003Cspan\u003EQuick-select common materials\u003C/span\u003E\u003C/div\u003E\n                        \u003C/div\u003E\n                        \u003Cdiv class=\u0022help-col\u0022\u003E\n                            \u003Cdiv class=\u0022help-h\u0022\u003ETry these reactions\u003C/div\u003E\n                            \u003Cdiv class=\u0022help-row2\u0022\u003EDrop \u003Cb\u003EWater\u003C/b\u003E onto \u003Cb\u003ELava\u003C/b\u003E to make Stone \u0026amp; Steam\u003C/div\u003E\n                            \u003Cdiv class=\u0022help-row2\u0022\u003ELight \u003Cb\u003EOil\u003C/b\u003E with \u003Cb\u003EFire\u003C/b\u003E to make it burn\u003C/div\u003E\n                            \u003Cdiv class=\u0022help-row2\u0022\u003E\u003Cb\u003EAcid\u003C/b\u003E eats almost anything it touches\u003C/div\u003E\n                            \u003Cdiv class=\u0022help-row2\u0022\u003E\u003Cb\u003ESeed\u003C/b\u003E \u002B \u003Cb\u003EWater\u003C/b\u003E grows \u003Cb\u003EPlant\u003C/b\u003E\u003C/div\u003E\n                            \u003Cdiv class=\u0022help-row2\u0022\u003E\u003Cb\u003EFuse\u003C/b\u003E carries fire to \u003Cb\u003ETNT\u003C/b\u003E\u003C/div\u003E\n                            \u003Cdiv class=\u0022help-row2\u0022\u003E\u003Cb\u003EClone\u003C/b\u003E copies any material beside it\u003C/div\u003E\n                        \u003C/div\u003E\n                    \u003C/div\u003E\n                    \u003Cbutton class=\u0022close-btn\u0022 onclick=@(() =\u003E ToggleHelp())\u003EGot it\u003C/button\u003E\n                \u003C/div\u003E\n            \u003C/div\u003E\n        }\n\n        @if ( _showIntro )\n        {\n            \u003Cdiv class=\u0022intro\u0022 onclick=@(() =\u003E DismissIntro())\u003E\n                \u003CImage @ref=\u0022IntroCanvas\u0022 class=\u0022intro-canvas\u0022 /\u003E\n                \u003Cdiv class=\u0022intro-scrim\u0022\u003E\u003C/div\u003E\n                \u003Cdiv class=\u0022intro-inner\u0022\u003E\n                    \u003Cdiv class=\u0022intro-logo\u0022\u003ESCIENCE\u003C/div\u003E\n                    \u003Cdiv class=\u0022intro-sub\u0022\u003EA reactive falling-sand sandbox\u003C/div\u003E\n                    \u003Cdiv class=\u0022intro-hint\u0022\u003E30 materials / live reactions / build, burn, dissolve, grow\u003C/div\u003E\n                    \u003Cbutton class=\u0022intro-btn\u0022 onclick=@(() =\u003E DismissIntro())\u003EEnter the lab\u003C/button\u003E\n                    \u003Cdiv class=\u0022intro-foot\u0022\u003EClick anywhere to begin\u003C/div\u003E\n                \u003C/div\u003E\n            \u003C/div\u003E\n        }\n    }\n\u003C/root\u003E\n\n@code {\n    [Property] public ScienceGame Game { get; set; }\n\n    Image Canvas { get; set; }\n    Image IntroCanvas { get; set; }\n    bool _showHelp;\n    bool _showIntro = false;\n\n    // Run the action, then a UI click so every control gives audible feedback.\n    void Click( Action action )\n    {\n        action?.Invoke();\n        Game?.PlayClick();\n    }\n\n    static readonly ElementCategory[] Categories =\n    {\n        ElementCategory.Powders, ElementCategory.Liquids, ElementCategory.Gases,\n        ElementCategory.Energy, ElementCategory.Life, ElementCategory.Explosives,\n        ElementCategory.Solids, ElementCategory.Tools\n    };\n\n    int TotalReactions =\u003E 24;\n\n    protected override void OnStart()\n    {\n        base.OnStart();\n        Game ??= Scene.GetAllComponents\u003CScienceGame\u003E().FirstOrDefault();\n        if ( !_showIntro ) Game?.SetAttractMode( false );\n    }\n\n    protected override void OnUpdate()\n    {\n        if ( Game == null ) return;\n\n        if ( Game.GridTexture != null )\n        {\n            if ( Canvas.IsValid() ) Canvas.Texture = Game.GridTexture;\n            if ( IntroCanvas.IsValid() ) IntroCanvas.Texture = Game.GridTexture;\n        }\n\n        if ( Canvas.IsValid() )\n        {\n            var rect = Canvas.Box.Rect;\n            var mouse = Mouse.Position;\n            bool inside = !_showHelp \u0026\u0026 !_showIntro\n                \u0026\u0026 mouse.x \u003E= rect.Left \u0026\u0026 mouse.x \u003C= rect.Right\n                \u0026\u0026 mouse.y \u003E= rect.Top \u0026\u0026 mouse.y \u003C= rect.Bottom;\n            Game.SetCanvasRect( rect, inside );\n        }\n    }\n\n    IEnumerable\u003CElement\u003E ElementsIn( ElementCategory category )\n        =\u003E Game.ToolPalette.Where( e =\u003E ScienceGame.CategoryOf( e ) == category );\n\n    void ToggleHelp() =\u003E _showHelp = !_showHelp;\n    void DismissIntro()\n    {\n        if ( !_showIntro ) return;\n        _showIntro = false;\n        Game?.SetAttractMode( false );\n        Game?.PlayClick();\n    }\n\n    string ToolClass( Element element ) =\u003E Game?.CurrentTool == element ? \u0022tool-btn active\u0022 : \u0022tool-btn\u0022;\n    string SwatchClass( Element element ) =\u003E $\u0022swatch {element.ToString().ToLowerInvariant()}\u0022;\n    string ExperimentClass( string name ) =\u003E Game?.ActiveExperimentName == name ? \u0022scenario-btn active\u0022 : \u0022scenario-btn\u0022;\n\n    protected override int BuildHash() =\u003E System.HashCode.Combine(\n        System.HashCode.Combine( Game?.CurrentTool, Game?.BrushRadius, Game?.Paused, Game?.SpeedScale ),\n        System.HashCode.Combine( Game?.Particles, Game?.Discoveries, Game?.LastReaction, Game?.RecentReactions.Count ),\n        System.HashCode.Combine( Game?.ActiveExperimentName, Game?.ObjectiveProgress, Game?.ObjectiveComplete, Game?.LabScore ),\n        System.HashCode.Combine( Game?.Milestones.Count, _showHelp, _showIntro, Game?.Muted ),\n        System.HashCode.Combine( Game?.Particles, Game?.Reactions ) );\n}\n"},{"Ident":"verarp.science","Path":"ui/controls/color/colorcontrol.cs.scss","FileName":"colorcontrol.cs.scss","PackageType":"game","CodeKind":"Game","AssetVersionId":292714,"IsPrivate":false,"Code":"ColorControl\r\n{\r\n\tgap: 0.5rem;\r\n\tflex-grow: 1;\r\n\tpointer-events: all;\r\n\tbackground-color: #000a;\r\n\tborder-radius: 4px;\r\n\tpadding: 2px;\r\n\theight: 32px;\r\n}\r\n\r\nColorControl TextEntry\r\n{\r\n\tflex-grow: 1;\r\n\tflex-shrink: 0;\r\n\tcolor: #aaa;\r\n\tfont-size: 1.2rem;\r\n\r\n\t\u0026:hover, \u0026:focus\r\n\t{\r\n\t\tcolor: #ddd;\r\n\r\n\t\t.icon\r\n\t\t{\r\n\t\t\tcolor: #3af;\r\n\t\t}\r\n\t}\r\n\r\n\t\u0026:active\r\n\t{\r\n\t\tcolor: white;\r\n\t}\r\n}\r\n\r\nColorControl \u003E .colorswatch\r\n{\r\n\taspect-ratio: 1;\r\n\tborder-radius: 4px;\r\n\theight: 100%;\r\n\tflex-shrink: 0;\r\n\tcursor: pointer;\r\n\tborder: 2px solid #000;\r\n}"},{"Ident":"verarp.science","Path":"ui/components/packagelist.razor.scss","FileName":"packagelist.razor.scss","PackageType":"game","CodeKind":"Game","AssetVersionId":292714,"IsPrivate":false,"Code":".package-list\r\n{\r\n    flex-shrink: 1;\r\n    flex-wrap: wrap;\r\n    flex-grow: 1;\r\n\r\n    h1\r\n    {\r\n        width: 100%;\r\n        margin-top: 50px;\r\n        font-size: 40px;\r\n    }\r\n\r\n    PackageCard\r\n    {\r\n        \u0026:hover\r\n        {\r\n            sound-in: \u0022ui.button.over\u0022;\r\n        }\r\n    }\r\n\r\n    VirtualGrid\r\n    {\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        .cell\r\n        {\r\n            \r\n        }\r\n    }\r\n}"},{"Ident":"verarp.science","Path":"ui/components/packageflairbar.razor.scss","FileName":"packageflairbar.razor.scss","PackageType":"game","CodeKind":"Game","AssetVersionId":292714,"IsPrivate":false,"Code":"PackageFlairBar\r\n{\r\n\tposition: absolute;\r\n\ttop: 6px;\r\n\tleft: 6px;\r\n\tz-index: 2;\r\n\tflex-direction: row;\r\n\tgap: 5px;\r\n\tpointer-events: none;\r\n\r\n\t.flair\r\n\t{\r\n\t\tposition: relative;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\twidth: 22px;\r\n\t\theight: 22px;\r\n\t\tpointer-events: all;\r\n\t\tborder-radius: 4px;\r\n\t\tcolor: white;\r\n\t\tborder: 1px solid rgba( white, 0.1 );\r\n\t\toutline: 1px solid #0006;\r\n\t\topacity: 0.7;\r\n\r\n\t\t\u0026:hover\r\n\t\t{\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\r\n\t\ticon\r\n\t\t{\r\n\t\t\tfont-size: 15px;\r\n\t\t}\r\n\t}\r\n}\r\n"},{"Ident":"verarp.science","Path":"styles/form/_switch.scss","FileName":"_switch.scss","PackageType":"game","CodeKind":"Game","AssetVersionId":292714,"IsPrivate":false,"Code":"\r\n$primary: red !default;\r\n$primary-alt: white !default;\r\n\r\n$switch-padding: 6px !default;\r\n\r\n.checkbox.switch\r\n{\r\n\tcursor: pointer;\r\n\r\n\t\u003E .checkmark\r\n\t{\r\n\t\tfont-size: 22px;\r\n\t\tborder: 0px solid $primary;\r\n\t\tborder-radius: 100px;\r\n\t\ttext-align: center;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tcolor: $primary-alt;\r\n\t\tpadding: $switch-padding;\r\n\t\tpadding-right: 32px;\r\n\t\tpadding-left: $switch-padding;\r\n\t\ttransition: all 0.3s ease;\r\n\t\tbackground-color: rgba( $primary, 0.1 );\r\n\r\n\t\t\u003E .handle\r\n\t\t{\r\n\t\t\tbackground-color: $primary-alt;\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 20px;\r\n\t\t\tborder-radius: 100px;\r\n\t\t\tbox-shadow: 2px 2px 12px black;\r\n\t\t}\r\n\t}\r\n\r\n\t\u0026.checked\r\n\t{\r\n\t\t\u003E .checkmark\r\n\t\t{\r\n\t\t\tbackground-color: $primary;\r\n\t\t\tpadding-left: 32px;\r\n\t\t\tpadding-right: $switch-padding;\r\n\t\t}\r\n\t}\r\n\r\n\t\u0026:active\r\n\t{\r\n\t\ttransform: scale( 0.9 );\r\n\t\ttransform-origin: 20px 50%;\r\n\t}\r\n}\r\n"},{"Ident":"verarp.science","Path":"ui/controlsheet/controlsheet.cs.scss","FileName":"controlsheet.cs.scss","PackageType":"game","CodeKind":"Game","AssetVersionId":292714,"IsPrivate":false,"Code":"ControlSheet\r\n{\r\n\tflex-direction: column;\r\n\tfont-family: Poppins;\r\n\tfont-size: 14px;\r\n}\r\n\r\nControlSheet \u003E .body\r\n{\r\n\tflex-direction: column;\r\n\tflex-grow: 1;\r\n\toverflow: scroll;\r\n\tgap: 1px;\r\n}\r\n\r\nControlSheet \u003E .body \u003E * \r\n{\r\n\tflex-shrink: 0;\r\n}\r\n"},{"Ident":"verarp.science","Path":"ui/controls/color/colorsaturationvaluecontrol.cs.scss","FileName":"colorsaturationvaluecontrol.cs.scss","PackageType":"game","CodeKind":"Game","AssetVersionId":292714,"IsPrivate":false,"Code":"ColorSaturationValueControl\r\n{\r\n\twidth: 240px;\r\n\theight: 240px;\r\n\tbackground-color: red;\r\n\tposition: relative;\r\n\tborder-radius: 4px;\r\n\tcursor: pointer;\r\n\tborder: 1px solid #333;\r\n\r\n\t\u0026:hover\r\n\t{\r\n\t\tborder: 1px solid #08f;\r\n\t}\r\n\r\n\t\u0026:active\r\n\t{\r\n\t\tborder: 1px solid #fff;\r\n\t}\r\n\r\n\t.handle\r\n\t{\r\n\t\twidth: 16px;\r\n\t\theight: 16px;\r\n\t\tborder-radius: 100px;\r\n\t\tborder: 2px solid #444;\r\n\t\tposition: absolute;\r\n\t\tbackground-color: white;\r\n\t\tbox-shadow: 2px 2px 16px #000a;\r\n\t\ttransform: translateX( -50% ) translateY( -50% );\r\n\t\tpointer-events: none;\r\n\t\tz-index: 100;\r\n\t\tz-index: 100;\r\n\t}\r\n\r\n\t.gradient\r\n\t{\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tborder-radius: 4px;\r\n\t\tbackground: linear-gradient( to right, white, rgba( 255, 255, 255, 0 ) );\r\n\r\n\t\t\u0026:after\r\n\t\t{\r\n\t\t\tcontent: \u0022\u0022;\r\n\t\t\tposition: absolute;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tbackground: linear-gradient( to top, black, rgba( 0, 0, 0, 0 ) );\r\n\t\t}\r\n\t}\r\n}\r\n"},{"Ident":"verarp.science","Path":"ui/components/packagefilters.razor.scss","FileName":"packagefilters.razor.scss","PackageType":"game","CodeKind":"Game","AssetVersionId":292714,"IsPrivate":false,"Code":"\r\n@import \u0022/styles/_theme.scss\u0022;\r\n\r\n.packagefilter\r\n{\r\n\twidth: 100%;\r\n\tflex-shrink: 0;\r\n\r\n\t.left\r\n\t{\r\n\t\tflex-grow: 1;\r\n\t\tflex-shrink: 0;\r\n\t\tgap: 16px;\r\n\t}\r\n\r\n\t.right\r\n\t{\r\n\t\tflex-grow: 1;\r\n\t\tflex-shrink: 0;\r\n\t\tgap: 16px;\r\n\t}\r\n}\r\n\r\n.packagefilter textentry\r\n{\r\n\tflex-grow: 1;\r\n\tpadding: 8px 12px;\r\n\tpointer-events: all;\r\n\r\n\tLabel\r\n\t{\r\n\t\tmargin-left: 26px;\r\n\t}\r\n\r\n\ticonpanel\r\n\t{\r\n\t\tposition: absolute;\r\n\t\tleft: 12px;\r\n\t\topacity: 0.3;\r\n\t\tfont-size: $text-large;\r\n\t}\r\n}\r\n\r\n\t.packagefilterfacet, .packagefilter textentry\r\n\t{\r\n\t\tbackground-color: rgba($default-950, 0.3);\r\n\t\tcolor: $default-text;\r\n\t\toutline: 1px solid $default-border;\r\n\t\ttransition: all 150ms $easing;\r\n\t\tborder-radius: $rounding-default;\r\n\t\tpadding: 4px 12px;\r\n\t\tgap: 16px;\r\n\t\tflex-shrink: 0;\r\n\t\tfont-size: 14px;\r\n\t\tcursor: pointer;\r\n\t\talign-items: center;\r\n\r\n\t\t.clear-button\r\n\t\t{\r\n\t\t\theight: 100%;\r\n\t\t\tmargin-right: -8px;\r\n\t\t\talign-items: center;\r\n\t\t\tpadding: 0px 4px;\r\n\r\n\t\t\t\u0026:hover\r\n\t\t\t{\r\n\t\t\t\tcolor: red;\r\n\t\t\t\tborder-radius: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\u0026.is-active\r\n\t\t{\r\n\t\t\tbackground-color: $default-700;\r\n\t\t}\r\n\r\n\t\t\u0026:not(.is-active)\r\n\t\t{\r\n\t\t\t\u0026:hover\r\n\t\t\t{\r\n\t\t\t\toutline: 1px solid $default-50;\r\n\t\t\t}\r\n\t\t}\r\n\t}"},{"Ident":"verarp.science","Path":"styles/form/_colorproperty.scss","FileName":"_colorproperty.scss","PackageType":"game","CodeKind":"Game","AssetVersionId":292714,"IsPrivate":false,"Code":"\r\n\r\n.colorproperty\r\n{\r\n\talign-items: center;\r\n\tposition: relative;\r\n\r\n\t.colorsquare\r\n\t{\r\n\t\twidth: 20px;\r\n\t\theight: 20px;\r\n\t\tborder-radius: 4px;\r\n\t\tmargin-right: 8px;\r\n\t\tposition: absolute;\r\n\t\tleft: 7px;\r\n\t\tz-index: 1;\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\t\u003E .textentry:not( .a.b.c )\r\n\t{\r\n\t\tpadding-left: 36px;\r\n\t}\r\n}"},{"Ident":"verarp.science","Path":"ui/controlsheet/controlsheetgroup.cs.scss","FileName":"controlsheetgroup.cs.scss","PackageType":"game","CodeKind":"Game","AssetVersionId":292714,"IsPrivate":false,"Code":".controlgroup\r\n{\r\n\tborder-radius: 8px;\r\n\tpadding: 0.5rem;\r\n\tflex-direction: column;\r\n\tflex-shrink: 0;\r\n\r\n\t\u0026.hidden\r\n\t{\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n.controlgroup \u003E .header\r\n{\r\n\tfont-weight: 550;\r\n\tcolor: #fff;\r\n\tflex-shrink: 0;\r\n\tpadding: 8px 0;\r\n\ttext-shadow: 1px 1px 1px #0004;\r\n}\r\n\r\n.controlgroup \u003E .body\r\n{\r\n\tflex-direction: column;\r\n\tflex-shrink: 0;\r\n\tgap: 2px;\r\n\tpadding-left: 16px;\r\n\r\n\t\u0026.hidden\r\n\t{\r\n\t\tdisplay: none;\r\n\t}\r\n}"}]}