touchstudy-core 0.1.145 → 0.1.147

package/dist/index.css

@@ -725,6 +725,43 @@
 ._3L1Oj > div {
   margin-bottom: 0 !important; }
 
+._1jRLX {
+  margin-bottom: 0.5rem; }
+
+._13KE7 {
+  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; }
+
+._3mXNM {
+  font-weight: 600 !important;
+  font-size: 13px !important;
+  line-height: 15.51px !important;
+  color: #202B37 !important; }
+
+._3bqNl {
+  min-width: 120px !important;
+  padding: 12px !important;
+  border-radius: 6px !important;
+  background-color: transparent !important; }
+
+._3GFnT {
+  min-width: 120px !important;
+  padding: 12px !important;
+  border-radius: 6px !important; }
+
 ._1dveO ._mxRxf:nth-child(1) {
   font-family: "Pretendard";
   font-size: 20px;
@@ -1312,141 +1349,47 @@
 ._3rPGh {
   page-break-inside: avoid; }
 
-._1jRLX {
-  margin-bottom: 0.5rem; }
-
-._13KE7 {
-  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; }
-
-._3mXNM {
-  font-weight: 600 !important;
-  font-size: 13px !important;
-  line-height: 15.51px !important;
-  color: #202B37 !important; }
-
-._3bqNl {
-  min-width: 120px !important;
-  padding: 12px !important;
-  border-radius: 6px !important;
-  background-color: transparent !important; }
-
-._3GFnT {
-  min-width: 120px !important;
-  padding: 12px !important;
-  border-radius: 6px !important; }
-
-._1jXbz {
-  border-radius: 50%;
-  width: 36px;
-  height: 36px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-inline: 0.25rem; }
-  ._1jXbz svg {
-    width: 0.75rem; }
-  ._at4xP {
-    stroke: #FFF;
-    width: 1rem !important; }
-
-._12gv9 {
-  transform: rotate(180deg); }
-
-._R4bn5 {
-  border: 1px dashed #DDD;
-  border-radius: 0.5rem;
-  height: 200px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  cursor: pointer; }
-  ._R4bn5 input {
-    width: 100%;
-    height: 100%; }
-
-._2uc_W {
-  padding: 0.5rem 1.5rem;
-  border-radius: 6px;
-  border: 1px solid #EBEBFF; }
-  ._2p7kY {
-    font-weight: 700;
-    font-size: 14px; }
-  ._2tHmc {
-    font-weight: 700;
-    font-size: 14px;
-    color: #414E62; }
-
-._26ATj > span:last-child,
-._26ATj {
-  font-weight: 600 !important;
-  font-size: 13px !important;
-  color: #202B37 !important; }
-
-._3R8PR {
-  font-weight: 600;
-  font-size: 13px;
-  border: 1px solid #97A1AF;
-  padding: 12px; }
-  ._3R8PR:focus {
-    box-shadow: none; }
-
-._1VZac:hover {
-  color: #FFF; }
-
-._11aYm {
+@charset "UTF-8";
+._1k4kj {
   width: 70vw;
-  height: calc(100vh - 78px);
+  height: calc(100dvh - 78px);
   position: fixed;
   right: -100%;
   bottom: 0;
   z-index: 99;
   transition: right 0.3s ease-in-out; }
-  ._11aYm._3Ydwm {
+  ._1k4kj._IB2-g {
     right: 0; }
 
-._3SQDf {
+._xnHGE {
   width: 100vw;
-  height: 100vh;
+  height: 100dvh;
   background-color: rgba(0, 0, 0, 0);
   position: fixed;
   right: 0;
   bottom: 0;
   transition: background-color 0.1s 0.2s ease-in-out;
   z-index: -1; }
-  ._3SQDf._3Ydwm {
+  ._xnHGE._IB2-g {
     background-color: rgba(0, 0, 0, 0.3);
     z-index: 98; }
 
-._2BwOx {
+._1gLOh {
   background: #F9FAFB;
   border-bottom: 1px solid #E4E7EC;
   padding: 1rem 1.5rem; }
-  ._2BwOx button {
+  ._1gLOh button {
     padding: 0.5rem 1rem; }
-    ._2BwOx button span {
+    ._1gLOh button span {
       font-size: 13px;
       font-weight: 700; }
 
-._2Zo7R {
+._2pLGg {
   height: calc(100% - 70.5px);
   padding: 1rem 1.5rem 2rem;
   overflow-y: auto; }
 
-._1lzjD {
+._1rR7s {
   width: 100%;
   top: calc(100% + 4px) !important;
   left: unset !important;
@@ -1456,18 +1399,29 @@
   box-shadow: 0px 8px 15px #989898;
   border: none;
   padding: 0 8px; }
-  ._1lzjD:after {
+  ._1rR7s:after {
     display: none; }
-  ._1lzjD ._1y7K9 {
+  ._1rR7s ._1Hcs4 {
     background: transparent; }
 
-._1Y-55 {
+._37IIN {
+  min-width: 120px !important;
+  padding: 12px !important;
+  border-radius: 6px !important; }
+
+._KDkNh {
+  min-width: 120px !important;
+  padding: 12px !important;
+  border-radius: 6px !important;
+  background-color: transparent !important; }
+
+._1-srV {
   font-size: 14px;
   line-height: 1; }
-  ._1Y-55:active {
+  ._1-srV:active {
     background-color: transparent !important; }
 
-._1fBXY {
+._88rAE {
   width: 210px;
   top: 40px !important;
   left: -80px !important;
@@ -1476,32 +1430,32 @@
   box-shadow: 0px 8px 15px #989898;
   border: none;
   padding: 0 8px; }
-  ._1fBXY:after {
+  ._88rAE:after {
     display: none; }
-  ._1fBXY ._1y7K9 {
+  ._88rAE ._1Hcs4 {
     background: transparent; }
 
-._3Szun {
+._2jjUW {
   color: #242424;
   display: flex;
   padding: 8px;
   border-radius: 6px; }
-  ._3Szun:hover {
+  ._2jjUW:hover {
     background-color: #f1faff; }
 
-._2HhLb {
+._27lik {
   background-color: #f1faff; }
 
-._3WYHC {
+._tGib4 {
   font-weight: 600;
   border-top: 1px solid #27347d29;
   padding-top: 10px; }
-  ._3WYHC._2-9ix {
+  ._tGib4._1MXIb {
     color: #8b0000; }
-  ._3WYHC ._1r4pn {
+  ._tGib4 ._A_I15 {
     margin-right: 12px; }
 
-._2ZozT {
+._3zxbi {
   width: 40px;
   height: 40px;
   border-radius: 50%;
@@ -1513,7 +1467,7 @@
   font-weight: 600;
   line-height: 1;
   color: #FFF; }
-  ._2ZozT img {
+  ._3zxbi img {
     width: 100%;
     height: 100%;
     border-radius: 50%;
@@ -1521,223 +1475,39 @@
        object-fit: cover;
     border: 1px solid #DFE3E8; }
 
-._8niRT {
-  width: 42px;
-  height: 42px; }
+._VlpW7 li {
+  display: inline-block;
+  margin: 0 5px;
+  padding: 0; }
 
-._1_ONI {
-  padding: 0.5rem 1.5rem;
-  border-radius: 6px;
-  border: 1px solid #EBEBFF; }
-  ._2FdrR {
-    font-weight: 700;
-    font-size: 14px; }
-  ._3mgRf {
-    font-weight: 700;
-    font-size: 14px;
-    color: #414E62; }
+._VlpW7 li, ._VlpW7 li button {
+  cursor: pointer;
+  height: 20px;
+  width: 20px; }
 
-._2h0kA > span:last-child,
-._2h0kA {
-  font-weight: 600 !important;
-  font-size: 13px !important;
-  color: #202B37 !important; }
+._VlpW7 li button {
+  border: 0;
+  display: block;
+  font-size: 0;
+  line-height: 0;
+  padding: 5px; }
 
-._exAl- {
-  font-weight: 600;
-  font-size: 13px;
-  border: 1px solid #97A1AF;
-  padding: 12px; }
-  ._exAl-:focus {
-    box-shadow: none; }
+._VlpW7 li button:before {
+  color: #000;
+  content: "\2022";
+  font-size: 6px;
+  height: 20px;
+  left: 0;
+  line-height: 20px;
+  opacity: .25;
+  position: absolute;
+  text-align: center;
+  top: 0;
+  width: 20px; }
 
-._2ksp8:hover {
-  color: #FFF; }
-
-._2Kt_g {
-  border-radius: 50%;
-  width: 36px;
-  height: 36px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-inline: 0.25rem; }
-  ._2Kt_g svg {
-    width: 0.75rem; }
-  ._3T_TG {
-    stroke: #FFF;
-    width: 1rem !important; }
-
-._3j6Kd {
-  min-width: 120px !important;
-  padding: 12px !important;
-  border-radius: 6px !important;
-  background-color: transparent !important; }
-
-._XA4vl {
-  min-width: 120px !important;
-  padding: 12px !important;
-  border-radius: 6px !important; }
-
-@charset "UTF-8";
-._1k4kj {
-  width: 70vw;
-  height: calc(100vh - 78px);
-  position: fixed;
-  right: -100%;
-  bottom: 0;
-  z-index: 99;
-  transition: right 0.3s ease-in-out; }
-  ._1k4kj._IB2-g {
-    right: 0; }
-
-._xnHGE {
-  width: 100vw;
-  height: 100vh;
-  background-color: rgba(0, 0, 0, 0);
-  position: fixed;
-  right: 0;
-  bottom: 0;
-  transition: background-color 0.1s 0.2s ease-in-out;
-  z-index: -1; }
-  ._xnHGE._IB2-g {
-    background-color: rgba(0, 0, 0, 0.3);
-    z-index: 98; }
-
-._1gLOh {
-  background: #F9FAFB;
-  border-bottom: 1px solid #E4E7EC;
-  padding: 1rem 1.5rem; }
-  ._1gLOh button {
-    padding: 0.5rem 1rem; }
-    ._1gLOh button span {
-      font-size: 13px;
-      font-weight: 700; }
-
-._2pLGg {
-  height: calc(100% - 70.5px);
-  padding: 1rem 1.5rem 2rem;
-  overflow-y: auto; }
-
-._1rR7s {
-  width: 100%;
-  top: calc(100% + 4px) !important;
-  left: unset !important;
-  right: 0 !important;
-  transform: none !important;
-  border-radius: 6px;
-  box-shadow: 0px 8px 15px #989898;
-  border: none;
-  padding: 0 8px; }
-  ._1rR7s:after {
-    display: none; }
-  ._1rR7s ._1Hcs4 {
-    background: transparent; }
-
-._37IIN {
-  min-width: 120px !important;
-  padding: 12px !important;
-  border-radius: 6px !important; }
-
-._KDkNh {
-  min-width: 120px !important;
-  padding: 12px !important;
-  border-radius: 6px !important;
-  background-color: transparent !important; }
-
-._1-srV {
-  font-size: 14px;
-  line-height: 1; }
-  ._1-srV:active {
-    background-color: transparent !important; }
-
-._88rAE {
-  width: 210px;
-  top: 40px !important;
-  left: -80px !important;
-  transform: none !important;
-  border-radius: 6px;
-  box-shadow: 0px 8px 15px #989898;
-  border: none;
-  padding: 0 8px; }
-  ._88rAE:after {
-    display: none; }
-  ._88rAE ._1Hcs4 {
-    background: transparent; }
-
-._2jjUW {
-  color: #242424;
-  display: flex;
-  padding: 8px;
-  border-radius: 6px; }
-  ._2jjUW:hover {
-    background-color: #f1faff; }
-
-._27lik {
-  background-color: #f1faff; }
-
-._tGib4 {
-  font-weight: 600;
-  border-top: 1px solid #27347d29;
-  padding-top: 10px; }
-  ._tGib4._1MXIb {
-    color: #8b0000; }
-  ._tGib4 ._A_I15 {
-    margin-right: 12px; }
-
-._3zxbi {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  margin-right: 12px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 20px;
-  font-weight: 600;
-  line-height: 1;
-  color: #FFF; }
-  ._3zxbi img {
-    width: 100%;
-    height: 100%;
-    border-radius: 50%;
-    -o-object-fit: cover;
-       object-fit: cover;
-    border: 1px solid #DFE3E8; }
-
-._VlpW7 li {
-  display: inline-block;
-  margin: 0 5px;
-  padding: 0; }
-
-._VlpW7 li, ._VlpW7 li button {
-  cursor: pointer;
-  height: 20px;
-  width: 20px; }
-
-._VlpW7 li button {
-  border: 0;
-  display: block;
-  font-size: 0;
-  line-height: 0;
-  padding: 5px; }
-
-._VlpW7 li button:before {
-  color: #000;
-  content: "\2022";
-  font-size: 6px;
-  height: 20px;
-  left: 0;
-  line-height: 20px;
-  opacity: .25;
-  position: absolute;
-  text-align: center;
-  top: 0;
-  width: 20px; }
-
-._VlpW7 li._1zzu9 button:before {
-  color: #000;
-  opacity: .75; }
+._VlpW7 li._1zzu9 button:before {
+  color: #000;
+  opacity: .75; }
 
 ._1lCoM {
   min-height: 0;
@@ -2032,3 +1802,233 @@ h3 {
     page-break-inside: avoid; }
   ._2ou2J {
     white-space: pre-wrap; } }
+
+._1jXbz {
+  border-radius: 50%;
+  width: 36px;
+  height: 36px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-inline: 0.25rem; }
+  ._1jXbz svg {
+    width: 0.75rem; }
+  ._at4xP {
+    stroke: #FFF;
+    width: 1rem !important; }
+
+._12gv9 {
+  transform: rotate(180deg); }
+
+._R4bn5 {
+  border: 1px dashed #DDD;
+  border-radius: 0.5rem;
+  height: 200px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer; }
+  ._R4bn5 input {
+    width: 100%;
+    height: 100%; }
+
+._2uc_W {
+  padding: 0.5rem 1.5rem;
+  border-radius: 6px;
+  border: 1px solid #EBEBFF; }
+  ._2p7kY {
+    font-weight: 700;
+    font-size: 14px; }
+  ._2tHmc {
+    font-weight: 700;
+    font-size: 14px;
+    color: #414E62; }
+
+._26ATj > span:last-child,
+._26ATj {
+  font-weight: 600 !important;
+  font-size: 13px !important;
+  color: #202B37 !important; }
+
+._3R8PR {
+  font-weight: 600;
+  font-size: 13px;
+  border: 1px solid #97A1AF;
+  padding: 12px; }
+  ._3R8PR:focus {
+    box-shadow: none; }
+
+._1VZac:hover {
+  color: #FFF; }
+
+._11aYm {
+  width: 70vw;
+  height: calc(100dvh - 78px);
+  position: fixed;
+  right: -100%;
+  bottom: 0;
+  z-index: 99;
+  transition: right 0.3s ease-in-out; }
+  ._11aYm._3Ydwm {
+    right: 0; }
+
+._3SQDf {
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, 0);
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  transition: background-color 0.1s 0.2s ease-in-out;
+  z-index: -1; }
+  ._3SQDf._3Ydwm {
+    background-color: rgba(0, 0, 0, 0.3);
+    z-index: 98; }
+
+._2BwOx {
+  background: #F9FAFB;
+  border-bottom: 1px solid #E4E7EC;
+  padding: 1rem 1.5rem; }
+  ._2BwOx button {
+    padding: 0.5rem 1rem; }
+    ._2BwOx button span {
+      font-size: 13px;
+      font-weight: 700; }
+
+._2Zo7R {
+  height: calc(100% - 70.5px);
+  padding: 1rem 1.5rem 2rem;
+  overflow-y: auto; }
+
+._1lzjD {
+  width: 100%;
+  top: calc(100% + 4px) !important;
+  left: unset !important;
+  right: 0 !important;
+  transform: none !important;
+  border-radius: 6px;
+  box-shadow: 0px 8px 15px #989898;
+  border: none;
+  padding: 0 8px; }
+  ._1lzjD:after {
+    display: none; }
+  ._1lzjD ._1y7K9 {
+    background: transparent; }
+
+._1Y-55 {
+  font-size: 14px;
+  line-height: 1; }
+  ._1Y-55:active {
+    background-color: transparent !important; }
+
+._1fBXY {
+  width: 210px;
+  top: 40px !important;
+  left: -80px !important;
+  transform: none !important;
+  border-radius: 6px;
+  box-shadow: 0px 8px 15px #989898;
+  border: none;
+  padding: 0 8px; }
+  ._1fBXY:after {
+    display: none; }
+  ._1fBXY ._1y7K9 {
+    background: transparent; }
+
+._3Szun {
+  color: #242424;
+  display: flex;
+  padding: 8px;
+  border-radius: 6px; }
+  ._3Szun:hover {
+    background-color: #f1faff; }
+
+._2HhLb {
+  background-color: #f1faff; }
+
+._3WYHC {
+  font-weight: 600;
+  border-top: 1px solid #27347d29;
+  padding-top: 10px; }
+  ._3WYHC._2-9ix {
+    color: #8b0000; }
+  ._3WYHC ._1r4pn {
+    margin-right: 12px; }
+
+._2ZozT {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  margin-right: 12px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 1;
+  color: #FFF; }
+  ._2ZozT img {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    -o-object-fit: cover;
+       object-fit: cover;
+    border: 1px solid #DFE3E8; }
+
+._8niRT {
+  width: 42px;
+  height: 42px; }
+
+._1_ONI {
+  padding: 0.5rem 1.5rem;
+  border-radius: 6px;
+  border: 1px solid #EBEBFF; }
+  ._2FdrR {
+    font-weight: 700;
+    font-size: 14px; }
+  ._3mgRf {
+    font-weight: 700;
+    font-size: 14px;
+    color: #414E62; }
+
+._2h0kA > span:last-child,
+._2h0kA {
+  font-weight: 600 !important;
+  font-size: 13px !important;
+  color: #202B37 !important; }
+
+._exAl- {
+  font-weight: 600;
+  font-size: 13px;
+  border: 1px solid #97A1AF;
+  padding: 12px; }
+  ._exAl-:focus {
+    box-shadow: none; }
+
+._2ksp8:hover {
+  color: #FFF; }
+
+._2Kt_g {
+  border-radius: 50%;
+  width: 36px;
+  height: 36px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-inline: 0.25rem; }
+  ._2Kt_g svg {
+    width: 0.75rem; }
+  ._3T_TG {
+    stroke: #FFF;
+    width: 1rem !important; }
+
+._3j6Kd {
+  min-width: 120px !important;
+  padding: 12px !important;
+  border-radius: 6px !important;
+  background-color: transparent !important; }
+
+._XA4vl {
+  min-width: 120px !important;
+  padding: 12px !important;
+  border-radius: 6px !important; }