[data-module=display-setting] .display-setting-container {
  padding: 20px;
}

[data-module=display-setting] .data-section {
  display: flex;
}

[data-module=display-setting] .data-section:not(:nth-child(2)) {
  margin-top: 14px;
}

[data-module=display-setting] .data-section .data-key {
  flex: 1 0;
  color: var(--main-placeholder-color);
  font-size: 12px;
  margin-top: 10px;
  font-weight: bold;
}

[data-module=display-setting] .data-section .data-value {
  flex: 3 0;
}

[data-module=display-setting] .section-title {
  font-weight: bold;
  color: var(--main-text-color);
  font-size: 16px;
  margin-bottom: 24px;
}

[data-module=display-setting] .theme-active-button {
  border: var(--theme-active-border);
  color: var(--theme-active-text);
  background-color: var(--theme-active-background);
  border-radius: var(--theme-active-border-radius);
  width: auto;
  padding: 6px 13px;
  font-size: 12px;
  font-weight: bold;
  cursor: default;
}

[data-module=display-setting] .theme-active-button:not(:last-child) {
  margin-right: 10px;
}

[data-module=display-setting] .theme-download-button {
  mask-image: url(../../common/img/attachmentIcon/download-icon.svg);
  -webkit-mask-image: url(../../common/img/attachmentIcon/download-icon.svg);
  mask-position: center;
  -webkit-mask-position: center;
  mask-size: 20px 30px;
  -webkit-mask-size: 20px 30px;
  width: 20px;
  height: 30px;
  background: var(--main-icon-color);
}

[data-module=display-setting] .theme-download-button:hover {
  background: var(--main-key-color);
}

[data-module=display-setting] .theme-operation-container {
  display: flex;
  justify-content: flex-end;
}

[data-module=display-setting] .search-input-container,
[data-module=display-setting] .list {
  margin-left: 0;
}

[data-module=display-setting] .list-item-label {
  font-weight: bold;
}

.theme-dropdown-option-container {
  display: flex;
  align-items: center;
}