.navbar{background:#fff;box-shadow:0 1px 15px #4c566660;font-size:1rem;grid-area:navbar;height:var(--navbar-height);justify-content:space-between;z-index:2}.navbar,.navbar-left-content,.navbar-right-content{align-items:center;display:flex}.navbar-left-content{height:100%;justify-content:center;padding-left:.5rem}.navbar-left-content .logo{height:70%}.navbar-right-content{justify-content:space-between;padding-right:.5rem}.clear-dropdown{background-color:#343b46;display:inline-block;height:40px;margin-right:1.5rem;position:relative;text-align:center;width:100px;z-index:1}.clear-dropdown-btn{align-items:center;border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;height:100%;justify-content:space-between;padding:0 20px;width:100%}.clear-dropdown-btn:after{content:"▼";font-size:14px;margin-left:auto}.clear-dropdown-content{display:none;position:absolute;width:100px;z-index:1}.clear-dropdown:hover .clear-dropdown-content{display:block}.clear-layer-btn{background:#343b46;color:#fff;height:40px;margin-right:1.5rem;text-align:center;transition:opacity .1s ease-in;width:100px;z-index:1}.clear-layer-btn:hover{opacity:.8}.save-btn{background:linear-gradient(90deg,#ff5757,#ff1616);border-radius:5px;color:#fff;height:40px;position:relative;text-align:center;width:75px;z-index:1}.save-btn:before{background:linear-gradient(90deg,#ff1616,#ff5757);border-radius:5px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .25s linear;width:100%;z-index:-1}.save-btn:hover:before{opacity:1}.main-sidebar{align-items:center;display:flex;flex-direction:column;grid-area:sidebar;justify-content:flex-start}.main-sidebar,.sidebar-choice button{background:#343b46;width:var(--sidebar-width)}.sidebar-choice button{color:#d9dbdf;font-size:1.2rem;height:var(--sidebar-width);position:relative;transition:all .35s ease-out;z-index:42}.sidebar-choice button:hover{background:#606e7c;cursor:pointer}.photo-strip{align-items:center;background:#fff;border-left:none;-moz-box-shadow:10px 10px 3px #777;-webkit-box-shadow:10px 10px 3px #777;box-shadow:2px 0 3px #777;display:inline-flex;height:var(--sidebar-width);justify-content:center;left:calc(var(--sidebar-width)*-2);position:absolute;text-align:center;transition:left .4s ease-in-out;width:calc(var(--sidebar-width)*2);z-index:41}.strip-active{left:var(--sidebar-width);position:absolute}.photo-text{background:#000;color:#fff;display:inline-block;font-size:100%;height:calc(var(--sidebar-width)*.8);letter-spacing:.1rem;line-height:calc(var(--sidebar-width)*.8);vertical-align:middle;width:80%}@media screen and (max-width:480px){.main-sidebar{flex-direction:row;justify-content:space-around;width:100vw}}.photo-pane-properties{display:flex;flex-direction:column;padding-bottom:.5rem;padding-top:1rem;--upload-button-height:30px}.photo-upload-handler{display:flex;justify-content:center}.upload-btn{background:#343b46;border-radius:5px;box-shadow:0 5px 15px #6a788f;color:#fff;height:var(--upload-button-height);position:fixed;transition:background .25s ease-out;width:calc(var(--properties-bar-width)*.85);z-index:3}.upload-btn:hover{background:#434c5a}.photo-pane-content{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-around;padding-top:60px}.photo-pane-content .stock-photo{--photo-width-percent:0.375;background-position:50%;background-repeat:no-repeat;background-size:150%;height:100px;margin-bottom:20px;opacity:.8;transition:all .35s ease-in-out;width:calc(var(--photo-width-percent)*var(--properties-bar-width))}.photo-pane-content .stock-photo:hover{background-size:100%;cursor:pointer;opacity:1}.props-pane-properties{display:flex;flex-direction:column;padding-top:.8rem}.props-search-bar{display:flex;justify-content:center}.props-search-handler{background:#fff;border:1px solid #343b46;border-radius:5px;padding:8px 5px;position:fixed;width:calc(var(--properties-bar-width)*.85);z-index:2}.props-search-handler input{background:none;border:none;outline:none;padding-left:5px}.props-pane-content{flex-wrap:wrap;justify-content:space-around;padding-top:60px}.prop,.props-pane-content{align-items:center;display:flex}.prop{justify-content:center;--photo-width-percent:0.35;background-position:50%;background-repeat:no-repeat;background-size:cover;background-size:60%;height:calc(var(--photo-width-percent)*var(--properties-bar-width));margin-bottom:20px;overflow:hidden;width:calc(var(--photo-width-percent)*var(--properties-bar-width))}.prop,.prop:hover{background-color:#343b46}.prop:hover{cursor:pointer}.prop-label{align-items:center;color:#d9dbdf;display:flex;height:100%;justify-content:center;text-align:center;visibility:hidden;width:100%}.prop:hover .prop-label{animation:displayPropLabel .25s linear;background:#4c5666c5;visibility:visible}@keyframes displayPropLabel{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.aden{-webkit-filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);position:relative}.aden:after,.aden:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.aden img{width:100%;z-index:1}.aden:before{z-index:2}.aden:after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(90deg,rgba(66,10,14,.2),transparent);mix-blend-mode:darken;z-index:3}.gingham:after,.perpetua:after,.reyes:after{mix-blend-mode:soft-light}.inkwell{-webkit-filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);position:relative}.inkwell:after,.inkwell:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.inkwell img{width:100%;z-index:1}.inkwell:before{z-index:2}.inkwell:after{z-index:3}.perpetua{position:relative}.perpetua:after,.perpetua:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.perpetua img{width:100%;z-index:1}.perpetua:before{z-index:2}.perpetua:after{background:-webkit-linear-gradient(top,#005b9a,#e6c13d);background:linear-gradient(180deg,#005b9a,#e6c13d);opacity:.5;z-index:3}.reyes{-webkit-filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75);filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75);position:relative}.reyes:after,.reyes:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.reyes img{width:100%;z-index:1}.reyes:before{z-index:2}.reyes:after{background:#efcdad;opacity:.5;z-index:3}.gingham{-webkit-filter:brightness(1.05) hue-rotate(-10deg);filter:brightness(1.05) hue-rotate(-10deg);position:relative}.gingham:after,.gingham:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.gingham img{width:100%;z-index:1}.gingham:before{z-index:2}.gingham:after{background:#e6e6fa;z-index:3}.toaster{-webkit-filter:contrast(1.5) brightness(.9);filter:contrast(1.5) brightness(.9);position:relative}.toaster:after,.toaster:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.toaster img{width:100%;z-index:1}.toaster:before{z-index:2}.toaster:after{background:-webkit-radial-gradient(circle,#804e0f,#3b003b);background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen;z-index:3}.walden{-webkit-filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);position:relative}.walden:after,.walden:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.walden img{width:100%;z-index:1}.walden:before{z-index:2}.walden:after{background:#04c;mix-blend-mode:screen;opacity:.3;z-index:3}.hudson{-webkit-filter:brightness(1.2) contrast(.9) saturate(1.1);filter:brightness(1.2) contrast(.9) saturate(1.1);position:relative}.hudson:after,.hudson:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.hudson img{width:100%;z-index:1}.hudson:before{z-index:2}.hudson:after{background:-webkit-radial-gradient(circle,#a6b1ff 50%,#342134);background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5;z-index:3}.earlybird{-webkit-filter:contrast(.9) sepia(.2);filter:contrast(.9) sepia(.2);position:relative}.earlybird:after,.earlybird:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.earlybird img{width:100%;z-index:1}.earlybird:before{z-index:2}.earlybird:after{background:-webkit-radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay;z-index:3}.mayfair{-webkit-filter:contrast(1.1) saturate(1.1);filter:contrast(1.1) saturate(1.1);position:relative}.mayfair:after,.mayfair:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.mayfair img{width:100%;z-index:1}.mayfair:before{z-index:2}.mayfair:after{background:-webkit-radial-gradient(40% 40%,circle,hsla(0,0%,100%,.8),hsla(0,100%,89%,.6),#111 60%);background:radial-gradient(circle at 40% 40%,hsla(0,0%,100%,.8),hsla(0,100%,89%,.6),#111 60%);mix-blend-mode:overlay;opacity:.4;z-index:3}.lofi{-webkit-filter:saturate(1.1) contrast(1.5);filter:saturate(1.1) contrast(1.5);position:relative}.lofi:after,.lofi:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.lofi img{width:100%;z-index:1}.lofi:before{z-index:2}.lofi:after{background:-webkit-radial-gradient(circle,transparent 70%,#222 150%);background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply;z-index:3}._1977{-webkit-filter:contrast(1.1) brightness(1.1) saturate(1.3);filter:contrast(1.1) brightness(1.1) saturate(1.3);position:relative}._1977:after,._1977:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}._1977 img{width:100%;z-index:1}._1977:before{z-index:2}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen;z-index:3}.brooklyn{-webkit-filter:contrast(.9) brightness(1.1);filter:contrast(.9) brightness(1.1);position:relative}.brooklyn:after,.brooklyn:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.brooklyn img{width:100%;z-index:1}.brooklyn:before{z-index:2}.brooklyn:after{background:-webkit-radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay;z-index:3}.xpro2{-webkit-filter:sepia(.3);filter:sepia(.3);position:relative}.xpro2:after,.xpro2:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.xpro2 img{width:100%;z-index:1}.xpro2:before{z-index:2}.xpro2:after{background:-webkit-radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn;z-index:3}.nashville{-webkit-filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);position:relative}.nashville:after,.nashville:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.nashville img{width:100%;z-index:1}.nashville:before{z-index:2}.nashville:after{background:rgba(0,70,150,.4);mix-blend-mode:lighten;z-index:3}.nashville:before{background:hsla(15,85%,78%,.56);mix-blend-mode:darken}.lark{-webkit-filter:contrast(.9);filter:contrast(.9);position:relative}.lark:after,.lark:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.lark img{width:100%;z-index:1}.lark:before{z-index:2}.lark:after{background:hsla(0,0%,95%,.8);mix-blend-mode:darken;z-index:3}.lark:before{background:#22253f;mix-blend-mode:color-dodge}.moon{-webkit-filter:grayscale(1) contrast(1.1) brightness(1.1);filter:grayscale(1) contrast(1.1) brightness(1.1);position:relative}.moon:after,.moon:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.moon img{width:100%;z-index:1}.moon:before{z-index:2}.moon:after{z-index:3}.moon:before{background:#a0a0a0;mix-blend-mode:soft-light}.moon:after{background:#383838;mix-blend-mode:lighten}.clarendon{-webkit-filter:contrast(1.2) saturate(1.35);filter:contrast(1.2) saturate(1.35);position:relative}.clarendon:after,.clarendon:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.clarendon img{width:100%;z-index:1}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay;z-index:2}.clarendon:after{z-index:3}.willow{-webkit-filter:grayscale(.5) contrast(.95) brightness(.9);filter:grayscale(.5) contrast(.95) brightness(.9);position:relative}.willow:after,.willow:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.willow img{width:100%;z-index:1}.willow:before{z-index:2}.willow:after{z-index:3}.willow:before{background-color:radial-gradient(40%,circle,#d4a9af 55%,#000 150%);mix-blend-mode:overlay}.willow:after{background-color:#d8cdcb;mix-blend-mode:color}.rise{-webkit-filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9);filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9);position:relative}.rise:after,.rise:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.rise img{width:100%;z-index:1}.rise:before{z-index:2}.rise:after{background:-webkit-radial-gradient(circle,hsla(34,63%,75%,.8),transparent 90%);background:radial-gradient(circle,hsla(34,63%,75%,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6;z-index:3}.rise:before{background:-webkit-radial-gradient(circle,hsla(32,64%,79%,.15) 55%,rgba(50,30,7,.4));background:radial-gradient(circle,hsla(32,64%,79%,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}.slumber{-webkit-filter:saturate(.66) brightness(1.05);filter:saturate(.66) brightness(1.05);position:relative}.slumber:after,.slumber:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.slumber img{width:100%;z-index:1}.slumber:before{z-index:2}.slumber:after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light;z-index:3}.slumber:before{background:rgba(69,41,12,.4);mix-blend-mode:lighten}.brannan{-webkit-filter:sepia(.5) contrast(1.4);filter:sepia(.5) contrast(1.4);position:relative}.brannan:after,.brannan:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.brannan img{width:100%;z-index:1}.brannan:before{z-index:2}.brannan:after{background-color:rgba(161,44,199,.31);mix-blend-mode:lighten;z-index:3}.valencia{-webkit-filter:contrast(1.08) brightness(1.08) sepia(.08);filter:contrast(1.08) brightness(1.08) sepia(.08);position:relative}.valencia:after,.valencia:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.valencia img{width:100%;z-index:1}.valencia:before{z-index:2}.valencia:after{background:#3a0339;mix-blend-mode:exclusion;opacity:.5;z-index:3}.kelvin{position:relative}.kelvin:after,.kelvin:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.kelvin img{width:100%;z-index:1}.kelvin:before{z-index:2}.kelvin:after{background:#b77d21;mix-blend-mode:overlay;z-index:3}.kelvin:before{background:#382c34;mix-blend-mode:color-dodge}.maven{-webkit-filter:sepia(.25) brightness(.95) contrast(.95) saturate(1.5);filter:sepia(.25) brightness(.95) contrast(.95) saturate(1.5);position:relative}.maven:after,.maven:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.maven img{width:100%;z-index:1}.maven:before{z-index:2}.maven:after{background:rgba(3,230,26,.2);mix-blend-mode:hue;z-index:3}.stinson{-webkit-filter:contrast(.75) saturate(.85) brightness(1.15);filter:contrast(.75) saturate(.85) brightness(1.15);position:relative}.stinson:after,.stinson:before{content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.stinson img{width:100%;z-index:1}.stinson:before{z-index:2}.stinson:after{z-index:3}.stinson:before{background:hsla(11,79%,72%,.2);mix-blend-mode:soft-light}.color-picker{align-items:center;display:flex;justify-content:flex-start;width:100%}.color-choice{margin-right:10px;position:relative}.picker-swatch{background:#fff;border-radius:1px;box-shadow:0 0 0 1px rgba(0,0,0,.1);cursor:pointer;display:inline-block;padding:5px}.picker-color{border-radius:2px;height:14px;width:36px}.picker-popover{left:0;position:absolute;top:0;z-index:2}.picker-cover{bottom:0;left:0;position:fixed;right:0;top:0}.filter-custom,.filter-pane-properties{align-items:center;flex-direction:column;padding-top:.6rem}.filter-custom,.filter-pane-content,.filter-pane-properties{display:flex;justify-content:center;width:100%}.filter-options{align-items:center;display:flex;justify-content:center;position:fixed;width:calc(var(--properties-bar-width)*.845);z-index:3}.filter-options-btn{background:#343b46;box-shadow:inset 0 0 3px #000;color:#d9dbdf;font-size:.85rem;padding:.6rem 0;width:50%}.filter-custom,.filter-presets{padding-top:20px}.filters{display:flex;flex-direction:column;margin-bottom:20px;margin-top:30px;width:100%}.slider{display:grid;grid-template-columns:5fr 1fr;width:100%;grid-row-gap:.75rem;color:#343b46;grid-template-areas:"filter-name filter-value" "filter-slider filter-slider";margin-bottom:30px}.slider .filter-name{color:inherit;padding-bottom:.4rem;padding-top:.4rem}.slider .filter-value{border-radius:.4rem;color:inherit;padding:.4rem 0;text-align:right}.slider .filter-slider{-webkit-appearance:none;background:#d3d3d3;grid-area:filter-slider;height:3px;outline:none;width:100%}.slider .filter-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#ff1616,#ff5757);border-radius:20px;cursor:pointer;height:20px;width:20px}.slider .filter-slider::-moz-range-thumb{background:linear-gradient(90deg,#ff1616,#ff5757);border-radius:20px;cursor:pointer;height:20px;width:20px}.overlay-choices{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;text-align:left}.overlay-choices,.overlay-properties{margin-bottom:30px;width:100%}.overlay-properties>*{margin-bottom:30px}.radio-btns-title{color:#343b46;font-weight:900;letter-spacing:.05rem;margin-bottom:20px;text-align:left;text-transform:uppercase;width:85%}.radio-btns-choices{margin-top:.5rem}.choice>:hover{color:#343b4698;cursor:pointer}.choice label{padding-left:1rem}.color-picker-stop,.dropdown{align-items:center;display:flex;justify-content:space-between;width:100%}.number-input{align-items:center;display:flex;height:30px;justify-content:center}.input-field{background:#343b46;border:none;color:#d9dbdf;outline:none;padding:5px;width:2.5rem}.input-btn{background:#d9dbdf;border:.2px solid #343b466e;color:#343b46;height:100%;padding:0 5px}.input-name{margin-left:10px;text-align:center}.filter-presets{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:30px;width:100%}.preset{display:flex;flex-direction:column;--filter-preset-width:0.375;height:auto;margin-bottom:25px;text-align:center;width:calc(var(--filter-preset-width)*var(--properties-bar-width));z-index:2}.preset:hover{cursor:pointer}.preset-filter,.preset-preview{height:70px;width:100%}.preset-preview{object-fit:cover}.preset-name{background-color:#343b46;color:#fff;width:100%}.sidebar-properties{border-right:1px solid #4c566656;box-shadow:0 10px 15px #4c566660;grid-area:properties}.property-info{align-items:center;border-bottom:1px solid #4c566656;display:flex;font-size:1rem;justify-content:center;position:relative}.property-content,.property-title{padding-left:1rem}.property-title{font-size:inherit;font-weight:bolder;height:var(--sidebar-width);letter-spacing:.1rem;line-height:var(--sidebar-width);text-transform:uppercase;width:100%}.property-info button{color:#343b46;font-size:1.4rem;padding-right:1rem;transition:color .25s ease-out}.property-info button:hover{color:#7c7d80;cursor:auto}.property-explanation{--explanation-box-width:250px;--box-offset:25px;background:#343b46;border-radius:10px;box-shadow:3px 3px 5px #4c5666be;color:#d9dbdf;height:auto;padding:10px;position:absolute;right:calc(var(--explanation-box-width)*-1 - var(--box-offset));top:0;visibility:hidden;width:var(--explanation-box-width);z-index:4}.property-info button:hover+.property-explanation{visibility:visible}.property-content{height:calc(100vh - var(--sidebar-width) - var(--navbar-height));overflow:auto;overflow-x:hidden;padding-right:1rem}.property-content::-webkit-scrollbar{width:.4rem}.property-content::-webkit-scrollbar-thumb{background:#e57277;border-radius:.4rem}.property-content::-webkit-scrollbar-track{background:#d9dbdf91;border-radius:.4rem}@media screen and (max-width:480px){.property-content{height:calc(var(--properties-bar-width) - var(--sidebar-width));overflow-y:scroll;padding-right:1rem}.property-info{justify-content:flex-start}.property-title{padding-right:1rem;width:auto}.property-explanation{left:calc(var(--explanation-box-width) - var(--box-offset)*4)}}.canvas{align-items:center;display:flex;grid-area:canvas;justify-content:center;position:relative}.canvas-image-content{display:none;min-width:300px;width:70%}.canvas-image-content img{width:100%}*{box-sizing:border-box;font-size:16px;margin:0;padding:0;--sidebar-width:50px;--navbar-height:3.5rem;--properties-bar-width:300px;--media-screen-breakpoint-max-width:600px;font-family:Abel,sans-serif}body{overflow:hidden}button{background:none;border:none;outline:none}button:hover{cursor:pointer}.main-wrapper{display:grid;grid-template-areas:"navbar navbar navbar" "sidebar properties canvas";grid-template-columns:var(--sidebar-width) var(--properties-bar-width) auto}.canvas,.main-sidebar,.sidebar-properties{height:calc(100vh - var(--navbar-height))}@media screen and (max-width:480px){.main-wrapper{grid-template-areas:"navbar" "canvas" "sidebar" "properties";grid-template-columns:auto;overflow:hidden;width:100vw}.main-sidebar{height:var(--sidebar-width)}.sidebar-properties{height:var(--properties-bar-width)}.canvas{height:calc(100vh - var(--navbar-height) - var(--sidebar-width) - var(--properties-bar-width))}}