@media only screen and (max-width: 767px){.account-modal{max-width:100%}.account-modal .form-wrapper{width:275px;padding:0}}.account-modal .form-wrapper{width:360px;padding:16px}.account-modal form input,.account-modal form button{display:block}.account-modal form input{margin-bottom:4px}.account-modal input,.account-modal button,.account-modal [role=button]{padding:12px;border-radius:4px;font-size:16px;width:100%}.account-modal input{color:#000000d9;border:1px solid rgba(0,0,0,.2)}.account-modal .label{color:#0000006b;font-size:12px}.account-modal button,.account-modal [role=button]{text-align:center;margin-top:24px;margin-bottom:0;background-color:#0fafff;color:#fff;font-size:16px;font-weight:600;border:0;cursor:pointer}.account-modal button:hover,.account-modal [role=button]:hover{background-color:#42c0ff}.account-modal button:active,.account-modal [role=button]:active{background-color:#0fafff}.account-modal input:focus,.account-modal button:focus{outline-color:#0fafff}.account-modal .google-sign-in-button{height:44px}.account-modal .google-sign-in-button [role=button]{margin-top:0;background-color:transparent}.account-modal .google-sign-in-button iframe{margin-top:0!important;margin-bottom:0!important}.account-modal .reset-password-sent{width:360px;padding:16px;height:50px}.account-modal .account-error{margin:16px 0;font-size:14px;line-height:20px;color:#c94726}.account-modal p{font-size:14px;line-height:20px}.account-modal .account-modal-or{margin:24px 0;text-align:center;color:#0000006b;display:flex;align-items:center}.account-modal .account-modal-or:before,.account-modal .account-modal-or:after{content:"";height:1px;background-color:#ccc;flex-grow:1}.account-modal .account-modal-or:before{margin-right:12px}.account-modal .account-modal-or:after{margin-left:12px}.google-sign-in-loading{display:flex;flex-direction:column;align-items:center}.google-sign-in-loading .loading-indicator{width:20px;height:20px;border-radius:50%;border:4px solid #ddd;border-top-color:#aaa;animation:loading-indicator 1s linear infinite}.card img{color:transparent}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(282px,1fr));grid-gap:24px;margin-bottom:32px}.card-cover{position:relative;background-color:#fff;border-radius:4px;box-shadow:#00000026 0 1px 3px -1px}.card-cover .card-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .15s}.card-cover:hover .card-image{transform:scale(1.11)}.card-cover .card-price-pro,.card-cover .card-price-free{position:absolute;bottom:3px;right:3px;background-color:#fff;font-size:11px;text-transform:uppercase;font-weight:600;letter-spacing:.05em;line-height:16px;padding:0 3px 0 4px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card-cover .card-price-pro{color:#42c0ff}.card-cover .card-price-free{color:#0000006b}.card-info{margin:8px 0 12px}.card-title-row{margin:8px 0;font-size:16px;line-height:24px;display:flex}.card-title-row a{color:#000000d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-title-row a:hover{color:#0fafff}.card-owner-date-row{margin:8px 0;font-size:12px;line-height:16px;font-weight:500;display:flex;flex-direction:row;align-items:center}.card-owner-date-row .card-owner-date-right-side{margin-left:12px}.card-owner-date-row .card-owner a{color:#0009}.card-owner-date-row .card-owner a:hover{color:#0fafff}.card-owner-date-row .card-date{color:#0000006b}html,body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;line-height:20px;color:#000000d9;background-color:#f5f5f5}button,input,optgroup,select,textarea{font-family:inherit}h1.title{font-size:42px;line-height:48px;font-weight:700;margin:32px 0}h1{font-size:32px;line-height:40px;font-weight:600;margin:32px 0 16px}h2{font-size:24px;line-height:32px;font-weight:600;margin:24px 0 16px}h3{font-size:20px;line-height:28px;font-weight:600;margin:20px 0 16px}h1:first-child,h2:first-child,h3:first-child{margin-top:0}p{font-size:16px;line-height:24px;margin:0 0 16px}ol,ul{margin:0 0 16px;padding:0 0 0 32px}li{font-size:16px;line-height:24px;margin:0 0 8px}li p{margin-bottom:8px}ul>li{list-style-type:disc}a,[role=link]{color:#0092db;-webkit-text-decoration-color:transparent;text-decoration-color:transparent;cursor:pointer}a:hover,[role=link]:hover{color:#0fafff}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:14px;color:gray;background-color:#f5f5f5;border-radius:4px;padding:3px 4px}p>code{line-height:0}pre>code{background:none;padding:0}pre{background-color:#f5f5f5;border-radius:8px;padding:16px;white-space:pre-wrap}::-moz-selection{background-color:#a8e2ff}::selection{background-color:#a8e2ff}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{box-shadow:0 0 0 30px #fff inset!important}.play-button-overlayed{position:relative}.play-button-overlayed .play-button-overlay-container{cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0}.play-button-overlayed .play-button-overlay-container .play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-button-overlayed .play-button-overlay-container .play-button-overlay svg{width:100%;height:100%}.play-button-overlayed .play-button-overlay-container:hover .play-button-overlay .play-button-hover-circle{fill:#0092db}.scrollable{overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}.scrollable:hover{scrollbar-color:hsl(0,0%,80%) transparent}.scrollable::-webkit-scrollbar{width:10px;height:10px;-webkit-appearance:none;cursor:pointer}.scrollable:hover::-webkit-scrollbar-thumb{width:6px;height:6px;background-color:#b3b3b3;border:2px solid transparent;background-clip:content-box;border-radius:5px}.icon14,.icon14 svg{width:14px;height:14px}.icon16,.icon16 svg{width:16px;height:16px}.icon20,.icon20 svg{width:20px;height:20px}.icon14 svg,.icon16 svg,.icon20 svg{display:block;pointer-events:none;background:none}.editable-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editable-text.single-click{cursor:text}.editable-text-contenteditable{outline:none;padding:8px;word-break:break-all}*[contenteditable]{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;cursor:text}*[contenteditable=false]{cursor:default}.feature-tag{color:#000000d9;font-size:11px;text-transform:uppercase;font-weight:600;letter-spacing:.05em;line-height:14px;display:inline-block;margin:0 0 0 4px;padding:0 3px;border:1px solid rgba(0,0,0,.85);border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content}.pro-feature-tag{color:#0fafff;border-color:#0fafff}.pro-feature-tag.already-pro{color:#0000006b;border-color:#0000006b}button .pro-feature-tag{color:#fff;border-color:#fff}button.secondary .pro-feature-tag{color:#0fafff;border-color:#0fafff}button.secondary .pro-feature-tag.already-pro{color:#0000006b;border-color:#0000006b}.cuttle-pro{white-space:nowrap}.cuttle-pro .pro-feature-tag{margin:0;padding:0 .25em;font-size:.55em;line-height:1.2em;border-width:2px;border-radius:6px;vertical-align:middle;transform:translateY(-.2em)}.container-16-by-9{height:0;overflow:hidden;padding-bottom:56.25%}.minisite-nav .nav-inner{flex-wrap:wrap}.minisite-nav .nav-logo{display:flex;align-items:center}.minisite-nav .left-nav{display:flex;flex-direction:row}.minisite-footer .footer-content{display:flex;justify-content:space-between;align-items:stretch;min-height:80px;font-size:16px;line-height:24px}@media only screen and (max-width: 450px){.minisite-footer .footer-content{display:flex;flex-direction:column;gap:8px;align-items:flex-start}}.minisite-footer .minisite-footer-contact-container a{color:#0fafff}.minisite-footer .minisite-footer-contact-container a:hover{color:#42c0ff}.minisite-footer .footer-left{display:flex;flex-direction:column;gap:16px}.minisite-footer .footer-left .footer-copyright{font-size:14px;line-height:20px;color:#fffffff2}.minisite-footer .footer-cuttle-logo{display:flex;align-items:flex-end}.minisite-footer .footer-powered-by{display:flex;gap:6px;align-items:center;text-decoration:none}.minisite-footer .footer-powered-by:hover .footer-cuttle-logo-image svg *{fill:#0fafff}.minisite-footer .footer-cuttle-logo:hover{cursor:pointer}.minisite-footer .footer-cuttle-logo-image svg{width:32px;height:32px;margin-bottom:-7px}.minisite-footer .footer-cuttle-logo-image svg *{fill:#fffffff2}.minisite-account-modal-top-message{font-size:20px;line-height:28px;font-weight:300;margin-bottom:32px;text-align:center}.minisite-login-modal{width:400px;text-align:center}.minisite-login-modal>*,.minisite-login-modal form>*{margin-bottom:16px}.minisite-login-modal button,.minisite-login-modal [role=button]{display:block;width:100%;text-align:center;color:#fff;font-size:16px;line-height:20px;font-weight:600;border:0;border-radius:6px;padding:12px;background-color:#0fafff;cursor:pointer;white-space:initial}.minisite-login-modal button:hover,.minisite-login-modal [role=button]:hover{background-color:#42c0ff;color:#fff}.minisite-login-modal button:active,.minisite-login-modal [role=button]:active{background-color:#0fafff}.minisite-login-modal button.secondary,.minisite-login-modal [role=button].secondary{color:#000000d9;background-color:#e8e8e8;font-weight:400}.minisite-login-modal button.secondary:hover,.minisite-login-modal [role=button].secondary:hover{background-color:#f0f0f0}.minisite-login-modal input{padding:12px;border-radius:4px;font-size:16px;width:100%;color:#000000d9;border:1px solid rgba(0,0,0,.2)}.modal-container{position:fixed;top:0;left:0;bottom:0;right:0;z-index:3000}.modal-container .modal-background-overlay{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#0009}.modal-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#f5f5f5;padding:32px;border-radius:12px;max-width:100%;max-height:100%;overflow:auto}.modal-x{width:20px;height:20px;position:absolute;top:12px;right:12px;cursor:pointer}.modal-x svg *{fill:#0009}.modal-x:hover svg *{fill:#0fafff}.popup-background-overlay{position:fixed;z-index:1000;top:0;left:0;bottom:0;right:0}.popup-background-overlay.fade{background-color:#0009}.popup{position:fixed;z-index:1001;top:0;left:0;overflow-y:auto;background-color:#fff;box-shadow:0 2px 4px #00000026,0 4px 16px #0000001a;border-radius:4px;outline:1px solid transparent}.popup-menu{cursor:default;padding:6px 0}.popup-menu .popup-menu-item{white-space:nowrap;padding:1px 8px;display:flex;cursor:pointer}.popup-menu .popup-menu-item.disabled{opacity:.25;cursor:default}.popup-menu .popup-menu-item:not(.disabled):hover{background-color:#42c0ff;color:#fff}.popup-menu .popup-menu-item:not(.disabled):hover .popup-menu-item-accelerator{color:#fff}.popup-menu .popup-menu-item:not(.disabled):hover .icon20 svg *{fill:#fff}.popup-menu .popup-menu-item:not(.disabled):hover .feature-tag{color:#fff;border-color:#fff}.popup-menu .popup-menu-item-icon{width:20px;height:20px;flex:0 0 auto}.popup-menu .icon20 svg *{fill:#000000d9}.popup-menu .popup-menu-item-label{margin:1px 32px 0 4px;flex:1 1 auto;display:flex;align-items:center;gap:4px}.popup-menu .popup-menu-item-accelerator{color:#0000006b;margin-top:1px}.popup-menu .popup-menu-separator{border-bottom:1px solid hsl(0,0%,91%);margin:6px 0}.tooltip{padding:2px 5px;color:#fffffff2;box-shadow:none;border-radius:4px;background-color:#3d3d3d;font-size:13px;line-height:20px;pointer-events:none;max-width:384px}.tooltip.arrow-top-start{overflow:visible}.tooltip.arrow-top-start:after{position:absolute;content:"";bottom:100%;left:8px;border-width:8px;border-style:solid;border-color:transparent transparent hsl(0,0%,24%) transparent}.tooltip p,.tooltip li,.tooltip ul{font-size:13px;line-height:20px;margin:0}.tooltip-accelerator{color:#ffffffa6;margin-left:6px}.prompt{padding:8px}.prompt form,.prompt label{display:flex;flex-direction:row;gap:8px;align-items:center}.prompt .prompt-input{border-radius:4px;border-width:0;background-color:#f0f0f0}.prompt .prompt-input:focus{outline:3px solid transparent;box-shadow:0 0 0 2px #0003}.prompt textarea{width:240px;height:6em;resize:none}.prompt .prompt-note{color:#0009}.prompt input[type=submit]{line-height:1;padding:2px 4px}.nav{padding:12px 32px;background-color:#fff;box-shadow:#00000026 0 2px 4px -1px}@media only screen and (max-width: 767px){.nav{padding:12px 16px}}.nav .nav-inner{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.nav .search-bar{flex-grow:1;margin:0 48px 0 24px}.nav .search-bar input{margin:0;padding:12px;font-size:16px;width:100%;border-radius:6px;color:#000000d9;border:1px solid rgba(0,0,0,.2)}.nav-logo{display:flex;align-items:center}.left-nav{display:flex;flex-direction:row}@media only screen and (max-width: 991px){.left-nav{display:none}}.nav-logo:hover{cursor:pointer}.nav-logo-image svg{width:32px;height:32px;margin-right:12px;display:block}.nav-logo-image svg *{fill:#000000d9}.nav-menu-dropdown-icon svg{width:20px;height:20px}.nav-menu-dropdown-icon svg *{fill:#0009}.nav-menu:hover{cursor:pointer}.nav-menu:hover .username{color:#0fafff}.nav-menu:hover .nav-menu-dropdown-icon svg *{fill:#0fafff}.nav-menu{display:flex;align-items:center}.nav-menu svg{display:inline;vertical-align:middle;margin-left:2px}.right-nav{display:flex;align-items:center;gap:8px}.username{padding-right:8px}.nav a{text-decoration:none}.nav-logged-in-user{padding:1px 32px;color:#0000006b;font-weight:600}.nav-links-container{display:flex;align-items:center}.nav-link{padding:12px;font-size:16px;font-weight:600;white-space:nowrap;border-radius:8px;cursor:pointer}.nav-link:hover{background-color:#f0f0f0}.nav-with-dropdown .nav-dropdown{display:none;position:absolute;z-index:1;padding-top:12px}.nav-with-dropdown .nav-dropdown a{display:block;padding:12px;color:#000000d9}.nav-with-dropdown .nav-dropdown a:hover{background-color:#f0f0f0}.nav-with-dropdown .nav-dropdown .nav-dropdown-items{background-color:#fff;margin-left:-12px;border-radius:8px;box-shadow:#0f0f0f33 0 4px 12px;overflow:hidden}.nav-with-dropdown:hover .nav-dropdown{display:block}a.nav-link{color:#000000d9}.nav-signup-button{padding:12px 16px;background-color:#0fafff;color:#fff}.nav-signup-button:hover{cursor:pointer;background-color:#42c0ff;color:#fff}.nav-signup-button:active{background-color:#0fafff}.hamburger-nav{display:none;align-items:center}@media only screen and (max-width: 991px){.hamburger-nav{display:flex}}.hamburger-nav .nav-logo-image svg{margin-right:5px}.hamburger-nav .hamburger-icon{padding-top:4px;cursor:pointer;margin-right:16px}.hamburger-nav .hamburger-icon svg{width:20px;height:20px}.hamburger-nav .hamburger-menu-contents{display:block;position:fixed;top:0;left:0;bottom:0;right:0;overflow-y:scroll;background-color:#f5f5f5;z-index:1;padding:16px}.hamburger-nav .hamburger-menu-contents .nav-link{display:block;padding:4px 0}.hamburger-nav .hamburger-menu-contents .sidebar{margin:8px 0 0;padding:0;width:auto;height:auto;position:static}.hamburger-nav .hamburger-menu-contents .hamburger-links{margin-top:16px}.hamburger-nav .hamburger-menu-contents .hamburger-nav-open{display:flex;justify-content:space-between;align-items:center;padding-top:7px}.hamburger-nav .hamburger-menu-contents .modal-x svg{position:relative;transform:none}.hamburger-nav .hamburger-menu-contents .hamburger-menu-separator{margin:12px 0;height:1px;background-color:#e8e8e8}.avatar{border-radius:50%}.avatar-letter-container{display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;border-radius:50%;font-weight:500;color:#0fafff}footer{background-color:#3d3d3d;color:#ffffffa6;font-size:16px;line-height:24px;padding:32px}@media only screen and (max-width: 767px){footer{padding:32px 16px}}footer a{color:#fffffff2}footer a:hover{color:#42c0ff}footer .footer-inner{margin:0 auto;max-width:1200px}footer .footer-columns{display:flex;justify-content:space-between}@media only screen and (max-width: 767px){footer .footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}}@media only screen and (max-width: 450px){footer .footer-columns{display:block;text-align:center}footer .footer-columns .footer-column{margin-bottom:32px}footer .footer-columns .footer-column:last-child{margin-bottom:0}}footer .footer-column{display:flex;flex-direction:column}footer .footer-column .footer-column-title{text-transform:uppercase;font-weight:600;letter-spacing:.05em;font-size:16px;line-height:24px;color:#ffffffa6}footer .footer-bottom{display:flex;flex-direction:column;padding-top:32px;text-align:center}footer .footer-bottom .footer-copyright{margin-top:16px}footer .footer-bottom .footer-contact,footer .footer-bottom .footer-copyright,footer .footer-bottom .footer-legal{display:flex;gap:16px;align-items:center;justify-content:center}footer .footer-bottom .footer-copyright,footer .footer-bottom .footer-legal{font-size:14px;line-height:20px}@media only screen and (max-width: 767px){footer .footer-bottom{flex-direction:column;gap:8px}}@media only screen and (max-width: 450px){footer .footer-bottom{display:block;text-align:center}}.site-layout{display:flex;flex-direction:column;min-height:100vh}.site-layout main{flex-grow:1}.main-inner{padding:32px;width:100%;max-width:1264px;margin:0 auto}@media only screen and (max-width: 767px){.main-inner{padding:32px 16px}}.main-inner.full-width{max-width:none}.upgrade-modal{width:720px;max-width:100%;padding:32px;display:grid;gap:32px 10px;grid-template-columns:1fr 1fr}.upgrade-modal h1{margin:0}.upgrade-modal .modal-x{background-color:#fff;border-radius:50%;padding:2px;width:24px;height:24px}.upgrade-modal .tagline{font-size:24px;line-height:32px;text-align:center;font-weight:300}.upgrade-modal .tagline:last-of-type{margin-bottom:0}.upgrade-modal button,.upgrade-modal [role=button]{display:block;width:100%;text-align:center;color:#fff;font-size:16px;line-height:20px;font-weight:600;border:0;border-radius:6px;padding:12px;background-color:#0fafff;cursor:pointer}.upgrade-modal button:hover,.upgrade-modal [role=button]:hover{background-color:#42c0ff;color:#fff}.upgrade-modal button:active,.upgrade-modal [role=button]:active{background-color:#0fafff}.upgrade-modal button.secondary,.upgrade-modal [role=button].secondary{color:#000000d9;background-color:#e8e8e8;font-weight:400}.upgrade-modal button.secondary:hover,.upgrade-modal [role=button].secondary:hover{background-color:#f0f0f0}.upgrade-modal-top{grid-column:1 / span 2}.upgrade-modal-left,.upgrade-modal-right{display:flex;flex-direction:column}.upgrade-modal-left{text-align:center;gap:24px}.upgrade-modal-right{display:flex;flex-direction:column;justify-content:center}.upgrade-plans{display:flex;flex-direction:column;margin-bottom:20px}.upgrade-plans .discount{color:#c00;margin-bottom:8px}.upgrade-plan{display:grid;grid-template-columns:40px auto auto;grid-template-rows:auto auto;gap:4px;border:2px solid hsl(0,0%,80%);border-radius:8px;padding:8px 8px 8px 0;margin-bottom:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.upgrade-plan:hover:not(.selected){border-color:#b3b3b3}.upgrade-plan.selected{border-color:#42c0ff}.upgrade-plan h3{margin:0}.upgrade-plan .right{text-align:right}.upgrade-plan s{color:#b3b3b3}.upgrade-plan-checkbox{justify-self:center;align-self:center;grid-row-start:1;grid-row-end:3;width:24px;height:24px}.pricing-feature{display:flex;align-items:top}.pricing-feature:not(:last-child){margin-bottom:12px}.pricing-feature svg{width:20px;height:20px;flex-shrink:0;margin-top:2px}.pricing-feature svg *{fill:#0003}.pricing-feature-description{font-size:16px;line-height:24px;margin-left:8px;text-align:left;flex:0 1 auto}@media screen and (max-device-width: 585px){.upgrade-modal{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:16px}.upgrade-modal .upgrade-modal-left{grid-column:1;grid-row:2}.upgrade-modal .upgrade-modal-right{grid-column:1;grid-row:3}.upgrade-modal-edu .actions{flex-wrap:wrap-reverse}}.upgrade-modal-edu{width:600px;max-width:100%;padding:32px}.upgrade-modal-edu .actions{display:flex;flex-direction:row;gap:16px}.upgrade-modal-edu button{display:block;width:100%;text-align:center;color:#fff;font-size:16px;line-height:20px;font-weight:600;border:0;border-radius:6px;padding:12px;background-color:#0fafff;cursor:pointer}.upgrade-modal-edu button:hover{background-color:#42c0ff;color:#fff}.upgrade-modal-edu button:active{background-color:#0fafff}.upgrade-modal-edu button.secondary{color:#000000d9;background-color:#e8e8e8;font-weight:400}.upgrade-modal-edu button.secondary:hover{background-color:#f0f0f0}.filename-input{display:flex;flex-direction:row;gap:8px;align-items:center}.filename-input input[type=text]{flex:1 1 auto}.filename-input select{flex:0 0 90px}input[type=text]{cursor:text;border:1px solid hsl(0,0%,80%);padding:4px 8px;border-radius:4px;outline:none;white-space:nowrap;overflow:hidden}input[type=text]:focus{outline:3px solid transparent;box-shadow:0 0 0 2px #0003}input[type=checkbox]{cursor:pointer;margin:3px;width:14px;height:14px}input[type=checkbox]:disabled{cursor:default}.select,select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;line-height:18px;text-align:center;-moz-text-align-last:center;text-align-last:center;color:#000000d9;padding:1px 22px 1px 8px;border-radius:99px;border:none;background:#e8e8e8 url(/editor/images/chevron-down.svg);background-position:right 2px center;background-repeat:no-repeat}.select.disabled,select.disabled,.select:disabled,select:disabled{cursor:default;opacity:1}.select:focus,select:focus{outline:3px solid transparent;box-shadow:0 0 0 2px #0003}.viewport-main{position:relative;width:100%;height:100%}.viewport-main .canvas,.viewport-main .html,.viewport-main .html-ruler-mask,.viewport-main .html-ruler-offset{position:absolute;top:0;left:0;right:0;bottom:0}.viewport-main .html{pointer-events:none}.viewport-main .html-ruler-mask{top:20px;left:20px;overflow:hidden}.viewport-main .html-ruler-offset{top:-20px;left:-20px}.viewport-main .ruler-grab-h,.viewport-main .ruler-grab-v{position:absolute;pointer-events:auto;cursor:url(/editor/cursors/grab-cursor-1x.png) 13 13,default;cursor:-webkit-image-set(url(/editor/cursors/grab-cursor-2x.png) 2x,url(/editor/cursors/grab-cursor-1x.png) 1x) 13 13,default;cursor:image-set(url(/editor/cursors/grab-cursor-2x.png) 2x,url(/editor/cursors/grab-cursor-1x.png) 1x) 13 13,default}.viewport-main .ruler-grab-h{top:0;right:0;left:0;height:20px}.viewport-main .ruler-grab-v{left:0;bottom:0;top:20px;width:20px}.viewport-main.cursor-pen{cursor:url(/editor/cursors/pen-cursor-1x.png) 4 4,default;cursor:-webkit-image-set(url(/editor/cursors/pen-cursor-2x.png) 2x,url(/editor/cursors/pen-cursor-1x.png) 1x) 4 4,default;cursor:image-set(url(/editor/cursors/pen-cursor-2x.png) 2x,url(/editor/cursors/pen-cursor-1x.png) 1x) 4 4,default}.viewport-main.cursor-pen-add{cursor:url(/editor/cursors/pen-add-cursor-1x.png) 4 4,default;cursor:-webkit-image-set(url(/editor/cursors/pen-add-cursor-2x.png) 2x,url(/editor/cursors/pen-add-cursor-1x.png) 1x) 4 4,default;cursor:image-set(url(/editor/cursors/pen-add-cursor-2x.png) 2x,url(/editor/cursors/pen-add-cursor-1x.png) 1x) 4 4,default}.viewport-main.cursor-pen-close{cursor:url(/editor/cursors/pen-close-cursor-1x.png) 4 4,default;cursor:-webkit-image-set(url(/editor/cursors/pen-close-cursor-2x.png) 2x,url(/editor/cursors/pen-close-cursor-1x.png) 1x) 4 4,default;cursor:image-set(url(/editor/cursors/pen-close-cursor-2x.png) 2x,url(/editor/cursors/pen-close-cursor-1x.png) 1x) 4 4,default}.viewport-main.cursor-select{cursor:url(/editor/cursors/select-cursor-1x.png) 4 4,default;cursor:-webkit-image-set(url(/editor/cursors/select-cursor-2x.png) 2x,url(/editor/cursors/select-cursor-1x.png) 1x) 4 4,default;cursor:image-set(url(/editor/cursors/select-cursor-2x.png) 2x,url(/editor/cursors/select-cursor-1x.png) 1x) 4 4,default}.viewport-main.cursor-select-contains{cursor:url(/editor/cursors/select-contains-cursor-1x.png) 4 4,default;cursor:-webkit-image-set(url(/editor/cursors/select-contains-cursor-2x.png) 2x,url(/editor/cursors/select-contains-cursor-1x.png) 1x) 4 4,default;cursor:image-set(url(/editor/cursors/select-contains-cursor-2x.png) 2x,url(/editor/cursors/select-contains-cursor-1x.png) 1x) 4 4,default}.viewport-main.cursor-select-split-handles{cursor:url(/editor/cursors/select-split-handles-cursor-1x.png) 4 4,default;cursor:-webkit-image-set(url(/editor/cursors/select-split-handles-cursor-2x.png) 2x,url(/editor/cursors/select-split-handles-cursor-1x.png) 1x) 4 4,default;cursor:image-set(url(/editor/cursors/select-split-handles-cursor-2x.png) 2x,url(/editor/cursors/select-split-handles-cursor-1x.png) 1x) 4 4,default}.viewport-main.cursor-select-join-handles{cursor:url(/editor/cursors/select-join-handles-cursor-1x.png) 4 4,default;cursor:-webkit-image-set(url(/editor/cursors/select-join-handles-cursor-2x.png) 2x,url(/editor/cursors/select-join-handles-cursor-1x.png) 1x) 4 4,default;cursor:image-set(url(/editor/cursors/select-join-handles-cursor-2x.png) 2x,url(/editor/cursors/select-join-handles-cursor-1x.png) 1x) 4 4,default}.viewport-main.cursor-select-bend{cursor:url(/editor/cursors/select-bend-cursor-1x.png) 4 4,default;cursor:-webkit-image-set(url(/editor/cursors/select-bend-cursor-2x.png) 2x,url(/editor/cursors/select-bend-cursor-1x.png) 1x) 4 4,default;cursor:image-set(url(/editor/cursors/select-bend-cursor-2x.png) 2x,url(/editor/cursors/select-bend-cursor-1x.png) 1x) 4 4,default}.viewport-main.cursor-select-bend-split{cursor:url(/editor/cursors/select-bend-split-cursor-1x.png) 4 4,default;cursor:-webkit-image-set(url(/editor/cursors/select-bend-split-cursor-2x.png) 2x,url(/editor/cursors/select-bend-split-cursor-1x.png) 1x) 4 4,default;cursor:image-set(url(/editor/cursors/select-bend-split-cursor-2x.png) 2x,url(/editor/cursors/select-bend-split-cursor-1x.png) 1x) 4 4,default}.viewport-main.cursor-select-locked{cursor:url(/editor/cursors/select-locked-cursor-1x.png) 4 4,default;cursor:-webkit-image-set(url(/editor/cursors/select-locked-cursor-2x.png) 2x,url(/editor/cursors/select-locked-cursor-1x.png) 1x) 4 4,default;cursor:image-set(url(/editor/cursors/select-locked-cursor-2x.png) 2x,url(/editor/cursors/select-locked-cursor-1x.png) 1x) 4 4,default}.viewport-main.cursor-duplicate{cursor:url(/editor/cursors/duplicate-cursor-1x.png) 4 4,default;cursor:-webkit-image-set(url(/editor/cursors/duplicate-cursor-2x.png) 2x,url(/editor/cursors/duplicate-cursor-1x.png) 1x) 4 4,default;cursor:image-set(url(/editor/cursors/duplicate-cursor-2x.png) 2x,url(/editor/cursors/duplicate-cursor-1x.png) 1x) 4 4,default}.viewport-main.cursor-precise{cursor:url(/editor/cursors/precise-cursor-1x.png) 13 13,default;cursor:-webkit-image-set(url(/editor/cursors/precise-cursor-2x.png) 2x,url(/editor/cursors/precise-cursor-1x.png) 1x) 13 13,default;cursor:image-set(url(/editor/cursors/precise-cursor-2x.png) 2x,url(/editor/cursors/precise-cursor-1x.png) 1x) 13 13,default}.viewport-main.cursor-grab{cursor:url(/editor/cursors/grab-cursor-1x.png) 13 13,default;cursor:-webkit-image-set(url(/editor/cursors/grab-cursor-2x.png) 2x,url(/editor/cursors/grab-cursor-1x.png) 1x) 13 13,default;cursor:image-set(url(/editor/cursors/grab-cursor-2x.png) 2x,url(/editor/cursors/grab-cursor-1x.png) 1x) 13 13,default}.viewport-main.cursor-grabbing{cursor:url(/editor/cursors/grabbing-cursor-1x.png) 13 13,default;cursor:-webkit-image-set(url(/editor/cursors/grabbing-cursor-2x.png) 2x,url(/editor/cursors/grabbing-cursor-1x.png) 1x) 13 13,default;cursor:image-set(url(/editor/cursors/grabbing-cursor-2x.png) 2x,url(/editor/cursors/grabbing-cursor-1x.png) 1x) 13 13,default}.viewport-main.cursor-resize-arrows-0{cursor:url(/editor/cursors/resize-arrows-cursor-0-1x.png) 14 14,default;cursor:-webkit-image-set(url(/editor/cursors/resize-arrows-cursor-0-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-0-1x.png) 1x) 14 14,default;cursor:image-set(url(/editor/cursors/resize-arrows-cursor-0-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-0-1x.png) 1x) 14 14,default}.viewport-main.cursor-resize-arrows-1{cursor:url(/editor/cursors/resize-arrows-cursor-1-1x.png) 14 14,default;cursor:-webkit-image-set(url(/editor/cursors/resize-arrows-cursor-1-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-1-1x.png) 1x) 14 14,default;cursor:image-set(url(/editor/cursors/resize-arrows-cursor-1-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-1-1x.png) 1x) 14 14,default}.viewport-main.cursor-resize-arrows-2{cursor:url(/editor/cursors/resize-arrows-cursor-2-1x.png) 14 14,default;cursor:-webkit-image-set(url(/editor/cursors/resize-arrows-cursor-2-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-2-1x.png) 1x) 14 14,default;cursor:image-set(url(/editor/cursors/resize-arrows-cursor-2-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-2-1x.png) 1x) 14 14,default}.viewport-main.cursor-resize-arrows-3{cursor:url(/editor/cursors/resize-arrows-cursor-3-1x.png) 14 14,default;cursor:-webkit-image-set(url(/editor/cursors/resize-arrows-cursor-3-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-3-1x.png) 1x) 14 14,default;cursor:image-set(url(/editor/cursors/resize-arrows-cursor-3-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-3-1x.png) 1x) 14 14,default}.viewport-main.cursor-resize-arrows-4{cursor:url(/editor/cursors/resize-arrows-cursor-4-1x.png) 14 14,default;cursor:-webkit-image-set(url(/editor/cursors/resize-arrows-cursor-4-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-4-1x.png) 1x) 14 14,default;cursor:image-set(url(/editor/cursors/resize-arrows-cursor-4-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-4-1x.png) 1x) 14 14,default}.viewport-main.cursor-resize-arrows-5{cursor:url(/editor/cursors/resize-arrows-cursor-5-1x.png) 14 14,default;cursor:-webkit-image-set(url(/editor/cursors/resize-arrows-cursor-5-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-5-1x.png) 1x) 14 14,default;cursor:image-set(url(/editor/cursors/resize-arrows-cursor-5-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-5-1x.png) 1x) 14 14,default}.viewport-main.cursor-resize-arrows-6{cursor:url(/editor/cursors/resize-arrows-cursor-6-1x.png) 14 14,default;cursor:-webkit-image-set(url(/editor/cursors/resize-arrows-cursor-6-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-6-1x.png) 1x) 14 14,default;cursor:image-set(url(/editor/cursors/resize-arrows-cursor-6-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-6-1x.png) 1x) 14 14,default}.viewport-main.cursor-resize-arrows-7{cursor:url(/editor/cursors/resize-arrows-cursor-7-1x.png) 14 14,default;cursor:-webkit-image-set(url(/editor/cursors/resize-arrows-cursor-7-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-7-1x.png) 1x) 14 14,default;cursor:image-set(url(/editor/cursors/resize-arrows-cursor-7-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-7-1x.png) 1x) 14 14,default}.viewport-main.cursor-resize-arrows-8{cursor:url(/editor/cursors/resize-arrows-cursor-8-1x.png) 14 14,default;cursor:-webkit-image-set(url(/editor/cursors/resize-arrows-cursor-8-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-8-1x.png) 1x) 14 14,default;cursor:image-set(url(/editor/cursors/resize-arrows-cursor-8-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-8-1x.png) 1x) 14 14,default}.viewport-main.cursor-resize-arrows-9{cursor:url(/editor/cursors/resize-arrows-cursor-9-1x.png) 14 14,default;cursor:-webkit-image-set(url(/editor/cursors/resize-arrows-cursor-9-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-9-1x.png) 1x) 14 14,default;cursor:image-set(url(/editor/cursors/resize-arrows-cursor-9-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-9-1x.png) 1x) 14 14,default}.viewport-main.cursor-resize-arrows-10{cursor:url(/editor/cursors/resize-arrows-cursor-10-1x.png) 14 14,default;cursor:-webkit-image-set(url(/editor/cursors/resize-arrows-cursor-10-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-10-1x.png) 1x) 14 14,default;cursor:image-set(url(/editor/cursors/resize-arrows-cursor-10-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-10-1x.png) 1x) 14 14,default}.viewport-main.cursor-resize-arrows-11{cursor:url(/editor/cursors/resize-arrows-cursor-11-1x.png) 14 14,default;cursor:-webkit-image-set(url(/editor/cursors/resize-arrows-cursor-11-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-11-1x.png) 1x) 14 14,default;cursor:image-set(url(/editor/cursors/resize-arrows-cursor-11-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-11-1x.png) 1x) 14 14,default}.viewport-main.cursor-rotate-arrows-0{cursor:url(/editor/cursors/rotate-arrows-cursor-0-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-0-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-0-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-0-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-0-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-1{cursor:url(/editor/cursors/rotate-arrows-cursor-1-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-1-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-1-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-1-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-1-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-2{cursor:url(/editor/cursors/rotate-arrows-cursor-2-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-2-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-2-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-2-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-2-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-3{cursor:url(/editor/cursors/rotate-arrows-cursor-3-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-3-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-3-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-3-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-3-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-4{cursor:url(/editor/cursors/rotate-arrows-cursor-4-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-4-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-4-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-4-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-4-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-5{cursor:url(/editor/cursors/rotate-arrows-cursor-5-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-5-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-5-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-5-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-5-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-6{cursor:url(/editor/cursors/rotate-arrows-cursor-6-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-6-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-6-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-6-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-6-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-7{cursor:url(/editor/cursors/rotate-arrows-cursor-7-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-7-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-7-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-7-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-7-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-8{cursor:url(/editor/cursors/rotate-arrows-cursor-8-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-8-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-8-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-8-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-8-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-9{cursor:url(/editor/cursors/rotate-arrows-cursor-9-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-9-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-9-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-9-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-9-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-10{cursor:url(/editor/cursors/rotate-arrows-cursor-10-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-10-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-10-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-10-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-10-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-11{cursor:url(/editor/cursors/rotate-arrows-cursor-11-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-11-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-11-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-11-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-11-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-12{cursor:url(/editor/cursors/rotate-arrows-cursor-12-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-12-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-12-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-12-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-12-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-13{cursor:url(/editor/cursors/rotate-arrows-cursor-13-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-13-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-13-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-13-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-13-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-14{cursor:url(/editor/cursors/rotate-arrows-cursor-14-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-14-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-14-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-14-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-14-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-15{cursor:url(/editor/cursors/rotate-arrows-cursor-15-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-15-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-15-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-15-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-15-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-16{cursor:url(/editor/cursors/rotate-arrows-cursor-16-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-16-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-16-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-16-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-16-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-17{cursor:url(/editor/cursors/rotate-arrows-cursor-17-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-17-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-17-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-17-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-17-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-18{cursor:url(/editor/cursors/rotate-arrows-cursor-18-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-18-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-18-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-18-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-18-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-19{cursor:url(/editor/cursors/rotate-arrows-cursor-19-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-19-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-19-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-19-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-19-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-20{cursor:url(/editor/cursors/rotate-arrows-cursor-20-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-20-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-20-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-20-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-20-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-21{cursor:url(/editor/cursors/rotate-arrows-cursor-21-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-21-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-21-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-21-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-21-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-22{cursor:url(/editor/cursors/rotate-arrows-cursor-22-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-22-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-22-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-22-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-22-1x.png) 1x) 15 15,default}.viewport-main.cursor-rotate-arrows-23{cursor:url(/editor/cursors/rotate-arrows-cursor-23-1x.png) 15 15,default;cursor:-webkit-image-set(url(/editor/cursors/rotate-arrows-cursor-23-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-23-1x.png) 1x) 15 15,default;cursor:image-set(url(/editor/cursors/rotate-arrows-cursor-23-2x.png) 2x,url(/editor/cursors/rotate-arrows-cursor-23-1x.png) 1x) 15 15,default}.transform-box-label{position:absolute;color:#42c0ff;background-color:#fffffff2;padding:1px 12px;border-radius:99px;pointer-events:auto}.transform-box-label:hover{padding:0 11px;border:1px solid hsl(200,100%,63%)}.dimension-editor{cursor:text}.dimension-editor.locked{cursor:url(/editor/cursors/select-locked-cursor-1x.png) 4 4,default;cursor:-webkit-image-set(url(/editor/cursors/select-locked-cursor-2x.png) 2x,url(/editor/cursors/select-locked-cursor-1x.png) 1x) 4 4,default;cursor:image-set(url(/editor/cursors/select-locked-cursor-2x.png) 2x,url(/editor/cursors/select-locked-cursor-1x.png) 1x) 4 4,default}.dimension-editor .number-ellipsis,.dimension-editor .number-unit{color:#42c0ff}.dimension-editor .number-unit{margin-left:4px}.transform-box-tools{position:absolute;display:flex;justify-content:center}.transform-box-tools.left{flex-direction:column}.align-tools{position:absolute;display:flex;border:1px solid rgba(0,0,0,.1);border-radius:8px;background-color:#fffffff2}.align-tools.horizontal{bottom:40px;padding:2px 4px}.align-tools.vertical{right:40px;padding:4px 2px;flex-direction:column}.align-tools .icon-button{margin:4px;pointer-events:auto}.color-picker-popup{display:flex;flex-direction:column;gap:8px;padding:8px;width:324px}.color-picker-swatch{width:20px;height:20px;box-shadow:#0000001a 0 0 0 1px inset;border-radius:2px;cursor:pointer}.color-picker-swatch.none{background:linear-gradient(45deg,#fff 45%,red 50%,red 50%,#fff 55%)}.color-picker-palette{display:flex;gap:4px}.color-picker-value-saturation{position:relative;width:260px;height:260px}.color-picker-value-saturation-indicator{pointer-events:none;z-index:1;position:absolute;margin-left:-6px;margin-top:-6px;width:12px;height:12px;border:1px solid #fff;border-radius:8px;box-shadow:#0003 0 0 0 1px inset,#0003 0 0 0 1px}.color-picker-hue{position:relative;width:20px;height:260px;background:linear-gradient(0deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-picker-hue-indicator,.color-picker-alpha-indicator{pointer-events:none;position:absolute;margin-top:-1px;width:20px;height:2px;border:1px solid #fff;border-radius:1px;box-shadow:#0003 0 0 0 1px}.color-picker-alpha{position:relative;width:20px;height:260px}.color-picker-swatches{display:flex;flex-wrap:wrap;gap:4px}.color-picker-swatches-category-name{margin-top:4px;color:#0009;text-transform:uppercase;font-weight:600;letter-spacing:.05em;font-size:12px;line-height:10px}.color-code-input{display:flex;flex-direction:row;gap:4px;align-items:baseline}.color-code-input input{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.color-code-input input:nth-of-type(1){width:150px;flex-grow:1}.color-code-input input:nth-of-type(2){width:75px}.component-dimensions{font-size:16px;line-height:24px;display:inline-flex;padding:2px 12px;max-width:100%;background-color:#fffffff2;border-radius:14px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:text}.component-dimensions .dimension{display:inline-flex;align-items:center;max-width:100%}.component-dimensions .number{flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-dimensions .spacing{flex:0 9999 auto;width:8px}.component-dimensions .icon20 svg *{fill:#00000080}.component-dimensions .number-unit{color:#00000080;margin-left:4px}.component-dimensions .times{margin:0 8px}@media only screen and (max-width: 400px){.component-dimensions{flex-direction:column;align-items:flex-start;line-height:20px}}@media only screen and (max-width: 300px){.component-dimensions{display:none}}.component-embed{display:grid;grid-template-areas:"a" "b" "c";grid-template-columns:100%;gap:0 24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:24px}.component-embed .component-embed-canvas{grid-area:a}.component-embed .component-embed-under{grid-area:b}.component-embed .component-embed-meta{grid-area:c}.component-embed .ProseMirror{padding:0}.component-embed-narrow-sticky{position:sticky;top:0;z-index:10}.component-embed-canvas{position:relative;z-index:10;overflow:hidden;box-shadow:0 2px 4px #00000026,0 4px 16px #0000001a;outline:1px solid transparent;border-radius:8px}.component-embed-canvas .svg-preview-canvas-autosize{aspect-ratio:4 / 3;width:100%;max-width:700px;max-height:50vh;overflow:hidden}.component-embed-meta{position:relative;display:flex;flex-direction:column;gap:16px;justify-content:flex-start;flex:1 1 auto;margin-top:24px}.component-embed-inspector{flex:0 0 auto}.component-embed-inspector .inspector{gap:24px;border:none}.component-embed-inspector .inspector-section{background-color:#f5f5f5;border:none;border-radius:8px;padding:12px 8px}.component-embed-inspector .inspector-section.new-context{background-color:#f5f5f5}.component-embed-inspector .parameter-name{cursor:default!important}.component-embed-inspector .parameter-name:hover{color:#000000d9}.component-embed-warnings{margin:0 16px}.component-embed-dimensions{flex:1 1 auto;margin-right:8px;overflow:hidden}.component-embed-actions{display:flex;align-items:center;max-height:90px;position:absolute;bottom:12px;right:12px;left:20px}.component-embed-actions button,.component-embed-actions .button{font-size:16px;line-height:40px;border-width:2px}.component-embed-actions button svg *,.component-embed-actions .button svg *{fill:#ffffffd9}.component-embed-actions-left-spacer{flex:0 9999 16px}.component-embed-download-primary .icon20{margin:0 4px 0 -4px}.component-embed-download-primary.has-next-button{padding-right:12px;border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0}.component-embed-download-primary:disabled{opacity:1;color:#b3b3b3}.component-embed-download-primary:disabled .icon20{display:none}.component-embed-file-type .icon-button{opacity:1;height:44px}.component-embed-file-type .icon-button.secondary svg path{fill:gray}.component-embed-file-type .icon-button.has-previous-button{padding:12px;border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0}.add-component-to-gallery{background-color:#0000000d;border-radius:50%;align-self:center}.add-component-to-gallery .icon-button{width:28px;height:28px}.customize-hint{font-size:14px;line-height:20px;position:absolute;top:-24px;left:140px;background-color:#0fafff;color:#fff;border-radius:12px;padding:2px 10px;overflow:visible;animation:.75s ease-in-out 0s infinite alternate both running hint-genie}.customize-hint:after{position:absolute;content:"";top:calc(100% - 1px);left:calc(50% - 8px);border-width:8px;border-style:solid;border-color:hsl(200,100%,53%) transparent transparent transparent}@keyframes hint-genie{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@media (prefers-reduced-motion){.customize-hint{animation-play-state:paused}}.component-embed-meta.show-hint .inspector-section:first-child>.parameter:first-child .parameter-value{box-shadow:0 0 0 3px #42c0ff;border-radius:4px}@media screen and (min-width: 1250px){.component-embed{grid-template-areas:"a c" "b c";grid-template-columns:700px 476px;grid-template-rows:auto 1fr}.component-embed-narrow-sticky{position:initial}.component-embed-wide-sticky{position:sticky;top:0;z-index:10}.component-embed-meta{margin:0}.component-embed-canvas .svg-preview-canvas-autosize{max-height:unset}}@media screen and (orientation: landscape) and (min-width: 1000px){.component-embed{grid-template-areas:"a c" "b c";grid-template-columns:700px 476px;grid-template-rows:auto 1fr}.component-embed-narrow-sticky{position:initial}.component-embed-wide-sticky{position:sticky;top:0;z-index:10}.component-embed-meta{margin:0}.component-embed-canvas .svg-preview-canvas-autosize{max-height:unset}}@media screen and (orientation: landscape) and (min-width: 1000px) and (max-width: 1250px){.doc-editor .ProseMirror>figure[data-cuttle-component-id]{max-width:100%}.component-embed{grid-template-columns:60% calc(40% - 24px)}}@media screen and (orientation: portrait) and (max-width: 640px){.component-embed-canvas .svg-preview-canvas-autosize{aspect-ratio:8 / 7}}.app-embed{width:100vw;height:100vh}.app-embed .component-embed{flex-direction:column}.app-embed .component-embed-canvas{box-shadow:none;border-radius:0}.app-embed .svg-preview-canvas-autosize{width:100vw;height:100vh;max-width:100vw;max-height:100vh}.component-gallery-thumbnails{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;flex:1 1 auto;gap:12px;padding:24px 12px 12px;margin-top:-12px;border-radius:8px;background-color:#f5f5f5}.component-gallery-thumbnail{position:relative;cursor:pointer;border-radius:4px;background-color:#fff;box-shadow:inset 0 0 0 1px #0003}.component-gallery-thumbnail.focused{outline:3px solid transparent;box-shadow:0 0 0 2px #0003}.component-gallery-thumbnail.selected{box-shadow:inset 0 0 0 2px #42c0ff}.component-gallery-thumbnail.error{width:120px;height:90px;box-shadow:inset 0 0 0 1px #c94726}.component-gallery-thumbnail:hover .component-gallery-icon-background{visibility:visible}.component-gallery-thumbnail .icon16{position:absolute;right:2px;bottom:2px}.component-gallery-remove{position:absolute;top:-8px;right:-8px}.component-gallery-remove:hover .component-gallery-icon-background{visibility:visible}.component-gallery-remove .icon-button{width:24px;height:24px}.component-gallery-icon-background{visibility:hidden;background-color:#fff;border-radius:50%;border:1px solid hsl(0,0%,80%)}.component-gallery-download-all{margin:16px;display:flex;justify-content:flex-end}.component-gallery-download-all button{font-size:16px;line-height:36px;border-width:2px}.components{display:flex;flex-direction:column;height:100%}.components .disabled{pointer-events:none;opacity:.33}.component-category{margin-bottom:10px}.component-category.basic-shapes{margin-top:10px}.component-category-components{position:relative}.component-category-builtins{margin:10px 0}.component-category-header{display:flex;align-items:center;margin:12px 6px 4px 12px}.component-category-title{text-transform:uppercase;font-weight:600;letter-spacing:.05em;font-size:14px;line-height:16px;color:#0000006b}.component{cursor:url(/editor/cursors/grab-cursor-1x.png) 13 13,default;cursor:-webkit-image-set(url(/editor/cursors/grab-cursor-2x.png) 2x,url(/editor/cursors/grab-cursor-1x.png) 1x) 13 13,default;cursor:image-set(url(/editor/cursors/grab-cursor-2x.png) 2x,url(/editor/cursors/grab-cursor-1x.png) 1x) 13 13,default;position:relative;display:flex;align-items:center;border:1px solid transparent;border-radius:4px}.component.dragging,.component:hover{border-color:#a8e2ff;background-color:#fff}.component.focused{border-color:#0fafff;background-color:#fff;outline:2px solid transparent}.component.focused .component-name{color:#0fafff}.component .extra-hidden{display:none;visibility:visible}.component:hover .extra-hidden{display:block}.component.message{border-color:#c94726}.component .feature-tag{position:absolute;bottom:4px;right:4px}.thumbnail-icon{width:36px;height:24px}.thumbnail-icon svg{width:36px;height:24px}.thumbnail-icon path{fill:#b3b3b3}.thumbnail-icon.hover path{fill:#42c0ffcc}.component-name{padding:3px 4px 3px 0;color:#000000d9;flex:1 1 auto;overflow:hidden;align-self:middle}.component-thumbnail{padding:3px 8px 3px 4px;align-self:center;flex-shrink:0;position:relative}.component .extra{flex-shrink:0;padding:6px}.new-component{margin-top:6px;display:flex;justify-content:center;align-items:center}.new-component .icon-button{width:28px;height:28px}.new-component .new-component-button{background-color:#0000000d;border-radius:50%;margin-left:28px}.thumbnail{width:36px;height:36px}.component-reorder-hit-target{position:absolute;z-index:3;height:40px;margin-top:-20px;width:100%}.component-reorder-hit-target.hovered:after{content:"";position:absolute;top:18px;height:4px;left:0;right:0;background-color:#42c0ff}.component-message{position:absolute;top:-100%;left:0}.code-component-badge{position:absolute;top:0;left:0;width:16px;height:16px}.code-component-badge path{stroke:none;stroke-width:0;fill:#000}.components-separator{margin:12px 0;height:1px;background-color:#e8e8e8;border:none}.components-custom-item{min-height:32px;cursor:pointer;padding:4px;border:1px solid transparent;border-radius:4px;display:flex;align-items:center}.components-custom-item svg{width:20px;height:20px;margin-left:6px;margin-right:18px}.components-custom-item path{fill:#00000080}.components-custom-item:hover{border-color:#a8e2ff;background-color:#fff}.components-custom-item:hover path{fill:#42c0ff}.components-custom-item.focused{border-color:#0fafff;background-color:#fff;color:#0fafff}.components-custom-item.focused path{fill:#0fafff}.components-custom-item-name{flex:1 1 auto}.creation-panel-search{background-color:#f0f0f0;margin:4px 4px 0;padding:5px;display:flex;gap:4px;border-radius:99px;cursor:text}.creation-panel-search:focus-within{outline:3px solid transparent;box-shadow:0 0 0 2px #0003;background-color:#fafafa}.creation-panel-search .icon20 svg *{fill:#b3b3b3}.creation-panel-search input{font-size:14px;line-height:20px;width:130px;border-width:0;background-color:transparent;box-shadow:none;padding:0}.creation-panel-search input:focus{box-shadow:none;outline:0px solid transparent}.creation-panel-search input::-moz-placeholder{text-align:center;opacity:1;color:#0000006b}.creation-panel-search input:-ms-input-placeholder{text-align:center;opacity:1;color:#0000006b}.creation-panel-search input::placeholder{text-align:center;opacity:1;color:#0000006b}.creation-panel{position:relative;width:100%;flex-grow:1;overflow:hidden}.creation-panel-pages{position:absolute;height:100%;display:flex;flex-direction:row;transform:translate(0);transition:transform .2s ease-out}.creation-panel-page{display:flex;flex-direction:column;flex:0 0 199px;width:199px;height:100%}.creation-panel-page>*{flex-shrink:0}.creation-panel-page button{font-weight:500;border-radius:999px;border:none;margin:4px;padding:0 5px;color:#000000d9;background-color:#e8e8e8}.creation-panel-page button:hover{color:#000000d9;background-color:#ccc}.creation-panel-page button:hover:disabled{background-color:#e8e8e8}.creation-panel-page button .icon20 svg *{fill:#000000d9}.creation-panel-page button .label{flex-grow:1}.query-results{display:flex;flex-direction:column;padding:0 4px;flex-shrink:1}.query-category{display:flex;flex-direction:column;margin:8px 0}.query-category.has-category-heading .query-category-components{border-radius:0 0 6px 6px}.query-loading{font-size:16px;line-height:24px;color:#0000006b;flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}button.query-category-title,.query-category-title{line-height:30px;font-weight:500;background-color:#e8e8e8;margin:0;padding-left:10px;border-radius:15px 15px 0 0;z-index:10}button.query-category-title .label,.query-category-title .label{text-align:left}button.query-category-title .more,.query-category-title .more{display:flex;align-items:center;text-transform:uppercase;font-size:11px;font-weight:600}.query-category-components{padding:2px;background-color:#f0f0f0;border-radius:6px}.query-category-components.one-up,.query-category-components.one-up-compact{display:flex;flex-direction:column}.query-category-components.one-up .component svg path,.query-category-components.one-up-compact .component svg path{fill:#00000080;stroke:none}.query-category-components.one-up .component:hover svg path,.query-category-components.one-up-compact .component:hover svg path{fill:#42c0ff}.query-category-components.one-up .thumbnail,.query-category-components.one-up svg{width:36px;height:36px}.query-category-components.one-up-compact .thumbnail,.query-category-components.one-up-compact svg{width:36px;height:24px}.query-category-components.two-up,.query-category-components.four-up{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-flow:row;row-gap:4px}.query-category-components.two-up .component{grid-column-start:auto;grid-column-end:span 2;flex-direction:column;padding:8px;margin:0;justify-self:center}.query-category-components.two-up .component .component-thumbnail{padding:0;width:72px;height:72px;display:flex;align-items:center}.query-category-components.two-up .component .component-thumbnail span{display:block;height:72px}.query-category-components.two-up .component .thumbnail,.query-category-components.two-up .component svg{width:72px;height:72px;overflow:visible}.query-category-components.two-up .component .component-name{text-align:center}.query-category-components.two-up .component img,.query-category-components.two-up .component svg{opacity:.8;pointer-events:none}.query-category-components.two-up .component:hover img,.query-category-components.two-up .component:hover svg{opacity:1}.query-category-components.four-up .component{padding:3px;margin:0;grid-column-start:auto;grid-column-end:auto;justify-self:center}.query-category-components.four-up .component .component-thumbnail span,.query-category-components.four-up .component span{display:block;height:36px}.query-category-components.four-up .component .component-thumbnail{padding:0}.query-category-components.four-up .component .thumbnail{width:36px;height:36px}.query-category-components.four-up .component img,.query-category-components.four-up .component svg{width:36px;height:36px}.query-category-components.four-up .component svg path{fill:#00000080;stroke:none}.query-category-components.four-up .component:hover svg path{fill:#42c0ff}.query-category .component img,.component.example img,.query-category .component svg,.component.example svg{opacity:.5;pointer-events:none}.query-category .component:hover img,.component.example:hover img,.query-category .component:hover svg,.component.example:hover svg{opacity:.8}.component.emoji img{opacity:.4}.component.emoji:hover img{opacity:.7}.query-results-none{padding:10px;text-align:center;display:flex;flex-direction:column;justify-content:center;flex-grow:1;word-break:break-word;overflow-x:hidden}.query-results-none p{font-size:14px;line-height:20px;margin-bottom:8px}button.query-results-none-send-suggestion{padding-left:16px;padding-right:16px;margin:8px auto}.components.creation-panel-advertise button.creation-panel-browse-all{position:relative}.components.creation-panel-advertise button.creation-panel-browse-all:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;border-radius:inherit;background:linear-gradient(135deg,transparent 0% 30%,hsl(200,100%,53%) 50%,transparent 70% 100%);background-position:right center;background-size:400% auto}.components.creation-panel-advertise:hover button.creation-panel-browse-all:before{background-position:left center;transition:background-position 1.2s ease-in-out}figure[data-cuttle-project-id] .loading-message{padding:8px 12px;color:#0009;background-color:#00000008}figure[data-cuttle-project-id] .card{display:flex;flex-direction:column;gap:0}figure[data-cuttle-project-id] .card-info{margin:0}figure[data-cuttle-project-id] .card-title-row a{white-space:normal}@media screen and (min-width: 480px){figure[data-cuttle-project-id] .card{flex-direction:row;gap:16px}figure[data-cuttle-project-id] .card-cover{width:320px;height:180px}}.doc-editor{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;background-color:#fafafa;display:flex;flex-direction:column;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;padding:0 32px}.doc-editor-wrap{flex:1 1 auto}.doc-editor-wrap .ProseMirror{min-height:100%;padding-top:32px;padding-bottom:96px}.doc-editor-wrap .ProseMirror:not(.ProseMirror-focused) p.is-empty.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#0000006b;pointer-events:none;height:0}.doc-editor-wrap[data-selection-changing=true] .doc-editor-menu-selection{visibility:hidden;position:absolute;top:-1000px}.doc-editor .avatar-letter-container{background-color:#fff}.doc-editor .ProseMirror{outline:none;max-width:1200px;margin-left:auto;margin-right:auto}.doc-editor .ProseMirror>*{max-width:700px;margin-left:auto;margin-right:auto}.doc-editor .ProseMirror[contenteditable=true].ProseMirror-focused figure.ProseMirror-selectednode.doc-image img,.doc-editor .ProseMirror[contenteditable=true] .ProseMirror-selectednode{box-shadow:0 0 0 2px #42c0ff}.doc-editor .ProseMirror[contenteditable=true] figure.ProseMirror-selectednode.doc-image{box-shadow:none}.doc-editor .ProseMirror[contenteditable=true] figure.doc-video-player figcaption{cursor:default}.doc-editor .ProseMirror placeholder{max-width:700px;display:block;border:1px solid hsl(0,0%,91%);border-radius:4px;color:#0009;margin-bottom:16px;padding:64px;text-align:center}.doc-editor-menu{border:1px solid rgba(0,0,0,.2);border-radius:8px;background-color:#fffffff2;color:#000000d9;display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:4px}.doc-editor-menu button.secondary{border:none;background-color:transparent;padding:4px 8px;line-height:1}.doc-editor-menu button.secondary.active{color:#0092db;outline:2px solid transparent}.doc-editor-menu-line{background-color:#fff;opacity:.5;max-width:calc(100% - 72px)}.doc-editor-menu-line:focus-within,.doc-editor-menu-line:hover{opacity:1}@media screen and (min-width: 1080px){.doc-editor-menu-line{max-width:100%}}.doc-editor.is-empty .doc-editor-menu-line{opacity:1}.doc-editor-menu-seperator{border-right:1px solid hsl(0,0%,80%);height:24px;margin:0 4px}.doc-editor-line-menu-components .popup-menu-item-label{margin-right:16px}.doc-editor-line-menu-components .thumbnail svg *{fill:none;stroke:#0009}.doc-editor-line-menu-components .popup-menu-item:hover .popup-menu-item-icon .thumbnail svg *{fill:none;stroke:#ffffffd9}.doc-editor-meta-flex{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px}.doc-editor-icon-status{display:flex;align-items:center;gap:4px}.doc-editor-icon-status svg *{fill:#000000d9}.doc-editor-icon-status.is-behind svg *{fill:#0fafff}.doc-editor-warning{display:flex;align-items:center;gap:16px;border-radius:8px;padding:16px;background-color:#ffedc2}.doc-editor-meta{width:100%;max-width:700px;margin:0 auto}.doc-editor-meta>*{max-width:700px}.doc-editor-meta button{color:#000000d9;background-color:#fff}.doc-editor-meta button:hover{color:#000000d9}.doc-editor-meta-top{display:flex;align-items:center}button.secondary.doc-editor-meta-edit-toggle{background-color:#fff;margin-left:auto}button.secondary.doc-editor-meta-edit-toggle .icon20 svg *{fill:#000000d9}.doc-editor-project-tags button{margin:0 4px;display:inline-flex;line-height:1;padding:4px 8px}.doc-editor-project-tags .feature-tag{margin:0 4px}.edit-project-tags-modal label{display:flex;gap:2px}.doc-editor-title .ProseMirror{padding:0;outline:none}.doc-editor-title h1{font-size:42px;line-height:48px;font-weight:700;margin:32px 0}.doc-editor-title h1.is-empty:first-child:before{content:attr(data-placeholder);float:left;color:#e8e8e8;pointer-events:none;height:0}.doc-editor-by a{display:flex;align-items:center;gap:8px}.doc-editor-license{display:none;z-index:1;background-color:#f0f0f0;border-radius:8px;padding:16px;margin-top:16px;font-size:14px;line-height:20px}.doc-editor-license p{font-size:14px;line-height:20px}.doc-editor-license .license-title{text-transform:uppercase;font-weight:600;letter-spacing:.05em;margin-right:20px}.doc-editor-license .license-header{display:flex;color:#0000006b;margin-bottom:8px}.doc-editor-license .license-footer{margin-top:16px}.doc-editor-license .license-bullets{display:grid;grid-template-columns:min-content auto;align-items:start;gap:12px;font-size:14px;line-height:20px}.doc-editor-license .license-bullet-icon{flex:0 0 32px;display:flex;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.doc-editor-license .license-bullet-icon .feature-tag{margin:2px 0 0}.doc-editor-text{position:relative;width:100%}.doc-editor-text p.is-empty:first-child:before{content:attr(data-placeholder);color:#0003;pointer-events:none;position:absolute;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-editor-text .ProseMirror-focused{border-radius:4px;outline:3px solid transparent;box-shadow:0 0 0 2px #0003}.doc-editor .ProseMirror figure{margin:0 auto 16px}.doc-editor .ProseMirror figure.doc-image img{display:block;max-width:100%;cursor:default}.doc-editor .ProseMirror figcaption{padding:6px 0;text-align:right}.doc-editor .ProseMirror figcaption a{text-decoration:none}.doc-editor .ProseMirror .expression-message-group{display:none}.doc-editor .ProseMirror[contenteditable=true] .error{display:block;padding:8px 12px;max-width:700px;border:1px red solid;text-align:start}.doc-video-player-iframe-wrapper{position:relative}.doc-video-player-iframe-wrapper:after{content:"";display:block;padding-bottom:56.25%}.doc-video-player-iframe-wrapper>iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}@media screen and (min-width: 1250px){.doc-editor-license{display:block;position:absolute;right:0;top:0;left:724px;margin:32px 0 0}.doc-editor-meta{position:relative;max-width:1200px}.doc-editor .ProseMirror{max-width:1200px}.doc-editor .ProseMirror>*,.doc-editor .ProseMirror figure{margin-left:0}.doc-editor .ProseMirror>figure[data-cuttle-component-ids],.doc-editor .ProseMirror>figure[data-cuttle-component-id]{max-width:1200px}}.doc-editor .ProseMirror[contenteditable=true] figure[data-has-drag-handle=true]{position:relative}.doc-editor .ProseMirror[contenteditable=true] .drag-handle{position:absolute;top:0;left:-28px;width:22px;height:100%;background-color:#e8e8e8;border-radius:4px;opacity:0;cursor:url(/editor/cursors/grab-cursor-1x.png) 13 13,default;cursor:-webkit-image-set(url(/editor/cursors/grab-cursor-2x.png) 2x,url(/editor/cursors/grab-cursor-1x.png) 1x) 13 13,default;cursor:image-set(url(/editor/cursors/grab-cursor-2x.png) 2x,url(/editor/cursors/grab-cursor-1x.png) 1x) 13 13,default}.doc-editor .ProseMirror[contenteditable=true] figure:hover .drag-handle,.doc-editor .ProseMirror[contenteditable=true] .ProseMirror-selectednode .drag-handle{opacity:.5}.doc-editor .ProseMirror[contenteditable=true] figure:hover .drag-handle:hover,.doc-editor .ProseMirror[contenteditable=true] .ProseMirror-selectednode .drag-handle:hover{opacity:.85}.doc-editor .ProseMirror[contenteditable=true] .ProseMirror-selectednode .drag-handle{background-color:#a8e2ff}.doc-editor .ProseMirror[contenteditable=true] .ProseMirror-selectednode .drag-handle:active{cursor:url(/editor/cursors/grabbing-cursor-1x.png) 13 13,default;cursor:-webkit-image-set(url(/editor/cursors/grabbing-cursor-2x.png) 2x,url(/editor/cursors/grabbing-cursor-1x.png) 1x) 13 13,default;cursor:image-set(url(/editor/cursors/grabbing-cursor-2x.png) 2x,url(/editor/cursors/grabbing-cursor-1x.png) 1x) 13 13,default}.doc-editor .ProseMirror[contenteditable=false] .drag-handle{display:none}.doc-editor-rich{font-size:20px;line-height:28px;position:relative;width:100%}.doc-editor-rich .ProseMirror{padding:4px 32px 4px 4px;border-radius:4px}.doc-editor-rich .ProseMirror-focused{outline:3px solid transparent;box-shadow:0 0 0 2px #0003}.doc-editor-rich p{font-size:20px;line-height:28px;margin:0}.doc-editor-rich p img{width:22px;height:22px;vertical-align:-4px;-o-object-fit:contain;object-fit:contain;cursor:text;color:#000}.doc-editor-rich p img[data-glyph-index]{padding:0 4px;color:#c94726;overflow:hidden;box-shadow:inset 0 0 0 1px #c94726;background-color:#eec4c4;border-radius:2px}.doc-editor-rich p img[data-glyph-index]:before{vertical-align:4px;line-height:1;font-size:11px}.doc-editor-rich .ProseMirror-selectednode{background-color:#a8e2ff}.doc-editor-rich [draggable][contenteditable=false]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.doc-editor-rich img.ProseMirror-separator{width:0!important;height:0!important}.rich-text-symbols-menu-button{position:absolute;top:0;right:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;pointer-events:none}.rich-text-symbols-menu-button *{pointer-events:all}.rich-text-symbols-menu{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-flow:row;row-gap:4px;background-color:#fff;padding:8px}.rich-text-symbols-menu button{margin:0;display:inline-flex;width:44px;height:44px;border-color:transparent;background-color:transparent;padding:0;border-radius:4px}.rich-text-symbols-menu button:hover{border-color:#a8e2ff;background-color:#fff}.rich-text-symbols-menu button:hover img{opacity:.7}.rich-text-symbols-menu img{width:36px;height:36px;opacity:.4}.download-count-modal{text-align:center}.download-count-modal button,.download-count-modal [role=button]{display:block;width:100%;text-align:center;color:#fff;font-size:16px;line-height:20px;font-weight:600;border:0;border-radius:6px;padding:12px;background-color:#0fafff;cursor:pointer}.download-count-modal button:hover,.download-count-modal [role=button]:hover{background-color:#42c0ff;color:#fff}.download-count-modal button:active,.download-count-modal [role=button]:active{background-color:#0fafff}.download-count-modal button.secondary,.download-count-modal [role=button].secondary{color:#000000d9;background-color:#e8e8e8;font-weight:400}.download-count-modal button.secondary:hover,.download-count-modal [role=button].secondary:hover{background-color:#f0f0f0}.download-count-modal .downloads-remaining{margin:24px 0 30px}.font-picker.select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-picker-popup{width:416px;max-width:100vw}.font-picker-popup .categories{text-transform:capitalize}.font-picker-popup .categories>[data-value=pro]{box-shadow:0 1px #e8e8e8 inset}.font-picker-popup .categories>[data-value=pro][aria-selected=true]{box-shadow:none}.font-picker-popup .categories>[data-value=monospace]{box-shadow:0 1px #e8e8e8}.font-picker-popup .select-list .item{position:relative}.font-picker-popup .select-list .item .feature-tag{align-self:center}.font-picker-popup .select-list .item[aria-selected=true] .extra{background-color:#42c0ff}.font-picker-popup .select-list .item[aria-selected=true] .extra svg *{fill:#fff}.font-picker-popup .select-list .item .extra{opacity:0;background-color:#fff;position:absolute;top:0;right:0;padding:2px}.font-picker-popup .select-list .item:hover .extra{opacity:1}.font-picker-popup .search-empty{align-self:center;text-align:center;align-items:center;grid-column-start:2;grid-column-end:-1;padding:16px;color:#0000006b}.font-picker-popup .recommended{grid-column-start:2;grid-column-end:-1}.font-picker-popup .select-list.recommended,.font-picker-popup .select-list.variants{border-right-width:0!important}.font-uploader .button,.font-uploader button,.font-uploader a[role=button]{padding:0 12px;line-height:22px;text-align:center;white-space:nowrap}.font-uploader .button svg path,.font-uploader button svg path,.font-uploader a[role=button] svg path{fill:#ffffffd9}.font-uploader .button.secondary svg path,.font-uploader button.secondary svg path,.font-uploader a[role=button].secondary svg path{fill:#00000080}.font-uploader .note{margin:0 8px;text-align:center}.my-fonts-empty{align-self:center;text-align:center;align-items:center;grid-column-start:2;grid-column-end:-1;padding:4px;display:flex;flex-direction:column;gap:12px}.editor-form{display:flex;flex-direction:column;gap:16px;font-size:16px;line-height:24px}.editor-form select,.editor-form input[type=text]{font-size:16px;line-height:24px;width:100%}.editor-form-key-values{display:grid;grid-template-columns:1fr minmax(30%,auto);gap:16px;align-items:center}.editor-form-key{grid-column:1;display:flex;align-items:center}.editor-form-value{grid-column:2}.editor-form-comment{grid-column:1 / span 2;color:gray;font-size:14px;line-height:20px}.editor-form-comment ol,.editor-form-comment ul{padding-left:32px;margin:4px 0}.editor-form-comment li{font-size:14px;line-height:20px;margin:0}.getting-started .editor-modal-box{width:1360px;display:grid;grid-template-rows:auto 1fr auto auto;padding:20px 40px;gap:25px;text-align:center;justify-items:center;justify-content:stretch}.getting-started .lesson-ratio{grid-column-start:1;grid-column-end:1;grid-row-start:2;grid-row-end:2;width:auto;height:auto}.getting-started .lesson{grid-column-start:1;grid-column-end:1;grid-row-start:2;grid-row-end:2;width:100%;height:100%;position:relative}.getting-started .lesson .play-button-overlayed{position:absolute;top:0;left:0;right:0;bottom:0;display:grid;justify-items:center}.getting-started .lesson video{max-width:100%;max-height:100%;min-height:0;box-shadow:0 2px 4px #00000026,0 4px 16px #0000001a;outline:1px solid transparent;border-radius:0}.getting-started .lesson-transcript{max-width:600px}.getting-started .step-counter{position:absolute;margin-left:20px;color:#ccc;font-weight:400;letter-spacing:.05em}.getting-started button:not(.secondary){font-size:18px}.getting-started .step-actions{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.getting-started .try{box-shadow:0 2px 4px #00000026,0 4px 16px #0000001a;border-radius:4px;outline:1px solid transparent;background-color:#fff;position:absolute;bottom:48px;left:48px;display:flex;flex-direction:column;gap:16px;align-items:center;width:360px;padding:10px;text-align:center}.getting-started .try .step-video-thumb{width:100%;border-radius:0;outline:1px solid hsl(0,0%,91%)}.getting-started .pips{display:flex;font-size:32px;line-height:.8}.getting-started .pip{color:#0003}.getting-started .pip.done{color:#000000d9}.getting-started .pip:before{content:"•"}.codemirror-widget-container{cursor:auto}.code-editor .CodeMirror,.text-editor .CodeMirror{background:transparent;height:auto;min-height:24px}.code-editor .CodeMirror.CodeMirror-focused,.text-editor .CodeMirror.CodeMirror-focused{border-radius:4px;outline:3px solid transparent;box-shadow:0 0 0 2px #0003}.code-editor .CodeMirror .CodeMirror-selected,.text-editor .CodeMirror .CodeMirror-selected{opacity:0}.code-editor .CodeMirror.CodeMirror-focused .CodeMirror-selected,.text-editor .CodeMirror.CodeMirror-focused .CodeMirror-selected{opacity:1}.code-editor .CodeMirror{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:14px;line-height:18px}.code-editor .CodeMirror.CodeMirror-wrap pre.CodeMirror-line,.code-editor .CodeMirror.CodeMirror-wrap pre.CodeMirror-line-like{word-break:break-all}.code-editor:not(.readonly) .cm-number{cursor:url(/editor/cursors/resize-arrows-cursor-0-1x.png) 14 14,default;cursor:-webkit-image-set(url(/editor/cursors/resize-arrows-cursor-0-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-0-1x.png) 1x) 14 14,default;cursor:image-set(url(/editor/cursors/resize-arrows-cursor-0-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-0-1x.png) 1x) 14 14,default}.expression-editor{position:relative}.expression-editor .code-editor{isolation:isolate}.expression-editor.changed .CodeMirror.CodeMirror-focused{box-shadow:0 0 0 2px #4fe399}.expression-editor.changed .CodeMirror-linewidget{opacity:.5}.expression-editor-commit{position:absolute;top:0;right:0;width:26px;height:26px;cursor:pointer;background-color:#4fe39999;border-radius:0 0 0 6px;padding:3px}.expression-editor-commit:hover{background-color:#4fe399}.canvas-text-parameter-popup{min-width:32px;max-width:300px;padding:4px;min-height:34px}.canvas-text-parameter-popup .CodeMirror.CodeMirror-focused{box-shadow:none}.canvas-text-parameter-popup .CodeMirror-selected{background-color:#a8e2ff}.text-editor .CodeMirror{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;line-height:18px}.text-editor .CodeMirror.CodeMirror-wrap pre.CodeMirror-line,.text-editor .CodeMirror.CodeMirror-wrap pre.CodeMirror-line-like{word-break:break-word}.text-editor .CodeMirror-line *{color:#000000d9}.text-editor .cm-comment{color:#5c7267e8}.CodeMirror-hints{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;margin:0 0 0 -4px;padding:0;border:0;box-shadow:0 2px 4px #00000026,0 4px 16px #0000001a;border-radius:4px;outline:1px solid transparent}.CodeMirror-hints .CodeMirror-hint{font-size:14px;line-height:18px;border-radius:0;padding:0 4px}.CodeMirror-hints .code-hint-my{color:#000000d9}.CodeMirror-hints .code-hint-builtin{color:#00000080}.CodeMirror-hints .CodeMirror-hint-active{background-color:#42c0ff;color:#fff}.CodeMirror-dialog{position:absolute;left:0;right:0;background:inherit;z-index:15;padding:.1em .8em;overflow:hidden;color:inherit}.CodeMirror-dialog-bottom{bottom:0}.CodeMirror-dialog-top{box-shadow:0 2px 4px #00000026,0 4px 16px #0000001a;border-radius:4px;outline:1px solid transparent;background:#f5f5f5;border-color:#ccc;border-width:0;max-width:calc(100% - 8px);left:auto;top:4px;right:4px;padding:4px 4px 4px 8px}.CodeMirror-dialog input{width:20em;color:inherit;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;border-radius:4px;border-width:0;background-color:#f0f0f0}.CodeMirror-dialog input:focus{outline:3px solid transparent;box-shadow:0 0 0 2px #0003}.CodeMirror-search-label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.CodeMirror-search-hint{display:none}.CodeMirror-dialog button{font-size:70%}.inspector{display:flex;flex-direction:column;flex:1 1 50%;border-top:1px solid hsl(0,0%,91%)}.inspector-section{display:flex;flex-direction:column}.inspector-section:not(:first-of-type){border-top:1px solid hsl(0,0%,91%)}.inspector-section.editing-definition{background-color:#f0f0f0}.component-embed .inspector-section{border-top:none;background-color:#f5f5f5}.component-embed .inspector-section>.inspector-row:last-child{margin-bottom:0}.inspector-row{display:flex;flex-direction:row;justify-content:stretch;padding:0 8px;margin-bottom:6px}.inspector-row.comment{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:text}.inspector-indent{display:flex;flex-direction:column;margin:0 0 0 18px}.inspector-header{color:#0009;display:flex;gap:4px;align-items:center;padding-top:6px}.inspector-header:hover .extra-hidden{visibility:visible}.inspector-header-label{display:flex;gap:2px}.inspector-header-space{flex-grow:1}.inspector-header-icon{flex:0 0 auto;display:inline-block;width:20px;height:20px;color:#00000080}.inspector-header-icon *{fill:#00000080}.inspector-header-icon .alpha-background{fill:none}.inspector-header-name,.parameter-folder-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:20px}.inspector-header-name.editable,.parameter-folder-name.editable{font-weight:600}.inspector-header-enabled input[type=checkbox]{display:block;margin:3px 6px 3px 0}.inspector-header-extra{display:flex}.inspector-header-extra div{margin-left:12px}.inspector-header-title{text-transform:uppercase;font-weight:600;letter-spacing:.05em;font-size:14px;line-height:20px;color:#0000006b;cursor:pointer}.inspector-header-title:hover{color:#0009}.parameter-row{flex-direction:column}.parameter,.parameter-folder{display:flex;flex-direction:row;justify-content:stretch;gap:4px}.parameter .extra,.parameter-folder .extra{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:26px;height:26px}.parameter:hover .extra-hidden,.parameter-folder:hover .extra-hidden{visibility:visible}.parameter{align-items:top;min-height:26px}.parameter .text-editor{flex-grow:1}.parameter .number-scrubber,.parameter .font-picker.select,.parameter select{color:#0000006b}.parameter .select,.parameter select{text-overflow:ellipsis}.parameter.overridden .number-scrubber,.parameter.overridden .expression-input,.parameter.overridden .select-input>select,.parameter.overridden .font-picker.select,.parameter.overridden .unit-select,.parameter.overridden .text-literal-input{color:#000000d9;background-color:#c1f0d9}.parameter.longname,.parameter.multiline{position:relative;flex-direction:column}.parameter.longname .parameter-name,.parameter.multiline .parameter-name{width:auto;max-width:calc(100% - 22px)}.parameter.longname .parameter-value,.parameter.multiline .parameter-value{margin-left:24px;width:calc(100% - 24px)}.parameter.longname .extra,.parameter.multiline .extra{position:absolute;top:0;right:0}.parameter.selectable .parameter-name{cursor:pointer}.parameter.hovered .parameter-name{color:#0fafff}.parameter.hidden .parameter-name{color:#0000006b}.parameter.selected .parameter-name{color:#42c0ff}.parameter-folder{cursor:pointer;align-items:center;background-color:#e8e8e8;margin-top:6px;margin-left:8px;margin-right:8px;padding-left:2px;padding-right:2px;border-radius:4px}.parameter-folder.hovered{background-color:#a8e2ff}.parameter-folder-name{color:#0009;font-weight:600}.parameter-name,.parameter-folder-name,.instance-setting-name{flex-shrink:0;padding:3px 0;overflow:hidden;text-overflow:ellipsis}.parameter-name,.instance-setting-name{width:120px}.parameter-value,.instance-setting-value{min-width:50px;flex:1 1 auto}.comment{display:block;color:#b3b3b3;margin-bottom:12px;width:calc(100% - 26px)}.comment p{font-size:14px;line-height:20px;margin:0}.comment p+p{margin:8px 0 0}.comment .ProseMirror.ProseMirror-focused{color:#0009;background-color:#f0f0f0;padding:4px;margin:-4px}.parameter-code-note{color:#0000006b;white-space:pre-wrap}.parameter-reorder-hit-target{position:relative;top:1px;left:-6px;right:-6px;z-index:3;background-color:red}.parameter-reorder-hit-target:before{content:"";position:absolute;top:-20px;bottom:-12px;width:calc(100% - 24px)}.parameter-reorder-hit-target.hovered:after{content:"";position:absolute;bottom:2px;height:4px;left:0;right:-12px;background-color:#42c0ff}.instance-settings-category{color:#0009;gap:4px}.instance-settings-category-name{text-transform:uppercase;font-weight:600;letter-spacing:.05em;font-size:12px;line-height:20px}.instance-setting{display:flex;gap:4px;background-color:#f0f0f0}.instance-setting-value{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;padding:3px 0}.evaluation-result,.expression-message-group{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.evaluation-result,.expression-error{padding:4px 4px 0}.evaluation-result{color:#b3b3b3}.expression-error{color:red}.expression-message-group{position:relative;z-index:2}.expression-message{padding:4px}.expression-message.log,.expression-message.info,.expression-message.geometry,.expression-message.guide{background-color:#dedede}.expression-message.warn{background-color:#ffedc2}.expression-message.error{background-color:#eec4c4}.evaluation-result,.expression-message{overflow:hidden;white-space:pre-wrap;word-break:break-word}.evaluation-result{white-space:nowrap;text-overflow:ellipsis}.expression-input{background-color:#e8e8e8;border-radius:4px;flex:1 1 auto;width:100%}.mixed-hint{margin:8px 0;padding:2px 6px;line-height:1}.literal-input{display:flex;align-items:center;white-space:pre;gap:4px}.literal-input .number-scrubber,.literal-input select{flex:0 1 120px}.literal-input select{max-width:100%}.literal-input select.unit-select{width:64px;flex:0 1 64px}.literal-input .mixed-hint{margin:0 8px}.literal-input .edit-expression{cursor:text;flex:1 1 0px;height:20px;font-size:10px}.number-scrubber{touch-action:none;display:inline-flex;height:20px;padding:1px 7px;border-radius:99px;background-color:#e8e8e8;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;line-height:18px;outline:none;cursor:url(/editor/cursors/resize-arrows-cursor-0-1x.png) 14 14,default;cursor:-webkit-image-set(url(/editor/cursors/resize-arrows-cursor-0-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-0-1x.png) 1x) 14 14,default;cursor:image-set(url(/editor/cursors/resize-arrows-cursor-0-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-0-1x.png) 1x) 14 14,default}.number-scrubber.disabled{cursor:default}.number-scrubber .prefix,.number-scrubber .suffix{color:#0000006b;flex:1 1 50%}.number-unit,.number-ellipsis{color:#0000006b;flex:0 0 auto}.number-value{flex:0 0 auto;text-align:center}.text-literal-input{border-radius:4px;background-color:#e8e8e8}.text-literal-input .text-editor{flex:1 0 100%}.color-input,.number-scrubber,.select-input,.font-picker,.boolean-input,.literal-input .icon-button,.parameter button{margin:3px 0}.oi-item{display:flex;align-items:center}.oi-item:hover .oi-expander{border-left-color:#0003}.oi-expander{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid rgba(0,0,0,.1);transition:transform .05s;margin:0 6px 0 0}.oi-expander.expanded{transform:rotate(90deg)}.oi-expander.childless{visibility:hidden}.oi-name:after{content:": "}.oi-children{margin-left:16px}.oi-item-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.oi-name{color:purple;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.oi-type-number{color:#098658;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:text}.oi-type-string{color:#a21515;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:text}.oi-type-object-class{color:teal}.oi-type-object-entries:before{content:" {"}.oi-type-object-entries:after{content:"}"}.oi-type-object-key:after{content:": "}.oi-type-object-entry:not(:last-child):after{content:", "}.oi-type-array:before{content:"["}.oi-type-array:after{content:"]"}.oi-type-array-item:not(:last-child):after{content:", "}.oi-detailed .oi-detail-number{display:none}.oi-detailed:hover .oi-detail-number{display:inline}.oi-detailed:hover .oi-short-number{display:none}.oi-short-number:after{content:"…"}.oi-number-units{color:#b3b3b3}.instance-inspector-messages{flex:1 1 auto;display:flex;flex-direction:row;justify-content:stretch;flex-direction:column;gap:6px}.instance-inspector-message-info,.instance-inspector-message-error,.instance-inspector-message-warning{padding:8px 16px 8px 8px;border-radius:4px;display:flex;align-items:top;gap:8px}.instance-inspector-message-icon{width:20px;height:20px;flex-shrink:0}.instance-inspector-message-text{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;white-space:pre-line;word-break:break-word;cursor:text}.instance-inspector-message-info{background-color:#c1f0d9}.instance-inspector-message-error{background-color:#eec4c4}.instance-inspector-message-warning{background-color:#ffedc2}.repetitions-sequence{display:flex;white-space:pre}.repetitions-sequence .first-repetitions{overflow:hidden;text-overflow:ellipsis}.inspector-parameters-summary{cursor:pointer;color:#0000006b;align-items:center;height:26px;gap:8px}.inspector-parameters-summary-comment{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto}.inspector-parameters-summary-names{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto}.image-input:not(:hover) button.hidden{display:none}.image-input svg *{fill:#00000080}.image-input-swatch{display:flex;align-items:center;justify-content:center;flex-basis:100%;height:128px;border-radius:4px;box-shadow:#0000001a 0 0 0 1px inset;overflow:hidden}.top-menu{display:flex;position:relative;width:100%;height:100%;line-height:28px;background-color:#e8e8e8;overflow:hidden}.top-menu-left{flex:0 0 auto;display:flex;align-items:stretch}.top-menu-right{flex:1 1 auto;display:flex;justify-content:flex-start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-menu-popup{border-radius:0 0 4px 4px}.top-menu-project{display:flex;flex:0 1 auto;align-items:center;overflow:hidden;justify-content:center}.top-menu-project-title{padding:0 8px;flex:0 1 auto;display:flex;gap:6px}.top-menu-project-title a{color:#00000080}.top-menu-project-title a:hover{color:#000000d9}.top-menu-project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto;font-weight:600}.top-menu-item{display:flex;align-items:center;gap:6px;cursor:pointer;position:relative;z-index:1001;padding:0 8px;color:#000000d9}.top-menu-item.open{background-color:#42c0ff;color:#fff}.top-menu-item.open .icon20 svg *{fill:#fff}.top-menu-item.has-icon{font-weight:600}.top-menu-biglink-item{display:flex;flex-direction:column;gap:8px;text-decoration:none;cursor:pointer;padding:8px 16px}.top-menu-biglink-item:hover{background-color:#42c0ff}.top-menu-biglink-item:hover .top-menu-biglink-title{color:#fffffff2}.top-menu-biglink-item:hover .top-menu-biglink-description{color:#ffffffd9}.top-menu-biglink-item:hover .icon20 svg *{fill:#ffffffd9}.top-menu-biglink-title{color:#000000d9;font-size:16px;line-height:20px;display:flex;gap:8px}.top-menu-biglink-description{color:#0009;font-size:12px;line-height:16px;max-width:196px}.top-menu-item-icon{width:20px;height:20px}.top-menu-item-icon *{fill:#000000d9}.modal-container{display:flex;justify-content:center;align-items:center;overflow:hidden;padding:50px}.editor-modal-box{z-index:1;display:flex;flex-direction:column;padding:16px 0;border-radius:12px;background-color:#f5f5f5;width:1000px;max-height:100%;min-height:200px}.editor-modal-box.width-auto{width:auto}.editor-modal-box h1{margin:0;font-size:20px;line-height:1}.editor-modal-box h2{margin:8px 0;font-size:16px;line-height:1}.editor-modal-contents{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;margin:16px 0;border-bottom:1px solid hsl(0,0%,91%);border-top:1px solid hsl(0,0%,91%)}.editor-modal-actions,.editor-modal-title{align-self:center}.editor-modal-actions{display:flex;gap:8px}.calibrate-real-size{display:flex;flex-direction:column;gap:16px;text-align:center;overflow:hidden;padding-top:16px}.calibrate-real-size p{margin:0}.calibrate-real-size-preview{position:relative;overflow:hidden;flex:1 1 auto;height:500px;margin-top:16px}.calibrate-real-size-preview .ruler-bg{fill:#f1c84b;stroke:#f2984a}.calibrate-real-size-preview .tick-marks{stroke:#bc6dd9;fill:none}.calibrate-real-size-preview .major{stroke:#000000bf}.calibrate-real-size-preview .minor{stroke:#00000040}.calibrate-real-size-preview .labels{font-weight:700;fill:#0006}.calibrate-real-size-controls{flex:0 0 auto}.calibrate-real-size-controls .input-range{width:550px;max-width:100%}.calibrate-real-size-controls .input-number{font-size:14px;max-width:12ch}.import-project{display:flex;flex-direction:column;padding:16px}.import-project label{cursor:pointer;height:32px;margin-bottom:4px;border:1px solid transparent;border-radius:4px;display:flex;align-items:center;background-color:#fff}.import-project label:hover{border-color:#a8e2ff}.import-project label.selected{border-color:#0fafff;color:#0fafff}.import-project label.locked{border-color:#b3b3b3;color:#b3b3b3}.import-project label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto}.import-project input[type=checkbox]{margin:8px 6px;flex:0 0 auto}.import-project-categories{display:flex;justify-content:center;gap:16px;overflow:hidden}.import-project-category{flex:0 1 250px;overflow:hidden}.import-project-category h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-project-selectall{text-align:center;margin-top:16px}.pointer-init-modal-contents{padding:16px 32px;display:flex;flex-direction:column;align-items:center}.pointer-init-modal-contents .buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 8px 16px}.pointer-init-modal-contents button{display:flex;gap:16px;flex-direction:column;align-items:center;margin:0 8px;padding:8px 16px}.save-confirm-modal{display:flex;flex-direction:column;gap:8px}.save-confirm-modal ul{margin-bottom:8px;padding-left:16px;overflow:hidden}.save-confirm-modal li{list-style:none;font-size:14px;line-height:20px}.save-confirm-modal .save-confirm-modal-actions{display:flex;flex-direction:row;gap:8px}.save-confirm-modal .save-confirm-modal-actions button{flex:1 1 auto}.create-account-to-download-modal{width:424px;padding:48px 48px 32px}.create-account-to-download-modal .create-account-to-download-message{font-size:24px;line-height:32px;font-weight:300;text-align:center;margin:0 0 32px}.select-options-modal-contents{padding:16px 32px;display:flex;flex-direction:column;align-items:center}.select-options-modal-contents textarea{font-size:14px;line-height:20px;width:18em;height:auto;min-height:12em;padding:4px;border-radius:4px;overflow:auto;white-space:pre}.select-options-modal-contents p{font-size:14px;line-height:20px;margin:8px 0 0;color:#00000080}.simple-modal-box{z-index:1;display:flex;flex-direction:column;border-radius:12px;background-color:#f5f5f5;overflow:hidden;width:500px}.simple-modal-contents{padding:24px 24px 8px;overflow-x:hidden;overflow-y:auto}.simple-modal-actions{display:flex;flex-direction:row;gap:8px;justify-content:flex-end;padding:8px 24px 24px}.outline{flex-grow:1;flex-shrink:1;flex-basis:auto;overflow:auto}.outline-node{position:relative}.outline-node.reorder-parent{background-color:#a8e2ff}.outline-children{margin-left:24px;position:relative;z-index:4}.outline-children.new-context{background-color:#0000000d}.outline>.outline-children{margin:0}.outline-item{position:relative;color:#0000006b;line-height:22px;font-size:14px;padding:0 4px 0 0;cursor:pointer;display:flex;align-items:center;border:1px solid transparent}.outline-item.hovered{border-color:#a8e2ff;background-color:#a8e2ff}.outline-item.error{border-color:#eec4c4;background-color:#eec4c4}.outline-item.selected{border-color:#42c0ff;background-color:#42c0ff}.outline-item.selected-indirect{border-color:#a8e2ff;background-color:#a8e2ff}.outline-item.focused{border-radius:4px;color:#0fafff;border-color:#0fafff;background-color:#fff}.outline-item.dragging{border-color:#42c0ff;background-color:transparent}.outline-item.hides-selection .expander svg *{fill:#42c0ff}.outline-item .extra{flex:1 0 auto;justify-content:flex-end;margin-left:2px}.outline-item:hover .extra-hidden{visibility:visible}.within-focus .outline-item{color:#000000d9}.outline-item.hide-expander .expander,.outline-item.childless .expander{visibility:hidden}.outline-item-main{flex:0 1 auto;display:flex;overflow:hidden}.outline-item-name{flex:0 1 auto;overflow:hidden;min-width:20px;margin-right:6px}.outline-reorder-hit-target{position:absolute;left:0;right:0}.outline-reorder-hit-target.before{top:-12px;height:24px;z-index:3}.outline-reorder-hit-target.after{bottom:-12px;height:24px;z-index:3}.outline-reorder-hit-target.inside{top:4px;height:16px;z-index:4}.outline-reorder-hit-target.hovered:not(.inside):after{content:"";position:absolute;top:11px;height:4px;left:0;right:0;background-color:#42c0ff}.outline-modifier-reorder-hit-target{position:absolute;top:0;bottom:0}.outline-modifier-reorder-hit-target.before{left:0;right:50%}.outline-modifier-reorder-hit-target.before.hovered:after{content:"";position:absolute;top:0;bottom:0;left:-3px;width:4px;background-color:#42c0ff}.outline-modifier-reorder-hit-target.after{left:50%;right:0}.outline-modifier-reorder-hit-target.after.hovered:after{content:"";position:absolute;top:0;bottom:0;right:-3px;width:4px;background-color:#42c0ff}.outline-modifier-reorder-hit-target.inside{left:0;right:0}.badge{position:relative;flex:0 0 auto}.badge.transform svg{opacity:.5}.badge.hovered,.badge.selected-indirect{background-color:#91edbf!important}.badge.selected{background-color:#4fe399!important}.badge.error{background-color:#eec4c4!important}.badge svg{opacity:.3;width:20px;height:20px}.badge .image-fill{position:absolute;top:3px;right:3px;bottom:3px;left:3px;background-position:center;background-size:cover;border-radius:99px;box-shadow:#0000001a 0 0 0 1px inset}.badge,.modifier-badge{margin:0 1px}.badge,.modifier-badge-pill{color:#0000006b;border:1px solid rgba(0,0,0,.2);border-radius:99px;background-color:#fff;height:22px}.modifier-badge{position:relative;min-width:34px;flex:0 1000 auto}.modifier-badge.hovered .modifier-badge-pill,.modifier-badge.selected-indirect .modifier-badge-pill{background-color:#91edbf!important}.modifier-badge.selected .modifier-badge-pill{background-color:#4fe399!important}.modifier-badge.disabled .modifier-badge-name{text-decoration:line-through}.modifier-badge.error .modifier-badge-pill{background-color:#eec4c4!important}.within-focus .badge svg{opacity:1}.within-focus .badge,.within-focus .modifier-badge-pill{color:#000000d9;border-color:#00000040}.within-focus .badge.transform,.within-focus .modifier-badge-pill.transform{color:#00000080}.within-focus .modifier-badge-name{color:#000000d9}.within-focus .modifier-badge-icon *{fill:#000000d9}.modifier-badge-pill{color:#0000006b;display:flex;padding:0 7px}.modifier-badge-icon{flex:0 0 auto;display:inline-block;width:20px;height:20px;margin:0 2px 0 -1px}.modifier-badge-icon *{fill:#0000006b}.modifier-badge-name{line-height:20px;color:#0000006b;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-settings{position:absolute;top:0;left:0;right:0;bottom:0;padding:0 16px;background-color:#fff}.project-settings .doc-editor-title,.project-settings .editor-form{width:100%;max-width:700px;margin:0 auto}html.read-only,body.read-only{overflow:unset}.read-only .doc-editor{position:relative;overflow:unset;min-width:288px}.select-list-group-with-query-header{display:flex;flex-direction:row;align-items:center;gap:4px;padding:4px;border-bottom:1px solid hsl(0,0%,91%)}.select-list-group-with-query-header .divider{width:1px;height:16px;margin:0 8px;flex:0 0 auto;background-color:#e8e8e8}.select-list-group-with-query-header a[role=button].help-link{border-radius:99px;padding:0;width:24px;height:24px}.query-label{display:flex;align-items:center;gap:4px;min-width:75px;flex:1 1 auto}.query-label .icon20 svg *{fill:#b3b3b3}.query-label .query{min-width:50px;flex:1 1 auto;padding:0 4px;border-radius:4px;border:1px solid hsl(0,0%,91%);height:24px}.select-list-group{height:340px;max-height:calc(100vh - 30px);display:grid;grid-template-columns:3fr 4fr 2fr;grid-template-rows:auto}.select-list{position:relative;border-right:1px solid hsl(0,0%,91%)}.select-list:first-of-type{grid-row-start:1;grid-row-end:-1}.select-list .item{padding:2px 8px;cursor:pointer;display:flex}.select-list .item .label{flex:1 0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-list .item:focus{outline-width:1px}.select-list .item:focus:not(:focus-visible){outline:none}.select-list .item:focus-visible{outline-width:1px}.select-list .item[aria-selected=true]{background-color:#42c0ff;color:#fff}.select-list .item[aria-selected=true] svg path{fill:#ffffffd9}.select-list .item[aria-selected=true] .feature-tag{color:#fff;border-color:#fff}.select-list .header,.select-list .status,.select-list .custom{grid-column:1 / -1;padding-left:4px;font-size:14px;line-height:20px;color:#000000d9}.select-list .header{text-transform:uppercase;font-weight:600;letter-spacing:.05em;color:#0000006b}.select-list .header:not(:first-child){margin-top:12px}.select-list .status{color:#000000d9}.select-list .status:only-child{position:absolute;top:0;right:0;bottom:0;left:0;align-self:center;align-items:center;text-align:center;padding:16px}.select-list img{pointer-events:none}@media screen and (orientation: portrait) and (max-height: 720px){.select-list-group{height:calc(40vh - 30px)}}.shape-picker-popup{width:420px;max-width:100vw}.shape-picker-popup .select-list-group{grid-template-columns:1fr 276px}.shape-picker-popup .select-list[data-key=shape]{display:grid;grid-template-columns:repeat(5,50px);grid-auto-rows:max-content;overflow-y:scroll;padding:4px;gap:2px;border-right-width:0!important}.shape-picker-popup .item.shape-tile{padding:3px;width:50px;height:50px;border-radius:6px;background-color:#fff}.shape-picker-popup .item.shape-tile span{display:block;width:100%;height:100%}.shape-picker-popup .item.shape-tile img{width:44px;height:44px;opacity:85%}.shape-picker-popup .item.shape-tile:hover{background-color:#f0f0f0}.shape-picker-popup .item.shape-tile:focus-visible{outline:none}.shape-picker-popup .item.shape-tile[aria-selected=true]{background-color:#a8e2ff}.shape-picker-popup .noun-project-preview{width:260px;height:310px;background:linear-gradient(to bottom,#ffffffbf,#fffffff2 50%),url(/editor/images/noun-project-preview.png) no-repeat center center;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center}.shape-picker-popup .noun-project-preview strong{margin-top:10px}.shape-picker-popup .noun-project-loading{display:flex;gap:6px}.shape-picker-popup .noun-project-category{display:flex;gap:2px;align-items:center}.parameter button.emoji-picker{background-color:#e8e8e8;padding:4px;margin:0;border:none}.parameter button.emoji-picker img{opacity:.85;pointer-events:none}.published-status{display:none}.published-status.is-shared{display:block}.published-status.is-behind svg *{fill:#0fafff}.open .cuttle-share-menu-icon svg *{fill:#fff}.cuttle-share-menu{max-width:340px;padding:0 16px}.cuttle-share-menu-option{display:flex;margin:4px 0}.cuttle-share-menu-option input{margin-top:5px;margin-right:8px}.cuttle-share-menu-option .cuttle-share-menu-label-title{font-size:14px;line-height:24px}.cuttle-share-menu-option .cuttle-share-menu-label-description{color:#0009;font-size:12px;line-height:16px}.cuttle-share-menu-published-button{display:inline-block;padding:8px 12px;border-radius:4px;cursor:pointer;background-color:#0092db;color:#fff}.cuttle-share-menu-published-button:hover{background-color:#0fafff}.cuttle-share-menu-published-button:active{background-color:#0092db}.cuttle-share-menu-published-description p{font-size:14px;line-height:20px;margin:16px 0}.cuttle-share-menu-copy-link{margin:16px 0;display:flex;align-items:center;gap:4px;cursor:pointer;color:#42c0ff}.cuttle-share-menu-copy-link .icon20 svg path{fill:#42c0ff}.cuttle-share-menu-copy-link:hover{color:#0fafff}.cuttle-share-menu-copy-link:hover svg path{fill:#0fafff}@keyframes toastMessageUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.toast-container{z-index:2000;position:fixed;bottom:0;left:0;right:0;pointer-events:none}.toast-message{width:-moz-fit-content;width:fit-content;padding:16px 24px;margin:0 auto 16px;background-color:#fff;border-radius:4px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;pointer-events:auto;border:1px solid hsl(0,0%,50%);box-shadow:0 2px 4px #00000026,0 4px 16px #0000001a;animation:.25s ease-in 0s 1 toastMessageUp}.toast-message .message{font-size:16px;line-height:24px}.toast-message .next-step{font-size:14px;line-height:20px;margin:4px 0 2px}.toast-message .next-step-icon{margin-right:10px}.toast-message.warning,.toast-message.error{border-color:#c94726}.toast-actions{margin-top:12px;display:flex;gap:8px;justify-content:center}.viewport-top-bar{position:absolute;top:24px;left:20px;right:0;pointer-events:none;display:flex;justify-content:center}.toolbar{pointer-events:auto;display:flex;align-items:center;padding:0 2px;border:1px solid rgba(0,0,0,.2);border-radius:8px;background-color:#fffffff2}.toolbar .divider{width:1px;height:calc(100% - 22px);margin:0 8px;flex:0 0 auto;background-color:#e8e8e8}.toolbar .icon-button.menu{margin-right:9px}.tool-button{width:38px;height:38px;padding:9px;flex:0 0 auto;cursor:pointer}.tool-button:hover path{fill:#000000d9}.tool-button.active path{fill:#0fafff}.tool-button path{fill:#00000080}.tool-button.disabled{cursor:default}.tool-button.disabled path{fill:#0003}.tool-button.has-menu{width:29px;padding-right:0}.toolbar-left,.toolbar-right{flex:0 1 50%;padding:0 4px}.panel-top-small{height:32px;background-color:#e8e8e8}.panel-top-small .menu-button{color:#000000d9;border-radius:0;display:flex;align-items:center;border:none;background-color:#e8e8e8;margin:0;padding:1px 16px 1px 4px}.panel-top-small .menu-button.active{color:#fff;background-color:#0fafff}.panel-top-small .menu-button-icon{margin-right:8px;width:20px;height:20px}.panel-top-small .menu-button-icon svg *{fill:currentColor}.panel-top-small .menu-button-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:30px}.top-menu-small-popup{border-radius:0 0 4px 4px;max-width:100%}.menu-small-item{cursor:pointer;height:32px;display:flex;align-items:center;padding:16px 16px 16px 4px}.menu-small-item svg *{fill:currentColor}.menu-small-item:not(.active):hover{color:#fff;background-color:#0fafff}.menu-small-item:not(.active):hover .thumbnail path{stroke:#fff}.menu-small-item.active{color:#0fafff;outline:2px solid transparent}.menu-small-item-icon{margin-right:8px;width:20px;height:20px}.menu-small-item-icon .thumbnail svg,.menu-small-item-icon svg{width:20px;height:20px}.menu-small-item-icon .thumbnail path{fill:none;stroke:#000000d9}.menu-small-item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-small-separator{border-bottom:1px solid hsl(0,0%,91%);margin:4px 0}a.menu-small-item{color:#000000d9}.version-history{display:flex;flex-direction:column;height:100%;line-height:20px}.version-history-header{display:flex;padding:12px}.version-history-header-name{flex-grow:1;font-weight:600}.version-history-scroller{overflow-y:auto;padding:12px;flex-grow:1}.version-history-section{margin-bottom:32px}.version-history-section-name{font-weight:600}.version-history-section-description{margin-bottom:16px;color:#0000006b;font-style:italic}img.version-history-preview{width:100%;background-color:#fff}.version-history-snapshot{margin-bottom:32px}.version-history-snapshot.version-history-current .version-history-preview{outline:hsl(200,100%,53%) 1px solid}.version-history-name{text-transform:uppercase;font-weight:600;letter-spacing:.05em;font-size:12px;color:#0000006b}.version-history-badge{display:inline;background-color:#91edbf;color:#0009;padding:2px 4px;margin:0 8px;border-radius:4px}.version-history-description{color:#000000d9}.version-history-date{color:#0000006b}.version-history-snapshot{position:relative}.version-history-snapshot .version-history-extra{display:none}.version-history-snapshot:hover .version-history-extra{display:flex}.version-history-extra{position:absolute;display:flex;justify-content:flex-end;gap:8px;top:8px;right:8px;left:8px;align-items:center}.version-history-extra .button{margin-right:8px}.editable-comment .text-editor{background-color:#fff;border:1px solid rgba(0,0,0,.42);border-radius:4px}.editable-comment .editable-comment-value{white-space:pre-wrap}.editable-comment .editable-comment-edit{cursor:pointer;font-style:italic;color:#0000006b}.editable-comment .editable-comment-edit:hover{color:#0fafff}*{box-sizing:border-box}html,body{margin:0;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;color:#000000d9;background-color:#fafafa;overscroll-behavior-x:none;overscroll-behavior-y:none}.loading-indicator{width:20px;height:20px;border-radius:50%;border:4px solid #ddd;border-top-color:#aaa;animation:loading-indicator 1s linear infinite}@keyframes loading-indicator{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button,button,input[type=submit],a[role=button]{display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;font-size:14px;line-height:30px;padding:0 20px;border:1px solid rgba(0,0,0,.1);border-radius:6px;background-color:#0fafff;color:#fff;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button svg *,button svg *,input[type=submit] svg *,a[role=button] svg *{fill:#fff}.button:hover,button:hover,input[type=submit]:hover,a[role=button]:hover{color:#fff;background-color:#42c0ff}.button:focus,button:focus,input[type=submit]:focus,a[role=button]:focus{outline:3px solid transparent;box-shadow:0 0 0 2px #0003}.button.secondary,button.secondary,input[type=submit].secondary,a[role=button].secondary{color:#000000d9;background-color:#f0f0f0}.button.secondary:hover,button.secondary:hover,input[type=submit].secondary:hover,a[role=button].secondary:hover{background-color:#fafafa}.button.secondary:disabled,button.secondary:disabled,input[type=submit].secondary:disabled,a[role=button].secondary:disabled{background-color:#f0f0f0}.button.secondary svg *,button.secondary svg *,input[type=submit].secondary svg *,a[role=button].secondary svg *{fill:#000000d9}.button:disabled,button:disabled,input[type=submit]:disabled,a[role=button]:disabled{opacity:.5;cursor:default}.button.small-pill,button.small-pill,input[type=submit].small-pill,a[role=button].small-pill{line-height:20px;border-radius:999px;border:none;color:#000000d9;background-color:#e8e8e8}.button.small-pill:hover,button.small-pill:hover,input[type=submit].small-pill:hover,a[role=button].small-pill:hover{color:#000000d9;background-color:#ccc}.button.small-pill:hover:disabled,button.small-pill:hover:disabled,input[type=submit].small-pill:hover:disabled,a[role=button].small-pill:hover:disabled{background-color:#e8e8e8}body[data-css-cursor=ew-resize] *{cursor:url(/editor/cursors/resize-arrows-cursor-0-1x.png) 14 14,default!important;cursor:-webkit-image-set(url(/editor/cursors/resize-arrows-cursor-0-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-0-1x.png) 1x) 14 14,default!important;cursor:image-set(url(/editor/cursors/resize-arrows-cursor-0-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-0-1x.png) 1x) 14 14,default!important}body[data-css-cursor=grab] *{cursor:url(/editor/cursors/grab-cursor-1x.png) 13 13,default!important;cursor:-webkit-image-set(url(/editor/cursors/grab-cursor-2x.png) 2x,url(/editor/cursors/grab-cursor-1x.png) 1x) 13 13,default!important;cursor:image-set(url(/editor/cursors/grab-cursor-2x.png) 2x,url(/editor/cursors/grab-cursor-1x.png) 1x) 13 13,default!important}body[data-css-cursor=grabbing] *{cursor:url(/editor/cursors/grabbing-cursor-1x.png) 13 13,default!important;cursor:-webkit-image-set(url(/editor/cursors/grabbing-cursor-2x.png) 2x,url(/editor/cursors/grabbing-cursor-1x.png) 1x) 13 13,default!important;cursor:image-set(url(/editor/cursors/grabbing-cursor-2x.png) 2x,url(/editor/cursors/grabbing-cursor-1x.png) 1x) 13 13,default!important}body[data-css-cursor=select] *{cursor:url(/editor/cursors/select-cursor-1x.png) 4 4,default!important;cursor:-webkit-image-set(url(/editor/cursors/select-cursor-2x.png) 2x,url(/editor/cursors/select-cursor-1x.png) 1x) 4 4,default!important;cursor:image-set(url(/editor/cursors/select-cursor-2x.png) 2x,url(/editor/cursors/select-cursor-1x.png) 1x) 4 4,default!important}body[data-css-cursor=select-split-handles] *{cursor:url(/editor/cursors/select-split-handles-cursor-1x.png) 4 4,default!important;cursor:-webkit-image-set(url(/editor/cursors/select-split-handles-cursor-2x.png) 2x,url(/editor/cursors/select-split-handles-cursor-1x.png) 1x) 4 4,default!important;cursor:image-set(url(/editor/cursors/select-split-handles-cursor-2x.png) 2x,url(/editor/cursors/select-split-handles-cursor-1x.png) 1x) 4 4,default!important}body[data-css-cursor=duplicate] *{cursor:url(/editor/cursors/duplicate-cursor-1x.png) 4 4,default!important;cursor:-webkit-image-set(url(/editor/cursors/duplicate-cursor-2x.png) 2x,url(/editor/cursors/duplicate-cursor-1x.png) 1x) 4 4,default!important;cursor:image-set(url(/editor/cursors/duplicate-cursor-2x.png) 2x,url(/editor/cursors/duplicate-cursor-1x.png) 1x) 4 4,default!important}svg{width:100%;height:100%}.file-drop-zone{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:4000;background-color:#fffc;border:12px dashed #ddd}.icon-label-button{display:flex;height:20px;line-height:20px;padding-right:4px}.icon-label-button .icon20{flex:0 0 20px;margin-right:4px}.icon-button,.icon-label-button{cursor:pointer}.icon-button{width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:.5;overflow:hidden}.icon-button:hover{opacity:.85}.icon-button:disabled{opacity:.5}.icon-button.active *{fill:#0fafff}.icon-button svg{flex:0 0 20px}.extra{display:flex}.extra>*:not(:last-child){margin-right:4px}.extra-hidden{visibility:hidden}.app,.app-rect-watcher{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;overflow:hidden}.panel-top{flex-basis:24px;flex-shrink:0;background-color:#e8e8e8}.main{flex-grow:1;display:flex;flex-direction:row;overflow:hidden}.panel-left{max-width:200px;flex-basis:200px;flex-shrink:0;border-right:1px solid hsl(0,0%,91%);background-color:#f5f5f5}.viewport{position:relative;flex-grow:1}.panel-right{position:relative;display:flex;flex-direction:column;border-left:1px solid hsl(0,0%,91%);background-color:#f5f5f5}.panel-right-resizer{position:absolute;top:0;bottom:0;left:-8px;width:16px;z-index:11;cursor:url(/editor/cursors/resize-arrows-cursor-0-1x.png) 14 14,default;cursor:-webkit-image-set(url(/editor/cursors/resize-arrows-cursor-0-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-0-1x.png) 1x) 14 14,default;cursor:image-set(url(/editor/cursors/resize-arrows-cursor-0-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-0-1x.png) 1x) 14 14,default}.zoom-hint{position:absolute;bottom:4px;right:4px;background-color:#ffffffa6;color:#000000d9;border:none;border-radius:8px;padding:4px 4px 0;display:flex;flex-direction:column;align-items:center}.zoom-hint .zoom-hint-thumbnail{box-shadow:0 2px 4px #00000026,0 4px 16px #0000001a;border-radius:4px;outline:1px solid transparent;background-color:#fff;border:2px solid hsl(200,100%,43%);width:100px;height:100px}.outline-inspector{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden}.outline-inspector-divider{position:relative}.outline-inspector-resizer{position:absolute;top:-8px;height:16px;width:100%;z-index:10;cursor:url(/editor/cursors/resize-arrows-cursor-6-1x.png) 14 14,default;cursor:-webkit-image-set(url(/editor/cursors/resize-arrows-cursor-6-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-6-1x.png) 1x) 14 14,default;cursor:image-set(url(/editor/cursors/resize-arrows-cursor-6-2x.png) 2x,url(/editor/cursors/resize-arrows-cursor-6-1x.png) 1x) 14 14,default}.snapping-point-tooltip{position:fixed;padding:1px 3px;color:#c94726;border:1px solid hsl(12,68%,47%);margin-top:30px;font-size:13px;z-index:900;pointer-events:none;transform:translate(-50%);border-radius:4px;background-color:#fff}.user-defined-name:before{content:open-quote}.user-defined-name:after{content:close-quote}.debug-inspector{position:absolute;bottom:8px;left:8px;display:grid;grid-template-columns:auto auto;padding:8px;gap:0 12px;border-radius:8px;z-index:9999;color:#fff;background-color:#000000d9}.debug-inspector .icon-button svg *{fill:#fff}.debug-inspector-value{justify-self:right;font-weight:700}.editable-value-popup .code-editor{min-width:160px}.editable-value-popup .code-editor .CodeMirror.CodeMirror-focused{box-shadow:none}.editable-value-popup .code-editor .CodeMirror-lines{padding:8px 4px;text-align:center}.checkbox{position:relative;width:20px;height:20px;border-radius:2px}.checkbox input[type=checkbox]{width:20px;height:20px;opacity:.0001;position:absolute;top:0;left:0;margin:0}.checkbox:focus-within{outline:3px solid transparent;box-shadow:0 0 0 2px #0003}.project-error-message-private{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.project-error-message-private p{max-width:60ch;text-align:center}.expander{cursor:pointer;flex:0 0 auto;transition:transform .05s}.expander svg *{fill:#0000001a}.expander.hidden{visibility:hidden}.expander.expanded{transform:rotate(90deg)}.expander:hover svg *{fill:#0003}.CodeMirror-hints{position:absolute;z-index:10;overflow:hidden;list-style:none;margin:0;padding:2px;box-shadow:2px 3px 5px #0003;border-radius:3px;border:1px solid silver;background:#fff;font-size:90%;font-family:monospace;max-height:20em;overflow-y:auto;box-sizing:border-box}.CodeMirror-hint{margin:0;padding:0 4px;border-radius:2px;white-space:pre;color:#000;cursor:pointer}li.CodeMirror-hint-active{background:#08f;color:#fff}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:transparent}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:transparent}.cm-fat-cursor{caret-color:transparent}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error,.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:#ff96004d}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:#fff}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative;z-index:0}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors,.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:#ff06}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}