@use '../../abstract';

.cds-modal-agree {
  @include abstract.fixed();

  inset: 0 0 0 0;
  padding-inline: 16px;
  background: rgba(0 0 0 / 0.7);
  z-index: 1000; /* 다른 서비스 컨텐츠 z index 999로 인해 높임 */

  &:not(.is-active) {
    display: none;
  }

  &__wrap {
    @include abstract.absolute($top: 50%, $left: calc(50% - 16px));

    transform: translate(-50%, -50%);
    max-width: 640px;
    width: calc(100% - 32px);
    background: #fff;
    border-radius: 12px;
    margin: 0 16px;
  }

  &__tit {
    line-height: 1;
    padding: 24px 24px 21px;
    font-size: 18px;
    text-align: left;
    border-bottom: 1px solid #eaecf0;
  }

  &__content {
    overflow-y: auto;
    padding: 20px 24px;
    font-size: 14px;
    font-weight: 400;
    color: #667085;
    max-height: 370px;
  }

  &__close {
    @include abstract.absolute($top: 12px, $right: 12px);
    padding: 10px !important;
  }
}