._card-container_1r9u1_1{position:relative;height:220px;background-image:url(/FEM-interactive-card-form/bg-main-mobile.png);background-position:center;background-size:cover;display:grid;place-items:center}._card-container_1r9u1_1 div{width:260px;height:150px;position:relative;display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:1fr 15fr 1fr;border-radius:5px;color:var(--plain-white)}._card-container_1r9u1_1 img{width:100%}._card-back_1r9u1_24{top:-85%;left:8%;z-index:0;background-image:url(/FEM-interactive-card-form/bg-card-back.png);background-position:center;background-size:cover}._card-back_1r9u1_24 ._card-cvv_1r9u1_32{position:relative;bottom:1px;right:10px;grid-area:2/2/3/3;align-self:center;justify-self:flex-end;font-size:.5625rem}._card-front_1r9u1_42{top:75%;right:8%;z-index:1;display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:1fr 15fr 1fr;background-image:url(/FEM-interactive-card-form/bg-card-front.png);background-position:center;background-size:cover;letter-spacing:1px}._card-front_1r9u1_42 ._card-logo_1r9u1_54{background-position:center;background-size:contain;background-repeat:no-repeat;position:relative;width:45px;grid-column:2;grid-row:1;align-self:flex-end}._card-front_1r9u1_42 ._card-number_1r9u1_64{grid-column:2;grid-row:2;align-self:flex-end}._card-front_1r9u1_42 ._holder-info_1r9u1_69{width:100%;height:100%;grid-row:3;grid-column:2;display:flex;flex-direction:row;font-size:.5625rem;text-transform:uppercase;justify-content:space-between;align-items:center}@media (min-width: 1360px){._card-container_1r9u1_1{min-height:100%;grid-column:1/3;background-image:url(/FEM-interactive-card-form/bg-main-desktop.png)}._card-container_1r9u1_1 div{width:442px;height:255px;grid-template-columns:1fr 11fr 1fr;border-radius:10px}._card-front_1r9u1_42{top:90px;right:0;left:35%;letter-spacing:3px}._card-front_1r9u1_42 ._card-logo_1r9u1_54{width:85px;margin-bottom:10px}._card-front_1r9u1_42 ._card-number_1r9u1_64{font-size:1.75rem}._card-front_1r9u1_42 ._holder-info_1r9u1_69{font-size:1rem}._card-back_1r9u1_24{top:-17%;left:50%}._card-back_1r9u1_24 ._card-cvv_1r9u1_32{font-size:1rem;letter-spacing:1px}}._card-form-container_uyev7_1{width:90%;max-width:400px;margin:90px auto 0;font-size:.8125rem}._card-form-container_uyev7_1>input{width:100%}label{text-transform:uppercase;letter-spacing:1px}input{width:100%;height:40px;border-radius:10px;border:1px solid var(--light-grayish-violet);padding:0 15px;margin-top:10px}input::placeholder{color:var(--light-grayish-violet)}input:invalid{outline-color:var(--error-color)}span{display:block;margin-left:10px;margin-bottom:15px;color:var(--error-color);min-height:1.0625rem}._card-details_uyev7_40{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 3fr;gap:10px}._card-details_uyev7_40 p{grid-row:1/2;grid-column:1/3;align-self:flex-end}._card-details_uyev7_40>div{grid-row:2}._card-details_uyev7_40 input{width:100%}._card-details_uyev7_40 div:nth-child(2){grid-column:1/2}._card-details_uyev7_40 div:nth-child(3){grid-column:2/3}._card-details_uyev7_40 div:nth-child(4){grid-column:3/5}button{width:100%}._confirmation-container_uyev7_72{display:flex;flex-direction:column;align-items:center}._confirmation-container_uyev7_72 img{width:80px;margin-bottom:40px}._confirmation-container_uyev7_72 h2{text-transform:uppercase;letter-spacing:.125rem;font-size:2rem;font-weight:400;margin-bottom:13.3333333333px}._confirmation-container_uyev7_72 p{font-size:1.125rem;color:var(--dark-grayish-violet)}._confirmation-container_uyev7_72 button{margin-top:40px}@media (min-width: 1360px){._card-form-container_uyev7_1{grid-column:4/6;margin-top:0}}:root{--active-input: linear-gradient(hsl(249, 99%, 64%), hsl(278, 94%, 30%));--error-color: hsl(0, 100%, 66%);--plain-white: hsl(0, 0%, 100%);--light-grayish-violet: hsl(270, 3%, 87%);--dark-grayish-violet: hsl(279, 6%, 55%);--very-dark-violet: hsl(278, 65%, 11%)}*{margin:0;padding:0;box-sizing:border-box;outline-color:#600594}body{font-family:Space Grotesk;font-size:1.125rem}button{cursor:pointer;font-family:inherit;background-color:var(--very-dark-violet);color:var(--plain-white);border:none;border-radius:7px;font-size:1rem;letter-spacing:.5px;padding:.75rem;transition:transform .3s}button:hover{transform:scale(.97)}input{font-family:inherit;font-size:.9375rem;letter-spacing:1px}@media (min-width: 1360px){#root{min-height:100vh;display:grid;grid-template-columns:repeat(6,1fr);align-items:center}}