@include export-module('co-file-upload-popup-layout') {
  .co-file-upload-popup {
    font-family: $sc-file-upload-popup-font-family;
    font-size: $sc-file-upload-popup-font-size;
    .co-dialog {
      display: flex;
      flex-direction: row;
      overflow-y: auto;

      .document-thumb {
        height: 120px;
        img {
          max-width: 100%;
          max-height: 100%;
        }
      }

      .horizontal-layout-column {
        display: flex;
        gap: 5px;
        > div {
          width: 50%;

          &.right, &.column-right {
            margin-left: 15px;
            display: flex;
            flex-direction: column;
            gap: 5px;
          }
        }
        .row {
          &.sizes {
            display: flex;
            align-items: center;
            gap: 5px;
            & > * {
              flex: 1;
            }
          }
        }
      }

      .co-multiple-property-toggler {
        display: block;
        margin-top: 15px;

        .property-toggling-container {
          display: flex;
          gap: 10px;
          flex-wrap: wrap;
          margin-top: 10px;
          .row {
            width: 24%;
            display: flex;
            font-size: 12px;
            align-items: center;
            height: auto;
          }
        }
      }
      .co-dialog-wrapper, .dialog-header, .dialog-footer, .dialog-content {
        background: #FFFFFF;
      }
      .co-dialog-wrapper {
        max-width: 600px;
      }
      .dialog-content {
        overflow-x: hidden;
      }
      .co-input-checkbox {
        .checkbox {
          border-color: #F5F5FC;
          &.checked {
            border-color: #1A73E8;
          }
        }

      }
      .co-input-text {
        &:before {
          box-shadow: none;
        }
        &.cc-input-focused {
          &:before {
            box-shadow: inset 0 0 0 1px #1A73E8
          }
        }
      }
    }
  }
}