Server : Apache/2.4.41 (Ubuntu) System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, Directory :  /var/www/html/libs/absol-full/dist/css/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

/*** module: node_modules/absol-form/css/clangblockly.css ***/
:root {
    --sb-color: #5BA55B;
}


.sb-quick-menu {
    max-height: calc(100vh - 80px);
    overflow-y: auto;
}


.sb-menu-selection-title {
    font-size: 12px;
    color: rgb(120, 120, 120);
    padding: 5px 10px 5px 10px;
    font-weight: bold;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.sb-token-selection {
    display: inline-block;
    vertical-align: middle;
    background-color: rgba(255, 255, 255, 0.5);
    box-sizing: border-box;
    padding: 2px 3px 2px 2px;
    border-radius: 0.3em;
    color: black;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.sb-token-selection:active {
    background-color: rgba(255, 255, 255, 0.8);
}

.sb-inline-text {
    display: inline-block;
    line-height: 2em;
    white-space: pre;
}

.sb-token-selection::after {
    content: "▼";
    margin-left: 1em;
    white-space: pre;
    font-size: 0.7em;
    display: inline-block;
    vertical-align: middle;
    color: #606060;
}

.sb-identifier-input {
    display: inline-block;
    vertical-align: middle;
    background-color: rgba(255, 255, 255, 0.5);
    box-sizing: border-box;
    padding: 2px 3px 2px 2px;
    border-radius: 0.3em;
    color: black;
    user-select: none;
    border: none;
    outline: none;
}

.sb-identifier-input-dialog {
    padding: 5px;
    background-color: white;
}


.sb-variable {
    padding-top: 5px;
    padding-bottom: 5px;
    --sb-color: #a5a15b;
}


.sb-block-sub-ctn.as-quick-menu-attached > .sb-block > svg > .sb-block-bound {
    stroke-width: 2;
    stroke: #f9bf2f;
}

.sb-block {
    font-size: 14px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    z-index: 1;
    overflow: visible;
    box-sizing: border-box;
    color: white;
    min-height: 2em;
    min-width: 4em;
    vertical-align: middle;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    pointer-events: none;
}

.sb-block > * {
    z-index: 10;
    position: relative;
}

.sb-block-img {
    position: absolute;
    left: -10px;
    top: 0;
    height: calc(100% + 5px);
    width: calc(100% + 10px);
    z-index: 0;
    pointer-events: none;
}


.sb-block-bound {
    stroke: rgba(255, 255, 255, 0.5);
    stroke-width: 1;
    fill: var(--sb-color);
    fill-rule: evenodd;
    -webkit-box-shadow: inset 1px 1px 1px 2px rgba(255, 255, 255, 0.75);
    box-shadow: inset 1px 1px 1px 2px rgba(255, 255, 255, 0.75);
}

.sb-block > span {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
}


.sb-block-sub-ctn {
    min-height: 1.5em;
    /*background-color: rgba(84, 221, 242, 0.5);*/
    min-width: 2.5em;
    box-sizing: border-box;
}

/* handle event*/


.sb-block-bound,
.sb-block button,
.sb-block input,
.sb-block .sb-token-selection,
.sb-block .as-preinput {
    pointer-events: all;
}

/**************************************************************************/
.sb-numeric-literal {
    padding-top: 5px;
    padding-bottom: 5px;
    --sb-color: #0c7668;
    padding-left: 15px;
}

.sb-numeric-literal .absol-number-input {
    background-color: white;
    width: calc(var(--text-width) + 15px);
}

.sb-numeric-literal {

}

/**************************************************************************/
.sb-string-literal {
    padding-top: 5px;
    padding-bottom: 5px;
    --sb-color: #0c6b76;
    padding-left: 15px;
    white-space: nowrap;
}

.sb-string-literal > .mdi {
    pointer-events: none;
}

.sb-string-literal .sb-string-input {
    display: inline-block;
}


.sb-object-property .as-preinput {
    background-color: rgba(255, 255, 255, 0.2);
    padding: 0 0.3em;
    vertical-align: middle;
    line-height: 1.5;
    outline: none;
    display: inline-block;
    white-space: pre;
    min-width: 3em;
}

/**************************************************************************/
.sb-boolean-literal {
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    --sb-color: #919f8e;
}

.sb-boolean-literal .sb-token-selection {
    color: darkred;
}

.sb-boolean-literal[data-value="true"] .sb-token-selection {
    color: #1e65ea;
}

/**************************************************************************/
.sb-identifier {
    --sb-color: rgb(24, 109, 160);
    display: flex;
    align-items: center;
}

.sb-sub-ctn > .sb-identifier > .sb-identifier-name {
    pointer-events: none;
}

/**************************************************************************/
.sb-if-statement {
    padding-top: 0;
    display: block;
    padding-bottom: 5px;
    --sb-color: #5B80A5;
    position: relative;
}


.sb-if-statement-do,
.sb-if-statement-else,
.sb-if-statement-else-if,
.sb-if-statement-if {
    display: flex;
}

.sb-if-statement-do > .sb-inline-text,
.sb-if-statement-else > .sb-inline-text {
    width: 2.2em;
}

.sb-if-statement-do > .sb-block-sub-ctn,
.sb-if-statement-else > .sb-block-sub-ctn {
    padding-bottom: 5px;
}

.sb-if-statement-if > .sb-inline-text,
.sb-if-statement-else-if > .sb-inline-text {
    width: 4.5em;
}


.sb-if-statement-else {
    padding-top: 5px;
}

.sb-if-statement-option-btn {
    position: absolute;
    top: 7px;
    left: 30px;
    z-index: 11;
}


.sb-if-statement-option-btn:hover,
.sb-function-option-btn:hover,
.sb-call-expression-option-btn:hover,
.sb-member-chain-expression-option-btn:hover,
.sb-option-btn:hover {
    color: white;
}


.sb-function-option-btn, .sb-if-statement-option-btn, .sb-call-expression-option-btn,
.sb-member-chain-expression-option-btn,
.sb-option-btn {
    width: 17px;
    height: 17px;
    font-size: 12px;
    background-color: #0266b9;
    border: 1px solid #d6d6d6;
    color: #d6d6d6;
    border-radius: 4px;
    padding: 0;
}

.sb-option-btn .mdi::before {
    display: block;
}

/************************************************************/
.sb-while-statement {
    --sb-color: #5ca55b;
    padding-top: 0;
    display: block;
    padding-bottom: 5px;
    position: relative;
}

.sb-while-statement-test {
    display: flex;
    align-items: stretch;
}

.sb-while-statement-test > .sb-inline-text {
    width: 4.5em;
}

.sb-while-statement-test > .sb-block-sub-ctn {

}

.sb-while-statement-do {
    white-space: nowrap;
}

.sb-while-statement-do > .sb-inline-text {
    margin-right: 0.2em;
    vertical-align: top;
}

.sb-while-statement-do > .sb-block-sub-ctn {
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}


/************************************************************/

.sb-assign-statement {
    --sb-color: #A55B80;
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
}

.sb-for-count-statement-body-ctn > .sb-block.sb-assign-statement,
.sb-for-of-statement-body-ctn > .sb-block.sb-assign-statement,
.sb-for-in-statement-body-ctn > .sb-block.sb-assign-statement {
    display: flex;
}


.sb-assign-statement-front {
    padding-top: 5px;
}

.sb-assign-statement-front > .sb-inline-text {
    margin-right: 20px;
}

.sb-assign-statement-left-ctn {
    margin-right: 20px;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: middle;
}

.sb-block > .sb-block-sub-ctn.sb-assign-statement-right-ctn {
    vertical-align: middle;
    margin-left: 20px;
    display: inline-flex;
    align-items: stretch;
}

.sb-assign-statement-left-ctn > .sb-identifier .sb-token-selection {
    pointer-events: none;

}


/**************************************/

.sb-binary-expression,
.sb-unary-expression {
    display: flex;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
    --sb-color: rgba(91, 103, 165, 1);
}

.sb-binary-expression-left-ctn,
.sb-binary-expression-right-ctn,
.sb-unary-expression-argument-ctn {
    display: inline-block;
    vertical-align: middle;
}

.sb-binary-expression-left-ctn {
    margin-right: 10px;
    margin-left: 10px;
}

.sb-binary-expression-right-ctn, .sb-unary-expression-argument-ctn {
    margin-left: 20px;
}


/**************************************/

.sb-add-expression {
    --sb-color: rgba(91, 103, 165, 0.5);
    cursor: pointer;
}


.sb-add-expression:active {
    --sb-color: rgba(91, 103, 165, 0.3);
}

.sb-add-statement {
    --sb-color: rgba(91, 128, 165, 0.5);
    cursor: pointer;
}


.sb-add-statement:active {
    --sb-color: rgba(91, 128, 165, 0.3);
}

.sb-add-argument-declaration {
    --sb-color: rgba(153, 91, 165, 0.5);
}


.sb-add-argument-declaration:active {
    --sb-color: rgba(153, 91, 165, 0.3);

}


.sb-add-variable-declaration {
    --sb-color: rgba(165, 161, 91, 0.5);

}

.sb-add-statement, .sb-add-expression, .sb-add-variable-declaration, .sb-add-argument-declaration, .sb-add-referent {
    font-weight: bold;
}

.sb-add-referent {
    --sb-color: rgba(165, 138, 91, 0.5);
}

.sb-add-referent:active {
    --sb-color: rgba(165, 138, 91, 0.3);
}


/*********** FOR_COUNT_STATEMENT ***********************************/

.sb-for-count-statement,
.sb-for-of-statement,
.sb-for-in-statement {
    padding-bottom: 5px;
    display: block;
    --sb-color: #16a416;
}

.sb-for-of-statement {
    --sb-color: #1b691b;
}

.sb-for-in-statement {
    --sb-color: #44be44;
}

.sb-for-count-statement-for-ctn,
.sb-for-count-statement-from-ctn,
.sb-for-count-statement-to-ctn,
.sb-for-of-statement-of-ctn,
.sb-for-of-statement-for-ctn,
.sb-for-in-statement-for-ctn,
.sb-for-in-statement-in-ctn {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 5px 5px 20px;
}

.sb-for-count-statement-body-ctn,
.sb-for-of-statement-body-ctn,
.sb-for-in-statement-body-ctn {
    display: block;
    padding-bottom: 5px;
}

.sb-for-count-statement-body-ctn > .sb-block,
.sb-for-of-statement-body-ctn > .sb-block,
.sb-for-in-statement-body-ctn > .sb-block {
    display: block;
}

.sb-break-statement {
    --sb-color: green;
}

/******** function **********************************************/
.sb-function {
    --sb-color: #995BA5;
    display: block;
    padding-bottom: 5px;
}

.sb-function-type::before {
    content: "proceduce";
}

.sb-function[data-function-type="function"] > .sb-function-head .sb-function-type::before {
    content: "function";
}


.sb-function-head {
    padding-top: 5px;
    padding-bottom: 5px;
}

.sb-function-head-left > * {
    margin-right: 10px;
}

.sb-function-head-left {
    display: inline-block;
    vertical-align: middle;
}

.sb-function-argument-ctn {
    min-height: 1.5em;
    min-width: 3em;
    padding-bottom: 5px;
    display: inline-block;
    vertical-align: middle;
}

.sb-function-argument-ctn > .sb-block {
    display: block;
}


.sb-function-option-btn {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em;
}


.sb-function-statement-body-ctn {
    padding-bottom: 5px;
}


.sb-function-statement-body-ctn > .sb-variable-declaration {
    display: flex;
}

.sb-function[data-function-type="function"] {
    padding-bottom: 0;
}

.sb-function-statement-return-row {
    padding-left: calc(1em + 17px);
    min-height: 20px;
    white-space: nowrap;
    display: none;
}

.sb-function[data-function-type="function"] > .sb-function-statement-return-row {
    display: block;
}


.sb-function-statement-return-row > .sb-inline-text,
.sb-function-statement-return-row > .sb-block-sub-ctn {
    display: inline-block;
    vertical-align: top;
}

.sb-function-statement-return-row > .sb-inline-text {
    line-height: 2;
    margin-right: 1em;
}


/*******************************************************/

.sb-argument-declaration {
}

.sb-argument-declaration > input,
.sb-argument-declaration > span:not(:last-child) {
    margin-right: 10px;
}

.sb-argument-declaration:not(.sb-has-type-parameters) .sb-argument-declaration-of-text,
.sb-argument-declaration:not(.sb-has-type-parameters) .sb-argument-declaration-of {
    display: none;
}

/*******************************************************/

.sb-call-expression-statement.sb-call-expression {
    --sb-color: #6d41a2;
    display: block;
}


/*******************************************************/
.sb-variable-declaration {
    --sb-color: #AA5588;
    display: flex;
    align-items: stretch;
}

.sb-variable-declaration:not(.sb-has-init) .sb-variable-declaration-right {
    display: none;
}

.sb-variable-declaration-left {
    padding-right: 20px;
}

.sb-variable-declaration-left::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 30px;
}


.sb-variable-declaration-left > input,
.sb-variable-declaration-left > span:not(:last-child),
.sb-variable-declaration-left > .sb-token-selection {
    margin-right: 10px;
}


.sb-block.as-selected.as-last-selected > .sb-block-img > .sb-block-bound {
    stroke: yellow;
    stroke-width: 2;
}

/***********************************************************************************************************************/

.sb-call-expression {
    position: relative;
    --argument-text-width: 50px;
    --sb-color: #4141a2;
}

.sb-call-expression[data-arguments-length="0"] > .sb-call-expression-with-ctn {
    display: none;
}

.sb-call-expression-option-btn {
    position: absolute;
    top: 5px;
    left: 4.2em;
    z-index: 11;
}

.sb-call-expression-callee-row {
    white-space: nowrap;
    pointer-events: none;
}

/*.sb-call-expression-callee-ctn {*/
/*    pointer-events: initial;*/
/*}*/

.sb-call-expression-callee-row > .sb-inline-text:first-child {
    width: calc(var(--argument-text-width) + 1.5em);
    vertical-align: top;
    pointer-events: none;
}

.sb-call-expression-callee-row > .sb-inline-text:first-child::before {
    content: "call";
}

.sb-call-expression-callee-ctn {
    min-height: 30px;
    display: inline-block;
    vertical-align: top;
}

.sb-call-expression-param {
    white-space: nowrap;
}

.sb-call-expression-param-name,
.sb-call-expression-param-value-ctn {
    display: inline-block;
}

.sb-call-expression-param-name {
    width: var(--argument-text-width);

}

.sb-call-expression-with-ctn {
    white-space: nowrap;

}

.sb-call-expression-argument-list-ctn {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
}

.sb-call-expression[data-ast-type="NewExpression"] {
    --sb-color: #a07c41;
}

.sb-call-expression[data-ast-type="NewExpression"] > .sb-call-expression-callee-row > .sb-inline-text:first-child::before {
    content: "new";
}


/******************************/

.sb-member-chain-expression {
    padding: 5px 30px 5px 15px;
    position: relative;
    --sb-color: #3e5f2a;
}

.sb-member-chain-expression-object,
.sb-member-chain-expression-access-member {
    display: inline-block;
    vertical-align: middle;
}

.sb-member-chain-expression-option-btn {
    position: absolute;
    right: 5px;
    top: calc(50% - 9px);
}

.sb-member-chain-expression-property-ctn,
.sb-member-chain-expression-object-ctn {
    display: inline-block;
    vertical-align: middle;

}

.sb-member-chain-expression-property-ctn.sb-computed {
    padding-left: 5px;
}

.sb-member-chain-expression-property-ctn > .sb-block-sub-ctn {
    display: inline-block;
    vertical-align: middle;
}

.sb-member-chain-expression-property-ctn.sb-computed::before {
    content: "[";
    padding-right: 15px;
    padding-left: 10px;
}


.sb-member-chain-expression-property-ctn.sb-computed::after {
    content: "]";
    padding-left: 10px;
}

.sb-member-chain-expression-property-ctn.sb-computed::before,
.sb-member-chain-expression-property-ctn.sb-computed::after {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    text-rendering: auto;
    padding-bottom: 3px;
}


/***********************************************************************************************************************/
.sb-array-expression {
    --sb-color: #38949b;
    display: flex;
    align-items: stretch;
}


.sb-array-expression-text {
    padding-right: 20px;
}

.sb-array-expression-text::before {
    content: "array with";
}


.sb-array-element-wrapper {
    display: block;
}

.sb-array-element-wrapper::before {
    display: inline-block;
    width: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    content: "[" attr(data-idx) "]";
    vertical-align: middle;
    text-align: right;
    padding-right: 1em;
    box-sizing: border-box;
}

.sb-array-element-wrapper > * {
    display: inline-block;
    vertical-align: middle;
}


/***********************************************************************************************************************/


.sb-object-expression {
    --sb-color: #296b9d;
}

.sb-object-expression > .sb-sub-ctn {
    /*margin-left: 30px;*/
    display: block;
}


.sb-add-object-property {
    display: block;
    --sb-color: rgba(71, 153, 169, 0.5);
}

.sb-add-object-property:active {
    --sb-color: rgba(71, 153, 169, 0.3);
}

.sb-object-expression > .sb-inline-text {
    font-weight: bold;
}

.sb-object-property {
    --sb-color: #277e95;
    display: block;
}

.sb-object-property[data-key-type="Identifier"] > .sb-object-property-key > .sb-string-input,
.sb-object-property[data-key-type="Identifier"] > .sb-object-property-key > .mdi {
    display: none;
}


.sb-object-property[data-key-type="StringLiteral"] > .sb-object-property-key > input {
    display: none;
}

.sb-object-property-key > span,
.sb-object-property-key > .sb-string-input {
    display: inline-block;
    vertical-align: middle;
}

.sb-object-property-key > .sb-string-input {
    margin-top: 5px;
    margin-bottom: 5px;
}

.sb-object-property-key > .sb-option-btn {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
}

.sb-object-property-key {
    display: inline-block;
    vertical-align: top;
    padding: 5px 0;
}

.sb-object-property > .sb-sub-ctn {
    display: inline-block;
    vertical-align: top;
    margin-left: 1em;
}

/***********************/

.sb-return-statement {
    --sb-color: #ab3939;
    display: block;
}

.sb-return-statement-left, .sb-return-statement-argument-ctn {
    display: inline-block;
    vertical-align: top;
}

.sb-return-statement-left {
    margin-right: 2em;
}

.sb-function[data-function-type="procedure"] .sb-return-statement-argument-ctn {
    display: none;
}


/*********************/
.sb-null-literal {
    --sb-color: #8e581e;
}

.sb-null-literal .sb-inline-text {
    font-weight: bold;
}

/***********************************************************************************************************************/


.sb-blockly-editor,
.sc-javascript-editor {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    outline: none;
}

.sb-blockly-editor-header,
.sc-javascript-editor-header {
    border-bottom: 1px solid #d6d6d6;
    background-color: #F8F8F8;
}

.sb-blockly-editor-body,
.sc-javascript-editor-body {
    overflow: hidden;
    flex-grow: 1;
    position: relative;
    z-index: 100; /*fix background of block*/
}


.sb-blockly-editor-content{
    position: absolute;
    padding: 10px 10px 10px 5px;
    left: 0;
    top: 0;
    width: 5000px;
    pointer-events: none;
}

.sb-blockly-editor-content::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -100;
    /*background-color: #2d3434;*/
}

.sb-blockly-editor-content > .sb-block {
    display: inline-block;
}


.sc-javascript-editor-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

.as-quick-menu-trigger > .sb-identifier .sb-identifier-name {
    pointer-events: none;
}

.sb-blockly-editor-v-scrollbar,
.sb-blockly-editor-h-scrollbar {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: rgba(180, 180, 180, 0.2);
    visibility: hidden;


}

.sb-blockly-editor-v-scrollbar.as-overflow,
.sb-blockly-editor-h-scrollbar.as-overflow {
    visibility: visible;
}

.sb-blockly-editor-v-scrollbar {
    width: 10px;
    top: 0;
}

.sb-blockly-editor-h-scrollbar {
    position: absolute;
    height: 10px;
    left: 0;
}


/************************************************************************************/


/************************************************************************************/

.as-message-dialog.sc-type-selection-dialog {
    z-index: 1000;
    width: 500px;
    max-width: 50vw;

}

.sc-type-selection-dialog .as-message-dialog-body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}


.sc-type-selection-dialog .absol-search-text-input {
    margin: 5px;
}

.sc-type-selection-dialog .as-toc-item-quick-menu-ctn {
    display: none;
}

.as-message-dialog-list-ctn {
    overflow-y: auto;
    max-height: calc(100vh - 150px);
}

.as-toc-item.sc-is-array .as-toc-item-ext-icon-ctn {
    position: relative;
}

.as-toc-item.sc-is-array .as-toc-item-ext-icon-ctn::before {
    content: "[";
    font-size: 18px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.as-toc-item.sc-is-array .as-toc-item-ext-icon-ctn::after {
    content: "]";
    font-size: 18px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}

.sc-type-selection-dialog .as-toc-item.sc-selected {
    background-color: #dddddd;
}

.sc-expression-input-dialog .as-preinput,
.sc-statement-input-dialog .as-preinput {
    min-height: 2em;
    min-width: 200px;
    max-width: 70vw;
    white-space: pre-wrap;
    border: 1px solid #dddddd;
    display: inline-block;
    outline: none;
    box-sizing: border-box;
    padding: 0.25em;
}

.sc-expression-input-dialog,
.sc-statement-input-dialog {
    background-color: white;
    padding: 5px;
    white-space: nowrap;
}

.sc-expression-input-dialog > *,
.sc-statement-input-dialog > * {
    vertical-align: middle;
}

.sc-expression-input-dialog > *:not(:first-child),
.sc-statement-input-dialog > *:not(:first-child) {
    margin-left: 5px;
}


/*****************************************************/
.sb-string-input {
    position: relative;
    min-height: 1.5em;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.2);
}

.sb-string-input-content {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 1.5em;
    white-space: pre;
    font-size: 14px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    padding: 0 0.25em;
    outline: none;
    line-height: 20px;

}


/*****************************************************/

.sb-blockly-clipboard-dialog .as-message-dialog-body {
    padding: 10px 5px 10px 15px;
    overflow: auto;
    max-height: calc(90vh - 100px);
}


.sb-blockly-clipboard-content * {
    pointer-events: none !important;
}


.sb-blockly-clipboard-content .sb-add-statement,
.sb-blockly-clipboard-content .sb-add-argument-declaration,
.sb-blockly-clipboard-content .sb-add-referent,
.sb-blockly-clipboard-content .sb-add-expression {
    display: none;
}


/*************************/

.sb-sc-lang-editor-dialog {
    background-color: white;
    box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.75);
    padding: 5px;
}

.sb-sc-lang-editor-dialog-editor-ctn {
    width: 960px;
    max-width: 90vw;
    height: calc(80vh - 200px);
    box-shadow: 0px 0px 0px 1px #5d807e;;
    -webkit-box-shadow: 0px 0px 0px 1px #5d807e;;
    -moz-box-shadow: 0px 0px 0px 1px #5d807e;;

}

.sb-sc-lang-editor-dialog-error-message {
    border-top: 1px solid #dddddd;
    height: 5em;
    padding: 5px 0;
    box-sizing: border-box;
    font-family: Consolas, serif;
    white-space: pre;
    overflow: auto;
}