.cant-button-wrapper-remove-gap {
  padding: 0;
  height: auto;
  height: initial;
}

.cant-flex-layout {
  display: flex;
}

.box-grad-root {
  width: 100%;
  overflow-x: hidden;
}
.box-grad-root [class='box-grad-row'] {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.box-grad-root [class='box-grad-col'] {
  box-sizing: border-box;
  overflow: hidden;
}

.canf-card-layout {
  background-color: #fff;
  border-radius: 4px;
  padding: var(--gap);
}
.canf-card-layout .canf-card-layout-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--gap);
}
.canf-card-layout .canf-card-layout-title {
  font-size: 16px;
  font-weight: bold;
}

.cant-easy-table-wrapper {
  width: 100%;
  overflow-x: hidden;
}

.canf-page-layout {
  width: 100%;
  height: 100%;
}

.form-item-label-70.ant-form-item .ant-form-item-label {
  width: 70px;
}
.form-item-label-80.ant-form-item .ant-form-item-label {
  width: 80px;
}
.form-item-label-90.ant-form-item .ant-form-item-label {
  width: 90px;
}
.form-item-label-100.ant-form-item .ant-form-item-label {
  width: 100px;
}
.form-item-label-110.ant-form-item .ant-form-item-label {
  width: 110px;
}
.form-item-label-120.ant-form-item .ant-form-item-label {
  width: 120px;
}
.form-item-label-130.ant-form-item .ant-form-item-label {
  width: 130px;
}
.form-item-label-140.ant-form-item .ant-form-item-label {
  width: 140px;
}
.form-item-label-150.ant-form-item .ant-form-item-label {
  width: 150px;
}
.form-item-label-160.ant-form-item .ant-form-item-label {
  width: 160px;
}
.form-item-label-170.ant-form-item .ant-form-item-label {
  width: 170px;
}
.form-item-label-180.ant-form-item .ant-form-item-label {
  width: 180px;
}
.form-item-label-190.ant-form-item .ant-form-item-label {
  width: 190px;
}
.form-item-label-200.ant-form-item .ant-form-item-label {
  width: 200px;
}
.form-item-label-auto.ant-form-item .ant-form-item-row {
  flex-direction: initial !important;
}
.form-item-label-auto.ant-form-item .ant-form-item-label {
  width: auto !important;
}
.form-item-label-auto.ant-form-item .ant-form-item-control {
  flex: 1;
}
.form-item-label-align-left.ant-form-item .ant-form-item-label {
  text-align: left;
}
.form-item-label-align-right.ant-form-item .ant-form-item-label {
  text-align: right;
}
.ant-form-item.form-item-label-value-vertical > .ant-form-item-row {
  flex-direction: column;
}
.ant-form-item.form-item-label-value-vertical > .ant-form-item-row > .ant-form-item-label {
  width: 100%;
  text-align: left;
}
.ant-form-item.form-item-label-value-vertical > .ant-form-item-row > .ant-form-item-control {
  flex: initial;
}
.form-label-70 .ant-form-item-label {
  width: 70px;
}
.form-label-80 .ant-form-item-label {
  width: 80px;
}
.form-label-90 .ant-form-item-label {
  width: 90px;
}
.form-label-100 .ant-form-item-label {
  width: 100px;
}
.form-label-110 .ant-form-item-label {
  width: 110px;
}
.form-label-120 .ant-form-item-label {
  width: 120px;
}
.form-label-130 .ant-form-item-label {
  width: 130px;
}
.form-label-140 .ant-form-item-label {
  width: 140px;
}
.form-label-150 .ant-form-item-label {
  width: 150px;
}
.form-label-160 .ant-form-item-label {
  width: 160px;
}
.form-label-170 .ant-form-item-label {
  width: 170px;
}
.form-label-180 .ant-form-item-label {
  width: 180px;
}
.form-label-190 .ant-form-item-label {
  width: 190px;
}
.form-label-200 .ant-form-item-label {
  width: 200px;
}
.form-label-auto .ant-form-item-label {
  width: auto;
}
.form-label-align-left .ant-form-item-label {
  text-align: left;
}
.form-label-align-right .ant-form-item-label {
  text-align: right;
}
.form-label-value-vertical .ant-form-item:not(.form-item-label-auto) .ant-form-item-row {
  flex-direction: column;
}
.form-label-value-vertical .ant-form-item:not(.form-item-label-auto) .ant-form-item-label {
  width: 100%;
  text-align: left;
}
.form-label-value-vertical .ant-form-item:not(.form-item-label-auto) .ant-form-item-control {
  flex: initial;
}
.form-formitem-gap-24 .ant-form-item {
  margin-bottom: 24px;
}
.form-formitem-gap-15 .ant-form-item {
  margin-bottom: 15px;
}
.form-formitem-gap-8 .ant-form-item {
  margin-bottom: 8px;
}
.form-formitem-gap-5 .ant-form-item {
  margin-bottom: 5px;
}
.form-formitem-gap-0 .ant-form-item {
  margin-bottom: 0;
}

.text-overflow {
  overflow: hidden;
  width: 100%;
  display: flex;
  position: relative;
}
.tow-content {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  width: 100%;
  text-align: inherit;
}
.tow-hidden {
  height: 0;
  width: 0;
  display: inline-block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.tow-hidden span {
  display: inline-block;
  white-space: nowrap;
}
.tow-inner-text {
  display: inline-block;
}
.tow-trigger .tow-content,
.tow-trigger .tow-cut-content {
  color: #1677ff;
  transition: color 0.3s;
}
.tow-trigger .tow-show-text {
  cursor: pointer;
}
.tow-trigger .tow-show-text:hover {
  color: #69b1ff;
}

/* 移除常见元素默认 margin、padding */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
}

/* 5. 列表去掉默认样式 */
ol, ul {
  list-style: none;
}

/* 7. 表格边框合并 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 8. 链接基础样式 */
a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  background-color: transparent;
}

a:focus, a:active {
  outline: none;
}

/* 10. 表单元素继承字体并重置样式 */
button, input, textarea, select {
  font: inherit;
  color: inherit;
  background: none;
  border-radius: 0;
}

button {
  border: none;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
}

:root{
  --primary-color: #16d8be;
  /* --foreground-color: #f2f2f2;
  --background-color: #3b3b3b; */
  --foreground-color: #3b3b3b;
  --background-color: #f2f2f2;

  --gap: 8px;

  --font-size: 14px;
  --font-family: 'Arial', sans-serif;
  --font-weight: 400;

  /* 尺寸 */
  --size-page: 1200px;
}
html, body, #main {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

html {
  font-size: var(--font-size);
  font-family: var(--font-family);
  font-weight: var(--font-weight);
  color: var(--foreground-color);
  background-color: var(--background-color);
  line-height: 1.5;
}
.lathe-compt-viewer-hover .lathe-compt-viewer-operates {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  z-index: 1000;
  justify-content: flex-end;
}
.lathe-compt-viewer-hover:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.lathe-compt-viewer-hover:hover .lathe-compt-viewer-operates {
  display: flex;
}
.lathe-compt-viewer-hover > .lathe-compt-viewer-operates-selected {
  display: flex;
}
/*# sourceMappingURL=compt-viewer.css.map */
.login-info-wrapper .avatar {
  width: 40px;
  height: 40px;
  border-radius: 99999px;
  background-color: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
/*# sourceMappingURL=index.css.map */
.drui-header-wrapper {
  height: 50px;
  background-color: #000000;
  color: #fff;
  margin-bottom: var(--gap);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 30px;
}
.drui-header-wrapper > * {
  margin-right: 8px;
}
.drui-header-wrapper > *:last-child {
  margin-right: 0;
}
.drui-header-wrapper h1 {
  width: 116px;
  height: 26px;
  background: url(data:image/png;base64,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) no-repeat center center;
  background-size: cover;
}
.drui-header-wrapper h2 {
  font-size: 22px;
  font-weight: bold;
}
.drui-header-wrapper .gap {
  flex: 1;
}
/*# sourceMappingURL=index.css.map */
.canvas-wrapper .canvas {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
/*# sourceMappingURL=index.css.map */
.compt-designer-wrapper {
  height: 100%;
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
}
/*# sourceMappingURL=compt-designer.css.map */
.page-designer-wrapper {
  height: 100%;
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
}
/*# sourceMappingURL=page-designer.css.map */
.configer-wrapper {
  height: 100%;
  background-color: #fff;
}
/*# sourceMappingURL=index.css.map */
.material-wrapper {
  height: 100%;
  box-sizing: border-box;
  background-color: #fff;
  padding: 0 var(--gap) var(--gap);
}
.material-wrapper .material-item {
  min-height: 24px;
  padding: 2px 10px;
  margin-bottom: 8px;
  background-color: #cfcfcf;
  border-radius: 4px;
}
/*# sourceMappingURL=index.css.map */
.lathe-detail-page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.lathe-detail-page .content-wrapper .canvas-wrapper {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
/*# sourceMappingURL=page.css.map */
.lathe-base-preview-page .canvas-wrapper {
  width: 100%;
  height: 100%;
}
/*# sourceMappingURL=page.css.map */
.lathe-base-snapshot-page .canvas-wrapper {
  width: 100%;
  height: 100%;
}
/*# sourceMappingURL=page.css.map */

/*# sourceMappingURL=e5e0cd11c8ef82314d61.css.map*/