:root {
  --color-primary: #3c66ff;
  --color-primary-hover: #3357d9;
  --color-primary-pressing: #2b48b5;
  --color-primary-disabled: #849fff;
  --color-primary-light: #ecf0ff;
  --color-primary-light-hover: #d0daff;
  --color-primary-light-pressing: #abbdff;
  --color-warning: #f06800;
  --color-warning-hover: #cc5800;
  --color-warning-pressing: #aa4a00;
  --color-warning-disabled: #f6a05e;
  --color-warning-light: #fef0e6;
  --color-warning-light-hover: #fbdbc2;
  --color-warning-light-pressing: #f9be91;
  --color-danger: #f03860;
  --color-danger-hover: #cc3052;
  --color-danger-pressing: #aa2844;
  --color-danger-disabled: #f6829b;
  --color-danger-light: #feebef;
  --color-danger-light-hover: #fbcfd9;
  --color-danger-light-pressing: #f9a9bb;
  --color-info: #3c66ff;
  --color-info-hover: #3357d9;
  --color-info-pressing: #2b48b5;
  --color-info-disabled: #849fff;
  --color-info-light: #ecf0ff;
  --color-info-light-hover: #d0daff;
  --color-info-light-pressing: #abbdff;
  --color-success: #00a830;
  --color-success-hover: #2eb855;
  --color-success-pressing: #008f29;
  --color-success-disabled: #91daa6;
  --color-success-light: #e6f6ea;
  --color-success-light-hover: #c2eacd;
  --color-success-light-pressing: #91daa6;
  --color-transparent: transparent;
  --color-current: currentColor;
  --color-white: #fff;
  --color-black: #000;
  --color-bg-: #f3f4f5;
  --color-bg: #fff;
  --color-bg-1: #f3f4f5;
  --color-bg-2: #fff;
  --color-dark-bg: #3d3d3d;
  --color-mask-light: rgba(0,0,0,0.65);
  --color-brand-1: #ffe9ec;
  --color-brand-2: #ffcad2;
  --color-brand-3: #ffa1ae;
  --color-brand-4: #ff7588;
  --color-brand-5: #ff4b64;
  --color-brand-6: #ff2442;
  --color-brand-7: #d91f38;
  --color-brand-8: #b51a2f;
  --color-brand-9: #911526;
  --color-brand-10: #73101e;
  --color-grey-1: #f3f3f3;
  --color-grey-2: #e2e2e2;
  --color-grey-3: #ccc;
  --color-grey-4: #b4b4b4;
  --color-grey-5: #9d9d9d;
  --color-grey-6: #888;
  --color-grey-7: #747474;
  --color-grey-8: #616161;
  --color-grey-9: #4e4e4e;
  --color-grey-10: #3d3d3d;
  --color-orange-1: #fef0e6;
  --color-orange-2: #fbdbc2;
  --color-orange-3: #f9be91;
  --color-orange-4: #f6a05e;
  --color-orange-5: #f3832e;
  --color-orange-6: #f06a1d;
  --color-orange-7: #cc5800;
  --color-orange-8: #aa4a00;
  --color-orange-9: #893b00;
  --color-orange-10: #6c2f00;
  --color-red-1: #feebef;
  --color-red-2: #fbcfd9;
  --color-red-3: #f9a9bb;
  --color-red-4: #f6829b;
  --color-red-5: #f35c7d;
  --color-red-6: #eb2f58;
  --color-red-7: #cc3052;
  --color-red-8: #aa2844;
  --color-red-9: #892037;
  --color-red-10: #6c192b;
  --color-pink-1: #fcebf7;
  --color-pink-2: #f7ceec;
  --color-pink-3: #f1a8dc;
  --color-pink-4: #ea7fcc;
  --color-pink-5: #e459bd;
  --color-pink-6: #de34ae;
  --color-pink-7: #bd2c94;
  --color-pink-8: #9e257c;
  --color-pink-9: #7f1e63;
  --color-pink-10: #64174e;
  --color-violet-1: #f8ebfc;
  --color-violet-2: #efcff8;
  --color-violet-3: #e2a8f2;
  --color-violet-4: #d480eb;
  --color-violet-5: #c759e6;
  --color-violet-6: #bb35e0;
  --color-violet-7: #9f2dbe;
  --color-violet-8: #85269f;
  --color-violet-9: #6b1e80;
  --color-violet-10: #541865;
  --color-purple-1: #f3edff;
  --color-purple-2: #e3d4ff;
  --color-purple-3: #cdb2ff;
  --color-purple-4: #b68fff;
  --color-purple-5: #a06dff;
  --color-purple-6: #8b4dff;
  --color-purple-7: #7641d9;
  --color-purple-8: #6337b5;
  --color-purple-9: #4f2c91;
  --color-purple-10: #3f2373;
  --color-blue-1: #ecf0ff;
  --color-blue-2: #d0daff;
  --color-blue-3: #abbdff;
  --color-blue-4: #849fff;
  --color-blue-5: #5f82ff;
  --color-blue-6: #3c66ff;
  --color-blue-7: #3357d9;
  --color-blue-8: #2b48b5;
  --color-blue-9: #223a91;
  --color-blue-10: #1b2e73;
  --color-cyan-1: #e6f5fb;
  --color-cyan-2: #c2e6f5;
  --color-cyan-3: #91d3ed;
  --color-cyan-4: #5ebee4;
  --color-cyan-5: #2eabdc;
  --color-cyan-6: #0098d4;
  --color-cyan-7: #0081b4;
  --color-cyan-8: #006c97;
  --color-cyan-9: #005779;
  --color-cyan-10: #00445f;
  --color-teal-1: #e6f6f3;
  --color-teal-2: #c2eae1;
  --color-teal-3: #91d9c9;
  --color-teal-4: #5ec7b0;
  --color-teal-5: #2eb699;
  --color-teal-6: #00a682;
  --color-teal-7: #008d6f;
  --color-teal-8: #00765c;
  --color-teal-9: #005f4a;
  --color-teal-10: #004b3a;
  --color-green-1: #e6f6ea;
  --color-green-2: #c2eacd;
  --color-green-3: #91daa6;
  --color-green-4: #5ec87d;
  --color-green-5: #2eb855;
  --color-green-6: #00a830;
  --color-green-7: #008f29;
  --color-green-8: #072;
  --color-green-9: #00601b;
  --color-green-10: #004c16;
  --color-yellow-1: #fef9e6;
  --color-yellow-2: #fdf1c2;
  --color-yellow-3: #fce691;
  --color-yellow-4: #fadb5e;
  --color-yellow-5: #f8d02e;
  --color-yellow-6: #f7c600;
  --color-yellow-7: #d2a800;
  --color-yellow-8: #af8d00;
  --color-yellow-9: #8d7100;
  --color-yellow-10: #6f5900;
  --opacity-fill: 0.03;
  --opacity-fill-hover: 0.05;
  --opacity-fill-pressing: 0.08;
  --opacity-fill-disabled: 0.02;
  --opacity-fill-light: 0;
  --color-fill: rgba(0,0,0,0.03);
  --color-fill-black: rgba(0,0,0,0.8);
  --color-fill-mask: rgba(0,0,0,0.8);
  --color-fill-hover: rgba(0,0,0,0.05);
  --color-fill-pressing: rgba(0,0,0,0.08);
  --color-fill-disabled: rgba(0,0,0,0.02);
  --color-fill-light: rgba(0,0,0,0);
  --color-fill-opaque: #f7f7f7;
  --color-fill-hover-opaque: #f2f2f2;
  --color-fill-pressing-opaque: #ebebeb;
  --color-fill-disabled-opaque: #fafafa;
  --color-fill-light-opaque: #fff;
  --opacity-text-title: 0.9;
  --opacity-text-paragraph: 0.67;
  --opacity-text-description: 0.47;
  --opacity-text-disabled: 0.29;
  --color-text-title: rgba(0,0,0,0.9);
  --color-text-paragraph: rgba(0,0,0,0.67);
  --color-text-description: rgba(0,0,0,0.47);
  --color-text-placeholder: rgba(0,0,0,0.52);
  --color-text-disabled: rgba(0,0,0,0.29);
  --color-text-title-solid: #191919;
  --color-text-paragraph-solid: #545454;
  --color-text-description-solid: #878787;
  --color-text-placeholder-solid: #7a7a7a;
  --color-text-disabled-solid: #b5b5b5;
  --size-icon-small: 12px;
  --size-icon-default: 16px;
  --size-icon-large: 20px;
  --size-icon-extra-large: 24px;
  --size-text-small: 12px;
  --size-text-default: 14px;
  --size-text-h6: 16px;
  --size-text-h5: 18px;
  --size-text-h4: 20px;
  --size-text-h3: 24px;
  --size-text-h2: 28px;
  --size-text-h1: 32px;
  --size-text-line-height-small: 20px;
  --size-text-line-height-default: 22px;
  --size-text-line-height-h6: 24px;
  --size-text-line-height-h5: 26px;
  --size-text-line-height-h4: 28px;
  --size-text-line-height-h3: 36px;
  --size-text-line-height-h2: 40px;
  --size-text-line-height-h1: 44px;
  --size-text-font-weight-default: 400;
  --size-text-font-weight-bold: 500;
  --size-text-font-weight-heavy: 600;
  --size-space-step-small: 2px;
  --size-space-step-default: 4px;
  --size-space-small: 8px;
  --size-space-default: 12px;
  --size-space-large: 16px;
  --size-width-small: 100px;
  --size-width-default: 160px;
  --size-width-large: 240px;
  --size-form-line-height-default: 32px;
  --size-form-title-width-default: 178px;
  --size-form-item-width-extra-small: 104px;
  --size-form-item-width-small: 216px;
  --size-form-item-width-default: 328px;
  --size-form-item-width-large: 440px;
  --size-form-item-width-extra-large: 552px;
  --time-transition-short: 0.1s;
  --time-transition-default: 0.15s;
  --time-transition-long: 0.6s;
  --size-radius-small: 2px;
  --size-radius-medium: 3px;
  --size-radius-default: 4px;
  --size-radius-large: 6px;
  --size-radius-super-large: 8px;
  --size-radius-largest: 999px;
  --size-border-default: 1px;
  --size-border-large-default: 2px;
  --size-padding-small: 4px;
  --size-padding-horizontal-small: 2px;
  --size-padding-vertical-small: 8px;
  --opacity-border-default: 0.1;
  --opacity-border-light: 0.05;
  --color-border-default: rgba(0,0,0,0.1);
  --color-border-default-opaque: #e6e6e6;
  --color-border-light: rgba(0,0,0,0.05);
  --border-default: 1px solid rgba(0,0,0,0.1);
  --border-light: 1px solid rgba(0,0,0,0.05);
  --border-divider: 1px solid rgba(0,0,0,0.08);
  --border-focus: 2px solid #abbdff;
  --shadow-none: 0 0 0 0 transparent;
  --shadow-default: 0px 1px 8px 0px rgba(0,0,0,0.09);
  --shadow-fade: $shadow-fade;
  --shadow-portal: 0px 5px 20px 0px rgba(0,0,0,0.12);
  --shadow-drawer: 0 9px 20px 0 rgba(0,0,0,0.09);
  --shadow-display: rgba(0,0,0,0.12) 0 8px 20px, rgba(0,0,0,0.2) 0 0 1px;
  --shadow-focus: 0 20px 32px 0 rgba(0,0,0,0.12), 0 0 1px 0 rgba(0,0,0,0.2);
  --shadow-inset: 0 1px 2px 0 rgba(0,0,0,0.08), 0 0 1px 0 rgba(0,0,0,0.2);
  --opacity-muted: 0.45;
  --opacity-muted-hover: 0.65;
  --opacity-muted-pressing: 0.85;
  --opacity-muted-disabled: 0.28;
  --opacity-muted-loading: 0.28;
  --color-muted: rgba(0,0,0,0.45);
  --color-muted-hover: rgba(0,0,0,0.65);
  --color-muted-pressing: rgba(0,0,0,0.85);
  --color-muted-disabled: rgba(0,0,0,0.28);
  --color-muted-loading: rgba(0,0,0,0.28);
}
.d-spin {
  animation-name: d-spin;
  animation-duration: 0.6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@-moz-keyframes d-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes d-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes d-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes d-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.d-button {
  display: inline-block;
  vertical-align: top;
  border: none;
  cursor: pointer;
  border-radius: var(--size-radius-default);
  font-family: inherit;
}
.d-button:focus-visible {
  outline: 2px solid var(--color-primary-light-hover);
}
.d-button.d-button-round {
  border-radius: 100vmax;
}
.d-button.d-button-small {
  padding: 6px;
  min-height: 28px;
  min-width: 28px;
}
.d-button.d-button-small.d-button-with-content {
  padding: 0 12px;
}
.d-button.d-button-default {
  padding: 8px;
  min-height: 32px;
}
.d-button.d-button-default.d-button-with-content {
  padding: 0 16px;
}
.d-button.d-button-large {
  padding: 8px;
  min-height: 36px;
}
.d-button.d-button-large.d-button-with-content {
  padding: 0 20px;
}
.d-button.disabled {
  cursor: not-allowed;
}
.d-button.d-button-block {
  display: block;
  width: 100%;
}
.d-button.d-button-with-content .icon-right {
  margin-left: 6px;
}
.d-button.d-button-with-content .icon-left {
  margin-right: 6px;
}
.d-button .d-button-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.d-button .d-button-content .d-button-loading-icon {
  color: var(--color-white);
}
.d-button .d-button-content .d-button-primary-loading-icon {
  color: var(--color-primary);
}
.d-button-group {
  display: inline-flex;
  align-items: center;
}
.d-button-group .d-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.d-button-group .d-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.d-button-group .d-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.d-button-group .d-button:not(:first-child):not(.--color-bg-fill-light) {
  position: relative;
}
.d-button-group .d-button:not(:first-child):not(.--color-bg-fill-light)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #fff;
  border-left: 1px solid rgba(0,0,0,0.08);
}
.d-text {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  font-size: var(--size-text-default);
  line-height: var(--size-text-line-height-default);
  font-weight: var(--size-text-font-weight-default);
}
.d-text.d-text-block {
  display: block;
}
.d-text:not(.d-text-nowrap) {
  word-break: break-all;
}
.d-text.d-text-nowrap {
  white-space: nowrap;
}
.d-text.d-text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}
.d-text.d-text-multi-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.d-text.d-text-monospace {
  font-feature-settings: 'tnum' on, 'lnum' on;
}
.d-text.d-text-underline-solid {
  text-decoration: underline solid;
}
.d-text.d-text-underline-dashed {
  text-decoration: underline dashed;
}
.d-text.d-text-underline-double {
  text-decoration: underline double;
}
.d-text.d-text-underline-dotted {
  text-decoration: underline dotted;
}
.d-text.d-text-underline-wavy {
  text-decoration: underline wavy;
}
.d-text .d-icon {
  vertical-align: baseline;
}
.d-text .d-icon.d-text-icon-right {
  margin-left: 6px;
}
.d-text .d-icon.d-text-icon-left {
  margin-right: 6px;
}
.d-text.disabled {
  pointer-events: none;
}
.--size-text-h1 .d-text {
  display: block;
  font-size: var(--size-text-h1);
  line-height: var(--size-text-line-height-h1);
}
.--size-text-h2 .d-text {
  display: block;
  font-size: var(--size-text-h2);
  line-height: var(--size-text-line-height-h2);
}
.--size-text-h3 .d-text {
  display: block;
  font-size: var(--size-text-h3);
  line-height: var(--size-text-line-height-h3);
}
.--size-text-h4 .d-text {
  display: block;
  font-size: var(--size-text-h4);
  line-height: var(--size-text-line-height-h4);
}
.--size-text-h5 .d-text {
  display: block;
  font-size: var(--size-text-h5);
  line-height: var(--size-text-line-height-h5);
}
.--size-text-h6 .d-text {
  display: block;
  font-size: var(--size-text-h6);
  line-height: var(--size-text-line-height-h6);
}
.--size-text-small .d-text {
  font-size: var(--size-text-small);
  line-height: var(--size-text-line-height-small);
}
.bold .d-text {
  font-weight: var(--size-text-font-weight-bold);
}
.heavy .d-text {
  font-weight: var(--size-text-font-weight-heavy);
}
.d-text.--size-text-h1 {
  display: block;
  font-size: var(--size-text-h1);
  line-height: var(--size-text-line-height-h1);
}
.d-text.--size-text-h2 {
  display: block;
  font-size: var(--size-text-h2);
  line-height: var(--size-text-line-height-h2);
}
.d-text.--size-text-h3 {
  display: block;
  font-size: var(--size-text-h3);
  line-height: var(--size-text-line-height-h3);
}
.d-text.--size-text-h4 {
  display: block;
  font-size: var(--size-text-h4);
  line-height: var(--size-text-line-height-h4);
}
.d-text.--size-text-h5 {
  display: block;
  font-size: var(--size-text-h5);
  line-height: var(--size-text-line-height-h5);
}
.d-text.--size-text-h6 {
  display: block;
  font-size: var(--size-text-h6);
  line-height: var(--size-text-line-height-h6);
}
.d-text.--size-text-small {
  font-size: var(--size-text-small);
  line-height: var(--size-text-line-height-small);
}
.d-text.bold {
  font-weight: var(--size-text-font-weight-bold);
}
.d-text.heavy {
  font-weight: var(--size-text-font-weight-heavy);
}
a.d-text {
  font-weight: var(--size-text-font-weight-bold);
  cursor: pointer;
  text-decoration: none;
}
a.d-text.disabled {
  cursor: not-allowed;
}
.d-icon {
  flex-shrink: 0;
  transition: width 0.1s, height 0.1s, transform 0.1s;
}
.d-icon,
.d-icon > svg {
  display: inline-block;
  vertical-align: top;
}
.--size-icon-small > .d-icon {
  width: 12px;
  height: 12px;
  line-height: 12px;
}
.--size-icon-default > .d-icon {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.--size-icon-large > .d-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.--size-icon-extra-large > .d-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.d-icon.--size-icon-small {
  width: 12px;
  height: 12px;
  line-height: 12px;
}
.d-icon.--size-icon-default {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.d-icon.--size-icon-large {
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.d-icon.--size-icon-extra-large {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.--color-primary > .d-icon {
  opacity: 1;
  color: #3c66ff;
}
.--color-warning > .d-icon {
  opacity: 1;
  color: #f06800;
}
.--color-danger > .d-icon {
  opacity: 1;
  color: #f03860;
}
.--color-info > .d-icon {
  opacity: 1;
  color: #3c66ff;
}
.--color-success > .d-icon {
  opacity: 1;
  color: #00a830;
}
.--color-text-paragraph > .d-icon {
  opacity: 0.67;
  color: #000;
}
.--color-text-description > .d-icon {
  opacity: 0.47;
  color: #000;
}
.--color-text-disabled > .d-icon {
  opacity: 0.29;
  color: #000;
}
.--color-text-title > .d-icon {
  opacity: 0.9;
  color: #000;
}
.--color-text-paragraph > .d-icon {
  opacity: 0.67;
  color: #000;
}
.--color-text-description > .d-icon {
  opacity: 0.47;
  color: #000;
}
.--color-text-placeholder > .d-icon {
  opacity: 0.52;
  color: #000;
}
.--color-text-disabled > .d-icon {
  opacity: 0.29;
  color: #000;
}
.--color-white > .d-icon {
  color: #fff;
}
.--color-black > .d-icon {
  color: #000;
}
.--color-grey-1 > .d-icon {
  color: #f3f3f3;
}
.--color-grey-2 > .d-icon {
  color: #e2e2e2;
}
.--color-grey-3 > .d-icon {
  color: #ccc;
}
.--color-grey-4 > .d-icon {
  color: #b4b4b4;
}
.--color-grey-5 > .d-icon {
  color: #9d9d9d;
}
.--color-grey-6 > .d-icon {
  color: #888;
}
.--color-grey-7 > .d-icon {
  color: #747474;
}
.--color-grey-8 > .d-icon {
  color: #616161;
}
.--color-grey-9 > .d-icon {
  color: #4e4e4e;
}
.--color-grey-10 > .d-icon {
  color: #3d3d3d;
}
.--color-orange-1 > .d-icon {
  color: #fef0e6;
}
.--color-orange-2 > .d-icon {
  color: #fbdbc2;
}
.--color-orange-3 > .d-icon {
  color: #f9be91;
}
.--color-orange-4 > .d-icon {
  color: #f6a05e;
}
.--color-orange-5 > .d-icon {
  color: #f3832e;
}
.--color-orange-6 > .d-icon {
  color: #f06a1d;
}
.--color-orange-7 > .d-icon {
  color: #cc5800;
}
.--color-orange-8 > .d-icon {
  color: #aa4a00;
}
.--color-orange-9 > .d-icon {
  color: #893b00;
}
.--color-orange-10 > .d-icon {
  color: #6c2f00;
}
.--color-red-1 > .d-icon {
  color: #feebef;
}
.--color-red-2 > .d-icon {
  color: #fbcfd9;
}
.--color-red-3 > .d-icon {
  color: #f9a9bb;
}
.--color-red-4 > .d-icon {
  color: #f6829b;
}
.--color-red-5 > .d-icon {
  color: #f35c7d;
}
.--color-red-6 > .d-icon {
  color: #eb2f58;
}
.--color-red-7 > .d-icon {
  color: #cc3052;
}
.--color-red-8 > .d-icon {
  color: #aa2844;
}
.--color-red-9 > .d-icon {
  color: #892037;
}
.--color-red-10 > .d-icon {
  color: #6c192b;
}
.--color-pink-1 > .d-icon {
  color: #fcebf7;
}
.--color-pink-2 > .d-icon {
  color: #f7ceec;
}
.--color-pink-3 > .d-icon {
  color: #f1a8dc;
}
.--color-pink-4 > .d-icon {
  color: #ea7fcc;
}
.--color-pink-5 > .d-icon {
  color: #e459bd;
}
.--color-pink-6 > .d-icon {
  color: #de34ae;
}
.--color-pink-7 > .d-icon {
  color: #bd2c94;
}
.--color-pink-8 > .d-icon {
  color: #9e257c;
}
.--color-pink-9 > .d-icon {
  color: #7f1e63;
}
.--color-pink-10 > .d-icon {
  color: #64174e;
}
.--color-violet-1 > .d-icon {
  color: #f8ebfc;
}
.--color-violet-2 > .d-icon {
  color: #efcff8;
}
.--color-violet-3 > .d-icon {
  color: #e2a8f2;
}
.--color-violet-4 > .d-icon {
  color: #d480eb;
}
.--color-violet-5 > .d-icon {
  color: #c759e6;
}
.--color-violet-6 > .d-icon {
  color: #bb35e0;
}
.--color-violet-7 > .d-icon {
  color: #9f2dbe;
}
.--color-violet-8 > .d-icon {
  color: #85269f;
}
.--color-violet-9 > .d-icon {
  color: #6b1e80;
}
.--color-violet-10 > .d-icon {
  color: #541865;
}
.--color-purple-1 > .d-icon {
  color: #f3edff;
}
.--color-purple-2 > .d-icon {
  color: #e3d4ff;
}
.--color-purple-3 > .d-icon {
  color: #cdb2ff;
}
.--color-purple-4 > .d-icon {
  color: #b68fff;
}
.--color-purple-5 > .d-icon {
  color: #a06dff;
}
.--color-purple-6 > .d-icon {
  color: #8b4dff;
}
.--color-purple-7 > .d-icon {
  color: #7641d9;
}
.--color-purple-8 > .d-icon {
  color: #6337b5;
}
.--color-purple-9 > .d-icon {
  color: #4f2c91;
}
.--color-purple-10 > .d-icon {
  color: #3f2373;
}
.--color-blue-1 > .d-icon {
  color: #ecf0ff;
}
.--color-blue-2 > .d-icon {
  color: #d0daff;
}
.--color-blue-3 > .d-icon {
  color: #abbdff;
}
.--color-blue-4 > .d-icon {
  color: #849fff;
}
.--color-blue-5 > .d-icon {
  color: #5f82ff;
}
.--color-blue-6 > .d-icon {
  color: #3c66ff;
}
.--color-blue-7 > .d-icon {
  color: #3357d9;
}
.--color-blue-8 > .d-icon {
  color: #2b48b5;
}
.--color-blue-9 > .d-icon {
  color: #223a91;
}
.--color-blue-10 > .d-icon {
  color: #1b2e73;
}
.--color-cyan-1 > .d-icon {
  color: #e6f5fb;
}
.--color-cyan-2 > .d-icon {
  color: #c2e6f5;
}
.--color-cyan-3 > .d-icon {
  color: #91d3ed;
}
.--color-cyan-4 > .d-icon {
  color: #5ebee4;
}
.--color-cyan-5 > .d-icon {
  color: #2eabdc;
}
.--color-cyan-6 > .d-icon {
  color: #0098d4;
}
.--color-cyan-7 > .d-icon {
  color: #0081b4;
}
.--color-cyan-8 > .d-icon {
  color: #006c97;
}
.--color-cyan-9 > .d-icon {
  color: #005779;
}
.--color-cyan-10 > .d-icon {
  color: #00445f;
}
.--color-teal-1 > .d-icon {
  color: #e6f6f3;
}
.--color-teal-2 > .d-icon {
  color: #c2eae1;
}
.--color-teal-3 > .d-icon {
  color: #91d9c9;
}
.--color-teal-4 > .d-icon {
  color: #5ec7b0;
}
.--color-teal-5 > .d-icon {
  color: #2eb699;
}
.--color-teal-6 > .d-icon {
  color: #00a682;
}
.--color-teal-7 > .d-icon {
  color: #008d6f;
}
.--color-teal-8 > .d-icon {
  color: #00765c;
}
.--color-teal-9 > .d-icon {
  color: #005f4a;
}
.--color-teal-10 > .d-icon {
  color: #004b3a;
}
.--color-green-1 > .d-icon {
  color: #e6f6ea;
}
.--color-green-2 > .d-icon {
  color: #c2eacd;
}
.--color-green-3 > .d-icon {
  color: #91daa6;
}
.--color-green-4 > .d-icon {
  color: #5ec87d;
}
.--color-green-5 > .d-icon {
  color: #2eb855;
}
.--color-green-6 > .d-icon {
  color: #00a830;
}
.--color-green-7 > .d-icon {
  color: #008f29;
}
.--color-green-8 > .d-icon {
  color: #072;
}
.--color-green-9 > .d-icon {
  color: #00601b;
}
.--color-green-10 > .d-icon {
  color: #004c16;
}
.--color-yellow-1 > .d-icon {
  color: #fef9e6;
}
.--color-yellow-2 > .d-icon {
  color: #fdf1c2;
}
.--color-yellow-3 > .d-icon {
  color: #fce691;
}
.--color-yellow-4 > .d-icon {
  color: #fadb5e;
}
.--color-yellow-5 > .d-icon {
  color: #f8d02e;
}
.--color-yellow-6 > .d-icon {
  color: #f7c600;
}
.--color-yellow-7 > .d-icon {
  color: #d2a800;
}
.--color-yellow-8 > .d-icon {
  color: #af8d00;
}
.--color-yellow-9 > .d-icon {
  color: #8d7100;
}
.--color-yellow-10 > .d-icon {
  color: #6f5900;
}
.d-icon.--color-primary {
  opacity: 1;
  color: #3c66ff;
}
.d-icon.--color-warning {
  opacity: 1;
  color: #f06800;
}
.d-icon.--color-danger {
  opacity: 1;
  color: #f03860;
}
.d-icon.--color-info {
  opacity: 1;
  color: #3c66ff;
}
.d-icon.--color-success {
  opacity: 1;
  color: #00a830;
}
.d-icon.--color-text-title {
  opacity: 0.9;
  color: #000;
}
.d-icon.--color-text-paragraph {
  opacity: 0.67;
  color: #000;
}
.d-icon.--color-text-description {
  opacity: 0.47;
  color: #000;
}
.d-icon.--color-text-placeholder {
  opacity: 0.52;
  color: #000;
}
.d-icon.--color-text-disabled {
  opacity: 0.29;
  color: #000;
}
.d-icon.--color-white {
  color: #fff;
}
.d-icon.--color-black {
  color: #000;
}
.d-icon.--color-grey-1 {
  color: #f3f3f3;
}
.d-icon.--color-grey-2 {
  color: #e2e2e2;
}
.d-icon.--color-grey-3 {
  color: #ccc;
}
.d-icon.--color-grey-4 {
  color: #b4b4b4;
}
.d-icon.--color-grey-5 {
  color: #9d9d9d;
}
.d-icon.--color-grey-6 {
  color: #888;
}
.d-icon.--color-grey-7 {
  color: #747474;
}
.d-icon.--color-grey-8 {
  color: #616161;
}
.d-icon.--color-grey-9 {
  color: #4e4e4e;
}
.d-icon.--color-grey-10 {
  color: #3d3d3d;
}
.d-icon.--color-orange-1 {
  color: #fef0e6;
}
.d-icon.--color-orange-2 {
  color: #fbdbc2;
}
.d-icon.--color-orange-3 {
  color: #f9be91;
}
.d-icon.--color-orange-4 {
  color: #f6a05e;
}
.d-icon.--color-orange-5 {
  color: #f3832e;
}
.d-icon.--color-orange-6 {
  color: #f06a1d;
}
.d-icon.--color-orange-7 {
  color: #cc5800;
}
.d-icon.--color-orange-8 {
  color: #aa4a00;
}
.d-icon.--color-orange-9 {
  color: #893b00;
}
.d-icon.--color-orange-10 {
  color: #6c2f00;
}
.d-icon.--color-red-1 {
  color: #feebef;
}
.d-icon.--color-red-2 {
  color: #fbcfd9;
}
.d-icon.--color-red-3 {
  color: #f9a9bb;
}
.d-icon.--color-red-4 {
  color: #f6829b;
}
.d-icon.--color-red-5 {
  color: #f35c7d;
}
.d-icon.--color-red-6 {
  color: #eb2f58;
}
.d-icon.--color-red-7 {
  color: #cc3052;
}
.d-icon.--color-red-8 {
  color: #aa2844;
}
.d-icon.--color-red-9 {
  color: #892037;
}
.d-icon.--color-red-10 {
  color: #6c192b;
}
.d-icon.--color-pink-1 {
  color: #fcebf7;
}
.d-icon.--color-pink-2 {
  color: #f7ceec;
}
.d-icon.--color-pink-3 {
  color: #f1a8dc;
}
.d-icon.--color-pink-4 {
  color: #ea7fcc;
}
.d-icon.--color-pink-5 {
  color: #e459bd;
}
.d-icon.--color-pink-6 {
  color: #de34ae;
}
.d-icon.--color-pink-7 {
  color: #bd2c94;
}
.d-icon.--color-pink-8 {
  color: #9e257c;
}
.d-icon.--color-pink-9 {
  color: #7f1e63;
}
.d-icon.--color-pink-10 {
  color: #64174e;
}
.d-icon.--color-violet-1 {
  color: #f8ebfc;
}
.d-icon.--color-violet-2 {
  color: #efcff8;
}
.d-icon.--color-violet-3 {
  color: #e2a8f2;
}
.d-icon.--color-violet-4 {
  color: #d480eb;
}
.d-icon.--color-violet-5 {
  color: #c759e6;
}
.d-icon.--color-violet-6 {
  color: #bb35e0;
}
.d-icon.--color-violet-7 {
  color: #9f2dbe;
}
.d-icon.--color-violet-8 {
  color: #85269f;
}
.d-icon.--color-violet-9 {
  color: #6b1e80;
}
.d-icon.--color-violet-10 {
  color: #541865;
}
.d-icon.--color-purple-1 {
  color: #f3edff;
}
.d-icon.--color-purple-2 {
  color: #e3d4ff;
}
.d-icon.--color-purple-3 {
  color: #cdb2ff;
}
.d-icon.--color-purple-4 {
  color: #b68fff;
}
.d-icon.--color-purple-5 {
  color: #a06dff;
}
.d-icon.--color-purple-6 {
  color: #8b4dff;
}
.d-icon.--color-purple-7 {
  color: #7641d9;
}
.d-icon.--color-purple-8 {
  color: #6337b5;
}
.d-icon.--color-purple-9 {
  color: #4f2c91;
}
.d-icon.--color-purple-10 {
  color: #3f2373;
}
.d-icon.--color-blue-1 {
  color: #ecf0ff;
}
.d-icon.--color-blue-2 {
  color: #d0daff;
}
.d-icon.--color-blue-3 {
  color: #abbdff;
}
.d-icon.--color-blue-4 {
  color: #849fff;
}
.d-icon.--color-blue-5 {
  color: #5f82ff;
}
.d-icon.--color-blue-6 {
  color: #3c66ff;
}
.d-icon.--color-blue-7 {
  color: #3357d9;
}
.d-icon.--color-blue-8 {
  color: #2b48b5;
}
.d-icon.--color-blue-9 {
  color: #223a91;
}
.d-icon.--color-blue-10 {
  color: #1b2e73;
}
.d-icon.--color-cyan-1 {
  color: #e6f5fb;
}
.d-icon.--color-cyan-2 {
  color: #c2e6f5;
}
.d-icon.--color-cyan-3 {
  color: #91d3ed;
}
.d-icon.--color-cyan-4 {
  color: #5ebee4;
}
.d-icon.--color-cyan-5 {
  color: #2eabdc;
}
.d-icon.--color-cyan-6 {
  color: #0098d4;
}
.d-icon.--color-cyan-7 {
  color: #0081b4;
}
.d-icon.--color-cyan-8 {
  color: #006c97;
}
.d-icon.--color-cyan-9 {
  color: #005779;
}
.d-icon.--color-cyan-10 {
  color: #00445f;
}
.d-icon.--color-teal-1 {
  color: #e6f6f3;
}
.d-icon.--color-teal-2 {
  color: #c2eae1;
}
.d-icon.--color-teal-3 {
  color: #91d9c9;
}
.d-icon.--color-teal-4 {
  color: #5ec7b0;
}
.d-icon.--color-teal-5 {
  color: #2eb699;
}
.d-icon.--color-teal-6 {
  color: #00a682;
}
.d-icon.--color-teal-7 {
  color: #008d6f;
}
.d-icon.--color-teal-8 {
  color: #00765c;
}
.d-icon.--color-teal-9 {
  color: #005f4a;
}
.d-icon.--color-teal-10 {
  color: #004b3a;
}
.d-icon.--color-green-1 {
  color: #e6f6ea;
}
.d-icon.--color-green-2 {
  color: #c2eacd;
}
.d-icon.--color-green-3 {
  color: #91daa6;
}
.d-icon.--color-green-4 {
  color: #5ec87d;
}
.d-icon.--color-green-5 {
  color: #2eb855;
}
.d-icon.--color-green-6 {
  color: #00a830;
}
.d-icon.--color-green-7 {
  color: #008f29;
}
.d-icon.--color-green-8 {
  color: #072;
}
.d-icon.--color-green-9 {
  color: #00601b;
}
.d-icon.--color-green-10 {
  color: #004c16;
}
.d-icon.--color-yellow-1 {
  color: #fef9e6;
}
.d-icon.--color-yellow-2 {
  color: #fdf1c2;
}
.d-icon.--color-yellow-3 {
  color: #fce691;
}
.d-icon.--color-yellow-4 {
  color: #fadb5e;
}
.d-icon.--color-yellow-5 {
  color: #f8d02e;
}
.d-icon.--color-yellow-6 {
  color: #f7c600;
}
.d-icon.--color-yellow-7 {
  color: #d2a800;
}
.d-icon.--color-yellow-8 {
  color: #af8d00;
}
.d-icon.--color-yellow-9 {
  color: #8d7100;
}
.d-icon.--color-yellow-10 {
  color: #6f5900;
}
.d-popover {
  position: absolute;
  z-index: 999;
}
.d-popover.d-popover-default {
  background-color: var(--color-bg-2);
  border-radius: 4px;
  filter: drop-shadow(0 0px 0.6px rgba(0,0,0,0.08));
  box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.12);
}
.d-popover.d-popover-default .d-popover-default-arrow {
  position: absolute;
  display: flex;
  width: 32px;
  height: 8px;
}
.d-popover.d-popover-default .d-popover-default-arrow svg {
  transform: translate(0, -1px);
}
.d-popover.d-popover-tooltip {
  background-color: #3d3d3d;
  border-radius: 4px;
  padding: 8px 12px;
  line-height: 20px;
  max-width: 250px;
  width: max-content;
}
.d-popover.d-popover-tooltip .d-popover-tooltip-arrow {
  position: absolute;
  display: flex;
  width: 32px;
  height: 6px;
}
.d-popover.d-popover-tooltip-light {
  background-color: var(--color-bg-2);
  border-radius: 4px;
  padding: 8px 12px;
  line-height: 20px;
  max-width: 250px;
  width: max-content;
  box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.12), 0px 0px 1px 0px rgba(0,0,0,0.2);
}
.d-popover.d-popover-tooltip-light .d-popover-tooltip-arrow {
  position: absolute;
  display: flex;
  width: 32px;
  height: 6px;
}
.d-dropdown {
  display: flex;
  flex-direction: column;
}
.d-dropdown.d-dropdown-individual {
  display: inline-flex;
  vertical-align: top;
}
.d-dropdown .d-dropdown-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.d-dropdown .d-dropdown-content {
  overflow: auto;
}
.d-options-dense-wrapper {
  display: flex;
  flex-wrap: wrap;
  row-gap: 8px;
  column-gap: 4px;
  padding: 12px;
}
.d-options-dense-wrapper.d-options-hidden {
  padding: 0;
  height: 0;
  overflow: hidden;
}
.d-options {
  grid-template-columns: min-content minmax(0, 1fr);
  align-items: center;
  row-gap: 8px;
  padding: 8px;
}
.d-options.d-options-hidden {
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.d-options .d-option:not(.description) {
  cursor: pointer;
}
.d-options .d-option.disabled {
  cursor: not-allowed;
}
.d-options .d-option.d-option-prefix-icon.--space-p-right-small {
  padding-right: 6px;
}
.d-options .d-option.d-option-content {
  column-gap: 4px;
  align-items: center;
}
.d-options .d-option.d-option-content .d-option-description {
  display: flex;
  align-items: center;
}
.d-options .d-option.d-option-content .d-option-description .d-option-name,
.d-options .d-option.d-option-content .d-option-description .d-option-sub-active-description {
  display: flex;
  overflow: auto;
}
.d-options .d-option.d-option-content .d-option-description .d-option-name {
  flex: 1;
}
.d-options .d-option.d-option-content .d-option-description .d-option-sub-active-description {
  max-width: 33%;
  margin-left: 4px;
}
.d-options .d-option-handler {
  height: 100%;
  min-height: 32px;
  border-radius: 4px;
}
.d-divider {
  background: rgba(0,0,0,0.08);
}
.d-divider.d-divider-horizontal {
  height: 1px;
}
.d-divider.d-divider-horizontal.d-divider-dashed {
  background: repeating-linear-gradient(to right, rgba(0,0,0,0.08) 0, rgba(0,0,0,0.08) 4px, transparent 4px, transparent 8px);
}
.d-divider.d-divider-vertical {
  width: 1px;
}
.d-divider.d-divider-vertical.d-divider-dashed {
  background: repeating-linear-gradient(to bottom, rgba(0,0,0,0.08) 0, rgba(0,0,0,0.08) 4px, transparent 4px, transparent 8px);
}
.d-h-menu {
  column-gap: 24px;
}
.d-h-menu .d-h-menu-item {
  column-gap: 6px;
  align-items: center;
  color: rgba(0,0,0,0.47);
  cursor: pointer;
}
.d-h-menu .d-h-menu-item.hover {
  color: rgba(0,0,0,0.67);
}
.d-h-menu .d-h-menu-item.pressing,
.d-h-menu .d-h-menu-item.active {
  color: var(--text-title);
}
.d-h-menu .d-h-menu-item.disabled {
  color: rgba(0,0,0,0.29);
  cursor: not-allowed;
}
.d-v-menu {
  grid-template-columns: min-content min-content minmax(0, 1fr);
  row-gap: 4px;
  align-items: center;
}
.d-v-menu .d-v-menu-item:not(.description) {
  cursor: pointer;
}
.d-v-menu .d-v-menu-item.disabled {
  cursor: not-allowed;
}
.d-v-menu .d-v-menu-item.d-v-menu-description {
  max-width: 100%;
  padding-top: 12px;
  padding-bottom: 4px;
}
.d-v-menu .d-v-menu-item.d-v-menu-description .d-v-menu-collapsed-description {
  display: flex;
  align-items: center;
  height: 20px;
}
.d-v-menu .d-v-menu-item.d-v-menu-description .d-v-menu-collapsed-description .d-v-menu-collapsed-description-content {
  width: 20px;
  height: 1px;
  background-color: rgba(0,0,0,0.08);
}
.d-v-menu .d-v-menu-item.d-v-menu-title {
  column-gap: 8px;
  align-items: center;
}
.d-v-menu .d-v-menu-handler {
  height: 100%;
  min-height: 36px;
  border-radius: 4px;
}
.d-v-menu.d-v-menu-root {
  padding: 4px 8px 4px 8px;
  overflow-y: auto;
}
.d-v-menu.d-v-menu-popover {
  padding: 4px 8px 4px 8px;
  row-gap: 4px;
  width: 240px;
}
.d-v-menu.d-v-menu-popover .d-v-menu-handler {
  min-height: 32px;
}
.d-v-menu.d-v-menu-popover .d-v-menu-check.--space-p-right-small {
  padding-right: 6px;
}
.d-input-wrapper.d-inline-block {
  width: 328px;
}
.d-input-wrapper .d-input {
  display: flex;
  align-items: center;
  min-height: 100%;
  overflow: auto;
  padding: 5px 11px;
  border-radius: var(--size-radius-default);
  border: 1px solid transparent;
}
.d-input-wrapper .d-input.focus,
.d-input-wrapper .d-input:not(.disabled).pressing {
  border: 1px solid var(--color-primary);
}
.d-input-wrapper .d-input.disabled,
.d-input-wrapper .d-input.disabled input,
.d-input-wrapper .d-input.disabled .d-input-suffix-clear {
  cursor: not-allowed;
  color: var(--color-text-disabled);
}
.d-input-wrapper .d-input input {
  flex: 1;
  line-height: var(--size-text-line-height-small);
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  color: currentColor;
  border: none;
  outline: none;
  background-color: transparent;
}
.d-input-wrapper .d-input input::placeholder {
  color: var(--color-text-placeholder);
  user-select: none;
}
.d-input-wrapper .d-input input[type="number"] {
  -moz-appearance: textfield;
}
.d-input-wrapper .d-input input[type="number"]::-webkit-outer-spin-button,
.d-input-wrapper .d-input input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.d-input-wrapper .d-input .d-input-prefix.d-text,
.d-input-wrapper .d-input .d-input-suffix.d-text,
.d-input-wrapper .d-input .d-input-prefix.d-icon,
.d-input-wrapper .d-input .d-input-suffix.d-icon,
.d-input-wrapper .d-input .d-input-prefix > .d-text,
.d-input-wrapper .d-input .d-input-suffix > .d-text,
.d-input-wrapper .d-input .d-input-prefix > .d-icon,
.d-input-wrapper .d-input .d-input-suffix > .d-icon {
  line-height: var(--size-text-line-height-small);
}
.d-input-wrapper .d-input .d-input-prefix.d-text,
.d-input-wrapper .d-input .d-input-suffix.d-text,
.d-input-wrapper .d-input .d-input-prefix > .d-text,
.d-input-wrapper .d-input .d-input-suffix > .d-text {
  font-weight: var(--size-text-font-weight-heavy);
}
.d-input-wrapper .d-input .d-input-suffix {
  margin-left: var(--size-space-small);
}
.d-input-wrapper .d-input .d-input-suffix.d-input-suffix-clear {
  visibility: hidden;
}
.d-input-wrapper .d-input .d-input-suffix.d-input-suffix-clear:not(.disabled) {
  cursor: pointer;
}
.d-input-wrapper .d-input .d-input-suffix.d-input-suffix-clear:not(.disabled).hover {
  visibility: visible;
}
.d-input-wrapper .d-input .d-input-suffix.d-input-suffix-maxlength {
  font-weight: var(--size-text-font-weight-default);
}
.d-input-wrapper .d-input .d-input-prefix {
  margin-right: var(--size-space-small);
}
.d-input-wrapper .d-input-number {
  padding: 0;
}
.d-input-wrapper .d-input-number:not(.disabled):hover .d-input-spin-button-hover-show {
  display: flex;
}
.d-input-wrapper .d-input-number:not(.disabled):hover .d-input-number-main .d-input-suffix-clear {
  visibility: visible;
}
.d-input-wrapper .d-input-number.focus,
.d-input-wrapper .d-input-number:not(.disabled).pressing {
  border: 1px solid var(--color-primary);
}
.d-input-wrapper .d-input-number.disabled .d-input-spin-button {
  cursor: not-allowed;
}
.d-input-wrapper .d-input-number .d-input-number-main {
  flex: 1;
  display: flex;
  align-items: center;
  overflow: auto;
  padding: 5px 0 5px 11px;
}
.d-input-wrapper .d-input-number .d-input-number-main .d-input-suffix,
.d-input-wrapper .d-input-number .d-input-number-main input {
  margin: 0 8px 0 0;
}
.d-input-wrapper .d-input-number .d-input-spin-button {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  background-color: var(--color-bg-2);
  border-radius: var(--size-radius-medium);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.08), 0 0 1px 0 rgba(0,0,0,0.2);
  color: var(--color-text-description);
  cursor: pointer;
  margin: 1px;
}
.d-input-wrapper .d-input-number .d-input-spin-button .d-input-spin-button-up {
  flex: 1;
  padding: 3px 3px 0 3px;
  line-height: 8px;
  border-radius: var(--size-radius-medium) var(--size-radius-medium) 0 0;
}
.d-input-wrapper .d-input-number .d-input-spin-button .d-input-spin-button-up.disabled {
  cursor: not-allowed;
}
.d-input-wrapper .d-input-number .d-input-spin-button .d-input-spin-button-down {
  flex: 1;
  display: flex;
  padding: 0 3px 3px 3px;
  line-height: 8px;
  border-radius: 0 0 var(--size-radius-medium) var(--size-radius-medium);
}
.d-input-wrapper .d-input-number .d-input-spin-button .d-input-spin-button-down.disabled {
  cursor: not-allowed;
}
.d-input-wrapper .d-input-number .d-input-spin-button .d-input-spin-button-down .d-icon {
  align-self: end;
}
.d-input-wrapper .d-input-number .d-input-spin-button .d-icon {
  width: 8px;
  height: 8px;
  line-height: 8px;
}
.d-input-wrapper .d-input-number .d-input-spin-button-hover-show {
  display: none;
}
.d-form-item .d-input-wrapper {
  width: 100%;
}
.d-textarea-wrapper.d-inline-block {
  width: 328px;
}
.d-textarea-wrapper .d-textarea {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 100%;
  overflow: auto;
  padding: 5px 11px;
  border-radius: var(--size-radius-default);
  border: 1px solid transparent;
}
.d-textarea-wrapper .d-textarea.focus,
.d-textarea-wrapper .d-textarea:not(.disabled).pressing {
  border: 1px solid var(--color-primary);
}
.d-textarea-wrapper .d-textarea.disabled,
.d-textarea-wrapper .d-textarea.disabled textarea,
.d-textarea-wrapper .d-textarea.disabled .d-textarea-suffix-clear {
  cursor: not-allowed;
  color: var(--color-text-disabled);
}
.d-textarea-wrapper .d-textarea textarea {
  flex: 1;
  line-height: var(--size-text-line-height-small);
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: inherit;
  color: currentColor;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}
.d-textarea-wrapper .d-textarea textarea::placeholder {
  color: var(--color-text-placeholder);
  user-select: none;
}
.d-textarea-wrapper .d-textarea textarea.d-textarea-shadow {
  max-height: 0;
  pointer-events: none;
  user-select: none;
  opacity: 0;
}
.d-textarea-wrapper .d-textarea .d-textarea-prefix.d-text,
.d-textarea-wrapper .d-textarea .d-textarea-suffix.d-text,
.d-textarea-wrapper .d-textarea .d-textarea-prefix.d-icon,
.d-textarea-wrapper .d-textarea .d-textarea-suffix.d-icon,
.d-textarea-wrapper .d-textarea .d-textarea-prefix > .d-text,
.d-textarea-wrapper .d-textarea .d-textarea-suffix > .d-text,
.d-textarea-wrapper .d-textarea .d-textarea-prefix > .d-icon,
.d-textarea-wrapper .d-textarea .d-textarea-suffix > .d-icon {
  line-height: var(--size-text-line-height-small);
}
.d-textarea-wrapper .d-textarea .d-textarea-prefix.d-text,
.d-textarea-wrapper .d-textarea .d-textarea-suffix.d-text,
.d-textarea-wrapper .d-textarea .d-textarea-prefix > .d-text,
.d-textarea-wrapper .d-textarea .d-textarea-suffix > .d-text {
  font-weight: var(--size-text-font-weight-heavy);
}
.d-textarea-wrapper .d-textarea .d-textarea-suffix-wrapper {
  display: flex;
  align-items: center;
  min-height: var(--size-text-line-height-small);
}
.d-textarea-wrapper .d-textarea .d-textarea-suffix-fill-left {
  margin-right: auto;
}
.d-textarea-wrapper .d-textarea .d-textarea-suffix {
  margin-left: 8px;
}
.d-textarea-wrapper .d-textarea .d-textarea-suffix.d-textarea-suffix-clear {
  visibility: hidden;
}
.d-textarea-wrapper .d-textarea .d-textarea-suffix.d-textarea-suffix-clear:not(.disabled) {
  cursor: pointer;
}
.d-textarea-wrapper .d-textarea .d-textarea-suffix.d-textarea-suffix-clear:not(.disabled).hover {
  visibility: visible;
}
.d-textarea-wrapper .d-textarea .d-textarea-suffix.d-textarea-suffix-maxlength {
  font-weight: var(--size-text-font-weight-default);
}
.d-input-popover-content,
.d-textarea-popover-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 68px;
}
.d-form-item .d-textarea-wrapper {
  width: 100%;
}
.d-rate {
  display: flex;
  align-items: center;
}
.d-rate.disabled {
  cursor: not-allowed;
}
.d-rate .d-grid {
  align-items: center;
}
.d-rate.d-rate-gap-small .d-grid {
  column-gap: 4px;
}
.d-rate.d-rate-gap-default .d-grid {
  column-gap: 8px;
}
.d-rate-item {
  position: relative;
  cursor: pointer;
  transition: color 0.1s;
}
.d-rate-item .d-rate-item-right {
  clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
}
.d-rate-item .d-rate-item-left {
  position: absolute;
  top: 0;
  left: 0;
  clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
}
.d-rate-text {
  margin-left: 8px;
}
.d-result .d-result-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.d-result .d-result-main .d-result-title {
  margin-top: 24px;
}
.d-result .d-result-main .d-result-subtitle {
  margin-top: 8px;
}
.d-result .d-result-main .d-result-extra {
  margin-top: 24px;
}
.d-result .d-result-bottom {
  margin-top: 24px;
}
.d-progress div {
  box-sizing: border-box;
}
.d-progress.d-progress--large .d-progress--line .d-progress-bar__outer {
  height: 8px;
}
.d-progress.d-progress--circle {
  display: inline-block;
}
.d-progress .d-progress--line {
  display: flex;
  align-items: center;
  width: 100%;
}
.d-progress .d-progress--line .d-progress-bar__outer {
  flex: 1;
  height: 4px;
  border-radius: var(--size-radius-default);
  background-color: var(--color-fill-pressing);
  overflow: hidden;
}
.d-progress .d-progress--line .d-progress-bar__outer .d-progress-bar__inner {
  height: 100%;
  border-radius: inherit;
  background: var(--color-primary);
  transition: width 0.6s cubic-bezier(0, 0, 1, 1);
}
.d-progress .d-progress--line .d-progress__text {
  margin-left: 12px;
}
.d-progress .d-progress__text {
  color: rgba(0,0,0,0.85);
  font-weight: var(--size-text-font-weight-bold);
  font-size: var(--size-text-default);
}
.d-progress .d-progress-circle {
  position: relative;
}
.d-progress .d-progress-circle .d-progress-circle__bar {
  transition: stroke-dashoffset 0.6s cubic-bezier(0, 0, 1, 1) 0s, stroke 0.6s cubic-bezier(0, 0, 1, 1);
}
.d-progress .d-progress-circle .d-progress__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.d-tag {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  border-radius: 4px;
  padding: 4px 12px;
}
.d-tag.d-tag-small {
  padding: 1px 7px;
}
.d-tag.d-tag-theme-light.d-tag-color-orange {
  background-color: rgba(240,106,29,0.1);
}
.d-tag.d-tag-theme-light.d-tag-color-red {
  background-color: rgba(235,47,88,0.1);
}
.d-tag.d-tag-theme-light.d-tag-color-pink {
  background-color: rgba(222,52,174,0.1);
}
.d-tag.d-tag-theme-light.d-tag-color-violet {
  background-color: rgba(187,53,224,0.1);
}
.d-tag.d-tag-theme-light.d-tag-color-purple {
  background-color: rgba(139,77,255,0.1);
}
.d-tag.d-tag-theme-light.d-tag-color-blue {
  background-color: rgba(60,102,255,0.1);
}
.d-tag.d-tag-theme-light.d-tag-color-cyan {
  background-color: rgba(0,152,212,0.1);
}
.d-tag.d-tag-theme-light.d-tag-color-teal {
  background-color: rgba(0,166,130,0.1);
}
.d-tag.d-tag-theme-light.d-tag-color-green {
  background-color: rgba(0,168,48,0.1);
}
.d-tag.d-tag-theme-light.d-tag-color-grey {
  background-color: rgba(136,136,136,0.08);
}
.d-tag .d-tag-content {
  line-height: 20px;
}
.d-tag .d-tag-close {
  margin-left: 4px;
}
.d-tag .d-tag-close.d-icon svg {
  transform: scale(0.8);
}
.d-tag.d-tag-small .d-tag-close {
  margin-left: 2px;
}
.d-tag.d-tag-small .d-tag-close.d-icon svg {
  transform: scale(0.9);
}
.d-tag-color-white {
  padding: 3px 11px;
  border: var(--border-default);
  background: var(--color-bg-2);
}
/* @import './layout.css'; */
.d-layout {
    grid-template: "main" minmax(0, 1fr) / minmax(0, 1fr);
    height: 100%;
}

.d-layout-top-right-bottom-left {
    grid-template:
            "top          top          top            top           top        " min-content
            "top-divider  top-divider  top-divider    top-divider   top-divider" min-content
            "left         left-divider main           right-divider right      " minmax(0, 1fr)
            "left         left-divider bottom-divider right-divider right      " min-content
            "left         left-divider bottom         right-divider right      " min-content / min-content min-content minmax(0, 1fr) min-content min-content;
}
.d-layout-top-right-bottom {
    grid-template:
            "top            top           top        " min-content
            "top-divider    top-divider   top-divider" min-content
            "main           right-divider right      " minmax(0, 1fr)
            "bottom-divider right-divider right      " min-content
            "bottom         right-divider right      " min-content / minmax(0, 1fr) min-content min-content;
}
.d-layout-top-right-left {
    grid-template:
            "top          top          top            top           top        " min-content
            "top-divider  top-divider  top-divider    top-divider   top-divider" min-content
            "left         left-divider main           right-divider right      " minmax(0, 1fr) / min-content min-content minmax(0, 1fr) min-content min-content;
}
.d-layout-top-right {
    grid-template:
            "top            top           top        " min-content
            "top-divider    top-divider   top-divider" min-content
            "main           right-divider right      " minmax(0, 1fr) / minmax(0, 1fr) min-content min-content;
}
.d-layout-top-bottom-left {
    grid-template:
            "top          top          top           " min-content
            "top-divider  top-divider  top-divider   " min-content
            "left         left-divider main          " minmax(0, 1fr)
            "left         left-divider bottom-divider" min-content
            "left         left-divider bottom        " min-content / min-content min-content minmax(0, 1fr);
}
.d-layout-top-bottom {
    grid-template:
            "top           " min-content
            "top-divider   " min-content
            "main          " minmax(0, 1fr)
            "bottom-divider" min-content
            "bottom        " min-content / minmax(0, 1fr);
}
.d-layout-top-left {
    grid-template:
            "top          top          top        " min-content
            "top-divider  top-divider  top-divider" min-content
            "left         left-divider main       " minmax(0, 1fr) / min-content min-content minmax(0, 1fr);
}
.d-layout-top {
    grid-template:
            "top        " min-content
            "top-divider" min-content
            "main       " minmax(0, 1fr) / minmax(0, 1fr);
}
.d-layout-right-bottom-left {
    grid-template:
            "left         left-divider main           right-divider right" minmax(0, 1fr)
            "left         left-divider bottom-divider right-divider right" min-content
            "left         left-divider bottom         right-divider right" min-content / min-content min-content minmax(0, 1fr) min-content min-content;
}
.d-layout-right-bottom {
    grid-template:
            "main           right-divider right" minmax(0, 1fr)
            "bottom-divider right-divider right" min-content
            "bottom         right-divider right" min-content / minmax(0, 1fr) min-content min-content;
}
.d-layout-right-left {
    grid-template:
            "left left-divider main right-divider right" minmax(0, 1fr) / min-content min-content minmax(0, 1fr) min-content min-content;
}
.d-layout-right {
    grid-template:
            "main right-divider right" minmax(0, 1fr) / minmax(0, 1fr) min-content min-content;
}
.d-layout-bottom-left {
    grid-template:
            "left left-divider main          " minmax(0, 1fr)
            "left left-divider bottom-divider" min-content
            "left left-divider bottom        " min-content / min-content min-content minmax(0, 1fr);
}
.d-layout-bottom {
    grid-template:
            "main          " minmax(0, 1fr)
            "bottom-divider" min-content
            "bottom        " min-content / minmax(0, 1fr);
}
.d-layout-left {
    grid-template: "left left-divider main" minmax(0, 1fr) / min-content min-content minmax(0, 1fr);
}

.d-layout-top {
  position: relative;
  grid-area: top;
}
.d-layout-top-divider {
  grid-area: top-divider;
}
.d-layout-right {
  position: relative;
  grid-area: right;
}
.d-layout-right-divider {
  grid-area: right-divider;
}
.d-layout-bottom {
  position: relative;
  grid-area: bottom;
}
.d-layout-bottom-divider {
  grid-area: bottom-divider;
}
.d-layout-left {
  position: relative;
  grid-area: left;
}
.d-layout-left-divider {
  grid-area: left-divider;
}
.d-layout-main {
  position: relative;
  grid-area: main;
  overflow: auto;
}
.d-topbar {
  display: flex;
  align-items: center;
  padding: 0 calc(var(--size-space-step-default) * 6);
  height: 60px;
}
.d-topbar .d-topbar-title + .d-topbar-default {
  margin-left: calc(var(--size-space-step-default) * 10);
}
.d-topbar .d-topbar-default {
  flex: 1;
}
.d-collapse.disabled {
  background-color: rgba(0,0,0,0.02);
  cursor: not-allowed;
}
.d-collapse .d-collapse-handler {
  margin: 4px 8px;
  padding: 6px 8px;
  border-radius: 4px;
}
.d-collapse .d-collapse-handler:not(.disabled) {
  cursor: pointer;
}
.d-collapse .d-collapse-handler .d-collapse-handler-main {
  display: flex;
  align-items: center;
}
.d-collapse .d-collapse-handler .d-collapse-handler-main .d-collapse-prefix-icon {
  padding-right: 8px;
}
.d-collapse .d-collapse-handler .d-collapse-handler-main .d-collapse-suffix-icon {
  padding-left: 8px;
}
.d-collapse .d-collapse-handler .d-collapse-handler-main .d-collapse-title {
  flex: 1;
}
.d-collapse .d-collapse-handler .d-collapse-handler-main .d-collapse-sub-title {
  margin-top: 2px;
}
.d-collapse .d-collapse-content-wrapper {
  overflow: hidden;
}
.d-collapse .d-collapse-content-wrapper .d-collapse-content {
  margin: 0 16px 12px 16px;
}
.d-badge-floating {
  position: absolute;
  display: inline-flex;
  vertical-align: top;
  padding: 1px;
  width: fit-content;
  background-color: #fff;
  visibility: hidden;
}
.d-badge {
  display: inline-flex;
  vertical-align: top;
  border-radius: 100vmax;
  justify-content: center;
}
.d-badge:not(.d-badge-dot) {
  min-width: 16px;
  min-height: 16px;
}
.d-badge.d-badge-dot {
  padding: 3px;
}
.d-badge .d-badge-content {
  padding: 2px 4px;
  line-height: 12px;
}
.d-spinner-nested-loading {
  position: relative;
}
.d-spinner-mask {
  position: absolute;
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
  line-height: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.03);
  border-radius: inherit;
  z-index: 9;
}
.d-spinner {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  max-width: 100%;
}
.d-spinner .d-spinner-indicator + * {
  margin-left: 4px;
}
.d-loading-parent__relative {
  position: relative !important;
}
.d-loading-parent__hidden {
  overflow: hidden !important;
}
.d-v-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  background-color: rgba(255,255,255,0.7);
}
/* @import './select.css'; */
.d-select-main {
    grid-template:
            "content " minmax(24px, min-content)
            "content " min-content
            "textarea" min-content / minmax(0, 1fr);
}
.d-select-main.d-select-main-prefix-suffix-indicator {
    grid-template:
            "prefix content  suffix   indicator" minmax(24px, min-content)
            ".      content  .        .        " min-content
            ".      textarea textarea textarea " min-content / min-content minmax(0, 1fr) min-content min-content;
}
.d-select-main.d-select-main-prefix-suffix {
    grid-template:
            "prefix content  suffix  " minmax(24px, min-content)
            ".      content  .       " min-content
            ".      textarea textarea" min-content / min-content minmax(0, 1fr) min-content;
}
.d-select-main.d-select-main-prefix-indicator {
    grid-template:
            "prefix content  indicator" minmax(24px, min-content)
            ".      content  .        " min-content
            ".      textarea textarea " min-content / min-content minmax(0, 1fr) min-content;
}
.d-select-main.d-select-main-prefix {
    grid-template:
            "prefix content " minmax(24px, min-content)
            ".      content " min-content
            ".      textarea" min-content / min-content minmax(0, 1fr);
}
.d-select-main.d-select-main-suffix-indicator {
    grid-template:
            "content  suffix   indicator" minmax(24px, min-content)
            "content  .        .        " min-content
            "textarea textarea textarea " min-content / minmax(0, 1fr) min-content min-content;
}
.d-select-main.d-select-main-suffix {
    grid-template:
            "content  suffix  " minmax(24px, min-content)
            "content  .       " min-content
            "textarea textarea" min-content / minmax(0, 1fr) min-content;
}
.d-select-main.d-select-main-indicator {
    grid-template:
            "content  indicator" minmax(24px, min-content)
            "content  .        " min-content
            "textarea textarea " min-content / minmax(0, 1fr) min-content;
}

.d-select-wrapper {
  outline: none;
}
.d-select-wrapper.d-inline-block {
  width: 328px;
}
.d-select-wrapper .d-select {
  display: flex;
  align-items: center;
  min-height: 100%;
  overflow: auto;
  padding: 3px 11px;
  border-radius: var(--size-radius-default);
  border: 1px solid transparent;
}
.d-select-wrapper .d-select.focus,
.d-select-wrapper .d-select:not(.disabled).pressing {
  border: 1px solid var(--color-primary);
}
.d-select-wrapper .d-select.disabled,
.d-select-wrapper .d-select.disabled input,
.d-select-wrapper .d-select.disabled .d-select-suffix-clear {
  cursor: not-allowed;
}
.d-select-wrapper .d-select .d-select-main {
  flex: 1;
  align-items: center;
  column-gap: 8px;
}
.d-select-wrapper .d-select .d-select-main .d-select-content {
  grid-area: content;
  display: flex;
  align-items: center;
  overflow: auto;
  scrollbar-width: none;
}
.d-select-wrapper .d-select .d-select-main .d-select-content::-webkit-scrollbar {
  display: none;
}
.d-select-wrapper .d-select .d-select-main .d-select-content .d-select-tags {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 4px;
}
.d-select-wrapper .d-select .d-select-main .d-select-content .d-select-tags.d-select-tags-multi-line {
  flex-wrap: wrap;
  max-height: 80px;
  overflow: auto;
}
.d-select-wrapper .d-select .d-select-main .d-select-content .d-select-rest {
  max-height: 200px;
  overflow: auto;
}
.d-select-wrapper .d-select .d-select-main .d-select-content .d-select-rest-count,
.d-select-wrapper .d-select .d-select-main .d-select-content .d-select-placeholder {
  color: var(--color-text-placeholder);
  user-select: none;
}
.d-select-wrapper .d-select .d-select-main .d-select-content .d-select-description {
  line-height: var(--size-text-line-height-small);
}
.d-select-wrapper .d-select .d-select-main .d-select-content .d-select-tags + .d-select-input-filter.show,
.d-select-wrapper .d-select .d-select-main .d-select-content .d-select-description + .d-select-input-filter.show {
  margin-left: 8px;
}
.d-select-wrapper .d-select .d-select-main .d-select-content .d-select-input-filter {
  flex: 1;
}
.d-select-wrapper .d-select .d-select-main .d-select-content .d-select-input-filter.hide {
  width: 0;
  overflow: hidden;
}
.d-select-wrapper .d-select .d-select-main .d-select-content .d-select-input-filter input {
  line-height: var(--size-text-line-height-small);
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: inherit;
  color: currentColor;
  border: none;
  outline: none;
  background-color: transparent;
}
.d-select-wrapper .d-select .d-select-main .d-select-content .d-select-input-filter input::placeholder {
  color: var(--color-text-placeholder);
  user-select: none;
}
.d-select-wrapper .d-select .d-select-main .d-select-content .d-select-input-filter .d-select-input-filter-shadow {
  display: block;
  min-width: 40px;
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  opacity: 0;
}
.d-select-wrapper .d-select .d-select-main .d-select-textarea-filter {
  grid-area: textarea;
  overflow: hidden;
}
.d-select-wrapper .d-select .d-select-main .d-select-textarea-filter.lift-up {
  grid-area: content;
  min-height: 24px;
}
.d-select-wrapper .d-select .d-select-main .d-select-textarea-filter.lift-up textarea {
  margin: 2px 0 0 0;
}
.d-select-wrapper .d-select .d-select-main .d-select-textarea-filter textarea {
  line-height: var(--size-text-line-height-small);
  display: block;
  width: 100%;
  margin: 4px 0 0 0;
  padding: 0;
  font-family: inherit;
  color: currentColor;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}
.d-select-wrapper .d-select .d-select-main .d-select-textarea-filter textarea::placeholder {
  color: var(--color-text-placeholder);
  user-select: none;
}
.d-select-wrapper .d-select .d-select-main .d-select-textarea-filter textarea.d-select-textarea-filter-shadow {
  margin: 0;
  max-height: 0;
  pointer-events: none;
  user-select: none;
  opacity: 0;
}
.d-select-wrapper .d-select .d-select-main .d-select-prefix.d-text,
.d-select-wrapper .d-select .d-select-main .d-select-suffix.d-text,
.d-select-wrapper .d-select .d-select-main .d-select-prefix.d-icon,
.d-select-wrapper .d-select .d-select-main .d-select-suffix.d-icon,
.d-select-wrapper .d-select .d-select-main .d-select-prefix > .d-text,
.d-select-wrapper .d-select .d-select-main .d-select-suffix > .d-text,
.d-select-wrapper .d-select .d-select-main .d-select-prefix > .d-icon,
.d-select-wrapper .d-select .d-select-main .d-select-suffix > .d-icon {
  line-height: var(--size-text-line-height-small);
}
.d-select-wrapper .d-select .d-select-main .d-select-prefix.d-text,
.d-select-wrapper .d-select .d-select-main .d-select-suffix.d-text,
.d-select-wrapper .d-select .d-select-main .d-select-prefix > .d-text,
.d-select-wrapper .d-select .d-select-main .d-select-suffix > .d-text {
  font-weight: var(--size-text-font-weight-heavy);
}
.d-select-wrapper .d-select .d-select-main .d-select-prefix {
  grid-area: prefix;
}
.d-select-wrapper .d-select .d-select-main .d-select-suffix {
  grid-area: suffix;
}
.d-select-wrapper .d-select .d-select-main .d-select-suffix.d-select-suffix-clear {
  grid-area: clearable;
  visibility: hidden;
}
.d-select-wrapper .d-select .d-select-main .d-select-suffix.d-select-suffix-clear:not(.disabled) {
  cursor: pointer;
}
.d-select-wrapper .d-select .d-select-main .d-select-suffix.d-select-suffix-clear:not(.disabled).hover {
  visibility: visible;
}
.d-select-wrapper .d-select .d-select-main .d-select-suffix.d-select-suffix-indicator {
  grid-area: indicator;
  display: flex;
  align-items: center;
}
.d-select-popover-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 68px;
}
.d-form-item .d-select-wrapper {
  width: 100%;
}
.d-slider {
  height: 6px;
  box-sizing: border-box;
}
.d-slider .d-slider__runway {
  position: relative;
  height: 100%;
  background-color: var(--color-fill-hover);
  border-radius: 26px;
  cursor: pointer;
}
.d-slider .d-slider__runway:hover {
  background: linear-gradient(0deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05)), var(--color-fill-pressing);
}
.d-slider .d-slider__runway:hover .d-slider__marks .d-slider__marks-stop-group .d-slider__marks-stop {
  background-color: var(--color-grey-4);
}
.d-slider .d-slider__runway .d-slider__bar {
  position: absolute;
  left: 0;
  height: 100%;
  background-color: var(--color-primary);
  border-radius: inherit;
}
.d-slider .d-slider__runway .d-slider__button {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  border: 2px solid var(--color-primary);
  border-radius: 50%;
  background-color: var(--color-bg);
  cursor: pointer;
  z-index: 2;
}
.d-slider .d-slider__runway .d-slider__button:hover {
  transform: translate(-50%, -50%) scale(1.15);
}
.d-slider .d-slider__runway .d-slider__marks {
  position: absolute;
  width: 100%;
  height: 100%;
}
.d-slider .d-slider__runway .d-slider__marks .d-slider__marks-stop-group .d-slider__marks-stop {
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: var(--color-fill-pressing);
  border-radius: 50%;
}
.d-slider .d-slider__runway .d-slider__marks .d-slider__marks-group {
  width: 100%;
  height: 100%;
  position: absolute;
}
.d-slider .d-slider__runway .d-slider__marks .d-slider__marks-text {
  position: absolute;
}
.d-slider .d-slider__runway.d-slider--disabled {
  cursor: not-allowed;
  background-color: var(--color-fill-disabled);
}
.d-slider .d-slider__runway.d-slider--disabled .d-slider__bar {
  background-color: var(--color-primary-disabled);
}
.d-slider .d-slider__runway.d-slider--disabled .d-slider__button {
  pointer-events: none;
  border-color: var(--color-primary-disabled);
}
.d-slider .d-slider__runway.d-slider--disabled .d-slider__marks .d-slider__marks-stop-group .d-slider__marks-stop {
  background-color: var(--color-grey-2);
}
.d-slider--horizontal .d-slider__marks .d-slider__marks-stop-group .d-slider__marks-stop {
  transform: translateX(-50%);
  margin-top: 1px;
}
.d-slider--horizontal .d-slider__marks .d-slider__marks-stop-group .d-slider__marks-stop.d-slider__marks-stop-0 {
  transform: translateX(1px);
}
.d-slider--horizontal .d-slider__marks .d-slider__marks-stop-group .d-slider__marks-stop.d-slider__marks-stop-100 {
  transform: translateX(calc(-100% - 1px));
}
.d-slider--horizontal .d-slider__marks .d-slider__marks-group {
  top: 6px;
  margin-top: 8px;
}
.d-slider--horizontal .d-slider__marks .d-slider__marks-group .d-slider__marks-text {
  transform: translateX(-50%);
}
.d-slider--vertical {
  display: inline-block;
  height: 100%;
  width: 6px;
}
.d-slider--vertical .d-slider__runway {
  height: 100%;
}
.d-slider--vertical .d-slider__runway .d-slider__bar {
  width: 100%;
}
.d-slider--vertical .d-slider__runway .d-slider__button {
  left: 50%;
  transform: translate(-50%, 50%);
}
.d-slider--vertical .d-slider__runway .d-slider__button:hover {
  transform: translate(-50%, 50%) scale(1.15);
}
.d-slider--vertical .d-slider__runway .d-slider__marks .d-slider__marks-stop {
  margin-left: 1px;
}
.d-slider--vertical .d-slider__runway .d-slider__marks .d-slider__marks-stop.d-slider__marks-stop-0 {
  margin-bottom: 1px;
}
.d-slider--vertical .d-slider__runway .d-slider__marks .d-slider__marks-stop.d-slider__marks-stop-100 {
  transform: translateY(calc(100% + 1px));
}
.d-slider--vertical .d-slider__runway .d-slider__marks .d-slider__marks-group {
  left: 6px;
  margin-left: 7px;
}
.d-slider--vertical .d-slider__runway .d-slider__marks .d-slider__marks-group .d-slider__marks-text {
  transform: translateY(50%);
}
.d-segment {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: var(--size-padding-small);
  background: rgba(0,0,0,0.03);
  border-radius: var(--size-radius-default);
}
.d-segment-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: var(--size-padding-horizontal-small) var(--size-padding-vertical-small);
  height: 24px;
  line-height: 20px;
  border-radius: var(--size-radius-medium);
  font-weight: var(--size-text-font-weight-bold);
  font-size: var(--size-text-small);
  color: var(--color-text-title);
  cursor: pointer;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-user-select: none;
}
.d-segment-item .icon-right {
  order: 2;
}
.d-segment-item.disabled {
  cursor: not-allowed;
}
.d-segment-item:hover:not(.disabled) {
  background-color: var(--color-fill-hover);
}
.d-segment-item.active:not(.d-segment-item-muted) {
  color: var(--color-white);
  background: var(--color-primary);
}
.d-segment-item.active:not(.d-segment-item-muted).disabled {
  color: var(--color-white);
  background: var(--color-primary-disabled);
}
.d-segment-item.active:not(.d-segment-item-muted):hover:not(.disabled) {
  background-color: var(--color-primary-hover);
}
.d-segment-item.active:not(.d-segment-item-muted).cancelable {
  color: var(--color-white);
  background: var(--color-primary);
}
.d-segment-item.active:not(.d-segment-item-muted).cancelable:hover:not(.disabled) {
  background-color: var(--color-primary-hover);
}
.d-segment-item.active:not(.d-segment-item-muted).cancelable:active {
  background: var(--color-primary-pressing);
}
.d-segment-item.active:not(.d-segment-item-muted).cancelable.disabled {
  background: var(--color-primary-disabled);
}
.d-segment-item.cancelable:not(.d-segment-item-muted):hover:not(.disabled) {
  background-color: var(--color-fill-hover);
}
.d-segment-item.cancelable:not(.d-segment-item-muted):active {
  background-color: var(--color-fill-pressing);
}
.d-segment-item.cancelable:not(.d-segment-item-muted).active.disabled {
  color: var(--color-white);
  background: var(--color-primary-disabled);
}
.d-segment-item.cancelable:not(.d-segment-item-muted).disabled {
  background-color: ;
  color: rgba(0,0,0,0.25);
}
.d-segment-item.disabled:not(.d-segment-item-muted) {
  color: rgba(0,0,0,0.25);
}
.d-segment-item-muted {
  color: var(--color-text-description);
}
.d-segment-item-muted.disabled {
  color: rgba(0,0,0,0.25);
}
.d-segment-item-muted.active {
  color: var(--color-text-title);
  background: var(--color-bg);
  box-shadow: 0px 1px 2px rgba(0,0,0,0.08);
}
.d-segment-item-muted.active:hover:not(.disabled) {
  background-color: var(--color-fill-hover);
}
.d-segment-item-muted.active:active {
  background-color: var(--color-fill-pressing);
}
.d-segment-item-muted.active.disabled {
  background-color: var(--color-fill-disabled);
  color: rgba(0,0,0,0.25);
}
/* @import './cascader.css'; */
.d-cascader-main {
    grid-template:
            "content " minmax(24px, min-content)
            "content " min-content
            "textarea" min-content / minmax(0, 1fr);
}
.d-cascader-main-prefix-suffix-indicator {
    grid-template:
            "prefix content  suffix   indicator" minmax(24px, min-content)
            ".      content  .        .        " min-content
            ".      textarea textarea textarea " min-content / min-content minmax(0, 1fr) min-content min-content;
}
.d-cascader-main-prefix-suffix {
    grid-template:
            "prefix content  suffix  " minmax(24px, min-content)
            ".      content  .       " min-content
            ".      textarea textarea" min-content / min-content minmax(0, 1fr) min-content;
}
.d-cascader-main-prefix-indicator {
    grid-template:
            "prefix content  indicator" minmax(24px, min-content)
            ".      content  .        " min-content
            ".      textarea textarea " min-content / min-content minmax(0, 1fr) min-content;
}
.d-cascader-main-prefix {
    grid-template:
            "prefix content " minmax(24px, min-content)
            ".      content " min-content
            ".      textarea" min-content / min-content minmax(0, 1fr);
}
.d-cascader-main-suffix-indicator {
    grid-template:
            "content  suffix   indicator" minmax(24px, min-content)
            "content  .        .        " min-content
            "textarea textarea textarea " min-content / minmax(0, 1fr) min-content min-content;
}
.d-cascader-main-suffix {
    grid-template:
            "content  suffix  " minmax(24px, min-content)
            "content  .       " min-content
            "textarea textarea" min-content / minmax(0, 1fr) min-content;
}
.d-cascader-main-indicator {
    grid-template:
            "content  indicator" minmax(24px, min-content)
            "content  .        " min-content
            "textarea textarea " min-content / minmax(0, 1fr) min-content;
}

.d-cascader-wrapper {
  outline: none;
}
.d-cascader-wrapper.d-inline-block {
  width: 328px;
}
.d-cascader-wrapper .d-cascader {
  display: flex;
  align-items: center;
  min-height: 100%;
  overflow: auto;
  padding: 3px 11px;
  border-radius: 4px;
  border: 1px solid transparent;
}
.d-cascader-wrapper .d-cascader.focus,
.d-cascader-wrapper .d-cascader:not(.disabled).pressing {
  border: 1px solid #3c66ff;
}
.d-cascader-wrapper .d-cascader.disabled,
.d-cascader-wrapper .d-cascader.disabled input,
.d-cascader-wrapper .d-cascader.disabled .d-cascader-suffix-clear {
  cursor: not-allowed;
}
.d-cascader-wrapper .d-cascader .d-cascader-main {
  flex: 1;
  align-items: center;
  column-gap: 8px;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-content {
  grid-area: content;
  display: flex;
  align-items: center;
  overflow: auto;
  scrollbar-width: none;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-content::-webkit-scrollbar {
  display: none;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-content .d-cascader-tags {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 4px;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-content .d-cascader-tags.d-cascader-tags-multi-line {
  flex-wrap: wrap;
  max-height: 80px;
  overflow: auto;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-content .d-cascader-rest {
  max-height: 200px;
  overflow: auto;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-content .d-cascader-rest-count,
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-content .d-cascader-placeholder {
  color: rgba(0,0,0,0.52);
  user-select: none;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-content .d-cascader-description {
  line-height: 20px;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-content .d-cascader-tags + .d-cascader-input-filter.show,
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-content .d-cascader-description + .d-cascader-input-filter.show {
  margin-left: 8px;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-content .d-cascader-input-filter {
  flex: 1;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-content .d-cascader-input-filter.hide {
  width: 0;
  overflow: hidden;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-content .d-cascader-input-filter input {
  line-height: 20px;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: inherit;
  color: currentColor;
  border: none;
  outline: none;
  background-color: transparent;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-content .d-cascader-input-filter input::placeholder {
  color: rgba(0,0,0,0.52);
  user-select: none;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-content .d-cascader-input-filter .d-cascader-input-filter-shadow {
  display: block;
  min-width: 40px;
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  opacity: 0;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-textarea-filter {
  grid-area: textarea;
  overflow: hidden;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-textarea-filter.lift-up {
  grid-area: content;
  min-height: 24px;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-textarea-filter.lift-up textarea {
  margin: 2px 0 0 0;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-textarea-filter textarea {
  line-height: 20px;
  display: block;
  width: 100%;
  margin: 4px 0 0 0;
  padding: 0;
  font-family: inherit;
  color: currentColor;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-textarea-filter textarea::placeholder {
  color: rgba(0,0,0,0.52);
  user-select: none;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-textarea-filter textarea.d-cascader-textarea-filter-shadow {
  margin: 0;
  max-height: 0;
  pointer-events: none;
  user-select: none;
  opacity: 0;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-prefix.d-text,
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-suffix.d-text,
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-prefix.d-icon,
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-suffix.d-icon,
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-prefix > .d-text,
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-suffix > .d-text,
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-prefix > .d-icon,
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-suffix > .d-icon {
  line-height: 20px;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-prefix.d-text,
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-suffix.d-text,
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-prefix > .d-text,
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-suffix > .d-text {
  font-weight: 600;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-prefix {
  grid-area: prefix;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-suffix {
  grid-area: suffix;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-suffix.d-cascader-suffix-clear {
  grid-area: clearable;
  visibility: hidden;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-suffix.d-cascader-suffix-clear:not(.disabled) {
  cursor: pointer;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-suffix.d-cascader-suffix-clear:not(.disabled).hover {
  visibility: visible;
}
.d-cascader-wrapper .d-cascader .d-cascader-main .d-cascader-suffix.d-cascader-suffix-indicator {
  grid-area: indicator;
  display: flex;
  align-items: center;
}
.d-cascader-dropdown-content {
  max-height: calc((32px + 8px) * 5 + 8px + (32px / 2));
  overflow: auto;
}
.d-cascader-dropdown-content.interacting {
  min-width: 150px;
}
.d-cascader-dropdown-content:not(.interacting) {
  width: 0px;
  height: 0px;
}
.d-cascader-dropdown-content.loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.d-cascader-options {
  grid-template-columns: min-content minmax(0, 1fr) min-content;
  align-items: center;
  row-gap: 8px;
  padding: 8px;
}
.d-cascader-options.d-cascader-options-hidden {
  padding: 0;
  height: 0;
  overflow: hidden;
}
.d-cascader-options .d-cascader-option {
  cursor: pointer;
}
.d-cascader-options .d-cascader-option.disabled {
  cursor: not-allowed;
}
.d-cascader-options .d-cascader-option.d-cascader-option-prefix-icon.--space-p-right-small {
  padding-right: 6px;
}
.d-cascader-options .d-cascader-option-handler {
  height: 100%;
  min-height: 32px;
  border-radius: 4px;
}
.d-cascader-popover-content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  min-height: 68px;
  height: 100%;
}
.d-cascader-column-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--color-text-description);
}
.d-cascader-option-mark {
  font-weight: 500;
}
.d-form-item .d-cascader-wrapper {
  width: 100%;
}
/* @import './radio.css'; */
.d-radio-main {
    grid-template:
            "radio" minmax(min-content, 1fr) / min-content;
}

.d-radio-main-label-tooltip-description {
    grid-template:
            "radio . label tooltip-description" minmax(min-content, 1fr) / min-content min-content min-content min-content;
}

.d-radio-main-label-description {
    grid-template:
            "radio . label      " minmax(min-content, 1fr)
            ".     . description" min-content / min-content min-content minmax(0, 1fr);
}

.d-radio-main-label {
    grid-template:
            "radio . label" minmax(min-content, 1fr) / min-content min-content min-content;
}

.d-radio-main-tooltip-description {
    grid-template:
            "radio . tooltip-description" minmax(min-content, 1fr) / min-content min-content min-content;
}

.d-radio-main-description {
    grid-template:
            "radio . .          " minmax(min-content, 1fr)
            ".     . description" min-content / min-content min-content minmax(0, 1fr);
}

.d-radio {
  align-items: center;
  column-gap: 4px;
  row-gap: 2px;
}
.d-radio .d-radio-simulator,
.d-radio input {
  grid-area: radio;
}
.d-radio .d-radio-simulator,
.d-radio .d-radio-indicator {
  border-radius: 100vmax;
}
.d-radio .d-radio-simulator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-width: 1px;
  border-style: solid;
  transition: border-color 0.1s;
}
.d-radio .d-radio-simulator.focus {
  outline: 2px solid var(--color-primary-light-hover);
}
.d-radio .d-radio-simulator.unchecked {
  border-color: var(--color-border-default);
}
.d-radio .d-radio-simulator.checked .d-radio-indicator {
  width: 8px;
  height: 8px;
}
.d-radio .d-radio-simulator .d-radio-indicator {
  width: 14px;
  height: 14px;
  transition: width 0.1s, height 0.1s, background-color 0.1s;
}
.d-radio input {
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  border: none;
  outline: none;
  opacity: 0;
}
.d-radio .d-radio-label {
  grid-area: label;
}
.d-radio .d-radio-tooltip-description {
  grid-area: tooltip-description;
}
.d-radio .d-radio-description {
  grid-area: description;
}
.d-radio-group {
  align-items: start;
  flex-wrap: wrap;
  row-gap: 16px;
  column-gap: 32px;
}
.d-radio-group.d-radio-group-horizontal {
  flex-direction: row;
}
.d-radio-group.d-radio-group-vertical {
  flex-direction: column;
}
.d-radio-group .d-radio-main,
.d-radio-group .d-radio-main-label,
.d-radio-group .d-radio-main-tooltip-description,
.d-radio-group .d-radio-main-label-tooltip-description {
  grid-template-rows: minmax(22px, 1fr);
  min-height: 100%;
}
.d-radio-group .d-radio-main-description,
.d-radio-group .d-radio-main-label-description {
  grid-template-rows: minmax(22px, 1fr) min-content;
  min-height: 100%;
}
.d-form-item .d-radio-main,
.d-form-item .d-radio-main-label,
.d-form-item .d-radio-main-tooltip-description,
.d-form-item .d-radio-main-label-tooltip-description {
  grid-template-rows: minmax(32px, 1fr);
  min-height: 100%;
}
.d-form-item .d-radio-main-description,
.d-form-item .d-radio-main-label-description {
  grid-template-rows: minmax(32px, 1fr) min-content;
  min-height: 100%;
}
/* @import './checkbox.css'; */
.d-checkbox-main {
    grid-template:
            "checkbox" minmax(min-content, 1fr) / min-content;
}

.d-checkbox-main-label-tooltip-description {
    grid-template:
            "checkbox . label tooltip-description" minmax(min-content, 1fr) / min-content min-content min-content min-content;
}

.d-checkbox-main-label-description {
    grid-template:
            "checkbox . label      " minmax(min-content, 1fr)
            ".     . description" min-content / min-content min-content minmax(0, 1fr);
}

.d-checkbox-main-label {
    grid-template:
            "checkbox . label" minmax(min-content, 1fr) / min-content min-content min-content;
}

.d-checkbox-main-tooltip-description {
    grid-template:
            "checkbox . tooltip-description" minmax(min-content, 1fr) / min-content min-content min-content;
}

.d-checkbox-main-description {
    grid-template:
            "checkbox . .          " minmax(min-content, 1fr)
            ".     . description" min-content / min-content min-content minmax(0, 1fr);
}

.d-checkbox {
  align-items: center;
  column-gap: 4px;
  row-gap: 2px;
}
.d-checkbox .d-checkbox-simulator,
.d-checkbox input {
  grid-area: checkbox;
}
.d-checkbox .d-checkbox-simulator {
  border-radius: 2px;
}
.d-checkbox .d-checkbox-simulator {
  border-width: 1px;
  border-style: solid;
  transition: border-color 0.1s;
}
.d-checkbox .d-checkbox-simulator.focus {
  outline: 2px solid #d0daff;
}
.d-checkbox .d-checkbox-simulator.unchecked {
  border-color: rgba(0,0,0,0.1);
}
.d-checkbox .d-checkbox-simulator .d-checkbox-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  transition: width 0.1s, height 0.1s, background-color 0.1s;
}
.d-checkbox input {
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  border: none;
  outline: none;
  opacity: 0;
}
.d-checkbox .d-checkbox-label {
  grid-area: label;
}
.d-checkbox .d-checkbox-tooltip-description {
  grid-area: tooltip-description;
}
.d-checkbox .d-checkbox-description {
  grid-area: description;
}
.d-checkbox-group {
  align-items: start;
  flex-wrap: wrap;
  row-gap: 16px;
  column-gap: 32px;
}
.d-checkbox-group.d-checkbox-group-horizontal {
  flex-direction: row;
}
.d-checkbox-group.d-checkbox-group-vertical {
  flex-direction: column;
}
.d-checkbox-group .d-checkbox-main,
.d-checkbox-group .d-checkbox-main-label,
.d-checkbox-group .d-checkbox-main-tooltip-description,
.d-checkbox-group .d-checkbox-main-label-tooltip-description {
  grid-template-rows: minmax(22px, 1fr);
  min-height: 100%;
}
.d-checkbox-group .d-checkbox-main-description,
.d-checkbox-group .d-checkbox-main-label-description {
  grid-template-rows: minmax(22px, 1fr) min-content;
  min-height: 100%;
}
.d-form-item .d-checkbox-main,
.d-form-item .d-checkbox-main-label,
.d-form-item .d-checkbox-main-tooltip-description,
.d-form-item .d-checkbox-main-label-tooltip-description {
  grid-template-rows: minmax(32px, 1fr);
  min-height: 100%;
}
.d-form-item .d-checkbox-main-description,
.d-form-item .d-checkbox-main-label-description {
  grid-template-rows: minmax(32px, 1fr) min-content;
  min-height: 100%;
}
.d-switch .--color-bg-fill {
  background-color: rgba(0,0,0,0.18);
  transition: background-color 0.1s;
}
.d-switch .--color-bg-fill:not(.disabled):not(.--color-bg-static).hover,
.d-switch .--color-bg-fill:not(.disabled):not(.--color-bg-static):hover {
  background-color: rgba(0,0,0,0.24);
}
.d-switch .--color-bg-fill:not(.disabled):not(.--color-bg-static).pressing {
  background-color: rgba(0,0,0,0.3);
}
.d-switch .--color-bg-fill.disabled {
  background-color: rgba(0,0,0,0.08);
}
.d-switch {
  align-items: center;
}
.d-switch.d-block {
  display: flex;
}
.d-switch.d-inline-block {
  display: inline-flex;
}
.d-switch.d-switch-default .d-switch-simulator {
  width: 40px;
}
.d-switch.d-switch-default .d-switch-indicator {
  width: 20px;
  height: 20px;
}
.d-switch.d-switch-default .d-switch-simulator.checked .d-spinner .d-spinner-indicator,
.d-switch.d-switch-default .d-switch-simulator.checked .d-spinner .d-icon {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.d-switch.d-switch-default .d-switch-simulator.checked input {
  width: 16px;
}
.d-switch.d-switch-default .d-switch-simulator.unchecked .d-spinner .d-spinner-indicator,
.d-switch.d-switch-default .d-switch-simulator.unchecked .d-spinner .d-icon {
  width: 14px;
  height: 14px;
  line-height: 14px;
}
.d-switch.d-switch-default .d-switch-simulator.unchecked input {
  width: 0;
}
.d-switch.d-switch-small .d-switch-simulator {
  width: 26px;
}
.d-switch.d-switch-small .d-switch-indicator {
  width: 12px;
  height: 12px;
}
.d-switch.d-switch-small .d-switch-simulator.checked .d-spinner .d-spinner-indicator,
.d-switch.d-switch-small .d-switch-simulator.checked .d-spinner .d-icon {
  width: 10px;
  height: 10px;
  line-height: 10px;
}
.d-switch.d-switch-small .d-switch-simulator.checked input {
  width: 10px;
}
.d-switch.d-switch-small .d-switch-simulator.unchecked .d-spinner .d-spinner-indicator,
.d-switch.d-switch-small .d-switch-simulator.unchecked .d-spinner .d-icon {
  width: 8px;
  height: 8px;
  line-height: 8px;
}
.d-switch.d-switch-small .d-switch-simulator.unchecked input {
  width: 0;
}
.d-switch .d-switch-simulator,
.d-switch .d-switch-indicator {
  border-radius: 100vmax;
}
.d-switch .d-switch-simulator {
  display: flex;
  align-items: center;
  padding: 2px;
}
.d-switch .d-switch-simulator.focus {
  outline: 2px solid #d0daff;
}
.d-switch .d-switch-simulator .d-switch-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.08), 0 0 1px 0 rgba(0,0,0,0.2);
}
.d-switch .d-switch-simulator input {
  justify-self: center;
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
  height: 0;
  border: none;
  outline: none;
  opacity: 0;
  transition: width 0.1s;
}
.d-switch .d-switch-simulator .d-switch-indicator {
  transition: border-color 0.1s;
}
.d-form-item .d-switch {
  min-height: 100%;
}
.d-form {
  row-gap: 24px;
  column-gap: 16px;
  grid-template-rows: min-content;
}
.d-form.d-form-horizontal {
  grid-template-columns: repeat(2, min-content);
}
.d-form.d-form-horizontal.d-form-label-align-right .d-form-item-label {
  justify-self: end;
}
.d-form.d-form-vertical {
  grid-template-columns: min-content;
}
.d-form .d-form-default-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.d-form-item-extra-small {
  width: 104px;
}
.d-form-item-small {
  width: 216px;
}
.d-form-item-default {
  width: 328px;
}
.d-form-item-large {
  width: 440px;
}
.d-form-item-extra-large {
  width: 552px;
}
.d-form-item-label {
  height: 32px;
}
.d-form-item {
  min-height: 32px;
}
.d-form-item-vertical .d-form-item-label {
  width: 100%;
}
.d-form-item,
.d-form-item-description,
.d-form-item-on-error {
  width: 100%;
}
.d-form-item-on-error .d-icon {
  margin-right: 4px;
}
.d-timepicker-wrapper {
  outline: none;
}
.d-timepicker-wrapper.d-inline-block {
  width: 328px;
}
.d-timepicker-wrapper .d-timepicker {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 100%;
  overflow: auto;
  padding: 3px 11px;
  border-radius: 4px;
  border: 1px solid transparent;
}
.d-timepicker-wrapper .d-timepicker.focus,
.d-timepicker-wrapper .d-timepicker:not(.disabled).pressing {
  border: 1px solid #3c66ff;
}
.d-timepicker-wrapper .d-timepicker.disabled,
.d-timepicker-wrapper .d-timepicker.disabled input {
  cursor: not-allowed;
}
.d-timepicker-wrapper .d-timepicker .d-timepicker-input-filter {
  flex: 1;
}
.d-timepicker-wrapper .d-timepicker .d-timepicker-input-filter input {
  line-height: 20px;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: inherit;
  color: currentColor;
  border: none;
  outline: none;
  background-color: transparent;
}
.d-timepicker-wrapper .d-timepicker .d-timepicker-input-filter input::placeholder {
  color: rgba(0,0,0,0.52);
  user-select: none;
}
.d-timepicker-wrapper .d-timepicker .d-timepicker-prefix.d-text,
.d-timepicker-wrapper .d-timepicker .d-timepicker-suffix.d-text,
.d-timepicker-wrapper .d-timepicker .d-timepicker-prefix.d-icon,
.d-timepicker-wrapper .d-timepicker .d-timepicker-suffix.d-icon,
.d-timepicker-wrapper .d-timepicker .d-timepicker-prefix > .d-text,
.d-timepicker-wrapper .d-timepicker .d-timepicker-suffix > .d-text,
.d-timepicker-wrapper .d-timepicker .d-timepicker-prefix > .d-icon,
.d-timepicker-wrapper .d-timepicker .d-timepicker-suffix > .d-icon {
  line-height: 20px;
}
.d-timepicker-wrapper .d-timepicker .d-timepicker-prefix.d-text,
.d-timepicker-wrapper .d-timepicker .d-timepicker-suffix.d-text,
.d-timepicker-wrapper .d-timepicker .d-timepicker-prefix > .d-text,
.d-timepicker-wrapper .d-timepicker .d-timepicker-suffix > .d-text {
  font-weight: 600;
}
.d-timepicker-wrapper .d-timepicker .d-timepicker-prefix.d-timepicker-suffix-indicator,
.d-timepicker-wrapper .d-timepicker .d-timepicker-suffix.d-timepicker-suffix-indicator {
  padding: 4px 0;
}
.d-timerangepicker-wrapper.d-inline-block {
  width: 328px;
}
.d-timerangepicker-wrapper .d-timerangepicker {
  display: flex;
  min-height: 100%;
  overflow: auto;
  border-radius: 4px;
}
.d-timerangepicker-wrapper .d-timerangepicker.disabled,
.d-timerangepicker-wrapper .d-timerangepicker.disabled input {
  cursor: not-allowed;
}
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-content {
  flex: 1;
  display: flex;
  overflow: auto;
}
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-content .d-timerangepicker-input-filter {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 5px 11px;
  border: 1px solid transparent;
}
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-content .d-timerangepicker-input-filter.focus,
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-content .d-timerangepicker-input-filter:not(.disabled).pressing {
  border: 1px solid #3c66ff;
}
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-content .d-timerangepicker-input-filter.d-timerangepicker-input-start {
  border-radius: 4px 0 0 4px;
}
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-content .d-timerangepicker-input-filter input {
  line-height: 20px;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: inherit;
  color: currentColor;
  border: none;
  outline: none;
  background-color: transparent;
}
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-content .d-timerangepicker-input-filter input::placeholder {
  color: rgba(0,0,0,0.52);
  user-select: none;
}
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-content .d-timerangepicker-center {
  display: flex;
  align-items: center;
  padding: 0 2px;
}
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-prefix,
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-suffix {
  display: flex;
  align-items: center;
}
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-prefix.d-text,
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-suffix.d-text,
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-prefix.d-icon,
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-suffix.d-icon,
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-prefix > .d-text,
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-suffix > .d-text,
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-prefix > .d-icon,
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-suffix > .d-icon {
  line-height: 20px;
}
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-prefix.d-text,
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-suffix.d-text,
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-prefix > .d-text,
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-suffix > .d-text {
  font-weight: 600;
}
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-prefix + .d-timerangepicker-content .d-timerangepicker-input-start {
  border-radius: 0;
}
.d-timerangepicker-wrapper .d-timerangepicker .d-timerangepicker-suffix {
  display: flex;
  align-items: center;
}
.d-form-item .d-timepicker-wrapper {
  width: 100%;
}
.d-form-item .d-timerangepicker-wrapper {
  width: 100%;
}
.d-timepicker-timebar {
  position: relative;
  width: 52px;
  height: 284px;
  overflow: auto;
  mask-image: linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0.4) 100%);
  scroll-snap-type: y mandatory;
  scrollbar-width: none;
}
.d-timepicker-timebar::-webkit-scrollbar {
  display: none;
}
.d-timepicker-timebar .d-timepicker-time {
  justify-content: center;
  width: 52px;
  padding: 4px;
  border-radius: 4px;
  scroll-snap-align: start;
}
.d-timepicker-timebar .d-timepicker-time .d-text {
  line-height: 20px;
}
.d-timepicker-timebar .d-timepicker-time.active {
  padding: 6px;
}
.d-timepicker-timebar .d-timepicker-time.disabled {
  background: rgba(0,0,0,0.02);
  border-radius: 4px;
}
.d-timepicker-timebar .d-timepicker-time + .d-timepicker-time {
  margin-top: 10px;
}
.d-timepicker-timebar .d-timepicker-timebar-blank {
  width: 0;
}
.d-timepicker-body {
  display: flex;
  gap: 8px;
  padding: 16px 20px 20px 20px;
}
.d-timepicker-body .d-divider {
  background-color: rgba(0,0,0,0.1);
}
.d-timerangepicker-body {
  display: flex;
}
.d-timerangepicker-body .d-divider {
  background-color: rgba(0,0,0,0.1);
}
.d-timerangepicker-body .d-timerangepicker-start,
.d-timerangepicker-body .d-timerangepicker-end {
  display: flex;
  flex-direction: column;
  padding-top: 16px;
}
.d-timerangepicker-body .d-timerangepicker-start .d-text,
.d-timerangepicker-body .d-timerangepicker-end .d-text {
  text-align: center;
  line-height: 20px;
}
/* @import './datepicker.css'; */
.d-datepicker-main {
    grid-template:
            "content " minmax(24px, min-content)
            "content " min-content
            "textarea" min-content / minmax(0, 1fr);
}
.d-datepicker-main-prefix-suffix-indicator {
    grid-template:
            "prefix content  suffix   indicator" minmax(24px, min-content)
            ".      content  .        .        " min-content
            ".      textarea textarea textarea " min-content / min-content minmax(0, 1fr) min-content min-content;
}
.d-datepicker-main-prefix-suffix {
    grid-template:
            "prefix content  suffix  " minmax(24px, min-content)
            ".      content  .       " min-content
            ".      textarea textarea" min-content / min-content minmax(0, 1fr) min-content;
}
.d-datepicker-main-prefix-indicator {
    grid-template:
            "prefix content  indicator" minmax(24px, min-content)
            ".      content  .        " min-content
            ".      textarea textarea " min-content / min-content minmax(0, 1fr) min-content;
}
.d-datepicker-main-prefix {
    grid-template:
            "prefix content " minmax(24px, min-content)
            ".      content " min-content
            ".      textarea" min-content / min-content minmax(0, 1fr);
}
.d-datepicker-main-suffix-indicator {
    grid-template:
            "content  suffix   indicator" minmax(24px, min-content)
            "content  .        .        " min-content
            "textarea textarea textarea " min-content / minmax(0, 1fr) min-content min-content;
}
.d-datepicker-main-suffix {
    grid-template:
            "content  suffix  " minmax(24px, min-content)
            "content  .       " min-content
            "textarea textarea" min-content / minmax(0, 1fr) min-content;
}
.d-datepicker-main-indicator {
    grid-template:
            "content  indicator" minmax(24px, min-content)
            "content  .        " min-content
            "textarea textarea " min-content / minmax(0, 1fr) min-content;
}

.d-datepicker-wrapper {
  outline: none;
}
.d-datepicker-wrapper.d-inline-block {
  width: 328px;
}
.d-datepicker-wrapper .d-datepicker {
  display: flex;
  align-items: center;
  min-height: 100%;
  overflow: auto;
  padding: 3px 11px;
  border-radius: 4px;
  border: 1px solid transparent;
}
.d-datepicker-wrapper .d-datepicker.focus,
.d-datepicker-wrapper .d-datepicker:not(.disabled).pressing {
  border: 1px solid #3c66ff;
}
.d-datepicker-wrapper .d-datepicker.disabled {
  cursor: not-allowed;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main {
  flex: 1;
  align-items: center;
  column-gap: 8px;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-content {
  grid-area: content;
  display: flex;
  align-items: center;
  overflow: auto;
  scrollbar-width: none;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-content::-webkit-scrollbar {
  display: none;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-content .d-datepicker-tags {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 4px;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-content .d-datepicker-tags.d-datepicker-tags-multi-line {
  flex-wrap: wrap;
  max-height: 80px;
  overflow: auto;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-content .d-datepicker-rest-count,
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-content .d-datepicker-placeholder {
  color: rgba(0,0,0,0.52);
  user-select: none;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-content .d-datepicker-description {
  line-height: 20px;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-content .d-datepicker-tags + .d-datepicker-input-filter.show,
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-content .d-datepicker-description + .d-datepicker-input-filter.show {
  margin-left: 8px;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-content .d-datepicker-input-filter {
  flex: 1;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-content .d-datepicker-input-filter.hide {
  width: 0;
  overflow: hidden;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-content .d-datepicker-input-filter input {
  line-height: 20px;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: inherit;
  color: currentColor;
  border: none;
  outline: none;
  background-color: transparent;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-content .d-datepicker-input-filter input::placeholder {
  color: rgba(0,0,0,0.52);
  user-select: none;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-content .d-datepicker-input-filter input:disabled {
  cursor: not-allowed;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-content .d-datepicker-input-filter .d-datepicker-input-filter-shadow {
  display: block;
  min-width: 40px;
  max-height: 0;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  opacity: 0;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-textarea-filter {
  grid-area: textarea;
  overflow: hidden;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-textarea-filter.lift-up {
  grid-area: content;
  min-height: 24px;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-textarea-filter.lift-up textarea {
  margin: 2px 0 0 0;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-textarea-filter textarea {
  line-height: 20px;
  display: block;
  width: 100%;
  margin: 4px 0 0 0;
  padding: 0;
  font-family: inherit;
  color: currentColor;
  border: none;
  outline: none;
  background-color: transparent;
  resize: none;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-textarea-filter textarea::placeholder {
  color: rgba(0,0,0,0.52);
  user-select: none;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-textarea-filter textarea:disabled {
  cursor: not-allowed;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-textarea-filter textarea.d-datepicker-textarea-filter-shadow {
  margin: 0;
  max-height: 0;
  pointer-events: none;
  user-select: none;
  opacity: 0;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-prefix.d-text,
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-suffix.d-text,
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-prefix.d-icon,
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-suffix.d-icon,
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-prefix > .d-text,
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-suffix > .d-text,
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-prefix > .d-icon,
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-suffix > .d-icon {
  line-height: 20px;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-prefix.d-text,
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-suffix.d-text,
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-prefix > .d-text,
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-suffix > .d-text {
  font-weight: 600;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-prefix {
  grid-area: prefix;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-suffix {
  grid-area: suffix;
}
.d-datepicker-wrapper .d-datepicker .d-datepicker-main .d-datepicker-suffix.d-datepicker-suffix-indicator {
  grid-area: indicator;
  display: flex;
  align-items: center;
}
.d-daterangepicker-wrapper.d-inline-block {
  width: 328px;
}
.d-daterangepicker-wrapper .d-daterangepicker {
  display: flex;
  min-height: 100%;
  overflow: auto;
  border-radius: 4px;
}
.d-daterangepicker-wrapper .d-daterangepicker.disabled,
.d-daterangepicker-wrapper .d-daterangepicker.disabled input {
  cursor: not-allowed;
}
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-content {
  flex: 1;
  display: flex;
  overflow: auto;
}
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-content .d-daterangepicker-input-filter {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 5px 11px;
  border: 1px solid transparent;
}
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-content .d-daterangepicker-input-filter.focus,
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-content .d-daterangepicker-input-filter:not(.disabled).pressing {
  border: 1px solid #3c66ff;
}
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-content .d-daterangepicker-input-filter.d-daterangepicker-input-start {
  border-radius: 4px 0 0 4px;
}
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-content .d-daterangepicker-input-filter.disabled,
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-content .d-daterangepicker-input-filter.disabled input {
  cursor: not-allowed;
}
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-content .d-daterangepicker-input-filter input {
  line-height: 20px;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: inherit;
  color: currentColor;
  border: none;
  outline: none;
  background-color: transparent;
}
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-content .d-daterangepicker-input-filter input::placeholder {
  color: rgba(0,0,0,0.52);
  user-select: none;
}
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-content .d-daterangepicker-center {
  display: flex;
  align-items: center;
  padding: 0 2px;
}
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-prefix,
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-suffix {
  display: flex;
  align-items: center;
}
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-prefix.d-text,
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-suffix.d-text,
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-prefix.d-icon,
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-suffix.d-icon,
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-prefix > .d-text,
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-suffix > .d-text,
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-prefix > .d-icon,
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-suffix > .d-icon {
  line-height: 20px;
}
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-prefix.d-text,
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-suffix.d-text,
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-prefix > .d-text,
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-suffix > .d-text {
  font-weight: 600;
}
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-prefix + .d-daterangepicker-content .d-daterangepicker-input-start {
  border-radius: 0;
}
.d-daterangepicker-wrapper .d-daterangepicker .d-daterangepicker-suffix {
  display: flex;
  align-items: center;
}
.d-form-item .d-datepicker-wrapper {
  width: 100%;
}
.d-form-item .d-daterangepicker-wrapper {
  width: 100%;
}
.d-datepicker-body,
.d-daterangepicker-body {
  display: flex;
}
.d-datepicker-body .d-text,
.d-daterangepicker-body .d-text {
  user-select: none;
}
.d-datepicker-body .d-divider,
.d-daterangepicker-body .d-divider {
  background-color: rgba(0,0,0,0.05);
}
.d-datepicker-body .d-datepicker-header,
.d-daterangepicker-body .d-datepicker-header {
  display: flex;
  align-items: center;
  padding: 20px 20px 0 20px;
}
.d-datepicker-body .d-datepicker-header .d-datepicker-header-main,
.d-daterangepicker-body .d-datepicker-header .d-datepicker-header-main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.d-datepicker-body .d-datepicker-selector,
.d-daterangepicker-body .d-datepicker-selector {
  display: flex;
  gap: 12px;
}
.d-datepicker-body .d-datepicker-calendar,
.d-daterangepicker-body .d-datepicker-calendar {
  display: inline-flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-days,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-days,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-day,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-day {
  display: flex;
  align-items: center;
  justify-content: center;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-days,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-days {
  gap: 16px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-days .d-datepicker-day,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-days .d-datepicker-day {
  width: 24px;
  height: 24px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-days.week,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-days.week {
  gap: 12px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-days.week .d-datepicker-day.week,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-days.week .d-datepicker-day.week {
  width: 12px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper {
  padding: 0 20px 20px 20px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 8px;
  width: 268px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-row,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-row,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-row,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-row,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-row,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-row,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-row,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-row,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-row,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-row,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-row,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-row,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-row,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-row,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-row,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-row,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-row,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-row {
  display: flex;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell {
  display: flex;
  align-items: center;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-space {
  width: 6px;
  height: 28px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main {
  width: 28px;
  height: 28px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-start,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-start,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-start,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-start,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-start,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-start,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-start,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-start,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-start,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-start,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-start,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-start,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-start,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-start,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-start,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-start,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-start,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-start,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-start,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-start,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-start,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-start,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-start,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-start,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-start,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-start,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-start,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-start,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-start,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-start,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-start,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-start,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-start,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-start,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-start,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-start {
  border-radius: 4px 0 0 4px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-end,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-end,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-end,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-end,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-end,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-end,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-end,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-end,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-end,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-end,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-end,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-end,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-end,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-end,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-end,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-end,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-end,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-end,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-end,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-end,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-end,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-end,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-end,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-end,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-end,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-end,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-end,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-end,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-end,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-end,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-end,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-end,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-end,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-end,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-end,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-end {
  border-radius: 0 4px 4px 0;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-none,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-none,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-none,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-none,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-none,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-none,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-none,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-none,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-none,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-none,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-none,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-none,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-none,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-none,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-none,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-none,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-none,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-none,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-none,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-none,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-none,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-none,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-none,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-none,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-none,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-none,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-none,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-none,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-none,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-none,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-none,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-none,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-none,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-none,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-none,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-none {
  border-radius: 0;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: color 0.1s, background-color 0.1s;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week {
  padding: 0 20px 20px 12px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates {
  width: 276px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell {
  position: relative;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell .d-datepicker-cell-space {
  transition: none;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell:first-of-type:after {
  content: '';
  position: absolute;
  height: 28px;
  width: 4px;
  top: 0;
  left: -4px;
  border-radius: 4px 0 0 4px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell:last-of-type:after {
  content: '';
  position: absolute;
  height: 28px;
  width: 12px;
  top: 0;
  left: 32px;
  border-radius: 0 4px 4px 0;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell.picked:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell.picked:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell.picked:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell.picked:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell.picked:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell.picked:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell.picked:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell.picked:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell.picked:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell.picked:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell.picked:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell.picked:last-of-type:after {
  background-color: var(--color-primary-light);
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell-space {
  width: 4px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell-center.week-cell,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell-center.week-cell,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell-center.week-cell,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell-center.week-cell,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell-center.week-cell,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell-center.week-cell,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell-main.week-cell,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell-main.week-cell,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell-main.week-cell,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell-main.week-cell,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell-main.week-cell,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell-main.week-cell {
  width: 24px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell-center.week-cell .d-text,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell-center.week-cell .d-text,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell-center.week-cell .d-text,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell-center.week-cell .d-text,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell-center.week-cell .d-text,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell-center.week-cell .d-text,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell-main.week-cell .d-text,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-dates .d-datepicker-cell-main.week-cell .d-text,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell-main.week-cell .d-text,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-dates .d-datepicker-cell-main.week-cell .d-text,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell-main.week-cell .d-text,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-dates .d-datepicker-cell-main.week-cell .d-text {
  font-size: 12px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row:hover .d-datepicker-cell .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row:hover .d-datepicker-cell .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row:hover .d-datepicker-cell .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row:hover .d-datepicker-cell .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row:hover .d-datepicker-cell .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row:hover .d-datepicker-cell .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row:hover .d-datepicker-cell .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row:hover .d-datepicker-cell .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row:hover .d-datepicker-cell .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row:hover .d-datepicker-cell .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row:hover .d-datepicker-cell .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row:hover .d-datepicker-cell .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row:hover .d-datepicker-cell:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row:hover .d-datepicker-cell:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row:hover .d-datepicker-cell:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row:hover .d-datepicker-cell:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row:hover .d-datepicker-cell:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row:hover .d-datepicker-cell:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row:hover .d-datepicker-cell:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row:hover .d-datepicker-cell:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row:hover .d-datepicker-cell:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row:hover .d-datepicker-cell:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row:hover .d-datepicker-cell:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row:hover .d-datepicker-cell:last-of-type:after {
  background-color: var(--color-fill-hover);
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row:hover .d-datepicker-cell.picked:last-of-type:after {
  background-color: var(--color-primary-light-hover);
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked:last-of-type:after {
  background-color: var(--color-primary-light);
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked.picked-and-hover-other-date:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked.picked-and-hover-other-date:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked.picked-and-hover-other-date:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked.picked-and-hover-other-date:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked.picked-and-hover-other-date:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked.picked-and-hover-other-date:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked.picked-and-hover-other-date:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked.picked-and-hover-other-date:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked.picked-and-hover-other-date:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked.picked-and-hover-other-date:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked.picked-and-hover-other-date:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked.picked-and-hover-other-date:last-of-type:after {
  background-color: var(--color-primary-light-hover);
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.between:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.between:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.between:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.between:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.between:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.between:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.between:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.between:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.between:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.between:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.between:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.between:last-of-type:after {
  background-color: var(--color-primary-light);
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between:last-of-type:after {
  background-color: var(--color-fill-hover);
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between.between:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between.between:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between.between:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between.between:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between.between:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between.between:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between.between:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between.between:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between.between:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between.between:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between.between:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-between.between:last-of-type:after {
  background-color: var(--color-primary-light-hover);
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end:last-of-type:after {
  background-color: var(--color-fill-hover);
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end.between:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end.between:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end.between:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end.between:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end.between:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end.between:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end.between:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end.between:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end.between:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end.between:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end.between:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-end.between:last-of-type:after {
  background-color: var(--color-primary-light-hover);
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start:last-of-type:after {
  background-color: var(--color-fill-hover);
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start.between:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start.between:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start.between:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start.between:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start.between:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start.between:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start.between:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start.between:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start.between:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start.between:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start.between:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.hover-start.between:last-of-type:after {
  background-color: var(--color-primary-light-hover);
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked-state.picked:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked-state.picked:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked-state.picked:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked-state.picked:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked-state.picked:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked-state.picked:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked-state.picked:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked-state.picked:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked-state.picked:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked-state.picked:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked-state.picked:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range .d-datepicker-cell.picked-state.picked:last-of-type:after {
  background-color: var(--color-primary);
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-start.between .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-start.between .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-start.between .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-start.between .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-start.between .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-start.between .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-start.between:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-start.between:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-start.between:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-start.between:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-start.between:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-start.between:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-start.between:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-start.between:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-start.between:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-start.between:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-start.between:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-start.between:last-of-type:after {
  background-color: var(--color-primary-light-hover);
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-end.between .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-end.between .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-end.between .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-end.between .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-end.between .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-end.between .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-end.between:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-end.between:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-end.between:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-end.between:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-end.between:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-end.between:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-end.between:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-end.between:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-end.between:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-end.between:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-end.between:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.hover-end.between:last-of-type:after {
  background-color: var(--color-primary-light-hover);
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked:first-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked:first-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked:last-of-type:after,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked:last-of-type:after,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picked-state.picked:last-of-type:after {
  background-color: var(--color-primary-hover);
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picking-state.picked .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picking-state.picked .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picking-state.picked .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picking-state.picked .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picking-state.picked .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-dates-wrapper.week .d-datepicker-row.range:hover .d-datepicker-cell.picking-state.picked .d-datepicker-cell-main {
  background-color: var(--color-primary-light-hover);
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper {
  width: 248px;
  padding: 0 20px 20px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 20px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-row,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-row {
  display: flex;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell {
  display: flex;
  align-items: center;
  background: #fff;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell .d-datepicker-cell-main {
  width: 98px;
  height: 40px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-start,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-start,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-start,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-start {
  border-radius: 4px 0 0 4px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-end,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-end,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-end,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-end {
  border-radius: 0 4px 4px 0;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-none,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell .d-datepicker-cell-center.d-datepicker-radius-none,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-none,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell .d-datepicker-cell-main.d-datepicker-radius-none {
  border-radius: 0;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell .d-datepicker-cell-main {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: color 0.1s, background-color 0.1s;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-quarter-wrapper .d-datepicker-quarter .d-datepicker-cell-space {
  width: 12px;
  height: 40px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper {
  padding-bottom: 32px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months {
  row-gap: 20px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-space,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-space,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-space {
  height: 40px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-center,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-years .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-years-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main,
.d-datepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-months-wrapper .d-datepicker-months .d-datepicker-cell .d-datepicker-cell-main {
  width: 81.33333333333333px;
  height: 40px;
}
.d-datepicker-body .d-datepicker-calendar .d-datepicker-week-divider,
.d-daterangepicker-body .d-datepicker-calendar .d-datepicker-week-divider {
  position: absolute;
  bottom: 0;
  left: 36px;
  height: 240px;
  width: 1px;
  background: rgba(0,0,0,0.08);
}
.d-datepicker-bottom,
.d-daterangepicker-bottom {
  display: flex;
  justify-content: flex-end;
  padding: 0 20px 20px;
}
.d-datepicker-bottom.quater,
.d-daterangepicker-bottom.quater {
  width: $size-datepicker-quater;
}
.d-datepicker-bottom.date,
.d-daterangepicker-bottom.date,
.d-datepicker-bottom.year,
.d-daterangepicker-bottom.year,
.d-datepicker-bottom.month,
.d-daterangepicker-bottom.month {
  width: 308px;
}
.d-datepicker-bottom.hour,
.d-daterangepicker-bottom.hour {
  width: 401px;
}
.d-datepicker-bottom.minute,
.d-daterangepicker-bottom.minute {
  width: 470px;
}
.d-datepicker-bottom.second,
.d-daterangepicker-bottom.second {
  width: 539px;
}
.d-datepicker-bottom .d-ranges-container,
.d-daterangepicker-bottom .d-ranges-container {
  padding-top: 5px;
  flex: 20;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.d-datepicker-bottom .d-ranges-container .d-button.d-button-small,
.d-daterangepicker-bottom .d-ranges-container .d-button.d-button-small {
  margin-top: -5px;
}
.d-datepicker-bottom .d-datepicker-confirm-container,
.d-daterangepicker-bottom .d-datepicker-confirm-container {
  flex: 1;
  width: 52px;
}
.d-datepicker-bottom .d-datepicker-confirm-container .d-button.d-confirm,
.d-daterangepicker-bottom .d-datepicker-confirm-container .d-button.d-confirm {
  padding: 3px 12px;
}
.d-datepicker-bottom .d-datepicker-confirm-container .d-button.d-onlyconfirm,
.d-daterangepicker-bottom .d-datepicker-confirm-container .d-button.d-onlyconfirm {
  width: 100%;
}
.d-datepicker-bottom .d-daterangepicker-confirm-container .d-button.d-confirm,
.d-daterangepicker-bottom .d-daterangepicker-confirm-container .d-button.d-confirm {
  width: 104px;
}
.d-daterangepicker-bottom.date {
  width: 617px;
}
.d-tabs .d-tabs-headers-wrapper {
  overflow: auto;
}
.d-tabs .d-tabs-headers-wrapper .d-tabs-headers {
  display: flex;
  min-width: fit-content;
}
.d-tabs .d-tabs-headers-wrapper .d-tabs-headers.d-tabs-headers-linear {
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.d-tabs .d-tabs-headers-wrapper .d-tabs-headers .d-tabs-header-gap {
  background-color: rgba(0,0,0,0.1);
}
.d-tabs .d-tabs-headers-wrapper .d-tabs-headers .d-tabs-header-gap.d-tabs-header-gap-end {
  flex: 1;
}
.d-tabs .d-tabs-headers-wrapper .d-tabs-headers .d-tabs-header.d-tabs-header-linear .d-tabs-header-indicator-wrapper {
  margin-top: 8px;
  height: 2px;
}
.d-tabs .d-tabs-headers-wrapper .d-tabs-headers .d-tabs-header.d-tabs-header-linear .d-tabs-header-indicator-wrapper .d-tabs-header-indicator {
  height: 2px;
}
.d-tabs .d-tabs-headers-wrapper .d-tabs-headers .d-tabs-header.d-tabs-header-card {
  padding: 4px 8px;
  border-radius: 4px 4px 0 0;
  border: 1px solid rgba(0,0,0,0.1);
}
.d-tabs .d-tabs-headers-wrapper .d-tabs-headers .d-tabs-header.d-tabs-header-card.active {
  border-bottom: none;
  padding-bottom: 5px;
}
.d-tabs .d-tabs-headers-wrapper .d-tabs-headers .d-tabs-header.d-tabs-header-card .d-tabs-header-indicator-wrapper {
  height: 0;
  overflow: hidden;
}
.d-tabs .d-tabs-headers-wrapper .d-tabs-headers .d-tabs-header.disabled .d-tabs-header-indicator-wrapper {
  visibility: hidden;
}
.d-tabs .d-tabs-headers-wrapper .d-tabs-headers .d-tabs-header .d-tabs-header-label-shadow {
  height: 0;
  overflow: hidden;
}
.d-tabs .d-tabs-headers-wrapper .d-tabs-headers .d-tabs-header .d-tabs-header-close.d-icon svg {
  transform: scale(0.8);
}
.d-tabs .d-tabs-headers-wrapper .d-tabs-headers .d-tabs-action-after {
  flex: 1;
}
.d-tabs-header-label {
  display: flex !important;
  gap: 6px !important;
  align-items: center !important;
}
.d-table-wrapper {
  position: relative;
  width: 100%;
}
.d-table-wrapper .d-table-mask {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 5;
  pointer-events: none;
}
.d-table-wrapper .d-table-mask.d-table-shadow-left {
  box-shadow: inset 4px 0 0 0 var(--color-fill), inset 1px 0 0 0 var(--color-fill);
}
.d-table-wrapper .d-table-mask.d-table-shadow-right {
  box-shadow: inset -4px 0 0 0 var(--color-fill), inset -1px 0 0 0 var(--color-fill);
}
.d-table-wrapper .d-table-mask.d-table-shadow-both {
  box-shadow: inset 4px 0 0 0 var(--color-fill), inset 1px 0 0 0 var(--color-fill), inset -4px 0 0 0 var(--color-fill), inset -1px 0 0 0 var(--color-fill);
}
.d-table-wrapper .d-table {
  overflow: auto;
}
.d-table-wrapper .d-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  background-color: rgba(255,255,255,0.7);
}
.d-th {
  position: sticky;
  padding: 8px 12px;
  min-height: 38px;
}
.d-th .d-th-main {
  height: 100%;
}
.d-th .d-th-main .d-table-sort {
  padding-top: 3px;
}
.d-th .d-th-main .d-th-spin-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8px;
  height: 8px;
  overflow: hidden;
  color: var(--color-text-description);
}
.d-th .d-th-main .d-th-spin-button.active {
  color: var(--color-primary);
}
.d-th .d-checkbox .d-text {
  color: rgba(0,0,0,0.47);
  font-weight: 500;
}
.d-th-filter-menu {
  padding: 4px 0;
}
.d-th-filter-menu .d-th-filter-input-wrapper {
  margin: 4px 8px;
}
.d-th-filter-menu .d-th-filter-input-wrapper .d-th-filter-input {
  height: 32px;
  width: 160px;
}
.d-th-filter-menu .d-th-filter-divider-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  height: 9px;
}
.d-th-filter-menu .d-th-filter-selector-wrapper {
  max-width: 240px;
  padding: 9px 16px;
  overflow-y: auto;
  overflow-x: hidden;
}
.d-th-filter-menu .d-th-filter-button-wrapper {
  display: flex;
  justify-content: flex-end;
  padding: 4px 8px;
}
.d-tr,
.d-td {
  background-color: #fff;
}
.d-tr.d-table-sub-row,
.d-td.d-table-sub-row {
  background-color: #fafafa;
}
.d-tr.hide,
.d-td.hide {
  display: none;
}
.d-tr .d-checkbox .d-text,
.d-td .d-checkbox .d-text {
  color: rgba(0,0,0,0.67);
}
.d-tr {
  height: 100%;
}
.d-tr .d-table-custom-row {
  position: sticky;
  left: 0;
  overflow: auto;
}
.d-td {
  padding: 8px 12px;
}
.d-td .d-td-main {
  height: 100%;
}
.d-th.d-table-cell-shadow-left,
.d-td.d-table-cell-shadow-left {
  box-shadow: -4px 0 0 0 var(--color-fill), -1px 0 0 0 var(--color-fill);
}
.d-th.d-table-cell-shadow-right,
.d-td.d-table-cell-shadow-right {
  box-shadow: 4px 0 0 0 var(--color-fill), 1px 0 0 0 var(--color-fill);
}
.d-th.d-table-cell-border-right.d-table-cell-shadow-right,
.d-td.d-table-cell-border-right.d-table-cell-shadow-right {
  box-shadow: 3px 0 0 0 var(--color-fill);
}
.d-table-cell-border-top {
  border-top: 1px solid rgba(0,0,0,0.08);
}
.d-table-cell-border-right {
  border-right: 1px solid rgba(0,0,0,0.08);
}
.d-table-cell-border-bottom {
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
.d-table-cell-border-bottom.d-th {
  border-bottom-width: 1px;
}
.d-table-cell-border-left {
  border-left: 1px solid rgba(0,0,0,0.08);
}
.d-empty {
  background-color: #fff;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
.d-empty .d-empty-content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 150px;
}
.d-pagination {
  display: flex;
  align-items: center;
  gap: 16px;
}
.d-pagination .d-select {
  padding: 3px 15px;
}
.d-pagination .d-pagination-page {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  user-select: none;
}
.d-pagination .d-pagination-page.d-pagination-page-default {
  min-width: 32px;
  height: 32px;
}
.d-pagination .d-pagination-page.d-pagination-page-small {
  min-width: 28px;
  height: 28px;
}
.d-pagination .d-pagination-page .d-pagination-page-content-shadow {
  height: 0;
  overflow: hidden;
}
.d-pagination .d-pagination-goto {
  width: 42px;
}
.d-pagination .d-pagination-text {
  user-select: none;
}
.d-pagination .d-select-wrapper {
  cursor: pointer;
}
.d-pagination-pagesize-option {
  padding-right: 20px;
}
.d-pagination-page-options {
  min-width: unset;
  max-width: fit-content;
  max-height: 210px;
}
.d-pagination-page-options .d-dropdown-wrapper {
  overflow: auto;
}
.d-pagination-page-options .d-pagination-page-option {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 32px;
  border-radius: 4px;
}
.d-breadcrumb .d-breadcrumb-item {
  color: rgba(0,0,0,0.47);
}
.d-breadcrumb .d-breadcrumb-item .d-breadcrumb-title:hover,
.d-breadcrumb .d-breadcrumb-item .d-breadcrumb-overlay:hover {
  color: rgba(0,0,0,0.67);
}
.d-breadcrumb .d-breadcrumb-separator:last-of-type {
  display: none;
}
.d-breadcrumb-popover {
  padding: 16px;
}
:not(.d-breadcrumb-popover) > .d-breadcrumb .d-breadcrumb-item:last-of-type {
  color: rgba(0,0,0,0.9);
}
:not(.d-breadcrumb-popover) > .d-breadcrumb .d-breadcrumb-item:last-of-type .d-breadcrumb-title:hover,
:not(.d-breadcrumb-popover) > .d-breadcrumb .d-breadcrumb-item:last-of-type .d-breadcrumb-overlay:hover {
  color: rgba(0,0,0,0.9);
}
:not(.d-breadcrumb-popover) > .d-breadcrumb .d-breadcrumb-item:last-of-type .d-breadcrumb-title {
  font-weight: 500;
}
.d-v-menu-popover.d-breadcrumb-overlay-popover {
  width: fit-content;
  min-width: 180px;
}
.d-avatar {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  overflow: hidden;
  font-weight: 600;
}
.d-avatar.d-avatar-circle {
  border-radius: 100vmax;
}
.d-avatar.d-avatar-square {
  border-radius: 4px;
}
.d-avatar.d-avatar-extra-large {
  width: 72px;
  height: 72px;
}
.d-avatar.d-avatar-large {
  width: 56px;
  height: 56px;
}
.d-avatar.d-avatar-default {
  width: 40px;
  height: 40px;
}
.d-avatar.d-avatar-small {
  width: 32px;
  height: 32px;
}
.d-avatar.d-avatar-extra-small {
  width: 24px;
  height: 24px;
}
.d-avatar img {
  width: 100%;
  height: 100%;
}
.d-avatar .d-avatar-text {
  height: 100%;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.d-avatar-group {
  position: relative;
  display: inline-block;
  vertical-align: top;
  z-index: 0;
}
.d-avatar-group.d-avatar-group-circle {
  border-radius: 100vmax;
}
.d-avatar-group.d-avatar-group-square {
  border-radius: 4px;
}
.d-avatar-group .d-avatar {
  position: relative;
  border-style: solid;
  border-color: #fff;
}
.d-avatar-group .d-avatar.d-avatar-extra-large {
  border-width: 3px;
}
.d-avatar-group .d-avatar.d-avatar-extra-large + .d-avatar {
  margin-left: -16px;
}
.d-avatar-group .d-avatar.d-avatar-large {
  border-width: 2px;
}
.d-avatar-group .d-avatar.d-avatar-large + .d-avatar {
  margin-left: -12px;
}
.d-avatar-group .d-avatar.d-avatar-default {
  border-width: 2px;
}
.d-avatar-group .d-avatar.d-avatar-default + .d-avatar {
  margin-left: -12px;
}
.d-avatar-group .d-avatar.d-avatar-small {
  border-width: 2px;
}
.d-avatar-group .d-avatar.d-avatar-small + .d-avatar {
  margin-left: -8px;
}
.d-avatar-group .d-avatar.d-avatar-extra-small {
  border-width: 1px;
}
.d-avatar-group .d-avatar.d-avatar-extra-small + .d-avatar {
  margin-left: -6px;
}
.d-meta-wrapper {
  border-radius: 4px;
}
.d-meta-wrapper.d-meta-wrapper-space-small {
  padding: 0 8px;
}
.d-meta-wrapper.d-meta-wrapper-space-default {
  padding: 0 12px;
}
.d-meta-wrapper.d-meta-wrapper-space-large {
  padding: 0 20px;
}
.d-meta-wrapper .d-meta:not(.custom) {
  display: grid;
  row-gap: 4px;
  column-gap: 16px;
  grid-template-rows: repeat(2, min-content);
  grid-template-columns: min-content minmax(0, 1fr) min-content;
}
.d-meta-wrapper .d-meta.d-meta-space-small {
  padding: 4px 0;
}
.d-meta-wrapper .d-meta.d-meta-space-default {
  padding: 8px 0;
}
.d-meta-wrapper .d-meta.d-meta-space-large {
  padding: 16px 0;
}
.d-meta-wrapper .d-meta .d-meta-avatar,
.d-meta-wrapper .d-meta .d-meta-actions {
  grid-row: 1/-1;
}
.d-meta-wrapper .d-meta .d-meta-title-default,
.d-meta-wrapper .d-meta .d-meta-description-default {
  max-width: 100%;
}
.d-meta-wrapper .d-meta .d-meta-action-default {
  color: #3c66ff;
}
.d-meta-action-extra {
  cursor: pointer;
  padding: 5px 20px;
}
.d-card-bordered {
  border: 1px solid rgba(0,0,0,0.1);
}
.d-card {
  display: inline-block;
  vertical-align: top;
  width: 360px;
  border-radius: 4px;
  overflow: hidden;
  background-color: var(--color-bg);
}
.d-card .d-card-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
.d-card .d-card-header .d-card-header-title {
  flex: 1;
}
.d-card .d-card-cover > img {
  width: 100%;
}
.d-card .d-card-header,
.d-card .d-card-footer {
  padding: 12px 16px;
}
.d-card .d-card-content {
  padding: 16px;
}
.d-card .d-card-header + .d-card-content,
.d-card .d-card-header + .d-card-footer,
.d-card .d-card-content + .d-card-footer {
  border-top: 1px solid rgba(0,0,0,0.1);
}
.d-list .d-meta-wrapper + .d-meta-wrapper .d-meta {
  border-top: 1px solid rgba(0,0,0,0.1);
}
#d-portal {
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(3, 1fr);
  z-index: 99999;
}
#d-portal .top,
#d-portal .right,
#d-portal .bottom,
#d-portal .left,
#d-portal .center,
#d-portal .top-right,
#d-portal .top-left,
#d-portal .bottom-right,
#d-portal .bottom-left {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#d-portal .top {
  grid-column: 2/3;
  grid-row: 1/-1;
  align-self: start;
  justify-self: center;
  align-items: center;
  padding-top: 40px;
}
#d-portal .right {
  grid-column: 3/4;
  grid-row: 1/-1;
  align-self: center;
  justify-self: end;
  align-items: end;
  padding-right: 40px;
}
#d-portal .bottom {
  grid-column: 2/3;
  grid-row: 1/-1;
  align-self: end;
  justify-self: center;
  align-items: center;
  padding-bottom: 40px;
}
#d-portal .left {
  grid-column: 1/2;
  grid-row: 1/-1;
  align-self: center;
  justify-self: start;
  align-items: start;
  padding-left: 40px;
}
#d-portal .center {
  grid-column: 2/3;
  grid-row: 1/-1;
  align-self: center;
  justify-self: center;
  align-items: center;
}
#d-portal .top-right {
  grid-column: 3/4;
  grid-row: 1/-1;
  align-self: start;
  justify-self: end;
  align-items: end;
  padding-top: 40px;
  padding-right: 40px;
}
#d-portal .top-left {
  grid-column: 1/2;
  grid-row: 1/-1;
  align-self: start;
  justify-self: start;
  align-items: start;
  padding-top: 40px;
  padding-left: 40px;
}
#d-portal .bottom-right {
  grid-column: 3/4;
  grid-row: 1/-1;
  align-self: end;
  justify-self: end;
  align-items: end;
  padding-bottom: 40px;
  padding-right: 40px;
}
#d-portal .bottom-left {
  grid-column: 1/2;
  grid-row: 1/-1;
  align-self: end;
  justify-self: start;
  align-items: start;
  padding-bottom: 40px;
  padding-left: 40px;
}
.d-notification {
  display: grid;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  padding: 16px;
  width: 400px;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.12);
  pointer-events: auto;
}
.d-notification .d-notification-close {
  align-self: start;
  color: rgba(0,0,0,0.47);
}
.d-notification .d-notification-close:hover {
  color: rgba(0,0,0,0.67);
}
.d-notification .d-notification-close.pressing {
  color: rgba(0,0,0,0.9);
}
.d-toast {
  padding: 14px 16px;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 4px;
  box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.12);
  pointer-events: auto;
}
.d-toast .d-text {
  line-height: 20px;
}
.d-toast .d-toast-close {
  color: rgba(0,0,0,0.47);
}
.d-toast .d-toast-close:hover {
  color: rgba(0,0,0,0.67);
}
.d-toast .d-toast-close.pressing {
  color: rgba(0,0,0,0.9);
}
.d-portal-custom {
  background-color: #fff;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 4px;
  box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.12);
  pointer-events: auto;
}
.portal-fade-enter-active,
.portal-fade-leave-active {
  transition: opacity 0.1s;
}
.portal-fade-enter-from,
.portal-fade-leave-to {
  opacity: 0;
}
.d-modal-mask {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: var(--color-fill-mask);
}
.d-modal {
  position: fixed;
  z-index: 99;
  top: 80px;
  left: 50%;
  max-height: calc(100vh - 160px);
  transform: translate(-50%, 0);
  box-shadow: var(--shadow-display);
  background-color: var(--color-bg);
}
.d-modal,
.d-popconfirm {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 6px;
}
.d-modal.d-modal-default,
.d-popconfirm.d-modal-default {
  width: 500px;
}
.d-modal.d-modal-large,
.d-popconfirm.d-modal-large {
  width: 750px;
}
.d-modal.d-modal-centered,
.d-popconfirm.d-modal-centered {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.d-modal.d-modal-fullscreen,
.d-popconfirm.d-modal-fullscreen {
  top: 40px;
  left: 40px;
  width: calc(100vw - 80px);
  height: calc(100vh - 80px);
  max-height: calc(100vh - 80px);
  transform: translate(0, 0);
}
.d-modal.d-popconfirm-default,
.d-popconfirm.d-popconfirm-default {
  width: 360px;
}
.d-modal.d-modal-no-header .d-modal-content,
.d-popconfirm.d-modal-no-header .d-modal-content,
.d-modal.d-popconfirm-no-header .d-modal-content,
.d-popconfirm.d-popconfirm-no-header .d-modal-content,
.d-modal.d-modal-no-header .d-popconfirm-content,
.d-popconfirm.d-modal-no-header .d-popconfirm-content,
.d-modal.d-popconfirm-no-header .d-popconfirm-content,
.d-popconfirm.d-popconfirm-no-header .d-popconfirm-content {
  padding-top: 24px;
}
.d-modal.d-modal-no-footer .d-modal-content,
.d-popconfirm.d-modal-no-footer .d-modal-content,
.d-modal.d-popconfirm-no-footer .d-modal-content,
.d-popconfirm.d-popconfirm-no-footer .d-modal-content,
.d-modal.d-modal-no-footer .d-popconfirm-content,
.d-popconfirm.d-modal-no-footer .d-popconfirm-content,
.d-modal.d-popconfirm-no-footer .d-popconfirm-content,
.d-popconfirm.d-popconfirm-no-footer .d-popconfirm-content {
  padding-bottom: 24px;
}
.d-modal .d-modal-header,
.d-popconfirm .d-modal-header,
.d-modal .d-popconfirm-header,
.d-popconfirm .d-popconfirm-header {
  padding: 16px 24px;
}
.d-modal .d-modal-header .d-modal-close,
.d-popconfirm .d-modal-header .d-modal-close,
.d-modal .d-popconfirm-header .d-modal-close,
.d-popconfirm .d-popconfirm-header .d-modal-close,
.d-modal .d-modal-header .d-popconfirm-close,
.d-popconfirm .d-modal-header .d-popconfirm-close,
.d-modal .d-popconfirm-header .d-popconfirm-close,
.d-popconfirm .d-popconfirm-header .d-popconfirm-close {
  margin-left: auto;
  color: rgba(0,0,0,0.47);
}
.d-modal .d-modal-header .d-modal-close:hover,
.d-popconfirm .d-modal-header .d-modal-close:hover,
.d-modal .d-popconfirm-header .d-modal-close:hover,
.d-popconfirm .d-popconfirm-header .d-modal-close:hover,
.d-modal .d-modal-header .d-popconfirm-close:hover,
.d-popconfirm .d-modal-header .d-popconfirm-close:hover,
.d-modal .d-popconfirm-header .d-popconfirm-close:hover,
.d-popconfirm .d-popconfirm-header .d-popconfirm-close:hover {
  color: rgba(0,0,0,0.67);
}
.d-modal .d-modal-header .d-modal-close.pressing,
.d-popconfirm .d-modal-header .d-modal-close.pressing,
.d-modal .d-popconfirm-header .d-modal-close.pressing,
.d-popconfirm .d-popconfirm-header .d-modal-close.pressing,
.d-modal .d-modal-header .d-popconfirm-close.pressing,
.d-popconfirm .d-modal-header .d-popconfirm-close.pressing,
.d-modal .d-popconfirm-header .d-popconfirm-close.pressing,
.d-popconfirm .d-popconfirm-header .d-popconfirm-close.pressing {
  color: rgba(0,0,0,0.9);
}
.d-modal .d-modal-content,
.d-popconfirm .d-modal-content,
.d-modal .d-popconfirm-content,
.d-popconfirm .d-popconfirm-content {
  flex: 1;
  padding: 0 24px;
  overflow: auto;
}
.d-modal .d-modal-content-no-padding,
.d-popconfirm .d-modal-content-no-padding {
  flex: 1;
  overflow: auto;
}
.d-modal .d-modal-footer,
.d-popconfirm .d-modal-footer,
.d-modal .d-popconfirm-footer,
.d-popconfirm .d-popconfirm-footer {
  padding: 24px;
}
.d-modal .d-modal-footer .d-modal-footer-space-left,
.d-popconfirm .d-modal-footer .d-modal-footer-space-left,
.d-modal .d-popconfirm-footer .d-modal-footer-space-left,
.d-popconfirm .d-popconfirm-footer .d-modal-footer-space-left,
.d-modal .d-modal-footer .d-popconfirm-footer-space-left,
.d-popconfirm .d-modal-footer .d-popconfirm-footer-space-left,
.d-modal .d-popconfirm-footer .d-popconfirm-footer-space-left,
.d-popconfirm .d-popconfirm-footer .d-popconfirm-footer-space-left {
  flex: 1;
}
.d-popconfirm {
  background-color: var(--color-bg-2);
}
.d-drawer-mask {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: var(--color-fill-mask);
}
.d-drawer {
  position: fixed;
  z-index: 99;
  display: flex;
  flex-direction: column;
  background-color: var(--color-bg);
  box-shadow: 0 9px 20px 0 rgba(0,0,0,0.09);
}
.d-drawer.d-drawer-top {
  top: 0;
  left: 0;
  width: 100vw;
}
.d-drawer.d-drawer-right {
  top: 0;
  right: 0;
  height: 100vh;
}
.d-drawer.d-drawer-bottom {
  bottom: 0;
  left: 0;
  width: 100vw;
}
.d-drawer.d-drawer-left {
  top: 0;
  left: 0;
  height: 100vh;
}
.d-drawer.d-drawer-top.d-drawer-default,
.d-drawer.d-drawer-bottom.d-drawer-default {
  height: 500px;
}
.d-drawer.d-drawer-top.d-drawer-large,
.d-drawer.d-drawer-bottom.d-drawer-large {
  height: 750px;
}
.d-drawer.d-drawer-right.d-drawer-default,
.d-drawer.d-drawer-left.d-drawer-default {
  width: 500px;
}
.d-drawer.d-drawer-right.d-drawer-large,
.d-drawer.d-drawer-left.d-drawer-large {
  width: 750px;
}
.d-drawer.d-drawer-no-header .d-drawer-content {
  padding-top: 24px;
}
.d-drawer .d-drawer-header {
  padding: calc(var(--size-space-step-default) * 4) calc(var(--size-space-step-default) * 6);
}
.d-drawer .d-drawer-header .d-drawer-close {
  margin-left: auto;
  color: rgba(0,0,0,0.47);
}
.d-drawer .d-drawer-header .d-drawer-close:hover {
  color: rgba(0,0,0,0.67);
}
.d-drawer .d-drawer-header .d-drawer-close.pressing {
  color: rgba(0,0,0,0.9);
}
.d-drawer .d-drawer-content {
  flex: 1;
  padding: 0 24px;
  overflow: auto;
}
.d-drawer .d-drawer-footer {
  padding: 24px;
}
.drawer-slide-top-enter-active,
.drawer-slide-top-leave-active,
.drawer-slide-right-enter-active,
.drawer-slide-right-leave-active,
.drawer-slide-bottom-enter-active,
.drawer-slide-bottom-leave-active,
.drawer-slide-left-enter-active,
.drawer-slide-left-leave-active {
  transition: transform 0.1s;
}
.drawer-slide-top-enter-from,
.drawer-slide-top-leave-to {
  transform: translateY(-100%);
}
.drawer-slide-right-enter-from,
.drawer-slide-right-leave-to {
  transform: translateX(100%);
}
.drawer-slide-bottom-enter-from,
.drawer-slide-bottom-leave-to {
  transform: translateY(100%);
}
.drawer-slide-left-enter-from,
.drawer-slide-left-leave-to {
  transform: translateX(-100%);
}
.d-banner {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
}
.d-banner .d-banner-content {
  flex: 1;
  min-width: 0;
}
.d-banner .d-banner-content.d-space-horizontal {
  align-items: start;
}
.d-banner .d-banner-content.d-banner-content-start {
  justify-content: start;
}
.d-banner .d-banner-content.d-banner-content-center {
  justify-content: center;
}
.d-banner .d-banner-content.d-banner-content-end {
  justify-content: end;
}
.d-banner .d-banner-content .d-banner__title {
  color: var(--color-text-title);
  font-size: var(--size-text-default);
  line-height: var(--size-text-line-height-default);
  font-weight: var(--size-text-font-weight-bold);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.d-banner .d-banner-content .d-banner__description {
  line-height: var(--size-text-line-height-default);
  color: var(--color-text-title);
  font-size: var(--size-text-default);
}
.d-banner .d-banner-content .d-banner-icon__wrapper {
  padding-top: 3px;
}
.d-banner .d-banner-content .d-banner-icon__wrapper.d-banner-icon__wrapper-info {
  color: #3c66ff;
}
.d-banner .d-banner-content .d-banner-icon__wrapper.d-banner-icon__wrapper-success {
  color: #00a830;
}
.d-banner .d-banner-content .d-banner-icon__wrapper.d-banner-icon__wrapper-warning {
  color: #f06800;
}
.d-banner .d-banner-content .d-banner-icon__wrapper.d-banner-icon__wrapper-danger {
  color: #f03860;
}
.d-banner .d-banner-close {
  color: rgba(0,0,0,0.47);
}
.d-banner .d-banner-close:hover {
  color: rgba(0,0,0,0.67);
}
.d-banner .d-banner-close.pressing {
  color: rgba(0,0,0,0.9);
}
.d-back-top {
  position: fixed;
  right: 60px;
  bottom: 100px;
  z-index: 99;
}
.--color-transparent {
  color: transparent;
}
.--color-current {
  color: currentColor;
}
.--color-white {
  color: #fff;
}
.--color-black {
  color: #000;
}
.--color-bg-transparent {
  background-color: transparent;
}
.--color-bg-current {
  background-color: currentColor;
}
.--color-bg-white {
  background-color: var(--color-bg);
}
.--color-bg-black {
  background-color: #000;
}
.--color-border-transparent {
  border-color: transparent;
}
.--color-border-current {
  border-color: currentColor;
}
.--color-border-white {
  border-color: #fff;
}
.--color-border-black {
  border-color: #000;
}
.--color-primary {
  color: var(--color-primary);
  transition: color 0.1s;
}
.--color-primary:not(.disabled):not(.--color-static).hover,
.--color-primary:not(.disabled):not(.--color-static):hover {
  color: var(--color-primary-hover);
}
.--color-primary:not(.disabled):not(.--color-static).pressing {
  color: var(--color-primary-pressing);
}
.--color-primary.disabled {
  color: var(--color-primary-disabled);
}
.--color-muted {
  color: var(--color-muted);
}
.--color-muted:not(.disabled):not(.--color-static).hover,
.--color-muted:not(.disabled):not(.--color-static):hover {
  color: var(--color-muted-hover);
}
.--color-muted:not(.disabled):not(.--color-static).pressing {
  color: var(--color-muted-pressing);
}
.--color-muted.disabled {
  color: var(--color-muted-disabled);
}
.--color-primary-light {
  color: var(--color-primary-light);
  transition: color 0.1s;
}
.--color-primary-light:not(.disabled):not(.--color-static).hover,
.--color-primary-light:not(.disabled):not(.--color-static):hover {
  color: var(--color-primary-light-hover);
}
.--color-primary-light:not(.disabled):not(.--color-static).pressing {
  color: var(--color-primary-light-pressing);
}
.--color-bg-primary {
  background-color: var(--color-primary);
  transition: background-color 0.1s;
}
.--color-bg-primary:not(.disabled):not(.--color-bg-static).hover,
.--color-bg-primary:not(.disabled):not(.--color-bg-static):hover {
  background-color: var(--color-primary-hover);
}
.--color-bg-primary:not(.disabled):not(.--color-bg-static).pressing {
  background-color: var(--color-primary-pressing);
}
.--color-bg-primary.disabled {
  background-color: var(--color-primary-disabled);
}
.--color-bg-primary-light {
  background-color: var(--color-primary-light);
  transition: background-color 0.1s;
}
.--color-bg-primary-light:not(.disabled):not(.--color-bg-static).hover,
.--color-bg-primary-light:not(.disabled):not(.--color-bg-static):hover {
  background-color: var(--color-primary-light-hover);
}
.--color-bg-primary-light:not(.disabled):not(.--color-bg-static).pressing {
  background-color: var(--color-primary-light-pressing);
}
.--color-border-primary {
  border-color: var(--color-primary);
  transition: border-color 0.1s;
}
.--color-border-primary:not(.disabled):not(.--color-border-static).hover,
.--color-border-primary:not(.disabled):not(.--color-border-static):hover {
  border-color: var(--color-primary-hover);
}
.--color-border-primary:not(.disabled):not(.--color-border-static).pressing {
  border-color: var(--color-primary-pressing);
}
.--color-border-primary.disabled {
  border-color: var(--color-primary-disabled);
}
.--color-border-primary-light {
  border-color: var(--color-primary-light);
  transition: border-color 0.1s;
}
.--color-border-primary-light:not(.disabled):not(.--color-border-static).hover,
.--color-border-primary-light:not(.disabled):not(.--color-border-static):hover {
  border-color: var(--color-primary-light-hover);
}
.--color-border-primary-light:not(.disabled):not(.--color-border-static).pressing {
  border-color: var(--color-primary-light-pressing);
}
.--color-warning {
  color: var(--color-warning);
  transition: color 0.1s;
}
.--color-warning:not(.disabled):not(.--color-static).hover,
.--color-warning:not(.disabled):not(.--color-static):hover {
  color: var(--color-warning-hover);
}
.--color-warning:not(.disabled):not(.--color-static).pressing {
  color: var(--color-warning-pressing);
}
.--color-warning.disabled {
  color: var(--color-warning-disabled);
}
.--color-warning-light {
  color: var(--color-warning-light);
  transition: color 0.1s;
}
.--color-warning-light:not(.disabled):not(.--color-static).hover,
.--color-warning-light:not(.disabled):not(.--color-static):hover {
  color: var(--color-warning-light-hover);
}
.--color-warning-light:not(.disabled):not(.--color-static).pressing {
  color: var(--color-warning-light-pressing);
}
.--color-bg-warning {
  background-color: var(--color-warning);
  transition: background-color 0.1s;
}
.--color-bg-warning:not(.disabled):not(.--color-bg-static).hover,
.--color-bg-warning:not(.disabled):not(.--color-bg-static):hover {
  background-color: var(--color-warning-hover);
}
.--color-bg-warning:not(.disabled):not(.--color-bg-static).pressing {
  background-color: var(--color-warning-pressing);
}
.--color-bg-warning.disabled {
  background-color: var(--color-warning-disabled);
}
.--color-bg-warning-light {
  background-color: var(--color-warning-light);
  transition: background-color 0.1s;
}
.--color-bg-warning-light:not(.disabled):not(.--color-bg-static).hover,
.--color-bg-warning-light:not(.disabled):not(.--color-bg-static):hover {
  background-color: var(--color-warning-light-hover);
}
.--color-bg-warning-light:not(.disabled):not(.--color-bg-static).pressing {
  background-color: var(--color-warning-light-pressing);
}
.--color-border-warning {
  border-color: var(--color-warning);
  transition: border-color 0.1s;
}
.--color-border-warning:not(.disabled):not(.--color-border-static).hover,
.--color-border-warning:not(.disabled):not(.--color-border-static):hover {
  border-color: var(--color-warning-hover);
}
.--color-border-warning:not(.disabled):not(.--color-border-static).pressing {
  border-color: var(--color-warning-pressing);
}
.--color-border-warning.disabled {
  border-color: var(--color-warning-disabled);
}
.--color-border-warning-light {
  border-color: var(--color-warning-light);
  transition: border-color 0.1s;
}
.--color-border-warning-light:not(.disabled):not(.--color-border-static).hover,
.--color-border-warning-light:not(.disabled):not(.--color-border-static):hover {
  border-color: var(--color-warning-light-hover);
}
.--color-border-warning-light:not(.disabled):not(.--color-border-static).pressing {
  border-color: var(--color-warning-light-pressing);
}
.--color-danger {
  color: var(--color-danger);
  transition: color 0.1s;
}
.--color-danger:not(.disabled):not(.--color-static).hover,
.--color-danger:not(.disabled):not(.--color-static):hover {
  color: var(--color-danger-hover);
}
.--color-danger:not(.disabled):not(.--color-static).pressing {
  color: var(--color-danger-pressing);
}
.--color-danger.disabled {
  color: var(--color-danger-disabled);
}
.--color-danger-light {
  color: var(--color-danger-light);
  transition: color 0.1s;
}
.--color-danger-light:not(.disabled):not(.--color-static).hover,
.--color-danger-light:not(.disabled):not(.--color-static):hover {
  color: var(--color-danger-light-hover);
}
.--color-danger-light:not(.disabled):not(.--color-static).pressing {
  color: var(--color-danger-light-pressing);
}
.--color-bg-danger {
  background-color: var(--color-danger);
  transition: background-color 0.1s;
}
.--color-bg-danger:not(.disabled):not(.--color-bg-static).hover,
.--color-bg-danger:not(.disabled):not(.--color-bg-static):hover {
  background-color: var(--color-danger-hover);
}
.--color-bg-danger:not(.disabled):not(.--color-bg-static).pressing {
  background-color: var(--color-danger-pressing);
}
.--color-bg-danger.disabled {
  background-color: var(--color-danger-disabled);
}
.--color-bg-danger-light {
  background-color: var(--color-danger-light);
  transition: background-color 0.1s;
}
.--color-bg-danger-light:not(.disabled):not(.--color-bg-static).hover,
.--color-bg-danger-light:not(.disabled):not(.--color-bg-static):hover {
  background-color: var(--color-danger-light-hover);
}
.--color-bg-danger-light:not(.disabled):not(.--color-bg-static).pressing {
  background-color: var(--color-danger-light-pressing);
}
.--color-border-danger {
  border-color: var(--color-danger);
  transition: border-color 0.1s;
}
.--color-border-danger:not(.disabled):not(.--color-border-static).hover,
.--color-border-danger:not(.disabled):not(.--color-border-static):hover {
  border-color: var(--color-danger-hover);
}
.--color-border-danger:not(.disabled):not(.--color-border-static).pressing {
  border-color: var(--color-danger-pressing);
}
.--color-border-danger.disabled {
  border-color: var(--color-danger-disabled);
}
.--color-border-danger-light {
  border-color: var(--color-danger-light);
  transition: border-color 0.1s;
}
.--color-border-danger-light:not(.disabled):not(.--color-border-static).hover,
.--color-border-danger-light:not(.disabled):not(.--color-border-static):hover {
  border-color: var(--color-danger-light-hover);
}
.--color-border-danger-light:not(.disabled):not(.--color-border-static).pressing {
  border-color: var(--color-danger-light-pressing);
}
.--color-info {
  color: var(--color-info);
  transition: color 0.1s;
}
.--color-info:not(.disabled):not(.--color-static).hover,
.--color-info:not(.disabled):not(.--color-static):hover {
  color: var(--color-info-hover);
}
.--color-info:not(.disabled):not(.--color-static).pressing {
  color: var(--color-info-pressing);
}
.--color-info.disabled {
  color: var(--color-info-disabled);
}
.--color-info-light {
  color: var(--color-info-light);
  transition: color 0.1s;
}
.--color-info-light:not(.disabled):not(.--color-static).hover,
.--color-info-light:not(.disabled):not(.--color-static):hover {
  color: var(--color-info-light-hover);
}
.--color-info-light:not(.disabled):not(.--color-static).pressing {
  color: var(--color-info-light-pressing);
}
.--color-bg-info {
  background-color: var(--color-info);
  transition: background-color 0.1s;
}
.--color-bg-info:not(.disabled):not(.--color-bg-static).hover,
.--color-bg-info:not(.disabled):not(.--color-bg-static):hover {
  background-color: var(--color-info-hover);
}
.--color-bg-info:not(.disabled):not(.--color-bg-static).pressing {
  background-color: var(--color-info-pressing);
}
.--color-bg-info.disabled {
  background-color: var(--color-info-disabled);
}
.--color-bg-info-light {
  background-color: var(--color-info-light);
  transition: background-color 0.1s;
}
.--color-bg-info-light:not(.disabled):not(.--color-bg-static).hover,
.--color-bg-info-light:not(.disabled):not(.--color-bg-static):hover {
  background-color: var(--color-info-light-hover);
}
.--color-bg-info-light:not(.disabled):not(.--color-bg-static).pressing {
  background-color: var(--color-info-light-pressing);
}
.--color-border-info {
  border-color: var(--color-info);
  transition: border-color 0.1s;
}
.--color-border-info:not(.disabled):not(.--color-border-static).hover,
.--color-border-info:not(.disabled):not(.--color-border-static):hover {
  border-color: var(--color-info-hover);
}
.--color-border-info:not(.disabled):not(.--color-border-static).pressing {
  border-color: var(--color-info-pressing);
}
.--color-border-info.disabled {
  border-color: var(--color-info-disabled);
}
.--color-border-info-light {
  border-color: var(--color-info-light);
  transition: border-color 0.1s;
}
.--color-border-info-light:not(.disabled):not(.--color-bg-static).hover,
.--color-border-info-light:not(.disabled):not(.--color-bg-static):hover {
  border-color: var(--color-info-light-hover);
}
.--color-border-info-light:not(.disabled):not(.--color-bg-static).pressing {
  border-color: var(--color-info-light-pressing);
}
.--color-success {
  color: var(--color-success);
  transition: color 0.1s;
}
.--color-success:not(.disabled):not(.--color-static).hover,
.--color-success:not(.disabled):not(.--color-static):hover {
  color: var(--color-success-hover);
}
.--color-success:not(.disabled):not(.--color-static).pressing {
  color: var(--color-success-pressing);
}
.--color-success.disabled {
  color: var(--color-success-disabled);
}
.--color-success-light {
  color: var(--color-success-light);
  transition: color 0.1s;
}
.--color-success-light:not(.disabled):not(.--color-bg-static).hover,
.--color-success-light:not(.disabled):not(.--color-bg-static):hover {
  color: var(--color-success-light-hover);
}
.--color-success-light:not(.disabled):not(.--color-bg-static).pressing {
  color: var(--color-success-light-pressing);
}
.--color-bg-success {
  background-color: var(--color-success);
  transition: background-color 0.1s;
}
.--color-bg-success:not(.disabled):not(.--color-bg-static).hover,
.--color-bg-success:not(.disabled):not(.--color-bg-static):hover {
  background-color: var(--color-success-hover);
}
.--color-bg-success:not(.disabled):not(.--color-bg-static).pressing {
  background-color: var(--color-success-pressing);
}
.--color-bg-success.disabled {
  background-color: var(--color-success-disabled);
}
.--color-bg-success-light {
  background-color: #e6f6ea;
  transition: background-color 0.1s;
}
.--color-bg-success-light:not(.disabled):not(.--color-bg-static).hover,
.--color-bg-success-light:not(.disabled):not(.--color-bg-static):hover {
  background-color: var(--color-success-light-hover);
}
.--color-bg-success-light:not(.disabled):not(.--color-bg-static).pressing {
  background-color: var(--color-success-light-pressing);
}
.--color-border-success {
  border-color: var(--color-success);
  transition: border-color 0.1s;
}
.--color-border-success:not(.disabled):not(.--color-bg-static).hover,
.--color-border-success:not(.disabled):not(.--color-bg-static):hover {
  border-color: var(--color-success-hover);
}
.--color-border-success:not(.disabled):not(.--color-bg-static).pressing {
  border-color: var(--color-success-pressing);
}
.--color-border-success.disabled {
  border-color: var(--color-success-disabled);
}
.--color-border-success-light {
  border-color: var(--color-success-light);
  transition: border-color 0.1s;
}
.--color-border-success-light:not(.disabled):not(.--color-bg-static).hover,
.--color-border-success-light:not(.disabled):not(.--color-bg-static):hover {
  border-color: var(--color-success-light-hover);
}
.--color-border-success-light:not(.disabled):not(.--color-bg-static).pressing {
  border-color: var(--color-success-light-pressing);
}
.--color-fill {
  color: var(--color-fill);
  transition: color 0.1s;
}
.--color-fill:not(.disabled):not(.--color-bg-static).hover,
.--color-fill:not(.disabled):not(.--color-bg-static):hover {
  color: var(--color-fill-hover);
}
.--color-fill:not(.disabled):not(.--color-bg-static).pressing {
  color: var(--color-fill-pressing);
}
.--color-fill.disabled {
  color: var(--color-fill-disabled);
}
.--color-fill-opaque {
  color: var(--color-fill-opaque);
  transition: color 0.1s;
}
.--color-fill-opaque:not(.disabled):not(.--color-bg-static).hover,
.--color-fill-opaque:not(.disabled):not(.--color-bg-static):hover {
  color: var(--color-fill-hover-opaque);
}
.--color-fill-opaque:not(.disabled):not(.--color-bg-static).pressing {
  color: var(--color-fill-pressing-opaque);
}
.--color-fill-opaque.disabled {
  color: var(--color-fill-disabled-opaque);
}
.--color-fill-light {
  color: var(--color-fill-light);
  transition: color 0.1s;
}
.--color-fill-light:not(.disabled):not(.--color-bg-static).hover,
.--color-fill-light:not(.disabled):not(.--color-bg-static):hover {
  color: var(--color-fill-hover);
}
.--color-fill-light:not(.disabled):not(.--color-bg-static).pressing {
  color: var(--color-fill-pressing);
}
.--color-fill-light-opaque {
  color: var(--color-fill-light-opaque);
  transition: color 0.1s;
}
.--color-fill-light-opaque:not(.disabled):not(.--color-bg-static).hover,
.--color-fill-light-opaque:not(.disabled):not(.--color-bg-static):hover {
  color: var(--color-fill-hover-opaque);
}
.--color-fill-light-opaque:not(.disabled):not(.--color-bg-static).pressing {
  color: var(--color-fill-pressing-opaque);
}
.--color-bg-fill {
  background-color: var(--color-fill);
  transition: background-color 0.1s;
}
.--color-bg-fill:not(.disabled):not(.--color-bg-static).hover,
.--color-bg-fill:not(.disabled):not(.--color-bg-static):hover {
  background-color: var(--color-fill-hover);
}
.--color-bg-fill:not(.disabled):not(.--color-bg-static).pressing {
  background-color: var(--color-fill-pressing);
}
.--color-bg-fill.disabled {
  background-color: var(--color-fill-disabled);
}
.--color-bg-fill-opaque {
  background-color: var(--color-fill-opaque);
  transition: background-color 0.1s;
}
.--color-bg-fill-opaque:not(.disabled):not(.--color-bg-static).hover,
.--color-bg-fill-opaque:not(.disabled):not(.--color-bg-static):hover {
  background-color: var(--color-fill-hover-opaque);
}
.--color-bg-fill-opaque:not(.disabled):not(.--color-bg-static).pressing {
  background-color: var(--color-fill-pressing-opaque);
}
.--color-bg-fill-opaque.disabled {
  background-color: #fafafa;
}
.--color-bg-fill-light {
  background-color: var(--color-fill-light);
  transition: background-color 0.1s;
}
.--color-bg-fill-light:not(.disabled):not(.--color-bg-static).hover,
.--color-bg-fill-light:not(.disabled):not(.--color-bg-static):hover {
  background-color: var(--color-fill-hover);
}
.--color-bg-fill-light:not(.disabled):not(.--color-bg-static).pressing {
  background-color: var(--color-fill-pressing);
}
.--color-bg-fill-light-opaque {
  background-color: var(--color-fill-light-opaque);
  transition: background-color 0.1s;
}
.--color-bg-fill-light-opaque:not(.disabled):not(.--color-bg-static).hover,
.--color-bg-fill-light-opaque:not(.disabled):not(.--color-bg-static):hover {
  background-color: var(--color-fill-hover-opaque);
}
.--color-bg-fill-light-opaque:not(.disabled):not(.--color-bg-static).pressing {
  background-color: var(--color-fill-pressing-opaque);
}
.--color-border-fill {
  border-color: var(--color-fill);
  transition: border-color 0.1s;
}
.--color-border-fill:not(.disabled):not(.--color-bg-static).hover,
.--color-border-fill:not(.disabled):not(.--color-bg-static):hover {
  border-color: var(--color-fill-hover);
}
.--color-border-fill:not(.disabled):not(.--color-bg-static).pressing {
  border-color: var(--color-fill-pressing);
}
.--color-border-fill.disabled {
  border-color: var(--color-fill-disabled);
}
.--color-border-fill-opaque {
  border-color: var(--color-fill-opaque);
  transition: border-color 0.1s;
}
.--color-border-fill-opaque:not(.disabled):not(.--color-bg-static).hover,
.--color-border-fill-opaque:not(.disabled):not(.--color-bg-static):hover {
  border-color: var(--color-fill-hover-opaque);
}
.--color-border-fill-opaque:not(.disabled):not(.--color-bg-static).pressing {
  border-color: var(--color-fill-pressing-opaque);
}
.--color-border-fill-opaque.disabled {
  border-color: var(--color-fill-disabled);
}
.--color-border-fill-light {
  border-color: var(--color-fill-light);
  transition: border-color 0.1s;
}
.--color-border-fill-light:not(.disabled):not(.--color-bg-static).hover,
.--color-border-fill-light:not(.disabled):not(.--color-bg-static):hover {
  border-color: var(--color-fill-hover);
}
.--color-border-fill-light:not(.disabled):not(.--color-bg-static).pressing {
  border-color: var(--color-fill-pressing);
}
.--color-border-fill-light-opaque {
  border-color: var(--color-fill-light-opaque);
  transition: border-color 0.1s;
}
.--color-border-fill-light-opaque:not(.disabled):not(.--color-bg-static).hover,
.--color-border-fill-light-opaque:not(.disabled):not(.--color-bg-static):hover {
  border-color: var(--color-fill-hover-opaque);
}
.--color-border-fill-light-opaque:not(.disabled):not(.--color-bg-static).pressing {
  border-color: var(--color-fill-pressing-opaque);
}
.--color-text-title,
.--color-text-h1,
.--color-text-h2,
.--color-text-h3,
.--color-text-h4,
.--color-text-h5,
.--color-text-h6 {
  color: var(--color-text-title);
}
.--color-text-paragraph {
  color: var(--color-text-paragraph);
}
.--color-text-description {
  color: var(--color-text-description);
}
.--color-text-placeholder {
  color: var(--color-text-placeholder);
}
.--color-text-disabled {
  color: var(--color-text-disabled);
}
.--color-text-title-solid,
.--color-text-h1-solid,
.--color-text-h2-solid,
.--color-text-h3-solid,
.--color-text-h4-solid,
.--color-text-h5-solid,
.--color-text-h6-solid {
  color: var(--color-text-title-solid);
}
.--color-text-paragraph-solid {
  color: var(--color-text-paragraph-solid);
}
.--color-text-description-solid {
  color: var(--color-text-description-solid);
}
.--color-text-placeholder-solid {
  color: var(--color-text-placeholder-solid);
}
.--color-text-disabled-solid {
  color: var(--color-text-disabled-solid);
}
.--color-grey-1 {
  color: #f3f3f3;
}
.--color-grey-2 {
  color: #e2e2e2;
}
.--color-grey-3 {
  color: #ccc;
}
.--color-grey-4 {
  color: #b4b4b4;
}
.--color-grey-5 {
  color: #9d9d9d;
}
.--color-grey-6 {
  color: #888;
}
.--color-grey-7 {
  color: #747474;
}
.--color-grey-8 {
  color: #616161;
}
.--color-grey-9 {
  color: #4e4e4e;
}
.--color-grey-10 {
  color: #3d3d3d;
}
.--color-bg-grey-1 {
  background-color: #f3f3f3;
}
.--color-bg-grey-2 {
  background-color: #e2e2e2;
}
.--color-bg-grey-3 {
  background-color: #ccc;
}
.--color-bg-grey-4 {
  background-color: #b4b4b4;
}
.--color-bg-grey-5 {
  background-color: #9d9d9d;
}
.--color-bg-grey-6 {
  background-color: #888;
}
.--color-bg-grey-7 {
  background-color: #747474;
}
.--color-bg-grey-8 {
  background-color: #616161;
}
.--color-bg-grey-9 {
  background-color: #4e4e4e;
}
.--color-bg-grey-10 {
  background-color: #3d3d3d;
}
.--color-border-grey-1 {
  border-color: #f3f3f3;
}
.--color-border-grey-2 {
  border-color: #e2e2e2;
}
.--color-border-grey-3 {
  border-color: #ccc;
}
.--color-border-grey-4 {
  border-color: #b4b4b4;
}
.--color-border-grey-5 {
  border-color: #9d9d9d;
}
.--color-border-grey-6 {
  border-color: #888;
}
.--color-border-grey-7 {
  border-color: #747474;
}
.--color-border-grey-8 {
  border-color: #616161;
}
.--color-border-grey-9 {
  border-color: #4e4e4e;
}
.--color-border-grey-10 {
  border-color: #3d3d3d;
}
.--color-orange-1 {
  color: #fef0e6;
}
.--color-orange-2 {
  color: #fbdbc2;
}
.--color-orange-3 {
  color: #f9be91;
}
.--color-orange-4 {
  color: #f6a05e;
}
.--color-orange-5 {
  color: #f3832e;
}
.--color-orange-6 {
  color: #f06a1d;
}
.--color-orange-7 {
  color: #cc5800;
}
.--color-orange-8 {
  color: #aa4a00;
}
.--color-orange-9 {
  color: #893b00;
}
.--color-orange-10 {
  color: #6c2f00;
}
.--color-bg-orange-1 {
  background-color: #fef0e6;
}
.--color-bg-orange-2 {
  background-color: #fbdbc2;
}
.--color-bg-orange-3 {
  background-color: #f9be91;
}
.--color-bg-orange-4 {
  background-color: #f6a05e;
}
.--color-bg-orange-5 {
  background-color: #f3832e;
}
.--color-bg-orange-6 {
  background-color: #f06a1d;
}
.--color-bg-orange-7 {
  background-color: #cc5800;
}
.--color-bg-orange-8 {
  background-color: #aa4a00;
}
.--color-bg-orange-9 {
  background-color: #893b00;
}
.--color-bg-orange-10 {
  background-color: #6c2f00;
}
.--color-border-orange-1 {
  border-color: #fef0e6;
}
.--color-border-orange-2 {
  border-color: #fbdbc2;
}
.--color-border-orange-3 {
  border-color: #f9be91;
}
.--color-border-orange-4 {
  border-color: #f6a05e;
}
.--color-border-orange-5 {
  border-color: #f3832e;
}
.--color-border-orange-6 {
  border-color: #f06a1d;
}
.--color-border-orange-7 {
  border-color: #cc5800;
}
.--color-border-orange-8 {
  border-color: #aa4a00;
}
.--color-border-orange-9 {
  border-color: #893b00;
}
.--color-border-orange-10 {
  border-color: #6c2f00;
}
.--color-red-1 {
  color: #feebef;
}
.--color-red-2 {
  color: #fbcfd9;
}
.--color-red-3 {
  color: #f9a9bb;
}
.--color-red-4 {
  color: #f6829b;
}
.--color-red-5 {
  color: #f35c7d;
}
.--color-red-6 {
  color: #eb2f58;
}
.--color-red-7 {
  color: #cc3052;
}
.--color-red-8 {
  color: #aa2844;
}
.--color-red-9 {
  color: #892037;
}
.--color-red-10 {
  color: #6c192b;
}
.--color-bg-red-1 {
  background-color: #feebef;
}
.--color-bg-red-2 {
  background-color: #fbcfd9;
}
.--color-bg-red-3 {
  background-color: #f9a9bb;
}
.--color-bg-red-4 {
  background-color: #f6829b;
}
.--color-bg-red-5 {
  background-color: #f35c7d;
}
.--color-bg-red-6 {
  background-color: #eb2f58;
}
.--color-bg-red-7 {
  background-color: #cc3052;
}
.--color-bg-red-8 {
  background-color: #aa2844;
}
.--color-bg-red-9 {
  background-color: #892037;
}
.--color-bg-red-10 {
  background-color: #6c192b;
}
.--color-border-red-1 {
  border-color: #feebef;
}
.--color-border-red-2 {
  border-color: #fbcfd9;
}
.--color-border-red-3 {
  border-color: #f9a9bb;
}
.--color-border-red-4 {
  border-color: #f6829b;
}
.--color-border-red-5 {
  border-color: #f35c7d;
}
.--color-border-red-6 {
  border-color: #eb2f58;
}
.--color-border-red-7 {
  border-color: #cc3052;
}
.--color-border-red-8 {
  border-color: #aa2844;
}
.--color-border-red-9 {
  border-color: #892037;
}
.--color-border-red-10 {
  border-color: #6c192b;
}
.--color-pink-1 {
  color: #fcebf7;
}
.--color-pink-2 {
  color: #f7ceec;
}
.--color-pink-3 {
  color: #f1a8dc;
}
.--color-pink-4 {
  color: #ea7fcc;
}
.--color-pink-5 {
  color: #e459bd;
}
.--color-pink-6 {
  color: #de34ae;
}
.--color-pink-7 {
  color: #bd2c94;
}
.--color-pink-8 {
  color: #9e257c;
}
.--color-pink-9 {
  color: #7f1e63;
}
.--color-pink-10 {
  color: #64174e;
}
.--color-bg-pink-1 {
  background-color: #fcebf7;
}
.--color-bg-pink-2 {
  background-color: #f7ceec;
}
.--color-bg-pink-3 {
  background-color: #f1a8dc;
}
.--color-bg-pink-4 {
  background-color: #ea7fcc;
}
.--color-bg-pink-5 {
  background-color: #e459bd;
}
.--color-bg-pink-6 {
  background-color: #de34ae;
}
.--color-bg-pink-7 {
  background-color: #bd2c94;
}
.--color-bg-pink-8 {
  background-color: #9e257c;
}
.--color-bg-pink-9 {
  background-color: #7f1e63;
}
.--color-bg-pink-10 {
  background-color: #64174e;
}
.--color-border-pink-1 {
  border-color: #fcebf7;
}
.--color-border-pink-2 {
  border-color: #f7ceec;
}
.--color-border-pink-3 {
  border-color: #f1a8dc;
}
.--color-border-pink-4 {
  border-color: #ea7fcc;
}
.--color-border-pink-5 {
  border-color: #e459bd;
}
.--color-border-pink-6 {
  border-color: #de34ae;
}
.--color-border-pink-7 {
  border-color: #bd2c94;
}
.--color-border-pink-8 {
  border-color: #9e257c;
}
.--color-border-pink-9 {
  border-color: #7f1e63;
}
.--color-border-pink-10 {
  border-color: #64174e;
}
.--color-violet-1 {
  color: #f8ebfc;
}
.--color-violet-2 {
  color: #efcff8;
}
.--color-violet-3 {
  color: #e2a8f2;
}
.--color-violet-4 {
  color: #d480eb;
}
.--color-violet-5 {
  color: #c759e6;
}
.--color-violet-6 {
  color: #bb35e0;
}
.--color-violet-7 {
  color: #9f2dbe;
}
.--color-violet-8 {
  color: #85269f;
}
.--color-violet-9 {
  color: #6b1e80;
}
.--color-violet-10 {
  color: #541865;
}
.--color-bg-violet-1 {
  background-color: #f8ebfc;
}
.--color-bg-violet-2 {
  background-color: #efcff8;
}
.--color-bg-violet-3 {
  background-color: #e2a8f2;
}
.--color-bg-violet-4 {
  background-color: #d480eb;
}
.--color-bg-violet-5 {
  background-color: #c759e6;
}
.--color-bg-violet-6 {
  background-color: #bb35e0;
}
.--color-bg-violet-7 {
  background-color: #9f2dbe;
}
.--color-bg-violet-8 {
  background-color: #85269f;
}
.--color-bg-violet-9 {
  background-color: #6b1e80;
}
.--color-bg-violet-10 {
  background-color: #541865;
}
.--color-border-violet-1 {
  border-color: #f8ebfc;
}
.--color-border-violet-2 {
  border-color: #efcff8;
}
.--color-border-violet-3 {
  border-color: #e2a8f2;
}
.--color-border-violet-4 {
  border-color: #d480eb;
}
.--color-border-violet-5 {
  border-color: #c759e6;
}
.--color-border-violet-6 {
  border-color: #bb35e0;
}
.--color-border-violet-7 {
  border-color: #9f2dbe;
}
.--color-border-violet-8 {
  border-color: #85269f;
}
.--color-border-violet-9 {
  border-color: #6b1e80;
}
.--color-border-violet-10 {
  border-color: #541865;
}
.--color-purple-1 {
  color: #f3edff;
}
.--color-purple-2 {
  color: #e3d4ff;
}
.--color-purple-3 {
  color: #cdb2ff;
}
.--color-purple-4 {
  color: #b68fff;
}
.--color-purple-5 {
  color: #a06dff;
}
.--color-purple-6 {
  color: #8b4dff;
}
.--color-purple-7 {
  color: #7641d9;
}
.--color-purple-8 {
  color: #6337b5;
}
.--color-purple-9 {
  color: #4f2c91;
}
.--color-purple-10 {
  color: #3f2373;
}
.--color-bg-purple-1 {
  background-color: #f3edff;
}
.--color-bg-purple-2 {
  background-color: #e3d4ff;
}
.--color-bg-purple-3 {
  background-color: #cdb2ff;
}
.--color-bg-purple-4 {
  background-color: #b68fff;
}
.--color-bg-purple-5 {
  background-color: #a06dff;
}
.--color-bg-purple-6 {
  background-color: #8b4dff;
}
.--color-bg-purple-7 {
  background-color: #7641d9;
}
.--color-bg-purple-8 {
  background-color: #6337b5;
}
.--color-bg-purple-9 {
  background-color: #4f2c91;
}
.--color-bg-purple-10 {
  background-color: #3f2373;
}
.--color-border-purple-1 {
  border-color: #f3edff;
}
.--color-border-purple-2 {
  border-color: #e3d4ff;
}
.--color-border-purple-3 {
  border-color: #cdb2ff;
}
.--color-border-purple-4 {
  border-color: #b68fff;
}
.--color-border-purple-5 {
  border-color: #a06dff;
}
.--color-border-purple-6 {
  border-color: #8b4dff;
}
.--color-border-purple-7 {
  border-color: #7641d9;
}
.--color-border-purple-8 {
  border-color: #6337b5;
}
.--color-border-purple-9 {
  border-color: #4f2c91;
}
.--color-border-purple-10 {
  border-color: #3f2373;
}
.--color-blue-1 {
  color: #ecf0ff;
}
.--color-blue-2 {
  color: #d0daff;
}
.--color-blue-3 {
  color: #abbdff;
}
.--color-blue-4 {
  color: #849fff;
}
.--color-blue-5 {
  color: #5f82ff;
}
.--color-blue-6 {
  color: #3c66ff;
}
.--color-blue-7 {
  color: #3357d9;
}
.--color-blue-8 {
  color: #2b48b5;
}
.--color-blue-9 {
  color: #223a91;
}
.--color-blue-10 {
  color: #1b2e73;
}
.--color-bg-blue-1 {
  background-color: #ecf0ff;
}
.--color-bg-blue-2 {
  background-color: #d0daff;
}
.--color-bg-blue-3 {
  background-color: #abbdff;
}
.--color-bg-blue-4 {
  background-color: #849fff;
}
.--color-bg-blue-5 {
  background-color: #5f82ff;
}
.--color-bg-blue-6 {
  background-color: #3c66ff;
}
.--color-bg-blue-7 {
  background-color: #3357d9;
}
.--color-bg-blue-8 {
  background-color: #2b48b5;
}
.--color-bg-blue-9 {
  background-color: #223a91;
}
.--color-bg-blue-10 {
  background-color: #1b2e73;
}
.--color-border-blue-1 {
  border-color: #ecf0ff;
}
.--color-border-blue-2 {
  border-color: #d0daff;
}
.--color-border-blue-3 {
  border-color: #abbdff;
}
.--color-border-blue-4 {
  border-color: #849fff;
}
.--color-border-blue-5 {
  border-color: #5f82ff;
}
.--color-border-blue-6 {
  border-color: #3c66ff;
}
.--color-border-blue-7 {
  border-color: #3357d9;
}
.--color-border-blue-8 {
  border-color: #2b48b5;
}
.--color-border-blue-9 {
  border-color: #223a91;
}
.--color-border-blue-10 {
  border-color: #1b2e73;
}
.--color-cyan-1 {
  color: #e6f5fb;
}
.--color-cyan-2 {
  color: #c2e6f5;
}
.--color-cyan-3 {
  color: #91d3ed;
}
.--color-cyan-4 {
  color: #5ebee4;
}
.--color-cyan-5 {
  color: #2eabdc;
}
.--color-cyan-6 {
  color: #0098d4;
}
.--color-cyan-7 {
  color: #0081b4;
}
.--color-cyan-8 {
  color: #006c97;
}
.--color-cyan-9 {
  color: #005779;
}
.--color-cyan-10 {
  color: #00445f;
}
.--color-bg-cyan-1 {
  background-color: #e6f5fb;
}
.--color-bg-cyan-2 {
  background-color: #c2e6f5;
}
.--color-bg-cyan-3 {
  background-color: #91d3ed;
}
.--color-bg-cyan-4 {
  background-color: #5ebee4;
}
.--color-bg-cyan-5 {
  background-color: #2eabdc;
}
.--color-bg-cyan-6 {
  background-color: #0098d4;
}
.--color-bg-cyan-7 {
  background-color: #0081b4;
}
.--color-bg-cyan-8 {
  background-color: #006c97;
}
.--color-bg-cyan-9 {
  background-color: #005779;
}
.--color-bg-cyan-10 {
  background-color: #00445f;
}
.--color-border-cyan-1 {
  border-color: #e6f5fb;
}
.--color-border-cyan-2 {
  border-color: #c2e6f5;
}
.--color-border-cyan-3 {
  border-color: #91d3ed;
}
.--color-border-cyan-4 {
  border-color: #5ebee4;
}
.--color-border-cyan-5 {
  border-color: #2eabdc;
}
.--color-border-cyan-6 {
  border-color: #0098d4;
}
.--color-border-cyan-7 {
  border-color: #0081b4;
}
.--color-border-cyan-8 {
  border-color: #006c97;
}
.--color-border-cyan-9 {
  border-color: #005779;
}
.--color-border-cyan-10 {
  border-color: #00445f;
}
.--color-teal-1 {
  color: #e6f6f3;
}
.--color-teal-2 {
  color: #c2eae1;
}
.--color-teal-3 {
  color: #91d9c9;
}
.--color-teal-4 {
  color: #5ec7b0;
}
.--color-teal-5 {
  color: #2eb699;
}
.--color-teal-6 {
  color: #00a682;
}
.--color-teal-7 {
  color: #008d6f;
}
.--color-teal-8 {
  color: #00765c;
}
.--color-teal-9 {
  color: #005f4a;
}
.--color-teal-10 {
  color: #004b3a;
}
.--color-bg-teal-1 {
  background-color: #e6f6f3;
}
.--color-bg-teal-2 {
  background-color: #c2eae1;
}
.--color-bg-teal-3 {
  background-color: #91d9c9;
}
.--color-bg-teal-4 {
  background-color: #5ec7b0;
}
.--color-bg-teal-5 {
  background-color: #2eb699;
}
.--color-bg-teal-6 {
  background-color: #00a682;
}
.--color-bg-teal-7 {
  background-color: #008d6f;
}
.--color-bg-teal-8 {
  background-color: #00765c;
}
.--color-bg-teal-9 {
  background-color: #005f4a;
}
.--color-bg-teal-10 {
  background-color: #004b3a;
}
.--color-border-teal-1 {
  border-color: #e6f6f3;
}
.--color-border-teal-2 {
  border-color: #c2eae1;
}
.--color-border-teal-3 {
  border-color: #91d9c9;
}
.--color-border-teal-4 {
  border-color: #5ec7b0;
}
.--color-border-teal-5 {
  border-color: #2eb699;
}
.--color-border-teal-6 {
  border-color: #00a682;
}
.--color-border-teal-7 {
  border-color: #008d6f;
}
.--color-border-teal-8 {
  border-color: #00765c;
}
.--color-border-teal-9 {
  border-color: #005f4a;
}
.--color-border-teal-10 {
  border-color: #004b3a;
}
.--color-green-1 {
  color: #e6f6ea;
}
.--color-green-2 {
  color: #c2eacd;
}
.--color-green-3 {
  color: #91daa6;
}
.--color-green-4 {
  color: #5ec87d;
}
.--color-green-5 {
  color: #2eb855;
}
.--color-green-6 {
  color: #00a830;
}
.--color-green-7 {
  color: #008f29;
}
.--color-green-8 {
  color: #072;
}
.--color-green-9 {
  color: #00601b;
}
.--color-green-10 {
  color: #004c16;
}
.--color-bg-green-1 {
  background-color: #e6f6ea;
}
.--color-bg-green-2 {
  background-color: #c2eacd;
}
.--color-bg-green-3 {
  background-color: #91daa6;
}
.--color-bg-green-4 {
  background-color: #5ec87d;
}
.--color-bg-green-5 {
  background-color: #2eb855;
}
.--color-bg-green-6 {
  background-color: #00a830;
}
.--color-bg-green-7 {
  background-color: #008f29;
}
.--color-bg-green-8 {
  background-color: #072;
}
.--color-bg-green-9 {
  background-color: #00601b;
}
.--color-bg-green-10 {
  background-color: #004c16;
}
.--color-border-green-1 {
  border-color: #e6f6ea;
}
.--color-border-green-2 {
  border-color: #c2eacd;
}
.--color-border-green-3 {
  border-color: #91daa6;
}
.--color-border-green-4 {
  border-color: #5ec87d;
}
.--color-border-green-5 {
  border-color: #2eb855;
}
.--color-border-green-6 {
  border-color: #00a830;
}
.--color-border-green-7 {
  border-color: #008f29;
}
.--color-border-green-8 {
  border-color: #072;
}
.--color-border-green-9 {
  border-color: #00601b;
}
.--color-border-green-10 {
  border-color: #004c16;
}
.--color-yellow-1 {
  color: #fef9e6;
}
.--color-yellow-2 {
  color: #fdf1c2;
}
.--color-yellow-3 {
  color: #fce691;
}
.--color-yellow-4 {
  color: #fadb5e;
}
.--color-yellow-5 {
  color: #f8d02e;
}
.--color-yellow-6 {
  color: #f7c600;
}
.--color-yellow-7 {
  color: #d2a800;
}
.--color-yellow-8 {
  color: #af8d00;
}
.--color-yellow-9 {
  color: #8d7100;
}
.--color-yellow-10 {
  color: #6f5900;
}
.--color-bg-yellow-1 {
  background-color: #fef9e6;
}
.--color-bg-yellow-2 {
  background-color: #fdf1c2;
}
.--color-bg-yellow-3 {
  background-color: #fce691;
}
.--color-bg-yellow-4 {
  background-color: #fadb5e;
}
.--color-bg-yellow-5 {
  background-color: #f8d02e;
}
.--color-bg-yellow-6 {
  background-color: #f7c600;
}
.--color-bg-yellow-7 {
  background-color: #d2a800;
}
.--color-bg-yellow-8 {
  background-color: #af8d00;
}
.--color-bg-yellow-9 {
  background-color: #8d7100;
}
.--color-bg-yellow-10 {
  background-color: #6f5900;
}
.--color-border-yellow-1 {
  border-color: #fef9e6;
}
.--color-border-yellow-2 {
  border-color: #fdf1c2;
}
.--color-border-yellow-3 {
  border-color: #fce691;
}
.--color-border-yellow-4 {
  border-color: #fadb5e;
}
.--color-border-yellow-5 {
  border-color: #f8d02e;
}
.--color-border-yellow-6 {
  border-color: #f7c600;
}
.--color-border-yellow-7 {
  border-color: #d2a800;
}
.--color-border-yellow-8 {
  border-color: #af8d00;
}
.--color-border-yellow-9 {
  border-color: #8d7100;
}
.--color-border-yellow-10 {
  border-color: #6f5900;
}
.d-space {
  display: inline-flex;
  vertical-align: top;
}
.d-space.d-space-small {
  gap: 8px;
}
.d-space.d-space-default {
  gap: 12px;
}
.d-space.d-space-large {
  gap: 16px;
}
.d-space.d-space-justify-start {
  justify-content: flex-start;
}
.d-space.d-space-justify-center {
  justify-content: center;
}
.d-space.d-space-justify-end {
  justify-content: flex-end;
}
.d-space.d-space-justify-space-around {
  justify-content: space-around;
}
.d-space.d-space-justify-space-between {
  justify-content: space-between;
}
.d-space.d-space-justify-space-evenly {
  justify-content: space-evenly;
}
.d-space.d-space-align-start {
  align-items: start;
}
.d-space.d-space-align-center {
  align-items: center;
}
.d-space.d-space-align-end {
  align-items: end;
}
.d-space.d-space-horizontal {
  flex-direction: row;
}
.d-space.d-space-vertical {
  flex-direction: column;
}
.d-space.d-space-wrap {
  flex-wrap: wrap;
}
.d-space.d-space-block {
  display: flex;
}
.--space-p-top-min {
  padding-top: 2px;
}
.--space-p-right-min {
  padding-right: 2px;
}
.--space-p-bottom-min {
  padding-bottom: 2px;
}
.--space-p-left-min {
  padding-left: 2px;
}
.--space-p-min {
  padding: 2px;
}
.--space-p-top-extra-small {
  padding-top: 4px;
}
.--space-p-right-extra-small {
  padding-right: 4px;
}
.--space-p-bottom-extra-small {
  padding-bottom: 4px;
}
.--space-p-left-extra-small {
  padding-left: 4px;
}
.--space-p-extra-small {
  padding: 4px;
}
.--space-p-top-small {
  padding-top: 8px;
}
.--space-p-right-small {
  padding-right: 8px;
}
.--space-p-bottom-small {
  padding-bottom: 8px;
}
.--space-p-left-small {
  padding-left: 8px;
}
.--space-p-small {
  padding: 8px;
}
.--space-p-top-default {
  padding-top: 12px;
}
.--space-p-right-default {
  padding-right: 12px;
}
.--space-p-bottom-default {
  padding-bottom: 12px;
}
.--space-p-left-default {
  padding-left: 12px;
}
.--space-p-default {
  padding: 12px;
}
.--space-p-top-large {
  padding-top: 16px;
}
.--space-p-right-large {
  padding-right: 16px;
}
.--space-p-bottom-large {
  padding-bottom: 16px;
}
.--space-p-left-large {
  padding-left: 16px;
}
.--space-p-large {
  padding: 16px;
}
.--space-m-top-min {
  margin-top: 2px;
}
.--space-m-right-min {
  margin-right: 2px;
}
.--space-m-bottom-min {
  margin-bottom: 2px;
}
.--space-m-left-min {
  margin-left: 2px;
}
.--space-m-min {
  margin: 2px;
}
.--space-m-top-extra-small {
  margin-top: 4px;
}
.--space-m-right-extra-small {
  margin-right: 4px;
}
.--space-m-bottom-extra-small {
  margin-bottom: 4px;
}
.--space-m-left-extra-small {
  margin-left: 4px;
}
.--space-m-extra-small {
  margin: 4px;
}
.--space-m-top-small {
  margin-top: 8px;
}
.--space-m-right-small {
  margin-right: 8px;
}
.--space-m-bottom-small {
  margin-bottom: 8px;
}
.--space-m-left-small {
  margin-left: 8px;
}
.--space-m-small {
  margin: 8px;
}
.--space-m-top-default {
  margin-top: 12px;
}
.--space-m-right-default {
  margin-right: 12px;
}
.--space-m-bottom-default {
  margin-bottom: 12px;
}
.--space-m-left-default {
  margin-left: 12px;
}
.--space-m-default {
  margin: 12px;
}
.--space-m-top-large {
  margin-top: 16px;
}
.--space-m-right-large {
  margin-right: 16px;
}
.--space-m-bottom-large {
  margin-bottom: 16px;
}
.--space-m-left-large {
  margin-left: 16px;
}
.--space-m-large {
  margin: 16px;
}
.--size-width-small {
  width: 100px;
}
.--size-width-default {
  width: 160px;
}
.--size-width-large {
  width: 240px;
}
.--size-min-width-small {
  min-width: 100px;
}
.--size-min-width-default {
  min-width: 160px;
}
.--size-min-width-large {
  min-width: 240px;
}
.--size-max-width-small {
  max-width: 100px;
}
.--size-max-width-default {
  max-width: 160px;
}
.--size-max-width-large {
  max-width: 240px;
}
.d-steps {
  display: flex;
  width: 100%;
}
.d-steps-horizontal {
  flex-direction: row;
}
.d-steps-vertical {
  height: 100%;
  flex-direction: column;
}
.d-steps-vertical .d-steps-item__last {
  flex-basis: auto !important;
}
.d-steps-item {
  display: flex;
  position: relative;
}
.d-steps-item .d-steps-item-head .d-steps-item-line {
  position: absolute;
  background-color: #e2e2e2;
}
.d-steps-item .d-steps-item-head .d-steps-item-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26.67px;
  height: 26.67px;
  border-radius: 50%;
  background-color: #f3f3f3;
}
.d-steps-item .d-steps-item-head .d-steps-item-icon .d-steps-item-text {
  color: #fff;
}
.d-steps-item .d-steps-item-head .d-steps-item-icon .d-steps-item-text-wait {
  color: #fff;
}
.d-steps-item .d-steps-item-head .d-steps-item-icon-process {
  background-color: #3c66ff;
}
.d-steps-item .d-steps-item-head .d-steps-item-presets-icon {
  width: 26.67px;
  height: 26.67px;
}
.d-steps-item .d-steps-item-head .d-steps-item-presets-icon-danger {
  color: #f03860;
}
.d-steps-item .d-steps-item-head .d-steps-item-presets-icon-success {
  color: #3c66ff;
  background-color: #3c66ff;
}
.d-steps-item .d-steps-item-head .--size-icon-default {
  width: 0px;
  height: 0px;
}
.d-steps-item .d-steps-item-main {
  text-align: center;
}
.d-steps-item .d-steps-item-main .d-steps-item-description {
  margin-top: 4px;
}
.d-steps-item:last-of-type .d-steps-item-head .d-steps-item-line {
  width: 0%;
  display: none;
}
.d-steps-item-horizontal {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.d-steps-item-horizontal .d-steps-item-head {
  display: flex;
  justify-content: center;
  align-items: center;
}
.d-steps-item-horizontal .d-steps-item-head .d-steps-item-line {
  height: 1px;
  left: calc(12px + 12px + 50%);
  right: calc(12px + 12px - 50%);
}
.d-steps-item-horizontal .d-steps-item-head .d-steps-item-line .d-steps-item-line-inner {
  background-color: #3c66ff;
}
.d-steps-item-horizontal .d-steps-item-main {
  margin-top: 6px;
}
.d-steps-item-vertical {
  flex-direction: row;
}
.d-steps-item-vertical .d-steps-item-head .d-steps-item-line {
  width: 1px;
  left: 12px;
  top: calc(32px + 8px);
  bottom: 8px;
}
.d-steps-item-vertical .d-steps-item-main {
  text-align: left;
  padding-left: 10px;
}
.d-steps-item-line-success {
  background-color: #3c66ff;
}
.d-steps-item-line-normal {
  background-color: #f3f3f3;
}
.d-steps-item-icon-process {
  background-color: #3c66ff;
}
.d-upload {
  display: inline-block;
}
.d-upload .d-upload__picture {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}
.d-upload .d-upload__picture .d-button {
  width: 100px;
  height: 100px;
  border: var(--size-border-default) dashed var(--color-border-default);
}
.d-upload .d-upload__picture .d-button-content {
  height: 100%;
  width: auto;
}
.d-upload .d-upload__picture .d-icon {
  width: 24px;
  height: 24px;
}
.d-upload .d-upload__picture .d-text {
  text-align: center;
}
.d-upload .d-upload__picture .d-text .d-upload_picture-text {
  margin-top: 8px;
}
.d-upload .d-upload__picture .d-text .d-upload_picture-text span {
  font-weight: 400;
}
.d-upload .d-upload__input {
  display: none;
}
.d-upload .d-upload__dragger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 200px;
  background: var(--color-fill);
  mix-blend-mode: normal;
  border: var(--size-border-default) dashed var(--color-border-default);
  border-radius: var(--size-radius-default);
  cursor: pointer;
  transition: all 0.1s;
}
.d-upload .d-upload__dragger:hover:not(.disabled) {
  border-color: var(--color-primary);
  background: var(--color-fill-hover);
}
.d-upload .d-upload__dragger.d-upload__dragover {
  background: var(--color-primary-light);
  border-color: var(--color-primary);
}
.d-upload .d-upload__dragger.disabled {
  cursor: not-allowed;
}
.d-upload .d-upload__dragger.disabled > * {
  pointer-events: none;
}
.d-upload .d-upload__dragger .d-icon {
  width: 36px;
  height: 36px;
}
.d-upload .d-upload__dragger .title {
  margin-top: 12px;
}
.d-upload .d-upload__dragger .tip {
  margin-top: 4px;
}
.d-upload__picture-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.d-upload__picture-item {
  display: inline-flex;
  flex-direction: column;
  position: relative;
  width: 100px;
}
.d-upload__picture-item .d-upload-list__item-file {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--size-radius-default);
  background: #b4b4b4;
}
.d-upload__picture-item.d-upload__picture-uploading .d-upload__picture-mask {
  display: flex;
  justify-content: center;
}
.d-upload__picture-item.d-upload__picture-uploading .d-progress .d-progress-circle .d-progress-circle__bar {
  transition: stroke-dashoffset var(--time-transition-short) cubic-bezier(0, 0, 1, 1) 0s, stroke var(--time-transition-short) cubic-bezier(0, 0, 1, 1);
}
.d-upload__picture-item .d-upload__picture-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px;
  padding: 13px;
  background-color: var(--color-fill-black);
  opacity: 0.8;
  cursor: pointer;
}
.d-upload__picture-item .d-upload__picture-mask.d-upload__picture-mask-1 {
  justify-content: center;
}
.d-upload__picture-item .d-upload__picture-mask .d-button {
  padding: 0;
}
.d-upload__picture-item .d-upload__picture-mask .d-button:hover {
  background-color: rgba(255,255,255,0.15);
}
.d-upload__picture-item .d-upload__picture-mask .d-button.pressing {
  background-color: rgba(255,255,255,0.2);
}
.d-upload__picture-item .d-upload__picture-mask .d-button .d-button-content {
  width: 36px;
  height: 36px;
  align-items: start;
}
.d-upload__picture-item .d-upload__picture-mask .d-button .d-button-content .d-icon {
  vertical-align: baseline;
}
.d-upload__picture-item .d-upload__picture-mask .d-icon {
  color: #fff;
}
.d-upload__picture-item:hover .d-upload__picture-mask {
  display: flex;
}
.d-upload__picture-item img,
.d-upload__picture-item .d-upload__picture-mask {
  width: 100px;
  height: 100px;
  border-radius: var(--size-radius-default);
}
.d-upload__picture-item img {
  object-fit: contain;
  background-color: rgba(1,1,1,0.03);
}
.d-upload__picture-item .error-tip {
  position: absolute;
  top: 80px;
  right: 4px;
  z-index: 2;
  cursor: pointer;
}
.d-upload__picture-item .d-text {
  text-align: center;
  margin-top: 8px;
}
.d-upload__tip {
  margin-top: 8px;
}
.d-upload-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}
.d-upload-list .d-upload-list__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: max-content;
  height: 58px;
  padding: var(--size-padding-vertical-small);
  background-color: rgba(0,0,0,0.03);
  border-radius: var(--size-radius-default);
}
.d-upload-list .d-upload-list__item .d-upload-list__item-button {
  display: flex;
  gap: 8px;
}
.d-upload-list .d-upload-list__item .d-upload-list__item-button .d-button {
  padding: 0;
  cursor: pointer;
}
.d-upload-list .d-upload-list__item .d-upload-list__item-button .d-button .d-button-content {
  width: 100%;
  height: 100%;
}
.d-upload-list .d-upload-list__item .d-upload-list__item-thumbnail {
  width: 40px;
  height: 40px;
  object-fit: contain;
  border-radius: var(--size-radius-default);
}
.d-upload-list .d-upload-list__item .d-upload-list__item-file {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: var(--size-radius-default);
  background: #b4b4b4;
}
.d-upload-list .d-upload-list__item .d-upload-list__item-content {
  flex: 1;
  margin: 0 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.d-upload-list .d-upload-list__item .d-upload-list__item-content .info {
  width: 238px;
  font-size: var(--size-text-default);
  line-height: var(--size-text-line-height-default);
}
.d-upload-list .d-upload-list__item .d-upload-list__item-content .info .d-file__name {
  max-width: 70%;
  color: var(--color-text-title);
  margin-right: 12px;
}
.d-upload-list .d-upload-list__item .d-upload-list__item-content .info .d-file__size {
  max-width: 24%;
}
.d-upload-list .d-upload-list__item .d-upload-list__item-content .d-upload-ready {
  display: flex;
  align-items: center;
}
.d-upload-list .d-upload-list__item .d-upload-list__item-content .d-upload-ready .d-upload-ready__check {
  margin-left: 4px;
}
.d-upload-list .d-upload-list__item .d-upload-list__item-content .d-upload-uploading {
  height: 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.d-upload-list .d-upload-list__item .d-upload-list__item-content .d-upload-success {
  display: flex;
  align-items: center;
}
.d-upload-list .d-upload-list__item .d-upload-list__item-content .d-upload-success span {
  margin-left: 4px;
}
.d-upload-list .d-upload-list__item .d-upload-list__item-content .d-upload-fail {
  display: flex;
  align-items: center;
}
.d-upload-list .d-upload-list__item .d-upload-list__item-content .d-upload-fail span:nth-of-type(1) {
  margin-left: 4px;
}
.d-upload-list .d-upload-list__item .d-upload-list__item-content .d-upload-fail span:nth-of-type(1):hover,
.d-upload-list .d-upload-list__item .d-upload-list__item-content .d-upload-fail span:nth-of-type(1).pressing {
  color: var(--color-danger);
}
.d-upload-list .d-upload-list__item .d-upload-list__item-content .d-upload-fail span:nth-of-type(2) {
  cursor: pointer;
  margin-left: 8px;
}
.d-upload-list .d-upload-list__item .d-upload-list__item-content .d-progress .d-progress-bar__inner {
  transition: width var(--time-transition-short) cubic-bezier(0, 0, 1, 1);
}
.d-upload-list .d-upload-list__item .d-upload-list__item-content .d-progress .d-progress__text {
  font-size: var(--size-text-small);
  color: var(--color-text-description);
}
.d-upload-list .d-upload-list__fail {
  background-color: var(--color-danger-light);
}
.d-tree {
  position: relative;
}
.d-tree.d-tree-dragable .d-tree-drag-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--color-primary);
}
.d-tree.d-tree-dragable .d-tree-node {
  cursor: pointer;
}
.d-tree.d-tree-dragable .d-tree-node-content.d-tree-node-inner {
  border-radius: 4px;
  outline: 1px solid var(--color-primary);
}
.d-tree.d-tree-dragable .d-tree-node-content.d-tree-dragable-node {
  background-color: var(--color-grey-1);
}
.d-tree.d-tree-dragable .d-tree-node-drag {
  margin-left: 8px;
}
.d-tree.is-dragging .d-tree-node {
  cursor: move;
}
.d-tree-node {
  font-size: 20px;
  white-space: nowrap;
  outline: none;
}
.d-tree-node-margin {
  padding-top: 8px;
}
.d-tree-node-loading {
  width: 24px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 6px;
}
.d-tree-node-content {
  height: 30px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  transition: background-color 0.3s ease-in-out;
}
.d-tree-node-content:hover {
  background-color: var(--d-tree-node-row-bg--hover);
}
.d-tree-node-expand {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 24px;
  cursor: pointer;
}
.d-tree-node-expand .d-tree-node-expand-icon {
  margin-left: 5px;
  width: 6px;
  height: 10px;
}
.d-tree-node-checkbox-layout {
  width: 25px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.d-tree-node-checkbox-layout .d-tree-node-checkbox {
  margin-right: 0px !important;
}
.d-tree-node-indicator {
  height: 30px;
  width: 24px;
}
.d-tree-node-content-right {
  display: flex;
  align-items: center;
}
.d-tree-node-title {
  margin-left: 4px;
}
.d-tree-node-custom-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 24px;
  margin-top: 1px;
  cursor: pointer;
}
.d-tree-node-disabled {
  cursor: not-allowed;
}
.d-tree-node-expand-disabled {
  cursor: not-allowed;
}
.d-tree-node-content-actived {
  background-color: #f3f3f3;
}
.d-tree-node-content-no-checkable-actived {
  background-color: #ecf0ff;
}
.d-tab-button .active {
  color: var(--color-primary);
  background: var(--color-primary-light);
}
.d-tab-button .active.--color-bg-fill:not(.disabled):not(.--color-bg-static):hover,
.d-tab-button .active.--color-bg-fill-light:not(.disabled):not(.--color-bg-static):hover {
  background: var(--color-primary-light-hover);
}
.d-tab-button .active.--color-bg-fill:not(.disabled):not(.--color-bg-static).pressing,
.d-tab-button .active.--color-bg-fill-light:not(.disabled):not(.--color-bg-static).pressing {
  background: var(--color-primary-light-pressing);
}
.d-anchor-wrapper .d-anchor {
  position: relative;
}
.d-anchor-wrapper .d-anchor .d-anchor-ink {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 2px;
}
.d-anchor-wrapper .d-anchor .d-anchor-ink::before {
  display: block;
  content: ' ';
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 2px;
  background: var(--color-border-default);
  border-radius: var(--size-radius-large);
}
.d-anchor-wrapper .d-anchor .d-anchor-ink + .d-anchor-link {
  margin-top: 0;
}
.d-anchor-wrapper .d-anchor .d-anchor-ink .d-anchor-ink-ball {
  position: absolute;
  width: 2px;
  top: 0;
  left: 0;
  background: var(--color-primary);
  border-radius: var(--size-radius-large);
  transition: transform 0.1s;
}
.d-anchor-wrapper .d-anchor .d-anchor-link {
  padding-left: 8px;
  margin-top: 8px;
  cursor: pointer;
}
.d-anchor-wrapper .d-anchor .d-anchor-link .d-anchor-link__title {
  display: block;
  list-style: none;
  font-size: var(--size-text-default);
  line-height: var(--size-text-line-height-small);
  text-decoration: none;
  color: var(--color-text-description);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.d-anchor-wrapper .d-anchor .d-anchor-link .d-anchor-link__title.d-anchor-link__title-active {
  color: var(--color-text-title);
}
.d-affix-fixed {
  position: fixed;
  z-index: 10;
}
.d-descrition-wrapper .d-title,
.d-descrition-wrapper .d-prefix,
.d-descrition-wrapper .d-suffix,
.d-descrition-wrapper .d-trend-title,
.d-descrition-wrapper .d-trend-value {
  font-size: 12px;
  line-height: 20px;
}
.d-descrition-wrapper .d-suffix {
  align-self: end;
}
.d-descrition-wrapper .d-value-list-content {
  font-size: 14px;
  line-height: 22px;
}
.d-descrition-wrapper .d-value-content {
  font-size: 24px;
  line-height: 32px;
}
.d-transfer {
  display: inline-flex;
  align-items: center;
  border: var(--border-default);
  border-radius: var(--size-radius-default);
}
.d-transfer .cursor-pointer {
  cursor: pointer;
}
.d-transfer .d-transfer-panel {
  border-right: var(--border-default);
}
.d-transfer .d-transfer-panel,
.d-transfer .d-transfer-panel__simple {
  display: flex;
  flex-direction: column;
  width: 240px;
  height: 478px;
  padding: 8px 8px 0;
}
.d-transfer .d-transfer-panel .d-transfer-panel__title,
.d-transfer .d-transfer-panel__simple .d-transfer-panel__title {
  margin-top: 4px;
  margin-bottom: 12px;
}
.d-transfer .d-transfer-panel .d-transfer-panel__search,
.d-transfer .d-transfer-panel__simple .d-transfer-panel__search {
  width: 100%;
  margin-bottom: 8px;
}
.d-transfer .d-transfer-panel .d-transfer-panel__checkbox-all,
.d-transfer .d-transfer-panel__simple .d-transfer-panel__checkbox-all {
  display: flex;
  align-items: center;
  padding-left: 8px;
  margin-bottom: 8px;
}
.d-transfer .d-transfer-panel .d-transfer-panel__label,
.d-transfer .d-transfer-panel__simple .d-transfer-panel__label {
  margin-left: 12px;
}
.d-transfer .d-transfer-panel .d-transfer-panel_slot__list,
.d-transfer .d-transfer-panel__simple .d-transfer-panel_slot__list {
  flex: 1;
  overflow: auto;
}
.d-transfer .d-transfer-panel .d-transfer-panel__list,
.d-transfer .d-transfer-panel__simple .d-transfer-panel__list {
  margin-top: 8px;
  flex: 1;
  overflow: auto;
}
.d-transfer .d-transfer-panel .d-transfer-panel__list .d-transfer-penel__checkbox-item,
.d-transfer .d-transfer-panel__simple .d-transfer-panel__list .d-transfer-penel__checkbox-item {
  width: 100%;
  padding: 4px 8px;
  border-radius: var(--size-radius-default);
}
.d-transfer .d-transfer-panel .d-transfer-panel__list .d-transfer-penel__checkbox-item:hover,
.d-transfer .d-transfer-panel__simple .d-transfer-panel__list .d-transfer-penel__checkbox-item:hover {
  background: var(--color-fill-hover);
}
.d-transfer .d-transfer-operation {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 8px;
}
.d-transfer .d-transfer-operation button {
  width: 24px;
  height: 24px;
  min-height: 24px;
  padding: 0;
}
.d-transfer .d-transfer-operation button.d-button__active {
  background: var(--color-primary-light);
}
.d-transfer .d-transfer-panel__simple .d-transfer-panel__total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.d-transfer .d-transfer-panel__simple .d-transfer-panel__simple-list {
  margin-top: 8px;
  flex: 1;
  overflow: auto;
}
.d-transfer .d-transfer-panel__simple .d-transfer-panel__simple-list .d-transfer-panel__simple-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
  margin-bottom: 8px;
  border-radius: 4px;
  padding: 0 8px;
}
.d-transfer .d-transfer-panel__simple .d-transfer-panel__simple-list .d-transfer-panel__simple-item:hover {
  background: var(--color-fill-hover);
}
.d-transfer.d-transfer__disabled .d-transfer-panel__simple .d-transfer-panel__simple-item {
  cursor: not-allowed;
}
.d-transfer.d-transfer__disabled .d-transfer-panel__simple .d-transfer-panel__simple-item:hover {
  background-color: inherit;
}
.d-transfer.d-transfer__disabled .d-transfer-panel .d-transfer-panel__list .d-transfer-penel__checkbox-item:hover {
  background-color: inherit;
}
.d-image-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  background-color: rgba(0,0,0,0.8);
  display: flex;
  flex-direction: column;
}
.d-image-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 48px;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.d-image-header .d-image-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
}
.d-image-header .d-image-closeable {
  cursor: pointer;
}
.d-image-content-wrap-loading {
  height: 100%;
}
.d-image-content-wrap-loading .d-spinner-container {
  height: 100%;
}
.d-image-content {
  flex: 1;
  padding: 48px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.d-image-content .d-image-currImg {
  max-width: 100%;
  max-height: 100%;
}
.d-image-action {
  position: absolute;
  bottom: 24px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  padding: 8px 16px;
  border-radius: 6px;
  background-color: rgba(0,0,0,0.85);
}
.d-image-action .d-image-action-text {
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  user-select: none;
}
.d-image-action .d-image-action-divider {
  width: 17px;
  height: 20px;
  position: relative;
}
.d-image-action .d-image-action-divider:after {
  content: '';
  width: 1px;
  height: 20px;
  background-color: #fff;
  opacity: 0.28;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.snackbar-button.d-button.d-button-small.d-button-with-content {
  padding: 0 6px;
}
.snackbar-button.d-button.d-button-small.d-button-with-content.--color-bg-fill-light:not(.disabled):not(.--color-bg-static):hover {
  background-color: #3d3d3d;
}
.snackbar-button.d-button.d-button-small.d-button-with-content.--color-bg-fill-light:not(.disabled):not(.--color-bg-static).pressing {
  background-color: #4e4e4e;
}
.snackbar-button.d-button.d-button-small.d-button-with-content .d-icon.--size-icon-small {
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-right: 0;
  color: #fff;
}
.snackbar-button.d-button.d-button-small.d-button-with-content.disabled .d-icon.--size-icon-small {
  color: #888;
}
.d-link.--color-primary:hover .d-icon {
  color: #3357d9;
}
.d-link.--color-primary.pressing .d-icon {
  color: #2b48b5;
}
.d-link.--color-warning:hover .d-icon {
  color: #cc5800;
}
.d-link.--color-warning.pressing .d-icon {
  color: #aa4a00;
}
.d-link.--color-danger:hover .d-icon {
  color: #cc3052;
}
.d-link.--color-danger.pressing .d-icon {
  color: #aa2844;
}
.d-link.--color-success:hover .d-icon {
  color: #2eb855;
}
.d-link.--color-success:hover.pressing {
  color: #008f29;
}
.d-link.--color-info:hover .d-icon {
  color: #3357d9;
}
.d-link.--color-info.pressing .d-icon {
  color: #2b48b5;
}
.d-new-menu {
  background-color: var(--color-bg);
  cursor: pointer;
}
.d-new-menu.d-menu__vertical {
  height: 100%;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: width 0.28s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.d-new-menu.d-menu__vertical .d-new-menu__inner {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
}
.d-new-menu.d-menu__vertical .d-new-menu__inner::-webkit-scrollbar {
  display: none;
}
.d-new-menu.d-menu__vertical .d-menu-item {
  display: flex;
  align-items: center;
  height: 36px;
  color: var(--color-text-paragraph);
  border-radius: var(--size-radius-default);
  margin-top: 8px;
}
.d-new-menu.d-menu__vertical .d-menu-item:first-child {
  margin-top: 0;
}
.d-new-menu.d-menu__vertical .d-menu-item:hover:not(.d-menu-item__disabled):not(.d-menu-item__description) {
  background: var(--color-fill-hover);
}
.d-new-menu.d-menu__vertical .d-menu-item.d-menu-item__active {
  color: var(--color-primary);
  background: var(--color-primary-light);
}
.d-new-menu.d-menu__vertical .d-menu-item.d-menu-item__active .d-menu-item__icon {
  color: var(--color-primary);
}
.d-new-menu.d-menu__vertical .d-menu-item.d-menu-item__active:hover {
  background: var(--color-primary-light-hover);
}
.d-new-menu.d-menu__vertical .d-menu-item.d-menu-item__active:active {
  background: var(--color-primary-light-pressing);
}
.d-new-menu.d-menu__vertical .d-menu-item .d-menu-item__title {
  padding-left: 8px;
}
.d-new-menu.d-menu__vertical .d-menu-item__description {
  cursor: default;
}
.d-new-menu.d-menu__vertical .d-sub-menu {
  overflow: hidden;
  margin-top: 8px;
}
.d-new-menu.d-menu__vertical .d-sub-menu .d-sub-menu__header {
  display: flex;
  align-items: center;
  height: 36px;
  color: var(--color-text-paragraph);
  border-radius: var(--size-radius-default);
  padding-right: 8px;
}
.d-new-menu.d-menu__vertical .d-sub-menu .d-sub-menu__header:hover:not(.d-sub-menu-header__disabled) {
  background: var(--color-fill-hover);
}
.d-new-menu.d-menu__vertical .d-sub-menu .d-sub-menu__header.d-sub-menu__header-active {
  color: var(--color-primary);
}
.d-new-menu.d-menu__vertical .d-sub-menu .d-sub-menu__header.d-sub-menu__header-active .d-menu-item__icon {
  color: var(--color-primary);
}
.d-new-menu.d-menu__vertical .d-sub-menu .d-sub-menu__header .d-menu-item__title {
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 8px;
}
.d-new-menu.d-menu__vertical .d-sub-menu .d-sub-menu__content {
  height: auto;
  transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), margin 0.2s;
  margin-top: 8px;
}
.d-new-menu.d-menu__vertical .d-sub-menu .d-sub-menu__content .d-menu-item__title {
  font-weight: var(--size-text-font-weight-default);
}
.d-new-menu.d-menu__vertical .d-sub-menu__arrow {
  opacity: 1;
  padding-left: 8px;
  color: var(--color-text-description);
  transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), opacity 0.3s;
}
.d-new-menu.d-menu__vertical .d-sub-menu__arrow.d-sub-menu__arrow-up {
  transform: rotate(-180deg);
}
.d-new-menu.d-menu__collapse {
  overflow: hidden;
}
.d-new-menu.d-menu__collapse .d-menu-item__title {
  opacity: 0;
}
.d-new-menu.d-menu__collapse .d-sub-menu__header .d-sub-menu__arrow,
.d-new-menu.d-menu__collapse .d-sub-menu__content {
  display: none;
  opacity: 0;
}
.d-new-menu.d-menu__collapse .d-menu__footer-title {
  opacity: 0;
  visibility: hidden;
}
.d-new-menu.d-menu__collapse .d-menu-collapsed-description {
  display: flex;
  align-items: center;
  height: 20px;
  padding-left: 8px;
}
.d-new-menu.d-menu__collapse .d-menu-collapsed-description .d-menu-collapsed-description-content {
  width: 20px;
  height: 1px;
  background-color: rgba(0,0,0,0.08);
}
.d-new-menu.d-menu__horizontal .d-new-menu__inner {
  display: flex;
  gap: 24px;
}
.d-new-menu.d-menu__horizontal .d-menu-item,
.d-new-menu.d-menu__horizontal .d-sub-menu__header {
  font-weight: var(--size-text-font-weight-bold);
  color: var(--color-text-description);
  user-select: none;
}
.d-new-menu.d-menu__horizontal .d-menu-item.d-menu-item__active,
.d-new-menu.d-menu__horizontal .d-sub-menu__header.d-menu-item__active {
  color: var(--color-text-title);
}
.d-new-menu.d-menu__horizontal .d-menu-item.d-menu-item__disabled,
.d-new-menu.d-menu__horizontal .d-sub-menu__header.d-menu-item__disabled {
  color: var(--color-text-disabled);
}
.d-new-menu.d-menu__horizontal .d-menu-item:hover,
.d-new-menu.d-menu__horizontal .d-sub-menu__header:hover {
  color: var(--color-text-paragraph);
}
.d-new-menu.d-menu__horizontal .d-menu-item:active,
.d-new-menu.d-menu__horizontal .d-sub-menu__header:active {
  color: var(--color-text-title);
}
.d-new-menu.d-menu__horizontal .d-sub-menu .d-sub-menu__header {
  display: flex;
  align-items: center;
  gap: 6px;
}
.d-new-menu.d-menu__horizontal .d-sub-menu .d-sub-menu__header.d-sub-menu__header-active {
  color: var(--color-text-title);
}
.d-new-menu .d-menu-item__icon {
  display: flex;
  align-items: center;
  padding: 8px 0 8px 8px;
  color: var(--color-text-description);
}
.d-new-menu .d-menu-item__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: var(--size-text-font-weight-bold);
  font-size: var(--size-text-default);
  line-height: var(--size-text-line-height-default);
  opacity: 1;
  transition: opacity 0.2s;
}
.d-new-menu .d-menu-item__disabled,
.d-new-menu .d-sub-menu-header__disabled {
  cursor: not-allowed;
}
.d-new-menu .d-menu-item__disabled .d-menu-item__icon,
.d-new-menu .d-sub-menu-header__disabled .d-menu-item__icon,
.d-new-menu .d-menu-item__disabled .d-menu-item__title,
.d-new-menu .d-sub-menu-header__disabled .d-menu-item__title,
.d-new-menu .d-menu-item__disabled .d-sub-menu__arrow,
.d-new-menu .d-sub-menu-header__disabled .d-sub-menu__arrow {
  color: var(--color-text-disabled);
}
.d-new-menu .d-menu-item__disabled *,
.d-new-menu .d-sub-menu-header__disabled * {
  pointer-events: none;
}
.d-new-menu .d-menu__footer {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 8px;
  font-weight: var(--size-text-font-weight-bold);
  font-size: var(--size-text-default);
  line-height: var(--size-text-line-height-default);
  color: var(--color-text-paragraph);
  overflow: hidden;
  border-radius: var(--size-radius-default);
}
.d-new-menu .d-menu__footer:hover {
  background: var(--color-fill-hover);
}
.d-new-menu .d-menu__footer .d-icon {
  color: var(--color-text-description);
}
.d-new-menu .d-menu__footer .d-menu__footer-title {
  opacity: 1;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: opacity 0.3s;
}
.d-sub-menu__popup {
  min-width: 160px;
}
.d-sub-menu__popup .d-sub-menu .d-sub-menu__header {
  padding: 0 8px 0 28px;
}
.d-sub-menu__popup.d-menu__vertical .d-menu-item {
  gap: 4px;
  padding: 0 8px;
}
.d-sub-menu__popup.d-menu__vertical .d-menu-item .d-menu-item__title {
  padding: 0;
  margin-left: 20px;
  font-weight: var(--size-text-font-weight-default);
}
.d-sub-menu__popup.d-menu__vertical .d-menu-item.d-menu-item__active {
  color: var(--color-text-paragraph);
  background: transparent;
}
.d-sub-menu__popup.d-menu__vertical .d-menu-item.d-menu-item__active:hover {
  background: var(--color-fill-hover);
}
.d-sub-menu__popup.d-menu__vertical .d-menu-item.d-menu-item__active .d-menu-item__title {
  margin-left: 0;
  padding: 0;
}
.d-skeleton {
  display: flex;
  gap: 16px;
  flex-direction: column;
}
.d-skeleton.d-skeleton-with-avatar .d-skeleton-avatar-item {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--color-fill-pressing);
}
.d-skeleton.d-skeleton-with-avatar .d-skeleton-content-main {
  gap: 8px;
}
.d-skeleton.d-skeleton-with-avatar .d-skeleton-title {
  height: 22px;
}
.d-skeleton.d-skeleton-with-avatar .d-skeleton-paragraph {
  gap: 8px;
}
.d-skeleton.d-skeleton-with-avatar .d-skeleton-paragraph-item {
  height: 18px;
}
.d-skeleton-img-content {
  display: inline-block;
  border-radius: var(--size-radius-default);
  background-color: var(--color-fill-pressing);
  width: 100%;
  height: 200px;
}
.d-skeleton-content {
  display: flex;
  gap: 8px;
}
.d-skeleton-content-main {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  height: auto;
}
.d-skeleton-title {
  height: 32px;
  margin: 0;
  padding: 0;
  border-radius: var(--size-radius-default);
  background-color: var(--color-fill-pressing);
}
.d-skeleton-paragraph {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
}
.d-skeleton-paragraph-item {
  list-style: none;
  width: 100%;
  height: 22px;
  border-radius: var(--size-radius-default);
  background-color: var(--color-fill-pressing);
}
.d-skeleton.active .d-skeleton-title,
.d-skeleton.active .d-skeleton-paragraph .d-skeleton-paragraph-item,
.d-skeleton.active .d-skeleton-avatar-item,
.d-skeleton.active .d-skeleton-img .d-skeleton-img-content {
  background: linear-gradient(90deg, rgba(190,190,190,0.2) 25%, rgba(129,129,129,0.24) 37%, rgba(190,190,190,0.2) 63%);
  background-size: 400% 100%;
  animation: skeleton-loading 1.4s ease infinite;
}
@-moz-keyframes skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@-webkit-keyframes skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@-o-keyframes skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.d-new-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.d-new-form.d-form--label-left .d-form-item__label {
  justify-content: flex-start;
}
.d-new-form.d-form--label-right .d-form-item__label {
  justify-content: flex-end;
}
.d-new-form.d-form--label-top .d-new-form-item {
  display: block;
}
.d-new-form.d-form--label-top .d-new-form-item .d-form-item__label {
  height: var(--size-text-line-height-default);
  line-height: var(--size-text-line-height-default);
  padding-right: 0;
  margin-bottom: 4px;
}
.d-new-form.d-form-inline {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
}
.d-new-form .d-new-form-item {
  display: flex;
}
.d-new-form .d-new-form-item.is-error .d-input,
.d-new-form .d-new-form-item.is-error .d-textarea,
.d-new-form .d-new-form-item.is-error .d-input-number,
.d-new-form .d-new-form-item.is-error .d-select,
.d-new-form .d-new-form-item.is-error .d-cascader,
.d-new-form .d-new-form-item.is-error .d-datepicker,
.d-new-form .d-new-form-item.is-error .d-daterangepicker,
.d-new-form .d-new-form-item.is-error .d-timepicker,
.d-new-form .d-new-form-item.is-error .d-timerangepicker {
  background-color: #feebef;
}
.d-new-form .d-form-item__label {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-right: 16px;
  flex: 0 0 auto;
  height: var(--size-form-line-height-default);
  line-height: var(--size-form-line-height-default);
}
.d-new-form .d-form-item__label .d-form-item__title {
  font-weight: var(--size-text-font-weight-bold);
  font-size: var(--size-text-default);
  line-height: var(--size-text-line-height-default);
  color: var(--color-text-title);
}
.d-new-form .d-form-item__label .title-optional {
  font-size: var(--size-text-default);
  line-height: var(--size-text-line-height-default);
  color: var(--color-text-description);
}
.d-new-form .d-form-item__content {
  position: relative;
  flex: 1;
}
.d-new-form .d-form-item__content .d-form-item__wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: 32px;
}
.d-new-form .d-form-item__content .d-form-item__description {
  font-size: var(--size-text-default);
  line-height: var(--size-text-line-height-default);
  color: var(--color-text-description);
  margin-top: 4px;
}
.d-new-form .d-form-item__content .d-form-item__error {
  position: absolute;
  top: 100%;
  font-size: var(--size-text-default);
  line-height: var(--size-text-line-height-default);
  color: var(--color-danger);
  margin-top: 4px;
}
.d-new-form .d-form-item__content .d-form-item__error.push_down {
  position: relative;
  top: 0;
}
.d-new-form .d-form-item__content .error-info {
  display: flex;
  align-items: center;
  gap: 4px;
}
.d-notification-top-right,
.d-notification-bottom-right {
  margin-right: 40px;
}
.d-notification-top-left,
.d-notification-bottom-left {
  margin-left: 40px;
}
.d-notification-top {
  pointer-events: none;
}
.d-notification-top .d-notification-notice {
  pointer-events: all;
}
.d-new-notification {
  position: fixed;
  z-index: 99999;
}
.d-new-notification .d-notification-notice {
  position: relative;
  width: 400px;
  background: var(--color-bg-2);
  box-shadow: var(--shadow-display);
  border-radius: var(--size-radius-large);
  margin-bottom: 24px;
  padding: 16px;
}
.d-new-notification .d-top-right {
  margin-left: auto;
}
.d-new-notification .d-notification-main {
  display: flex;
  gap: 4px;
}
.d-new-notification .d-notification-closeable .d-notification-title {
  padding-right: 21px;
}
.d-new-notification .d-notification-icon {
  display: block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  padding: 4px;
  box-sizing: content-box;
}
.d-new-notification .d-notification-icon.d-notification-icon-success {
  color: var(--color-success);
}
.d-new-notification .d-notification-icon.d-notification-icon-info {
  color: var(--color-primary);
}
.d-new-notification .d-notification-icon.d-notification-icon-warning {
  color: var(--color-orange-6);
}
.d-new-notification .d-notification-icon.d-notification-icon-danger {
  color: var(--color-red-6);
}
.d-new-notification .d-notification-close {
  position: absolute;
  top: 20px;
  right: 21px;
  cursor: pointer;
  color: var(--color-text-description);
}
.d-new-notification .d-notification-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  word-break: break-word;
  flex: 1;
}
.d-new-notification .d-notification-content .d-notification-title {
  font-weight: var(--size-text-font-weight-bold);
  font-size: var(--size-text-h6);
  line-height: var(--size-text-h3);
  color: var(--color-text-title);
}
.d-new-notification .d-notification-content .d-notification-description {
  font-weight: var(--size-text-font-weight-default);
  font-size: var(--size-text-default);
  line-height: var(--size-text-line-height-default);
  color: var(--color-text-paragraph);
}
.d-new-notification .d-notification-content .d-notification-actions {
  gap: 8px 12px;
}
.d-new-notification .d-new-notification-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.d-new-notification .d-notification-fade-appear-from,
.d-new-notification .d-notification-fade-enter-from {
  opacity: 0;
}
.d-new-notification .d-notification-fade-appear-from.d-top-left,
.d-new-notification .d-notification-fade-enter-from.d-top-left,
.d-new-notification .d-notification-fade-appear-from.d-bottom-left,
.d-new-notification .d-notification-fade-enter-from.d-bottom-left {
  transform: translateX(-100%);
}
.d-new-notification .d-notification-fade-appear-from.d-top-right,
.d-new-notification .d-notification-fade-enter-from.d-top-right,
.d-new-notification .d-notification-fade-appear-from.d-bottom-right,
.d-new-notification .d-notification-fade-enter-from.d-bottom-right {
  transform: translateX(100%);
}
.d-new-notification .d-notification-fade-appear-from.d-top,
.d-new-notification .d-notification-fade-enter-from.d-top {
  transform: translateY(-100%);
}
.d-new-notification .d-notification-fade-appear-from.d-bottom,
.d-new-notification .d-notification-fade-enter-from.d-bottom {
  transform: translateY(100%);
}
.d-new-notification .d-notification-fade-enter-active,
.d-new-notification .d-notification-fade-appear-active,
.d-new-notification .d-notification-fade-move {
  transition: opacity 0.24s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.24s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.d-new-notification .d-notification-fade-leave-active {
  transition: opacity 0.24s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.24s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.d-new-notification .d-notification-fade-enter-to {
  opacity: 1;
}
.d-new-notification .d-notification-fade-leave-from {
  opacity: 1;
}
.d-new-notification .d-notification-fade-leave-active {
  position: absolute;
}
.d-new-notification .d-notification-fade-leave-active.d-top-right,
.d-new-notification .d-notification-fade-leave-active.d-bottom-right {
  right: 0;
}
.d-new-notification .d-notification-fade-leave-to {
  opacity: 0;
  transform: translateY(-24px);
}
.d-new-toast {
  position: fixed;
  top: 40px;
  width: 100%;
  pointer-events: none;
  z-index: 99999;
}
.d-new-toast .d-toast-wrapper {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  pointer-events: none;
}
.d-new-toast .d-toast-notice {
  position: relative;
  display: inline-block;
  background: var(--color-bg-2);
  box-shadow: var(--shadow-display);
  border-radius: var(--size-radius-default);
  padding: 13px 16px;
  font-weight: var(--size-text-font-weight-default);
  font-size: var(--size-text-default);
  color: var(--color-text-title);
  pointer-events: all;
}
.d-new-toast .d-toast-notice.d-strong-notice {
  border: var(--border-default);
}
.d-new-toast .d-toast-notice.d-strong-notice.d-success-notice {
  background: var(--color-success-light);
  border-color: var(--color-green-3);
}
.d-new-toast .d-toast-notice.d-strong-notice.d-info-notice {
  background: var(--color-blue-1);
  border-color: var(--color-primary-light-pressing);
}
.d-new-toast .d-toast-notice.d-strong-notice.d-warning-notice {
  background: #fef0e8;
  border-color: #f9bf9e;
}
.d-new-toast .d-toast-notice.d-strong-notice.d-danger-notice {
  background: #fdeaee;
  border-color: #f6a6b7;
}
.d-new-toast .d-toast-notice .d-toast-main {
  display: inline-flex;
  gap: 8px;
}
.d-new-toast .d-toast-notice .d-toast-main.d-toast-closeable .d-toast-content {
  padding-right: 24px;
}
.d-new-toast .d-toast-notice .d-toast-content {
  display: flex;
  align-items: center;
  gap: 8px;
}
.d-new-toast .d-toast-notice .d-toast-content .d-toast-description,
.d-new-toast .d-toast-notice .d-toast-content .d-text {
  line-height: var(--size-text-line-height-small);
}
.d-new-toast .d-toast-notice .d-toast-content .d-toast-description {
  flex: 1;
}
.d-new-toast .d-toast-notice .d-toast-icon {
  display: block;
  width: 16px;
  min-width: 16px;
  height: 16px;
  padding: 2px;
  box-sizing: content-box;
}
.d-new-toast .d-toast-notice .d-toast-icon.d-toast-icon-success {
  color: var(--color-success);
}
.d-new-toast .d-toast-notice .d-toast-icon.d-toast-icon-info {
  color: var(--color-primary);
}
.d-new-toast .d-toast-notice .d-toast-icon.d-toast-icon-warning {
  color: var(--color-orange-6);
}
.d-new-toast .d-toast-notice .d-toast-icon.d-toast-icon-danger {
  color: var(--color-red-6);
}
.d-new-toast .d-toast-notice .d-toast-close {
  position: absolute;
  width: 16px;
  height: 16px;
  padding: 2px;
  top: 16px;
  right: 16px;
  color: var(--color-text-description);
  cursor: pointer;
}
.d-new-toast .d-notification-fade-enter-active,
.d-new-toast .d-notification-fade-leave-active,
.d-new-toast .d-notification-fade-move {
  transition: opacity 0.24s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.24s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.d-new-toast .d-notification-fade-enter-to {
  opacity: 1;
}
.d-new-toast .d-notification-fade-leave-from {
  opacity: 1;
}
.d-new-toast .d-notification-fade-leave-active {
  position: absolute;
}
.d-new-toast .d-notification-fade-enter-from {
  opacity: 0;
  transform: translateY(-100%);
}
.d-new-toast .d-notification-fade-leave-to {
  opacity: 0;
  transform: translateY(-20px);
}
.d-timeline.d-timeline-left.d-timestamp-relative {
  margin-left: 124px;
}
.d-timeline.d-timeline-left.d-timestamp-relative .d-timeline-item__timestamp {
  max-width: 124px;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(calc(-100% - 14px));
}
.d-timeline.d-timeline-right .d-timeline-item-right {
  text-align: right;
  padding: 0 22px 12px 0;
}
.d-timeline.d-timeline-right .d-timeline-item__node {
  left: calc(100% - 8px);
}
.d-timeline.d-timeline-right .d-timeline-item__tail {
  left: calc(100% - 4px);
}
.d-timeline.d-timeline-right.d-timestamp-relative {
  margin-right: 124px;
}
.d-timeline.d-timeline-right.d-timestamp-relative .d-timeline-item__timestamp {
  max-width: 124px;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(calc(100% + 14px));
}
.d-timeline.d-timeline-alternate .d-timeline-item {
  padding-left: 0;
}
.d-timeline.d-timeline-alternate .d-timeline-item .d-timeline-item__node {
  left: 50%;
  margin-left: -4px;
}
.d-timeline.d-timeline-alternate .d-timeline-item .d-timeline-item__tail {
  left: 50%;
  margin-left: -0.5px;
}
.d-timeline.d-timeline-alternate .d-timeline-item-left .d-timeline-item__label,
.d-timeline.d-timeline-alternate .d-timeline-item-left .d-timeline-item__content,
.d-timeline.d-timeline-alternate .d-timeline-item-left .d-timeline-item__timestamp {
  width: calc(50% - 18px);
  text-align: right;
}
.d-timeline.d-timeline-alternate .d-timeline-item-right .d-timeline-item__label,
.d-timeline.d-timeline-alternate .d-timeline-item-right .d-timeline-item__content,
.d-timeline.d-timeline-alternate .d-timeline-item-right .d-timeline-item__timestamp {
  position: relative;
  width: calc(50% - 18px);
  left: calc(50% + 18px);
}
.d-timeline.d-timeline-alternate.d-timestamp-relative .d-timeline-item-left .d-timeline-item__timestamp {
  position: absolute;
  top: 0;
  left: calc(50% + 18px);
  text-align: left;
}
.d-timeline.d-timeline-alternate.d-timestamp-relative .d-timeline-item-right .d-timeline-item__timestamp {
  position: absolute;
  width: 50%;
  top: 0;
  left: 0;
  text-align: right;
  padding-right: 14px;
}
.d-timeline .d-timeline-item {
  position: relative;
  padding: 0 0 12px 22px;
}
.d-timeline .d-timeline-item.d-timeline-item__last {
  padding-bottom: 0;
}
.d-timeline .d-timeline-item.d-timeline-item__last .d-timeline-item__tail {
  display: none;
}
.d-timeline .d-timeline-item__node {
  position: absolute;
  left: 0;
  top: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
}
.d-timeline .d-timeline-item-custom-node {
  background: transparent;
}
.d-timeline .d-timeline-item__tail {
  position: absolute;
  top: 22px;
  left: 4px;
  width: 1px;
  height: calc(100% - 22px);
  background: var(--color-border-default);
}
.d-timeline .d-timeline-item__label {
  font-size: var(--size-text-default);
  line-height: var(--size-text-line-height-default);
  color: var(--color-text-title);
  word-break: break-all;
}
.d-timeline .timeline-text {
  font-size: var(--size-text-small);
  line-height: var(--size-text-line-height-small);
  word-break: break-all;
}
.d-timeline .d-timeline-item__content {
  color: var(--color-text-paragraph);
}
.d-timeline .d-timeline-item__timestamp {
  color: var(--color-text-description);
}
.d-virtual-tree .d-virtual-wrapper {
  height: 100%;
}
.d-virtual-tree .d-virtual-tree-node {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  border-radius: var(--size-radius-default);
  padding-left: 4px;
  transition: background-color 0.3s ease-in-out;
  margin-bottom: 8px;
  border: 1px solid transparent;
}
.d-virtual-tree .d-virtual-tree-node:not(.d-virtual-tree-node-disabled):hover {
  background-color: var(--color-fill-hover);
}
.d-virtual-tree .d-virtual-tree-node .d-tree-switcher {
  width: 20px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.d-virtual-tree .d-virtual-tree-node .d-tree-switcher svg {
  transition: transform 0.2s;
}
.d-virtual-tree .d-virtual-tree-node .d-tree-switcher-open svg {
  transform: rotate(90deg);
}
.d-virtual-tree .d-virtual-tree-node-drop {
  border-color: var(--color-primary);
}
.d-virtual-tree .d-virtual-tree-node-draggable::before {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  content: '';
  height: 1px;
}
.d-virtual-tree .indicator-top::before {
  top: -4px;
  background-color: var(--color-primary);
}
.d-virtual-tree .indicator-bottom::before {
  bottom: -4px;
  background-color: var(--color-primary);
}
.d-virtual-tree .d-virtual-tree-node-leaf {
  padding-left: 20px;
}
.d-virtual-tree .d-virtual-tree-node-selected {
  background-color: var(--color-primary-light);
}
.d-virtual-tree .d-virtual-tree-node-checkbox {
  margin: 0 8px 0 3px;
}
.d-virtual-tree .d-virtual-tree-node-icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.d-virtual-tree .d-virtual-tree-node-title {
  font-weight: var(--size-text-font-weight-default);
  font-size: var(--size-text-default);
  line-height: var(--size-text-line-height-default);
  color: var(--color-text-title);
}
.d-virtual-tree .d-virtual-tree-node-disabled {
  cursor: not-allowed;
}
.d-virtual-tree .d-virtual-tree-node-disabled .d-virtual-tree-node-title {
  color: var(--color-text-disabled);
}
.d-table-v2 {
  position: relative;
  font-size: 14px;
}
.d-table-v2 .d-table-affix-header-ele {
  position: sticky;
  top: 0;
  z-index: 6;
}
.d-table-v2 .d-table__summary {
  height: 100%;
}
.d-table-v2 .d-table__summary td {
  padding: 8px 12px;
}
.d-table-v2 .d-table__head__resize-wrapper {
  width: 6px;
  height: 100%;
  background-color: inherit;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
}
.d-table-v2 .d-table__head__resize-line {
  width: 2px;
  height: 100%;
  cursor: col-resize;
}
.d-table-v2 .d-table__head__resize-line:active,
.d-table-v2 .d-table__head__resize-line:hover {
  background: var(--color-primary);
  cursor: col-resize;
}
.d-table-v2 .d-table__header {
  background-color: var(--color-fill-opaque);
}
.d-table-v2 .d-table__header tr {
  background-color: inherit;
}
.d-table-v2 .d-table__header th,
.d-table-v2 .d-table__header .d-table__summary {
  padding: 8px 12px;
  font-weight: 500;
  line-height: 22px;
  color: rgba(0,0,0,0.65);
  background-color: inherit;
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
.d-table-v2 .d-table__header .d-table__th-cell-inner {
  display: flex;
}
.d-table-v2 .d-table__header .d-table__th-cell-sort {
  margin-top: 2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.d-table-v2 .d-table__header .d-table__th-cell-sort svg.active {
  color: var(--color-primary);
}
.d-table-v2 .d-table__content {
  position: relative;
  overflow: auto;
  min-height: 168px;
}
.d-table-v2 .d-table__content .d-table-virtual-scrollbar {
  position: absolute;
  width: 1px;
  right: 0;
}
.d-table-v2 .d-table-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  background-color: rgba(255,255,255,0.7);
}
.d-table--fixed .d-table__header {
  position: sticky;
  top: 0;
  z-index: 5;
}
.d-table--fixed-scroll-left .d-table-cell--fixed-left-last::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 4px;
  transition: box-shadow 0.1s cubic-bezier(0, 0, 1, 1);
  content: "";
  pointer-events: none;
  box-shadow: 4px 0 0 0 var(--color-fill), 1px 0 0 0 var(--color-fill);
}
.d-table--fixed-scroll-right .d-table-cell--fixed-right-first::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
  transition: box-shadow 0.1s cubic-bezier(0, 0, 1, 1);
  content: "";
  pointer-events: none;
  box-shadow: -4px 0 0 0 var(--color-fill), -1px 0 0 0 var(--color-fill);
}
.d-new-table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  text-align: left;
}
.d-new-table.d-table-auto {
  table-layout: auto;
}
.d-new-table.d-table-fixed {
  table-layout: fixed;
}
.d-new-table .d-table__body tr {
  background-color: #fff;
  transition: background-color 0.2s linear;
}
.d-new-table .d-table__body td {
  padding: 12px;
  line-height: var(--size-text-line-height-default);
  font-weight: var(--size-text-font-weight-default);
  color: var(--color-text-paragraph);
  background-color: inherit;
  border-bottom: 0.5px solid rgba(0,0,0,0.08);
}
.d-new-table .d-table__body td.d-table-cell--resizing::after {
  content: '';
  height: 100%;
  width: 1px;
  position: absolute;
  right: 2px;
  top: 0;
  background-color: var(--color-primary);
}
.d-new-table .d-table__body .d-table__cell-draggable {
  cursor: pointer;
}
.d-new-table .d-table__body .d-table__cell-draggable .d-table__cell-draggable-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.d-new-table .d-table__body .d-table__cell-disabled-drag {
  cursor: not-allowed;
}
.d-new-table .d-table__body .d-table__cell-disabled-drag .d-table__cell-draggable-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.d-new-table .d-table__body .d-table__expanded-row {
  background-color: rgba(0,0,0,0.02);
}
.d-new-table .d-table__body .d-table__expanded-row > td {
  padding: 0;
}
.d-new-table .d-table__body .d-table-expand-icon-column {
  cursor: pointer;
}
.d-new-table .d-table__body .d-table-expand-icon-column .d-table-expand-column-box {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.2s;
}
.d-new-table .d-table__body .d-table-expand-icon-column .d-icon {
  display: block;
  transition: transform 0.2s;
}
.d-new-table .d-table__body .d-table-expand-icon-column .d-table-expand-icon--expand {
  transform: rotate(90deg);
}
.d-new-table .d-table__body .d-table-tree_wrap {
  display: flex;
  align-items: center;
}
.d-new-table .d-table__body .d-table__tree-icon {
  display: flex;
  cursor: pointer;
  margin-right: 12px;
  transition: transform 0.2s;
}
.d-new-table .d-table__body .d-table__tree-icon-expanded {
  transform: rotate(90deg);
}
.d-new-table .d-table__body .d-table__tree-loading {
  margin-right: 14px;
  vertical-align: middle;
}
.d-new-table .d-table__body .d-table__tree-loading .d-icon {
  display: block;
}
.d-new-table .d-table__body .d-table__th-cell-select {
  display: flex;
}
.d-new-table .d-table__body .d-table__empty-row > td {
  padding: 0;
}
.d-new-table .d-table__body .d-table__empty {
  position: sticky;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 150px;
  color: var(--color-text-description);
}
.d-new-table td,
.d-new-table th {
  position: relative;
}
.d-new-table th:hover {
  background: var(--color-fill-hover-opaque);
}
.d-new-table .d-table__cell--fixed-left,
.d-new-table .d-table__cell--fixed-right {
  position: sticky;
  z-index: 4;
}
.d-new-table .d-table-cell-border-left {
  border-left: 1px solid rgba(0,0,0,0.08);
}
.d-table--hoverable .d-table__body tr:hover {
  background-color: rgba(0,0,0,0.05);
}
.t-table--striped .d-table__body tr:nth-of-type(2n) {
  background-color: rgba(0,0,0,0.05);
}
.d-robin-feedback {
  width: 360px;
  border-radius: 12px;
  border-top: 6px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #746cfd, #dc77ec, #ff74a2, #fe876f);
  padding: 20px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.08), 0 4px 15px rgba(0,0,0,0.2);
}
.d-robin-feedback .d-robin-feedback__main .d-robin-feedback__welcome {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  font: 500 20px/28px PingFang SC;
}
.d-robin-feedback .d-robin-feedback__main .d-robin-feedback__question .d-robin-feedback__question__rating .d-robin-feedback__rating__form .d-form-item__wrapper {
  justify-content: center;
}
.d-robin-feedback .d-robin-feedback__main .d-robin-feedback__question .d-robin-feedback__question__rating .d-robin-feedback__rating__form .d-robin-feedback__rating__star {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.d-robin-feedback .d-robin-feedback__main .d-robin-feedback__question .d-robin-feedback__question__rating .d-robin-feedback__rating__form .d-robin-feedback__rating__star .d-grid {
  column-gap: 18px;
}
.d-robin-feedback .d-robin-feedback__main .d-robin-feedback__question .d-robin-feedback__question__rating .d-robin-feedback__rating__form .d-robin-feedback__rating__star .d-grid .d-icon {
  width: 48px;
  height: 48px;
  line-height: 48px;
}
.d-robin-feedback .d-robin-feedback__main .d-robin-feedback__question .d-robin-feedback__question__rating .d-robin-feedback__rating__button {
  margin-top: 8px;
}
.d-robin-feedback .d-robin-feedback__main .d-robin-feedback__question .d-robin-feedback__question__rating .d-robin-feedback__rating__button .d-space {
  width: 320px;
  gap: 0 !important;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.d-robin-feedback .d-robin-feedback__main .d-robin-feedback__question .d-robin-feedback__question__rating .d-robin-feedback__rating__button .d-space .d-button {
  width: 28px;
  height: 32px;
}
.d-robin-feedback .d-robin-feedback__main .d-robin-feedback__question .d-robin-feedback__question__rating .d-robin-feedback__rating__button .d-space .d-button .d-text {
  overflow: visible;
}
.d-robin-feedback .d-robin-feedback__main .d-robin-feedback__question .d-robin-feedback__question__rating .d-robin-feedback__rating__discribe {
  height: 20px;
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
  font: 500 12px/20px PingFang SC;
  color: rgba(0,0,0,0.451);
}
.d-robin-feedback .d-robin-feedback__main .d-robin-feedback__question .d-robin-feedback__question__rating .d-robin-feedback__rating__reason {
  margin-top: 16px;
}
.d-robin-feedback .d-robin-feedback__main .d-robin-feedback__question .d-robin-feedback__question__rating .d-robin-feedback__rating__reason .d-robin-feedback__reason__button .d-space {
  gap: 8px !important;
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
}
body [class^='d-'] {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
.d-block {
  display: block;
}
.d-inline-block {
  display: inline-block;
  vertical-align: top;
}
.d-flex {
  display: flex;
}
.d-inline-flex {
  display: inline-flex;
  vertical-align: top;
}
.d-focusable:focus {
  outline: none;
}
.d-focusable:focus-visible {
  border-radius: var(--size-radius-default);
  outline: 2px solid #d0daff;
}
.disabled .d-focusable:focus-visible,
.d-focusable.disabled:focus-visible {
  outline: none;
}
.d-clickable {
  cursor: pointer;
}
.disabled .d-clickable,
.d-clickable.disabled {
  cursor: not-allowed;
}
.collapse-transition {
  transition: all 0.2s ease-in-out;
}