@clickview/online 0.44.0 → 0.45.0

package/dist/online-app.css

@@ -6,7 +6,7 @@ button:focus,select:focus,div[role=button]:focus,a:focus{outline:none}body.user-
 .m6vAi .alert-region{position:relative}.m6vAi .alert-region ul{bottom:0;right:1.25rem;position:fixed;list-style-type:none}.g5bIe{min-width:1200px;overflow-x:scroll}
 .NU5ov svg path{fill:#d7d7d7}.pStXp svg:hover path{fill:#55acee}.n7p1V svg:hover path{fill:#3b5998}.TEhqn svg:hover path{fill:#d64937}
 .oMNqV{display:inline}
-.aGxoe{vertical-align:top;position:relative}.aGxoe._cjiV{padding-left:36px;white-space:nowrap}.aGxoe._cjiV .q6vwS{left:.375rem;top:50%;margin-top:-0.75rem;position:absolute}.aGxoe._cjiV svg{vertical-align:top}.aGxoe._cjiV .sm svg{vertical-align:middle}.aGxoe.T1CzO{padding:1rem}.aGxoe.T1CzO .q6vwS{top:50%;left:50%;transform:translate3D(-50%, -50%, 0);position:absolute}
+.aGxoe{vertical-align:top;position:relative}.aGxoe._cjiV{padding-left:36px;white-space:nowrap}.aGxoe._cjiV .q6vwS{left:.375rem;top:50%;margin-top:-0.75rem;position:absolute}.aGxoe._cjiV svg{vertical-align:top}.aGxoe._cjiV .sm svg{vertical-align:middle}.aGxoe.T1CzO{padding:1rem}.aGxoe.T1CzO .q6vwS{top:50%;left:50%;transform:translate3D(-50%, -50%, 0);position:absolute}.aGxoe.lBPNt{padding:.44rem}
 .jCfI0{position:absolute;right:.625rem;top:50%;margin-top:-0.75rem}.RBJnf{padding-right:2.75rem}.RBJnf::placeholder{color:#b5b5b5;opacity:1}.d78lK:focus-within{background-color:var(--bs-body-bg);border-color:#4e9ace;outline:0;box-shadow:0 0 0 .125rem #4e9ace}.d78lK:focus-within.is-invalid{color:#d9584f;border-color:#d9584f;outline:0;box-shadow:0 0 0 .2rem rgba(217,88,79,.25)}.asbVo{background-color:var(--bs-secondary-bg)}.wzyOG{margin-left:.1rem}.CycFx{position:absolute;top:50%;right:.625rem;transform:translateY(-50%)}
 .QE5QL{word-break:break-word}
 .ZvbeV,.atIHN{position:absolute;width:100%;height:100%}.atIHN{background-color:#f8f8f8}.m20L7{background-color:rgba(0,0,0,.0000005);height:100%;border-top-left-radius:.6rem;border-bottom-left-radius:.6rem;border-right:1px solid #eaeaea;position:absolute;top:0;left:0}.QIbxu{width:2rem}.z_sHT{width:5rem}.epoLB,.h1S5T{width:3.75rem;height:3.75rem}.ZbKBN,.I1mTo{width:7.5rem;height:7.5rem}.ZbKBN svg,.I1mTo svg{width:100%;height:100%}.epoLB,.h1S5T,.ZbKBN,.I1mTo,.kNG8Z{position:absolute;top:50%;left:50%;color:#d7d7d7;transform:translate3D(-50%, -50%, 0);transition:opacity 100ms ease-in-out}.nKsWZ{padding:.3125rem;background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100%}.LolCW,.mdrT5{position:absolute;width:100%;height:100%}
@@ -61,7 +61,7 @@ button:focus,select:focus,div[role=button]:focus,a:focus{outline:none}body.user-
 .jO7pW{z-index:101}.xXfXO{animation:BrrtL .8s ease-in}@keyframes BrrtL{0%{transform:scale(var(--scale))}20%{transform:scale(var(--scale)/5)}}
 .fy9Un .duration-badge-new,.fy9Un .rating-badge{height:1.5rem;font-weight:500;align-items:center;font-size:100%}.fy9Un{position:absolute;bottom:.625rem;right:.625rem;z-index:2}.fy9Un .rating-badge{width:auto;line-height:1.5}.fy9Un .duration-badge-new{line-height:1.3}.fy9Un.Rb0TL .duration-badge-new{font-size:90%;height:1.3rem;line-height:1.1}
 .r70GR{z-index:10000}.rULXI{min-width:0}.h9k1p{height:1.5rem;line-height:1.5rem}.QaDDX{height:1.5rem}@media(max-width: 576px){.hvsne{display:none}}
-.OjHQZ{background-color:#f8f8f8;height:2rem}.OjHQZ .SS2zL{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.OjHQZ .SS2zL svg{transform:scale(0.85)}.OjHQZ:hover{background-color:#f2faff}.OjHQZ.kD1xM{background-color:#f2faff}
+.OjHQZ{background-color:#f8f8f8;height:2rem}.OjHQZ .SS2zL{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.OjHQZ .SS2zL svg{transform:scale(0.85)}.OjHQZ:hover:not(.eGiNR){background-color:#f2faff}.OjHQZ.kD1xM{background-color:#f2faff}
 .whbhf{border-top-left-radius:.6rem;border-top-right-radius:.6rem}.wHY80{position:absolute;top:.625rem;left:.625rem;z-index:3}.vMaXP{overflow-y:auto;display:none}.vMaXP.tR1jA{display:block}.KJrT1{z-index:1;position:relative;box-shadow:none;transition:box-shadow .1s ease-in;padding:0 .94rem .94rem .94rem}.OixHb .classroom-guide-tag{padding-right:.3125rem !important}.OixHb .classroom-guide-tag .classroom-guide-tag-label{display:none}.oZXV7{height:0;transition:height .3s ease-in-out}.oZXV7.EiQ04{height:10rem;padding:0 .94rem .94rem .94rem}.FAuzc{position:absolute;top:0;right:0;padding-top:.625rem;padding-right:.625rem;z-index:5;transform:translate3d(0, 0, 0)}
 .qpc7L{position:absolute;width:100%;height:100%;z-index:2;background-color:#333;opacity:0;transition:opacity 100ms ease-in-out}.L8Oxs .b8kJW{width:2rem;height:2rem}.b8kJW{width:3.75rem;height:3.75rem}.L8Oxs .b8kJW,.b8kJW,.eo2p2{position:absolute;top:50%;left:50%;z-index:4;color:#fff;opacity:0;transform:translate3D(-50%, -50%, 0);transition:opacity 100ms ease-in-out}.lpwag:hover .qpc7L{opacity:.5}.lpwag:hover .eo2p2,.lpwag:hover .b8kJW{opacity:1}
 .bup9I{color:#313543;background-color:rgba(241,241,241,.5)}.bup9I.ealw_{background-color:#fff;border:1px solid #313543}.bup9I.ealw_[disabled]{border-color:#d7d7d7;color:#d7d7d7}.bup9I:not([disabled]):hover{color:#fff;background-color:#60b789;opacity:.75;display:inline-block;border-color:#60b789}.A1Ov0{color:#fff;background-color:#60b789}.A1Ov0.ealw_{border:1px solid #60b789}.c14lI{width:1.875rem;height:1.875rem}
@@ -70,7 +70,7 @@ button:focus,select:focus,div[role=button]:focus,a:focus{outline:none}body.user-
 .z0_Sm{position:relative;width:100%;padding-bottom:56.25%}.xuWtC{width:6.25rem;height:1rem}.fXYdC{width:16rem;height:2rem}.FlUpr{width:4rem;height:1rem}.YgWxP{width:80%;height:4rem}.QBKwQ{width:6.25rem;height:1.5rem}.S__E9{height:1.5rem;width:8.4375rem}.Ax9h2{position:absolute;bottom:0;gap:.3125rem}@media(max-width: 767px){.Ax9h2{position:relative}}@media(min-width: 768px){.s3W_4 .classroom-guide-tag{padding-right:.3125rem !important}.s3W_4 .classroom-guide-tag .classroom-guide-tag-label{display:none}}@media(max-width: 575.98px){.s3W_4 .classroom-guide-tag{padding-right:.3125rem !important}.s3W_4 .classroom-guide-tag .classroom-guide-tag-label{display:none}}.zejMP{display:block;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}@media(max-width: 1199px){.zejMP{display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}}@media(max-width: 767px){.zejMP{display:none}}@media(max-width: 767px){.MRyVe{padding-top:.625rem}}
 .yv0FS{margin-top:.1rem;flex-shrink:0}
 ._ejId{position:absolute;width:100%;top:0;pointer-events:none}.VSAPU{left:-1rem}.VSAPU svg{transform:translateX(-0.1rem)}.kgeXh{right:-1rem}.kgeXh svg{transform:translateX(0.1rem)}.gAsE9{position:absolute;background-color:#fff;border-radius:1.25rem;cursor:pointer;pointer-events:auto;transform:translateY(-50%);z-index:5;box-shadow:0px 2px 4px 1px rgba(0,0,0,.3);height:2.5rem;min-width:2.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.gAsE9 .APA36{display:none;transition:all .2s}.gAsE9 svg{color:#84868d}.cqD75 .APA36~.Ev4hr,.AtsWP:hover+.gAsE9 .APA36~.Ev4hr,.gAsE9:hover .APA36~.Ev4hr{margin-right:.4rem}.cqD75 .APA36,.AtsWP:hover+.gAsE9 .APA36,.gAsE9:hover .APA36{display:block}.cqD75 svg,.AtsWP:hover+.gAsE9 svg,.gAsE9:hover svg,.cqD75 .APA36,.AtsWP:hover+.gAsE9 .APA36,.gAsE9:hover .APA36{color:#313543}.AtsWP,.ZuAif,.Pt3nx{position:absolute;width:2.5rem;height:101%;z-index:3;top:50%;transform:translateY(-50%)}.Pt3nx{left:-1.5rem;background-image:linear-gradient(to left, rgba(255, 255, 255, 0.005) 0%, #fff 70%)}.ZuAif{right:-1.5rem;background-image:linear-gradient(to right, rgba(255, 255, 255, 0.005) 0%, #fff 70%)}.AtsWP{cursor:pointer;pointer-events:auto;background-color:rgba(255,255,255,.005)}.AtsWP.kgeXh{right:-1.5rem}.AtsWP.VSAPU{left:-1.5rem}.BVcIS{top:50%}
-.fDc_6:not(:last-child){margin-right:.625rem}.aLSzv{overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.aLSzv::-webkit-scrollbar{display:none}.YheD1{left:-2rem}.ISepF{left:-1.5rem}.i9XEE{right:-2rem}.OxM84{right:-1.5rem}
+.fDc_6:not(:last-child){margin-right:.625rem}.aLSzv{overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.aLSzv::-webkit-scrollbar{display:none}.YheD1{left:-2rem}.Vl2_g{left:0}.ISepF{left:-1.5rem}.N4rAS{left:.1rem}.i9XEE{right:-2rem}.APhNv{right:0}.OxM84{right:-1.5rem}.nmSQo{right:.5rem}
 .tAbzW,.JXtNs{position:absolute;width:2.5rem;height:101%;z-index:2;top:50%;transform:translateY(-50%)}.JXtNs{left:0;margin-left:-1.875rem;background-image:linear-gradient(to left, rgba(255, 255, 255, 0.005) 0%, #fff 70%)}.tAbzW{right:0;margin-right:-1.875rem;background-image:linear-gradient(to right, rgba(255, 255, 255, 0.005) 0%, #fff 70%)}.iNH_I{display:inline-block;width:100%;padding-bottom:56.25%}.bDcOS{overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.bDcOS::-webkit-scrollbar{display:none}
 .ieonz{z-index:1;bottom:.625rem;left:50%;transform:translate(-50%, 0%)}.vqHCl{transform:translate3D(0, -1px, 0) scale(1.01);transition:all .1s ease}.vqHCl:after{content:"";position:absolute;top:0;left:-0.3125rem;right:-0.3125rem;bottom:0;margin:0 .3125rem;border-radius:.6rem;background:linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 25%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.25) 75%, rgba(0, 0, 0, 0) 100%)}.qEOPN{z-index:2;position:absolute;bottom:.625rem;right:0;left:0;padding:1.25rem}@media(max-width: 991.98px){.qEOPN{padding:1.25rem .3125rem}}.qEOPN .ZYApF{font-size:1.25rem}@media(max-width: 991.98px){.qEOPN .ZYApF{font-size:1.125rem}}@media(max-width: 767.98px){.qEOPN .ZYApF{font-size:1rem;margin-bottom:.3125rem}}@media(max-width: 575.98px){.qEOPN .ZYApF{font-size:1.125rem}}.qEOPN .qcfHO{font-size:1.125rem}@media(max-width: 1199.98px){.qEOPN .qcfHO{font-size:1rem}}@media(max-width: 991.98px){.qEOPN .qcfHO{font-size:1rem}}@media(max-width: 767.98px){.qEOPN .qcfHO{display:block;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}}.qEOPN .Uh4gM{display:block;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}@media(max-width: 1199.98px){.qEOPN .Uh4gM{display:block;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}}.qEOPN .TiqqV{display:block;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}@media(max-width: 1199.98px){.qEOPN .TiqqV{display:block;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important;font-size:12px}}@media(max-width: 767.98px){.qEOPN .TiqqV{display:block;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}}@media(max-width: 575.98px){.qEOPN .TiqqV{display:block;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}}
 .HZ00X{width:25%}@media(max-width: 767.98px){.HZ00X{width:33.3333333333%}}@media(max-width: 575.98px){.HZ00X{width:50%}}.PQ2sv{width:16.6666666667%}@media(max-width: 1199.98px){.PQ2sv{width:20%}}@media(max-width: 991.98px){.PQ2sv{width:25%}}@media(max-width: 767.98px){.PQ2sv{width:33.3333333333%}}@media(max-width: 575.98px){.PQ2sv{width:50%}}.hMoHO{width:100%;padding-bottom:200%;position:relative}
@@ -129,8 +129,8 @@ button:focus,select:focus,div[role=button]:focus,a:focus{outline:none}body.user-
 .O8f8H{height:1.5rem;width:3.5rem}.ThKam{height:2.2rem;width:5rem}.JIp3h{row-gap:.3125rem}
 .KDq7l::after{display:none}.E9o_Q{min-width:10rem;width:max-content}.E9o_Q.C70vU{max-width:35rem}@media screen and (max-width: 767px){.E9o_Q.C70vU{max-width:20rem}}.E9o_Q.kUHcg{min-width:12rem}.E9o_Q.bi1FH{max-width:15rem}.rbr22{width:25rem;max-width:calc(100vw - 1.875rem)}.UwDMA{margin-top:.05rem;margin-right:.2rem;margin-left:-0.2rem}
 .Zw6d9{display:flex;flex-wrap:wrap}.jlL1c{background-color:#f1f1f1;color:#b5b5b5}.jlL1c:hover{background-color:#f1f1f1;color:#b5b5b5}.too_N{width:5rem}.OjtN8{line-height:1.1rem}.X9joI{opacity:1;background-size:.625rem}.X9joI:not(:disabled):hover{opacity:1}
-.EcurS{line-height:1rem;font-weight:600}.FypfE{background-color:#daeaf5}
-.j84HW{line-height:1rem;font-weight:600}
+.EcurS{line-height:1rem}.FypfE{background-color:#daeaf5}
+.j84HW{line-height:1rem}
 .TOmcn{width:7.5625rem;height:1.1875rem}.Yf4Wx{width:10.625rem;height:2.1875rem}.sp3ux{width:10.375rem;height:2.1875rem}.REK11{width:1.3125rem;height:1.3125rem}.d2NEw{width:5rem;height:1.3125rem}.qmSU8{width:15.625rem;height:1.75rem}.uHYQO{width:11.25rem;height:1.3125rem}.Y796I{width:2.1875rem;height:2.1875rem}.aItB8{height:.9375rem;width:3.1875rem}.RMdcx{width:6rem;height:1.3125rem}.jn0FO{width:1.5rem;height:1.5rem;margin:.5rem}
 .lUFJg{width:2rem;height:2rem}.b0Mz5{height:2.475rem}
 .gFhu0 svg{transform:rotate(90deg)}.sWUp9{overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.sWUp9::-webkit-scrollbar{display:none}.Vn2qM{position:fixed;height:.875rem;left:.125rem;right:.125rem;bottom:.125rem;border-radius:.5rem;z-index:5;background-color:rgba(0,0,0,.3)}