html{height:100%;width:100%}body{background:#eaeaea;font-family:Roboto,sans-serif;font-size:16px;line-height:1.5;margin:0;padding:24px}.brand-avon{--color-primary:#752ebb}.brand-natura{--color-primary:#f4ab34}form{background:#fff;border-radius:8px;box-shadow:0 0 30px rgba(0,0,0,.1);box-sizing:border-box;margin:40px auto;padding:48px;width:640px}form h1{color:var(--color-primary,#888);font-size:24px;font-weight:700;margin:0 0 36px}.form-group-line{display:flex}.form-group-line>.form-group:nth-child(odd){margin-right:10px}.form-group-line>.form-group:nth-child(2n){margin-left:10px}.form-group{display:flex;flex:1 1 50%;flex-wrap:wrap;justify-content:space-between;margin:0 0 24px}.form-group label{color:rgba(0,0,0,.6);display:block;font-size:12px;letter-spacing:2px;line-height:1;margin:0 0 10px;text-transform:uppercase}.form-group input,.form-group select{appearance:none;background:#eaeaea;border:0;border-radius:4px;box-sizing:border-box;color:#6e6f7f;display:block;font-size:16px;line-height:1.5;outline:none;padding:12px 16px;transition:.3s ease;width:100%}.form-group input:focus{color:#4e4f4f}.form-group button{background:var(--color-primary,#888);border:0;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;line-height:1.5;outline:none;padding:12px 16px;text-transform:uppercase;width:100%}form>.form-group:last-child{margin-bottom:0}nco-checkout{background:#fff;border-radius:4px;box-sizing:border-box;display:block;padding:32px 0}nco-checkout .payment-button{background:var(--color-primary,#f4ab34);border:0;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;line-height:1.5;margin-left:30px;margin-top:24px;outline:none;padding:12px 32px;position:relative;text-transform:uppercase}nco-checkout .payment-button:disabled{background-color:#ccc;cursor:auto}nco-checkout .payment-button--loading .payment-button__text{opacity:0;visibility:hidden}nco-checkout .payment-button--loading:after{animation:button-loading-spinner 1s ease infinite;border:4px solid transparent;border-radius:50%;border-top-color:#fff;bottom:0;content:"";height:16px;left:0;margin:auto;position:absolute;right:0;top:0;width:16px}@keyframes button-loading-spinner{0%{transform:rotate(0turn)}to{transform:rotate(1turn)}}nco-payment-details{background:#fff;border-radius:4px;display:block;overflow:hidden}