aist-share.affb05d7.chunk.css.map 25.8 KB
Newer Older
FE committed
1
{"version":3,"sources":["/Users/fe/frontCode/mr-julyedu/src/components/share-page/aist-share/aist-share.scss","/Users/fe/frontCode/mr-julyedu/node_modules/antd-mobile/lib/button/style/index.css","aist-share.affb05d7.chunk.css"],"names":[],"mappings":"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","file":"aist-share.affb05d7.chunk.css","sourcesContent":["@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n.aist-share {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-image: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_717/m/aist/aist-bg.png\");\n  background-repeat: no-repeat;\n  background-position: bottom;\n  -webkit-background-size: contain;\n  background-size: contain;\n  background-color: #a4ffe7;\n  overflow: hidden; }\n  .aist-share .content {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    width: 343px;\n    height: 494px;\n    padding: 18px 12px;\n    background: #fff;\n    box-sizing: border-box;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    overflow: hidden;\n    border-radius: 5px; }\n  .aist-share .user {\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    margin-bottom: 18px; }\n    .aist-share .user img {\n      width: 60px;\n      height: 60px;\n      border-radius: 50%;\n      margin-bottom: 8px; }\n    .aist-share .user .username {\n      font-size: 17px;\n      line-height: 24px;\n      color: #111; }\n    .aist-share .user .time {\n      font-size: 12px;\n      color: #666;\n      line-height: 17px; }\n  .aist-share .course {\n    display: flex;\n    padding: 10px;\n    margin-bottom: 27px;\n    box-shadow: 0 4px 8px rgba(0, 131, 143, 0.1);\n    border-radius: 1px; }\n    .aist-share .course-cover {\n      width: 86px;\n      margin-right: 10px; }\n      .aist-share .course-cover img {\n        width: 100%;\n        height: 62px; }\n    .aist-share .course-info {\n      text-align: left;\n      width: 204px; }\n      .aist-share .course-info .title {\n        color: #111;\n        font-size: 16px;\n        line-height: 23px; }\n      .aist-share .course-info .des {\n        width: 100%;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        font-size: 12px;\n        color: #666;\n        line-height: 17px; }\n  .aist-share .progress {\n    position: relative;\n    display: flex;\n    width: 300px;\n    margin: 0 auto 27px;\n    list-style: none;\n    padding-bottom: 25px;\n    border-bottom: 1px solid #E5E5E5;\n    background-clip: padding-box; }\n    .aist-share .progress::before {\n      content: '';\n      display: block;\n      width: 36px;\n      height: 36px;\n      position: absolute;\n      bottom: -18px;\n      left: -44px;\n      background-color: #c1fded;\n      border-radius: 50%;\n      box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.1) inset; }\n    .aist-share .progress::after {\n      content: '';\n      display: block;\n      width: 36px;\n      height: 36px;\n      position: absolute;\n      bottom: -18px;\n      right: -44px;\n      background-color: #c1fded;\n      border-radius: 50%;\n      box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.1) inset; }\n    .aist-share .progress li {\n      height: 57px;\n      flex: 1; }\n    .aist-share .progress li:nth-child(1) {\n      border-right: 1px solid #ddd; }\n    .aist-share .progress .title {\n      margin-bottom: 8px;\n      font-size: 14px;\n      color: #111;\n      line-height: 20px;\n      text-align: center; }\n    .aist-share .progress-value {\n      display: flex;\n      justify-content: center;\n      align-items: flex-end; }\n      .aist-share .progress-value > div {\n        font-size: 15px;\n        line-height: 34px;\n        color: #000; }\n      .aist-share .progress-value .num {\n        font-size: 33px;\n        color: #111;\n        line-height: 1em; }\n  .aist-share .recommend-app {\n    display: flex;\n    box-sizing: border-box;\n    padding: 0 10px;\n    justify-content: space-between; }\n    .aist-share .recommend-app .text {\n      width: 180px;\n      margin-right: 30px;\n      text-align: left;\n      display: flex;\n      flex-flow: wrap; }\n    .aist-share .recommend-app .bold {\n      font-size: 15px;\n      color: #111;\n      line-height: 21px;\n      margin-bottom: 15px; }\n      .aist-share .recommend-app .bold div:nth-child(1) {\n        margin-bottom: 4px; }\n    .aist-share .recommend-app .light {\n      font-size: 14px;\n      color: #999;\n      line-height: 20px;\n      align-self: flex-end; }\n      .aist-share .recommend-app .light img {\n        width: 15px;\n        height: 15px;\n        vertical-align: middle;\n        margin-left: 6px; }\n    .aist-share .recommend-app .qrcode {\n      width: 90px;\n      height: 90px; }\n      .aist-share .recommend-app .qrcode img {\n        width: 100%;\n        height: 100%; }\n  .aist-share .overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.6);\n    overflow: hidden; }\n    .aist-share .overlay img {\n      position: absolute;\n      top: 11px;\n      right: 22px;\n      width: 111px;\n      height: 82px; }\n    .aist-share .overlay .text {\n      position: absolute;\n      top: 105px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 343px;\n      height: 61px;\n      background: #fff;\n      font-size: 15px;\n      color: #333;\n      padding: 20px;\n      text-align: center;\n      box-sizing: border-box;\n      border-radius: 4px; }\n",".am-button {\n  display: block;\n  outline: 0 none;\n  -webkit-appearance: none;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  padding: 0;\n  text-align: center;\n  font-size: 18px;\n  height: 47px;\n  line-height: 47px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  word-break: break-word;\n  white-space: nowrap;\n  color: #000;\n  background-color: #fff;\n  border: 1PX solid #ddd;\n  border-radius: 5px;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n  html:not([data-scale]) .am-button {\n    position: relative;\n    border: none;\n  }\n  html:not([data-scale]) .am-button::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 200%;\n    height: 200%;\n    border: 1PX solid #ddd;\n    border-radius: 10px;\n    -webkit-transform-origin: 0 0;\n        -ms-transform-origin: 0 0;\n            transform-origin: 0 0;\n    -webkit-transform: scale(0.5);\n        -ms-transform: scale(0.5);\n            transform: scale(0.5);\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    pointer-events: none;\n  }\n}\n.am-button-borderfix:before {\n  -webkit-transform: scale(0.49) !important;\n      -ms-transform: scale(0.49) !important;\n          transform: scale(0.49) !important;\n}\n.am-button.am-button-active {\n  background-color: #ddd;\n}\n.am-button.am-button-disabled {\n  color: rgba(0, 0, 0, 0.3);\n  opacity: 0.6;\n}\n.am-button-primary {\n  color: #fff;\n  background-color: #108ee9;\n  border: 1PX solid #108ee9;\n  border-radius: 5px;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n  html:not([data-scale]) .am-button-primary {\n    position: relative;\n    border: none;\n  }\n  html:not([data-scale]) .am-button-primary::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 200%;\n    height: 200%;\n    border: 1PX solid #108ee9;\n    border-radius: 10px;\n    -webkit-transform-origin: 0 0;\n        -ms-transform-origin: 0 0;\n            transform-origin: 0 0;\n    -webkit-transform: scale(0.5);\n        -ms-transform: scale(0.5);\n            transform: scale(0.5);\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    pointer-events: none;\n  }\n}\n.am-button-primary.am-button-active {\n  color: rgba(255, 255, 255, 0.3);\n  background-color: #0e80d2;\n}\n.am-button-primary.am-button-disabled {\n  color: rgba(255, 255, 255, 0.6);\n  opacity: 0.4;\n}\n.am-button-ghost {\n  color: #108ee9;\n  background-color: transparent;\n  border: 1PX solid #108ee9;\n  border-radius: 5px;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n  html:not([data-scale]) .am-button-ghost {\n    position: relative;\n    border: none;\n  }\n  html:not([data-scale]) .am-button-ghost::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 200%;\n    height: 200%;\n    border: 1PX solid #108ee9;\n    border-radius: 10px;\n    -webkit-transform-origin: 0 0;\n        -ms-transform-origin: 0 0;\n            transform-origin: 0 0;\n    -webkit-transform: scale(0.5);\n        -ms-transform: scale(0.5);\n            transform: scale(0.5);\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    pointer-events: none;\n  }\n}\n.am-button-ghost.am-button-active {\n  color: rgba(16, 142, 233, 0.6);\n  background-color: transparent;\n  border: 1PX solid rgba(16, 142, 233, 0.6);\n  border-radius: 5px;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n  html:not([data-scale]) .am-button-ghost.am-button-active {\n    position: relative;\n    border: none;\n  }\n  html:not([data-scale]) .am-button-ghost.am-button-active::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 200%;\n    height: 200%;\n    border: 1PX solid rgba(16, 142, 233, 0.6);\n    border-radius: 10px;\n    -webkit-transform-origin: 0 0;\n        -ms-transform-origin: 0 0;\n            transform-origin: 0 0;\n    -webkit-transform: scale(0.5);\n        -ms-transform: scale(0.5);\n            transform: scale(0.5);\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    pointer-events: none;\n  }\n}\n.am-button-ghost.am-button-disabled {\n  color: rgba(0, 0, 0, 0.1);\n  border: 1PX solid rgba(0, 0, 0, 0.1);\n  border-radius: 5px;\n  opacity: 1;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n  html:not([data-scale]) .am-button-ghost.am-button-disabled {\n    position: relative;\n    border: none;\n  }\n  html:not([data-scale]) .am-button-ghost.am-button-disabled::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 200%;\n    height: 200%;\n    border: 1PX solid rgba(0, 0, 0, 0.1);\n    border-radius: 10px;\n    -webkit-transform-origin: 0 0;\n        -ms-transform-origin: 0 0;\n            transform-origin: 0 0;\n    -webkit-transform: scale(0.5);\n        -ms-transform: scale(0.5);\n            transform: scale(0.5);\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    pointer-events: none;\n  }\n}\n.am-button-warning {\n  color: #fff;\n  background-color: #e94f4f;\n}\n.am-button-warning.am-button-active {\n  color: rgba(255, 255, 255, 0.3);\n  background-color: #d24747;\n}\n.am-button-warning.am-button-disabled {\n  color: rgba(255, 255, 255, 0.6);\n  opacity: 0.4;\n}\n.am-button-inline {\n  display: inline-block;\n  padding: 0 15px;\n}\n.am-button-inline.am-button-icon {\n  display: -webkit-inline-box;\n  display: -webkit-inline-flex;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n.am-button-small {\n  font-size: 13px;\n  height: 30px;\n  line-height: 30px;\n  padding: 0 15px;\n}\n.am-button-icon {\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n.am-button > .am-button-icon {\n  margin-right: 0.5em;\n}\n","@charset \"UTF-8\";\n/*\n *  @ 文字颜色\n */\n/*\n *  @ 文字大小\n */\n/*\n *  @ 背景颜色\n */\n/*\n *  @ 分割线颜色\n */\n/*\n *  @ 边框颜色\n */\n/*\n *  @ 标签颜色\n */\n.aist-share {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-image: url(\"https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_717/m/aist/aist-bg.png\");\n  background-repeat: no-repeat;\n  background-position: bottom;\n  background-size: contain;\n  background-color: #a4ffe7;\n  overflow: hidden; }\n  .aist-share .content {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    -webkit-transform: translate(-50%, -50%);\n            transform: translate(-50%, -50%);\n    width: 91.466667vw;\n    height: 131.733333vw;\n    padding: 4.8vw 3.2vw;\n    background: #fff;\n    box-sizing: border-box;\n    box-shadow: 0 1.066667vw 2.133333vw rgba(0, 0, 0, 0.1);\n    overflow: hidden;\n    border-radius: 1.333333vw; }\n  .aist-share .user {\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    margin-bottom: 4.8vw; }\n    .aist-share .user img {\n      width: 16vw;\n      height: 16vw;\n      border-radius: 50%;\n      margin-bottom: 2.133333vw; }\n    .aist-share .user .username {\n      font-size: 4.533333vw;\n      line-height: 6.4vw;\n      color: #111; }\n    .aist-share .user .time {\n      font-size: 3.2vw;\n      color: #666;\n      line-height: 4.533333vw; }\n  .aist-share .course {\n    display: flex;\n    padding: 2.666667vw;\n    margin-bottom: 7.2vw;\n    box-shadow: 0 1.066667vw 2.133333vw rgba(0, 131, 143, 0.1);\n    border-radius: 1px; }\n    .aist-share .course-cover {\n      width: 22.933333vw;\n      margin-right: 2.666667vw; }\n      .aist-share .course-cover img {\n        width: 100%;\n        height: 16.533333vw; }\n    .aist-share .course-info {\n      text-align: left;\n      width: 54.4vw; }\n      .aist-share .course-info .title {\n        color: #111;\n        font-size: 4.266667vw;\n        line-height: 6.133333vw; }\n      .aist-share .course-info .des {\n        width: 100%;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        font-size: 3.2vw;\n        color: #666;\n        line-height: 4.533333vw; }\n  .aist-share .progress {\n    position: relative;\n    display: flex;\n    width: 80vw;\n    margin: 0 auto 7.2vw;\n    list-style: none;\n    padding-bottom: 6.666667vw;\n    border-bottom: 1px solid #E5E5E5;\n    background-clip: padding-box; }\n    .aist-share .progress::before {\n      content: '';\n      display: block;\n      width: 9.6vw;\n      height: 9.6vw;\n      position: absolute;\n      bottom: -4.8vw;\n      left: -11.733333vw;\n      background-color: #c1fded;\n      border-radius: 50%;\n      box-shadow: 0 1.066667vw 1.066667vw 1px rgba(0, 0, 0, 0.1) inset; }\n    .aist-share .progress::after {\n      content: '';\n      display: block;\n      width: 9.6vw;\n      height: 9.6vw;\n      position: absolute;\n      bottom: -4.8vw;\n      right: -11.733333vw;\n      background-color: #c1fded;\n      border-radius: 50%;\n      box-shadow: 0 1.066667vw 1.066667vw 1px rgba(0, 0, 0, 0.1) inset; }\n    .aist-share .progress li {\n      height: 15.2vw;\n      flex: 1 1; }\n    .aist-share .progress li:nth-child(1) {\n      border-right: 1px solid #ddd; }\n    .aist-share .progress .title {\n      margin-bottom: 2.133333vw;\n      font-size: 3.733333vw;\n      color: #111;\n      line-height: 5.333333vw;\n      text-align: center; }\n    .aist-share .progress-value {\n      display: flex;\n      justify-content: center;\n      align-items: flex-end; }\n      .aist-share .progress-value > div {\n        font-size: 4vw;\n        line-height: 9.066667vw;\n        color: #000; }\n      .aist-share .progress-value .num {\n        font-size: 8.8vw;\n        color: #111;\n        line-height: 1em; }\n  .aist-share .recommend-app {\n    display: flex;\n    box-sizing: border-box;\n    padding: 0 2.666667vw;\n    justify-content: space-between; }\n    .aist-share .recommend-app .text {\n      width: 48vw;\n      margin-right: 8vw;\n      text-align: left;\n      display: flex;\n      flex-flow: wrap; }\n    .aist-share .recommend-app .bold {\n      font-size: 4vw;\n      color: #111;\n      line-height: 5.6vw;\n      margin-bottom: 4vw; }\n      .aist-share .recommend-app .bold div:nth-child(1) {\n        margin-bottom: 1.066667vw; }\n    .aist-share .recommend-app .light {\n      font-size: 3.733333vw;\n      color: #999;\n      line-height: 5.333333vw;\n      align-self: flex-end; }\n      .aist-share .recommend-app .light img {\n        width: 4vw;\n        height: 4vw;\n        vertical-align: middle;\n        margin-left: 1.6vw; }\n    .aist-share .recommend-app .qrcode {\n      width: 24vw;\n      height: 24vw; }\n      .aist-share .recommend-app .qrcode img {\n        width: 100%;\n        height: 100%; }\n  .aist-share .overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.6);\n    overflow: hidden; }\n    .aist-share .overlay img {\n      position: absolute;\n      top: 2.933333vw;\n      right: 5.866667vw;\n      width: 29.6vw;\n      height: 21.866667vw; }\n    .aist-share .overlay .text {\n      position: absolute;\n      top: 28vw;\n      left: 50%;\n      -webkit-transform: translateX(-50%);\n              transform: translateX(-50%);\n      width: 91.466667vw;\n      height: 16.266667vw;\n      background: #fff;\n      font-size: 4vw;\n      color: #333;\n      padding: 5.333333vw;\n      text-align: center;\n      box-sizing: border-box;\n      border-radius: 1.066667vw; }\n\n.am-button {\n  display: block;\n  outline: 0 none;\n  -webkit-appearance: none;\n  box-sizing: border-box;\n  padding: 0;\n  text-align: center;\n  font-size: 4.8vw;\n  height: 12.533333vw;\n  line-height: 12.533333vw;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  word-break: break-word;\n  white-space: nowrap;\n  color: #000;\n  background-color: #fff;\n  border: 1PX solid #ddd;\n  border-radius: 1.333333vw;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n  html:not([data-scale]) .am-button {\n    position: relative;\n    border: none;\n  }\n  html:not([data-scale]) .am-button::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 200%;\n    height: 200%;\n    border: 1PX solid #ddd;\n    border-radius: 10px;\n    -webkit-transform-origin: 0 0;\n            transform-origin: 0 0;\n    -webkit-transform: scale(0.5);\n            transform: scale(0.5);\n    box-sizing: border-box;\n    pointer-events: none;\n  }\n}\n.am-button-borderfix:before {\n  -webkit-transform: scale(0.49) !important;\n          transform: scale(0.49) !important;\n}\n.am-button.am-button-active {\n  background-color: #ddd;\n}\n.am-button.am-button-disabled {\n  color: rgba(0, 0, 0, 0.3);\n  opacity: 0.6;\n}\n.am-button-primary {\n  color: #fff;\n  background-color: #108ee9;\n  border: 1PX solid #108ee9;\n  border-radius: 1.333333vw;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n  html:not([data-scale]) .am-button-primary {\n    position: relative;\n    border: none;\n  }\n  html:not([data-scale]) .am-button-primary::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 200%;\n    height: 200%;\n    border: 1PX solid #108ee9;\n    border-radius: 10px;\n    -webkit-transform-origin: 0 0;\n            transform-origin: 0 0;\n    -webkit-transform: scale(0.5);\n            transform: scale(0.5);\n    box-sizing: border-box;\n    pointer-events: none;\n  }\n}\n.am-button-primary.am-button-active {\n  color: rgba(255, 255, 255, 0.3);\n  background-color: #0e80d2;\n}\n.am-button-primary.am-button-disabled {\n  color: rgba(255, 255, 255, 0.6);\n  opacity: 0.4;\n}\n.am-button-ghost {\n  color: #108ee9;\n  background-color: transparent;\n  border: 1PX solid #108ee9;\n  border-radius: 1.333333vw;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n  html:not([data-scale]) .am-button-ghost {\n    position: relative;\n    border: none;\n  }\n  html:not([data-scale]) .am-button-ghost::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 200%;\n    height: 200%;\n    border: 1PX solid #108ee9;\n    border-radius: 10px;\n    -webkit-transform-origin: 0 0;\n            transform-origin: 0 0;\n    -webkit-transform: scale(0.5);\n            transform: scale(0.5);\n    box-sizing: border-box;\n    pointer-events: none;\n  }\n}\n.am-button-ghost.am-button-active {\n  color: rgba(16, 142, 233, 0.6);\n  background-color: transparent;\n  border: 1PX solid rgba(16, 142, 233, 0.6);\n  border-radius: 1.333333vw;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n  html:not([data-scale]) .am-button-ghost.am-button-active {\n    position: relative;\n    border: none;\n  }\n  html:not([data-scale]) .am-button-ghost.am-button-active::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 200%;\n    height: 200%;\n    border: 1PX solid rgba(16, 142, 233, 0.6);\n    border-radius: 10px;\n    -webkit-transform-origin: 0 0;\n            transform-origin: 0 0;\n    -webkit-transform: scale(0.5);\n            transform: scale(0.5);\n    box-sizing: border-box;\n    pointer-events: none;\n  }\n}\n.am-button-ghost.am-button-disabled {\n  color: rgba(0, 0, 0, 0.1);\n  border: 1PX solid rgba(0, 0, 0, 0.1);\n  border-radius: 1.333333vw;\n  opacity: 1;\n}\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {\n  html:not([data-scale]) .am-button-ghost.am-button-disabled {\n    position: relative;\n    border: none;\n  }\n  html:not([data-scale]) .am-button-ghost.am-button-disabled::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 200%;\n    height: 200%;\n    border: 1PX solid rgba(0, 0, 0, 0.1);\n    border-radius: 10px;\n    -webkit-transform-origin: 0 0;\n            transform-origin: 0 0;\n    -webkit-transform: scale(0.5);\n            transform: scale(0.5);\n    box-sizing: border-box;\n    pointer-events: none;\n  }\n}\n.am-button-warning {\n  color: #fff;\n  background-color: #e94f4f;\n}\n.am-button-warning.am-button-active {\n  color: rgba(255, 255, 255, 0.3);\n  background-color: #d24747;\n}\n.am-button-warning.am-button-disabled {\n  color: rgba(255, 255, 255, 0.6);\n  opacity: 0.4;\n}\n.am-button-inline {\n  display: inline-block;\n  padding: 0 4vw;\n}\n.am-button-inline.am-button-icon {\n  display: inline-flex;\n}\n.am-button-small {\n  font-size: 3.466667vw;\n  height: 8vw;\n  line-height: 8vw;\n  padding: 0 4vw;\n}\n.am-button-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.am-button > .am-button-icon {\n  margin-right: 0.5em;\n}\n\n"]}