/*
 * Copyright (c) 2016-present, Parse, LLC
 * All rights reserved.
 *
 * This source code is licensed under the license found in the LICENSE file in
 * the root directory of this source tree.
 */
@import 'stylesheets/globals.scss';

.field {
  position: relative;
  border-style: solid;
  border-color: $borderGrey;
  border-width: 1px 1px 0 1px;
  min-height: 80px;
  background: white;
  display: flex;

  &:last-of-type {
    border-bottom-width: 1px;
  }

  > pre[class*="language-"] {
    border-radius: 5px;
  }
}

.left {
  display: flex;
  align-items: center;
}

.right {
  position: relative;
  min-height: 80px;
  text-align: right;
  padding: 0;
  background: #f6fafb;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1
}


.header {
  min-height: 56px;
  height: 56px;

  .right {
    min-height: 56px;
  }

  & ~ .field {
    background: #f5f5f7;
  }
}
