.example-select-framework,.stats{display:flex}.scrollable-wrapper::after,.scrollable-wrapper::before{content:"";width:100%;position:absolute;pointer-events:none;left:0}.hljs-comment,.hljs-quote{color:#b3b5b8}hr.break{visibility:collapse;height:20px}.box.no-border>div{border:0}.stats{flex-direction:row;flex-wrap:wrap;width:100%;justify-content:center;align-items:center;text-align:center}.stats>div{flex:1;max-width:320px}.stats p{margin:0}.example-select-framework img{border-bottom:2px solid transparent;width:30px;height:30px;margin:0 20px 0 0;cursor:pointer;padding:0 0 5px}.example-select-framework img.selected{border-bottom-color:#3bb94e}.example-selectable-card{position:relative;padding:30px;margin-bottom:10px;cursor:pointer;border:1px solid #dcdcdc;border-radius:10px;overflow:hidden}.example-selectable-card h4{font-family:"Open Sans",sans-serif;margin:0;padding-bottom:10px;font-weight:700;font-size:14px}.example-selectable-card p{font-size:14px;margin:0}.example-selectable-card.selected{background-color:#3bb94E22;border-color:#3bb94e}.example-selectable-card:not(.selected):hover{background-color:#3bb94E0F}.example-selectable-card-title{display:flex;justify-content:space-between;margin-right:20px}.scrollable-wrapper{position:relative}.scrollable-wrapper::before{z-index:9;top:0;height:50px;background:linear-gradient(to bottom,#fff,rgba(255,255,255,0))}.scrollable-wrapper::after{bottom:0;height:100px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff)}.scrollable{height:400px;margin-top:30px;padding:40px 10px 40px 0;overflow-y:scroll;scrollbar-width:thin;scrollbar-color:#888 transparent}.scrollable::-webkit-scrollbar{width:8px}.scrollable::-webkit-scrollbar-track{background:0 0}.scrollable::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.scrollable::-webkit-scrollbar-button{display:none}.scrollable::-webkit-scrollbar-thumb:hover{background-color:#555}.playground>div{max-width:600px}.CodeMirror{height:600px!important;line-height:1.4}.resizable{resize:both;overflow:auto;width:200px;border:1px solid #000;padding:20px}.stars>i::after{font-family:'material icons',serif;font-size:24px;content:'star_outline';cursor:pointer}.stars>i[data-selected=true]::after{content:'star';color:red}.home .frameworks-options,.stackblitz textarea{display:none}.stackblitz button{border:0;padding:0;margin:1px;display:flex;align-items:center;cursor:pointer}.language-playground{display:none!important}.cm-template-end,.cm-template-start{color:#a11;font-weight:700}.cm-tag{color:#170}.cm-attribute{color:#00c}.cm-string{color:#a11}.home .code-block-col{width:auto;margin-left:10%}.home .code-block{opacity:0;max-height:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:10px;overflow:hidden;transition:opacity .5s}.home .code-block.active{border:1px solid #e6e2e2;opacity:1;max-height:2000px;visibility:visible}.home .code-block.invisible{visibility:hidden}.hangman .answers>div,.home .code-block .example{margin:20px}.home .code-block code{border-radius:0!important;height:100%;width:100%;margin:0;scrollbar-width:none}.home .code-block pre{width:100%;height:600px;margin:0}.playground ul{list-style:none;font-size:1em}.playground>div:nth-child(3){border-left:1px solid #e6e2e2}.playground li[data-category]{margin-top:16px}.playground li[data-category]::before{content:attr(data-category);display:block;font-weight:700;margin-left:-10px}.hangman{display:flex;padding:40px}.hangman>div{padding:20px}.hangman .figure{width:100px;height:160px;border-top:1px solid #000;border-left:1px solid #000;position:relative;margin-right:40px}.hangman .figure>div{display:none;box-sizing:border-box}.hangman input{border:0;border-bottom:1px solid #000;width:30px;margin:15px;outline:0;text-align:center}.hangman input[disabled]{background-color:#eee}.hangman .answers{display:flex;height:80px;text-align:center;font-size:20px;margin-bottom:20px}.hangman .word{height:80px}.hangman .head{width:30px;height:40px;border:1px solid #000;border-radius:50%;position:absolute;top:20px;left:60px}.hangman .leg,.hangman .torso{width:1px;box-sizing:border-box;left:75px;border:1px solid #000;position:absolute;display:block}.hangman .torso{height:50px;top:60px}.hangman .leg{height:40px;top:110px}.hangman .leg.left{transform:rotate(12deg);transform-origin:top}.hangman .leg.right{transform:rotate(-12deg);transform-origin:top}.hangman .arm{width:30px;height:1px;border:1px solid #000;position:absolute}.hangman .arm.left{top:70px;left:45px}.hangman .arm.right{top:70px;left:75px}.hangman .over .word input{pointer-events:none}.hangman div[data-visible=true]{display:block}.hangman[data-status]::before{content:attr(data-status);position:absolute;margin:-40px 0 0 200px;font-weight:700}.md>div>table td:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px;position:relative}.md>div>table td:first-child:hover{overflow:visible;white-space:normal;z-index:1}.md>div>table td:first-child:hover::after{content:attr(title);position:absolute;left:0;top:100%;background-color:#f9f9f9;border:1px solid #ccc;padding:5px;border-radius:3px;box-shadow:2px 2px 5px rgba(0,0,0,.2);max-width:300px;word-break:break-word;white-space:normal;z-index:2;display:none}.md>div>table td:first-child[title]:hover::after{display:block}