.app-body .header .user-menu-toggle .user-menu-icon-wrapper,.round-icon{border-radius:50%;overflow:hidden;padding-top:10%;position:relative;width:10%}.app-body .header .user-menu-toggle .user-menu-icon-wrapper img,.round-icon img{height:100%;left:50%;min-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:1s ease}header .navbar-nav>.disabled>a,header .navbar-nav>.disabled>a:focus,header .navbar-nav>.disabled>a:hover{background-image:none}header .navbar-nav .nav-item.disabled>a,header .navbar-nav .nav-item.disabled>a:focus,header .navbar-nav .nav-item.disabled>a:hover{color:#7a8288}header .navbar-logged-in-actions,header .navbar-logged-out-actions{display:none}.app-body .header .user-menu-toggle{padding:10px 8px 3px}.app-body .header .user-menu-toggle .user-menu-icon-wrapper{display:inline-block;height:32px;padding-top:0;width:32px}:root{--color-link:#759feb;--color-link-hover:#92b3ef;--color-separator:#ffffff0f;--font-family-base:Helvetica Neue,Helvetica,Arial,sans-serif;--font-family-code:consolas,lucida console,monaco,courier new,monospace;--font-family-brand:Montserrat,sans-serif}a:active,a:link,a:visited{color:#759feb;text-decoration:none;transition:color .2s ease-in-out}a:not(.btn):focus,a:not(.btn):hover{color:#92b3ef;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}a:not(.btn).disabled,a:not(.btn)[disabled]{box-shadow:none;cursor:not-allowed;opacity:.65;pointer-events:none}a[name]:not([href]):not(.btn):hover{text-decoration:none}a:focus-visible{border-radius:3px;outline:2px solid #92b3ef99;outline-offset:3px}.logged-in-or-out-processing:after,.now-processing-inline:after{content:url(/assets/resources/99ec2d90e76e0232a5d4.gif);margin:0 2px 0 5px;position:relative;top:2px}.label-required:after{color:#d9534f;content:"*";font-size:1.2em;font-weight:700;margin-left:.25em;vertical-align:middle}.page-header{border-color:#ffffff0f;margin-top:0}kbd{--kbd-offset:2px;border:none;border-bottom:2px;border-radius:8px;box-sizing:border-box;display:inline-flex;font-size:.87em;gap:.5em;justify-content:center;line-height:1.4;margin:0 .2em;min-width:24px;padding:.1em .5em;--kbd-border-color:#111313d6;align-content:center;background:#3f4950;box-shadow:0 var(--kbd-offset) var(--kbd-offset) var(--kbd-border-color);color:#b8e4ff}@font-face{font-family:Hind Siliguri;src:url(/assets/resources/27baae62d2fa1d93147a.ttf)}@font-face{font-family:Noto Sans;src:url(/assets/resources/165e521e6ad4019378e6.ttf)}html{min-height:100%;position:relative}body{margin-bottom:180px}a img{outline:none}.app-body{font-size:16px}.app-body .header{height:50px}.app-body .header .navbar{background-image:linear-gradient(#484e55,#474d54);border:0}.app-body .header .navbar .header-logo{background-image:none;border-right:0}.app-body .header .navbar .header-logo .navbar-brand{background:url(/assets/resources/835bae0ece5f4566e64e.png) no-repeat scroll 10px/45px 27px #0000;border:0;color:#ffffffd9;cursor:pointer;display:block;font-family:Montserrat;height:50px;padding:15px 0 0 65px;transition:color .15s ease,background-color .15s ease;width:180px}.app-body .header .navbar .header-logo .navbar-brand:focus,.app-body .header .navbar .header-logo .navbar-brand:hover{background-color:#ffffff0f;color:#fff;filter:brightness(1.15);text-decoration:none}.app-body .header .navbar .navbar-nav>li>a{border-left:0;border-right:0}.app-body .header .navbar .navbar-nav>li>a.header-signup{background-color:#0000;background-image:linear-gradient(#5dc35db3,#63c763b3 60%,#49b849b3);background-repeat:no-repeat;color:#fefefe}.app-body .header .navbar .navbar-nav>li>a.header-signup:hover{background-color:#0000;background-image:linear-gradient(#3cb23cb3,#37a037b3 60%,#30a530b3);background-repeat:no-repeat}.app-body .container-fluid{font-family:Noto Sans;max-width:860px;position:relative}.app-body .container-fluid.main-container{margin-top:50px;max-width:860px}.app-body h1,.app-body h2,.app-body h3,.app-body h4,.app-body h5,.app-body h6{font-family:Noto Sans;font-weight:700;letter-spacing:.01em}.app-body h1,.app-body h2,.app-body h3{color:#fefefe;text-align:center}.app-body .footer{bottom:0;height:180px;padding-top:20px;position:absolute;width:100%}.app-body .footer .list-inline>li{padding-left:10px;padding-right:10px}.app-body .footer .copyright{text-align:center}.app-body .footer .copyright a{color:#a7acb0}.app-body .footer .social-links{margin:24px 0}.app-body .footer .icon-link{align-items:center;display:inline-flex;gap:6px}.app-body .footer .icon-link svg{fill:currentColor;height:16px;opacity:.9;width:16px}.app-body .footer .icon-link:hover svg{opacity:1}@media screen and (max-width:620px){.app-body .container-fluid.main-container{margin-top:10px}.app-body h1{font-size:29px}.app-body h2{font-size:22px}.app-body .sub-description{font-size:14px}}.demo-image-wrapper :focus{outline:0 none}.demo-image-wrapper{margin:65px 0 20px;text-align:center;width:100%}.demo-image-wrapper .demo-image-code-editor,.demo-image-wrapper .demo-image-how-to-share-url{border:1px solid #1e1e1e80;border-radius:8px;box-shadow:1px 0 10px #0000004d;width:100%}.demo-image-wrapper img{border-radius:8px}.demo-image-wrapper .demo-image-how-to-share-url{max-width:680px;width:100%}@media(max-width:719px){.demo-image-wrapper .demo-image-how-to-share-url{max-width:100%;width:calc(100% - 30px)}}.demo-image-wrapper.demo-image-how-to-share-url-wrapper{margin-top:30px}.app-body .top-logo{text-align:center}.app-body .top-logo img{filter:drop-shadow(0 1px 0 rgba(255,255,255,.04));opacity:.98;width:200px}@media(max-width:479px){.app-body .top-logo img{width:150px}}.app-body h1{font-size:40px}.app-body h1 .beta-mark{font-size:24px}@media(max-width:509px){.app-body h1{font-size:32px}.app-body h1 .beta-mark{font-size:20px}}@media(max-width:419px){.app-body h1{font-size:28px}.app-body h1 .beta-mark{font-size:18px}}.app-body .beta-mark{padding-left:2px;vertical-align:super}.app-body h2{color:#dbdbdb;font-size:24px;font-weight:400;margin:20px 0}.app-body h2 .beta-mark{font-size:20px}@media(max-width:719px){.app-body h2{font-size:20px}.app-body h2 .beta-mark{font-size:16px}}.app-body h3{font-size:28px;margin:40px 0 20px}.app-body .section-divider{background:#ffffff0f;height:1px;margin:40px 0}@media(max-width:639px){.app-body .section-divider{margin:20px 0}}.app-body .get-started{padding-top:24px;text-align:center}.app-body .get-started a.create-new-fiddle-button{align-items:center;background:linear-gradient(135deg,#4f8cff,#2b5bd7);border-radius:999px;box-shadow:0 8px 20px #2b5bd759;color:#fff;display:inline-flex;font-size:20px;font-weight:600;gap:10px;letter-spacing:.01em;padding:14px 36px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;white-space:nowrap}.app-body .get-started a.create-new-fiddle-button:hover{background:linear-gradient(135deg,#6aa0ff,#3b6be0);box-shadow:0 12px 28px #2b5bd773;transform:translateY(-2px)}.app-body .get-started a.create-new-fiddle-button:active{box-shadow:0 6px 14px #2b5bd759;transform:translateY(0)}.app-body .get-started a.create-new-fiddle-button .glyphicon{font-size:16px;opacity:.9;position:relative;top:0}.app-body .sub-description{font-size:20px;margin:10px 0;text-align:center}.app-body .sub-description .sub-description-list{display:inline-block;margin:5px 0;text-align:left}.app-body .recommended-use-cases-section .sub-description-list{margin-top:25px}.app-body .how-to-share-code-description{font-size:18px}.app-body .how-to-share-code-description .balloon-mini-left{background:#e775c6;border-radius:30%;box-sizing:border-box;color:#fff;color:#fbfbfb;display:inline-block;font-family:Montserrat;font-size:12px;font-weight:700;height:19px;line-height:20px;margin:0 0 0 10px;padding:0;position:relative;text-align:center;vertical-align:middle;width:24px}.app-body .how-to-share-code-description .balloon-mini-left:before{border:4px solid #0000;border-right:7px solid #e775c6;content:"";left:-10px;margin-top:-4px;position:absolute;top:50%;z-index:0}.app-body .feedback-description{font-size:18px}.app-body .feedback-description .feedback-sub-description{width:85%}.app-body .patron-description{font-size:18px}.app-body .patron-description .patron-sub-description{width:85%}.app-body .patron-description .patron-button-wrapper{margin:30px 5px 5px;text-align:center}.app-body .patron-description .patron-button-wrapper .patron-button{background-image:linear-gradient(#ff74c7,#ff49b9 60%,#ef3aa7);color:snow}.app-body .patron-description .patron-button-wrapper .patron-button:hover{background-image:linear-gradient(#ff88cf,#ff84cf 60%,#ff65c1)}.app-body .patron-description .patron-button-wrapper .patron-button{align-items:center;background:linear-gradient(135deg,#ff6fb1,#ff3f8e);border:0!important;border-radius:999px;box-shadow:0 8px 20px #ff3f8e59;color:#fff;display:inline-flex;filter:none!important;font-size:16px;font-weight:600;gap:8px;letter-spacing:.01em;padding:14px 32px;text-shadow:none!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.app-body .patron-description .patron-button-wrapper .patron-button:hover{background:linear-gradient(135deg,#ff8ac2,#ff5aa3);box-shadow:0 12px 28px #ff3f8e73;transform:translateY(-2px)}.app-body .patron-description .patron-button-wrapper .patron-button:active{box-shadow:0 6px 14px #ff3f8e59;transform:translateY(0)}.app-body .patron-description .patron-button-wrapper .patron-button:focus{outline:none}.app-body .patron-description .patron-button-wrapper .patron-button:focus-visible{outline:3px solid #ffffff59;outline-offset:3px}@media screen and (max-width:651px){.syncfiddle-code-editor,.syncfiddle-how-to-share-url{height:auto!important;width:95%!important}}.collab-demo{align-items:start;display:grid;gap:24px;grid-auto-rows:auto;grid-template-columns:2fr 1.3fr;grid-template-rows:auto auto;left:50%;margin:70px auto 0;max-width:1200px;position:relative;transform:translateX(-50%);width:calc(100vw - 48px)}@media(max-width:900px){.collab-demo{grid-template-columns:repeat(8,1fr);grid-template-rows:1fr 1fr;transform:translateX(-51%)}}@media(max-width:639px){.collab-demo{gap:14px;grid-template-columns:repeat(4,1fr)}}.collab-demo-caption{font-size:20px;grid-column:1/-1;margin-bottom:20px;margin-top:-40px;text-align:center}.demo-window-main{align-self:center;grid-column:1/2;grid-row:1/3;z-index:3}@media(max-width:900px){.demo-window-main{grid-area:1/2/2/8}}@media(max-width:639px){.demo-window-main{grid-area:1/1/2/5}}.demo-window-sub{grid-column:2/3}.demo-window-sub:nth-child(2){transform:translateX(0) translateY(32px);z-index:2}@media(max-width:900px){.demo-window-sub:nth-child(2){grid-area:2/1/3/5;transform:translateX(0) translateY(0)}}@media(max-width:639px){.demo-window-sub:nth-child(2){grid-area:2/1/3/3}}.demo-window-sub:nth-child(3){transform:translateX(-63px) translateY(-58px);z-index:1}@media(max-width:900px){.demo-window-sub:nth-child(3){grid-area:2/5/3/9;transform:translateX(0) translateY(0)}}@media(max-width:639px){.demo-window-sub:nth-child(3){grid-area:2/3/3/5}}.demo-window{align-self:start;background:#111318;border-radius:14px;box-shadow:0 18px 40px #0000008c;display:flex;flex-direction:column;overflow:hidden}.demo-window-bar{align-items:center;background-image:linear-gradient(#2e3239,#272a30 60%);color:#e5e7eb;display:flex;font-size:12px;gap:8px;height:32px;padding:0 14px}.demo-window-bar .dot{background:#3f434a;border-radius:999px;height:9px;width:9px}.demo-title{margin-left:auto;opacity:.75}.demo-window-body{aspect-ratio:16/9;background:#111318;position:relative}.demo-video{display:block;height:100%;object-fit:cover;width:100%}.avatar{align-items:center;background-repeat:no-repeat;background-size:cover;border-radius:999px;bottom:12px;box-shadow:0 8px 20px #00000080;color:#020617;display:flex;font-size:16px;font-weight:600;height:50px;justify-content:center;opacity:.95;position:absolute;right:14px;width:50px}@media(max-width:900px){.avatar{bottom:6px;height:40px;right:10px;width:40px}}@media(max-width:479px){.avatar{height:30px;width:30px}}.avatar-a{background-color:#4a7b82;background-image:url(/assets/resources/7b1b80eefe79914543c8.png)}.avatar-b{background-color:#4e8050;background-image:url(/assets/resources/b69f821c43ec371fca93.png)}.avatar-c{background-color:#594e82;background-image:url(/assets/resources/6fedc2c6cc91a5f574e1.png)}