@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;600&display=swap";
html,body{background-color:#fff;justify-content:center;min-height:100dvh;margin:0;padding:0;display:flex;overflow-x:hidden}body{color:#7b7878;box-sizing:border-box;background-color:#f8f8f8;min-width:100%;max-width:450px;min-height:100dvh;margin:0 auto;padding-bottom:60px;font-family:Sarabun,sans-serif;position:relative}.footer-version{text-align:center;color:#7b7878;box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:5px;font-size:12px;display:flex;bottom:0}.app-container{background:#f8f8f8;flex:1;min-height:calc(100vmin - 170px)}.app-bottom{z-index:1000;background:#cae5f9;border-radius:30px;justify-content:space-evenly;align-items:center;min-width:95%;max-width:490px;display:flex;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.container{width:100%;margin:0 auto}.justify-content{gap:5px;width:100%;display:flex}.justify-content .center{justify-content:center}.justify-content .between{justify-content:space-between}.justify-content .around{justify-content:space-around}.justify-content .evenly{justify-content:space-evenly}.box-search-product{background-color:#fff;border-radius:10px;align-items:center;width:85%;height:130px;padding:10px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.box-search-product .select-type{background-color:#fff;border:1px solid #1677ff;border-radius:30px;height:25px;margin-top:5px;padding:10px}.box-search-product2{align-items:center;width:85%;margin-top:20px;margin-left:auto;margin-right:auto}.box-search-product2 .select-type{background-color:#fff;border:1px solid #1677ff;border-radius:30px;height:25px;margin-top:5px;padding:10px}.btn-confirm{width:100%;border-radius:20px!important;padding:10px!important}.input{justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex;background-color:#fff!important;border:1px solid #d9d9d9!important;border-radius:20px!important;width:95%!important;height:25px!important;margin-bottom:5px!important}.input-email{justify-content:flex-start;align-items:center;gap:10px;padding:10px;display:flex;background-color:#fff!important;border:1px solid #d9d9d9!important;border-radius:20px!important;width:95%!important;height:25px!important;margin-bottom:5px!important}.input-email-verify{text-align:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:10px;width:30px;height:25px;margin:2px;padding:5px}.input-base{justify-content:space-between;width:90%;display:flex}.form-control-search{border:0;border-radius:20px;width:80%;margin:20px}.btn-search{color:#7b7878;background-color:#d9d9d9;border-radius:10px;width:70%;margin:5px}.box-cart-item{background-color:#fff;border:1px solid #d9d9d9;border-radius:10px;width:90%;margin-left:auto;margin-right:auto}.icon-tap{width:30px;height:30px}.card-item-slider{background-color:#f1f1f1;border-radius:20%;justify-content:center;align-items:center;width:140px;height:99px;margin-top:20px;display:flex}.card-item-image-slider{border-radius:50%;width:140px;height:174px;margin-top:20px;margin-bottom:20px}.box-stock{background-color:#fff;border-radius:20px;justify-content:center;width:90%;height:129px;margin-top:50px;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.slider-container .slick-list{padding-right:60px}.slider-container .slick-slide>div{padding-right:12px}.slider-container{width:95%;margin-left:15px}.box-item-station{width:"80%";background-color:#fff;border-radius:20px;justify-content:center;align-self:flex-start;margin:20px;padding:10px;display:flex;box-shadow:0 10px 50px #9191911a}.text-3-line{-webkit-line-clamp:3;text-overflow:ellipsis;text-align:left;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.filter-date-input-report2{align-items:center;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:none!important;border-radius:20px!important;height:40px!important}.coupon{background:#fff;border-radius:16px;width:80%;padding:16px 20px;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.coupon .ready-stamp{color:#fff;letter-spacing:2px;background:#24f03f;padding:6px 40px;font-size:13px;font-weight:700;position:absolute;top:15px;right:-35px;transform:rotate(35deg);box-shadow:0 2px 8px #00000026}.coupon:before,.coupon:after{content:"";background:#f3f3f3;border-radius:50%;width:24px;height:24px;position:absolute;left:70%;transform:translate(-50%)}.coupon:before{top:-12px}.coupon:after{background:#ececec;bottom:-12px}.coupon-divider{border-left:2px dashed #ddd;position:absolute;top:12px;bottom:12px;right:30%}.coupon-btn{color:#fff;cursor:pointer;background:#ff6b6b;border-radius:8px;justify-content:center;align-items:center;padding:6px;font-size:14px;display:flex}.box-points{background-color:#fff;border-radius:20px;justify-content:space-evenly;align-items:center;width:90%;height:115px;margin:10px auto 0;display:flex;box-shadow:0 4px 12px #00000014}.coupon2{opacity:.75;filter:grayscale(.4);background:#f5f5f5;border:2px dashed #cfcfcf;border-radius:16px;width:80%;padding:16px 20px;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #0000000f}.coupon2:before,.coupon2:after{content:"";z-index:2;background:#ececec;border-radius:50%;width:26px;height:26px;position:absolute;left:70%;transform:translate(-50%)}.coupon2:before{top:-13px}.coupon2:after{bottom:-13px}.coupon2 .coupon-divider{border-left:2px dashed #bdbdbd;position:absolute;top:12px;bottom:12px;right:30%}.coupon2 .used-stamp{color:#fff;letter-spacing:2px;background:#999;padding:6px 40px;font-size:13px;font-weight:700;position:absolute;top:10px;right:-35px;transform:rotate(35deg);box-shadow:0 2px 8px #00000026}.coupon2 .tear{background:radial-gradient(circle at 10px -2px,#0000 12px,#e5e5e5 13px) 0 0/20px 20px;width:100%;height:12px;position:absolute;bottom:-1px;left:0}.box-points-profile{background-color:#f9f9f9;border-radius:20px;justify-content:space-evenly;align-items:center;width:90%;height:200px;margin:-70px auto 0;display:flex}.box-points-profile-left{background-color:#fff;border-radius:20px;justify-content:space-evenly;align-items:center;width:152px;height:79px;margin-top:80px;display:flex}.dialog-success{position:fixed}.box-points-left{background-color:#f9f9f9;border-radius:20px;justify-content:space-evenly;align-items:center;width:152px;height:79px;display:flex}.box-points-profile-right{margin-top:80px}.point{justify-content:space-evenly;display:flex}.point2{justify-content:left;display:flex}.icon-point{border:1px solid #1677ff;border-radius:20px;width:20px;height:20px;margin-top:5px;margin-left:10px}.icon-point2{background-color:#1677ff;border-radius:20px;width:18px;height:18px;margin-top:1px;margin-left:1px}.icon-point-reward2{background-color:#d1d0d0;border-radius:20px;width:18px;height:18px;margin-top:1px;margin-left:1px}.icon-point-reward{border:1px solid #d1d0d0;border-radius:20px;width:20px;height:20px;margin-top:5px;margin-left:10px}