a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font-size:100%;margin:0;padding:0;vertical-align:baseline}a{-webkit-text-decoration:none;text-decoration:none}a:active,a:hover{outline:0}li,ul{list-style-type:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}*,:after,:before,html{box-sizing:border-box}:focus{outline:0}audio,img,video{height:auto;max-width:100%}audio,canvas,iframe,img,svg,video{vertical-align:middle}iframe{border:0}textarea{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;overflow:auto;resize:none;vertical-align:top}button,input,select,textarea{border:none;font-size:100%;margin:0;outline:none}button,input{line-height:normal}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}body{background-color:#faebd7;box-sizing:border-box;font-family:Roboto,sans-serif;font-size:16px}h1,h2,h3,h4,h5,h6{font-weight:700}h2{font-size:1.5rem}a,button,input{transition:all .3s ease-in-out}button{cursor:pointer}.container{margin:0 auto;max-width:900px}#root{align-items:center;display:flex;justify-content:center;min-height:100vh}@font-face{font-family:Roboto;font-style:normal;font-weight:regular;src:url(assets/fonts/Roboto-Regular.ttf) format("ttf")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(assets/fonts/Roboto-Bold.ttf) format("ttf")}.card-widget{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1);font-size:inherit;margin:0 auto;padding:20px;width:700px}.card-widget__title{text-align:center}.credit-card-form{margin-top:48px}.credit-card-form__payment-method-list{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px}.credit-card-form__payment-method-item{position:relative;z-index:1}.credit-card-form__payment-method-item input{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-1}.credit-card-form__payment-method-item input:checked+label{opacity:1}.credit-card-form__payment-method-item label{cursor:pointer;opacity:.3}.credit-card-form__input-btn-wrapper{display:flex;justify-content:center}.credit-card-form__input{background-color:#fff;border:1px solid #ccc;border-radius:5px;padding:12px 16px;width:100%}.credit-card-form__input:focus,.credit-card-form__input:hover{border:1px solid #7a7979}.credit-card-form__input:focus::-moz-placeholder{color:transparent}.credit-card-form__input:focus::placeholder{color:transparent}.credit-card-form__input::-moz-placeholder{color:#ccc}.credit-card-form__input::placeholder{color:#ccc}.credit-card-form__submit{background-color:#24cc2c;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1);margin-left:12px;padding:12px 16px;width:400px}.credit-card-form__submit:hover{background-color:#36ec45;box-shadow:0 0 0 transparent}.credit-card-form__status{font-weight:700;margin-top:48px;text-align:center;text-transform:uppercase}