1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9172],{29172:function(n,e,o){o.r(e),o.d(e,{default:function(){return y}});var t=o(7297),i=o(85893),r=o(67294),a=o(35651),d=o(99321),l=o(31955),p=o(11163),s=o(43135),f=o(26042),x=o(69396),c=o(99534);function g(){var n=(0,t.Z)(["\n position: relative;\n display: block;\n width: 100%;\n input:disabled {\n cursor: no-drop;\n background-color: rgba(239, 239, 239, 0.3) !important;\n border-color: rgba(118, 118, 118, 0.3) !important;\n }\n input:-webkit-autofill,\n input:-webkit-autofill:hover,\n input:-webkit-autofill:focus,\n input:-webkit-autofill:active {\n transition: background-color 9999s ease-in-out 0s;\n }\n\n .label-form {\n line-height: 1;\n padding: 0 0 0 5px;\n font-size: 16px;\n font-family: 'Prompt', sans-serif;\n color: rgb(0, 0, 0, 0.6);\n transition: all ease-in-out 0.2s;\n }\n\n .input-form {\n display: flex;\n align-items: center;\n\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n background: transparent;\n border-radius: 10px;\n border: 1px solid rgb(0, 0, 0, 0.3);\n box-sizing: border-box;\n padding: 10px;\n outline: none;\n font-family: 'Prompt', sans-serif;\n color: #000;\n font-size: 16px;\n padding-left: 30px;\n\n &:hover {\n border: 1px solid #023f87;\n }\n &:focus {\n &:invalid {\n border: 1px solid red;\n border-radius: 10px;\n }\n }\n }\n .input-form:focus ~ .label-form,\n .input-form:not(:placeholder-shown) ~ .label-form {\n transform: translateX(-30px) translateY(-35px);\n font-size: 12px;\n }\n"]);return g=function(){return n},n}var u=function(n,e){var o=n.name,t=n.label,r=(0,c.Z)(n,["name","label"]);return(0,i.jsxs)(b,{className:"input-item",children:[(0,i.jsx)("input",(0,x.Z)((0,f.Z)({type:"checkbox",id:o,name:o},r),{ref:e})),(0,i.jsx)("label",{className:"label-form",htmlFor:o,children:t})]})},b=a.ZP.div.withConfig({componentId:"sc-b92f22fe-0"})(g()),m=(0,r.forwardRef)(u),h=o(16141),w=o(80016);function k(){var n=(0,t.Z)(["\n display: flex;\n align-items: center;\n /* \u0e2b\u0e49\u0e32\u0e21\u0e43\u0e2a\u0e48 filter \u0e17\u0e35\u0e48 wrapper \u0e19\u0e35\u0e49\u0e2b\u0e23\u0e37\u0e2d\u0e17\u0e35\u0e48 #widget-login \u2014 modal #widget-social (position: fixed)\n \u0e16\u0e39\u0e01 render \u0e2d\u0e22\u0e39\u0e48\u0e02\u0e49\u0e32\u0e07\u0e43\u0e19 #widget-login \u0e16\u0e49\u0e32 ancestor \u0e21\u0e35 filter containing block \u0e08\u0e30\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\n \u0e17\u0e33\u0e43\u0e2b\u0e49 modal \u0e2b\u0e25\u0e38\u0e14\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07 \u0e15\u0e49\u0e2d\u0e07\u0e2b\u0e22\u0e14 filter \u0e17\u0e35\u0e48 .btn-login / .menu-list / .modal-social \u0e17\u0e35\u0e25\u0e30\u0e08\u0e38\u0e14\u0e41\u0e17\u0e19 */\n #widget-login {\n position: relative;\n display: block;\n padding: 4px 0px 0px 10px;\n\n /* padding: 8px 0 8px 16px;*/\n @media (max-width: 768px) {\n padding: 0px 0px 0px 6px;\n }\n &:hover {\n .menu-list {\n display: flex;\n }\n .btn-login {\n svg {\n color: #474747;\n }\n }\n }\n\n .link-policy {\n font-size: 14px;\n display: flex;\n justify-content: flex-end;\n color: #bfbfbf;\n &:hover {\n color: #696969;\n }\n }\n /* ------------------------------ BUTTON LOGIN ------------------------------ */\n .btn-login {\n filter: ",";\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n background: transparent;\n\n padding: 0;\n border: none;\n border-radius: 50px;\n &.login {\n border: 2px solid #fff;\n filter: ","drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.08))\n drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.16));\n }\n\n svg {\n color: #000;\n @media (max-width: 690px) {\n height: 24px;\n width: 24px;\n }\n }\n .image-user {\n overflow: hidden;\n margin: 0px;\n padding: 0px;\n border-radius: 50px;\n object-fit: cover;\n width: 24px;\n height: 24px;\n }\n }\n\n .info {\n font-size: 12px;\n font-weight: 400;\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: column;\n .username,\n .email {\n width: 150px;\n font-size: 14px;\n font-weight: 400;\n text-transform: capitalize;\n\n padding: 5px;\n margin: 0;\n }\n }\n .error-label {\n font-size: 12px;\n /* \u0e2d\u0e22\u0e39\u0e48\u0e19\u0e2d\u0e01\u0e08\u0e38\u0e14\u0e17\u0e35\u0e48\u0e2b\u0e22\u0e14 filter (.btn-login/.menu-list) \u2014 \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e2a\u0e35\u0e15\u0e23\u0e07\u0e46 \u0e41\u0e17\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e1b\u0e34\u0e14\u0e42\u0e2b\u0e21\u0e14\u0e44\u0e27\u0e49\u0e2d\u0e32\u0e25\u0e31\u0e22 */\n color: ",";\n }\n .menu-list {\n filter: ",";\n z-index: 24;\n display: none;\n position: absolute;\n top: 40px;\n right: 0;\n background-color: #000;\n box-shadow: 1px 0px 10px 0px rgba(46, 46, 46, 0.3);\n width: max-content;\n flex-direction: column;\n border-radius: 5px;\n margin: 0;\n padding: 10px !important;\n &:before {\n content: '';\n position: absolute;\n top: -8px;\n right: 0px;\n width: 0;\n height: 0;\n border-left: 15px solid transparent;\n border-right: 15px solid transparent;\n border-bottom: 15px solid #000;\n }\n @media (max-width: 767px) {\n left: auto;\n right: -10px;\n top: 37px;\n &:before {\n top: -5px;\n right: 10px;\n left: auto;\n }\n }\n .list-item {\n width: 100%;\n margin: 0;\n a {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n svg {\n margin-right: 5px;\n }\n }\n }\n\n svg {\n color: #fff;\n font-weight: 600;\n margin-left: 5px;\n margin-bottom: 2px;\n transition: all 3ms ease-in;\n }\n li {\n cursor: pointer;\n width: 100%;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n font-size: 14px;\n font-weight: 600;\n margin: 0;\n padding: 8px;\n font-family: 'Prompt', sans-serif;\n gap: 5px;\n z-index: 2;\n border-radius: 5px;\n p {\n padding: 0;\n margin: 0;\n color: #fff;\n }\n &:hover {\n filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.08)) drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.16));\n p,\n svg {\n color: var(--primary-color);\n }\n }\n }\n }\n }\n #widget-social {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n overflow: hidden;\n background-color: rgb(0, 0, 0, 0.5);\n z-index: 15;
1\n .modal-social {\n /* \u0e43\u0e2a\u0e48 filter \u0e17\u0e35\u0e48\u0e15\u0e31\u0e27 modal \u0e40\u0e2d\u0e07\u0e44\u0e14\u0e49 (\u0e44\u0e21\u0e48\u0e01\u0e23\u0e30\u0e17\u0e1a fixed \u0e02\u0e2d\u0e07\u0e15\u0e31\u0e27\u0e21\u0e31\u0e19\u0e40\u0e2d\u0e07) \u0e41\u0e15\u0e48\u0e2b\u0e49\u0e32\u0e21\u0e43\u0e2a\u0e48\u0e17\u0e35\u0e48 ancestor */\n filter: ",";\n background: linear-gradient(103.43deg, #f6f6f6 0%, #eeeeee 100%);\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.85);\n border-radius: 10px;\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border-radius: 10px;\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n gap: 16px;\n padding: 40px 30px;\n @media (max-width: 767px) {\n padding: 20px;\n width: 320px;\n }\n @media (max-width: 380px) {\n width: 300px;\n }\n\n .heading {\n color: #000;\n font-size: 26px;\n font-weight: 600;\n display: block;\n text-align: center;\n margin-bottom: 10px;\n /* border-bottom: 1px solid var(--primary-color); */\n /* padding-bottom: 15px; */\n @media (max-width: 767px) {\n font-size: 24px;\n }\n @media (max-width: 380px) {\n margin-top: 10px;\n margin-bottom: 5px;\n }\n }\n /* ------------------------------ BUTTON CLOSE ----------------------------- */\n .btn-close {\n position: absolute;\n top: 20px;\n right: 10px;\n cursor: pointer;\n border: none;\n background-color: transparent;\n transition: all ease 0.25ms;\n\n display: flex;\n justify-content: flex-end;\n align-items: center;\n svg {\n color: #000;\n }\n @media (max-width: 767px) {\n top: 10px;\n }\n\n &:hover {\n color: #474747;\n }\n }\n /* ------------------------------ BUTTON SOCIAL ----------------------------- */\n .btn-social {\n cursor: pointer;\n transition: background-color ease-in-out 100ms;\n filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.08)) drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.16));\n background-color: #ffffff;\n border-radius: 50px;\n color: #fff;\n border: 0;\n\n gap: 16px;\n padding: 16px 30px;\n\n width: 100%;\n max-width: 345px;\n margin: auto;\n height: 48px;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n @media (max-width: 767px) {\n padding: 16px;\n }\n p {\n font-weight: 600;\n font-size: 16px;\n line-height: 1.25;\n color: #000;\n\n span {\n text-transform: capitalize;\n }\n @media (max-width: 767px) {\n font-size: 16px;\n }\n }\n\n &.icon-google {\n color: #000000;\n background: #ffffff;\n &.disabled {\n background: #e5e5e5;\n }\n &:hover {\n background: #e5e5e5;\n color: #ffffff;\n }\n }\n &.icon-facebook {\n background: #ffffff;\n &.disabled {\n background: #e5e5e5;\n }\n svg {\n color: #337fff;\n }\n &:hover {\n background: #e5e5e5;\n }\n }\n &.icon-line {\n background: #ffffff;\n &.disabled {\n background: #e5e5e5;\n }\n svg {\n color: #3ace01;\n }\n &:hover {\n background: #e5e5e5;\n }\n }\n &.icon-tiktok {\n background: #ffffff;\n &.disabled {\n background: #e5e5e5;\n }\n svg {\n color: #000;\n }\n &:hover {\n background: #e5e5e5;\n }\n }\n &.icon-linkin {\n background: #ffffff;\n &.disabled {\n background: #e5e5e5;\n }\n svg {\n color: #337fff;\n }\n &:hover {\n background: #e5e5e5;\n }\n }\n }\n }\n }\n"]);return k=function(){return n},n}var v=a.ZP.div.withConfig({componentId:"sc-5cc899b6-0"})(k(),"true"===s.WT?"grayscale(0.7)":"unset","true"===s.WT?"grayscale(0.7) ":"","true"===s.WT?"#808080":"red","true"===s.WT?"grayscale(0.7)":"unset","true"===s.WT?"grayscale(0.7)":"unset"),y=function(n){var e=n.sessionSevId;if("true"!==h.SP)return null;var o=(0,r.useState)(!1),t=o[0],a=o[1],f=(0,r.useState)(""),x=f[0],c=f[1],g=(0,r.useState)(!1),u=g[0],b=g[1],k=(0,r.useState)(!1),y=k[0],z=k[1],j=(0,p.useRouter)(),T="success"!==l.Z.get("login")&&!(u&&y),C=l.Z.get("_nid"),N=l.Z.get("_ga"),S=C?"".concat(N," : ").concat(C):"".concat(N);return(0,i.jsx)(v,{id:"widget-login",children:(0,i.jsxs)(d.WidgetLoginAuthO,{className:"widget-login",sendDataLayerGlobal:w.dE,DATALAYER_TYPE:w.$7,conditionDisabled:T,error:x,sessionSevId:e,open:t,setOpen:a,setError:c,router:j,_key:S,nextAuthUrl:s.FX,isRemoveCookie:!0,loginStateExpire:Number(s.KK),children:[(0,i.jsx)(m,{name:"pdpaConsent",label:"\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e04\u0e38\u0e49\u0e21\u0e04\u0e23\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2a\u0e48\u0e27\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25",checked:u,onChange:function(n){return b(n.target.checked)}}),(0,i.jsx)(m,{name:"cookieConsent",label:"\u0e19\u0e42\u0e22\u0e1a\u0e32\u0e22\u0e04\u0e38\u0e49\u0e21\u0e04\u0e23\u0e2d\u0e07\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e04\u0e38\u0e01\u0e01\u0e35\u0e49",checked:y,onChange:function(n){return z(n.target.checked)}})]})})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.