@clickview/online 0.38.2-rc.1 → 0.40.0-rc.0

package/dist/online-app.css

@@ -32,7 +32,7 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
 ._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%}
 .XRj8d{background-color:#f8f8f8;padding-left:.25rem}.X6mLk{width:fit-content}
 .I3SBm{padding-bottom:100%}.I3SBm .PRORs{position:absolute;top:0;left:0;right:0;height:20%}.I3SBm .RfiM_{position:absolute;top:45%;left:50%;transform:translate(-50%, -50%);line-height:1;width:100%}.I3SBm .RfiM_.ZOVny{font-size:3.5em}.I3SBm .RfiM_.vYhXN{font-size:2.5em}.I3SBm .RfiM_.mYslO{font-size:3em;top:50%}.I3SBm .EPkkQ{position:absolute;bottom:.1em;left:0;right:0;font-size:1.1em;font-weight:600}
-.sSCTB{position:absolute;bottom:1.25rem;right:1.25rem;left:1.25rem;display:flex;align-items:flex-end}.sSCTB .Z5WI2{margin-left:auto;padding-left:.625rem}@media(max-width: 767.98px){.sSCTB{bottom:1rem}}@media(max-width: 1199.98px){.M51HJ{max-width:100%}}.vkeJk{position:absolute;top:50%;right:1.25rem;transform:translateY(-50%);height:60%;max-height:7.5rem}.vkeJk img{height:100%}.rOxDc{font-size:.8rem;min-width:7rem;margin-right:1.25rem}@media(max-width: 991.98px){.rOxDc{min-width:6rem;font-size:.7rem;margin-right:.625rem}}@media(max-width: 767.98px){.rOxDc{min-width:5.5rem;font-size:.65rem}}@media(max-width: 575.98px){.rOxDc{min-width:5rem;font-size:.6rem}}._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}}
+.sSCTB{position:absolute;bottom:1.25rem;right:1.25rem;left:1.25rem;display:flex;align-items:flex-end}.sSCTB .Z5WI2{margin-left:auto;padding-left:.625rem}@media(max-width: 767.98px){.sSCTB{bottom:1rem}}.rgs7Q{right:8.25rem}@media(max-width: 1199.98px){.M51HJ{max-width:100%}}.vkeJk{position:absolute;top:50%;right:1.25rem;transform:translateY(-50%);height:60%;max-height:7.5rem}.vkeJk img{height:100%}.rOxDc{font-size:.8rem;min-width:7rem;margin-right:1.25rem}@media(max-width: 991.98px){.rOxDc{min-width:6rem;font-size:.7rem;margin-right:.625rem}}@media(max-width: 767.98px){.rOxDc{min-width:5.5rem;font-size:.65rem}}@media(max-width: 575.98px){.rOxDc{min-width:5rem;font-size:.6rem}}._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}}
 .VlgW3{background-color:#4e9ace !important}.lGQnE{background-color:#6bbfca !important}.ayppa{background-color:#ffcd52 !important}.Kw8ON{background-color:#f7847b !important}.xP4HZ{background-color:#51ada3 !important}.fk_C1{background-color:#605db4 !important}.Yy09u{background-color:#bb8ec7 !important}.JPBdL{background-color:#60b789 !important}
 .PWjCz{width:25%}.PWjCz h1{height:2.4rem}.W1B3n{padding:2rem}.W1B3n .VlFI_ h1{font-size:2.4rem;margin:0;word-break:break-word}.W1B3n::after{content:"";clear:both;display:table}.xEvvt{float:right}.Nastt .dropdown-toggle,.xEvvt .dropdown-toggle{padding:0;margin-left:1rem;height:100%}.zwK9K,.ov9fn{margin-top:1rem}.HB8xv{display:flex;align-items:center;margin:0;position:absolute;top:15px;left:15px;color:#fff}.HB8xv:hover{text-decoration:underline}.qo3dq{display:flex;align-items:center;padding-bottom:.3125rem;color:#979797;transform:translateX(-0.3125rem)}.qo3dq:hover{text-decoration:underline}.fn0oR{color:#fff;text-shadow:1px 1px 5px #000;font-size:1.3rem;font-weight:normal;line-height:normal;margin-top:.625rem}.fn0oR>*{vertical-align:middle}.PHe9c{width:1.4rem;height:1.4rem;display:inline-block;margin-right:.3125rem;box-shadow:1px 1px 5px rgba(0,0,0,.4);border-radius:50%}
 .Ox4P2{min-height:70vh}.qfP6E{margin:1.5rem 3rem}
@@ -59,21 +59,21 @@ html{overflow-y:initial}body{overflow-y:auto}.banner-header .container{width:aut
 .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}
 .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}}
-.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 !important;padding:0 !important}.QN5kl{height:70%}
-.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}
 .NsLci{width:18rem;padding-bottom:1.25rem}.NsLci.h3RrK{width:12rem}
 .GvGYH:not(:last-child),.d7RK0:not(:last-child),.XRTAe:not(:last-child){margin-bottom:1.25rem}.N3l5Q{position:absolute;top:1rem;right:1.25rem}.hAxR4{height:1.5rem}.h66ke{list-style-type:disc}.CsG6G{width:75%}@media(min-width: 768px){.CsG6G{width:33%}}@media(min-width: 992px){.CsG6G{width:25%}}
 .vDcrq{width:13rem;max-width:50%;height:1.675rem}.GXhoW{height:1.1875rem;max-width:70%;width:30rem}.goKaS{width:5.5rem;max-width:20%;height:1.3125rem}.vFew6{height:1.3125rem;max-width:70%;width:25rem}
 .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}
-.KQ5Wt{background-color:#f8f8f8}.KQ5Wt:not(:last-child){margin-bottom:.625rem}
+.KtLf7{background-color:#f8f8f8}.KtLf7:not(:last-child){margin-bottom:.625rem}
+.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}
+.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%)}
+.hYdS7{background-color:#f8f8f8}.hYdS7:not(:last-child){margin-bottom:.625rem}.W1LoK{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.dQSrJ{height:5rem !important;padding:0 !important}.wpjJ_{height:70%}
 .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)}
 .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}
 .bup9I{color:#313543;background-color:rgba(241,241,241,.5)}.bup9I.ealw_{background-color:#fff;border:1px solid #313543}.bup9I.ealw_[disabled]{border-color:#d7d7d7;color:#d7d7d7}.bup9I:not([disabled]):hover{color:#fff;background-color:#60b789;opacity:.75;display:inline-block;border-color:#60b789}.A1Ov0{color:#fff;background-color:#60b789}.A1Ov0.ealw_{border:1px solid #60b789}.c14lI{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}.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%)}
-.gZ3Ae{z-index:1000;position:absolute;top:0;right:0;visibility:hidden}
 .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:1000;position:absolute;top:0;right: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;gap:.3125rem}@media(max-width: 767px){.Ax9h2{position:relative}}.zejMP{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: 1199px){.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: 767px){.zejMP{display:none}}@media(max-width: 767px){.MRyVe{padding-top:.625rem}}
 .yv0FS{margin-top:.1rem;flex-shrink:0}
 ._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:#84868d}.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:3rem;height:100%;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%, #fff 70%)}.ZuAif{right:-1.5rem;background-image:linear-gradient(to right, rgba(255, 255, 255, 0.005) 0%, #fff 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%}