@font-face{font-family:"Kanit";font-weight:100;font-display:swap;src:url(../assets/fonts/Kanit/woff2/Kanit-Thin.woff2) format("woff2")}@font-face{font-family:"Kanit";font-weight:200;font-display:swap;src:url(../assets/fonts/Kanit/woff2/Kanit-ExtraLight.woff2) format("woff2")}@font-face{font-family:"Kanit";font-weight:300;font-display:swap;src:url(../assets/fonts/Kanit/woff2/Kanit-Light.woff2) format("woff2")}@font-face{font-family:"Kanit";font-weight:400;font-display:swap;src:url(../assets/fonts/Kanit/woff2/Kanit-Regular.woff2) format("woff2")}@font-face{font-family:"Kanit";font-weight:500;font-display:swap;src:url(../assets/fonts/Kanit/woff2/Kanit-Medium.woff2) format("woff2")}@font-face{font-family:"Kanit";font-weight:600;font-display:swap;src:url(../assets/fonts/Kanit/woff2/Kanit-SemiBold.woff2) format("woff2")}@font-face{font-family:"Kanit";font-weight:700;font-display:swap;src:url(../assets/fonts/Kanit/woff2/Kanit-Bold.woff2) format("woff2")}@font-face{font-family:"Kanit";font-weight:800;font-display:swap;src:url(../assets/fonts/Kanit/woff2/Kanit-ExtraBold.woff2) format("woff2")}@font-face{font-family:"Kanit";font-weight:900;font-display:swap;src:url(../assets/fonts/Kanit/woff2/Kanit-Black.woff2) format("woff2")}input,textarea,button,select,a{-webkit-tap-highlight-color:rgba(0,0,0,0)}#style-3::-webkit-scrollbar-track{background-color:#555}#style-3::-webkit-scrollbar{width:6px;background-color:#555}#style-3::-webkit-scrollbar-thumb{background-color:#fff}@font-face{font-family:"Ramadan";font-weight:600;font-display:swap;src:url(../assets/fonts/Ramadan/RamadhanMubarok.woff2) format("woff2")}.live__wrapper{display:grid;grid-template-columns:repeat(12, 1fr);grid-gap:16px;padding:80px 90px}@media(max-width: 1600px){.live__wrapper{padding:70px 90px}}@media(max-width: 1440px){.live__wrapper{padding:60px 40px}}@media(max-width: 1280px){.live__wrapper{padding:50px 40px;grid-gap:10px}}@media(max-width: 1024px){.live__wrapper{padding:40px}}@media(max-width: 980px){.live__wrapper{display:flex;flex-wrap:wrap;gap:20px;padding:30px;padding-bottom:50px}}@media(max-width: 756px){.live__wrapper{padding:20px;padding-bottom:40px;grid-gap:0}}@media(max-width: 560px){.live__wrapper{padding:15px;padding-bottom:40px;grid-gap:0}}.live__wrapperLive{display:flex;flex-wrap:wrap;max-width:1440px;margin:0 auto;padding:80px 0}@media(max-width: 1600px){.live__wrapperLive{max-width:1360px;padding:70px 0}}@media(max-width: 1440px){.live__wrapperLive{max-width:1280px;padding:60px 50px}}@media(max-width: 1280px){.live__wrapperLive{max-width:1024px;padding:50px}}@media(max-width: 980px){.live__wrapperLive{padding:30px;padding-bottom:50px}}@media(max-width: 756px){.live__wrapperLive{padding:20px;padding-bottom:40px;grid-gap:0}}@media(max-width: 560px){.live__wrapperLive{padding:15px;padding-bottom:40px;grid-gap:0}}.live__wrapperTop{display:flex;width:100%;grid-column-start:2;grid-column-end:12;gap:16px}@media(max-width: 1280px){.live__wrapperTop{gap:10px;grid-column:span 12}}@media(max-width: 980px){.live__wrapperTop{flex-wrap:wrap}}@media(max-width: 756px){.live__wrapperTop{gap:5px}}.live__video{width:70%;color:#000}@media(max-width: 980px){.live__video{width:100%}}.live__videoBox{position:relative;height:100%;position:relative;overflow:hidden;padding-top:56.25%;background:#242424}.live__videoBox img{height:100%;-o-object-fit:cover;object-fit:cover}.live__videoBoxButton{position:absolute;width:100%;height:100%;top:0;display:flex;justify-content:center;align-items:center;cursor:pointer}.live__videoBoxButton img{width:106px;height:106px;opacity:.7;transition:.2s all ease-in-out}.live__videoBoxButton:hover img{opacity:1}@media(max-width: 1600px){.live__videoBoxButton img{width:80px;height:80px}}.live__videoImg{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.live__videoImgLogo{width:100%}.live__videoImgLogo img{width:100%;-o-object-fit:cover;object-fit:cover}.live__videoImgFade{background:rgba(0,0,0,.5);width:100%;height:100%;position:absolute;top:0;left:0;display:block;transition:.4s ease-in-out}.live__videoImg:hover .live__videoImgFade{background:rgba(0,0,0,.7)}.live__videoImgButton{display:flex;position:absolute;top:0;width:100%;height:100%;align-items:center;justify-content:center}.live__videoImgButton img{width:64px;height:64px}@media(max-width: 1280px){.live__videoImgButton img{width:50px;height:50px}}.live__chat{width:calc(30% - 16px);color:#000;border:1px solid #707070;position:relative}@media(max-width: 1280px){.live__chat{width:calc(30% - 10px)}}@media(max-width: 980px){.live__chat{width:100%}}@media(max-width: 756px){.live__chat{margin-bottom:15px}}.live__chatLink{display:flex;gap:1px;background:#fff}.live__chatLink a{display:block;text-align:center;width:100%;font-size:20px;font-weight:500;line-height:24px;font-style:normal;color:#fff;padding:8px;background:#939393;margin:0}.live__chatLink a:hover{background:#444}@media(max-width: 1600px){.live__chatLink a{font-size:18px;line-height:22px;margin-bottom:0}}@media(max-width: 1280px){.live__chatLink a{font-size:16px;line-height:18px}}@media(max-width: 1024px){.live__chatLink a{font-size:14px;line-height:16px}}@media(max-width: 980px){.live__chatLink a{font-size:20px;line-height:24px}}@media(max-width: 560px){.live__chatLink a{font-size:18px;line-height:22px}}.live__chatTitle{display:flex;position:relative;align-items:center;padding:10px;background:#ccc;color:#000}.live__chatTitle img{width:28px;margin-right:10px}.live__chatTitle h4{font-size:22px;font-weight:500;line-height:30px;font-style:normal}@media(max-width: 1600px){.live__chatTitle{padding:5px 10px}.live__chatTitle img{width:25px;height:25px}.live__chatTitle h4{font-size:20px;line-height:24px}}@media(max-width: 1280px){.live__chatTitle img{width:18px;height:18px}.live__chatTitle h4{font-size:16px;line-height:18px}}@media(max-width: 1024px){.live__chatTitle img{width:16px;height:16px}.live__chatTitle h4{font-size:14px;line-height:16px}}@media(max-width: 980px){.live__chatTitle{padding:15px}.live__chatTitle img{width:26px;height:26px;margin-right:15px}.live__chatTitle h4{font-size:22px;line-height:26px}}@media(max-width: 756px){.live__chatTitle{padding:10px;margin-bottom:0}}@media(max-width: 560px){.live__chatTitle img{width:22px;height:22px}.live__chatTitle h4{font-size:20px;line-height:24px}}.live__chatList{flex:1;overflow:scroll;overflow-x:hidden;max-height:350px;height:100%;width:100%;padding:5px;display:flex;flex-wrap:wrap;flex-flow:column-reverse;color:#000}@media(max-width: 1440px){.live__chatList{max-height:278px}}@media(max-width: 1280px){.live__chatList{max-height:198px}}@media(max-width: 1024px){.live__chatList{max-height:210px}}@media(max-width: 980px){.live__chatList{height:400px;max-height:400px;padding-bottom:115px;display:none}}@media(max-width: 756px){.live__chatList{height:480px;max-height:480px;padding-bottom:133px}}@media(max-width: 560px){.live__chatList{height:400px;max-height:400px;padding-bottom:133px}}.live__chatBox{display:flex;padding:7px}.live__chatBoxAva{width:30px;height:30px;border-radius:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:100%;margin-right:10px}.live__chatBoxName{flex:1 1;overflow:hidden}.live__chatBoxName a{font-size:17px;font-weight:600;line-height:18px;font-style:normal;color:#333;margin-right:5px}.live__chatBoxName span{font-size:17px;font-weight:300;line-height:20px;font-style:normal}.live__chatBoxName h6{font-size:12px;font-weight:300;line-height:20px;font-style:normal}.live__chatBoxAdmin .live__chatBoxName a{color:#1e90ff}@media(max-width: 1600px){.live__chatBoxAva{width:26px;height:26px}.live__chatBoxName a,.live__chatBoxName span{font-size:14px;line-height:14px}.live__chatBoxName h6{font-size:10px;line-height:16px}}@media(max-width: 1280px){.live__chatBox{padding:5px 0}.live__chatBoxAva{width:20px;height:20px;margin-right:8px}.live__chatBoxName{line-height:14px}.live__chatBoxName a,.live__chatBoxName span{font-size:12px;line-height:14px;padding:0}.live__chatBoxName a{margin-right:2px}.live__chatBoxName h6{font-size:10px;line-height:14px}}@media(max-width: 980px){.live__chatBoxAva{width:24px;height:24px;margin-right:8px}.live__chatBoxName{line-height:16px}.live__chatBoxName a,.live__chatBoxName span{font-size:16px;line-height:18px;padding:0}.live__chatBoxName a{margin-right:2px}.live__chatBoxName h6{font-size:12px;line-height:18px}}@media(max-width: 756px){.live__chatBox{padding:5px}.live__chatBoxAva{width:24px;height:24px;margin-right:8px}}.live__chatInput{display:block;width:100%;position:absolute;bottom:0;z-index:1;padding:0 10px;background:#fff}.live__chatInput h6{font-size:18px;font-weight:500;line-height:18px;font-style:normal;color:#000;padding-bottom:0;padding-top:10px;border-top:1px solid #efefef}.live__chatInputForm{padding-top:5px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.live__chatInputEmoji{width:100%;padding:8px;font-size:18px;font-weight:300;line-height:22px;font-style:normal;font-family:"Kanit";border:0;border:1px solid #707070;resize:none;color:#000;margin-bottom:5px}.live__chatInputSend{background:none;border:none;cursor:pointer}.live__chatInputSend img{width:22px}@media(max-width: 1600px){.live__chatInput h6{font-size:16px;line-height:16px}.live__chatInputEmoji{font-size:14px;line-height:16px}.live__chatInputSend img{width:18px}}@media(max-width: 1280px){.live__chatInput h6{font-size:14px;line-height:14px;padding-top:5px}.live__chatInputEmoji{font-size:12px;line-height:14px}.live__chatInputSend img{width:16px}}@media(max-width: 1024px){.live__chatInputForm{padding-top:2px}.live__chatInputEmoji{padding:5px}}@media(max-width: 980px){.live__chatInput{display:none}.live__chatInput h6{font-size:16px;line-height:16px;padding-top:5px}.live__chatInputEmoji{font-size:16px;line-height:18px;margin:5px 0}.live__chatInputSend img{width:18px}.live__chatInputForm{padding-bottom:5px}}@media(max-width: 756px){.live__chatInput{padding:5px 10px}.live__chatInput h6{font-size:20px;line-height:22px}.live__chatInputSend img{width:24px}}@media(max-width: 560px){.live__chatInput h6{font-size:18px;line-height:20px}.live__chatInputSend img{width:24px}}.live__channel{grid-column-start:2;grid-column-end:12;display:grid;grid-gap:14px;grid-template-columns:repeat(6, 1fr);margin-bottom:30px}.live__channel a{margin-bottom:0}.live__channel a img{width:100%;-o-object-fit:cover;object-fit:cover;height:100%}@media(max-width: 1280px){.live__channel{grid-column:span 12;margin-bottom:25px;gap:10px}}@media(max-width: 1024px){.live__channel{margin-bottom:20px}}@media(max-width: 980px){.live__channel{grid-template-columns:repeat(3, 1fr);grid-gap:10px}}@media(max-width: 560px){.live__channel{grid-template-columns:repeat(2, 1fr);grid-gap:5px}}.live__deskripsi{width:70%;color:#000}.live__deskripsi h2{font-size:36px;font-weight:500;line-height:40px;font-style:normal;color:#333;margin-bottom:15px}.live__deskripsi p{font-size:20px;font-weight:300;line-height:28px;font-style:normal;color:#000;margin-bottom:20px}@media(max-width: 1600px){.live__deskripsi h2{font-size:32px;line-height:34px;margin-bottom:10px}.live__deskripsi p{font-size:18px;line-height:24px;margin-bottom:15px}}@media(max-width: 1280px){.live__deskripsi h2{font-size:28px;line-height:32px}.live__deskripsi p{font-size:16px;line-height:22px;margin-bottom:10px}}@media(max-width: 1024px){.live__deskripsi{grid-column:span 12}.live__deskripsi h2{font-size:26px;line-height:30px}.live__deskripsi p{font-size:16px;line-height:20px}}@media(max-width: 980px){.live__deskripsi{width:100%}.live__deskripsi h2{font-size:34px;line-height:38px}.live__deskripsi p{font-size:18px;line-height:22px}}@media(max-width: 756px){.live__deskripsi h2{font-size:30px;line-height:36px}.live__deskripsi p{font-size:16px;line-height:20px}}@media(max-width: 560px){.live__deskripsi h2{font-size:28px;line-height:36px}.live__deskripsi p{font-size:18px;line-height:26px;margin-bottom:15px}}.live__share{margin-top:50px;display:flex;gap:5px}.live__share h6{font-size:18px;font-weight:normal;line-height:18px;font-style:normal;margin-right:10px}.live__share a{display:block;width:29px;height:29px;margin-right:5px}@media(max-width: 1280px){.live__share{margin-top:25px}.live__share h6{font-size:14px;line-height:14px}.live__share a{width:23px;height:23px}}@media(max-width: 1024px){.live__share{margin-top:20px}.live__share a{width:19px;height:19px;margin-right:2px}}@media(max-width: 560px){.live__share a{width:24px;height:24px;margin-right:5px}}.live__mobile{display:none}@media(max-width: 980px){.live__mobile{display:block}.live__mobileTrig{position:absolute;right:5px}.live__mobileTrigIconClose{display:none}}@media(max-width: 560px){.live__mobileTrig img{width:18px;height:18px}}@media(max-width: 980px){.live__active{display:block}}.btn__emoji img{width:22px}@media(max-width: 1600px){.btn__emoji img{width:18px}}@media(max-width: 1280px){.btn__emoji img{width:16px}}@media(max-width: 980px){.btn__emoji img{width:18px}}@media(max-width: 756px){.btn__emoji img{width:22px}}.emoji{position:absolute !important;top:136px;width:90%;display:flex;flex-wrap:wrap;padding:5px;overflow:scroll;overflow-x:hidden;height:auto;font-size:22px}@media(max-width: 1600px){.emoji{top:110px;font-size:18px}}@media(max-width: 1280px){.emoji{top:98px;font-size:14px}}@media(max-width: 1024px){.emoji{top:89px}}@media(max-width: 980px){.emoji{top:104px;font-size:16px}}@media(max-width: 756px){.emoji{top:126px;font-size:18px;width:91%}}@media(max-width: 560px){.emoji{top:120px;width:92%;font-size:20px}.emoji div{padding:2px}}