@font-face{font-family:Montserrat;src:url(/shooking/fonts/Montserrat-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(/shooking/fonts/Montserrat-Bold.ttf) format("truetype");font-weight:700;font-style:normal}html,body{margin:0;width:100%;background-color:#f5f5f5}#root{background-color:#fff;max-width:100%;width:430px;min-height:100vh;height:100%;margin:0 auto}body *{font-family:Montserrat}.Header{display:flex;align-items:center;position:sticky;top:0;z-index:100;height:50px;padding:10px}.Header>div{display:flex}.Header .header_center{justify-content:flex-start;width:70%;font-size:16px;font-weight:500}.Header .header_left{width:10%;justify-content:flex-start}.Header .header_right{width:20%;justify-content:flex-end}.theme_light{background-color:#fff;color:#000}.theme_dark{background-color:#000;color:#fff}.Product{display:flex;flex-direction:column;padding:20px;gap:20px}.Product .title_bar{display:flex;flex-direction:column;gap:7px;color:#000}.Product .title_bar>h1{margin:0;font-size:30px;font-weight:800}.Product .title_bar>p{margin:0 0 7px;font-size:16px;font-weight:400}.Product .list_wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-height:1000px;overflow-y:auto}.ProductCard{display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;border:1px solid rgb(242,242,242);border-radius:15px}.ProductCard .image_section{width:100%;height:115px;overflow:hidden}.ProductCard .image_section>img{display:block;width:100%;height:100%;object-fit:cover}.ProductCard .info_section{display:flex;flex-direction:column;padding:15px;gap:5px;color:#000}.ProductCard .info_section .name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;font-size:16px;font-weight:500;margin:0}.ProductCard .info_section .description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:400;margin:0;color:#7c7a7a}.ProductCard .info_section .price{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:500;margin:0}.ProductCard .info_section .button_section{display:inline-flex;justify-content:start;gap:5px}.Button{display:inline-flex;align-items:center;justify-content:center;padding:0;font-weight:700;border:none;border-radius:20px;cursor:pointer;white-space:nowrap}.Button__basic{background-color:#000;color:#fff}.Button__payment{background-color:#ffef64;color:#000}.Button__icon{width:50px;height:50px;background-color:transparent}.Button__new-card{width:330px;height:220px;border-radius:15px;text-align:center;font-size:30px;font-weight:400;color:#575757}.Button__quantity{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:10px;background-color:#e6e6e6;color:#000;font-size:20px;font-weight:500}.Button__sm{width:44px;height:22px;border-radius:10px;font-size:10px}.Button__md{width:100%;height:40px;border-radius:20px;font-size:15px}.Button__lg{width:100%;height:60px;border-radius:48px;font-size:20px}.button__icon{display:flex;align-items:center;justify-content:center;width:25px;height:25px;font-size:30px;background-color:transparent}.NavItem{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;cursor:pointer}.NavItem svg{width:25px;height:25px}.NavItem .badge{position:absolute;top:25px;left:25px;background-color:#fff;color:#000;border-radius:50%;font-size:10px;font-weight:700;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:1px}.Card{position:relative;width:100%;height:200px}.card-image{position:absolute;left:30px;width:330px;height:200px}.card-numbers_wrapper{position:absolute;top:120px;left:65px;display:flex;gap:15px}.card-numbers_wrapper>span{min-width:40px;font-size:18px;color:#fff}.expiry-date_wrapper{position:absolute;top:160px;left:65px;display:flex}.expiry-date_wrapper>span{min-height:20px;font-size:14px;text-align:center;color:#fff}.expiry-date_wrapper .expiry-date{min-width:28px}.owner-name_wapper{position:absolute;top:160px;right:60px;width:100px;min-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;font-size:14px;color:#fff}.CardList{display:flex;flex-direction:column;justify-content:center;gap:20px}.card_wrapper{display:flex;flex-direction:column;gap:5px;align-items:center}.button_wrapper{width:330px}.CardListContainer{display:flex;flex-direction:column;padding:5px 20px;gap:20px}.card_section{display:flex;justify-content:center}.card_section>p{margin:20px 0 0;font-size:18px;font-weight:700;color:#575757}.button_section{display:flex;justify-content:center}.LabeledInput{display:flex;width:100%;flex-direction:column;gap:5px}.LabeledInput .label_section{display:flex;justify-content:space-between;align-items:center;min-width:0;flex:0 1 auto}.LabeledInput .label_section>label{font-size:12px;color:#525252}.LabeledInput .label_section>span{font-size:12px}.LabeledInput .input_section{display:flex;gap:7px;align-items:center;min-width:0;flex:1 1 auto}.SegmentedInput{background-color:#ecebf1;gap:5px;border-radius:7px}.SegmentedInput_display_full{display:flex;width:100%}.SegmentedInput_display_fit{display:inline-flex}.SegmentedInput_justify_start{justify-content:flex-start}.SegmentedInput_justify_center{justify-content:center}.SegmentedInput_justify_end{justify-content:flex-end}.SegmentedInput_background_transparent{background-color:transparent}.SegmentedInput .input_wrapper{display:inline-flex;align-items:center}.SegmentedInput .input_wrapper .input{width:60px;height:43px;background-color:transparent;text-align:center;border:none;outline:none;font-size:18px;font-weight:600;color:#000}.SegmentedInput .input_wrapper .input_square{width:45px;height:45px;background-color:#ecebf1;border-radius:7px}.SegmentedInput .input_wrapper>span{font-size:18px;font-weight:600;color:#000;line-height:18px}.BaseInput{background-color:#ecebf1;border-radius:7px;padding:0 15px;box-sizing:border-box}.BaseInput_display_full{display:flex;width:100%}.BaseInput_display_fit{display:inline-flex}.BaseInput .input{height:45px;padding:0;background-color:transparent;align-items:center;border:none;outline:none;font-size:18px;font-weight:600;color:#000}.BaseInput .input_full{width:360px;min-width:0}.BaseInput .input_fit{width:110px;min-width:0}.BaseInput .input_align_left{text-align:left}.BaseInput .input_align_center{text-align:center}.BaseInput .input_align_right{text-align:right}.InfoIcon{position:relative;display:inline-flex}.InfoIcon .icon{cursor:pointer;font-size:30px;background-color:transparent;color:#969696}.InfoIcon .tooltip{position:absolute;bottom:60%;left:0%;background-color:#fff;border:1px solid #ccc;color:#333;border-radius:4px;white-space:nowrap;z-index:10;box-shadow:0 2px 6px #0000001a}.CardForm{display:flex;flex-direction:column;gap:10px}.fake-dot{flex:0 0 auto;width:49px;height:47px;padding:1px 2px;background-color:#ecebf1;border-radius:7px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.fake-dot:before{content:"•";font-size:18px;font-weight:600}.AddCardContainer{display:flex;flex-direction:column;padding:5px 20px;gap:20px}.CartContainer{display:flex;flex-direction:column;padding:20px}.title{display:flex;flex-direction:column;gap:7px;color:#000}.title>h1{margin:0;font-size:30px;font-weight:800}.title>p{margin:0 0 7px;font-size:16px;font-weight:400}.total-price{padding:20px 0}.order-price{padding:20px 0;border-top:1px solid rgb(245,245,245);margin-bottom:20px}.cart-payment__item{display:flex;align-items:center;justify-content:space-between}.cart-payment__item__label{font-size:16px;font-weight:700}.cart-payment__item__price{font-size:24px;font-weight:700}.CartItem{display:flex;align-items:center;gap:40px;padding:20px 0;border-bottom:1px solid rgb(245,245,245)}.cart-item__thumbnail{flex-shrink:0;width:150px;height:150px;overflow:hidden;border-radius:30px}.cart-item__thumbnail img{width:100%;height:100%;object-fit:cover}.cart-item__info{display:flex;flex-direction:column;justify-content:space-between;flex:1}.cart-item__name{font-size:16px;font-weight:500}.cart-item__price{font-size:24px;font-weight:700;margin-bottom:20px}.cart-item__quantity{display:flex;align-items:center;gap:17px}.cart-item__etc{display:flex;flex-direction:column;align-self:flex-start}.Modal{position:fixed;top:0;width:430px;height:100vh;z-index:1000;display:flex;justify-content:center;align-items:center}.modal__content{background-color:#fff;width:100%;height:100%;overflow-y:auto}