@clickview/online 0.17.2 → 0.18.0-rc.1

package/dist/online-app.css

@@ -1,7 +1,7 @@
 .cv-icon-button{margin-left:1rem;padding-left:3.2rem !important;padding-right:1.2rem}.cv-icon-button .std{left:.6rem !important;width:2rem !important;height:2rem !important;margin-top:-1rem !important}
 .onboarding-layout{min-height:84vh;overflow:hidden;box-shadow:0px 2px 4px rgba(0,0,0,.1);padding:1.25rem}.content-height{min-height:80vh}@media(max-width: 991px){.onboarding-layout{min-height:90vh}}
 button:focus,select:focus,div[role=button]:focus,a:focus{outline:none}body.user-is-tabbing button:focus,body.user-is-tabbing select:focus,body.user-is-tabbing div[role=button]:focus,body.user-is-tabbing a:focus{outline:2px solid #7aacfe !important;outline:5px auto -webkit-focus-ring-color !important}
-html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:auto;max-width:100%;margin-left:.3125rem;margin-right:.3125rem}.curated-widget-heading,.curated-widget-description{margin-bottom:.3125rem}
+html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:auto;max-width:100%;margin-left:.3125rem;margin-right:.3125rem}.curated-widget-heading,.curated-widget-description{margin-bottom:.3125rem}.curated-widget-link:hover{color:#f8981d}
 .playlist-bg1{background-color:#4e9ace}.playlist-bg2{background-color:#6bbfca}.playlist-bg3{background-color:#ffcd52}.playlist-bg4{background-color:#f7847b}.playlist-bg5{background-color:#51ada3}.playlist-bg6{background-color:#605db4}.playlist-bg7{background-color:#bb8ec7}.playlist-bg8{background-color:#60b789}
 .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}
@@ -39,9 +39,9 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
 
 .hmHKH{font-size:1.5rem}
 .JmcrM{margin:0 .3125rem}.FDXiA{font-size:1.7rem}.qWtpL{font-size:1.5rem}.VF5uJ>.row{margin:0 -1rem}.PG_OA{position:absolute;width:100%;height:100%}.MhL0X{display:flex;align-items:center;color:#5b5e68;font-weight:700}.MhL0X:hover,.MhL0X:active,.MhL0X:focus{cursor:pointer;text-decoration:underline;color:#313543}.LRrSe{float:right}.vt8_v{padding:0 .9375rem}.FsNTc{font-weight:700;color:#5b5e68;text-decoration:none;background-color:rgba(0,0,0,0);font-size:1.1rem;border:.0625rem solid rgba(0,0,0,0)}.FsNTc:hover,.FsNTc:active{color:#979797;border:none;text-decoration:underline}.S6wHV{background-color:#4e9ace}._UF5x{background-color:#6bbfca}.l5oGB{background-color:#ffcd52}.s_eXF{background-color:#f7847b}.C2yVM{background-color:#51ada3}.wkh1F{background-color:#605db4}.IQK6z{background-color:#bb8ec7}.BLs5f{background-color:#60b789}
-.rXWV9{border-radius:.25rem;border:1px solid #d7d7d7;box-shadow:2px 3px 6px 1px rgba(0,0,0,.1)}.rXWV9 .close{float:none;line-height:.8;vertical-align:top}.GyOpR .iiFm_{z-index:1071}.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:15.625rem}._wg0A .WppAp{line-height:1.5;font-weight:500}
+.rXWV9{border-radius:.25rem;border:1px solid #d7d7d7;box-shadow:2px 3px 6px 1px rgba(0,0,0,.1)}.rXWV9 .close{float:none;line-height:.8;vertical-align:top}.GyOpR .iiFm_{z-index:1071}.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:#8abcdf}
-.gB9w1{row-gap:.6rem}
+.gB9w1{row-gap:.625rem}
 .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}
 .AiJnp:hover{text-decoration:none}.AiJnp:hover .YvZtY{text-decoration:underline}.h7_j7{border-radius:.6rem}.h7_j7 .eu1no{font-size:.875rem}.h7_j7 .RYgR7,.h7_j7 .g9eTq{position:relative;background-position:top;background-size:cover;width:5rem;height:5rem;flex-shrink:0}.h7_j7 .RYgR7 .RNQOy,.h7_j7 .g9eTq .RNQOy{z-index:2;width:100%;height:100%;border-top-left-radius:.6rem;border-bottom-left-radius:.6rem;background-position:center;background-size:cover;background-repeat:no-repeat}.h7_j7 .duGE3{height:5rem;color:#84868d}.h7_j7 .YdRuN{width:8rem;height:8rem}@media(min-width: 576px)and (max-width: 700px){.h7_j7 .YdRuN{width:5rem;height:5rem}}.h7_j7 .Qjdcy{line-height:1}.h7_j7 .YvZtY{color:#313543}.JD4tV{height:5rem;border-radius:.6rem;color:#b5b5b5;border:1px dashed #d7d7d7}.TxMRU{height:5rem;color:#fff;border-radius:.6rem;border:1px solid #d7d7d7}.TxMRU .KzrsJ{height:1.1rem;width:6rem}.eOdAc{border:2px dashed #eaeaea;height:5rem}.g9eTq{width:8rem !important;height:8rem !important}._Lyi1{width:8rem;height:8rem}.Aft7O{z-index:1}
 .t0svX,.CFRo3{width:1.875rem;height:1.875rem}.ZMMQu{display:none}.CFRo3{color:#313543;background-color:rgba(241,241,241,.5);border-radius:50%}.CFRo3:hover{color:#d9584f;background-color:rgba(241,241,241,.7)}.CFRo3:hover .truFo{display:none}.CFRo3:hover .ZMMQu{opacity:.75;display:inline-block}.t0svX{color:#d9584f;background-color:rgba(241,241,241,.8)}.t0svX .truFo{display:none}.t0svX .ZMMQu{display:inline-block}.t0svX:hover .ZMMQu{opacity:1}
@@ -50,9 +50,9 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
 .YnXtZ{position:absolute;bottom:0;left:0;right:0;z-index:2;height:.25rem}
 .w4cg8{color:#313543;border-radius:50%;width:2rem;height:2rem;opacity:.8}
 .yJcaM,.iLucN{width:1.875rem;height:1.875rem}.Pi49o.yJcaM,.Pi49o.iLucN{width:1.5rem;height:1.5rem}.iLucN{background-color:#4a412a}.yJcaM{background-color:#60b789}
-.ft_ST{position:absolute;top:.625rem;left:.625rem;z-index:3}.qu3A3{position:absolute;width:100%;height:100%;z-index:2;padding:.3125rem;color:#fff}.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%}.NTrtm.puKcM{transform:scale(0.9);margin-left:-1rem;margin-bottom:-0.2rem}.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}
+.ft_ST{position:absolute;top:.625rem;left:.625rem;z-index:3}.qu3A3{position:absolute;width:100%;height:100%;z-index:2;padding:.3125rem;color:#fff}.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}
 .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}
-.maxOx{color:#313543;background-color:rgba(241,241,241,.5)}.maxOx:hover{color:#fff;background-color:#60b789;opacity:.75;display:inline-block}.k3CBB{color:#fff;background-color:#60b789}
+.maxOx{color:#313543;background-color:rgba(241,241,241,.5)}.maxOx:hover{color:#fff;background-color:#60b789;opacity:.75;display:inline-block}.k3CBB{color:#fff;background-color:#60b789}.Czq9C{width:1.875rem;height:1.875rem}
 .efxnE{position:absolute;top:.625rem;right:.625rem;z-index:5}.efxnE.OJ_ZQ svg{transform:scale(0.7) translateX(1.5px)}.efxnE .vWvGn:not(:first-child){margin-left:.3125rem}
 .krg9f{color:inherit;line-height:1.2;position:absolute;bottom:0;left:0;z-index:2;padding:.625rem;padding-top:0}.krg9f.MPRU6{padding-bottom:0;bottom:1.5625rem}.krg9f.MPRU6.g5_ww{bottom:2.3125rem}.krg9f.Zzo3e{padding-bottom:0;bottom:1.5625rem}.krg9f.Zzo3e.g5_ww{bottom:2.3125rem}.tZjPt{margin-top:.3125rem;line-height:1.2}.EElm1{position:absolute;width:100%;height:100%;padding:.3125rem;color:#fff}.pwC3i{position:absolute;top:.625rem;left:.625rem;z-index:2}.VAx36{position:absolute;bottom:.625rem;right:.625rem;z-index:2}.LS_EH::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%)}
 .rULXI{min-width:0}.h9k1p{height:1.5rem;line-height:1.5rem}.QaDDX{height:1.5rem}@media(max-width: 576px){.hvsne{display:none}}
@@ -65,12 +65,11 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
 .Qx6jT{position:absolute;bottom:.625rem;right:.625rem;z-index:2}.qz_5t{position:absolute;top:.625rem;left:.625rem;z-index:3}.Z1hPi{animation:g9v8i .8s ease-in}@keyframes g9v8i{0%{transform:scale(var(--scale))}20%{transform:scale(var(--scale)/5)}}.whbhf{border-top-left-radius:.6rem;border-top-right-radius:.6rem}.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:.32rem .94rem .94rem .94rem}.oZXV7{height:0;transition:height .3s ease-in-out}.oZXV7.EiQ04{height:10rem;padding:.32rem .94rem .94rem .94rem}.FAuzc{position:absolute;top:0;right:0;padding-top:.625rem;padding-right:.625rem;z-index:5;transform:translate3d(0, 0, 0)}
 .h9Cyj{width:30rem;max-width:90vw}.kiea4{z-index:1;position:relative;box-shadow:none;transition:box-shadow .1s ease-in}.C3rvx{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.C3rvx svg{transform:scale(0.85)}
 .gZ3Ae{z-index:1500;position:absolute;top:0;visibility:hidden}
-.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}@media(max-width: 767px){.Ax9h2{position:relative}}.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: 1199px){.zejMP{display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}}@media(max-width: 767px){.zejMP{display:none}}
+.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}@media(max-width: 767px){.Ax9h2{position:relative}}.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: 1199px){.zejMP{display:block;display:-webkit-box;-webkit-line-clamp:2;-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}}
 .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;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}.gAsE9:hover .APA36~.Ev4hr{margin-right:.4rem}.gAsE9:hover .APA36{display:block}.gAsE9:hover svg,.gAsE9:hover .APA36{color:#313543}.wi8c2,.aLa_J,.ZuAif,.Pt3nx{position:absolute;width:3rem;height:100%;z-index:2;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%)}.aLa_J{cursor:pointer;background-color:rgba(255,255,255,.005);right:0}.wi8c2{cursor:pointer;left:0}.PYnQC{top:calc(50% - 0.875rem)}.BVcIS{top:50%}
-._OwY5:hover{color:#f8981d}
-.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%}.nWj1a{display:inline-block;height:22rem;width:100%}
+.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%}
 .fDc_6:not(:last-child){margin-right:.625rem}
-.lcmBu{width:25%}.iVL1A{width:33.33333%}.lZsTl{z-index:10;border-radius:.6rem;position:relative}.CmXOx{transition:transform .2s ease}@media(max-width: 991px){.lcmBu{width:33.33333%}}@media(max-width: 767px){.iVL1A{width:50%}}@media(max-width: 575px){.lcmBu,.iVL1A{width:50%}}@media(max-width: 0){.lcmBu,.iVL1A{width:100%}}
+.lcmBu{width:25%}.iVL1A{width:33.33333%}.lZsTl{z-index:10;border-radius:.6rem;position:relative}.CmXOx{transition:transform .2s ease}@media(max-width: 991px){.lcmBu{width:33.33333%}}@media(max-width: 767px){.iVL1A{width:50%}}@media(max-width: 575px){.lcmBu{width:50%}.iVL1A{width:100%}}@media(max-width: 0){.lcmBu,.iVL1A{width:100%}}
 .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%)}.vqHCl .OW8x1{display:block;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}.vqHCl .OW8x1.uqxiL{display:block;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}.vqHCl .OW8x1.slxI5{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{z-index:2;position:absolute;bottom:.625rem;right:0;left:0}
 .hMoHO{width:100%;padding-bottom:200%;position:relative}
 .mlURq{min-height:70vh}.HqywV{width:20rem}
@@ -126,9 +125,11 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
 .EcurS{line-height:1rem;font-weight:600}.FypfE{background-color:#daeaf5}
 .j84HW{line-height:1rem;font-weight:600}
 .O8f8H{height:1.5rem;width:3.5rem}.ThKam{height:2.2rem;width:5rem}
-.n5iLE{width:2rem;height:2rem}
+.n5iLE{width:2rem;height:2rem}.Kz2Lq{height:2.475rem}
 .gFhu0 svg{transform:rotate(90deg)}.sWUp9{overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.sWUp9::-webkit-scrollbar{display:none}
 .eCi4v{min-width:1.5rem}
+.Vsgxg{width:11.25rem}
+.KYu7Y{width:42.5rem;max-width:42.5rem}
 .PZci6{width:11.25rem}
 .olOSv{width:42.5rem;max-width:42.5rem}
 .UBwkq{min-height:75vh}