.offsideItem[data-v-10310d48]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.offsideItem .menuActive[data-v-10310d48]{background:#ded8d8!important}.offsideItem .size[data-v-10310d48]:hover,.offsideItem .sizeActive[data-v-10310d48]{background:#00be00!important}.offsideItem .color[data-v-10310d48]:hover,.offsideItem .colorActive[data-v-10310d48]{background:#fff!important}.offsideItem .configActive[data-v-10310d48]{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.draw-fabric{width:300px;position:absolute;top:0;right:-60px;z-index:9999;background:#f3f2f2;border:1px solid #999;border-radius:5px 0 0 5px;border-right:unset;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.draw-fabric .menu-item{--n:4;--space:calc(100% - var(--n)*40px);--h:calc(var(--space)/var(--n)/2);margin:5px var(--h);width:40px;text-align:center;position:relative}.draw-fabric .menu-item.cancel-btn{border-top:1px solid #999}.draw-fabric .menu-item .font{font-size:26px;cursor:pointer;color:#999}.draw-fabric .menu-item .btn-txt{font-size:12px;font-weight:700;cursor:pointer}.draw-fabric .menu-item .btn-txt.save-txt{color:#1a9bff}.draw-fabric .menu-item .btn-txt.cancel-txt{color:#f56c6c}.item-config{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:38px;position:absolute;background:#fff;border:1px solid #999;border-left:unset;border-radius:0 5px 5px 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:300px;top:-1px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.item-config span{margin:6px auto}.item-config .size{border-radius:50%;background:#c6c6c6;cursor:pointer}.item-config .size.small{width:6px;height:6px}.item-config .size.normal{width:9px;height:9px}.item-config .size.big{width:12px;height:12px}.item-config .color{display:block;width:7px;height:7px;border:4px solid transparent;cursor:pointer;-webkit-box-sizing:content-box;box-sizing:content-box}.item-config .color.red{background:#ff1e10;border-color:#ff1e10}.item-config .color.yellow{background:#ffbe00;border-color:#ffbe00}.item-config .color.blue{background:#1a9bff;border-color:#1a9bff}.item-config .color.green{background:#1aad19;border-color:#1aad19}.item-config .color.black{background:#4d4d4d;border-color:#4d4d4d}.item-config:after,.item-config:before{border-right:8px solid #fff;left:-6px}.unselectable-text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{--animate-duration:0.5s;--animate-delay:0s;--animate-repeat:1}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);z-index:-9999}30%{opacity:.7;-webkit-transform:translateX(-30%);transform:translateX(-30%);z-index:-9999}50%{opacity:.5;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:-9999}80%{opacity:.2;-webkit-transform:translateX(-80%);transform:translateX(-80%);z-index:-9999}to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);z-index:-9999}}@keyframes lightSpeedOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);z-index:-9999}30%{opacity:.7;-webkit-transform:translateX(-30%);transform:translateX(-30%);z-index:-9999}50%{opacity:.5;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:-9999}80%{opacity:.2;-webkit-transform:translateX(-80%);transform:translateX(-80%);z-index:-9999}to{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);z-index:-9999}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes lightSpeedInLeft{0%{opacity:1;-webkit-transform:translateX(-100%);transform:translateX(-100%);z-index:-9999}30%{opacity:.7;-webkit-transform:translateX(-80%);transform:translateX(-80%);z-index:-9999}50%{opacity:.5;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:-9999}80%{opacity:.2;-webkit-transform:translateX(-30%);transform:translateX(-30%);z-index:-9999}to{-webkit-transform:translateX(0);transform:translateX(0);z-index:-9999}}@keyframes lightSpeedInLeft{0%{opacity:1;-webkit-transform:translateX(-100%);transform:translateX(-100%);z-index:-9999}30%{opacity:.7;-webkit-transform:translateX(-80%);transform:translateX(-80%);z-index:-9999}50%{opacity:.5;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:-9999}80%{opacity:.2;-webkit-transform:translateX(-30%);transform:translateX(-30%);z-index:-9999}to{-webkit-transform:translateX(0);transform:translateX(0);z-index:-9999}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.draw-fabric-circular{width:50px;position:absolute;top:0;right:-60px;z-index:9999;background:#f3f2f2;border:1px solid #999;border-radius:25px 25px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.fabricCanvas{max-width:1000px;position:relative}