.prism-editor-wrapper{width:100%;height:100%;display:flex;align-items:flex-start;overflow:auto;-o-tab-size:1.5em;tab-size:1.5em;-moz-tab-size:1.5em}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.prism-editor-wrapper .prism-editor__textarea{color:transparent!important}.prism-editor-wrapper .prism-editor__textarea::-moz-selection{background-color:#accef7!important;color:transparent!important}.prism-editor-wrapper .prism-editor__textarea::selection{background-color:#accef7!important;color:transparent!important}}.prism-editor-wrapper .prism-editor__container{position:relative;text-align:left;box-sizing:border-box;padding:0;overflow:hidden;width:100%}.prism-editor-wrapper .prism-editor__line-numbers{height:100%;overflow:hidden;flex-shrink:0;padding-top:4px;margin-top:0;margin-right:10px}.prism-editor-wrapper .prism-editor__line-number{text-align:right;white-space:nowrap}.prism-editor-wrapper .prism-editor__textarea{position:absolute;top:0;left:0;height:100%;width:100%;resize:none;color:inherit;overflow:hidden;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-fill-color:transparent}.prism-editor-wrapper .prism-editor__editor,.prism-editor-wrapper .prism-editor__textarea{margin:0;border:0;background:none;box-sizing:inherit;display:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-variant-ligatures:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;-moz-tab-size:inherit;-o-tab-size:inherit;tab-size:inherit;text-indent:inherit;text-rendering:inherit;text-transform:inherit;white-space:pre-wrap;word-wrap:keep-all;overflow-wrap:break-word;padding:0}.prism-editor-wrapper .prism-editor__textarea--empty{-webkit-text-fill-color:inherit!important}.prism-editor-wrapper .prism-editor__editor{position:relative;pointer-events:none}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex,.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.centered{margin:50px auto;text-align:center}.button::-moz-focus-inner{border:0;padding:0}.button{display:inline-block;zoom:1;padding:6px 20px;margin:0;cursor:pointer;border:1px solid #bbb;overflow:visible;font:700 13px arial,helvetica,sans-serif;text-decoration:none;white-space:nowrap;color:#555;background-color:#ddd;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-ms-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));background-image:-o-linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,0));background-image:linear-gradient(to top,#fff,rgba(255,255,255,0));-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-ms-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;transition:background-color .2s ease-out;background-clip:padding-box;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(0,0,0,.3),0 2px 2px -1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.3) inset;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.3),0 2px 2px -1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.3) inset;box-shadow:0 1px rgba(0,0,0,.3),0 2px 2px -1px rgba(0,0,0,.5),0 1px rgba(255,255,255,.3) inset;text-shadow:0 1px 0 rgba(255,255,255,.9);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button:hover{background-color:#eee;color:#555}.button:active{background:#e9e9e9;position:relative;top:1px;text-shadow:none;-moz-box-shadow:0 1px 1px rgba(0,0,0,.3) inset;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.3) inset;box-shadow:0 1px 1px rgba(0,0,0,.3) inset}.button[disabled],.button[disabled]:hover,.button[disabled]:active{border-color:#eaeaea;background:#fafafa;cursor:default;position:static;color:#999;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}.button.small{padding:4px 12px}.button.large{padding:12px 30px;text-transform:uppercase}.button.large:active{top:2px}.button.green,.button.red,.button.blue{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.2);background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.3)),to(rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0));background-image:-moz-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0));background-image:-ms-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0));background-image:-o-linear-gradient(to top,rgba(255,255,255,.3),rgba(255,255,255,0));background-image:linear-gradient(to top,rgba(255,255,255,.3),rgba(255,255,255,0))}.button.green{background-color:#57a957;border-color:#57a957}.button.green:hover{background-color:#62c462}.button.green:active{background:#57a957}.button.red{background-color:#ca3535;border-color:#c43c35}.button.red:hover{background-color:#ee5f5b}.button.red:active{background:#c43c35}.button.blue{background-color:#269ce9;border-color:#269ce9}.button.blue:hover{background-color:#70b9e8}.button.blue:active{background:#269ce9}.green[disabled],.green[disabled]:hover,.green[disabled]:active{border-color:#57a957;background:#57a957;color:#d2ffd2}.red[disabled],.red[disabled]:hover,.red[disabled]:active{border-color:#c43c35;background:#c43c35;color:#ffd3d3}.blue[disabled],.blue[disabled]:hover,.blue[disabled]:active{border-color:#269ce9;background:#269ce9;color:#93d5ff}.button-group,.button-group li{display:inline-block;zoom:1}.button-group{font-size:0;margin:0;background:rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);padding:7px;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px}.button-group li{margin-right:-1px}.button-group .button{font-size:13px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.button-group .button:active{-moz-box-shadow:0 0 1px rgba(0,0,0,.2) inset,5px 0 5px -3px rgba(0,0,0,.2) inset,-5px 0 5px -3px rgba(0,0,0,.2) inset;-webkit-box-shadow:0 0 1px rgba(0,0,0,.2) inset,5px 0 5px -3px rgba(0,0,0,.2) inset,-5px 0 5px -3px rgba(0,0,0,.2) inset;box-shadow:0 0 1px rgba(0,0,0,.2) inset,5px 0 5px -3px rgba(0,0,0,.2) inset,-5px 0 5px -3px rgba(0,0,0,.2) inset}.button-group li:first-child .button{-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.button-group li:first-child .button:active{-moz-box-shadow:0 0 1px rgba(0,0,0,.2) inset,-5px 0 5px -3px rgba(0,0,0,.2) inset;-webkit-box-shadow:0 0 1px rgba(0,0,0,.2) inset,-5px 0 5px -3px rgba(0,0,0,.2) inset;box-shadow:0 0 1px rgba(0,0,0,.2) inset,-5px 0 5px -3px rgba(0,0,0,.2) inset}.button-group li:last-child .button{-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.button-group li:last-child .button:active{-moz-box-shadow:0 0 1px rgba(0,0,0,.2) inset,5px 0 5px -3px rgba(0,0,0,.2) inset;-webkit-box-shadow:0 0 1px rgba(0,0,0,.2) inset,5px 0 5px -3px rgba(0,0,0,.2) inset;box-shadow:0 0 1px rgba(0,0,0,.2) inset,5px 0 5px -3px rgba(0,0,0,.2) inset}.loader{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #3f3f3f;width:10px;height:10px;-webkit-animation:spin .5s linear infinite;animation:spin .5s linear infinite;display:inline-block}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal[data-v-1cdb2643]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;overflow-x:hidden;overflow-y:auto}.modal__backdrop[data-v-1cdb2643]{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3);z-index:1}.modal__dialog[data-v-1cdb2643]{position:relative;width:600px;background-color:#fff;border-radius:5px;margin:50px auto;display:flex;flex-direction:column;z-index:2}@media screen and (max-width: 992px){.modal__dialog[data-v-1cdb2643]{width:90%}}.modal__close[data-v-1cdb2643]{width:30px;height:30px;border:none;background:unset}.modal__header[data-v-1cdb2643]{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 20px 0}.modal__body[data-v-1cdb2643]{padding:5px 20px 10px;overflow:auto;display:flex;flex-direction:column;align-items:stretch}.modal__footer[data-v-1cdb2643]{padding:10px 20px}.fade-enter-active[data-v-1cdb2643],.fade-leave-active[data-v-1cdb2643]{transition:opacity .2s}.fade-enter[data-v-1cdb2643],.fade-leave-to[data-v-1cdb2643]{opacity:0}.line-number-red{background-color:red;opacity:.8;color:#fff!important;cursor:pointer}.modal__dialog{font-size:small}.playground{display:flex;flex-flow:column;height:100%}.head{width:100%;flex:0 0 auto;display:flex;flex-direction:row;flex-wrap:wrap}.playground-text{padding-right:5px;overflow:visible;font-size:16pt;flex:0 1 auto}.head-buttons{height:28px;flex:0 0 auto;display:flex;flex-wrap:nowrap;align-items:stretch}.key-press{opacity:.4;font-size:90%}.head-buttons .button{margin-right:5px}.loader-wrapper{width:20px;flex:0 0 20px;margin-top:auto;margin-bottom:auto}.copyright{flex:0 0 auto;color:#ccc;font-size:10pt;text-align:right}.body-container{flex:0 0 auto;width:100%;display:flex;flex-direction:row;flex-wrap:wrap}.playground-editor{background:#2d2d2d;color:#ccc;font-family:Fira code,Fira Mono,Consolas,Menlo,Courier,monospace;font-size:11pt;line-height:1.2;padding:0;max-width:49%;margin-right:1%;flex:1 1 auto;height:85vh}.prism-editor__textarea:focus{outline:none}.prism-editor__textarea{width:999999px!important}.prism-editor__editor{white-space:pre!important}.prism-editor__container{overflow-x:scroll!important}.result{font-size:11pt;background:#2d2d2d;max-width:48%;margin-left:1%;padding-left:1%;height:85vh;flex:1 1 auto;overflow:auto}.result-error{color:#ff6565;font-weight:200;width:100%}.head,.result,.footer{color:#fff}.footer{bottom:0;width:100%;text-align:right;padding-top:8px}.metrics{font-size:10pt}@media (max-width: 600px){.hidden-sm{display:none}.playground-text{font-size:14pt}}@media (min-width: 900px){.copyright{flex:1 0 auto;padding-left:8px;padding-right:8px}}body{background-color:#3f3f3f;font-family:arial,helvetica,sans-serif;margin-left:1%;margin-right:1%;height:100%}