*{box-sizing:border-box;--gray1:#f8f8f8;--gray2:#d9d9d9;--gray3:#b7b7b7;--gray4:#9b9b9b;--gray5:#7e7e7e;--gray6:#626262;--gray7:#464646;--gray8:#2a2a2a;--gray9:#0d0d0d;--purple1:#ded2f9;--purple2:#c9b4f1;--purple3:#bf99e6;--purple4:#9c7dd6;--purple5:#855cc0;margin:0;padding:0;font-family:Helvetica,sans-serif}body{flex-direction:column;display:flex}.doc-header{background-color:var(--gray1);flex-direction:row;align-items:center;min-height:80px;padding:20px;display:flex}.doc-header__top-left{flex-direction:row;gap:10px;max-height:40px;display:flex}.doc-header__logo{height:40px}.doc-header__info{flex-direction:column;justify-content:space-between;display:flex}.doc-header__doc-title{background-color:var(--gray1);border:none;border-radius:5px;width:auto;height:20px;padding:5px 10px;font-size:19px;font-weight:700}.doc-header__doc-title:hover{border:1px solid var(--gray2)}.doc-header__doc-title:focus{border:2px solid var(--gray2)}.util-bar{flex-direction:row;gap:0;display:flex}.util-bar__button{background-color:#0000;border:none;border-radius:5px;padding:5px 10px;font-size:16px}.util-bar__button:hover{cursor:pointer;background-color:var(--gray2)}.toolbar{background-color:var(--gray3);flex-direction:row;gap:40px;min-width:100vw;min-height:40px;max-height:40px;padding:0 20px 0 15px;display:flex}.toolbar__subsection{flex-direction:row;align-items:center;gap:5px;display:flex}.toolbar__dropdown{field-sizing:content;appearance:none;background-color:#0000;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='40px'%20viewBox='0%20-960%20960%20960'%20width='40px'%20fill='%230d0d0d'%3e%3cpath%20d='M480-360%20280-559.33h400L480-360Z'/%3e%3c/svg%3e");background-position:right 0 top 5px;background-repeat:no-repeat;background-size:20px;border:none;border-radius:5px;height:30px;padding:5px 25px 5px 5px;font-size:19px}.toolbar__dropdown:hover{background-color:var(--gray4)}.toolbar__dropdown-option{border:none}.toolbar__button{background-color:#0000;border:none;border-radius:5px;justify-content:center;align-items:center;min-width:20px;min-height:20px;padding:5px;display:flex}.toolbar__button:hover{background-color:var(--gray4)}.toolbar__button--selected{background-color:var(--purple4)}.toolbar__button-icon{max-width:20px;max-height:20px}.toolbar__color-circle{border:2px solid var(--gray9);background-color:#fff;border-radius:100%;min-width:30px;min-height:30px}.toolbar__border-color-circle{border:8px solid var(--gray9);background-color:#fff;border-radius:100%;min-width:30px;min-height:30px}.middle{flex-direction:row;display:flex}.shape-creation-menu{background-color:var(--gray1);flex-direction:column;min-width:240px;padding:10px 20px;display:flex}.shape-creation-menu__title{margin-bottom:10px;font-size:19px}.shape-creation-menu__shape-group{flex-direction:column;display:flex}.shape-creation-menu__shape-group-title{font-size:16px}.shape-creation-menu__shape-group-shapes{flex-direction:row;gap:5px;margin-left:-4px;display:flex}.shape-creation-menu__shape-icon{width:40px}.shape-creation-menu__shape-icon:hover{cursor:grab}