body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#root{background-color:#f3f3f3;display:flex;height:100vh;justify-content:center;padding-top:50px;width:100vw}.app{background-color:#fff;border:2px solid rgba(0,0,0,.103);display:inline-block;margin-bottom:30px;max-height:900px;min-height:700px;overflow-y:auto;width:500px}.app::-webkit-scrollbar{background-color:inherit;width:10px}.app::-webkit-scrollbar-thumb{background-color:rgba(191,217,214,.486);border-radius:10px}.app::-webkit-scrollbar-track{background-color:inherit}.card-add{display:inline-block;height:800px;max-width:500px;padding:2rem}.card-add header{cursor:default;display:flex;gap:10px;margin-bottom:10px}.card-add header button{background-color:inherit;border:none;cursor:pointer;padding:0}.card-add header p{margin:0}.card-add .card-add__form{display:flex;flex-direction:column;gap:20px;height:90%;margin-top:45px;padding:0 26px 0 10px}.card-add .next--button{display:flex;justify-content:end;position:relative;top:127px}.card-add .next--button button{background-color:inherit;border:none;color:#04c09e;text-decoration:none}.card__container{width:250px}.card-front__container{border-radius:5px;box-shadow:3px 3px 5px rgba(0,0,0,.25);cursor:pointer;display:grid;grid-template-areas:"na . . ." "rf . . ." "cn cn cn cn" "ft ft ft ft";height:130px;padding:10px;width:210px}.card__name{font-size:12px;grid-area:na;margin:5px 5px 15px;word-break:break-all}.rfid{background-color:#cbba64;border-radius:4px;grid-area:rf;height:30px;margin:5px 5px 10px;width:40px}.card__numbers{display:flex;grid-area:cn;justify-content:space-around}.card__numbers .number{letter-spacing:1px}.card__numbers .dots{letter-spacing:-3px}.footer{display:flex;font-size:13px;grid-area:ft;justify-content:space-between;padding:7px}.footer .owner__name{margin-right:30px;word-break:break-all}.card-back__container{border-radius:5px;box-shadow:3px 3px 5px rgba(0,0,0,.25);cursor:pointer;display:grid;grid-template-areas:". . . ." "mg mg mg mg" "at at . ." "rb sl sl sl";height:148px;width:230px}.magnetic{background-color:#000;grid-area:mg;height:25px;width:100%}.authorization{font-family:roboto;font-size:10px;grid-area:at;margin:0 0 0 10px}.rfid-back{background-color:#cbba64;border-radius:12px;grid-area:rb;height:25px;margin:0 0 10px 5px;width:40px}.signature-line{background-color:hsla(0,0%,100%,.95);display:flex;grid-area:sl;height:23px;justify-content:flex-end;margin:0 5px 10px 0;padding:2px;width:120px}.signature-line .secure-code{font-size:13px}.card-number__input__container{width:100%}.input__container--inputs{align-items:center;background-color:#ecebf1;border:none;border-radius:7px;display:flex;gap:4px;height:30px;justify-content:center;padding:4px;width:100%}.input__contents{background-color:transparent;border:none;color:#04c09e;font-size:18px;height:100%;text-align:center;width:100%}.input__contents::-webkit-input-placeholder{font-size:15px;text-align:center}.input__contents:-ms-input-placeholder{font-size:15px;text-align:center}.input__contents::placeholder{font-size:15px;text-align:center}.input__label{color:#525252;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:14px}.password__input__container .password__inputs{display:flex;gap:10px}.password__input__container .password__input{align-items:center;display:flex;justify-content:center;width:46px}.password__input__container .dot{background-color:#04c09e;border-radius:50%;height:5px;width:5px}.expire__input__container{width:140px}.ownername__input__container .input__container--inputs ::-webkit-input-placeholder{text-align:left}.ownername__input__container .input__container--inputs :-ms-input-placeholder{text-align:left}.ownername__input__container .input__container--inputs .input__contents,.ownername__input__container .input__container--inputs ::placeholder{text-align:left}.ownername__input__container .label__container{display:flex;justify-content:space-between}.secure__input__container{display:grid;grid-template-areas:"il il il" "ic ic hb";max-width:150px;width:50%}.secure__input__container .input__label{grid-area:il}.secure__input__container .input__container--inputs{grid-area:ic}.secure__input__container .help--button{background-color:inherit;border:1px solid #bababa;border-radius:15px;color:#969696;cursor:pointer;grid-area:hb;height:30px;margin:auto 25px;width:30px}.tooltip{display:block;position:relative}.tooltip .tooltiptext{background-color:#000;border-radius:6px;color:#fff;opacity:.7;padding:5px 0;position:absolute;text-align:center;visibility:hidden;width:150px;z-index:1}.tooltip:hover .tooltiptext{visibility:visible}.tooltip .tooltip-bottom{left:50%;margin-left:-60px;padding:10px;top:150%;width:150px}.tooltip .tooltip-bottom:after{border-color:transparent transparent #000;bottom:100%;left:50%;margin-left:-5px}.color,.next--button button{cursor:pointer}.color{align-items:center;background-color:inherit;border:none;display:flex;flex-direction:column;justify-content:space-between}.color .circle{border:none;border-radius:20px;height:40px;width:40px}.color .name{color:#525252}.color:hover .name{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:colorChange;animation-name:colorChange;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes colorChange{0%{color:red}25%{color:#ff0}50%{color:blue}to{color:green}}@keyframes colorChange{0%{color:red}25%{color:#ff0}50%{color:blue}to{color:green}}.deemer{background-color:rgba(0,0,0,.5);height:100vh;max-width:550px;position:fixed;top:0;width:100vw}.deemer .modal--contents{bottom:0;max-width:550px;position:fixed;width:100%}.palette{background-color:#f8f8f4;border-top-left-radius:10px;border-top-right-radius:10px;display:grid;grid-template-columns:repeat(4,1fr);justify-content:space-around;padding:40px}.enter-nickname__page{align-items:center;display:flex;flex-direction:column;gap:40px;height:800px;max-width:500px;padding:2rem}.enter-nickname__page header{margin-top:30px}.enter-nickname__page .enter-nickname__comment{cursor:default;display:flex;font-size:10px;gap:10px;justify-content:center;margin-top:10px}.enter-nickname__page .enter__button{display:flex;justify-content:end;position:relative;top:380px;width:89%}.enter-nickname__page .enter__button .confirm__button{background-color:inherit;border:none;color:#04c09e;cursor:pointer}.enter-nickname__page form{align-items:center;display:flex;flex-direction:column;height:80%;width:100%}.enter-nickname__input{border-style:none none solid;margin-top:50px;text-align:center;width:150px}.enter-nickname__input:focus{border-color:#4fe7ec;outline:none;-webkit-transform:scale(1.2);transform:scale(1.2);transition-duration:.5s}.card-list__header{font-family:Roboto;font-size:17px;font-style:normal;font-weight:400;margin:30px auto 30px 40px;text-align:left}.card-list{align-items:center;display:flex;flex-direction:column;gap:40px}.card-list .user-nickname__tag{text-align:center}.card-add__button{align-items:center;background-color:#d2d2d2;border-radius:5px;box-shadow:3px 3px 5px rgba(0,0,0,.25);color:#000;cursor:pointer;display:flex;font-size:30px;font-weight:500;height:150px;justify-content:center;margin-bottom:100px;text-decoration:none;transition:all .7s ease 0s;width:230px}.card-add__button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.card{transition:all .7s ease 0s}.card:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
/*# sourceMappingURL=main.83702829.css.map*/