.extension-editor>.header>.details>.actions>.monaco-action-bar .action-item .action-label.disable-status,
.extension-editor>.header>.details>.actions>.monaco-action-bar .action-item .action-label.malicious-status {
  font-weight: 400
}

.extension-editor>.header.recommended>.details>.recommendation>.monaco-action-bar .actions-container {
  justify-content: flex-start
}

.extension-editor {
  height: 100%;
  overflow: hidden
}

.extension-editor .clickable {
  cursor: pointer
}

.extension-editor>.header {
  display: flex;
  padding: 20px 20px 14px;
  overflow: hidden;
  font-size: 14px
}

.extension-editor>.header>.icon {
  height: 128px;
  width: 128px;
  object-fit: contain
}

.extension-editor>.header>.details {
  padding-left: 20px;
  overflow: hidden;
  user-select: text
}

.extension-editor>.header>.details>.title {
  display: flex;
  align-items: center
}

.extension-editor>.header>.details>.title>.name {
  flex: 0;
  font-size: 26px;
  line-height: 30px;
  font-weight: 600;
  white-space: nowrap
}

.extension-editor>.header>.details>.title>.identifier {
  margin-left: 10px;
  font-size: 14px;
  opacity: .6;
  background: hsla(0, 0%, 68%, .31);
  padding: 0 4px;
  border-radius: 4px;
  user-select: text;
  white-space: nowrap
}

.extension-editor>.header>.details>.title>.builtin {
  font-size: 10px;
  font-style: italic;
  margin-left: 10px
}

.vs .extension-editor>.header>.details>.title>.preview {
  color: #fff
}

.extension-editor>.header>.details>.title>.preview {
  background: #d63f26;
  font-size: 10px;
  font-style: italic;
  margin-left: 10px;
  padding: 0 4px;
  border-radius: 4px;
  user-select: none
}

.extension-editor>.header>.details>.subtitle {
  padding-top: 6px;
  white-space: nowrap;
  height: 20px;
  line-height: 20px
}

.extension-editor>.header>.details>.subtitle>.publisher {
  font-size: 18px
}

.extension-editor>.header>.details>.subtitle>.install>.count {
  margin-left: 6px
}

.extension-editor>.header>.details>.subtitle>a:not(:first-child):not(:empty),
.extension-editor>.header>.details>.subtitle>span:not(:first-child):not(:empty) {
  border-left: 1px solid hsla(0, 0%, 50%, .7);
  margin-left: 14px;
  padding-left: 14px
}

.extension-editor>.header>.details>.description {
  margin-top: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.extension-editor>.header>.details>.actions {
  margin-top: 10px
}

.extension-editor>.header>.details>.actions>.monaco-action-bar {
  text-align: initial
}

.extension-editor>.header>.details>.actions>.monaco-action-bar>.actions-container {
  justify-content: flex-start
}

.extension-editor>.header>.details>.actions>.monaco-action-bar>.actions-container>.action-item>.action-label {
  font-weight: 600;
  margin: 4px;
  padding: 1px 6px
}

.extension-editor>.header>.details>.recommendation {
  display: none
}

.extension-editor>.header.recommendation-ignored>.details>.recommendation,
.extension-editor>.header.recommended>.details>.recommendation {
  display: block;
  float: left;
  margin-top: 0;
  font-size: 13px;
  font-style: italic
}

.extension-editor>.header.recommendation-ignored>.details>.recommendation>.monaco-action-bar,
.extension-editor>.header.recommended>.details>.recommendation>.monaco-action-bar {
  float: left;
  margin-top: 2px;
  font-style: normal
}

.extension-editor>.header>.details>.recommendation>.recommendation-text {
  float: left;
  margin-top: 5px;
  margin-right: 4px
}

.extension-editor>.header>.details>.recommendation>.monaco-action-bar .action-label {
  margin-top: 4px;
  margin-left: 4px;
  padding-top: 0;
  padding-bottom: 2px
}

.extension-editor>.header.recommendation-ignored>.details>.recommendation>.monaco-action-bar .ignore {
  display: none
}

.extension-editor>.header.recommendation-ignored>.details>.recommendation>.monaco-action-bar .undo-ignore,
.extension-editor>.header.recommended>.details>.recommendation>.monaco-action-bar .ignore {
  display: block
}

.extension-editor>.header.recommended>.details>.recommendation>.monaco-action-bar .undo-ignore {
  display: none
}

.extension-editor>.body {
  height: calc(100% - 168px);
  overflow: hidden
}

.extension-editor>.body>.navbar {
  height: 36px;
  font-weight: 700;
  font-size: 14px;
  line-height: 36px;
  padding-left: 20px;
  border-bottom: 1px solid hsla(0, 0%, 53%, .45);
  box-sizing: border-box
}

.extension-editor>.body>.navbar>.monaco-action-bar>.actions-container {
  justify-content: initial
}

.extension-editor>.body>.navbar>.monaco-action-bar>.actions-container>.action-item>.action-label {
  margin-right: 16px;
  font-size: inherit;
  opacity: .7;
}

.extension-editor>.body>.navbar>.monaco-action-bar>.actions-container>.action-item.disabled>.action-label {
  opacity: 1;
  text-decoration: underline
}

.extension-editor>.body>.navbar>.monaco-action-bar>.actions-container>.action-item>.action-label:hover {
  text-decoration: underline
}

.extension-editor>.body>.content {
  height: calc(100% - 36px);
  position: relative;
  overflow: hidden;
  user-select: text
}

.extension-editor>.body>.content.loading {
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='575' height='6px'%3E %3Cstyle%3E circle { animation: ball 2.5s cubic-bezier(0.000, 1.000, 1.000, 0.000) infinite; fill: %23bbb; } %23balls { animation: balls 2.5s linear infinite; } %23circle2 { animation-delay: 0.1s; } %23circle3 { animation-delay: 0.2s; } %23circle4 { animation-delay: 0.3s; } %23circle5 { animation-delay: 0.4s; } @keyframes ball { from { transform: none; } 20% { transform: none; } 80% { transform: translateX(864px); } to { transform: translateX(864px); } } @keyframes balls { from { transform: translateX(-40px); } to { transform: translateX(30px); } } %3C/style%3E %3Cg id='balls'%3E %3Ccircle class='circle' id='circle1' cx='-115' cy='3' r='3'/%3E %3Ccircle class='circle' id='circle2' cx='-130' cy='3' r='3' /%3E %3Ccircle class='circle' id='circle3' cx='-145' cy='3' r='3' /%3E %3Ccircle class='circle' id='circle4' cx='-160' cy='3' r='3' /%3E %3Ccircle class='circle' id='circle5' cx='-175' cy='3' r='3' /%3E %3C/g%3E %3C/svg%3E") 50% no-repeat
}

.extension-editor>.body>.content>.monaco-scrollable-element {
  height: 100%
}

.extension-editor>.body>.content>.nocontent {
  margin-left: 20px
}

.extension-editor>.body>.content>.monaco-scrollable-element>.subcontent {
  height: 100%;
  padding: 20px;
  overflow-y: scroll;
  box-sizing: border-box
}

.extension-editor>.body>.content table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate
}

.extension-editor>.body>.content details:not(:first-child) {
  margin-top: 20px
}

.extension-editor>.body>.content details>summary {
  cursor: pointer;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 120%;
  border-bottom: 1px solid hsla(0, 0%, 50%, .22);
  padding-bottom: 6px
}

.extension-editor>.body>.content details>summary:focus {
  outline: none
}

.extension-editor>.body>.content details>summary::-webkit-details-marker {
  color: hsla(0, 0%, 50%, .5)
}

.extension-editor>.body>.content table tr:nth-child(odd) {
  background-color: hsla(0, 0%, 51%, .04)
}

.extension-editor>.body>.content table tr:not(:first-child):hover {
  background-color: hsla(0, 0%, 50%, .15)
}

.extension-editor>.body>.content table td,
.extension-editor>.body>.content table th {
  padding: 2px 16px 2px 4px
}

.extension-editor>.body>.content table td:last-child,
.extension-editor>.body>.content table th:last-child {
  padding: 2px 4px
}

.extension-editor>.body>.content table th {
  text-align: left;
  word-break: keep-all
}

.extension-editor>.body>.content table code:not(:empty) {
  font-family: Monaco, Menlo, Consolas, Droid Sans Mono, Inconsolata, Courier New, monospace, Droid Sans Fallback;
  font-size: 90%;
  background-color: hsla(0, 0%, 50%, .17);
  border-radius: 4px;
  padding: 1px 4px
}

.extension-editor>.body>.content table .colorBox {
  box-sizing: border-box;
  width: .8em;
  height: .8em;
  display: inline-block;
  border: .1em solid #000;
  margin: 0 .2em;
  vertical-align: middle
}

.hc-black .extension-editor>.body>.content table .colorBox,
.vs-dark .extension-editor>.body>.content table .colorBox {
  border-color: #eee
}

.extension-editor .subcontent .monaco-tree-row .content .unknown-dependency {
  line-height: 62px
}

.extension-editor .subcontent .monaco-tree-row .content .unknown-dependency>.error-marker {
  background-color: #be1100;
  padding: 2px 4px;
  font-weight: 700;
  font-size: 11px;
  color: #ccc
}

.extension-editor .subcontent .monaco-tree-row .unknown-dependency>.message {
  padding-left: 10px;
  font-weight: 700;
  font-size: 14px
}

.extension-editor .subcontent .monaco-tree-row .dependency {
  display: flex;
  align-items: center
}

.extension-editor .subcontent .monaco-tree-row .dependency>.details {
  flex: 1;
  overflow: hidden;
  padding-left: 10px
}

.extension-editor .subcontent .monaco-tree-row .dependency>.details>.header {
  display: flex;
  align-items: center;
  height: 19px;
  overflow: hidden
}

.extension-editor .subcontent .monaco-tree-row .dependency>.icon {
  height: 40px;
  width: 40px;
  object-fit: contain
}

.extension-editor .subcontent .monaco-tree-row .dependency>.details>.header>.name {
  font-weight: 700;
  font-size: 16px
}

.extension-editor .subcontent .monaco-tree-row .dependency>.details>.header>.name:hover {
  text-decoration: underline
}

.extension-editor .subcontent .monaco-tree-row .dependency>.details>.header>.identifier {
  font-size: 90%;
  opacity: .6;
  margin-left: 10px;
  background: hsla(0, 0%, 68%, .31);
  padding: 0 4px;
  border-radius: 4px
}

.extension-editor .subcontent .monaco-tree-row .dependency>.details>.footer {
  display: flex;
  height: 19px;
  overflow: hidden;
  padding-top: 5px
}

.extension-editor .subcontent .monaco-tree-row .dependency>.details>.footer>.author {
  font-size: 90%;
  font-weight: 600;
  opacity: .6
}