skottie/modules/skottie-file-settings-sk/skottie-file-settings-sk.scss

@import '../../../elements-sk/modules/colors';

skottie-file-settings-sk {
  .wrapper {
    width: 100%;
    padding: 8px;

    #wrapper-form {
      font-size: 0;
    }

    .text-box {
      display: inline-flex;
      width: 110px;
      align-items: baseline;
      background-color: var(--skottie-secondary-main);
      border-radius: 4px;
      gap: 8px;
      padding: 4px;
      margin-top: 8px;

      &__left {
        border-radius: 4px 0 0 4px;
      }

      &__right {
        border-radius: 0 4px 4px 0;
      }

      &--label {
        display: inline-block;
      }

      &--input {
        flex: 1 1 auto;
        min-width: 0;
        border: none;
      }
    }

    .aspect-ratio {
      display: inline-block;
      width: 30px;
      margin-left: 4px;

      svg.icon-sk-svg {
        width: 100%;
        height: 100%;
        fill: var(--skottie-on-surface-white);
        stroke: var(--skottie-on-surface-white);
      }
    }

    .toolbar {
      width: 100%;
      display: flex;
      justify-content: end;
    }
  }
}