.sq-file-browser {
  margin: 40px -15px;
}

.sq-file-browser .sq-file-browser-accordion {
  width: 100%;
}

.sq-file-browser .sq-file-browser-nested {
  margin-top: 20px;
}

.sq-file-browser .sq-file-browser-nested .card {
  max-width: none;
}

.sq-file-browser .collapse {
  display: none;
}

.sq-file-browser .collapse.show {
  display: block;
}

.sq-file-browser .collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.sq-file-browser .sq-file-browser-folder > .card-header {
  padding: 0 35px !important;
}

.sq-file-browser .sq-file-browser-folder > .card-header button {
  align-items: center;
  background-image: none !important;
  gap: 10px;
  font-size: 25px;
  font-weight: 500;
  height: 100px;
  justify-content: space-between;
  line-height: normal;
  min-height: 100px;
  padding: 0 !important;
}

.sq-file-browser .sq-folder-title {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  min-width: 0;
  overflow-wrap: anywhere;
}

.sq-file-browser .sq-folder-action {
  border: 0.5px solid #003f6b;
  border-radius: 23px;
  color: #003f6b;
  display: block;
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  padding: 10px 15px;
  white-space: nowrap;
}

.sq-file-browser .sq-folder-action-text {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23003f6b' d='M8 10.6 3.4 6l1.1-1.1L8 8.4l3.5-3.5L12.6 6 8 10.6Z'/%3E%3C/svg%3E");
  background-position: right center;
  background-repeat: no-repeat;
  display: block;
  font-size: 14px;
  padding-right: 20px;
}

.sq-file-browser .sq-file-browser-folder > .card-header button:not(.collapsed) .sq-folder-action-text {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23003f6b' d='m8 5.4 4.6 4.6-1.1 1.1L8 7.6l-3.5 3.5L3.4 10 8 5.4Z'/%3E%3C/svg%3E");
  font-size: 14px;
}

.sq-file-browser .sq-folder-chevron {
  display: none;
}

.sq-file-browser .sq-file-browser-folder > .card-header button,
.sq-file-browser .sq-file-browser-folder > .card-header button:hover,
.sq-file-browser .sq-file-browser-folder > .card-header button:focus {
  color: #003f6b;
}

.sq-file-browser .card-body {
  padding-right: 25px;
}

.sq-file-browser-files {
  width: 100%;
}

.sq-file-browser-file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 0;
  border-bottom: 1px solid #d9d9d9;
}

.sq-file-browser-file:last-child {
  border-bottom: 0;
}

.sq-file-browser-file p {
  margin: 0;
}

.sq-file-browser-file a {
  border: 1px solid #003f6b;
  color: #003f6b;
  flex-shrink: 0;
}

.sq-file-browser-file a:hover,
.sq-file-browser-file a:focus {
  color: #fff;
}

.sq-file-browser-file .sa-icon {
  height: 12px;
  width: 12px;
}

.sq-file-browser-empty {
  color: #003f6b;
  margin: 0;
}

@media screen and (max-width: 991.98px) {
  .sq-file-browser .sq-file-browser-folder > .card-header button {
    font-size: 22px;
  }
}

@media screen and (max-width: 767.98px) {
  .sq-file-browser .sq-file-browser-folder > .card-header button {
    font-size: 16px;
  }

  .sq-file-browser-file {
    gap: 10px;
  }

  .sq-file-browser-file p {
    font-size: 16px;
  }

  .sq-file-browser-file a {
    padding: 10px;
  }
}

@media screen and (max-width: 575.98px) {
  .sq-file-browser {
    margin-left: 0;
    margin-right: 0;
  }

  .sq-file-browser .sq-file-browser-folder > .card-header button {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23003f6b' d='M8 10.6 3.4 6l1.1-1.1L8 8.4l3.5-3.5L12.6 6 8 10.6Z'/%3E%3C/svg%3E") !important;
    background-position: 100% center;
    background-repeat: no-repeat;
    padding-right: 42px !important;
  }

  .sq-file-browser .sq-file-browser-folder > .card-header button:not(.collapsed) {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23003f6b' d='m8 5.4 4.6 4.6-1.1 1.1L8 7.6l-3.5 3.5L3.4 10 8 5.4Z'/%3E%3C/svg%3E") !important;
  }

  .sq-file-browser .sq-folder-action {
    display: none;
  }

  .sq-file-browser .sq-file-browser-folder > .card-header {
    padding: 0 25px !important;
  }

  .sq-file-browser-file p {
    font-size: 16px;
  }
}