@clickview/online 0.15.2-dev.1 → 0.15.2-rc.1

package/dist/online-app.css

@@ -42,7 +42,7 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
 .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}
 .pERi4{background-color:#f8f8f8}.AxyWm{background-color:#8abcdf}
 .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:.5rem}.h7_j7 .eu1no{font-size:.875rem}.h7_j7 .RYgR7{position:relative;background-position:top;background-size:cover;width:5rem;height:5rem;flex-shrink:0}.h7_j7 .RYgR7 .RNQOy{z-index:2;width:100%;height:100%;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;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:.5rem;color:#b5b5b5;border:1px dashed #d7d7d7}.TxMRU{height:5rem;color:#fff;border-radius:.5rem;border:1px solid #d7d7d7}.TxMRU .KzrsJ{height:1.1rem;width:6rem}.eOdAc{border:2px dashed #eaeaea;height:5rem}
+.AiJnp:hover{text-decoration:none}.AiJnp:hover .YvZtY{text-decoration:underline}.h7_j7{border-radius:.5rem}.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:.5rem;border-bottom-left-radius:.5rem;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:.5rem;color:#b5b5b5;border:1px dashed #d7d7d7}.TxMRU{height:5rem;color:#fff;border-radius:.5rem;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}
 .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}
@@ -54,13 +54,22 @@ 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}.b8kJW{width:3.75rem;height:3.75rem}.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}
 .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}.VAx36{position:absolute;bottom:.3125rem;right:.3125rem;z-index:2}.VAx36.rwEAC{bottom:.5625rem}.VAx36.MPRU6{bottom:1.5625rem}.VAx36.MPRU6.g5_ww{bottom:2.3125rem}.VAx36.Zzo3e{bottom:1.5625rem}.VAx36.Zzo3e.g5_ww{bottom:2.3125rem}.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%)}
+.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}.OayBh .badge{height:1.45rem;padding-top:0;padding-bottom:0;margin-top:.3125rem;display:flex;align-items:center}.VAx36{position:absolute;bottom:.3125rem;right:.3125rem;z-index:2}.VAx36.rwEAC{bottom:.5625rem}.VAx36.MPRU6{bottom:1.5625rem}.VAx36.MPRU6.g5_ww{bottom:2.3125rem}.VAx36.Zzo3e{bottom:1.5625rem}.VAx36.Zzo3e.g5_ww{bottom:2.3125rem}.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}
+.OjHQZ{background-color:#f8f8f8;height:2.5rem}.OjHQZ .SS2zL{width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center}.OjHQZ .SS2zL svg{transform:scale(0.85)}.OjHQZ:hover{background-color:#f2faff}.OjHQZ.kD1xM{background-color:#f2faff}
 .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}.X9joI:not(:disabled):hover{opacity:1}
-.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}
+.KQ5Wt{background-color:#f8f8f8}.KQ5Wt:not(:last-child){margin-bottom:.625rem}
+.I9E5O{border-top-left-radius:.5rem;border-top-right-radius:.5rem;filter:drop-shadow(0px -1px 4px rgba(0, 0, 0, 0.1))}.tqUFn{width:25%}@media(max-width: 768px){.tqUFn{width:33.3333333333%}}@media(max-width: 576px){.tqUFn{width:50%}}.s1dNr{height:10rem}@media(max-width: 992px){.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%}
+.Qx6jT{position:absolute;bottom:.3125rem;right:.3125rem;z-index:2}.Qx6jT.ccWap{bottom:.5625rem}.whbhf{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.vMaXP{overflow-y:auto}.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:12rem;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)}.FAuzc .ESW9f{background-color:rgba(241,241,241,.5)}
+.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}}@media(max-width: 767px){.iAMIG{font-size:1rem}}.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}}
 .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%}
 .tAbzW,.JXtNs{position:absolute;width:2.5rem;height:100%;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%)}.XA26O{height:2rem;width:17rem}.gahsa{height:1rem;width:25rem}@media(max-width: 576px){.gahsa{width:20rem}}.iNH_I{display:inline-block;width:100%;padding-bottom:56.25%}.nWj1a{display:inline-block;height:22rem;width:100%}.vHVWR{color:#313543}.jaP83:hover{color:#f8981d}
 .fDc_6:not(:last-child){margin-right:.625rem}.mBASc{color:#313543}
-.lcmBu{width:25%}.iVL1A{width:33.33333%}.lZsTl{z-index:10;border-radius:.5rem;position:relative}.CmXOx{transition:transform .2s ease}@media(max-width: 767px){.lcmBu{width:33.33333%}}@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:.5rem;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%}}
 .Xs3pm{width:12rem;height:2rem}.hMoHO{width:100%;padding-bottom:200%;position:relative}.N_3Mn{z-index:1;bottom:.625rem;left:50%;transform:translate(-50%, 0%)}.mjHKn{transform:translate3D(0, -1px, 0) scale(1.01);transition:all .1s ease}.mjHKn:after{content:"";position:absolute;top:0;left:-0.3125rem;right:-0.3125rem;bottom:0;margin:0 .3125rem;border-radius:.25rem;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%)}.mjHKn .Txcrs{display:block;display:-webkit-box;-webkit-line-clamp:12;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}.mjHKn .Txcrs.oPebw{display:block;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}.mjHKn .Txcrs.zxg_E{display:block;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;padding-bottom:.14em !important;margin-bottom:-0.14em !important}.FrTcx{z-index:2;position:absolute;bottom:.625rem;right:0;left:0}
 .mlURq{min-height:70vh}.HqywV{width:20rem}
 .cwMAI{z-index:1}.G0_JK{width:.75rem;height:.75rem}