:root{--selected-tool:#000;--selected-color:#e2e9f0;--selected-border-width:2px;--selected-border:var(--selected-border-width) solid var(--selected-color);--icon-size:1.5rem}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root,.app,body,html{height:100%;width:100%}.app{align-items:center;display:flex;flex-direction:column;justify-content:center}.canva{background-color:#f0f8ff;height:675px;width:1200px}.box-selection-tool{background-color:initial;border:2px dashed #00000080;border-radius:4px;opacity:0;position:absolute;transition:opacity .2s ease-in-out;z-index:1000}.box-selection-tool.--is-visible{opacity:1}.selection-canvas{height:100%;touch-action:none;width:100%}.box-tools{background-color:#fff;border:var(--selected-border);bottom:calc(var(--icon-size)*-1 - var(--selected-border-width) - .5rem);color:#000;cursor:pointer;opacity:0;pointer-events:none;position:absolute;right:calc(var(--selected-border-width)*-1 + .15rem);transition:opacity .2s ease-in-out;z-index:1}.box-tools,.box-tools__tool{align-items:center;display:flex;height:var(--icon-size);justify-content:center}.box-tools__tool{position:relative;width:var(--icon-size)}.box-tools__tool:hover{background-color:var(--selected-color);cursor:pointer}.box-tools__bgcolor{align-items:center;display:flex;justify-content:center}.box-tools__bgcolor input,.box-tools__color input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.box-tools__bgcolor-watch{border-radius:.05rem;height:1rem;width:1rem}.box-tools__edit.--is-editing svg,.box-tools__tool:hover svg{fill:#fff}.box-tools__edit.--is-editing,.box-tools__tool:hover{background-color:var(--selected-tool)}.box.--is-selected .box-tools{opacity:1;pointer-events:auto}.folder__paper{background-color:#fff;height:1rem;position:absolute;top:-.3rem;transition:transform .2s ease-in-out;width:90%;z-index:3}.folder__front{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-style:solid;border-bottom-width:4px;height:auto;position:relative;width:100%;z-index:4}.folder__back{height:100%;left:0;position:absolute;top:-.6rem;width:96%;z-index:2}.folder__ribbon{height:1rem;position:absolute;right:-.05rem;top:-.8rem;width:6rem;z-index:1}.folder__ribbon-back{height:1rem;left:0;position:absolute;top:-1.5rem;z-index:2}.folder__ribbon,.folder__ribbon-back{fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2}.box.--is-selected .folder__paper{transform:rotate(3deg) translateY(-8px)}.box__text{box-sizing:border-box;height:100%;overflow-wrap:break-word;padding:1rem;width:100%}.box__text:focus-visible{outline:none}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.box{animation:fadeIn .2s ease-in-out;border-radius:.25rem;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d;display:flex;height:auto;justify-content:center;max-width:8rem;opacity:1;-webkit-user-select:none;user-select:none}.box,.box:after{position:absolute}.box:after{backdrop-filter:blur(1.8px);-webkit-backdrop-filter:blur(1.8px);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#0000000f;border-radius:.5rem;content:"";height:calc(100% + 3.5rem);left:-14%;opacity:0;-webkit-perspective:1000;perspective:1000;top:-2.5rem;-webkit-transform:translateZ(0);transform:translateZ(0);transition:opacity .2s ease-in-out;width:128%}.box.--is-selected{box-shadow:0 60px 40px -7px #0003}.box.--is-hovered:after,.box.--is-selected:after{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}.counter{display:flex;flex-direction:row-reverse;flex-flow:row-reverse;flex-wrap:wrap;gap:.3rem;max-width:9rem;transform:scaleY(-1)}.counter__value{font-size:.9rem}.counter-wrapper{align-items:flex-end;display:flex;gap:.3rem;line-height:1}.counter .counter__item{background-color:#000;cursor:pointer;height:1rem;width:1rem}.counter__item.--is-selected{border:1px solid #000}.nav{align-items:center;bottom:1rem;display:flex;flex-direction:column;gap:.5rem;position:fixed;z-index:1}.nav ul{list-style:none}.toolbar{background-color:#fff;border:var(--selected-border);color:#000;cursor:pointer}.toolbar,.toolbar__tool{align-items:center;display:flex;justify-content:center}.toolbar__tool{height:3rem;padding:.5rem;position:relative;width:3rem}.toolbar__tool.--is-disabled{opacity:.2}.toolbar__tool .toolbar__bgcolor-watch{border-radius:.05rem;height:1rem;width:1rem}.toolbar__tool:not(.--is-disabled):hover{background-color:#000}.toolbar__tool:not(.--is-disabled):hover svg{fill:#fff}.toolbar__tool input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.toolbar__tool svg{height:1.5rem;width:1.5rem}
/*# sourceMappingURL=main.f0334b82.css.map*/