.page-popup-wrapper{position:fixed;left:0;top:0;width:100%;height:var(--full-vh,100vh);display:flex;align-items:center;justify-content:center;background:var(--Color-Bg-Opacity-Dark-40,rgba(8,8,8,.4));.page-popup-inner{position:absolute;width:100%;max-width:340px;height:470px;max-height:90vh;border-radius:8px;background:var(--Color-Bg-Bg-White,#fff);display:flex;flex-direction:column;.popup-contents{position:relative;height:calc(100% - 50px);padding:24px 8px 0;border-top-left-radius:8px;border-top-right-radius:8px;transition:background-color .2s ease;.swiper{height:100%;.swiper-slide{position:relative;>div{height:100%;overflow:auto;padding-left:8px;padding-right:8px;padding-bottom:16px;scrollbar-width:thin}&.swiper-slide-active>div{scrollbar-color:var(--slide-bg,transparent)}>div::-webkit-scrollbar{width:6px}>div::-webkit-scrollbar-track{background:var(--slide-bg,transparent);border-radius:8px}>div::-webkit-scrollbar-thumb{border-radius:8px}img{max-width:100%;height:auto}}}&:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff);z-index:1}}.popup-pagination-outside{z-index:5}.swiper-pagination{.swiper-pagination-bullet{width:4px;height:6px;border-radius:64px;margin:0 2px!important;vertical-align:middle;transform:scale(1);&.swiper-pagination-bullet-active-next,&.swiper-pagination-bullet-active-prev{width:4px;height:12px}}.swiper-pagination-bullet-active{width:6px;height:18px;background:#080808}}.popup-footer{display:flex;align-items:center;justify-content:space-between;height:50px;flex:none;width:100%;padding:0 16px;border-top:1px solid var(--Color-Border-Primary,#ccc);button{color:var(--Color-Text-Primary-Black,#000);font-size:14px;font-weight:400;line-height:130%;letter-spacing:-.28px;&.today-close{color:var(--Color-Text-Tertiary,#888)}}}}@media (320px <= width < 768px){.page-popup-inner{height:360px}}}