.panel--white{background-color:#fff;padding:16px}.panel--grey{background-color:#f8f8f8;padding:16px}.bg--grey{background-color:#eee}.bg--blue{background-color:#0095da}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Blibli;font-style:normal;font-weight:500;src:local("blibli-medium"),url(/payment-checkout-ui/static/fonts/blibli-medium-a9e23406.woff2) format("woff2")}@font-face{font-family:Blibli;font-style:normal;font-weight:600;src:local("blibli-demi-bold"),url(/payment-checkout-ui/static/fonts/blibli-demi-bold-9b88ff3b.woff2) format("woff2")}@font-face{font-family:Blibli Demi Bold;font-style:normal;src:local("blibli-demi-bold"),url(/payment-checkout-ui/static/fonts/blibli-demi-bold-9b88ff3b.woff2) format("woff2")}body{margin:0;--font-family: Blibli, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;font-family:var(--font-family);font-size:14px}body .btn{--buttonColor: #0095DA;display:block;height:48px;width:100%;background-color:#0095da;color:#fff;text-align:center;line-height:48px;text-decoration:none;font-size:18px;border-radius:4px;z-index:2;cursor:pointer}body .btn--orange{background-color:#f79523}body .btn--disabled{background-color:#ccc;cursor:not-allowed}body .btn--back{box-shadow:0 1px rgba(204,204,204,.5);background-color:#fff;box-sizing:border-box;display:block;padding:0 0 0 30px;width:110px;height:40px;margin:24px auto 16px 16px;border-radius:4px;line-height:40px;position:relative}body .btn--back:before{content:"";width:6px;height:6px;display:block;position:absolute;top:15px;left:12px;border-left:2px solid #0095DA;border-bottom:2px solid #0095DA;border-left:2px solid var(--buttonColor);border-bottom:2px solid var(--buttonColor);transform:rotate(45deg)}body .btn--sticky-to-bottom{position:fixed;bottom:0;border-radius:0}body .btn--no-fill{background-color:#fff;color:#0095da;border:1px solid #0095DA;border-radius:4px}body .btn--locked span{padding-left:20px}body .btn--locked:before{content:"";background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiCxADFQMca39QAAACj0lEQVRo3u2Zv0ubQRjHvxdjgrVixmSKS0UoHUJQ6g+k4KoQcS9uSv8C/wAdnNzqIrr4B1QQnESdOohYCUUkCHGIFkHoYm1akm+XBszdvT/uknvTQp4pd3me5/O5N3fvGxIBi2AOBbxCFllkANzhBjco4ZM4t+lmhh7iGkv0ihLXOOQO3s9VPjEonrjKfhf4AiuB8EZUWGg3foX10HiSrHOlffBebhnBG7HF3vYIbFvhSXK7HfhlazxJLgf1FwH4cRwjoX3rB85xilMAoxhFDi+0Wb/wTny2X30PL7XrKnKSPVLmJIva3MvmTDOBRU3DGteZ1GYnuc6apmLRFp9gWWlW4ZRvzZTmblFmIiwzaP11zgRWzWjuGHbXgHtKo81QdZtK3Z4Nvo+PyqUcCFU5oHx0j+wzF5hV1rEQunZBqZ31yo15dhlTZo5D26uZY16p3gIZaVwWD2H54gHlgG4hBNLS+Cz0+nXZaa/Ef1hA3vF3RgJytuf5iaHD0RXouEBcN8kU0srXkAxHDPrK5z7BEXwT30NUMsUD7VO99ajxgKlggUMn8EYcBuGnneJJcrqZKG/CcaudZBISQRbIOheQCLKA+2MZ8x1GH12BeEvVVXwF8BpJ+xb2V+AWcxgUeZHHIOZwG7XAFXJiX1QBQFTFPnK4ilZgSdw/H4p7LEUpcCZO5ClxYvitsSWBLwazTgR+Gsw6EcgZzDoRyHNYnuIw8tEJJLHDpl+XKLBjdzuyPYYTEi6JCbtGHX8WdAW6Al0Be4G4zygSgXmfkfU6TOIj36L49/UbvI9e4CU+WNc+i/94EzoS+O2cKBFkgWvnAhJBFjgCneKJI18BcYFdpwK74iJIMc4Ng3+JTaLCDSrH/g8oZU/um0tI5QAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0xMS0xNlQwMzoyMTowMyswMTowMCa4o78AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMTEtMTZUMDM6MjE6MDMrMDE6MDBX5RsDAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==);width:14px;height:16px;position:absolute;background-size:cover;top:50%;transform:translateY(-50%)}body span.required{color:red}body .form-group--inline{display:flex;align-items:center}body .form-group--inline .form-group--inline{width:calc((100% - 32px)/2)}body .form-group--inline .form-group--inline+.form-group--inline{margin-left:32px}body .form-group__icon{width:24px;height:24px;display:flex;align-items:center}body .form-group__icon img{width:100%}body .form-group__icon+.form-group__input{width:calc(100% - 24px);padding-left:16px}body .form-group__input{margin-bottom:14px;position:relative}body .form-group__input label{position:absolute;z-index:1;opacity:.6;color:#445870;top:18px;transition:all .3s ease-in-out}body .form-group__input label.float{font-size:12px;top:2px}body .form-group__input input[type=number]::-webkit-outer-spin-button,body .form-group__input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}body .form-group__input input[type=text],body .form-group__input input[type=tel],body .form-group__input input[type=number],body .form-group__input input[type=password]{font-size:14px;height:48px;width:100%;padding:18px 0 12px;box-sizing:border-box;border:0;border-bottom:1px solid #dddddd;outline:none;position:relative;z-index:2;background-color:transparent;transition:all .3s ease-out}body .form-group__input input[type=text]::placeholder,body .form-group__input input[type=tel]::placeholder,body .form-group__input input[type=number]::placeholder,body .form-group__input input[type=password]::placeholder{color:#999;opacity:1}body .form-group__input input[type=text]:-ms-input-placeholder,body .form-group__input input[type=tel]:-ms-input-placeholder,body .form-group__input input[type=number]:-ms-input-placeholder,body .form-group__input input[type=password]:-ms-input-placeholder{color:#999}body .form-group__input input[type=text]::-ms-input-placeholder,body .form-group__input input[type=tel]::-ms-input-placeholder,body .form-group__input input[type=number]::-ms-input-placeholder,body .form-group__input input[type=password]::-ms-input-placeholder{color:#999}body .form-group__input input[type=text]:focus,body .form-group__input input[type=text]:valid,body .form-group__input input[type=tel]:focus,body .form-group__input input[type=tel]:valid,body .form-group__input input[type=number]:focus,body .form-group__input input[type=number]:valid,body .form-group__input input[type=password]:focus,body .form-group__input input[type=password]:valid{transition:all .8s ease-in;outline:none}body .form-group__input input[type=text]:focus+label,body .form-group__input input[type=text]:valid+label,body .form-group__input input[type=tel]:focus+label,body .form-group__input input[type=tel]:valid+label,body .form-group__input input[type=number]:focus+label,body .form-group__input input[type=number]:valid+label,body .form-group__input input[type=password]:focus+label,body .form-group__input input[type=password]:valid+label{font-size:12px;top:2px;transition:all .3s ease-in}body .form-group__input input[type=text].error,body .form-group__input input[type=tel].error,body .form-group__input input[type=number].error,body .form-group__input input[type=password].error{border-color:#d0021b}body .form-group__select{position:relative;width:100%;height:40px;border:none;border-bottom:1px solid #dddddd;outline:none;margin-top:16px;padding:0;color:#666}input{font-size:16px!important}
