.date-picker-container {
  position: relative;
}
.date-picker-container .date-picker {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: var(--sl-input-height-medium);
  padding: 0.75rem var(--sl-input-spacing-medium);
  font-family: var(--sl-input-font-family);
  font-weight: var(--sl-input-font-weight);
  letter-spacing: var(--sl-input-letter-spacing);
  color: var(--sl-input-color);
  transition: var(--sl-transition-fast) color, var(--sl-transition-fast) border, var(--sl-transition-fast) box-shadow, var(--sl-transition-fast) background-color;
  background-color: var(--sl-input-background-color-focus);
  border: solid var(--sl-input-border-width) var(--sl-input-border-color);
  border-radius: var(--sl-input-border-radius-medium);
}
.date-picker-container .date-picker:focus {
  border-color: var(--sl-input-border-color-focus);
  box-shadow: 0 0 0 var(--sl-focus-ring-width) var(--sl-input-focus-ring-color);
  outline: none;
}
.date-picker-container .date-picker:disabled {
  border-color: var(--sl-input-border-color-disabled);
  background-color: var(--sl-input-background-color-disabled);
  -webkit-text-fill-color: var(--sl-input-color-disabled);
  opacity: 0.5;
  cursor: not-allowed;
}
.date-picker-container .date-picker:disabled::placeholder {
  color: var(--sl-input-placeholder-color);
}
.date-picker-container .date-picker-label.required:after {
  content: " *";
  color: var(--sl-color-danger-600);
}
.date-picker-container .date-picker-label {
  display: inline-block;
  margin-bottom: var(--sl-spacing-3x-small);
}
.date-picker-container .datepicker-dropdown, .date-picker-container .datepicker-view {
  width: 100%;
}
.date-picker-container.disabled sl-icon {
  color: var(--sl-input-color-disabled);
  opacity: 0.5;
  cursor: not-allowed;
}
.date-picker-container sl-icon {
  position: absolute;
  top: 2.3rem;
  right: 0.75rem;
  font-size: 1.2rem;
  cursor: pointer;
  z-index: 10;
}
.date-picker-container sl-icon.clear-button {
  right: 2.75rem;
  font-size: large;
  color: var(--sl-input-icon-color);
  transition: color var(--sl-transition-fast);
}
.date-picker-container sl-icon.clear-button:hover {
  color: var(--sl-input-icon-color-hover);
}

data.editable {
  position: relative;
  min-height: 2.6rem;
}
data.editable.editing value {
  visibility: hidden;
}
data.editable label {
  position: relative;
}
data.editable label:hover {
  cursor: pointer;
}
data.editable label:hover p {
  background: linear-gradient(180deg, transparent 85%, var(--sl-color-gray-300) 5%);
}
data.editable label p {
  padding-bottom: 1px;
}
data.editable label:before {
  content: "";
  position: absolute;
  top: 3px;
  right: -24px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBMaWNlbnNlOiBDQyBBdHRyaWJ1dGlvbi4gTWFkZSBieSBTaGFubm9uIEUuIFRob21hczogaHR0cHM6Ly9kcmliYmJsZS5jb20vc2hhbm5vbmV0aG9tYXMgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLmJsdWVwcmludF9lZW57ZmlsbDojNjY2O30KCS5zdDB7ZmlsbDojMEIxNzE5O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9ImJsdWVwcmludF9lZW4iIGQ9Ik0zMS4yOTMsNy4yOTNsLTYuNTg2LTYuNTg2QzI0LjUxMiwwLjUxMiwyNC4yNTYsMC40MTQsMjQsMC40MTRzLTAuNTEyLDAuMDk4LTAuNzA3LDAuMjkzCglMMy4xODgsMjAuODEyYy0wLjEyMywwLjEyMy0wLjIxMiwwLjI3Ni0wLjI1OCwwLjQ0NGwtMi40Nyw5LjA1NWMtMC4xNzksMC42NTYsMC4zMjgsMS4yNjQsMC45NiwxLjI2NAoJYzAuMDg3LDAsMC4xNzctMC4wMTIsMC4yNjgtMC4wMzZsOS4wNTUtMi40N2MwLjE2OC0wLjA0NiwwLjMyMS0wLjEzNSwwLjQ0NC0wLjI1OEwzMS4yOTMsOC43MDcKCUMzMS42ODMsOC4zMTcsMzEuNjgzLDcuNjgzLDMxLjI5Myw3LjI5M3ogTTE3LjY0NiwxMS42NDZsLTYsNmMtMS4xMjMsMS4xMjMtMi4yMTksMC43NC0yLjgyNSwwLjM2bDkuMTk3LTkuMTk3CglDMTguOTY0LDEwLjIyNSwxNy43OTcsMTEuNDk0LDE3LjY0NiwxMS42NDZ6IE00LjQ3NywyMy4xODRsNC4zMzgsNC4zMzhMMi44NSwyOS4xNUw0LjQ3NywyMy4xODR6IE05Ljk2MSwyNy4yMUw5LjkyNywyNy4yMgoJTDQuNzgsMjIuMDczbDAuMDA5LTAuMDM1bDMuMzA5LTMuMzA5YzAuNTAzLDAuMzU1LDEuMTk2LDAuNjY0LDEuOTY3LDAuNjY0YzAuNzI3LDAsMS41MjEtMC4yNzQsMi4yODctMS4wNGw2LTYKCWMwLjc1LTAuNzQ5LDEuNjkxLTIuNTMxLDAuMzgzLTQuMjYybDEuMzI0LTEuMzI0bDUuMTcyLDUuMTcyTDkuOTYxLDI3LjIxeiBNMjUuOTM5LDExLjIzMmwtNS4xNzItNS4xNzJMMjQsMi44MjhMMjkuMTcyLDgKCUwyNS45MzksMTEuMjMyeiIvPgo8L3N2Zz4=");
}
data.editable.readonly label:hover, data.editable.editing label:hover {
  cursor: default;
}
data.editable.readonly label:hover p, data.editable.editing label:hover p {
  background: none;
}
data.editable.readonly label:before, data.editable.editing label:before {
  display: none;
}
data.editable .editable-form {
  position: absolute;
  display: flex;
  top: 3px;
  right: 0;
  gap: 0.25rem;
}

.details-status {
  display: flex;
  background-color: var(--sl-color-gray-100);
  border-radius: var(--sl-border-radius-medium);
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px;
}
.details-status em {
  padding: 0.5rem 0.75rem;
  font-style: normal;
  font-size: 0.8rem;
  color: var(--sl-color-gray-400);
  letter-spacing: 0.025rem;
  background-color: var(--sl-color-gray-100);
}
.details-status .badge {
  font-size: 0.9rem;
}

.document-explorer {
  position: relative;
  border: 2px solid var(--sl-color-neutral-200);
  border-radius: var(--sl-border-radius-medium);
  overflow: hidden;
  transition: all 0.3s ease;
}
.document-explorer::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(1px);
  transition: all 0.3s ease;
  opacity: 0;
  z-index: 0;
}
.document-explorer.upload-queue-is-active::before {
  opacity: 1;
  z-index: 3;
}
.document-explorer.dragging {
  box-shadow: 0 0 0 2px rgba(3, 102, 214, 0.2);
}
.document-explorer .folder {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmVyc2lvbj0iMSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBmaWxsPSIjRkZBMDAwIiBkPSJNNDAgMTJIMjJsLTQtNEg4Yy0yLjIgMC00IDEuOC00IDR2OGg0MHYtNGMwLTIuMi0xLjgtNC00LTR6Ii8+PHBhdGggZmlsbD0iI0ZGQ0EyOCIgZD0iTTQwIDEySDhjLTIuMiAwLTQgMS44LTQgNHYyMGMwIDIuMiAxLjggNCA0IDRoMzJjMi4yIDAgNC0xLjggNC00VjE2YzAtMi4yLTEuOC00LTQtNHoiLz48L3N2Zz4=");
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.6));
}
.document-explorer [data-tooltip] {
  position: relative;
  z-index: 6;
  /* Tooltip box */
}
.document-explorer [data-tooltip]::before {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 125%;
  left: 50%;
  padding: 0 0.5rem;
  color: var(--sl-color-neutral-0);
  background-color: var(--sl-color-neutral-900);
  font-size: 0.65rem;
  border-radius: var(--sl-border-radius-medium);
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%);
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.document-explorer [data-tooltip] {
  /* Tooltip arrow */
}
.document-explorer [data-tooltip]::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-bottom: -5px;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: var(--sl-color-neutral-900);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.document-explorer [data-tooltip]:hover::before, .document-explorer [data-tooltip]:hover::after, .document-explorer [data-tooltip]:focus-visible::before, .document-explorer [data-tooltip]:focus-visible::after {
  opacity: 1;
  visibility: visible;
}
.document-explorer sl-split-panel {
  height: 100%;
  --divider-width: 2px;
}
.document-explorer sl-split-panel::part(divider) {
  background-color: var(--sl-color-neutral-300);
  z-index: 2;
}
.document-explorer sl-split-panel::part(divider)::after {
  transition: all 0.2s ease;
}
.document-explorer sl-split-panel::part(divider):hover::after {
  background-color: var(--sl-color-blue-300);
  opacity: 0.3;
}
.document-explorer .document-explorer-top-bar {
  width: 100%;
  padding: 0.85rem 1rem;
  background-color: var(--sl-color-neutral-50);
  border-bottom: 1px solid var(--sl-color-neutral-300);
  border-top-left-radius: var(--sl-border-radius-medium);
  border-top-right-radius: var(--sl-border-radius-medium);
}
.document-explorer .document-explorer-top-bar h4 {
  position: relative;
  width: 100%;
  color: var(--sl-color-neutral-800);
  letter-spacing: 0.025rem;
  font-weight: normal;
}
.document-explorer .document-explorer-top-bar h4 span {
  padding-left: 2.25rem;
}
.document-explorer .document-explorer-top-bar h4:before {
  content: "";
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBmaWxsPSIjQjNFNUZDIiBkPSJtMjcuODgxIDMwLjcxIDIuODI4LTIuODMgNC4yNDQgNC4yNDItMi44MjggMi44M3oiLz48cGF0aCBmaWxsPSIjMDI3N0JEIiBkPSJtMzIuMTI2IDM1LjY2MS00Ljk1LTQuOTUgMy41MzUtMy41MzYgNC45NSA0Ljk1em0tMy41MzYtNC45NSAzLjUzNiAzLjUzNiAyLjEyMS0yLjEyMi0zLjUzNi0zLjUzNnoiLz48cGF0aCBmaWxsPSIjOEM5RUZGIiBkPSJtNDUuMjA3IDQyLjM3OS0yLjgyOCAyLjgyOGExIDEgMCAwIDEtMS40MTQgMGwtOS44OTktOS44OTlhMSAxIDAgMCAxIDAtMS40MTRsMi44MjgtMi44MjlhMSAxIDAgMCAxIDEuNDE0IDBsOS44OTkgOS45YTEgMSAwIDAgMSAwIDEuNDE0Ii8+PHBhdGggZmlsbD0iIzAyNzdCRCIgZD0iTTQxLjY3MiA0NS45OTljLS4zODQgMC0uNzY5LS4xNDYtMS4wNjEtLjQzOGwtOS44OTktOS44OTlhMS41IDEuNSAwIDAgMSAwLTIuMTIxbDIuODI4LTIuODI5YTEuNTA0IDEuNTA0IDAgMCAxIDIuMTIxIDBsOS44OTkgOS45YTEuNSAxLjUgMCAwIDEgMCAyLjEyMmwtMi44MjggMi44MjhhMS41IDEuNSAwIDAgMS0xLjA2LjQzN20tNy4wNzEtMTQuNzI3YS41LjUgMCAwIDAtLjM1NC4xNDZsLTIuODI4IDIuODI5YS41LjUgMCAwIDAgMCAuNzA3bDkuODk5IDkuODk5YS41LjUgMCAwIDAgLjcwNyAwbDIuODI4LTIuODI4YS41LjUgMCAwIDAgMC0uNzA4bC05Ljg5OS05LjlhLjUuNSAwIDAgMC0uMzUzLS4xNDUiLz48cGF0aCBmaWxsPSIjRThFQUY2IiBkPSJNNDMuNjAyIDQxLjI3M2EuNS41IDAgMCAxLS4zNTQtLjE0NmwtNy43NzgtNy43NzhhLjUuNSAwIDAgMSAuNzA3LS43MDdsNy43NzggNy43NzhhLjUuNSAwIDAgMS0uMzUzLjg1MyIvPjxjaXJjbGUgY3g9IjE4LjUiIGN5PSIxOC41IiByPSIxNiIgZmlsbD0iI0UxRjVGRSIvPjxwYXRoIGZpbGw9IiMwMjc3QkQiIGQ9Ik0xOC41IDM1QzkuNDAyIDM1IDIgMjcuNTk4IDIgMTguNVM5LjQwMiAyIDE4LjUgMiAzNSA5LjQwMiAzNSAxOC41YzAgMy43MDMtMS4xOTggNy4yMDItMy40NjYgMTAuMTE5YS41LjUgMCAwIDEtLjc4OS0uNjE0QTE1LjM1IDE1LjM1IDAgMCAwIDM0IDE4LjVDMzQgOS45NTMgMjcuMDQ3IDMgMTguNSAzUzMgOS45NTMgMyAxOC41IDkuOTUzIDM0IDE4LjUgMzRjNC4wMjcgMCA3Ljg0NC0xLjUzOCAxMC43NDUtNC4zM2EuNS41IDAgMCAxIC42OTMuNzIxQTE2LjQyIDE2LjQyIDAgMCAxIDE4LjUgMzUiLz48Y2lyY2xlIGN4PSIxOC41IiBjeT0iMTguNSIgcj0iMTMuNSIgZmlsbD0iI0IzRTVGQyIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xOC41IDMyLjVjLTcuNzIgMC0xNC02LjI4LTE0LTE0czYuMjgtMTQgMTQtMTQgMTQgNi4yOCAxNCAxNC02LjI4IDE0LTE0IDE0bTAtMjdjLTcuMTY4IDAtMTMgNS44MzItMTMgMTNzNS44MzIgMTMgMTMgMTMgMTMtNS44MzIgMTMtMTMtNS44MzItMTMtMTMtMTMiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTcuNjI3IDguNTM2YS41LjUgMCAwIDEtLjA0LS45OThxLjQ1Mi0uMDM4LjkxMy0uMDM4YS41LjUgMCAwIDEgMCAxcS0uNDIgMC0uODMxLjAzNHpNOCAxOWEuNS41IDAgMCAxLS41LS41YzAtNC42NDUgMi45MzgtOC44MTEgNy4zMTMtMTAuMzY3YS41LjUgMCAwIDEgLjMzNi45NDNBMTAuMDIgMTAuMDIgMCAwIDAgOC41IDE4LjVhLjUuNSAwIDAgMS0uNS41Ii8+PC9zdmc+");
  filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.6));
}
.document-explorer .document-explorer-left-panel {
  position: relative;
  height: 100%;
  max-height: 46vh;
  padding-top: 2px;
  padding-right: 3px;
  padding-left: 2px;
  border: 2px solid transparent;
  scrollbar-width: thin;
  scrollbar-color: var(--sl-color-gray-200) var(--sl-color-blue-50);
  transition: all 0.3s ease;
  overflow: auto;
}
.document-explorer .document-explorer-left-panel.dragging {
  border-color: var(--sl-color-blue-400);
}
.document-explorer .document-explorer-left-panel .folder-loader {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 1;
}
.document-explorer .document-explorer-left-panel sl-tree {
  width: 100%;
  padding-bottom: 0.5rem;
}
.document-explorer .document-explorer-left-panel sl-tree sl-tree-item::part(item) {
  border: 2px solid transparent;
  letter-spacing: 0.025rem;
  color: var(--sl-color-neutral-900);
}
.document-explorer .document-explorer-left-panel sl-tree sl-tree-item .folder {
  display: block;
  margin-right: 0.5rem;
}
.document-explorer .document-explorer-left-panel sl-tree sl-tree-item[selected]::part(item) {
  background-color: var(--sl-color-indigo-50);
  border-color: var(--sl-color-indigo-200);
}
.document-explorer .document-explorer-left-panel sl-tree sl-tree-item[expanded] > .folder {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgYXJpYS1oaWRkZW49InRydWUiIHZpZXdCb3g9IjAgMCAxNCAxNCI+PHBhdGggZmlsbD0iI2ZmYTAwMCIgZD0iTTEwLjY3MyAzLjU4Nkg2LjEyTDQuOTgzIDIuNDQ4SDIuMTM4QzEuNTEyIDIuNDQ4IDEgMi45NiAxIDMuNTg2djYuODI4YzAgLjYyNi41MTIgMS4xMzggMS4xMzggMS4xMzhoOC44MmMuNDgzIDAgLjg1My0uMzcuODUzLS44NTRWNC43MjRjMC0uNjI2LS41MTItMS4xMzgtMS4xMzgtMS4xMzh6Ii8+PHBhdGggZmlsbD0iI2ZmY2EyOCIgZD0iTTExLjg2OCA1LjI5M0g0LjIxNWMtLjU0IDAtMS4wMjQuMzk4LTEuMTEuOTM5bC0uOTY3IDUuMzJoOS4wMThjLjU0IDAgMS4wMjUtLjM5OCAxLjExLS45MzlsLjcxMS0zLjk4M2MuMTQyLS42ODMtLjM5OC0xLjMzNy0xLjExLTEuMzM3eiIvPjwvc3ZnPg==");
}
.document-explorer .document-explorer-left-panel sl-tree sl-tree-item::part(label) {
  padding: 0.35rem;
  font-family: var(--sl-font-mono);
  font-size: 0.95rem;
  justify-content: left;
}
.document-explorer .document-explorer-left-panel sl-tree sl-tree-item sl-icon {
  margin-right: 0.5rem;
}
.document-explorer .document-explorer-left-panel sl-tree sl-tree-item.dragging::part(item) {
  border: 2px dotted var(--sl-color-neutral-400);
}
.document-explorer .document-explorer-right-panel {
  position: relative;
}
.document-explorer .document-explorer-right-panel::before {
  content: "";
  position: absolute;
  display: block;
  top: 2px;
  left: 6px;
  width: 99%;
  height: 2px;
  background-color: var(--sl-color-neutral-0);
  z-index: 3;
}
.document-explorer .document-explorer-right-panel .document-explorer-content {
  width: 100%;
  height: 100%;
  min-height: 46vh;
  max-height: 46vh;
  padding-right: 3px;
  padding-left: 3px;
  padding-top: 2px;
  border: 2px solid transparent;
  scrollbar-width: thin;
  scrollbar-color: var(--sl-color-gray-200) var(--sl-color-blue-50);
  transition: all 0.3s ease;
  overflow: auto;
}
.document-explorer .document-explorer-right-panel .document-explorer-content.dragging {
  border-color: var(--sl-color-blue-400);
}
.document-explorer .document-explorer-right-panel .column-header {
  position: sticky;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0.45rem 0.75rem;
  font-family: var(--sl-font-mono);
  font-size: 0.85rem;
  letter-spacing: 0.05rem;
  white-space: nowrap;
  border: 2px solid var(--sl-color-neutral-200);
  background-color: var(--sl-color-gray-100);
  z-index: 1;
}
.document-explorer .document-explorer-right-panel .column-header span {
  position: absolute;
  top: -4px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--sl-color-neutral-0);
}
.document-explorer .document-explorer-right-panel .column-header.column-name {
  border-right: none;
}
.document-explorer .document-explorer-right-panel .column-header.column-filesize {
  border-left: none;
  border-right: none;
  text-align: right;
}
.document-explorer .document-explorer-right-panel .column-header.column-last-modified-at {
  border-left: none;
  text-align: right;
}
.document-explorer .document-explorer-right-panel .column-content {
  padding: 0;
  padding-top: 2px;
  list-style: none;
}
.document-explorer .document-explorer-right-panel .column-content li {
  position: relative;
  display: flex;
  padding: 0 0.75rem;
  line-height: 2.25rem;
  gap: 0.5rem;
  border: 2px solid transparent;
  font-family: var(--sl-font-mono);
  font-size: 0.95rem;
  align-items: center;
  justify-content: right;
  user-select: none;
  white-space: nowrap;
}
.document-explorer .document-explorer-right-panel .column-content li.content-loader {
  padding-top: 1rem;
  justify-content: left;
}
.document-explorer .document-explorer-right-panel .column-content li .folder {
  display: inline-flex;
}
.document-explorer .document-explorer-right-panel .column-content li .folder.go-up {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIgMTkyYTggOCAwIDAgMS04IDhIODBhOCA4IDAgMCAxLTgtOHYtODhIMzJhOCA4IDAgMCAxLTUuNjU3LTEzLjY1N2w0OC00OGE4LjAwMSA4LjAwMSAwIDAgMSAxMS4zMTQgMGw0OCA0OEE4IDggMCAwIDEgMTI4IDEwNEg4OHY4MGgxMzZhOCA4IDAgMCAxIDggOFoiLz48L3N2Zz4=");
}
.document-explorer .document-explorer-right-panel .column-content li.hover {
  background-color: var(--sl-color-indigo-50);
  cursor: default;
}
.document-explorer .document-explorer-right-panel .column-content li.hover .file-actions {
  opacity: 1;
}
.document-explorer .document-explorer-right-panel .column-content li.dragging, .document-explorer .document-explorer-right-panel .column-content li.selected {
  background-color: var(--sl-color-indigo-50);
  border-color: var(--sl-color-indigo-200);
}
.document-explorer .document-explorer-right-panel .column-content li .file-actions {
  position: absolute;
  display: inline-flex;
  top: 0;
  right: 0.75rem;
  height: 100%;
  align-items: center;
  gap: 0.75rem;
  opacity: 0;
}
.document-explorer .document-explorer-right-panel .column-content li .file-actions .file-action-link {
  display: block;
  width: 20px;
  height: 20px;
  opacity: 0.75;
  transition: all 0.2s ease;
}
.document-explorer .document-explorer-right-panel .column-content li .file-actions .file-action-link:hover {
  transform: scale(1.2);
  opacity: 1;
}
.document-explorer .document-explorer-right-panel .column-content li .file-actions .file-action-link.download {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgY2xhc3M9Imljb24iIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiMzNjg4RkYiIGQ9Ik03NjggODEwLjdjLTIzLjYgMC00Mi43LTE5LjEtNDIuNy00Mi43czE5LjEtNDIuNyA0Mi43LTQyLjdjOTQuMSAwIDE3MC43LTc2LjYgMTcwLjctMTcwLjcgMC04OS42LTcwLjEtMTY0LjMtMTU5LjUtMTcwLjFMNzU0IDM4M2wtMTAuNy0yMi43Yy00Mi4yLTg5LjMtMTMzLTE0Ny0yMzEuMy0xNDdzLTE4OS4xIDU3LjctMjMxLjMgMTQ3TDI3MCAzODNsLTI1LjEgMS42Yy04OS41IDUuOC0xNTkuNSA4MC41LTE1OS41IDE3MC4xIDAgOTQuMSA3Ni42IDE3MC43IDE3MC43IDE3MC43IDIzLjYgMCA0Mi43IDE5LjEgNDIuNyA0Mi43cy0xOS4xIDQyLjctNDIuNyA0Mi43Yy0xNDEuMiAwLTI1Ni0xMTQuOC0yNTYtMjU2IDAtMTI2LjEgOTIuNS0yMzIuNSAyMTQuNy0yNTIuNEMyNzQuOCAxOTUuNyAzODguOSAxMjggNTEyIDEyOHMyMzcuMiA2Ny43IDI5Ny4zIDE3NC4yQzkzMS41IDMyMi4xIDEwMjQgNDI4LjYgMTAyNCA1NTQuN2MwIDE0MS4xLTExNC44IDI1Ni0yNTYgMjU2eiIvPjxwYXRoIGZpbGw9IiM1RjYzNzkiIGQ9Ik01MTIgOTM4LjdjLTEwLjkgMC0yMS44LTQuMi0zMC4yLTEyLjVsLTEyOC0xMjhjLTE2LjctMTYuNy0xNi43LTQzLjcgMC02MC4zIDE2LjYtMTYuNyA0My43LTE2LjcgNjAuMyAwbDk3LjggOTcuOCA5Ny44LTk3LjhjMTYuNi0xNi43IDQzLjctMTYuNyA2MC4zIDAgMTYuNyAxNi43IDE2LjcgNDMuNyAwIDYwLjNsLTEyOCAxMjhjLTguMiA4LjMtMTkuMSAxMi41LTMwIDEyLjV6Ii8+PHBhdGggZmlsbD0iIzVGNjM3OSIgZD0iTTUxMiA5MzguN2MtMjMuNiAwLTQyLjctMTkuMS00Mi43LTQyLjdWNTk3LjNjMC0yMy42IDE5LjEtNDIuNyA0Mi43LTQyLjdzNDIuNyAxOS4xIDQyLjcgNDIuN1Y4OTZjMCAyMy42LTE5LjEgNDIuNy00Mi43IDQyLjd6Ii8+PC9zdmc+");
}
.document-explorer .document-explorer-right-panel .column-content li .file-actions .file-action-link.preview {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgY2xhc3M9Imljb24iIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiMzNjg4RkYiIGQ9Ik01MTEuOSA5MjQuOEM5MS44IDkyNC44IDIuNiA1MjQuMSAxLjcgNTIwLjFMMCA1MTJsMS43LTguMWMuOC00IDkwLTQwNC43IDUxMC4yLTQwNC43czUwOS40IDQwMC43IDUxMC4yIDQwNC43bDEuOSA5LjEtMi40IDljLS45IDQtMTEwLjUgNDAyLjgtNTA5LjcgNDAyLjh6TTgwLjYgNTExLjlDOTQuMyA1NjQuNyAxODIuOCA4NDYuMSA1MTIgODQ2LjFjMzEwLjggMCA0MTMuNy0yNzkuNSA0MzEuMS0zMzUuMS0xNC42LTU1LjUtMTA0LjItMzMzLjItNDMxLjEtMzMzLjItMzMwLjQgMC00MTcuOCAyODEtNDMxLjQgMzM0LjF6Ii8+PHBhdGggZmlsbD0iIzVGNjM3OSIgZD0iTTUxMS45IDcwOC42Yy0xMDguNCAwLTE5Ni42LTg4LjItMTk2LjYtMTk2LjZzODguMi0xOTYuNiAxOTYuNi0xOTYuNmMyMS43IDAgMzkuMyAxNy42IDM5LjMgMzkuMyAwIDIxLjctMTcuNiAzOS4zLTM5LjMgMzkuMy02NSAwLTExNy45IDUyLjktMTE3LjkgMTE3LjlzNTIuOSAxMTcuOSAxMTcuOSAxMTcuOSAxMTgtNTIuOCAxMTgtMTE3LjhjMC0yNC44LTcuNi00OC41LTIxLjktNjguNS0xMi43LTE3LjctOC42LTQyLjIgOS4xLTU0LjkgMTcuNy0xMi43IDQyLjItOC42IDU0LjggOS4xIDI0IDMzLjUgMzYuNiA3MyAzNi42IDExNC4zIDAgMTA4LjQtODguMiAxOTYuNi0xOTYuNiAxOTYuNnoiLz48L3N2Zz4=");
}
.document-explorer .document-explorer-right-panel .column-content.item-name li {
  justify-content: left;
}
.document-explorer .document-explorer-right-panel .column-content.item-name li.dragging, .document-explorer .document-explorer-right-panel .column-content.item-name li.selected {
  border-right: none;
}
.document-explorer .document-explorer-right-panel .column-content.item-filesize li.dragging, .document-explorer .document-explorer-right-panel .column-content.item-filesize li.selected {
  border-left: 0;
  border-right: 0;
  padding-right: 0.875rem;
}
.document-explorer .document-explorer-right-panel .column-content.item-last-modified-at li.dragging, .document-explorer .document-explorer-right-panel .column-content.item-last-modified-at li.selected {
  border-left: 0;
}
.document-explorer .document-explorer-context-menu {
  position: fixed;
  display: none;
  min-width: 200px;
  z-index: 1000;
}
.document-explorer .document-explorer-context-menu sl-divider {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.document-explorer .document-explorer-context-menu .contextual-menu-items {
  display: none;
}
.document-explorer .document-explorer-context-menu.with-item-id .contextual-menu-items {
  display: block;
}
.document-explorer .file-type {
  display: inline-flex;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmVyc2lvbj0iMSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBmaWxsPSIjOTBDQUY5IiBkPSJNNDAgNDVIOFYzaDIybDEwIDEweiIvPjxwYXRoIGZpbGw9IiNFMUY1RkUiIGQ9Ik0zOC41IDE0SDI5VjQuNXoiLz48L3N2Zz4=");
}
.document-explorer .file-type.csv, .document-explorer .file-type.xls, .document-explorer .file-type.xlsx {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNHgiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI4IiB4PSI4IiB5PSIyIiBmaWxsPSIjMkZCNzc2IiByeD0iMiIvPjxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik04IDIzaDI0djVhMiAyIDAgMCAxLTIgMkgxMGEyIDIgMCAwIDEtMi0ydi01WiIvPjxwYXRoIGZpbGw9IiMyMjlDNUIiIGQ9Ik0yMCAxNmgxMnY3SDIweiIvPjxwYXRoIGZpbGw9IiMyN0FFNjgiIGQ9Ik0yMCA5aDEydjdIMjB6Ii8+PHBhdGggZmlsbD0iIzFEODU0RiIgZD0iTTggNGEyIDIgMCAwIDEgMi0yaDEwdjdIOFY0WiIvPjxwYXRoIGZpbGw9IiMxOTdCNDMiIGQ9Ik04IDloMTJ2N0g4eiIvPjxwYXRoIGZpbGw9IiMxQjVCMzgiIGQ9Ik04IDE2aDEydjdIOHoiLz48cGF0aCBmaWxsPSIjMDAwIiBmaWxsLW9wYWNpdHk9Ii4zIiBkPSJNOCAxMmEzIDMgMCAwIDEgMy0zaDZhMyAzIDAgMCAxIDMgM3YxMmEzIDMgMCAwIDEtMyAzSDhWMTJaIi8+PHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiB5PSI3IiBmaWxsPSJ1cmwoI2IpIiByeD0iMiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Im0xMyAyMS0yLjgxOC01LjEgMi42OTQtNC45aC0yLjE5OWwtMS42NjMgMy4xMjlMNy4zNzggMTFINS4xMWwyLjcwOCA0LjlMNSAyMWgyLjJsMS43NzMtMy4zMTRMMTAuNzMyIDIxSDEzWiIvPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjgiIHgyPSIzMiIgeTE9IjI2LjUiIHkyPSIyNi41IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzE2M0MyNyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzJBNjA0MyIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJiIiB4MT0iMCIgeDI9IjE4IiB5MT0iMTYiIHkyPSIxNiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiMxODVBMzAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxNzZGM0QiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=");
}
.document-explorer .file-type.doc, .document-explorer .file-type.docx {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDMyIDMyIj48cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjgiIHg9IjgiIHk9IjIiIGZpbGw9InVybCgjYSkiIHJ4PSIyIi8+PHBhdGggZmlsbD0idXJsKCNiKSIgZD0iTTggMjNoMjR2NWEyIDIgMCAwIDEtMiAySDEwYTIgMiAwIDAgMS0yLTJ2LTVaIi8+PHBhdGggZmlsbD0idXJsKCNjKSIgZD0iTTggMTZoMjR2N0g4eiIvPjxwYXRoIGZpbGw9InVybCgjZCkiIGQ9Ik04IDloMjR2N0g4eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjMiIGQ9Ik04IDEyYTMgMyAwIDAgMSAzLTNoNmEzIDMgMCAwIDEgMyAzdjEyYTMgMyAwIDAgMS0zIDNIOFYxMloiLz48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHk9IjciIGZpbGw9InVybCgjZSkiIHJ4PSIyIi8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE1IDExLjAxNGgtMS45NDhsLTEuNTMgNi41MjVMOS44NSAxMUg4LjIwM2wtMS42ODcgNi41MzlMNSAxMS4wMTRIM0w1LjYwMSAyMWgxLjcyNkw5IDE0LjY4OCAxMC42NzMgMjFIMTIuNEwxNSAxMS4wMTRaIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iOCIgeDI9IjMyIiB5MT0iNi42NjciIHkyPSI2LjY2NyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiMyQjc4QjEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzMzhBQ0QiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9IjgiIHgyPSIzMiIgeTE9IjI3LjM3NSIgeTI9IjI3LjM3NSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiMxQjM2NkYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyNjU3QjAiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iYyIgeDE9IjE4LjUiIHgyPSIzMiIgeTE9IjIwIiB5Mj0iMjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjMjA0NzhCIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMkQ2RkQxIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImQiIHgxPSIxOC41IiB4Mj0iMzIiIHkxPSIxMyIgeTI9IjEzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzIxNTI5NSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzJFODREMyIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJlIiB4MT0iMCIgeDI9IjE5IiB5MT0iMTciIHkyPSIxNyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiMyMjNFNzQiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyMTUwOTEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=");
}
.document-explorer .file-type.gif, .document-explorer .file-type.jpg, .document-explorer .file-type.jpeg, .document-explorer .file-type.png {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMjUuNiAwSDYuNEE2LjQgNi40IDAgMCAwIDAgNi40djE5LjJBNi40IDYuNCAwIDAgMCA2LjQgMzJoMTkuMmE2LjQgNi40IDAgMCAwIDYuNC02LjRWNi40QTYuNCA2LjQgMCAwIDAgMjUuNiAwWiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01Ljk1OCAyNC44ODRhMS42IDEuNiAwIDAgMCAxLjQzIDIuMzE2aDEwLjgyM2ExLjYgMS42IDAgMCAwIDEuNDMxLTIuMzE2bC01LjQxMS0xMC44MjJjLS41OS0xLjE4LTIuMjcyLTEuMTgtMi44NjIgMEw1Ljk1OCAyNC44ODRaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1vcGFjaXR5PSIuNiIgZD0iTTE1LjU1OCAyNC44ODRhMS42IDEuNiAwIDAgMCAxLjQzIDIuMzE2aDcuNjIzYTEuNiAxLjYgMCAwIDAgMS40MzEtMi4zMTZsLTMuODExLTcuNjIyYy0uNTktMS4xOC0yLjI3My0xLjE4LTIuODYyIDBsLTMuODExIDcuNjIyWiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNCAxMS4yYTMuMiAzLjIgMCAxIDAgMC02LjQgMy4yIDMuMiAwIDAgMCAwIDYuNFoiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSIxNiIgeDI9IjE2IiB5MT0iMCIgeTI9IjMyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzAwRTY3NiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwQzg1MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==");
}
.document-explorer .file-type.pdf {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iLTQgMCA0MCA0MCI+PHBhdGggZmlsbD0iI0VCNTc1NyIgZD0iTTI1LjY2OSAyNi4wOTZjLS40ODguMTQ0LTEuMjAzLjE2LTEuOTcuMDQ5YTkuMzkyIDkuMzkyIDAgMCAxLTIuNDktLjc0MmMxLjQ3My0uMjE0IDIuNjE1LS4xNDggMy41OTEuMTk4LjIzMi4wODIuNjEyLjMwMS44NjkuNDk1Wm0tOC4yMTQtMS4zNS0uMTc3LjA0OGMtLjM5Ni4xMDgtLjc4Mi4yMTMtMS4xNTMuMzA2bC0uNTAxLjEyN2MtMS4wMDguMjU1LTIuMDM4LjUxNi0zLjA1NS44MjYuMzg3LS45MzIuNzQ2LTEuODc1IDEuMDk4LTIuNzk3LjI2LS42ODIuNTI2LTEuMzc5LjgwMS0yLjA2Ny4xNC4yMy4yODUuNDYxLjQzNy42OTJhMTMuNDgzIDEzLjQ4MyAwIDAgMCAyLjU1IDIuODY1Wm0tMi41NjItMTAuNTEzYy4wNjUgMS4xNS0uMTgzIDIuMjU3LS41NDcgMy4zMTgtLjQ0OS0xLjMxMi0uNjU4LTIuNzYyLS4wOTctMy45MzIuMTQ0LS4zLjI2MS0uNDYuMzM4LS41NDUuMTE4LjE4My4yNzMuNTkuMzA2IDEuMTU5Wm0tNS4yNiAxNC41NzJjLS4yNTIuNDUxLS41MDkuODczLS43NzIgMS4yNzItLjYzNy45NTgtMS42NzcgMS45ODUtMi4yMTIgMS45ODUtLjA1MiAwLS4xMTYtLjAwOC0uMjA5LS4xMDctLjA2LS4wNjItLjA3LS4xMDctLjA2Ni0uMTY5LjAxOC0uMzUyLjQ4NS0uOTggMS4xNjEtMS41NjJhMTEuNDQgMTEuNDQgMCAwIDEgMi4wOTgtMS40MTlabTE3LjczOC0yLjY1OWMtLjA4Mi0xLjE3NC0yLjA1OS0xLjkyNy0yLjA3OC0xLjkzNC0uNzY0LS4yNzEtMS41OTQtLjQwMy0yLjUzOC0uNDAzLTEuMDEgMC0yLjA5OC4xNDYtMy40OTcuNDczYTEyLjE3IDEyLjE3IDAgMCAxLTMuMTIyLTMuMjA5Yy0uMzU0LS41NC0uNjczLTEuMDc5LS45NTEtMS42MDUuNjc4LTEuNjIzIDEuMjktMy4zNjcgMS4xNzgtNS4zMi0uMDktMS41NjYtLjc5Ni0yLjYxOC0xLjc1Ni0yLjYxOC0uNjU5IDAtMS4yMjYuNDg4LTEuNjg4IDEuNDUxLS44MjIgMS43MTgtLjYwNiAzLjkxNS42NDMgNi41MzdhOTEuNDczIDkxLjQ3MyAwIDAgMC0xLjI3MiAzLjIxM2MtLjUwNCAxLjMxOS0xLjAyMyAyLjY4LTEuNjA3IDMuOTczLTEuNjQuNjUtMi45ODcgMS40MzYtNC4xMDkgMi40MDItLjczNS42MzEtMS42MjIgMS41OTctMS42NzIgMi42MDUtLjAyNS40NzQuMTM4LjkxLjQ2OCAxLjI1OC4zNTIuMzcuNzkzLjU2NiAxLjI3OS41NjYgMS42MDMgMCAzLjE0Ni0yLjIwMiAzLjQzOS0yLjY0NC41ODktLjg4OCAxLjE0LTEuODc5IDEuNjgtMy4wMjEgMS4zNjEtLjQ5MiAyLjgxMS0uODU5IDQuMjE3LTEuMjE0bC41MDMtLjEyOGE2Ny42MyA2Ny42MyAwIDAgMCAxLjE3NS0uMzEzYy40MjctLjExNS44NjctLjIzNSAxLjMxMy0uMzQ5IDEuNDQzLjkxOCAyLjk5NSAxLjUxNyA0LjUxIDEuNzM3IDEuMjc0LjE4NSAyLjQwNi4wNzggMy4xNzMtLjMyMi42OS0uMzYuNzI4LS45MTMuNzEyLTEuMTM1Wm0zLjEwNSAxMC4wOTdjMCAyLjE1LTEuODk2IDIuMjgzLTIuMjc4IDIuMjg3SDMuNzQ1Yy0yLjE0MyAwLTIuMjcyLTEuOTA4LTIuMjc2LTIuMjg3VjMuNzU2YzAtMi4xNTIgMS44OTktMi4yODMgMi4yNzYtMi4yODdoMTYuNTE4bC4wMDkuMDA5djYuNDQ2YzAgMS4yOTQuNzgyIDMuNzQzIDMuNzQ0IDMuNzQzaDYuNDA0bC4wNTUuMDU1djI0LjUyWm0tMS41MTktMjYuMDQ1aC00Ljk0Yy0yLjE0MiAwLTIuMjcyLTEuODk4LTIuMjc1LTIuMjc0di00Ljk3bDcuMjE1IDcuMjQ0Wm0yLjk4OCAyNi4wNDVWMTEuMTE2TDIxLjc0Mi44N1YuODIzaC0uMDQ4TDIwLjg3NCAwSDMuNzQ0QzIuNDUgMCAwIC43ODUgMCAzLjc1N3YzMi40ODZDMCAzNy41NDMuNzgzIDQwIDMuNzQ1IDQwSDI4LjJjMS4yOTUgMCAzLjc0NS0uNzg2IDMuNzQ1LTMuNzU3WiIvPjwvc3ZnPg==");
}
.document-explorer .file-type.ppt, .document-explorer .file-type.pptx {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDMyIDMyIj48Y2lyY2xlIGN4PSIxNyIgY3k9IjE2IiByPSIxNCIgZmlsbD0idXJsKCNhKSIvPjxtYXNrIGlkPSJiIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHg9IjMiIHk9IjIiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiPjxjaXJjbGUgY3g9IjE3IiBjeT0iMTYiIHI9IjE0IiBmaWxsPSIjQzRDNEM0Ii8+PC9tYXNrPjxnIG1hc2s9InVybCgjYikiPjxwYXRoIGZpbGw9InVybCgjYykiIGQ9Ik0xOCAwaDE3djE3SDE4eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjMiIGQ9Ik02IDEyYTMgMyAwIDAgMSAzLTNoOGEzIDMgMCAwIDEgMyAzdjEyYTMgMyAwIDAgMS0zIDNINlYxMloiLz48cGF0aCBmaWxsPSIjRUI2QzREIiBkPSJNMSAwaDE3djE3SDF6Ii8+PC9nPjxyZWN0IHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgeT0iNyIgZmlsbD0idXJsKCNkKSIgcng9IjIiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTMgMTQuNDU3QzEzIDEyLjMgMTEuNTggMTEgOS4zMjggMTFINnYxMGgyLjA2NnYtMy4wNDNoMS4xNzZjMi4xMDggMCAzLjc1OC0xLjIgMy43NTgtMy41Wm0tMi4wOTQuMDQzYzAgLjk3MS0uNjE3IDEuNi0xLjYyMSAxLjZoLTEuMjJ2LTMuMjI5SDkuMjdjMS4wMDUgMCAxLjYzNi41MjkgMS42MzYgMS42MjlaIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMyIgeDI9IjMxIiB5MT0iMTcuOTMxIiB5Mj0iMTcuOTMxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0E3M0EyNCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0Y3NTkzNiIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJjIiB4MT0iMzEuNSIgeDI9IjE4IiB5MT0iMTAiIHkyPSIxMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNGREI4QTMiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGMTg3NkQiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iZCIgeDE9IjAiIHgyPSIxOCIgeTE9IjE3LjI0MSIgeTI9IjE3LjI0MSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNBNzNBMjQiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGNzU5MzYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=");
}
.document-explorer .document-explorer-upload-queue {
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 32vw;
  max-height: 0;
  background-color: var(--sl-color-neutral-0);
  border: 2px solid var(--sl-color-neutral-200);
  border-radius: var(--sl-border-radius-medium);
  box-shadow: var(--sl-color-gray-100) 0 0 8px 3px;
  transform: translateY(50vh);
  transition: max-height 0.5s cubic-bezier(0.23, 1, 0.32, 1), transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s ease-in-out;
  opacity: 0;
  z-index: 3;
}
.document-explorer .document-explorer-upload-queue h3 {
  position: relative;
  margin-bottom: 0.25rem;
  padding: 0.5rem;
  padding-left: 1rem;
  font-weight: 600;
  border-bottom: 2px solid var(--sl-color-neutral-200);
  color: var(--sl-color-blue-500);
  font-family: var(--sl-font-mono);
  letter-spacing: 0.025rem;
  background-color: var(--sl-color-neutral-50);
}
.document-explorer .document-explorer-upload-queue h3 em {
  font-style: normal;
  font-size: 1rem;
  font-family: var(--sl-font-sans);
  color: var(--sl-color-neutral-400);
}
.document-explorer .document-explorer-upload-queue h3 span {
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  color: var(--sl-color-neutral-300);
}
.document-explorer .document-explorer-upload-queue h3 span strong {
  color: var(--sl-color-neutral-600);
}
.document-explorer .document-explorer-upload-queue.active {
  max-height: 40vh;
  padding-top: 0;
  padding-bottom: 0.2rem;
  transform: translateY(0);
  opacity: 1;
}
.document-explorer .document-explorer-upload-queue.active ul {
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: var(--sl-color-gray-200) var(--sl-color-blue-50);
}
.document-explorer .document-explorer-upload-queue ul {
  max-height: 32vh;
  margin-right: 0.25rem;
  padding: 1rem;
  list-style: none;
}
.document-explorer .document-explorer-upload-queue li {
  display: flex;
  flex-direction: column;
  padding: 1rem 0;
  border-bottom: 2px dotted var(--sl-color-neutral-300);
  font-family: var(--sl-font-mono);
}
.document-explorer .document-explorer-upload-queue li:first-child {
  padding-top: 0;
}
.document-explorer .document-explorer-upload-queue li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.document-explorer .document-explorer-upload-queue li .upload-queue-top {
  display: inline-flex;
  line-height: 2.8rem;
  justify-content: space-between;
  align-items: center;
}
.document-explorer .document-explorer-upload-queue li .upload-queue-top h5 {
  display: inline-flex;
  align-items: center;
  letter-spacing: 0.025rem;
  font-size: 0.85rem;
}
.document-explorer .document-explorer-upload-queue li .upload-queue-top h5 .file-type {
  margin-right: 0.5rem;
}
.document-explorer .document-explorer-upload-queue li .upload-queue-top sl-progress-ring {
  font-size: 0.7rem;
  letter-spacing: 0.025rem;
}
.document-explorer .document-explorer-upload-queue li .upload-queue-top .status-icon {
  display: inline-flex;
  width: 24px;
  height: 24px;
  margin-right: 0.55rem;
}
.document-explorer .document-explorer-upload-queue li .upload-queue-top .status-icon.storing-file {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzM0OThkYiIgZD0iTTUgM2MtMS4xMDUgMC0yIC45LTIgMnYxNGMwIDEuMS44OTUgMiAyIDJoMTRjMS4xMDUgMCAyLS45IDItMlY2bC0zLTNINXoiLz48cGF0aCBmaWxsPSIjMjk4MGI5IiBkPSJNNyAzdjZjMCAuNS40NDggMSAxIDFoOGMuNTUyIDAgMS0uNSAxLTFWM0g3eiIvPjxwYXRoIGZpbGw9IiNlY2YwZjEiIGQ9Ik03IDN2NWExIDEgMCAwIDAgMSAxaDhhMSAxIDAgMCAwIDEtMVYzSDd6TTYgMTJjLS41NTIgMC0xIC40LTEgMXY4aDE0di04YzAtLjYtLjQ0OC0xLTEtMUg2eiIvPjxnIGZpbGw9IiNiZGMzYzciPjxwYXRoIGQ9Ik01IDIwaDE0djFINXpNNyAxNGgxMHYxSDd6TTcgMTZoMTB2MUg3eiIvPjwvZz48cGF0aCBmaWxsPSIjMzQ5OGRiIiBkPSJNMTMgNGgzdjRoLTN6Ii8+PHBhdGggZmlsbD0iIzI5ODBiOSIgZD0iTTEzIDRoM3YxaC0zeiIvPjwvc3ZnPg==");
  animation: heart-beat 0.5s infinite alternate;
}
.document-explorer .document-explorer-upload-queue li .upload-queue-top .status-icon.complete {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzI3YWU2MCIgZD0iTTIyIDEzYzAgNS41MjMtNC40NzcgMTAtMTAgMTBTMiAxOC41MjMgMiAxMyA2LjQ3NyAzIDEyIDNzMTAgNC40NzcgMTAgMTB6Ii8+PHBhdGggZmlsbD0iIzJlY2M3MSIgZD0iTTIyIDEyYzAgNS41MjMtNC40NzcgMTAtMTAgMTBTMiAxNy41MjMgMiAxMiA2LjQ3NyAyIDEyIDJzMTAgNC40NzcgMTAgMTB6Ii8+PHBhdGggZmlsbD0iIzI3YWU2MCIgZD0ibTE2IDktNiA2LTIuNS0yLjUtMi4xMjUgMi4xIDIuNSAyLjUgMiAyIC4xMjUuMSA4LjEyNS04LjFMMTYgOXoiLz48cGF0aCBmaWxsPSIjZWNmMGYxIiBkPSJtMTYgOC02IDYtMi41LTIuNS0yLjEyNSAyLjEgMi41IDIuNSAyIDIgLjEyNS4xIDguMTI1LTguMUwxNiA4eiIvPjwvc3ZnPg==");
}
.document-explorer .document-explorer-upload-queue li .upload-queue-top .status-icon.an-error-occured {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI2MwMzkyYiIgZD0iTTIyIDEzYzAgNS41MjMtNC40NzcgMTAtMTAgMTBTMiAxOC41MjMgMiAxMyA2LjQ3NyAzIDEyIDNzMTAgNC40NzcgMTAgMTB6Ii8+PHBhdGggZmlsbD0iI2U3NGMzYyIgZD0iTTIyIDEyYzAgNS41MjMtNC40NzcgMTAtMTAgMTBTMiAxNy41MjMgMiAxMiA2LjQ3NyAyIDEyIDJzMTAgNC40NzcgMTAgMTB6Ii8+PHBhdGggZmlsbD0iI2MwMzkyYiIgZD0ibTcuMDUgOS40IDMuNTM2IDMuNi0zLjUzNiAzLjUgMS40MTUgMS40TDEyIDE0LjRsMy41MzYgMy41IDEuNDE0LTEuNC0zLjUzNi0zLjUgMy41MzYtMy42TDE1LjUzNiA4IDEyIDExLjUgOC40NjUgOCA3LjA1IDkuNHoiLz48cGF0aCBmaWxsPSIjZWNmMGYxIiBkPSJtNy4wNSA4LjQgMy41MzYgMy42LTMuNTM2IDMuNSAxLjQxNSAxLjRMMTIgMTMuNGwzLjUzNiAzLjUgMS40MTQtMS40LTMuNTM2LTMuNSAzLjUzNi0zLjZMMTUuNTM2IDcgMTIgMTAuNSA4LjQ2NSA3IDcuMDUgOC40eiIvPjwvc3ZnPg==");
}
@keyframes heart-beat {
  to {
    transform: scale(1.25);
  }
}
.document-explorer .document-explorer-upload-queue li .upload-queue-bottom {
  display: inline-flex;
  padding-left: 2rem;
  padding-top: 0.35rem;
  justify-content: space-between;
  font-size: 0.8rem;
  color: var(--sl-color-gray-400);
}
.document-explorer #rename-dialog::part(body), .document-explorer #new-folder-dialog::part(body), .document-explorer #confirm-renaming-dialog::part(body), .document-explorer #delete-dialog::part(body) {
  padding-top: 0.75rem;
}
.document-explorer #rename-dialog .icon-warning, .document-explorer #new-folder-dialog .icon-warning, .document-explorer #confirm-renaming-dialog .icon-warning, .document-explorer #delete-dialog .icon-warning {
  display: block;
  width: 32px;
  height: 32px;
  padding-right: 2rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGQ9Ik01MDkuNDM1IDQ0OC45NjIgMjcxLjc1IDQ0LjM2N2MtNy4wNzYtMTIuMDQ1LTI0LjQyNC0xMi4wNDUtMzEuNSAwTDIuNTY1IDQ0OC45NjJjLTcuMTk0IDEyLjI0NSAxLjU5NSAyNy43MDUgMTUuNzUgMjcuNzA1aDQ3NS4zNjhjMTQuMTU2LS4wMDEgMjIuOTQ2LTE1LjQ2IDE1Ljc1Mi0yNy43MDV6IiBzdHlsZT0iZmlsbDojNDY0NjU1Ii8+PHBhdGggZD0iTTMxMC4wOSAxMDkuNjMzYy03NS41MjUgNTQuNS0xMjQuNzMxIDE0My4yMDgtMTI0LjczMSAyNDMuNDYgMCA0NC4wNjkgOS41NzggODUuODc3IDI2LjY0IDEyMy41NzNoMjgxLjY4NWMxNC4xNTUgMCAyMi45NDQtMTUuNDU5IDE1Ljc1LTI3LjcwNUwzMTAuMDkgMTA5LjYzM3oiIHN0eWxlPSJmaWxsOiM1YjVkNmUiLz48cGF0aCBkPSJNMjUyLjE5NSA5My43MzggNTMuNzg4IDQzMS40NzRjLTIuNTcgNC4zNzQuNTg1IDkuODg1IDUuNjU4IDkuODg1aDM5My4xMWM1LjA3MyAwIDguMjI4LTUuNTExIDUuNjU4LTkuODg1TDI1OS44MDUgOTMuNzM4Yy0xLjcwNi0yLjkwNC01LjkwNC0yLjkwNC03LjYxIDB6IiBzdHlsZT0iZmlsbDojZmZkYzY0Ii8+PHBhdGggZD0iTTE4NS4zNiAzNTMuMDkzYzAgMzAuNzIyIDQuNjM4IDYwLjM1NyAxMy4yMTYgODguMjY3aDI1My45OGM1LjA3MyAwIDguMjI4LTUuNTExIDUuNjU4LTkuODg1TDI4Mi4zODkgMTMyLjE4MWMtNTkuNjM0IDU0Ljg0OC05Ny4wMjkgMTMzLjUwMi05Ny4wMjkgMjIwLjkxMnoiIHN0eWxlPSJmaWxsOiNmZmYwODIiLz48Y2lyY2xlIGN4PSIyNTYuMDI4IiBjeT0iMzc5LjU2OCIgcj0iMTcuNjUzIiBzdHlsZT0iZmlsbDojNDY0NjU1Ii8+PHBhdGggZD0ibTIzOS4wNDkgMjEzLjE3MSA3LjU2NiAxMTMuNDg1Yy4zMyA0Ljk0OCA0LjE3NCA4Ljc4NCA4LjgwNSA4Ljc4NGgxLjIxNmM0LjYzMSAwIDguNDc1LTMuODM0IDguODA1LTguNzg0bDcuNTY2LTExMy40ODVjLjM2NS01LjQ3NS0zLjY4Mi0xMC4xMzEtOC44MDUtMTAuMTMxaC0xNi4zNDdjLTUuMTI0IDAtOS4xNzEgNC42NTctOC44MDYgMTAuMTMxeiIgc3R5bGU9ImZpbGw6IzQ2NDY1NSIvPjxwYXRoIGQ9Ik00NTIuNTU2IDQ1MC4xODZINTkuNDQyYTE1LjQyNSAxNS40MjUgMCAwIDEtMTMuMzUzLTcuNzQxIDE1LjQ0MiAxNS40NDIgMCAwIDEgLjA4Ni0xNS40NDJMMjQ0LjU4NyA4OS4yNThjMi40MDUtNC4wODYgNi42NzItNi41MjUgMTEuNDIyLTYuNTI1IDQuNzQxIDAgOS4wMDggMi40MzkgMTEuNDEzIDYuNTI1bDE5OC40MDEgMzM3Ljc0NGExNS40NDIgMTUuNDQyIDAgMCAxIC4wODYgMTUuNDQyIDE1LjQyNCAxNS40MjQgMCAwIDEtMTMuMzUzIDcuNzQyek02My4zOTkgNDMyLjUzM0g0NDguNkwyNTUuOTk4IDEwNC42ODQgNjMuMzk5IDQzMi41MzN6IiBzdHlsZT0iZmlsbDojZmZjODUwIi8+PHBhdGggZD0iTTQ0OC41OTkgNDMyLjUzM2gtMjUyLjUzYTI5Ny4wNTggMjk3LjA1OCAwIDAgMCA1LjQ0MSAxNy42NTNoMjUxLjA0OGM1LjQ5OSAwIDEwLjYyLTIuOTY2IDEzLjM1My03Ljc0MWExNS40NDIgMTUuNDQyIDAgMCAwLS4wODYtMTUuNDQybC0xNzYuNjktMzAwLjc3OWMtNC41NTMgMy45NDQtOSA4LjAwNS0xMy4zMDcgMTIuMjEybDE3Mi43NzEgMjk0LjA5N3oiIHN0eWxlPSJmaWxsOiNmZmRjNjQiLz48L3N2Zz4=");
}

.pill-icon {
  display: inline-flex;
  margin-left: 0.5rem;
  padding: 0.25rem;
  font-weight: bold;
  border-radius: 1rem;
}

sl-card.redirect-with-spinner {
  margin: 3rem auto;
  max-width: 40rem;
  box-shadow: 0px 4px 10px 0px #F0F0F0;
}
sl-card.redirect-with-spinner div {
  padding: 1rem 2rem;
  text-align: center;
}
sl-card.redirect-with-spinner div sl-spinner {
  font-size: 3rem;
  --track-width: .5rem;
}
sl-card.redirect-with-spinner div span {
  display: block;
  margin-top: 2.5rem;
  font-size: 1.25rem;
}

@media (min-width: 1000px) {
  /* Make main title sticky to avoid it to be moved when an horizontal scroll occurs */
  .main-title:has(+ .search-filters-form.sticky-mode) {
    position: sticky;
    top: 0;
    left: 0;
  }
  .search-filters-form.sticky-mode {
    position: sticky;
    left: 0;
    top: 0;
    background-color: var(--sl-color-neutral-0);
    z-index: 2;
  }
  .search-filters-form.sticky-mode:before {
    content: "";
    position: absolute;
    top: -1.75rem;
    left: -1.5rem;
    width: calc(var(--search-filters-width) + 2rem);
    height: calc(var(--search-filters-height) + 2rem);
    background-color: var(--sl-color-neutral-0);
  }
  .search-filters-form.sticky-mode:after {
    content: "";
    position: absolute;
    top: -1.75rem;
    right: -1.5rem;
    width: 1.5rem;
    height: calc(var(--search-filters-height) + 2rem);
    background-color: var(--sl-color-neutral-0);
    z-index: 1;
  }
  .search-filters-form.sticky-mode ~ .button-group, .search-filters-form.sticky-mode ~ .table-count-selector {
    position: sticky;
    top: calc(var(--search-filters-height) + 1rem);
    left: 0;
    background-color: var(--sl-color-neutral-0);
    z-index: 1;
  }
  .search-filters-form.sticky-mode ~ .button-group:before, .search-filters-form.sticky-mode ~ .table-count-selector:before {
    content: "";
    position: absolute;
    top: -1rem;
    left: -1.5rem;
    width: calc(var(--search-filters-width) + 2rem);
    height: 5rem;
    background-color: var(--sl-color-neutral-0);
    z-index: 1;
  }
  .search-filters-form.sticky-mode ~ .button-group:after, .search-filters-form.sticky-mode ~ .table-count-selector:after {
    content: "";
    position: absolute;
    top: -1rem;
    right: -1.5rem;
    width: 1.5rem;
    height: 5em;
    background-color: var(--sl-color-neutral-0);
    z-index: 1;
  }
  .search-filters-form.sticky-mode ~ .button-group > *, .search-filters-form.sticky-mode ~ .table-count-selector > * {
    z-index: 1;
  }
  .search-filters-form.sticky-mode ~ .table-wrapper table thead th {
    top: calc(var(--search-filters-height) + 4.1rem);
    z-index: 1;
  }
}
.search-filters-form .search-card .search-header {
  position: absolute;
  top: -0.8rem;
  left: 1rem;
  right: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.35rem;
  z-index: 3;
}
.search-filters-form .search-card .search-header .card-title {
  position: static;
}

.simple-card {
  position: relative;
  margin-top: 1.75rem;
  padding: 1rem;
  padding-top: 1.5rem;
  letter-spacing: 0.025rem;
  border: 1px dotted var(--sl-color-gray-400);
  color: var(--sl-color-neutral-700);
  background-color: var(--sl-color-gray-50);
  border-radius: 0.35rem;
}
.simple-card .simple-card {
  background-color: var(--sl-color-gray-100);
  border: 1px dotted var(--sl-color-gray-500);
}
.simple-card .simple-card-title {
  position: absolute;
  top: -12px;
  left: 1rem;
  padding: 0.25rem 0.63rem;
  letter-spacing: 0.05rem;
  border: 1px solid var(--sl-color-neutral-300);
  border-radius: var(--sl-border-radius-medium);
  font-family: var(--sl-font-sans);
  font-size: 0.65rem;
  color: var(--sl-color-neutral-900);
  text-transform: uppercase;
  background-color: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0 1px 1px;
}
.simple-card .simple-card-clear-button {
  position: absolute;
  top: -0.95rem;
  right: 0.75rem;
}
.simple-card data {
  display: grid;
  margin-bottom: 0.3rem;
  gap: 0.8rem;
  align-items: baseline;
  justify-content: space-between;
  font-size: 1rem;
  grid-template-columns: repeat(2, auto);
}
.simple-card value {
  text-align: right;
  font-weight: 600;
  color: var(--sl-color-neutral-900);
}
.simple-card value.align-left {
  text-align: left;
}
.simple-card.warning {
  color: var(--sl-color-orange-400);
  border-color: 1px dotted var(--sl-color-danger-500);
  background-color: var(--sl-color-orange-100);
}
.simple-card.warning .simple-card-title {
  color: var(--sl-color-orange-500);
  border-color: var(--sl-color-orange-200);
}

.singlefile-upload-container {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  min-width: 15rem;
}
.singlefile-upload-container div.upload-button sl-button {
  width: 100%;
}
.singlefile-upload-container div.upload-button sl-button sl-icon {
  padding: 0 0.5rem;
  font-size: 1.3rem;
}
.singlefile-upload-container div.upload-button input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  opacity: 0;
  cursor: pointer;
  font-size: 0.001px;
  z-index: 100;
}
.singlefile-upload-container div.upload-progressbar {
  padding-top: 0.5rem;
  width: 100%;
  min-height: 2.5rem;
  margin-bottom: -1rem;
}
.singlefile-upload-container div.upload-progressbar span {
  padding-left: 0.5rem;
  font-size: 0.8rem;
  color: var(--sl-color-gray-500);
}

sl-drawer::part(body) {
  padding-top: 0;
}

sl-tree-item::part(label) {
  width: 100%;
  padding: 0.75rem;
  justify-content: space-between;
}

sl-select sl-option div.__display {
  display: flex;
  width: 100%;
  gap: 1rem;
}
sl-select sl-option div.__display span.__display-text {
  flex-grow: 1;
}
sl-select sl-option div.__display span.__display-sub-part {
  background-color: var(--sl-color-neutral-50);
  border: 1px solid var(--sl-color-neutral-200);
  color: var(--sl-color-neutral-600);
  border-radius: 0.25rem;
  padding: 0.1rem 0.5rem;
  float: right;
}

.spacer {
  display: inline-block;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-family: var(--sl-font-mono);
  font-size: var(--sl-font-size-x-small);
  color: var(--sl-color-gray-400);
  letter-spacing: 0.075rem;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
}
.spacer::before, .spacer::after {
  display: inline-block;
  position: relative;
  content: "";
  width: 50%;
  height: 1px;
  background-color: var(--sl-color-gray-300);
  vertical-align: middle;
}
.spacer:before {
  right: 0.5em;
  margin-left: -50%;
}
.spacer:after {
  left: 0.5em;
  margin-right: -50%;
}

sl-card.spinner-card {
  max-width: 40rem;
  box-shadow: 0px 4px 10px 0px #F0F0F0;
}
sl-card.spinner-card div {
  padding: 1rem 2rem;
  text-align: center;
}
sl-card.spinner-card div sl-spinner {
  font-size: 3rem;
  --track-width: .5rem;
}
sl-card.spinner-card div span {
  display: block;
  margin-top: 2.5rem;
  font-size: 1.25rem;
}

.stepper {
  display: flex;
  position: relative;
  margin-left: 1.75rem;
  padding: 0;
  list-style: none;
}
.stepper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: calc(100% - 2rem);
  background: #fff;
}
.stepper .stepper-item {
  display: inline-flex;
  flex: 1;
  margin-left: -1.75rem;
  padding-left: 3.25rem;
  min-height: 4.5rem;
  align-items: center;
  font-family: var(--sl-font-sans);
  font-weight: 600;
  letter-spacing: 0.025rem;
  background-color: var(--sl-color-neutral-100);
  color: var(--sl-color-neutral-400);
  clip-path: polygon(2rem 50%, 0% 0%, calc(100% - 2rem) 0%, 100% 50%, calc(100% - 2rem) 100%, 0% 100%);
  transition: background-color 100ms ease;
}
.stepper .stepper-item.with-validation {
  color: var(--sl-color-danger-300);
  background-color: var(--sl-color-danger-50);
  text-shadow: 1px 1px 2px var(--sl-color-danger-50);
}
.stepper .stepper-item.complete {
  color: var(--sl-color-emerald-500);
  background-color: var(--sl-color-emerald-200);
  text-shadow: 1px 1px 2px var(--sl-color-emerald-50);
}
.stepper .stepper-item.current.with-validation, .stepper .stepper-item:hover.with-validation {
  color: var(--sl-color-neutral-0);
  background-color: var(--sl-color-red-300);
  text-shadow: 1px 1px 2px var(--sl-color-red-400);
}
.stepper .stepper-item.current.complete, .stepper .stepper-item:hover.complete {
  color: var(--sl-color-emerald-50);
  background-color: var(--sl-color-emerald-500);
  text-shadow: 1px 1px 2px var(--sl-color-emerald-600);
}
.stepper .stepper-item.is-clickable:hover, .stepper .stepper-item.complete:hover {
  cursor: pointer;
}
.stepper .stepper-item:first-child {
  padding-left: 1.5rem;
  clip-path: polygon(0% 0%, calc(100% - 2rem) 0%, 100% 50%, calc(100% - 2rem) 100%, 0% 100%);
}
.stepper .stepper-item:last-child {
  clip-path: polygon(2rem 50%, 0% 0%, calc(100% - 2rem) 0%, 100% 50%, calc(100% - 2rem) 100%, 0% 100%);
}

.suggestion-menu-container {
  position: absolute;
  display: block;
  width: 100%;
  margin-top: var(--suggestion-menu-margin-top, 3px);
  z-index: 1000;
}
.suggestion-menu-container .suggestion-menu {
  position: absolute;
  top: 3px;
  width: 100%;
  min-height: 3rem;
  max-height: calc(3rem * var(--visible-count) + var(--sl-panel-border-width) * 2);
  padding: 0;
  border: solid var(--sl-panel-border-width) var(--sl-panel-border-color);
  background: var(--sl-panel-background-color);
  font-size: var(--sl-font-size-medium);
  font-weight: var(--sl-font-weight-normal);
  border-radius: var(--sl-border-radius-medium);
  box-shadow: var(--sl-shadow-large);
  overflow-y: auto;
  overscroll-behavior: none;
  scrollbar-width: thin;
  z-index: 2000;
}
.suggestion-menu-container .suggestion-menu.nowrap {
  width: fit-content;
}
.suggestion-menu-container .suggestion-menu.display-right {
  right: 0;
}
.suggestion-menu-container .suggestion-menu > li {
  display: block;
  width: 100%;
  min-height: 3rem;
  padding-left: var(--sl-spacing-medium);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  align-content: center;
  cursor: pointer;
}
.suggestion-menu-container .suggestion-menu > li.selected {
  color: var(--sl-color-neutral-0);
  background-color: var(--sl-color-primary-600);
}
.suggestion-menu-container .suggestion-menu > li.suggestion-menu-no-suggestion {
  color: var(--sl-color-neutral-400);
  cursor: default;
}
.suggestion-menu-container .suggestion-menu > li:hover:not(.selected, .suggestion-menu-no-suggestion) {
  background-color: var(--sl-color-neutral-100);
}
.suggestion-menu-container .suggestion-menu > li div.__display {
  display: flex;
  width: 100%;
  gap: 1rem;
}
.suggestion-menu-container .suggestion-menu > li div.__display span.__display-text {
  flex-grow: 1;
}
.suggestion-menu-container .suggestion-menu > li div.__display span.__display-text.nowrap {
  text-wrap-mode: nowrap;
}
.suggestion-menu-container .suggestion-menu > li div.__display span.__display-sub-part {
  background-color: var(--sl-color-neutral-50);
  border: 1px solid var(--sl-color-neutral-200);
  color: var(--sl-color-neutral-600);
  border-radius: 0.25rem;
  padding: 0.1rem 0.5rem;
  margin: 0rem 0.5rem;
  float: right;
  font-size: var(--sl-font-size-x-small);
}
.suggestion-menu-container .suggestion-menu > li div.__display span.__display-sub-part.nowrap {
  text-wrap-mode: nowrap;
}
.suggestion-menu-container .suggestion-menu ul {
  padding: 0;
  list-style: none;
}
.suggestion-menu-container .suggestion-menu ul li {
  padding: 0;
  line-height: 1.5rem;
  min-height: 1.5rem;
  grid-template-columns: none !important;
}
.suggestion-menu-container .suggestion-menu ul li:first-child {
  padding-top: 0.75rem;
}
.suggestion-menu-container .suggestion-menu ul li:last-child {
  padding-bottom: 0.75rem;
}
.suggestion-menu-container .suggestion-menu ul li:hover {
  background-color: transparent;
}
.suggestion-menu-container .suggestion-menu-column-names {
  display: grid;
  padding-left: var(--sl-spacing-medium);
  line-height: var(--sl-spacing-x-large);
  font-family: var(--sl-font-sans);
  font-size: 0.65rem;
  background-color: var(--sl-color-neutral-100);
  color: var(--sl-color-neutral-600);
  text-transform: uppercase;
  letter-spacing: 0.025rem;
  border: 1px solid var(--sl-color-neutral-200);
  border-top-left-radius: var(--sl-border-radius-medium);
  border-top-right-radius: var(--sl-border-radius-medium);
  text-shadow: 1px 1px 1px var(--sl-color-neutral-200);
  grid-template-columns: var(--grid-template-columns);
}
.suggestion-menu-container .suggestion-menu-column-names em {
  padding-left: var(--sl-spacing-x-small);
  font-style: normal;
  border-right: 2px dotted var(--sl-color-neutral-400);
}
.suggestion-menu-container .suggestion-menu-column-names em:first-child {
  padding-left: 0;
}
.suggestion-menu-container .suggestion-menu-column-names em:last-child {
  border-right: none;
}
.suggestion-menu-container.has-columns .suggestion-menu {
  top: 30px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestion-menu-container.has-columns .suggestion-menu > li {
  display: grid;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 3rem;
  align-content: unset;
  font-family: var(--sl-font-sans);
  font-size: 0.85rem;
  letter-spacing: 0.025rem;
  grid-template-columns: var(--grid-template-columns);
}
.suggestion-menu-container.has-columns .suggestion-menu > li .suggestion-item-column {
  padding-left: var(--sl-spacing-x-small);
  padding-right: var(--sl-spacing-medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-right: 2px dotted var(--sl-color-neutral-400);
}
.suggestion-menu-container.has-columns .suggestion-menu > li .suggestion-item-column:first-child {
  padding-left: 0;
}
.suggestion-menu-container.has-columns .suggestion-menu > li .suggestion-item-column:last-child {
  border-right: none;
}
.suggestion-menu-container.has-scrollbars .suggestion-menu-column-names {
  overflow-y: scroll;
  scrollbar-width: thin;
}

.table-count-selector {
  display: flex;
  margin-left: 0.5rem;
  margin-bottom: 1rem;
}
.table-count-selector .table-count-selector-pages {
  padding: 0.25rem 0.5rem;
  color: var(--sl-color-gray-600);
  font-family: var(--sl-font-mono);
  border: 1px solid var(--sl-color-gray-300);
  background-color: var(--sl-color-gray-100);
  border-radius: var(--sl-border-radius-medium);
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
}
.table-count-selector .table-count-selector-pages em {
  font-style: normal;
  color: var(--sl-color-gray-500);
}
.table-count-selector .table-count-selector-pages strong:before {
  content: "/";
}
.table-count-selector sl-button::part(label) {
  font-family: var(--sl-font-mono);
  line-height: 2rem;
}

/*# sourceMappingURL=prodige-common-razor.min.css.map */