@clickview/online 0.47.1 → 0.48.0

package/dist/online-app.css

@@ -40,11 +40,11 @@ button:focus,select:focus,div[role=button]:focus,a:focus{outline:none}body.user-
 .Gvwzj{border-radius:50%;background-color:#51ada3;width:100%;height:100%;text-align:center;line-height:100%;background-size:cover;background-position:top center}.JJHBJ{position:absolute;top:-0.1rem;right:-0.1rem;width:.8rem;height:.8rem}
 .fdtKb:not(:last-child){margin-right:.3125rem}
 .d_Tda{position:relative;padding-bottom:1rem}.d_Tda h1{font-size:1.6rem;line-height:3rem;margin:0}.HqFoI{float:right}.eYps1,.dXakR{margin-left:1rem}.eYps1{padding:0;height:3rem}.dXakR .dropdown-toggle{padding-left:1.2rem;padding-right:1.2rem}.dXakR .dropdown-toggle::after{display:inline-block;content:"";width:0;height:0;margin-left:.5rem;margin-left:.6rem;vertical-align:.1rem;border-top:.5rem solid;border-right:.5rem solid rgba(0,0,0,0);border-left:.5rem solid rgba(0,0,0,0)}.RO2GB{width:25%}.RO2GB h1{height:3rem}.QdFZm{display:inline-block;height:3rem;width:9rem;margin-left:1rem}
-.pLdb6>.row{margin:0 -1rem}.Cyygb{margin:1rem 0;padding:0 1rem}.Cyygb a{color:#fff}.Cyygb h5{font-size:2.1rem;margin:0}.Cyygb .audience-label{padding:.25rem 1rem;margin:.5rem 0}.ByWh7{margin:1rem}
+.pLdb6>.row{margin:0 -1rem}.Cyygb{margin:1rem 0;padding:0 1rem;box-sizing:border-box}.Cyygb a{color:#fff}.Cyygb h5{font-size:2.1rem;margin:0}.Cyygb .audience-label{padding:.25rem 1rem;margin:.5rem 0}.ByWh7{margin:1rem}
 .rXWV9{border-radius:.375rem;border:1px solid #d7d7d7;box-shadow:2px 3px 6px 1px rgba(0,0,0,.1)}.rXWV9 .btn-close{float:none;line-height:.8;vertical-align:top}.GyOpR .iiFm_{z-index:1081}.GyOpR .iiFm_ .alert-enter{opacity:0}.GyOpR .iiFm_ .alert-enter-active{opacity:1;transition:opacity 200ms ease-in}.GyOpR .iiFm_ .alert-exit{opacity:1}.GyOpR .iiFm_ .alert-exit-active{opacity:0;transition:opacity 200ms ease-in}.xZ__F{vertical-align:top;text-align:center}._wg0A{width:14.625rem}@media(min-width: 576px){._wg0A{width:15.625rem}}._wg0A .WppAp{line-height:1.5;font-weight:500}
 .pERi4{background-color:#f8f8f8}.AxyWm{background-color:#2b99ff}
 .Uxnsl{display:flex;justify-content:center;align-items:center}.BQ87Y{background-size:cover}
-.fFjKN:hover{text-decoration:none}.fFjKN:hover .A_by9{text-decoration:underline}.xSQtR{background-color:rgba(96,183,137,.1);position:absolute;top:0;left:0;right:0;bottom:0}.Ys9W_{border-radius:.6rem;overflow:hidden}.Ys9W_ .JfAoy{font-size:.875rem}.Ys9W_ .aUNDc,.Ys9W_ .RuLxv{position:relative;background-position:top;background-size:cover;width:5rem;height:5rem;flex-shrink:0}.Ys9W_ .aUNDc .BViJb,.Ys9W_ .RuLxv .BViJb{width:2.5rem;height:2.5rem;position:absolute;top:50%;z-index:5;left:50%;transform:translate(-50%, -50%)}.Ys9W_ .aUNDc .LkTep,.Ys9W_ .RuLxv .LkTep{z-index:2;position:relative;width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat}.Ys9W_ .CJqvP{height:5rem;color:#767676}.Ys9W_ .R5clw{width:8rem;height:8rem}@media(min-width: 576px)and (max-width: 700px){.Ys9W_ .R5clw{width:5rem;height:5rem}}.Ys9W_ .Wa2PG{line-height:1}.Ys9W_ .A_by9{color:#313543}.s61h8{font-size:.6875rem}.gGNFD{height:5rem;border-radius:.6rem;color:#b5b5b5;border:1px dashed #d7d7d7}.IHdlJ{height:5rem;color:#fff;border-radius:.6rem;border:1px solid #d7d7d7}.IHdlJ .Nzaes{height:1.1rem;width:6rem}.zUOye{border:2px dashed #eaeaea;height:5rem}.RuLxv{width:8rem !important;height:8rem !important}.FmJP9{width:8rem;height:8rem}.sdZuo{z-index:1}
+.fFjKN:hover{text-decoration:none}.fFjKN:hover .A_by9{text-decoration:underline}.xSQtR{background-color:rgba(96,183,137,.1);position:absolute;top:0;left:0;right:0;bottom:0}.Ys9W_{border-radius:.6rem;overflow:hidden}.Ys9W_.DX2ua{border:.0625rem solid var(--themeColor);background-color:color-mix(in srgb, var(--themeColor) 10%, white)}.Ys9W_.DX2ua:hover{background-color:color-mix(in srgb, var(--themeColor) 15%, white)}.Ys9W_ .JfAoy{font-size:.875rem}.Ys9W_ .aUNDc,.Ys9W_ .RuLxv{position:relative;background-position:top;background-size:cover;width:5rem;height:5rem;flex-shrink:0}.Ys9W_ .aUNDc .BViJb,.Ys9W_ .RuLxv .BViJb{width:2.5rem;height:2.5rem;position:absolute;top:50%;z-index:5;left:50%;transform:translate(-50%, -50%)}.Ys9W_ .aUNDc .LkTep,.Ys9W_ .RuLxv .LkTep{z-index:2;position:relative;width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat}.Ys9W_ .CJqvP{height:5rem;color:#767676}.Ys9W_ .R5clw{width:8rem;height:8rem}@media(min-width: 576px)and (max-width: 700px){.Ys9W_ .R5clw{width:5rem;height:5rem}}.Ys9W_ .Wa2PG{line-height:1}.Ys9W_ .A_by9{color:#313543}.s61h8{font-size:.6875rem}.gGNFD{height:5rem;border-radius:.6rem;color:#b5b5b5;border:1px dashed #d7d7d7}.IHdlJ{height:5rem;color:#fff;border-radius:.6rem;border:1px solid #d7d7d7}.IHdlJ .Nzaes{height:1.1rem;width:6rem}.zUOye{border:2px dashed #eaeaea;height:5rem}.RuLxv{width:8rem !important;height:8rem !important}.FmJP9{width:8rem;height:8rem}.sdZuo{z-index:1}
 .uh0tq{width:100%;height:100%}.uh0tq .Jhj0r{opacity:.5;width:100%;height:100%;background-position:right;background-size:200%;background-repeat:no-repeat;padding-bottom:26.2295081967%}.nVyY7{fill:#fff;color:#fff;position:absolute;top:0;left:0;width:100%;display:block}
 .jEh7m:not(:empty){min-height:1.5rem}.WQ2eS{background-color:rgba(248,152,29,.1);color:#f8981d}.z4DeQ{background-color:rgba(217,88,79,.1);color:#d9584f}.D_2nt{background-color:#2ba84a}
 .t0svX,.CFRo3{width:1.875rem;height:1.875rem}.ZMMQu{display:none}.CFRo3{color:#313543;background-color:rgba(241,241,241,.8);border-radius:50%}.CFRo3:hover{color:#ca352b}.CFRo3:hover .truFo{display:none}.CFRo3:hover .ZMMQu{opacity:.8;display:inline-block}.t0svX{color:#ca352b;background-color:rgba(241,241,241,.8)}.t0svX .truFo{display:none}.t0svX .ZMMQu{display:inline-block}
@@ -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:#767676}.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}.Vl2_g{left:0}.ISepF{left:-1.5rem}.N4rAS{left:.1rem}.i9XEE{right:-2rem}.APhNv{right:0}.OxM84{right:-1.5rem}.nmSQo{right:.5rem}
+.fDc_6:not(:last-child){margin-right:.625rem}.WMgSZ{z-index:1;position:relative}.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}.cAFYH{display:contents}
 .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}.qEOPN{z-index:2;position:absolute;bottom:.625rem;right:0;left:0;max-height:calc(100% - 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 .jnkdI{text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;display:-webkit-box}.qEOPN .Uh4gM{display:block;display:-webkit-box;-webkit-line-clamp:11;-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:9;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}}@media(max-width: 991.98px){.qEOPN .Uh4gM{display:block;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}}@media(max-width: 878px){.qEOPN .Uh4gM{display:block;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}}.qEOPN .Uh4gM.RdHkK{display:block;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}@media(max-width: 1199.98px){.qEOPN .Uh4gM.RdHkK{display:block;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}}@media(max-width: 1003px){.qEOPN .Uh4gM.RdHkK{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: 991.98px){.qEOPN .Uh4gM.RdHkK{display:block;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}}@media(max-width: 878px){.qEOPN .Uh4gM.RdHkK{display:block;display:-webkit-box;-webkit-line-clamp:4;-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}