#canvas-container{position:relative;overflow:hidden;max-width:100%;margin:0 auto}#imageCanvas{position:absolute;cursor:grab;touch-action:none}#imageCanvas:active{cursor:grabbing}body{display:flex;flex-direction:column;min-height:100vh}body{overflow-x:hidden;background:#fff}.content{flex:1;display:flex;flex-direction:column;justify-content:center;background-color:#343a40;color:#fff}.content2{display:flex;height:calc(-65.66px + 100dvh);width:100%;align-items:stretch;justify-content:center;background-color:#343a40;color:#fff;padding:15px}.test{display:flex;height:calc(-65.66px + 100dvh);align-items:stretch;justify-content:center;background-color:#343a40;color:#fff}.modalBackground{display:flex;height:calc(-65.66px + 100dvh);background-color:#343a4099;align-items:center;justify-content:center;color:#fff;padding:15px;z-index:99}main{background-color:#f4f4f4;overflow-y:auto;flex:1;height:calc(100dvh - var(--header-height))}@supports (height: 100dvh){main{height:calc(100dvh - var(--header-height))}}.controls{bottom:0;width:100%;background:#fff;border-top:1px solid #ccc;padding:1rem;box-shadow:0 -2px 5px #0000001a}.sidebar{position:relative;flex:0 0 300px;border-right:1px solid #c9d9e7;background:#ebf6ff;padding:15px;align-self:stretch}.main-area{order:1;box-sizing:border-box;padding:15px;display:flex;flex-direction:column;align-items:center;max-width:100%;overflow:hidden;flex:1 1}.controls .btn{margin-bottom:.5rem}.noUi-handle{background:#007bff;border:2px solid #0056b3;border-radius:50%;width:20px;height:20px;box-shadow:unset}.noUi-background{background:#e9ecef}.noUi-connect{display:unset!important;background:unset}.noUi-handle:after,.noUi-handle:before{background:unset}.canvas-container{max-height:calc(100% - var(--headingHeight) - var(--bottomDivHeight) - var(--previousNextHeight))}.collapsible{background-color:#777;color:#fff;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none;font-size:15px}.collapsible-content{padding:0 18px;display:none;overflow:hidden;background-color:#f1f1f1}.active,.collapsible:hover{background-color:#555}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:0}:root{--headingHeight: 60px;--bottomDivHeight: 50px;--previousNextHeight: 50px}@media screen and (min-width: 1148px){.content2,.modalBackground,.test{height:calc(-66.46px + 100dvh)}}@media screen and (max-width: 600px){#workspace{flex-direction:column-reverse!important}#controlBar{min-width:unset!important;max-width:unset!important;height:400px!important}}.crosshair{position:absolute;width:50px;height:50px;pointer-events:none}.crosshair:before,.crosshair:after{content:"";position:absolute;background:transparent;pointer-events:none}.crosshair:before{width:2px;height:100%;left:50%;transform:translate(-50%);border-left:2px dashed blue}.crosshair:after{width:100%;height:2px;top:50%;transform:translateY(-50%);border-top:2px dashed blue}.line{stroke-width:1}.black{stroke:#000;stroke-width:2}.white{stroke:#fff}.buttonGroup{display:flex!important;gap:.5rem!important;margin-top:.25rem!important;margin-bottom:.25rem!important}.groupButton{display:flex;gap:.5rem!important;flex:1 1 0px;width:0;justify-content:center}.controlLabel{display:flex;margin-top:.25rem!important;margin-bottom:.25rem!important}.controlLabel h5,h6{display:flex;flex-grow:1;align-items:center}.infoButton{font-size:1.5rem;cursor:pointer}.patternControl{display:flex;flex-direction:column}.canvasContainer{flex-grow:1;width:100%;height:100%;justify-content:center;align-items:center;display:flex;position:absolute}
/*# sourceMappingURL=/cdn/shop/t/3/assets/pattern-maker.css.map */