#user-info-pay-dialog-v1{--user-info-pay-dialog-padding: 24px;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:12px;background:rgba(0,0,0,.5);z-index:9999}#user-info-pay-dialog-v1[hidden]{display:none}#user-info-pay-dialog-v1 .user-info-pay-dialog__container{position:relative;display:flex;flex-direction:column;padding:var(--user-info-pay-dialog-padding) 0 var(--user-info-pay-dialog-padding) var(--user-info-pay-dialog-padding);width:100%;max-width:390px;max-height:calc(var(--vh)*.9);background:#1e2123;border-radius:24px}#user-info-pay-dialog-v1 .user-info-pay-dialog__close{position:absolute;top:var(--user-info-pay-dialog-padding);right:var(--user-info-pay-dialog-padding);display:flex;align-items:center;justify-content:center;color:#fff;opacity:.7;font-size:20px;z-index:1;transition:.2s}#user-info-pay-dialog-v1 .user-info-pay-dialog__close svg{width:1em;height:1em}#user-info-pay-dialog-v1 .user-info-pay-dialog__close:hover{opacity:1}#user-info-pay-dialog-v1 .user-info-pay-dialog__header{padding-right:var(--user-info-pay-dialog-padding);margin-bottom:calc(var(--user-info-pay-dialog-padding)*.8)}#user-info-pay-dialog-v1 .user-info-pay-dialog__title{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;font-weight:500;font-size:18px}#user-info-pay-dialog-v1 .user-info-pay-dialog__title svg{width:1em;height:1em}#user-info-pay-dialog-v1 .user-info-pay-dialog__body{margin-bottom:calc(var(--user-info-pay-dialog-padding)*.8);padding-right:calc(var(--user-info-pay-dialog-padding) - var(--my-scrollbar-width, 0px));flex:1;overflow-y:scroll}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-item{display:flex;flex-direction:column}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-item[required] label::after{content:"*"}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-item[error] .user-info-pay-dialog__form-el{border-color:#eb5356}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-item~.user-info-pay-dialog__form-item{margin-top:calc(var(--user-info-pay-dialog-padding)*.34)}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-item label{margin-bottom:calc(var(--user-info-pay-dialog-padding)*.2);font-size:14px;line-height:1.2;font-weight:500}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-item label::after{margin-left:4px;color:#eb5356}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-item input{outline:none}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-item input::placeholder{color:hsla(0,0%,100%,.5)}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-el{display:flex;padding:8px;color:#fff;background:#343739;border:1px solid rgba(0,0,0,0);border-radius:10px;transition:.2s;font-size:14px}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-el:focus{border-color:hsla(0,0%,100%,.3)}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-el input{background:rgba(0,0,0,0);border:none}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-el.my-select{position:relative;padding:0}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-el.my-select[s-active] .my-select__menu{display:flex;animation:my-select-show .2s}@keyframes my-select-show{from{transform:translateY(-5px);opacity:.5}to{transform:translateY(0);opacity:1}}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-el.my-select .my-select__input{padding:8px;width:100%;color:#fff;cursor:pointer;font-size:inherit}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-el.my-select .my-select__menu{position:fixed;display:none;flex-direction:column;gap:10px;margin-top:-2px;padding:10px 0 10px 10px;max-height:240px;background:#343739;border-radius:8px;border:1px solid hsla(0,0%,100%,.15);box-shadow:0px 0px 12px rgba(0,0,0,.12);z-index:9;overflow:hidden}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-el.my-select .my-select__search{padding-bottom:4px;width:calc(100% - 10px) !important;color:#fff;border-bottom:1px solid hsla(0,0%,100%,.1)}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-el.my-select .my-select__placeholder{color:hsla(0,0%,100%,.5);font-size:13px;line-height:1.1;text-align:center;padding-right:10px}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-el.my-select .my-select__placeholder:empty{display:none}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-el.my-select .my-select__list{flex:1;margin:0;padding-right:4px;list-style:none;overflow-y:scroll}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-el.my-select .my-select__item{margin:0;padding:8px 5px;border-radius:5px;cursor:pointer;font-size:14px;line-height:1.1;transition:.2s}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-el.my-select .my-select__item:hover{background:hsla(0,0%,100%,.08)}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-el.my-select .my-select__item[s-active]{color:#ff4180}#user-info-pay-dialog-v1 .user-info-pay-dialog__footer{padding-right:var(--user-info-pay-dialog-padding)}#user-info-pay-dialog-v1 .user-info-pay-dialog__detail__title{margin-bottom:calc(var(--user-info-pay-dialog-padding)*.34);font-size:16px;font-weight:500;line-height:1.2}#user-info-pay-dialog-v1 .user-info-pay-dialog__detail__body{padding:calc(var(--user-info-pay-dialog-padding)*.5);background:#343739;border-radius:12px}#user-info-pay-dialog-v1 .user-info-pay-dialog__detail__tr{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:hsla(0,0%,100%,.8);font-size:14px;line-height:1.2}#user-info-pay-dialog-v1 .user-info-pay-dialog__detail__tr~.user-info-pay-dialog__detail__tr{margin-top:12px}#user-info-pay-dialog-v1 .user-info-pay-dialog__detail__type{font-weight:500}#user-info-pay-dialog-v1 .user-info-pay-dialog__detail__price{display:flex;flex-direction:row;align-items:baseline;gap:2px;color:#ff4180;font-size:20px;font-weight:600}#user-info-pay-dialog-v1 .user-info-pay-dialog__detail__price::before{content:"$";font-size:.7em}#user-info-pay-dialog-v1 .user-info-pay-dialog__pay-btn{--my-button-transition: scale 0.3s, filter 0.3s;margin-top:calc(var(--user-info-pay-dialog-padding)*.67);width:100%;height:40px;color:#fff;background:linear-gradient(87deg, #ff4180 0%, #ff4180 100%);box-shadow:inset 4px 5px 10px 0px hsla(0,0%,100%,.25),inset -1px -3px 7px 0px hsla(0,0%,100%,.25);border-radius:16px;font-size:16px;font-weight:500}#user-info-pay-dialog-v1 .user-info-pay-dialog__pay-btn span:not([data-price]){display:none}#user-info-pay-dialog-v1 .user-info-pay-dialog__pay-btn span::before{content:"$";font-size:.7em}#user-info-pay-dialog-v1 .user-info-pay-dialog__pay-btn span::after{content:attr(data-price)}#user-info-pay-dialog-v1 .user-info-pay-dialog__pay-btn:not(:disabled,[s-disabled]):hover{scale:1.02;filter:brightness(1.1)}#user-info-pay-dialog-v1 .user-info-pay-dialog__pay-btn:not(:disabled,[s-disabled]):active{scale:1}#user-info-pay-dialog-v1 .user-info-pay-dialog__secure{margin-top:calc(var(--user-info-pay-dialog-padding)*.5);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;color:#ddd;font-size:14px;line-height:1.2}#user-info-pay-dialog-v1 .user-info-pay-dialog__secure svg{width:1em;height:1em;opacity:.8}@media screen and (max-width: 880px){#user-info-pay-dialog-v1{--user-info-pay-dialog-padding: 12px}#user-info-pay-dialog-v1 .user-info-pay-dialog__container{border-radius:18px}#user-info-pay-dialog-v1 .user-info-pay-dialog__title{font-size:15px}#user-info-pay-dialog-v1 .user-info-pay-dialog__close{font-size:16px}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-item label{margin-bottom:calc(var(--user-info-pay-dialog-padding)*.4);font-size:13px}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-item~.user-info-pay-dialog__form-item{margin-top:calc(var(--user-info-pay-dialog-padding)*.5)}#user-info-pay-dialog-v1 .user-info-pay-dialog__detail__title{font-size:13px}#user-info-pay-dialog-v1 .user-info-pay-dialog__detail__body{padding:calc(var(--user-info-pay-dialog-padding)*.8)}#user-info-pay-dialog-v1 .user-info-pay-dialog__detail__tr{font-size:12px}#user-info-pay-dialog-v1 .user-info-pay-dialog__detail__tr~.user-info-pay-dialog__detail__tr{margin-top:8px}#user-info-pay-dialog-v1 .user-info-pay-dialog__detail__price{font-size:16px}#user-info-pay-dialog-v1 .user-info-pay-dialog__form-el{font-size:13px}#user-info-pay-dialog-v1 .user-info-pay-dialog__pay-btn{margin-top:calc(var(--user-info-pay-dialog-padding)*.8);font-size:14px}#user-info-pay-dialog-v1 .user-info-pay-dialog__secure{margin-top:calc(var(--user-info-pay-dialog-padding)*.8);font-size:12px}}