/* (c) Amplify */
@charset "UTF-8";@font-face{font-family:Mathigon Symbol;font-style:normal;font-weight:400;src:url(/fonts/mathigon-symbol.woff2) format("woff2"),url(/fonts/mathigon-symbol.woff) format("woff")}@font-face{font-family:Benton Sans;font-style:normal;font-weight:400;src:url(/fonts/benton-sans-regular.woff2) format("woff2"),url(/fonts/benton-sans-regular.woff) format("woff")}@font-face{font-family:Benton Sans;font-style:italic;font-weight:400;src:url(/fonts/benton-sans-regular-italic.woff2) format("woff2"),url(/fonts/benton-sans-regular-italic.woff) format("woff")}@font-face{font-family:Benton Sans;font-style:normal;font-weight:700;src:url(/fonts/benton-sans-medium.woff2) format("woff2"),url(/fonts/benton-sans-medium.woff) format("woff")}@font-face{font-family:Amplify;font-style:normal;font-weight:400;src:url(/fonts/amplify-regular.woff2) format("woff2"),url(/fonts/amplify-regular.woff) format("woff")}@font-face{font-family:Quicksand;font-style:normal;font-weight:400;src:url(/fonts/quicksand-medium.woff2) format("woff2"),url(/fonts/quicksand-medium.woff) format("woff")}@font-face{font-family:Quicksand;font-style:normal;font-weight:700;src:url(/fonts/quicksand-bold.woff2) format("woff2"),url(/fonts/quicksand-bold.woff) format("woff")}*{-webkit-tap-highlight-color:transparent;color:inherit;cursor:inherit}article,audio,canvas,figcaption,figure,footer,header,main,nav,section,summary,video{display:block}audio:not([controls]){display:none;height:0}svg{display:block;overflow:hidden}li svg,p svg,td svg{display:inline-block}circle,g,image,line,path,polyline,use{transform-box:fill-box;transform-origin:center}body,html{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background:#f6f6f6;cursor:default;font-family:Benton Sans,Helvetica,sans-serif;font-size:18px;line-height:1.6;min-width:320px;touch-action:manipulation}html[theme=dark]{background:#22212e}html:not(.ready) *{animation:none!important;transition:none!important}html:not(.is-tabbing) :focus{outline:none!important}html.grabbing,html.grabbing *{cursor:grabbing!important}:lang(ru),:lang(uk),:lang(vi){font-family:sans-serif!important}body{color:#3a3645}html[theme=dark] body{color:hsla(0,0%,100%,.9)}main{--nav-top:60px;padding-left:var(--nav-left);padding-top:var(--nav-top)}.container{box-sizing:border-box;margin:0 auto;max-width:1132px;padding:0 26px;position:relative;width:100%}@media (max-width:767px){.container{padding:0 13px}}.container.narrow{max-width:852px}.video-wrap{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-wrap iframe{height:100%;left:0;position:absolute;top:0;width:100%}.visually-hidden:not(:focus):not(:active){clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}p{hanging-punctuation:first;margin:0 0 1em}h1{font-size:40px;font-weight:400}h2{font-size:28px}h2,h3{font-weight:600}h3{font-size:20px}h1,h2{font-family:Amplify,Helvetica,sans-serif;font-weight:400}h1,h2,h3,h4{color:inherit;line-height:1.1;margin:2.5em 0 1.5em;padding:0;text-rendering:optimizelegibility}.caption{color:#9d9ba2;font-size:80%;margin:0 0 .6em;text-align:left}a{cursor:pointer}a,a:hover{text-decoration:none}a,button{touch-action:manipulation}button{box-sizing:content-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.a,label a,ol a,p a,ul a{background-image:linear-gradient(transparent calc(100% - 3px),currentColor calc(100% - 3px),currentColor calc(100% - 1px),transparent calc(100% - 1px));background-repeat:no-repeat;background-size:100% 100%;background-size:0 100%;color:#0f82f2;transition:color .2s,background-size .2s ease-in-out}.a:hover,label a:hover,ol a:hover,p a:hover,ul a:hover{background-size:100% 100%}.small,small{font-size:80%}.b,b,strong{font-weight:700}.i,em,i{font-style:italic}.text-center{text-align:center}ol,ul{margin:0 0 1em 2em;padding:0;text-align:left}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 0 1.5em}li{margin:0 0 .5em}.m-red{color:#cd0e66}.m-blue{color:#0f82f2}.m-green{color:#22ab24}.m-yellow{color:#fd8c00}.m-orange{color:#eb4726}.m-purple{color:#6d3bbf}.m-teal{color:#009ea6}.m-lime{color:#bfc212}.lgrey{color:#aaa}hr{background:#aaa;clear:both;display:block;height:1px;margin:1em 0;padding:0}hr,img{border:0}img{vertical-align:middle;-ms-interpolation-mode:bicubic;height:auto;max-width:100%}figure{margin:0}.hidden,[hidden]{display:none!important;visibility:hidden!important}table{border-collapse:collapse;border-spacing:0}table,td{border:none}td{vertical-align:top}table.fixed{table-layout:fixed}table.grid td{border-bottom:1px solid #c5c2cc;border-right:1px solid #c5c2cc}table.grid tr td:last-child{border-right:none}table.grid tr:last-child td{border-bottom:none}@media print{body,html{background:transparent;color:#000}h2,h3,p{orphans:3;widows:3}h1,h2,h3{page-break-after:avoid}p a,p a:visited{text-decoration:underline}p a[href]:after{content:" (" attr(href) ")"}blockquote,img,pre,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}}.polypad{--canvas-bg:#fff;--canvas-fg:#181824}[theme=dark] .polypad{--canvas-bg:#22212e;--canvas-fg:#e2e1e6}.row{display:flex;flex-wrap:wrap;justify-content:center}.row.padded{margin:-20px}.row.padded>*{margin:20px}.padded-thin>*>p:last-child,.padded>*>p:last-child{margin-bottom:0}.row .grow{flex-grow:1}.row .shrink{flex-shrink:1}.row>*>h2:first-child,.row>*>h3:first-child{margin-top:0}.padded-thin>*>p:last-child{margin-bottom:0}.tooltip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#181824;border:1px solid #fff;border-radius:16px;color:#fff;font-size:13px;left:50%;line-height:18px;opacity:0;padding:2px 12px;pointer-events:none;position:absolute;top:-22px;transform:translateX(-50%);transition:opacity .1s;white-space:nowrap;z-index:9999}.is-tabbing.not-mobile :focus>.tooltip,.not-mobile :hover>.tooltip{opacity:.8}.warning{background:#181824;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:900}.warning-body{left:50%;max-width:calc(100% - 48px);position:absolute;top:50%;transform:translate(-50%,-50%)}.warning-body svg{height:100px;margin:0 auto 20px;width:100px}.warning-body p{background:#cd0e66;border-radius:4px;color:#fff;padding:8px 16px;text-align:center}.warning-body a:hover{color:#3f9bf5}.cookie-warning{background:#b50c5a;border-radius:4px;bottom:10px;box-shadow:0 3px 6px rgba(0,0,0,.3);box-sizing:border-box;color:#fff;left:10px;line-height:1.4;max-width:calc(100vw - 20px);padding:10px 16px 12px;position:fixed;z-index:800}.cookie-warning h2{color:hsla(0,0%,100%,.8);font-size:24px;font-weight:100;margin:0 0 6px}.cookie-warning p{margin-bottom:12px}.cookie-warning .btn{color:#b50c5a}.cookie-warning .close{cursor:pointer;opacity:.6;padding:12px;position:absolute;right:2px;top:2px;transition:opacity .2s}.cookie-warning .close:hover{opacity:1}.cookie-warning x-icon{display:block}x-tabs{background:#f6f6f6;display:flex;margin-bottom:60px;padding:6px 0;position:sticky;top:54px;z-index:1}x-tabs a{background:#c5c2cc;flex-grow:1;margin-right:2px;padding:3px 0;text-align:center;transition:background .2s;width:200px}x-tabs a:first-child{border-radius:6px 0 0 6px}x-tabs a:last-child{border-radius:0 6px 6px 0;margin:0}x-tabs a:focus,x-tabs a:hover{background:#6aa2df}x-tabs a.active{background:#0f82f2;color:#fff}.global-footer{background:#656073;color:#fff;font-size:15px;margin-top:60px;padding:26px}.global-footer .row{display:flex;justify-content:space-between;margin:0 auto;max-width:1000px}.global-footer .row:not(:first-child){margin:13px auto 0}.global-footer span.amplify-logo{background:no-repeat url(/images/amplify-white.svg);display:block;height:31px;width:120px}.global-footer p{margin:0}.global-footer a{color:#fff;display:inline-block}.global-footer .socials a{display:inline-block;margin:-2px 0 0;padding:5px;transition:color .2s}.global-footer .socials a x-icon{display:block}.global-footer ul{display:flex;list-style-type:none;margin:0}.global-footer ul:not(.socials) li:not(:last-child) a{margin-right:26px}@media (max-width:900px){.global-footer p{margin-bottom:26px}.global-footer .row{align-items:center;flex-direction:column}.global-footer ul:not(.socials){flex-direction:column;text-align:center}.global-footer ul:not(.socials) li:not(:last-child) a{margin-right:0}}.warning-banner{align-items:center;background:#f5cd52;border-radius:6px;color:#000;display:flex;margin:60px auto;max-width:880px;padding:12px 18px;position:relative}.warning-banner p{margin:0}.warning-banner x-icon{display:block;margin-right:12px}.snackbar{left:50%;position:fixed;top:52px;transform:translateX(-50%);z-index:500}x-alert{background:#000;border-radius:6px;box-shadow:0 3px 8px rgba(0,0,0,.3);color:#fff;display:none;font-size:16px;line-height:1.4;max-width:300px;padding:8px 20px;width:-moz-max-content;width:max-content}x-alert x-icon{float:left;margin:-2px 6px 20px -4px}x-alert.error{background:#b50c5a}x-alert.warn{background:#e47e00}x-alert.success{background:#1e9620}x-icon{display:inline-block;height:24px;width:24px;fill:currentColor}x-icon svg{display:block}x-icon[name=warning]{fill:#cd0e66}.button x-icon{margin:-10px 3px -10px -8px}.modal-background{-webkit-backdrop-filter:blur(4px);background:rgba(0,0,0,.8);bottom:0;display:none;left:0;position:fixed;right:0;top:0;transition:background .4s;z-index:400}.modal-background.light{background:hsla(0,0%,100%,.9)}html.webview .modal-background{top:0}x-modal{background:#fff;border-radius:12px;box-shadow:0 6px 32px rgba(0,0,0,.8);box-sizing:border-box;display:none;left:50%;margin-top:22px;max-height:calc(100vh - 84px);max-width:calc(100% - 40px);position:fixed;top:50%;transform:translate(-50%,-50%);width:520px;z-index:401}html[theme=dark] x-modal{background:#2d2c38}x-modal.light{box-shadow:0 4px 20px rgba(0,0,0,.25)}html.webview x-modal{margin-top:0;max-height:calc(100% - 40px)}x-modal .modal-body{box-sizing:border-box;height:100%;max-height:calc(100vh - 84px);overflow:auto;padding:24px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media screen and (max-height:720px){x-modal.interactive{top:42px;transform:translate(-50%)}}.is-safari:not(.is-webview) x-modal,.is-safari:not(.is-webview) x-modal .modal-body{max-height:calc(100vh - 200px)}x-modal h2{margin-top:0}x-modal h2 x-icon{margin:-6px 4px -6px -2px}x-modal h3{margin:1.5em 0 .8em}x-modal h3 x-icon{margin:0 5px -5px 0}x-modal .btn-row{margin:0;text-align:right}x-modal .form-large{margin:0 -8px -10px}x-modal p:last-child:not(.btn-row),x-modal ul:last-child{margin-bottom:0}x-modal .form-checkbox{margin:16px 0}x-modal hr{margin:1.5em 0}x-modal .close{fill:rgba(0,0,0,.4);cursor:pointer;display:block;padding:8px;position:absolute;right:0;top:0;transition:transform .2s,color .2s;z-index:10}html[theme=dark] x-modal .close{fill:hsla(0,0%,100%,.4)}x-modal .close:hover{color:#000;transform:scale(1.4)}html[theme=dark] x-modal .close:hover{color:#fff}x-modal.video{background:#000;border-radius:0;width:1200px}x-modal.video .video-wrap{height:0;padding-bottom:56.25%;position:relative}x-modal.video iframe,x-modal.video video{height:100%;position:absolute;width:100%}x-modal.video .close x-icon{fill:hsla(0,0%,100%,.8);top:-40px}button,form,input,select,textarea{border:none;margin:0;padding:0}input:invalid{box-shadow:none}button,input,select,textarea{background:transparent;border:none;display:inline-block;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;padding:0}input[type=date],input[type=email],input[type=password],input[type=text],textarea{cursor:text}button,select{cursor:pointer}.form-row{display:flex;flex-direction:row;flex-wrap:wrap}.form-row .form-field{flex-grow:1;width:180px}.form-field{display:block;padding:8px;position:relative}#share pre,.form-field input,.form-field select,.form-field textarea,.form-field-style{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:no-repeat top 12px right 10px/24px 24px;background-color:#f6f6f6;border:1px solid rgba(0,0,0,.1);border-radius:4px;box-sizing:border-box;color:#000;display:block;line-height:1.4em;padding:18px 16px 4px;transition:border .2s,background .2s,box-shadow .2s;width:100%}#share html[theme=dark] pre,html[theme=dark] #share pre,html[theme=dark] .form-field input,html[theme=dark] .form-field select,html[theme=dark] .form-field textarea,html[theme=dark] .form-field-style{background-color:#43424d;border-color:hsla(0,0%,100%,.5);color:#fff}#share pre:not([disabled]):focus,#share pre:not([disabled]):hover,.form-field input:not([disabled]):focus,.form-field input:not([disabled]):hover,.form-field select:not([disabled]):focus,.form-field select:not([disabled]):hover,.form-field textarea:not([disabled]):focus,.form-field textarea:not([disabled]):hover,.form-field-style:not([disabled]):focus,.form-field-style:not([disabled]):hover{background-color:#eee}#share html[theme=dark] pre:not([disabled]):focus,#share html[theme=dark] pre:not([disabled]):hover,html[theme=dark] #share pre:not([disabled]):focus,html[theme=dark] #share pre:not([disabled]):hover,html[theme=dark] .form-field input:not([disabled]):focus,html[theme=dark] .form-field input:not([disabled]):hover,html[theme=dark] .form-field select:not([disabled]):focus,html[theme=dark] .form-field select:not([disabled]):hover,html[theme=dark] .form-field textarea:not([disabled]):focus,html[theme=dark] .form-field textarea:not([disabled]):hover,html[theme=dark] .form-field-style:not([disabled]):focus,html[theme=dark] .form-field-style:not([disabled]):hover{background-color:#64646d}#share pre:not([disabled]):focus,.form-field input:not([disabled]):focus,.form-field select:not([disabled]):focus,.form-field textarea:not([disabled]):focus,.form-field-style:not([disabled]):focus{border-color:#0f82f2;box-shadow:0 0 0 3px rgba(15,130,242,.5);outline:none}#share pre:not([disabled]):focus+.placeholder,.form-field input:not([disabled]):focus+.placeholder,.form-field select:not([disabled]):focus+.placeholder,.form-field textarea:not([disabled]):focus+.placeholder,.form-field-style:not([disabled]):focus+.placeholder{color:#0f82f2}#share pre[disabled],.form-field input[disabled],.form-field select[disabled],.form-field textarea[disabled],.form-field-style[disabled]{cursor:default!important;opacity:.6}.form-field input::-moz-placeholder{opacity:0}.form-field input::placeholder{opacity:0}.form-field input:-moz-placeholder-shown{padding:11px 16px}.form-field input:placeholder-shown{padding:11px 16px}.form-field input:-moz-placeholder-shown+.placeholder{transform:none}.form-field input:placeholder-shown+.placeholder{transform:none}.form-field input.dirty:not(:focus),.form-field select.dirty:not(:focus){padding-right:36px}.form-field input.dirty:not(:focus).valid,.form-field input.dirty:not(:focus):valid,.form-field select.dirty:not(:focus).valid,.form-field select.dirty:not(:focus):valid{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%2322ab24%22%20d%3D%22m19.7%206.3-.2-.4-.3-.2c-.1-.1-.3%200-.4%200a36.6%2036.6%200%200%200%20-9.8%208.4%2036.1%2036.1%200%200%200%20-4.8-2.9h-.5l-1%20.9a.4.4%200%200%200%20-.1.3c0%20.2%200%20.3.1.4a72.1%2072.1%200%200%201%206.6%207h.4a.5.5%200%200%200%20.4-.2c3.8-6.8%205.7-9.6%209.4-13%20.2.1.2-.1.2-.3z%22%2F%3E%3C%2Fsvg%3E")}.form-field input.dirty:not(:focus).invalid,.form-field input.dirty:not(:focus):invalid,.form-field select.dirty:not(:focus).invalid,.form-field select.dirty:not(:focus):invalid{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%2210%22%20y%3D%228%22%20width%3D%224%22%20height%3D%2212%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill%3D%22%23cd0e66%22%20d%3D%22M22.1%2C19.5l-9.2-16a1%2C1%2C0%2C0%2C0-1.8%2C0l-9.2%2C16A1%2C1%2C0%2C0%2C0%2C2.7%2C21H21.3A1%2C1%2C0%2C0%2C0%2C22.1%2C19.5Zm-8.7-11v2.4l-.4%2C4.4H11.1l-.4-4.4V8.5ZM12%2C19.4a1.6%2C1.6%2C0%2C0%2C1-1.6-1.6%2C1.6%2C1.6%2C0%2C1%2C1%2C3.2%2C0A1.6%2C1.6%2C0%2C0%2C1%2C12%2C19.4Z%22%2F%3E%3C%2Fsvg%3E");border-color:#cd0e66}.form-field textarea{height:auto;padding:10px 16px;resize:vertical}.form-field textarea::-moz-placeholder{color:#aaa;opacity:1;-moz-transition:color .2s;transition:color .2s}.form-field textarea::placeholder{color:#aaa;opacity:1;transition:color .2s}.form-field textarea:active::-moz-placeholder,.form-field textarea:focus::-moz-placeholder{color:#0f82f2}.form-field textarea:active::placeholder,.form-field textarea:focus::placeholder{color:#0f82f2}.form-field select{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%234d4d4d%22%20d%3D%22m19.9%207.5a1.4%201.4%200%200%200%20-2.1%200l-5.8%205.8-5.8-5.8a1.4%201.4%200%200%200%20-2.1%200%201.5%201.5%200%200%200%200%202.1l6.8%206.9a1.6%201.6%200%200%200%202.2%200l6.8-6.9a1.4%201.4%200%200%200%200-2.1z%22%2F%3E%3C%2Fsvg%3E");padding-right:40px}.form-field .placeholder{color:#aaa;left:24px;line-height:1.4em;pointer-events:none;position:absolute;top:19px;transform:translateY(-7px) scale(.7);transform-origin:top left;transition:transform .2s,color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.radio-row{display:flex;margin:1em 2em}.radio-row label{display:block;flex-grow:1}.radio-row span{border:2px solid #0f82f2;border-right-style:none;cursor:pointer;display:block;text-align:center;transition:background .2s}.radio-row span:hover{background:rgba(15,130,242,.4)}.radio-row label:first-child span{border-radius:6px 0 0 6px}.radio-row label:last-child span{border-radius:0 6px 6px 0;border-right-style:solid}.radio-row input:checked+span{background:#0f82f2;color:#fff}.radio-row input{display:none}.form-checkbox{cursor:pointer;display:block;margin:16px 8px;min-height:28px;padding-left:40px;position:relative}.form-checkbox input{left:5px;opacity:0;position:absolute;top:7px}.form-checkbox .control{background:#f6f6f6;border:1px solid rgba(0,0,0,.1);border-radius:4px;height:22px;left:0;position:absolute;top:2px;transition:border .2s,background .2s,box-shadow .2s;width:22px}.form-checkbox .control:after{background:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22m19.7%206.3-.2-.4-.3-.2c-.1-.1-.3%200-.4%200a36.6%2036.6%200%200%200%20-9.8%208.4%2036.1%2036.1%200%200%200%20-4.8-2.9h-.5l-1%20.9a.4.4%200%200%200%20-.1.3c0%20.2%200%20.3.1.4a72.1%2072.1%200%200%201%206.6%207h.4a.5.5%200%200%200%20.4-.2c3.8-6.8%205.7-9.6%209.4-13%20.2.1.2-.1.2-.3z%22%2F%3E%3C%2Fsvg%3E");content:" ";display:block;height:21px;left:1px;position:absolute;top:0;transform:scale(0);transition:transform .4s cubic-bezier(.33,1.9,.52,.7);width:21px}.form-checkbox input:focus+.control,.form-checkbox:hover .control{background:#eee;border-color:#0f82f2}.form-checkbox input:focus+.control{box-shadow:0 0 0 3px rgba(15,130,242,.5);outline:none}.form-checkbox input:checked+.control{background:#0f82f2}.form-checkbox input:checked+.control:after{transform:none}.form-checkbox input:focus:checked+.control,.form-checkbox:hover input:checked+.control{border-color:#053563}.form-error{color:#cd0e66;font-size:16px;font-weight:600;line-height:1.3;margin:8px;text-align:center}.form-error x-icon{margin:0 2px -4px 0}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#181824;border:none;border-radius:24px;color:hsla(0,0%,100%,.95);cursor:pointer;display:inline-block;font-weight:600;height:2em;letter-spacing:.2px;line-height:2em;min-width:48px;outline:none;padding:0 1.2em;text-align:center;width:auto;-webkit-touch-callout:none;transition:transform .3s,background .2s,color .2s,box-shadow .2s,opacity .2s}.btn:hover{transform:scale(1.08)}.btn:active{transform:scale(.92)}.btn.on,.btn:hover{background-color:#504b5c;box-shadow:0 4px 12px rgba(0,0,0,.25);color:#fff;z-index:10}html.is-tabbing .btn:focus{outline:2px solid #181824;outline-offset:2px}.btn.disabled,.btn[disabled]{background-color:#ddd!important;box-shadow:none;color:#999!important;cursor:default;pointer-events:none}.btn x-icon{margin:0 6px -6px 0;opacity:.95;transition:opacity .2s;fill:currentColor}.btn:focus x-icon,.btn:hover x-icon{opacity:1}.btn-small{height:1.6em;line-height:1.6em;padding:0 .8em}.btn-row{margin:-10px}.btn-row .btn{margin:10px}.btn-red{background-color:#cd0e66}.btn-red:focus,.btn-red:hover{background-color:#ef1579}html.is-tabbing .btn-red:focus{outline:2px solid #ef1579}.btn-blue{background-color:#0f82f2}.btn-blue:focus,.btn-blue:hover{background-color:#3696f4}html.is-tabbing .btn-blue:focus{outline:2px solid #3696f4}.btn-green{background-color:#22ab24}.btn-green:focus,.btn-green:hover{background-color:#29cd2b}html.is-tabbing .btn-green:focus{outline:2px solid #29cd2b}.btn-yellow{background-color:#fd8c00}.btn-yellow:focus,.btn-yellow:hover{background-color:#ff9e27}html.is-tabbing .btn-yellow:focus{outline:2px solid #ff9e27}.btn-amplify{background-color:#f37321}.btn-amplify:focus,.btn-amplify:hover{background-color:#f58b48}html.is-tabbing .btn-amplify:focus{outline:2px solid #f58b48}.btn-white{border:1px solid #aaa}.btn-white,.btn-white:focus,.btn-white:hover{background:#fff;color:#3a3645}html.is-tabbing .btn-white:focus{outline-color:#656073}.btn.facebook{background-color:#1878f2}.btn.facebook:focus,.btn.facebook:hover{background-color:#3f8ff4}html.is-tabbing .btn.facebook:focus{outline:2px solid #3f8ff4}.btn.twitter{background-color:#00b6f1}.btn.twitter:focus,.btn.twitter:hover{background-color:#1bc7ff}html.is-tabbing .btn.twitter:focus{outline:2px solid #1bc7ff}.btn.pinterest{background-color:#cb2027}.btn.pinterest:focus,.btn.pinterest:hover{background-color:#df353c}html.is-tabbing .btn.pinterest:focus{outline:2px solid #df353c}.btn.reddit{background-color:#ff5700}.btn.reddit:focus,.btn.reddit:hover{background-color:#ff7229}html.is-tabbing .btn.reddit:focus{outline:2px solid #ff7229}.input-field{-webkit-appearance:none;-moz-appearance:textfield;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.16);border-radius:5px;color:inherit;cursor:text;display:block;line-height:24px;padding:0;text-align:center;transition:border .2s,background .2s,box-shadow .2s,color .2s}.input-field::-moz-placeholder{color:hsla(0,0%,100%,.5)}.input-field::placeholder{color:hsla(0,0%,100%,.5)}.input-field::-webkit-inner-spin-button,.input-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.light-ui .input-field{background-color:rgba(95,95,95,.15);border-color:#a6a6a6}.light-ui .input-field::-moz-placeholder{color:rgba(58,54,69,.5)}.light-ui .input-field::placeholder{color:rgba(58,54,69,.5)}.input-field:focus{background-color:hsla(0,0%,100%,.18);border-color:#0f82f2;box-shadow:0 0 0 3px rgba(15,130,242,.5);outline:none}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22rgba(255%2C%20255%2C%20255%2C%200.5)%22%20d%3D%22m19.9%207.5a1.4%201.4%200%200%200%20-2.1%200l-5.8%205.8-5.8-5.8a1.4%201.4%200%200%200%20-2.1%200%201.5%201.5%200%200%200%200%202.1l6.8%206.9a1.6%201.6%200%200%200%202.2%200l6.8-6.9a1.4%201.4%200%200%200%200-2.1z%22%2F%3E%3C%2Fsvg%3E");background-position:top 6px right 5px;background-repeat:no-repeat;background-size:16px 16px;cursor:pointer;padding:0 24px 0 8px;text-align:left;width:auto}select.input-field option{color:initial}.light-ui select.input-field{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23a6a6a6%22%20d%3D%22m19.9%207.5a1.4%201.4%200%200%200%20-2.1%200l-5.8%205.8-5.8-5.8a1.4%201.4%200%200%200%20-2.1%200%201.5%201.5%200%200%200%200%202.1l6.8%206.9a1.6%201.6%200%200%200%202.2%200l6.8-6.9a1.4%201.4%200%200%200%200-2.1z%22%2F%3E%3C%2Fsvg%3E")}input.toggle[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:0;position:absolute;width:0}input.toggle+.control{background:hsla(0,0%,100%,.3);border-radius:12px;content:"";cursor:pointer;display:block;height:10px;padding:1px 0;transition:background .2s;width:32px}.light-ui input.toggle+.control{background:rgba(95,95,95,.3)}input.toggle+.control:after{background-color:#9d9ba2;border-radius:12px;content:"";display:block;height:18px;margin:-4px -1px;transition:transform .2s;width:18px}.light-ui input.toggle+.control:after{background-color:#a6a6a6}input.toggle:checked+.control{background:#0f82f2}input.toggle:checked+.control:after{background:#ebebec;transform:translateX(16px)}.light-ui input.toggle:checked+.control{background:rgba(15,130,242,.5)}.light-ui input.toggle:checked+.control:after{background:#0f82f2}input.toggle:indeterminate+.control:after{background:#c4c3c7;transform:translateX(8px)}.light-ui input.toggle:indeterminate+.control:after{background:#3771a9}.is-tabbing input.toggle:focus+.control{outline:auto}#amp-nav{position:relative;z-index:402}#amp-nav .amp-nav-v2{color:unset}.logged-out-navigation__bottom,.pp-nav .amp-nav-elementary-school-view,.pp-nav .amp-nav-middle-school-view,.pp-nav .logged-out-navigation,.pp-nav .top-nav{display:none!important}#polypad-header{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.122),0 1px 3px rgba(0,0,0,.071);color:#3a3645;display:flex;height:60px;justify-content:space-between;left:var(--nav-left,0);position:fixed;right:0;top:0;transition:background .2s,box-shadow .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;z-index:401}#polypad-header .header-left,#polypad-header .header-right{align-items:center;display:flex;height:100%}#polypad-header .header-left a{align-items:center;display:flex;font-size:20px;font-weight:600;line-height:36px;margin-left:20px}#polypad-header .amplify{flex-shrink:0;margin-right:-16px}#polypad-header .amplify img{border-radius:4px;height:36px;margin:12px;width:36px}#polypad-header .amplify.skip{display:none}@media (max-width:719px){#polypad-header{left:0}#polypad-header .amplify.skip{display:block}.pp-nav{display:none;opacity:0;position:relative;transition:opacity .2s,display allow-discrete .2s;z-index:9999}.pp-nav.mobile-visible{display:block;opacity:1}@starting-style{.pp-nav.mobile-visible{opacity:0}}}#polypad-header .btn{margin:0 4px}@media screen and (max-width:500px){#polypad-header .btn.hide-mobile{display:none!important}}#polypad-header .nav-btn{padding:16px;position:relative}#polypad-header .nav-btn x-icon{display:block}#polypad-header .nav-btn .tooltip{top:58px}#polypad-header .nav-btn.contest{background-image:radial-gradient(closest-side,rgba(253,140,0,.4),rgba(253,140,0,.15) 40%,transparent 80%)}@media (max-width:379px){#polypad-header .nav-btn[title=User]+.popup-body{right:-55px}#polypad-header .nav-btn[title=Help]+.popup-body{right:15px}}#polypad-header .nav-btn-wrapper{position:relative}#polypad-header .nav-btn-wrapper .tooltip{top:58px}#polypad-header x-popup{position:relative}#polypad-header .popup-body{background:#fff;border-radius:8px;box-shadow:0 0 0 1px rgba(0,0,0,.2),0 0 20px rgba(0,0,0,.2);display:none;font-size:18px;padding:6px 0;position:absolute;right:15px;top:50px;z-index:1}#polypad-header .nav-link{box-sizing:border-box;display:block;padding:3px 14px;position:relative;text-align:left;white-space:nowrap;width:100%}#polypad-header .nav-link x-icon{margin:0 8px -5px -2px}#polypad-header .nav-link .subtitle{display:block;font-size:14px;margin:-4px 0 0 36px;opacity:.6}#polypad-header input.toggle+.control{background:rgba(0,0,0,.15);display:inline-block;margin:0 -2px 0 12px}#polypad-header a.nav-link,#polypad-header button.nav-link{cursor:pointer;line-height:inherit}#polypad-header hr{background:currentColor;margin:6px 0;opacity:.3}#polypad-header .nav-btn,#polypad-header a.nav-link,#polypad-header button.nav-link{transition:background .2s}#polypad-header .nav-btn:focus,#polypad-header .nav-btn:hover,#polypad-header a.nav-link:focus,#polypad-header a.nav-link:hover,#polypad-header button.nav-link:focus,#polypad-header button.nav-link:hover{background-color:rgba(0,0,0,.15)}#polypad-header.dark,html[theme=dark] #polypad-header{background:#181824;color:hsla(0,0%,100%,.8)}#polypad-header.dark .popup-body,html[theme=dark] #polypad-header .popup-body{background:#3a3645;box-shadow:0 0 0 1px hsla(0,0%,100%,.2)}#polypad-header.dark .nav-btn:focus,#polypad-header.dark .nav-btn:hover,#polypad-header.dark a.nav-link:focus,#polypad-header.dark a.nav-link:hover,#polypad-header.dark button.nav-link:focus,#polypad-header.dark button.nav-link:hover,html[theme=dark] #polypad-header .nav-btn:focus,html[theme=dark] #polypad-header .nav-btn:hover,html[theme=dark] #polypad-header a.nav-link:focus,html[theme=dark] #polypad-header a.nav-link:hover,html[theme=dark] #polypad-header button.nav-link:focus,html[theme=dark] #polypad-header button.nav-link:hover{background-color:hsla(0,0%,100%,.15)}#polypad-header.dark input.toggle+.control,html[theme=dark] #polypad-header input.toggle+.control{background-color:#5f5f5f}#polypad-header.dark input.toggle:checked+.control,html[theme=dark] #polypad-header input.toggle:checked+.control{background-color:#0f82f2}x-modal#language{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:540px}.locale-list{-moz-column-count:3;column-count:3;-moz-column-gap:0;column-gap:0}@media (max-width:560px){.locale-list{-moz-column-count:2;column-count:2}}@media (max-width:420px){.locale-list{-moz-column-count:1;column-count:1}}.locale-link{border-radius:6px;display:block;margin:2px 0;padding:4px 8px;transition:background .2s;-webkit-column-break-inside:avoid;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.locale-link:hover{background:rgba(0,0,0,.15)}html[theme=dark] .locale-link:hover{background:hsla(0,0%,100%,.15)}.locale-link img{margin-right:8px}.tile{transform-box:view-box;transform-origin:0 0}.tile .handle:not(.persistent),.tile .outline{display:none}.tile.active .handle,.tile.active .link-handle,.tile.active .outline{display:block!important}.stroke-change .tile .outline,.tile.no-handles.active .handle{display:none!important}.tile:focus{outline:none}x-polypad:not(.author-mode) .hidden-tile{display:none}x-polypad:not(.author-mode) .locked-tile{pointer-events:none}.geo-path.hidden-tile,.geo-point.hidden-tile,.hidden-tile>:not(.outline,.handle){opacity:.4}.link-handle{fill:#0f82f2;stroke:transparent;stroke-width:10}.link-dot{stroke:var(--canvas-bg);fill:#0f82f2;stroke-width:3}.link-bar{stroke:#0f82f2;stroke-width:5px;fill:none;cursor:move}.link-bar path.dashed{stroke-dasharray:6px 10px;stroke-dashoffset:8px}.group-outline,.rotate-bar,.tile .handle,.tile .outline{stroke-width:calc(6px*var(--canvas-zoom))}.group-outline,.rotate-bar,.tile .outline{stroke:var(--canvas-fg);fill:none}.hidden-tile .outline,.locked-tile .outline{stroke-dasharray:10px 16px}.rotate-circle,.tile .handle{fill:var(--canvas-fg);r:calc(10px*var(--canvas-zoom))}.tile path.handle{stroke:var(--canvas-fg)}.group-outline,.rotate-bar{pointer-events:none}.group-shadow{fill:var(--canvas-fg);opacity:15%}.active .linkage-handle{fill:var(--canvas-fg)!important}.rotate-circle,.tile circle.handle{stroke:transparent;stroke-width:8px}.rotate-circle{cursor:move}.balance,.number-grid-cell circle,.number-tile,.polygon-tile{stroke:var(--canvas-bg);stroke-width:1px}.high-contrast .balance,.high-contrast .number-grid-cell circle,.high-contrast .number-tile,.high-contrast .polygon-tile{stroke:var(--canvas-fg);stroke-width:2px}.prime-move,.prime-segment:hover{stroke:var(--canvas-fg);stroke-width:3px}.grid-axis{stroke-width:3px}.active .grid-axis{stroke-width:6px}.axis-gridlines{stroke-width:2px;opacity:.15;pointer-events:none}.penrose-circles{fill:none;stroke-width:2px;stroke:#fff;opacity:.4}.dice-face{stroke-width:4px}.dice-dot{fill:#fff;opacity:.85}.balance-beam{fill:none;stroke-width:8px}.active .balance,.active .balance-beam,.active .bucket{stroke:var(--canvas-fg);stroke-width:6px}.dropzone.highlight-dropzone{stroke:var(--dropzone-stroke,var(--canvas-fg))!important;stroke-dasharray:8px 12px;stroke-dashoffset:4px}.dropzone.highlight-dropzone:hover,.dropzone.hover-dropzone{fill:var(--dropzone-stroke,var(--canvas-fg));fill-opacity:.08;stroke-dasharray:0}.spinner{fill:var(--canvas-fg);stroke:var(--canvas-bg)}.spinner,pp-tiles .spinner{stroke-width:1px}.utensil .glass{fill:hsla(258,9%,78%,.7)}.utensil .ticks{pointer-events:none;stroke-width:.6;stroke:var(--canvas-fg);stroke-linecap:butt}.utensil .compass-frame,.utensil .compass-legs{fill:#c5c2cc}.utensil .compass-needle,.utensil .compass-top{fill:#656073}.utensil .compass-screw{fill:#c5c2cc}.utensil .compass-pencil{stroke:#656073}.utensil text{font-size:12px;fill:var(--canvas-fg)}.polypad.dark .utensil .glass{fill:rgba(101,96,115,.7)}.polypad.dark .utensil .compass-legs{fill:#656073}.polypad.dark .utensil .compass-needle{fill:#c5c2cc}.reflect{transform:scaleX(-1);transform-box:inherit}.dot-cell{fill:none;stroke-width:20px;fill-opacity:.3}.bead-gradient{stroke:var(--canvas-bg);fill:url(#sphere-gradient);pointer-events:none}.active .bead-gradient{stroke:var(--canvas-fg);stroke-width:6px}.clock-handle{stroke:transparent;stroke-width:16px;cursor:move;transform-origin:bottom center}.axis-label,.geo-label{stroke:var(--canvas-bg);stroke-width:4px;paint-order:stroke;stroke-linejoin:round}.is-safari .axis-label,.is-safari .geo-label{stroke:none}.axis-label{font-size:15px;font-weight:700}.geo-label{font-size:16px}.no-labels text{display:none}.text-label{font-size:16px;font-weight:600;transform-box:fill-box;transform-origin:center}.number-grid-cell.active circle{stroke:var(--canvas-fg);stroke-width:6px}.number-grid-cell text{font-size:24px}.card-label path,.card-label rect{fill:var(--canvas-fg)}.card-label text{font-size:13px;font-weight:600;stroke:none;fill:var(--canvas-bg)}.hidden-input{display:none;height:0;overflow:hidden;position:absolute;top:0;transform:scale(0);width:0}.problem-box{cursor:text;transition:stroke .3s,fill .3s}.correct .problem-box{stroke:#22ab24!important;fill:rgba(34,171,36,.25)}.incorrect .problem-box{stroke:#cd0e66!important;fill:rgba(205,14,102,.25)}.active .problem-box{stroke-width:6px}.problem-text{font-size:32px;fill:var(--canvas-fg);color:var(--canvas-fg);cursor:text;text-align:center}.problem-marker{transform:scale(0);transition:transform .2s cubic-bezier(.33,1.9,.52,.7)}.problem-marker.show{transform:none}.action-card-text{cursor:text;display:none;font-size:20px;text-align:center}@keyframes cursor{0%,to{opacity:1}50%{opacity:0}}.equation{transform-origin:0 0}.equation line,.equation path{fill:none;stroke:currentColor;transform-box:view-box;transform-origin:top left}.equation text{font-family:Mathigon Symbol,sans-serif;dominant-baseline:text-before-edge;stroke:currentColor;fill:currentColor}.equation text.font-normal{font-family:Benton Sans,Helvetica,sans-serif;font-size:90%;baseline-shift:-10%}.equation .placeholder{fill:currentColor;opacity:.3}.equation .cursor{stroke:#0f82f2;stroke-width:1.5px;animation:cursor 1s step-end infinite}.equation .range{fill:#87c1f9}.text-alignment{display:flex;flex-direction:column;height:100%;justify-content:center}.text-edit{font-size:20px;line-height:1.5;padding:2px 8px;-webkit-user-modify:read-write-plaintext-only;-webkit-user-select:text;-moz-user-select:text;user-select:text;width:-moz-fit-content;width:fit-content;word-wrap:normal;pointer-events:none}.text-edit[contenteditable]{pointer-events:all}.text-input{cursor:text;font-size:20px;line-height:1.4em}.text-input::-webkit-scrollbar{cursor:default;width:22px}.text-input::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--scroll-color);border:8px solid transparent;border-radius:20px}.text-input.question-style{font-size:32px;padding:0 2px;text-align:center;text-wrap:nowrap}.text-input.question-style::-webkit-scrollbar{display:none}.text-input.text-style{font-size:var(--input-font-size);padding:2px 8px;text-align:left;text-wrap:wrap;word-wrap:break-word}.geo-path{fill:none;stroke:currentColor;stroke-width:3px}.geo-path.fill{fill:currentColor;stroke:none;opacity:.5}.geo-path.fill.hover{opacity:.8}.geo-point{fill:currentColor}.geo-point.intersection{stroke:currentColor;stroke-width:3px;fill:var(--canvas-bg)}svg:not(:hover) .geo-point.pending{display:none!important}.geo-shadow{display:none;stroke-width:10px;stroke:currentColor;fill:none}.table-tile{background:var(--canvas-bg);border-left:1px solid var(--border);border-top:1px solid var(--border);display:grid;width:-moz-fit-content;width:fit-content}.table-tile.active{cursor:text}.table-selection{stroke:var(--canvas-fg);fill:var(--canvas-fg);fill-opacity:10%;pointer-events:none;stroke-width:5px}.table-cell{border-bottom:1px solid var(--border);border-right:1px solid var(--border);box-sizing:border-box;font-size:18px;height:50px;line-height:45px;max-width:200px;min-width:100px;padding:2px 8px;text-align:center;white-space:pre;-webkit-user-modify:read-write-plaintext-only;color:var(--canvas-fg);-webkit-user-select:text;-moz-user-select:text;user-select:text}.table-cell.header{background:var(--header);font-weight:700}.table-cell:focus{outline:none}.table-cell:focus:empty{content:"​";display:inline}.table-cell .table-color{border-radius:15px;display:inline-block;height:30px;margin-bottom:-8px;width:30px}.table-hidden{left:0;opacity:0;pointer-events:none;position:fixed;top:0}.chart-line{fill:none;stroke-width:3}.chart-outline{fill:none;stroke-width:6px;stroke:var(--canvas-fg)}.chart-shadow{stroke-width:10px;fill:none;opacity:.4}.donut-hole{fill:var(--canvas-bg)}.chart-focussed{cursor:pointer}@keyframes speaker-move{0%{transform:none}50%{transform:translateX(3px)}to{transform:none}}@keyframes metronome{0%{transform:rotate(-30deg)}50%{transform:rotate(30deg)}to{transform:rotate(-30deg)}}.effects-speaker-move{animation:speaker-move .1s}.text-overlay{background:#0f82f2;border-radius:4px;display:none;opacity:.2;position:absolute}.polypad svg.overlay,x-polypad{stroke-linecap:round;stroke-linejoin:round;text-anchor:middle}.polypad{--tile-stroke:var(--canvas-bg);--stroke-adjustment:1;--stroke-width-0:1px;--stroke-width-1:2px;--stroke-width-2:4px;--stroke-width-3:6px}.polypad .high-contrast{--tile-stroke:var(--canvas-fg);--stroke-width-0:2px;--stroke-width-1:2px;--stroke-width-2:4px}x-polypad{display:block;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-anchor:middle;background:var(--canvas-bg)}x-polypad .canvas{height:100%;outline:none;width:100%}x-polypad .html-overlay,x-polypad .html-overlay>*{left:0;position:absolute;top:0}x-polypad .cursors{pointer-events:none}x-polypad .cursors circle{fill:none;stroke:var(--canvas-bg);stroke-width:4}x-polypad .svg-focus{fill:none;stroke:var(--canvas-bg);stroke-width:calc(7px*var(--canvas-zoom))}x-polypad .svg-focus.inner{stroke:var(--focus-color);stroke-width:calc(3px*var(--canvas-zoom))}x-polypad .selection{stroke:#87c1f9;stroke-width:var(--canvas-zoom);fill:rgba(135,193,249,.5);display:none}x-polypad .stroke{stroke-width:3px;fill:none}x-polypad .stroke.marker{stroke-width:8px}x-polypad .stroke.highlighter{stroke-width:24px;mix-blend-mode:multiply;opacity:.4}x-polypad .stroke.cut{stroke:var(--canvas-fg);stroke-dasharray:10px}.dark x-polypad .stroke.highlighter{mix-blend-mode:screen}x-polypad[data-tool=text]{cursor:text}x-polypad[data-tool=pan]{cursor:move}x-polypad[data-tool=cutPolygon],x-polypad[data-tool=geoPending],x-polypad[data-tool=geo]{cursor:crosshair}x-polypad .geo-paths,x-polypad .geo-points,x-polypad .geo-shadows,x-polypad .grid,x-polypad .selection,x-polypad .strokes,x-polypad:not([data-tool=move]) .tiles{pointer-events:none}x-polypad[data-tool=pen] .no-sketching{pointer-events:all}x-polypad .grid{opacity:var(--grid-opacity,.25)}x-polypad.high-contrast .grid{opacity:1}x-polypad .geo-shadows{opacity:.3}x-polypad .grid-pattern line,x-polypad .grid-pattern rect{stroke:var(--canvas-fg);fill:none}x-polypad .grid-pattern .filled,x-polypad .grid-pattern circle{fill:var(--canvas-fg);stroke:none}x-polypad .image-drop{background:rgba(15,130,242,.1);border:6px dashed #0f82f2;box-sizing:border-box;display:none;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}x-polypad .tile-error{background:#fec680;border-radius:6px;bottom:calc(100% + 10px);box-shadow:0 2px 6px rgba(0,0,0,.1);color:#000;font-size:16px;left:-12px;line-height:1.4;padding:5px 10px;position:relative;position:absolute;text-align:left;top:auto;transform-origin:24px bottom -6px;width:260px}x-polypad .tile-error:after{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fec680;content:"";display:block;left:50%;left:24px;margin-left:-8px;position:absolute;top:100%}x-polypad .tile-error button{color:#0f82f2;cursor:pointer}x-polypad .tile-error button:focus,x-polypad .tile-error button:hover{text-decoration:underline}x-polypad.handdrawn .canvas{filter:url(#handdrawn)}x-polypad.handdrawn .geo-paths,x-polypad.handdrawn .strokes{filter:url(#pencil)}x-polypad .bg-icon{bottom:-60px;opacity:.1;pointer-events:none;position:absolute;right:-60px}x-polypad .rotate-label{background-color:#181824;border:1px solid;border-color:var(--canvas-bg);border-radius:6px;color:#fff;font-size:14px;font-weight:600;padding:2px 6px 0;pointer-events:none;position:absolute;top:0}x-alert.generic{background:#3a3645;font-size:22px;margin-top:10px}.polypad{--ui-bg:#3a3645;--ui-fg:hsla(0,0%,100%,.6);--ui-fg-active:hsla(0,0%,100%,.9);--ui-fg-hover:#fff;--ui-fg-inactive:hsla(0,0%,100%,.35);--ui-fg-disabled:hsla(0,0%,100%,.25);--ui-button:hsla(0,0%,100%,.2);--ui-button-disabled:hsla(0,0%,100%,.1);--ui-border:none;--ui-shadow:0 3px 8px rgba(0,0,0,.3);--ui-radius:6px;--ui-hover:transparent;--sidebar-bg:#292735;--sidebar-fg:hsla(0,0%,100%,.8);--sidebar-border:1px solid #716e79;--focus-color:#0f82f2}.polypad.large-ui{font-family:Quicksand,Helvetica,sans-serif;--ui-border:2px solid #716e79;--ui-shadow:0 6px 0 #716e79;--ui-radius:14px;--ui-hover:#29548a;--sidebar-border:var(--ui-border)}.polypad.light-ui{--ui-bg:#ededed;--ui-fg:#5f5f5f;--ui-fg-active:#4c4c4c;--ui-fg-hover:#303030;--ui-fg-inactive:rgba(95,95,95,.35);--ui-fg-disabled:rgba(95,95,95,.25);--ui-shadow:0 2px 6px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.1);--ui-button:rgba(95,95,95,.25);--ui-button-disabled:rgba(95,95,95,.1);--sidebar-bg:#ededed;--sidebar-fg:#5f5f5f;--sidebar-border:1px solid #a6a6a6}.polypad.large-ui.light-ui{--ui-hover:#c1d8ee;--ui-border:2px solid #a6a6a6;--ui-shadow:0 6px 0 #a6a6a6;--sidebar-border:var(--ui-border)}pp-sidebar{border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);color:var(--sidebar-fg);height:40px;left:8px;position:absolute;top:8px;transition:height .4s ease-out,width .4s ease-out;z-index:7}pp-sidebar.animating{overflow:hidden}pp-sidebar.open{height:calc(100% - 16px)}.large-ui pp-sidebar.open{height:calc(100% - 22px)}pp-sidebar .tabs-header{display:flex;margin-bottom:1px}pp-sidebar .tabs-header button{background:var(--ui-bg);border-right:var(--ui-border);color:var(--ui-fg);cursor:pointer;display:block;flex-grow:1;height:40px;overflow:hidden;position:relative;transition:color .2s,background .2s,border .4s,flex-grow .4s}pp-sidebar .tabs-header button:first-child{border-top-left-radius:var(--ui-radius)}pp-sidebar .tabs-header button:last-child{border-right:0!important;border-top-right-radius:var(--ui-radius)}pp-sidebar .tabs-header button x-icon{display:block;margin:0 8px 0 12px}pp-sidebar .tabs-header button span{left:44px;opacity:0;position:absolute;top:9px;transition:opacity .2s;white-space:nowrap}pp-sidebar .tabs-header button.active,pp-sidebar .tabs-header button:focus,pp-sidebar .tabs-header button:hover{background:var(--sidebar-bg);color:var(--ui-fg-hover)}pp-sidebar .tabs-header button.active span{opacity:1}pp-sidebar .tabs-header button.active:hover .close{opacity:.5;transition-delay:.6s}pp-sidebar .tabs-header button .badge{background:#cd0e66;border-radius:100%;height:12px;position:absolute;right:6px;top:6px;width:12px}pp-sidebar.open .tabs-header button{border-right:var(--sidebar-border);flex-grow:0}.light-ui pp-sidebar.open .tabs-header button:not(.active){background:var(--ui-fg-inactive)}pp-sidebar.open .tabs-header button.active{flex-grow:1000}pp-sidebar .tabs-body{background:var(--sidebar-bg);border-radius:0 0 var(--ui-radius) var(--ui-radius);border-top:var(--sidebar-border);bottom:0;position:absolute;top:40px;width:100%}pp-sidebar .tabs-panel{height:100%;left:0;overflow:auto;position:absolute;top:0;width:100%;-webkit-overflow-scrolling:touch;display:none;overscroll-behavior:contain;transition:transform .4s ease-out}pp-sidebar .tabs-panel.left{transform:translateX(-100%)}pp-sidebar .tabs-panel.right{transform:translateX(100%)}pp-sidebar h2,pp-sidebar h3{border-top:var(--sidebar-border);font-weight:600;margin:0;padding:2px 16px}pp-sidebar h2{font-size:18px;line-height:36px}pp-sidebar h2:first-child{border:none;margin-top:6px}pp-sidebar h3{font-size:16px;letter-spacing:.01em;line-height:30px;padding-left:9px}pp-sidebar h2 x-icon{background:currentColor;fill:#fff;border-radius:100%;margin:0 8px -6px -6px;padding:3px}pp-sidebar h2.m-red span{color:#e00f70}pp-sidebar h2.m-purple span{color:#865bcc}pp-sidebar .warn{margin:20px 16px;text-align:center}pp-sidebar .warn>x-icon{display:block;margin:0 auto 6px}pp-sidebar .warn p{line-height:1.4;margin:0}pp-sidebar .warn .s-btn-row{margin-top:12px}pp-sidebar .section-block{margin:0 16px 16px 42px}pp-sidebar .form-row input,pp-sidebar .form-row select,pp-sidebar .s-btn{height:28px;line-height:28px;transition:background .2s,color .2s}pp-sidebar .title-options{display:flex;margin-top:-36px;position:absolute;right:10px}pp-sidebar .title-options a,pp-sidebar .title-options button,pp-sidebar .title-options x-icon{display:block}pp-sidebar .title-options a,pp-sidebar .title-options button{border-radius:4px;color:hsla(0,0%,100%,.7);cursor:pointer;margin:0 2px;padding:4px;transition:color .2s,background .2s}pp-sidebar .title-options a:focus,pp-sidebar .title-options a:hover,pp-sidebar .title-options button:focus,pp-sidebar .title-options button:hover{background:hsla(0,0%,100%,.25);color:#fff}pp-sidebar .input-field{box-sizing:border-box;height:30px;line-height:28px}pp-sidebar .s-btn{background:hsla(0,0%,100%,.25);color:hsla(0,0%,100%,.9);font-size:15px;font-weight:600;padding:0 10px;transition:background .2s,color .2s}pp-sidebar .s-btn x-icon{margin:0 2px -4px -1px}pp-sidebar .s-btn:first-child{border-radius:20px 0 0 20px;padding-left:12px}pp-sidebar .s-btn:last-child{border-bottom-right-radius:20px;border-top-right-radius:20px;padding-right:12px}pp-sidebar .s-btn:focus,pp-sidebar .s-btn:hover{background:hsla(0,0%,100%,.4);color:#fff}pp-sidebar .s-btn.delete:focus,pp-sidebar .s-btn.delete:hover{background:rgba(205,14,102,.8)}pp-sidebar .s-btn.save{background:rgba(34,171,36,.8)}pp-sidebar .s-btn.save:focus,pp-sidebar .s-btn.save:hover{background:#22ab24}pp-sidebar .s-btn.blue{background:rgba(15,130,242,.8)}pp-sidebar .s-btn.blue:focus,pp-sidebar .s-btn.blue:hover{background:#0f82f2}pp-sidebar .s-btn-row .s-btn{margin-right:1px}pp-sidebar .s-btn-row .s-btn:last-child{margin:0}pp-sidebar .s-btn-row.loading{background:url(/images/loading-white.gif) 50% no-repeat;background-size:20px 20px}pp-sidebar .s-btn-row.loading .s-btn{visibility:hidden}pp-sidebar .form-row{align-items:center;display:flex;font-size:15px;margin-bottom:2px;padding:2px 0}pp-sidebar .form-row>x-icon{margin-right:6px}pp-sidebar .form-row span{display:block;flex-grow:1;font-weight:600}pp-sidebar .form-row .input-field{width:140px}pp-sidebar .form-row .input-pair{border-radius:4px 0 0 4px;width:70px}pp-sidebar .form-row .input-pair+.input-pair{border-left:none;border-radius:0 4px 4px 0}pp-sidebar .form-row .s-btn x-icon{margin:0 -3px -4px}pp-tiles h3 .new{background:var(--ui-fg);border-radius:3px;color:var(--sidebar-bg);display:inline-block;font-size:11px;line-height:1;margin-left:6px;padding:1px 3px;vertical-align:2px}pp-tiles x-accordion{display:block}pp-tiles x-accordion .subsection{margin-left:32px;position:relative}pp-tiles x-accordion .check{margin:-26px 0 0 42px;position:absolute}pp-tiles x-accordion x-accordion .check{margin:-23px 0 0 9px}pp-tiles h2,pp-tiles h3{cursor:pointer;overflow:hidden;text-overflow:ellipsis;transition:background .2s,border .2s;white-space:nowrap}pp-tiles h2:focus,pp-tiles h2:hover,pp-tiles h3:focus,pp-tiles h3:hover{background:var(--ui-button)}pp-tiles h2:focus+.subsection h3:first-child,pp-tiles h2:hover+.subsection h3:first-child,pp-tiles h3:focus+.subsection h3:first-child,pp-tiles h3:hover+.subsection h3:first-child{border-color:transparent}.large-ui pp-tiles h2,.large-ui pp-tiles h3{padding:4px 16px}pp-tiles.customising h2 x-icon{margin-right:28px}pp-tiles.customising h3{padding-left:29px}pp-tiles.single h2,pp-tiles.single h3{display:none!important}pp-tiles.single .subsection{margin:16px}pp-tiles p{color:var(--ui-fg-active);font-size:16px;line-height:28px;margin:6px 16px}pp-tiles .input-row input{border-radius:0;margin-top:-1px}pp-tiles .input-row input:focus{z-index:1}pp-tiles .input-row input:first-child{border-radius:3px 3px 0 0;margin:0}pp-tiles .input-row input:last-child{border-radius:0 0 3px 3px}pp-tiles .input-dropdown{align-items:center;display:flex;font-size:12px;margin-top:10px;width:100%}pp-tiles .input-dropdown label{font-size:14px;margin-right:auto;min-width:60px;text-align:left}pp-tiles .select-field{width:125px}pp-tiles .source-wrap x-select{display:flex;justify-content:center;margin-bottom:8px;width:100%}pp-tiles .source-wrap x-select button{border-radius:4px;color:var(--ui-fg-inactive);font-weight:700;height:24px;line-height:24px;margin:0 2px;padding:4px 0;text-align:center;transition:color .2s,background-color .2s;width:32px}pp-tiles .source-wrap x-select button.small{font-size:16px;letter-spacing:-.5px}pp-tiles .source-wrap x-select button:hover{background:var(--ui-button);color:var(--ui-fg)}pp-tiles .source-wrap x-select button.active{background:var(--ui-button);color:#fff}.light-ui pp-tiles .source-wrap x-select button.active{background:#0f82f2}pp-tiles .source-wrap x-select x-icon{display:block;margin:0 4px}pp-tiles x-drag .handle{font-style:italic;font-weight:600;line-height:18px}pp-tiles footer{border-top:var(--sidebar-border);color:var(--ui-fg);font-size:14px;padding:12px 16px 16px;text-align:center}pp-tiles footer a,pp-tiles footer button{transition:color .2s}pp-tiles footer a:focus,pp-tiles footer a:hover,pp-tiles footer button:focus,pp-tiles footer button:hover{color:var(--ui-fg-hover)}pp-sidebar{--canvas-bg:#fff;--canvas-fg:#181824}pp-sidebar svg{stroke-linecap:round;stroke-linejoin:round;text-anchor:middle}pp-sidebar text{pointer-events:none}pp-sidebar .source-wrap{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:0 auto;padding-right:6px}pp-sidebar .source-wrap:first-child{margin-top:4px}pp-sidebar .source-wrap:last-child{margin-bottom:12px}pp-sidebar .source-wrap>.source,pp-sidebar .source-wrap>svg{margin:3px 0}pp-sidebar .source-wrap>.source.tight{margin:0}pp-sidebar .source-wrap .source{cursor:grab;touch-action:none}pp-sidebar .source-wrap+.source-wrap{border-top:var(--sidebar-border);margin-top:10px;padding-top:6px}pp-sidebar .caption,pp-sidebar .source:after,pp-sidebar .subtitle{color:var(--ui-fg);display:block;font-size:14px;line-height:1.2;text-align:center;width:100%}pp-sidebar .source:after{content:attr(data-caption);font-size:12px}pp-sidebar .caption{box-sizing:border-box;margin:0;padding:0 16px}pp-sidebar .subtitle{border-top:var(--sidebar-border);font-size:15px;font-weight:600;letter-spacing:.3px;margin:16px 0 4px;padding-top:12px}pp-sidebar .subtitle:first-child{border:0;margin-top:6px;padding:0}pp-sidebar .polypad-library .caption{margin-bottom:16px}pp-sidebar .primes{align-items:center;display:flex;flex-grow:1;justify-content:center;margin:8px 20px 6px}pp-sidebar .primes input{margin-right:12px;width:64px}.light-ui pp-sidebar{--canvas-bg:#3a3645;--canvas-fg:var(--ui-bg)}.light-ui pp-sidebar .ui-light-invert{--canvas-bg:var(--ui-bg);--canvas-fg:#3a3645}.light-ui pp-sidebar img.ui-light-invert{filter:invert(.5)}pp-sidebar .letters-text-box{align-items:center;display:flex;flex-grow:1;justify-content:center;margin:10px}pp-sidebar .letters-text-box textarea{height:100px;margin:8px;overflow-y:visible;padding:8px;text-align:left;width:200px}pp-customise .section-block{margin:16px}pp-customise .form-row span{font-weight:400}pp-customise .form-row.control{margin-top:6px}pp-customise .form-row .input-field{width:100px}pp-customise .form-row .input-pair{width:50px}pp-customise h4{border-top:var(--sidebar-border);color:var(--ui-fg);font-size:12px;margin:10px 0 6px;padding-top:10px;text-transform:uppercase}pp-customise p.bg-warn{color:hsla(0,0%,100%,.5);font-size:13px;line-height:1.4;margin:2px 0 8px}pp-customise p.caption{font-size:13px;line-height:1.35;padding:0 0 0 23px;text-align:left}pp-customise p.caption a,pp-customise p.caption button{color:#0f82f2;margin:0 1px}pp-customise p.caption a:focus,pp-customise p.caption a:hover,pp-customise p.caption button:focus,pp-customise p.caption button:hover{text-decoration:underline}pp-customise .form-row.color{position:relative}pp-customise .form-row.color input{height:26px;opacity:0;position:absolute;right:0;top:2px;width:64px;z-index:-1}pp-customise .form-row.color .swatch{border:1px solid hsla(0,0%,60%,.5);border-radius:4px;flex-grow:0;height:26px;width:98px}pp-customise .form-row.color input:focus+.swatch{border-color:#0f82f2;box-shadow:0 0 0 3px rgba(15,130,242,.5);outline:none}pp-drive{display:block;margin-bottom:24px}pp-sidebar .top-nav{background:var(--sidebar-bg);border-bottom:var(--sidebar-border);padding:10px 10px 10px 16px;position:sticky;top:0;z-index:1}pp-sidebar .top-nav .input-field{flex-grow:1;margin-right:6px;padding:0 8px;text-align:left}pp-sidebar .top-nav .tooltip{left:auto;right:0;top:34px;transform:none}pp-sidebar .file{align-items:center;cursor:pointer;display:flex;padding:4px 8px 4px 16px;transition:background .2s}pp-sidebar .file.moving,pp-sidebar .file:focus,pp-sidebar .file:focus-within,pp-sidebar .file:hover{background:var(--ui-button)}pp-sidebar .folder-children{overflow:hidden;padding-left:24px}pp-sidebar .folder-icon{margin-right:8px;stroke:var(--ui-fg-active);fill:var(--ui-fg-inactive);opacity:.7}pp-sidebar .folder-arrow{margin:0 2px 0 -4px;transition:transform .3s}pp-sidebar .folder-arrow.open{transform:rotate(90deg)}pp-sidebar .folder-overlay{margin:2px 17px 0 -31px}pp-sidebar .selected{background:rgba(15,130,242,.5)}pp-sidebar .thumb{background:#fff 50%;background-size:contain;border-radius:4px;flex-shrink:0;height:32px;margin-right:8px;width:48px}pp-sidebar .title{flex:1 1;line-height:1;width:50px}pp-sidebar .title input{font-size:16px;width:100%}pp-sidebar .title input[disabled]{pointer-events:none}pp-sidebar .title input:focus{border-bottom:var(--sidebar-border)}pp-sidebar .title .meta{font-size:11px;opacity:.4}pp-sidebar .actions{display:flex;margin-left:4px}pp-sidebar .actions x-icon{display:block}pp-sidebar .actions a,pp-sidebar .actions button{border-radius:4px;margin-left:2px;padding:3px;position:relative;transition:background .2s}pp-sidebar .actions a:focus,pp-sidebar .actions a:hover,pp-sidebar .actions button:focus,pp-sidebar .actions button:hover{background:var(--ui-button)}pp-sidebar .file.moving{background:var(--sidebar-bg);border:2px solid #0f82f2;box-shadow:4px 4px 18px rgba(0,0,0,.5);margin:-2px;position:absolute;width:276px;z-index:10}pp-sidebar .file .actions{display:none}pp-sidebar .file:focus .actions,pp-sidebar .file:focus-within .actions{display:flex}pp-help{font-size:15px;line-height:1.4;-webkit-user-select:text;-moz-user-select:text;user-select:text}pp-help .top-nav select.input-field{background-position:top 9px right 5px;font-size:18px;font-weight:600;height:36px;line-height:36px;padding:0 20px 0 8px;text-overflow:ellipsis}pp-help button.back{position:relative}pp-help button.back x-icon{display:block;margin-right:6px}pp-help button.back:disabled{cursor:default;opacity:.5}pp-help button.back .tooltip{left:0;right:auto}pp-help button.next{border-radius:4px;float:right;margin:-8px -4px 0 0;padding:4px 6px 6px 12px;transition:background .2s,color .2s;width:-moz-fit-content;width:fit-content}pp-help button.next x-icon{margin:0 0 -6px 2px}pp-help button.next:focus,pp-help button.next:hover{background:hsla(0,0%,100%,.2);color:#fff}pp-help .help-block{padding:18px}pp-help .help-block:after{clear:both;content:"";display:block}pp-help hr{background:var(--ui-border);margin-top:2em}pp-help h3{border:none;font-size:18px;line-height:1.2;margin:22px 0 10px;padding:0}pp-help h3:first-child{margin-top:0}pp-help ol,pp-help p,pp-help ul{color:var(--ui-fg);margin-bottom:.8em}pp-help ul{margin-left:1em}pp-help li:last-child{margin:0}pp-help h3,pp-help strong{color:var(--ui-fg-active)}pp-help li x-icon,pp-help p x-icon{margin:0 -1px -2px 1px}pp-help button[data-to]{background:var(--ui-button);border-radius:20px;color:var(--ui-fg-active);margin:0 1px;padding:0 8px;white-space:nowrap}pp-help button[data-to]:focus,pp-help button[data-to]:hover{background:var(--ui-fg-inactive)}pp-help button[data-to] x-icon{margin-left:0}pp-help a.panel{align-items:center;background:var(--ui-button);border-radius:6px;display:flex;min-height:40px;transition:background .2s}pp-help a.panel span:first-child{align-self:stretch;background:#fff 50%/cover no-repeat;border-radius:6px 0 0 6px;flex:0 0 72px}pp-help a.panel span:last-child{color:#fff;flex-grow:1;padding:8px 10px}pp-help a.panel:focus,pp-help a.panel:hover{background:var(--ui-fg-inactive);color:#fff;text-decoration:none}pp-help code{background:var(--ui-button);border:1.5px solid var(--ui-fg-inactive);border-radius:4px;color:var(--ui-fg-active);font-family:inherit;font-size:90%;font-weight:600;line-height:1;margin:0 2px;padding:0 3px}.hover-overlay{height:100%;left:0;pointer-events:none;position:absolute;position:fixed;top:0;width:100%;z-index:999}pp-generator{display:block;font-size:15px;line-height:1.5;padding:12px 16px}pp-generator p{margin-bottom:.8em}pp-generator .internal{color:var(--ui-fg);font-size:13px}pp-generator .input-field{font-size:15px;height:150px;line-height:1.4;margin:18px 0 12px;padding:4px 8px;resize:vertical;text-align:left;width:268px}pp-actionbar{background:var(--ui-bg);border-radius:var(--ui-radius) 26px 26px var(--ui-radius);box-shadow:var(--ui-shadow);color:var(--ui-fg-active);display:none;font-size:16px;height:32px;padding:4px 8px 4px 6px;position:absolute;width:-moz-fit-content;width:fit-content;z-index:4}pp-actionbar.floating{left:0;top:0;will-change:transform;z-index:6}pp-actionbar.floating .tooltip{top:38px}pp-actionbar.pinned{border-radius:26px;bottom:calc(100% + 8px);left:50%;padding:4px 8px;transform:translateX(-50%);transition:transform .4s}pp-actionbar.pinned .tooltip{top:-30px}.large-ui pp-actionbar.pinned .tooltip{top:-28px}pp-actionbar .actions{display:flex}pp-actionbar .action{align-items:center;display:flex;padding:0 8px;position:relative}@media screen and (max-width:460px){pp-actionbar .action{padding:0 6px}}pp-actionbar .select button,pp-actionbar button.action{border-radius:4px;height:32px;line-height:32px;transition:background .15s,color .15s;white-space:nowrap}pp-actionbar .select button:focus,pp-actionbar .select button:hover,pp-actionbar button.action:focus,pp-actionbar button.action:hover{background:var(--ui-button);color:var(--ui-fg-hover)}pp-actionbar .select button x-icon,pp-actionbar button.action x-icon{display:block;margin:0 -3px}pp-actionbar div.action span,pp-actionbar label.action span{flex-grow:1;margin-right:8px;white-space:nowrap}pp-actionbar .action x-icon+span{margin-left:6px}pp-actionbar .action x-icon+select{margin-left:8px}pp-actionbar .select{padding:0 2px}pp-actionbar .select button{opacity:.3;padding:0 6px;position:relative}pp-actionbar .select button.active,pp-actionbar .select button:focus,pp-actionbar .select button:hover{opacity:1}pp-actionbar .select button.active{pointer-events:none}pp-actionbar input.input-field{width:45px}pp-actionbar select.input-field{max-width:100px}pp-actionbar .action.wide-input .input-field{padding:0 8px;text-align:left}pp-actionbar .input-range{border-radius:4px 0 0 4px}pp-actionbar .input-range+.input-range{border-left:0;border-radius:0 4px 4px 0}pp-actionbar .increment{border:1px solid #807c89;border-radius:4px 0 0 4px;border-right-width:0;font-weight:600;line-height:24px;transition:background .2s;width:20px}pp-actionbar .increment:focus,pp-actionbar .increment:hover{background:rgba(0,0,0,.2)}pp-actionbar .increment+.input-field{border-radius:0;width:45px}pp-actionbar .action .input-field+.increment{border-radius:0 4px 4px 0;border-width:1px 1px 1px 0}pp-actionbar .input-pair{border-radius:4px 0 0 4px;width:40px}pp-actionbar .input-pair+.input-pair{border-radius:0 4px 4px 0;margin-left:-1px;width:39px}pp-actionbar .input-pair:focus{position:relative;z-index:1}pp-actionbar button.action.no-icon x-icon{display:none}pp-actionbar button.action.no-icon span{margin:0}pp-actionbar x-popup{display:block;position:relative}pp-actionbar .action.popup-target{border-radius:4px 20px 20px 4px;box-sizing:border-box;margin-right:-4px;padding:0 10px 0 6px}pp-actionbar .popup-body{background:var(--ui-bg);border-radius:6px;box-shadow:var(--ui-shadow);font-size:15px;min-width:160px;position:relative;position:absolute;right:-4px;top:46px;transform-origin:right top;z-index:10}pp-actionbar .popup-body:after{border-bottom:6px solid var(--ui-bg);border-left:6px solid transparent;border-right:6px solid transparent;bottom:100%;content:"";display:block;left:50%;left:auto;margin-left:-6px;position:absolute;right:16px;top:-6px}.light-ui pp-actionbar .popup-body:after{filter:drop-shadow(0 -1px 0 rgba(0,0,0,.15))}pp-actionbar.nearBtm .popup-body,pp-actionbar.pinned .popup-body{bottom:calc(100% + 8px);top:auto;transform-origin:right bottom}pp-actionbar.nearBtm .popup-body:after,pp-actionbar.pinned .popup-body:after{border-bottom:none;border-top:6px solid var(--ui-bg);bottom:-6px;top:auto}.light-ui pp-actionbar.nearBtm .popup-body:after,.light-ui pp-actionbar.pinned .popup-body:after{filter:drop-shadow(0 1px 0 rgba(0,0,0,.15))}pp-actionbar.nearLeft .popup-body{left:-4px;right:auto}pp-actionbar.nearLeft .popup-body:after{left:16px;right:auto}pp-actionbar .popup-body x-accordion{border-bottom:var(--sidebar-border);display:block}pp-actionbar .popup-body h4{color:var(--ui-fg);cursor:pointer;font-size:13px;letter-spacing:.02em;margin:0;padding:6px 12px;text-transform:uppercase;white-space:nowrap}pp-actionbar .popup-body h4 x-icon{margin:0 2px -4px -2px;transition:transform .3s}pp-actionbar .popup-body h4.active x-icon{transform:rotate(90deg)}pp-actionbar .popup-body .actions{display:block}pp-actionbar .popup-body .actions .action:last-child{margin-bottom:6px}pp-actionbar .popup-body button.a{display:block;font-size:14px;margin:0 auto 8px}pp-actionbar .popup-body button.a x-icon{margin:0 1px -2px}pp-actionbar .popup-body button.action{background:var(--ui-button);box-sizing:border-box;color:inherit;height:28px;line-height:24px;margin:4px 10px;width:calc(100% - 20px)}pp-actionbar .popup-body button.action:focus,pp-actionbar .popup-body button.action:hover{background:var(--ui-fg-inactive);color:var(--ui-fg-hover)}pp-actionbar .popup-body button.action x-icon{display:inline-block;margin:0 6px -4px 4px}pp-actionbar .popup-body button.action .tooltip{all:revert}pp-actionbar .popup-body .action{padding:2px 12px}pp-actionbar .popup-body .input-field{box-sizing:border-box;width:100px}pp-actionbar .popup-body .action .increment+input.input-field{width:58px}pp-actionbar .popup-body .input-range{width:50px}pp-actionbar .popup-body div.action span,pp-actionbar .popup-body label.action span{margin-right:14px}pp-actionbar .popup-body .action x-icon,pp-actionbar .popup-body .action x-icon svg{height:20px!important;width:20px!important}pp-actionbar .visibility{align-content:start;display:grid!important;grid-template-columns:repeat(2,auto);padding:0 8px 6px;white-space:nowrap}pp-actionbar .visibility label{border-radius:3px;cursor:pointer;display:block;padding:0 6px;transition:background .2s}pp-actionbar .visibility label:focus,pp-actionbar .visibility label:hover{background:hsla(0,0%,100%,.1)}pp-actionbar .visibility input{margin-right:6px;vertical-align:-1px}pp-actionbar .popup-body button.pin{border-radius:0 0 4px 4px;color:var(--ui-fg-inactive);font-size:13px;height:28px;transition:background .15s,color .15s;width:100%}pp-actionbar .popup-body button.pin:focus,pp-actionbar .popup-body button.pin:hover{background:var(--ui-button);color:var(--ui-fg)}pp-actionbar .popup-body button.pin x-icon{margin:0 6px -2px 0}@media screen and (max-width:600px){pp-actionbar .popup-body button.pin{display:none}}pp-actionbar .compute{display:flex;flex-wrap:wrap;margin:0 9px 4px;width:190px}pp-actionbar .popup-body .compute .action{font-size:13px;height:22px;line-height:22px;margin:2px;padding:0 8px;width:auto}pp-actionbar .custom-select .action{height:100%}pp-actionbar .custom-select .popup-target{cursor:pointer;overflow:hidden;text-align:left;white-space:nowrap}pp-actionbar .custom-select .popup-target x-icon{margin:0 2px -4px 6px}pp-actionbar .custom-select .popup-body{background:#44404e;border:var(--sidebar-border);bottom:auto!important;color:var(--ui-fg);display:flex;flex-wrap:wrap;padding:3px}.light-ui pp-actionbar .custom-select .popup-body{background:var(--ui-bg);border:none}pp-actionbar .custom-select .popup-body:after{display:none}pp-actionbar .custom-select .popup-body button{border-radius:4px;padding:4px 0 6px;transition:background .2s,color .2s;width:70px}pp-actionbar .custom-select .popup-body button x-icon{display:block;margin:0 auto 1px}pp-actionbar .custom-select .popup-body button div{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}pp-actionbar .custom-select .popup-body button.active,pp-actionbar .custom-select .popup-body button:focus,pp-actionbar .custom-select .popup-body button:hover{background:var(--ui-button);color:var(--ui-fg-hover)}pp-actionbar .custom-select .popup-body .tabs{display:flex;justify-content:center;margin:2px 0 8px}pp-actionbar .custom-select .popup-body .tabs button{margin:0 1px;padding:4px 12px;width:auto}pp-actionbar.nearBtm .custom-select .popup-body,pp-actionbar.pinned .custom-select .popup-body{bottom:0;top:auto}.large-ui pp-actionbar{border-radius:var(--ui-radius) 26px 26px var(--ui-radius);height:52px;margin-left:8px;padding:0;position:static;transform:none}.large-ui pp-actionbar>.actions>.action:last-child:not(.no-last-child-styles),.large-ui pp-actionbar>x-popup>.popup-target{border:0;border-bottom-right-radius:26px;border-top-right-radius:26px;padding-right:18px}.large-ui pp-actionbar>x-popup>.popup-target{height:100%;width:100%}.large-ui pp-actionbar>.actions>button.action{padding:10px}.large-ui pp-actionbar>.actions>.action{border-radius:0;border-right:var(--ui-border);color:var(--ui-fg-inactive)}.large-ui pp-actionbar>.actions>.action:focus,.large-ui pp-actionbar>.actions>.action:hover{color:var(--ui-fg)}.large-ui pp-actionbar>.actions>.action:first-child{border-radius:var(--ui-radius) 0 0 var(--ui-radius);padding-left:14px}.large-ui pp-actionbar .action.no-icon x-icon{display:block}.large-ui pp-actionbar .action x-icon,.large-ui pp-actionbar .action x-icon svg{height:32px!important;width:32px!important}.large-ui pp-actionbar .select button:focus,.large-ui pp-actionbar .select button:hover,.large-ui pp-actionbar button.action:focus,.large-ui pp-actionbar button.action:hover{background:var(--ui-hover)}.large-ui pp-actionbar .select button x-icon,.large-ui pp-actionbar button.action x-icon{margin:0}.large-ui pp-actionbar .select button:active,.large-ui pp-actionbar button.action:active{transform:translateY(4px)}x-color-picker{display:flex;height:90px;justify-content:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:270px}x-color-picker.custom .palette,x-color-picker:not(.custom) .sliders{display:none}x-color-picker .palette{display:flex;flex-wrap:wrap}x-color-picker .palette button{box-sizing:border-box;cursor:pointer;height:30px;width:30px}x-color-picker .palette button.active{border:3px solid #fff;border-radius:4px;transform:scale(1.2)}html.is-tabbing x-color-picker .palette button:focus,x-color-picker .palette button.active{z-index:1}x-color-picker .sliders{margin:-3px 0;width:100%}x-color-picker .slider-row{align-items:center;display:flex;height:24px;justify-content:space-between}x-color-picker .slider-row label{display:block;font-size:14px;height:24px;opacity:.8}x-color-picker .slider{border-radius:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);height:14px;margin:6px 0;position:relative;width:180px}x-color-picker .handle{background:#fff;border-radius:100%;box-shadow:0 2px 4px rgba(0,0,0,.4);cursor:grab;height:20px;margin:-3px -10px;position:absolute;transition:transform .2s;width:20px}x-color-picker .handle.active,x-color-picker .handle:hover{box-shadow:0 4px 8px rgba(0,0,0,.3);transform:scale(1.2)}x-color-picker .input-field{font-size:13px;height:20px;line-height:20px;width:44px}.toolbar-wrap{align-items:end;bottom:calc(8px + env(safe-area-inset-bottom));display:none;left:50%;position:absolute;transform:translateX(-50%);transition:transform .4s ease-out;z-index:5}.large-ui .toolbar-wrap{bottom:calc(14px + env(safe-area-inset-bottom))}@media screen and (min-width:700px){.toolbar-wrap.shifted{transform:translateX(calc(154px - 50%))}}pp-toolbar .bar{background:var(--ui-bg);border-radius:26px;box-shadow:var(--ui-shadow);display:flex;justify-content:center;position:relative}.double-bar pp-toolbar .bar{border-bottom-right-radius:var(--ui-radius);border-top-right-radius:var(--ui-radius)}pp-toolbar .tool-wrap{border-right:var(--ui-border);position:relative}pp-toolbar .tool-wrap:last-child{border:none}pp-toolbar .tool{color:var(--ui-fg-inactive);cursor:pointer;display:block;padding:7px 6px;transition:color .1s}pp-toolbar .tool x-icon{display:block}pp-toolbar .tool.active,pp-toolbar .tool:focus,pp-toolbar .tool:hover{background:var(--ui-hover);color:var(--ui-fg)}.large-ui pp-toolbar .tool{padding:10px}.large-ui pp-toolbar .tool:active{transform:translateY(4px)}pp-toolbar .tool .tooltip{top:-28px}pp-toolbar .tool-wrap.active .tool{background:var(--ui-hover);color:var(--ui-fg-active);cursor:default;pointer-events:none}pp-toolbar .tool-wrap:first-child .tool{border-radius:26px 0 0 26px;padding-left:18px}pp-toolbar .tool-wrap:last-child .tool{border-bottom-right-radius:26px;border-top-right-radius:26px;padding-right:18px}.double-bar pp-toolbar .tool-wrap:last-child .tool{border-bottom-right-radius:var(--ui-radius);border-top-right-radius:var(--ui-radius);padding-right:14px}@media screen and (max-width:400px){pp-toolbar .tool{padding:7px 3px}pp-toolbar .tool-wrap:first-child .tool{padding-left:12px}pp-toolbar .tool-wrap:last-child .tool{padding-right:12px}}@media screen and (max-width:340px){pp-toolbar .tool{padding:7px 1px}}pp-toolbar .check{text-align:center}pp-toolbar .popup-body{background:var(--ui-bg);border-radius:10px;box-shadow:var(--ui-shadow);display:none;padding:12px;position:relative;position:absolute;transform-origin:center bottom;z-index:10}pp-toolbar .popup-body:after{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--ui-bg);content:"";display:block;left:50%;margin-left:-8px;position:absolute;top:100%}.light-ui pp-toolbar .popup-body:after{filter:drop-shadow(0 1px 0 rgba(0,0,0,.2))}.light-ui.large-ui pp-toolbar .popup-body:after{filter:drop-shadow(0 5px 0 #a6a6a6)}pp-toolbar .popup-target,pp-toolbar x-popup{align-items:center;display:flex;justify-content:center}pp-toolbar .popup-target{cursor:pointer;height:32px;width:30px}pp-toolbar .color-picker{color:var(--ui-fg-hover)!important;display:block;position:relative}pp-toolbar .color-picker.locked{opacity:50%;pointer-events:none}pp-toolbar .color-picker .color-circle{background:linear-gradient(180deg,transparent,rgba(0,0,0,.25));border-radius:50%;box-sizing:border-box;height:30px;width:30px}pp-toolbar .color-picker .preview-text{position:absolute}pp-toolbar .color-picker .rainbow{background:radial-gradient(#fff,hsla(0,0%,100%,0) 60%),conic-gradient(#cd0e66,#6d3bbf,#0f82f2,#009ea6,#22ab24,#bfc212,#fd8c00,#eb4726,#cd0e66)}pp-toolbar .color-picker .popup-body{bottom:calc(100% + 12px);cursor:default;left:-126px}@media screen and (max-width:980px){pp-toolbar .color-picker .popup-body{left:-240px;transform-origin:260px bottom}pp-toolbar .color-picker .popup-body:after{left:260px}}pp-toolbar .color-picker .reveal-stroke{overflow:hidden}pp-toolbar .color-picker .color-options-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}pp-toolbar .color-picker x-select{display:flex}pp-toolbar .color-picker x-select button{background:var(--ui-button-disabled);color:var(--ui-fg);margin-right:2px;padding:4px;position:relative;transition:background .2s,color .2s}pp-toolbar .color-picker x-select button.active,pp-toolbar .color-picker x-select button:hover{background:var(--ui-button);color:var(--ui-fg-active)}pp-toolbar .color-picker x-select button:first-child{border-radius:6px 0 0 6px}pp-toolbar .color-picker x-select button:last-child{border-bottom-right-radius:5px;border-top-right-radius:5px;margin:0}pp-toolbar .color-picker x-select x-icon{margin:0 8px}pp-toolbar .color-picker .color-preview{border-radius:2px;height:4px;margin:0 auto;width:28px}pp-toolbar .color-picker .stroke-choice{stroke:currentColor;stroke-linecap:round}pp-toolbar .brushes,pp-toolbar .buttons{bottom:100%;display:none;left:50%;position:absolute;transform:translateX(-50%);z-index:-1}pp-toolbar .brushes.active,pp-toolbar .buttons.active{display:flex}pp-toolbar .buttons{background:var(--ui-bg);border-radius:20px;box-shadow:var(--ui-shadow);margin-bottom:8px}.large-ui pp-toolbar .buttons{margin-bottom:14px}pp-toolbar .buttons button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ui-button);border-right:var(--sidebar-border);color:var(--ui-fg-inactive);cursor:pointer;font-size:16px;height:2em;line-height:2em;padding:0 12px;transition:background .2s,color .2s;white-space:nowrap}pp-toolbar .buttons button:first-child{border-radius:20px 0 0 20px;padding-left:16px}pp-toolbar .buttons button:last-child{border:0;border-bottom-right-radius:20px;border-top-right-radius:20px;padding-right:16px}pp-toolbar .buttons button.active{cursor:default}pp-toolbar .buttons button x-icon{margin:0 3px -5px -4px}.large-ui pp-toolbar .buttons button{background:transparent}pp-toolbar .buttons button.active,pp-toolbar .buttons button:focus,pp-toolbar .buttons button:hover{background:var(--ui-hover);color:var(--ui-fg-active)}pp-toolbar .brushes{margin-bottom:-20px}pp-toolbar .brushes svg{cursor:pointer;margin:0 3px;transition:transform .2s,filter .2s,fill .2s}pp-toolbar .brushes svg:focus,pp-toolbar .brushes svg:hover{transform:translateY(-10px)}pp-toolbar .brushes svg.active{cursor:default;transform:translateY(-20px)}pp-toolbar .brushes.blur-inactive svg:not(.active){fill:#3a3645;filter:saturate(0) contrast(.3) brightness(1.5)}pp-toolbar .recording .popup-body{bottom:calc(100% + 12px);color:var(--sidebar-fg);cursor:default;font-size:15px;left:-70px;width:160px}pp-toolbar .recording .popup-body .form-row{align-items:center;margin-bottom:4px}pp-toolbar .recording .popup-body .form-row span{display:block;flex-grow:1;margin-left:6px}pp-toolbar .recording .popup-body button{margin-top:6px;width:-webkit-fill-available}pp-toolbar .recording .dot{background:currentColor;border-radius:8px;display:block;height:16px;outline:2px solid currentColor;outline-offset:3px;width:16px}pp-toolbar .pill{border-radius:20px;margin:4px 1px;padding:0;transition:background .2s,width .2s;width:46px}pp-toolbar .pill button{align-items:center;display:flex;padding:7px 1px 5px;position:relative;transition:color .2s}pp-toolbar .pill button:first-child{padding-left:14px}pp-toolbar .pill button:last-child{padding-right:12px}pp-toolbar .pill button:focus,pp-toolbar .pill button:hover{color:#fff}pp-toolbar .pill .timer{font-size:15px;margin-left:4px;text-align:center;width:50px}pp-toolbar .pill.active{background:#cd0e66;width:122px}pp-toolbar .pill.active button{color:hsla(0,0%,100%,.75)}pp-toolbar .pill.active .dot{animation:record-bounce .5s infinite alternate;animation-timing-function:cubic-bezier(.215,.61,.355,1);border-radius:3px;outline-color:transparent;outline-offset:-3px}pp-toolbar .pill.active .timer{opacity:1}@keyframes record-bounce{0%{transform:scale(1.2)}to{transform:none}}pp-settings{display:none;position:absolute;right:8px;top:8px;z-index:7}pp-settings .settings-group{background-color:var(--ui-bg);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);margin-bottom:8px;position:relative}pp-settings .settings-group:last-child{margin:0}pp-settings .settings-btn{border-bottom:var(--ui-border);color:var(--ui-fg);cursor:pointer;display:block;padding:8px;position:relative}pp-settings .settings-btn.logo{padding:4px}pp-settings .settings-btn.logo img{border-radius:4px}pp-settings .settings-btn:focus,pp-settings .settings-btn:not([disabled]):hover{background:var(--ui-hover);color:var(--ui-fg-hover)}pp-settings .settings-btn x-icon{display:block}pp-settings .settings-btn[disabled]{color:var(--ui-fg-disabled);cursor:default}pp-settings .settings-btn.undo-btn{padding:5px 8px}pp-settings .settings-group>.settings-btn:first-child,pp-settings .settings-group>x-popup:first-child .settings-btn{border-radius:var(--ui-radius) var(--ui-radius) 0 0}pp-settings .settings-group>.settings-btn:last-child,pp-settings .settings-group>x-popup:last-child .settings-btn{border-bottom:0;border-bottom-left-radius:var(--ui-radius);border-bottom-right-radius:var(--ui-radius)}pp-settings .tooltip{left:auto;right:44px;top:8px;transform:none}pp-settings .active .tooltip{opacity:0!important}pp-settings x-popup{display:block;position:relative}pp-settings .popup-body{background:var(--ui-bg);border-radius:6px;box-shadow:var(--ui-shadow);color:var(--ui-fg);font-size:16px;padding:6px;position:relative;position:absolute;right:calc(100% + 8px);top:0;transform-origin:right 20px;width:174px}pp-settings .popup-body:after{border-bottom:6px solid transparent;border-left:6px solid var(--ui-bg);border-top:6px solid transparent;content:"";display:block;left:100%;margin-top:-6px;position:absolute;top:50%;top:20px}pp-settings .popup-body .btn{margin:8px 0 6px 6px}.light-ui:not(.large-ui) pp-settings .popup-body:after{filter:drop-shadow(1px 0 0 rgba(0,0,0,.2))}pp-settings .grid-select{display:flex;flex-wrap:wrap;margin-bottom:8px}pp-settings .grid{background-color:var(--ui-button);border:3px solid var(--ui-bg);border-radius:6px;color:var(--ui-fg-hover);cursor:pointer;font-size:36px;height:48px;margin:2px;opacity:.6;transition:border .2s,opacity .2s;width:48px}pp-settings .grid:focus,pp-settings .grid:hover{border-color:#1873cf;opacity:.8}pp-settings .grid.active{border-color:#0f82f2;cursor:default;opacity:1}pp-settings .grid svg{border-radius:3px;display:block;height:48px;width:48px}pp-settings .grid path{stroke:var(--ui-fg-hover)}pp-settings .grid circle,pp-settings .grid.fill path{fill:var(--ui-fg-hover);stroke:none}pp-settings h2{font-size:18px;margin:4px 8px 8px}pp-settings .btn-group{margin:6px 8px}pp-settings .btn-group .btn{border-radius:0;margin:0 1px 0 0;min-width:0}pp-settings .btn-group .btn:first-child{border-radius:20px 0 0 20px}pp-settings .btn-group .btn:last-child{border-radius:0 20px 20px 0}.large-ui pp-settings .settings-group{margin-bottom:14px}.large-ui pp-settings .settings-btn{height:30px;padding:10px;width:30px}.large-ui pp-settings .settings-btn svg,.large-ui pp-settings .settings-btn x-icon{height:30px!important;width:30px!important}.large-ui pp-settings .tooltip{left:auto;right:52px;top:12px;transform:none}x-drag{background:var(--ui-fg);border-radius:4px;display:block;height:8px;margin:12px 0;position:relative}x-drag .handle{background:var(--ui-fg-hover);border-radius:100%;color:var(--ui-bg);cursor:grab;font-size:14px;height:20px;left:0;line-height:20px;margin:-6px 0;position:absolute;text-align:center;touch-action:none;width:20px}x-video{color:#fff;display:block;margin:0 auto;max-width:100%;position:relative}x-video .video-wrap{height:0}x-video video{border-radius:4px;cursor:pointer;height:100%;position:absolute;width:100%;-webkit-touch-callout:none}x-video x-icon{display:block}x-video .play-btn{background:rgba(0,0,0,.8);border-radius:40px;display:block;height:80px;left:50%;margin:-40px;opacity:.8;pointer-events:none;position:absolute;top:50%;transition:transform .2s,opacity .2s;width:80px}x-video .play-btn x-icon{margin:4px}x-video:hover .play-btn{opacity:1;transform:scale(1.2)}x-video.playing .play-btn{opacity:0;transform:scale(.2)}x-video .controls{display:none;opacity:0;pointer-events:none;transition:opacity .2s}x-video.progress:hover .controls{opacity:1;pointer-events:all}x-video .shadow{background:linear-gradient(180deg,transparent,#000);bottom:0;height:50px;opacity:.5;position:absolute;width:100%}x-video .play-pause-btn{bottom:0;cursor:pointer;left:0;padding:6px;position:absolute;transition:transform .2s}x-video .play-pause-btn:hover{transform:scale(1.2)}x-video .timeline{bottom:16px;height:12px;left:50px;position:absolute;right:20px}x-video .bar{cursor:pointer;height:4px;padding:4px 0;position:relative}x-video .bar>*{border-radius:2px;height:4px;position:absolute;top:4px}x-video .background{width:100%}x-video .background,x-video .buffer{background:hsla(0,0%,100%,.5)}x-video .progress{background:#cd0e66}x-video.dark-controls .controls x-icon{fill:#3a3645}x-video.dark-controls .shadow{opacity:0}x-video.dark-controls .background,x-video.dark-controls .buffer{background:rgba(58,54,69,.4)}x-video .handle{background:#cd0e66;border-radius:8px;cursor:pointer;height:14px;margin-left:-7px;position:absolute;top:-1px;transition:transform .2s,background .2s;width:14px}x-video .handle:active,x-video .handle:hover{background:#f01e7f;transform:scale(1.4)}#landing{width:676px}#landing .modal-body{padding:39px;text-align:center}#landing h2{color:#3a3645;font-size:25px;font-weight:800;line-height:1.6;margin-bottom:26px}html[theme=dark] #landing h2{color:#fff}#landing .btn-grid{display:grid;gap:26px;grid-template-columns:repeat(2,1fr)}@media screen and (max-width:768px){#landing .btn-grid{grid-template-columns:1fr}}#landing .btn{align-items:center;border-radius:10px;box-shadow:0 1px 2px 0 rgba(0,0,0,.122),0 1px 3px 0 rgba(0,0,0,.071),0 0 1px 1px rgba(0,0,0,.051);box-sizing:border-box;display:flex;font-size:16px;font-weight:500;height:112px;justify-content:center;line-height:1.6;padding:26px}#landing .btn x-icon{margin-right:13px;padding-top:0;transition:rotate .3s ease-out}#landing .btn span{display:inline-block;margin-left:13px;text-align:left;width:161px}#landing .btn:focus,#landing .btn:hover{box-shadow:0 3px 6px 0 rgba(0,0,0,.114),0 3px 6px 0 rgba(0,0,0,.078),0 0 1px 1px rgba(0,0,0,.051)}#landing .btn:focus x-icon,#landing .btn:hover x-icon{rotate:5deg}html.is-tabbing #landing .btn:focus{outline:none}#landing label{cursor:pointer;display:inline-block;margin-top:39px;text-align:center}#landing label span{margin-left:13px}html[theme=dark] #landing .btn{box-shadow:0 1px 2px 0 hsla(0,0%,100%,.122),0 1px 3px 0 hsla(0,0%,100%,.071),0 0 1px 1px hsla(0,0%,100%,.051)}html[theme=dark] #landing .btn:focus,html[theme=dark] #landing .btn:hover{box-shadow:0 3px 6px 0 hsla(0,0%,100%,.122),0 3px 6px 0 hsla(0,0%,100%,.071),0 0 1px 1px hsla(0,0%,100%,.051)}.wide{grid-column:1/3}@media screen and (max-width:768px){.wide{grid-column:1/2}}.blue{background:#e7f3fe;color:#3a3645}html[theme=dark] .blue{background:#2a354b;color:#fff}.blue x-icon{fill:#0f82f2}.blue:focus,.blue:hover{background:#dbecfd;color:#3a3645}html[theme=dark] .blue:focus,html[theme=dark] .blue:hover{background:#293954;color:#fff}.green{background:#e9f7e9;color:#3a3645}html[theme=dark] .green{background:#2c3936;color:#fff}.green x-icon{fill:#22ab24}.green:focus,.green:hover{background:#def2de;color:#3a3645}html[theme=dark] .green:focus,html[theme=dark] .green:hover{background:#2b3f35;color:#fff}.orange{background:#fff4e6;color:#3a3645}html[theme=dark] .orange{background:#423632;color:#fff}.orange x-icon{fill:#fd8c00}.orange:focus,.orange:hover{background:#ffeed9;color:#3a3645}html[theme=dark] .orange:focus,html[theme=dark] .orange:hover{background:#4c3a30;color:#fff}.purple{background:#f5edff;color:#3a3645}html[theme=dark] .purple{background:#382f4c;color:#fff}.purple x-icon{fill:#9747ff}.purple:focus,.purple:hover{background:#efe3ff;color:#3a3645}html[theme=dark] .purple:focus,html[theme=dark] .purple:hover{background:#3d3056;color:#fff}.red{background:#fae7f0;color:#3a3645}html[theme=dark] .red{background:#3d293d;color:#fff}.red x-icon{fill:#cd0e66}.red:focus,.red:hover{background:#f8dbe8;color:#3a3645}html[theme=dark] .red:focus,html[theme=dark] .red:hover{background:#45283f;color:#fff}.polypad{background:var(--canvas-bg);bottom:0;left:var(--nav-left,0);overflow:hidden;position:absolute;right:0;top:var(--nav-top,0);-webkit-user-select:none;-moz-user-select:none;user-select:none}.polypad.embed{left:0;top:0}@media (max-width:719px){.polypad{left:0}}svg.overlay,x-polypad{height:100%;left:0;position:absolute;top:0;width:100%}svg.overlay{pointer-events:none;z-index:10}@media print{header,pp-actionbar,pp-settings,pp-sidebar,pp-toolbar{display:none!important}}.warning-banner{border-radius:0;font-size:16px;justify-content:center;margin:0;max-width:100%;padding:10px 8px}#polypad-header .canvas-title{border-left:1px solid #666;cursor:text;height:36px;margin-left:15px;padding-left:10px}#polypad-header .more-group .btn-green{background:#22ab24 no-repeat 50%/20px 20px;border-radius:20px 0 0 20px;margin-right:2px}#polypad-header .more-group .btn-green:last-child{border-bottom-right-radius:20px;border-top-right-radius:20px}#polypad-header .more-group .btn.popup-target{background:hsla(0,0%,100%,.2);border-radius:0 20px 20px 0;margin-left:0;padding:0}#polypad-header .more-group .btn.popup-target x-icon{margin:0 4px -7px 0}#polypad-header .more-group .popup-body{right:0;top:32px}#polypad-header .more-group.loading .btn-green{background-image:url(/images/loading-white.gif);color:transparent;pointer-events:none}#polypad-header .nav-link.delete:focus,#polypad-header .nav-link.delete:hover{background:#cd0e66}#polypad-header .input-field{line-height:32px}#polypad-header .input-field[readonly]{width:100%}#polypad-header .nav-link.select{align-items:baseline;display:flex;margin-right:12px}#polypad-header .nav-link.select span{flex-grow:1}#share pre{cursor:text;font-size:14px;margin:24px 0 0;padding:8px 10px;-webkit-user-select:all;-moz-user-select:all;user-select:all;white-space:normal;word-break:break-word}.share-row{display:flex;flex-wrap:wrap;justify-content:center;margin:8px 12px 0}.share-row .btn{border-radius:8px;box-shadow:none;height:32px;margin:4px!important;min-width:0;padding:6px;width:32px}.share-row .btn x-icon{margin:0}.share-row .btn.classroom{background:url(https://www.gstatic.com/classroom/logo_square_48.svg);background-size:cover}.share-row .btn.btn-white{border:none}