@font-face{font-family:Virgil;src:url(/assets/Virgil-Q_0-KYu6.woff2) format("woff2");font-weight:400;font-style:normal}canvas{font-family:Virgil;width:100%}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;overflow:hidden}body{width:100%;height:100%;overflow:hidden;font-family:Virgil}.toolbar_container{width:100%;max-width:440px;left:50%;top:2%;transform:translate(-50%);padding:6px 8px;box-shadow:0 0 .9310142994px #0000002b,0 0 3.1270833015px #00000014,0 7px 14px #0000000d;border-radius:10px;background-color:#fff;position:absolute}.toolbar_content{display:flex;gap:5px;justify-content:space-between;align-items:center}.toolbar_content button{transition:background-color .3s ease}.toolbar_content .toolbar_icon button{cursor:pointer;background-color:transparent;border:none;padding:8px 12px;border-radius:10px;box-shadow:0 0 .5 gray}.toolbar_content .toolbar_icon button:hover{background-color:#e0dfff}.left_bottom_container{display:flex;gap:15px;position:absolute;bottom:3%;left:2%;cursor:pointer}.left_bottom_container .zoom{background-color:#ececf4;border-radius:5px;display:flex;align-items:center;column-gap:.5rem;justify-content:center}.left_bottom_container .zoom__out,.left_bottom_container .zoom__in,.left_bottom_container .zoom__percentage{opacity:.5;cursor:pointer;border:none;background-color:transparent}.left_bottom_container .zoom__out,.left_bottom_container .zoom__in{padding:8px 14px}.left_bottom_container .zoom__percentage{padding-bottom:3px}.left_bottom_container .redo_undo{display:flex;gap:10px;background-color:#ececf4;border-radius:5px}.left_bottom_container .redo_undo button,.left_bottom_container .redo_undo img{border:none;background-color:transparent}.left_bottom_container .redo_undo img{width:36px;cursor:pointer;padding:6px 10px;border-radius:5px}.panelColumn{position:absolute;display:flex;flex-direction:column;row-gap:1.75rem;padding:.75rem 1rem;overflow-y:auto;box-shadow:0 0 .9310142994px #0000002b,0 0 3.1270833015px #00000014,0 7px 14px #0000000d;border-radius:.5rem;top:12%;left:2%;width:200px;cursor:default;background-color:#fff;display:none}.panelColumn .panel__section{margin-bottom:1rem}.panelColumn h3{margin:0;margin-bottom:.45rem;font-size:.75rem;color:#1b1b1f;font-weight:400;display:block}.panelColumn .color-picker__button{width:1.35rem;height:1.35rem;border-radius:.25rem;cursor:pointer;border:1px solid #d6d6d6}.panelColumn .stroke__width button{padding:.75rem;border-radius:.25rem;background-color:"#EFEFEF";border:none;cursor:pointer}.panelColumn .stroke__style button,.panelColumn .layer__container button,.panelColumn .actions button{padding:.3rem .5rem;border-radius:.25rem;background-color:"#EFEFEF";border:none;cursor:pointer}.panelColumn .thin div,.panelColumn .bold div,.panelColumn .extra__bold div{width:10px;border-radius:4px}.panelColumn .thin div{height:2px;background-color:#d8d8d8}.panelColumn .bold div{height:3px;background-color:#727272}.panelColumn .extra__bold div{height:4px;background-color:#252424}.shortcut_key_container{display:flex;flex-direction:column;position:absolute;top:2%;left:2%;width:290px}.shortcut_key_container button{padding:.35rem .75rem;border-radius:5px;border:none;font-family:Virgil;font-size:14px;cursor:pointer;margin-bottom:25px}.shortcut_key_container #shortcut_items{padding:.75rem 2rem;border-radius:5px;background-color:"white";box-shadow:0 0 .9310142994px #0000002b,0 0 3.1270833015px #00000014,0 7px 14px #0000000d}@media (max-width: 768px){.toolbar_container{gap:2px}.toolbar_container button{padding:4px 6px}.toolbar_container .toolbar_icon img{width:14px}.shortcut_key_container{top:9%}.panelColumn{row-gap:1.75rem;padding:.75rem 7px;left:2%;top:46%;bottom:8%;width:168px}}