[data-m-id=PAY]{--animationName:slideDown}[data-m-id=PAY] .text-xs{font-size:12px}[data-m-id=PAY] .text-2xl{font-size:24px}[data-m-id=PAY] .text-4xl{font-size:36px}[data-m-id=PAY] .font-medium{font-weight:500}[data-m-id=PAY] .component-bg .overlay{background:#000;opacity:.55}[data-m-id=PAY] .close-times{position:absolute;top:20px;right:20px;color:#787878;z-index:1001}[data-m-id=PAY] .back-to-methods{display:none;position:absolute;top:20px;left:20px;align-items:center;gap:10px;z-index:1001;color:#1b1b1c;opacity:.57;cursor:pointer;font-size:14px;line-height:22px}[data-m-id=PAY] .back-to-methods svg{display:block;flex-shrink:0}[data-m-id=PAY] .modal-content.has-back .back-to-methods{display:flex}[data-m-id=PAY] .modal-content{width:auto;max-width:var(--100vw);padding:35px;background:#fff;color:#1b1b1c;text-align:center;border-radius:10px}[data-m-id=PAY] .modal-content:has([data-view=description]),[data-m-id=PAY] .modal-content:has([data-view=qr]){padding:35px 20px}[data-m-id=PAY] .modal-content:has([data-view=description]).has-back,[data-m-id=PAY] .modal-content:has([data-view=qr]).has-back{padding-top:62px}[data-m-id=PAY] .modal-content:has([data-view=bill]){display:flex;flex-direction:column;max-height:100%;min-height:0;overflow:hidden}[data-m-id=PAY] .modal-content .loading{display:block}[data-m-id=PAY] .action-container{display:flex;max-width:100%;width:400px;flex-flow:column;justify-content:stretch}[data-m-id=PAY] .action-container[data-view=bill]{width:440px;flex:1 1 auto;min-height:0;overflow:hidden}[data-m-id=PAY] [data-view=bill]{align-items:stretch}[data-m-id=PAY] [data-view=bill] .pay-action{width:100%;display:flex;flex-direction:column;flex-shrink:0;margin-bottom:20px}[data-m-id=PAY] [data-view=bill] .pay-action .title{margin-bottom:10px;color:rgba(27,27,28,.35)}[data-m-id=PAY] [data-view=bill] .pay-methods{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}[data-m-id=PAY] [data-view=bill] .pay-methods .title{flex-shrink:0;margin-bottom:20px}[data-m-id=PAY] [data-view=bill] .pay-methods-list{display:flex;justify-content:center;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}[data-m-id=PAY] [data-view=bill] .pay-methods-list .pay-methods-list-inner{display:flex;flex-flow:row wrap;flex-shrink:1;width:100%;justify-content:center}[data-m-id=PAY] [data-view=bill] .pay-methods-list .pay-methods-list-inner.shake{animation:shake .5s ease 1 both .2s}[data-m-id=PAY] [data-view=bill] .pay-methods-list .item{width:33.333%;min-width:120px;padding:4px;cursor:pointer}[data-m-id=PAY] [data-view=bill] .pay-methods-list .item:hover .item-inner:before{border-color:rgba(34,34,34,.5)}[data-m-id=PAY] [data-view=bill] .pay-methods-list .check{position:absolute;top:10px;right:10px;width:16px;height:13px}[data-m-id=PAY] [data-view=bill] .pay-methods-list .check:after,[data-m-id=PAY] [data-view=bill] .pay-methods-list .check:before{display:block;content:"";height:2px;position:absolute;background:#222}[data-m-id=PAY] [data-view=bill] .pay-methods-list .check:before{width:46%;bottom:41%;left:0;transform:rotate(47deg) scaleX(0);border-bottom-right-radius:2px;transform-origin:bottom left}[data-m-id=PAY] [data-view=bill] .pay-methods-list .check:after{width:95%;bottom:0;left:35%;transform:rotate(-48deg) scaleX(0);border-bottom-left-radius:2px;transform-origin:bottom left}[data-m-id=PAY] [data-view=bill] .pay-methods-list .icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:80px;height:60px;margin:0 auto}[data-m-id=PAY] [data-view=bill] .pay-methods-list .icon-inner{max-width:100%;max-height:100%}[data-m-id=PAY] [data-view=bill] .pay-methods-list svg.icon-inner{width:36px;height:36px;flex-shrink:0;fill:currentColor}[data-m-id=PAY] [data-view=bill] .pay-methods-list .item-name{display:block;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-m-id=PAY] [data-view=bill] .pay-methods-list input{display:none}[data-m-id=PAY] [data-view=bill] .pay-methods-list .item-inner{display:flex;position:relative;flex-flow:column;padding:15px 10px;justify-content:flex-start}[data-m-id=PAY] [data-view=bill] .pay-methods-list .item-inner:before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;border-radius:7px;border:1px solid rgba(6,6,7,.15);transition:all .2s}[data-m-id=PAY] [data-view=bill] .pay-methods-list input:checked+.item-inner:before{border-width:2px;border-color:#222!important}[data-m-id=PAY] [data-view=bill] .pay-methods-list input:checked+.item-inner .check:before{transform:rotate(47deg) scaleX(1);transition:transform .2s ease-in}[data-m-id=PAY] [data-view=bill] .pay-methods-list input:checked+.item-inner .check:after{transform:rotate(-48deg) scaleX(1);transition:transform .15s ease-out .2s}[data-m-id=PAY] [data-view=already],[data-m-id=PAY] [data-view=description],[data-m-id=PAY] [data-view=fail],[data-m-id=PAY] [data-view=success]{width:320px;margin:0 auto;text-align:center}[data-m-id=PAY] [data-view=already] .title,[data-m-id=PAY] [data-view=description] .title,[data-m-id=PAY] [data-view=fail] .title,[data-m-id=PAY] [data-view=success] .title{margin-bottom:10px}[data-m-id=PAY] [data-view=description]{width:410px}[data-m-id=PAY] [data-view=description] .text{white-space:pre-wrap}[data-m-id=PAY] [data-view=description] .pay-method-header{margin-bottom:20px}[data-m-id=PAY] [data-view=description] .pay-method-header,[data-m-id=PAY] [data-view=qr] .pay-method-header{display:flex;align-items:center;justify-content:center;gap:6px}[data-m-id=PAY] [data-view=description] .pay-method-header .icon,[data-m-id=PAY] [data-view=qr] .pay-method-header .icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0}[data-m-id=PAY] [data-view=description] .pay-method-header .icon-inner,[data-m-id=PAY] [data-view=qr] .pay-method-header .icon-inner{width:24px;height:24px;object-fit:contain}[data-m-id=PAY] [data-view=description] .pay-method-header svg.icon-inner,[data-m-id=PAY] [data-view=qr] .pay-method-header svg.icon-inner{fill:currentColor}[data-m-id=PAY] [data-view=description] .pay-method-header .item-name,[data-m-id=PAY] [data-view=qr] .pay-method-header .item-name{font-size:16px;font-weight:500;line-height:22px}[data-m-id=PAY] [data-view=qr]{align-items:center;width:410px}[data-m-id=PAY] [data-view=qr] .price{margin-top:20px;line-height:1em}[data-m-id=PAY] [data-view=qr] .text{white-space:pre-wrap}[data-m-id=PAY] [data-view=qr] .qr-image{display:flex;align-items:center;justify-content:center;margin-top:20px}[data-m-id=PAY] [data-view=qr] .qr-image img{display:block;width:250px;max-width:100%;height:auto}[data-m-id=PAY] [data-view=qr] .caption{margin-top:20px;padding:0 20px;font-size:16px;line-height:22px}[data-m-id=PAY] .component-button{flex-shrink:0;align-self:center;--topLeftRadius:7px;--topRightRadius:7px;--bottomRightRadius:7px;--bottomLeftRadius:7px;--bgColor:#1b1b1b;--currentColor:var(--lightColor);--contrastColor:var(--lightColor_contrast);--hoverBgColor:#434343;--currentColorHover:var(--lightColor);--underlineBorder:1px;--underlineColor:var(--currentColor);--fontSize:15px;--fontWeight:500;--lineHeight:1.47;--letterSpacing:0px;--gapX:22px;--gapY:12px;--transitionDuration:0.2s;--hoverBgShadow:none;--hoverBorderColor:transparent;--hoverBorderGradient:transparent;--hoverUnderlineBorder:var(--underlineBorder);--hoverUnderlineColor:var(--underlineColor);margin-top:30px}[data-m-id=PAY] .status-icon-outer{display:flex;align-items:center;justify-content:center;margin-bottom:20px}[data-m-id=PAY] .status-icon-outer .status-icon{display:inline-flex;width:80px;height:80px;border-radius:52%;align-items:center;justify-content:center;color:#fff}[data-m-id=PAY] .status-icon-outer .status-icon .icon{width:24px;max-height:24px}[data-m-id=PAY] .status-icon-outer .status-icon .icon svg{width:100%}[data-m-id=PAY] .status-icon-outer .status-icon.success{background:#56b157}[data-m-id=PAY] .status-icon-outer .status-icon.fail{background:#f25241}body.adaptive-mobile [data-m-id=PAY]{--animationName:slideUp}body.adaptive-mobile [data-m-id=PAY] .scroller{padding:50px 0 0}body.adaptive-mobile [data-m-id=PAY] .modal-content{width:100%;max-width:440px;padding:40px 20px 20px;margin:auto auto 0;border-radius:17px 17px 0 0}body.adaptive-mobile [data-m-id=PAY] .modal-content.has-back,body.adaptive-mobile [data-m-id=PAY] .modal-content:has([data-view=description]),body.adaptive-mobile [data-m-id=PAY] .modal-content:has([data-view=qr]){padding:40px 20px 20px}body.adaptive-mobile [data-m-id=PAY] .modal-content:has([data-view=description]).has-back,body.adaptive-mobile [data-m-id=PAY] .modal-content:has([data-view=qr]).has-back{padding-top:40px}
[data-w-id=FIXED_AREA]{position:fixed!important;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:2502}
[data-b-id=HTML] .component-bg{z-index:-1}[data-b-id=HTML] iframe:not([width]){width:100%}:where([data-b-id=HTML]>.container-fluid){display:contents}