@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@200;300;400;500;600;700;800;900&display=swap";.react-player__preview{background-size:contain!important;background-repeat:no-repeat}.ltr{text-align:left}.rtl{text-align:right}.editor-container{color:#000;position:relative;line-height:20px;font-weight:400;text-align:left;border:1px solid #98a7b7;border-radius:8px;width:100%}.editor-inner{background:#fff;position:relative;border-radius:0 0 .8rem .8rem}.editor-input{min-height:150px;resize:none;font-size:15px;caret-color:#050505;position:relative;tab-size:1;outline:0;padding:15px 10px;caret-color:#444}.editor-placeholder{color:#999;overflow:hidden;position:absolute;text-overflow:ellipsis;top:15px;left:10px;font-size:15px;user-select:none;display:inline-block;pointer-events:none}.editor-text-bold{font-weight:700}.editor-text-italic{font-style:italic}.editor-text-underline{text-decoration:underline}.editor-text-strikethrough{text-decoration:line-through}.editor-text-underlineStrikethrough{text-decoration:underline line-through}.editor-text-code{background-color:#f0f2f5;padding:1px .25rem;font-family:Menlo,Consolas,Monaco,monospace;font-size:94%}.editor-link{color:#216fdb;text-decoration:none}.tree-view-output{display:block;background:#222;color:#fff;padding:5px;font-size:12px;white-space:pre-wrap;margin:1px auto 10px;max-height:250px;position:relative;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:auto;line-height:14px}.editor-code{background-color:#f0f2f5;font-family:Menlo,Consolas,Monaco,monospace;display:block;padding:8px 8px 8px 52px;line-height:1.53;font-size:13px;margin:8px 0;tab-size:2;overflow-x:auto;position:relative}.editor-code:before{content:attr(data-gutter);position:absolute;background-color:#eee;left:0;top:0;border-right:1px solid #ccc;padding:8px;color:#777;white-space:pre-wrap;text-align:right;min-width:25px}.editor-code:after{content:attr(data-highlight-language);top:0;right:3px;padding:3px;font-size:10px;text-transform:uppercase;position:absolute;color:#00000080}.editor-tokenComment{color:#708090}.editor-tokenPunctuation{color:#999}.editor-tokenProperty{color:#905}.editor-tokenSelector{color:#690}.editor-tokenOperator{color:#9a6e3a}.editor-tokenAttr{color:#07a}.editor-tokenVariable{color:#e90}.editor-tokenFunction{color:#dd4a68}.editor-paragraph{margin:0 0 8px;position:relative;font-size:14px;line-height:20px}.editor-paragraph:last-child{margin-bottom:0}.editor-heading-h1{font-size:24px;color:#050505;font-weight:400;margin:0 0 12px;padding:0}.editor-heading-h2{font-size:16px;color:#65676b;font-weight:700;margin:10px 0 0;padding:0;text-transform:uppercase}.editor-quote{margin:0 0 0 20px;font-size:15px;color:#65676b;border-left-color:#ced0d4;border-left-width:4px;border-left-style:solid;padding-left:16px}.editor-list-ol,.editor-list-ul{padding:0;margin:0 0 0 16px}.editor-listitem{margin:8px 32px}.editor-nested-listitem{list-style-type:none}pre::-webkit-scrollbar{background:transparent;width:10px}pre::-webkit-scrollbar-thumb{background:#999}.debug-timetravel-panel{overflow:hidden;padding:0 0 10px;margin:auto;display:flex}.debug-timetravel-panel-slider{padding:0;flex:8}.debug-timetravel-panel-button{padding:0;border:0;background:none;flex:1;color:#fff;font-size:12px}.debug-timetravel-panel-button:hover{text-decoration:underline}.debug-timetravel-button{border:0;padding:0;font-size:12px;top:10px;right:15px;position:absolute;background:none;color:#fff}.debug-timetravel-button:hover{text-decoration:underline}.emoji{color:transparent;background-size:16px 16px;background-position:center;background-repeat:no-repeat;vertical-align:middle;margin:0 -1px}.emoji-inner{padding:0 .15em}.emoji-inner::selection{color:transparent;background-color:#96969666}.emoji-inner::moz-selection{color:transparent;background-color:#96969666}.toolbar{display:flex;margin-bottom:1px;background:#fff;padding:4px;border-top-left-radius:10px;border-top-right-radius:10px;vertical-align:middle;border-bottom:1px solid #ccc;flex-wrap:wrap}.toolbar button.toolbar-item{border:0;display:flex;background:none;border-radius:10px;padding:8px;cursor:pointer;vertical-align:middle}.toolbar button.toolbar-item:disabled{cursor:not-allowed}.toolbar button.toolbar-item.spaced{margin-right:2px}.toolbar button.toolbar-item i.format{background-size:contain;display:inline-block;height:18px;width:18px;margin-top:2px;vertical-align:-.25em;display:flex;opacity:.6}.toolbar button.toolbar-item:disabled svg{opacity:.2}.toolbar button.toolbar-item.active{background-color:#dfe8fa4d}.toolbar button.toolbar-item.active i{opacity:1}.toolbar .toolbar-item:hover:not([disabled]){background-color:#eff2f4}.toolbar .divider{width:1px;background-color:#eee;margin:0 4px}.toolbar select.toolbar-item{border:0;display:flex;background:none;border-radius:10px;padding:8px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;width:70px;font-size:14px;color:#777;text-overflow:ellipsis}.toolbar select.code-language{text-transform:capitalize;width:130px}.toolbar .toolbar-item .text{display:flex;line-height:20px;width:200px;vertical-align:middle;font-size:14px;color:#777;text-overflow:ellipsis;width:70px;overflow:hidden;height:20px;text-align:left}.toolbar .toolbar-item .icon{display:flex;width:20px;height:20px;user-select:none;line-height:16px;background-size:contain}.toolbar i.chevron-down{margin-top:3px;width:16px;height:16px;display:flex;user-select:none}.toolbar i.chevron-down.inside{width:16px;height:16px;display:flex;margin-left:-25px;margin-top:11px;margin-right:10px;pointer-events:none}#block-controls button:hover{background-color:#efefef}#block-controls button:focus-visible{border-color:#00f}#block-controls span.block-type{background-size:contain;display:block;width:18px;height:18px;margin:2px}.dropdown{z-index:5;display:block;position:absolute;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80;border-radius:8px;min-width:100px;min-height:40px;background-color:#fff}.dropdown .item{margin:0 8px;padding:8px;color:#050505;cursor:pointer;line-height:16px;font-size:15px;display:flex;align-content:center;flex-direction:row;flex-shrink:0;justify-content:space-between;background-color:#fff;border-radius:8px;border:0;min-width:268px}.dropdown .item .active{display:flex;width:20px;height:20px;background-size:contain}.dropdown .item:first-child{margin-top:8px}.dropdown .item:last-child{margin-bottom:8px}.dropdown .item:hover{background-color:#eee}.dropdown .item .text{display:flex;line-height:20px;flex-grow:1;width:200px}.dropdown .item .icon{display:flex;width:20px;height:20px;user-select:none;margin-right:12px;line-height:16px;background-size:contain}.link-editor{position:absolute;z-index:100;top:-10000px;left:-10000px;margin-top:-6px;max-width:300px;width:100%;opacity:0;background-color:#fff;box-shadow:0 5px 10px #0000004d;border-radius:8px;transition:opacity .5s}.link-editor .link-input{display:block;width:calc(100% - 24px);box-sizing:border-box;margin:8px 12px;padding:8px 12px;border-radius:15px;background-color:#eee;font-size:15px;color:#050505;border:0;outline:0;position:relative;font-family:inherit}.link-editor div.link-edit{background-image:url(/images/icons/pencil-fill.svg);background-size:16px;background-position:center;background-repeat:no-repeat;width:35px;vertical-align:-.25em;position:absolute;right:0;top:0;bottom:0;cursor:pointer}.link-editor .link-input a{color:#216fdb;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;margin-right:30px;text-overflow:ellipsis}.link-editor .link-input a:hover{text-decoration:underline}.link-editor .button{width:20px;height:20px;display:inline-block;padding:6px;border-radius:8px;cursor:pointer;margin:0 2px}.link-editor .button.hovered{width:20px;height:20px;display:inline-block;background-color:#eee}.link-editor .button i,.actions i{background-size:contain;display:inline-block;height:20px;width:20px;vertical-align:-.25em}.PlaygroundEditorTheme__listItemChecked,.PlaygroundEditorTheme__listItemUnchecked{position:relative;margin-left:8px;margin-right:8px;padding-left:24px;padding-right:24px;list-style-type:none;outline:none}.PlaygroundEditorTheme__listItemChecked{text-decoration:line-through}.PlaygroundEditorTheme__listItemUnchecked:before,.PlaygroundEditorTheme__listItemChecked:before{content:"";width:16px;height:16px;top:2px;left:0;cursor:pointer;display:block;background-size:cover;position:absolute}.PlaygroundEditorTheme__listItemUnchecked[dir=rtl]:before,.PlaygroundEditorTheme__listItemChecked[dir=rtl]:before{left:auto;right:0}.PlaygroundEditorTheme__listItemUnchecked:focus:before,.PlaygroundEditorTheme__listItemChecked:focus:before{box-shadow:0 0 0 2px #a6cdfe;border-radius:2px}.PlaygroundEditorTheme__listItemUnchecked:before{border:1px solid #999;border-radius:2px}.PlaygroundEditorTheme__listItemChecked:before{border:1px solid rgb(61,135,245);border-radius:2px;background-color:#3d87f5;background-repeat:no-repeat}.PlaygroundEditorTheme__listItemChecked:after{content:"";cursor:pointer;border-color:#fff;border-style:solid;position:absolute;display:block;top:6px;width:3px;left:7px;height:6px;transform:rotate(45deg);border-width:0 2px 2px 0}.PlaygroundEditorTheme__nestedListItem{list-style-type:none}.PlaygroundEditorTheme__nestedListItem:before,.PlaygroundEditorTheme__nestedListItem:after{display:none}svg{box-sizing:content-box}