/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/@music/cube-modal/dist/index.css ***!
  \***************************************************************************************************************************************************************************************************/
.mrc-modal {
  position: absolute;
  z-index: 1000;
  display: none;
}
.mrc-modal-visbh {
  position: absolute;
  z-index: 1000;
  visibility: hidden;
}
.mrc-modal-visbs {
  visibility: visible;
}
.mrc-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
}
.mrc-modal-wrapper {
  display: flex;
  flex-direction: column;
  -webkit-overflow-scrolling: touch;
  pointer-events: none;
}
.mrc-modal-wrapper.mrc-modal-center {
  justify-content: center;
  align-items: center;
}
.mrc-modal-wrapper.mrc-modal-center .mrc-modal-container {
  position: relative;
}
.mrc-modal-wrapper-center {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.mrc-modal-wrapper-bottom {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}
.mrc-modal-container {
  position: absolute;
  background: #fff;
  pointer-events: auto;
}
.mrc-modal-container .mrc-header {
  position: relative;
}
.mrc-modal-transparent {
  background: transparent !important;
}
.mrc-modal-show {
  display: block;
}
.mrc-modal-enter,
.mrc-modal-appear {
  opacity: 0;
}
.mrc-modal-enter-active,
.mrc-modal-appear-active {
  opacity: 1;
  transition: all 200ms ease-out;
}
.mrc-modal-enter-done,
.mrc-modal-exit {
  opacity: 1;
}
.mrc-modal-exit-active {
  opacity: 0;
  transition: all 200ms ease-out;
}
.mrc-bottom-modal-enter,
.mrc-bottom-modal-appear {
  transform: translateY(100%) translateZ(0);
}
.mrc-bottom-modal-enter-active,
.mrc-bottom-modal-appear-active {
  transform: translateY(0) translateZ(0);
  transition: all 200ms ease-out;
}
.mrc-bottom-modal-enter-done,
.mrc-bottom-modal-exit {
  transform: translateY(0) translateZ(0);
}
.mrc-bottom-modal-exit-active {
  transform: translateY(100%) translateZ(0);
  transition: all 200ms ease-out;
}
.mrc-modal-parent-overflow-hidden {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1002;
}

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/view.module.less ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.rule-modal-hotspot-component--IBFm8N4Y {
  width: 100%;
  height: 100%;
}
.rule-modal-hotspot-component--IBFm8N4Y.designer--mTBrBxLy {
  border: 1px solid #ffff7a;
  background-color: rgba(255, 255, 122, 0.5);
  cursor: move;
}
.rule-modal-content-wrapper--IEZyZ65n {
  width: 100vw;
  height: 100vh;
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}
.rule-modal-content-wrapper--IEZyZ65n .rule-modal-content--ApN5cduz {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.rule-modal-content-wrapper--IEZyZ65n .rule-modal-content-scroller--M_OuFBY_ {
  overflow-y: auto;
  height: calc(100% - 18.66667vw);
}
.rule-modal-content-wrapper--IEZyZ65n .rule-modal-jianbian-layer--hXKIrxxY {
  position: absolute;
  bottom: 18.66667vw;
  left: 0;
  right: 0;
  height: 5.33333vw;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.rule-modal-content-wrapper--IEZyZ65n .rule-modal-content-close-wrapper--Mm0PzXro {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 18.66667vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rule-modal-content-wrapper--IEZyZ65n .rule-modal-content-close--tdY1moVv {
  width: 57.33333vw;
  height: 12.26667vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 6.13333vw;
  background: #ff3a3a;
  font-size: 4.8vw;
  font-weight: 500;
  color: #ffffff;
}