@font-face{font-family:HelveticaNeueCyr;src:url(../fonts/HelveticaNeueCyr-Bold.b3d3a0ca.eot);src:local("./assets/fonts/HelveticaNeueCyr-Bold"),url(../fonts/HelveticaNeueCyr-Bold.b3d3a0ca.eot?#iefix) format("embedded-opentype"),url(../fonts/HelveticaNeueCyr-Bold.17b55fc5.woff2) format("woff2"),url(../fonts/HelveticaNeueCyr-Bold.a9a80ec3.woff) format("woff"),url(../fonts/HelveticaNeueCyr-Bold.3b83ca55.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:HelveticaNeueCyr;src:url(../fonts/HelveticaNeueCyr-Italic.cb440bf8.eot);src:local("./assets/fonts/HelveticaNeueCyr-Italic"),url(../fonts/HelveticaNeueCyr-Italic.cb440bf8.eot?#iefix) format("embedded-opentype"),url(../fonts/HelveticaNeueCyr-Italic.d1e2145b.woff2) format("woff2"),url(../fonts/HelveticaNeueCyr-Italic.2e82fdb6.woff) format("woff"),url(../fonts/HelveticaNeueCyr-Italic.b85e2a1d.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Graphik LCG;src:url(../fonts/GraphikLCG-Medium.f4fe0ff7.eot);src:local("Graphik LCG Medium"),local("./assets/fonts/GraphikLCG-Medium"),url(../fonts/GraphikLCG-Medium.f4fe0ff7.eot?#iefix) format("embedded-opentype"),url(../fonts/GraphikLCG-Medium.10b7bd9b.woff2) format("woff2"),url(../fonts/GraphikLCG-Medium.0d776a83.woff) format("woff"),url(../fonts/GraphikLCG-Medium.5d0a360b.ttf) format("truetype");font-weight:500;font-style:normal}#app{font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-variant-ligatures:common-ligatures}*,:after,:before{box-sizing:border-box}:focus{outline:none}html{background-color:rgb(var(--systematic))}body{margin:0}.container{min-height:100vh;width:100%;display:grid;grid:"navbar" minmax(90px,-webkit-min-content) "content" 1fr/100%;grid:"navbar" minmax(90px,min-content) "content" 1fr/100%;background-color:rgb(var(--systematic));color:rgb(var(--on-neutral))}.container .content{grid-area:content}@media(max-width:576px){.container .paint{padding:0 1rem!important}}@-webkit-keyframes dockAppears{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes dockAppears{0%{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes dissolve{0%{opacity:0}to{opacity:1}}@keyframes dissolve{0%{opacity:0}to{opacity:1}}@-webkit-keyframes showPointOnColor{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes showPointOnColor{0%{transform:scale(0)}to{transform:scale(1)}}.v-popper__popper{z-index:10000}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__popper .v-popper__wrapper .v-popper__inner{display:flex;gap:.75rem;background:rgb(var(--systematic));color:rgb(var(--base));box-sizing:border-box;box-shadow:inset 0 0 0 1px rgba(var(--base)/.1);border-radius:.5rem;padding:.5rem .75rem;font-family:Inter,system-ui,sans-serif}.v-popper__popper .v-popper__wrapper .v-popper__inner span{color:rgba(var(--base)/.6)}.v-popper__popper[data-popper-placement^=top]{margin-bottom:5px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-width:5px 5px 0 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;bottom:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.v-popper__popper[data-popper-placement^=bottom]{margin-top:5px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-width:0 5px 5px 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;top:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}button[data-v-bce065c2]{border:none;cursor:pointer;display:grid;place-items:center;transition:all .2s ease-in-out;background:rgb(var(--neutral));color:rgb(var(--on-neutral))}button[data-v-bce065c2]:focus,button[data-v-bce065c2]:hover{background:rgba(var(--neutral-hover)/.8)}button[data-v-bce065c2]:focus{box-shadow:0 0 0 .125rem rgba(var(--on-neutral)/.2)}button[data-v-bce065c2]:disabled{opacity:.4;pointer-events:none}button[data-type=accent][data-v-bce065c2]{color:rgb(var(--on-accent));background:rgb(var(--accent));border:1px solid rgba(var(--base)/.1);font-family:Graphik LCG;font-style:normal;font-weight:400;font-size:1.5rem;line-height:1.2}button[data-type=accent][data-v-bce065c2]:hover{background:rgb(var(--accent-hover))}button[data-size=small][data-v-bce065c2]{font-size:1.25rem;line-height:1.2;padding:.5rem .75rem calc(.5rem + 1px);border-radius:.75rem}button[data-size=big][data-v-bce065c2]{font-size:1.5rem;line-height:calc(1.5rem - 1px);padding:3.25rem 1.875rem calc(3.25rem + 1px);box-shadow:0 19px 48px rgba(0,0,0,.05);border-radius:2rem}.brushes[data-v-541249d4]{display:grid;gap:.375rem;grid:1fr/repeat(5,-webkit-min-content);grid:1fr/repeat(5,min-content)}.brushes .brush[data-v-541249d4]{display:flex;border-radius:.75rem;background-color:transparent;color:rgb(var(--on-neutral));transition:background-color .2s ease-out}.brushes .brush.active[data-v-541249d4],.brushes .brush[data-v-541249d4]:hover{cursor:pointer;background-color:rgb(var(--systematic))}input[type=range][data-v-21dea1c3]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(var(--checked-opacity)) url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" fill-opacity=".25"><path d="M0 0h200v200H0zM200 200h200v200H200z"/></svg>');background-size:21px 21px;width:100%;height:1.875rem;border-radius:1.5rem;box-shadow:inset 0 0 0 1px rgba(var(--base)/.1);margin:0}input[type=range][data-v-21dea1c3]:focus{outline:none}input[type=range][data-v-21dea1c3]::-webkit-slider-runnable-track{background:linear-gradient(90deg,rgba(var(--active)/.1),rgba(var(--active)));border:none;border-radius:1.5rem;width:100%;height:1.875rem;padding:0 .25rem;cursor:pointer}input[type=range][data-v-21dea1c3]::-webkit-slider-thumb{margin-top:.1875rem;width:1.5rem;height:1.5rem;background:transparent;border:.1875rem solid #fff;border-radius:50%;cursor:pointer;-webkit-appearance:none;box-shadow:0 0 2px rgba(0,0,0,.1)}input[type=range][data-v-21dea1c3]::-moz-range-track{background:linear-gradient(90deg,transparent,rgba(var(--active)));border:none;border-radius:1.5rem;height:1.875rem;padding-right:.5rem;cursor:pointer}input[type=range][data-v-21dea1c3]::-moz-range-thumb{margin:.25rem;width:1.25rem;height:1.25rem;background:transparent;border:4px solid #fff;border-radius:50%;cursor:pointer;-moz-appearance:none;appearance:none;box-shadow:0 0 2px rgba(0,0,0,.1)}input[type=range][data-v-21dea1c3]::-ms-track{background:linear-gradient(90deg,transparent,rgba(var(--active)));border:none;border-radius:1.5rem;width:100%;height:1.875rem;padding-right:.5rem;cursor:pointer}input[type=range][data-v-21dea1c3]::-ms-thumb{margin:.25rem;width:1.25rem;height:1.25rem;background:transparent;border:4px solid #fff;border-radius:50%;cursor:pointer;-webkit-appearance:none;box-shadow:0 0 2px rgba(0,0,0,.1)}.pickedColorTool[data-v-e9e1731e]{display:grid;grid-template-columns:repeat(3,2rem);grid-auto-flow:revert;gap:.75rem;transform:rotate(180deg)}.pickedColorTool .color[data-v-e9e1731e]{height:2rem;width:2rem;box-sizing:border-box;box-shadow:inset 0 0 0 .0625rem rgba(0,0,0,.05);border:none;border-radius:100px;position:relative;cursor:pointer}.pickedColorTool input[type=color][data-v-e9e1731e]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(../img/colorPicker.7710919a.png);background-repeat:no-repeat;background-size:cover}.pickedColorTool input[type=color][data-v-e9e1731e]::-webkit-color-swatch-wrapper{opacity:0}.pickedColorTool input[type=color][data-v-e9e1731e]::-moz-color-swatch{opacity:0}.pickedColorTool .color.active[data-v-e9e1731e]:before,.pickedColorTool input[type=color]:focus .color.color.active[data-v-e9e1731e]:before{content:"";position:absolute;height:1rem;width:1rem;background-color:#fff;border-radius:50%;box-shadow:0 0 2px rgba(var(--black)/.2);top:calc(50% - .5rem);left:calc(50% - .5rem);z-index:1;-webkit-animation:showPointOnColor .19s ease-out;animation:showPointOnColor .19s ease-out}.pickedColorTool .active[data-v-e9e1731e]:not(:first):before,.pickedColorTool input[type=color]:focus~.color.active[data-v-e9e1731e]:before{position:relative}.case[data-v-5eb4271b]{fill:rgb(var(--dock-draw))}.capcut[data-v-5eb4271b],.caseShadow[data-v-5eb4271b]{fill:rgb(var(--base))}.eraser__wrapper[data-v-5eb4271b]{padding-top:21px;margin-left:16px;margin-right:5px}.case[data-v-5b98d41e]{fill:rgb(var(--dock-draw))}.caseShadow[data-v-5b98d41e]{fill:rgb(var(--base))}.active[data-v-5b98d41e]{fill:rgb(var(--active))}.capcut[data-v-5b98d41e]{stroke:rgb(var(--base))}.case[data-v-41a1bf06]{fill:rgb(var(--dock-draw))}.caseShadow[data-v-41a1bf06]{fill:rgb(var(--base))}.active[data-v-41a1bf06]{fill:rgb(var(--active))}.capcut[data-v-41a1bf06]{stroke:rgb(var(--base))}.dock[data-v-0ce46dd6]{-webkit-animation:dissolve .6s ease-in-out,dockAppears .45s cubic-bezier(.18,0,.51,1.26);animation:dissolve .6s ease-in-out,dockAppears .45s cubic-bezier(.18,0,.51,1.26);background:rgb(var(--neutral));box-sizing:border-box;box-shadow:inset 0 0 0 1px rgba(var(--base)/.1),0 19px 48px rgba(0,0,0,.05);border-radius:2rem;display:grid;grid:"control draw thickness colors" -webkit-min-content "control draw opacity colors" min-content/min-content 1fr -webkit-min-content -webkit-min-content;grid:"control draw thickness colors" min-content "control draw opacity colors" min-content/min-content 1fr min-content min-content;align-items:center;gap:.5rem 1.5rem;padding-right:2.5rem;overflow:hidden}.dock .controlPanel[data-v-0ce46dd6]{grid-area:control}.dock .controlPanel .move[data-v-0ce46dd6],.dock .controlPanel .scale[data-v-0ce46dd6]{padding:.875rem 1.5rem;border-radius:0;border:none;transition:background-color .2s ease-out}.dock .controlPanel .move[data-v-0ce46dd6]{box-shadow:inset -1px -1px 0 rgba(var(--black)/.1),inset 1px 1px 0 rgba(var(--base)/.1);border-top-left-radius:32px}.dock .controlPanel .scale[data-v-0ce46dd6]{box-shadow:inset -1px 0 0 rgba(var(--black)/.1),inset 1px -1px 0 rgba(var(--base)/.1);border-bottom-left-radius:32px}.dock .controlPanel .scale[data-v-0ce46dd6]:hover{background-color:rgba(var(--systematic)/.7)}.dock .controlPanel .scale[data-v-0ce46dd6]:active{background-color:rgba(var(--accent))}.dock .drawTools[data-v-0ce46dd6]{grid-area:draw;color:rgb(var(--dock-draw));height:8.125rem;display:flex;align-items:flex-start}.dock .drawTools div[data-v-0ce46dd6],.dock .drawTools svg[data-v-0ce46dd6]{margin-top:.3125rem}.dock .drawTools>[data-v-0ce46dd6]{cursor:pointer;transition:margin-top .15s ease-in-out;margin-top:0}.dock .drawTools>.active[data-v-0ce46dd6],.dock .drawTools>[data-v-0ce46dd6]:hover{outline:none;margin-top:-.75rem}.dock .drawTools>svg[data-v-0ce46dd6]:first-child{-webkit-animation:dockAppears .4s ease-in-out;animation:dockAppears .4s ease-in-out}.dock .drawTools>svg[data-v-0ce46dd6]:nth-child(2){-webkit-animation:dockAppears .6s ease-in-out;animation:dockAppears .6s ease-in-out}.dock .drawTools>.eraser__wrapper[data-v-0ce46dd6]{-webkit-animation:dockAppears .76s ease-in-out;animation:dockAppears .76s ease-in-out}.dock .drawTools>svg[data-v-0ce46dd6]:nth-child(4){-webkit-animation:dockAppears .84s ease-in-out;animation:dockAppears .84s ease-in-out}.dock .brushes[data-v-0ce46dd6]{grid-area:thickness;align-self:flex-end}.dock .opacityTool[data-v-0ce46dd6]{grid-area:opacity;align-self:flex-start}.dock .pickedColorTool[data-v-0ce46dd6]{grid-area:colors}.paint[data-v-f54a2a58]{display:grid;grid:"canvas" auto "dock" min-content/100%;gap:1.5rem;width:100%;padding:0 4rem 1.5rem}.paint>[data-v-f54a2a58]{min-height:100px}@media(max-width:992px){.paint[data-v-f54a2a58]{padding:0 1rem}}.paint .canvas[data-v-f54a2a58]{grid-area:canvas;width:100%;height:100%;border-radius:.5rem;overflow-x:auto;background:rgb(var(--white));box-shadow:0 2px 4px rgba(0,0,0,.05);touch-action:none}.paint .canvas>canvas[data-v-f54a2a58]{-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}.paint .canvas[data-v-f54a2a58]::-webkit-scrollbar{width:14px;height:14px}.paint .canvas[data-v-f54a2a58]::-webkit-scrollbar-thumb{height:6px;border:4px solid rgba(var(--black)/0);background-clip:padding-box;background-color:rgba(var(--black)/.2);border-radius:7px;box-shadow:inset -1px -1px 0 rgba(var(--black)/.05),inset 1px 1px 0 rgba(var(--blackVM)/.05)}.paint .canvas[data-v-f54a2a58]::-webkit-scrollbar-button{display:none;width:0;height:0}.paint .canvas[data-v-f54a2a58]::-webkit-scrollbar-corner{background-color:transparent}@media(max-width:576px){.paint .canvas[data-v-f54a2a58]{display:none}}.paint>.dock[data-v-f54a2a58]{grid-area:dock;display:grid;grid:min-content/1fr -webkit-max-content 1fr;grid:min-content/1fr max-content 1fr;justify-content:space-between;justify-items:flex-end;gap:1.5rem;padding:1.25rem 1.625rem;background:radial-gradient(circle at 2px 2px,rgba(var(--base)/.1) 2px,rgb(var(--systematic)) 0);background-size:1.75rem 1.75rem}.paint>.dock button[data-v-f54a2a58]{-webkit-animation:dockAppears .6s cubic-bezier(.18,0,.51,1.26);animation:dockAppears .6s cubic-bezier(.18,0,.51,1.26)}.paint .goDesktop[data-v-f54a2a58]{display:none}@media(max-width:576px){.paint .goDesktop[data-v-f54a2a58]{padding:4rem 1rem;position:relative;overflow:hidden;display:block;grid-area:canvas;width:100%;height:100%;background:rgb(var(--white));box-shadow:0 2px 4px rgba(0,0,0,.05);border-radius:.5rem;margin-bottom:2rem;text-align:center}.paint .goDesktop b[data-v-f54a2a58]{font-weight:700;font-size:64px;line-height:1;letter-spacing:-.045em;color:#1d1d1d}.paint .goDesktop p[data-v-f54a2a58]{font-weight:400;font-size:20px;line-height:1.4;letter-spacing:-.38px;color:#4a4a4a}.paint .goDesktop svg[data-v-f54a2a58]{position:absolute;left:0;bottom:-2rem}.paint .dock[data-v-f54a2a58]{display:none}}@media(max-height:768px){.paint .goDesktop svg[data-v-f54a2a58]{display:none}}