touchstudy-core 0.1.167 → 0.1.169

package/dist/index.css

@@ -501,6 +501,584 @@
   text-overflow: ellipsis;
   word-wrap: break-word; }
 
+._2mYOt ._1H9qR:nth-child(1) {
+  font-family: "Pretendard";
+  font-size: 20px;
+  font-weight: 800; }
+
+._2mYOt ._1H9qR:nth-child(3) {
+  font-family: "Pretendard";
+  font-size: 12px;
+  font-weight: 600; }
+  ._2mYOt ._1H9qR:nth-child(3) span {
+    margin-right: 16px; }
+
+._2rTfh {
+  display: flex;
+  font-family: "Pretendard";
+  justify-content: center;
+  font-size: 18px;
+  font-weight: 700; }
+
+._W5dic {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 24px; }
+  ._W5dic ._FmMYN {
+    font-family: "Pretendard";
+    min-width: 170px;
+    min-height: 41px;
+    border-radius: 6px;
+    padding: 12px 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    background-color: transparent; }
+    ._W5dic ._FmMYN span {
+      font-size: 14px;
+      font-weight: 700; }
+    ._W5dic ._FmMYN:hover {
+      background-color: #e4e7ec; }
+  ._W5dic ._3kv6J {
+    min-width: 170px;
+    min-height: 41px;
+    border-radius: 6px;
+    padding: 12px 28px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px; }
+    ._W5dic ._3kv6J span {
+      font-size: 14px;
+      font-weight: 700;
+      color: #ffffff; }
+
+._1jZV7 {
+  background-color: #ffffff; }
+  ._1jZV7 ._1aYD1 {
+    border-bottom: 1px solid #e4e7ec;
+    padding: 12px 24px; }
+    ._1jZV7 ._1aYD1 span {
+      font-family: "Pretendard";
+      font-weight: 700;
+      font-size: 16px;
+      color: #414e62; }
+  ._1jZV7 ._2Oc4x {
+    padding: 8px 12px;
+    border-top: 1px solid #e4e7ec;
+    display: flex;
+    flex-direction: row;
+    justify-content: start;
+    background-color: #FBFBF9;
+    gap: 8px; }
+    ._1jZV7 ._2Oc4x span:nth-child(1) {
+      font-family: "Pretendard";
+      font-weight: 600;
+      font-size: 12px;
+      color: #ced2da; }
+    ._1jZV7 ._2Oc4x span:nth-child(2) {
+      font-family: "Pretendard";
+      font-weight: 600;
+      font-size: 12px; }
+  ._1jZV7 .__LRYW {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    padding: 6px 0px;
+    font-family: "Pretendard"; }
+    ._1jZV7 .__LRYW ._1U-Kx {
+      padding: 4px 8px; }
+    ._1jZV7 .__LRYW ._2PXiz {
+      padding: 8px 12px 16px 84px;
+      display: flex;
+      align-items: center;
+      gap: 16px; }
+      ._1jZV7 .__LRYW ._2PXiz ._1zcfJ {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        min-height: 28px;
+        min-width: 136px; }
+    ._1jZV7 .__LRYW ._18ZNf {
+      font-weight: 500;
+      font-size: 12px; }
+      ._1jZV7 .__LRYW ._3nbRi {
+        color: #6B0861; }
+      ._1jZV7 .__LRYW ._3NEHk {
+        color: #DB4D4D; }
+      ._1jZV7 .__LRYW ._Et0ih {
+        color: #FEAF06; }
+      ._1jZV7 .__LRYW ._5Vc3v {
+        color: #3ACB46; }
+      ._1jZV7 .__LRYW ._2SMBR {
+        color: #5D5D5B; }
+    ._1jZV7 .__LRYW ._1ImE5 {
+      color: #DB4D4D; }
+    ._1jZV7 .__LRYW ._1oVKC {
+      color: #FEAF06; }
+    ._1jZV7 .__LRYW ._2wXCw {
+      color: #3ACB46; }
+    ._1jZV7 .__LRYW ._gE8qM {
+      font-weight: 500;
+      font-size: 12px;
+      color: #3ACB46; }
+    ._1jZV7 .__LRYW ._3kRqE {
+      font-weight: 500;
+      font-size: 12px;
+      color: #DB4D4D; }
+    ._1jZV7 .__LRYW ._22Pi3 {
+      font-weight: 500;
+      font-size: 12px;
+      color: #ced2da; }
+    ._1jZV7 .__LRYW ._1C7aw {
+      font-weight: 500;
+      font-size: 12px;
+      color: #3ACB46; }
+    ._1jZV7 .__LRYW .__YGYX {
+      font-weight: 500;
+      font-size: 12px;
+      color: #DB4D4D; }
+    ._1jZV7 .__LRYW ._3AkGb {
+      font-weight: 500;
+      font-size: 12px;
+      color: #FEAF06; }
+    ._1jZV7 .__LRYW ._3l-yC {
+      font-weight: 500;
+      font-size: 12px;
+      color: #ced2da; }
+    ._1jZV7 .__LRYW ._2mK7U {
+      font-family: "Pretendard";
+      font-weight: 600;
+      font-size: 12px;
+      color: #414E62; }
+    ._1jZV7 .__LRYW ._3ZOZs {
+      font-family: "Pretendard";
+      font-weight: 600;
+      font-size: 12px;
+      color: #414e62; }
+    ._1jZV7 .__LRYW ._1Gajr {
+      height: 28px; }
+      ._1jZV7 .__LRYW ._1Gajr span {
+        font-weight: 500;
+        font-size: 12px; }
+    ._1jZV7 .__LRYW ._62PzE {
+      font-family: "Pretendard";
+      font-weight: 600;
+      font-size: 12px;
+      color: #414e62; }
+    ._1jZV7 .__LRYW ._3HUx1 {
+      height: 28px; }
+      ._1jZV7 .__LRYW ._3HUx1 span {
+        font-weight: 500;
+        font-size: 12px;
+        color: #414e62; }
+    ._1jZV7 .__LRYW ._Yu8Oq {
+      font-family: "Pretendard";
+      font-weight: 600;
+      font-size: 12px;
+      color: #97a1af; }
+    ._1jZV7 .__LRYW ._18kZu {
+      height: 28px; }
+      ._1jZV7 .__LRYW ._18kZu span {
+        font-weight: 500;
+        font-size: 12px;
+        color: #414e62; }
+
+._2MTOH {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  border: 1px solid #e4e7ec;
+  border-radius: 6px;
+  margin: 24px; }
+
+._JoHQL {
+  width: 36px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer; }
+
+._29iCQ {
+  width: calc(100% - 72px);
+  border-left: 1px solid #e4e7ec;
+  border-right: 1px solid #e4e7ec;
+  background-color: #F9FAFB; }
+
+._3hjxI {
+  width: 36px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer; }
+
+._2Z42z {
+  padding: 10.5px 24px;
+  border: 1px solid #e4e7ec;
+  border-radius: 6px; }
+  ._2Z42z span {
+    font-family: "Pretendard";
+    font-weight: 700;
+    font-size: 16px;
+    color: #414e62; }
+
+._34RN_ {
+  font-family: "Pretendard";
+  padding: 10.5px 24px;
+  font-weight: 700;
+  font-size: 16px;
+  color: #414e62; }
+
+._2lzlQ thead {
+  background-color: #f9fafb; }
+  ._2lzlQ thead th {
+    font-family: "Pretendard";
+    font-weight: 600;
+    font-size: 13px;
+    color: #9A9A98;
+    padding: 12px 16px; }
+  ._2lzlQ thead ._2MSIH {
+    border-right: 1px solid #e4e7ec;
+    padding: 12px 16px; }
+
+._2lzlQ tbody {
+  font-family: "Pretendard";
+  font-weight: 500;
+  font-size: 13px;
+  border-bottom: 1px solid #e4e7ec; }
+  ._2lzlQ tbody td {
+    vertical-align: middle; }
+  ._2lzlQ tbody ._1I06v {
+    padding: 8px 16px;
+    border-right: 1px solid #e4e7ec;
+    color: #97a1af; }
+  ._2lzlQ tbody ._VpMQ5 {
+    text-align: center;
+    font-family: "Pretendard";
+    font-weight: 700;
+    font-size: 13px; }
+  ._2lzlQ tbody ._3t41M {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    gap: 10px; }
+    ._2lzlQ tbody ._3t41M span {
+      font-family: "Pretendard";
+      font-weight: 600;
+      font-size: 11px;
+      padding: 4px 8px;
+      border-radius: 6px; }
+
+._2vh8v {
+  border-top: 1px solid #e4e7ec; }
+  ._2vh8v :hover {
+    cursor: pointer; }
+
+._2vh8v:first-child {
+  border-top: none; }
+
+._2vh8v:last-child {
+  border-bottom: 1px solid #e4e7ec; }
+
+._3YfGm {
+  display: flex;
+  background-color: #F9FAFB;
+  border-bottom: 1px solid #e4e7ec;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10.5px 24px;
+  font-family: "Pretendard";
+  font-weight: 700;
+  font-size: 16px;
+  color: #414e62; }
+
+._34388 {
+  display: flex;
+  background-color: #F9FAFB;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10.5px 24px;
+  font-family: "Pretendard";
+  font-weight: 700;
+  font-size: 16px;
+  color: #414e62; }
+
+._INxbh {
+  border-bottom: 1px solid #e4e7ec;
+  background-color: #F9FAFB;
+  display: flex;
+  align-items: center;
+  padding: 8px 12px;
+  gap: 4px;
+  font-family: "Pretendard";
+  font-weight: 600;
+  font-size: 12px;
+  color: #97a1af; }
+
+._35DcB {
+  border-bottom: 1px solid #e4e7ec;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  padding: 8px 12px;
+  gap: 4px;
+  font-family: "Pretendard";
+  font-weight: 500;
+  font-size: 12px;
+  background-color: #FFF;
+  color: #DB4D4D; }
+  ._35DcB ._10SAW {
+    min-width: 36px;
+    min-height: 22px;
+    padding: 4px; }
+
+._oEGQ_ {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  padding: 8px 12px;
+  gap: 4px;
+  font-family: "Pretendard";
+  font-weight: 500;
+  font-size: 12px;
+  background-color: #FFF;
+  color: #3ACB46; }
+  ._oEGQ_ ._10SAW {
+    min-width: 36px;
+    min-height: 22px;
+    padding: 4px; }
+
+._zhZ1O {
+  padding: 8px 0px; }
+
+._NGHD4 {
+  padding: 8px; }
+  ._NGHD4 ._v5SKe {
+    border-right: 1px solid #97a1af;
+    padding: 11px 24px 8px 11px; }
+    ._NGHD4 ._v5SKe div {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      gap: 4px;
+      min-width: 72px; }
+      ._NGHD4 ._v5SKe div ._28SHT {
+        font-family: "Pretendard";
+        font-weight: 600;
+        font-size: 12px;
+        color: "#414E62"; }
+      ._NGHD4 ._v5SKe div ._1raLd {
+        font-family: "Pretendard";
+        font-weight: 600;
+        font-size: 12px;
+        color: #414E62; }
+  ._NGHD4 ._-xJ34 {
+    display: flex;
+    flex-direction: row;
+    padding-left: 16px;
+    gap: 16px; }
+    ._NGHD4 ._-xJ34 div {
+      display: flex;
+      flex-direction: column;
+      gap: 8px; }
+      ._NGHD4 ._-xJ34 div ._28SHT {
+        font-family: "Pretendard";
+        font-size: 500px;
+        font-size: 12px;
+        color: #414e62; }
+      ._NGHD4 ._-xJ34 div ._1raLd {
+        font-family: "Pretendard";
+        font-size: 500px;
+        font-size: 12px;
+        color: #97a1af; }
+    ._NGHD4 ._-xJ34 ._1YGAg {
+      font-family: "Pretendard";
+      font-weight: 600;
+      font-size: 12px;
+      color: #DB4D4D; }
+    ._NGHD4 ._-xJ34 ._3DiyY {
+      font-family: "Pretendard";
+      font-weight: 500;
+      font-size: 12px;
+      color: #414e62; }
+    ._NGHD4 ._-xJ34 ._DnkyV {
+      font-family: "Pretendard";
+      font-weight: 600;
+      font-size: 12px;
+      color: #18442A; }
+    ._NGHD4 ._-xJ34 ._29MTE {
+      font-family: "Pretendard";
+      font-weight: 500;
+      font-size: 12px;
+      color: #DB4D4D; }
+
+._3x1PG {
+  padding: 8px; }
+
+._2saM2 {
+  padding: 10px 0px; }
+
+._1hTJx {
+  display: flex;
+  flex-direction: column;
+  padding: 12px 24px; }
+  ._1hTJx ._3BXO9 {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 8px; }
+    ._1hTJx ._3BXO9 ._1cUZW {
+      font-family: "Pretendard";
+      font-weight: 500;
+      font-size: 12px;
+      color: #414E62; }
+    ._1hTJx ._3BXO9 ._3CLEc {
+      font-family: "Pretendard";
+      display: flex;
+      gap: 16px;
+      margin-right: 20px;
+      font-weight: 600;
+      font-size: 12px; }
+  ._1hTJx ._3LCEY {
+    width: 100%;
+    height: 12px;
+    background-color: transparent;
+    border: 1px solid #89F0B2;
+    border-radius: 12px;
+    padding: 1px 5px;
+    overflow-x: hidden; }
+    ._1hTJx ._3LCEY > div {
+      position: relative;
+      height: 100%; }
+    ._1hTJx ._3LCEY ._3I8mi {
+      width: 8px;
+      height: 8px;
+      background: #18442A;
+      border-radius: 100%;
+      position: absolute;
+      top: 0;
+      transform: translateX(-50%); }
+
+._1oZ-s {
+  font-family: "Pretendard";
+  font-weight: 600;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 8px 0; }
+
+._Nm201 {
+  height: calc(100vh - 72px); }
+
+._3zQL- {
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch; }
+
+._3Vpmh {
+  margin-bottom: 0.5rem; }
+
+._DafKE {
+  display: block;
+  width: 100%;
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+       appearance: none;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #dee2e6;
+  border-radius: 0.375rem;
+  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
+
+._3NjaH {
+  font-weight: 600 !important;
+  font-size: 13px !important;
+  line-height: 15.51px !important;
+  color: #202B37 !important; }
+
+._sLxwL {
+  min-width: 120px !important;
+  padding: 12px !important;
+  border-radius: 6px !important;
+  background-color: transparent !important; }
+
+._4ZKQY {
+  min-width: 120px !important;
+  padding: 12px !important;
+  border-radius: 6px !important; }
+
+._2zUJf p {
+  font-size: 13px;
+  font-weight: 700;
+  color: #6d6e6f;
+  margin: 0; }
+
+._2zUJf button {
+  border-radius: 6px;
+  padding: 8px 12px;
+  border: 1px solid #aeabac;
+  background: #fff;
+  cursor: pointer;
+  display: flex;
+  gap: 8px;
+  align-items: center; }
+
+._y_Cr7 {
+  display: flex;
+  justify-content: space-between;
+  line-height: 10.8px; }
+
+._HCIxD {
+  display: block;
+  width: 100%;
+  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+       appearance: none;
+  background-color: #fff;
+  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjc1Mzg3NiAxLjgxMDYyTDUuMzk1MDEgNy4yMjY3MkM1LjQ2OTgyIDcuMzEzOTcgNS41NjI2MiA3LjM4NDAxIDUuNjY3MDQgNy40MzIwM0M1Ljc3MTQ2IDcuNDgwMDUgNS44ODUwNCA3LjUwNDkxIDUuOTk5OTcgNy41MDQ5MUM2LjExNDkgNy41MDQ5MSA2LjIyODQ4IDcuNDgwMDUgNi4zMzI5IDcuNDMyMDNDNi40MzczMiA3LjM4NDAxIDYuNTMwMTIgNy4zMTM5NyA2LjYwNDkzIDcuMjI2NzJMMTEuMjQ2MSAxLjgxMDYyQzExLjY4OSAxLjI5MzY1IDExLjMyMTggMC40OTUxMTcgMTAuNjQxMSAwLjQ5NTExN0gxLjM1NzUxQzAuNjc2ODQ1IDAuNDk1MTE3IDAuMzA5NjE5IDEuMjkzNjUgMC43NTM4NzYgMS44MTA2MloiIGZpbGw9IiM0MTRFNjIiLz4KPC9zdmc+Cg=="), none;
+  background-repeat: no-repeat;
+  background-position: right 0.75rem center;
+  background-size: 10px 7px;
+  border: 1px solid #dee2e6;
+  border-radius: 0.375rem;
+  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
+
+._3aDIU {
+  display: flex;
+  align-items: end; }
+
+._JGCIL {
+  width: 6px;
+  height: 6px;
+  margin: 0 3px;
+  border-radius: 50%;
+  background-color: #ffffff;
+  animation: _3M62i 0.6s infinite alternate; }
+
+._JGCIL:nth-child(2) {
+  animation-delay: 0.2s; }
+
+._JGCIL:nth-child(3) {
+  animation-delay: 0.4s; }
+
+@keyframes _3M62i {
+  0% {
+    transform: translateY(-4px); }
+  100% {
+    transform: translateY(-8px); } }
+
 ._2oGcJ {
   width: 48px;
   height: 48px;