gcuModal.scss

@import 'src/styles/base/color';
@import 'src/styles/base/breakpoint';

.gcu-modal-root{
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  .gcu-modal-content{
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    &::-webkit-scrollbar {
      width: 10px;
    }
    &::-webkit-scrollbar-track {
      background: $scrollbar-track;
    }
    &::-webkit-scrollbar-thumb {
      background: $scrollbar-thumb;
    }
  }
  .gcu-modal-footer{
    position: relative;
    margin: 1.5rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    .gcu-modal-icon{
      position: absolute;
      left: calc(50% - 13px);
      top: -42px;
      @media #{$large-phone} {
        top: -35px;
      }
    }
    .rounded {
      border-radius: 22px;
      margin-left: 1rem;
      margin-right: 1rem;
    }
    .disabled {
      opacity: 0.5;
    }
  }
}
button.gcu-modal-button {
  max-width: 9.375rem;
  margin: 0.375rem 1rem;
  padding: 0.5rem 1rem;
}
#accessibility-title {
  display: none;
}