@clickview/online 0.20.0 → 0.20.1-rc.0

package/dist/online-app.css

@@ -6,7 +6,7 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
 .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}
 .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}
-.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:#fff;border-color:#313543;outline:0;box-shadow:0 0 0 .2rem rgba(0,0,0,.2)}.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:#f1f1f1}
+.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:#fff;border-color:#313543;outline:0;box-shadow:0 0 0 .2rem rgba(0,0,0,.2)}.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:#f1f1f1}.wzyOG{margin-left:.1rem}
 .UCAnJ:after{content:none}
 .sSCTB{position:absolute;bottom:1.25rem;right:1.25rem;left:1.25rem;display:flex;align-items:center}.sSCTB .Z5WI2{align-self:flex-end;margin-left:auto;padding-left:.625rem}.vkeJk{position:absolute;top:50%;right:1.25rem;transform:translateY(-50%);height:60%;max-height:7.5rem}.vkeJk img{height:100%}._8pnV{display:block;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important;font-size:1.5rem}@media(max-width: 1199px){._8pnV{font-size:1.25rem}}@media(max-width: 991px){._8pnV{display:block;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important;font-size:1.125rem}}@media(max-width: 767px){._8pnV{font-size:1rem}}.JXVBH{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: 576px){.JXVBH{display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}}
 ._N1vT{position:relative;border-radius:50%;background-color:#fff;width:100%;height:100%;text-align:center}._N1vT svg{position:absolute;top:50%;left:54%;transform:translate(-50%, -50%);width:60%;height:60%}
@@ -44,9 +44,9 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
 .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}
+.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}
 .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}
 .b0KLR{color:inherit;font-size:.7857142857em}.b0KLR:hover .YR5Q7{text-decoration:underline}.ts6Yo{font-size:.5714285714em}
-.jEh7m:not(:empty){min-height:1.5rem}
 .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}.w4cg8.JpIYd{width:1.5rem;height:1.5rem}
 .Sc3C4{display:flex;align-items:center;min-width:1.875rem;width:1.875rem;height:1.875rem;transition:width .3s;overflow:hidden;position:relative}.Sc3C4 .Ag_ex{min-width:1.5rem;position:absolute;left:50%;transform:translateX(-50%)}.Sc3C4 .Ag_ex svg{vertical-align:top}.Sc3C4 .Ipmb3{display:none;line-height:1.875rem}.Sc3C4.Pi49o{min-width:1.5rem;width:1.5rem;height:1.5rem}.Sc3C4.Pi49o .Ag_ex{min-width:1.25rem}.Sc3C4.Pi49o .Ipmb3{font-size:80%;line-height:1.5rem}.Sc3C4:hover{width:100%;padding-right:.625rem}.Sc3C4:hover .Ipmb3{display:block}.Sc3C4:hover .Ag_ex{margin-left:.2rem;position:relative;left:.75rem}.Sc3C4:hover.Pi49o .Ag_ex{left:.55rem}
@@ -54,7 +54,7 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
 .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}.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}
-.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 .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}
 .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}.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}}
 .jO7pW{z-index:90}
@@ -63,6 +63,7 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
 .KQ5Wt{background-color:#f8f8f8}.KQ5Wt:not(:last-child){margin-bottom:.625rem}
 .I9E5O{border-top-left-radius:.6rem;border-top-right-radius:.6rem;filter:drop-shadow(0px -1px 4px rgba(0, 0, 0, 0.1))}.tqUFn{width:25%}@media(max-width: 767.98px){.tqUFn{width:33.3333333333%}}@media(max-width: 575.98px){.tqUFn{width:50%}}.s1dNr{height:10rem}@media(max-width: 991.98px){.s1dNr{height:8rem}}.s1dNr:hover{text-decoration:none}.EDiGi{height:66.6666666667%}._tdVE .g5NWS{color:#4e9ace}._tdVE.s1dNr{background-color:#dff2ff}._tdVE.xRYhX:hover{background-color:#eff9ff}.X39wU .g5NWS{color:#bb8ec7}.X39wU.s1dNr{background-color:#f8ddff}.X39wU.xRYhX:hover{background-color:#fbeeff}.X9pMl .g5NWS{color:#bb8ec7}.X9pMl.s1dNr{background-color:#f9e4ff}.X9pMl.xRYhX:hover{background-color:#fcf1ff}.qRVUo .g5NWS{color:#60b789}.qRVUo.s1dNr{background-color:#d5ffe9}.qRVUo.xRYhX:hover{background-color:#e3fff0}._18JaV .g5NWS{color:#51ada3}._18JaV.s1dNr{background-color:#ccfff9}._18JaV.xRYhX:hover{background-color:#e3fffc}.KYtZL{width:auto;object-fit:contain;left:50% !important;transform:translateX(-50%)}
 .c4Hun{background-color:#f8f8f8}.c4Hun:not(:last-child){margin-bottom:.625rem}.telfV{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.bdBNU{height:5rem;padding:0 !important}.QN5kl{height:80%}
+.TzWQw{position:absolute;top:0;left:0;right:0;bottom:0;z-index:6}
 .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:0 .94rem .94rem .94rem}.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)}
 .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}
@@ -71,7 +72,7 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
 .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}
 .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}
 .lZsTl{z-index:10;border-radius:.6rem;position:relative}.CmXOx{transition:transform .2s ease}.lcmBu{width:25%}.iVL1A{width:33.33333%}@media(max-width: 1199.98px){.lcmBu{width:33.33333%}}@media(max-width: 767.98px){.lcmBu,.iVL1A{width:50%}}@media(max-width: 575.98px){.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}@media(max-width: 1199.98px){.vqHCl .OW8x1{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: 767.98px){.vqHCl .OW8x1{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}
+.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}@media(max-width: 1199.98px){.vqHCl .OW8x1{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: 767.98px){.vqHCl .OW8x1{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{z-index:2;position:absolute;bottom:.625rem;right:0;left:0}
 .Gx5n8{width:25%}@media(max-width: 767.98px){.Gx5n8{width:33.3333333333%}}@media(max-width: 575.98px){.Gx5n8{width:50%}}.hMoHO{width:100%;padding-bottom:200%;position:relative}
 .mlURq{min-height:70vh}.HqywV{width:20rem}
 .cwMAI{z-index:1}.G0_JK{width:.75rem;height:.75rem}
@@ -126,7 +127,7 @@ 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}.Kz2Lq{height:2.475rem}
+.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)}
 .eCi4v{min-width:1.5rem}
 .Vsgxg{width:11.25rem}