@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@200;300;500;700;900&display=swap);body,html{min-height:100%}body{font-family:Noto Sans Thai,sans-serif}main{background:linear-gradient(180deg,#ff1a1a 0,#b40000 50%,#b40000 70%,#e60000);background:var(--primary-gradient-y);background-repeat:no-repeat;padding-bottom:2rem!important;padding-bottom:calc(var(--mantine-footer-height, 0px) + 2rem)!important}.mantine-Checkbox-root input,.mantine-Checkbox-root label{cursor:pointer}.app-sidenav{z-index:1000000}.app-sidenav .mantine-Drawer-title{margin:0;width:100%}.app-sidenav .mantine-Drawer-closeButton{position:absolute;right:5px;top:5px}.app-sidenav .mantine-Drawer-close{color:#ff511a;color:var(--danger)}.app-sidenav .sidenav-menu a.link{color:var(--mantine-color-dark-3)!important;display:block;padding:.5rem .25rem;position:relative;text-decoration:none}.app-sidenav .sidenav-menu a.link.active,.app-sidenav .sidenav-menu a.link:hover{color:#b40000!important;color:var(--primary-hover)!important}.app-header{background:linear-gradient(45deg,#b40000 50%,#ff1a1a);background:var(--primary-gradient);box-shadow:0 2px 4px rgba(0,0,0,.3)}.app-header .desktop-menu{margin-left:var(--mantine-spacing-xl)}.app-header .desktop-menu .link{border-radius:var(--mantine-radius-sm);color:#fff!important;color:var(--light)!important;display:block;font-size:var(--mantine-font-size-sm);font-size:.95rem;font-weight:700;line-height:1;padding:8px 12px;text-decoration:none}@media screen and (max-width:992px){.app-header .desktop-menu .link{display:none}}.app-header .desktop-menu .link.active,.app-header .desktop-menu .link:hover{background-color:#ff1a1a!important;background-color:var(--primary)!important;border-radius:var(--mantine-radius-lg);color:#fff!important;color:var(--primary-text-color)!important}table td,table th{white-space:nowrap}table.mantine-Table-root thead tr{background:linear-gradient(45deg,#b40000 50%,#ff1a1a);background:var(--primary-gradient);background-attachment:fixed}table.mantine-Table-root thead tr th{color:#fff!important;color:var(--primary-text-color)!important}table.mantine-Table-root.sub-table thead tr{background:linear-gradient(45deg,#dfdfdf 50%,#d3d3d3);background:var(--light-gradient);background-attachment:fixed}table.mantine-Table-root.sub-table thead tr th{color:#292121!important;color:var(--light-text-color)!important}table.mantine-Table-root tfoot tr{background:linear-gradient(45deg,#af6b03 50%,#fbc122);background:var(--secondary-gradient);background-attachment:fixed}table.mantine-Table-root tfoot tr td{color:#444!important;color:var(--secondary-text-color)!important;padding:7px 10px}.mantine-Footer-root{z-index:0}.footer{background:linear-gradient(180deg,#ff1a1a 0,#b40000 50%,#b40000 70%,#e60000);background:var(--primary-gradient-y)}.footer .footer-menu{height:100%}.footer .footer-menu .menu-item{display:block;position:relative;text-decoration:none;width:19%}.footer .footer-menu .menu-item .inner{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:90%;height:100%;justify-content:center;position:relative}.footer .footer-menu .menu-item .inner .label{margin-top:2px}.footer .footer-menu .menu-item .inner .icon svg{display:block}.footer .footer-menu .menu-item.main{--ring-size:4px;flex:1 1;position:relative}.footer .footer-menu .menu-item.main .inner{background:linear-gradient(45deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);border-radius:50%;color:#ff1a1a;color:var(--primary);height:80px;left:50%;margin-left:-40px;overflow:hidden;position:absolute;position:relative;-webkit-transform:translateY(-25px);transform:translateY(-25px);width:80px}.footer .footer-menu .menu-item.main .inner .label{font-size:115%;position:relative;text-shadow:1px 1px 0 hsla(0,0%,100%,.8)}.footer .footer-menu .menu-item.main .inner .icon{position:relative}.footer .footer-menu .menu-item.main .inner .icon svg{stroke-width:1;-webkit-filter:drop-shadow(1px 1px 0 hsla(0,0%,100%,.8));filter:drop-shadow(1px 1px 0 rgba(255,255,255,.8));height:28px;width:28px}.footer .footer-menu .menu-item.main .inner:before{background:linear-gradient(180deg,#efefef 0,#dfdfdf 50%,#dfdfdf 70%,#c9c9c9);background:var(--light-gradient-y);border-radius:50%;box-shadow:inset 0 0 2px 0 rgba(92,92,92,.522);content:"";height:calc(100% - var(--ring-size));left:calc(var(--ring-size)/2);position:absolute;top:calc(var(--ring-size)/2);width:calc(100% - var(--ring-size))}.footer .footer-menu .menu-item.active:before{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.mantine-InputWrapper-root.text-center .mantine-Input-input{text-align:center}.pincode-input-container{display:flex;flex-wrap:wrap;justify-content:center}.pincode-input-container .pincode-input-text{border-radius:var(--mantine-radius-sm);font-size:1.25rem;height:2.25rem!important;margin:.25rem!important;width:2.25rem!important}@media screen and (min-width:576px){.pincode-input-container .pincode-input-text{height:2.75rem!important;width:2.75rem!important}}a{color:#ff1a1a!important;color:var(--primary)!important;text-decoration:none}a:hover{color:#b40000!important;color:var(--primary-hover)!important}.mantine-Drawer-close,.mantine-Modal-close{min-height:1.75rem;min-width:1.75rem}.mantine-Drawer-close svg,.mantine-Modal-close svg{color:#ff511a;color:var(--danger);height:2rem;width:2rem}.full-page-primary-bg{background:linear-gradient(180deg,#ff1a1a 0,#b40000 50%,#b40000 70%,#e60000);background:var(--primary-gradient-y);background-repeat:no-repeat;min-height:100vh;position:relative}table.fix-table{max-width:100%;table-layout:fixed}button:disabled img{opacity:.5}.modal-authen .mantine-Modal-header{background-color:transparent}.modal-authen.is-mobile .mantine-Modal-content{display:flex;flex-direction:column;justify-content:space-between}.modal-authen.is-mobile .mantine-Modal-content .mantine-Modal-body{flex:1 1;position:relative}.modal-authen.is-mobile .mantine-Modal-content .mantine-Modal-body .mantine-Stack-root,.modal-authen.is-mobile .mantine-Modal-content .mantine-Modal-body>div{height:100%}.auth{--form-width:470px;background-color:#fff}.auth .wrapper{min-height:100vh;position:relative}.auth .wrapper .background{background-image:url(/static/media/bg.a631aa550aba01be63bb.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;bottom:0;left:var(--form-width);position:absolute;right:0;top:0}.auth .wrapper .background:after{background-image:url(/static/media/logo.7cf9f82c8f02f164b9f2.png);background-position:50%;background-repeat:no-repeat;background-size:80%;content:"";display:none;height:100%;left:0;position:absolute;top:0;width:100%}@media screen and (min-width:992px){.auth .wrapper .background:after{background-size:512px}}@media screen and (max-width:768px){.auth .wrapper .background{display:none}}.auth .form-wrapper{border-right:1px solid var(--mantine-primary-0);max-width:var(--form-width);min-height:100vh;padding:var(--mantine-spacing-lg);padding-top:80px}@media screen and (max-width:768px){.auth .form-wrapper{max-width:100%;padding-top:30px}.mantine-Stepper-step{flex-direction:column!important}.mantine-Stepper-step .mantine-Stepper-stepBody{margin-left:0;margin-top:5px;text-align:center}}.marquee-announcement{background-color:#fff;margin:0 auto;overflow:hidden;padding-bottom:1px;padding-top:2px}.marquee-announcement .title-badge{border-radius:0 1rem 1rem 0;flex-shrink:0;overflow:hidden}.marquee-announcement .content-container{background-color:#fff;flex-grow:1;padding-left:var(--mantine-spacing-xs);padding-right:var(--mantine-spacing-xs)}@media screen and (min-width:1200px){.marquee-announcement{border-radius:1rem}}.go-to-top{bottom:70px;left:10px;opacity:0;pointer-events:none;position:fixed;transition:opacity .25s}.go-to-top.show{opacity:1;pointer-events:all}.lottery-item .amount-badge{background:linear-gradient(180deg,#ff1a1a 0,#b40000 50%,#b40000 70%,#e60000);border-radius:0 0 var(--mantine-radius-md) var(--mantine-radius-md);color:#fff;left:0;left:var(--mantine-spacing-xs);padding:8px 10px;position:absolute;text-align:center;top:0;word-break:keep-all}.member-menu .member-menu-button{text-align:center}.member-menu .member-menu-button .icon{--icon-size:70px;align-items:center;background:linear-gradient(180deg,#efefef 0,#dfdfdf 50%,#dfdfdf 70%,#c9c9c9);border:2px solid var(--mantine-color-light-2);border-radius:50%;display:flex;height:var(--icon-size);justify-content:center;margin:0 auto;margin-bottom:var(--mantine-spacing-xs);padding:var(--mantine-spacing-xl);width:var(--icon-size)}.carousel-banner{position:relative}.carousel-banner .arrow{--arrow-size:30px;color:#ff1a1a;color:var(--primary);height:var(--arrow-size);left:10px;position:absolute;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--arrow-size);z-index:1}.carousel-banner .arrow.next{left:auto;right:10px}.user-info-row{background-color:var(--mantine-color-light-1);border-radius:var(--mantine-radius-sm);flex-grow:1;padding:0 var(--mantine-spacing-xs)}.shop-float-button{--scale:50px;border:1px solid var(--mantine-color-light-2);border-radius:50%;bottom:80px;box-shadow:1px 2px 2px rgba(0,0,0,.25);height:var(--scale);position:fixed;right:20px;transition:all .25s;width:var(--scale)}@media only screen and (max-width:992px){.shop-float-button{right:10px}}.shop-float-button .badge{position:absolute;right:-10px;top:0}.shop-float-button.go-up-button{opacity:0;pointer-events:none;-webkit-transform:rotate(0) translateY(0);transform:rotate(0) translateY(0)}.shop-float-button.go-up-button .icon{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:all .25s}.shop-float-button.go-up-button.show{opacity:1;pointer-events:all}.shop-float-button.go-up-button.show.has-cart{-webkit-transform:translateY(-70px);transform:translateY(-70px)}.shop-float-button.go-up-button.show .icon{-webkit-transform:rotate(0);transform:rotate(0)}.spin{-webkit-animation:spinner 1.25s linear infinite;animation:spinner 1.25s linear infinite}@-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}img.image-shadow{-webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,.188));filter:drop-shadow(1px 1px 1px rgba(0,0,0,.1882352941))}:root{--primary:#ff1a1a;--primary-hover:#b40000;--primary-gradient:linear-gradient(45deg,#b40000 50%,#ff1a1a);--primary-gradient-y:linear-gradient(180deg,#ff1a1a 0%,#b40000 50%,#b40000 70%,#e60000);--primary-text-color:#fff;--secondary:#fbc122;--secondary-hover:#e1980b;--secondary-gradient:linear-gradient(45deg,#af6b03 50%,#fbc122);--secondary-gradient-y:linear-gradient(180deg,#fcda50 0%,#fbc122 50%,#fbc122 70%,#e1980b);--secondary-text-color:#444;--success:#57fe1a;--success-hover:#2eb200;--success-gradient:linear-gradient(45deg,#2eb200 50%,#57fe1a);--success-gradient-y:linear-gradient(180deg,#57fe1a 0%,#2eb200 50%,#2eb200 70%,#3de501);--success-text-color:#212529;--danger:#ff511a;--danger-hover:#e63700;--danger-gradient:linear-gradient(45deg,#b42a00 50%,#ff511a);--danger-gradient-y:linear-gradient(180deg,#ff511a 0%,#b42a00 50%,#b42a00 70%,#e63700);--danger-text-color:#212529;--light:#fff;--light-hover:#e6e6e6;--light-gradient:linear-gradient(45deg,#dfdfdf 50%,#d3d3d3);--light-gradient-y:linear-gradient(180deg,#efefef 0%,#dfdfdf 50%,#dfdfdf 70%,#c9c9c9);--light-text-color:#292121}
/*# sourceMappingURL=main.5e6bc18c.css.map*/