@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css);*{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif}h1{font-size:68px}h2{font-size:48px}h3{font-size:36px}h4{font-size:30px}h5{font-size:24px}h6{font-size:20px}body{font-size:18px}a,p{font-size:16px}.regular{font-weight:400}.medium{font-weight:500}.bold{font-weight:700}select{font-size:16px;padding:8px 48px 8px 12px;background:#fff;border:1px solid #e5e7eb;box-sizing:border-box;border-radius:4px;background:url(/static/media/CaretDown.870bda93.svg) no-repeat center right 12px;-webkit-appearance:none;appearance:none;color:#6b7280}.button,.kit-guide-layout .kit-guide-popup>div:last-child>a{display:flex;align-items:center;padding:12px;background-color:#fff;color:#000;border:1px solid #e5e7eb;border-radius:4px;box-sizing:border-box;cursor:pointer;transition:background-color .24s}.button:hover,.kit-guide-layout .kit-guide-popup>div:last-child>a:hover{background-color:#f3f4f6;transition:background-color .24s}.button .filled,.kit-guide-layout .kit-guide-popup>div:last-child>a .filled{background-color:#fff}.button svg,.kit-guide-layout .kit-guide-popup>div:last-child>a svg{padding:0}button{width:-webkit-max-content;width:max-content;height:100%;justify-content:center;padding:0;font-size:16px;line-height:1.5;letter-spacing:-.05px;background-color:transparent;border:none;border-radius:4px;cursor:inherit}.DateRangePopoverButton,button{display:flex;align-items:center}.DateRangePopoverButton{min-width:200px}.DateRangePopoverButton div{padding:0 8px;color:#9ca3af}.DateRangePopoverButton svg .right{margin-left:auto}.text-input{width:256px;display:flex;border:1px solid #e5e7eb;border-radius:4px;box-sizing:border-box}.text-input input{padding:14px 16px;width:100%;box-sizing:border-box;border:none;border-radius:4px;outline:none;font-size:16px;color:#6b7280}.text-input input :active{outline:none;border:none}.text-input input:-ms-input-placeholder{color:#9ca3af}.text-input input::placeholder{color:#9ca3af}.text-input svg{margin:auto 0}.text-input .left-icon{padding-left:12px}.text-input .right-icon{display:flex;align-items:center;padding-right:12px}.text-input .right-icon>svg{cursor:pointer}label{padding:2px 8px;border-radius:99px}.bar{margin:0 16px;width:0;height:38.5px;border:1px solid #d1d5db}.table-container{width:calc(100vw - 376px);white-space:nowrap;overflow:scroll}.table-container>table{min-width:100%;table-layout:fixed;text-align:left;border-collapse:collapse;border-spacing:0}.table-container>table thead{position:-webkit-sticky;position:sticky;top:0;z-index:1;width:100%;height:32px;font-size:14px;line-height:1.57;letter-spacing:-.04px;border-bottom:1px solid #e5e7eb}.table-container>table thead tr th{padding:0 16px;box-sizing:border-box;background-color:#f9fafb;color:#6b7280}.table-container>table tbody{width:100%;font-size:16px;line-height:1.5;letter-spacing:-.05px}.table-container>table tbody tr{width:100%;height:64px}.table-container>table tbody tr td{padding:0 16px;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #e5e7eb;color:#000}.table-container>table tbody tr:hover{background-color:#f9fafb}.default{background-color:#f3f4f6;color:#000}.success{background-color:#ecfdf5;color:#065f46}.danger{background-color:#fef2f2;color:#991b1b}.divider{height:38.5px;border-left:1px solid #d1d5db}.dashboard{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:32px}.dashboard .dashboard-grid-item{height:calc(50vh - 112px)}.dashboard .dashboard-grid-item .paper{height:100%;padding:0}.dashboard .dashboard-grid-item .dashboard-error{height:calc(100% - 16px);display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.dashboard .dashboard-grid-item .dashboard-error>span{font-size:20px;font-weight:600;line-height:1.5;letter-spacing:-.4px}.dashboard .dashboard-grid-item .dashboard-error>span:first-child{margin-bottom:24px;font-size:20px;font-weight:800;line-height:1.5;letter-spacing:-.4px}.dashboard .dashboard-grid-item .dashboard-chart-container{width:100%;height:100%;display:flex;flex-direction:column}.dashboard .dashboard-grid-item .dashboard-chart-container .dashboard-chart-summary{display:flex;align-items:center;padding:0 16px}.dashboard .dashboard-grid-item .dashboard-chart-container .dashboard-chart-summary h1{margin:0;padding:0;font-size:36px;font-weight:800;line-height:1.44;color:#000}.dashboard .dashboard-grid-item .dashboard-chart-container .dashboard-chart-summary label{margin:0 8px}.dashboard .dashboard-grid-item .dashboard-chart-container .dashboard-chart-graph{height:var(--chart-height);display:flex;justify-content:center;margin:16px 0}.dashboard .dashboard-grid-item .dashboard-chart-container .dashboard-chart-graph .custom-tooltip{display:flex;flex-direction:column;padding:16px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 8px rgba(50,50,71,.08),0 8px 16px rgba(50,50,71,.06);box-sizing:border-box}.dashboard .dashboard-grid-item .dashboard-chart-container .dashboard-chart-graph .custom-tooltip>.date{font-size:14px;line-height:1.57;letter-spacing:-.04px;color:#9ca3af}.dashboard .dashboard-grid-item .dashboard-chart-container .dashboard-chart-graph .custom-tooltip>.count{font-size:20px;font-weight:800;line-height:1.5;letter-spacing:-.4px;color:#000}.dashboard .dashboard-grid-item .dashboard-chart-container .dashboard-chart-graph .custom-tooltip>.detail-count{display:flex;flex-direction:column}.dashboard .dashboard-grid-item .dashboard-chart-container .dashboard-chart-graph .custom-tooltip>.detail-count>div{display:flex;align-items:center}.dashboard .dashboard-grid-item .dashboard-chart-container .dashboard-chart-graph .custom-tooltip>.detail-count>div>div{width:12px;height:12px;margin-right:4px;border-radius:99px}.dashboard .dashboard-grid-item .dashboard-chart-container .dashboard-chart-graph .custom-tooltip>.detail-count>div>span{font-size:16px;line-height:1.5;letter-spacing:-.05px;color:#000}.login-container{width:14vmax;display:flex;flex-direction:column;align-items:center;position:absolute;top:50%;left:50%;padding:0 92px;transform:translate(-50%,-50%);background:#fff;box-shadow:0 4px 24px rgba(0,0,0,.05);border-radius:8px}.login-container .logo{margin:32px 0 24px}.login-container form{width:100%;position:relative}.login-container form span{font-size:14px;line-height:1.57;letter-spacing:-.04px;font-weight:600;color:#000}.login-container form .text-input{width:100%;margin:4px 0 16px}.login-container form .text-input:nth-of-type(2){margin-bottom:24px}.login-container form .text-input>input{height:48px}.kit-guide-layout .login-container form .kit-guide-popup>div:last-child>a,.login-container form .button,.login-container form .kit-guide-layout .kit-guide-popup>div:last-child>a{margin-bottom:64px;background-color:#dc2626;padding:unset}.kit-guide-layout .login-container form .kit-guide-popup>div:last-child>a button,.login-container form .button button,.login-container form .kit-guide-layout .kit-guide-popup>div:last-child>a button{border-radius:4px;width:100%;height:48px;font-weight:400;color:#fff;text-align:center}.kit-guide-layout .login-container form .kit-guide-popup>div:last-child>a button:active,.login-container form .button button:active,.login-container form .kit-guide-layout .kit-guide-popup>div:last-child>a button:active{background-color:none}#SelectProject .projects{display:flex;flex-flow:row wrap}#SelectProject .projects>div{display:flex;flex-direction:column;padding:16px 24px;margin-right:24px;margin-bottom:24px;border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,.09);cursor:pointer;transition:box-shadow .24s}#SelectProject .projects>div:last-child{margin-right:0}#SelectProject .projects>div:hover{box-shadow:0 3px 12px rgba(0,0,0,.18);transition:.24s}#SelectProject .projects>div:active,#SelectProject .projects>div:focus{box-shadow:0 3px 12px rgba(0,0,0,.27);transition:.24s}#SelectProject .projects>div:focus{outline:none}#SelectProject .projects>div>span:first-child{font-size:30px;font-weight:800;line-height:1.47;color:#4b5563}#SelectProject .projects>div>span:nth-child(2){font-size:24px;font-weight:600;line-height:1.5}#SelectProject .projects>div>span:nth-child(3){font-size:18px;font-weight:600;line-height:1.33;letter-spacing:-.27px;color:#9ca3af}.ShoeStats #shoes-controlPanel{position:absolute;z-index:2;margin-left:264px;margin-top:48px;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.08);border-radius:8px}.ShoeStats #shoes-controlPanel>ul{margin:8px 0;padding:0;box-sizing:border-box;list-style:none}.ShoeStats #shoes-controlPanel>ul>li{height:40px;display:flex;align-items:center;padding:0 16px;background:#fff;font-size:16px;line-height:1.5;letter-spacing:-.05px;color:#000;cursor:pointer;transition:background .24s}.ShoeStats #shoes-controlPanel>ul>li:hover{background:#f3f4f6;transition:all .24s}.ShoeStats #shoes-controlPanel>ul>li>span{margin-left:8px}.ShoeStats>.table-container{height:calc(100vh - 390.08px)}.ShoeStats>.table-container.active-floating td:first-child>div,.ShoeStats>.table-container.active-floating th:first-child>div{box-shadow:0 0 25px -5px rgba(0,0,0,.1),0 0 10px -5px rgba(0,0,0,.04);transition:all .24s}.ShoeStats>.table-container>table>thead>tr>th{cursor:pointer;transition:background .24s}.ShoeStats>.table-container>table>thead>tr>th:hover{background-color:#e5e7eb;transition:all .24s}.ShoeStats>.table-container>table>thead>tr>th:first-child,.ShoeStats>.table-container>table>thead>tr>th:nth-child(2),.ShoeStats>.table-container>table>thead>tr>th:nth-child(4){cursor:unset}.ShoeStats>.table-container>table>thead>tr>th:first-child:hover,.ShoeStats>.table-container>table>thead>tr>th:nth-child(2):hover,.ShoeStats>.table-container>table>thead>tr>th:nth-child(4):hover{background-color:#f9fafb}.ShoeStats>.table-container>table>thead>tr>th>div{display:flex;justify-content:center;align-items:center}.ShoeStats>.table-container>table>thead>tr>th>div>svg{margin-left:4px}.ShoeStats>.table-container>table>tbody>tr>td:first-child,.ShoeStats>.table-container>table>tbody>tr>th:first-child,.ShoeStats>.table-container>table>thead>tr>td:first-child,.ShoeStats>.table-container>table>thead>tr>th:first-child{min-width:60px;position:-webkit-sticky;position:sticky;left:0;padding:0}.ShoeStats>.table-container>table>tbody>tr>td:first-child>div,.ShoeStats>.table-container>table>tbody>tr>th:first-child>div,.ShoeStats>.table-container>table>thead>tr>td:first-child>div,.ShoeStats>.table-container>table>thead>tr>th:first-child>div{width:100%;display:flex;justify-content:center;align-items:center;transition:box-shadow .24s}.ShoeStats>.table-container>table>tbody>tr>td:first-child>div>label,.ShoeStats>.table-container>table>tbody>tr>th:first-child>div>label,.ShoeStats>.table-container>table>thead>tr>td:first-child>div>label,.ShoeStats>.table-container>table>thead>tr>th:first-child>div>label{width:24px;height:24px;display:flex;justify-content:center;align-items:center;padding:0;border-radius:0}.ShoeStats>.table-container>table>tbody>tr>td:first-child>div>label>img,.ShoeStats>.table-container>table>tbody>tr>th:first-child>div>label>img,.ShoeStats>.table-container>table>thead>tr>td:first-child>div>label>img,.ShoeStats>.table-container>table>thead>tr>th:first-child>div>label>img{cursor:pointer}.ShoeStats>.table-container>table>tbody>tr>th:first-child>div,.ShoeStats>.table-container>table>thead>tr>th:first-child>div{height:32px}.ShoeStats>.table-container>table>tbody>tr>td:first-child>div,.ShoeStats>.table-container>table>thead>tr>td:first-child>div{height:60px}.ShoeStats>.tab-filter-container{display:flex}.ShoeStats>.tab-filter-container>.tab-filter-item{width:100px;color:#9ca3af}.ShoeStats>.tab-filter-container>.tab-filter-item p{font-size:18px;font-weight:800;line-height:1.56;letter-spacing:-.18px;padding:0 0 8px;margin:0;text-align:center}.ShoeStats>.tab-filter-container>.tab-filter-item.selected{bottom:2px;margin-bottom:2px;color:#dc2626;border-bottom:4px solid #dc2626}.ShoeStats>.tab-filter-container>.tab-filter-item:hover{cursor:pointer}.ShoeStats>.action-container{display:flex;height:48px;margin:32px 0 16px}.ShoeStats>.action-container>.left,.ShoeStats>.action-container>.right{width:-webkit-max-content;width:max-content;display:flex}.kit-guide-layout .ShoeStats>.action-container>.left .kit-guide-popup>div:last-child>a,.ShoeStats>.action-container>.left .button,.ShoeStats>.action-container>.left .kit-guide-layout .kit-guide-popup>div:last-child>a{min-width:256px;max-width:-webkit-max-content;max-width:max-content;height:48px;padding:12px 16px;margin-left:8px}.kit-guide-layout .ShoeStats>.action-container>.left .kit-guide-popup>div:last-child>a:first-child,.ShoeStats>.action-container>.left .button:first-child,.ShoeStats>.action-container>.left .kit-guide-layout .kit-guide-popup>div:last-child>a:first-child{margin-left:0}.kit-guide-layout .ShoeStats>.action-container>.left .kit-guide-popup>div:last-child>a>button,.ShoeStats>.action-container>.left .button>button,.ShoeStats>.action-container>.left .kit-guide-layout .kit-guide-popup>div:last-child>a>button{width:100%}.kit-guide-layout .ShoeStats>.action-container>.left .kit-guide-popup>div:last-child>a>button>div,.ShoeStats>.action-container>.left .button>button>div,.ShoeStats>.action-container>.left .kit-guide-layout .kit-guide-popup>div:last-child>a>button>div{width:100%;height:100%;display:flex;align-items:center}.kit-guide-layout .ShoeStats>.action-container>.left .kit-guide-popup>div:last-child>a>button>div>svg:first-child,.ShoeStats>.action-container>.left .button>button>div>svg:first-child,.ShoeStats>.action-container>.left .kit-guide-layout .kit-guide-popup>div:last-child>a>button>div>svg:first-child{margin-right:8px}.kit-guide-layout .ShoeStats>.action-container>.left .kit-guide-popup>div:last-child>a>button>div>span,.ShoeStats>.action-container>.left .button>button>div>span,.ShoeStats>.action-container>.left .kit-guide-layout .kit-guide-popup>div:last-child>a>button>div>span{color:#9ca3af;padding-right:8px}.kit-guide-layout .ShoeStats>.action-container>.left .kit-guide-popup>div:last-child>a.recommendOff,.kit-guide-layout .ShoeStats>.action-container>.left .kit-guide-popup>div:last-child>a.recommendOn,.kit-guide-layout .ShoeStats>.action-container>.left .kit-guide-popup>div:last-child>a.selectOff,.ShoeStats>.action-container>.left .button.recommendOff,.ShoeStats>.action-container>.left .button.recommendOn,.ShoeStats>.action-container>.left .button.selectOff,.ShoeStats>.action-container>.left .kit-guide-layout .kit-guide-popup>div:last-child>a.recommendOff,.ShoeStats>.action-container>.left .kit-guide-layout .kit-guide-popup>div:last-child>a.recommendOn,.ShoeStats>.action-container>.left .kit-guide-layout .kit-guide-popup>div:last-child>a.selectOff{min-width:unset}.kit-guide-layout .ShoeStats>.action-container>.left .kit-guide-popup>div:last-child>a.selectOff,.ShoeStats>.action-container>.left .button.selectOff,.ShoeStats>.action-container>.left .kit-guide-layout .kit-guide-popup>div:last-child>a.selectOff{background-color:#dc2626;border:none}.kit-guide-layout .ShoeStats>.action-container>.left .kit-guide-popup>div:last-child>a.selectOff>button,.ShoeStats>.action-container>.left .button.selectOff>button,.ShoeStats>.action-container>.left .kit-guide-layout .kit-guide-popup>div:last-child>a.selectOff>button{color:#fff}.kit-guide-layout .ShoeStats>.action-container>.left .kit-guide-popup>div:last-child>a.selectOff>svg,.ShoeStats>.action-container>.left .button.selectOff>svg,.ShoeStats>.action-container>.left .kit-guide-layout .kit-guide-popup>div:last-child>a.selectOff>svg{margin-left:8px}.kit-guide-layout .ShoeStats>.action-container>.left .kit-guide-popup>div:last-child>a.selectOff>svg path,.ShoeStats>.action-container>.left .button.selectOff>svg path,.ShoeStats>.action-container>.left .kit-guide-layout .kit-guide-popup>div:last-child>a.selectOff>svg path{stroke:#fff}.ShoeStats>.action-container>.right{margin-left:auto}.kit-guide-layout .ShoeStats>.action-container>.right .kit-guide-popup>div:last-child>a,.ShoeStats>.action-container>.right .button,.ShoeStats>.action-container>.right .kit-guide-layout .kit-guide-popup>div:last-child>a{height:100%;margin-left:8px}.kit-guide-layout .ShoeStats>.action-container>.right .kit-guide-popup>div:last-child>a>svg,.ShoeStats>.action-container>.right .button>svg,.ShoeStats>.action-container>.right .kit-guide-layout .kit-guide-popup>div:last-child>a>svg{margin-right:8px}.createShoe-layout{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;position:fixed;top:50%;left:50%;z-index:10;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.5)}.createShoe-layout.onClose{background-color:transparent;transition:all .21s}.createShoe-layout .createShoe-uploader{width:28vmax;padding:24px;background:#fff;border-radius:8px}.createShoe-layout .createShoe-uploader.onClose{display:none}.createShoe-layout .createShoe-uploader>div{display:flex;justify-content:space-between;align-items:center}.createShoe-layout .createShoe-uploader>div>p{margin:0;font-size:18px;font-weight:800;line-height:1.56;letter-spacing:-.18px;color:#000}.createShoe-layout .createShoe-uploader>div>svg{cursor:pointer}.createShoe-layout .createShoe-uploader>div>svg path{stroke:#000}.createShoe-layout .createShoe-uploader>label{height:144px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px;margin-top:16px;border:2px dashed #d1d5db;border-radius:4px;transition:background .24s;cursor:pointer}.createShoe-layout .createShoe-uploader>label>span{margin-top:8px;font-size:14px;line-height:1.57;letter-spacing:-.04px;color:#6b7280}.createShoe-layout .createShoe-uploader-hover{background:#f3f4f6;transition:background .24s}.UserData{width:100%}.UserData .export-excel{background-color:#ecfdf5;transition:all .24s}.UserData .export-excel:hover{background-color:#d1fae5;border:1px solid #34d399;transition:all .24s}.UserData .table-container{height:calc(100vh - 322px)}.KitStats .tab-filter-container{display:flex}.KitStats .tab-filter-container .tab-filter-item{width:100px;color:#9ca3af}.KitStats .tab-filter-container .tab-filter-item p{font-size:18px;font-weight:800;line-height:1.56;letter-spacing:-.18px;padding:0 0 8px;margin:0;text-align:center}.KitStats .tab-filter-container .tab-filter-item.selected{bottom:2px;margin-bottom:2px;color:#dc2626;border-bottom:4px solid #dc2626}.KitStats .tab-filter-container .tab-filter-item:hover{cursor:pointer}.KitStats .action-container{display:flex;height:48px;margin:32px 0 16px}.KitStats .action-container .left,.KitStats .action-container .right{width:-webkit-max-content;width:max-content;display:flex}.kit-guide-layout .KitStats .action-container .left .kit-guide-popup>div:last-child>a,.KitStats .action-container .left .button,.KitStats .action-container .left .kit-guide-layout .kit-guide-popup>div:last-child>a{min-width:256px;max-width:-webkit-max-content;max-width:max-content;height:48px;padding:12px 16px;margin-left:8px}.kit-guide-layout .KitStats .action-container .left .kit-guide-popup>div:last-child>a:first-child,.KitStats .action-container .left .button:first-child,.KitStats .action-container .left .kit-guide-layout .kit-guide-popup>div:last-child>a:first-child{margin-left:0}.kit-guide-layout .KitStats .action-container .left .kit-guide-popup>div:last-child>a>button,.KitStats .action-container .left .button>button,.KitStats .action-container .left .kit-guide-layout .kit-guide-popup>div:last-child>a>button{width:100%}.kit-guide-layout .KitStats .action-container .left .kit-guide-popup>div:last-child>a>button>div,.KitStats .action-container .left .button>button>div,.KitStats .action-container .left .kit-guide-layout .kit-guide-popup>div:last-child>a>button>div{width:100%;height:100%;display:flex;align-items:center}.kit-guide-layout .KitStats .action-container .left .kit-guide-popup>div:last-child>a>button>div>svg:first-child,.KitStats .action-container .left .button>button>div>svg:first-child,.KitStats .action-container .left .kit-guide-layout .kit-guide-popup>div:last-child>a>button>div>svg:first-child{margin-right:8px}.kit-guide-layout .KitStats .action-container .left .kit-guide-popup>div:last-child>a>button>div>span,.KitStats .action-container .left .button>button>div>span,.KitStats .action-container .left .kit-guide-layout .kit-guide-popup>div:last-child>a>button>div>span{color:#9ca3af;padding-right:8px}.kit-guide-layout .KitStats .action-container .left .kit-guide-popup>div:last-child>a.selectOff,.KitStats .action-container .left .button.selectOff,.KitStats .action-container .left .kit-guide-layout .kit-guide-popup>div:last-child>a.selectOff{min-width:unset;background-color:#dc2626;border:none}.kit-guide-layout .KitStats .action-container .left .kit-guide-popup>div:last-child>a.selectOff>button,.KitStats .action-container .left .button.selectOff>button,.KitStats .action-container .left .kit-guide-layout .kit-guide-popup>div:last-child>a.selectOff>button{color:#fff}.kit-guide-layout .KitStats .action-container .left .kit-guide-popup>div:last-child>a.selectOff>svg,.KitStats .action-container .left .button.selectOff>svg,.KitStats .action-container .left .kit-guide-layout .kit-guide-popup>div:last-child>a.selectOff>svg{margin-left:8px}.kit-guide-layout .KitStats .action-container .left .kit-guide-popup>div:last-child>a.selectOff>svg path,.KitStats .action-container .left .button.selectOff>svg path,.KitStats .action-container .left .kit-guide-layout .kit-guide-popup>div:last-child>a.selectOff>svg path{stroke:#fff}.KitStats .action-container .right{margin-left:auto}.KitStats .action-container .right>select{margin-right:8px}.kit-guide-layout .KitStats .action-container .kit-guide-popup>div.right:last-child>a,.KitStats .action-container .kit-guide-layout .kit-guide-popup>div.right:last-child>a,.KitStats .action-container .right>.button{margin-left:8px}.kit-guide-layout .KitStats .action-container .kit-guide-popup>div.right:last-child>a>svg,.KitStats .action-container .kit-guide-layout .kit-guide-popup>div.right:last-child>a>svg,.KitStats .action-container .right>.button>svg{margin-right:8px}.kit-guide-layout .KitStats .action-container .kit-guide-popup>div.right:last-child>a.export-excel,.KitStats .action-container .kit-guide-layout .kit-guide-popup>div.right:last-child>a.export-excel,.KitStats .action-container .right>.button.export-excel{background-color:#ecfdf5;transition:all .24s}.kit-guide-layout .KitStats .action-container .kit-guide-popup>div.right:last-child>a.export-excel:hover,.KitStats .action-container .kit-guide-layout .kit-guide-popup>div.right:last-child>a.export-excel:hover,.KitStats .action-container .right>.button.export-excel:hover{background-color:#d1fae5;border:1px solid #34d399;transition:all .24s}.KitStats .table-container{height:calc(100vh - 390.08px)}.KitStats .table-container.active-floating td:first-child>span,.KitStats .table-container.active-floating th:first-child>span{box-shadow:0 0 25px -5px rgba(0,0,0,.1),0 0 10px -5px rgba(0,0,0,.04);transition:all .24s}.KitStats .table-container>table>tbody>tr>td:first-child,.KitStats .table-container>table>tbody>tr>th:first-child,.KitStats .table-container>table>thead>tr>td:first-child,.KitStats .table-container>table>thead>tr>th:first-child{position:-webkit-sticky;position:sticky}.KitStats .table-container>table>tbody>tr>td:first-child>label,.KitStats .table-container>table>tbody>tr>th:first-child>label,.KitStats .table-container>table>thead>tr>td:first-child>label,.KitStats .table-container>table>thead>tr>th:first-child>label{width:24px;height:24px;display:flex;justify-content:center;align-items:center;padding:0;border-radius:0}.KitStats .table-container>table>tbody>tr>td:first-child>label>img,.KitStats .table-container>table>tbody>tr>th:first-child>label>img,.KitStats .table-container>table>thead>tr>td:first-child>label>img,.KitStats .table-container>table>thead>tr>th:first-child>label>img{cursor:pointer}.KitStats .table-container>table>tbody>tr>td:first-child,.KitStats .table-container>table>tbody>tr>th:first-child,.KitStats .table-container>table>thead>tr>td:first-child,.KitStats .table-container>table>thead>tr>th:first-child{padding:0;left:0}.KitStats .table-container>table>tbody>tr>td:first-child>span,.KitStats .table-container>table>tbody>tr>th:first-child>span,.KitStats .table-container>table>thead>tr>td:first-child>span,.KitStats .table-container>table>thead>tr>th:first-child>span{display:flex;align-items:center;padding:0 16px;transition:box-shadow .24s}.KitStats .table-container>table>tbody>tr>th:first-child>span,.KitStats .table-container>table>thead>tr>th:first-child>span{height:32px}.KitStats .table-container>table>tbody>tr>td:first-child>span,.KitStats .table-container>table>thead>tr>td:first-child>span{height:64px}.APIUsage .target-filter{display:flex;align-items:center;margin-bottom:24px}.APIUsage .target-filter .date-selector{display:flex;align-items:center;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:48px;margin-left:28px}.APIUsage .target-filter .date-selector-btn{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 16px;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:4px}.APIUsage .target-filter .date-selector-btn>span{margin-right:8px;font-size:16px;font-weight:800;line-height:1.5;letter-spacing:-.05px;line-height:unset;color:#000}.APIUsage .target-filter .date-selector-btn>svg{transition:transform .24s}.APIUsage .target-filter .date-selector>.YEAR-MONTH-PICKER{position:absolute;top:48px;z-index:1}.APIUsage .target-filter>span{margin-left:28px}.APIUsage .usage-chart{height:var(--chart-height);display:flex;justify-content:center}.APIUsage .usage-chart .custom-tooltip{display:flex;flex-direction:column;padding:8px 12px;background-color:#111827;border-radius:8px;font-weight:400}.APIUsage .usage-chart .custom-tooltip>.date{font-size:12px;line-height:18px;color:#d1d5db}.APIUsage .usage-chart .custom-tooltip>.count{font-size:14px;line-height:22px;color:#fff}.APIUsage .usage-chart .recharts-tooltip-cursor{stroke:#000}.APIUsage .usage-chart .recharts-cartesian-axis.recharts-xAxis>line,.APIUsage .usage-chart .recharts-cartesian-axis.recharts-yAxis>line{stroke:#d1d5db}.APIUsage .usage-chart .recharts-cartesian-axis.recharts-xAxis text,.APIUsage .usage-chart .recharts-cartesian-axis.recharts-yAxis text{font-weight:400;font-size:16px;line-height:24px;fill:#6b7280}.base-wrapper{width:100%;padding:0 64px;height:100vh;margin-left:200px}.kit-guide>svg{margin-right:8px}.kit-guide-layout{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;position:fixed;top:50%;left:50%;z-index:10;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.5)}.kit-guide-layout.onClose{background-color:transparent;transition:all .21s}.kit-guide-layout .kit-guide-popup{padding:24px;background-color:#fff;border-radius:8px}.kit-guide-layout .kit-guide-popup.onClose{display:none}.kit-guide-layout .kit-guide-popup>div:first-child{display:flex;justify-content:space-between;align-items:center}.kit-guide-layout .kit-guide-popup>div:first-child>p{margin:0;font-size:18px;font-weight:800;line-height:1.56;letter-spacing:-.18px}.kit-guide-layout .kit-guide-popup>div:first-child>svg{cursor:pointer}.kit-guide-layout .kit-guide-popup>div:first-child>svg path{stroke:#000}.kit-guide-layout .kit-guide-popup>div:nth-child(2)>p{display:flex;flex-direction:column;text-align:left;margin:4px 0;font-size:18px;line-height:1.56;letter-spacing:-.27px;color:#1f2937}.kit-guide-layout .kit-guide-popup>div:nth-child(2)>p:last-child{margin-bottom:16px}.kit-guide-layout .kit-guide-popup>div:nth-child(2)>p>span{margin-left:8px;font-size:16px;line-height:1.5;letter-spacing:-.05px;color:#374151}.kit-guide-layout .kit-guide-popup>div:last-child{display:flex;justify-content:flex-end}.kit-guide-layout .kit-guide-popup>div:last-child>a{height:48px;text-decoration:none}.kit-guide-layout .kit-guide-popup>div:last-child>a:first-child{margin-right:8px}.kit-guide-layout-hover{background:#f3f4f6;transition:background .24s}.is-loading{background-color:rgba(0,0,0,.167);box-shadow:inset 1px 16px 64px rgba(0,0,0,.3)}.loader-container{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit}.loader-container .loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.loader-container .loader .lds-roller{display:inline-block;position:relative;width:80px;height:80px}.loader-container .loader .lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.loader-container .loader .lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;margin:-4px 0 0 -4px}.loader-container .loader .lds-roller div:first-child{animation-delay:-36ms}.loader-container .loader .lds-roller div:first-child:after{top:63px;left:63px}.loader-container .loader .lds-roller div:nth-child(2){animation-delay:-72ms}.loader-container .loader .lds-roller div:nth-child(2):after{top:68px;left:56px}.loader-container .loader .lds-roller div:nth-child(3){animation-delay:-.108s}.loader-container .loader .lds-roller div:nth-child(3):after{top:71px;left:48px}.loader-container .loader .lds-roller div:nth-child(4){animation-delay:-.144s}.loader-container .loader .lds-roller div:nth-child(4):after{top:72px;left:40px}.loader-container .loader .lds-roller div:nth-child(5){animation-delay:-.18s}.loader-container .loader .lds-roller div:nth-child(5):after{top:71px;left:32px}.loader-container .loader .lds-roller div:nth-child(6){animation-delay:-.216s}.loader-container .loader .lds-roller div:nth-child(6):after{top:68px;left:24px}.loader-container .loader .lds-roller div:nth-child(7){animation-delay:-.252s}.loader-container .loader .lds-roller div:nth-child(7):after{top:63px;left:17px}.loader-container .loader .lds-roller div:nth-child(8){animation-delay:-.288s}.loader-container .loader .lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Modal-Layout{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;position:fixed;top:50%;left:50%;z-index:10;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.5)}.Modal-Layout.onClose{background-color:transparent;transition:all .21s}.Modal-Layout .Modal{width:14vmax;padding:16px;background-color:#fff;border-radius:16px}.Modal-Layout .Modal.onClose{display:none}.Modal-Layout .Modal-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:18px;font-weight:800;line-height:1.56;letter-spacing:-.18px;color:#000}.Modal-Layout .Modal-title>svg{cursor:pointer}.Modal-Layout .Modal-title>svg path{stroke:#000}.Modal-Layout .Modal-description{font-size:14px;line-height:1.57;letter-spacing:-.04px;color:#4b5563;margin-bottom:32px}.Modal-Layout .Modal-button{display:flex;justify-content:space-between}.Modal-Layout .Modal-button>button{width:100%;height:48px;padding:14px;box-sizing:border-box;border-radius:99px;font-size:16px;font-weight:600;line-height:1.25;letter-spacing:-.05px;cursor:pointer;transition:filter .27s}.Modal-Layout .Modal-button>button:hover{filter:brightness(.96);transition:filter .27s}.Modal-Layout .Modal-button>button:active{filter:brightness(.93);transition:filter .27s}.Modal-Layout .Modal-button>button.cancel{margin-right:16px;background:#fff;border:1px solid #e5e7eb}.Modal-Layout .Modal-button>button.confirm{background:#dc2626;color:#fff}.navigation-bar{display:flex;justify-content:flex-start;align-items:center;height:128px}.navigation-bar>h3{cursor:pointer}.navigation-bar .profile-section{display:flex;align-items:center;margin-left:auto}.navigation-bar .profile-section>span{margin-right:16px}.navigation-bar .profile-section .profile-image{display:flex;justify-content:center;align-items:center;position:relative;width:48px;height:48px;border-radius:24px;background-color:#9ca3af;cursor:pointer}.navigation-bar .profile-section .profile-image>span{font-weight:600;font-size:22px;color:#fff}.navigation-bar .profile-section .profile-image>div{position:absolute;top:56px;right:0;z-index:1;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.08);border-radius:8px;white-space:nowrap;cursor:default}.navigation-bar .profile-section .profile-image>div>ul{margin:8px 0;padding:0;box-sizing:border-box;list-style:none}.navigation-bar .profile-section .profile-image>div>ul>li{height:40px;display:flex;align-items:center;padding:0 16px;background:#fff;font-size:16px;line-height:1.5;letter-spacing:-.05px;color:#000;cursor:pointer;transition:background .24s}.navigation-bar .profile-section .profile-image>div>ul>li:hover{background:#f3f4f6;transition:all .24s}.navigation-bar .title-component>div{padding:0 32px;display:flex;align-items:center}.navigation-bar h2{color:#6b7280}.pagination{width:100%;display:flex;flex-direction:row;align-items:center}.pagination .summary{margin-right:auto}.pagination .pagination-select{width:32px;height:32px;border:0}.pagination .pagination-select select{width:100%;height:100%}.pagination .box{cursor:pointer;display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;border:1px solid #e5e7eb;border-radius:4px;margin:0 3px;box-sizing:border-box}.pagination .arrow-btn{font-size:24px}.pagination .arrow-btn img{width:100%;height:auto}.pagination ul{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.pagination ul li{cursor:pointer;display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;border:1px solid #e5e7eb;border-radius:4px;margin:0 3px;box-sizing:border-box}.pagination ul li.active{background:#fef2f2;color:#dc2626;border-color:#fca5a5}.pagination ul li:hover{background:#e0e0e0;color:#fff}.pagination ul li:active{background:#d0d0d0;color:#fff}.paper{display:flex;flex-direction:column;width:100%;height:calc(100vh - 192px);position:relative;background-color:#fff;box-shadow:0 4px 24px rgba(0,0,0,.05);border-radius:8px;padding:32px 24px;box-sizing:border-box;font-style:normal;color:#6b7280}.paper .paper-menu{display:flex;padding-bottom:16px;justify-content:space-between;align-items:center}.paper .paper-menu.medium{padding:16px 16px 8px}.paper .paper-menu p{margin:0 8px;color:#6b7280;font-size:16px;line-height:1.5;letter-spacing:-.05px;font-weight:400}.paper .paper-menu h2{color:#000;font-size:30px;font-weight:800;line-height:1.47}.paper .paper-menu h2.medium{font-size:20px;font-weight:800;line-height:1.5;letter-spacing:-.4px;color:#6b7280}.paper .paper-menu .paper-right{display:flex;margin-left:auto}.paper .paper-menu .paper-right>*{margin-left:8px}.paper .paper-menu .paper-right>:first-child{margin-left:0}.paper .paper-content{width:100%;height:100%}.paper h2{font-size:20px;line-height:30px;margin:0;font-weight:700}.Popover{position:absolute;top:1;left:1;width:-webkit-max-content;width:max-content;background-color:#fff;box-shadow:0 4px 24px rgba(0,0,0,.05);border-radius:8px;overflow:hidden;z-index:999}.Popover .buttons-container{display:flex;justify-content:flex-end}.kit-guide-layout .Popover .buttons-container .kit-guide-popup>div:last-child>a,.Popover .buttons-container .button,.Popover .buttons-container .kit-guide-layout .kit-guide-popup>div:last-child>a{min-width:unset!important;padding:2px 12px;margin:8px 8px 8px 0}.Popover .buttons-container .danger:hover{background-color:#fef2f2}.Popover .buttons-container .success:hover{background-color:#ecfdf5}.sidebar{width:200px;height:100vh;position:fixed;top:0;background-color:#fff;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sidebar>.logo{width:100%;display:flex;justify-content:center;margin:72px 0 29px}.sidebar>.logo>svg{cursor:pointer}.sidebar>.logo>svg.development path{fill:#2563eb}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar ul,.sidebar ul li .tab{display:flex;flex-direction:column}.sidebar ul li .tab{height:150px;justify-content:center;align-items:center;text-decoration:none}.sidebar ul li .tab>span{margin-top:8px;color:#6b7280;font-size:16px;line-height:24px;letter-spacing:-.003em}.sidebar ul li .tab .selected-border{position:absolute;right:0;height:100px;width:3px;border-left:4px solid #dc2626;margin-right:-4px;border-radius:5px}.sidebar ul li .tab-link svg,.sidebar ul li .tab-link svg path{stroke:#6b7280}.sidebar ul li .tab-link svg .svg-fill{fill:#6b7280}.sidebar ul li .selected>span{font-weight:700;color:#000}.sidebar ul li .selected svg{outline:#dc2626}.sidebar ul li .selected svg path{stroke:#dc2626}.sidebar ul li .selected svg .svg-fill{fill:#dc2626}.tab-menu-container{display:flex}.tab-menu-container .tab-menu-item{width:100px;color:#9ca3af}.tab-menu-container .tab-menu-item p{font-size:18px;font-weight:800;line-height:1.56;letter-spacing:-.18px;padding:0 0 8px;margin:0;text-align:center}.tab-menu-container .tab-menu-item.selected{color:#dc2626;border-bottom:2px solid #dc2626}.tab-menu-container .tab-menu-item:hover{cursor:pointer}.YEAR-MONTH-PICKER{width:100%;background-color:#fff;box-shadow:0 4px 24px rgba(0,0,0,.05);border-radius:4px}.YEAR-MONTH-PICKER ul{margin:0 8px;padding:0;list-style:none}.YEAR-MONTH-PICKER ul li{margin:4px 0;padding:8px 12px;border-radius:4px;font-size:14px;line-height:22px;transition:background-color .21s;cursor:pointer}.YEAR-MONTH-PICKER ul li:hover{background-color:#e5e7eb;transition:background-color .21s}.YEAR-MONTH-PICKER ul li:last-child{margin-bottom:8px}.YEAR-MONTH-PICKER ul li.activated{background-color:#d1d5db}.YEAR-MONTH-PICKER>.year-month>.head{width:100%;padding:8px 0 4px}.YEAR-MONTH-PICKER>.year-month>.head>select{width:calc(100% - 16px);margin:0 8px}.YEAR-MONTH-PICKER>.only-year{max-height:474px;overflow-y:scroll}.YEAR-MONTH-PICKER>.only-year li:first-child{margin-top:8px}.SegmentSwitch{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:48px;display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 4px;border-radius:99px;background-color:#f3f4f6}.SegmentSwitch:before{width:var(--highlight-width);position:absolute;top:4px;bottom:4px;left:0;background-color:#fff;border-radius:99px;box-shadow:0 4px 4px rgba(0,0,0,.05);transform:translateX(var(--highlight-x-pos));transition:transform .24s ease,width .24s ease;content:""}.SegmentSwitch>.segment{height:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.SegmentSwitch>.segment.active>label{color:#000}.SegmentSwitch>.segment>input{position:absolute;width:100%;height:100%;margin:0 4px;opacity:0;cursor:pointer}.SegmentSwitch>.segment>label{color:#9ca3af;font-size:16px;line-height:20px;letter-spacing:-.003em;transition:color .24s ease;cursor:pointer}body{margin:0;padding:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;color:#6b7280;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;min-height:100vh;width:100%;padding:0;background-color:#f3f4f6}.toggle-switch{position:relative;width:75px;display:inline-block;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;text-align:left}.toggle-switch input,.toggle-switch label{margin:0;padding:0}.toggle-switch-checkbox{display:none}.toggle-switch-label{display:block;overflow:hidden;cursor:pointer;border:0 solid #bbb;border-radius:20px;margin:0}.toggle-switch-label:focus{outline:none}.toggle-switch-label:focus>span{box-shadow:0 0 2px 5px red}.toggle-switch-label>span:focus{outline:none}.toggle-switch-label>div{display:flex;flex-direction:column;justify-content:center}.toggle-switch-label>div>svg{position:absolute}.toggle-switch-label>div>svg:first-of-type{left:0;margin-left:6px}.toggle-switch-label>div>svg:last-of-type{right:0;margin-right:6px}.toggle-switch-inner{display:block;width:200%;margin-left:-100%}.toggle-switch-inner:after,.toggle-switch-inner:before{display:block;float:left;width:50%;height:34px;padding:0;line-height:34px;font-size:14px;color:#fff;font-weight:700;box-sizing:border-box}.toggle-switch-inner:before{content:attr(data-yes);text-transform:uppercase;background-color:#3b82f6;color:#fff;transition:background-color .27s}.toggle-switch-disabled,.toggle-switch-disabled:before{background-color:#ddd;cursor:not-allowed}.toggle-switch-inner:after{content:attr(data-no);text-transform:uppercase;background-color:#bbb;color:#fff;text-align:right}.toggle-switch-switch{display:block;width:24px;margin:5px;background:#fff;position:absolute;top:0;bottom:0;right:40px;border:0 solid #bbb;border-radius:20px;transition:all .27s}.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-inner{margin-left:0}.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-switch{right:0}.toggle-switch.small-switch{width:44px}.toggle-switch.small-switch .toggle-switch-inner:after,.toggle-switch.small-switch .toggle-switch-inner:before{content:"";height:22px;line-height:22px}.toggle-switch.small-switch .toggle-switch-switch{width:18px;right:22px;margin:2px}@media screen and (max-width:991px){.toggle-switch{transform:scale(.9)}}@media screen and (max-width:767px){.toggle-switch{transform:scale(.825)}}@media screen and (max-width:575px){.toggle-switch{transform:scale(.75)}}
/*# sourceMappingURL=main.4fcc06cf.chunk.css.map */