@clickview/online 0.59.1 → 0.60.0-rc.0

package/dist/online-app.css

@@ -58,7 +58,7 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
 .TzWQw{position:absolute;top:0;left:0;right:0;bottom:0;z-index:6;opacity:0;transition:opacity .5s;pointer-events:none}.gdTcW{opacity:1;pointer-events:auto}.TpguI>.cv-theatre-mode-video-container{width:100%;height:100%;aspect-ratio:16/9;max-height:min(80vh,56.25vw);display:flex;flex-direction:column}
 .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}
+.fy9Un{position:absolute;bottom:.625rem;right:.625rem;z-index:2}.fy9Un .rating-badge{height:1.5rem;font-weight:500;align-items:center;font-size:100%;width:auto;line-height:1.5}.fy9Un .duration-badge-new{height:1.5rem;font-weight:500;align-items:center;font-size:100%;width:auto;line-height:1.5;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}.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}
@@ -73,7 +73,7 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
 ._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%, #ffffff 70%)}.ZuAif{right:-1.5rem;background-image:linear-gradient(to right, rgba(255, 255, 255, 0.005) 0%, #ffffff 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}.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.3rem}.N4rAS{left:.1rem}.i9XEE{right:-2rem}.APhNv{right:0}.OxM84{right:-1.3rem}.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%, #ffffff 70%)}.tAbzW{right:0;margin-right:-1.875rem;background-image:linear-gradient(to right, rgba(255, 255, 255, 0.005) 0%, #ffffff 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}}
+.ieonz{z-index:1;bottom:.625rem;left:50%;transform:translate(-50%, 0%)}.ieonz .rating-badge{height:1.5rem;font-weight:500;align-items:center;font-size:100%;width:auto;line-height:1.5}.MiqiC .rating-badge{height:1.5rem;font-weight:500;align-items:center;font-size:100%;width:auto;line-height:1.5}.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}
 .x7nyG{z-index:10;border-radius:.6rem;position:relative}.A7FeL{transition:transform .2s ease}.eo8oY{width:25%}.lhqxB{width:33.33333%}@media(max-width: 1199.98px){.eo8oY{width:33.33333%}}@media(max-width: 767.98px){.eo8oY,.lhqxB{width:50%}}@media(max-width: 575.98px){.eo8oY,.lhqxB{width:100%}}
 .mlURq{min-height:70vh}.HqywV{width:20rem}
@@ -81,7 +81,7 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
 .cwMAI{z-index:1}.G0_JK{width:.75rem;height:.75rem}
 .X9r1Y{display:flex;flex-wrap:wrap;padding:0;width:57.5rem;box-sizing:border-box;margin:0 auto}.X9r1Y>span{margin:.75rem}.TgYhp{list-style:none}@media(max-width: 1199px){.X9r1Y{width:46rem}}@media(max-width: 991px){.X9r1Y{width:34.5rem}}@media(max-width: 767px){.X9r1Y{width:23rem}}
 .KQYyH{width:10rem;height:10rem;list-style:none;margin:.625rem}.KQYyH.KiWap{width:15rem !important;height:15rem !important;justify-content:center}.Ng80C{display:flex;flex-wrap:wrap;padding:0;margin:0}
-.rIUL4{position:fixed;bottom:0;right:0;left:0;width:100%;text-align:center;box-shadow:0px -2px 4px rgba(0,0,0,.1);z-index:1010}.PuC_F{position:absolute;bottom:1.25rem;left:50%;transform:translateX(-50%)}
+.rIUL4{position:fixed;bottom:0;right:0;left:0;width:100%;text-align:center;box-shadow:0px -2px 4px rgba(0,0,0,.1);z-index:1010}.PuC_F{position:absolute;bottom:3.75rem;left:50%;transform:translateX(-50%)}
 .PSWHa .CCsqs.w7N1R,.PSWHa .CCsqs.mO0Kn{position:absolute;top:50%;transform:translate(0.3125rem, -25%);width:0;height:0;border-left:.3125rem solid rgba(0,0,0,0);border-right:.3125rem solid rgba(0,0,0,0);border-top:.3125rem solid #333;content:""}.PSWHa{height:10rem;width:10rem;background-size:cover;background-position:center;list-style:none;cursor:pointer;display:inline-block;position:relative}.PSWHa:focus{outline:none}.PSWHa.Oyw2x{cursor:default}.PSWHa.Oyw2x::after{background-color:#fff;opacity:.85;position:absolute;top:0;left:0;right:0;bottom:0;border:4px solid rgba(255,255,255,.85);border-radius:.6rem;content:""}.PSWHa.Czk2N{position:relative}.PSWHa.Czk2N.Oyw2x::after{content:"";position:absolute;border:4px solid #b8dfca;border-radius:.6rem;top:0;bottom:0;left:0;right:0}.PSWHa.Czk2N._e7oe::after{content:"";border:none}.PSWHa.Czk2N::after{content:"";position:absolute;border:4px solid #60b789;border-radius:.6rem;top:0;bottom:0;left:0;right:0}.PSWHa .pfksF{background-color:rgba(255,255,255,.8);display:flex;justify-content:space-between;align-items:center;font-weight:500;position:absolute;bottom:0;left:0;width:100%;min-height:3rem}.PSWHa .CCsqs{position:relative}.PSWHa .CCsqs.w7N1R{border-left:.3125rem solid rgba(0,0,0,0);border-right:.3125rem solid rgba(0,0,0,0);border-bottom:.3125rem solid #333;border-top:none}.PSWHa .H4u81{border-radius:50%;min-width:1.75rem;min-height:1.75rem;display:flex;justify-content:center;align-items:center}.PSWHa .iYkPv{border:1px solid #333}.PSWHa .w5g0e{background-color:#60b789;color:#fff;border:1px solid #60b789}
 .gGUpk{width:75%}@media(max-width: 576px){.gGUpk{width:90%}}.mLKC0{width:66.6666666667%}
 .L7zxi{border-radius:1rem;padding-bottom:18.5%;background-repeat:no-repeat;background-size:cover;background-position:center;opacity:.85}.ZuwYf{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:1.5rem}@media(max-width: 768px){.ZuwYf{font-size:1.25rem}}
@@ -126,7 +126,7 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
 .PZci6{width:11.25rem}
 .olOSv{width:42.5rem;max-width:42.5rem}
 .eCi4v{min-width:1.5rem}
-.NXv7I{position:absolute;top:50%;right:.625rem;transform:translateY(-50%)}
+.NXv7I{position:absolute;top:50%;left:.625rem;transform:translateY(-50%)}.ntGKR{padding-left:2.4375rem !important}
 .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}.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}