:root{--COR_BACKGROUND_BLOCKED:#ff000029}:root.LightTheme{--COR_BACKGROUND_BLOCKED:#bd363629}@font-face{font-family:fontetitulo1;src:url(../../../global/fonts/ralewayThin.woff2)}.containercreateproject{flex-direction:column;justify-content:center;gap:16rem;display:flex;& h1{color:var(--COR_SVG_FILL);opacity:.8;font-family:fontetitulo1;font-size:min(13.5vw,110rem)}&>div{flex-direction:column;gap:16rem;width:416rem;display:flex;&>div{flex-direction:row;gap:16rem;display:flex;position:relative;& input{width:100%}&>.bttSelectResolutions{text-align:center;min-width:56rem;height:48rem;line-height:48rem;&:focus-within{&>.resmenu{border:2rem solid var(--COR_BORDA);border-top:none;max-height:400rem;padding-top:8rem;transition:max-height .16s ease-in-out,padding .16s ease-in-out,border ease-in-out}}}& .resmenu{background:var(--COR_PRIMARIA);text-transform:none;cursor:default;border:0 solid #0000;border-radius:0 0 16rem 16rem;width:100%;max-height:0;padding-top:0;transition:max-height .16s ease-in-out,padding .16s ease-in-out,border 0s ease-in-out .16s;position:absolute;top:100%;left:0;mask:linear-gradient(#0000 0,#000 16rem);&>li{text-align:center;min-height:56rem;color:var(--COLOR);font-size:16rem;line-height:56rem}&>li.rescat{transition:color .16s ease-in-out;& ul{flex-flow:wrap;justify-content:center;gap:8rem;max-height:0;padding:0 16rem;transition:max-height .16s ease-in-out,padding .16s ease-in-out;display:flex;overflow:hidden;& li{text-align:center;background-color:var(--COR_BOTAO);height:40rem;color:rgba(var(--COR_SVG_FILL_RGB),.8);cursor:pointer;border-radius:40rem;margin:0;padding:0 16rem;font-size:15rem;line-height:40rem;display:inline-block}}&:hover{color:rgba(var(--COR_SVG_FILL_RGB),.88)}&:focus-within{color:rgba(var(--COR_SVG_FILL_RGB),.96);& ul{max-height:136rem}&:last-child{& ul{padding-bottom:8rem}}}}}}&>*{width:100%}}}div.mainscrollbars{width:100dvw;height:100dvh;overflow:auto}main{width:100dvw;height:100dvh;color:var(--COLOR);background:var(--COR_PRIMARIA);grid-template:"topbar topbar topbar"min-content"leftcollumn centercontainer rightcollumn"1fr"leftcollumn footerbar rightcollumn"min-content/min-content 1fr min-content;min-width:400rem;min-height:600rem;display:grid;overflow:hidden;& input:not([type=checkbox],[type=radio],[type=file],[type=range]){color:var(--COLOR);border:2rem solid var(--COR_BORDA);text-align:center;background:0 0;border-radius:16rem;font-weight:700;&[type=number]{appearance:none;-moz-appearance:textfield}&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none}}}.cursortool{contain:size layout style;will-change:translate,width,height;pointer-events:none;cursor:none;z-index:10000;border-radius:50%;position:fixed;top:0;left:0;&>svg{opacity:.88;width:50px;height:50px;display:none;position:absolute;top:50%;left:50%;translate:-50% -50%}&>.crosshair{--tracelength:8rem;display:none;position:absolute;&>.tracevertical{width:3rem;height:var(--tracelength);background-color:#fff;border-left:1rem solid #000;border-right:1rem solid #000;position:absolute;left:calc(50% - 1.5rem);&.top{top:0}&.bottom{bottom:0}}& .tracehorizontal{width:var(--tracelength);background-color:#fff;border-top:1rem solid #000;border-bottom:1rem solid #000;height:3rem;position:absolute;top:calc(50% - 1.5rem);&.left{left:0}&.right{right:0}}}&[default]{opacity:.88;border:1rem solid #000;&[data-crosshair]{&>.crosshair{display:block}}&[data-crosshair=outer]{&>.crosshair{width:calc(100% + (var(--tracelength)*2) + 6rem);height:calc(100% + (var(--tracelength)*2) + 6rem);left:calc((var(--tracelength)*-1) - 3rem);top:calc((var(--tracelength)*-1) - 3rem)}}&[data-crosshair=inner]{&>.crosshair{width:calc(var(--tracelength)*2 + 6rem);height:calc(var(--tracelength)*2 + 6rem);left:calc(50% - ((var(--tracelength)*2 + 6rem)/2));top:calc(50% - ((var(--tracelength)*2 + 6rem)/2))}}&:before{content:"";border:1rem solid #fff;border-radius:50%;width:calc(100% - 2rem);height:calc(100% - 2rem);display:block}}&[eyedropper]{background-position:50%;background-repeat:no-repeat;&>svg{display:block}&[selectingcolor]{border-style:solid!important;border-width:18rem!important;border-right-color:var(--COR_TERCIARIA)!important;border-bottom-color:var(--COR_TERCIARIA)!important;border-left-color:var(--COR_TERCIARIA)!important;border-top-color:var(--COR_TERCIARIA)!important;border-radius:50%!important;&:before{content:"";box-sizing:border-box;border-style:solid;border-width:32rem;border-left-color:var(--color1);border-top-color:var(--color1);border-right-color:var(--color2);border-bottom-color:var(--color2);border-radius:50%;width:calc(100% + 4rem);height:calc(100% + 4rem);display:block;position:relative;top:-2rem;left:-2rem;rotate:-45deg}}}&[simple]{&>svg{display:block}}&[hidden]{display:none!important}}.attributetoolinfo{transform:translate(-50%,-130%);&:before{display:none}}[data-icon]{&>svg{fill:var(--COLOR);pointer-events:none;width:34rem;height:30rem;transition:fill .16s ease-in-out;position:relative;top:50%;left:50%;translate:-50% -50%}}.LightTheme{& [data-icon]{&>svg{filter:saturate(2)}}}[readonly]{pointer-events:none}aside.collumn{background:var(--COR_QUARTENARIA);padding:8rem;& .barlongbutton{background:var(--COR_SECUNDARIA);cursor:pointer;border-radius:32rem;height:32rem;transition:background .16s ease-in-out,box-shadow .16s ease-in-out,opacity .16s ease-in-out;position:relative;&[activated]{background:var(--COR_DESTAQUE2);box-shadow:0 1rem 8rem 1rem rgba(var(--COR_DESTAQUE2_RGB),.64);&>svg{fill:var(--COR_BACKGROUND)}}&[disabled]{opacity:.56;cursor:default}}& .buttonstools{--gap:4rem;gap:var(--gap);flex-flow:wrap;justify-content:center;display:flex;&>div{width:calc((100% - (var(--gap)))/2);background:var(--COR_SECUNDARIA);opacity:1;cursor:pointer;border-radius:8rem;height:32rem;transition:background .16s ease-in-out,opacity .16s ease-in-out;position:relative;&[disabled]{opacity:.56;cursor:default}&[selected]{background:var(--COLOR);& svg{fill:var(--COR_SECUNDARIA)}}}}}header.topbar{--height:52rem;height:var(--height);background:var(--COR_SECUNDARIA);grid-area:topbar;justify-content:space-between;align-items:center;display:flex;position:relative;&>ul{--height:52rem;text-transform:uppercase;cursor:pointer;flex-direction:row;justify-self:start;width:max-content;height:100%;font-size:12rem;font-weight:700;display:flex;& li{--liColor:var(--COLOR);color:var(--liColor);white-space:nowrap;height:var(--height);padding:0 10rem;transition:background .16s ease-in-out,color .16s ease-in-out;position:relative;&>p{color:var(--liColor);pointer-events:none;width:max-content;margin:0;transition:inherit}&>.arrow{color:var(--liColor)}&:hover{--liColor:var(--COR_DESTAQUE)}}&>li{flex-direction:row;align-items:center;gap:8rem;display:flex;&>.arrow{margin:0 0 4rem}& div{z-index:1;background:var(--COR_TERCIARIA);border-radius:0 0 10rem 10rem;grid-template-rows:0fr;width:max-content;transition:grid-template-rows .16s ease-in-out;display:grid;position:absolute;top:100%;left:0;& ul{overflow:hidden;& li{--height:48rem;grid-template:"start center end"100%/32rem 1fr minmax(32rem,auto);align-items:center;padding:0;display:grid;&>p{grid-area:center}&>.arrow{grid-area:end;margin:0 12rem 0 30rem}&>.checked{opacity:0;pointer-events:none;border-bottom:2rem solid;border-right:2rem solid;grid-area:start;place-self:center;width:7rem;height:13rem;transition:border-color .16s ease-in-out,opacity .16s ease-in-out;translate:0 -2rem;rotate:45deg}&[checked]{& .checked{opacity:1}}&>.hotkey{line-height:var(--height);grid-area:end;padding:0 10rem 0 24rem;font-size:10rem}&>div{border-radius:0 10rem 10rem;grid-template-rows:none;grid-template-columns:0fr;transition:grid-template-columns .16s ease-in-out;top:0;left:100%}& li:first-child{border-top-right-radius:10rem;& div{border-radius:10rem;& li{border-top-left-radius:10rem}}}&:last-child{border-bottom-right-radius:10rem;border-bottom-left-radius:10rem}&:hover{background:var(--COR_QUARTENARIA);--liColor:var(--COR_DESTAQUE2);&>div{grid-template-columns:1fr;transition-delay:.16s;&>ul{animation:.32s ease-in-out .16s forwards menuoverflowvisible}}}}}}&:last-child{display:none;&>span{width:50rem;height:100%;display:none;position:relative;left:-10rem;&>span{background:var(--COLOR);border-radius:4rem;width:30rem;height:4rem;transition:width .16s ease-in-out,left .16s ease-in-out,top .16s ease-in-out,background .16s ease-in-out;position:absolute;left:10rem;&:first-child{top:13rem}&:nth-child(2){top:24rem}&:nth-child(3){top:35rem}}}&>div>ul>li{display:none}&:before{content:"•••";color:var(--liColor);font-size:24rem;font-weight:lighter}&:hover{&>span>span{background:var(--COR_DESTAQUE)}}}}&:focus:not([disabled]){&>li:hover{&>div{grid-template-rows:1fr;&>ul{animation:.32s ease-in-out forwards menuoverflowvisible}}}}@media screen and (width<=55rem){&>li{&:nth-last-child(2){display:none}&:last-child{display:flex;&>div>ul>li:last-child{display:grid}}}}@media screen and (width<=46rem){&>li{&:nth-last-child(3){display:none}&:last-child{&>div>ul>li:nth-last-child(2){display:grid}}}}@media screen and (width<=42rem){&>li{&:first-child{display:none}&:last-child{&>span{display:block}&:before{display:none}&>div>ul>li:first-child{display:grid}}}}}&>.logo{aspect-ratio:2;cursor:pointer;opacity:.8;height:100%;transition:opacity .16s ease-in-out;position:absolute;left:50%;transform:translate(-50%);&>svg{aspect-ratio:2;height:100%;fill:var(--COR_SVG_FILL);scale:.8}&:hover{opacity:1}}&>.switchTheme{justify-self:end;height:76.95%;margin-right:10rem}}@keyframes menuoverflowvisible{0%{overflow:hidden}to{overflow:visible}}aside.leftcollumn{grid-area:leftcollumn;width:96rem;padding:8rem;&>:not(:last-child){margin-bottom:8rem}&>.selectedtoolattributes{cursor:default;&>.selectedtoolicon{contain:strict;pointer-events:none;width:100%;height:100%;&>svg{fill:var(--COR_DESTAQUE)}&>.arrow{position:absolute;top:50%;right:12rem;translate:0 -50%}}&>.toolattributesdrawer{--font-size:11rem;contain:layout paint style;background:var(--COR_TERCIARIA);width:0;font-size:var(--font-size);z-index:201;border-radius:0 0 10rem;font-weight:700;transition:width .16s ease-in-out;position:absolute;top:-8rem;left:calc(100% + 8rem);overflow:hidden;& p{color:var(--COLOR);text-transform:uppercase;margin:0;line-height:20rem;&:last-child{text-transform:lowercase}}&>ul{flex-direction:column;gap:16rem;width:320rem;padding:10rem;display:flex;&>li{flex-direction:column;display:flex;&>div{flex-direction:row;justify-content:space-between;align-items:center;gap:5rem;padding:0 10rem;display:flex;& input{text-align:right;font-size:var(--font-size);border:none;border-radius:0}}&:last-child{margin-bottom:10rem}}}&[open]{width:320rem}}&:before{content:"";width:calc(100% + 8rem);height:100%;display:none;position:absolute;top:0;left:0}&:hover{&:before{display:block}}}& .selectedcolors{height:66rem;position:relative;& div{cursor:pointer;position:absolute}&>.bttforegroundcolor,&>.bttsecondarycolor{border:3rem solid var(--COR_DESTAQUE2);border-radius:38rem;width:38rem;height:38rem;transition:background-color .16s ease-in-out;top:14rem}&>.bttforegroundcolor{z-index:2;left:9rem}&>.bttsecondarycolor{z-index:1;left:34rem}&>.btttogglecolors,&>.bttresetcolors{width:28rem;height:11rem}&>.btttogglecolors{top:0;left:26rem}&>.bttresetcolors{top:54rem;left:26rem}}& .savedcolorsscroll{flex-direction:column;height:min-content;max-height:calc(100% - 450rem);display:flex;transform:rotateY(180deg);&>.savedcolors{background:var(--COR_TERCIARIA);border-radius:8rem;flex-flow:wrap;justify-content:center;gap:5rem;height:100%;padding:13rem;display:flex;position:relative;overflow:hidden;transform:rotateY(-180deg);&>div{border:2rem solid rgba(var(--COR_SVG_FILL_RGB),.32);cursor:pointer;border-radius:100%;width:24rem;height:24rem;position:relative}}}}section.centercontainer{contain:strict;touch-action:none;grid-area:centercontainer;position:relative;overflow:hidden;&>.paintsurface{z-index:150;cursor:none;width:100%;height:100%;position:absolute;top:0;left:0}&>.containerCircleAngle{z-index:148;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden;&>.circleAngleDefault{border:3rem solid var(--COR_DESTAQUE);backdrop-filter:blur(3px);border-radius:50%;width:160rem;height:160rem;&>span{background-color:#7f7f7f73;border-radius:50%;width:16rem;height:16rem;position:absolute;&:first-of-type{top:-24rem;left:50%;transform:translate(-8rem)}&:nth-of-type(2){top:50%;right:-24rem;transform:translateY(-8rem)}&:nth-of-type(3){bottom:-24rem;left:50%;transform:translate(-8rem)}&:nth-of-type(4){top:50%;left:-24rem;transform:translateY(-8rem)}}&>.circleAngleRotate{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;&:before{content:"";background-color:var(--COR_DESTAQUE);border-radius:50%;width:16rem;height:16rem;display:block;position:relative;top:-24rem;left:50%;transform:translate(-8rem);box-shadow:0 0 10rem 3rem #0006}}&:before{content:"";width:146rem;height:146rem;display:block}}}&>.containerlayersouter{contain:strict;will-change:width,height,top,left;vertical-align:middle;pointer-events:none;flex-direction:row;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;& *{pointer-events:none;&[invisible]{display:none}}&>.containerlayers{will-change:rotate;transform-origin:50%;flex-shrink:0;position:relative;overflow:hidden;&>.grid{z-index:50;shape-rendering:crispEdges}&>*{object-fit:fill;pointer-events:none;backface-visibility:hidden;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 1px #fff0;&:first-child{z-index:0;background:var(--transparent_background_image)center repeat}}}}}aside.rightcollumn{--width_rightbar:112rem;width:var(--width_rightbar);grid-area:rightcollumn;padding:8rem;&>:not(:last-child){margin-bottom:8rem}&>.showpreview{cursor:default;width:calc(var(--width_rightbar) - 16rem);&>.arrow{position:absolute;top:50%;left:12rem;translate:0 -50%}&>div{background:var(--COR_TERCIARIA);z-index:201;border-radius:0 0 0 10rem;width:0;max-width:432rem;max-height:432rem;transition:width .16s ease-in-out;position:absolute;top:-8rem;right:calc(100% + 8rem);overflow:hidden;&>div{left:calc(100% - var(--width_preview));background:var(--transparent_background_image)center repeat;margin:10rem;position:relative}}&:before{content:"";width:calc(100% + 8rem);height:100%;display:none;position:absolute;top:0;left:-8rem}&:hover{&:before{display:block}}&[open]{&>div{width:var(--width_preview)}}}&>.buttonstools{width:calc(var(--width_rightbar) - 16rem)}&>.containerlayersiconsscroll{width:var(--width_rightbar);flex-direction:column;align-items:center;height:min-content;max-height:calc(100% - 156rem);display:flex;position:relative;left:-8rem;&>.containerlayersicons{touch-action:none;flex-direction:column;flex-grow:1;gap:8rem;width:100%;display:flex;position:relative;overflow:hidden;&>div{flex-direction:row;flex-shrink:0;justify-content:center;width:100%;height:54rem;display:flex;position:relative}}}&>.bttbackgroundcolor{width:calc(var(--width_rightbar) - 16rem);border:3rem solid var(--COR_DESTAQUE3);background:var(--icon_transparent_background_image)repeat center;cursor:pointer;border-radius:32rem;height:32rem;position:relative;overflow:hidden;&:after{content:"";background-color:var(--background_color);transition:background-color .16s ease-in-out;position:absolute;inset:0}}}.layericon{contain:strict;cursor:pointer;background-color:var(--COR_SECUNDARIA);border-radius:8rem;width:96rem;height:54rem;transition:background-color .16s ease-in-out;position:relative;overflow:hidden;& *{pointer-events:none}& .iconlayerproperty{opacity:0;z-index:2;backdrop-filter:blur(1rem);user-select:none;background-color:#00000052;justify-content:center;align-items:center;transition:opacity .16s ease-in-out;display:flex;position:absolute;inset:0;&>[data-icon]{z-index:0;height:30rem;position:absolute;scale:1.4;&>svg{fill:#fff;opacity:.96}}&>input[type=number]{color:#000;z-index:1;user-select:none;border-color:#0000;font-size:24rem;position:absolute}}&>.layericoncanvasouter{pointer-events:none;touch-action:none;background:var(--icon_transparent_background_image)center repeat;justify-content:center;align-items:center;width:96rem;height:54rem;display:flex;position:relative;overflow:hidden;& canvas{width:var(--icon-width);height:var(--icon-height);pointer-events:none}&:before{content:"";background-color:#0000;transition:background-color .16s ease-in-out;display:block;position:absolute;inset:0}}&:before{content:"";box-sizing:border-box;backdrop-filter:none;z-index:6;background-color:#0000;border:3rem solid #0000;border-radius:8rem;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .16s ease-in-out,border-color .16s ease-in-out,background-color .16s ease-in-out;display:flex;position:absolute;inset:0}&[selected]{background-color:var(--COR_DESTAQUE3);& .layericoncanvasouter:before{background-color:rgba(var(--COR_DESTAQUE3_RGB),.32)}&:before{border-color:var(--COR_DESTAQUE3)}}&[openedlayerconfig]{&:before{border-color:#0000;animation:2.4s ease-in-out .16s infinite blinklayerconfigopen}}&[invisible]{& .iconlayerinvisible{opacity:1}}&[data-opacity]:not([data-opacity="1"]):not([invisible]){& .iconlayeropacity{opacity:1}}&[data-shownumposition]{pointer-events:none;&:before{content:attr(data-shownumposition);background-color:rgba(var(--COR_BACKGROUND_RGB),.32);color:rgba(var(--COR_SVG_FILL_RGB),1);font-size:24rem;font-weight:700}&[invisible]{& .iconlayerinvisible{opacity:.64}}&[data-opacity]:not([data-opacity="1"]):not([invisible]){& .iconlayeropacity{opacity:.64}}}&[draging]{will-change:translate;z-index:999999999;pointer-events:none;position:fixed;top:0;left:0}}@keyframes blinklayerconfigopen{0%{border-color:#0000}50%{border-color:var(--COR_DESTAQUE3)}to{border-color:#0000}}footer.footerbar{background-color:var(--COR_SECUNDARIA);white-space:nowrap;grid-area:footerbar;height:16rem;font-size:11rem;font-weight:700;&>*{border-left:2rem solid var(--COR_BORDA);white-space:nowrap;float:left;padding:0 6rem;position:relative;&:first-child{border-left:none;&>input{text-align:right;width:40rem;padding:0}}&:nth-child(2){max-width:max(100% - 570rem,120rem)}&:last-child{float:right;&>input{width:80rem}}}&>p{width:min-content;height:16rem;color:var(--COLOR);white-space:nowrap;margin:0;line-height:17rem;overflow:hidden;&>input{padding:0 2rem}}& input{border:none;border-radius:0;height:16rem;font-size:11rem}}