.pay-phone-page{width:100%}.pay-phone-page .content-wrapper{max-width:900px}.pay-phone-page .pay-card{width:100%;border-radius:calc(var(--radius) - 2px);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border:1px solid rgba(0,0,0,.05)}.pay-phone-page .pay-card-header{display:flex;align-items:center;gap:.75rem;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(243 243 243/var(--tw-border-opacity));padding:1.25rem 1.5rem}.pay-phone-page .pay-card-header .pay-avatar{display:flex;align-items:center;justify-content:center;border-radius:9999px;font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));width:36px;height:36px;background:linear-gradient(135deg,#4267a9,#cd6f63)}.pay-phone-page .pay-card-header .pay-title{display:flex;flex-direction:column;font-size:.875rem;line-height:1.25rem}.pay-phone-page .pay-card-header .pay-title .pay-team-name{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity))}.pay-phone-page .pay-card-header .pay-title .pay-label{--tw-text-opacity:1;color:rgb(134 144 156/var(--tw-text-opacity))}.pay-phone-page .pay-card-body{display:flex;flex-direction:column}@media (min-width:768px){.pay-phone-page .pay-card-body{flex-direction:row}}.pay-phone-page .pay-card-body{min-height:360px}.pay-phone-page .pay-settings{width:100%;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(243 243 243/var(--tw-border-opacity));padding:1.5rem}@media (min-width:768px){.pay-phone-page .pay-settings{width:50%;border-bottom-width:0;border-right-width:1px}}.pay-phone-page .pay-settings .pay-field-label{margin-bottom:.5rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(97 97 97/var(--tw-text-opacity))}.pay-phone-page .pay-settings .amount-input{display:flex;height:3rem;align-items:center;border-radius:calc(var(--radius) - 2px);border-width:1px;--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity));padding-left:.75rem;padding-right:.75rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity));transition:border-color .2s ease}.pay-phone-page .pay-settings .amount-input:focus-within{border-color:#4267a9}.pay-phone-page .pay-settings .amount-input input{flex:1 1 0%;background-color:transparent;font-size:1.125rem;line-height:1.75rem;font-weight:600;outline:2px solid transparent;outline-offset:2px}.pay-phone-page .pay-settings .amount-input .unit{margin-right:.5rem;font-size:1rem;line-height:1.5rem;font-weight:500;--tw-text-opacity:1;color:rgb(134 144 156/var(--tw-text-opacity))}.pay-phone-page .pay-settings .pay-types{margin-top:1rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}.pay-phone-page .pay-settings .pay-type{display:flex;cursor:pointer;align-items:center;justify-content:space-between;border-radius:calc(var(--radius) - 2px);border-width:2px;--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.75rem 1rem;text-align:left;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.pay-phone-page .pay-settings .pay-type .type-info{display:flex;align-items:center;gap:.75rem}.pay-phone-page .pay-settings .pay-type .type-icon{height:2rem;width:2rem}.pay-phone-page .pay-settings .pay-type .type-label{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity))}.pay-phone-page .pay-settings .pay-type.active,.pay-phone-page .pay-settings .pay-type:hover{border-color:#4267a9}.pay-phone-page .pay-preview{display:flex;width:100%;justify-content:center;padding:1.5rem}@media (min-width:768px){.pay-phone-page .pay-preview{width:50%}}.pay-phone-page .qr-box{display:flex;flex-direction:column;align-items:center;gap:1rem}.pay-phone-page .qr-box .qr-wrapper{display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border-width:1px;--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity));width:210px;height:210px}.pay-phone-page .qr-box .qr-title{display:flex;align-items:center;gap:.5rem;font-weight:600;--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity))}.pay-phone-page .qr-box .qr-title .type-icon{height:2rem;width:2rem}.pay-phone-page .spinner{border-radius:9999px;border-width:4px;--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity));border-top-color:#4267a9;width:48px;height:48px;animation:pay-spin .8s linear infinite}.pay-phone-page .pay-placeholder{text-align:center;--tw-text-opacity:1;color:rgb(134 144 156/var(--tw-text-opacity))}.pay-phone-page .bank-card{display:flex;flex-direction:column;gap:.75rem;font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(29 33 41/var(--tw-text-opacity))}.pay-phone-page .bank-card .bank-row{display:flex;gap:.5rem}.pay-phone-page .bank-card .bank-row .bank-key{white-space:nowrap;--tw-text-opacity:1;color:rgb(134 144 156/var(--tw-text-opacity))}.pay-phone-page .bank-card .bank-row .bank-value{word-break:break-all;font-weight:500}.pay-phone-page .bank-card .contact-row{display:flex;align-items:center;gap:.5rem}.pay-phone-page .bank-card .popover-trigger{cursor:pointer;--tw-text-opacity:1;color:rgb(66 103 169/var(--tw-text-opacity))}.pay-phone-page .bank-card .popover-panel{border-radius:calc(var(--radius) - 2px);border-width:1px;--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1rem;text-align:center;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);width:220px}.pay-phone-page .bank-card .popover-panel img{margin-left:auto;margin-right:auto;margin-bottom:.5rem;height:160px;width:160px}.pay-phone-page .bank-card .popover-panel .popover-tip{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(97 97 97/var(--tw-text-opacity))}@keyframes pay-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.popover_popover__vzsyc{position:relative;display:inline-block}.popover_popoverContent__ZpvPi{position:absolute;z-index:10}.popover_popoverContent__ZpvPi.popover_top__UTU9z{bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:5px}.popover_popoverContent__ZpvPi.popover_bottom__bgNss{top:100%;left:50%;transform:translateX(-50%);margin-top:5px}.popover_popoverContent__ZpvPi.popover_left__LJLKD{right:100%;top:50%;transform:translateY(-50%);margin-right:5px}.popover_popoverContent__ZpvPi.popover_right__Ev5_S{left:100%;top:50%;transform:translateY(-50%);margin-left:5px}