body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Inter,sans-serif}.header{background-color:#000;color:gray;height:46px;padding-left:17%;padding-right:17%;position:-webkit-sticky;position:sticky;top:0;z-index:1}.navbar{align-content:center;display:grid;grid-template-columns:1fr 20%;height:100%;position:relative}.create{background-color:#171718;border:2px solid #000;border-radius:5px;height:152px;left:20px;position:absolute;top:85px;width:180px;z-index:20}.dark{display:none}.create div{box-sizing:border-box;display:grid;grid-template-rows:repeat(4,1fr);height:152px;padding:8px 4px;width:180px}.create div a{align-items:center;box-sizing:border-box;color:gray;display:flex;gap:1rem;height:34px;padding:5px;text-decoration:none;width:164px}.create div a:hover{background-color:rgba(0,0,0,.368);border-radius:5px}.create div a i{font-size:1rem;width:15px}.create div a span{font-size:.9rem;text-align:center}.back-btn{padding:4px 6px}.angle-left{border-radius:3px;font-size:.7rem;margin-right:10px;padding:6px 10px}.angle-left:hover{background-color:#2c2c2c95;border-radius:5px;color:#206cef}.back{font-size:13px;line-height:18px}.profile-menu{align-items:center;display:flex;height:100%}.bell{border-radius:3px;font-size:1rem;padding:4px 6px}.bells{padding:4px 2px}.bells:hover{background-color:#2c2c2c95;border-radius:5px;color:#206cef}.profile-photo{border-radius:50%;height:20px;width:20px}.profile{align-items:center;cursor:pointer;display:flex;justify-content:space-evenly;padding:7px 0;width:100%}.profile:hover{background-color:#2c2c2c95;border-radius:5px}.user-name{color:#fff;font-size:13px;font-weight:600;line-height:18px}.profile i{font-size:.7rem}.hide-dropdown{display:none}.dropdown{background-color:#171717;border-radius:5px 0 0 5px;height:360px;overflow:scroll;overflow-x:hidden;position:absolute;right:10px;top:48px;width:255px;z-index:5}::-webkit-scrollbar{width:18px}::-webkit-scrollbar-track{background-color:#2c2c2c95}::-webkit-scrollbar-thumb{background-color:#000;border:2px solid #2c2c2c95;width:13px}.dropdown .dropdown-first-section{box-sizing:border-box;height:50px;padding:7px 1rem}.dropdown .dropdown-first-section a{display:grid;grid-template-columns:auto 1fr;height:40px;text-decoration:none}.dropdown .dropdown-first-section a .image{height:40px;margin-left:-5px;width:40px}.dropdown .dropdown-first-section a .image img{border-radius:50%;height:40px;width:40px}.dropdown .dropdown-first-section a .dropdown-username{display:flex;flex-direction:column;font-size:.5rem;gap:.1rem;justify-content:center;padding:0 10px}.dropdown .dropdown-first-section a .dropdown-username .name{color:#d4d4d4;font-size:.8rem;font-weight:700}.dropdown .dropdown-first-section a .dropdown-username .user-id{color:#666;font-size:.65rem}.style{border:0;border-top:.5px solid #222121}.dropdown .dropdown-second-section{box-sizing:border-box;height:200px;padding:0 7px}.dropdown .dropdown-second-section .div{box-sizing:border-box;display:grid;grid-template-rows:repeat(6,1fr);height:204px}.dropdown .dropdown-second-section .div .sub-section{align-items:center;display:flex;padding:0 8px;text-decoration:none}.dropdown .dropdown-second-section .div .sub-section:hover{background-color:#2c2c2c95}.dropdown .dropdown-second-section .div .sub-section div{color:#888686;display:grid;grid-template-columns:15% 1fr;width:100%}.dropdown .dropdown-third-section{box-sizing:border-box;height:146px;padding:7px}.dropdown .dropdown-third-section .div{box-sizing:border-box;display:grid;grid-template-rows:repeat(4,1fr);height:130px}.dropdown .dropdown-third-section .div .sub-section{align-items:center;display:flex;padding:0 8px;text-decoration:none}.dropdown .dropdown-third-section .div .sub-section:hover{background-color:#2c2c2c95}.dropdown .dropdown-third-section .div .sub-section div{color:#888686;display:grid;grid-template-columns:15% 1fr;width:100%}.dropdown .dropdown-third-section .div .p{color:#d4d4d4;padding:0 8px}.dropdown .dropdown-fourth-section{box-sizing:border-box;height:86px;padding:7px}.dropdown .dropdown-fourth-section .div{grid-gap:.6rem;box-sizing:border-box;display:grid;gap:.6rem;grid-template-rows:repeat(2,1fr);height:66px}.dropdown .dropdown-fourth-section .div .p{color:#d4d4d4;padding:0 8px}.dropdown .dropdown-fourth-section .div .modes{background-color:#2c2c2c95;border-radius:5px;display:grid;grid-template-columns:repeat(3,1fr);height:30px;padding:7px}.dropdown .dropdown-fourth-section .div .modes .mode{border-radius:5px;height:18px;padding:6px 8px;text-align:center}.active{background-color:#171718;color:#fff}.sidebar{background-color:#000;height:750px;margin-top:-25px;position:fixed;top:40px;width:64px;z-index:2}.sidebar-content{box-sizing:border-box;height:100%;width:100%}.home-a,.sidebar a{margin-left:4px;padding:0 1rem}.logo{height:20px;margin-bottom:.7rem;width:25px}.add{background-color:#206cef;border-radius:5px;color:#fff;height:35px;margin:0 .5rem .8rem;width:75%}.add:hover{background-color:#206cef4f}.home{display:flex;flex-direction:column}.home a{grid-gap:1.7rem;border:1px solid #000;box-sizing:border-box;display:grid;gap:1.7rem;grid-template-columns:20% 1fr;margin:0 .5rem;overflow:hidden;padding-bottom:.5rem;padding-top:.5rem}.home a:hover{background-color:#2c2c2c;border-radius:5px}.hr{margin-top:.3rem;width:65%}.second-container{height:375px;margin-bottom:10px;overflow:scroll}.second-container::-webkit-scrollbar{display:none}.second-container{-ms-overflow-style:none;scrollbar-width:none}.second-container a{align-items:center;border:1px solid #000;box-sizing:border-box;display:flex;margin:0 .5rem;overflow:hidden;padding-bottom:.5rem;padding-top:.5rem}.second-container a:hover{background-color:#2c2c2c;border-radius:5px}.second-container a .circle{align-self:flex-start;background-color:#eb5757;border-radius:50%;height:5px;left:-.2rem;position:absolute;top:-.1rem;width:5px}.second-container a .cName{align-items:center;display:flex;gap:2rem;position:relative}.second-container a .cName .community-imgs{border-radius:4px;height:20px;width:20px}.second-container a .cName .active{background-color:initial;height:18px;width:0}.home a,.second-container a{text-decoration:none}.home a span{align-items:center;display:flex}.home a span,.second-container a span{color:#fff;font-size:.7rem;font-weight:700}.home a,.home a span{color:#999}.refer-btn{background:linear-gradient(112.27deg,#e580f4,#8280f7);border-radius:5px;color:#fff;height:35px;margin:0 .5rem .8rem;width:75%}.refer-btn i{font-size:.7rem}.sidebar:hover{box-sizing:border-box;padding-left:.5rem;padding-right:.5rem;transition:.2s;transition-timing-function:ease-in-out;width:220px}.sidebar:hover .add{width:90%}.sidebar:hover .logo{margin-left:-8px}.sidebar:hover a{gap:0}.sidebar:hover .hr{margin-top:.9rem;width:85%}.sidebar:hover .second-container a .cName span{height:100%;width:100%}.sidebar:hover .second-container a .cName{gap:1rem}.sidebar:hover .refer-btn{width:90%}.interactive-mode{border:2px solid gray;border-radius:5px;display:grid;grid-template-areas:"h h" "c o" "c o";grid-template-columns:1fr 1fr;height:400px;margin-top:2rem}.interactive-heading{align-items:center;color:#fff;display:flex;grid-area:h;justify-content:space-between;padding:0 1rem;text-align:center}.interactive-heading .heading{margin:0}.interactive-heading .reset-btn{background-color:initial;border:0;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;height:30px;width:60px}.interactive-heading .reset-btn:hover{background-color:rgba(0,0,0,.718)}.interactive-code{border:1px solid gray;border-bottom:0;display:flex;flex-direction:column;grid-area:c;justify-content:space-around;padding:1rem}.fg{gap:1rem;justify-content:center}.interactive-code .input{align-items:center;background-color:#fff;border:.2rem solid #ccc;border-left-width:.4rem;color:#111;display:flex;font-size:1rem;height:2rem;justify-content:flex-start;outline:none;padding-left:1rem;position:relative;transition:border .2s;width:85%}.interactive-code .input:hover{border:.2rem solid #aaa;border-left-width:.4rem}.interactive-code .input:focus{border:.2rem solid #3e8ae0;border-left-width:.4rem}.interactive-code .input:before{border:.8rem solid transparent;border-left-color:#3e8ae0;content:"";position:absolute;right:-2rem;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.interactive-code .input:focus:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.interactive-op{border:1px solid gray;border-bottom:0;grid-area:o;padding:2rem}.interactive-op .codes-op{border:2px solid blue;display:flex;height:200px;width:300px}.interactive-op .wrap{flex-wrap:wrap}.interactive-op .codes-op .flex{background-color:#04ff04;border:2px solid #000;color:#000;display:grid;font-weight:700;height:50px;place-content:center;width:50px}.fl{flex-grow:1}.interactive-op .codes-op .flex:hover{border:2px solid #000;color:#fff}.main{background-color:#171718;color:gray;padding-left:18%;padding-right:18%;padding-top:20px}.container{grid-gap:1rem;align-content:center;display:grid;gap:1rem;grid-template-columns:1fr 280px;position:relative}.content .content-first-section .content-cover-img{background-image:url(/static/media/flexbox.a46fcf92e18f053aa576.jpg);background-size:cover;height:447px;margin-bottom:20px;width:670px}.content .content-first-section .content-main .content-info{align-items:center;display:flex;height:34px}.content .content-first-section .content-main .content-info button{align-items:center;background-color:#4ca8af2b;border:none;border-radius:5px;color:#4fb9c1;display:flex;gap:.4rem;height:34px;justify-content:center;margin-right:10px;width:79px}.content .content-first-section .content-main .content-info .content-social-icons{display:flex;gap:.6rem;margin-left:230px}.content .content-first-section .content-main .content-info .content-social-icons .social-icon{background-color:gray}.content .content-first-section .content-main .content-info .content-social-icons .social-icon,.content .content-first-section .content-main .content-info .content-social-icons .social-iconss{align-items:center;border-radius:50%;display:flex;height:16px;justify-content:center;width:16px}.content .content-first-section .content-main .content-info .content-social-icons .social-icon i{color:#000;font-size:.6rem}.content .content-first-section .content-main .content-info .content-social-icons .social-iconss i{color:gray;font-size:.8rem}.content .content-first-section .content-main .show-heading{color:#fff;font-weight:900;margin-bottom:15px}.content .content-first-section .content-main .contributors{display:flex;height:76px;justify-content:space-between;margin-bottom:10px}.content .content-first-section .content-main .contributors .contributors-pic{display:flex;flex-direction:column;justify-content:space-between}.content .content-first-section .content-main .contributors .contributors-pic a{margin:0;padding:0}.content .content-first-section .content-main .contributors .contributors-pic a img{border-radius:50%;height:36px;width:36px}.content .content-first-section .content-main .contributors .like{align-items:flex-end;display:flex;gap:.8rem}.content .content-first-section .content-main .contributors .like .likes{color:#eb5757}.content .content-first-section .content-main .contributors .like div i{margin-right:.3rem}.content .content-first-section .content-main .table-of-content{color:#fff;margin-bottom:30px}.content .content-first-section .content-main .table-of-content div h5 a{color:inherit;text-decoration:none}.content .content-first-section .content-main .table-of-content div h5{color:gray;font-size:.9rem;font-weight:100;margin:.9rem 0}.content .content-first-section .content-main .table-of-content div h5:first-child,.content .content-first-section .content-main .table-of-content div h5:hover{color:#fff}.content .content-first-section .content-main .article .article-para{color:#d4d4d4;font-size:18px;line-height:28px}.content .content-first-section .content-main .article .list{margin-left:1rem}.content .content-first-section .content-main .article .lists{color:green;font-weight:700}.content .content-first-section .content-main .article .article-h2{color:#fff;font-size:31px;font-weight:700;line-height:37px;text-shadow:1px 1px 2px #9932cc}.content .content-first-section .content-main .article h3{color:#fff;font-size:21px;font-weight:700;line-height:25px}.content .content-first-section .content-main .article .article-img{height:300px;width:100%}.content .content-first-section .content-main .article .note{color:#ff4500;font-weight:700}.content .content-first-section .content-main .article .bold{color:green;font-weight:700}.content .content-first-section .content-main .article .code-bg{background-color:#d0d0d5;color:#000;padding:.3rem .5rem}.content .content-first-section .content-main .article .code-snippet{background-color:#232426;border-radius:5px;box-sizing:border-box;color:#fff;font-size:.8rem;padding:.9rem}.content .content-first-section .content-main .article .code-snippet .snippet-fsection{border-bottom:1px solid gray;display:flex;justify-content:space-between;padding:0 .5rem 1rem}.content .content-first-section .content-main .article .code-snippet .snippet-fsection .fdiv{cursor:pointer;display:flex;gap:1.5rem}.content .content-first-section .content-main .article .code-snippet .snippet-fsection .fdiv div span{margin-right:.2rem}.content .content-first-section .content-main .article .code-snippet .snippet-fsection .sdiv{cursor:pointer;display:flex;gap:.5rem}.content .content-first-section .content-main .article .code-snippet .snippet-fsection .sdiv div span{margin-right:.2rem}.content .content-first-section .content-main .article .code-snippet .snippet-fsection .sdiv div .gray{color:gray}.content .content-first-section .content-main .article .code-snippet .snippet-ssection{margin-top:1rem}.content .content-first-section .content-main .article .code-snippet .snippet-ssection img{height:7rem}.content .content-first-section .content-main .article .code-snippet .snippet-ssection .sec,.content .content-first-section .content-main .article .code-snippet .snippet-ssection .thi{height:12rem}.content .content-first-section .content-main .article .code-snippet .snippet-ssection .nin,.content .content-first-section .content-main .article .code-snippet .snippet-ssection .ten{height:9rem}.content .content-first-section .content-main .tags-name{display:flex;flex-wrap:wrap;gap:.6rem;height:32px;margin-bottom:20px}.content .content-first-section .content-main .tags-name .tag-names{align-items:center;background-color:#202021;border:1px solid #202021;border-radius:5px;display:flex;height:24px;justify-content:center;padding:3px 12px}.content .content-first-section .content-main .like{align-items:flex-end;display:flex;gap:.8rem}.content .content-first-section .content-main .like .likes{color:#eb5757}.content .content-first-section .content-main .like div i{margin-right:.3rem}.content .content-first-section .content-main .hr-line{border-top:1px solid #202021;height:1px;margin:20px 0}.content .content-first-section .content-main .comment-profile-view{cursor:pointer;display:grid;grid-template-columns:10% auto;height:85px;padding:16px 20px 0}.content .content-first-section .content-main .comment-profile-view:hover{background-color:rgba(0,0,0,.095)}.content .content-first-section .content-main .comment-profile-view a img{border-radius:50%;height:40px;width:40px}.content .content-first-section .content-main .comment-profile-view .comment-profile-view-div div{align-items:flex-end;display:flex;gap:.6rem}.content .content-first-section .content-main .comment-profile-view .comment-profile-view-div div a{text-decoration:none}.content .content-first-section .content-main .comment-profile-view .comment-profile-view-div div a h4,.content .content-first-section .content-main .comment-profile-view .comment-profile-view-div div a h5{margin:0}.content .content-first-section .content-main .comment-profile-view .name{color:#fff;margin:13px 0 0;padding:0}.content .content-first-section .content-main .comment-profile-view .u-name{color:grey;font-weight:200;margin:5px 0 0;padding:0}.content .content-first-section .content-main .comment-profile-view .para{color:#fff;font-size:.9rem}.content .content-first-section .content-main .comment-section{margin-bottom:50px}.content .content-first-section .content-main .comment-section .discussion{color:#fff}.content .content-first-section .content-main .comment-section .comment-box{border:1px solid #202021;border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;height:144px;justify-content:space-between}.content .content-first-section .content-main .comment-section .comment-box textarea{background-color:initial;border:none;color:#fff;font-size:20px;margin:10px;max-width:647px;min-width:647px}.content .content-first-section .content-main .comment-section .comment-box textarea::-webkit-input-placeholder{font:20px sans-serif}.content .content-first-section .content-main .comment-section .comment-box textarea::placeholder{font:20px sans-serif}.content .content-first-section .content-main .comment-section .comment-box .styling{background-color:#101011;height:35px;padding:5px}.content .content-first-section .content-main .comment-section .comment-box .styling .style-icons{box-sizing:border-box;display:flex;height:35px;justify-content:space-between}.content .content-first-section .content-main .comment-section .comment-box .styling .style-icons .icons{display:flex}.content .content-first-section .content-main .comment-section .comment-box .styling .style-icons .icons .style-ic{align-items:center;cursor:pointer;display:flex;height:35px;justify-content:center;width:34px}.content .content-first-section .content-main .comment-section .comment-box .styling .style-icons .icons .style-ic i{color:#fff}.content .content-first-section .content-main .comment-section .comment-box .styling .style-icons .style-btns{display:flex;gap:.4rem}.content .content-first-section .content-main .comment-section .comment-box .styling .style-icons .style-btns .style-btn{align-items:center;display:flex;gap:.3rem;justify-content:center;padding:5px 10px}.write{color:#4595d0}.content .content-first-section .content-main .comment-section .comment-box .styling .style-icons .style-btns .style-btn:hover{background-color:#202021;border-radius:5px}.content .content-first-section .content-main .comment-section .comment-box .styling .style-icons .style-btns .send-btn{background-color:initial;border:1px solid #4595d0;border-radius:5px;color:#4595d0;font-weight:700;width:74px}.content .content-first-section .content-main .last-section{height:780px}.content .content-first-section .content-main .last-section div{margin-bottom:20px}.content .content-first-section .content-main .last-section div h3{color:#fff}.content .content-first-section .content-main .last-section .shows-list{display:flex;flex-wrap:wrap;gap:0 .65rem}.content .content-first-section .content-main .last-section .shows-list .listed-show{border-radius:5px;cursor:pointer;height:337px;width:327px}.content .content-first-section .content-main .last-section .shows-list .listed-show .listed-show-img{height:45%;margin:0}.content .content-first-section .content-main .last-section .shows-list .listed-show .listed-show-img img{border-radius:5px 5px 0 0;height:100%;width:100%}.content .content-first-section .content-main .last-section .shows-list .listed-show .listed-show-content{background-color:rgba(0,0,0,.421);border-radius:0 0 5px 5px;padding:6px 8px 0}.content .content-first-section .content-main .last-section .shows-list .listed-show .listed-show-content .div{align-items:center;background-color:#4ca8af2b;border:1px solid #4fb9c1;border-radius:5px;color:#4fb9c1;display:flex;font-size:.9rem;gap:.4rem;height:30px;justify-content:center;margin-bottom:10px;width:79px}.content .content-first-section .content-main .last-section .shows-list .listed-show .listed-show-content h3{font-size:1.2rem;margin:0 0 5px;padding:0}.content .content-first-section .content-main .last-section .shows-list .listed-show .listed-show-content h3:hover{text-decoration:underline}.content .content-first-section .content-main .last-section .shows-list .listed-show .listed-show-content h3 a{color:#fff;text-decoration:none}.content .content-first-section .content-main .last-section .shows-list .listed-show .listed-show-content p{margin:0 0 7px}.content .content-first-section .content-main .last-section .shows-list .listed-show .listed-show-content .pc{display:flex;gap:.7rem}.content .content-first-section .content-main .last-section .shows-list .listed-show .listed-show-content .pc img{border-radius:50%;height:20px;width:20px}.container-sidebar{grid-gap:1rem;display:grid;gap:1rem;height:100vh;position:-webkit-sticky;position:sticky;top:-210px}.container-sidebar .intro{background-color:#1d1d1e;border-radius:5px;display:flex;flex-direction:column;height:188px;padding:12px;width:254px}.container-sidebar .intro img{border-radius:50%;height:80px;width:80px}.container-sidebar .intro a{text-decoration:none}.container-sidebar .intro .name{color:#fff;margin:13px 0 0;padding:0}.container-sidebar .intro .u-name{color:grey;font-weight:200;margin:5px 0 0;padding:0}.container-sidebar .intro .para{font-size:.9rem}.container-sidebar .tags{background-color:#1d1d1e;border-radius:5px;height:156px;padding:12px;width:254px}.container-sidebar .tags h3{color:#fff;margin:0 0 15px}.container-sidebar .tags .tags-name{display:flex;flex-wrap:wrap;gap:.6rem;height:100px}.container-sidebar .tags .tags-name .tag-names{align-items:center;background-color:#202021;border:1px solid #202021;border-radius:5px;display:flex;height:24px;justify-content:center;padding:3px 12px}.container-sidebar .more-shows{background-color:#1d1d1e;border-radius:5px;display:flex;flex-direction:column;gap:-2rem;height:460px;padding:12px;width:254px}.container-sidebar .more-shows .p{color:#fff;font-size:1.1rem;margin:4px 0 0}.container-sidebar .more-shows .shows{height:522px;margin-top:8px;width:254px}.container-sidebar .more-shows .shows .a{text-decoration:none}.container-sidebar .more-shows .shows .show{grid-gap:.6rem;box-sizing:border-box;color:#fff;display:grid;gap:.6rem;grid-template-columns:auto 1fr;height:86px;padding:8px;width:254px}.container-sidebar .more-shows .shows .show:hover{background-color:rgba(0,0,0,.221)}.container-sidebar .more-shows .shows .show img{border-radius:50%;height:32px;width:32px}.show-details{display:flex;flex-direction:column;gap:.2rem}.show-details a{text-decoration:none}.show-details a:hover{color:#fff;text-decoration:underline}.show-details a h2{color:#c9c5c5;font-size:.75rem;margin:0}.show-details h3{font-size:.8rem;margin:0}.views{gap:.5rem}.show-details .i,.views{align-items:center;display:flex}.show-details .i{background-color:rgba(80,80,189,.427);border-radius:50%;height:20px;justify-content:center;width:20px}.show-details .i i{color:#4ca9af;font-size:.75rem}.show-details span{color:grey;font-size:.8rem;padding-top:4px}
/*# sourceMappingURL=main.81576d21.css.map*/