.canvas-control-panel{z-index:8;border-inline:2px solid var(--x02-colorbggrey);flex-direction:column;flex-shrink:0;align-items:flex-start;gap:0;width:360px;min-width:360px;height:100%;max-height:100%;padding:0;display:flex;position:relative;overflow-x:hidden;overflow-y:auto}.canvas-control-panel .property-panel{border-block:2px solid var(--x02-colorbggrey);background-color:#fff;flex-direction:column;flex:none;justify-content:center;align-self:stretch;align-items:flex-start;gap:10px;width:100%;padding:14px 18px 25px;display:flex;position:relative}.canvas-control-panel .element-panel-title{height:40.12px!important;left:unset!important;opacity:0!important;top:unset!important;width:40.12px!important}.canvas-control-panel .layer-panel{background-color:#fff;flex-direction:column;flex:1 1 0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:18px;width:100%;min-height:0;padding:14px 18px 25px;display:flex;position:relative;overflow:hidden}.canvas-control-panel .panel-title-instance{height:40.12px!important;left:unset!important;top:unset!important;width:40.12px!important}.canvas-control-panel .template-panel{flex:1 1 0;align-self:stretch;width:100%;height:100%;min-height:0;max-height:100%;display:flex}
.comment-input{border:1px solid;border-color:var(--x02-colorlinegrey);box-sizing:border-box;background-color:#fdfcff;border-radius:500px;justify-content:space-between;align-items:center;width:100%;height:52px;padding:6px 6px 6px 20px;display:flex;position:relative;left:unset!important;top:unset!important;margin:0!important}.comment-input.comment-input-enabled{border:1px solid transparent}.comment-input.comment-input-enabled:before{content:"";-webkit-mask-composite:xor;pointer-events:none;z-index:1;background:linear-gradient(168deg,#b66cef 0%,#b66cef 55%,#ffcb48 100%);border-radius:500px;padding:2px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.comment-input.comment-input-enabled .comment-input-field{color:var(--x03-textmaintxtcolor)}.comment-input .comment-input-field,.comment-input .comment-input-send{z-index:2;position:relative}.comment-input .comment-input-field{color:var(--x03-texttxtgrey02);font-family:var(--txt-14pt-font-family);font-size:var(--txt-14pt-font-size);font-style:var(--txt-14pt-font-style);font-weight:var(--txt-14pt-font-weight);letter-spacing:var(--txt-14pt-letter-spacing);line-height:var(--txt-14pt-line-height);background-color:transparent;border:none;flex:1;min-width:0;padding:0}.comment-input .comment-input-field:focus{color:var(--x03-textmaintxtcolor);outline:none}.comment-input .comment-input-field::placeholder{color:var(--x03-texttxtgrey02);opacity:1}.comment-input .comment-input-send{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;height:40px;margin-left:6px;padding:0;display:flex}.comment-input .comment-input-send:disabled{cursor:not-allowed}.comment-input .send-btn-disabled{background-color:var(--x02-colorbggrey)!important;border:unset!important;border-color:unset!important;left:unset!important;top:unset!important;border-radius:500px!important}.comment-input .send-btn-enabled{border:unset!important;border-color:unset!important;left:unset!important;top:unset!important;background:linear-gradient(132deg,#9747ff 0%,#ffcb48 100%)!important;border-radius:500px!important}.comment-input .send-btn-disabled-text{color:var(--x03-texttxtgrey01)!important;margin-top:unset!important;font-size:16px!important}.comment-input .send-btn-enabled-text{color:#fff!important;margin-top:unset!important;font-size:16px!important}.comment-input .caeque-search-clear-btn{cursor:pointer;background-color:transparent;border:none;justify-content:center;align-items:center;padding:0;display:flex}.comment-input .caeque-search-clear-btn-icon{font-family:var(--font-awesome-pro-regular),Helvetica;color:var(--x03-texttxtgrey01);font-size:16px}
.comment-item{align-items:flex-start;display:inline-flex;position:relative;top:452px;left:500px;left:unset!important;top:unset!important;flex:none!important}.comment-item .comment-item-default{left:unset!important;max-width:unset!important;top:unset!important;width:400px!important;padding:18px 18px 14px!important}.comment-item-default{background-color:var(--x02-colorbggrey);border-radius:12px;align-items:center;gap:5px;width:339px;max-width:339px;padding:16px 16px 12px;transition:background-color .2s,border-color .2s,color .2s;display:flex;position:relative;top:3346px;left:-5694px;overflow:hidden}@media (hover:hover){.comment-item-default:hover{background-color:var(--x02-colorbgpastelpurple)}}.comment-item-default .comment-item-txt{grid-template-columns:319px auto;grid-auto-rows:auto;gap:5px;width:100%;display:grid;position:relative}.comment-item-default .comment-item-txt>.text-wrapper{color:var(--x03-textmaintxtcolor);font-family:var(--txt-14pt-font-family);font-size:var(--txt-14pt-font-size);font-style:var(--txt-14pt-font-style);font-weight:var(--txt-14pt-font-weight);letter-spacing:var(--txt-14pt-letter-spacing);line-height:var(--txt-14pt-line-height);word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;align-self:stretch;max-width:319px;margin-top:-1px;position:relative}.comment-item-default .note-wrapper{color:var(--x03-texttxtgrey02);font-family:var(--font-pretendard-regular),Helvetica;letter-spacing:0;white-space:nowrap;grid-column:1/2;width:-moz-fit-content;width:fit-content;font-size:12px;font-weight:400;line-height:20px;position:relative}.comment-item-default .comment-menu-btn{grid-area:1/2/2/3;justify-self:end;height:30px!important;left:unset!important;background-color:var(--x02-colorbggrey)!important;border-radius:8px!important;width:30px!important}@media (hover:hover){.comment-item-default:hover .comment-menu-btn{background-color:var(--x02-colorbgpastelpurple)!important}}.comment-item-default .comment-menu-btn.is-active{background-color:#fff!important;border:none!important}.comment-item-default .comment-menu-btn .comment-menu-btn-text-wrapper{color:var(--x03-textmaintxtcolor)!important;margin-top:-4px!important;margin-bottom:-2px!important;font-size:14px!important}.comment-edit-btn-group{box-shadow:var(--shape-shadow);z-index:1200;background-color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:5px;display:inline-flex;position:absolute;top:15px;left:249px}
.comment-panel-anchor{flex:none;justify-content:flex-end;align-items:stretch;width:0;min-width:0;height:100%;transition:width .2s;display:flex;position:relative;overflow:visible}.comment-panel-anchor.is-open{width:436px;min-width:436px}.comment-panel-wrapper{box-sizing:border-box;border-left:2px solid var(--x02-colorbggrey);flex:none;justify-content:flex-end;align-items:stretch;height:100%;padding:0;display:flex}.comment-panel-container{z-index:8;background-color:#fff;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:14px;width:436px;min-width:436px;height:100%;padding:14px 18px 25px;display:flex;position:relative;overflow:visible}.comment-panel-container .comment-contents{flex-direction:column;flex:1;align-items:flex-start;gap:20px;width:100%;min-height:0;display:flex;position:relative}.comment-panel-container .comment-list-wrapper{padding-right:6px;overflow-y:auto}.comment-list-wrapper::-webkit-scrollbar{width:6px}.comment-list-wrapper::-webkit-scrollbar-track{background:0 0}.comment-list-wrapper::-webkit-scrollbar-thumb{background-color:var(--x02-colorbggrey);border-radius:500px}@media (hover:hover){.comment-list-wrapper::-webkit-scrollbar-thumb:hover{background-color:#dbdcde}}.comment-panel-container .comment-input-wrapper{z-index:5;background:#fff;width:100%;margin-top:auto;padding-top:12px;position:-webkit-sticky;position:sticky;bottom:0}.comment-panel-container .comment-default-box{background:linear-gradient(170deg,rgba(182,108,239,.15) 0%,rgba(255,194,41,.15) 100%);border:none;border-radius:17px;flex-direction:column;justify-content:space-around;align-items:center;gap:5px;width:400px;height:107px;padding:30px 16px;display:flex;position:relative;overflow:hidden}.comment-panel-container .comment-default-box:before{-webkit-mask-composite:xor;content:"";pointer-events:none;z-index:1;background:linear-gradient(170deg,rgba(182,108,239,.7) 0%,rgba(255,203,72,.7) 100%);border-radius:17px;padding:1.2px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.comment-panel-container .comment-default-txt{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:7px;display:inline-flex;position:relative}.comment-panel-container .comment-default-tit{flex:none;justify-content:center;align-items:flex-start;gap:8px;display:inline-flex;position:relative}.comment-panel-container .comment-default-text-wrapper-hand{-webkit-text-fill-color:transparent;color:transparent;font-family:var(--font-awesome-pro-solid),Helvetica;letter-spacing:0;text-align:center;text-fill-color:transparent;white-space:nowrap;background:linear-gradient(141deg,rgba(182,108,239,.7) 0%,rgba(255,203,72,.7) 100%);-webkit-background-clip:text;background-clip:text;width:-moz-fit-content;width:fit-content;margin-top:-1px;font-size:19px;font-weight:400;line-height:20px;position:relative;-webkit-background-clip:text!important}.comment-panel-container .comment-default-text-wrapper-title{color:var(--x03-textmaintxtcolor);font-family:var(--font-pretendard-semibold),Helvetica;letter-spacing:0;text-align:center;white-space:nowrap;width:-moz-fit-content;width:fit-content;margin-top:-1px;font-size:19px;font-weight:600;line-height:20px;position:relative}.comment-panel-container .comment-default-text-wrapper-content{color:var(--x03-texttxtgrey01);font-family:var(--font-pretendard-regular),Helvetica;letter-spacing:0;text-align:center;white-space:nowrap;width:-moz-fit-content;width:fit-content;font-size:13px;font-weight:400;line-height:20px;position:relative}.comment-panel-container .comment-item-wrapper{flex-direction:column;align-items:flex-start;gap:12px;width:100%;display:flex;position:relative}.comment-item--editing{width:100%}.comment-item-default--editing{position:relative;background-color:#fff!important;border-radius:18px!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:400px!important;padding:18px 20px!important;display:flex!important}.comment-item-default--editing:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:0;background:linear-gradient(143deg,rgba(182,108,239,.7) 0%,rgba(255,203,72,.7) 100%);padding:1px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.comment-panel__edit-form{z-index:1;flex-direction:column;gap:12px;display:flex;position:relative}.comment-panel__edit-textarea{color:var(--x03-textmaintxtcolor);font-family:var(--txt-14pt-font-family,var(--font-pretendard-regular),Helvetica);font-size:var(--txt-14pt-font-size,14px);font-weight:var(--txt-14pt-font-weight,400);letter-spacing:var(--txt-14pt-letter-spacing,0);line-height:var(--txt-14pt-line-height,20px);resize:none;background:0 0;border:none;width:100%;min-height:78px;padding:0}.comment-panel__edit-textarea:focus{outline:none}.comment-panel__edit-textarea::placeholder{color:var(--x03-texttxtgrey02)}.comment-panel__edit-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.comment-panel__edit-note{color:var(--x03-texttxtgrey02);font-family:var(--font-pretendard-regular),Helvetica;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;flex:1;padding-right:12px;font-size:12px;font-weight:400;line-height:20px;overflow:hidden}.comment-panel__edit-actions{align-items:center;gap:10px;display:inline-flex}.comment-panel__edit-action{border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background-color .2s,border-color .2s,color .2s,filter .2s;display:inline-flex}.comment-panel__edit-action .text-wrapper{font-family:var(--font-awesome-duotone-regular),Helvetica;color:inherit;margin-top:0;font-size:17px;font-weight:400}.comment-panel__edit-action--cancel{border:1px solid var(--x02-colorlinegrey);color:var(--x03-textmaintxtcolor);background-color:#fff}@media (hover:hover){.comment-panel__edit-action--cancel:hover{background-color:var(--x02-colorbggrey)}}.comment-panel__edit-action--submit{color:#fff;background:#8835f3;border:none}@media (hover:hover){.comment-panel__edit-action--submit:hover{color:#fff;background:#8835f3;border:none}}.comment-panel__edit-action--submit:disabled{opacity:.5;cursor:not-allowed;background:#8835f3}.comment-panel-open-btn{width:60px;height:60px;box-shadow:var(--shape-shadow);z-index:10;background-color:#fff;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;top:18px;right:18px}.comment-panel-open-btn .text-wrapper{color:var(--x03-textmaintxtcolor);font-family:var(--font-awesome-pro-light),Helvetica;letter-spacing:0;white-space:nowrap;width:-moz-fit-content;width:fit-content;font-size:17px;font-weight:300;line-height:normal;position:relative}.comment-badge{pointer-events:none;z-index:1;background-color:#b66cef;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:15px;right:15px}.comment-panel-close-btn{cursor:pointer;z-index:9;background-color:transparent;border:none;padding:0;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}