body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;height:100vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:#e5e5e5}.app{text-align:center}.app__layout{background-color:#fff;width:24rem;height:50rem;position:relative;border-radius:1rem}.card{width:15rem;height:8rem;margin:1rem 1rem 3rem;padding:1.6rem;border-radius:1rem;box-shadow:3px 3px 5px rgba(0,0,0,.25);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;color:#525252}.card-header{-webkit-flex-grow:1;flex-grow:1}.card-header__text{font-weight:700}.card-body{margin-top:1rem;-webkit-flex-grow:2;flex-grow:2}.card-body__ic-chip{width:3rem;height:2rem;margin-bottom:1rem;border-radius:.3rem;background-color:#deb887}.card-body__number{margin-bottom:1rem}.card-footer{width:100%;-webkit-flex-grow:1;flex-grow:1;display:grid;grid-template-columns:3fr 3rem;text-align:left}.card-footer__name{grid-column-start:1;grid-column-end:span 1}.card-footer__expiration-date{grid-column-start:2;grid-column-end:span 1}.Button_holee-button__2lOsu{border-radius:.3rem;margin:1rem;border:1px solid #000;cursor:pointer;background-color:transparent}.Button_holee-button__2lOsu:hover{background-color:#e2e8f0}.Input_input-container__zY7Fz{border-color:transparent;background-color:transparent;border-radius:.3rem;font-size:.9rem;color:#04c09e}.input-container{border-color:transparent;background-color:#ecebf1;border-radius:.5rem;height:2rem}.input-form{width:100%;text-align:left;margin-top:1.5rem}.input-form__header{display:grid;grid-template-columns:35% 65%;margin-bottom:.5rem;font-size:.7rem}.input-form__header-title{font-weight:700}.input-form__header-validation-message{color:red}#portal-root{position:relative;z-index:999}.portal{background-color:rgba(0,0,0,.5);position:fixed;height:100%;width:100%;top:0;left:0;-webkit-align-items:flex-end;align-items:flex-end}.card-form,.portal{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.card-form{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.card-form__header{-webkit-align-self:flex-start;align-self:flex-start;margin-top:1.2rem;margin-left:1.2rem}.card-form__header-button{border:none}.card-form__footer{padding:1rem}.card-form__footer-button{width:5rem;height:2rem}.card-form__body-number-input:first-child{margin-left:1rem}.card-form__body-number-input:nth-child(2n-1){grid-column-start:1;grid-column-end:span 1;margin-top:.3rem;width:3rem}.card-form__body-number-input:nth-child(2n){grid-column-start:2;grid-column-end:span 1;width:1rem}.card-form__body-number-seperator{margin:.5rem}.card-form__body-cvc-input,.card-form__body-expiration-date-input,.card-form__body-owner-name-input,.card-form__body-password-input{margin:.3rem}.card-list{width:22rem;height:16rem;background-color:#fff;border-top-right-radius:1rem;border-top-left-radius:1rem;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;text-align:center;padding:1rem}.card-company-item{width:5rem}.card-company-item__color{border-color:transparent;border-radius:1rem;cursor:pointer;width:2rem;height:2rem}.card-company-item__name{line-height:.4rem;font-size:.9rem}
/*# sourceMappingURL=main.2550c127.chunk.css.map */