@font-face{font-family:"Josefin-Regular";font-style:normal;font-weight:400;line-height:1;src:url(/static/media/JosefinSans-Regular.c2462bfe.ttf)}*{padding:0;margin:0;box-sizing:border-box}html{font-family:"Josefin-Regular"}:root{--purple:#3a003a;--danger:#fe4545}.title-of-page{padding:3rem 0}.error-text,.error-text.MuiFormHelperText-root{color:#fe4545;color:var(--danger)}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.italic{-webkit-transform:scale(1) rotate(0deg) translate(0) skew(30deg,0deg);transform:scale(1) rotate(0deg) translate(0) skew(30deg,0deg)}.card-wrapper .MuiCardContent-root{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-column-gap:1rem;-webkit-align-items:center;align-items:center}.card-holder{position:relative;width:100%;max-width:500px;height:260px}.card-holder:hover .card,.card.card--flipped{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transition:transform .5s}.card,.card-back,.card-front{position:absolute;width:100%;height:100%;border-radius:10px;transition:-webkit-transform .4s ease-in;transition:transform .4s ease-in;transition:transform .4s ease-in,-webkit-transform .4s ease-in;-webkit-transition:transform .4s ease-in;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.card-back,.card-front{display:grid;grid-template-rows:repeat(4,1fr);color:rgba(0,0,0,.5);background:#d3d3d3;padding:2rem}.card-front{z-index:2}.card-back{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.card-back .card-back-cvc,.card-back .card-back-rect{position:absolute;width:100%;height:60px;background:#000;top:30px;left:0}.card-back .card-back-cvc{width:calc(100% - 2rem);height:50px;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;background:#eee;top:100px;left:50%;padding:0 1rem;transform:translateX(-50%);-webkit-transform:translateX(-50%)}.card-back .card-back-cvc p{color:rgba(0,0,0,.8)}.card-back .card-back-cvc-message{position:absolute;color:#000;font-size:.7rem;top:160px;right:1rem}.card--invalid{box-shadow:1px 1px 9px #a9a9a9;-webkit-box-shadow:1px 1px 9px #a9a9a9}.card--visa .card-back,.card--visa .card-front{background:#b9e2f8;background-image:linear-gradient(270deg,#8ebad1,#173353);color:#000;box-shadow:1px 1px 9px #b9e2f8;-webkit-box-shadow:1px 1px 9px #b9e2f8}.card--mastercard .card-back,.card--mastercard .card-front{background:#111d2b;background-image:linear-gradient(90deg,#111d2b,#27568b);color:#708090;box-shadow:1px 1px 9px #111d2b;-webkit-box-shadow:1px 1px 9px #111d2b}.card--discover .card-back,.card--discover .card-front{background:#6a2838;background-image:linear-gradient(90deg,#6a2838,#b94864);box-shadow:1px 1px 9px #6a2838;-webkit-box-shadow:1px 1px 9px #6a2838}.card--amex .card-back,.card--amex .card-front{background:#717274;background-image:linear-gradient(90deg,#717274,#d2d2d2)}.card-header h5{text-align:left;text-transform:uppercase;margin-bottom:.5rem}.card-content,.card-footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-row-gap:1rem;-webkit-align-items:center;align-items:center;padding:1rem 0}.card-footer{padding:0}.card-content p:last-child{justify-self:flex-end}.card-content>p>span{color:#eee}.card-num-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(30px,1fr));grid-column-gap:2rem}.card-check{position:relative;-webkit-align-self:center;align-self:center;text-align:left}.card-check img{height:2.5rem}.card-footer img[aria-hidden=false]{width:2.5rem;justify-self:flex-end;visibility:visible;transition:all .3s ease-out}.card-footer img[aria-hidden=true]{visibility:hidden}.card-footer p{font-size:.9rem;font-weight:700;text-transform:uppercase}.cardNumber,.expiryDate,.fullName{transition:color .3s ease-out}.cardNumber--focused,.expiryDate--focused,.fullName--focused{color:#fff}@media (max-width:767px){.card-holder{width:100%;height:280px;margin-bottom:2rem}}.credit-card-brands{width:50%;display:grid;justify-items:center;-webkit-align-items:center;align-items:center;grid-auto-flow:column;grid-template-columns:repeat(auto-fit,minmax(30px,1fr));grid-gap:10px;justify-self:flex-start}.credit-card-brands img{width:2rem}@media (max-width:767px){.credit-card-brands{width:80%;justify-self:center;margin-bottom:2rem}}.layout{position:absolute;width:100%;height:100%}.layout-content{position:relative;display:grid;place-items:center;top:0;left:0;right:0;bottom:0}@media (max-width:767px){.layout{padding:0}}.cards-page-wrapper{display:grid;width:100%;grid-template-rows:auto 1fr;place-items:center;grid-row-gap:1rem}.cards-page>button{-webkit-align-self:center;align-self:center}.cards-page-wrap{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-items:center;grid-gap:1.5rem;padding:1rem}.MuiCardActionArea-root{height:100%}.cards{display:grid;place-items:center}.cards-add-page>div.MuiPaper-rounded{width:80%}.card-wrapper-header h4{padding:1rem}.card-wrapper-footer.MuiCardActions-root{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));background:#eee;padding:2rem}.card-wrapper-footer.MuiCardActions-root .MuiButton-containedPrimary{justify-self:flex-end}@media (max-width:767px){.cards-add-page>div.MuiPaper-rounded{width:100%;padding:2rem 0}.card-wrapper-header{margin-bottom:1rem}.card-content,.card-wrapper-footer{-webkit-flex-direction:column;flex-direction:column}.card-content>p{-webkit-align-self:flex-end;align-self:flex-end}.card-content>p:first-child{-webkit-align-self:flex-start;align-self:flex-start}.card-wrapper-footer.MuiCardActions-root .MuiButton-containedPrimary{justify-self:center}}.card-holder+form{width:100%;display:grid;grid-row-gap:.6rem;row-gap:.6rem;padding:1.5rem}.card-holder+form>label{color:var(--purple);font-weight:700;text-align:left}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}:is(.cc-num-input.cc-num-input--currentColor,.cc-exp-date-input--currentColor) .MuiInputBase-root{color:currentColor}:is(.cc-num-input.cc-num-input--errorColor,.cc-exp-date-input--errorColor) .MuiInputBase-root{color:red}@media (max-width:767px){.card-holder+form{width:85%;grid-row-gap:2rem;row-gap:2rem}}h4.not-found-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
/*# sourceMappingURL=main.1cb006e3.chunk.css.map */