.inner-slot-W53jtLjw {
  --ui-lib-control-inner-slot-gap: 2px;
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-shrink: 0;
  height: calc(100% - (3px - var(--ui-lib-control-border-width, 1px)) * 2);
  justify-content: center;
  margin-bottom: calc(3px - var(--ui-lib-control-border-width, 1px));
  margin-right: var(--ui-lib-control-inner-slot-gap, 2px);
  margin-top: calc(3px - var(--ui-lib-control-border-width, 1px));
  overflow: hidden;
}
.inner-slot-W53jtLjw:first-child {
  margin-left: calc(3px - var(--ui-lib-control-border-width, 1px));
}
.inner-slot-W53jtLjw:nth-last-child(2) {
  margin-right: calc(3px - var(--ui-lib-control-border-width, 1px));
}
.inner-slot-W53jtLjw.interactive-W53jtLjw {
  color: var(--ui-lib-control-default-slot-color, currentColor);
}
.inner-slot-W53jtLjw.icon-W53jtLjw {
  flex: none;
  width: 28px;
}
.inner-middle-slot-W53jtLjw {
  flex: 1 1 auto;
}
.before-slot-W53jtLjw {
  display: flex;
  margin-bottom: 2px;
}
.after-slot-W53jtLjw {
  display: flex;
  margin-top: 4px;
}
.container-WDZ0PRNh {
  align-items: center;
  border-color: var(
    --ui-lib-intent-color,
    var(--themed-color-control-intent-default, #dbdbdb)
  );
  border-radius: 8px;
  border-style: solid;
  border-width: var(--ui-lib-control-border-width, 1px);
  box-sizing: border-box;
  color: var(--themed-color-text-primary, #1a1a1a);
  display: inline-flex;
  position: relative;
  --ui-lib-control-default-slot-color: var(
    --themed-color-text-secondary,
    #707070
  );
  height: var(--ui-lib-control-skeleton-height, auto);
}
html.theme-dark .container-WDZ0PRNh {
  --ui-lib-control-default-slot-color: var(
    --themed-color-text-secondary,
    #8c8c8c
  );
  border-color: var(
    --ui-lib-intent-color,
    var(--themed-color-control-intent-default, #575757)
  );
  color: var(--themed-color-text-primary, #dbdbdb);
}
.container-WDZ0PRNh.container-xxsmall-WDZ0PRNh {
  border-radius: var(--ui-lib-buttonAnchor-border-radius, 4px);
}
.container-WDZ0PRNh.container-small-WDZ0PRNh,
.container-WDZ0PRNh.container-xsmall-WDZ0PRNh {
  border-radius: var(--ui-lib-buttonAnchor-border-radius, 6px);
}
.container-WDZ0PRNh.container-large-WDZ0PRNh,
.container-WDZ0PRNh.container-medium-WDZ0PRNh {
  border-radius: var(--ui-lib-buttonAnchor-border-radius, 8px);
}
@media (any-hover: hover) {
  .container-WDZ0PRNh.intent-default-WDZ0PRNh:hover {
    border-color: var(--themed-color-control-border-hover, #a8a8a8);
    --ui-lib-control-default-slot-color: var(
      --themed-color-text-primary,
      #1a1a1a
    );
  }
  html.theme-dark .container-WDZ0PRNh.intent-default-WDZ0PRNh:hover {
    --ui-lib-control-default-slot-color: var(
      --themed-color-text-primary,
      #dbdbdb
    );
    border-color: var(--themed-color-control-border-hover, #707070);
  }
}
.container-WDZ0PRNh.focused-WDZ0PRNh {
  border-color: var(--themed-color-control-intent-primary, #2962ff);
}
@media (any-hover: hover) {
  .container-WDZ0PRNh.focused-WDZ0PRNh:hover {
    border-color: var(--themed-color-control-intent-primary, #2962ff);
  }
}
html.theme-dark .container-WDZ0PRNh.focused-WDZ0PRNh {
  border-color: var(--themed-color-control-intent-primary, #2962ff);
}
@media (any-hover: hover) {
  html.theme-dark .container-WDZ0PRNh.focused-WDZ0PRNh:hover {
    border-color: var(--themed-color-control-intent-primary, #2962ff);
  }
}
.container-WDZ0PRNh.readonly-WDZ0PRNh {
  background-color: var(--themed-color-control-disabled-bg, #f2f2f2);
  border-color: var(--themed-color-control-intent-default, #dbdbdb);
}
@media (any-hover: hover) {
  .container-WDZ0PRNh.readonly-WDZ0PRNh:hover {
    background-color: var(--themed-color-control-disabled-bg, #f2f2f2);
    border-color: var(--themed-color-control-intent-default, #dbdbdb);
  }
}
html.theme-dark .container-WDZ0PRNh.readonly-WDZ0PRNh {
  background-color: var(--themed-color-control-disabled-bg, #303030);
}
@media (any-hover: hover) {
  html.theme-dark .container-WDZ0PRNh.readonly-WDZ0PRNh:hover {
    background-color: var(--themed-color-control-disabled-bg, #303030);
  }
}
html.theme-dark .container-WDZ0PRNh.readonly-WDZ0PRNh {
  border-color: var(--themed-color-control-intent-default, #575757);
}
@media (any-hover: hover) {
  html.theme-dark .container-WDZ0PRNh.readonly-WDZ0PRNh:hover {
    border-color: var(--themed-color-control-intent-default, #575757);
  }
}
.container-WDZ0PRNh.disabled-WDZ0PRNh {
  background-color: var(--themed-color-control-disabled-bg, #f2f2f2);
  border-color: var(--themed-color-control-intent-default, #dbdbdb);
  color: var(--themed-color-control-disabled-text, #707070);
  --ui-lib-control-text-fill-color: var(
    --themed-color-control-disabled-text,
    #707070
  );
  --ui-lib-control-default-slot-color: var(
    --themed-color-text-secondary,
    #707070
  );
}
@media (any-hover: hover) {
  .container-WDZ0PRNh.disabled-WDZ0PRNh:hover {
    background-color: var(--themed-color-control-disabled-bg, #f2f2f2);
    border-color: var(--themed-color-control-intent-default, #dbdbdb);
    color: var(--themed-color-control-disabled-text, #707070);
    --ui-lib-control-text-fill-color: var(
      --themed-color-control-disabled-text,
      #707070
    );
    --ui-lib-control-default-slot-color: var(
      --themed-color-text-secondary,
      #707070
    );
  }
}
html.theme-dark .container-WDZ0PRNh.disabled-WDZ0PRNh {
  --ui-lib-control-default-slot-color: var(
    --themed-color-text-secondary,
    #8c8c8c
  );
}
@media (any-hover: hover) {
  html.theme-dark .container-WDZ0PRNh.disabled-WDZ0PRNh:hover {
    --ui-lib-control-default-slot-color: var(
      --themed-color-text-secondary,
      #8c8c8c
    );
  }
}
html.theme-dark .container-WDZ0PRNh.disabled-WDZ0PRNh {
  --ui-lib-control-text-fill-color: var(
    --themed-color-control-disabled-text,
    #575757
  );
}
@media (any-hover: hover) {
  html.theme-dark .container-WDZ0PRNh.disabled-WDZ0PRNh:hover {
    --ui-lib-control-text-fill-color: var(
      --themed-color-control-disabled-text,
      #575757
    );
  }
}
html.theme-dark .container-WDZ0PRNh.disabled-WDZ0PRNh {
  color: var(--themed-color-control-disabled-text, #575757);
}
@media (any-hover: hover) {
  html.theme-dark .container-WDZ0PRNh.disabled-WDZ0PRNh:hover {
    color: var(--themed-color-control-disabled-text, #575757);
  }
}
html.theme-dark .container-WDZ0PRNh.disabled-WDZ0PRNh {
  background-color: var(--themed-color-control-disabled-bg, #303030);
}
@media (any-hover: hover) {
  html.theme-dark .container-WDZ0PRNh.disabled-WDZ0PRNh:hover {
    background-color: var(--themed-color-control-disabled-bg, #303030);
  }
}
html.theme-dark .container-WDZ0PRNh.disabled-WDZ0PRNh {
  border-color: var(--themed-color-control-intent-default, #575757);
}
@media (any-hover: hover) {
  html.theme-dark .container-WDZ0PRNh.disabled-WDZ0PRNh:hover {
    border-color: var(--themed-color-control-intent-default, #575757);
  }
}
.container-WDZ0PRNh.with-highlight-WDZ0PRNh,
.container-WDZ0PRNh.with-highlight-WDZ0PRNh.focused-WDZ0PRNh {
  border-color: var(--themed-color-control-intent-default, #dbdbdb);
  outline: none;
}
@media (any-hover: hover) {
  .container-WDZ0PRNh.with-highlight-WDZ0PRNh:hover {
    border-color: var(--themed-color-control-intent-default, #dbdbdb);
    outline: none;
  }
}
html.theme-dark .container-WDZ0PRNh.with-highlight-WDZ0PRNh,
html.theme-dark .container-WDZ0PRNh.with-highlight-WDZ0PRNh.focused-WDZ0PRNh {
  border-color: var(--themed-color-control-intent-default, #575757);
}
@media (any-hover: hover) {
  html.theme-dark .container-WDZ0PRNh.with-highlight-WDZ0PRNh:hover {
    border-color: var(--themed-color-control-intent-default, #575757);
  }
}
.container-WDZ0PRNh.grouped-WDZ0PRNh.adjust-position-WDZ0PRNh:not(.first-row-WDZ0PRNh) {
  margin-top: calc(var(--ui-lib-control-border-width, 1px) * -1);
}
.container-WDZ0PRNh.grouped-WDZ0PRNh.adjust-position-WDZ0PRNh:not(.first-col-WDZ0PRNh) {
  margin-left: calc(var(--ui-lib-control-border-width, 1px) * -1);
}
@media (any-hover: hover) {
  .container-WDZ0PRNh.grouped-WDZ0PRNh:hover {
    z-index: 1;
  }
}
.container-WDZ0PRNh.grouped-WDZ0PRNh.focused-WDZ0PRNh {
  z-index: 2;
}
.container-WDZ0PRNh.stretch-WDZ0PRNh {
  width: 100%;
}
.container-WDZ0PRNh.font-size-medium-WDZ0PRNh {
  --ui-lib-typography-font-size: 14px;
  --ui-lib-typography-line-height: 18px;
}
.container-WDZ0PRNh.font-size-large-WDZ0PRNh,
.container-WDZ0PRNh.font-size-medium-WDZ0PRNh {
  font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu,
    sans-serif;
  font-feature-settings: "tnum" on, "lnum" on;
  font-size: var(--ui-lib-typography-font-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--ui-lib-typography-line-height);
}
.container-WDZ0PRNh.font-size-large-WDZ0PRNh {
  --ui-lib-typography-font-size: 16px;
  --ui-lib-typography-line-height: 24px;
}
.container-WDZ0PRNh.no-corner-top-left-WDZ0PRNh {
  border-top-left-radius: 0;
}
.container-WDZ0PRNh.no-corner-top-right-WDZ0PRNh {
  border-top-right-radius: 0;
}
.container-WDZ0PRNh.no-corner-bottom-right-WDZ0PRNh {
  border-bottom-right-radius: 0;
}
.container-WDZ0PRNh.no-corner-bottom-left-WDZ0PRNh {
  border-bottom-left-radius: 0;
}
.size-xxsmall-WDZ0PRNh {
  --ui-lib-control-skeleton-height: 24px;
  border-radius: 4px;
}
.size-xsmall-WDZ0PRNh {
  --ui-lib-control-skeleton-height: 28px;
  border-radius: 6px;
}
.size-small-WDZ0PRNh {
  --ui-lib-control-skeleton-height: 34px;
  border-radius: 6px;
}
.size-medium-WDZ0PRNh {
  --ui-lib-control-skeleton-height: 40px;
  border-radius: 8px;
}
.size-large-WDZ0PRNh {
  --ui-lib-control-skeleton-height: 48px;
  border-radius: 8px;
}
.intent-default-WDZ0PRNh {
  --ui-lib-intent-color: var(--themed-color-control-intent-default, #dbdbdb);
  --ui-lib-intent-highlight-color: var(
    --themed-color-control-highlight-intent-default,
    #b8b8b8
  );
}
html.theme-dark .intent-default-WDZ0PRNh {
  --ui-lib-intent-highlight-color: var(
    --themed-color-control-highlight-intent-default,
    #8c8c8c
  );
  --ui-lib-intent-color: var(--themed-color-control-intent-default, #575757);
}
.intent-success-WDZ0PRNh {
  --ui-lib-intent-color: var(--themed-color-control-intent-success, #089981);
  --ui-lib-intent-highlight-color: var(
    --themed-color-control-highlight-intent-success,
    #089981
  );
}
html.theme-dark .intent-success-WDZ0PRNh {
  --ui-lib-intent-color: var(--themed-color-control-intent-success, #089981);
}
.intent-warning-WDZ0PRNh {
  --ui-lib-intent-color: var(--themed-color-control-intent-warning, #ff9800);
  --ui-lib-intent-highlight-color: var(
    --themed-color-control-highlight-intent-warning,
    #ff9800
  );
}
html.theme-dark .intent-warning-WDZ0PRNh {
  --ui-lib-intent-color: var(--themed-color-control-intent-warning, #ff9800);
}
.intent-danger-WDZ0PRNh {
  --ui-lib-intent-color: var(--themed-color-control-intent-danger, #f23645);
  --ui-lib-intent-highlight-color: var(
    --themed-color-control-highlight-intent-danger,
    #f23645
  );
}
html.theme-dark .intent-danger-WDZ0PRNh {
  --ui-lib-intent-color: var(--themed-color-control-intent-danger, #f23645);
}
.intent-primary-WDZ0PRNh {
  --ui-lib-intent-color: var(--themed-color-control-intent-primary, #2962ff);
  --ui-lib-intent-highlight-color: var(
    --themed-color-control-highlight-intent-primary,
    #2962ff
  );
}
html.theme-dark .intent-primary-WDZ0PRNh {
  --ui-lib-intent-color: var(--themed-color-control-intent-primary, #2962ff);
}
.border-none-WDZ0PRNh {
  --ui-lib-control-border-width: 0px;
}
.border-thin-WDZ0PRNh {
  --ui-lib-control-border-width: 1px;
}
.border-thick-WDZ0PRNh {
  --ui-lib-control-border-width: 2px;
}
.highlight-WDZ0PRNh {
  border: 2px solid;
  border-color: var(
    --ui-lib-intent-highlight-color,
    var(--themed-color-control-highlight-intent-default, #b8b8b8)
  );
  border-radius: var(--ui-lib-control-highlight-border-radius, 8px);
  bottom: 0;
  left: 0;
  margin: calc(var(--ui-lib-control-border-width, 1px) * -1);
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 3;
}
html.theme-dark .highlight-WDZ0PRNh {
  border-color: var(
    --ui-lib-intent-highlight-color,
    var(--themed-color-control-highlight-intent-default, #8c8c8c)
  );
}
.highlight-WDZ0PRNh.shown-WDZ0PRNh {
  visibility: visible;
}
.highlight-WDZ0PRNh.no-corner-top-left-WDZ0PRNh {
  border-top-left-radius: 0;
}
.highlight-WDZ0PRNh.no-corner-top-right-WDZ0PRNh {
  border-top-right-radius: 0;
}
.highlight-WDZ0PRNh.no-corner-bottom-right-WDZ0PRNh {
  border-bottom-right-radius: 0;
}
.highlight-WDZ0PRNh.no-corner-bottom-left-WDZ0PRNh {
  border-bottom-left-radius: 0;
}
.highlight-WDZ0PRNh.size-xxsmall-WDZ0PRNh {
  border-radius: 4px;
}
.highlight-WDZ0PRNh.size-xxsmall-WDZ0PRNh.no-corner-top-left-WDZ0PRNh {
  border-top-left-radius: 0;
}
.highlight-WDZ0PRNh.size-xxsmall-WDZ0PRNh.no-corner-top-right-WDZ0PRNh {
  border-top-right-radius: 0;
}
.highlight-WDZ0PRNh.size-xxsmall-WDZ0PRNh.no-corner-bottom-right-WDZ0PRNh {
  border-bottom-right-radius: 0;
}
.highlight-WDZ0PRNh.size-xxsmall-WDZ0PRNh.no-corner-bottom-left-WDZ0PRNh {
  border-bottom-left-radius: 0;
}
.highlight-WDZ0PRNh.size-xsmall-WDZ0PRNh {
  border-radius: 6px;
}
.highlight-WDZ0PRNh.size-xsmall-WDZ0PRNh.no-corner-top-left-WDZ0PRNh {
  border-top-left-radius: 0;
}
.highlight-WDZ0PRNh.size-xsmall-WDZ0PRNh.no-corner-top-right-WDZ0PRNh {
  border-top-right-radius: 0;
}
.highlight-WDZ0PRNh.size-xsmall-WDZ0PRNh.no-corner-bottom-right-WDZ0PRNh {
  border-bottom-right-radius: 0;
}
.highlight-WDZ0PRNh.size-xsmall-WDZ0PRNh.no-corner-bottom-left-WDZ0PRNh {
  border-bottom-left-radius: 0;
}
.highlight-WDZ0PRNh.size-small-WDZ0PRNh {
  border-radius: 6px;
}
.highlight-WDZ0PRNh.size-small-WDZ0PRNh.no-corner-top-left-WDZ0PRNh {
  border-top-left-radius: 0;
}
.highlight-WDZ0PRNh.size-small-WDZ0PRNh.no-corner-top-right-WDZ0PRNh {
  border-top-right-radius: 0;
}
.highlight-WDZ0PRNh.size-small-WDZ0PRNh.no-corner-bottom-right-WDZ0PRNh {
  border-bottom-right-radius: 0;
}
.highlight-WDZ0PRNh.size-small-WDZ0PRNh.no-corner-bottom-left-WDZ0PRNh {
  border-bottom-left-radius: 0;
}
.highlight-WDZ0PRNh.size-medium-WDZ0PRNh {
  border-radius: 8px;
}
.highlight-WDZ0PRNh.size-medium-WDZ0PRNh.no-corner-top-left-WDZ0PRNh {
  border-top-left-radius: 0;
}
.highlight-WDZ0PRNh.size-medium-WDZ0PRNh.no-corner-top-right-WDZ0PRNh {
  border-top-right-radius: 0;
}
.highlight-WDZ0PRNh.size-medium-WDZ0PRNh.no-corner-bottom-right-WDZ0PRNh {
  border-bottom-right-radius: 0;
}
.highlight-WDZ0PRNh.size-medium-WDZ0PRNh.no-corner-bottom-left-WDZ0PRNh {
  border-bottom-left-radius: 0;
}
.highlight-WDZ0PRNh.size-large-WDZ0PRNh {
  border-radius: 8px;
}
.highlight-WDZ0PRNh.size-large-WDZ0PRNh.no-corner-top-left-WDZ0PRNh {
  border-top-left-radius: 0;
}
.highlight-WDZ0PRNh.size-large-WDZ0PRNh.no-corner-top-right-WDZ0PRNh {
  border-top-right-radius: 0;
}
.highlight-WDZ0PRNh.size-large-WDZ0PRNh.no-corner-bottom-right-WDZ0PRNh {
  border-bottom-right-radius: 0;
}
.highlight-WDZ0PRNh.size-large-WDZ0PRNh.no-corner-bottom-left-WDZ0PRNh {
  border-bottom-left-radius: 0;
}