.fix-btn-wrap{position:fixed;bottom:0;left:0;z-index:90;width:100%;padding:32px 16px calc(32px + env(safe-area-inset-bottom));background-color:hsla(0,0%,100%,.7)}@media(max-width: 899px){.fix-btn-wrap{padding:16px 16px calc(16px + env(safe-area-inset-bottom))}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.modal{display:none;opacity:0}.modal.is-open{display:block;opacity:1}.modal[aria-hidden=false]{animation:fadeIn .3s linear}.modal[aria-hidden=true]{animation:fadeOut .3s linear}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:9999;background:rgba(0,0,0,.7)}.modal-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;margin-left:auto;margin-right:auto;padding:32px 24px;width:90%;max-width:900px;max-height:calc(100% - 92px);box-sizing:border-box;background-color:#fff;border-radius:8px}.modal-contents{width:100%;overflow-y:auto}.modal-title{padding:0;width:100%;text-align:center;font-size:20px;font-weight:bold;line-height:1.4;letter-spacing:2px}.modal .purchase-btn{max-width:580px;margin-left:auto;margin-right:auto}@media(max-width: 899px){.modal-container{gap:16px;padding:24px 16px}.modal-title{font-size:18px;letter-spacing:1.8px}}.modal-close{position:absolute;top:-46px;right:0;padding:8px 0px;width:30px;height:46px;background:rgba(0,0,0,0);border:0}.close-icon{position:relative;display:block;width:30px;height:2px;color:#d6d6d6;background:currentColor;transform:rotate(45deg)}.close-icon::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;transform:rotate(90deg)}