@charset "utf-8";
@import (optional, reference) "var.less";
/*ax popup*/
._popup:where(:not(._plain)) {
  background-color: var(--_c-stage);
  border: 1px solid var(--_c-text-bd);
  border-radius: var(--_r-sm);
  box-sizing: border-box;
  .shadow();
  z-index: 880;
  animation-duration: var(--_dur-1);
  animation-fill-mode: both;
  position: absolute;
  &:where([size="sm"]) {
    width: calc(var(--_w-input)/2);
  }
  &:where([size="md"]) {
    width: var(--_w-input);
  }
  &:where([size="lg"]) {
    width: calc(var(--_w-input)*2);
  }
  &:where([size="xl"]) {
    width: calc(var(--_w-input)*3);
  }
  &:where([size="xxl"]) {
    width: calc(var(--_w-input)*4);
  }
  &>[rep="arrow"] {
    width: 1.0rem;
    height: 1.0rem;
    box-shadow: 1px 1px 0 var(--_c-text-bd);
    background-color: inherit;
  }
  ._popup-wrap {
    border-radius: inherit;
    position: relative;
    z-index: 2;
  }
  ._popup-padding {
    padding: var(--_p);
  }
  &:where(:not(:has(._popup-head))) ._popup-padding {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }
  &:where(:not(:has(._popup-foot))) ._popup-padding {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
  }
  ._popup-body {
    box-sizing: border-box;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
  }
  &:where(:not(:has(._popup-head)):not(:has(._popup-padding))) ._popup-body {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }
  &:where(:not(:has(._popup-foot)):not(:has(._popup-padding))) ._popup-body {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
  }
  &:where(:not([placement="max"], [placement="left-max"], [placement="right-max"])) ._popup-body {
    max-height: calc(100vh - var(--_g-full)*2);
  }
  ._popup-body ._popup-cont {
    border-radius: inherit;
  }
  &:where([placement="max"], [placement="left-max"], [placement="right-max"]) {
    display: flex;
    flex-direction: column;
    ._popup-wrap {
      display: flex;
      flex-direction: column;
      flex: auto;
    }
    ._popup-body {
      flex: auto;
      max-height: auto;
    }
  }
  ._popup-head {
    font-size: var(--_fs-body);
    font-weight: bold;
    line-height: var(--_sz-input);
    padding: 0 var(--_p);
    margin: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }
  ._popup-foot,
  ._bubble-footer {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
  }
  ._popup-wrap > ._box-tools {
    position: absolute;
    [rep="icon"] {
      font-size: var(--_fs-ignore);
    }
    >* {
      color: var(--_c-text);
      width: var(--_sz-list);
      aspect-ratio: 1/1;
      line-height: var(--_sz-list);
      padding: 0;
      opacity: var(--_o-disabled);
    }
    >:hover {
      opacity: 1;
    }
    >*[rep="close"]:hover,
    >*[rep="remove"]:hover {
      color: var(--_c-error);
    }
  }
  &[toolsplace="inside"] ._popup-wrap > ._box-tools {
    right: var(--_g);
    top: calc((var(--_sz-body) - var(--_sz-list))/2);
  }
  &[toolsplace="outside"] ._popup-wrap > ._box-tools {
    top: 0;
    right: 0;
    flex-direction: column;
    transform: translateX(100%);
  }
  &[conttype="image"] ._popup-cont,
  &[conttype="video"] ._popup-cont,
  &[conttype="audio"] ._popup-cont {
    text-align: center;
  }
  [class*="_box-"] img,
  [class*="_box-"] video,
  [class*="_box-"] audio {
    max-width: 100%;
  }
  [class*="_box-"] video,
  [class*="_box-"] audio {
    width: 100%;
    display: block;
  }
  iframe {
    min-height: 40rem;
  }
}
._popup[padding="false"] .list-group-item {
  border-right: none;
  border-left: none;
}
._popup[padding="false"] .list-group-item:first-child {
  border-top: 0;
}
._popup[padding="false"] .list-group-item:last-child {
  border-bottom: 0;
}
