@clickview/online 0.51.0 → 0.52.0-rc.1

package/dist/online-app.css

@@ -41,7 +41,7 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
 .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;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}
+.pERi4{background-color:#f8f8f8}.AxyWm{background-color:#2b99ff}.KmfP8{height:1.5rem}
 .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_.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}
@@ -59,8 +59,8 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
 .qu3A3{position:absolute;width:100%;height:100%;z-index:2;padding:.3125rem;color:#fff}.gjhMe{position:absolute;top:.625rem;left:.625rem;z-index:3}.XAfZW{position:absolute;top:0;right:0;padding-top:.625rem;padding-right:.625rem;z-index:3;transform:translate3d(0, 0, 0)}.NTrtm{color:inherit;line-height:1.2;position:absolute;bottom:0;left:0;padding:.625rem;padding-top:0;width:100%}@media(max-width: 576px){.NTrtm{padding-bottom:.3125rem}}.NTrtm.puKcM{transform:scale(0.9);margin-left:-1rem;margin-bottom:-0.2rem}@media(max-width: 576px){._6FukN{margin-bottom:0 !important}}.rXzR8::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.02) 60%, rgba(0, 0, 0, 0) 80%)}.dndOA{position:absolute;top:50%;left:50%;z-index:4;color:#fff;transform:translate3D(-50%, -50%, 0);transition:opacity 100ms ease-in-out;width:2.75rem;height:2.75rem}.yhWf4{position:absolute;bottom:0;left:0;right:0;height:.25rem}.yhWf4+.AtgmC{bottom:.5625rem}.E2egN,.WycwR{position:absolute;bottom:0;left:0;right:0;background-color:#363f5e;height:1.25rem;opacity:.9}.E2egN+.AtgmC,.WycwR+.AtgmC{bottom:1.5625rem}
 .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}
-.VrK4W{width:.5rem;height:.5rem;margin-bottom:.2rem}.VrK4W.OScyH{margin-bottom:.1rem}
-.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}}
+.VrK4W{width:.5rem;height:.5rem;margin-bottom:.2rem}.VrK4W.OScyH{margin-bottom:.1rem}.svw3F{line-height:1.5}
+.r70GR{z-index:10000}.rULXI{min-width:0}.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:not(.eGiNR){background-color:#ebf6fd}.OjHQZ.kD1xM{background-color:#ebf6fd}
 .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:30%;height:30%}.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}
@@ -94,7 +94,7 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
 .Y3BlX{height:2.25rem;width:4rem;padding-right:1rem}.uiCdS{height:2.25rem;width:9.1875rem;padding-right:2rem}.BAWsw{height:2.25rem;width:9.625rem;display:inline-block}.bxaA6{height:6rem}
 .vit80{height:2.25rem;width:4rem;padding-right:1rem}.stJ0p{height:2.25rem;width:9.1875rem;padding-right:2rem}.DKukI{height:6rem;margin-bottom:1.25rem}
 ._Nsmr{margin-bottom:1.25rem}
-._8PwEI{background:url("https://img.clickviewapp.com/v2/banners/obzkO9?size=medium") 0 0 no-repeat;background-size:cover}.fUBkC{background-color:#fff}.fUBkC img{width:1.8rem}.ja6Bm{background-size:cover;background-repeat:no-repeat}.d7mQ8{top:.625rem;right:.625rem;background-color:rgba(255,255,255,.8);border-radius:50%}
+._8PwEI{background:url("https://img.clickviewapp.com/v2/banners/obzkO9?size=medium") 0 0 no-repeat;background-size:cover}.fUBkC{background-color:#fff}.fUBkC img{width:1.8rem}.ja6Bm{background-size:15%;background-repeat:no-repeat;background-position:95%}
 .SAz2Z{z-index:1035}.u1wNP{z-index:1040}._8e9c{position:absolute}.rVytu{font-size:1.25rem;font-weight:500}@media(max-width: 499px){.rVytu{font-size:1.125rem;font-weight:500}}.qyy_w{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;z-index:1040}
 .bUH3s{position:relative;width:100%;height:25.75rem;background-size:cover;background-repeat:no-repeat;background-position:top}.IAnUq{width:40%;position:absolute;left:3.75rem;bottom:4.25rem}.G3vco{width:35%;right:auto;margin:0 0 1.875rem 0;justify-content:flex-start;left:3.75rem}.G3vco .fC0Wv{border-radius:50%;height:.625rem;width:.625rem}.aNcK6{height:25.75rem}
 .CCrIX{width:6rem}.Rd8i1{width:4rem;height:4rem;display:flex;justify-content:center;align-items:center}.xfPYM{background-color:#60b789;border:5px solid #fff;color:#fff}
@@ -128,7 +128,7 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
 .NXv7I{position:absolute;top:50%;right:.625rem;transform:translateY(-50%)}
 .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}
+.Zw6d9{display:flex;flex-wrap:wrap}.irnbf{height:1.5rem}.jlL1c{background-color:#f1f1f1;color:#b5b5b5}.jlL1c:hover{background-color:#f1f1f1;color:#b5b5b5}.too_N{width:5rem}._9FVm{padding-top:0 !important;padding-bottom:0 !important}.nhoAA{line-height:1.5rem}.X9joI{opacity:1;background-size:.625rem}.X9joI:not(:disabled):hover{opacity:1}
 .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:2rem;height:2rem}.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}