.comp-popup{z-index:1000;border:0 solid #fff;border-bottom-width:constant(safe-area-inset-bottom);border-bottom-width:env(safe-area-inset-bottom);background:#fff;border-radius:6.66667vw 6.66667vw 0 0;transition:transform .3s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.comp-popup.is-show{transform:translate(0)}.comp-popup__header{justify-content:space-between;align-items:center;padding:4.16667vw 5.55556vw;display:flex}.comp-popup__header-title{color:#000;font-size:5vw;font-weight:500;line-height:7.22222vw}.comp-popup__header-close{cursor:pointer;width:6.66667vw;height:6.66667vw}.comp-popup__body{padding:4.16667vw 5.55556vw}
@media screen and (min-width:1024px) and (hover:hover) and (pointer:fine){.comp-popup{z-index:1000;border:0 solid #fff;border-bottom-width:constant(safe-area-inset-bottom);border-bottom-width:env(safe-area-inset-bottom);background:#fff;border-radius:24px 24px 0 0;transition:transform .3s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.comp-popup.is-show{transform:translate(0)}.comp-popup__header{justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.comp-popup__header-title{color:#000;font-size:18px;font-weight:500;line-height:26px}.comp-popup__header-close{cursor:pointer;width:24px;height:24px}.comp-popup__body{padding:15px 20px}}
.comp-mask{z-index:99;opacity:0;background:rgba(0,0,0,.5);width:100%;height:100%;transition:opacity .5s;position:fixed;top:0;left:0}.comp-mask.is-show{opacity:1}