| 1 |
- .monthpicker-component{position:relative}.monthpicker-component .button-next,.monthpicker-component .button-prev{position:relative;width:2.5rem;height:2.5rem;display:inline-flex;vertical-align:middle;justify-content:center;align-items:center}.monthpicker-component .button-next img,.monthpicker-component .button-prev img{height:80%;width:auto}.monthpicker-component .box{display:inline-block;vertical-align:middle;position:relative;width:9.1875rem;height:3.5625rem;border-radius:1.78125rem;border:5px solid #6e4bb0;background-color:#fff;margin-left:.3125rem;margin-right:.3125rem}.monthpicker-component .text{font-size:1.875rem;font-weight:700;color:#6e4bb0;line-height:2.5rem;letter-spacing:.075rem;text-align:center}.receipt-detail-component{position:relative}.receipt-detail-component .box{box-sizing:border-box;border:.8125rem solid #f784a3;border-radius:.75rem;background-color:#fff;padding-top:1.25rem;margin-bottom:1.5625rem}.receipt-detail-component .detail-container{position:relative;padding-left:4.375rem;padding-right:4.375rem}.receipt-detail-component .detail-item{position:relative;font-size:1.25rem;letter-spacing:.08125rem;font-weight:700;color:#00b0dc}.receipt-detail-component .detail-item:not(.last-item){padding-bottom:.5rem}.receipt-detail-component .order-number{font-size:1.25rem;font-weight:700;color:#532421;letter-spacing:.075rem;line-height:1.6;white-space:nowrap;border-radius:1rem;background-color:#fee9eb;margin-top:1rem;margin-bottom:2.8125rem;text-align:center}.receipt-detail-component .h1{position:relative;font-size:2.25rem;font-weight:700;color:#6e4bb0;letter-spacing:.075rem;text-align:center;line-height:1}.receipt-detail-component .detail-text{font-size:1rem;font-weight:400;color:#ff3a6f;letter-spacing:.075rem;text-align:center;line-height:1;margin-top:1.25rem}.receipt-detail-component .detail-status__complete{position:relative;background-color:#fee9eb;padding-bottom:1.25rem;padding-top:1.875rem}.receipt-detail-component .detail-status__complete .h1{margin-top:-3.125rem}.receipt-detail-component .receipt-status{position:absolute;top:0;right:0;transform:translate(2%,-2%);background-position:50%;background-repeat:no-repeat;background-size:cover;width:4rem;height:6.6875rem;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.receipt-detail-component .receipt-status.receipt-status__gray{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABrCAYAAADHAoQrAAADNElEQVR4nO2dzU4TURxHTwcwJF0IiR97Ey8PYHwFfAATP14BFXkDjfEB0CA8grJhL4YnMLo2NXHZhsFmBqfT0DZ3xsXQAOVzAfPTzv8kLDozNOeeDJ3LXdzWtra2cv5/ekAM/AK+Al+Az41GY3DeL9bGJMBJ/AZWgHeNRiM+7aKgPJ/SuQG8Bn44556cdtE4BxhyG/jonFtxzk2MnqxCgCHPgPXRCFUKAPAQWD58oGoBAJ475x4PX1QxAMB759wMVDfALWAJqhsAYME5d63KAW4C81UOABaAe1UPcLfqAa5XPUClnwJAtecBgAWwABZALaDGAqgF1FgAtYAaC6AWUGMB1AJqLIBaQI0FUAuosQBqATUWQC2gxgKoBdRYALWAGgugFlBjAdQCaiyAWkCNBVALqLEAagE1FkAtoMYCqAXUWAC1gBoLoBZQYwHUAmosgFpAjQVQC6ixAGoBNRZALaDGAqgF1FgAtYAaC6AWUGMB1AJqLIBaQI0FUAuosQB5Pq4bSp5PnucEWZapPWRkWUbQ7/fVHjL6/T5Br9dTe8jo9XoEaZqqPWSkaUrQ7Xbx3qtdSsd7T7fbLZ4CcXzqtrtjSxzHxVMAIIqiSt0F3nuiKAL2J0JZlhGGoVSqTMIwZPj4Dyj25SZJkkr8KcRxTJIkw5f9APgzfBWGIZ1ORyJWBp1OZ/RO3w2AxuEjzWZzLO+E3d1dms3m6OGfAfB99GgYhrRarbH4YPTe02q12N7ePun0t0lgE3gxeiZJEtI0ZXZ2lpmZGSYmju1L/k/jvSeOY6Io4oz/dzaHAXYotpk9QpZltNtt2u029Xqder3O9PQ0U1NTBEFArVa7wiFcnDzPybKMwWDA3t4eaZpygRnuDvsB+sAq8Oqsqy/4pv8Tq+w/BaDYcb06E4FirMtwsCIUA4synfJZpBjzkSWxdYrv5Bh3PlCMFTi+JrgEbJSqUy4bwMvDB0YDeOARsFaWUYmsUYztyOTmpFVhDywATxmPD8aQYiwLjAwezl4W/wTMAW+A9pWoXS1tCvc5irGcyOQ5bxJTzA/eAg+AeeA+cAeYBaYuw/QSGAARB980tbn/c+6K71+AEAIFpdqHpQAAAABJRU5ErkJggg==)}.receipt-detail-component .receipt-status.receipt-status__yellow{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABrCAYAAADHAoQrAAACEElEQVR4Ae3WxZlVURBF4YO7JYFlwAQZ4a4THNJAMmiPAqLAksD9yhynqP19t3Af9Tu1Bgu6e1T7f1o+Nhetgl57L73b3ri3x1tg95aVPxUANdZ5l73VWQGil96JzADRlDcvM4C6JoTMAGoyO4A6nh2g8VZnBlBXsgO03sLMAGpPdoCJ7AC3sgO02QHeZAcwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEgQAAAAAAAAACQOAAAAAACALAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA5xMDnHeAl6fSAmh7secH0wJoe7GnW9ICaHuxh+vSAmh7sXsrLeP7gDZruwMsM3uyKR2ANvv2AeDeGokke/TXfAWgHm1MA6Ct2hwAr+OXBJ8I2qit0RsBtF/+sNzs2Y5ax2ubNn4N0ArgpmffIDzdWuEjv+378eqWACa++2O8J1TxxqgN8Zr/SRMC2OPZz1ujj4vRhHh5WrfHu/2v2iOAhfE+8OtWmL416aVhzw8NIBdm0eALukm36Ubdqpt/N1y12i4AdcWzZGlzCYDVXpNofKPNARAdTwSgreV7ADWZYPyUV34FMM+7XvF4bZv3O4BAmKlw/EyM/xNAdKKSN8Zm2FLUvwCo1d5Vrx/B4b1uHzaU/wWIFnh7vAnvzqD6dhaN1S3NcNvEcOvCv9n2CZdlcqciwylMAAAAAElFTkSuQmCC)}.receipt-detail-component .receipt-status span{font-size:1.625rem;font-weight:700;line-height:1;color:#532421}.receipt-detail-component .detail-status__award{position:relative;margin-top:-1.25rem;padding-bottom:1.25rem}.receipt-detail-component .button-award{position:relative;font-size:2.25rem;font-weight:700;color:#532421;width:12.125rem;margin:1.875rem auto 0}.receipt-detail-component .button-award span{transform:translateY(-10%)}.page-detail{position:relative}.page-detail .header{position:relative;background-image:url(../../assets/img/detail/bg1.png?49a40281);background-repeat:no-repeat;background-position:0 0;background-size:100% auto}.page-detail .header:before{content:"";display:block;width:100%;padding-top:33.125%}.page-detail .header .monthpicker-component{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.page-detail .detail-wrapper{padding:1.25rem 3.375rem 9.375rem;overflow-x:hidden;overflow-y:scroll}.page-detail .detail-wrapper .empty-wording{font-size:2rem;font-weight:500;line-height:1.5;text-align:center;padding:2rem 0}.page-detail .detail-wrapper .superman{position:relative;width:97px}
|
