123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- @charset "UTF-8";
- .uni-popup.data-v-7da806a4 {
- position: fixed;
- z-index: 99;
- }
- .uni-popup__mask.data-v-7da806a4 {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- background-color: rgba(0, 0, 0, 0.4);
- opacity: 0;
- }
- .mask-ani.data-v-7da806a4 {
- -webkit-transition-property: opacity;
- transition-property: opacity;
- -webkit-transition-duration: 0.2s;
- transition-duration: 0.2s;
- }
- .uni-top-mask.data-v-7da806a4 {
- opacity: 1;
- }
- .uni-bottom-mask.data-v-7da806a4 {
- opacity: 1;
- }
- .uni-center-mask.data-v-7da806a4 {
- opacity: 1;
- }
- .uni-popup__wrapper.data-v-7da806a4 {
- display: block;
- position: absolute;
- }
- .top.data-v-7da806a4 {
- top: 0;
- }
- .bottom.data-v-7da806a4 {
- bottom: 0;
- }
- .uni-popup__wrapper-box.data-v-7da806a4 {
- display: block;
- position: relative;
-
- padding-bottom: constant(safe-area-inset-bottom);
- padding-bottom: env(safe-area-inset-bottom);
- }
- .content-ani.data-v-7da806a4 {
- -webkit-transition-property: opacity, -webkit-transform;
- transition-property: opacity, -webkit-transform;
- transition-property: transform, opacity;
- transition-property: transform, opacity, -webkit-transform;
- -webkit-transition-duration: 0.2s;
- transition-duration: 0.2s;
- }
- .uni-top-content.data-v-7da806a4 {
- -webkit-transform: translateY(0);
- transform: translateY(0);
- }
- .uni-bottom-content.data-v-7da806a4 {
- -webkit-transform: translateY(0);
- transform: translateY(0);
- }
- .uni-center-content.data-v-7da806a4 {
- -webkit-transform: scale(1);
- transform: scale(1);
- opacity: 1;
- }
|