.menu-item .anticon{margin:0 0!important}.sidebar__wrapper[data-v-0faa3546]{width:100%;height:100%;box-sizing:border-box}.menu[data-v-0faa3546]{border:none!important;background:transparent!important;box-sizing:border-box}.menu-item[data-v-0faa3546]{display:flex!important;flex-direction:column!important;border-bottom:none!important;text-align:center;height:-moz-fit-content;height:fit-content;box-sizing:border-box}.menu-item .icon[data-v-0faa3546]{margin:var(--margin-xxx-small) var(--margin-x-small);line-height:1rem}.menu-item .title[data-v-0faa3546]{margin:var(--margin-xxx-small) var(--margin-x-small);margin:var(--margin-xxx-small) 0;line-height:1rem;font-size:14px;font-weight:600}.scroll-item .title[data-v-0faa3546]{line-height:1rem;font-size:10px}.cover[data-v-0d4833c2]{width:48px;height:48px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==) repeat}.leading-container[data-v-0d4833c2]{width:100%;display:flex;align-items:center}.image-cell__container[data-v-0d4833c2]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:var(--margin-small) var(--margin-medium)}.image-cell__container .title[data-v-0d4833c2]{overflow:hidden;margin:0 var(--margin-xxx-small);max-width:120px}.icon-container[data-v-0d4833c2]{width:40px;height:40px;display:flex;justify-content:center;align-items:center}[data-v-0d4833c2] .ant-checkbox-inner{border:2px solid var(--primary-color);border:1px solid var(--background-gray)}[data-v-0d4833c2] .cover{width:48px;height:48px}.cover[data-v-0e694394]{width:48px;height:48px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==) repeat}.osd-item[data-v-0e694394]{margin:0 var(--margin-medium);margin:0 0}.leading-container[data-v-0e694394]{width:100%;display:flex;align-items:center}.layer-cell__container[data-v-0e694394]{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.info-container[data-v-0e694394]{display:flex;align-items:center}.info-container .headline[data-v-0e694394]{overflow:hidden;padding:var(--padding-xx-small) var(--padding-xx-small);max-width:90px}.icon-container[data-v-0e694394]{width:40px;height:40px;display:flex;justify-content:center;align-items:center}[data-v-0e694394] .ant-checkbox-inner{border:2px solid var(--primary-color);border:1px solid var(--background-gray)}[data-v-0e694394] .cover{width:48px;height:48px}.leading-container .detail[data-v-0e694394]{white-space:nowrap;max-width:170px;overflow:hidden}@media screen and (min-width:768px) and (max-width:1366px){.leading-container .detail[data-v-0e694394]{max-width:60px;font-size:xx-small}.layer-cell__container[data-v-0e694394]{margin:var(--margin-small) var(--margin-xxx-small)}}@media screen and (min-width:1367px){.leading-container .detail[data-v-0e694394]{max-width:170px;font-size:xx-small}.layer-cell__container[data-v-0e694394]{margin:var(--margin-small) var(--margin-small)}}.image-inspector__container[data-v-f36f120e]{max-height:260px;overflow:auto}.combine-container[data-v-f36f120e],.layer-container[data-v-f36f120e]{min-height:80px;max-height:35vh;overflow:auto}.sub-sidebar-container[data-v-f36f120e]{display:flex;flex-direction:column;overflow:auto}.sub-sidebar-container .container[data-v-f36f120e]{width:100%}.headline[data-v-f36f120e]{padding:var(--padding-x-small) var(--padding-medium);margin-bottom:0}.header-container[data-v-f36f120e]{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.image-inspector__container[data-v-f36f120e]{display:flex;flex-direction:column}.header-conatiner .tips[data-v-f36f120e]{color:var(--primary-color)}.item[data-v-f36f120e]{display:flex;flex-direction:column;width:100%;align-items:self-start}.add-text-wrapper[data-v-f36f120e]{width:100%;margin:var(--margin-medium) auto;display:flex;justify-content:center}.switch-wrapper .container[data-v-f36f120e]{width:100%;display:flex;justify-content:space-between;padding:var(--padding-small) var(--padding-small)}.switch-wrapper .container .switch-label[data-v-f36f120e]{width:-moz-fit-content;width:fit-content;width:48px}.upload-image-wrapper[data-v-f36f120e]{display:flex;margin-top:var(--margin-large);justify-content:center;padding:var(--padding-xxx-small) var(--padding-xxx-small)}.upload-warning[data-v-f36f120e]{margin-top:var(--margin-xx-small) var(--margin-x-small);padding:0 var(--padding-xxx-small);color:var(--warning-color);font-size:smaller;margin:auto;margin-top:10px}.switch-wrapper[data-v-f36f120e]{display:flex;width:100%;padding:var(--margin-medium);align-items:center;justify-content:center}.switch-wrapper .container[data-v-f36f120e]{width:120px;padding:0;margin:0}.upload-button[data-v-f36f120e]{margin-left:20%!important}.add-text-wrapper[data-v-f36f120e]{flex-direction:column}.gradient-button-medium[data-v-f36f120e]{margin:auto}.item[data-v-3d99cf15]{display:flex;flex-direction:column;width:100%;align-items:self-start}[data-v-3d99cf15] .ant-form-item-label{text-align:left!important;margin:var(--margin-xx-small) 0}[data-v-3d99cf15] .control{width:160px}.item[data-v-3bd8c2e4]{display:flex;flex-direction:column;width:100%;align-items:self-start}[data-v-3bd8c2e4] .ant-form-item-label{text-align:left!important;margin:var(--margin-xx-small) 0}[data-v-3bd8c2e4] .control{width:160px}[data-v-3bd8c2e4] .color-palette{width:222px}.text-inspector__container[data-v-3bd8c2e4]{display:flex;flex-direction:column;align-items:center}.add-text-wrapper[data-v-3bd8c2e4]{margin:var(--margin-medium)}.time-item .ant-form-item-control-wrapper .ant-form-item-control .ant-form-item-children .container .control{width:220px}#time-inspector .ant-select-dropdown-menu-item{font-size:11px}.switch-label[data-v-55739e3a]{min-width:-moz-fit-content;min-width:fit-content;width:80px}.item[data-v-55739e3a]{display:flex;flex-direction:column;width:100%;align-items:self-start}[data-v-55739e3a] .ant-form-item-label{text-align:left!important;margin:var(--margin-xx-small) 0}[data-v-55739e3a] .control{width:160px}[data-v-55739e3a] .color-palette{width:222px}.time-inspector-wrapper[data-v-55739e3a]{display:flex;flex-direction:column;align-items:center;height:-moz-fit-content;height:fit-content}.item[data-v-573bc3a9]{display:flex;flex-direction:column;width:100%;align-items:self-start}[data-v-573bc3a9] .ant-form-item-label{text-align:left!important;margin:var(--margin-xx-small) 0}[data-v-573bc3a9] .control{width:160px}[data-v-573bc3a9] .color-palette{width:222px}.text-inspector__container[data-v-573bc3a9]{display:flex;flex-direction:column;align-items:center}.add-text-wrapper[data-v-573bc3a9]{margin:var(--margin-medium)}.item[data-v-7b2ea134]{display:flex;flex-direction:column;width:100%;align-items:self-start}[data-v-7b2ea134] .ant-form-item-label{text-align:left!important;margin:var(--margin-xx-small) 0}[data-v-7b2ea134] .control{width:160px}[data-v-7b2ea134] .color-palette{width:222px}.inspector__wrapper[data-v-618d294c]{display:flex;justify-content:center;padding:var(--padding-medium) 0}.layer-container[data-v-618d294c]{display:flex;flex-direction:column}.leading-container .detail[data-v-618d294c]{padding:var(--padding-xx-small) var(--padding-xx-small);overflow:hidden;white-space:nowrap;max-width:170px}.toolbar__wrapper[data-v-1203d1e8]{margin:20px 0;display:flex;width:100%;justify-content:center}.toolbar__wrapper .bar-item[data-v-1203d1e8]{margin:0 10px}.edit-div__wrapper{overflow:auto;word-break:break-all;-webkit-user-select:text;-moz-user-select:text;user-select:text;white-space:pre-wrap;text-align:left;display:inline;overflow-x:hidden;overflow-y:hidden}.osd-item-view__wrapper{width:100%;height:100%;position:absolute}.container .content-container{display:flex;justify-content:center;align-items:center;min-width:10px;min-height:10px}.edit-view-wrapper .container[data-v-cf65d708]{display:flex;flex-direction:row;justify-content:center}.content-mosaic[data-v-cf65d708]{width:inherit;height:inherit;min-width:8px;min-height:8px;background-image:linear-gradient(45deg,hsla(0,0%,95.3%,.3) 25%,transparent 0,transparent 75%,hsla(0,0%,95.3%,.3) 0),linear-gradient(45deg,hsla(0,0%,95.3%,.3) 25%,transparent 0,transparent 75%,hsla(0,0%,95.3%,.3) 0);background-position:0 0,8px 8px;background-clip:content-box}.content-text[data-v-cf65d708]{text-align:center;background:transparent;min-width:8px;min-height:8px;overflow:hidden;white-space:nowrap;width:-moz-fit-content;width:fit-content}.content-text[data-v-cf65d708]:focus-visible{outline:none!important}.content-img[data-v-cf65d708]{width:inherit!important;height:inherit!important}.text-item[data-v-cf65d708]:focus-visible,.text-item[data-v-cf65d708]:hover,[data-v-cf65d708] .vdr.active:before{outline:2px solid var(--primary-color)}[data-v-cf65d708] :focus-visible{outline:none;outline:2px solid var(--primary-color)}.canvas__wrapper[data-v-44175999]{width:100%;height:100%;position:absolute}.coordinate-canvas__wrapper .container[data-v-0bc45766]{position:relative;width:100%;height:100%}.point[data-v-0bc45766]{text-align:center;color:#fff;position:absolute}.top-left[data-v-0bc45766]{left:-1.5rem;left:0;top:-1.5rem}.top-right[data-v-0bc45766]{right:-1.5rem;right:0;top:-1.5rem}.bottom-left[data-v-0bc45766]{left:-1.5rem;left:0;bottom:-1.5rem}.bottom-right[data-v-0bc45766]{right:0;bottom:-1.5rem}.media-container[data-v-7fa31dba]{position:relative;overflow:visible}.video-preview[data-v-7fa31dba]{position:absolute;top:0;left:0;width:inherit;height:inherit;pointer-events:none}.osd-canvas[data-v-7fa31dba]{position:absolute;top:0;left:0;width:inherit;height:inherit;border:1px solid #fff}.design-container[data-v-50452ed7]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.osd-componnents-container[data-v-50452ed7]{margin:24px 4px;display:flex;flex-direction:row;justify-content:space-between;width:100vw;max-width:1920px}.osd-componnents-container .inspector[data-v-50452ed7]{width:260px!important;min-height:580px;border:1px solid #fff}.sidebar-container[data-v-50452ed7]{display:flex;flex-direction:row}.sidebar-container .sidebar[data-v-50452ed7]{width:72px;border:1px solid #fff;min-height:580px;padding:10px 0}.sidebar-container .sub-sidebar[data-v-50452ed7]{width:240px;border:1px solid #fff;min-height:580px;background-color:var(--background-secondly)}.osd-design-container[data-v-50452ed7]{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.osd-design-container .container[data-v-50452ed7]{display:flex;flex-direction:row}.osd-design-container .container .media-container-id[data-v-50452ed7]{position:relative;width:calc(100vw - 620px)!important;height:-moz-fit-content;height:fit-content;border:1px solid #fff}.osd-design-container .toolbar[data-v-50452ed7]{margin:16px 0;display:flex;width:100%;justify-content:center}.osd-design-container .toolbar .bar-item[data-v-50452ed7]{margin:0 10px}