@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}:root{--qart-code-color:rgb(67,170,139)}html{scroll-padding-top:72px}body{display:flex;flex-direction:column;min-height:100vh;background-color:var(--qart-code-color)}body.desktop{background-color:#f7f7f7}body.desktop header{--bs-body-color:white;--bs-body-font-size:1.25rem;color:white;font-size:1.2rem;font-weight:450}body.desktop header .active{font-weight:500}body.desktop main{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:grid;grid-template-columns:1fr 5fr;grid-template-areas:"sidenav content";align-items:start;margin:65px auto 0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5)}body.desktop .content{grid-area:"content"}body.mobile{background-color:var(--qart-code-color)}body.mobile header .container{max-width:800px}body.mobile main{display:block;margin-top:52px;margin-bottom:0;overflow-x:hidden;background-color:white}header .nav{--bs-nav-link-color:white;--bs-nav-link-font-size:1rem;--bs-nav-link-hover-color:white;--bs-nav-link-padding-x:0.5rem;display:flex}header .nav-link.active{font-weight:600}header .nav-tabs{border-bottom-style:none}main{flex:1 1}main .nav-element{--bs-nav-link-color:black;--bs-nav-link-hover-color:var(--qart-code-color);--bs-nav-link-font-size:1rem;--bs-nav-link-font-weight:400;--bs-nav-link-padding-x:0.5rem;padding:.5rem 1rem}main .nav-element.open,main .nav-element.selected,main .nav-element.solo{border-color:var(--qart-code-color);background-color:#f7f7f7;border-style:solid;border-left-width:0;border-right-width:0;border-top-width:1px;padding-bottom:.4rem;padding-top:.4rem;margin-top:.2rem}main .nav-element.open{border-bottom-width:0;padding-bottom:.2rem}main .nav-element.selected{border-bottom-width:0;padding-bottom:.2rem}main .nav-element.selected,main .nav-element.solo{--bs-nav-link-color:var(--qart-code-color);--bs-nav-link-hover-color:var(--qart-code-color);--bs-nav-link-font-weight:500}main .nav-element.solo{border-bottom-width:1px;margin-bottom:.2rem}main .nav-subelement{--bs-nav-link-color:black;--bs-nav-link-hover-color:black;background-color:#f7f7f7;display:flex;padding:.2rem 1rem}main .nav-subelement.last{border-color:var(--qart-code-color);border-width:0 0 1px;border-style:solid;padding-bottom:.4rem;margin-bottom:.2rem}main .nav-subelement.selected{--bs-nav-link-color:var(--qart-code-color);--bs-nav-link-hover-color:var(--qart-code-color);color:var(--qart-code-color)}footer{padding:1rem;text-align:center;background-color:#e7e7e7}@media print{body *{visibility:hidden}.content,.content *{visibility:visible}.content{position:absolute;left:0;top:0;width:100%}}@media screen{.content,.sidenav{padding-top:1rem}.d-block{background:white}body.desktop main .d-block{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;border-radius:var(--bs-border-radius-lg)!important}body.desktop main .content .d-block{min-height:60vh}body.desktop .content{padding-bottom:2rem}}@media screen and (min-width:802px){body.mobile .content,main.footer{width:800px;margin-left:auto;margin-right:auto}}h3{font-size:1.5rem}h3,h4{margin-bottom:.2rem}h4{margin-top:.8rem;font-size:1.2rem}.big-piece-mask{position:relative;z-index:2;background-color:rgba(255,255,255,.6)}.big-piece-mask-selected,.big-piece-mask:hover{position:relative;z-index:2;background-color:transparent}.btn-check+.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check:checked+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-color)}.btn-outline-danger,.btn-outline-dark,.btn-outline-info,.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-warning{--bs-btn-bg:white;--bs-btn-disabled-bg:white;--bs-btn-disabled-opacity:1}.btn-sm .spinner-border{border:var(--bs-spinner-border-width) solid var(--bs-btn-color);border-right-color:transparent;border-width:2px;width:20px;height:20px}.btn-sm:hover .spinner-border{border:var(--bs-spinner-border-width) solid var(--bs-btn-hover-color);border-right-color:transparent;border-width:2px;width:20px;height:20px}.button-shrink{padding:5px 8px}.checkerboard{background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(135deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(135deg,transparent 75%,#ccc 0);background-size:16px 16px;background-position:0 0,8px 0,8px -8px,0 8px}.code-canvas-column{min-width:50px}.collapse-preview.collapsing{transition-duration:.7s}.corner-pattern{width:200px;height:200px}.corner-pattern-inside{position:absolute;display:flex;left:61px;top:61px}.corner-pattern-outside{position:absolute;display:flex;left:14px;top:14px}.cover-mask{background-color:rgba(255,255,255,.5)}.cover-mask,.cover-mask:hover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.cover-mask:hover{background-color:transparent}.content .d-block{background-color:white;padding:1.2rem}.horizontal-scrollable{overflow-x:auto;overflow-y:hidden;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.horizontal-scrollable::-webkit-scrollbar{display:none}.image-background{display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:0}.image-background,.image-overlay{position:absolute;pointer-events:none}.image-overlay{top:0;left:0;z-index:2}.image-parent{position:relative;border:2px solid black}.image-sketch{z-index:1}.internal-pattern-inside{position:absolute;display:flex;left:57px;top:57px}.internal-pattern-outside{position:absolute;display:flex;left:6px;top:6px}.nav-tabs{flex-wrap:nowrap}.navbar{position:fixed;z-index:10;top:0;left:0;width:100vw;padding:0;background-color:var(--qart-code-color);border-bottom:var(--bs-border-width) var(--bs-border-style) rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.1),inset 0 -1px 0 rgba(39,33,33,.05)}.overlay-action{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background-color:rgba(255,255,255,.6);z-index:4}.overlay-action .spinner-border{--bs-spinner-height:3rem;--bs-spinner-width:3rem;--bs-spinner-border-width:0.15em;position:absolute}.overlay-buttons{position:absolute;top:0;right:0;height:100%}.overlay-caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;color:black;background:linear-gradient(180deg,transparent,rgba(255,255,255,.6) 8px)}.overlay-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.overlay-image-mask{z-index:2}.overlay-mask{position:absolute;width:100%;height:100%;background-color:#fffc}.overlay-input{position:absolute;border-width:0;padding:0;width:200px;height:200px}.overlay-parent{position:relative;display:inline-flex}.overlay-spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.overlay-svg{position:absolute;top:0;left:0}.overlay-title{pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;z-index:4}.palette-color{display:flex;justify-content:center;align-items:center;height:30px;width:30px}.pattern-border-piece{position:absolute;display:inline-flex;outline-color:black;outline-style:solid;outline-width:1px}.pattern-inside{position:absolute;display:flex;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-delete-mask{position:absolute;width:100%;height:100%}.photo-delete-mask:hover{background:repeating-linear-gradient(45deg,transparent,transparent 2px,#dc3545 0,#dc3545 4px)}.photo-mask{pointer-events:none;position:relative;z-index:2}.preview-code,.saved-code{max-width:70vw;max-height:70vw}.sidenav{grid-area:"sidenav";position:-webkit-sticky;position:sticky;top:56px;margin-right:.75rem}.sidenav .d-block{padding-top:.3rem;padding-bottom:.3rem}.signin svg{color:#eee}.signin:hover svg{color:#fff}.theme-caption{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);font-size:14pt;text-align:center;color:black;background-color:rgba(255,255,255,.7)}