#__apn-invoice.invoice-wrapper{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}#__apn-invoice .hovered:hover{opacity:.6}#__apn-invoice .link{color:#5d8ab9;transition:all .3s}#__apn-invoice .invoice{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;width:95%;max-width:35rem;padding:2rem 0;font-family:Avenir,Helvetica,Arial,sans-serif}#__apn-invoice .invoice.invoice__qr-only{width:auto}#__apn-invoice .invoice.invoice__qr-only .qr__wrapper{margin:0 auto 1rem}#__apn-invoice .invoice h1{margin:0}#__apn-invoice .invoice h1 small{opacity:.6;font-size:50%}#__apn-invoice .invoice .btn,#__apn-invoice .invoice .btn:hover,#__apn-invoice .invoice .btn:focus,#__apn-invoice .invoice .btn:active,#__apn-invoice .invoice .btn__copy,#__apn-invoice .invoice .btn__copy:hover,#__apn-invoice .invoice .btn__copy:focus,#__apn-invoice .invoice .btn__copy:active{border:none;border-color:unset;color:unset;outline:none}#__apn-invoice .invoice .btn__copy:hover{background-color:unset}#__apn-invoice .invoice *{box-sizing:content-box}#__apn-invoice .invoice p{margin:0}#__apn-invoice .invoice-expired{opacity:.6}#__apn-invoice .merchant{margin-top:0}#__apn-invoice .info__date{color:#a5a5a5;margin:0}#__apn-invoice .info__amount{flex-wrap:wrap;margin-bottom:0;padding-top:1em;font-size:1.3rem;font-weight:600;display:flex}#__apn-invoice .info__amount small{opacity:.7;width:100%;margin-bottom:.5rem}#__apn-invoice .invoice__body{margin-top:1rem}#__apn-invoice .invoice__info{display:flex}#__apn-invoice .info{flex-grow:1;margin-left:2rem}#__apn-invoice .qr__wrapper{border:.0625rem solid #f1f1f1;border-radius:1rem;align-self:center;width:10rem;height:10rem;padding:1rem;overflow:hidden}#__apn-invoice .qr__wrapper>div{width:100%;height:100%}#__apn-invoice .qr__wrapper img.qr__image{background-color:#fff;border:.25rem solid #fff;border-radius:50%;width:15%;height:15%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 .125rem .25rem #00000040}#__apn-invoice .qr__wrapper .qr__logo{background-color:#fff;background-size:cover;border:.25rem solid #fff;border-radius:50%;width:15%;height:15%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}#__apn-invoice .qr__wrapper .qr__logo.bch,#__apn-invoice .qr__wrapper .qr__logo.tbch{background-image:url(icons/crypto/bch.svg),url(icons/crypto/aprn.svg)}#__apn-invoice .qr__wrapper .qr__logo.bnb,#__apn-invoice .qr__wrapper .qr__logo.tbnb{background-image:url(icons/crypto/bnb.svg),url(icons/crypto/aprn.svg)}#__apn-invoice .qr__wrapper .qr__logo.btc,#__apn-invoice .qr__wrapper .qr__logo.tbtc{background-image:url(icons/crypto/btc.svg),url(icons/crypto/aprn.svg)}#__apn-invoice .qr__wrapper .qr__logo.doge,#__apn-invoice .qr__wrapper .qr__logo.tdoge{background-image:url(icons/crypto/doge.svg),url(icons/crypto/aprn.svg)}#__apn-invoice .qr__wrapper .qr__logo.ltc,#__apn-invoice .qr__wrapper .qr__logo.tltc{background-image:url(icons/crypto/ltc.svg),url(icons/crypto/aprn.svg)}#__apn-invoice .qr__wrapper .qr__logo.trx,#__apn-invoice .qr__wrapper .qr__logo.ttrx{background-image:url(icons/crypto/trx.svg),url(icons/crypto/aprn.svg)}#__apn-invoice .qr__wrapper .qr__logo.eth,#__apn-invoice .qr__wrapper .qr__logo.teth{background-image:url(icons/crypto/eth.svg),url(icons/crypto/aprn.svg)}#__apn-invoice .qr__wrapper .qr__logo.link-eth,#__apn-invoice .qr__wrapper .qr__logo.link-teth{background-image:url(icons/crypto/link_eth.svg),url(icons/crypto/aprn.svg)}#__apn-invoice .qr__wrapper .qr__logo.usdc-trx,#__apn-invoice .qr__wrapper .qr__logo.usdc-ttrx,#__apn-invoice .qr__wrapper .qr__logo.usdc-eth,#__apn-invoice .qr__wrapper .qr__logo.usdc-teth,#__apn-invoice .qr__wrapper .qr__logo.usdc-bnb,#__apn-invoice .qr__wrapper .qr__logo.usdc-tbnb{background-image:url(icons/crypto/usdc.svg),url(icons/crypto/aprn.svg)}#__apn-invoice .qr__wrapper .qr__logo.usdt-trx,#__apn-invoice .qr__wrapper .qr__logo.usdt-ttrx,#__apn-invoice .qr__wrapper .qr__logo.usdt-eth,#__apn-invoice .qr__wrapper .qr__logo.usdt-teth,#__apn-invoice .qr__wrapper .qr__logo.usdt-bnb,#__apn-invoice .qr__wrapper .qr__logo.usdt-tbnb{background-image:url(icons/crypto/usdt.svg),url(icons/crypto/aprn.svg)}#__apn-invoice .qr__wrapper .qr__logo.tbch,#__apn-invoice .qr__wrapper .qr__logo.tbtc,#__apn-invoice .qr__wrapper .qr__logo.tdoge,#__apn-invoice .qr__wrapper .qr__logo.tltc,#__apn-invoice .qr__wrapper .qr__logo.ttrx,#__apn-invoice .qr__wrapper .qr__logo.usdc-ttrx,#__apn-invoice .qr__wrapper .qr__logo.usdt-ttrx,#__apn-invoice .qr__wrapper .qr__logo.teth,#__apn-invoice .qr__wrapper .qr__logo.link-teth,#__apn-invoice .qr__wrapper .qr__logo.usdc-teth,#__apn-invoice .qr__wrapper .qr__logo.usdt-teth,#__apn-invoice .qr__wrapper .qr__logo.tbnb,#__apn-invoice .qr__wrapper .qr__logo.usdc-tbnb,#__apn-invoice .qr__wrapper .qr__logo.usdt-tbnb{filter:grayscale()}#__apn-invoice .qr__wrapper .qr__logo.tcn-trx,#__apn-invoice .qr__wrapper .qr__logo.tcn-ttrx{background-image:url(icons/crypto/aprn.svg)}#__apn-invoice .qr__wrapper .qr__network{background-color:#fff;background-size:cover;border:.2rem solid #fff;border-radius:50%;width:11%;height:11%;position:absolute;top:57%;left:58%;overflow:hidden;transform:translate(-50%,-50%)}#__apn-invoice .qr__wrapper .qr__network.link-eth,#__apn-invoice .qr__wrapper .qr__network.link-teth,#__apn-invoice .qr__wrapper .qr__network.usdc-eth,#__apn-invoice .qr__wrapper .qr__network.usdc-teth,#__apn-invoice .qr__wrapper .qr__network.usdt-eth,#__apn-invoice .qr__wrapper .qr__network.usdt-teth{background-image:url(icons/crypto/eth.svg)}#__apn-invoice .qr__wrapper .qr__network.usdc-trx,#__apn-invoice .qr__wrapper .qr__network.usdc-ttrx,#__apn-invoice .qr__wrapper .qr__network.usdt-trx,#__apn-invoice .qr__wrapper .qr__network.usdt-ttrx,#__apn-invoice .qr__wrapper .qr__network.tcn-trx,#__apn-invoice .qr__wrapper .qr__network.tcn-ttrx{background-image:url(icons/crypto/trx.svg)}#__apn-invoice .qr__wrapper .qr__network.usdc-bnb,#__apn-invoice .qr__wrapper .qr__network.usdc-tbnb,#__apn-invoice .qr__wrapper .qr__network.usdt-bnb,#__apn-invoice .qr__wrapper .qr__network.usdt-tbnb{background-image:url(icons/crypto/bnb.svg)}#__apn-invoice .qr{margin:0;font-size:0;display:inline-block;position:relative}#__apn-invoice .address{box-sizing:border-box;border:1px solid #f1f1f1;border-radius:1rem;justify-content:space-between;align-items:center;min-height:4rem;margin:1rem 0;padding:0 1rem;display:flex;position:relative}#__apn-invoice .address p{word-wrap:break-word;max-width:87%}#__apn-invoice .address__title{color:#a5a5a5;background-color:#fff;padding:.3rem;font-size:.8rem;position:absolute;top:-.8rem;left:.7rem}#__apn-invoice .address a{color:inherit;align-items:center;text-decoration:none;display:flex}#__apn-invoice .address a:before{content:"";opacity:.5;background:url(icons/external-link.svg) 0 0/contain no-repeat;width:14px;height:14px;margin-right:5px;display:inline-block}#__apn-invoice .address a:hover{opacity:.7;transition:all .3s}#__apn-invoice .status-data{width:100%;margin:1rem 0;position:absolute}#__apn-invoice .status-data__wrapper{z-index:9;width:100%;min-height:8rem;margin-top:1rem;position:relative}#__apn-invoice .status-note{color:#a5a5a5;margin:0 4rem;padding-top:7rem;font-size:.8rem}#__apn-invoice .history{height:0;padding-top:1rem;transition:all .4s;overflow-y:hidden;transform:translateY(-1.75rem)}#__apn-invoice .history li{display:block}#__apn-invoice .status-data.historyFlag .history{height:unset;border:1px solid #f1f1f1;border-top:none;border-radius:0 0 1rem 1rem;transform:translateY(-.75rem)}#__apn-invoice .status-data.historyFlag .history ul{background-color:#fff;margin:0;padding:0 1rem 1rem}#__apn-invoice .history__item{color:inherit;background-color:#fff;justify-content:space-between;align-items:center;text-decoration:none;display:flex}#__apn-invoice .history__item:hover{opacity:.7;transition:all .3s}#__apn-invoice .status-data__wrapper .status{background-color:#f1f1f1;border-radius:1rem;align-items:center;padding-right:1rem;display:flex;position:relative}#__apn-invoice .status-data__wrapper .status__icon{background-color:#f1f1f1;border-radius:1rem;justify-content:center;align-items:center;width:4rem;height:4rem;margin-right:2rem;display:flex}#__apn-invoice .status-data__wrapper .status__icon span{width:2rem;height:2rem}#__apn-invoice .status-data__wrapper .status__text{flex-grow:1;justify-content:space-between;display:flex}#__apn-invoice .invoice__qr-only .icon-status.icon-refresh,#__apn-invoice .status.refresh .status__icon{background-color:#5d8ab9}#__apn-invoice .invoice__qr-only .icon-status.icon-success,#__apn-invoice .status.success .status__icon{background-color:#30cb83}#__apn-invoice .invoice__qr-only .icon-status.icon-expired,#__apn-invoice .status.expired .status__icon{background-color:#a5a5a5}#__apn-invoice .invoice__qr-only .icon-status.icon-warning,#__apn-invoice .status.warning .status__icon{background-color:#f39c12}#__apn-invoice .status__icon{color:#fff}#__apn-invoice .status__qr-only>p{text-align:center;justify-content:center;align-items:center;margin:0;display:flex}#__apn-invoice .status__qr-only>p>span{width:1.2rem;height:1.2rem;margin-right:.5rem;display:block}#__apn-invoice .status__qr-only.refresh>p{color:#5d8ab9}#__apn-invoice .status__qr-only.success>p{color:#30cb83}#__apn-invoice .status__qr-only.expired>p{color:#a5a5a5}#__apn-invoice .status__qr-only.warning>p{color:#f39c12}#__apn-invoice .status.refresh svg{stroke:currentColor;-webkit-animation:2s linear infinite spin;-moz-animation:2s linear infinite spin;animation:2s linear infinite spin}#__apn-invoice .invoice__footer{color:#a5a5a5}#__apn-invoice .invoice__footer p{text-align:center;margin:1em 0}#__apn-invoice .invoice__footer .logo{background-color:#5d8ab9;width:5rem;height:1rem;display:inline-block;transform:translateY(2px);-webkit-mask-image:url(icons/logo.svg);mask-image:url(icons/logo.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#__apn-invoice .loading .skeleton__box{color:#0000;background-color:#f1f1f1;border-radius:1rem;position:relative;overflow:hidden}#__apn-invoice .loading .skeleton__box>span{opacity:0}#__apn-invoice .loading .skeleton__box:after{content:"";background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}#__apn-invoice .loading p.skeleton__box{width:100%;height:2rem;margin-bottom:21px}#__apn-invoice p.countdown{margin-left:.5rem;font-weight:700}@-moz-keyframes spin{to{-moz-transform:rotate(-360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(-360deg)}}@keyframes spin{to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes shimmer{to{transform:translate(100%)}}@media screen and (width<=540px){#__apn-invoice .invoice__info{flex-direction:column}#__apn-invoice .info{order:-1;margin-left:0}#__apn-invoice .qr__wrapper{width:10rem;min-width:auto;margin-top:1rem}#__apn-invoice .status-note{margin:0}}@media screen and (width<=400px){#__apn-invoice .status__icon{margin-right:1rem}}#__apn-invoice .qr__wrapper img,#__apn-invoice .status__icon .svg,#__apn-invoice .status__qr-only>p .svg{width:100%;height:100%}#__apn-invoice .loading .toggler{display:none!important}#__apn-invoice .status-data .toggler{background-color:#f1f1f1;border-color:#f1f1f1;border-radius:0 0 .3rem .3rem;margin-top:-1rem;padding:0 .5rem;position:absolute;top:100%;right:1rem}#__apn-invoice .status-data .toggler .btn__icon{background-image:url(icons/arrow.svg);width:1.25rem;height:1.25rem;display:inline-block;transform:rotate(180deg)}#__apn-invoice .status-data.historyFlag .toggler{margin-top:-.75rem}#__apn-invoice .status-data.historyFlag .toggler .btn__icon{transform:rotate(0)}#__apn-invoice .btn{-webkit-appearance:none;font:inherit;color:inherit;box-sizing:border-box;cursor:pointer;background-color:#fff;border:.0625rem solid #5d8ab9;border-radius:.625rem;outline:none;align-items:center;margin:0;padding:.625rem;text-decoration:none;transition:all .3s;display:flex;position:relative}#__apn-invoice .btn:disabled{cursor:default;opacity:.6}#__apn-invoice .btn__copy{-webkit-appearance:none;font:inherit;color:inherit;cursor:copy;background-color:#fff;border:0;outline:none;align-items:center;margin:0 0 0 .5rem;padding:0;transition:all .3s;display:flex}#__apn-invoice .btn__copy:after{content:"";background-color:#5d8ab9;width:1rem;height:1rem;display:block;transform:translateY(.125rem);-webkit-mask-image:url(icons/copy.svg);mask-image:url(icons/copy.svg);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#__apn-invoice .btn__copy.copied:after{background-color:#30cb83}#__apn-invoice .invoice-table table{box-sizing:border-box;text-indent:initial;border-spacing:2px;border-collapse:collapse;border-color:gray;width:100%;margin-top:1rem;display:table;overflow-x:auto}#__apn-invoice .invoice-table thead{vertical-align:middle;border-color:inherit;display:table-header-group}#__apn-invoice .invoice-table tr{vertical-align:inherit;border-color:inherit;display:table-row}#__apn-invoice .invoice-table td,#__apn-invoice .invoice-table th{border-image:initial;text-align:center;padding:.6em 1em}#__apn-invoice .invoice-table th{vertical-align:inherit;font-weight:700;display:table-cell}#__apn-invoice .invoice-table tbody td:first-child,#__apn-invoice .invoice-table tbody td:nth-child(2),#__apn-invoice .invoice-table thead th:first-child,#__apn-invoice .invoice-table thead th:nth-child(2){text-align:left}#__apn-invoice .invoice-table tbody td:nth-child(5),#__apn-invoice .invoice-table thead th:nth-child(5){text-align:right}#__apn-invoice .invoice-table th{background-color:#f1f1f180;font-weight:700}#__apn-invoice .invoice-table tbody tr:nth-child(2n){background-color:#f1f1f180}#__apn-invoice .icon-status{background-color:#fff;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#__apn-invoice .icon-status.icon-refresh{-webkit-animation:2s linear infinite spin;-moz-animation:2s linear infinite spin;animation:2s linear infinite spin;-webkit-mask-image:url(icons/refresh.svg);mask-image:url(icons/refresh.svg)}#__apn-invoice .icon-status.icon-success{-webkit-mask-image:url(icons/success.svg);mask-image:url(icons/success.svg)}#__apn-invoice .icon-status.icon-expired{-webkit-mask-image:url(icons/expired.svg);mask-image:url(icons/expired.svg)}#__apn-invoice .icon-status.icon-warning{-webkit-mask-image:url(icons/warning.svg);mask-image:url(icons/warning.svg)}#__apn-invoice .qr__success,#__apn-invoice .qr__expired{justify-content:center;align-items:center;width:100%;height:100%;display:flex}#__apn-invoice .qr__success:before,#__apn-invoice .qr__expired:before{content:"";width:7rem;height:7rem;-webkit-mask-size:cover;-webkit-mask-repeat:no-repeat}#__apn-invoice .qr__success:before{background-color:#30cb83;-webkit-mask-image:url(icons/success.svg);mask-image:url(icons/success.svg)}#__apn-invoice .qr__expired:before{background-color:#a5a5a5;-webkit-mask-image:url(icons/expired.svg);mask-image:url(icons/expired.svg)}#__apn-invoice .details__wrapper{flex-direction:column-reverse;display:flex}#__apn-invoice .invoice-table__bottom{max-width:15rem;margin:1rem 0 0 auto}#__apn-invoice .invoice-table__bottom>div{border-top:1px solid #f1f1f1;justify-content:space-between;padding:.5rem;display:flex}
