@use 'rose/variables/sizing';

@import 'rose';
@import 'notify';

.rose-nav-sidebar {
  margin-top: sizing.rems(xxl);
  margin-bottom: sizing.rems(l);

  & + .rose-nav-sidebar {
    margin-top: 0;
  }
}

.rose-form {
  &:not(.full-width) {
    width: 66%;
  }

  .rose-form-input {
    width: 100%;

    .rose-form-input-field {
      width: 100%;
    }
  }
}

.rose-table {
  p {
    margin-bottom: 0;
  }

  .rose-form-checkbox {
    margin-bottom: 0;

    .rose-form-checkbox-label-text {
      color: var(--stark);
      text-decoration: underline;
    }
  }
}