@opendesign-plus-test/components 0.0.1-rc.64 → 0.0.1-rc.66

package/dist/cjs/components/element-plus/OElCookieNotice2.css

@@ -0,0 +1,664 @@
+.hover-icon-rotate .o-icon[data-v-a1abee53] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-a1abee53] {
+    transform: rotate(-180deg);
+}
+}
+[data-v-a1abee53]:root {
+  --el-color-primary: var(--o-color-primary1);
+  --el-border-color: var(--o-color-control1);
+  --el-input-placeholder-color: var(--el-text-color-placeholder);
+  --el-input-hover-border-color: var(--el-border-color-hover);
+  --el-input-clear-hover-color: var(--el-text-color-secondary);
+  --el-component-size-large: 36px;
+}
+@media (max-width: 840px) {
+[data-v-a1abee53]:root {
+    --el-component-size-large: var(--o-control_size-l);
+}
+}
+:root .el-date-editor.el-date-editor--daterange[data-v-a1abee53] {
+  padding: 0 13px 0 15px;
+}
+:root .el-date-editor.el-date-editor--timerange[data-v-a1abee53] {
+  padding: 0 16px;
+}
+:root .el-date-editor input[data-v-a1abee53] {
+  text-align: left;
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+:root .el-date-editor input[data-v-a1abee53] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+:root .el-date-editor input[data-v-a1abee53] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+:root .el-date-editor input[data-v-a1abee53] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+:root .el-date-editor input[data-v-a1abee53] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+:root .el-date-editor input[data-v-a1abee53] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
+:root .el-date-editor input[data-v-a1abee53] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
+:root .el-date-editor input[data-v-a1abee53] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
+:root .el-date-editor input[data-v-a1abee53] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (max-width: 600px) {
+:root .el-date-editor input[data-v-a1abee53] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+:root .el-date-editor .el-select__wrapper[data-v-a1abee53] {
+  gap: 0;
+}
+:root .el-date-editor .el-input__wrapper .el-input__prefix[data-v-a1abee53] {
+  order: 1;
+  font-size: 16px;
+}
+:root .el-date-editor .el-input__icon[data-v-a1abee53] {
+  height: 100%;
+  order: 1;
+  font-size: 24px;
+  margin-right: 2px;
+  color: var(--o-color-info1);
+  background-color: var(--o-color-info2);
+  mask: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiAgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik02LjQ2MyA0Ljk3NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDQuNDcxYS4xNC4xNCAwIDAgMC0uMTMuMDkzbC0uMDA3LjA0M3YxLjg1NmgxNS4zMjlsLjAwMS0xLjg1NmEuMTQuMTQgMCAwIDAtLjA5My0uMTNsLS4wNDMtLjAwN2gtMi4wNTVhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNmgyLjA1NWMuODAxIDAgMS40Ni42MTQgMS41MyAxLjM5N2wuMDA2LjE0djEyLjM1OWMwIC44MDEtLjYxNCAxLjQ2LTEuMzk3IDEuNTNsLS4xNC4wMDZINC40N2MtLjgwMSAwLTEuNDYtLjYxNC0xLjUzLTEuMzk3bC0uMDA2LS4xNFY2LjUxMWMwLS44MDEuNjE0LTEuNDYgMS4zOTctMS41M2wuMTQtLjAwNnptMTMuMjAxIDQuNzkySDQuMzM1djkuMTAzYzAgLjA2LjAzOS4xMTEuMDkzLjEzbC4wNDMuMDA3aDE1LjA1N2MuMDYgMCAuMTExLS4wMzkuMTMtLjA5M2wuMDA3LS4wNDMtLjAwMS05LjEwM3ptLTMuNDgyIDUuNjYzYS43LjcgMCAwIDEgLjA5NSAxLjM5NGwtLjA5NS4wMDZINy44MTdhLjcuNyAwIDAgMS0uMDk1LTEuMzk0bC4wOTUtLjAwNnptMC0zLjM0NmEuNy43IDAgMCAxIC4wOTUgMS4zOTRsLS4wOTUuMDA2SDcuODE3YS43LjcgMCAwIDEtLjA5NS0xLjM5NGwuMDk1LS4wMDZ6bS0uNjk2LTguNDY3Yy4zNTQgMCAuNjQ3LjI2My42OTQuNjA1bC4wMDYuMDk1djIuODA0YS43LjcgMCAwIDEtMS4zOTQuMDk1bC0uMDA2LS4wOTVWNC4zMThhLjcuNyAwIDAgMSAuNy0uN20tNi45MzctLjAyNmMuMzU0IDAgLjY0Ny4yNjMuNjk0LjYwNWwuMDA2LjA5NXYyLjgwNGEuNy43IDAgMCAxLTEuMzk0LjA5NWwtLjAwNi0uMDk1VjQuMjkyYS43LjcgMCAwIDEgLjctLjdtNC45NDYgMS4zODRhLjcuNyAwIDAgMSAuMDk1IDEuMzk0bC0uMDk1LjAwNkgxMC41M2EuNy43IDAgMCAxLS4wOTUtMS4zOTRsLjA5NS0uMDA2eiI+PC9wYXRoPgo8L3N2Zz4=") no-repeat center;
+  background-size: 24px;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+:root .el-date-editor .el-input__icon svg[data-v-a1abee53] {
+  display: none;
+}
+:root .el-popper .el-popper__arrow[data-v-a1abee53] {
+  display: none;
+}
+:root .el-popper .el-picker-panel[data-v-a1abee53] {
+  --cell-row-gap: 6px;
+  --cell-radius: var(--o-radius-xs);
+  color: var(--o-color-info1);
+}
+:root .el-popper .el-picker-panel .el-date-picker__header[data-v-a1abee53] {
+  padding: 12px 24px;
+  height: 48px;
+  border-bottom: 1px solid var(--o-color-control4);
+}
+:root .el-popper .el-picker-panel .el-date-picker__header .el-date-picker__header-label[data-v-a1abee53] {
+  font-weight: 500;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table th[data-v-a1abee53] {
+  border-bottom: none;
+  height: 24px;
+  color: inherit;
+  padding: 0 0 var(--cell-row-gap);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td[data-v-a1abee53] {
+  padding: var(--cell-row-gap) 0px;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td .el-date-table-cell[data-v-a1abee53] {
+  padding: 0;
+  height: 24px;
+  line-height: 22px;
+  border: 1px solid transparent;
+  border-radius: var(--cell-radius);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td:hover:not(.disabled) .el-date-table-cell[data-v-a1abee53] {
+  border-color: var(--o-color-primary1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.disabled .el-date-table-cell[data-v-a1abee53], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.prev-month .el-date-table-cell[data-v-a1abee53], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.next-month .el-date-table-cell[data-v-a1abee53] {
+  background: none;
+  color: var(--o-color-info4);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell[data-v-a1abee53] {
+  background: var(--o-color-control2-light);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.today .el-date-table-cell .el-date-table-cell__text[data-v-a1abee53] {
+  font-weight: normal;
+  color: var(--o-color-info1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell[data-v-a1abee53], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell[data-v-a1abee53], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell[data-v-a1abee53] {
+  background: var(--o-color-primary1);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.current .el-date-table-cell .el-date-table-cell__text[data-v-a1abee53], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.start-date .el-date-table-cell .el-date-table-cell__text[data-v-a1abee53], :root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.end-date .el-date-table-cell .el-date-table-cell__text[data-v-a1abee53] {
+  background: none;
+  color: #fff;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover) .el-date-table-cell[data-v-a1abee53] {
+  border-radius: 0;
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).start-date .el-date-table-cell[data-v-a1abee53] {
+  border-radius: var(--cell-radius) 0 0 var(--cell-radius);
+}
+:root .el-popper .el-picker-panel .el-picker-panel__content .el-date-table td.in-range:not(:hover).end-date .el-date-table-cell[data-v-a1abee53] {
+  border-radius: 0 var(--cell-radius) var(--cell-radius) 0;
+}
+:root .el-input[data-v-a1abee53] {
+  --el-border-color: var(--o-color-control1);
+  --el-input-border-color: var(--o-color-control1);
+  --el-input-hover-border-color: var(--o-color-primary2);
+  --el-input-focus-border-color: var(--o-color-primary3);
+}
+:root .el-table[data-v-a1abee53] {
+  --el-table-border-color: var(--o-color-control4) ;
+}
+:root .el-input__wrapper[data-v-a1abee53] {
+  background: var(--o-color-fill2);
+  box-shadow: none;
+  border: 1px solid var(--el-input-border-color);
+}
+:root .el-select__wrapper[data-v-a1abee53] {
+  background: var(--o-color-fill2);
+}
+:root .el-calendar .el-calendar-table[data-v-a1abee53] {
+  width: 100%;
+}
+:root .el-calendar .el-calendar-table th[data-v-a1abee53] {
+  color: var(--o-color-info3);
+  font-weight: 400;
+  padding: 4px 0 16px 0;
+  text-align: center;
+}
+:root .el-calendar .el-calendar-table td.prev .date-calender[data-v-a1abee53], :root .el-calendar .el-calendar-table td.next .date-calender[data-v-a1abee53] {
+  color: var(--o-color-info4);
+}
+:root .el-select .el-select__placeholder[data-v-a1abee53] {
+  font-size: 16px;
+  line-height: 24px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+:root .el-select .el-select__placeholder[data-v-a1abee53] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+:root .el-select .el-select__placeholder[data-v-a1abee53] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (min-width: 601px) and (max-width: 840px) {
+:root .el-select .el-select__placeholder[data-v-a1abee53] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) {
+:root .el-select .el-select__placeholder[data-v-a1abee53] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+@media (max-width: 600px) {
+:root .el-select .el-select__placeholder[data-v-a1abee53] {
+    font-size: 18px;
+    line-height: 26px;
+}
+}
+@media (max-width: 600px) and (min-width: 1201px) and (max-width: 1680px) {
+:root .el-select .el-select__placeholder[data-v-a1abee53] {
+    font-size: 16px;
+    line-height: 24px;
+}
+}
+@media (max-width: 600px) and (min-width: 841px) and (max-width: 1200px) {
+:root .el-select .el-select__placeholder[data-v-a1abee53] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (min-width: 601px) and (max-width: 840px) {
+:root .el-select .el-select__placeholder[data-v-a1abee53] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+@media (max-width: 600px) and (max-width: 600px) {
+:root .el-select .el-select__placeholder[data-v-a1abee53] {
+    font-size: 14px;
+    line-height: 22px;
+}
+}
+:root .el-input-number[data-v-a1abee53] {
+  --el-component-size-large: 34px;
+}
+@media (max-width: 840px) {
+:root .el-input-number[data-v-a1abee53] {
+    --el-component-size-large: calc(var(--o-control_size-l) - 2px);
+}
+}
+:root .el-input-number .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper[data-v-a1abee53],
+:root .el-input-number .el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper[data-v-a1abee53] {
+  box-shadow: none;
+}
+:root .el-input-number.el-input-number--large[data-v-a1abee53] {
+  line-height: var(--el-component-size-large);
+}
+.el-button[data-v-a1abee53] {
+  --el-button-bg-color: transparent;
+  --el-button-hover-bg-color: transparent;
+  --el-button-active-bg-color: transparent;
+  --el-button-text-color: var(--o-color-primary1);
+  --el-button-hover-text-color: var(--o-color-primary2);
+  --el-button-active-text-color: var(--o-color-primary3);
+  --el-button-border-color: var(--o-color-primary1);
+  --el-button-hover-border-color: var(--o-color-primary2);
+  --el-button-active-border-color: var(--o-color-primary3);
+}
+.cookie-notice[data-v-a1abee53] {
+  position: fixed;
+  bottom: 0;
+  z-index: 999;
+  width: 100%;
+  --el-color-primary: var(--o-color-primary1);
+}
+.cookie-notice-content[data-v-a1abee53] {
+  background-color: rgba(var(--o-grey-1), 0.9);
+  backdrop-filter: blur(5px);
+  box-shadow: var(--o-shadow-1);
+}
+.cookie-notice-wrap[data-v-a1abee53] {
+  position: relative;
+  margin: 0 auto;
+  padding: 16px var(--layout-content-padding);
+  max-width: var(--layout-content-max-width);
+}
+@media (1680px >= width >= 1201px) {
+.cookie-notice-wrap[data-v-a1abee53] {
+    padding: 12px var(--layout-content-padding);
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.cookie-notice-wrap[data-v-a1abee53] {
+    padding: 8px var(--layout-content-padding);
+}
+}
+@media (max-width: 840px) {
+.cookie-notice-wrap[data-v-a1abee53] {
+    padding: 16px var(--layout-content-padding);
+}
+}
+@media (max-width: 600px) {
+.cookie-notice-wrap[data-v-a1abee53] {
+    padding: 16px var(--layout-content-padding);
+}
+}
+@media (max-width: 840px) {
+.cookie-notice-wrap[data-v-a1abee53]:not([type=zh]) {
+    flex-direction: column;
+}
+}
+.cookie-notice-wrap-grid[data-v-a1abee53] {
+  width: var(--grid-content-width);
+  padding: 16px 0;
+  margin: 0 auto;
+}
+@media (1680px >= width >= 1201px) {
+.cookie-notice-wrap-grid[data-v-a1abee53] {
+    padding: 12px 0;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.cookie-notice-wrap-grid[data-v-a1abee53] {
+    padding: 8px 0;
+}
+}
+@media (max-width: 840px) {
+.cookie-notice-wrap-grid[data-v-a1abee53] {
+    padding: 16px 0;
+}
+}
+@media (max-width: 600px) {
+.cookie-notice-wrap-grid[data-v-a1abee53] {
+    padding: 16px 0;
+}
+}
+@media (max-width: 840px) {
+.cookie-notice-wrap-grid[data-v-a1abee53]:not([type=zh]) {
+    padding: 16px 0;
+    flex-direction: column;
+}
+}
+.cookie-title[data-v-a1abee53] {
+  display: flex;
+  font-size: 16px;
+  line-height: calc(1em + 8px);
+  color: var(--o-color-info1);
+  font-weight: 500;
+}
+@media (max-width: 1680px) {
+.cookie-title[data-v-a1abee53] {
+    font-size: 14px;
+}
+}
+@media (max-width: 840px) {
+.cookie-title[data-v-a1abee53] {
+    text-align: center;
+}
+}
+@media (max-width: 840px) {
+.cookie-en-title[data-v-a1abee53] {
+    margin-left: auto;
+}
+}
+.cookie-zh-title[data-v-a1abee53] {
+  font-size: 14px;
+  line-height: 22px;
+  margin-right: 8px;
+  text-align: start;
+}
+@media (max-width: 840px) {
+.cookie-zh-title[data-v-a1abee53] {
+    font-size: 12px;
+    line-height: 18px;
+}
+}
+.cookie-en-content[data-v-a1abee53] {
+  display: flex;
+  width: 100%;
+  margin-top: 8px;
+}
+@media (max-width: 840px) {
+.cookie-en-content[data-v-a1abee53] {
+    flex-direction: column;
+}
+}
+.cookie-en-desc[data-v-a1abee53] {
+  font-size: 12px;
+  line-height: 18px;
+  color: var(--o-color-info2);
+}
+@media (min-width: 1681px) {
+.cookie-en-desc[data-v-a1abee53] {
+    margin-right: 48px;
+}
+}
+@media (1680px >= width >= 1201px) {
+.cookie-en-desc[data-v-a1abee53] {
+    margin-right: 40px;
+}
+}
+@media (min-width: 601px) and (max-width: 1200px) {
+.cookie-en-desc[data-v-a1abee53] {
+    margin-right: 24px;
+}
+}
+@media (max-width: 840px) {
+.cookie-en-desc[data-v-a1abee53] {
+    margin: 0;
+}
+}
+.cookie-notice-right[data-v-a1abee53] {
+  display: flex;
+  margin-left: auto;
+}
+.cookie-notice-right .el-button[data-v-a1abee53]:not(:first-child) {
+  margin-left: 16px;
+}
+@media (1680px >= width >= 1201px) {
+.cookie-notice-right .el-button[data-v-a1abee53]:not(:first-child) {
+    margin-left: 12px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+.cookie-notice-right .el-button[data-v-a1abee53]:not(:first-child) {
+    margin-left: 8px;
+}
+}
+@media (min-width: 841px) {
+.cookie-notice-right .el-button[data-v-a1abee53]:not(:first-child) {
+    margin-left: 12px;
+}
+}
+@media (max-width: 840px) {
+.cookie-notice-right[data-v-a1abee53] {
+    margin-top: 16px;
+    width: 100%;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: auto auto;
+    gap: 12px;
+}
+.cookie-notice-right .el-button[data-v-a1abee53] {
+    margin: 0;
+}
+.cookie-notice-right .el-button[data-v-a1abee53]:nth-child(1) {
+    grid-column: 1;
+    grid-row: 1;
+}
+.cookie-notice-right .el-button[data-v-a1abee53]:nth-child(2) {
+    grid-column: 2;
+    grid-row: 1;
+}
+.cookie-notice-right .el-button[data-v-a1abee53]:nth-child(3) {
+    grid-column: 1/span 2;
+    grid-row: 2;
+}
+}
+.cookie-notice-close[data-v-a1abee53] {
+  display: block;
+  overflow: visible !important;
+  margin-left: auto;
+  cursor: pointer;
+  color: var(--o-color-info1);
+  font-size: 24px;
+}
+.cookie-notice-close[data-v-a1abee53]:hover {
+  color: var(--o-color-primary2);
+}
+.cookie-notice-close[data-v-a1abee53] {
+  overflow: hidden;
+}
+.cookie-notice-close svg[data-v-a1abee53] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.cookie-notice-close:hover svg[data-v-a1abee53] {
+    transform: rotate(180deg);
+}
+}
+.cookie-dlg-content .content-item[data-v-a1abee53] {
+  margin-top: 24px;
+}
+@media (1680px >= width >= 1201px) {
+.cookie-dlg-content .content-item[data-v-a1abee53] {
+    margin-top: 16px;
+}
+}
+@media (max-width: 1200px) {
+.cookie-dlg-content .content-item[data-v-a1abee53] {
+    margin-top: 12px;
+}
+}
+.cookie-dlg-content .content-item:nth-child(2) .item-detail[data-v-a1abee53] {
+  font-size: 16px !important;
+  line-height: calc(1em + 8px);
+}
+.cookie-dlg-content .content-item .item-header[data-v-a1abee53] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.cookie-dlg-content .content-item .item-header .item-title[data-v-a1abee53] {
+  font-size: 20px;
+  line-height: calc(1em + 8px);
+  color: var(--o-color-info1);
+  font-weight: 500;
+}
+@media (1680px >= width >= 1201px) {
+.cookie-dlg-content .content-item .item-header .item-title[data-v-a1abee53] {
+    font-size: 18px;
+}
+}
+@media (max-width: 1200px) {
+.cookie-dlg-content .content-item .item-header .item-title[data-v-a1abee53] {
+    font-size: 16px;
+}
+}
+.cookie-dlg-content .content-item .item-header .item-extra[data-v-a1abee53] {
+  font-size: 14px;
+  color: var(--o-color-info3);
+  margin-left: 24px;
+}
+@media (max-width: 1200px) {
+.cookie-dlg-content .content-item .item-header .item-extra[data-v-a1abee53] {
+    font-size: 12px;
+}
+}
+.cookie-dlg-content .content-item .item-detail[data-v-a1abee53] {
+  font-size: 16px;
+  line-height: calc(1em + 8px);
+  color: var(--o-color-info2);
+  margin-top: 16px;
+}
+@media (max-width: 1680px) {
+.cookie-dlg-content .content-item .item-detail[data-v-a1abee53] {
+    margin-top: 12px;
+    font-size: 14px;
+}
+}
+@media (max-width: 1200px) {
+.cookie-dlg-content .content-item .item-detail[data-v-a1abee53] {
+    margin-top: 8px;
+}
+}
+@media (max-width: 840px) {
+.cookie-dlg-content .content-item .item-detail[data-v-a1abee53] {
+    margin-top: 8px;
+}
+}
+.dlg-title[data-v-a1abee53] {
+  font-size: 24px;
+  line-height: calc(1em + 8px);
+}
+@media (1680px >= width >= 1201px) {
+.dlg-title[data-v-a1abee53] {
+    font-size: 20px;
+}
+}
+@media (max-width: 1200px) {
+.dlg-title[data-v-a1abee53] {
+    font-size: 18px;
+}
+}
+.dlg-close-icon[data-v-a1abee53] {
+  font-size: 24px;
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  color: var(--o-color-info1);
+  cursor: pointer;
+}
+.dlg-close-icon .o-icon-close[data-v-a1abee53] {
+  width: 1em;
+  height: 1em;
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.dlg-close-icon[data-v-a1abee53]:hover {
+    color: var(--o-color-primary2);
+}
+.dlg-close-icon:hover .o-icon-close[data-v-a1abee53] {
+    transform: rotate(180deg);
+}
+}
+@media (max-width: 840px) {
+[data-v-a1abee53] .el-dialog {
+    --el-dialog-width: 100vw;
+}
+}
+@media (min-width: 1201px) {
+[data-v-a1abee53] .el-dialog.grid-width-dlg {
+    --el-dialog-width: var(--grid-14);
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+[data-v-a1abee53] .el-dialog.grid-width-dlg {
+    --el-dialog-width: var(--grid-8);
+}
+}
+[data-v-a1abee53] .el-dialog {
+  --el-bg-color: var(--o-color-control5-light);
+  --el-dialog-padding-primary: 32px;
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+[data-v-a1abee53] .el-dialog {
+    --el-dialog-padding-primary: 24px;
+}
+}
+@media (min-width: 841px) and (max-width: 1200px) {
+[data-v-a1abee53] .el-dialog {
+    --el-dialog-padding-primary: 16px;
+}
+}
+@media (max-width: 600px) {
+[data-v-a1abee53] .el-dialog {
+    --el-dialog-padding-primary: 16px 24px;
+}
+}
+[data-v-a1abee53] .el-dialog .el-dialog__header {
+  text-align: center;
+  padding: 0;
+}
+[data-v-a1abee53] .el-dialog .el-dialog__footer {
+  text-align: center;
+  padding-top: 0;
+  margin-top: 24px;
+}
+@media (1680px >= width >= 1201px) {
+[data-v-a1abee53] .el-dialog .el-dialog__footer {
+    margin-top: 16px;
+}
+}
+@media (min-width: ) {
+[data-v-a1abee53] .el-dialog .el-dialog__footer {
+    margin-top: 12px;
+}
+}
+[data-v-a1abee53] .el-dialog .el-dialog__footer .el-button + .el-button {
+  margin-left: 16px;
+}
+@media (1680px >= width >= 1201px) {
+[data-v-a1abee53] .el-dialog .el-dialog__footer .el-button + .el-button {
+    margin-left: 12px;
+}
+}
+[data-v-a1abee53] .el-dialog .el-dialog__footer .el-button--text {
+  color: var(--o-color-info1);
+}