#pc-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;display:none;align-items:flex-end;justify-content:center}
    #pc-popup.is-open{display:flex}
    @media (min-width:640px){#pc-popup{align-items:center;padding:16px}}
    #pc-popup .pc-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(6,32,58,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s ease}
    #pc-popup .pc-sheet{position:relative;width:100%;max-width:420px;max-height:90vh;max-height:90dvh;overflow:hidden;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -12px 40px rgba(0,30,60,.25);transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom,0px)}
    @media (min-width:640px){
        #pc-popup .pc-sheet{border-radius:24px;box-shadow:0 24px 60px rgba(0,30,60,.3);transform:translateY(14px) scale(.97);opacity:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
    }
    #pc-popup.is-show .pc-backdrop{opacity:1}
    #pc-popup.is-show .pc-sheet{transform:none;opacity:1}
    #pc-popup .pc-icon{width:44px;height:44px;border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#E8F8EF;color:#1FA45B}
    #pc-popup[data-state="error"] .pc-icon{background:#FDECEC;color:#E23D3D}
    #pc-popup .pc-ic-err{display:none}
    #pc-popup[data-state="error"] .pc-ic-ok{display:none}
    #pc-popup[data-state="error"] .pc-ic-err{display:block}
    #pc-popup[data-state="error"] .pc-only-ok{display:none}
    #pc-popup .pc-check{stroke-dasharray:26;stroke-dashoffset:26}
    #pc-popup.is-show .pc-check{animation:pc-draw .4s .15s ease forwards}
    @keyframes pc-draw{to{stroke-dashoffset:0}}
    @media (prefers-reduced-motion:reduce){
        #pc-popup .pc-backdrop,#pc-popup .pc-sheet{transition:none}
        #pc-popup.is-show .pc-check{animation:none;stroke-dashoffset:0}
    }