body,html,svg{padding:0;margin:0;font-family:Comfortaa,Segoe UI;font-style:normal;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}br{line-height:0!important}foreignObject{overflow:visible;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div[contenteditable=true]{outline:2px solid red}div[contenteditable=true]:empty:before,div[contenteditable=true]:empty:focus:before{content:"Napisz coś...";opacity:.4}.link{color:#00eb1f}.link:hover{color:#00f}.colors{top:50%;transform:translateY(-50%);width:40px;position:fixed;right:20px;box-shadow:0 4px 10px rgba(0,0,0,.3);z-index:4}.toggle-button{background:#ccc;width:40px;height:80px;border-radius:0 10px 10px 0;padding:4px;cursor:pointer;transition:all .3s ease-in-out}.toggle-button>.inner-circle{background:#fff;border-radius:50%;height:32px;width:32px;left:4px;bottom:4px;transition:all .3s ease-in-out}.toggle-button.active{background:#00eb1f}.toggle-button.active>.inner-circle{margin-top:40px;border-radius:50%;background:#fff}.shapee{fill:red!important}.shapee:hover,.tool .main-tool.selected-tool .shapee,.tool .main-tool:hover .shapee,.tool .sub-tool-item.selected-tool .shapee,.tool .sub-tool-item:hover .shapee,.tooltip-bottom:hover .shapee,.tooltip-top:hover .shapee{fill:#1b55e2!important}.tooltip-top:hover .ShapesIcon{stroke:red}.toggleCalc-button{background:#ccc;width:60px;height:40px;border-radius:0 10px 10px 0;padding:4px;cursor:pointer;transition:all .3s ease-in-out}.toggleCalc-button>.inner-circle-calc{background:#fff;border:2px solid red;border-radius:10px;height:32px;width:32px;left:4px;bottom:4px;transition:all .3s ease-in-out;text-align:center}.toggleCalc-button.active{background:#00eb1f}.toggleCalc-button.active>.inner-circle-calc{border:2px solid green;margin-left:20px;border-radius:10px;background:#fff}#calcIcon{margin-top:4px;align-items:center;justify-content:center;flex-direction:column}.tooltip-bottom:hover .CalculatorIcon{fill:red}.toggleTextShadow-button,.toggleTextShadow-button-media{background:#ccc;width:40px;height:80px;border-radius:10px 10px 0 0;padding:4px;margin-left:-5px;margin-top:-5px;cursor:pointer;transition:all .3s ease-in-out}.toggleTextShadow-button-media>.inner-circle-textShadow,.toggleTextShadow-button>.inner-circle-textShadow{background:#fff;border:2px solid green;border-radius:10px;height:32px;width:32px;left:4px;bottom:4px;transition:all .3s ease-in-out;text-align:center}.toggleTextShadow-button-media.active,.toggleTextShadow-button.active{background:#00eb1f}.toggleTextShadow-button-media.active>.inner-circle-textShadow,.toggleTextShadow-button.active>.inner-circle-textShadow{border:2px solid red;margin-top:40px;border-radius:10px;background:#fff}.TextShadowIcon{align-items:center;justify-content:center;flex-direction:column}.textShadowIconActive{stroke:#363636;stroke-width:.27}.tooltip-bottom:hover .toggleTextShadow-button-media>.inner-circle-textShadow,.tooltip-bottom:hover .toggleTextShadow-button>.inner-circle-textShadow{border:2px solid red}.tooltip-bottom:hover .toggleTextShadow-button-media.active>.inner-circle-textShadow,.tooltip-bottom:hover .toggleTextShadow-button.active>.inner-circle-textShadow{border:2px solid green}.toggleCur-button{background:red;width:60px;height:40px;border-radius:0 10px 10px 0;padding:4px;cursor:pointer;transition:all .3s ease-in-out}.toggleCur-button>.inner-circle-cur{background:#fff;margin-left:20px;border:2px solid green;border-radius:10px;height:32px;width:32px;transition:all .3s ease-in-out;text-align:center}.toggleCur-button.inactive{background:#ccc}.toggleCur-button.inactive>.inner-circle-cur{border:2px solid red;margin-left:0;border-radius:10px;background:#fff}#cursorIcon{margin-top:4px;align-items:center;justify-content:center;flex-direction:column}.tooltip-bottom:hover .CursorIcon{fill:red}h1{position:relative;text-shadow:-1px -1px 1px #111,2px 2px 1px #363636;color:#fff;top:40%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;font-size:42px;z-index:1;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.back{--back-color:transparent;position:fixed;padding:0;margin:0;z-index:1;color:var(--back-color);animation-name:backdiv;animation-iteration-count:infinite}.back,.heartBeat{top:0;bottom:0;left:0;right:0;pointer-events:none;animation-duration:1s}.heartBeat{position:absolute;margin:auto;background-color:red;width:199.9px;height:199.9px;transform:rotate(-45deg);animation-name:beat;animation-iteration-count:infinite}.heartBeat:after{top:0;left:100px}.heartBeat:after,.heartBeat:before{background-color:red;content:"";border-radius:50%;position:absolute;width:200px;height:200px}.heartBeat:before{top:-100px;left:0}@keyframes backdiv{50%{background:transparent;color:#000}}@keyframes beat{0%{transform:scale(1) rotate(-45deg)}50%{transform:scale(.6) rotate(-45deg)}}@media only screen and (min-height:650px){h1{top:41.5%}}@media screen and (max-width:900px){h1{top:44.5%;font-size:18px}.heartBeat{width:99.9px;height:99.9px}.heartBeat:after{width:100px;height:100px;top:0;left:50px}.heartBeat:before{width:100px;height:100px;top:-50px;left:0}}@media only screen and (max-height:400px){h1{top:42.5%;font-size:18px}.heartBeat{width:99.9px;height:99.9px}.heartBeat:after{width:100px;height:100px;top:0;left:50px}.heartBeat:before{width:100px;height:100px;top:-50px;left:0}}@media only screen and (max-height:300px){h1{top:38.5%;font-size:18px}.heartBeat{width:99.9px;height:99.9px}.heartBeat:after{width:100px;height:100px;top:0;left:50px}.heartBeat:before{width:100px;height:100px;top:-50px;left:0}}.container,.hearts{z-index:0;pointer-events:none}.container{position:fixed;top:0;bottom:0;left:0;right:0;display:flex}.heart-1{left:5%;animation-duration:3s;animation-iteration-count:infinite}.heart-2{left:15%;animation-duration:2.5s;animation-iteration-count:infinite}.heart-3{left:25%;animation-duration:2.3s;animation-iteration-count:infinite}.heart-4{left:35%;animation-duration:2.9s;animation-iteration-count:infinite}.heart-5{left:45%;animation-duration:2.6s;animation-iteration-count:infinite}.heart-6{left:55%;animation-duration:2.4s;animation-iteration-count:infinite}.heart-7{left:65%;animation-duration:2.7s;animation-iteration-count:infinite}.heart{position:relative;display:inline-block;background-color:red;height:50px;width:50px;-webkit-text-shadow:-1px 4px 18px -6px rgba(0,0,0,.75);-moz-text-shadow:-1px 4px 18px -6px rgba(0,0,0,.75);text-shadow:0 .25em .25em -.125em rgba(0,0,0,.25),0 .5em 1.25em rgba(0,0,0,.5);transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);animation-name:drop;animation-timing-function:ease-in}.heart:after{top:0;left:25px}.heart:after,.heart:before{background-color:red;content:"";border-radius:50%;position:absolute;width:50px;height:50px}.heart:before{top:-25px;left:0}@keyframes drop{0%{top:-55px;opacity:1}to{top:900px;opacity:.2}}@media only screen and (max-width:600px){.heart,.heart:after{height:25px;width:25px}.heart:after{left:12.5px}.heart:before{width:25px;height:25px;top:-12.5px}}.forErasingGreen{stroke:#00ea00}.forErasingRed{stroke:red}.forErasingGreenPath{fill:#00ea00}.forErasingRedPath{fill:red}.forErasingGreenFilled{fill-opacity:.618;fill:#00ea00;stroke:#00ea00}.forErasingRedFilled{fill-opacity:.618;fill:red;stroke:red}.forErasingOpacity{opacity:.618}.forErasingGreenCircle{opacity:1;fill:#00ea00;stroke:#00ea00}.forErasingRedCircle{opacity:1;fill:red;stroke:red}#preloader{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;z-index:1000;background-color:#efefef}#preloader.image,#preloader.text{background-color:transparent;pointer-events:none}#preloader.image:after{content:"Tutaj upuść plik";color:red;width:280px}#preloader.image:after,#preloader.text:after{font-size:34px;text-shadow:1px 3px 2px rgba(0,0,0,.15);top:47%;left:40%;border:transparent;border-radius:0;animation:none}#preloader.text:after{content:"Tutaj upuść tekst";color:#00f61e;width:310px}@media screen and (max-width:992px){#preloader.image:after{font-size:29px;top:47%;left:35%;width:240px}#preloader.text:after{font-size:29px;top:47%;left:35%;width:270px}}@media screen and (max-width:600px){#preloader.image:after{font-size:24px;top:48%;left:30%;width:200px}#preloader.text:after{font-size:24px;top:48%;left:30%;width:230px}}#preloader.document{background-color:#000;opacity:.4}#preloader.hidden{display:none;opacity:0;z-index:-1}#preloader:after{content:" ";position:absolute;top:50%;left:50%;width:80px;height:80px;border-color:transparent red;border-style:solid;border-width:8px;border-radius:50%;animation:loader 1s linear infinite}@media screen and (max-width:992px){#preloader:after{width:65px;height:65px;border-color:transparent red;border-style:solid;border-width:7px}}@media screen and (max-width:600px){#preloader:after{width:50px;height:50px;border-color:transparent red;border-style:solid;border-width:6px}}#preloader>img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%!important;height:100%!important}@keyframes loader{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}#canvas{transform-origin:0 0;background-color:#fff}#usercount{margin-left:5px;text-align:center;text-shadow:2px 4px 3px rgba(0,0,0,.3);font-size:1.25rem}#mobileWindowRect{fill:none;stroke:#1e90ff;stroke-dasharray:10;stroke-linecap:butt;stroke-width:2px;transition:.2s}#canvas line{fill:none;stroke-linecap:round;stroke-linejoin:round}#canvas line.dotted{stroke-linecap:butt}#canvas path:not(.pretty-cursor){stroke-linecap:round;stroke-linejoin:round}#canvas .opcursor{pointer-events:none;transition:.1s}#canvas .filled-black{fill:true;stroke:#000}#canvas .filled-white{fill:true;stroke:#fff}#canvas .rect-rounded{stroke-width:5}#cursor-me{transition:0s}.border-for-white{border:1px solid #000}.d-none{display:none}.main-tool-color{position:absolute;width:10px;height:10px;border:1px solid #828282;border-radius:50%;margin-bottom:5px;margin-right:4px;margin-top:25px;box-sizing:border-box}.main-tool{flex-direction:column;align-items:flex-end}.image-count,.main-tool-width{position:absolute;bottom:0;right:0;color:#fff;background-color:#1b55e2;text-shadow:2px 4px 3px rgba(0,0,0,.3);border-top-left-radius:5px;border-bottom-left-radius:5px;padding:3px;font-family:Comfortaa,Segoe UI;font-style:normal;font-weight:500;font-size:14px;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
/* ============================================================
   BLOKADA ZAZNACZANIA I MENU KONTEKSTOWEGO NA iOS
   ============================================================ */

/* Canvas - główny obszar rysowania */
#canvas {
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* Board container */
#board {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* Wszystkie panele */
.panel,
.top-panel,
.undo-redo-panel,
.export-and-help-panel,
.tool-panel,
.scale-width-panel,
.scale-panel {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* Color picker */
.colors,
.color-list,
.color-preset,
.color-preset-box,
#color-picker-btn,
#transparent-bg-panel,
#switchTextShadow,
#bgTransparent,
#current-color {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* Narzędzia */
.tool,
.tool-icon,
.sub-tool,
.sub-tool-item,
.selected-tool {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* Tooltips */
[data-tooltip] {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* SVG ikony wewnątrz przycisków */
.colors svg,
.panel svg,
.tool svg,
button svg {
    pointer-events: none;
}

/* Calc container (Desmos) */
#calc-container,
.calc-inner,
.calc-export-btn {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* Buttony i interaktywne elementy */
button,
.btn,
[role="button"] {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* Input color - specjalne traktowanie */
#color-picker {
    -webkit-appearance: none;
    -webkit-touch-callout: none;
}