@-webkit-keyframes right-in{0%{-webkit-transform:translateX(100vw);transform:translateX(100vw);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes right-in{0%{-webkit-transform:translateX(100vw);transform:translateX(100vw);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes left-out{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100vw);transform:translateX(-100vw);opacity:0}}@keyframes left-out{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-100vw);transform:translateX(-100vw);opacity:0}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes move-up{0%{-webkit-transform:translateY(100vh);transform:translateY(100vh);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes move-up{0%{-webkit-transform:translateY(100vh);transform:translateY(100vh);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes move-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100vh);transform:translateY(100vh);opacity:0}}@keyframes move-down{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(100vh);transform:translateY(100vh);opacity:0}}.right-in{-webkit-animation:right-in 1.5s forwards;animation:right-in 1.5s forwards}.left-out{-webkit-animation:left-out 2s forwards;animation:left-out 2s forwards}.fade-in{-webkit-animation:fade-in 1s forwards;animation:fade-in 1s forwards}.fade-out{-webkit-animation:fade-out .35s forwards;animation:fade-out .35s forwards}.move-up{-webkit-animation:move-up 1s forwards;animation:move-up 1s forwards}.move-down{-webkit-animation:move-down 1s forwards;animation:move-down 1s forwards}.App{width:375px}@media screen and (min-width:768px){.App{width:720px}}@media screen and (min-width:1920px){.App{width:900px}}body{font-family:"Roboto"}.App{margin:0 auto;padding:0 24px}.CardListPage_card-list-page__2aFs0{padding-top:118px}.CardListPage_card-list-page__header__3cFGZ{position:fixed;top:0;left:0;padding:20px 36px;background-color:#fff;margin-bottom:36px}.CardListPage_card-list-page__main__32nCb{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.Label_label___SBYy{color:#383838}.CardListSection_card-list-container__3lW9u{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.CardListSection_card-list-container__card__N_u9x{margin-bottom:26px}.Card_card-wrapper___17T3{display:inline-block}.Card_card__-Me_n{width:245px;min-height:135px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:15px 17px;border-radius:5px;box-shadow:3px 3px 5px rgba(0,0,0,.25);transition:all 1s}.Card_card__-Me_n:hover{-webkit-transform:translate(-3px,-3px);transform:translate(-3px,-3px);box-shadow:6px 6px 12px rgba(0,0,0,.25)}.Card_card__-Me_n.Card_card--clickable__1H5q4{cursor:pointer}.Card_card__-Me_n.Card_card--clickable__1H5q4:hover{opacity:.7}.Card_card__type__1bZw3{color:#383838;font-size:11.5px;line-height:12px;font-weight:600;margin-bottom:23px}.Card_card__chip__1GxWx{width:42px;height:27px;background-color:#cbba64;border-radius:4px;margin-bottom:15px}.Card_card__number__3uKxC{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:0 8px;margin-bottom:16px}.Card_card__number-digits__jxt4H{color:#525252;font-size:16px;font-weight:700;text-align:center;letter-spacing:2px}.Card_card__number-dots__gJf7q{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;color:#525252}.Card_card__number-dot__1kpYc{width:5px;height:5px;background-color:#525252;border-radius:50%}.Card_card__number-dot__1kpYc:not(:last-child){margin-right:4px}.Card_card__bottom__1O8Nu{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:0 4px;color:#525252;font-size:15px;font-weight:700}.Card_card-nickname__1rt__{display:block;font-weight:700;font-size:14px;line-height:16px;text-align:center;margin-top:10px;color:#525252}.AddBoxButton_add-box-button__eWARH{width:245px;min-height:135px;border-radius:5px;background:#e5e5e5;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;cursor:pointer;transition:box-shadow .5s;font-size:36px;color:#575757}.AddBoxButton_add-box-button__eWARH:hover{box-shadow:3px 3px 5px rgba(0,0,0,.25)}.AddCardPage_add-card-page__header__focKh{position:fixed;background-color:#fff;top:0;left:0;width:100%;padding:12px 36px}.AddCardPage_add-card-page__main__gAGoX{margin-top:70px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.AddCardPage_add-card-page__card__1cICS{margin-bottom:27px}.AddCardPage_add-card-page__bottom__cJE2g{position:fixed;bottom:0;right:0;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;padding:0 10px 10px 0}.CardInputSection_card-input-container__1gGfX{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%}.CardInputSection_card-input-container__number__2kpqk{width:100%;margin-bottom:19px}.CardInputSection_card-input-container__expiration__3FP40{width:137px;margin-bottom:19px}@media screen and (min-width:768px){.CardInputSection_card-input-container__expiration__3FP40{width:257px}}@media screen and (min-width:1920px){.CardInputSection_card-input-container__expiration__3FP40{width:307px}}.CardInputSection_card-input-container__owner__NNuXY{width:100%;margin-bottom:19px}.CardInputSection_card-input-container__cvc__M3Q-f{width:122px;margin-bottom:19px}@media screen and (min-width:768px){.CardInputSection_card-input-container__cvc__M3Q-f{width:220px}}@media screen and (min-width:1920px){.CardInputSection_card-input-container__cvc__M3Q-f{width:257px}}.CardInputSection_card-input-container__password__3VAdn{width:100%;margin-bottom:19px}.SeperatedInputList_seperated-input-list__2nD1b{display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:column;flex-direction:column;position:relative}.SeperatedInputList_seperated-input-list__label__1pIow{display:block;font-weight:500;font-size:12px;line-height:14px;margin-bottom:7px;letter-spacing:-.085em}.SeperatedInputList_seperated-input-list__input-wrapper__37zV9{width:100%;background-color:#ecebf1;padding:10px 5px;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;color:#04c09e;border-radius:7px;border:none;transition:box-shadow .5s;letter-spacing:-.085em}.SeperatedInputList_seperated-input-list__input-wrapper__37zV9:focus-within{box-shadow:1px 2px 6px rgba(0,0,0,.25)}.SeperatedInputList_seperated-input-list__input-separator__3neP0{display:inline-block;font-weight:700}.SeperatedInputList_seperated-input-list__input-separator__3neP0:not(:last-child){margin-right:6px}.SeperatedInputList_seperated-input-list__input-separator__3neP0:not(:first-child){margin-left:6px}.SeperatedInputList_seperated-input-list__input__aoJL1{background:none;border:none;position:relative;top:-2px;width:62px;height:30px;color:#04c09e;font-size:20px;font-weight:500;text-align:center}.SeperatedInputList_seperated-input-list__input__aoJL1:focus{outline:none}.SeperatedInputList_seperated-input-list__input__aoJL1:not(:last-child){margin-right:2px}.SeperatedInputList_seperated-input-list__input__aoJL1:not(:first-child){margin-left:2px}.SeperatedInputList_seperated-input-list__input--dot__1PlF3{position:relative;top:1px;display:-webkit-flex;display:flex;font-size:28px}.SeperatedInputList_seperated-input-list__input-block-wrapper__3CrvS{display:inline-block}.SeperatedInputList_seperated-input-list__placeholder__27gHh{position:absolute;font-weight:700;color:#737373;padding:2px;width:100%;text-align:center;z-index:0;background-color:#ecebf1;pointer-events:none;bottom:20%;-webkit-align-self:center;align-self:center}.Input_input-wrapper__1__sE{width:100%;display:inline-block}.Input_input__1f87r{width:100%;height:100%;box-sizing:border-box;background-color:#ecebf1;font-size:18px;color:#04c09e;border-radius:7px;padding:13px 12px;border:none;font-weight:500;transition:box-shadow .5s;letter-spacing:-.085em}.Input_input__1f87r:focus{outline:none;box-shadow:1px 2px 6px rgba(0,0,0,.25)}.Input_input__1f87r::-webkit-input-placeholder{font-size:17px;font-weight:500}.Input_input__1f87r:-ms-input-placeholder{font-size:17px;font-weight:500}.Input_input__1f87r::placeholder{font-size:17px;font-weight:500}.Input_input__label__1O-xF{display:block;font-weight:500;font-size:12px;line-height:14px;margin-bottom:7px;letter-spacing:-.085em;color:#383838}.ErrorText_error-text__3j1YT{font-size:10px;color:#f44336}.TextLimitInput_text-limit-input__2d20G{display:inline-block;font-weight:500;font-size:12px;line-height:14px}.TextLimitInput_text-limit-input__top__2GP4r{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:7px}.GuideInput_guide-input__35B3B{display:inline-block;font-weight:500;font-size:12px;line-height:14px}.GuideInput_guide-input__label__3T13_{display:block;margin-bottom:7px}.GuideInput_guide-input__bottom__2d3rb{display:-webkit-flex;display:flex;position:relative;-webkit-align-items:center;align-items:center}.GuideInput_guide-input__guide-icon__2Ooxc{margin-left:11px;margin-right:11px;cursor:pointer}.GuideInput_guide-input__guide-icon__2Ooxc:hover+.GuideInput_guide-input__guide-image__2Gu6e{display:block}.GuideInput_guide-input__guide-image__2Gu6e{display:none;position:absolute;z-index:1000;width:100px;height:65px;border-radius:10px;top:-65px;right:-27px}.InputBoxList_input-box-list__label__2EMPb{display:block;font-weight:500;font-size:12px;line-height:14px;margin-bottom:7px;letter-spacing:-.085em}.InputBoxList_input-box-list__bottom__2B7bX{display:-webkit-inline-flex;display:inline-flex}.InputBoxList_input-box-list__input-box__3-VCB{background:none;border:none;padding:0;width:43px;height:45px;background-color:#ecebf1;border-radius:7px;color:#04c09e;text-align:center;font-weight:700;font-size:22px;caret-color:#04c09e}.InputBoxList_input-box-list__input-box__3-VCB:focus{outline:none}.InputBoxList_input-box-list__input-box__3-VCB:not(:last-child){margin-right:7px}.InputBoxList_input-box-list__dot__2LU7f{position:relative;display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:43px;height:45px}.InputBoxList_input-box-list__dot__2LU7f:not(:last-child){margin-right:7px}.InputBoxList_input-box-list__dot__2LU7f:before{content:"";width:5px;height:5px;border-radius:50%;background-color:#04c09e;position:absolute}.CardCompanySelectSection_card-company-select-container__back-drop__AGHNy{-webkit-animation:CardCompanySelectSection_fade-in__epGSK .5s forwards;animation:CardCompanySelectSection_fade-in__epGSK .5s forwards}.CardCompanySelectSection_card-company-select-container__bottom-slider__clemc{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:26px;-webkit-column-gap:26px;column-gap:26px;grid-row-gap:26px;row-gap:26px}.BackDrop_back-drop__1wJcO{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.BottomSlider_bottom-slider__2rW8-{position:fixed;bottom:0;left:0;width:100%;background-color:#fdfdfd;z-index:999;border-radius:5px 5px 0 0;padding:34px 53px}.CircleButton_circle-button__1G3Q7{position:relative;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;cursor:pointer;margin-bottom:14px}.CircleButton_circle-button__1G3Q7:hover .CircleButton_circle-button__circle__2Gckz{opacity:.7}.CircleButton_circle-button__circle__2Gckz{display:inline-block;width:37px;height:37px;border-radius:50%;margin-bottom:10px;transition:opacity .5s}.CircleButton_circle-button__text__26Qxv{position:absolute;width:70px;top:100%;text-align:center;font-weight:500;font-size:12px;line-height:14px;color:#525252}.NavigationButton_navigation-button__2AK9M{display:-webkit-inline-flex;display:inline-flex;padding:7px 0;font-weight:500;font-size:16px;-webkit-align-items:center;align-items:center;cursor:pointer;transition:opacity .5s}.NavigationButton_navigation-button__2AK9M:hover{opacity:.5}.NavigationButton_navigation-button__icon__1eaxN{margin-right:18px}.NavigationButton_navigation-button__text__33cno{padding-top:2px}.Button_button__1CznK{border:none;background:none;color:#04c09e;font-weight:700;font-size:14px;line-height:16px;padding:10px 20px;transition:color .5s;cursor:pointer}.Button_button__1CznK:focus{outline:none}.Button_button__1CznK:hover{color:#8ce2d3}.AddCardCompletePage_add-card-complete-page__1d2D2{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;height:100vh}.AddCardCompletePage_add-card-complete-page__main__3y3st{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.AddCardCompletePage_add-card-complete-page__label__2HW2-{margin-top:113px;text-align:center;margin-bottom:61px}.AddCardCompletePage_add-card-complete-page__card__1eSu7{margin:14px}.AddCardCompletePage_add-card-complete-page__bottom__1NJm9{position:fixed;bottom:0;left:0;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;padding:0 10px 10px 0}.BorderInput_border-input__1zmC2{background:none;border:none;border-bottom:1.5px solid #737373;font-size:16px;color:#383838;line-height:21px;text-align:center}.BorderInput_border-input__1zmC2:focus{outline:none}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}a{text-decoration:none}a:visited{color:#383838}*{box-sizing:border-box}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/*# sourceMappingURL=main.f99a0e74.chunk.css.map */