/* base dependency: @bitunix-activity-base/modal */
/* 居中 transform 由模板上的 arbitrary-property 工具类 `[transform:translate(-50%,-50%)]` 承担
   （工具类会进 shared runtime.css，C 端 host 会加载；scoped css 在 C 端 base 组件不会被加载）。
   这里的静态 transform 仅作 b 端/动画结束后的末态兜底，与工具类同值，无跳动。 */
.base-modal-content[data-v-c74bc279] {
  transform: translate(-50%, -50%);
}
.base-modal-content[data-state="open"][data-v-c74bc279] {
  animation: base-modal-scale-in-c74bc279 0.3s ease-in-out;
}
.base-modal-content[data-state="closed"][data-v-c74bc279] {
  animation: base-modal-scale-out-c74bc279 0.2s ease-out forwards;
}
@keyframes base-modal-scale-in-c74bc279 {
0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
}
50% {
    transform: translate(-50%, -50%) scale(1.05);
}
100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
}
@keyframes base-modal-scale-out-c74bc279 {
0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
}
}
.h5-glass-edge[data-v-c74bc279] {
  position: absolute;
  isolation: isolate;
  background: var(--bg-color_bg_popup_medium, rgba(19, 20, 20, 0.85));
}
.h5-glass-edge[data-v-c74bc279]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 34px;
  padding: 1px;
  pointer-events: none;
  background: linear-gradient(
    to bottom right,
    rgb(255 255 255 / 25%) 15%,
    rgb(255 255 255 / 3%) 20%,
    rgb(255 255 255 / 3%) 80%,
    rgb(255 255 255 / 25%) 90%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
}