.chip{background-color:#fff;color:#2c2c2c;padding:0 18px;border-radius:24px;margin-right:12px;margin-bottom:12px;font-size:16px;font-weight:700;cursor:pointer;height:48px;min-width:90px;text-align:center;display:flex;font-family:"Sukhumvit Tadmai";justify-content:center;align-items:center;line-height:20px}.green-chip{background-color:#3c9d47;color:#fff}.box-container .box-div{display:flex;flex-wrap:wrap;justify-content:space-between}.box-container .box{position:relative;width:calc(50% - 10px);background-color:#fff;border-radius:16px;overflow:hidden;cursor:pointer;margin:5px;height:100px}.box-container .selected-box-border{border:4px solid #3c9d47}.box-container .box-text{color:#2c2c2c;font-size:14px;font-weight:800}.box-container .selected-number{position:absolute;bottom:0;left:0;background-color:#3c9d47;color:#fff;padding:6px 10px;border-radius:0 12px 0 0;font-size:14px;font-weight:800}.box-container .box-image{height:100%;width:100%}.slider-container{padding:10px}.slider-container .custom-range-slider{height:22px;-webkit-appearance:none;appearance:none;background:#fff;outline:none;border:2px solid #edf0f7;border-radius:11px}.slider-container .vertical-slider{-webkit-transform:rotate(90deg) translate(50%,50%);transform:rotate(90deg) translate(50%,50%)}.slider-container .custom-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:40px;height:40px;border-radius:50%;background-color:#3c9d47;cursor:pointer;position:relative;z-index:2;background:url(/images/healthAndWellness/icon/slider-indicator-icon.svg)}.slider-container .custom-range-label{display:flex;justify-content:space-between;margin-top:10px}.slider-container .custom-range-label .range-label{font-size:14px;font-weight:700;position:relative;line-height:21.14px}.slider-container .custom-range-label .range-label .range-label-text{display:inline-block;width:65px;margin:7px 5px 0;overflow:auto;text-overflow:ellipsis;text-align:center;font-size:13px;line-height:21.14px;font-weight:700;font-family:"Sukhumvit Tadmai"}.slider-container .custom-range-label .range-label:before{position:absolute;top:-25px;right:0;left:0;content:"";margin:0 auto;width:10px;height:10px;background:#edf0f7;border-radius:50%}.slider-container .custom-range-label .range-label:first-child:before{left:-10px}.slider-container .custom-range-label .range-label:last-child:before{left:8px}.slider-container .custom-range-label .range-label.range-hide-dot:before{visibility:hidden}.slider-container .custom-range-label .vertical-label{-webkit-transform:translateY(50%);transform:translateY(50%)}.slider-container .custom-range-dots{display:flex;justify-content:space-around}.slider-container .custom-range-dots .range-dots{-webkit-transform:translateY(-2.7vh);transform:translateY(-2.7vh);height:10px;width:10px;border-radius:50%;background:#edf0f7;opacity:.8;pointer-events:none}.vertical-slider-container{display:flex;justify-content:space-between;padding:8px 20px;grid-gap:32px;gap:32px}.vertical-slider-container .custom-range-slider{-webkit-appearance:none;background:#fff;outline:none;border:2px solid #edf0f7;border-radius:11px;-webkit-transform:rotate(90deg) translate(158px,160px);transform:rotate(90deg) translate(158px,160px);height:20px;position:absolute;left:0;top:0;width:330px}.vertical-slider-container .custom-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:40px;height:40px;border-radius:50%;background-color:#3c9d47;cursor:pointer;position:relative;background:url(/images/healthAndWellness/icon/slider-indicator-icon.svg)}.vertical-slider-container .custom-range-vertical{position:relative}.vertical-slider-container .custom-range-label-left{display:flex;flex-direction:column;grid-gap:55px;gap:55px}.vertical-slider-container .custom-range-label-left .range-label-left{display:flex;height:40px;width:40px;flex:1 1;font-size:14px;font-weight:700;font-family:"Sukhumvit Tadmai"}.vertical-slider-container .custom-range-label-left .range-label-left:first-child{padding-top:5px}.vertical-slider-container .custom-range-label-left .range-label-left img{height:100%;width:100%;object-fit:contain}.vertical-slider-container .custom-range-label{width:calc(100% - 128px);display:flex;flex-direction:column;grid-gap:47px;gap:47px;justify-content:space-around}.vertical-slider-container .custom-range-label .range-label{display:inline-block;line-height:21px;padding-top:12px;padding-bottom:12px;font-size:13px;font-weight:700;font-family:"Sukhumvit Tadmai";line-height:21.14px}.vertical-slider-container .custom-range-label .range-label:nth-of-type(2){padding-top:16px}.vertical-slider-container .custom-range-label .range-label:nth-of-type(3){padding-top:6px}.vertical-slider-container .custom-range-label .range-label:last-child{padding-top:0}.vertical-slider-container .custom-range-dots{display:flex;flex-direction:column;grid-gap:85px;gap:85px}.vertical-slider-container .custom-range-dots .range-dots{height:10px;width:10px;border-radius:50%;background:#edf0f7;opacity:.8;pointer-events:none;display:inline-block}.vertical-slider-container .custom-range-dots .range-dots:first-child{margin-top:18px}.vertical-slider-container .custom-range-dots .range-dots:last-child{margin-bottom:18px}.vertical-slider-container .custom-range-dots .range-hide-dot{visibility:hidden}@media (max-width:376px){.vertical-slider-container{padding:8px 0}}@media (max-width:324px){.vertical-slider-container .range-label{font-size:11px}}.hnw-panel-delete{left:0;bottom:0;width:100%;height:0;float:right;z-index:2000;position:fixed;margin-top:200px;margin-right:34px;background:rgba(19,19,19,.839216)}.hnw-panel-delete .select-coupon-panel{left:0;bottom:0;width:100%;height:0;position:fixed;background-color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;transition:height .8s ease-in-out;max-width:768px}.hnw-panel-delete .select-coupon-panel>:first-child{border-radius:24px 24px 0 0;height:60%;padding:15px 0 0;background-image:url(/images/healthAndWellness/assessment/assessment_retry_modal.svg);background-repeat:no-repeat;background-size:cover}.hnw-panel-delete .select-coupon-panel .btn-close{font-family:"Sukhumvit Tadmai";top:15px;right:20px;border:none;position:absolute;font-size:larger;background-color:#fff;letter-spacing:0!important;border-radius:38px;display:flex;padding:6px 8px}.hnw-panel-delete.open{height:100vh;z-index:100}.hnw-panel-delete.open .select-coupon-panel{height:345px}.hdr.hnw-delete-modal-class{padding:16px;margin-top:32px;display:flex;flex-direction:column;justify-content:center;align-items:center}.hdr.hnw-delete-modal-class .header-text{font-size:18px;line-height:26px;font-weight:800;text-align:center;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.hdr.hnw-delete-modal-class .subheader-text{color:#d91734;font-size:16px;line-height:24px;font-weight:700;text-align:center;font-family:"Sukhumvit Tadmai";width:300px}.hdr.hnw-delete-modal-class>button{display:flex;background-color:#fff;border-radius:38px;padding:6px 8px}.hdr.hnw-delete-modal-class>button>svg{width:28px;height:28px}.search-input-container{position:relative}.search-input-container .search-input{padding-left:40px;height:40px;border-radius:10px;color:#2c2c2c;font-weight:500}.search-input-container .search-input:not(:valid)~.close-icon{display:none}.search-input-container .search-input:focus{outline:none;box-shadow:none;border:1px solid #cbd2e0}.search-input-container .search-input:before{content:url(/images/icon-search.svg);position:absolute;left:50%;margin-left:-8px;top:-16px}.search-input-container .search-inputinput::-webkit-input-placeholder{color:#cbd2e0}.search-input-container .search-inputinput::placeholder{color:#cbd2e0}.search-input-container .search-inputinput:focus{outline:none;box-shadow:none}.search-input-container .close-icon{right:8px}.search-input-container .close-icon,.search-input-container .search-img{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.search-input-container .search-img{left:8px;z-index:1}.search-container{position:relative}.search-container ul.search-list{list-style-type:none;padding:0 10px;margin-top:5px;position:absolute;z-index:1;background-color:#fff;border:1px solid #cbd2e0;border-radius:15px;width:100%}.search-container ul.search-list .list-content{display:flex;align-items:center;border-bottom:1px solid #cbd2e0}.search-container ul.search-list li{padding:8px;cursor:pointer;font-weight:500;font-size:16px;line-height:24px;min-width:90%;word-wrap:break-word}.search-container ul.search-list li span{font-weight:700}.search-container ul.search-list li.show-all{color:#3c9d47}.search-container ul.search-list li.show-all span{font-weight:700;overflow-wrap:break-word}.dietary-supplement-section{display:flex;grid-gap:4px;gap:4px}.dietary-supplement-section .dietary-supplement-left-img{height:calc(100% - 16px);display:flex;align-items:center;width:80px;padding:0 8px}.dietary-supplement-section .dietary-supplement-left-img.--food img.--no_image{content:url(/images/healthAndWellness/foodCalories/food-details/food-default-suggest-card.svg)}@media (min-width:325px){.dietary-supplement-section .dietary-supplement-left-img.--food img.--no_image{content:url(/images/healthAndWellness/foodCalories/food-details/food-default-suggest-card_small.svg)}}.dietary-supplement-section .dietary-supplement-left-img.--supplement img.--no_image{content:url(/images/healthAndWellness/foodCalories/food-details/supplement-default-suggest-card.svg)}@media (min-width:325px){.dietary-supplement-section .dietary-supplement-left-img.--supplement img.--no_image{content:url(/images/healthAndWellness/foodCalories/food-details/supplement-default-suggest-card_small.svg)}}.dietary-supplement-section .dietary-supplement-left-img img{width:100%;border-radius:50%;height:64px;object-fit:cover}.dietary-supplement-section .dietary-supplement-left-section{padding-bottom:8px}.dietary-supplement-section .dietary-supplement-right-section{width:calc(100% - 80px);padding:8px}.dietary-supplement-section .dietary-supplement-right-title{font-size:14px;font-weight:700;font-family:"Sukhumvit Tadmai";line-height:24px;margin-top:4px;display:inline;-webkit-line-clamp:1;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;word-wrap:break-word}.dietary-supplement-section .dietary-supplement-right-calories-section,.dietary-supplement-section .dietary-supplement-right-weight-section{display:flex;align-items:center;width:50%;justify-content:space-between}.dietary-supplement-section .dietary-supplement-right-calories-title,.dietary-supplement-section .dietary-supplement-right-weight-title,.dietary-supplement-section .dietary-supplement-right-weight-unit{color:#a0abc0;font-size:14px;font-weight:500;font-family:"Sukhumvit Tadmai"}.dietary-supplement-section .dietary-supplement-right-calories-value,.dietary-supplement-section .dietary-supplement-right-weight-value{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.dietary-supplement-section .dietary-supplement-right-calories-value.green{color:#80d26c}.dietary-supplement-section .dietary-supplement-right-details{display:flex;grid-gap:4px;gap:4px}.dietary-supplement-section .line{height:1px;background:linear-gradient(90deg,transparent 50%,#cbd2e0 0);background-size:6px 2px,100% 2px}@media (max-width:324px){.dietary-supplement-section .line{display:none}}.dietary-supplement-section .vertical-line{width:1px;background:linear-gradient(180deg,transparent 50%,#cbd2e0 0);background-size:2px 6px,100% 2px}@media (max-width:324px){.dietary-supplement-section .vertical-line{display:none}}.dietary-supplement-section .dietary-supplement-right-nutrition-slots{display:flex;width:100%;justify-content:space-between;margin-top:5px}.dietary-supplement-section .dietary-supplement-right-nutrition-slot{display:flex;flex-direction:column;text-align:center}.dietary-supplement-section .dietary-supplement-right-nutrition-title-wrapper{display:flex;align-items:center}.dietary-supplement-section .dietary-supplement-right-nutrition-value{font-size:16px;font-weight:700;color:#2c2c2c;font-family:"Sukhumvit Tadmai";line-height:24px}.dietary-supplement-section .dietary-supplement-left-title,.dietary-supplement-section .dietary-supplement-right-nutrition-title,.dietary-supplement-section .dietary-supplement-right-nutrition-unit{font-size:12px;font-weight:500;color:#a0abc0;line-height:16px}.dietary-supplement-section .dietary-supplement-right-description-sm{display:flex;width:100%;flex-wrap:wrap;justify-content:space-between;margin-bottom:2px}.dietary-supplement-section .dietary-supplement-right-description-title{display:flex;align-items:center}.dietary-supplement-section .dietary-supplement-right-description-title span{color:#a0abc0;width:100%}.dietary-supplement-section .dietary-supplement-right-description-title span,.dietary-supplement-section .dietary-supplement-right-description-value{font-size:12px;font-weight:500}@media (min-width:325px){.dietary-supplement-section .dietary-supplement-right-description-sm{display:none}}@media (max-width:324px){.dietary-supplement-section .dietary-supplement-left-img{width:100%;justify-content:center;padding:8px 0}.dietary-supplement-section .dietary-supplement-left-img img{width:100%;border-radius:unset;height:auto;object-fit:cover}.dietary-supplement-section .dietary-supplement-left-title{display:none}.dietary-supplement-section .dietary-supplement-left-section{padding-bottom:0}.dietary-supplement-section .dietary-supplement-right-section{width:100%}.dietary-supplement-section .dietary-supplement-right-section .dietary-supplement-right-calories-title,.dietary-supplement-section .dietary-supplement-right-section .dietary-supplement-right-calories-value,.dietary-supplement-section .dietary-supplement-right-section .dietary-supplement-right-weight-title,.dietary-supplement-section .dietary-supplement-right-section .dietary-supplement-right-weight-value{font-size:12px}.dietary-supplement-section .dietary-supplement-right-details,.dietary-supplement-section .dietary-supplement-right-nutrition-slots,.dietary-supplement-section .dietary-supplement-section-wrapper .line{display:none}.dietary-supplement-section .dietary-supplement-right-title{font-weight:500;margin-bottom:5px}}.home-fixed-button{box-shadow:0 4px 12px 0 rgba(0,0,0,.14902);position:fixed;padding:10px;background:rgba(0,0,0,.6);bottom:0;text-align:center;width:64px;border-top-left-radius:8px;border-top-right-radius:8px;-webkit-transform:translate(-50%);transform:translate(-50%);height:48px;z-index:1}.home-fixed-button img{margin-top:5px}.white-box{background-color:#fff;height:52px;justify-content:space-between;padding:0 4px 0 12px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.white-box,.white-box .left-icon,.white-box .right-icons{display:flex;align-items:center}.white-box .left-label{font-size:16px;line-height:20px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c;padding-left:4px}.white-box .right-icons>*{padding:0 10px}.cloud-loader-wrapper{width:100%;height:100%;display:flex;background:#2c2c2c;opacity:.7;z-index:800;transition:opacity .5s ease-in;position:absolute;justify-content:center;align-items:center}.cloud-loader-wrapper .cloud-loader-wrapper-img{width:126px;height:135px}.cloud-loader-wrapper .cloud-loader-wrapper-img img{width:100%;height:100%;object-fit:contain}.loader{display:flex;justify-content:center}.loader .spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid;border-right:.25em solid transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite;color:#3c9d47}.log-card-info{display:flex;height:92px;border-radius:12px;padding:12px;grid-gap:4px;gap:4px;background-color:#fff;box-shadow:1px 8px 18px 0 rgba(44,44,44,.1);margin-bottom:16px}.log-card-info .log-card-info-img img{width:68px;height:68px;margin-right:8px;border-radius:50%;object-fit:cover}.log-card-info .exercise-log-card-info-img img{width:68px;height:68px;margin-right:8px;border-radius:10px}.log-card-info .log-card-info-content{display:flex;flex-direction:column;grid-gap:2px;gap:2px;width:80%}.log-card-info .log-card-info-content .log-title{font-size:16px;line-height:24px;font-weight:700;color:#2c2c2c;font-family:"Sukhumvit Tadmai";text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:90%}.log-card-info .log-card-info-content .log-description-wrapper{display:flex}.log-card-info .log-card-info-content .log-description-wrapper .log-description{display:flex;grid-gap:4px;gap:4px;margin-right:16px}.log-card-info .log-card-info-content .log-description-wrapper .log-description .food-log-img{width:16px;height:16px}.log-card-info .log-card-info-content .log-description-wrapper .log-description .food-log-value{font-size:14px;line-height:20px;font-weight:700;color:#2c2c2c;font-family:"Sukhumvit Tadmai"}.log-card-info .log-card-info-content .log-description-wrapper .log-description .food-log-unit{font-size:14px;line-height:20px;font-weight:500;color:#a0abc0;font-family:"Sukhumvit Tadmai";display:flex;align-items:center}.log-card-info .log-card-info-content .log-date{font-size:14px;line-height:20px;font-weight:500;font-family:"Sukhumvit Tadmai";color:#a0abc0}.log-card-info .log-card-info-content .log-date span{margin-left:8px}.circular-chart{position:absolute;top:0;width:100%;height:100%}.circular-chart svg{height:35px;width:35px}.circular-chart svg circle{width:100%;height:100%;fill:none;stroke-width:3.5px}.circular-chart svg circle:nth-of-type(2){stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--percent1) - var(--percent2))}.circular-chart svg circle:nth-of-type(3){stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--percent2))}.custom-calendar-header{font-family:"Sukhumvit Tadmai";color:#2c2c2c;font-size:16px;font-weight:700;line-height:24px;text-align:center;margin-bottom:8px}.custom-calendar.--show-navigation .react-calendar__navigation__next-button,.custom-calendar.--show-navigation .react-calendar__navigation__prev-button{display:block}.custom-calendar .react-calendar{width:auto;font-family:"Sukhumvit Tadmai";border:none}.custom-calendar .react-calendar__navigation__label{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:700;color:#2c2c2c}.custom-calendar .react-calendar__navigation__label span:after{content:url(/images/common/Arrow-dropdown.svg);margin-left:8px;vertical-align:text-top}.custom-calendar .react-calendar__navigation button:disabled,.custom-calendar .react-calendar__navigation button:enabled:focus,.custom-calendar .react-calendar__navigation button:enabled:hover{background-color:initial}.custom-calendar .react-calendar__navigation button:disabled img{-webkit-filter:grayscale(1) contrast(.2) brightness(1.6);filter:grayscale(1) contrast(.2) brightness(1.6)}.custom-calendar .react-calendar__navigation__arrow{display:none}.custom-calendar .react-calendar__navigation .custom-calendar .react-calendar__month-view__weekdays{margin-bottom:8px}.custom-calendar .react-calendar__navigation .custom-calendar .react-calendar__month-view__weekdays abbr{text-decoration:none}.custom-calendar .react-calendar__month-view__days{margin-bottom:8px}.custom-calendar .react-calendar__month-view__days__day abbr{position:relative;z-index:1}.custom-calendar .react-calendar__month-view__weekdays__weekday{font-family:"Sukhumvit Tadmai";font-size:12px;font-weight:700;color:#a0abc0}.custom-calendar .react-calendar__tile{position:relative;font-family:"Sukhumvit Tadmai";font-size:12px;font-weight:500;color:#a0abc0;padding-left:0;padding-right:0;padding-bottom:12px}.custom-calendar .react-calendar__tile:disabled{background-color:initial}.custom-calendar .react-calendar__tile:has(.calendar-future-date-tile){color:#cbd2e0}.custom-calendar .react-calendar__tile:has(.circular-chart.--inverted){color:#fff}.custom-calendar .react-calendar__tile:has(.circular-chart.--inverted):disabled{color:#a0abc0}.custom-calendar .react-calendar__tile .calendar-future-date-tile{height:32px;width:32px;border-radius:50%;background-color:#f7f9fc;position:absolute;top:18px;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.custom-calendar .react-calendar__tile .calendar-data-pointer-list{margin-top:12px;justify-content:center;display:flex;grid-gap:4px;gap:4px}.custom-calendar .react-calendar__tile .calendar-data-pointer-list .calendar-data-pointer{height:6px;width:6px;border-radius:50%}.custom-calendar .react-calendar__tile:enabled:focus,.custom-calendar .react-calendar__tile:enabled:hover{background:none}.custom-calendar .react-calendar__tile--now{background:none;font-weight:700;color:#107f47}.custom-calendar .react-calendar__tile--now .circular-chart svg circle:nth-of-type(2){fill:#f5faef}.custom-calendar .react-calendar__tile--active,.custom-calendar .react-calendar__tile--active:enabled:focus,.custom-calendar .react-calendar__tile--active:enabled:hover{background:none}.health-record-wrapper{display:flex;grid-gap:16px;gap:16px;width:50%;background:#fff;background-repeat:no-repeat;background-position:top;background-size:cover;border-radius:12px;box-shadow:1px 8px 18px 0 rgba(0,0,0,.14902)}.health-record-wrapper.--food{background-image:url(/images/healthAndWellness/foodLog/record-food-top.svg)}.health-record-wrapper.--water{background-image:url(/images/healthAndWellness/foodLog/record-water-top.svg)}.health-record-wrapper.--exercise{background-image:url(/images/healthAndWellness/foodLog/record-exercise-top.svg)}.health-record-wrapper.--steps{background-image:url(/images/healthAndWellness/foodLog/record-steps-top.svg)}.health-record-wrapper .health-record-info{display:flex;border-radius:12px;width:100%;margin-top:32%;flex-direction:column;text-align:center;justify-content:end;padding:0 0 12px}.health-record-wrapper .health-record-info .health-record-info-wrapper .health-record-info-content .left{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:700;line-height:24px;color:#2c2c2c}.health-record-wrapper .health-record-info .health-record-info-wrapper .health-record-info-content .right{font-family:"Sukhumvit Tadmai";font-size:12px;font-weight:500;line-height:16px;color:#a0abc0;margin-left:2px}.health-record-wrapper .health-record-info .health-record-info-wrapper .health-record-name{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:16px;color:#a0abc0}.health-norecord-wrapper{display:flex;grid-gap:16px;gap:16px;width:50%}.health-norecord-wrapper .health-norecord-info{display:flex;border-radius:12px;width:100%;flex-direction:column;text-align:center;box-shadow:1px 8px 18px 0 rgba(0,0,0,.14902)}.health-norecord-wrapper .health-norecord-info .health-norecord-img-wrapper{display:flex;justify-content:center;align-items:center}.health-summary-result-wrapper{display:flex;grid-gap:16px;gap:16px;width:100%;height:145px;background-size:cover;background-repeat:no-repeat;background-position:50%;border-radius:12px}.health-summary-result-wrapper.--food{background-image:url(/images/healthAndWellness/foodLog/summary-food-bg-img.svg)}.health-summary-result-wrapper.--water{background-image:url(/images/healthAndWellness/foodLog/summary-water-bg-img.svg)}.health-summary-result-wrapper .health-summary-result-info{display:flex;border-radius:12px;width:100%;flex-direction:column;text-align:center;box-shadow:1px 8px 18px 0 rgba(0,0,0,.14902);padding:20px 12px}.health-summary-result-wrapper .health-summary-result-info .health-summary-result-img-wrapper{display:flex}.health-summary-result-wrapper .health-summary-result-info .health-summary-result-img-wrapper img{object-fit:cover;width:24px;height:24px}.health-summary-result-wrapper .health-summary-result-info .health-summary-result-img-wrapper .health-summary-result-name{font-size:20px;line-height:24px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#a0abc0;margin-left:6px}.health-summary-result-wrapper .health-summary-result-info .health-summary-result-info-wrapper{display:flex;flex-direction:column;margin-top:10px}.health-summary-result-wrapper .health-summary-result-info .health-summary-result-info-wrapper .header{font-size:24px;font-weight:800;font-family:"Sukhumvit Tadmai New Bold";color:#2c2c2c}.health-summary-result-wrapper .health-summary-result-info .health-summary-result-info-wrapper .info{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#a0abc0}.health-summary-container .health-summary-info-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px 0 rgba(0,0,0,.14902);display:flex;grid-gap:10px;gap:10px;padding:11px 21px;align-items:flex-start;justify-content:flex-start}@media (min-width:768px){.health-summary-container .health-summary-info-container{justify-content:space-evenly}}.health-summary-container .health-summary-info-container .health-summary-info-wrapper{display:flex}.health-summary-container .health-summary-info-container .health-summary-info-wrapper.carbs{width:128px}.health-summary-container .health-summary-info-container .health-summary-info-wrapper.food,.health-summary-container .health-summary-info-container .health-summary-info-wrapper.protein{width:90px}.health-summary-container .health-summary-info-container .health-summary-info-wrapper.fat{width:84px}.health-summary-container .health-summary-info-container .health-summary-info-wrapper.exercise{width:110px}.health-summary-container .health-summary-info-container .health-summary-info-wrapper.time{width:98px}.health-summary-container .health-summary-info-container .health-summary-info-wrapper .img-wrapper{display:flex;align-items:flex-start;margin-right:4px}.health-summary-container .health-summary-info-container .health-summary-info-wrapper .img-wrapper img{object-fit:contain;width:22px;height:20px}.health-summary-container .health-summary-info-container .health-summary-info-wrapper .health-summary-wrapper{display:flex;flex-direction:column}.health-summary-container .health-summary-info-container .health-summary-info-wrapper .health-summary-wrapper .health-summary-header{display:flex;justify-content:center;align-items:flex-start;grid-gap:16px;gap:16px}.health-summary-container .health-summary-info-container .health-summary-info-wrapper .health-summary-wrapper .health-summary-header span{margin-bottom:0}.health-summary-container .health-summary-info-container .health-summary-info-wrapper .health-summary-wrapper .health-summary-name{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:700;line-height:22.76px;color:#a0abc0}.health-summary-container .health-summary-info-container .health-summary-info-wrapper .health-summary-wrapper .health-summary-value{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:700;line-height:29.27px;color:#2c2c2c}.health-summary-container .health-summary-info-container .health-summary-info-wrapper .health-summary-wrapper .health-summary-unit{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:22.76px;color:#a0abc0}.custom-dropdown{position:relative;display:inline-block}.custom-dropdown select{display:none}.custom-dropdown .select-styled{display:flex;justify-content:space-between;padding:4px 4px 4px 8px;border:1px solid #a0abc0;cursor:pointer;width:100px;text-transform:uppercase;font-weight:600;border-radius:62px;font-size:14px;color:#a0abc0;align-items:center;height:32px}.custom-dropdown .select-styled-text{font-weight:500;width:64px;text-align:center}.custom-dropdown .select-styled.--centered{justify-content:center}.custom-dropdown .select-options{display:block;position:absolute;top:100%;left:0;right:0;border:1px solid #a0abc0;background-color:#fff;z-index:9;list-style-type:none;padding-left:0;margin-top:5px;border-radius:12px;color:#a0abc0}.custom-dropdown .select-options.--hide{display:none}.custom-dropdown .select-options li{padding:5px 18px;cursor:pointer;font-size:14px;text-transform:uppercase;color:#a0abc0;font-weight:500}.custom-dropdown .select-options li:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.custom-dropdown .select-options li:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.custom-dropdown .select-options li.active,.custom-dropdown .select-options li:hover{background-color:#edf0f7;color:#a0abc0}.liff-numpad-panel{left:0;bottom:0;width:100%;height:0;float:right;z-index:2000;position:fixed;margin-top:200px;margin-right:34px}.liff-numpad-panel .numpad-panel{left:0;bottom:0;width:100%;height:0;position:fixed;background-color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;transition:height .2s ease-in-out;max-width:768px}.liff-numpad-panel .numpad-panel>.container-fluid{border-bottom:1px solid #cbd2e0}.liff-numpad-panel .numpad-panel .btn-close{font-family:"Sukhumvit Tadmai";top:15px;right:20px;border:none;position:absolute;font-size:larger;background-color:#fff;letter-spacing:0!important;border-radius:38px;display:flex;padding:6px 8px}body:has(.liff-numpad-panel.open){overflow:hidden}.liff-numpad-panel.open{height:100vh;z-index:999}.liff-numpad-panel.open .numpad-panel{height:250px}.numpad-container{display:flex;flex-direction:column;align-items:center}.numpad-container .container-fluid{padding:0 8px;height:44px;display:flex;align-items:center;justify-content:flex-end}.header-btn .btnClass{width:75px;height:28px;display:flex;justify-content:center;align-items:center;padding:6px;border-radius:38px;border:1px;grid-gap:4px;gap:4px;background-color:#3c9d47;color:#fff;text-align:center;font-family:"Sukhumvit Tadmai";font-weight:700;font-size:16px;line-height:20px}.header-btn .btnClass:disabled{background-color:#cbd2e0;color:#fff}.top-bar{display:flex;justify-content:center;width:150px}.input-display,.top-bar{background-color:#fff;padding:10px}.input-display{width:100%;border:1px solid #ccc}.ok-button{padding:10px 20px;border:none;background-color:#007aff;color:#fff;cursor:pointer}.ok-button:hover{background-color:#0056b3}.numpad{display:flex;flex-direction:column;background-color:#fff;width:100%;border-top:1px solid #cbd2e0;position:relative;padding:16px}.numpad-row{display:flex;justify-content:center;grid-gap:8px;gap:8px;margin-bottom:8px}.numpad-row:last-child{margin-bottom:0}.numpad-row button{font-size:24px;font-weight:500;padding:10px 20px;border:none;border-radius:6px;height:37.5px;background:#f7f9fc;cursor:pointer;flex:1 1;display:flex;align-items:center;justify-content:center}.food-overview-meal-card{box-shadow:1px 8px 18px 0 rgba(44,44,44,.101961);background:#fff;padding:12px;border-radius:12px;display:flex;justify-content:space-between;font-family:"Sukhumvit Tadmai"}.food-overview-meal-card .food-overview-meal-card-wrapper{width:100%}.food-overview-meal-card .food-overview-meal-card-wrapper .food-overview-meal-card-header-container{display:flex;justify-content:space-between;margin-bottom:8px}.food-overview-meal-card .food-overview-meal-card-wrapper .food-overview-meal-card-header-container .food-overview-meal-card-left{display:flex;align-items:center;grid-gap:6px;gap:6px}.food-overview-meal-card .food-overview-meal-card-wrapper .food-overview-meal-card-header-container .food-overview-meal-card-left .food-overview-meal-card-left-title{font-size:16px;font-weight:700;line-height:24px}.food-overview-meal-card .food-overview-meal-card-wrapper .food-overview-meal-card-header-container .food-overview-meal-card-left .food-overview-meal-card-left-value{font-size:14px;font-weight:500;color:#a0abc0;display:flex;grid-gap:2px;gap:2px}.food-overview-meal-card .food-overview-meal-card-wrapper .food-overview-meal-card-header-container .food-overview-meal-card-right{display:flex;align-items:center}.food-overview-meal-card .food-overview-meal-card-wrapper .food-overview-meal-card-header-container .food-overview-meal-card-right .btn-icon-round,.food-overview-meal-card .food-overview-meal-card-wrapper .food-overview-meal-card-header-container .food-overview-meal-card-right .btn-icon-round:active,.food-overview-meal-card .food-overview-meal-card-wrapper .food-overview-meal-card-header-container .food-overview-meal-card-right .btn-icon-round:focus,.food-overview-meal-card .food-overview-meal-card-wrapper .food-overview-meal-card-header-container .food-overview-meal-card-right .btn-icon-round:hover{height:32px;width:32px;background:#e7f4d7;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:none}.no-result-found-container{display:flex;flex-direction:column;align-items:center;margin-top:29px;padding:16px 20px}.no-result-found-container .empty-img-wrapper{width:50%}.no-result-found-container .empty-img-wrapper svg{-webkit-transform:none!important;transform:none!important}.no-result-found-container .header{margin-top:16px;font-family:"Sukhumvit Tadmai New Bold";font-weight:800;font-size:20px;line-height:28px;color:#2c2c2c}.no-result-found-container .description{font-family:"Sukhumvit Tadmai";font-weight:500;font-size:14px;line-height:20px;color:#a0abc0;margin-top:8px}.hnw-log-stepper{display:flex;grid-gap:8px;gap:8px}.hnw-log-stepper .btn{width:100%;height:45px;background:#edf0f7;font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:700;line-height:26px;color:#a0abc0}.hnw-log-stepper .btn:focus{box-shadow:none}.hnw-log-stepper .btn.--btn-active{background:#3c9d47;color:#fff}.hnw-setter-container{display:flex;flex-direction:column;grid-gap:13px;gap:13px;padding:12px;border-radius:12px;background-color:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.14902)}.hnw-setter-container__wrapper{display:flex;justify-content:space-between;align-items:center;width:100%;padding-left:6px}.hnw-setter-container__wrapper__header{display:flex;justify-content:flex-start;align-items:center;grid-gap:12px;gap:12px;width:100%}.hnw-setter-container__wrapper__values{grid-gap:8px;gap:8px}.hnw-setter-container__wrapper__values-input{width:100%;padding:8px;border-radius:12px;text-align:center;color:#80d26c;font-weight:700;font-size:16px;height:40px}.hnw-setter-container__wrapper__values button:disabled{opacity:.2}.hnw-setter-container__wrapper__values-border-green{border:1px solid #3c9d47}.hnw-setter-container__wrapper__values-border-black{border:1px solid #2c2c2c}.hnw-setter-container__wrapper__values-border-grey{border:1px solid #ced0d5}.hnw-setter-container__wrapper__values-inValid{color:#d91734}.hnw-setter-container__wrapper__unit{justify-content:center;font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:500;line-height:22px;color:#a0abc0}.hnw-setter-container__wrapper__quick-access-action .hnw-log-stepper{width:-webkit-fill-available}.hnw-setter-container__wrapper__footer{justify-content:start;grid-gap:10px;gap:10px;line-height:16px}.hnw-setter-container__wrapper__footer p{margin:0;font-family:"Sukhumvit Tadmai";font-weight:500;font-size:12px;color:#d3aa15}.hnw-setter-container__text{font-family:"Sukhumvit Tadmai";font-weight:700;line-height:26px;color:#2c2c2c}.hnw-setter-container__text-small{font-size:14px}.hnw-setter-container__text-large{font-size:18px}.hnw-setter-container__image{width:40px;height:40px;border-radius:6px}.hnw-setter-container__button{border:none;background:transparent}.hnw-setter-container__numpad liff-panel.open .select-coupon-panel{height:275px;border-radius:12px 12px 0 0}.hnw-setter-container__listCard{padding:12px 6px 2px;box-shadow:none;border:1px solid #edf0f7;border-radius:6px}.hnw-add-item-card-container{display:flex;justify-content:space-between;width:100%;height:72px;align-items:center;border-radius:12px;background-color:#fff;box-shadow:1px 8px 18px 0 rgba(44,44,44,.101961);padding:12px;grid-gap:12px;gap:12px}.hnw-add-item-card-container__details{display:flex;justify-content:center;grid-gap:12px;gap:12px;align-items:center}.hnw-add-item-card-container__details-img{border-radius:50px;height:40px;width:40px}.hnw-add-item-card-container__details-text{font-weight:700;font-family:"Sukhumvit Tadmai";font-size:18px;line-height:26px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:auto;max-width:14rem}.hnw-setter-list-container{display:flex;flex-direction:column;border-radius:12px;box-shadow:1px 8px 18px 0 rgba(44,44,44,.101961);grid-gap:12px;gap:12px;padding:12px;background-color:#fff;width:100%}.hnw-setter-list-container__header{display:flex;justify-content:space-between}.hnw-setter-list-container__header__left{display:flex;justify-content:center;grid-gap:12px;gap:12px;align-items:center}.hnw-setter-list-container__header__left-img{border-radius:50px;height:40px;width:40px}.hnw-setter-list-container__header__left-text{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:18px;line-height:26px}.hnw-setter-list-container__header-cancelBtn{color:#d91734;border:1px solid #d91734;border-radius:38px;padding:6px 8px;background:transparent;width:74px}.hnw-setter-list-container__list{display:flex;flex-direction:column;grid-gap:13px;gap:13px}.hnw-setter-list-container__list .hnw-setter-container__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.hnw-setter-list-container__list__card-container{display:flex;grid-gap:8px;gap:8px}.hnw-setter-list-container__list__card-container>div:first-child{width:auto;grid-gap:0;gap:0}.hnw-setter-list-container__list__card-container>div:last-child{flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hnw-setter-list-container__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px;background-color:#fff;border:1px solid #3c9d47;border-radius:6px;font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:700;line-height:20px}.hnw-tooltip-container{background-color:#fff;border-radius:12px;position:relative}.hnw-tooltip-container:before{content:"";display:block;position:absolute;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);left:50%;top:0;border:12px solid transparent;border-bottom:16px solid #fff}.hnw-checkbox-container{display:flex;grid-gap:12px;gap:12px;align-items:center;width:100%}.hnw-checkbox-container-text{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";line-height:20px}.hnw-success-animation-overlay{position:fixed;top:0;height:100%;width:100%;z-index:100;background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hnw-success-animation-overlay.--hide{display:none}.hnw-success-animation-container{background-color:#fff;padding:20px;margin:50% auto 0;-webkit-transform:translateY(50%);transform:translateY(50%);width:60%;box-shadow:1px 8px 18px 0 rgba(0,0,0,.14902);border-radius:12px}.calendar-button-container{width:123px;height:32px;border-radius:62px;display:flex;justify-content:space-between;padding:4px 8px 4px 12px;border:1px solid #a0abc0;align-items:center;background-color:#fff}.calendar-button-container .calendar-date-font{font-family:"Sukhumvit Tadmai";font-weight:500;font-size:14px;line-height:20px;color:#a0abc0}.calendar-button-container .dropdown-icon-align{width:22px;height:22px;background:#f7f9fc;border-radius:50%;display:flex;align-items:center;justify-content:center}.card-circle{background:none;position:relative}.card-circle .percent-circle{display:flex;justify-content:center;align-items:center;position:relative}.card-circle .percent-circle svg{width:190px;height:190px;position:relative;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.card-circle .percent-circle svg circle{fill:none;width:100%;stroke-linecap:round;stroke-width:12;stroke:#fff;height:100%}.card-circle .percent-circle svg circle:last-of-type{stroke-dasharray:560px;stroke-dashoffset:calc(560px - 560px*var(--percent)/100);stroke:url(#cl1)}.card-circle .percent-circle .number-circle{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;height:140px;width:140px;background:#fff;box-shadow:0 4px 12px 0 #a8d493;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;position:absolute}.card-circle .percent-circle .number-circle .progress-value-circle .progress-value-unit-circle{font-size:16px;font-weight:700;color:#a0abc0;font-family:"Sukhumvit Tadmai"}.card-circle .percent-circle .number-circle .progress-value-circle img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.card-circle .percent-circle .number-circle .progress-value-circle .progress-value-inner-circle{font-size:24px;font-weight:800;color:#2c2c2c;font-family:"Sukhumvit Tadmai"}.card-circle .svg-circle{display:flex;justify-content:center;align-items:center;position:relative}.card-circle .svg-circle svg{width:190px;height:190px;position:relative;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.card-circle .svg-circle svg circle{fill:none;width:100%;stroke-linecap:round;stroke-width:12;height:100%}.card-circle .svg-circle svg circle:last-of-type{stroke-dasharray:560px;stroke-dashoffset:calc(560px - 560px*var(--percent)/100)}.card-circle .svg-circle .number-circle{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;height:140px;width:140px;background:#fff;box-shadow:0 4px 12px 0 #a8d493;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;position:absolute}.card-circle .svg-circle .number-circle .progress-value-circle .progress-value-unit-circle{font-size:16px;font-weight:700;color:#a0abc0;font-family:"Sukhumvit Tadmai"}.card-circle .svg-circle .number-circle .progress-value-circle img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.card-circle .svg-circle .number-circle .progress-value-circle .progress-value-inner-circle{font-size:24px;font-weight:800;color:#eb8593;font-family:"Sukhumvit Tadmai"}.card-circle .outer-percent-circle{display:flex;justify-content:center;align-items:center;position:relative}.card-circle .outer-percent-circle svg{width:200px;height:200px;position:relative;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.card-circle .outer-percent-circle svg circle{fill:none;width:100%;stroke-linecap:round;stroke-width:14;stroke:#e4e8f1;height:100%}.card-circle .outer-percent-circle svg circle:last-of-type{stroke-dasharray:560px;stroke-dashoffset:calc(560px - 560px*var(--percent)/100);stroke:var(--stroke-color)}.card-circle .outer-percent-circle .number-centered{display:flex;align-items:center;justify-content:center;text-align:center;position:absolute;-webkit-transform:translate(-4%,-2%);transform:translate(-4%,-2%)}.card-circle .outer-percent-circle .number-centered .progress-value-circle .progress-value-inner{font-weight:800;font-family:"Sukhumvit Tadmai";font-size:24px;text-align:center;line-height:26px;padding-top:5px}.card-circle .outer-percent-circle .number-centered .progress-value-circle .progress-value-unit-container{display:flex;font-size:14px;font-weight:500;color:#2c2c2c;grid-gap:2px;gap:2px}.card-circle .outer-percent-circle .number-centered .progress-value-circle .progress-value-unit-container .health-log-food-card-nutrition-single-info-goal,.card-circle .outer-percent-circle .number-centered .progress-value-circle .progress-value-unit-container .health-log-food-card-nutrition-single-info-title,.card-circle .outer-percent-circle .number-centered .progress-value-circle .progress-value-unit-container .health-log-food-card-nutrition-single-info-unit{color:#2c2c2c}.card-circle .outer-percent-circle .number-centered .progress-value-circle .progress-value-unit-container .health-log-food-card-nutrition-single-info-unit{margin-left:3px}.card-circle .outer-percent-circle .number-centered .progress-value-circle .progress-value-unit-circle{font-size:16px;font-weight:700;color:#a0abc0;font-family:"Sukhumvit Tadmai"}.card-circle .outer-percent-circle .number-centered .progress-value-circle .progress-value-inner-circle{font-size:24px;font-weight:800;color:#2c2c2c;font-family:"Sukhumvit Tadmai"}.card-circle .outer-percent-circle .color-green{color:#3c9d47}.card-circle .outer-percent-circle .color-max{color:#eb8593}.card-circle .inner-circle{display:flex;justify-content:center;align-items:center;position:absolute;-webkit-transform:translate(-5.5%,5.5%);transform:translate(-5.5%,5.5%)}.card-circle .inner-circle svg{width:180px;height:180px;position:relative;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.card-circle .inner-circle svg circle{fill:none;width:100%;stroke-linecap:round;stroke-width:8;stroke:#fff;height:100%}.card-circle .inner-circle svg circle:last-of-type{stroke-dasharray:450px;stroke-dashoffset:calc(450px - 450px*var(--innerpercent)/100);stroke:#eb8593}.nutrition-bar-container{display:flex;grid-gap:24px;gap:24px}.nutrition-bar-container .nutrition-bar-header,.nutrition-bar-container .nutrition-bar-single{display:flex;flex-direction:column}.nutrition-bar-container .nutrition-bar-single{grid-gap:2px;gap:2px;width:33.33%}.nutrition-bar-container .nutrition-bar-single .nutrition-bar-header{grid-gap:4px;gap:4px}.nutrition-bar-container .nutrition-bar-single .nutrition-bar-header .nutrition-bar-name{font-size:12px;font-weight:500;color:#2c2c2c;text-align:center;line-height:16px}.nutrition-bar-container .nutrition-bar-single .nutrition-bar-header progress{width:100%;height:6px;border-radius:50px;background:#e9edf4}.nutrition-bar-container .nutrition-bar-single .nutrition-bar-header progress .progress-bar{background:linear-gradient(90deg,#9fdc7d,#6bc948 99.62%);border-radius:16px}.nutrition-bar-container .nutrition-bar-single .nutrition-bar-value-group{display:flex;justify-content:center;margin-top:4px;grid-gap:4px;gap:4px}.nutrition-bar-container .nutrition-bar-single .nutrition-bar-value-group .nutrition-bar-value,.nutrition-bar-container .nutrition-bar-single .nutrition-bar-value-group .nutrition-bar-value-unit{font-size:12px}.nutrition-bar-container .nutrition-bar-single .nutrition-bar-value-group .nutrition-bar-value{font-weight:700}.nutrition-bar-container .nutrition-bar-single .nutrition-bar-value-group .nutrition-bar-value-unit{font-weight:500}.nutrition-chart-heading{display:flex;justify-content:space-between;margin-bottom:26px}.nutrition-chart-heading .nutrition-chart-heading-font{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:18px;line-height:26px;color:#2c2c2c}.nutrition-card-container{padding:20px}.nutrition-card-container .card{box-shadow:1px 8px 18px 0 rgba(44,44,44,.1);border:1px solid #fff;border-radius:12px;overflow:hidden;padding:20px}.nutrition-card-container .card progress{border-radius:7px;width:100%}.nutrition-card-container .card progress::-webkit-progress-bar{background-color:#f0f0f0;border-radius:7px;height:9px}.nutrition-card-container .card progress::-webkit-progress-value{background:linear-gradient(90deg,#6cc949,#9edc7c);border-radius:7px;height:9px}.nutrition-card-container .card .nutrition-card-heading{display:flex;justify-content:flex-end;margin-bottom:12px}.nutrition-card-container .card .heading-font{font-family:"Sukhumvit Tadmai";font-weight:500;font-size:14px;line-height:20px;color:#a0abc0}.nutrition-card-container .card .padding-small{padding-right:11px}.nutrition-card-container .card .padding-large{padding-right:16px}.nutrition-card-container .card .bar-nutrition,.nutrition-card-container .card .bar-nutrition-values{display:flex;justify-content:space-between}.nutrition-card-container .card .bar-nutrition-values .values-font{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:14px;line-height:20px;color:#2c2c2c;width:62px;display:flex;justify-content:flex-end}.picker li{display:flex;justify-content:center}.modal-picker .liff-numpad-panel{background-color:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-picker .liff-numpad-panel .container-fluid{padding:0 8px;height:44px;display:flex;align-items:center;justify-content:flex-end}.modal-picker .liff-numpad-panel .header-section .header{font-size:16px;margin-top:20px;font-weight:500;text-align:center;font-family:"Sukhumvit Tadmai";color:#a0abc0}.modal-picker .liff-numpad-panel .modal-picker-wrapper .modal-picker-item{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:500;line-height:22px;color:#2c2c2c;text-wrap:nowrap}.modal-picker .liff-numpad-panel .modal-picker-wrapper .modal-picker-item.--disabled{color:#fff}.modal-picker .liff-numpad-panel .modal-picker-wrapper>div:last-of-type{z-index:-1;background:#e7f4d7}.modal-picker .liff-numpad-panel .modal-picker-wrapper>div:last-of-type>div{background:none!important}.modal-picker .liff-numpad-panel .modal-picker-wrapper.--disabled>div:last-of-type{background:#e6e6e6}.hnw-date-selector .modal-picker-wrapper .modal-picker-column:first-child,.hnw-date-selector .modal-picker-wrapper .modal-picker-column:nth-child(2),.hnw-date-selector .modal-picker-wrapper .modal-picker-column:nth-child(3){flex:initial!important}.hnw-date-selector .modal-picker-wrapper .modal-picker-column:first-child,.hnw-date-selector .modal-picker-wrapper .modal-picker-column:nth-child(3){width:30%}.hnw-date-selector .modal-picker-wrapper .modal-picker-item{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:500;line-height:22px;color:#2c2c2c}.hnw-date-selector .modal-picker-wrapper>div:last-of-type{z-index:-1;background:#e7f4d7}.hnw-date-selector .modal-picker-wrapper>div:last-of-type>div{background:none!important}.modal-picker .liff-numpad-panel.open{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-picker .liff-numpad-panel.open .numpad-panel{height:300px}.modal-picker .liff-numpad-panel.open .numpad-panel:has(.month-view){height:328px}.modal-picker .liff-numpad-panel.open .numpad-panel:has(.month-view.--no-header){height:276px}.modal-picker .calendar-date-modal-header{display:flex;justify-content:center;align-items:center;grid-gap:48px;gap:48px;margin:8px 0 12px}.modal-picker .calendar-date-modal-header_label{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#3c9d47}.modal-picker .calendar-date-modal-header-icon{width:40px}.modal-picker .calendar-date-modal-header-icon.--right{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.modal-picker .calendar-date-modal-header-icon.--hide{visibility:hidden}.modal-picker-body{width:100%;padding:0 4px 0 16px;display:flex;flex-wrap:wrap;grid-gap:12px;gap:12px}.modal-picker-body .date-picker-item{padding:6px 12px;font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";border-radius:38px;text-align:center}.modal-picker-body .date-picker-item.previous-value{background:#f7f9fc;color:#3c9d47}.modal-picker-body .date-picker-item.current-value{background:#3c9d47;color:#fff}.modal-picker-body .date-picker-item.next-value{border:1px solid #f7f9fc;background:#fff;color:#cbd2e0}.modal-picker-body.week-view .date-picker-item{width:calc(50% - 12px)}.modal-picker-body.month-view{margin-top:12px}.modal-picker-body.month-view .date-picker-item{width:calc(33% - 12px)}.picker-window{position:absolute;background:#e7f4d7;height:42px;left:0;top:50%;-webkit-transform:translateY(-65%);transform:translateY(-65%);width:100%;pointer-events:none;z-index:0}.picker{display:inline-grid;border-radius:15px;background:transparent;font-size:calc(.5rem + 2.4vw);position:relative;font-weight:400;width:100%;text-align:center;justify-content:center}.picker:after,.picker:before{content:"";position:absolute;width:100%;height:2.2em;z-index:2}.picker:before{top:0;background:linear-gradient(#fff,hsla(0,0%,100%,.3))}.picker:after{bottom:0;height:2.4em;background:linear-gradient(hsla(0,0%,100%,.3),#fff)}.picker ul{-ms-overflow-style:none;max-height:12em;overflow-y:scroll;width:100%;margin:0;scroll-snap-type:y mandatory;padding-bottom:3em;padding-top:2em;z-index:1}.picker ul::-webkit-scrollbar{display:none}.picker li{scroll-snap-align:center;height:42px;line-height:42px;text-align:right;word-spacing:.2em}.picker-day{padding-right:.5em}.picker-day span{padding-left:.56em}#deleteModalAndroid .modal-content{border-radius:2px;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);max-width:286px;margin:auto;width:100%;background-color:#fff}#deleteModalAndroid .modal-body{padding:22px 24px 21px;height:67px}#deleteModalAndroid .modal-heading{font-size:16px;font-weight:400;margin-bottom:0;color:rgba(60,60,67,.6);line-height:24px}#deleteModalAndroid .modal-heading-black{color:#2c2c2c}#deleteModalAndroid .modal-footer{border-top:none;padding:8px;align-items:center;grid-gap:8px;gap:8px}#deleteModalAndroid .btn-link-blue,#deleteModalAndroid .btn-link-default{color:#5856d6}#deleteModalAndroid .btn-link-red{color:#d91734}#deleteModalAndroid .btn-link-black{color:#2c2c2c}#deleteModalAndroid .btn-link-default,#deleteModalAndroid .btn-link-red{font-size:14px;font-weight:500;padding:10px 8px;margin:0;height:36px;line-height:16px}#deleteModalios .modal-content{background:#f8f8f8;max-width:270px;width:100%;border-radius:14px;margin:auto}#deleteModalios .modal-body{padding-top:19px;padding-bottom:15px}#deleteModalios .modal-heading-ios{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai";margin-bottom:0;line-height:26px;text-align:center}#deleteModalios .modal-heading-exercise{max-width:160px!important}#deleteModalios .modal-footer{border-top:1px solid rgba(60,60,67,.36);padding:0;height:44px;display:flex}#deleteModalios .modal-footer button,#deleteModalios .modal-footer button:active,#deleteModalios .modal-footer button:focus,#deleteModalios .modal-footer button:hover{width:50%;margin:0;box-shadow:none}#deleteModalios .btn-link-default,#deleteModalios .btn-link-red{font-size:17px;line-height:22px;height:42px;border-radius:0;font-family:"Sukhumvit Tadmai"}#deleteModalios .btn-link-default{color:#2c2c2c;font-weight:400;font-family:"Sukhumvit Tadmai"}#deleteModalios .btn-link-red{color:#d91734;font-weight:600;font-family:"Sukhumvit Tadmai"}.delete-modal-panel.open{width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;top:0;left:0;font-family:"Sukhumvit Tadmai"}.delete-modal{display:inline}.sukhmai-text{font-family:"Sukhumvit Tadmai"}.sukhmai-bold-text{font-family:"Sukhumvit Tadmai New Bold"}.btn-link-red-sf-pro-regular,.sf-pro-heading{font-family:"SF Pro Regular"!important;font-weight:590!important}.btn-link-red-sf-pro-regular{color:#d91734!important;font-size:17px!important}.btn-cancel-sf-pro{font-family:"SF Pro Regular"!important;font-weight:400!important;font-size:17px!important}.text-centered{display:flex;justify-content:center}.font-16{font-size:16px!important}.btn-cancel-roboto,.btn-link-red-roboto{font-family:"Roboto Medium"!important;font-size:14px!important;font-weight:500!important}.btn-link-red-roboto{color:#d91734!important}.roboto-medium-heading{font-family:"Roboto Medium"!important}.liff-picker-panel{left:0;bottom:0;width:100%;height:0;float:right;z-index:2000;position:fixed;margin-top:200px;margin-right:34px}.liff-picker-panel .picker-panel{left:0;bottom:0;width:100%;height:0;position:fixed;background-color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;transition:height .2s ease-in-out;max-width:768px}.liff-picker-panel .picker-panel .modal-content{border-radius:0;border:none;border-top-left-radius:24px;border-top-right-radius:24px;padding:0}.liff-picker-panel .picker-panel .modal-content .modal-header{display:inline-block;padding:8px;margin-bottom:4px;border-bottom:1px solid #d3d3d3}.liff-picker-panel .picker-panel .modal-content .modal-header .btn-green-rounded{padding:6px 20px;float:right;background:#3c9d47;color:#fff;border-radius:38px;font-size:14px;font-weight:700;font-family:"Sukhumvit Tadmai";line-height:20px;height:28px}.liff-picker-panel .picker-panel .modal-content .modal-body{padding:0 0 16px;display:flex}.liff-picker-panel .picker-panel .modal-content .modal-body .picker-window{position:absolute;background:#e7f4d7;height:42px;left:0;top:50%;-webkit-transform:translateY(-65%);transform:translateY(-65%);width:100%;pointer-events:none;z-index:0}.liff-picker-panel .picker-panel .modal-content .modal-body .picker{display:inline-grid;border-radius:15px;background:transparent;font-size:calc(.5rem + 2.4vw);position:relative;font-weight:400;width:100%;text-align:center;justify-content:center}.liff-picker-panel .picker-panel .modal-content .modal-body .picker:after,.liff-picker-panel .picker-panel .modal-content .modal-body .picker:before{content:"";position:absolute;width:100%;height:2.2em;z-index:2}.liff-picker-panel .picker-panel .modal-content .modal-body .picker:before{top:0;background:linear-gradient(#fff,hsla(0,0%,100%,.3))}.liff-picker-panel .picker-panel .modal-content .modal-body .picker:after{bottom:0;height:2.4em;background:linear-gradient(hsla(0,0%,100%,.3),#fff)}.liff-picker-panel .picker-panel .modal-content .modal-body .picker ul{-ms-overflow-style:none;max-height:12em;overflow-y:scroll;width:100%;margin:0;scroll-snap-type:y mandatory;padding-bottom:3em;padding-top:2em;z-index:1}.liff-picker-panel .picker-panel .modal-content .modal-body .picker ul::-webkit-scrollbar{display:none}.liff-picker-panel .picker-panel .modal-content .modal-body .picker li{scroll-snap-align:center;height:42px;line-height:42px;text-align:right;word-spacing:.2em}.liff-picker-panel .picker-panel .modal-content .modal-body .picker-day{padding-right:.5em}.liff-picker-panel .picker-panel .modal-content .modal-body .picker-day span{padding-left:.56em}.liff-picker-panel .picker-panel .btn-close{font-family:"Sukhumvit Tadmai";top:15px;right:20px;border:none;position:absolute;font-size:larger;background-color:#fff;letter-spacing:0!important;border-radius:38px;display:flex;padding:6px 8px}.liff-picker-panel.open{height:100vh;z-index:1;background-color:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.liff-picker-panel.open .picker-panel{height:280px}.circle-home-card{background:none}.circle-home-card,.circle-home-card .percent{position:relative;display:flex;align-items:center}.circle-home-card .percent{justify-content:center}.circle-home-card .percent svg{position:relative;width:138px;height:138px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.circle-home-card .percent svg circle{width:100%;height:100%;fill:none;stroke:#f0f0f0;stroke-width:10;stroke-linecap:round}.circle-home-card .percent svg circle:last-of-type{stroke-dasharray:390px;stroke-dashoffset:calc(390px - 390px*var(--percent)/100);stroke-linecap:round;stroke:url(#gradient)}.circle-home-card .percent .number{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.circle-home-card .percent .number h3{font-weight:200;font-size:10px}.circle-home-card .percent .number h3 span{font-size:14px}.circle-home-card .exercise-circle{position:relative;display:flex;justify-content:center;align-items:center}.circle-home-card .exercise-circle svg{position:relative;width:138px;height:138px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.circle-home-card .exercise-circle svg circle{width:100%;height:100%;fill:none;stroke-width:10;stroke-linecap:round}.circle-home-card .exercise-circle svg circle:last-of-type{stroke-dasharray:580px;stroke-dashoffset:calc(580px - 580px*var(--percent)/100);stroke-linecap:round;stroke:url(#paint0_linear_495_40980)}.circle-home-card .exercise-circle .number{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.circle-home-card .exercise-circle .number h3{font-weight:200;font-size:10px}.circle-home-card .exercise-circle .number h3 span{font-size:14px}.circle-home-card .water-circle{position:relative;display:flex;justify-content:center;align-items:center}.circle-home-card .water-circle svg{position:relative;width:138px;height:138px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.circle-home-card .water-circle svg circle{width:100%;height:100%;fill:none;stroke-width:10;stroke-linecap:round}.circle-home-card .water-circle svg circle:last-of-type{stroke-dasharray:580px;stroke-dashoffset:calc(580px - 580px*var(--percent)/100);stroke-linecap:round;stroke:url(#paint0_linear_495_40976)}.circle-home-card .water-circle .number{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.circle-home-card .water-circle .number h3{font-weight:200;font-size:10px}.circle-home-card .water-circle .number h3 span{font-size:14px}.circle-home-card .food-circle{position:relative;display:flex;justify-content:center;align-items:center}.circle-home-card .food-circle svg{position:relative;width:138px;height:138px;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.circle-home-card .food-circle svg circle{width:100%;height:100%;fill:none;stroke-width:10;stroke-linecap:round}.circle-home-card .food-circle svg circle:last-of-type{stroke-dasharray:580px;stroke-dashoffset:calc(580px - 580px*var(--percent)/100);stroke-linecap:round;stroke:url(#paint0_linear_495_40960)}.circle-home-card .food-circle .number{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.circle-home-card .food-circle .number h3{font-weight:200;font-size:10px}.circle-home-card .food-circle .number h3 span{font-size:14px}.progress-card{border:none}.progress-value img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.progress-value span{font-size:12px;text-transform:uppercase}.progress-value .progress-value-inner{font-weight:800;font-family:"Sukhumvit Tadmai";font-size:24px;text-align:center;line-height:26px}.progress-value .color-black{color:#2c2c2c}.progress-value .color-max{color:#eb8593}.progress-value .progress-value-unit-container{display:flex;font-size:12px;font-weight:500;color:#a0abc0;grid-gap:2px;gap:2px}.health-log-empty-item-card{box-shadow:1px 8px 18px 0 rgba(44,44,44,.1);padding:8px;border-radius:12px;background:#fff;height:200px;position:relative;overflow:hidden;background-position:50%}.health-log-empty-item-card .bg-empty-item{width:100%;height:200px;margin:0;object-fit:cover}.health-log-empty-item-card.--food{background-image:url(/images/healthAndWellness/foodLog/food-goal-empty.svg)}.health-log-empty-item-card.--water{background-image:url(/images/healthAndWellness/foodLog/water-goal-empty.svg)}.health-log-empty-item-card.--activity{background-image:url(/images/healthAndWellness/foodLog/activity-goal-empty.svg)}.add-empty-item-content-section{padding:0}.inner-empty-item-description{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.inner-empty-item-description h6{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c;line-height:24px;padding:0 24px;white-space:pre-wrap}.health-log-empty-item-card-body,.health-log-empty-item-card-header{display:flex;justify-content:space-between;align-items:center}.health-log-empty-item-card-header{margin-bottom:8px}.health-log-empty-item-card-header-left{display:flex;width:50%;align-items:center;grid-gap:4px;gap:4px}.health-log-empty-item-card-header-left h6{font-size:16px;font-weight:700;line-height:24px;font-family:"Sukhumvit Tadmai";margin-bottom:0}.health-log-empty-item-card-body{grid-gap:8px;gap:8px}.health-log-empty-item-card-nutrition-single-info-goal,.health-log-empty-item-card-nutrition-single-info-title,.health-log-empty-item-card-nutrition-single-info-unit{color:#a0abc0}.health-log-empty-item-card-body-right{width:60%;display:flex;flex-direction:column}.health-log-empty-item-card-nutrition-single-info .health-log-empty-item-card-nutrition-single-info-inner-container,.health-log-empty-item-card-nutrition-single-info .health-log-empty-item-card-nutrition-single-info-right,.health-log-empty-item-card-nutrition-single-info .health-log-empty-item-card-nutrition-unit-container{display:flex;font-size:14px;grid-gap:2px;gap:2px}.health-log-empty-item-card-nutrition-single-info .health-log-empty-item-card-nutrition-single-info-inner-container{justify-content:space-between;margin-bottom:4px;align-items:center}.health-log-empty-item-card-nutrition-single-info .health-log-empty-item-card-nutrition-single-info-left{display:flex;align-items:center;grid-gap:2px;gap:2px}.health-log-excercise-card{box-shadow:1px 8px 18px 0 rgba(44,44,44,.1);padding:8px;border-radius:12px;background:#fff}.health-log-excercise-card .bg-excercise{width:100%}.health-log-excercise-card{width:50%;height:200px;position:relative;overflow:hidden}.add-excercise-content-section{padding:0}.inner-excercise-description{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.inner-excercise-description h6{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c;line-height:24px;padding:0 24px}.health-log-excercise-card-header{display:flex;justify-content:space-between;align-items:center}.health-log-excercise-card-header-left{display:flex;width:50%;align-items:center;grid-gap:4px;gap:4px}.health-log-excercise-card-header-left h6{font-size:16px;font-weight:700;line-height:24px;font-family:"Sukhumvit Tadmai";margin-bottom:0;white-space:nowrap;overflow:visible}.health-log-excercise-card-header{margin-bottom:8px}.excercise-circle-chart{display:flex;justify-content:center}progress{border-radius:7px;width:100%;-webkit-appearance:none;appearance:none}progress::-webkit-progress-bar{background-color:#f0f0f0;border-radius:7px;height:9px}progress::-webkit-progress-value{border-radius:7px;height:9px;background:linear-gradient(90deg,#68c846,#9fdc7d)}progress.--water::-webkit-progress-value{background:linear-gradient(90deg,#39b0ff,#9dddff)}progress.--exercise::-webkit-progress-value,progress.--time::-webkit-progress-value{background:linear-gradient(90deg,#ff9494,#ff9d66);border-radius:16px;height:9px}.health-log-food-card{box-shadow:1px 8px 18px 0 rgba(44,44,44,.1);padding:8px;border-radius:12px;background:#fff}.health-log-food-card .bg-food{width:100%}.health-log-food-card{height:200px;position:relative;overflow:hidden}.add-food-content-section{padding:0}.inner-food-description{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.inner-food-description h6{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c;line-height:24px;padding:0 24px}.health-log-food-card-body,.health-log-food-card-header{display:flex;justify-content:space-between;align-items:center}.health-log-food-card-header{margin-bottom:8px}.health-log-food-card-header-left{display:flex;width:50%;align-items:center;grid-gap:4px;gap:4px}.health-log-food-card-header-left h6{font-size:16px;font-weight:700;line-height:24px;font-family:"Sukhumvit Tadmai";margin-bottom:0}.btn-icon-round{border:none;border-radius:50%;display:flex;justify-content:center;align-items:center}.health-log-food-card-body{grid-gap:8px;gap:8px}.health-log-food-card-nutrition-single-info-goal,.health-log-food-card-nutrition-single-info-title,.health-log-food-card-nutrition-single-info-unit{color:#a0abc0}.progress-card-green-1.card svg circle{stroke:#f0f0f0}.progress-card-green-2.card svg circle{stroke:#e3f1d7}.progress-card-green-3.card svg circle{stroke:#e5eedb}.health-log-food-card-body-right{width:60%;display:flex;flex-direction:column}.health-log-food-card-nutrition-single-info .health-log-food-card-nutrition-single-info-inner-container,.health-log-food-card-nutrition-single-info .health-log-food-card-nutrition-single-info-right,.health-log-food-card-nutrition-single-info .health-log-food-card-nutrition-unit-container{display:flex;font-size:14px;grid-gap:2px;gap:2px}.health-log-food-card-nutrition-single-info .health-log-food-card-nutrition-single-info-inner-container{justify-content:space-between;margin-bottom:4px;align-items:center}.health-log-food-card-nutrition-single-info .health-log-food-card-nutrition-single-info-left{display:flex;align-items:center;grid-gap:2px;gap:2px}.health-log-water-card{box-shadow:1px 8px 18px 0 rgba(44,44,44,.1);padding:8px;border-radius:12px;background:#fff;width:50%;height:200px;position:relative;overflow:hidden}.health-log-water-card .bg-water{width:100%}.add-water-content-section{padding:0}.inner-water-description{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.inner-water-description h6{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c;line-height:24px;padding:0 24px}.health-log-water-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.health-log-water-card-header-left{display:flex;width:50%;align-items:center;grid-gap:4px;gap:4px}.health-log-water-card-header-left h6{font-size:16px;font-weight:700;line-height:24px;font-family:"Sukhumvit Tadmai";margin-bottom:0;white-space:nowrap;overflow:visible}.btn-icon-round{height:24px;width:24px;background:#f7f9fc}.water-circle-chart{display:flex;justify-content:center}.health-log-section{position:relative;width:100%;top:-40px}.health-log-section .food-log-container{display:flex;grid-gap:12px;gap:12px}.health-log-section .food-log-container.two-cards>div{width:50%}.health-log-section .food-log-container>div{flex-grow:1}@media (min-width:324px){.homelog-mobile-lg{display:block}.homelog-mobile-sm{display:none}}@media (max-width:324px){.homelog-mobile-lg{display:none}.homelog-mobile-sm{display:block}.health-log-section{top:-45px}.health-log-content-heading{margin-top:30px}.health-log-content-subheading{padding:0 24px}}.health-log-content-subheading{font-size:16px;font-weight:500;line-height:20px;padding:0 50px;margin-bottom:16px}.health-log-content-wrapper{position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;width:calc(100% - 32px)}.health-log-content-food{margin-bottom:16px}.health-log-content-heading{font-size:24px;font-weight:800;font-family:"Sukhumvit Tadmai";line-height:26px;margin-bottom:8px}.health-log-content-heading,.health-log-content-subheading{text-align:center}@media (max-width:324px){.health-log-content-heading{margin-top:30px}}.health-log-water-card-container{display:flex;justify-content:space-between;align-items:center;grid-gap:16px;gap:16px}.hnw-footer-main{position:fixed;bottom:-6px;width:calc(100% + 18px);left:-9px;z-index:9;overflow:hidden}.hnw-footer-main-img{width:100%}.hnw-footer-main__bottom-wrapper{display:flex;position:absolute;z-index:10;top:40%;width:100%;padding:0 15px}.hnw-footer-main__bottom-wrapper .footer-tab{width:20%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px;cursor:pointer}.hnw-footer-main__bottom-wrapper .footer-tab-name{font-size:12px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#777d79;transition:color .5s ease}.hnw-footer-main__bottom-wrapper .footer-tab-active .footer-tab-name{color:#3c9d47}.hnw-footer-main__bottom-wrapper .footer-tab-active img{visibility:hidden}.recommended-exercise-container .recommended-exercise-card-single{box-shadow:1px 8px 18px 0 rgba(44,44,44,.1);background:#fff;border-radius:12px;padding:12px;display:flex;justify-content:space-between;align-items:center;grid-gap:8px;gap:8px;margin-bottom:16px}.recommended-exercise-container .recommended-exercise-card-single .recommended-exercise-card-details{width:calc(100% - 96px);display:flex;flex-direction:column;grid-gap:4px;gap:4px}.recommended-exercise-container .recommended-exercise-card-single .recommended-exercise-card-details .recommended-exercise-card-name{font-size:18px;font-weight:700;line-height:26px;font-family:"Sukhumvit Tadmai";color:#2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.recommended-exercise-container .recommended-exercise-card-single .recommended-exercise-card-details .recommended-exercise-card-type{font-size:14px;font-weight:500;color:#2c2c2c;font-family:"Sukhumvit Tadmai";line-height:20px}.recommended-exercise-container .recommended-exercise-card-single .recommended-exercise-card-details .recommended-exercise-card-time{font-size:14px;font-weight:500;color:#a0abc0;display:flex;align-items:center;grid-gap:4px;gap:4px;font-family:"Sukhumvit Tadmai"}.recommended-exercise-container .recommended-exercise-card-single .recommended-exercise-card-details .recommended-exercise-duration,.recommended-exercise-container .recommended-exercise-card-single .recommended-exercise-card-details .recommended-exercise-unit{font-size:14px;line-height:20px;font-weight:500;font-family:"Sukhumvit Tadmai";color:#a0abc0}.recommended-exercise-container .recommended-exercise-card-single .recommended-exercise-card-details .activity-icon-wrapper{display:flex;align-items:center;grid-gap:8px;gap:8px}.recommended-exercise-container .recommended-exercise-card-single .recommended-exercise-card-details .activity-icon-wrapper .activity-icon-list{display:flex;align-items:center;grid-gap:4px;gap:4px}.recommended-exercise-container .recommended-exercise-card-single .recommended-exercise-card-details .activity-icon-wrapper .activity-icon-list img{width:16px;height:16px}.recommended-exercise-container .recommended-exercise-card-single .recommended-exercise-card-details .activity-icon-wrapper .activity-icon-list .activity-icon-value{font-weight:700;font-size:14px;color:#2c2c2c;line-height:20px;font-family:"Sukhumvit Tadmai"}.goal-card-container .goal-excercise-card-single{box-shadow:1px 8px 18px 0 rgba(44,44,44,.1);background:#fff;padding:12px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;grid-gap:8px;gap:8px;margin-bottom:16px}.goal-card-container .goal-excercise-card-single .goal-excercise-card-col1,.goal-card-container .goal-excercise-card-single .goal-excercise-card-col2,.goal-card-container .goal-excercise-card-single .goal-excercise-card-col3{display:flex}.goal-card-container .goal-excercise-card-single .goal-excercise-card-details{width:calc(100% - 96px)}.goal-card-container .goal-excercise-card-single .goal-excercise-card-col1,.goal-card-container .goal-excercise-card-single .goal-excercise-card-col2{justify-content:space-between}.goal-card-container .goal-excercise-card-single .goal-excercise-burn-unit,.goal-card-container .goal-excercise-card-single .goal-excercise-burn-value,.goal-card-container .goal-excercise-card-single .goal-excercise-card-col1,.goal-card-container .goal-excercise-card-single .goal-excercise-card-col1 .goal-excercise-card-col1-left,.goal-card-container .goal-excercise-card-single .goal-excercise-card-col1 .goal-excercise-card-col1-right{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c;line-height:26px}.goal-card-container .goal-excercise-card-single .goal-excercise-card-col1 .goal-excercise-card-col1-left{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:75%}.goal-card-container .goal-excercise-card-single .goal-excercise-card-col2{font-size:14px;font-weight:500;line-height:20px;color:#a0abc0;font-family:"Sukhumvit Tadmai";margin-bottom:2px}.goal-card-container .goal-excercise-card-single .goal-excercise-card-col2-right{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:20px;text-align:left;color:#a0abc0}.goal-card-container .goal-excercise-card-single .goal-excercise-card-col2-left{display:flex;flex-direction:column;color:#2c2c2c}.goal-card-container .goal-excercise-card-single .goal-excercise-card-col2-left .menu-name{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:700;line-height:26px;text-align:left}.goal-card-container .goal-excercise-card-single .goal-excercise-card-col2-left .cat-name{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:20px;text-align:left;color:#a0abc0}.goal-card-container .goal-excercise-card-single .goal-excercise-card-col3{grid-gap:4px;gap:4px;align-items:center;margin-top:6px;font-family:"Sukhumvit Tadmai"}.goal-card-container .goal-excercise-card-single .goal-excercise-card-col3 img{width:16px;height:16px}.goal-card-container .goal-excercise-card-single .goal-excercise-burn-unit{color:#2c2c2c;font-weight:500;font-size:14px;line-height:20px;font-family:"Sukhumvit Tadmai"}.goal-card-container .goal-excercise-card-single .progress{background:none;height:9px}.goal-card-container .goal-excercise-card-single .progress .progress-bar{background:linear-gradient(90deg,#ff4337,#ff9d66);border-radius:16px}.calendar-loader{position:fixed;z-index:9999}.calendar-loader.--hide-loading{display:none}.calendar-loader-content{width:184px;height:184px}.input-modal-dialog{border:none;background:transparent;padding:0;margin:0;z-index:100}.input-modal-dialog__content{position:fixed;bottom:235px;background:#fff;width:100%;height:335px;border-radius:24px 24px 0 0;padding:20px}.input-modal-dialog__numpad-container{position:fixed;bottom:0;height:250px;background:#fff;width:100%;border-top-left-radius:12px;border-top-right-radius:12px;transition:height .2s ease-in-out;max-width:768px;box-shadow:1px 8px 18px 0 rgba(44,44,44,.2)}.input-modal-dialog__numpad-container-blank{box-shadow:none;border-radius:0}.input-modal-dialog::-webkit-backdrop{background:rgba(26,26,26,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.input-modal-dialog::backdrop{background:rgba(26,26,26,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.food-overview-input-modal-container{display:flex;flex-direction:column;grid-gap:4px;gap:4px;padding:20px;font-family:"Sukhumvit Tadmai"}@media (max-width:380px){.food-overview-input-modal-container{padding:20px 0}}.food-overview-input-modal-container-heading{font-family:"Sukhumvit Tadmai New Bold";font-size:20px;line-height:28px}.food-overview-input-modal-container-description{font-weight:700;font-size:16px;margin-bottom:0}@media (max-width:341px){.food-overview-input-modal-container-description{font-size:15.5px}}@media (max-width:321px){.food-overview-input-modal-container-description{font-size:15.3px}}.food-overview-input-modal-container .description-container{margin:8px 0;line-height:24px}.hnw-weight-accordian-container{box-shadow:0 4px 12px 0 rgba(0,0,0,.15);border-radius:12px;padding:0 16px;background:#fff}.hnw-weight-accordian-container .hnw-weight-accordian-single{padding:12px 0;height:52px;border-bottom:1px solid #cbd2e0}.hnw-weight-accordian-container .hnw-weight-accordian-single:last-of-type{border-bottom:none}.hnw-input-box-wrapper{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.hnw-input-box-wrapper__group{display:flex;justify-content:space-between;grid-gap:4px;gap:4px}.hnw-input-box-wrapper__group-label{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:500;line-height:22px;color:#2c2c2c}.hnw-input-box-wrapper__value{font-family:"Sukhumvit Tadmai";font-weight:700;line-height:20px;font-size:16px;color:#80d26c}.hnw-input-box-wrapper__value.--no-value{font-size:14px;color:#d91734}.rect-badge-container{height:31px;border-radius:8px;padding:5px 14px;grid-gap:8px;gap:8px;background:#fff;color:#2c2c2c;box-shadow:0 4px 20px 0 rgba(44,44,44,.1);display:flex;justify-content:center}.rect-badge-container .rect-badge-unit-section{font-size:16px;line-height:24px;font-weight:700;font-family:"Sukhumvit Tadmai"}.rect-badge-container .rect-badge-icon{display:flex;justify-content:center;align-items:center}.rect-badge-container .rect-badge-icon img{width:12px;height:12px}.rect-badge-container.header{background:#eafff3;color:#008f3c}.rect-badge-container.error-badge{background:#fcebe9;color:#dd3825}.rect-badge-container.warning-badge{background:#f8e5d1;color:#a66400}.rect-badge-container.success-badge{background:#eafff3;color:#008f3c}.rect-badge-container.no-member-badge{background:#f2f2f2;color:#2c2c2c}.rect-badge-container.bmi-low{background-color:#e4eefc;color:#83bbfb}.rect-badge-container.bmi-normal{background-color:#eafff3;color:#008f3c}.rect-badge-container.bmi-fat-1{background-color:#fdf4d7;color:#f9ce3a}.rect-badge-container.bmi-fat-2{background-color:#fff1e0;color:#ffa552}.rect-badge-container.bmi-fat-3{background-color:#f9e6e5;color:#df726e}.rect-badge-container.weight-fat-inc{background-color:#ffe2e2;color:#d91734}.rect-badge-container.muscle-inc,.rect-badge-container.weight-fat-dec{background-color:#eafff3;color:#008f3c}.rect-badge-container.muscle-dec{background-color:#ffe2e2;color:#d91734}.rect-badge-container.inactive-badge{background-color:#e0e0e0;color:#5e5e5e}.rect-badge-container.points-badge{background-color:#2c2c2c;color:#fff}.challenge-btn-container{height:44px;border-radius:10px;grid-gap:8px;gap:8px;display:flex;align-items:center;justify-content:center}.challenge-btn-container-title{height:24px;font-size:16px;font-weight:800;line-height:24px;text-align:center;color:#2c2c2c;font-family:"Sukhumvit Tadmai New Bold"}.challenge-btn-container.successBtn{border-radius:80px;height:44px;display:inline-block;background:linear-gradient(135deg,#057036 -39.29%,#51ba62 82.14%) padding-box,linear-gradient(132.38deg,#abecb0 -14.45%,#16570a 122.44%) border-box;border:4px solid transparent;box-shadow:4px 4px 18px 0 #bedec3;display:flex;align-items:center;justify-content:center}.challenge-btn-container.successBtn .challenge-btn-container-title{color:#f0f0f0;height:24px;font-size:16px;font-weight:800;line-height:24px;text-align:center;font-family:"Sukhumvit Tadmai New Bold"}.challenge-btn-container.detailBtn{width:-webkit-max-content;width:max-content;border-radius:48px;background-color:#f2f7f1;padding:0 24px}.challenge-btn-container.detailBtn .challenge-btn-container-title{color:#008f3c;height:24px;font-size:16px;font-weight:800;line-height:24px;text-align:center;font-family:"Sukhumvit Tadmai New Bold"}.challenge-btn-container.secondaryBtn{border-radius:80px;height:44px;display:inline-block;background:linear-gradient(107.74deg,#e6e6e6 27.91%,#fefefe 98.01%) padding-box,linear-gradient(139.18deg,#fbfbfb 16.07%,#dcdcdc 93.35%) border-box;border:2.5px solid transparent;box-shadow:4px 4px 18px 0 rgba(44,44,44,.2);display:flex;align-items:center;justify-content:center}.team-rect-card-container .challenge-rect-card-container{width:100%}.team-rect-card-container .challenge-rect-card-container .walking-steps{display:flex;flex-direction:column}.team-rect-card-container .challenge-rect-card-container .walking-steps .average-steps .average-steps-heading{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:21px;text-align:left;color:#2c2c2c;padding-right:4px}.team-rect-card-container .challenge-rect-card-container .walking-steps .average-steps .average-steps-qty{font-family:"GT Walsheim Pro";font-size:14px;font-weight:400;line-height:21px;text-align:left;color:#2c2c2c;padding-right:4px}.team-rect-card-container .challenge-rect-card-container .walking-steps .average-steps .average-steps-unit{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:21px;text-align:left;color:#2c2c2c}.team-rect-card-container .challenge-rect-card-container .walking-steps-heading{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:700;line-height:27px;text-align:left;color:#2c2c2c}.team-rect-card-container .challenge-rect-card-container .walking-steps-heading.bodyClass{font-size:16px;font-weight:800;line-height:24px;font-family:"Sukhumvit Tadmai New Bold"}.team-rect-card-container .challenge-rect-card-container .walking-steps-heading-qty{font-size:28px;font-weight:700;line-height:48px;font-family:"GT Walsheim Pro"}.team-rect-card-container .challenge-rect-card-container .walking-steps-heading-unit{font-size:14px;font-weight:500;line-height:21px;font-family:"Sukhumvit Tadmai"}.team-rect-card-container .challenge-rect-card-container .walking-steps-amt{font-family:"GT Walsheim Pro";font-size:28px;font-weight:700;line-height:48px;letter-spacing:-.02em;text-align:left;color:#3c9d47;padding-right:4px}.team-rect-card-container .challenge-rect-card-container .walking-steps-unit{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:21px;text-align:left;color:#2c2c2c}.team-rect-card-container .challenge-rect-card-container .card-flex-align{display:flex;flex-direction:column;justify-content:space-between;width:100%}.team-rect-card-container .challenge-rect-card-container .card-flex-align .challenge-card-top{display:flex;justify-content:space-between;flex-direction:row}.team-rect-card-container .challenge-rect-card-container .card-flex-align .challenge-card-top .btn-icon-round img{width:8px;height:13px}.team-rect-card-container .challenge-rect-card-container .card-flex-align .challenge-card-top .vdo-card-icon img{width:21px;height:21px}.team-rect-card-container .challenge-rect-card-container .card-flex-align .challenge-card-bottom{display:flex;justify-content:end;flex-direction:row;align-items:baseline}.team-rect-card-container .challenge-rect-card-container .card-flex-align .challenge-card-bottom .total-medals-font{font-family:"GT Walsheim Pro";font-size:16px;font-weight:500;line-height:48px;letter-spacing:-.02em;text-align:right;color:#2c2c2c}.team-rect-card-container .challenge-rect-card-container .w-48{width:48%}.team-rect-card-container .youtube-details-header{display:flex;align-items:center;justify-content:space-between}.team-rect-card-container .team-composition-heading{line-height:27px;font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.team-rect-card-container .rect-badge-container{width:-webkit-max-content;width:max-content;padding:1px 9px 1px 6px;height:24px}.team-rect-card-container .rect-badge-container .rect-badge-description{display:flex;justify-content:center;align-items:center;grid-gap:5px;gap:5px}.team-rect-card-container .rect-badge-container .rect-badge-description .rect-badge-icon{width:12px;height:12px}.team-rect-card-container .rect-badge-container .rect-badge-description .rect-badge-title{font-size:14px;line-height:21px;font-weight:700;font-family:"Sukhumvit Tadmai"}.team-rect-card-container .rect-badge-container .rect-badge-description .rect-badge-value{font-size:14px;line-height:21px;font-weight:500;font-family:"Sukhumvit Tadmai"}.team-rect-card-container .youtube-details-header .arrow-left{height:13px}.team-rect-card-container .youtube-description{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai";display:flex;flex-direction:column}.team-rect-card-container .youtube-description .rect-badge-container{width:-webkit-max-content;width:max-content;padding:1px 9px 1px 6px}.team-rect-card-container .youtube-description .rect-badge-container .rect-badge-description{display:flex;justify-content:center;align-items:center;grid-gap:5px;gap:5px}.team-rect-card-container .youtube-description .rect-badge-container .rect-badge-description .rect-badge-icon{width:12px;height:12px}.team-rect-card-container .youtube-description .rect-badge-container .rect-badge-description .rect-badge-title{font-size:14px;font-weight:700;font-family:"Sukhumvit Tadmai"}.team-rect-card-container .youtube-description .rect-badge-container .rect-badge-description .rect-badge-value{font-size:14px;font-weight:500;font-family:"Sukhumvit Tadmai"}.team-rect-card-container .step-card-left{height:100%}.team-rect-card-container .step-card-left .step-card-left-col1{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai"}.team-rect-card-container .step-card-left .step-card-left-col1.bodyClass{font-size:16px;font-weight:800;line-height:24px;font-family:"Sukhumvit Tadmai New Bold";height:50%;letter-spacing:-.02em}.team-rect-card-container .step-card-left .step-card-left-col2{height:50%}.team-rect-card-container .step-card-left .step-card-left-col2 span:first-child{font-size:28px;font-weight:700;color:#3c9d47;font-family:"GT Walsheim Bold";margin-right:4px;line-height:48px}.team-rect-card-container .step-card-left .step-card-left-col2 span:last-of-type{font-size:14px;font-weight:500;color:#2c2c2c;font-family:"Sukhumvit Tadmai"}.team-rect-card-container .step-card-left .step-card-left-col3{font-size:14px;font-weight:400;color:#2c2c2c;font-family:"Sukhumvit Tadmai"}.team-rect-card-container .step-card-left .step-card-left-col3 span:first-child{margin-right:4px}.team-rect-card-container .step-card-left .step-card-left-col3 span:last-child{margin-left:4px}.team-rect-card-container .step-card-left .step-card-left-col3 .average-steps-qty{font-size:14px;font-weight:400;color:#2c2c2c;font-family:"GT Walsheim Pro"}.team-rect-card-container .badge-content-align{text-align:right;line-height:20px}.team-rect-card-container .badge-content-align span:first-child{font-size:24px;font-weight:700;font-family:"GT Walsheim Pro";color:#3c9d47}.team-rect-card-container .badge-content-align span:last-of-type{font-size:16px;font-weight:700;color:#2c2c2c;font-family:"GT Walsheim Pro"}.team-rect-card-container .badge-content-align .badge-divide-font{font-size:24px;font-weight:700;font-family:"GT Walsheim Bold";color:#2c2c2c}.team-rect-card-container .team-composition-value{height:48px}.team-rect-card-container .team-composition-value .team-composition-heading-font{font-size:28px;font-weight:700;font-family:"GT Walsheim Bold";color:#2c2c2c;margin-right:4px}.team-rect-card-container .team-composition-value .team-composition-unit-font{font-size:14px;font-weight:500;color:#2c2c2c}.team-rect-card-container .team-composition-value .composition-bmi-fonts .composition-slash{font-size:24px;font-weight:700;font-family:"GT Walsheim Bold";color:#8f8f8f}.team-rect-card-container .team-composition-value .composition-bmi-fonts .composition-max-team-members{font-size:16px;font-weight:700;font-family:"GT Walsheim Bold";color:#8f8f8f}.team-rect-card-container .badge-icon{width:12px;height:12px}.team-rect-card-container .active-color{color:#2c2c2c!important}.team-rect-card-container .bmi-green{color:#67ba6d}.team-rect-card-container .disable-color{color:#a7aba8!important}.bmi-range-slider{position:relative}.bmi-range-slider .bmi-slider-value{display:flex;align-items:center;grid-gap:4px;gap:4px}.bmi-range-slider .bmi-slider-value .bmi-slider-count{font-size:28px;font-weight:700;font-family:"GT Walsheim Bold"}.bmi-range-slider .bmi-slider-value .bmi-slider-unit{font-size:14px;font-weight:500;font-family:"Sukhumvit Tadmai"}.bmi-range-slider .slider-container{--label:2.75rem;--width:100%;--thumb:clamp(3rem,calc(2.28rem + 3.18vw),3.88rem);inline-size:var(--width);aspect-ratio:10.665/1;display:grid;position:relative;padding-inline:var(--space);border:0;border-radius:100vh;box-shadow:inset 2px 2px 4px 0 hsla(0,0%,56.5%,.5);height:20px;background:linear-gradient(107.74deg,#efefef 27.91%,#f7f7f7 98.01%);margin:12px 0}.bmi-range-slider .slider-container .input-slider{place-self:center;border-radius:100vh;width:calc(var(--width) - 1rem);height:8px;box-shadow:inset 0 2px 3px rgba(0,0,0,.333333),inset 0 -2px 2.5px .5px hsla(0,0%,100%,.2);-webkit-appearance:none;appearance:none;outline:none;border-bottom:none;bottom:4px;pointer-events:none}.bmi-range-slider .slider-container .input-slider::-webkit-slider-thumb{border-radius:50%;width:14px;aspect-ratio:1;-webkit-appearance:none;appearance:none;background:linear-gradient(107.74deg,#afcfbc 27.91%,#fff 98.01%) padding-box,linear-gradient(139.18deg,#fbfbfb 16.07%,#c0d8ca 93.35%) border-box;border:2.5px solid transparent;box-shadow:1px 1px 2px 0 rgba(26,66,43,.4)}.bmi-range-slider .active-slider{background:linear-gradient(90deg,#77bdfd,#67ba6d 28%,#ffcc27 51%,#ffa552 75%,#cc6060)}.bmi-range-slider .disable-slider{background:#a7aba8}.bmi-range-slider .bmi-green{color:#67ba6d}.bmi-range-slider .disable-color{color:#a7aba8}.bmi-range-slider .bmi-slider-count.bmi-low{color:#77bdfd}.bmi-range-slider .bmi-slider-count.bmi-normal{color:#67ba6d}.bmi-range-slider .bmi-slider-count.bmi-fat-1{color:#ffcc27}.bmi-range-slider .bmi-slider-count.bmi-fat-2{color:#ffa552}.bmi-range-slider .bmi-slider-count.bmi-fat-3{color:#e76c6c}.profile-image-frame{position:absolute;top:-32px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);color:#67ba6d}.profile-image-frame .user-image{position:absolute;left:7%;top:4.9%;width:55.5px;height:55.5px;border-radius:50%}.profile-image-frame .btn-icon-crown{height:27px;width:27px;border-radius:50%;background:#fff;position:absolute;left:56%;top:38px;box-shadow:1px 2px 3px 0 hsla(0,0%,70.2%,.4);z-index:9}.profile-image-frame .crown-img{position:absolute;left:60%;-webkit-transform:translate(-58%);transform:translate(-58%);z-index:9}.user-info-carousel .slick-list{overflow:initial}.user-info-carousel .slick-slide{padding:0}.user-info-carousel .card-ongoing-container-info{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);background:#fff;border-radius:16px;padding:16px 16px 9px;position:relative;margin-bottom:40px}.user-info-carousel .card-ongoing-container-info .team-leader-card{position:absolute;right:20px;top:-15px}.user-info-carousel .card-ongoing-container-info .team-leader-card .rect-badge-title{font-size:14px;line-height:21px;font-weight:700;font-family:"Sukhumvit Tadmai"}.user-info-carousel .card-ongoing-container-info .rank-card{height:28px}.user-info-carousel .card-ongoing-container-info .rank-card .rank-card-image{margin:0}.user-info-carousel .card-ongoing-container-info .card-ongoing-description{text-align:center;margin-bottom:7px}.user-info-carousel .card-ongoing-container-info .card-ongoing-description .card-ongoing-name{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai";line-height:27px}.user-info-carousel .card-ongoing-container-info .card-ongoing-description .card-ongoing-number{font-size:14px;font-weight:400;color:#777d79;line-height:21px;font-family:"GT Walsheim Pro"}.user-info-carousel .card-ongoing-container-info .card-ongoing-contact-details{display:flex;margin:12px 0}.user-info-carousel .card-ongoing-container-info .card-ongoing-contact-details .card-ongoing-contactleft,.user-info-carousel .card-ongoing-container-info .card-ongoing-contact-details .card-ongoing-contactright{display:flex;align-items:center;grid-gap:4px;gap:4px;width:50%}.user-info-carousel .card-ongoing-container-info .card-ongoing-contact-details .card-ongoing-contactleft img,.user-info-carousel .card-ongoing-container-info .card-ongoing-contact-details .card-ongoing-contactright img{margin:0}.user-info-carousel .card-ongoing-container-info .card-ongoing-contact-details .card-ongoing-contactleft .card-ongoing-contact-name,.user-info-carousel .card-ongoing-container-info .card-ongoing-contact-details .card-ongoing-contactright .card-ongoing-contact-name{font-size:14px;font-weight:400;color:#2c2c2c;font-family:"GT Walsheim Pro";line-height:21px}.user-info-carousel .card-ongoing-container-info .card-ongoing-contact-details .card-ongoing-contactright{margin-left:20px}.user-info-carousel .card-ongoing-container-info .card-ongoing-steps-details{display:flex}.user-info-carousel .card-ongoing-container-info .card-ongoing-steps-details .card-ongoing-steps-details-left,.user-info-carousel .card-ongoing-container-info .card-ongoing-steps-details .card-ongoing-steps-details-right{width:50%}.user-info-carousel .card-ongoing-container-info hr.rounded-dividing-line{width:3px;height:90px;border:none;box-shadow:inset 1px 1px 4px 0 hsla(0,0%,45.5%,.3);border-radius:5px;margin:0 32px 0 0}.user-info-carousel .card-ongoing-container-info .card-ongoing-steps-details-left-col1,.user-info-carousel .card-ongoing-container-info .card-ongoing-steps-details-right-col1{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.user-info-carousel .card-ongoing-container-info .card-ongoing-steps-details-left-col2,.user-info-carousel .card-ongoing-container-info .card-ongoing-steps-details-right-col2{font-size:28px;font-weight:700;font-family:"GT Walsheim Bold";line-height:40px}.user-info-carousel .card-ongoing-container-info .card-ongoing-steps-details-left-col3,.user-info-carousel .card-ongoing-container-info .card-ongoing-steps-details-right-col3{font-size:14px;font-weight:500;font-family:"Sukhumvit Tadmai"}.user-info-carousel .card-ongoing-container-info .card-ongoing-steps-details-left-col3-title{margin-right:4px}.user-info-carousel .card-ongoing-container-info .card-ongoing-bmi-details{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai";padding-top:16px}.user-info-carousel .card-ongoing-container-info .active-color{color:#2c2c2c}.user-info-carousel .card-ongoing-container-info .bmi-green{color:#67ba6d}.user-info-carousel .card-ongoing-container-info .disable-color{color:#a7aba8}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-sidebar .dashboard-slider-sidebar-profile-wrapper .dashboard-slider-sidebar-profile{padding:0 26px}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-sidebar .dashboard-slider-sidebar-profile-wrapper .dashboard-slider-sidebar-profile .dashboard-slider-image-container{position:relative;display:inline-block}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-sidebar .dashboard-slider-sidebar-profile-wrapper .dashboard-slider-sidebar-profile .dashboard-slider-image-container .profile-circle-img{display:block;height:60px;width:60px;border-radius:50%}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-sidebar .dashboard-slider-sidebar-profile-wrapper .dashboard-slider-sidebar-profile .dashboard-slider-image-container .dashboard-slider-leader-img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-sidebar .dashboard-slider-sidebar-profile-wrapper .dashboard-slider-sidebar-profile .dashboard-slider-image-container .dashboard-slider-leader-img .profile-img{height:60px;width:60px;border-radius:50%}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-sidebar .dashboard-slider-sidebar-profile-wrapper .dashboard-slider-sidebar-profile .dashboard-slider-image-container .dashboard-slider-leader-img .btn-icon-crown{height:27px;width:27px;border-radius:50%;background:#fff;position:absolute;left:38px;bottom:-4px;box-shadow:1px 2px 3px 0 hsla(0,0%,70.2%,.4)}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-sidebar .dashboard-slider-sidebar-profile-wrapper .dashboard-slider-sidebar-profile .dashboard-slider-sidebar-profile-name{display:flex;flex-direction:column}@media (min-width:400px){.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content{width:134px}}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-wrapper .dashboard-slider-steps,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-wrapper .dashboard-slider-steps{color:#3c9d47}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-wrapper .dashboard-slider-steps:last-of-type,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-wrapper .dashboard-slider-steps:last-of-type{margin-bottom:0}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-wrapper .dashboard-slider-steps .badge-total img,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-wrapper .dashboard-slider-steps .badge-total img{height:18px;margin-right:4px}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-next~.swiper-slide{background:#578741;box-shadow:0 4px 20px 0 rgba(50,100,76,.15)}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-next~.swiper-slide .dashboard-slider-steps-title,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-next~.swiper-slide .dashboard-slider-steps-wrapper,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-next~.swiper-slide .dashboard-slider-weight-title,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-next~.swiper-slide .dashboard-slider-weight-wrapper{display:none}@media (min-width:400px){.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-active{width:162px}}.challenge-header-container{display:flex;justify-content:space-between;align-items:center;height:56px;padding:12px 16px;width:100%;top:0;z-index:1000;background:#fff;box-shadow:0 4px 20px 0 rgba(50,100,76,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.challenge-header-container .challenge-header-left{display:flex;align-items:center;justify-content:flex-start;grid-gap:8px;gap:8px}.challenge-header-container .challenge-header-right{display:flex;align-items:center;justify-content:flex-end;grid-gap:8px;gap:8px}.challenge-header-container-badge .rect-badge-container{padding:5px 8px}.challenge-header-container-badge .rect-badge-container .rect-badge-title{font-size:14px;line-height:21px;font-weight:700;font-family:"Sukhumvit Tadmai";white-space:nowrap}.challenge-header-container-date{font-size:14px;line-height:21px;font-weight:500;font-family:"Sukhumvit Tadmai";color:#2c2c2c;white-space:nowrap}.challenge-header-container-icon{background:linear-gradient(107.74deg,#e6e6e6 27.91%,#fefefe 98.01%) padding-box,linear-gradient(139.18deg,#fbfbfb 16.07%,#dcdcdc 93.35%) border-box;border-radius:10px;box-shadow:4px 4px 18px 0 rgba(44,44,44,.25);height:40px;position:relative;width:40px;border:2.5px solid transparent;background-clip:padding-box;display:flex;align-items:center;justify-content:center;padding:0}.challenge-header-container-icon img{height:24px;width:24px}.challenge-header-container.dashboardSticky{display:flex;justify-content:space-between;align-items:center;height:56px;padding:8px 16px;z-index:1000}.challenge-header-container.dashboardSticky,.challenge-header-container.quizSticky{position:fixed;width:100%;top:0;background:hsla(0,0%,100%,.8);transition:top .3s ease-in-out}.challenge-header-container.quizSticky{z-index:99;padding-top:0;margin-bottom:0;box-shadow:0 4px 20px 0 rgba(50,100,76,.15)}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .swiper-3d,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:25cm;perspective:25cm}@media only screen and (max-width:445px) and (min-width:430px){.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .swiper-3d,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:20cm;perspective:20cm}}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .swiper-carousel{width:calc(100% - 150px);margin:0;left:-150px;-webkit-transform:translateX(calc(153px - 25%));transform:translateX(calc(153px - 25%))}@media only screen and (max-width:376px) and (min-width:360px){.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .swiper-carousel{-webkit-transform:translateX(calc(163px - 25%));transform:translateX(calc(163px - 25%))}}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .swiper-carousel .dashboard-slider-carousel{display:flex;align-items:center}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-green-wrapper{height:auto;width:6%;z-index:14;position:relative;display:flex;align-items:center}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-green-wrapper .dashboard-slider-card-green{width:100%;background:#6bc948;height:calc(100% - 100px);border-radius:0 16px 16px 0;box-shadow:0 4px 20px 0 rgba(50,100,76,.15)}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-green-wrapper .dashboard-slider-card-green.sm{height:calc(100% - 140px)}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-sidebar{background:#fff;box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:0 16px 16px 0;width:150px;padding:20px 0;z-index:2}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-sidebar .dashboard-slider-sidebar-title{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c;padding-bottom:16px}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-sidebar .dashboard-slider-sidebar-profile-wrapper{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-sidebar .dashboard-slider-sidebar-profile-wrapper .dashboard-slider-sidebar-profile{text-align:center}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-sidebar .dashboard-slider-sidebar-profile-wrapper .dashboard-slider-sidebar-profile .dashboard-slider-sidebar-profile-name{font-size:14px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container.swiper-transition .dashboard-slider-content.swiper-slide-active{left:8px}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container.swiper-transition .dashboard-slider-content.swiper-slide-next,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container.swiper-transition .dashboard-slider-content.swiper-slide-next~.swiper-slide{left:5px}@media screen and (min-width:375px){.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container.swiper-transition .dashboard-slider-content.swiper-slide-active{left:18px}}@media screen and (min-width:390px){.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container.swiper-transition .dashboard-slider-content.swiper-slide-active{left:16px}}@media screen and (min-width:410px){.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container.swiper-transition .dashboard-slider-content.swiper-slide-active{left:12px}}@media screen and (min-width:414px){.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container.swiper-transition .dashboard-slider-content.swiper-slide-active{left:8px}}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);text-align:center;display:flex;flex-direction:column;justify-content:center;width:124px;border-radius:0 16px 16px 0;height:calc(100% - 10px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:hsla(0,0%,100%,.9)}@media only screen and (max-width:460px) and (min-width:430px){.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content{height:calc(100% - 72px)}}@media only screen and (max-width:429px) and (min-width:400px){.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content{height:calc(100% - 60px)}}@media only screen and (max-width:399px) and (min-width:360px){.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content{height:calc(100% - 48px)}}@media only screen and (max-width:359px) and (min-width:340px){.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content{height:calc(100% - 32px)}}@media (max-width:324px){.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content{width:119px}}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-next{background:#6bc948;box-shadow:0 4px 20px 0 rgba(50,100,76,.15)}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-next .dashboard-slider-steps-title,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-next .dashboard-slider-steps-wrapper,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-next .dashboard-slider-weight-title,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-next .dashboard-slider-weight-wrapper{display:none}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-next~.swiper-slide{background:transparent;box-shadow:none}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-next+.swiper-slide{background:#578741;box-shadow:0 4px 20px 0 rgba(50,100,76,.15)}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-next+.swiper-slide .dashboard-slider-steps-title,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-next+.swiper-slide .dashboard-slider-steps-wrapper,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-next+.swiper-slide .dashboard-slider-weight-title,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-next+.swiper-slide .dashboard-slider-weight-wrapper{display:none}@media only screen and (max-width:399px) and (min-width:360px){.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-next+.swiper-slide{height:calc(100% - 48px)}}@media only screen and (max-width:430px) and (min-width:400px){.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-next+.swiper-slide{height:calc(100% - 80px);left:8px}}@media only screen and (max-width:460px) and (min-width:430px){.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-next+.swiper-slide{height:calc(100% - 94px);left:5px}}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-active{width:153px;height:calc(100% - 50px)}@media (max-width:324px){.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content.swiper-slide-active{width:136px}}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-title,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-title{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai";margin-bottom:20px}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-title span:last-of-type,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-title span:last-of-type{font-size:14px;font-weight:500}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-wrapper,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-wrapper{display:flex;flex-direction:column;grid-gap:0;gap:0;justify-content:space-between;height:calc(100% - 92px)}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-wrapper .dashboard-slider-steps,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-wrapper .dashboard-slider-weight,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-wrapper .dashboard-slider-steps,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-wrapper .dashboard-slider-weight{font-size:20px;font-weight:700;font-family:"Sukhumvit Tadmai"}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-wrapper .dashboard-slider-steps-total.bodyDataClass,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-wrapper .dashboard-slider-steps-total.bodyDataClass{color:#2c2c2c}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-wrapper .dashboard-slider-steps-total-outof,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-wrapper .dashboard-slider-steps-total-outof{font-size:14px;font-weight:400;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-wrapper .dashboard-slider-steps-total.black-text,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-wrapper .dashboard-slider-steps-total.black-text{color:#2c2c2c}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-wrapper .dashboard-slider-steps .diff-value-container .rect-badge-container,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-wrapper .dashboard-slider-steps .diff-value-container .rect-badge-container{width:78px;margin-inline:26%}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-wrapper .dashboard-slider-steps .diff-value-container .rect-badge-description,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-wrapper .dashboard-slider-steps .diff-value-container .rect-badge-description{display:flex;align-items:center;justify-content:flex-start;width:100%;grid-gap:4px;gap:4px}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-wrapper .dashboard-slider-steps .diff-value-container .rect-badge-description .rect-badge-title,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-wrapper .dashboard-slider-steps .diff-value-container .rect-badge-description .rect-badge-title{font-family:"GT Walsheim Pro";font-size:14px;font-weight:700}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-wrapper .dashboard-slider-steps .diff-value-container .rect-badge-description .rect-badge-value,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-wrapper .dashboard-slider-steps .diff-value-container .rect-badge-description .rect-badge-value{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-wrapper .dashboard-slider-steps:last-of-type,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-wrapper .dashboard-slider-weight:last-of-type,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-wrapper .dashboard-slider-steps:last-of-type,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-wrapper .dashboard-slider-weight:last-of-type{margin-bottom:30px}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-wrapper.dashboard-slider-steps-wrapper,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-wrapper.dashboard-slider-steps-wrapper{grid-gap:0;gap:0}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-wrapper.dashboard-slider-steps-wrapper .dashboard-slider-steps,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-wrapper.dashboard-slider-steps-wrapper .dashboard-slider-steps{color:#3c9d47}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-wrapper.dashboard-slider-steps-wrapper .dashboard-slider-steps .rect-badge-container,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-wrapper.dashboard-slider-steps-wrapper .dashboard-slider-steps .rect-badge-container{width:100px}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-wrapper.dashboard-slider-steps-wrapper .dashboard-slider-steps:last-of-type,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-wrapper.dashboard-slider-steps-wrapper .dashboard-slider-steps:last-of-type{margin-bottom:0}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-steps-wrapper.dashboard-slider-steps-wrapper .dashboard-slider-steps .badge-total img,.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container .dashboard-slider-parent .dashboard-slider-content .dashboard-slider-weight-wrapper.dashboard-slider-steps-wrapper .dashboard-slider-steps .badge-total img{height:18px;margin-right:4px}.swiper-button-prev{display:none}.swiper-button-next{right:15px}@media only screen and (max-width:460px) and (min-width:430px){.swiper-button-next{right:38px}}@media only screen and (max-width:400px) and (min-width:376px){.swiper-button-next{right:8px}}@media (max-width:376px){.swiper-button-next{right:0}}.swiper-button-next,.swiper-button-next .swiper-button-prev{color:#2c2c2c;width:48px;height:48px;background:#fff;box-shadow:4px 4px 18px 0 rgba(44,44,44,.25);border-radius:50%}@media only screen and (max-width:362px) and (min-width:324px){.swiper-button-next,.swiper-button-next .swiper-button-prev{width:32px;height:32px}}@media (max-width:324px){.swiper-button-next,.swiper-button-next .swiper-button-prev{width:24px;height:24px}}.swiper-button-next .swiper-button-prev:after,.swiper-button-next:after{font-size:14px;font-weight:900}@media only screen and (max-width:362px) and (min-width:324px){.swiper-button-next .swiper-button-prev:after,.swiper-button-next:after{font-size:10px}}@media (max-width:324px){.swiper-button-next .swiper-button-prev:after,.swiper-button-next:after{font-size:8px}}.challenge-slider-container{background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px 16px 0 0;padding:0 16px;position:fixed;z-index:799;width:100%;bottom:0;max-height:80%;min-height:3%}.challenge-slider-container-grab{cursor:move;padding:4px;height:20px;text-align:center}.challenge-slider-container-content{height:100%;padding-bottom:20px}.map-goal-card-container{height:108px;padding:4px 16px;border-radius:16px;background:#fff;box-shadow:0 4px 20px 0 rgba(0,0,0,.14902);display:flex;align-items:center;justify-content:space-between}.challenge-tab-list{display:flex;justify-content:space-between;grid-gap:20px;gap:20px;width:100%}.challenge-tab-list__nav-link{height:44px;color:#2c2c2c;font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";padding:0 26px;position:relative;border:none;background:none}.challenge-tab-list__nav-link-active{position:relative;border-radius:32px;padding:0 20px;background:linear-gradient(107.74deg,#e6e6e6 27.91%,#fefefe 98.01%) padding-box,linear-gradient(139.18deg,#fbfbfb 16.07%,#dcdcdc 93.35%) border-box;border:4px solid transparent;box-shadow:4px 4px 18px 0 rgba(44,44,44,.2)}.challenge-tab-list.nav-sticky{position:fixed;width:100%;z-index:1000;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:top .3s ease-in-out}.challenge-share-container .map-goal-share-section{display:flex;grid-gap:16px;gap:16px}.challenge-share-container .map-goal-share-section .share-title{font-size:16px;font-family:"Sukhumvit Tadmai";color:#2c2c2c;font-weight:700}.challenge-reward-card-container .reward-card-single{border-radius:16px;box-shadow:0 4px 20px 0 rgba(50,100,76,.15);overflow:hidden;background:linear-gradient(90.74deg,#b5dea9,#a6d38e)}.challenge-reward-card-container .reward-card-single.team-tab{background:linear-gradient(90.74deg,#b8cbdc,#a2bbd1)}.challenge-reward-card-container .reward-card-single .reward-img-container{max-height:150px;height:100%;position:relative;z-index:1}.challenge-reward-card-container .reward-card-single .reward-img-container .reward-img-inner-container{position:relative;display:flex;align-items:center;justify-content:center}.challenge-reward-card-container .reward-card-single .reward-img-container .reward-img-inner-container img{height:150px;object-fit:contain}.challenge-reward-card-container .reward-card-single .reward-img-container .reward-img-inner-container .reward-overlay{background:linear-gradient(1turn,rgba(0,0,0,.2),hsla(0,0%,100%,0));background-blend-mode:multiply;position:absolute;bottom:0;width:100%;height:52px;z-index:9}.challenge-reward-card-container .reward-card-single .reward-img-container .reward-tag{position:absolute;bottom:8px;left:8px;background:#fff;border-radius:8px;height:25px;padding:0 8px;font-size:15px;font-weight:500;display:flex;align-items:center;grid-gap:4px;gap:4px;z-index:1}.challenge-reward-card-container .reward-card-single .reward-img-container .reward-tag img{width:18px;height:18px}.challenge-reward-card-container .reward-card-single .reward-img-container .reward-tag .reward-tag-title{color:#2c2c2c;font-size:14px;font-weight:500;font-family:"Sukhumvit Tadmai"}.challenge-reward-card-container .reward-card-single .reward-img-container .reward-tag .reward-tag-title.rejected{color:#dd3825}.challenge-reward-card-container .reward-card-single .reward-img-container .reward-tag .reward-tag-title.approved{color:#008f3c}.challenge-reward-card-container .reward-card-single .reward-description{background:#fff;padding:8px}.challenge-reward-card-container .reward-card-single .reward-description .reward-card-title{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.challenge-reward-card-container .reward-card-single .reward-description .price-range{font-size:14px;font-weight:500;display:flex;grid-gap:4px;gap:4px;line-height:21px;margin-top:5px;font-family:"Sukhumvit Tadmai"}.badge-rect-container{display:flex;flex-direction:column;height:100%;justify-content:space-between}.badge-rect-container .badge-title-font{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:700;line-height:27px;text-align:center}.badge-rect-container .badge-img-container{width:100%;display:flex;justify-content:center}.badge-rect-container .badge-img-container .badge-img-bg{width:80px;height:80px}.badge-rect-container .badge-img-container .badge-img{width:70px;height:70px;position:absolute;-webkit-transform:translateY(7%);transform:translateY(7%)}.badge-rect-container .badge-carousel-container{overflow:hidden}.badge-rect-container .badge-carousel-container .slick-slide{width:80px!important}.badge-rect-container .badge-carousel-container .slick-slide img{border:none}.badge-rect-container .badge-carousel-container .slick-track{width:480px!important}.badge-rect-container .badge-carousel-container img{height:80px}.badge-rect-container .badge-values{text-align:center}.badge-rect-container .badge-values .badge-current-values{font-family:"GT Walsheim Pro";font-size:20px;font-weight:700;line-height:24px}.badge-rect-container .badge-values .badge-total-values{font-family:"GT Walsheim Pro";font-size:14px;font-weight:400;line-height:21px;margin-right:4px}.badge-rect-container .badge-values .badge-unit{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:21px}.badge-rect-container .category-image-container{height:80px;width:80px}.badge-rect-container .green-font{color:#3c9d47}.badge-rect-container .challenge-btn-container{height:31px}.badge-rect-container .challenge-btn-container.successBtn{height:31px;width:87px}.badge-rect-container .challenge-btn-container.successBtn .challenge-btn-container-title{color:#f0f0f0;font-size:14px;font-weight:700;line-height:21px;text-align:center;font-family:"Sukhumvit Tadmai";align-content:center}.badge-rect-container .my-all-badges-container{display:flex;flex-wrap:wrap;grid-row-gap:16px;row-gap:16px;padding-top:16px;align-items:center}.badge-rect-container .my-all-badges-container .my-badges-single{text-align:center;width:33.3333%;display:flex;flex-direction:column;grid-gap:4px;gap:4px;align-items:center;height:165px}.badge-rect-container .my-all-badges-container .my-badges-single .progress-count-container{display:flex;flex-direction:column;align-items:center;width:100%;grid-gap:4px;gap:4px}.badge-rect-container .my-all-badges-container .my-badges-single .img-badge-container{position:relative}.badge-rect-container .my-all-badges-container .my-badges-single .img-badge-container .badge-img{position:absolute;top:50%;height:84px;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.badge-rect-container .my-all-badges-container .my-badges-single .progress-outer{width:85%}.badge-rect-container .my-all-badges-container .my-badges-single .progress-outer .progress .progress-bar{border-radius:24px}.badge-rect-container .my-all-badges-container .my-badges-single .user-badge{align-self:center;width:45%;padding:2px 8px 0;grid-gap:2px;gap:2px;border-radius:8px;box-shadow:2px 3px 6px 0 rgba(44,44,44,.2);display:flex;justify-content:center;align-items:flex-start}.badge-rect-container .my-all-badges-container .my-badges-single .user-badge .user-icon{width:14px;height:14px}.badge-rect-container .my-all-badges-container .my-badges-single .user-badge .badge-count{font-family:"GT Walsheim Pro";font-size:12px;font-weight:400;line-height:18px;text-align:center}.badge-rect-container .my-all-badges-container .my-badges-single img{height:96px}.badge-rect-container .my-all-badges-container .my-badges-single p{font-size:14px;line-height:21px;font-weight:400;padding:0 8px;font-family:"GT Walsheim Pro";height:42px;margin-bottom:4px}.progress-outer{box-shadow:inset 2px 2px 4px 0 rgba(107,201,72,.2);background:linear-gradient(111.66deg,rgba(193,241,171,.15) 27.53%,rgba(228,255,217,.36) 108.05%);height:8px;border-radius:13px;display:flex;align-items:center;justify-content:center;position:relative}.progress-outer .progress{height:4px;width:100%;margin:0 3px;border-radius:24px}.progress-outer .progress .progress-bar.bg-fill{background:linear-gradient(270deg,#9bda79,#6bc948)}.badge-carousel-list{height:80px!important;width:80px!important;position:relative}.badge-carousel-list .badge-img{position:absolute;top:50%;height:70px!important;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.no-data-card-container{border-radius:16px;background:#fff;background:linear-gradient(132.59deg,hsla(0,0%,100%,.9) 38.77%,hsla(0,0%,100%,.45) 113.8%);padding:20px 0;width:100%}.card-slider-container{grid-gap:15px;gap:15px;height:100%}.card-slider-container .card-slider-left{display:flex;padding:7px 16px 7px 24px}.card-slider-container .card-slider-right{width:calc(100% - 80px);display:flex;flex-direction:column;justify-content:center}.card-slider-container .card-slider-right .card-slider-right-title{font-size:16px;font-weight:500}.card-slider-container .card-slider-right .card-slider-right-subtitle{font-size:20px;font-weight:700;font-family:"Sukhumvit Tadmai"}.Modal{position:fixed;align-items:center;justify-content:center;top:0;left:0;z-index:999;background:rgba(34,34,34,.6666666666666666);width:100%;height:100%;display:flex}.Modal>.modal-container{position:relative;max-width:420px;width:80%;border-radius:6px;background:#fff;padding:15px}.Modal>.modal-container>.details{white-space:pre;margin-bottom:16px;margin-top:10px}.Modal>.modal-container>.details h3{color:#2c2c2c;margin-bottom:10px;margin-top:10px}.Modal>.modal-container>.details p{font-size:14px;color:#707070}.Modal>.modal-container>.details .close-btn{position:absolute;top:7px;right:7px}.Modal>.modal-container>.footer button{background:#fff;border-radius:20px;border:2px solid transparent;height:36px;width:102px;padding:2px;margin:0 8px}.Modal>.modal-container>.footer button.ok{color:#fff;background:#2c2c2c}.Modal>.modal-container>.footer button.cancel{color:#2c2c2c;border-color:#2c2c2c}.otpinput-container{position:relative;overflow:hidden}.otpinput-container input{display:inline-block;width:40px;margin-right:5px;text-align:center;transition:border .5s cubic-bezier(.165,.84,.44,1);border:1px #2c2c2c;border-style:none none solid;background-color:initial;color:#2c2c2c;font-size:16px}.otpinput-container input:placeholder-shown{border-color:#969696}.otpinput-container.focus input{border-color:#2c2c2c}.otpinput-container.loading input{color:#d3d3d3;border-color:#d3d3d3}.otpinput-container.invalid{-webkit-animation:shake .5s linear;animation:shake .5s linear}.otpinput-container.invalid input{color:#cb5454;border-color:#cb5454}.otpinput-container.invalid.loading input{color:#e7b5b5;border-color:#e7b5b5}.otpinput-container.disable input{color:#d3d3d3;border-color:#d3d3d3}.otpinput-container .shimmer-container{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-animation:loading 2.5s infinite;animation:loading 2.5s infinite;z-index:2;mix-blend-mode:lighten;display:none}.otpinput-container .shimmer-container.loading{display:block}.otpinput-container .shimmer{width:30%;height:100%;background:#fafafa;opacity:.8;-webkit-transform:skew(-20deg);transform:skew(-20deg);position:relative;-webkit-filter:blur(10px);filter:blur(10px)}.otpinput-container .invalid-message{color:#cb5454;font-size:12px;margin-top:5px}.otpinput-container .link{color:#537ce5;text-decoration:underline;font-size:14px;margin-top:10px}.otpinput-container .link.countdown-shown,.otpinput-container .link.disable{opacity:.5}.countdown{margin-top:5px;font-size:12px;color:#cb5454}@-webkit-keyframes loading{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}20%{-webkit-transform:translateX(-30%);transform:translateX(-30%)}to{-webkit-transform:translateX(120%);transform:translateX(120%)}}@keyframes loading{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}20%{-webkit-transform:translateX(-30%);transform:translateX(-30%)}to{-webkit-transform:translateX(120%);transform:translateX(120%)}}@-webkit-keyframes shake{8%,41%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}25%,58%{-webkit-transform:translateX(10px);transform:translateX(10px)}75%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}92%{-webkit-transform:translateX(5px);transform:translateX(5px)}0%,to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shake{8%,41%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}25%,58%{-webkit-transform:translateX(10px);transform:translateX(10px)}75%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}92%{-webkit-transform:translateX(5px);transform:translateX(5px)}0%,to{-webkit-transform:translateX(0);transform:translateX(0)}}.awdatepicker-container{display:grid;grid-template-columns:auto auto auto;grid-column-gap:10px}.awdatepicker-container .inline-picker{position:relative}.awdatepicker-container .inline-picker select{outline:none;padding:0;border-bottom:1px solid #2c2c2c}.awdatepicker-container .inline-picker select.placeholder{color:#c3c4c5;border-bottom:1px solid #e6e6e6}.checkbox-container{display:block;position:relative;padding-left:30px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-container input:checked~.checkmark{border:2px solid #1ec100}.checkbox-container input:checked~.checkmark svg{display:block;position:relative;top:4px;left:2px;right:0;bottom:0}.checkbox-container .checkmark{position:absolute;top:0;left:0;bottom:0;margin:auto;height:20px;width:20px;border-radius:50%;border:2px solid #929497}.checkbox-container .checkmark svg{display:none}.checkbox-container:active,.checkbox-container:hover{background:transparent}.collapse-container hr{margin:0;background:#c3c4c5}.collapse-container .collapse-header{display:flex}.collapse-container .collapse-header.standalone{background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.04);padding:15px}.collapse-container .collapse-header .title{margin-right:auto}.collapse-container .collapse-header .suffix img{transition:all 1s cubic-bezier(.075,.82,.165,1)}.collapse-container .collapse-header .suffix.active img{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:all 1s cubic-bezier(.075,.82,.165,1)}.collapse-container .collapse-content{overflow:hidden;max-height:0;transition:all 1s cubic-bezier(.075,.82,.165,1);height:auto}.collapse-container .collapse-content .content-container{margin:15px}.collapse-container .collapse-content.standalone{background-color:#fafafa}.collapse-container .collapse-content.active{max-height:var(--max-height);transition:all 1s cubic-bezier(.075,.82,.165,1)}.placepicker-container .setcenter-button{position:fixed;z-index:10;margin-top:10px;margin-left:10px;background-color:#fff;width:40px;height:40px;border-radius:50%;display:none;justify-content:center;align-items:center;box-shadow:0 5px 15px rgba(0,0,0,.04)}.placepicker-container .setcenter-button.show{display:flex}.placepicker-container .modal-container{position:fixed;z-index:999;left:0;right:0;top:0;bottom:0;display:none;justify-content:center;align-items:center}.placepicker-container .modal-container.show{display:flex}.placepicker-container .modal-container .card-container{max-width:60vw;border-radius:12px;padding:15px;background:#fff;text-align:center}.placepicker-container .modal-container .card-container .submit-btn{margin-top:10px;background:transparent;border:none;font-size:16px;color:#00f}.placepicker-container .input-container{position:fixed;width:100%;left:0;right:0;margin:0;bottom:0;height:60px;padding:15px;background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.8;transition:all .5s ease}.placepicker-container .input-container:focus-within{height:220px}.placepicker-container .input-container .searchbox-input{box-sizing:border-box;border:1px solid transparent;width:240px;height:32px;padding:0 12px;border-radius:3px;font-size:14px;outline:none;text-overflow:ellipses;width:100%;color:#fff;background:#929497}.placepicker-container .address-box{position:absolute;background:#000;opacity:.6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;width:200px;height:75px;font-size:14px;left:0;right:0;top:0;bottom:125px;margin:auto;padding:20px 10px 10px;display:none;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.placepicker-container .address-box.show{display:block}.placepicker-container .address-box:active{background-color:#2c2c2c}.placepicker-container .address-box .header{position:absolute;font-size:10px;top:5px}.placepicker-container .address-box>.addr{overflow:hidden;height:100%;font-weight:700}.placepicker-container .address-box:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:0;border:10px solid transparent;border-top-color:#000;border-bottom:0;margin-left:-10px;margin-bottom:-10px}.placepicker-container .custom-marker{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:none}.placepicker-container .custom-marker.show{display:block}.pac-container{background:transparent;box-shadow:none}.pac-container:after{background-image:none;height:0;padding:0}.pac-container .pac-item{border-top:none;margin-top:10px}.input-number-container{display:inline-flex}.input-number-container>input{width:100%;max-width:75px;min-width:15px;border-top:1px solid #2c2c2c;text-align:center;background:#fff;padding:5px 0;height:auto}.input-number-container button{border:transparent;padding:0 10px;background:#fff;font-size:20px}.input-number-container button:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px;border:1px solid #2c2c2c;border-right:transparent}.input-number-container button:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px;border:1px solid #2c2c2c;border-left:transparent}.input-number-container button.disable{color:#e6e6e6}.card-container{background:#fff;padding:15px;box-shadow:0 5px 15px rgba(0,0,0,.04);border-radius:12px}.progressbar-container{position:relative;height:20px;width:100%;border-radius:50px;background:#dfe2f5}.progressbar-container .filler{background:#38539a;height:100%;border-radius:inherit;transition:width .2s ease-in;position:absolute;top:0;left:0;right:0;bottom:0}.image-upload-container label{display:inline-flex;justify-content:center;align-items:center;margin:0 5px 10px;background:#fff;border:1px solid #ededed;border-radius:8px;height:30vw;width:30vw;transition:all 1s cubic-bezier(.075,.82,.165,1)}.image-upload-container label:active,.image-upload-container label:hover{border:1px solid #38539a;transition:all 1s cubic-bezier(.075,.82,.165,1)}.image-upload-container .preview-container{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.image-upload-container .preview-image{width:calc(30vw - 20px);height:calc(30vw - 20px)}.image-upload-container .preview-image-container{background:#fff;border-radius:8px;height:30vw;width:30vw;display:inline-flex;justify-content:center;align-items:center;position:relative;border:1px solid #ededed;transition:all 1s cubic-bezier(.075,.82,.165,1)}.image-upload-container .preview-image-container:active,.image-upload-container .preview-image-container:hover{border:1px solid #38539a;transition:all 1s cubic-bezier(.075,.82,.165,1)}.image-upload-container .preview-image-container:active .del-image,.image-upload-container .preview-image-container:hover .del-image{opacity:1;transition:all 1s cubic-bezier(.075,.82,.165,1);-webkit-backdrop-filter:blur(3px) grayscale(.6) brightness(.8);backdrop-filter:blur(3px) grayscale(.6) brightness(.8)}.image-upload-container .preview-image-container .del-image{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;opacity:0;color:#fff;justify-content:center;align-items:center;transition:all 1s cubic-bezier(.075,.82,.165,1)}.image-upload-container .preview-image-container .del-image i{font-size:30px}.image-upload-container .preview-images-container .preview-image-container{margin:0 5px 10px;vertical-align:top}.image-upload-container>input{display:none}.promotion-react-select__control{border-color:#ededed!important;border-style:solid!important;border-radius:10px!important;height:40px;margin-block:10px}.promotion-react-select__value-container{font-family:"Sukhumvit Tadmai";letter-spacing:0!important;bottom:5px;font-size:14px;font-style:normal;font-weight:700}.promotion-react-select__indicators{height:40px}.promotion-react-select__indicators .promotion-react-select__dropdown-indicator{color:#2c2c2c}.promotion-react-select__indicator-separator{background-color:initial!important}.amway-address-promotion-button{border-radius:22px;border:2px solid #3a539b;background-color:#3a539b}.amway-address-promotion-button,.amway-address-promotion-button:disabled{display:block;margin:0 auto;font-family:"Sukhumvit Set";width:50%;height:44px;color:#fff;font-weight:700;font-size:16px}.amway-address-promotion-button:disabled{border-radius:22px;border:2px solid #c5c9d3;background-color:#c5c9d3}.quantity-stepper{border:2px solid #2c2c2c;border-radius:30px;width:100%}.quantity-stepper .increment-container{height:40px}.quantity-stepper .btn-decrease,.quantity-stepper .btn-increase,.quantity-stepper .quanity-text{border:0;font-weight:800;font-size:20px;color:#2c2c2c;display:flex;font-family:"Sukhumvit Tadmai"}.quantity-stepper .btn-decrease:disabled,.quantity-stepper .btn-increase:disabled,.quantity-stepper .quanity-text:disabled{border:0!important}.regisPage .otp-content{margin-bottom:30px}.regisPage .otp-content a{text-decoration:underline;font-size:12px}.regisPage .otp-content .ref-text{color:#929497}.regisPage .otp-footer{position:absolute;bottom:5px;width:100%;padding:15px;z-index:9999;clear:both}.regisPage .otp-footer .link{display:block;margin-bottom:10px;text-decoration:underline}.condition-container{background:#fafafa}.condition-container>.header{text-align:center}.condition-container>.body{margin:15px 15px 45px;padding:25px 15px;background-color:#fff;box-shadow:0 .5px 10px rgba(0,0,0,.05);border-radius:12px}.condition-container>.body .title{text-align:center;font-weight:700;font-size:18px;margin-bottom:15px}.condition-container>.body .bold{font-weight:700}.condition-container>.body .condition{margin-bottom:10px}.condition-container>.body .list{display:list-item;margin-left:20px}.condition-container>.body .margin-bottom{margin-bottom:15px}.condition-container>.footer{position:fixed;bottom:0;width:100%;padding:15px}.creditcard-pick-container{background:#fafafa}.creditcard-pick-container .header{text-align:center;padding:25px 0 15px;font-size:20px}.creditcard-pick-container .body{margin:15px;padding:25px 15px;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.04);border-radius:12px}.creditcard-pick-container .body .center{text-align:center;padding:15px 0;margin-bottom:15px}.creditcard-pick-container .body .creditcard-choice{font-size:14px}.creditcard-pick-container .body .creditcard-choice label{display:flex}.creditcard-pick-container .body .creditcard-choice label .detail-left{margin-right:auto}.creditcard-pick-container .body hr{background:#929497}.creditcard-pick-container .body .buttons-container{display:flex}.creditcard-pick-container .body .buttons-container button:first-child{margin-right:5px}.creditcard-pick-container .footer{position:fixed;bottom:0;border-top-left-radius:12px;border-top-right-radius:12px;text-align:center;width:100%;padding:20px 10px}.choosepayment-container{background:#fafafa;min-height:100vh}.choosepayment-container input[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox;-webkit-transform:scale(1);transform:scale(1);padding:0;margin:0;border:none;width:auto;display:inline-block}.choosepayment-container .header{text-align:center;padding-top:20px}.choosepayment-container .body{background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.04);border-radius:12px;margin:15px;padding:10px}.choosepayment-container .body .payment-choice{display:flex}.choosepayment-container .body .payment-choice label{font-size:14px}.choosepayment-container .body .payment-choice label .description{color:#e6e6e6}.choosepayment-container .center{text-align:center}.choosepayment-container .footer{position:fixed;bottom:0;background:#fff;border-top-left-radius:12px;border-top-right-radius:12px;text-align:center;width:100%;padding:20px 10px;box-shadow:0 -5px 15px rgba(0,0,0,.04)}.choosepayment-container .footer .content,.choosepayment-container .footer .header-text{padding-bottom:10px}.choosepayment-container .footer .content .total-text{color:#929497}.choosepayment-container .footer .content .amount-text{color:#38539a;font-weight:700}.payment-success-container{background-color:#fafafa}.payment-success-container .header{text-align:center;margin:20px 0}.payment-success-container .body{background-color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.04);border-radius:12px;margin:15px;text-align:center;padding:15px}.payment-success-container .body hr{background:#c3c4c5}.payment-success-container .body .bold{font-weight:700;font-size:18px}.payment-success-container .body .bottom .amount{color:#38539a}.payment-success-container .footer{position:fixed;bottom:0;width:100%;padding:20px 10px}.choosebank-container{background:#fafafa}.choosebank-container .header{text-align:center;padding:20px 0;font-size:20px}.choosebank-container .body{margin:15px;padding:15px;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.04);border-radius:12px}.choosebank-container .body .collapse-header{padding:15px}.choosebank-container .body .collapse-header .title{display:flex;justify-content:center}.choosebank-container .body .collapse-header .title img{margin-right:5px}.choosebank-container .footer{position:fixed;bottom:0;padding:15px;width:100%;background:#fafafa}.create-creditcard-container .modal-container{text-align:center}.create-creditcard-container>.body{background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.04);border-radius:12px;margin:15px;padding:25px 15px}.create-creditcard-container>.body .title{text-align:center;font-weight:700;font-size:16px;margin-bottom:20px}.create-creditcard-container>.body label{font-size:13px;color:#929497}.create-creditcard-container>.body .bottom{display:flex}.create-creditcard-container>.body .bottom div{width:100%}.create-creditcard-container>.body .bottom div:first-child{margin-right:5px}.create-creditcard-container>.body .relative{position:relative}.create-creditcard-container>.body .relative .question-mark{position:absolute;right:3px;bottom:2px}.create-creditcard-container>.body .relative .visa{position:absolute;right:30px;bottom:10px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.create-creditcard-container>.body .relative .visa.active{-webkit-filter:none;filter:none}.create-creditcard-container>.body .relative .mastercard{position:absolute;right:5px;bottom:10px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.create-creditcard-container>.body .relative .mastercard.active{-webkit-filter:none;filter:none}.create-creditcard-container>.footer{position:fixed;bottom:0;width:100%;padding:15px}.choose-address-container{display:flex;flex-direction:column;flex:1 1;background:#fafafa}.choose-address-container .description{font-size:13px;color:#929497}.choose-address-container .center{text-align:center;padding:15px}.choose-address-container>.header{padding:20px 0 10px;text-align:center}.choose-address-container>.body{display:flex;flex-direction:column;flex:1 1;margin:15px;padding:15px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.04);background:#fff}.choose-address-container>.body .amway-button{font-family:"Sukhumvit Set","Helvetica",Arial,sans-serif}.choose-address-container>.body .addresses-wrapper{display:flex;flex-direction:column;flex:1 1}.choose-address-container>.body .addresses-wrapper .address-container{display:flex;margin:10px 0}.choose-address-container>.body .addresses-wrapper .address-primary-tag{color:#38539a}.choose-address-container>.footer{width:100%;text-align:center;position:fixed;bottom:0;padding:15px}.create-address-container{display:flex;flex-direction:column;flex:1 1;max-height:100vh;background-color:#fafafa}.create-address-container .away-button{min-height:44px}.create-address-container .modal-container{text-align:center;width:unset}.create-address-container>.body{display:flex;flex-direction:column;flex:1 1;padding:15px;margin:15px;background-color:#fff;border-radius:12px;overflow:scroll}.create-address-container>.body .address-form label{font-size:13px;color:#727272!important}.create-address-container>.body .address-form label:not(:first-child){display:block;margin-top:10px}.create-address-container>.body .address-form .input-line-bottom{border-bottom:1px solid #ededed!important}.create-address-container>.body>.header{font-weight:700;text-align:center;padding-bottom:20px}.create-address-container>.body>.map-button{margin-bottom:20px}.create-address-container>.footer{display:flex;flex-direction:column;bottom:0;width:100%;padding:15px}.create-address-container>.footer .submit-button{background-color:#2c2c2c;padding:10px 30px;color:#fff;border-radius:100px}.create-address-container>.footer .submit-button.disabled{border:0;background-color:#ededed;color:#2c2c2c}.mysop-container{padding:15px;background:#fafafa;display:flex;flex-direction:column;flex:1 1;overflow:scroll}.mysop-container>.header{margin:10px 0}.mysop-container>.header .title-container{position:relative;margin-bottom:10px}.mysop-container>.header .title-container .title{text-align:center;font-size:13px}.mysop-container>.header .title-container .right{position:absolute;right:0;top:0}.mysop-container>.header .sort-container{display:flex}.mysop-container>.header .sort-container .select-container{position:relative;max-width:200px;margin-right:auto;width:100%}.mysop-container>.body,.mysop-container>.body .no-items{display:flex;flex-direction:column;flex:1 1}.mysop-container>.body .no-items{justify-content:center;align-items:center;color:#929497}.mysop-container>.body .sopcard-container{border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.04);background:#fff;padding:10px;margin-bottom:10px;display:flex;flex-direction:column}.mysop-container>.body .sopcard-container>.card-header{display:flex;justify-content:space-between;align-items:center}.mysop-container>.body .sopcard-container>.card-header .id{color:#929497;font-size:13px}.mysop-container>.body .sopcard-container>.card-header .right-container{display:flex;align-items:center}.mysop-container>.body .sopcard-container>.card-header .right-container .count{margin-right:5px;font-size:10px}.mysop-container>.body .sopcard-container>.card-header .right-container .buy-status{background:#ededed;color:#9ea0a3;padding:5px 15px;border-radius:15px;font-size:10px}.mysop-container>.body .sopcard-container>.card-header .right-container .buy-status.danger{background:#cb5454;color:#ffe2e2}.mysop-container>.body .sopcard-container>.card-header .right-container .buy-status.success{background-color:#396e75;color:#e5fdff}.mysop-container>.body .sopcard-container>.card-header .right-container .buy-status.compensated{background-color:#a66c4a;color:#fff1e8}.mysop-container>.body .sopcard-container>.card-header .right-container .buy-status.postponed{background-color:#62625a;color:#f8f8e8}.mysop-container>.body .sopcard-container>.card-header .right-container .buy-status.discount{background-color:#73783f;color:#f0fae5}.mysop-container>.body .sopcard-container>.card-body>img{width:75px;height:75px;margin:10px 10px 0 0}.mysop-container>.body .sopcard-container>.card-body .body-content{display:flex}.mysop-container>.body .sopcard-container>.card-body .body-content .title{display:flex;align-items:start}.mysop-container>.body .sopcard-container>.card-body .body-content .title div{flex:1 1}.mysop-container>.body .sopcard-container>.card-body .body-content .img{position:relative;flex:1 1}.mysop-container>.body .sopcard-container>.card-body .body-content .img .tag-sop{font-size:.6rem;position:absolute;background-color:#f1f2ff;color:#38539a;font-weight:700;padding:3px 7px;border-radius:100px}.mysop-container>.body .sopcard-container>.card-body .body-content .img img{width:100%}.mysop-container>.body .sopcard-container>.card-body .body-content .content{flex:3 1;margin-top:0}.mysop-container>.body .sopcard-container>.card-body .content{margin:15px;width:100%}.mysop-container>.body .sopcard-container>.card-body .content .body{display:flex;align-content:center}.mysop-container>.body .sopcard-container>.card-body .content .body .price-container{margin-right:auto}.mysop-container>.body .sopcard-container>.card-body .content .body .price-container .price{font-size:16px;font-weight:700;color:#38539a}.mysop-container>.body .sopcard-container>.card-body .content .body .price-container .bonus{color:#537ce5;font-size:13px}.mysop-container>.body .sopcard-container>.card-body .content .body .qty-container{background:#fafafa;padding:6px 18px;border-radius:50px;display:table}.mysop-container>.body .sopcard-container>.card-body .content .body .add-btn-container{display:flex;align-items:center}.mysop-container>.body .sopcard-container>.card-body .content .body .add-btn-container .btn-container .add-btn{position:relative;bottom:0;padding:5px;background:#2c2c2c;border-radius:8px;border:none;cursor:pointer;transition:background .3s cubic-bezier(.165,.84,.44,1),border .3s cubic-bezier(.165,.84,.44,1)}.mysop-container>.body .sopcard-container>.card-body .content .body .add-btn-container .btn-container .add-btn:active{background:#c3c4c5;transition:background .3s cubic-bezier(.165,.84,.44,1),border .3s cubic-bezier(.165,.84,.44,1)}.mysop-container>.body .sopcard-container>.card-body .content .body .add-btn-container .btn-container .add-btn.disable{background:#ededed}.mysop-container>.body .sopcard-container>.card-body .content .body .add-btn-container .btn-container .add-btn.checked{padding:1px;background:transparent;border:1px solid #2c2c2c}.mysop-container>.body .sopcard-container>.card-body .content .benefits{display:flex;padding-top:5px}.mysop-container>.body .sopcard-container>.card-body .content .benefits .tag-benefit{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-size:.6rem;background-color:#f1f9fd;color:#38649a;font-weight:700;padding:3px 12px;border-radius:30px}.mysop-container>.body .sopcard-container>.card-body .content .benefits .name-benefit{font-size:12px;color:#727272;padding-left:5px}.mysop-container>.body .sopcard-container>.card-body .footer-content .see-more{display:flex;justify-content:center;padding-top:15px;text-decoration:underline;border-top:1px solid #ededed}.mysop-container>.body .sopcard-container>.card-body .footer-content .child-products{padding:10px 0;border-top:1px solid #ededed}.mysop-container>.body .sopcard-container>.card-body .footer-content .title-wrapper{display:flex;justify-content:space-between}.mysop-container>.body .sopcard-container>.card-body .footer-content .title-wrapper .title{font-weight:700}.mysop-container>.body .sopcard-container>.card-body .footer-content .title-wrapper .qty{font-weight:700;color:#38539a}.mysop-container>.body .sopcard-container>.card-body .footer-content .title-wrapper .invalid{color:#ed174c}.mysop-container>.body .sopcard-container>.card-body .footer-content .variants-wrapper{display:flex;justify-content:space-between;padding-top:15px}.mysop-container>.body .sopcard-container>.card-body .footer-content .variants-wrapper .variants-title-wrapper{display:flex;padding-bottom:15px}.mysop-container>.body .sopcard-container>.card-body .footer-content .variants-wrapper .variants-title-wrapper img{width:28px;height:28px;margin-right:15px}.mysop-wrapper{display:flex;flex-direction:column;flex:1 1;max-height:100vh}.mysop-wrapper>.footer{width:100%;bottom:0;background-color:#fff}.mysop-wrapper>.footer .footer-invalid-header{padding:5px 0;background-color:#ffe2e2;color:#7f3e3e;display:flex;justify-content:center;align-items:center}.mysop-wrapper>.footer .footer-header{padding:10px;display:flex;flex:1 1;justify-content:space-between}.mysop-wrapper>.footer .footer-header .title{font-weight:700;color:#38539a}.mysop-wrapper>.footer .footer-header .edit{color:#727272}.mysop-wrapper>.footer .footer-body{padding:0 10px 10px}.mysop-wrapper>.footer .footer-footer{padding:10px;display:flex;justify-content:center;border-top:1px solid #ededed}.mysop-wrapper>.footer .footer-footer .submit-button{background-color:#2c2c2c;padding:10px 30px;color:#fff;border-radius:100px}.mysop-wrapper>.footer .footer-footer .submit-button.disabled{background-color:#ededed;color:#2c2c2c}.sopdetail-container{padding:15px 25px;background:#fafafa;min-height:100vh;text-align:center}.sopdetail-container>.header{margin:10px 0}.sopdetail-container>.header .title-container{position:relative;margin-bottom:10px}.sopdetail-container>.header .title-container .title{text-align:center;font-size:18px}.sopdetail-container>.header .title-container .right{position:absolute;right:0;top:0}.sopdetail-container>.header .sort-container{display:flex}.sopdetail-container>.header .sort-container .select-container{position:relative;max-width:200px;margin-right:auto;width:100%}.sopdetail-container>.body img{margin:0 auto}.sopdetail-container>.body>.header{text-align:left;border-bottom:1px solid #929497}.sopdetail-container>.body>.header .title{font-weight:700;font-size:20}.sopdetail-container>.body>.header .sub-title .info-container{display:flex}.sopdetail-container>.body>.header .sub-title .info-container .id{margin-right:auto;font-size:16px;color:#929497}.sopdetail-container>.body>.header .sub-title .info-container .status-container{display:flex;align-items:center}.sopdetail-container>.body>.header .sub-title .info-container .status-container .count{margin-right:5px;font-size:10px}.sopdetail-container>.body>.header .sub-title .info-container .status-container .buy-status{background:#ededed;color:#9ea0a3;padding:5px 15px;border-radius:15px;font-size:10px}.sopdetail-container>.body>.header .sub-title .info-container .status-container .buy-status.danger{background:#cb5454;color:#ffe2e2}.sopdetail-container>.body>.header .sub-title .info-container .status-container .buy-status.success{background-color:#396e75;color:#e5fdff}.sopdetail-container>.body>.header .sub-title .info-container .status-container .buy-status.compensated{background-color:#a66c4a;color:#fff1e8}.sopdetail-container>.body>.header .sub-title .info-container .status-container .buy-status.postponed{background-color:#62625a;color:#f8f8e8}.sopdetail-container>.body>.header .sub-title .info-container .status-container .buy-status.discount{background-color:#73783f;color:#f0fae5}.sopdetail-container>.body>.header .sub-title .payment-container{display:flex}.sopdetail-container>.body>.header .sub-title .payment-container .price-info{margin-right:auto}.sopdetail-container>.body>.header .sub-title .payment-container .price-info .price{color:#38539a;font-size:24px;font-weight:700}.sopdetail-container>.body>.header .sub-title .payment-container .price-info .bonus{color:#537ce5;font-size:13px}.sopdetail-container>.body .body{text-align:left}.sopdetail-container>.body .body .choice-header{display:flex;border-bottom:1px solid #929497;padding:10px 5px}.sopdetail-container>.body .body .choice-header>.header{margin-right:auto}.sopdetail-container>.body .body .content-container .choice-container{display:flex;align-items:center;margin:10px 0}.sopdetail-container>.body .body .content-container .choice-container .name{margin-right:auto}.sopdetail-container>.body .footer{position:fixed;bottom:0;left:0;right:0;background-color:#fafafa;padding:15px}.sopdetail-container>.body .footer .flex{display:flex;justify-content:space-evenly;position:relative}.sopdetail-container>.body .footer .flex .input-number-container{margin-right:10px}.sopdetail-container>.body .footer .flex .register-next-button{max-width:200px;min-width:150px;flex:1 1;margin:0}.w-80{width:80%}.w-40{width:40%}.w-5{width:5%}.line-through{text-decoration:line-through}.underline{text-decoration:underline}.pd-5{padding:5px}.pd-10{padding:10px}.pd-15{padding:15px}.pd-16{padding:16px}.pd-20{padding:20px}.pr-5{padding-right:5px}.divider{border-bottom:1px solid #ededed}.lh-15{line-height:15px}.text-end{text-align:end}.m-auto{margin:auto}.mt-10{margin-top:10px}.ml-10{margin-left:10px}.ml-4{margin-left:4px}.mb-0{margin-bottom:0}.mb-16{margin-bottom:16px}.pb-10{padding-bottom:10px}.border-panel{border-top:2px solid #ededed;border-bottom:2px solid #ededed;height:70vh;margin-bottom:10px}.font-larger{font-size:larger}.font-x-small{font-size:x-small}.font-small{font-size:small}.font-smaller{font-size:smaller}.font-xsmall{font-size:x-small}.font-medium{font-size:medium}.font-red{color:#cb5454}.font-gray{color:#c3c4c5}.font-dark-gray{color:#707070}.medium-blue{color:#38539a}.light-blue{color:#537ce5!important}.font-black{color:#2c2c2c!important}.bg-gray{background-color:#c3c4c5}.bg-white{background-color:#fff}.dark-red{color:#7f3e3e}.dark-blue{color:#38539a}.cart-wrapper{height:75vh;background-color:#ededed}.promotion-container{height:85vh}.promotion-container,.promotion-header-container{width:100%;position:relative}.promotion-header-container .promotion-header{width:100%;position:absolute;display:flex;flex-direction:row;justify-content:space-between;top:0;padding:15px 0 15px 15px}.product-panel-promotion{overflow-x:hidden;height:85vh}.product-panel-promotion .promotion-banner{height:50%;width:100%;position:relative}.product-panel-promotion .icon-button{top:20px;left:-15px;position:absolute;right:-5px}.product-panel{padding:15px;height:80vh;background-color:#ededed}.promotion-product-panel{padding:15px;min-height:80vh;background-color:#ededed}.promotion-content{max-width:70%;align-items:flex-start;justify-content:flex-start}.promotion-content .promotion-title{font-size:20px;font-weight:800}.promotion-content .promotion-description,.promotion-content .promotion-title{font-family:"Sukhumvit Tadmai";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0!important}.promotion-content .promotion-description{font-size:14px;font-weight:500;color:#707070}.icon-button{display:flex;position:relative;justify-content:flex-end;align-items:center}.icon-button .circle-notification{position:relative;background-color:#d91734;border-radius:50%;display:inline-block;bottom:16px;right:16px;justify-content:center;align-items:center;display:flex;height:26px;width:26px}.icon-button .circle-notification .notification-text{line-height:15px;color:#fff;font-weight:700;font-size:14px}.scroll{overflow-y:scroll}.flex{display:flex}.flex-between{display:flex;justify-content:space-between}.btn-transparent{border:none;padding:10px;color:#38539a;border-radius:10px;background-color:#cfe9df;width:130px;text-align:left}.btn-purchase,.btn-purchase-inactive{border:none;color:#fff;padding:10px 50px;border-radius:10px;background-color:#38539a}.btn-purchase-inactive{opacity:.5}.btn-remove{font-family:"Sukhumvit Tadmai";width:35%;height:44px;border:none;color:#fff;border-radius:40px;background-color:#d91734}.btn-cart{width:66%;border:none;color:#fff;padding:23px 0 10px;border-radius:20px}.disabled{-webkit-filter:grayscale(1);filter:grayscale(1)}.select-product-footer{display:flex}.select-prmlist-btn,.select-product-footer,.select-promotion-footer{height:100%;align-items:center;justify-content:space-between}.select-prmlist-btn{width:124px}.select-prmlist-btn .away-button{font-family:"Sukhumvit Tadmai"}.order{width:100%;height:100px;margin-bottom:10px;background-color:#fff}.list-address-panel-footer{height:15vh;background-color:#fff;width:100%;padding:15px 20px;box-shadow:0 -4px 8px 0 rgba(0,0,0,.1)}.list-footer-alignment{display:flex;flex:1 1;flex-direction:row;justify-content:space-between}.footer-alignment{margin-top:5px;justify-content:space-between}.price-summary-alignment{display:flex;flex:1 1;flex-direction:column}.list-select-address-footer{justify-content:right;width:150px;height:48px;border-radius:40px;background-color:#2c2c2c;text-align:center;border:1px solid #2c2c2c}.product-panel-footer{width:100%;height:15vh;padding:20px;box-shadow:0 -4px 8px 0 rgba(0,0,0,.1)}.product-panel-footer .away-button{font-family:"Sukhumvit Tadmai";font-style:normal;font-weight:700;font-size:16px;letter-spacing:0!important}.cart-panel-container .link-text{font-family:"Sukhumvit Tadmai";font-weight:500;font-size:12px;letter-spacing:0!important}.cart-panel-container .link-text-icon{padding-left:5px}.cart-panel-container .cart-coupon-container{margin-bottom:16px;background-color:#fff;padding:0 5px}.cart-panel-footer{padding:20px}.cart-panel-footer,.product-panel-footer-variant{width:100%;box-shadow:0 -4px 8px 0 rgba(0,0,0,.1)}.product-panel-footer-variant{padding:10px 20px 0;position:absolute}.product-panel-footer-price{font-size:20px;font-weight:800;line-height:28px}.product-panel-footer-price,.pvbv-total{font-family:"Sukhumvit Tadmai";word-wrap:break-word;letter-spacing:0!important}.pvbv-total{color:#707070;font-size:12px;font-weight:500;line-height:16px}.price-pvbv-container{display:flex;flex-direction:column}.icon-cart-disable-img{margin-right:5px}.icon-cart-enable-img{margin-right:6px;padding-bottom:4px}.add-to-cart-disabled{border-color:#d9d9d9;background-color:#d9d9d9}.add-to-cart-active,.add-to-cart-disabled{width:150px;height:48px;border-radius:40px;padding-top:10px;text-align:center}.add-to-cart-active{border-color:#2c2c2c;background-color:#2c2c2c}.add-to-cart-text-disabled{color:#9ea0a3}.add-to-cart-text-disabled,.add-to-cart-text-enabled{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:700;line-height:20px;word-wrap:break-word;letter-spacing:0!important}.add-to-cart-text-enabled{color:#fff}.add-to-cart-text-active{color:#fafafa}.add-to-cart-text-active,.cart-item-price-bold{font-family:"Sukhumvit Tadmai";font-size:16px;letter-spacing:0!important}.cart-item-price-bold{font-weight:700;line-height:24px}.cart-item-price-cut{font-family:"Sukhumvit Tadmai";color:#707070;font-size:10px;font-weight:500;text-decoration:line-through;line-height:14px;letter-spacing:0!important}.cart-item-price-div{align-items:center;display:inline-flex;justify-content:flex-start}.cart-card{display:flex;align-items:flex-start;width:100%;height:100%}.cart-card,.cart-sop-card{justify-content:flex-start;grid-gap:8px;gap:8px}.cart-sop-card{flex-direction:column;align-items:center;display:inline-flex}.cart-sop-card .line{align-self:stretch;height:0;border:1px solid #e4e4e4}.cart-sop-card .totalEntryCount{align-self:stretch;grid-gap:37px;gap:37px;display:inline-flex;align-items:center;justify-content:flex-start}.cart-sop-card .totalEntryCount .txtDiv{font-family:"Sukhumvit Tadmai";flex:1 1;color:#000;font-size:14px;font-weight:500;line-height:20px;word-wrap:break-word;letter-spacing:0!important}.sop-child-entry{display:inline-flex;align-self:stretch}.sop-child-entry,.sop-child-entry .sop-child-info-div{justify-content:flex-start;align-items:center;grid-gap:8px;gap:8px}.sop-child-entry .sop-child-info-div{flex:1 1;height:32px;display:flex}.sop-child-entry .sop-child-info-div .child-info{flex:1 1;flex-direction:column;display:inline-flex}.info-text{font-family:"Sukhumvit Tadmai";color:#2c2c2c;font-size:12px;font-weight:500;line-height:16px;word-wrap:break-word;letter-spacing:0!important}.cart-item-details-div{flex-direction:column;justify-content:flex-start;align-items:flex-start}.cart-item-details-div,.cart-item-price-qty-card{display:inline-flex;grid-gap:4px;gap:4px;width:100%}.cart-item-price-qty-card{justify-content:space-between;align-items:flex-end}.cart-item-price-card{flex-direction:column;justify-content:center;align-items:flex-start;display:inline-flex}.free-gift-tab{background-color:#fbefef;font-size:small;padding:5px;border-radius:5px;letter-spacing:0!important}.free-gift-quantity-tab{font-size:small;padding:5px 20px;border-radius:25px;background-color:#ededed}.card-order-container{border-radius:20px;background-color:#fff;padding:20px}.card{border-radius:20px}.coupon-cart-panel{padding:20px}.card-product-body,.card-product-container{background-color:#fff;border-radius:10px}.card-product-body{padding:20px;margin-bottom:10px}.card-prm-body{margin-bottom:16px}.card-prm-body,.card-product-body-cart{padding:16px;border-radius:10px;background-color:#fff}.card-product-body-cart{font-family:"Sukhumvit Tadmai";height:auto;width:100%;flex-direction:column;justify-content:flex-start;align-items:flex-start;grid-gap:16px;gap:16px;display:inline-flex}.product-image-container,.product-image-container-cart{background-color:#fff;display:flex;flex-direction:column}.product-image-container-cart{border-radius:10px;align-items:center}.cart-product-img-container{background-color:#fff;border-radius:10px}.card-product-img{height:100px;width:100px;margin-right:10px;background-color:#d3d3d3}.card-product-img-variant{height:72px;width:72px;margin-top:2px;background-color:#d3d3d3}.card-product-img-variant-size{width:100%;height:100%}.card-product-img-promotion{height:130px;width:130px;margin-top:2px;margin-right:10px;background-color:#d3d3d3}.card-product-img-promotion img{width:100%;height:100%}.card-product-img-cart{height:80px;width:80px;margin-top:2px;margin-right:10px}.card-product-img-cart img{width:100%;height:100%}.card-kit-img{width:15%;height:15%;padding:5px;margin-right:20px;border-radius:10px;border:1px solid #ededed}.card-kit-img-kit{margin-right:5px}.card-kit-img-kit,.card-kit-img-size-kit{width:48px;height:48px}.kit-entry-identifier{font-family:"Sukhumvit Tadmai";width:65%;font-size:12px;letter-spacing:0!important}.bundle-product-view{width:90%;position:relative;font-size:12px;font-weight:500;line-height:16px}.stocklevel-status-view{width:60%;word-break:break-all}.card-product-sop-tag{min-height:10px;font-size:small;word-break:break-word;color:#6d7b7b;background-color:#ffff91;padding:2px;width:80px;text-align:center}.card-product-sop-tag,.cart-product-sop-tag{font-family:"Sukhumvit Tadmai";font-weight:700;letter-spacing:0!important}.cart-product-sop-tag{padding:3px 8px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow:hidden;justify-content:space-around;align-items:center;grid-gap:10px;gap:10px;display:flex;font-size:10px;line-height:14px;word-wrap:break-word;margin-bottom:-5px;z-index:1}.beyond-clr{color:#9c5800;background-color:#fae0ae}.basic-clr{color:#949434;background-color:#eeeec6}.flex-clr{color:#396e75;background-color:#e5fdff}.card-product-img img{width:100%;height:100%}.card-product-title{min-height:80px}.card-product-title,.card-product-title-cart,.card-product-title-remove{width:100%;font-size:small;word-break:break-word;letter-spacing:0!important}.card-product-title-variant{font-family:"Sukhumvit Tadmai";min-height:80px;width:100%;font-size:14px;word-break:break-word;letter-spacing:0!important}.product-variant-identifier{width:100%;position:relative}.card-product-title-text{font-size:16px;font-weight:700;letter-spacing:0!important}.card-product-title-text,.font-stock{font-family:"Sukhumvit Tadmai"}.cart-product-info-cart{font-size:12px;line-height:16px}.card-product-title-text-cart,.cart-product-info-cart{font-family:"Sukhumvit Tadmai";font-weight:500;letter-spacing:0!important}.card-product-title-text-cart{font-size:14px;line-height:20px}.increment-container{display:flex;margin:auto 0;justify-content:space-between;align-items:center}.qty-stepper-active{border-color:#2c2c2c!important}.qty-stepper-inactive{border-color:#9ea0a3!important}.increment-container-box{display:flex;margin:auto 0;justify-content:space-around;border:solid;border-width:2px;border-radius:48px;min-width:120px;height:40px;align-items:center}.increment-container-box .decrease-btn-active{font-size:40px;font-weight:200}.increment-container-box .decrease-btn-inactive{color:#9ea0a3;font-size:40px;font-weight:200;pointer-events:none}.increment-container-box .increase-btn-active{font-size:35px;font-weight:200}.increment-container-box .increase-btn-inactive{color:#9ea0a3;font-size:35px;font-weight:200;pointer-events:none}.increment-container-box .stepper-qty{font-family:"Sukhumvit Tadmai";margin:auto 5px;font-size:20px;font-weight:800;letter-spacing:0!important}.increment-container-box .stepper-qty-inactive{color:#9ea0a3}.increment-container-box .stepper-qty-active{color:#2c2c2c}.btn-increase{padding:3px 10px}.btn-decrease,.btn-increase{color:#537ce5;text-align:center;border-radius:60px;background-color:#fff;text-align:-webkit-center;border:1px solid #d3d3d3}.btn-decrease{padding:0 11.5px}.btn-decrease:disabled,.btn-increase:disabled{color:#d3d3d3;border:1px solid #ededed}.product-container{border-bottom:1px solid #f1f1f1}.product-container,.product-container-cards,.product-container-variant{display:flex;justify-content:space-between;padding:20px;width:100%}.product-container-cards{border-bottom:10px solid #ededed}.liff-panel .product-container:last-child{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid #f1f1f1}.product-bundle-container{background-color:#fff;border-radius:10px;padding:16px;margin-bottom:16px;justify-content:space-between;width:100%}.product-container.free-gift{padding:0 0 10px}.product-container .free-gift{padding:10px;border-radius:10px;border:1px solid #cb5454;background-color:#fff}.product-container .free-gift .text{margin:auto 15px;font-size:small}.product-container:last-child{border-bottom:0}.ReactModal__Overlay{background-color:rgba(100,103,100,.2)!important}.ReactModal__Content{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:20vh!important;border:none!important;position:fixed!important;overflow:hidden!important;border-radius:38px!important}.btn-close-modal{border:0;float:right;font-size:1.5em;background-color:#fff}.footer-price,.footer-price-bold{width:"100%";word-break:"break-word"}.footer-price-bold{font-family:"Sukhumvit Tadmai";font-weight:800;font-size:20px;letter-spacing:0!important}.price-selection-panel{bottom:0;width:100%;display:flex;justify-content:space-between}.liff-panel,.liff-prm-panel{left:0;bottom:0;width:100%;height:0;float:right;z-index:2000;position:fixed;margin-top:200px;margin-right:34px;background:rgba(19,19,19,.8392156862745098)}.liff-panel.open,.liff-prm-panel.open{height:100vh;z-index:1}.liff-panel .select-coupon-panel{background-color:#fff;border-top-left-radius:20px;border-top-right-radius:20px}.liff-panel .select-coupon-panel,.liff-prm-panel .select-prm-panel{left:0;bottom:0;width:100%;height:0;position:fixed;transition:height .8s ease-in-out;max-width:768px}.liff-prm-panel .select-prm-panel{border-top-left-radius:12px;border-top-right-radius:12px}.liff-panel.open .select-coupon-panel{height:90%}.liff-prm-panel.open .select-prm-panel{height:85%}.select-coupon-panel .header{font-family:"Sukhumvit Tadmai";padding:15px;text-align:center}.select-coupon-panel .header div,.select-prm-panel .header{font-size:18px;font-weight:800;letter-spacing:0!important}.select-prm-panel .header{font-family:"Sukhumvit Tadmai";line-height:26px;padding:15px;text-align:center;height:50px;border-top-left-radius:12px;border-top-right-radius:12px;background-color:#fff}.select-coupon-panel .btn-close,.select-prm-panel .btn-close,.select-prm-panel .btn-close-disabled{font-family:"Sukhumvit Tadmai";top:15px;right:20px;border:none;position:absolute;font-size:larger;background-color:#fff;letter-spacing:0!important}.select-prm-panel .btn-close-disabled{pointer-events:none;opacity:.7}.select-coupon-panel .content{font-family:"Sukhumvit Tadmai";padding:10px}.select-coupon-panel .content .label{font-size:14px;font-weight:700;letter-spacing:0!important}.select-prm-panel .content{padding:16px}.liff-panel-variant{left:0;bottom:0;width:100%;height:0;float:right;z-index:2000;position:fixed;margin-top:200px;margin-right:34px;background:rgba(19,19,19,.8392156862745098)}.liff-panel-variant.open{height:100vh;z-index:1}.liff-panel-variant .select-coupon-panel-variant{left:0;bottom:0;width:100%;height:0;position:fixed;background-color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;transition:height .8s ease-in-out;max-width:768px}.liff-panel-variant.open .select-coupon-panel-variant{height:96%}.product-count-container{display:flex;justify-content:center;align-items:center;padding-bottom:10px}.product-count{text-align:center;min-width:61px;height:24px;border-radius:12px;padding:5px 16px;background-color:#f1f2ff}.product-count .product-count-text{font-family:"Sukhumvit Tadmai";min-width:61px;font-size:14px;font-weight:500;line-height:16px;color:#38539a;letter-spacing:0!important}.select-coupon-panel-variant .header-variant{padding:20px 20px 10px;text-align:center}.select-coupon-panel-variant .header-variant-text{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:800;letter-spacing:0!important}.select-coupon-panel-variant .btn-close-variant{font-family:"Sukhumvit Tadmai";top:15px;right:20px;border:none;position:absolute;font-size:larger;background-color:#fff;letter-spacing:0!important}.coupon-code .input-coupon-code{font-family:"Sukhumvit Tadmai";width:72%;border-radius:8px;border:1px solid #ededed;height:40px}.coupon-code .btn-coupon-code{font-family:"Sukhumvit Tadmai";width:25%;font-size:x-small;padding:0 10px;border-radius:8px;height:40px;border:none;letter-spacing:0!important}.coupon-code .coupon-code-active{color:#fff;background-color:#2c2c2c}.coupon-code .coupon-code-disable{color:#9ea0a3;background-color:#d9d9d9}.input-coupon-code:placeholder-shown{font-family:"Sukhumvit Tadmai";border-bottom:1px solid #e6e6e6;font-size:small;padding-left:10px;letter-spacing:0!important}.disable-coupon{opacity:.4}.away-button:disabled,.disable-coupon-button{font-family:"Sukhumvit Tadmai";background-color:#d9d9d9!important;border:0!important;color:#9ea0a3}.disable-label{padding-top:15px}.coupon-container{display:flex;width:100%;height:100px;margin-top:10px;justify-content:space-around}.coupon-container .coupon-detail{width:60%;margin:auto 9px;font-family:"Sukhumvit Tadmai"}.coupon-container .coupon-detail .coupon-title{height:auto;max-height:39px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:12px;line-height:16px;letter-spacing:0!important}.coupon-container .coupon-detail .coupon-desc{font-size:20px;font-weight:800}.coupon-container .box-right{width:26%;display:flex;justify-content:center;flex-direction:column;font-family:"Sukhumvit Tadmai"}.coupon-container .box-right .coupon-date{font-size:10px;font-weight:500;text-align:center;padding-top:10px}.coupon-container .box-right .coupon-button{font-family:"Sukhumvit Tadmai";height:40px}.coupon-container .box-right .coupon-button-active{font-family:"Sukhumvit Tadmai";background-color:#7f3e3e;color:#f8f8e8;border:0}.coupon-container .box-right .coupon-button-inactive{font-family:"Sukhumvit Tadmai";color:#7f3e3e;background-color:#ffe2e2;border:2px solid #7f3e3e}.input-redio{top:25%;left:30%;width:30%;background-size:50% 50%;cursor:default!important;border:initial!important;padding:initial!important;-webkit-appearance:auto!important;appearance:auto!important;box-sizing:border-box!important;margin:3px 3px 0 5px!important}.dotted{width:1px;height:72%;margin:auto;background-color:#e0e7f6;border-right:2px dotted #bdd0ef}.box-right .checkbox-container{top:50%;left:35%;width:0}.box-right .checkbox-container input:checked~.checkmark{background-color:#38539a;border:2px solid #38539a}.box-right .checkbox-container .checkmark{position:absolute;top:0;left:0;bottom:0;width:20px;margin:auto;height:20px;border-radius:50%;background-color:#fff;border:2px solid #fff}footer.coupon .btn-purchase{width:40%;border-radius:20px;margin:auto}.footer.coupon{left:0;-webkit-filter:none;filter:none;height:15vh;display:flex;position:relative;background-color:#fff;border-top:1px solid #ededed}.bg-coupon{background-repeat:round;background-image:url(/images/promotion/coupon-bg.svg)}.border{border-radius:10px;border:1px solid #ededed}.free-gift2-img{width:20%;height:auto;padding:10px}.free-gift2-text{color:#cb5454;margin:auto 10px;font-weight:700;font-size:x-small}.header-bundle{padding:10px 0 10px 20px}.header-bundle .header-heading{bottom:0;width:100%;display:flex;justify-content:"space-between"}.header-bundle .icon{width:4%;height:4%;min-width:4%}.header-bundle .icon img{width:100%;height:100%}.header-bundle .text-configure-qty{font-family:"Sukhumvit Tadmai";font-weight:500;color:#000;width:-webkit-max-content;width:max-content;font-size:14px;min-width:-webkit-max-content;min-width:max-content;background-color:#fff;letter-spacing:0!important}.header-bundle .text-btn{font-size:12px;font-weight:500;padding-right:20px;letter-spacing:0!important}.divider-header-bundle{margin-inline:20px;border-bottom:1px solid #ededed}.kit-container{padding:0 20px 10px}.kit-container,.kit-container-item{display:flex;justify-content:space-between}.kit-container-item{padding:0 10px 10px;align-items:center}.kit-container.free-gift{align-items:center}.kit-container .btn-edit{margin:auto 0;color:#537ce5;font-size:x-small;letter-spacing:0!important}.kit-container-item .btn-edit-kit{color:#000;font-size:12px;font-weight:500;letter-spacing:0!important}.btn-edit-kit-text{-webkit-text-decoration-line:underline;text-decoration-line:underline}.btn-edit-kit-text,.conf-qty-text{font-family:"Sukhumvit Tadmai"}.remove-promotion .product-bundle-container{border-bottom:unset}.remove-promotion.bundle .checkbox-container .checkmark,.remove-promotion .checkbox-container .checkmark{border-radius:4px;border:2px solid #000}.remove-promotion .checkbox-container input:checked~.checkmark{background:#38539a;border:2px solid #38539a}.remove-promotion .checkbox-container.remove-all .checkmark{border-radius:4px;border:2px solid #000}.remove-promotion .checkbox-container.remove-all input:checked~.checkmark{background:#38539a;border:2px solid #38539a}.remove-promotion .checkbox-container.remove-all input:checked~.checkmark svg{top:1px;left:-1px;display:block}.checkbox-container.remove-all{margin:auto}.remove-promotion.footer{bottom:0;width:100%;height:15vh;padding:8px 16px;position:absolute;background-color:#fff;box-shadow:0 -4px 8px rgba(0,0,0,.1)}.free-gift-container{padding:20px;border-radius:10px;background-color:#fff}.free-gift-container .text{font-size:small;margin:auto 10px}.applied-coupon-container{display:flex;position:relative;flex:1 1;width:100%;margin-block:16px}.applied-coupon-left{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;top:25%;left:3%;width:60%;font-size:14px;font-style:normal;font-weight:700;letter-spacing:0!important}.applied-coupon-right-new{position:absolute;display:flex;flex:1 1;flex-direction:row;justify-content:space-between;top:25%;left:78%;width:20%}.coupon-value-new{text-align:left;font-size:14px;font-style:normal;font-weight:700;letter-spacing:0!important}.coupon-cross{margin-top:1px;text-align:right}.appliedCoupon{display:flex;width:100%;align-items:center;height:50px;margin-top:10px;justify-content:space-between;background-repeat:round;background-image:url(/images/promotion/applied-coupon-red.svg)}.appliedCoupon .applied-coupon{display:flex;align-items:center;padding-left:15px}.appliedCoupon .applied-coupon-right,.appliedCoupon .applied-coupon .applied-coupon-name{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:14px;letter-spacing:0!important}.appliedCoupon .applied-coupon-right{display:flex;align-items:center;padding-right:10px}.appliedCoupon .applied-coupon-right .applied-coupon-cancel{margin:0 5px;display:flex}.coupon-flex{display:flex;justify-content:space-between}.cancel-coupon{height:20px;width:20px}.cancel-img{width:50px}.coupon-value{text-align:right;width:120px}.liff-panel .btn-bottom,.liff-panel .btn-bottom-prm{font-family:"Sukhumvit Tadmai";width:90%;padding:10px;margin:20px 5%;bottom:10px;border-radius:20px;background-color:#2c2c2c;border:none;color:#fff}.liff-panel .btn-bottom-prm:disabled,.liff-panel .btn-bottom:disabled{font-family:"Sukhumvit Tadmai";width:90%;padding:10px;margin:20px 5%;bottom:10px;border-radius:20px;background-color:#c3c4c5;border:none;color:#fff}.liff-panel-variant .product-panel-footer-variant .btn-bottom-new{font-family:"Sukhumvit Tadmai";width:100%;height:48px;border-radius:40px;background-color:#000;border:none;color:#fff}.liff-panel-variant .product-panel-footer-variant .btn-bottom-new:disabled{font-family:"Sukhumvit Tadmai";width:95%;height:48px;border-radius:40px;background-color:#c3c4c5;border:none;color:#fff}.expander{padding-top:10px;border-bottom:2px solid #ededed}.expander .img{width:3%;height:3%;margin:0 10px}.expander.desc{padding:0 30px 20px 50px}.expander .product.text-overflow{width:50%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.desc-product-container{padding:5;margin:15px;border-radius:10px;background-color:#fff}.desc-product-container .away-button{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:14px;letter-spacing:0!important}.desc-product-div{height:100%;padding:10px}.promotion-name{font-size:20px;font-weight:800;line-height:28px;margin-left:10;letter-spacing:0!important}.desc-product-container .img{height:auto}.desc-product-id{width:70%;font-family:"Sukhumvit Tadmai";letter-spacing:0!important}.desc-product-id .product-id{font-weight:500;font-size:12px;letter-spacing:0!important}.desc-product-id .image-detail-name{max-height:125px;overflow:hidden;font-weight:700;font-size:16px;letter-spacing:0!important}.desc-product-id .product-price{font-weight:800;font-size:20px;letter-spacing:0!important}.desc-product-id .product-pvbv{font-weight:500;font-size:12px;letter-spacing:0!important}.pb_5{padding-bottom:5px}.pb-20{padding-bottom:20px}.font-16{font-size:16px}.font-14{font-size:14px}.promotion-section{background-color:#ededed}.promotion-section .product-section-heading img{margin-right:10px}.promotion-section .product-section-div{background:#fff;padding:5px 15px;margin-bottom:10px;color:#2c2c2c;font-family:"Sukhumvit Tadmai";letter-spacing:0!important}.promotion-section .product-section-div .promotion-heading{padding:5px 0;margin-top:10px;font-size:20px;font-weight:800;letter-spacing:0!important}.promotion-section .product-section-div .product-section-heading{display:flex;align-items:center;padding:5px 0;margin-top:10px;font-size:14px;font-weight:700;letter-spacing:0!important}.promotion-section .product-section-div .product-section-promo,.promotion-section .product-section-div .product-section-summary{font-family:"Sukhumvit Tadmai";font-size:12px;font-weight:500;letter-spacing:0!important}.promotion-section .product-section-div .product-section-promo{background:#f1f2ff;padding:5px 0;margin-bottom:10px;text-align:center;color:#38539a}.promotion-section .product-section-recommend{display:flex;align-items:center;margin:0 15px;padding-top:15px;color:#a65523;font-weight:700;font-size:14px;letter-spacing:0!important}.promotion-section .product-section-recommend span{margin:0 15px;font-size:12px;font-weight:500;letter-spacing:0!important}.product-section-recommend img{margin-right:10px}.payment-option-container{padding:15px;border-radius:10px;border:1px solid #ededed;background-color:#fff}.payment-option-container.select{border:1px solid #537ce5}.payment-option-container .checkbox-container{margin-bottom:0}.payment-option-container .checkbox-container .checkmark{border:2px solid #ededed;background:#fff}.payment-option-container .checkbox-container input:checked~.checkmark{background:#38539a;border:2px solid #537ce5;padding:3px;background-image:linear-gradient(180deg,#537ce5,#537ce5),linear-gradient(180deg,#fafafa 0,#fafafa);background-clip:content-box,padding-box}.payment-option-container .checkbox-container input:checked~.checkmark svg{display:none}.empty-cart-text{height:100vh;color:#38539a;font-size:1.5em;margin-top:-11px;text-align:center;background-color:#f2f2f2}._loading_overlay_overlay.css-df17o1{height:100vh}.cart-phone-input{border:1px solid #ededed;border-radius:20px;font-size:small;margin-top:5px}.cart-phone-input .label{width:50%;padding:7px 5px;text-align:center;border-bottom-left-radius:20px;border-top-left-radius:20px;background-color:#ededed;font-weight:700}.cart-phone-input input{border-bottom:unset;margin:auto 10px}.cart-phone-input input:placeholder-shown,select:placeholder-shown{border-bottom:unset;margin:auto 10px}.description-box-container{background-color:#fff7f2;padding:15px}.short-description-box{color:#a65523;font-size:small;border-radius:10px;letter-spacing:0!important;font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500}.short-description-box img{width:10px;margin-right:5px}.amway-value{color:#c3c4c5;font-size:small}.amway-value-dark{font-size:small}.amway-value-dark,.code-color{font-family:"Sukhumvit Tadmai";color:#707070;font-weight:500}.code-color{font-size:12px;letter-spacing:0!important}.backOrder{color:#428c7b;background-color:#b3e4d9}.backOrder,.outOfStock{border-radius:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:smaller;padding:1px 5px 0;letter-spacing:0!important}.outOfStock{color:#fff;background-color:#cb5454}.notYetAvailable{color:#b94a4a;border-radius:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:smaller;padding:1px 5px 0;background-color:#eec1c1;letter-spacing:0!important}.noLongerAvailable{background-color:sienna}.noLongerAvailable,.temporaryNotAvailable{color:#fff;border-radius:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:smaller;padding:1px 5px 0;letter-spacing:0!important}.temporaryNotAvailable{background-color:#cb5454}.notAvailableAtWarehouse{color:#fff;border-radius:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:smaller;padding:1px 5px 0;background-color:#38539a;letter-spacing:0!important}.font-price{color:red;text-decoration:line-through}.font-targetPrice{color:#00f}.cartTabBar{width:100%;padding:0 16px;grid-gap:16px;gap:16px;background-color:#fff;box-shadow:4px 4px 8px rgba(0,0,0,.04)}.cartPaymentSelectionTab,.cartTabBar{display:flex;justify-content:flex-start;align-items:center}.cartPaymentSelectionTab{flex:1 1;height:100%;padding:15px 16px 0;grid-gap:10px;gap:10px;flex-direction:column}.cartPaymentSelectionText{font-family:"Sukhumvit Tadmai";font-size:16px;text-align:center;color:#2c2c2c;line-height:24px;word-wrap:break-word;font-weight:700;letter-spacing:0!important}.selectedCartTabBar{width:120px;height:5px;background:#38539a}.empty-cart-div{display:flex;justify-content:center;align-items:center;height:calc(100vh - 52px)}.empty-cart-container{width:361px;height:382px;flex-direction:column;justify-content:flex-start;align-items:center;grid-gap:24px;gap:24px;display:inline-flex}.empty-cart-img{width:236px;height:236px}.empty-cart-msg-div{flex-direction:column;justify-content:flex-start;align-items:center;display:inline-flex}.empty-cart-label{font-size:20px;font-weight:800;line-height:28px}.empty-cart-label,.empty-cart-productmsg{font-family:"Sukhumvit Tadmai";text-align:center;color:#000;word-wrap:break-word;letter-spacing:0!important}.empty-cart-productmsg{font-size:16px;font-weight:500;line-height:22px}.btn-shop-now{font-family:"Sukhumvit Tadmai";background-color:#2c2c2c;height:48px;width:150px;border-radius:40px;font-size:16px;line-height:20px;font-weight:700;word-wrap:break-word;color:#fff;border-color:#000;justify-content:space-around;display:inline-flex;align-items:center;letter-spacing:0!important}.gift-product-container{width:100%;height:100%;flex-direction:column;grid-gap:8px;gap:8px}.gift-label-div,.gift-product-container{justify-content:flex-start;display:inline-flex}.gift-label-div{grid-gap:37px;gap:37px;flex-direction:row;align-items:center}.gift-info-container{align-self:stretch}.gift-info-container,.info-div{justify-content:flex-start;align-items:center;grid-gap:8px;gap:8px;display:flex}.info-div{flex:1 1;height:16px;height:100%}.gift-title-container{flex:1 1;flex-direction:column;align-items:flex-start;align-self:stretch;justify-content:flex-start;grid-gap:8px;gap:8px;display:inline-flex}.gift-img{width:48px;height:48px;border:1px solid #fff}.footer-coupon{margin-bottom:5px;padding:10px 20px;background-color:#fff}.cart-summary{margin-bottom:16px;padding:16px;background-color:#fff;grid-gap:4px;gap:4px;flex-direction:column}.cart-summary-label{font-size:14px;font-family:"Sukhumvit Tadmai";font-weight:500;line-height:20px;word-wrap:break-word;letter-spacing:0!important}.cart-summary-price{font-weight:700}.cart-summary-price,.cart-summary-value{font-size:16px;font-family:"Sukhumvit Tadmai";line-height:22px;word-wrap:break-word;letter-spacing:0!important}.cart-summary-value{font-weight:500}.sop-btn{background-color:#f0fae5;color:#546223}.prm-btn,.sop-btn{font-family:"Sukhumvit Tadmai";flex:1 1;padding:14px 16px;font-size:14px;font-weight:700;line-height:20px;word-wrap:break-word;letter-spacing:0!important}.prm-btn{background-color:#fff1e8;color:#a65523}.prm-current-qty{width:auto;height:auto;padding:5px 16px;background:#f1f2ff;border-radius:12px;overflow:hidden;justify-content:flex-start;align-items:center;grid-gap:10px;gap:10px;display:inline-flex}.prm-current-qty .qtyValue{color:#38539a;font-size:14px;font-weight:500;line-height:20px;word-wrap:break-word;letter-spacing:0!important}.prm-choice{align-items:center;flex-direction:column;display:flex;grid-gap:16px;gap:16px}.prm-choice-footer{padding:8px 16px 0;box-shadow:0 -4px 8px rgba(0,0,0,.1);flex-direction:column;justify-content:center;align-items:flex-start}.prm-choice-footer .footer-btn{border-radius:40px;overflow:hidden;align-items:center;grid-gap:10px;gap:10px;display:inline-flex;justify-content:space-around;background-color:#2c2c2c;width:100%;padding:0 32px;height:48px}.prm-choice-footer .btn-text{font-family:"Sukhumvit Tadmai";color:#fafafa}.prm-choice-footer .btn-text,.prm-choice-footer .btn-text-disabled{font-size:16px;font-weight:700;line-height:20px;word-wrap:break-word;letter-spacing:0!important}.prm-choice-footer .btn-text-disabled{pointer-events:none;color:#9ea0a3}.prm-choice-item{justify-content:flex-start;align-items:center;grid-gap:8px;gap:8px;display:inline-flex}.prm-choice-item .description{flex-direction:column;align-items:flex-start}.prm-choice-item .description .identifier{font-family:"Sukhumvit Tadmai";align-self:stretch;font-size:14px;font-weight:500;line-height:20px;word-wrap:break-word;letter-spacing:0!important}.prm-choice-item .description .price-row{width:112px;grid-gap:4px;gap:4px;word-wrap:break-word;display:inline-flex;align-items:center}.prm-choice-item .description .price-row .disc-price{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:700;line-height:24px;letter-spacing:0!important}.prm-choice-item .description .price-row .actual-price{font-family:"Sukhumvit Tadmai";color:#707070;font-size:10px;font-weight:500;text-decoration:line-through;line-height:14px;letter-spacing:0!important}.cart-sop-solution-img{flex-direction:column;height:80px;width:80px}.cart-sop-solution-img,.cart-sop-solution-img .img-container{justify-content:flex-start;align-items:flex-start;grid-gap:2px;gap:2px;display:inline-flex}.cart-sop-solution-img .img-container{align-self:stretch;flex:1 1}.cart-sop-solution-img .img-container img{flex:1 1;align-self:stretch;border:1px solid #fff;height:40px;width:40px}.cart-sop-solution-img .img-container .last-img{position:relative}.cart-sop-solution-img .img-container .empty-img{flex:1 1;align-self:stretch;opacity:.04;background:#707070;border-radius:10px}.cart-sop-solution-img .img-container .overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8;background:#777;border-radius:10px}.cart-sop-solution-img .img-container .overlay-txt{position:absolute;top:7px;right:11px;text-align:center;color:#fff;font-size:16px;font-weight:700;line-height:24px;word-wrap:break-word;letter-spacing:0!important}.customer-pay-select-div{width:100%;background:#fff;box-shadow:4px 4px 8px rgba(0,0,0,.04);grid-gap:16px;gap:16px;display:inline-flex}.customer-pay-select-div,.customer-pay-select-div .pay-div{height:48px;padding:15px 16px;justify-content:flex-start;align-items:center}.customer-pay-select-div .pay-div{flex:1 1;grid-gap:10px;gap:10px;display:flex}.customer-pay-select-div .pay-div .pif-text{flex:1 1;text-align:center;color:#2c2c2c;font-size:16px;line-height:24px}.coupon-label,.customer-pay-select-div .pay-div .pif-text{font-weight:700;word-wrap:break-word;letter-spacing:0!important}.coupon-label{font-size:14px;font-family:"Sukhumvit Tadmai";line-height:20px}.coupon-link{font-size:12px;font-weight:500;text-decoration:underline;line-height:16px}.coupon-link,.product-list-label{font-family:"Sukhumvit Tadmai";word-wrap:break-word;letter-spacing:0!important}.product-list-label{font-size:14px;font-weight:700;line-height:20px}.remove-all-product{font-size:16px;font-family:"Sukhumvit Tadmai";font-weight:700;line-height:24px;word-wrap:break-word;letter-spacing:0!important}.solution-header{box-shadow:4px 4px 8px 0 rgba(0,0,0,.0392157)}.solution-plp-overlay{height:100vh;width:100%;position:fixed;top:0;background-color:rgba(0,0,0,.101961)}.sop-product-box .solution-price h2{margin-bottom:0}.sop-product-box .new-solution-title-sku{font-family:"Sukhumvit Tadmai";font-size:12px;font-weight:500;line-height:16px;letter-spacing:0!important;text-align:left;color:#707070;margin-left:16px}.sop-product-box .new-solution-title-name{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:700;line-height:20px;letter-spacing:0!important;text-align:left;padding:0 16px;color:#2c2c2c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:40px}.sop-product-box .solution-pvbv{font-family:"Sukhumvit Tadmai";font-size:12px;font-weight:500;line-height:16px;letter-spacing:0!important;text-align:left;margin-left:16px;color:#707070}.sop-product-box .add-sop-btn{justify-content:center;padding:10px}.sop-product-box .add-sop-btn .sop-btn-purchase{border:none;color:#fff;padding:10px 60px;border-radius:10px;border-radius:30px;background-color:#2c2c2c;font-family:"Sukhumvit Tadmai";height:45px;font-size:14px;font-weight:700;line-height:20px;letter-spacing:0!important;text-align:center}.sop-product-box .add-sop-btn .sop-btn-purchase:disabled{background-color:#d9d9d9;color:#9ea0a3}.solution-footer{width:100%;position:fixed;bottom:0;z-index:9;background-color:#fff;border-top-left-radius:12px;border-top-right-radius:12px;box-shadow:0 -4px 8px 0 rgba(0,0,0,.0392157)}.solution-footer .solution-subfooter{padding:10px 16px;border-bottom:1px solid #e4e4e4}.solution-footer .solution-subfooter .total-count{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:800;line-height:40px;letter-spacing:0!important;text-align:left;color:#2c2c2c;margin-right:10px}.solution-footer .solution-subfooter .sop-tag{background-color:#fae0ae;border-radius:24px;padding:5px 10px;color:#9c5800;font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:700;line-height:30px;letter-spacing:0!important;text-align:left}.solution-footer .solution-subfooter .sop-tag-basic{color:#949434;background-color:#eeeec6}.solution-footer .solution-subfooter .qty-icon{justify-content:end;display:flex}.solution-footer .footer-shadow{box-shadow:0 -4px 8px 0 rgba(0,0,0,.101961)}.solution-footer .price-footer{padding:10px 0 20px}.solution-footer .price-footer .checkout-section{justify-content:left;padding:0 10px 0 16px}.solution-footer .price-footer .checkout-section .price-section .solution-price{font-family:"Sukhumvit Tadmai";font-size:20px;font-weight:800;line-height:28px;letter-spacing:0!important;text-align:left;color:#2c2c2c}.solution-footer .price-footer .checkout-section .price-section .solution-pvbv{font-family:"Sukhumvit Tadmai";font-size:12px;font-weight:500;line-height:16px;letter-spacing:0!important;text-align:left;color:#7f3e3e}.solution-footer .price-footer .checkout-section .solution-btn-purchase{font-family:"Sukhumvit Tadmai";padding:12px 40px;border-radius:40px;color:#fff;background-color:#2c2c2c}.solution-footer .price-footer .checkout-section .solution-btn-purchase:disabled{background-color:#d9d9d9;color:#9ea0a3;border:0}.solution-footer .price-footer-shadow{box-shadow:0 -4px 8px 0 rgba(0,0,0,.101961)}.solution-footer .product-section{background-color:rgba(0,0,0,.101961);padding:10px 16px;height:70vh;overflow-y:auto}.solution-footer .product-section .product{background-color:#fff;padding:10px 16px;margin-bottom:10px;border-radius:10px}.solution-footer .product-section .product .description-section{padding-left:10px}.solution-footer .product-section .product .description-section .footer-sku{justify-content:left;font-family:"Sukhumvit Tadmai";font-size:12px;font-weight:500;line-height:16px;letter-spacing:0!important;text-align:left;color:#707070}.solution-footer .product-section .product .description-section .footer-name{justify-content:left;font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:20px;letter-spacing:0!important;text-align:left;margin-top:5px;margin-bottom:5px;color:#2c2c2c}.solution-footer .product-section .product .description-section .footer-price-stepper{justify-content:left}.solution-footer .product-section .product .description-section .footer-price-stepper .footer-price{display:flex;align-self:flex-end}.solution-footer .product-section .product .description-section .footer-price-stepper .footer-price h2{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:700;line-height:24px;letter-spacing:0!important}.sop_options{display:flex;flex-direction:column;background:rgba(0,0,0,.0392157);min-height:100vh}.sop_options .sop-options-header{float:right;position:absolute;width:105px;right:0}.sop_options .sop-plp-container{padding:16px}.sop_options .sop-plp-container .basic_container{box-shadow:4px 4px 8px 0 rgba(0,0,0,.0392157);background:#fff;border-radius:10px;margin-bottom:16px}.sop_options .sop-plp-container .basic_container .bg_one{position:relative}.sop_options .sop-plp-container .basic_container .basic_bg_one{background-image:url(/images/sop/basic_bg_1.svg),url(/images/sop/basic_bg_2.svg);position:absolute;width:100%;height:100px;bottom:0}.sop_options .sop-plp-container .basic_container .beyond_bg_one{background-image:url(/images/sop/beyong_bg_1.svg),url(/images/sop/beyond_bg_2.svg);position:absolute;width:100%;height:100px;bottom:0}.sop_options .sop-plp-container .basic_container .flex_bg_one{background-image:url(/images/sop/flex_bg_1.svg),url(/images/sop/flex_bg_2.svg);position:absolute;width:100%;height:100px;bottom:0}.sop_options .sop-plp-container .basic_container section{padding:16px;z-index:9;position:relative}.sop_options .sop-plp-container .basic_container .header_one{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:800;line-height:26px;letter-spacing:0!important;text-align:left;color:#949434}.sop_options .sop-plp-container .basic_container .flex_header{color:#396e75}.sop_options .sop-plp-container .basic_container .beyond-header{color:#9c5800}.sop_options .sop-plp-container .basic_container .benefit_details,.sop_options .sop-plp-container .basic_container .description_details{margin-top:10px;font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:20px;letter-spacing:0!important;text-align:left;color:#2c2c2c}.sop_options .sop-plp-container .basic_container .benefit_details img,.sop_options .sop-plp-container .basic_container .description_details img{width:24px;height:24px;margin-right:10px}.sop_options .sop-plp-container .basic_container .profile-btn-purchase{font-family:"Sukhumvit Tadmai";width:100%;padding:10px;background:#2c2c2c;color:#fff;border-radius:40px;margin-top:10px}.justify-left{align-items:flex-start;justify-content:left!important}.justify-space-between{align-items:center;justify-content:space-between!important}.sop_profile .empty_profile_image img{width:50%;height:50%}.sop_profile .empty_profile_heading{font-size:20px;font-weight:800;line-height:28px;margin-top:30px}.sop_profile .empty_profile_heading,.sop_profile .empty_profile_subheading{font-family:"Sukhumvit Tadmai";letter-spacing:0!important;text-align:center;color:#2c2c2c}.sop_profile .empty_profile_subheading{font-size:16px;font-weight:500;line-height:22px;margin-bottom:30px}.sop_profile .empty_profile_btn button{height:50px}.sop_profile .sop-profile-container{padding:16px 16px 100px;display:block}.sop_profile .element-details{color:#2c2c2c;margin-top:10px}.sop_profile .element-details,.sop_profile .subheader{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:700;line-height:20px;letter-spacing:0!important;text-align:left}.sop_profile .subheader{color:#7f3e3e;display:flex;justify-content:center;margin-bottom:10px}.sop_profile .sop_profile_tab{padding:0 16px;text-align:center;background-color:#fff;box-shadow:4px 4px 8px 0 rgba(0,0,0,.0392157)}.sop_profile .sop_profile_tab .active-tab{border-bottom:5px solid #38539a;color:#38539a}.sop_profile .sop_profile_tab .col-5{padding:16px 0}.sop_profile .sop_profile_tab .col-5 .profile_tabheader{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:700;line-height:24px;letter-spacing:0!important;text-align:center}.sop_profile .profile-list{background:#fff;padding:10px 16px;border-radius:10px;box-shadow:4px 4px 8px 0 rgba(0,0,0,.0392157);margin-bottom:15px}.sop_profile .profile-list .sku-status{font-family:"Sukhumvit Tadmai";font-size:12px;font-weight:500;line-height:16px;letter-spacing:0!important;text-align:left;color:#707070;padding-left:15px}.sop_profile .profile-list .sku-status .profile-status-tag{display:flex;align-items:center;padding:2px 8px;background:#f1f2ff;border-radius:24px;font-family:"Sukhumvit Tadmai";font-size:10px;font-weight:700;line-height:14px;letter-spacing:0!important;text-align:left;color:#38539a;margin-bottom:5px;justify-content:center}.sop_profile .profile-list .sku-status .incart-status{color:#546223;background-color:#f0fae5}.sop_profile .profile-list .sku-status .payment-pending-status{background-color:#fff1e8;color:#a65523}.sop_profile .profile-list .sku-status .purchased-status{background-color:#f0fae5;color:#73793b;justify-content:center;align-items:center}.sop_profile .profile-list .sku-status .purchased-status div{margin-right:5px;align-items:center;display:flex}.sop_profile .profile-list .sku-status .purchased-status div svg{width:13px!important}.sop_profile .profile-list .sku-status .postpone-status{background-color:#e5fdff;color:#396e75;justify-content:center;align-items:center}.sop_profile .profile-list .sku-status .postpone-status div{margin-right:5px;align-items:center;display:flex}.sop_profile .profile-list .sku-status .postpone-status div svg{width:13px!important}.sop_profile .profile-list .profile-product-name{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:700;line-height:24px;letter-spacing:0!important;text-align:left;color:#2c2c2c}.sop_profile .profile-list .profile-product-price{font-family:"Sukhumvit Tadmai";font-size:20px;font-weight:800;line-height:28px;letter-spacing:0!important;text-align:left;color:#2c2c2c}.sop_profile .profile-list .profile-product-price .product-pvbv{color:#707070;margin-bottom:5px}.sop_profile .profile-list .details-anchor,.sop_profile .profile-list .profile-product-price .product-pvbv{font-family:"Sukhumvit Tadmai";font-size:12px;font-weight:500;line-height:16px;letter-spacing:0!important;text-align:left}.sop_profile .profile-list .details-anchor{color:#2c2c2c;display:flex;text-decoration:underline}.sop_profile .profile-list .sop-flex-image span{position:absolute;padding:5px 10px;background-color:#e5fdff;border-bottom-right-radius:5px;border-bottom-left-radius:5px;font-family:"Sukhumvit Tadmai";font-size:10px;font-weight:700;line-height:14px;letter-spacing:0!important;text-align:left;color:#396e75}.sop_profile .profile-list .solution-image-container .image-box{position:relative;display:flex}.sop_profile .profile-list .solution-image-container .image-box .empty-contianer,.sop_profile .profile-list .solution-image-container .image-box img{height:50px;width:50px;margin-top:5px;border-radius:10px}.sop_profile .profile-list .solution-image-container .image-box .empty-contianer{opacity:1%;background:#707070}.sop_profile .profile-list .solution-image-container .image-box .extra-count-container{position:absolute;top:0;width:100%;height:100%;background-color:#777;border-radius:10px;color:#fff;font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:700;line-height:24px;letter-spacing:0!important;text-align:center;display:flex;align-items:center;justify-content:center;opacity:.8}.sop_profile .profile-list .solution-tag{position:absolute;border-bottom-right-radius:5px;border-bottom-left-radius:5px;font-family:"Sukhumvit Tadmai";font-size:10px;font-weight:700;line-height:14px;letter-spacing:0!important;text-align:left;padding:5px 10px;z-index:1}.sop_profile .profile-list .basic-tag{background-color:#eeeec6;color:#949434}.sop_profile .profile-list .beyond-tag{background-color:#fae0ae;color:#9c5800}.sop_profile .profile-btn-purchase{padding:10px 32px;background:#2c2c2c;color:#fff;font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:700;line-height:20px;letter-spacing:0!important;text-align:center;border-radius:40px;width:100%}.sop_profile .profile-btn-purchase:disabled{background-color:#d9d9d9;color:#9ea0a3;border:0}.sop_profile .profile-stepper .stepper-circle{width:10px;height:10px;border-radius:50%;background-color:#f1f2ff}.sop_profile .profile-stepper .stepper-circle.notPurchase,.sop_profile .profile-stepper .stepper-circle.payment_pending{border:2px solid #38539a}.sop_profile .profile-stepper .compensation,.sop_profile .profile-stepper .purchased{background:#38539a!important}.sop_profile .profile-stepper .postpone{background-color:#396e75!important}.sop_profile .profile-stepper .cancelOne{background:#7f3e3e!important}.sop_profile .profile-stepper .stepper-dash{width:2px;height:3px;background:#f1f2ff;vertical-align:middle;display:flex;position:relative;top:3.2px}.sop_profile .profile-list-footer{position:fixed;width:100%;bottom:0;background:#fff;padding:10px 16px;box-shadow:0 -4px 8px 0 rgba(0,0,0,.101961);z-index:1;justify-content:space-between!important}.sop_profile .profile-list-footer .footer-price{font-family:"Sukhumvit Tadmai";font-size:20px;font-weight:800;line-height:28px;letter-spacing:0!important;text-align:left;color:#2c2c2c}.sop_profile .profile-list-footer .footer-pvbv{font-family:"Sukhumvit Tadmai";font-size:12px;font-weight:500;line-height:16px;letter-spacing:0!important;text-align:left;color:#707070}.sop_profile .profile-list-footer .profile-footer-btn{display:flex;justify-content:center;align-items:end;padding:10px}.cart-profile-list .sop-plp-container{overflow:auto}.cart-profile-list .solution-tag,.cart-profile-list .sop-flex-image span{position:relative!important}.profileDetails_header{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:800;line-height:26px;letter-spacing:0!important;text-align:center}.sop_profile_details{padding:16px}.sop_profile_details .profile_details{border-radius:10px;background:#fae0ae;padding:10px 16px}.sop_profile_details .profile_details .profile_type{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:700;line-height:20px;letter-spacing:0!important;text-align:left;color:#9c5800}.sop_profile_details .profile_details .profile-status-tag{display:flex;align-items:center;padding:2px 8px;background:#f1f2ff;border-radius:24px;font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:700;line-height:14px;letter-spacing:0!important;text-align:left;color:#38539a;margin-bottom:5px;justify-content:center}.sop_profile_details .profile_details .incart-status{color:#546223;background-color:#f0fae5}.sop_profile_details .profile_details .payment-pending-status{background-color:#fff1e8;color:#a65523}.sop_profile_details .profile_details .purchased-status{background-color:#f0fae5;color:#73793b;justify-content:center;align-items:center}.sop_profile_details .profile_details .purchased-status div{margin-right:5px;align-items:center;display:flex}.sop_profile_details .profile_details .purchased-status div svg{width:13px!important}.sop_profile_details .profile_details .postpone-status{color:#396e75;justify-content:center;align-items:center}.sop_profile_details .profile_details .postpone-status div{margin-right:5px;align-items:center;display:flex}.sop_profile_details .profile_details .postpone-status div svg{width:13px!important}.sop_profile_details .profile_details.flex{background-color:#e5fdff}.sop_profile_details .profile_details.flex .profile_type{color:#396e75}.sop_profile_details .profile_details.basic{background-color:#eeeec6}.sop_profile_details .profile_details.basic .profile_type{color:#949434}.sop_profile_details .monthly_benefits{margin-top:20px;background:#f1f2ff;border-radius:10px}.sop_profile_details .monthly_benefits .benefit{padding:16px;align-items:center}.sop_profile_details .monthly_benefits .benefit li{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:20px;letter-spacing:0!important;text-align:left;color:#3853a3;margin-left:10px}.sop_profile_details .monthly_benefits .benefit li span{position:relative;left:-10px}.sop_profile_details .monthly_benefits .month_section{background:#fff;border-radius:10px;border:1px solid #f1f2ff;padding:10px 16px 16px}.sop_profile_details .monthly_benefits .month_section .month_view{margin-top:10px}.sop_profile_details .monthly_benefits .month_section .elements{height:34px;width:34px;border:2px dashed rgba(56,83,154,.16);border-radius:32px;color:#38539a;font-weight:700;font-family:"Sukhumvit Tadmai";justify-content:center;display:flex;align-items:center;margin-right:5px}.sop_profile_details .monthly_benefits .month_section .months{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:20px;letter-spacing:0!important;text-align:center;color:#000;margin-top:5px}.sop_profile_details .monthly_benefits .month_section .months.active{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:700}.profile_details_products{background:#f4f4f4;padding:16px;min-height:300px}.profile_details_products .header{justify-content:space-between;display:flex;font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:700;line-height:24px;letter-spacing:0!important;text-align:right;padding:0}.profile_details_products .product_tiles{background:#fff;margin-top:10px;border-radius:10px;padding:10px 16px}.profile_details_products .product_tiles img{width:100%}.profile_details_products .product_tiles .sku{font-family:"Sukhumvit Tadmai";font-size:12px;font-weight:500;line-height:16px;letter-spacing:0!important;text-align:left;color:#707070}.profile_details_products .product_tiles .identifier{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:20px;letter-spacing:0!important;text-align:left;color:#2c2c2c}.profile_details_products .product_tiles .price_pvbv_container{margin-top:0!important}.profile_details_products .product_tiles .price_pvbv{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:700;line-height:24px;letter-spacing:0!important;text-align:left;color:#2c2c2c;justify-content:space-between;margin-top:10px}.profile_details_products .product_tiles .price_pvbv .pv_bv{font-family:"Sukhumvit Tadmai";font-size:12px;font-weight:500;line-height:16px;letter-spacing:0!important;text-align:left;color:#707070}.cart-container{background:#fafafa;padding:15px;min-height:100vh;display:flex;flex-direction:column}.cart-container .header{text-align:center}.cart-container .body{margin-bottom:20vh}.cart-container .body .items{padding:0;margin-bottom:15px}.cart-container .body .items .card-header{padding:5px 15px;border-bottom:1px solid #e6e6e6}.cart-container .body .items .card-body .item-container{display:flex;margin:15px}.cart-container .body .items .card-body .item-container:not(:last-child){border-bottom:1px solid #e6e6e6;margin-bottom:0}.cart-container .body .items .card-body .item-container img{margin:auto 0;height:80px;width:80px}.cart-container .body .items .card-body .item-container .item-detail{padding:0 15px 15px}.cart-container .body .items .card-body .item-container .item-detail .flex{display:flex;align-items:center}.cart-container .body .items .card-body .item-container .item-detail .flex .item-price-container{margin-right:auto}.cart-container .body .items .card-body .item-container .item-detail .input-number-container{height:40px}.cart-container .body .point-discount{background:#f1f2ff;color:#38539a;margin-bottom:15px}.cart-container .body .address{margin-bottom:15px}.cart-container .footer{position:fixed;bottom:0;left:0;right:0;background:#fff;width:100%}.cart-container .footer .discount{background:#ededed;padding:5px 15px}.cart-container .empty{margin:auto}.choosemag-container>.body{margin-bottom:20vh}.choosemag-container .medium-blue{color:#38539a;max-width:70%;text-align:center;margin:20px auto 0}.otp-container{text-align:center}.otp-container .header{position:relative}.otp-container .header img{width:100%}.otp-container .header h2{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;margin:0}.otp-container .otp-content{margin-bottom:30px}.otp-container .otp-content a{text-decoration:underline;font-size:12px}.otp-container .otp-content .ref-text{color:#929497}.otp-container .otp-content .otpinput-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}.otp-container .otp-content .otpinput-container input{border-radius:4px;border-style:solid;padding:5px 0;box-sizing:initial;font-weight:700}.otp-container .otp-footer{position:absolute;bottom:5px;width:100%;padding:15px;z-index:9999;clear:both}.otp-container .otp-footer .link{display:block;margin-bottom:10px;text-decoration:underline}.phonechange-container{max-width:425px;margin:0 auto}.phonechange-container .modal-container{text-align:center}.phonechange-container>.header{position:relative}.phonechange-container>.header .header-img{width:100%}.phonechange-container>.header .header-text{position:absolute;width:100%;height:100%;top:0;left:0;text-align:center;padding-top:10%}.phonechange-container>.body .desc{width:65%;text-align:center;margin:20px auto 0}.phonechange-container>.body .custom-input-container{max-width:220px;margin:20px auto}.phonechange-container>.body .custom-input-container .input-label{max-width:220px;margin:0 auto;font-size:13px;color:#929497}.phonechange-container>.body .custom-input-container .input-container{display:flex;font-size:16px}.phonechange-container>.body .custom-input-container .input-container>input{border:2px solid #e6e6e6;border-right:0;border-top-left-radius:8px;border-bottom-left-radius:8px;padding:0 16px;box-sizing:initial}.phonechange-container>.body .custom-input-container .input-container>input.disable{color:#525252}.phonechange-container>.body .custom-input-container .input-container .suffix-button{height:auto;width:auto;border-radius:0;border-top-right-radius:10px;border-bottom-right-radius:10px}.phonechange-container>.footer{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:center;padding:15px}.choosemag-container{padding:15px 25px;background:#fafafa;min-height:100vh}.choosemag-container ul{list-style-position:inside}.choosemag-container>.header{text-align:center;margin-bottom:15px}.choosemag-container>.header .title{font-size:20px;color:#2c2c2c;margin-bottom:10px}.choosemag-container>.header .desc{font-size:14px;color:#929497;max-width:70%;margin:0 auto}.choosemag-container>.body{margin-bottom:10vh}.choosemag-container>.body .link{color:#537ce5;text-decoration:underline}.choosemag-container>.body .radio-input{-webkit-appearance:radio;appearance:radio;width:auto;height:auto;border:none}.choosemag-container>.body .collapse-container{background:#fff;margin-bottom:15px;box-shadow:0 5px 15px rgba(0,0,0,.04);padding:15px;border-radius:15px}.choosemag-container>.body .collapse-container .collapse-header{background:transparent;box-shadow:none;padding:0}.choosemag-container>.body .collapse-container .collapse-header .title .checkbox-container{margin-bottom:0}.choosemag-container>.body .collapse-container .collapse-content{background:transparent}.choosemag-container>.body .collapse-container .collapse-content .content-container{margin:0;padding:15px 15px 5px}.choosemag-container>.body .collapse-container .collapse-content .content-container .visible{display:block}.choosemag-container>.body .collapse-container .collapse-content .content-container .hide,.choosemag-container>.body .collapse-container hr{display:none}.choosemag-container>.body .collapse-container.active{border:2px solid #38539a}.choosemag-container>.body .collapse-container.active .collapse-header .title .checkbox-container{margin-bottom:12px}.choosemag-container>.body .collapse-container.active hr{display:block}.choosemag-container>.body .collapse-container.no-content .content-container{padding:0}.choosemag-container>.body .collapse-container.member .checkbox-container,.choosemag-container>.body .collapse-container.no-content .checkbox-container{margin:0!important}.choosemag-container>.body .add-bank-container hr{border:1px solid #c3c4c5}.choosemag-container>.body .add-bank-container .header{text-align:center;font-family:Sukhumvit Set;font-style:normal;font-weight:500;font-size:20px;margin-bottom:15px}.choosemag-container>.body .add-bank-container .card-container .input-container{margin-bottom:10px}.choosemag-container>.body .add-bank-container .card-container .input-container label{color:#929497;font-size:13px}.choosemag-container>.body .add-bank-container .card-container .input-container .input-description{color:#38539a;font-size:13px;margin-top:5px}.choosemag-container>.body .add-bank-container .card-container .description{color:#929497;font-size:13px}.choosemag-container>.body .add-bank-container .images-upload-container .input-container{max-width:calc(60vw + 20px);margin:10px auto}.choosemag-container>.body .add-bank-container .images-upload-container .upload-btn{border-radius:25px;border:1px solid #2c2c2c;padding:5px 15px;display:inline-block}.choosemag-container>.body .add-bank-container .images-upload-container .image-name-text{font-size:15px;color:#2c2c2c;font-weight:500;margin-left:15px}.choosemag-container>.body .add-bank-container .images-upload-container .upload-text{font-size:13px;color:#929497;margin-left:15px}@media (max-width:380px){.choosemag-container>.body .add-bank-container .images-upload-container .images{grid-template-columns:1fr}}.choosemag-container>.body .add-bank-container label.input-invalid{color:#cb5454!important;font-size:13px}.choosemag-container>.body .add-bank-container input.input-invalid{border-bottom:1px solid #cb5454}.choosemag-container>.body .add-bank-container .react-select__control{border-bottom:1px solid #c3c4c5}.choosemag-container>.body .add-bank-container .react-select__placeholder{color:#c3c4c5}.choosemag-container>.body .add-bank-container .input-invalid .react-select__control{border-bottom:1px solid #cb5454}.choosemag-container>.body .add-bank-container .react-select__value-container{padding-left:0}.choosemag-container>.body .bottom-text{text-align:center;font-weight:700;font-size:15px;color:#929497;margin:15px 0;cursor:pointer;text-decoration:underline}.choosemag-container>.body .invalid-warning-container{margin:15px;display:flex;justify-content:center}.choosemag-container>.body .invalid-warning-container .invalid-warning-text{color:#cb5454;font-weight:700}.choosemag-container>.footer{background-color:#fafafa;position:fixed;bottom:0;width:100%;left:0;right:0;padding:15px}.choosemag-container>.footer.menu-open{position:relative;bottom:0;width:100vw;margin:40vh -25px 0}.choosemag-container input.radio-input{margin-bottom:5px}.choosemag-container .Modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center}.choosemag-container .submit-button-container{margin-top:30px;margin-bottom:20px}.choosemag-container .react-select__indicator-separator{display:none}.full-width{width:100%}.book-type-title-width-recommend{display:flex;justify-content:space-between}.book-type-title-width-recommend .book-type-recommend{color:#fff;border:1px solid #f2994a;background-color:#f2994a;border-radius:8px;padding:1px 8px;margin-right:15px}.book-type-title{font-weight:700;display:flex;align-items:center}.book-type-subtitle{font-size:14px}@media (max-width:425px){.book-type-subtitle{text-align:center}}.confirmpayment-container{padding:25px 15px}.confirmpayment-container ul{list-style-position:inside}.confirmpayment-container>.header{text-align:center;font-size:20px}.confirmpayment-container .body{margin-bottom:10px}.confirmpayment-container .body .card-container{padding:0;margin-bottom:15px}.confirmpayment-container .body .card-container .card-header{font-weight:700;border-bottom:1px solid #929497;padding:5px 15px}.confirmpayment-container .body .card-container .card-body{padding:15px}.confirmpayment-container .body .price-card .card-body{display:flex;flex-direction:column}.confirmpayment-container .body .price-card .card-body .product{display:flex;justify-content:space-between}.confirmpayment-container .body .price-card .card-body .product .price{color:#38539a;font-weight:700}.confirmpayment-container .body .bankacc-card .card-body{display:flex;flex-direction:row}.confirmpayment-container .body .bankacc-card .card-body .left img{width:50px;height:50px}.confirmpayment-container .body .bankacc-card .card-body .right{margin-left:15px}.confirmpayment-container .body .addr-card .card-body .header{color:#537ce5}.confirmpayment-container .body .info-card .personal-info .label{color:#929497;font-size:13px}.confirmpayment-container .body .remark{text-align:center;color:#929497}.confirmpayment-container .footer{width:100%}.confirmpayment-container .footer .link{display:inline-block;color:#537ce5;text-decoration:underline}.confirmpayment-container .footer .checkbox-container input:checked~.checkmark{border:2px solid #929497}.confirmpayment-container .Modal{text-align:center}.payment-consent-container{padding:15px}.payment-consent-container .card-header{text-align:center;font-size:20px;font-weight:700;margin-bottom:15px}.payment-consent-container .card-body .header{font-weight:700}.payment-consent-container .card-footer{position:fixed;bottom:0;left:0;width:100%;padding:10px;background:#fafafa}.order-summar-container{width:100%}.body{padding:15px}.body .content-alignment{display:flex;flex:1 1;justify-content:space-between;flex-direction:row;margin-bottom:15px;width:100%}.body .product-description{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;align-items:flex-start}.body .product-description .product-id{font-family:"Sukhumvit Tadmai";color:#707070;font-size:12px;font-style:normal;font-weight:500}.body .product-description .product-name{font-family:"Sukhumvit Tadmai";font-size:14px;font-style:normal;font-weight:500}.body .product-description .product-qty{font-family:"Sukhumvit Tadmai";color:#707070;font-size:12px;font-style:normal;font-weight:500}.body .price-container{display:flex;flex:1 1;justify-content:end;align-items:flex-end}.body .price-container .product-price{font-family:"Sukhumvit Tadmai";justify-content:right;font-size:16px;font-style:normal;font-weight:700}.body .price-container .product-pvbv{font-family:"Sukhumvit Tadmai";font-size:12px;font-style:normal;font-weight:500;color:#707070}.body .summary-divider{width:100%;justify-content:center;border-top:1px solid #e4e4e4;margin-bottom:15px}.body .total-alignment{display:flex;flex:1 1;flex-direction:column;margin-bottom:15px}.body .total-alignment .total-items-alignment,.body .total-alignment .total-pvbv{display:flex;justify-content:space-between}.body .total-alignment .total-pvbv{font-size:16px;align-items:flex-end}.body .total-alignment .heading,.body .total-alignment .total-pvbv{font-family:"Sukhumvit Tadmai";font-style:normal;font-weight:500;letter-spacing:0!important}.body .total-alignment .heading{display:flex;justify-content:space-between;align-items:flex-start;font-size:14px}.body .total-alignment .total-price{font-family:"Sukhumvit Tadmai";justify-content:right;font-size:16px;font-style:normal;font-weight:700;letter-spacing:0!important}.promotion-address-list-container{display:flex;flex-direction:column;flex:1 1;background:#f0f3f7}.promotion-address-list-container .description{font-size:13px;color:#929497}.promotion-address-list-container .center{text-align:center;padding:15px}.promotion-address-list-container>.header{padding:20px 0 10px;text-align:center}.promotion-address-list-container>.body{display:flex;flex-direction:column;flex:1 1;margin:15px;padding:15px;border-radius:12px}.promotion-address-list-container>.body .away-button{font-family:"Sukhumvit Tadmai";width:50%}.promotion-address-list-container>.body .promotion-create-button-active{color:#3a539b;border-color:#3a539b;background-color:#eef3ff}.promotion-address-list-container>.body .promotion-create-button-inactive{color:#c5c9d3;border-color:#c5c9d3;background-color:#fff}.promotion-address-list-container>.body .addresses-wrapper{display:flex;flex-direction:column;flex:1 1}.promotion-address-list-container>.body .addresses-wrapper .address-container{display:flex;padding:10px 5px;margin:10px 0;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.04);background:#fff}.promotion-address-list-container>.body .addresses-wrapper .addresses-count{font-weight:700;margin:10px}.promotion-address-list-container>.body .addresses-wrapper .addresses-selector{margin-left:5px}.promotion-address-list-container>.body .addresses-wrapper .address-primary-tag{color:#38539a}.promotion-address-list-container>.body .addresses-wrapper .modern-radio-container{margin:24px 0;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none}.promotion-address-list-container>.body .addresses-wrapper .radio-outer-circle{width:18px;height:18px;min-width:18px;min-height:18px;border:2px solid #0d5bc6;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:12px;transition:all .1s linear}.promotion-address-list-container>.body .addresses-wrapper .radio-inner-circle{width:8px;height:8px;border-radius:50%;background-color:#0d5bc6;transition:all .1s linear}.promotion-address-list-container>.body .addresses-wrapper .unselected{border:2px solid #666}.promotion-address-list-container>.body .addresses-wrapper .unselected-circle{width:0;height:0}.promotion-address-list-container>.footer{width:100%;text-align:center;position:fixed;bottom:0;padding:15px}.promotion-summary-address-list-container{display:flex;flex-direction:column;flex:1 1;background:#ededed;height:85vh}.promotion-summary-address-list-container .title{font-family:"Sukhumvit Tadmai";font-size:20px;font-weight:800;letter-spacing:0!important;padding:15px}.promotion-summary-address-list-container .description{font-size:13px;color:#929497}.promotion-summary-address-list-container .center{text-align:center;padding:15px}.promotion-summary-address-list-container>.header{padding:20px 0 10px;text-align:center}.promotion-summary-address-list-container>.body{display:flex;flex-direction:column;flex:1 1;background-color:#fff}.promotion-summary-address-list-container>.body .address-fields-title{display:flex;flex:1 1;flex-direction:row;justify-content:space-between;margin-bottom:10px}.promotion-summary-address-list-container>.body .address-fields-title .address-fields-title-text{font-family:"Sukhumvit Tadmai";font-size:14px;font-style:normal;font-weight:700;letter-spacing:0!important;padding-left:4px}.promotion-summary-address-list-container>.body .address-title-alignment{display:flex;flex:1 1;flex-direction:row}.promotion-summary-address-list-container>.body .plus-icon,.promotion-summary-address-list-container>.body .plus-icon:disabled{letter-spacing:0!important;font-family:"Sukhumvit Tadmai";font-weight:500}.promotion-summary-address-list-container>.body .plus-icon:disabled{color:#9ea0a3}.promotion-summary-address-list-container>.body .add-address,.promotion-summary-address-list-container>.body .add-address:disabled{font-family:"Sukhumvit Tadmai";text-decoration:underline;font-size:12px;font-style:normal;letter-spacing:0!important;font-weight:500}.promotion-summary-address-list-container>.body .add-address:disabled{color:#9ea0a3}.promotion-summary-address-list-container>.body .address-phone-title{font-family:"Sukhumvit Tadmai";font-size:14px;font-style:normal;letter-spacing:0!important;font-weight:700}.promotion-summary-address-list-container>.body .phone-number-container{display:flex;flex:1 1;flex-direction:row;justify-content:space-between}.promotion-summary-address-list-container>.body .phone-input{padding-left:10px;width:85%;height:40px;border:2px solid #ededed;border-radius:10px;margin-block:10px;margin-right:10px}.promotion-summary-address-list-container>.body .phone-input .alert-message{font-family:"Sukhumvit Tadmai";color:red;margin-bottom:10px}.promotion-summary-address-list-container>.body .phone-input .input-phone::-webkit-input-placeholder{font-family:"Sukhumvit Tadmai";box-shadow:none;border-bottom:none;text-align:left;font-weight:700;font-size:14px;color:#949494;letter-spacing:0!important;padding-bottom:20px}.promotion-summary-address-list-container>.body .phone-input .input-phone::placeholder{font-family:"Sukhumvit Tadmai";box-shadow:none;border-bottom:none;text-align:left;font-weight:700;font-size:14px;color:#949494;letter-spacing:0!important;padding-bottom:20px}.promotion-summary-address-list-container>.body .phone-input .input-phone{font-family:"Sukhumvit Tadmai";box-shadow:none;border-bottom:none;text-align:left;font-weight:700;font-size:14px;letter-spacing:0!important;color:#2c2c2c}.promotion-summary-address-list-container>.body .change-phone{display:flex;width:100px;height:40px;border-radius:10px;justify-content:center}.promotion-summary-address-list-container>.body .change-phone .change-phone-text,.promotion-summary-address-list-container>.body .change-phone .change-phone-text-active{font-family:"Sukhumvit Tadmai";padding-top:9px;font-size:14px;font-style:normal;font-weight:700;letter-spacing:0!important}.promotion-summary-address-list-container>.body .active-text,.promotion-summary-address-list-container>.body .change-phone .change-phone-text-active{color:#fff}.promotion-summary-address-list-container>.body .inactive-text{color:#9ea0a3}.promotion-summary-address-list-container>.body .active-button{background-color:#2c2c2c;border-color:#2c2c2c}.promotion-summary-address-list-container>.body .inactive-button{background-color:#d9d9d9;border-color:#d9d9d9}.promotion-summary-address-list-container>.body .away-button{font-family:"Sukhumvit Tadmai";width:50%}.promotion-summary-address-list-container>.body .promotion-create-button-active{color:#3a539b;border-color:#3a539b;background-color:#eef3ff}.promotion-summary-address-list-container>.body .promotion-create-button-inactive{color:#c5c9d3;border-color:#c5c9d3;background-color:#fff}.promotion-summary-address-list-container>.body .addresses-wrapper{display:flex;flex-direction:column;flex:1 1}.promotion-summary-address-list-container>.body .addresses-wrapper .address-container-new{display:flex;padding:15px;margin:10px 0;box-shadow:0 5px 15px rgba(0,0,0,.04)}.promotion-summary-address-list-container>.body .addresses-wrapper .box,.promotion-summary-address-list-container>.body .addresses-wrapper .unselected-box{border-radius:10px;border:2px solid #e4e4e4}.promotion-summary-address-list-container>.body .addresses-wrapper .contact-person-name{font-family:"Sukhumvit Tadmai";font-size:16px;font-style:normal;letter-spacing:0!important;font-weight:700}.promotion-summary-address-list-container>.body .addresses-wrapper .address-fields-text{font-family:"Sukhumvit Tadmai";font-size:14px;font-style:normal;letter-spacing:0!important;font-weight:500}.promotion-summary-address-list-container>.body .addresses-wrapper .addresses-count{font-weight:700;margin:10px}.promotion-summary-address-list-container>.body .addresses-wrapper .addresses-selector{margin-left:5px}.promotion-summary-address-list-container>.body .addresses-wrapper .address-primary-tag{color:#38539a}.promotion-summary-address-list-container>.body .addresses-wrapper .modern-radio-container{margin:24px 0;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none}.promotion-summary-address-list-container>.body .addresses-wrapper .radio-outer-circle-new{margin-top:2px;width:20px;height:20px;min-width:20px;min-height:20px;border:6px solid #38539a;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:12px;transition:all .1s linear}.promotion-summary-address-list-container>.body .addresses-wrapper .radio-inner-circle-new{width:9px;height:9px;border-radius:50%;background-color:#fff;transition:all .1s linear}.promotion-summary-address-list-container>.body .addresses-wrapper .unselected{border:2px solid #2c2c2c}.promotion-summary-address-list-container>.body .addresses-wrapper .unselected-circle{width:0;height:0}.promotion-summary-address-list-container .fixed-text-bottom{font-family:"Sukhumvit Tadmai";font-size:12px;font-style:normal;font-weight:500;color:#949494;letter-spacing:0!important;text-align:center;margin-block:15px}.address-panel-footer{padding:15px 20px;position:absolute}.order-summary-panel-footer{background-color:#fff;width:100%;padding:10px 20px 20px;box-shadow:0 -4px 8px 0 rgba(0,0,0,.1)}.footer-alignment{display:flex;flex:1 1;flex-direction:row}.price-container{display:flex;flex:1 1;flex-direction:column}.price-text{font-size:20px;font-weight:800}.link-order-summary-text,.price-text{font-family:"Sukhumvit Tadmai";font-style:normal;letter-spacing:0!important}.link-order-summary-text{text-decoration:underline;font-size:12px;font-weight:500}.select-address-footer{justify-content:right;width:150px}.select-address-text{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:16px;letter-spacing:0!important;color:#fafafa}.select-order-summary-footer{bottom:20px;justify-content:right;width:100%;height:48px;border-radius:40px;background-color:#2c2c2c;text-align:center;border:1px solid #2c2c2c}.foa-register-container{display:flex;flex-direction:column;flex:1 1;font-family:"Sukhumvit Set","Helvetica",Arial,sans-serif;background:#f0f3f7}.foa-register-container .description{font-size:13px;color:#929497}.foa-register-container .center{text-align:center;padding:15px}.foa-register-container>.header{padding:20px 0 10px;text-align:center}.foa-register-container>.body{display:flex;flex-direction:column;flex:1 1;margin:15px;padding:15px;border-radius:12px;background:#fff}.foa-register-container>.body .away-button{width:50%}.foa-register-container>.body .title{text-align:center;font-weight:700;font-size:15px}.foa-register-container>.body .map{color:#3a539b;border-color:#3a539b;background-color:#eef3ff;margin:20px auto}.foa-register-container>.body .foa-box{margin-bottom:20px}.foa-register-container>.body .foa-box .gender-option{width:100%;text-align:center}.foa-register-container>.body .foa-box .gender-option .gender-button{margin:0 5%;width:30%;height:44px;color:#fff;border-radius:22px;border:2px solid #3a539b;font-weight:700;font-size:16px;background-color:#3a539b}.foa-register-container>.body .foa-box .gender-option .gender-button-inactive{margin:0 5%;width:30%;height:44px;color:#fff;border-radius:22px;font-weight:700;font-size:16px;border:2px solid #67686c;background-color:#67686c}.foa-register-container>.body .foa-box .birthday-option{display:inline-flex;justify-content:center;width:100%}.foa-register-container>.body .foa-box .birthday-option .selector{width:30vw;margin:2px}.foa-register-container>.body .label-foa{font-size:15px;color:#c5c9d3}.foa-register-container>.body input{border-bottom:1px solid #c5c9d3}.foa-register-container>.footer{width:100%;text-align:center;position:fixed;bottom:0;padding:15px}.foa-register-container .amway-foa-button{margin:0 5%;height:44px;color:#fff;border-radius:22px;border:2px solid #3a539b;font-weight:700;font-size:16px;background-color:#3a539b}.foa-register-container .amway-foa-button:disabled{border:2px solid #53555d;background-color:#53555d}.foa-register-container .amway-foa-button-inactive{margin:0 5%;height:44px;color:#fff;border-radius:22px;border:2px solid #53555d;font-weight:700;font-size:16px;background-color:#53555d}.input-bars input[type=date]{border:none;box-sizing:border-box;outline:0;padding:.75rem;position:relative;width:100%}input[type=date]::-webkit-calendar-picker-indicator{background:transparent;bottom:0;color:transparent;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto}.gender-option{margin-block:10px}.gender-option .radio-style{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.gender-option .gender-type{position:relative;display:flex;margin-right:25px;box-sizing:border-box;text-align:center;align-items:center}.gender-option input[type=radio]{-webkit-appearance:none;display:block;top:0;left:0;right:0;bottom:0;border:2px solid #000;border-radius:50%;background-color:#fff;height:22px;width:22px}.gender-option input[type=radio]:checked{border:6px solid #38539a}.gender-option label{padding:5px;font-family:"Sukhumvit Tadmai";font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:0!important}.checkbox-cid{display:flex;align-items:center;margin-block:15px}.checkbox-cid input[type=checkbox]{-webkit-appearance:checkbox;top:0;left:0;height:18px;width:18px;background-color:initial;border:2px solid #fff;border-radius:3px}.checkbox-cid label{margin-left:10px}.foa-create-address-container{padding-bottom:15px;display:flex;flex-direction:column;flex:1 1;background:#ededed}.foa-create-address-container .title{font-family:"Sukhumvit Tadmai";font-size:20px;font-weight:800;padding:15px;letter-spacing:0!important}.foa-create-address-container .body{padding:0}.foa-create-address-container .body .address-search-container{padding:15px;display:flex;flex:1 1;flex-direction:column;background-color:#fff;margin-bottom:15px}.foa-create-address-container .body .address-search-title{display:flex;flex:1 1;flex-direction:row;margin-bottom:10px}.foa-create-address-container .body .address-search-title .address-search-title-text{font-family:"Sukhumvit Tadmai";margin-left:4px;font-size:14px;font-weight:700;letter-spacing:0!important}.foa-create-address-container .body .location-container{flex:1 1;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px}.foa-create-address-container .body .search-bar-container{width:85%;justify-content:flex-start;border-radius:10px;border:1px solid #ededed;margin-right:10px}.foa-create-address-container .body .search-bar-container .search-input-box::-webkit-input-placeholder{font-family:"Sukhumvit Tadmai";box-shadow:none;border-bottom:none;padding-top:6px;text-align:left;font-weight:700;font-size:14px;letter-spacing:0!important;color:#949494;background-image:url(/images/promotion/icon_search_input_bar.png);background-repeat:no-repeat;background-position:right bottom 70%}.foa-create-address-container .body .search-bar-container .search-input-box::placeholder{font-family:"Sukhumvit Tadmai";box-shadow:none;border-bottom:none;padding-top:6px;text-align:left;font-weight:700;font-size:14px;letter-spacing:0!important;color:#949494;background-image:url(/images/promotion/icon_search_input_bar.png);background-repeat:no-repeat;background-position:right bottom 70%}.foa-create-address-container .body .search-bar-container .search-input-box{font-family:"Sukhumvit Tadmai";box-shadow:none;border-bottom:none;padding-left:10px;padding-top:6px;text-align:left;font-weight:700;font-size:14px;letter-spacing:0!important;color:#2c2c2c}.foa-create-address-container .body .map-button-align{flex:1 1;display:flex;flex-direction:row}.foa-create-address-container .body .map-button-align .map-button{width:100px;height:40px;border-width:1px;border-radius:10px;border-style:solid;background-color:#2c2c2c}.foa-create-address-container .body .map-button-align .map-button .map-button-text{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:14px;letter-spacing:0!important;text-align:center;color:#fff;padding-top:8px}.foa-create-address-container .body .autofill-button-container{width:100%;height:48px;border-radius:40px;border:2px solid #2c2c2c;padding-top:10px;text-align:center}.foa-create-address-container .body .autofill-button-container .autofill-button-text{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:16px;letter-spacing:0!important}.foa-create-address-container .body .address-fields-container{padding:15px;display:flex;flex:1 1;flex-direction:column;background-color:#fff}.foa-create-address-container .body .address-fields-container .address-fields-title{display:flex;flex:1 1;flex-direction:row;margin-bottom:10px}.foa-create-address-container .body .address-fields-container .address-fields-title .address-fields-title-text{font-family:"Sukhumvit Tadmai";margin-left:4px;font-size:14px;font-weight:700;letter-spacing:0!important}.foa-create-address-container .body .address-fields-container .label-address{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:14px;letter-spacing:0!important}.foa-create-address-container .body .address-fields-container .input-bars{height:40px;border:1px solid #ededed;border-radius:10px;margin-block:10px}.foa-create-address-container .body .address-fields-container .input-address::-webkit-input-placeholder{font-family:"Sukhumvit Tadmai";box-shadow:none;border-bottom:none;text-align:left;height:40px;font-weight:700;font-size:14px;letter-spacing:0!important;color:#949494}.foa-create-address-container .body .address-fields-container .input-address::placeholder{font-family:"Sukhumvit Tadmai";box-shadow:none;border-bottom:none;text-align:left;height:40px;font-weight:700;font-size:14px;letter-spacing:0!important;color:#949494}.foa-create-address-container .body .address-fields-container .input-address{font-family:"Sukhumvit Tadmai";box-shadow:none;border-bottom:none;padding-inline:10px;text-align:left;height:40px;font-weight:700;font-size:14px;letter-spacing:0!important;color:#2c2c2c}.foa-create-address-container .body .address-fields-container .input-date::-webkit-input-placeholder{font-family:"Sukhumvit Tadmai";box-shadow:none;border-bottom:none;text-align:left;height:40px;font-weight:700;font-size:14px;letter-spacing:0!important;color:#949494;background-image:url(/images/promotion/icon-calendar.svg);background-repeat:no-repeat;background-position:100% 0}.foa-create-address-container .body .address-fields-container .input-date::placeholder{font-family:"Sukhumvit Tadmai";box-shadow:none;border-bottom:none;text-align:left;height:40px;font-weight:700;font-size:14px;letter-spacing:0!important;color:#949494;background-image:url(/images/promotion/icon-calendar.svg);background-repeat:no-repeat;background-position:100% 0}.foa-create-address-container .body .address-fields-container .input-date{font-family:"Sukhumvit Tadmai";box-shadow:none;border-bottom:none;padding-inline:10px;text-align:left;height:40px;font-weight:700;font-size:14px;letter-spacing:0!important;color:#2c2c2c}.foa-create-address-container .address-panel-footer{background-color:#fff;width:100%;padding:20px;position:relative;box-shadow:0 -4px 8px 0 rgba(0,0,0,.1)}.foa-create-address-container .select-address-footer:disabled{width:100%;height:48px;border-radius:40px;background-color:#d9d9d9;text-align:center;border:1px solid #d9d9d9}.foa-create-address-container .select-address-footer:disabled .select-address-text-disabled{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:16px;color:#9ea0a3}.foa-create-address-container .select-address-footer{width:100%;height:48px;border-radius:40px;background-color:#2c2c2c;text-align:center;border:1px solid #2c2c2c}.foa-create-address-container .select-address-footer .select-address-text-active{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:16px;color:#fafafa}.promotion-create-address-container{display:flex;flex-direction:column;flex:1 1;background:#f0f3f7}.promotion-create-address-container .description{font-size:13px;color:#929497}.promotion-create-address-container .center{text-align:center;padding:15px}.promotion-create-address-container>.header{padding:20px 0 10px;text-align:center}.promotion-create-address-container>.body{display:flex;flex-direction:column;flex:1 1;margin:15px;padding:15px;border-radius:12px;background:#fff}.promotion-create-address-container>.body .away-button{font-family:"Sukhumvit Tadmai";width:50%}.promotion-create-address-container>.body .title{text-align:center;font-weight:700;font-size:15px}.promotion-create-address-container>.body .map{color:#3a539b;border-color:#3a539b;background-color:#eef3ff;margin:20px auto}.promotion-create-address-container>.body .address-box{margin-bottom:20px}.promotion-create-address-container>.body .label-address{font-family:"Sukhumvit Tadmai";font-size:15px;color:#c5c9d3}.promotion-create-address-container>.body input{border-bottom:1px solid #c5c9d3}.promotion-create-address-container>.body .promotion-create-button-active{color:#3a539b;border-color:#3a539b;background-color:#eef3ff}.promotion-create-address-container>.body .promotion-create-button-inactive{color:#c5c9d3;border-color:#c5c9d3;background-color:#fff}.promotion-create-address-container>.body .addresses-wrapper{display:flex;flex-direction:column;flex:1 1}.promotion-create-address-container>.body .addresses-wrapper .address-container{display:flex;padding:10px 5px;margin:10px 0;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.04);background:#fff}.promotion-create-address-container>.body .addresses-wrapper .addresses-selector{margin-left:5px}.promotion-create-address-container>.footer{width:100%;text-align:center;position:fixed;bottom:0;padding:15px}.alert-message{font-family:"Sukhumvit Tadmai";color:red;margin-bottom:10px}.promotion-create-address-container-new{height:85vh;display:flex;flex-direction:column;flex:1 1;background:#ededed}.promotion-create-address-container-new .title{font-family:"Sukhumvit Tadmai";font-size:20px;font-weight:800;letter-spacing:0!important;padding:15px}.promotion-create-address-container-new .body .address-search-container{padding:15px;display:flex;flex:1 1;flex-direction:column;background-color:#fff;margin-bottom:15px}.promotion-create-address-container-new .body .address-search-title{display:flex;flex:1 1;flex-direction:row;margin-bottom:10px}.promotion-create-address-container-new .body .address-search-title .address-search-title-text{font-family:"Sukhumvit Tadmai";margin-left:4px;font-size:14px;font-weight:700;letter-spacing:0!important}.promotion-create-address-container-new .body .location-container{flex:1 1;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px}.promotion-create-address-container-new .body .search-bar-container{width:85%;justify-content:flex-start;border-radius:10px;border:1px solid #ededed;margin-right:10px}.promotion-create-address-container-new .body .search-bar-container .search-input-box::-webkit-input-placeholder{font-family:"Sukhumvit Tadmai";box-shadow:none;border-bottom:none;padding-top:6px;text-align:left;font-weight:700;font-size:14px;letter-spacing:0!important;color:#949494;background-image:url(/images/promotion/icon_search_input_bar.png);background-repeat:no-repeat;background-position:right bottom 70%}.promotion-create-address-container-new .body .search-bar-container .search-input-box::placeholder{font-family:"Sukhumvit Tadmai";box-shadow:none;border-bottom:none;padding-top:6px;text-align:left;font-weight:700;font-size:14px;letter-spacing:0!important;color:#949494;background-image:url(/images/promotion/icon_search_input_bar.png);background-repeat:no-repeat;background-position:right bottom 70%}.promotion-create-address-container-new .body .search-bar-container .search-input-box{font-family:"Sukhumvit Tadmai";box-shadow:none;border-bottom:none;padding-left:10px;padding-top:6px;text-align:left;font-weight:700;font-size:14px;letter-spacing:0!important;color:#2c2c2c}.promotion-create-address-container-new .body .map-button-align{flex:1 1;display:flex;flex-direction:row}.promotion-create-address-container-new .body .map-button-align .map-button{width:100px;height:40px;border-width:1px;border-radius:10px;border-style:solid;background-color:#2c2c2c}.promotion-create-address-container-new .body .map-button-align .map-button .map-button-text{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:14px;text-align:center;letter-spacing:0!important;color:#fff;padding-top:8px}.promotion-create-address-container-new .body .autofill-button-container{width:100%;height:48px;border-radius:40px;border:2px solid #2c2c2c;padding-top:10px;text-align:center}.promotion-create-address-container-new .body .autofill-button-container .autofill-button-text{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:16px;letter-spacing:0!important}.promotion-create-address-container-new .body .address-fields-container{padding:15px;display:flex;flex:1 1;flex-direction:column;background-color:#fff}.promotion-create-address-container-new .body .address-fields-container .address-fields-title{display:flex;flex:1 1;flex-direction:row;margin-bottom:10px}.promotion-create-address-container-new .body .address-fields-container .address-fields-title .address-fields-title-text{font-family:"Sukhumvit Tadmai";margin-left:4px;font-size:14px;font-weight:700;letter-spacing:0!important}.promotion-create-address-container-new .body .address-fields-container .label-address{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:14px;letter-spacing:0!important}.promotion-create-address-container-new .body .address-fields-container .input-bars{height:40px;border:1px solid #ededed;border-radius:10px;margin-block:10px}.promotion-create-address-container-new .body .address-fields-container .input-address::-webkit-input-placeholder{font-family:"Sukhumvit Tadmai";box-shadow:none;border-bottom:none;text-align:left;height:40px;font-weight:700;font-size:14px;letter-spacing:0!important;color:#949494}.promotion-create-address-container-new .body .address-fields-container .input-address::placeholder{font-family:"Sukhumvit Tadmai";box-shadow:none;border-bottom:none;text-align:left;height:40px;font-weight:700;font-size:14px;letter-spacing:0!important;color:#949494}.promotion-create-address-container-new .body .address-fields-container .input-address{font-family:"Sukhumvit Tadmai";box-shadow:none;border-bottom:none;padding-inline:10px;text-align:left;height:40px;font-weight:700;font-size:14px;letter-spacing:0!important;color:#2c2c2c}.address-panel-footer{background-color:#fff;width:100%;padding:20px;position:relative;box-shadow:0 -4px 8px 0 rgba(0,0,0,.1)}.select-address-footer:disabled{width:100%;height:48px;border-radius:40px;background-color:#d9d9d9;text-align:center;border:1px solid #d9d9d9}.select-address-footer:disabled .select-address-text-disabled{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:16px;color:#9ea0a3;letter-spacing:0!important}.select-address-footer{width:100%;height:48px;border-radius:40px;background-color:#2c2c2c;text-align:center;border:1px solid #2c2c2c}.select-address-footer .select-address-text-active{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:16px;color:#fafafa;letter-spacing:0!important}.content-header{height:30px;border-top-right-radius:40px;border-top-left-radius:40px}.content-container,.content-header{top:-33px;position:relative;background-color:#fafafa}.content-container{padding:0 35px 10px}/*!
 * Quill Editor v1.2.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;cursor:text;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em;text-align:right;margin-right:.3em;margin-left:-1.5em}.ql-editor li.ql-direction-rtl:before{text-align:left;margin-left:.3em}.ql-editor ol li,.ql-editor ul li{padding-left:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-num}.ql-editor ol li:before{content:counter(list-num,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:rgba(0,0,0,.6);content:attr(data-placeholder);font-style:italic;pointer-events:none;position:absolute}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover{color:#06c}.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;-webkit-transform:translateY(10px);transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding-bottom:2px;padding-top:2px}.ql-snow .ql-editor code:after,.ql-snow .ql-editor code:before{content:"\A0";letter-spacing:-2px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:"Helvetica Neue","Helvetica","Arial",sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.2)}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.asm{min-height:96.3vh;display:flex;flex-direction:column;background-repeat:no-repeat;background-position-y:80%;background-size:cover}.asm-hdr{display:flex;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:6px 8px;height:36px;margin-top:16px;border-radius:0 38px 38px 0;background-color:#fff;cursor:pointer}.asm-hdr-t1{font-weight:700;font-size:16px;line-height:20px;color:#2c2c2c;font-family:"Sukhumvit Tadmai"}.asm-hdr img{width:24px;height:24px;margin-right:4px;border:1.5px;color:#2c2c2c;padding-right:4px}.asm-ftr{margin-top:auto;padding:16px}.asm-ftr-ctn{padding:0 0 16px;background-color:#fff;border-radius:12px;grid-gap:24px;gap:24px;min-height:218px}.asm-ftr-ctn-hdr{padding:12px 0;background-color:#e7f4d7;text-align:center;color:#2c2c2c;font-size:18px;line-height:26px;font-weight:800;font-family:"Sukhumvit Tadmai New Bold";border-top-left-radius:12px;border-top-right-radius:12px;display:flex;justify-content:center;align-items:center}.asm-ftr-ctn-hdr-t1{margin-right:8px}.asm-ftr-ctn-hdr img{width:22px;height:22px}.asm-ftr-ctn-body{display:flex;justify-content:center;grid-gap:48px;gap:48px;padding:0 24px;margin-top:24px;width:100%}.asm-ftr-ctn-body-left{grid-gap:24px;gap:24px;margin-bottom:6px}.asm-ftr-ctn-body-left-up{display:flex;align-items:center}.asm-ftr-ctn-body-left-up-t1{font-size:14px;line-height:20px;font-weight:700;color:#a0abc0;font-family:"Sukhumvit Tadmai"}.asm-ftr-ctn-body-left-up img{width:24px;height:24px;padding-right:4px}.asm-ftr-ctn-body-left-down{font-size:18px;line-height:26px;font-weight:800;font-family:"Sukhumvit Tadmai New Bold";color:#2c2c2c}.asm-ftr-ctn-body-right{grid-gap:24px;gap:24px;margin-bottom:6px}.asm-ftr-ctn-body-right-up{display:flex;align-items:center}.asm-ftr-ctn-body-right-up-t1{font-size:14px;line-height:20px;font-weight:700;color:#a0abc0;font-family:"Sukhumvit Tadmai"}.asm-ftr-ctn-body-right-up img{width:24px;height:24px;padding-right:4px}.asm-ftr-ctn-body-right-down{font-size:18px;line-height:26px;font-weight:800;font-family:"Sukhumvit Tadmai New Bold";color:#2c2c2c}.asm-ftr-ctn-btn{margin-top:24px;cursor:pointer}.asm-ftr-ctn-btn,.asm-ftr-ctn-btn .btnClass{display:flex;align-items:center;justify-content:center}.asm-ftr-ctn-btn .btnClass{width:80%;height:48px;padding:6px;border-radius:38px;border:1px;grid-gap:4px;gap:4px;background-color:#3c9d47;color:#fff;text-align:center;font-family:"Sukhumvit Tadmai";font-weight:700;font-size:16px;line-height:20px}.asm-ftr-ctn-btn-sec{display:flex}.asm-ftr-ctn-btn-sec .btnClass{width:188px}.asm-ftr-ctn-btn-sec-lbtn{display:flex;align-items:center;justify-content:center;margin-right:16px;background-color:#f2f7f1;border-radius:38px;width:105px}.asm-ftr-ctn-btn-sec-lbtn img{padding-right:4px}.asm-ftr-ctn-btn-sec-lbtn-t1{font-size:16px;line-height:20px;font-weight:700;color:#3c9d47;font-family:"Sukhumvit Tadmai"}.asm-modal-ctn.retryModalClass .liff-panel.open .select-coupon-panel .header{border-radius:24px 24px 0 0;height:60%;padding:15px 0 0;background-image:url(/images/healthAndWellness/assessment/assessment_retry_modal.svg);background-repeat:no-repeat;background-size:cover}.asm-modal-ctn.retryModalClass .liff-panel.open .select-coupon-panel .header .hdr{padding:16px;margin-top:24px;display:flex;flex-direction:column;justify-content:center;align-items:center}.asm-modal-ctn.retryModalClass .liff-panel.open .select-coupon-panel .header .hdr .header-text{font-family:"Sukhumvit Tadmai New Bold";font-size:18px;line-height:26px;font-weight:800;text-align:center;color:#2c2c2c}.asm-modal-ctn.retryModalClass .liff-panel.open .select-coupon-panel .header .hdr .subheader-text{color:#d91734;font-size:16px;line-height:24px;font-weight:700;text-align:center;font-family:"Sukhumvit Tadmai";width:300px}.asm-modal-ctn.retryModalClass .liff-panel.open .select-coupon-panel .header>button{display:flex;background-color:#fff;border-radius:38px;padding:6px 8px}.asm-modal-ctn.retryModalClass .liff-panel.open .select-coupon-panel .header>button>svg{width:28px;height:28px}.asm-modal-ctn.modalClass .liff-panel.open .select-coupon-panel>:first-child .hdr .header-text{font-family:"Sukhumvit Tadmai New Bold"!important}.chips-container .chip-question{margin-bottom:16px;margin-top:30px;font-size:16px;font-weight:700;color:#2c2c2c;font-family:"Sukhumvit Tadmai";line-height:24px}.chips-container .chip-question-value{display:flex;align-items:center;flex-wrap:wrap;line-height:20px}.box-container .box-question,.slider-wrapper .slider-question{margin-bottom:10px;margin-top:30px;font-size:16px;font-weight:700;line-height:24px;color:#2c2c2c;font-family:"Sukhumvit Tadmai"}.slider-wrapper .selected-data{display:flex;justify-content:center;position:fixed;bottom:0;left:0;width:100%}.slider-wrapper .selected-data img{width:100%;max-width:100%}.slider-wrapper .selected-data.attitude-type-media img{object-fit:contain}@media (max-height:800px){.slider-wrapper .selected-data{height:65%;bottom:-15vh}.slider-wrapper .selected-data img{width:100%;object-fit:cover}}.assessment-header-vector{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:fixed;top:0}.assessment-header-vector .header-parent{background-color:#fff;display:inline-block;width:100%;padding-bottom:16px}.assessment-header-vector .header-parent .header-progress-base{flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex;border-radius:40px;grid-gap:8px;gap:8px}.assessment-header-vector .header-parent .header-progress-base .title{color:#2c2c2c;font-size:20px;font-family:"Sukhumvit Tadmai New Bold";font-weight:800;line-height:28px;padding-top:16px;padding-left:20px}.assessment-header-vector .header-parent .header-progress-base .progress-parent{padding:6px 18px;border-radius:40px;align-self:stretch;justify-content:flex-start;align-items:center;grid-gap:4px;gap:4px;display:inline-flex}.assessment-header-vector .header-parent .header-progress-base .progress-parent .activity-div{width:24px;height:24px;justify-content:center;align-items:center;display:flex}.assessment-header-vector .header-parent .header-progress-base .progress-parent .spacer-div{flex:1 1;height:4px;background:#edf0f7;border-radius:10px}.assessment-header-vector .header-parent .header-progress-base .progress-parent .spacer-div.active{background:#80d26c}.assessment-header-vector .header-curve-bg{top:-2px;position:relative;width:calc(100vw + 20px)!important}@media (min-width:390px){.header-parent{background-position:0 -20px}}.assessment-footer-vector{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:fixed;bottom:0}.assessment-footer-vector .footer-parent{display:inline-block;width:100%;background:#fff;padding:16px 20px 22px}.assessment-footer-vector .footer-parent .footer-btn{background:#3c9d47;border:1px solid #3c9d47;cursor:not-allowed;border-radius:38px;padding:6px 8px;display:flex;justify-content:center;width:48%;align-items:center;text-align:center;color:#fff;height:48px;font-size:16px;line-height:20px;font-weight:700;font-family:"Sukhumvit Tadmai"}.assessment-footer-vector .footer-parent .footer-btn-disable{background:#cbd2e0;border:1px solid #cbd2e0}.assessment-footer-vector .footer-parent .footer-text{text-align:center;color:#fff;font-size:16px;font-family:"Sukhumvit Tadmai";font-weight:700;line-height:20px}.assessment-footer-vector .footer-curve-bg{position:relative;bottom:-2px;width:calc(100vw + 20px)!important}.health-title{font-size:20px;line-height:28px;font-weight:800;font-family:"Sukhumvit Tadmai New Bold";margin-bottom:18px}.health-container{display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-start}.health-container .health-question{font-family:"Sukhumvit Tadmai";margin-bottom:10px;margin-top:10px;font-size:16px;line-height:24px;font-weight:700;color:#2c2c2c}.health-container .health-input-parent-div{box-shadow:0 4px 12px 0 rgba(0,0,0,.15);border-radius:12px;align-items:center;padding:0 16px;justify-content:space-around;background-color:#fff}.health-container .health-input-parent-div .input-div{padding:12px 0;justify-content:space-between;align-items:center;border-bottom:1px solid #cbd2e0;display:flex}.health-container .health-input-parent-div .input-div input{width:100px;text-align:right}.health-container .health-input-parent-div .input-div input::-webkit-input-placeholder{font-family:"Sukhumvit Tadmai";color:#d91734}.health-container .health-input-parent-div .input-div input::placeholder{font-family:"Sukhumvit Tadmai";color:#d91734}.health-container .health-input-parent-div .input-div .title-div{color:#2c2c2c;font-size:16px;font-family:"Sukhumvit Tadmai";font-weight:500;line-height:22px;grid-gap:4px;gap:4px;align-items:center;display:inline-flex;justify-content:center}.health-container .health-input-parent-div .input-div .input-tag,.health-container .health-input-parent-div .input-div .value-div{font-weight:700;color:#3c9d47;font-size:16px;font-family:"Sukhumvit Tadmai";line-height:24px}.health-container .health-input-parent-div .input-div .input-tag{text-align:right;border:none;width:80px;height:24px}.health-container .health-input-parent-div .input-div .input-tag.input-empty{color:#d91734}.health-container .health-input-parent-div .input-div .customer-value{color:#cbd2e0;font-size:16px;font-family:"Sukhumvit Tadmai";font-weight:500;line-height:22px}.health-container-modal .liff-panel.open .select-coupon-panel{height:300px;border-radius:12px 12px 0 0}@media (max-width:376px){.health-mb-130{margin-top:-130px}.set-transition{transition:.2s ease-in-out}}@media (max-width:415px) and (max-height:737px){.health-mb-130{margin-top:-130px}.set-transition{transition:.2s ease-in-out}}.asm-des-ctn{padding:0 20px 24px;min-height:90vh}.asm-des-ctn,.asm-des-ctn-w1-hdr{display:flex;flex-direction:column}.asm-des-ctn-w1-hdr{margin-top:64px;top:0;overflow:hidden;position:absolute;padding-right:20px}.asm-des-ctn-w1-hdr-h1,.asm-des-ctn-w1-hdr-h2{font-size:20px;line-height:28px;font-weight:800;color:#80d26c;font-family:"Sukhumvit Tadmai"}.asm-des-ctn-w1-cnt{display:flex;flex-direction:column;padding:12px;border-radius:12px;background-color:#f7f9fc;margin-top:100px;overflow-y:scroll;position:absolute;height:65%;margin-right:18px}.asm-des-ctn-w1-cnt-c1{font-size:16px;line-height:24px;font-weight:700;color:#717d96;font-family:"Sukhumvit Tadmai"}.asm-des-ctn-w1-cnt-c2{font-size:14px;line-height:20px;font-weight:500;color:#717d96;font-family:"Sukhumvit Tadmai"}.asm-des-ctn-w2{margin-top:auto;overflow:hidden}.asm-des-ctn-w2-btn{margin-top:16px;display:flex;justify-content:center}.asm-des-ctn-w2-btn .btnClass{width:276px;height:48px;display:flex;justify-content:center;align-items:center;padding:6px 8px;border-radius:38px;border:1px;grid-gap:4px;gap:4px;background-color:#3c9d47;color:#fff;text-align:center;font-family:"Sukhumvit Tadmai";font-weight:700;font-size:16px;line-height:20px}.asm-modal-ctn-btn{display:flex;flex-direction:column;justify-content:space-between;grid-gap:16px;gap:16px;padding:0 20px}.asm-modal-ctn-btn-btn1,.asm-modal-ctn-btn-btn2{height:48px;padding:6px 8px;border-radius:38px;background:#fff;font-size:16px;line-height:20px;font-weight:700;border:none;font-family:"Sukhumvit Tadmai"}.asm-modal-ctn-btn-btn1{border:1px solid #2c2c2c;background:#fff;color:#2c2c2c}.asm-modal-ctn-btn-btn2{border:none;background:#3c9d47;color:#fff}.asm-modal-ctn-btn.retryModalClass .asm-modal-ctn-btn-btn1{border:none;background:#d91734;color:#fff}.asm-modal-ctn-btn.retryModalClass .asm-modal-ctn-btn-btn2{border:1px solid #2c2c2c;background:#fff;color:#2c2c2c}.asm-hist{background:url(/images/healthAndWellness/assessment/assessment_history_bkg.svg);background-repeat:no-repeat;min-height:100vh;background-size:cover;background-position:right 180px}.asm-hist.no-history-log{background:url(/images/healthAndWellness/assessment/assessment_no_history_bkg.svg);background-repeat:no-repeat;min-height:100vh;background-size:cover;background-position:right 180px}.asm-hist-log{padding:16px 20px;grid-gap:16px;gap:16px;display:flex;flex-direction:column}.asm-hist-log-hdr{justify-content:space-between;font-size:20px;line-height:28px;font-weight:800;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.asm-hist-log-body-ctn{border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2);padding:12px 16px}.asm-hist-log-body-ctn-in1{align-items:center;justify-content:space-between;padding:12px 0;display:flex}.asm-hist-log-body-ctn-in1-hr1,.asm-hist-log-body-ctn-in1-hr2{border-bottom:1px solid #cbd2e0}.asm-hist-log-body-ctn-in1-left{width:200px;display:flex;height:20px;font-size:14px;line-height:20px;font-weight:500;font-family:"Sukhumvit Tadmai";color:#a0abc0}.asm-hist-log-body-ctn-in1-left .left-t1{width:100px}.asm-hist-log-body-ctn-in1-right{display:flex;align-items:center;justify-content:flex-end;grid-gap:8px;gap:8px}.asm-hist-log-body-ctn-in1-right img{width:40px;height:40px;object-fit:contain}.asm-hist-log-body-ctn-in1-right .right-t1{font-size:14px;font-weight:500;line-height:20px;font-family:"Sukhumvit Tadmai";color:#2c2c2c;text-align:right}.asm-hist-log-body-ctn-in1:not(:last-child){border-bottom:1px solid #a0abc0}.asm-hist-log-body-img{margin-top:60px}.error-panel{left:0;bottom:0;width:100%;position:fixed}.error-panel.open{height:100vh;z-index:2000;transition:opacity .15s linear;display:block;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal-dialog-center-warning{display:flex;align-items:center;min-height:calc(100% - 1rem);position:relative;width:auto}.modal-content-warning{max-width:326px;margin:auto;border-radius:16px;position:relative;display:flex;flex-direction:column;width:100%;background-color:#fff}.modal-body-warning{position:relative;flex:1 1 auto;text-align:center!important;padding:16px}.line-id-message-wrapper{display:flex;flex-direction:column;grid-gap:24px;gap:24px;align-items:center;text-align:center!important}.warning-text{font-size:16px;font-weight:500;line-height:24px;color:#a66400;padding:0 24px;font-family:"Sukhumvit Tadmai"}.modal-footer-warning{padding:8px 16px 16px;border:none;display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end}.btn-footer-warning{height:44px;cursor:pointer;width:100%;background:linear-gradient(135deg,#057036 -39.29%,#51ba62 82.14%) padding-box,linear-gradient(132.38deg,#abecb0 -14.45%,#16570a 122.44%) border-box;border:4px solid transparent;box-shadow:4px 4px 18px 0 #bedec3;color:#fff;font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";border-radius:48px;margin:0}.react-pdf__Page__canvas{width:100%!important;height:auto!important}.react-pdf__Page{height:100vh;display:flex;align-items:center;justify-content:center}.pdf-container{background-color:grey}button.download-btn{background:#000;color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:16px}.top-bar{position:fixed;width:-webkit-fill-available;background:transparent;padding:20px;text-align:right;z-index:1!important}.download-btn img{margin-left:8px}.head-page-market{padding-bottom:5px;padding-top:15px}.row.no-pad{margin-right:0;margin-left:0}.row.no-pad>[class*=col-]{padding-right:5px;padding-left:5px}.collbuddy{box-shadow:0 2px 4px rgba(0,0,0,.2)}.notdata{font-size:2vh;text-align:center;padding:20px;margin-bottom:1em;font-family:"Sukhumvit Set Extra Bold"}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-spinner{width:50px;height:50px;border:10px solid #f3f3f3;border-top-color:#383636;border-radius:50%;-webkit-animation:spinner 1.5s linear infinite;animation:spinner 1.5s linear infinite}.spinner-container{display:grid;height:350px}.loader-wrapper,.spinner-container{justify-content:center;align-items:center}.loader-wrapper{position:fixed;opacity:.7;top:0;left:0;width:100%;height:100%;display:flex;background-color:hsla(0,0%,100%,.7)}.price{font-family:"Sukhumvit Set Extra Bold"!important}.ant-progress-circle-path{stroke:#82c246!important}.divpadding{padding-right:25px}.divpadding,.divpadding2{padding-left:25px}.selecygender{height:40px;width:90px;margin-top:10px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{border-radius:4px}::-webkit-scrollbar-track{background-color:initial}.cardbody{background:#f2f7ed;border-bottom-left-radius:25px;border-bottom-right-radius:25px}.card2{margin:20 10px;width:200px;border-radius:10px;padding:10px;text-align:center;border:1px solid #f7faff;box-shadow:0 2px 4px rgba(0,0,0,.2);clear:both;display:inline-block}.card-image{display:flex;justify-content:center;align-items:center;height:150px;overflow:hidden;border-radius:10px}.card-image img{max-width:100%;max-height:100%;object-fit:contain}.slick-initialized .slick-slide{display:block;padding:7px}.card-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal}.price{text-align:initial;margin-top:10px;font-weight:700;font-size:16px}.Success2{display:flex;flex-direction:column;background:url(/images/assesment/finich.png) no-repeat 100% 0;background-size:inherit;width:100%;min-height:90vh;margin:0 auto}.divpadding{padding-right:25px!important}.divpadding,.divpadding3{padding-left:35px!important;margin-top:10px}.divpadding3{padding-right:30px!important}.divpadding2{padding-left:40px;padding-right:25px;margin-top:10px}.input-description{color:#707070;font-size:14px;margin-top:5px}.lablefont{font-size:16px;font-weight:700}.selecygender{background-color:#f2f7ed;border:2px solid rgba(0,0,0,.1);box-shadow:0 -2px 10px rgba(0,0,0,.1);height:43px;width:96px;border-radius:6px;margin-top:14px}.spandis{color:#83c346;font-size:20px;margin-left:10px;font-family:Sukhumvit Set Extra Medium}.mb-3,.my-3{margin-bottom:1rem!important}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.page-transition{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.green{color:#3c9d47}.search-result-container{font-family:"Sukhumvit Tadmai";background-color:#fff}.search-banner-card{box-shadow:0 4px 12px 0 rgba(0,0,0,.14902);border-radius:12px;padding:8px;width:100%;background:#fff}@media (min-width:415px){.search-banner-card{padding:12px}}.search-banner-card-wrapper{width:100%;position:absolute;bottom:20px;padding:12px}@media (min-width:415px){.search-banner-card-wrapper{padding:12px 32px}}.search-banner-wrapper-container{position:relative;background:#f8f8f8}.search-banner-title-container{position:absolute;-webkit-transform:translate(-50%,20px);transform:translate(-50%,20px);left:50%}.search-banner-title-container .search-banner-title{font-size:40px;font-weight:800;color:#fe6767;font-family:"Sukhumvit Tadmai"}.search-banner-title-container .search-banner-subtitle{font-size:16px;font-weight:700;color:#2c2c2c;font-family:"Sukhumvit Tadmai"}.profile-details{display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;grid-gap:4px;gap:4px}.profile-details-text-wrapper{display:flex;align-items:baseline}.profile-details-single-container{display:flex;align-items:center}.profile-details-heading,.profile-details-value{font-size:16px;font-weight:500;padding-left:4px;font-family:"Sukhumvit Tadmai"}.profile-details-heading{color:#a0abc0;font-weight:700}.profile-details-value{color:#2c2c2c}.lifestyle-suggestions-title{font-size:24px;font-weight:800;margin-bottom:5px;font-family:"Sukhumvit Tadmai"}.lifestyle-suggestions-description{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai"}.bg-container{background-image:url(/images/assesment/bg-wave-2.svg);background-repeat:no-repeat;background-size:100%;background-color:#f8f8f8;padding-top:35px;padding-bottom:45px}@media (min-width:400px){.bg-container{padding-bottom:60px}}@media (max-width:324px){.bg-container{padding-bottom:35px;padding-top:25px}}.your-answer-title{font-size:24px;font-weight:800;margin-bottom:16px;margin-top:20px;font-family:"Sukhumvit Tadmai"}.category-general-icon{width:24px;height:24px;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center}.category-general-title{font-size:18px;font-weight:800;margin-left:8px;font-family:"Sukhumvit Tadmai"}@media (max-width:362px){.category-general-title{font-size:16px;font-family:"Sukhumvit Tadmai"}}.category-general-header{display:flex;align-items:center;background-repeat:no-repeat;background-size:100%;height:50px;padding-left:12px;padding-right:12px}.category-general-container{border-radius:24px;overflow:hidden;margin-bottom:16px}.category-general-health-container{background:#e7f4d7}.category-general-health-container .category-general-header{background-image:url(/images/healthAndWellness/assessment/health_card_header.svg)}.category-general-activity-container{background:#e9ecff}.category-general-activity-container .category-general-header{background-image:url(/images/healthAndWellness/assessment/activity_card_header.svg)}.category-general-attitude-container{background:#faf2db}.category-general-attitude-container .category-general-header{background-image:url(/images/healthAndWellness/assessment/attitude_card_header.svg)}.category-general-food-container{background:#f0fae5}.category-general-food-container .category-general-header{background-image:url(/images/healthAndWellness/assessment/food_card_header.svg)}.category-general-sleep-container{background:#cfeef0}.category-general-sleep-container .category-general-header{background-image:url(/images/healthAndWellness/assessment/sleep_card_header.svg)}.category-general-stress-container{background:#fbe9d9}.category-general-stress-container .category-general-header{background-image:url(/images/healthAndWellness/assessment/stress_card_header.svg)}.category-general-tag{background:#fff;width:100%;justify-content:space-between;border-radius:24px;display:flex;align-items:center;padding:8px 10px 8px 14px}.category-general-tag span{font-size:12px;font-weight:700;margin-right:5px;font-family:"Sukhumvit Tadmai"}.category-general-row{padding:9px 12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(50% - 5px),-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(calc(50% - 5px),max-content));align-items:flex-start;grid-gap:10px;gap:10px}.product-slider-wrapper-container img{width:100%}.product-slider-wrapper-container .products-slider-container{background:#fafafa;padding-top:24px}.search-result-footer{background-image:url(/images/healthAndWellness/assessment/assessment-score-footer.svg);background-repeat:no-repeat;background-size:100%;width:100%;position:-webkit-sticky;position:sticky;bottom:0}.search-result-footer-btns{justify-content:space-between;margin-bottom:20px;margin-top:40px}.search-result-footer .btn-black-outline,.search-result-footer .btn-primary-outline{display:flex;align-items:center;justify-content:center;border-radius:38px;height:48px;padding:6px 8px;font-size:16px;font-weight:700;width:49%;font-family:"Sukhumvit Tadmai"}.search-result-footer .btn.btn-black-outline{border:1px solid #2c2c2c}.search-result-footer .btn.btn-primary-outline{border:1px solid #80d26c}.search-result-footer .score-footer-btn{display:flex;align-items:center;justify-content:center;border-radius:38px;height:48px;padding:6px 8px;font-size:16px;font-weight:700;width:49%;font-family:"Sukhumvit Tadmai";border:none!important}.search-result-footer .score-footer-btn.home-btn{background-color:#f2f7f1;color:#3c9d47;grid-gap:4px;gap:4px}.search-result-footer .score-footer-btn.retry-btn{background-color:#3c9d47;color:#fff;grid-gap:4px;gap:4px}.answer-card-modal-popup .liff-panel.open{z-index:99}.answer-card-modal-popup .liff-panel.open .select-coupon-panel{height:auto}.answer-card-modal-popup .liff-panel.open .select-coupon-panel>:first-child{border-radius:24px 24px 0 0;height:124px;padding:24px 0 0;background-repeat:no-repeat;background-size:cover;background-image:url(/images/assesment/answer-modal-health.svg)}.answer-card-modal-popup .liff-panel.open .select-coupon-panel>:nth-child(2){padding:20px}.answer-card-modal-popup.--healthinfo .liff-panel.open .select-coupon-panel>:first-child{background-image:url(/images/assesment/answer-modal-health.svg)}.answer-card-modal-popup.--activities .liff-panel.open .select-coupon-panel>:first-child{background-image:url(/images/assesment/answer-modal-activity.svg)}.answer-card-modal-popup.--attitude .liff-panel.open .select-coupon-panel>:first-child{background-image:url(/images/assesment/answer-modal-attitude.svg)}.answer-card-modal-popup.--foodhabits .liff-panel.open .select-coupon-panel>:first-child{background-image:url(/images/assesment/answer-modal-food.svg)}.answer-card-modal-popup.--sleep .liff-panel.open .select-coupon-panel>:first-child{background-image:url(/images/assesment/answer-modal-sleep.svg)}.answer-card-modal-popup.--stress .liff-panel.open .select-coupon-panel>:first-child{background-image:url(/images/assesment/answer-modal-stress.svg)}.answer-card-modal-popup-body{display:flex;justify-content:center;align-items:center;flex-direction:column}.answer-card-modal-popup-description{font-family:"Sukhumvit Tadmai";font-weight:500;font-size:16px}.answer-card-modal-popup-btn{height:48px;padding:6px 8px;border-radius:38px;background:#fff;font-size:16px;line-height:20px;font-weight:700;border:none;background:#3c9d47;color:#fff;width:276px;margin:20px 32px 0;font-family:"Sukhumvit Tadmai"}.product-title{font-size:24px;font-weight:800;margin-bottom:20px;font-family:"Sukhumvit Tadmai"}.products-recommend-container{margin-bottom:0;overflow:auto}.products-recommend-container .slick-slide{padding:7px}.products-recommend-card{background:#fff;box-shadow:1px 8px 18px 0 rgba(44,44,44,.101961);border-radius:8px;margin-left:0;margin-bottom:16px;padding:0 12px 12px}.product-card-tag{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;grid-column-gap:4px;-webkit-column-gap:4px;column-gap:4px;align-items:center;border-radius:24px;padding:2px 6px 2px 3px}.product-card-tag span{font-size:12px}.product-card-green-tag{background:#e7f4d7}.product-card-green-tag span{color:#73793b}.product-card-blue-tag{background:#f1f2ff}.product-card-blue-tag span{color:#38539a}.product-card-yellow-tag{background:#faf2db}.product-card-yellow-tag span{color:#e8ab0d}.product-card-light_green-tag{background:#f0fae5}.product-card-light_green-tag span{color:#61c049}.product-card-cyan-tag{background:#cfeef0}.product-card-cyan-tag span{color:#396e75}.product-card-orange-tag{background:#fbe9d9}.product-card-orange-tag span{color:#7f3e3e}.product-card-pink-tag{background:#fff6f6}.product-card-pink-tag span{color:#cb5454}.product-card-tag .category-general-icon{width:14px;height:14px;font-family:"Sukhumvit Tadmai"}.product-card-tag .category-general-icon img{border:none;height:100%;width:100%}.products-recommend-card-title{font-size:14px;font-weight:500;margin-top:10px;height:45px;font-family:"Sukhumvit Tadmai";display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2}.products-recommend-price{font-size:16px;font-family:"Sukhumvit Tadmai"}.products-recommend-price .products-recommend-price-fix{font-weight:700}.products-recommend-price .products-recommend-price-dynamic{font-weight:800}.products-recommend-pvbv{display:flex;font-size:12px;font-family:"Sukhumvit Tadmai"}.products-recommend-bv-title,.products-recommend-pv-title{color:#949494}.products-recommend-bv-value,.products-recommend-pv-value{color:#2c2c2c}.products-recommend-pv{border-right:1px solid #e6e6e6;padding-right:5px}.products-recommend-bv{padding-left:5px}.products-recommend-cart-container{background:#2c2c2c;height:30px;width:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}.products-recommend-cart-container .products-recommend-cart__shopping-icon{border-color:transparent;width:auto}.products-recommend-cart-container.selected{background:#107f47}.products-recommend-price-cart-container{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.products-recommend-img-container{text-align:center}.products-recommend-img-container img{width:100%}element.style{width:90%;border-radius:20px;padding-top:20px;background-image:linear-gradient(#eaf8e2,hsla(0,0%,100%,.5),transparent);z-index:1;position:relative;margin-top:-5vh;border:none}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:initial;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}@font-face{font-family:"Sukhumvit Set";src:url(/font/SukhumvitSet-Bold.ttf);font-weight:700;font-style:normal}.slick-list{overflow:initial!important}.color_title{color:#2c2c2c}.title{font-size:24px;font-family:"Sukhumvit Set Bold"}.group_nav_menu{position:relative}.group_nav_menu .group_menu{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px 15px;gap:20px 15px}.group_nav_menu .group_menu .menu_item a{color:#000}.group_bar_status{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px 10px;gap:15px 10px}.group_bar_status .status{font-family:"Sukhumvit Set SemiBold";padding:4px 16px;background:#f2f2f2;border-radius:20px;color:#000;text-align:center;font-size:14px}.group_bar_status .status.active{background:#439f46;color:#fff}.page_subdealer{margin-top:6px}.group_subdealer{position:relative;display:grid;grid-gap:15px 0;gap:15px 0}.group_subdealer .subdealer_item{display:grid}.group_subdealer .subdealer_item .group_title_subdealer{display:grid;grid-template-columns:1fr auto}.group_subdealer .subdealer_item .group_title_subdealer .name{font-size:18px;line-height:28px;font-family:"Sukhumvit Set Bold";color:#114b33;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.group_subdealer .subdealer_item .group_title_subdealer .count{color:#114b33;font-size:18px;font-family:"Sukhumvit Set Bold"}.group_subdealer .subdealer_item .group_title_subdealer .count span{font-family:"Sukhumvit Set";color:#8f8f8f}.group_subdealer .group_order_status{position:relative}.group_subdealer .group_order_status .id_order{font-family:"Sukhumvit Set SemiBold";color:#000}.process{background-color:#b2dbb6}.group_slide_point .group_point_PVL{display:grid;grid-template-columns:repeat(3,1fr)}.group_slide_point .group_point_PVL .bg_cl{left:0}.section{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.colorback{color:#000}.section__item{scroll-snap-align:start}.g_point1{flex:1 1;background-color:rgba(67,159,70,.101961);padding:0 15px;font-size:14px;font-family:"Sukhumvit Set SemiBold";border-radius:10px}.imgwa{width:"80%"}.tab_tap .pendingUpdate{background:#b29530}.g_point1 img{width:30px;height:50px;margin-top:0;display:block}.g_point1 .section_point{height:100px;display:flex;flex-direction:column;justify-content:center}.g_point1 .subtitle{font-size:12px}.g_point1 .title{font-size:15px}.g_point1 .col-3 .bg_cl{margin-left:-25px}.g_point1 .process{width:0;width:var(--widthProcess,0);border-radius:10px}@media screen and (max-width:768px){.subtitle{font-size:12px}}@media screen and (min-width:768px){.subtitle{font-size:14px}}@media only screen and (device-width:320px) and (device-height:568px) and (-webkit-device-pixel-ratio:2){.img1{max-width:70%}.bg_cl2{display:none}}.button-container{position:absolute;bottom:50px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.button{border-radius:20px;width:100%}.imgicon{margin-right:20px;width:32px}.fonticon{font-weight:700;font-size:20px}.fonticon2{font-size:20px;color:#83c346;margin-left:14px}.fonticon3{font-weight:700;font-size:20px;margin:1px 1px 1px 6px}.speedometer-container{display:flex;justify-content:center;align-items:center}.divider{border:none;border-top:2px solid #cecece;margin:0}.containerAssesment{margin-right:auto;margin-left:auto}.row{display:flex;flex-direction:row;align-items:center;justify-content:center}.col{flex:1 1}@font-face{font-family:"Sukhumvit Set";src:local("Sukhumvit Set"),url(/static/media/SukhumvitSet-Text.69fc4f0f.ttf) format("truetype")}@font-face{font-family:"Sukhumvit Set SemiBold";src:local("Sukhumvit Set SemiBold"),url(/static/media/SukhumvitSet-Bold.cf83ce0a.ttf) format("truetype")}@font-face{font-family:"Sukhumvit Set Medium";src:local("Sukhumvit Set Medium"),url(/static/media/SukhumvitSet-Medium.e54f4b9d.ttf) format("truetype")}@font-face{font-family:"Sukhumvit Set tadmai bold";src:local("Sukhumvit Set Bold"),url(/static/media/SukhumvitTadmai_Bol.34cbfa2b.ttf) format("truetype")}@font-face{font-family:"Sukhumvit Set Extra Bold";src:local("Sukhumvit Set Bold3"),url(/static/media/SUKHUMVITTADMAI-EXTRABOLD.145bfa38.OTF) format("truetype")}@font-face{font-family:"Sukhumvit Set Extra Medium";src:local("Sukhumvit Set Medium"),url(/static/media/SukhumvitTadmai-Medium.91a1ed6b.otf) format("truetype")}.btn-block{display:block;width:100%}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.segment-value{display:none}.group_sticky_button2 a{width:100%;border-radius:5px;display:flex;align-items:center;font-size:16px;justify-content:center;background-color:#b29530;color:#fff!important;height:48px}.color_gold{color:#b29530}:root{--widthProcess:0%}.pt-30{margin-top:30px}.slick-slide img{border:5px solid #fff;display:block;margin:auto}.title{font-size:16px;font-family:"Sukhumvit Set tadmai bold"}.color_d{color:#439f46}.subtitle{font-family:"Sukhumvit Set Medium";font-size:14px;line-height:22px}.hide{display:none}.overflow_disable{overflow:inherit}.group_sticky_button2{position:-webkit-sticky;position:sticky;bottom:0;margin:0 -15px;background:#fff;padding:15px;box-shadow:0 -1px 0 #f0f0f0,0 0 0 #f0f0f0}.group_subdealer_create{position:relative;display:grid;grid-gap:0 0;gap:0 0}.group_subdealer_create .create_subdealer_item{display:grid;position:relative;padding:10px 15px;margin:0 -15px;box-shadow:0 0 0 #f0f0f0,0 1px 0 #f0f0f0}.group_subdealer_create .create_subdealer_item a{color:#000}.group_subdealer_create .create_subdealer_item a:hover{text-decoration:none}.group_subdealer_create .create_subdealer_item .fav{color:#000}.group_subdealer_create .create_subdealer_item .fav.active{color:#439f46}.group_subdealer_create .create_subdealer_item .fav i{margin-right:5px}.group_subdealer_create .create_subdealer_item .fav a{font-family:"Sukhumvit Set SemiBold";text-decoration:underline}.group_subdealer_create .create_subdealer_item .group_title_subdealer{display:grid;grid-template-columns:1fr auto}.group_subdealer_create .create_subdealer_item .group_title_subdealer .name{font-size:16px;line-height:25px;font-family:"Sukhumvit Set Bold";display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.group_subdealer_create .create_subdealer_item .group_title_subdealer .count{color:#000;font-size:16px;font-family:"Sukhumvit Set Bold"}.group_subdealer_create .create_subdealer_item .group_title_subdealer .count span{font-family:"Sukhumvit Set";color:#8f8f8f}.group_subdealer_create .group_order_status{color:#5a5a5a;font-size:16px}.group_subdealer_create .group_order_status span{color:#000}.group_subdealer_create .group_count_order{position:relative;color:#8f8f8f}.group_subdealer_create .group_count_order .id_order{font-family:"Sukhumvit Set SemiBold";color:#000}.update_date_point{position:absolute;bottom:4px}.process{position:relative;width:100%;background-color:#e6e6e6!important}.process,.process:after{height:4px;border-radius:2px}.process:after{content:"";position:absolute;width:0;width:var(--widthProcess);background-color:#439f46}.group_slide_point{position:relative}.group_slide_point .group_point_PVL{position:relative;display:flex;grid-column-gap:15px;-webkit-column-gap:15px;column-gap:15px}.group_slide_point .group_point_PVL .g_point{flex:1 1;background-color:rgba(67,159,70,.101961);padding:10px 15px;font-size:14px;font-family:"Sukhumvit Set SemiBold";border-radius:8px}.group_slide_point .group_point_PVL .section_point{position:relative;padding-bottom:20px}.group_slide_point .group_point_PVL .bg_cl{background-color:#dceddc;width:32px;height:32px;position:absolute;border-radius:50px;top:0;right:0;text-align:center;align-items:center;display:flex;justify-content:center}.group_slide_point .group_point_PVL small{font-family:"Sukhumvit Set";color:#636363}.backg{background-color:#f2f2f2;width:100%;height:100%;padding:0;background-size:100% 100%;max-width:100%;max-height:100%;bottom:0;left:0;margin:auto;overflow:auto;position:fixed;right:0;top:0;object-fit:contain}.backg .card{border-radius:10px;border-width:0;box-sizing:border-box;box-shadow:0 0 20px rgba(0,0,0,.05)}.backg .card-body{font-family:Sukhumvit Set}.backg .card-body .title-day{color:#898989}.backg .card-body .title-day,.backg .card-body .title-time{font-family:Sukhumvit Set;font-style:normal;font-weight:600;font-size:16px;line-height:25px}.backg .card-body .title-time{text-align:right;color:#000}.checkTimeStock-page{font-family:Sukhumvit Set;margin-top:50px}.checkTimeStock-page .MuiInputBase-input{height:12px}.checkTimeStock-page .checkTimeStock-page-title>span{font-family:Sukhumvit Set;font-style:normal;font-weight:700;font-size:26px;line-height:41px;color:#000}.checkTimeStock-page .checkTimeStock-detail-title{font-family:Sukhumvit Set;font-style:normal;font-weight:600;font-size:16px;line-height:25px;color:#000;margin-top:10px;margin-bottom:10px}.checkTimeStock-page .text-size{font-size:16px;color:#000}.checkTimeStock-page .text-size,.checkTimeStock-page .text-sizes{font-style:normal;font-weight:600;line-height:19px;text-align:center}.checkTimeStock-page .text-sizes{margin-top:-10px;font-family:Sukhumvit Set;font-size:12px;color:#696969;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkTimeStock-page .status{background:#007aff;border-radius:15px;justify-content:center;align-items:center;text-align:center;height:26px}.checkTimeStock-page .status .textsa{font-family:Sukhumvit Set;font-style:normal;font-weight:600;font-size:12px;line-height:19px;color:#fff}.checkTimeStock-body-page .head{font-family:Sukhumvit Set;font-style:normal;font-weight:700;font-size:18px;line-height:29px;color:#114b33;margin-top:10px}.checkTimeStock-body-page .card-subtitle{font-family:Sukhumvit Set;font-style:normal;font-weight:600;font-size:14px;line-height:22px;color:#9c9c9c}.checkTimeStock-body-page .card-title{font-family:Sukhumvit Set;font-style:normal;font-weight:700;font-size:18px;line-height:29px;color:#114b33}.checkTimeStock-body-page .card-text{color:#555}.checkTimeStock-body-page .card-link,.checkTimeStock-body-page .card-text{font-family:Sukhumvit Set;font-style:normal;font-weight:600;font-size:14px;line-height:22px}.checkTimeStock-body-page .card-link{color:#114b33;margin-left:5px;margin-right:5px}.checkTimeStock-body-page .location{margin-top:10px;background:rgba(0,186,52,.1);border-radius:15px;text-align:center;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:6px 12px 5px;height:30px}.checkTimeStock-body-page .location>svg{margin-top:-4px;margin-right:5px}.checkTimeStock-body-page .location .text{font-family:Sukhumvit Set;font-style:normal;font-weight:600;font-size:12px;line-height:19px;text-align:right;color:#00ba34}.checkTimeStock-body-page .checkTimeStock-detail-body{padding-top:10px}.checkTimeStock-body-page .checkTimeStock-detail-body .title-name{font-family:Sukhumvit Set;font-style:normal;font-weight:600;font-size:16px;line-height:25px;color:#898989}.checkTimeStock-body-page .checkTimeStock-detail-body .title-detail{font-family:Sukhumvit Set;font-style:normal;font-weight:600;font-size:16px;line-height:25px;text-align:right;color:#000}.detail{font-weight:700}.image-card-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px}.image-card{background-color:hsla(0,0%,100%,.5);border-radius:25px;min-height:150px;display:flex;justify-content:center;align-items:center;border:2px solid #94b1e6;width:160px}@media (max-width:400px){.image-card{width:140px}}@media (max-device-width:320px) and (max-device-height:568px){.image-card{width:140px}}.image-card-image{max-width:100%;max-height:100%}.image-card.selected{background:linear-gradient(45deg,#daeacc,#83c346);border-color:#f7faff}.containerAssesment{width:100%;padding-right:15px;padding-left:15px;max-width:960px;margin:0 auto}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;background-color:initial;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.page{font-family:Sukhumvit Set;background-color:#fff;width:100%;height:100%;padding:0;background-size:100% 100%;max-width:100%;max-height:100%;bottom:0;left:0;margin:auto;position:relative;right:0;top:0;object-fit:contain}.answered{background-color:"#439F46"}.not-answered{background-color:"#00ba34"}.swal2-popup{position:relative;box-sizing:border-box;grid-template-columns:minmax(0,100%);width:32em;max-width:90%;padding:0;border-radius:30px;background:#fff;color:#545454;border:none;font-family:inherit;font-size:1rem}.swal2-actions{border:none;margin-top:1em;border-bottom-right-radius:20px;border-bottom-left-radius:20px;height:70px;background-color:#82c246;width:100%}.swal2-styled.swal2-confirm{border:none;border-radius:.25em;background:initial;color:#fff;font-size:2em;width:100%;padding:2px;outline:none!important;box-shadow:none!important}.Success3{display:flex;flex-direction:column;background:url(/images/assesment/BG1.png) no-repeat 20% 100%;background-size:100% 70%;width:100%;min-height:100vh;margin:0 auto}.library-category .sub-header{position:relative;height:250px;overflow:hidden;padding:22px}.library-category .sub-header .back-page{position:absolute;top:22px;left:22px;z-index:999;color:#fff}.library-category .sub-header .header-bg{position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.library-category .sub-header .header-bg:after{content:"";background:linear-gradient(180deg,rgba(0,23,83,.5),rgba(0,23,83,.5) 50%,hsla(0,0%,100%,.5));position:absolute;width:100%;height:100%;left:0;top:0}.library-category .sub-header .header-bg img{width:100%}.library-category .sub-header .page-title-category{position:relative;text-align:center;color:#fff;font-weight:700;font-size:18px}.library-category .sub-header .category-name{position:absolute;color:#fff;text-align:center;left:50%;top:60%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.library-category .sub-header .category-name .heading{font-size:24px;font-weight:700;color:#fff;word-break:break-word;text-align:left}.library-category .library-category-list{padding:22px}.library-category .library-category-list .select-category{padding:10px}.library-category .library-category-list .select-category label{color:#687fce;font-size:14px}.library-category .library-category-list .select-category .ant-select{color:#00305e;margin-top:10px;width:100%;border-radius:10px}.library-category .library-category-list .select-category .ant-select .ant-select-selection-item{line-height:60px;font-weight:700;color:#00305e}.library-category .library-category-list .select-category .ant-select:not(.ant-select-customize-input) .ant-select-selector{height:100%;border-radius:10px;border-color:#ced8e3}.library-category .library-category-list .sub-category-item{display:flex;border-bottom:2px solid #ced8e3;margin:10px 0;padding:15px 0;align-items:center}.library-category .library-category-list .sub-category-item .img{width:25%;overflow:hidden;height:75px;margin-right:20px}.library-category .library-category-list .sub-category-item .img img{width:100%}.library-category .library-category-list .sub-category-item .title{color:#00305e}.category-form-wrap{background:#fff;min-height:100vh;position:relative}.category-form-wrap .ant-form .category-flex-form{min-height:inherit;display:flex;flex-direction:column;justify-content:space-between}.category-form-wrap .ant-image{max-height:375px;overflow:hidden;text-align:-webkit-center}.category-form-wrap .ant-image img{display:none}.category-form-wrap .ant-image img.active{display:block;height:100%;width:100%}.category-form-wrap .category-name{padding:45px 22px}.category-form-wrap .category-name .ant-input{border-color:#ced8e3;height:52px;border-radius:10px;font-size:16px}.category-form-wrap .category-name .ant-form-item-label{color:#00305e;font-size:15px}.category-form-wrap .upload-category-img{background:#f9f9f9;padding:22px}.category-form-wrap .upload-category-img .ant-upload-hint{color:#bcbcbc}.category-form-wrap .upload-category-img.active{padding:0;position:relative}.category-form-wrap .upload-category-img.active .ant-form-item-control-input{min-height:0}.category-form-wrap .upload-category-img .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon{font-size:23px;color:#bcbcbc}.category-form-wrap .upload-category-img .ant-upload.ant-upload-drag{background:#fff;border-radius:15px;height:285px}.category-form-wrap .upload-category-img .ant-upload.ant-upload-drag .ant-upload{padding:0}.category-form-wrap .upload-category-img .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover{border-color:#d9d9d9}.category-form-wrap .upload-category-img .ant-upload-list{display:none}.category-form-wrap .upload-category-img .upload-file-area.active{position:absolute;height:37px;width:auto;bottom:20px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);padding:0 20px;border:1px solid}.category-form-wrap .action{width:100%;bottom:0;padding:0 30px 22px;text-align:center}.category-form-wrap .action .btn{background-color:#2c2c2c;height:60px;border-radius:60px;width:100%;color:#fff;font-size:18px;font-weight:700}.category-form-wrap .action .ant-btn-link{color:#2c2c2c;font-size:18px;font-weight:700}.category-form-wrap .action-edit-category{display:flex}.category-form-wrap .action-edit-category .btn-outline{border:1px solid #2c2c2c;height:60px;width:100px;text-align:center;border-radius:60px;font-size:18px;font-weight:700;margin-left:10px}.warp-modal{text-align:center}.warp-modal .ant-modal-content{border-radius:15px}.warp-modal .ant-modal-body{padding:60px 24px 24px}.warp-modal .modal-image-icon{text-align:center;margin-bottom:20px}.warp-modal .modal-title{font-size:16px;font-weight:700;text-align:center;margin-bottom:10px}.warp-modal .modal-desc{color:#62625a;font-size:15px;text-align:center}.warp-modal .btn{background-color:#2c2c2c;height:60px;border-radius:60px;width:100%;color:#fff;font-size:18px;font-weight:700;margin-top:80px}.warp-modal .link{color:#2c2c2c;font-size:18px;font-weight:700;margin-top:10px}.content-list-wrap.sub-content .hl-header{padding:0}.content-list-wrap.sub-content .sub-header{position:relative;height:250px;overflow:hidden;padding:22px}.content-list-wrap.sub-content .sub-header .header-bg{position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.content-list-wrap.sub-content .sub-header .header-bg:after{content:"";background:linear-gradient(180deg,rgba(0,23,83,.5),rgba(0,23,83,.5) 50%,hsla(0,0%,100%,.5));position:absolute;width:100%;height:100%;left:0;top:0}.content-list-wrap.sub-content .sub-header .header-bg img{width:100%}.content-list-wrap.sub-content .sub-header .category-name{position:absolute;color:#fff;text-align:center;left:50%;top:60%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.content-list-wrap.sub-content .sub-header .category-name .heading{font-size:24px;font-weight:700;color:#fff;word-break:break-all;text-align:left}.content-list-wrap .hl-header{background:linear-gradient(180deg,#5a5d67,#2c2c2c);padding:22px 22px 60px}.content-list-wrap .hl-header .back-page{position:absolute;top:22px;left:22px;z-index:999;color:#fff}.content-list-wrap .hl-header .edit-category{position:absolute;color:#fff;right:22px;font-size:18px;z-index:999}.content-list-wrap .hl-header .page-title-category{position:relative;text-align:center;color:#fff;font-weight:700;font-size:18px}.content-list-wrap .content-list{padding:40px 22px;background:#fff;border-radius:30px 30px 0 0;margin-top:-30px;position:relative;min-height:calc(100vh - 250px)}.content-list-wrap .content-list.card-discovery-new .search-input{position:relative;margin-top:13px}.content-list-wrap .content-list.card-discovery-new .search-input .ant-input-affix-wrapper{background:#f5f6fa;border:none;border-radius:7px;font-size:12px}.content-list-wrap .content-list.card-discovery-new .search-input .ant-input-affix-wrapper>input.ant-input{background:#f5f6fa}.content-list-wrap .content-list.card-discovery-new .card-body .card-item{width:calc(50% - 10px);display:inline-block;margin:10px 5px;border-radius:10px;overflow:hidden;vertical-align:top}.content-list-wrap .content-list.card-discovery-new .card-body .card-item-img{height:180px;border:1px solid #f5f6fa;overflow:hidden;position:relative}.content-list-wrap .content-list.card-discovery-new .card-body .card-item-img img{position:absolute;height:100%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.content-list-wrap .content-list.card-discovery-new .card-body .card-desc{margin-top:10px}.content-list-wrap .content-list.card-discovery-new .card-body .card-desc .title{color:#38539a;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:15px;margin-right:15px}.content-list-wrap .content-list.card-discovery-new .card-body .card-desc .desc{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:15px;margin-right:15px}.content-list-wrap .empty-data{text-align:center;margin-top:60px}.content-list-wrap .empty-data .desc{margin-top:20px}.view-content-wrap{background-color:#fafafa}.view-content-wrap .content-heading-hl{position:relative}.view-content-wrap .content-heading-hl .view-content-image{width:100%}.view-content-wrap .content-heading-hl .btn-share{position:absolute;bottom:20px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);background:#38539a;color:#fff;height:36px;font-size:16px;font-weight:700;width:120px;border-radius:36px}.view-content-wrap .content-box{padding:22px}.view-content-wrap .content-box .content-desc{padding:20px;background-color:#fff;border-radius:10px;box-shadow:1px 1px 3px rgba(0,0,0,.15);text-align:left}.view-content-wrap .content-box .content-desc .title{font-size:24px;font-weight:700;margin-bottom:5px;color:#2c2c2c;word-break:break-all;text-align:left}.view-content-wrap .content-box .content-desc .category-name{color:#38539a;margin-bottom:5px;font-size:16px;word-break:break-all;text-align:left}.view-content-wrap .content-box .content-desc .category-name .icon{margin-right:8px;width:12px}.view-content-wrap .content-box .content-desc .content-date{color:#8b8b8b;font-size:12px;margin-bottom:25px}.view-content-wrap .content-box .content-desc .desc{margin-top:10px}.view-content-wrap .content-box .content-desc .library-ql-editor{box-sizing:border-box;cursor:text;line-height:1.42;height:100%;outline:none;overflow-y:unset;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.upload-content-img{background:#f9f9f9;padding:22px}.upload-content-img.active{padding:0;position:relative}.upload-content-img.active .ant-form-item-control-input{min-height:0}.upload-content-img .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon{font-size:23px;color:#bcbcbc}.upload-content-img .ant-upload.ant-upload-drag{background:#fff;border-radius:15px;height:285px}.upload-content-img .ant-upload.ant-upload-drag .ant-upload{padding:0}.upload-content-img .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover{border-color:#d9d9d9}.upload-content-img .ant-upload-list{display:none}.upload-content-img .upload-file-area.active{position:absolute;height:37px;width:auto;bottom:20px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);padding:0 20px;border:1px solid}.upload-content-img .ant-upload-hint{color:#bcbcbc}.add-new-content{text-align:center;margin:20px}.add-new-content .btn-outline{border:1px solid #2c2c2c;height:60px;border-radius:60px;padding:0 60px;font-size:18px;font-weight:700}.content-form-wrap{background:#fff;min-height:100vh;position:relative}.content-form-wrap .ant-image{max-height:375px;overflow:hidden;text-align:-webkit-center}.content-form-wrap .ant-image img{display:none}.content-form-wrap .ant-image img.active{display:block;height:100%;width:100%}.content-form-wrap .category-name{padding:45px 22px}.content-form-wrap .category-name .ant-input{border-color:#ced8e3;height:52px;border-radius:10px;font-size:16px}.content-form-wrap .category-name .ant-form-item-label{color:#00305e;font-size:15px}.content-form-wrap .upload-content-img{background:#f9f9f9;padding:22px}.content-form-wrap .upload-content-img.active{padding:0;position:relative}.content-form-wrap .upload-content-img.active .ant-form-item-control-input{min-height:0}.content-form-wrap .upload-content-img .ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon{font-size:23px;color:#bcbcbc}.content-form-wrap .upload-content-img .ant-upload.ant-upload-drag{background:#fff;border-radius:15px;height:285px}.content-form-wrap .upload-content-img .ant-upload.ant-upload-drag .ant-upload{padding:0}.content-form-wrap .upload-content-img .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover{border-color:#d9d9d9}.content-form-wrap .upload-content-img .ant-upload-list{display:none}.content-form-wrap .upload-content-img .upload-file-area.active{position:absolute;height:37px;width:auto;bottom:20px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);padding:0 20px;border:1px solid}.content-form-wrap .action{text-align:center;padding:0 60px 22px}.content-form-wrap .action .btn{background-color:#2c2c2c;height:60px;border-radius:60px;width:100%;color:#fff;font-size:18px;font-weight:700}.content-form-wrap .action .ant-btn-link{color:#2c2c2c;font-size:18px;font-weight:700}.view-content-wrap .action{padding:0 22px 22px;text-align:center;display:flex;flex-direction:column;align-items:center}.view-content-wrap .action .btn-share{background:#38539a;color:#fff;height:36px;font-size:16px;font-weight:700;width:120px;border-radius:36px}.view-content-wrap .action .action-edit-content{display:flex;margin-bottom:15px}.view-content-wrap .action .action-edit-content .btn{background-color:#2c2c2c;height:60px;border-radius:60px;width:100%;color:#fff;font-size:18px;font-weight:700;margin-right:10px}.view-content-wrap .action .action-edit-content .btn-outline{border:1px solid #2c2c2c;height:60px;width:100px;text-align:center;border-radius:60px;font-size:18px;font-weight:700}.view-content-wrap .action .ant-btn-link{color:#2c2c2c;font-size:18px;font-weight:700;margin-top:20px}.edit-content-detail-wrap{padding:22px}.edit-content-detail-wrap .ant-form-item-label label,.edit-content-detail-wrap .input-label{color:#00305e;font-size:15px}.edit-content-detail-wrap .ant-input{border-color:#ced8e3;height:52px;border-radius:10px}.edit-content-detail-wrap .ck-wrap{margin-top:8px;margin-bottom:20px}.edit-content-detail-wrap .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar{border-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0}.edit-content-detail-wrap .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,.edit-content-detail-wrap .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners{border-radius:10px;border-top-left-radius:0;border-top-right-radius:0;height:300px}.edit-content-detail-wrap .ant-input[disabled]{background-color:#ced8e3;color:#6d7386;border:1px solid #8fa0b1}.library-profile-container{width:100%;min-height:100vh;padding:0 20px 20px;background:url(/images/library/bg_profile.jpg) no-repeat;background-size:100% auto}.library-profile-container .library-profile-row{display:flex;flex-direction:column;align-items:center}.library-profile-container .library-col-profile{text-align:center}.library-profile-container .library-col-profile .library-profile-image{margin-top:30%;margin-bottom:20px;border-radius:50%;width:100px;height:100px;border:4px solid #fff;background-color:#5ab8e0;overflow:hidden}.library-profile-container .library-col-profile .library-profile-info{font-size:18px}.library-profile-container .library-col-profile .library-profile-info .name{color:#38539a;font-size:22px;font-weight:700}.library-profile-container .library-col-profile .library-profile-info .user-code-tag{color:#38539a;font-size:15px;background:#fff;padding:5px 15px;border-radius:30px}.library-profile-container .library-col-content{margin-top:30px;width:100%}.library-profile-container .library-tab-wrap{display:flex;width:100%;justify-content:space-between}.library-profile-container .library-col-content-tab{width:calc(50% - 10px);text-align:center;height:80px;line-height:80px;background:#fff;border-radius:15px;font-weight:700;color:#38539a}.library-profile-container .library-col-content-tab.active{border:1px solid #38539a}.library-profile-container .library-col-content-tab .icon{margin-right:10px;vertical-align:middle}.library-profile-container .card-library{background-color:#fff;border-radius:15px;padding:20px 15px;margin-top:30px}.library-profile-container .card-library .card-header{margin-bottom:20px;font-size:16px;font-weight:700;display:flex;justify-content:space-between}.library-profile-container .card-library .card-header .icon{margin-right:10px}.library-profile-container .card-library .card-header .see-all a{color:#38539a;font-size:15px}.library-profile-container .card-library.card-categories .card-body{width:100%;height:auto;white-space:nowrap;position:relative;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch}.library-profile-container .card-library.card-categories .card-body .card-item{width:130px;float:none;display:inline-block;margin:0 5px;border:1px solid #f5f6fa;border-radius:10px;overflow:hidden}.library-profile-container .card-library.card-categories .card-body .card-item-img img{width:100%;height:140px}.library-profile-container .card-library.card-categories .card-body .card-desc{background-color:#f5f6fa;text-align:center}.library-profile-container .card-library.card-categories .card-body .card-desc .title{color:#38539a;font-weight:700;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:15px;margin-right:15px}.library-profile-container .card-library.card-categories .card-body .card-desc .total-books{font-size:12px}.library-profile-container .card-library.card-discovery-new .search-input{position:relative;margin-top:13px}.library-profile-container .card-library.card-discovery-new .search-input .ant-input-affix-wrapper{background:#f5f6fa;border:none;border-radius:7px;font-size:12px}.library-profile-container .card-library.card-discovery-new .search-input .ant-input-affix-wrapper>input.ant-input{background:#f5f6fa}.library-profile-container .card-library.card-discovery-new .card-body .card-item{width:calc(50% - 10px);display:inline-block;margin:10px 5px;border-radius:10px;overflow:hidden;vertical-align:top}.library-profile-container .card-library.card-discovery-new .card-body .card-item-img{height:180px;border:1px solid #f5f6fa;overflow:hidden;position:relative}.library-profile-container .card-library.card-discovery-new .card-body .card-item-img img{position:absolute;height:100%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.library-profile-container .card-library.card-discovery-new .card-body .card-desc{margin-top:10px}.library-profile-container .card-library.card-discovery-new .card-body .card-desc .title{color:#38539a;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:15px;margin-right:15px}.library-profile-container .card-library.card-discovery-new .card-body .card-desc .desc{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:15px;margin-right:15px;font-size:12px}.library-profile-container .empty-data{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.library-profile-container .empty-data .desc{margin-top:20px}.foa-otp-container{display:flex;flex-direction:column;flex:1 1;font-family:"Sukhumvit Set","Helvetica",Arial,sans-serif;background:#f0f3f7}.foa-otp-container>.body{display:flex;flex-direction:column;flex:1 1;margin:15px;padding:15px;border-radius:12px;background:#fff}.foa-otp-container>.body .away-button{width:50%}.foa-otp-container>.body .title{text-align:center;font-weight:700;font-size:15px}.otpinput-container input:placeholder-shown{height:50px;border:1px solid grey;border-radius:5px}.otpinput-container input{height:50px;border:1px solid grey;border-radius:5px}.hnw-home-header-container{background-image:url(/images/challenge/team-dashboard-bg.svg);background-repeat:no-repeat;background-size:100%;height:100%;font-family:"Sukhumvit Tadmai"}.hnw-home-header-container .home-page-no-food-log-container{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;display:flex;justify-content:space-between;background:#fff;margin:0 16px}.hnw-home-header-container .home-page-no-food-log-container .no-data-card-container{display:flex;align-items:center;flex-direction:column}.hnw-home-header-container .home-page-no-exercise-log-container{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;display:flex;justify-content:space-between;background:#fff}.hnw-home-header-container .home-page-no-exercise-log-container .no-data-card-container{display:flex;align-items:center;flex-direction:column}.hnw-home-header-container .home-page-no-exercise-log-container .no-data-card-container .home-exercise-no-img{margin-bottom:4px}.hnw-home-header-container .home-page-no-exercise-log-container .no-data-card-container .home-exercise-no-data,.hnw-home-header-container .home-page-no-exercise-log-container .no-data-card-container .home-exercise-no-data-subtitle{font-size:16px;font-weight:700;line-height:24px;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.hnw-home-header-container .home-page-no-water-target-log-container{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;display:flex;justify-content:space-between;background:#fff}.hnw-home-header-container .home-page-no-water-target-log-container .no-data-card-container{display:flex;align-items:center;flex-direction:column}.hnw-home-header-container .home-page-no-water-target-log-container .no-data-card-container .water-target-no-img{margin-bottom:8px}.hnw-home-header-container .home-page-no-water-target-log-container .no-data-card-container .home-water-no-data,.hnw-home-header-container .home-page-no-water-target-log-container .no-data-card-container .home-water-no-data-subtitle{font-size:16px;font-weight:700;line-height:24px;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.hnw-home-header-container .home-page-no-weight-container{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;display:flex;justify-content:space-between;background:#fff;margin:0 16px}.hnw-home-header-container .home-page-no-weight-container .no-data-card-container{display:flex;align-items:center;flex-direction:column}.hnw-home-header-container .home-page-no-bmi-container{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;display:flex;justify-content:space-between;background:#fff;margin:20px 16px}.hnw-home-header-container .home-page-no-bmi-container .no-data-card-container{display:flex;flex-direction:column;padding:16px}.hnw-home-header-container .home-page-no-bmi-container .no-data-card-container .home-no-bmi-title{display:flex}.hnw-home-header-container .home-page-no-bmi-container .no-data-card-container .home-no-bmi-title-bmi{font-size:16px;line-height:24px;font-weight:700;color:#2c2c2c;font-family:"GT Walsheim Pro";margin-right:5px}.hnw-home-header-container .home-page-no-bmi-container .no-data-card-container .home-no-bmi-title-header{font-size:18px;line-height:27px;font-weight:700;color:#2c2c2c;font-family:"Sukhumvit Tadmai"}.hnw-home-header-container .home-page-no-bmi-container .no-data-card-container .home-bmi-bottom-section{display:flex;flex-direction:column;align-items:center}.hnw-home-header-container .home-page-no-bmi-container .no-data-card-container .home-bmi-bottom-section .home-bmi-value{font-size:28px;line-height:48px;font-weight:700;color:#2c2c2c;font-family:"GT Walsheim Pro"}.hnw-home-header-container .home-page-no-bmi-container .no-data-card-container .home-bmi-bottom-section .home-bmi-des{font-size:14px;line-height:21px;font-weight:500;color:#2c2c2c;font-family:"Sukhumvit Tadmai"}.hnw-home-header-container .header-bottom{padding-top:20px}.hnw-home-header-container .challenge-my-bmi-container{padding-bottom:20px;margin-top:16px}.hnw-home-header-container .bmi-range-slider .bmi-slider-value .bmi-slider-count{font-size:40px;font-weight:700;font-family:"GT Walsheim Pro";line-height:48px;letter-spacing:-.02em;text-align:left}.hnw-home-header-container .container-fluid{padding-left:16px;padding-right:16px}.hnw-home-header-container .banner-container{overflow-x:hidden;margin-bottom:8px}.hnw-home-header-container .banner-container .banner-img-warpper{margin-top:20px;position:relative;height:100%;overflow:hidden;z-index:2}.hnw-home-header-container .banner-container .banner-img-warpper .bg-lg{display:block}.hnw-home-header-container .banner-container .banner-img-warpper .bg-sm{display:none}@media (max-width:324px){.hnw-home-header-container .banner-container .banner-img-warpper .bg-lg{display:none}.hnw-home-header-container .banner-container .banner-img-warpper .bg-sm{display:block}}.hnw-home-header-container .text-center{text-align:center}.hnw-home-header-container .text-right{text-align:right}.hnw-home-header-container .w-100{width:100%}.hnw-home-header-container .p-0{padding:0}.hnw-home-header-container .pr-0{padding-right:0}.hnw-home-header-container .pl-0{padding-left:0}.hnw-home-header-container .ml-5{margin-left:5px}.hnw-home-header-container .mr-10{margin-right:10px}.hnw-home-header-container .position-relative{position:relative}.hnw-home-header-container .green{color:#3c9d47!important}.hnw-home-header-container .btn-primary{background:#3c9d47;border-radius:38px;font-size:16px;padding:6px 8px;border-color:#3c9d47;display:flex;font-weight:700}.hnw-home-header-container .btn-primary:active,.hnw-home-header-container .btn-primary:focus,.hnw-home-header-container .btn-primary:hover{background:#3c9d47!important;border-color:#3c9d47!important}.hnw-home-header-container .btn-primary-bottom{padding:5px 38px}.hnw-home-header-container .btn-secondary{background:#fff;border-radius:38px;font-size:16px;padding:5px 28px;border-color:#3c9d47;display:flex;color:#707070}.hnw-home-header-container .green-btn{border:1px solid #67ba6d;border-radius:8px;color:#67ba6d;padding:4px 10px 4px 6px;font-weight:500;height:24px}.hnw-home-header-container .green-btn,.hnw-home-header-container .red-btn{outline:none;background:#fff;display:flex;align-items:center;margin-top:10px;font-size:12px}.hnw-home-header-container .red-btn{border:1px solid rgba(169,66,69,.501961);border-radius:8px;color:rgba(169,66,69,.501961)}.hnw-home-header-container .green-btn img,.hnw-home-header-container .red-btn img{margin-right:5px}.hnw-home-header-container .health-log-section .home-log-container .food-log-container{display:flex;margin:12px;grid-gap:12px;gap:12px}.hnw-home-header-container .health-log-section .home-log-container .food-log-container.two-cards>div{width:50%}.hnw-home-header-container .health-log-section .home-log-container .food-log-container>div{flex-grow:1}.hnw-home-header-container .drink-excercise-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin-top:20px}.home-header-bottom-wrapper{display:flex;grid-gap:10px;gap:10px}.home-header-bottom-wrapper .search-input-container{position:relative;width:calc(100% - 90px)}.home-header-bottom-wrapper .search-input-container .search-img{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:9px}.home-header-bottom-wrapper .search-input-container .input-search-shadow{background:linear-gradient(90.34deg,#fafafa .29%,#f5f5f5 98.19%);box-shadow:inset 1px 4px 6px 0 rgba(44,44,44,.1);border:none!important;height:40px;width:100%;padding-left:42px;font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:21px;text-align:left;color:#777d79;border-radius:10px}.home-header-bottom-wrapper .search-input-container input::-webkit-input-placeholder{color:#777d79}.home-header-bottom-wrapper .search-input-container input::placeholder{color:#777d79}.home-header-bottom-wrapper .header-bottom-right{display:flex;align-items:center;grid-gap:10px;gap:10px}.home-header-bottom-wrapper .header-bottom-right .home-cart-icon .circle-notification{position:absolute;background-color:#d10000;border-radius:50%;display:inline-block;bottom:26px;right:-6px;justify-content:center;align-items:center;display:flex;height:16px;width:16px}.square-float-button{justify-content:center;align-items:center;font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:700;text-align:center;color:#2c2c2c;padding:0 16px;grid-gap:8px;gap:8px;opacity:1;background:linear-gradient(107.74deg,#e6e6e6 27.91%,#fefefe 98.01%);background-clip:padding-box,border-box;position:relative;display:inline-flex}.home-square-float-btn{width:40px;height:40px;border-radius:10px;border:3px solid transparent;box-shadow:2px 3px 6px 0 rgba(44,44,44,.2)}.home-square-float-btn .button-content img{max-width:24px;max-height:24px}.profile-square-float-btn{width:68px;height:68px;border-radius:16px;border:5px solid transparent;box-shadow:4px 4px 18px 0 rgba(44,44,44,.25098)}.profile-square-float-btn .button-content img{width:56px;height:56px;border-radius:11px;top:6px;left:6px;box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.101961);box-shadow:0 1px 0 0 #fff;background-size:cover;object-fit:cover}.square-float-button:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:inherit;background:linear-gradient(287.74deg,#e6e6e6 27.91%,#fefefe 98.01%);z-index:-1}.assesment-carousel-container{overflow:hidden}.assesment-carousel-container .assessment-carousel-list{padding:12px;width:92%}.assesment-carousel-container .assessment-carousel-list .slick-slide{padding:10px}.assesment-carousel-container .assessment-carousel-list .slick-slide img{border:none}.assessment-card-container{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;overflow:hidden;background:linear-gradient(111.54deg,hsla(0,0%,100%,.9) 4.76%,hsla(0,0%,100%,.36) 104.39%);margin:0 17px 16px 0}.assessment-card-container-image{width:100%;object-fit:cover;height:174px}.assessment-card-container-content{display:flex;justify-content:space-between;height:66px;align-items:center;padding:0 16px;background:hsla(0,0%,100%,.9)}.assessment-card-container-content-title{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:400;line-height:24px;width:70%}.assessment-card-container-content-tag{height:32px;padding:0 16px;border-radius:48px;background:#f2f7f1;color:#3c9d47;font-family:"Sukhumvit Tadmai New Bold";border:none}.assessment-image-card{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;overflow:hidden;background:linear-gradient(111.54deg,hsla(0,0%,100%,.9) 4.76%,hsla(0,0%,100%,.36) 104.39%);margin:0 17px 16px 0;width:320px}.assessment-image-card .assessment-card-image{width:100%;background-size:cover;object-fit:cover}.assessment-image-card .card-container-details{display:flex;justify-content:space-between;height:66px;align-items:center;padding:0 16px}.target-weight-graph{background-color:#fff;border-radius:16px;box-shadow:0 4px 20px 0 rgba(50,100,76,.14901960784313725);padding:10px;position:relative}.target-weight-graph-overlay{position:absolute;height:100%;width:100%;top:0;left:0;border-radius:16px}.target-weight-graph-heading{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:18px;color:#2c2c2c;margin-left:16px}.target-weight-graph-wrapper{position:relative}.target-weight-graph-wrapper.--monthly .apexcharts-xaxis-texts-g :not(:first-child){visibility:hidden}.target-weight-graph-value{position:absolute;right:10px;bottom:38px;font-size:40px;font-family:"GT Walsheim Bold";font-weight:700;color:#2c2c2c}.target-weight-graph-unit{font-family:"Sukhumvit Tadmai";font-weight:400;font-size:14px}.target-weight-graph_footer{display:flex;align-items:center;grid-gap:8px;gap:8px}.target-weight-graph_footer_text{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;color:#2c2c2c}.target-weight-graph_footer_text span{font-family:"GT Walsheim Pro";font-weight:700;margin:0 4px}.target-weight-graph_title{padding:4px 8px;color:#009640;font-size:14px;display:flex;align-items:center;grid-gap:4px;gap:4px;background-color:#e2ffef;border-radius:8px}.target-weight-graph_title.--different{background-color:#fcebe9}.target-weight-graph_title-arrow.--same{width:12px;border-top:4px solid #0bba55;border-left:none;border-right:none}.target-weight-graph_title-arrow.--upward{border:6px solid transparent;border-top:none;border-bottom:12px solid #0bba55}.--different .target-weight-graph_title-arrow.--upward{border-bottom-color:#e46051}.target-weight-graph_title-arrow.--downward{border:6px solid transparent;border-top:12px solid #0bba55;border-bottom:none}.--different .target-weight-graph_title-arrow.--downward{border-top-color:#e46051}.target-weight-graph_title-value{font-family:"GT Walsheim Pro";font-weight:700}.target-weight-graph_title-value.--thai{font-family:"Sukhumvit Tadmai"}.--different .target-weight-graph_title-value{color:#dd3825}.target-weight-graph_title-unit{font-family:"Sukhumvit Tadmai";font-weight:400}.--different .target-weight-graph_title-unit{color:#dd3825}body::-webkit-scrollbar:has(.challenge-list){display:none}.challenge-list{padding:12px 12px 185px;display:flex;flex-direction:column;grid-gap:12px;gap:12px;overflow:hidden}.challenge-tab-list-home{display:flex;justify-content:flex-start;grid-gap:15px;gap:15px;margin-left:24px}.challenge-carousel-main .slick-slide{padding:10px}.challenge-carousel-main .slick-slide img{border:none}.challenge-carousel-main .carousel-title{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:700;padding-left:10px}.challenge-carousel-main .carousel-content-list{width:92%}.challenge-carousel-main .challenge-tag-wrapper{position:absolute;bottom:70px;left:10px}.challenge-carousel-main .challenge-tag-wrapper.align-card-1{left:40px}.challenge-carousel-main .challenge-tag-wrapper.align-card-2{left:60px}.challenge-carousel-main .challenge-tag-wrapper.align-card-3{left:85px}.challenge-carousel-main .challenge-tag-wrapper.align-card-4{left:110px}.challenge-carousel-main .card-container-list{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;position:-webkit-sticky;position:sticky}.challenge-carousel-main .card-container-list .card-image-list{height:240px;width:100%;border-radius:16px;object-fit:cover}.challenge-carousel-main .card-container-list .card-container-details{padding:8px;background-color:hsla(0,0%,100%,.79);border-radius:0 0 16px 16px;position:absolute;bottom:0;width:100%;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.challenge-carousel-main .card-container-list .card-container-details-title{font-family:"Sukhumvit Tadmai New Bold";font-size:16px;font-weight:700;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.challenge-carousel-main .card-container-list .card-container-details-description{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:21px;min-height:21px}.challenge-carousel-main .challenge-profiles{position:absolute;bottom:70px;margin-left:8px;display:flex;justify-content:space-between;width:auto}.challenge-carousel-main .challenge-invite-img{position:absolute;top:0;right:5px}.challenge-carousel-main .card-container-inactive{opacity:.65}.carousel-skeleton-container{display:flex;grid-gap:10px;gap:10px;overflow:hidden}.carousel-skeleton-container .carousel-skeleton-card-container{display:flex;grid-gap:8px;gap:8px;flex-direction:column;flex-shrink:0;padding:10px}.carousel-skeleton-container .carousel-skeleton-card-container:first-child{flex:0 0 80%}.carousel-skeleton-container .carousel-skeleton-card-container:last-child{flex:0 0 20%}.carousel-skeleton-container .skeleton-card-image{height:173px;border-radius:16px}.carousel-skeleton-container .skeleton-card-details{padding:4px}.carousel-skeleton-container .skeleton-text{width:100%;height:.7rem;margin-bottom:.5rem;border-radius:.25rem}.carousel-skeleton-container .skeleton{-webkit-animation:skeleton-loading 1s linear infinite alternate;animation:skeleton-loading 1s linear infinite alternate}body::-webkit-scrollbar:has(.challenge-users-container){display:none}.challenge-users-container{display:flex}.challenge-users-container .challenge-users-profile{width:32px;height:32px;border-radius:50%;transition:all .3s ease;position:relative}.challenge-users-container .challenge-users-profile-image{margin-left:0;border-radius:50%;height:100%;width:100%}.challenge-users-container .challenge-users-profile-image-leader{border:1.5px solid #dbb67c;background:#dbb67c}.challenge-users-container .challenge-users-profile-image-normal{border:1.5px solid #fff;background:#fff}.challenge-users-container .challenge-users-profile:first-child{margin-left:0;z-index:4}.challenge-users-container .challenge-users-profile:nth-child(2){z-index:3;margin-left:-8px}.challenge-users-container .challenge-users-profile:nth-child(3){z-index:2;margin-left:-8px}.challenge-users-container .challenge-users-profile:nth-child(4){z-index:1;margin-left:-8px}.challenge-users-container .challenge-users-crown{position:absolute;right:-7px;bottom:-7px}.challenge-users-loader-container{display:flex}.challenge-users-loader-container .challenge-users-loader-img{width:32px;height:32px;border-radius:50%;background-color:#e0e0e0;-webkit-animation:skeleton-loading 1.5s ease-in-out infinite;animation:skeleton-loading 1.5s ease-in-out infinite}.challenge-users-loader-container .challenge-users-loader-img:not(:first-child){margin-left:-8px}.challenge-users-tag{display:flex;align-items:center;margin-left:-10px}.challenge-tag{border-radius:8px}.challenge-tag .tag-button{background:#eafff3;color:#008f3c;font-size:14px;font-weight:700;font-family:"Sukhumvit Tadmai";display:flex;align-items:center;padding:3px 10px;border:none;border-radius:8px;grid-gap:4px;gap:4px}.challenge-tag .tag-button img{width:16px;height:16px}.challenge-tag .success-badge{background:#eafff3;color:#008f3c}.challenge-tag .no-member-badge{background:#fcebe9;color:#dd3825;padding:3px 8px 3px 16px}.challenge-tag .warning-badge{background:#f8e5d1;color:#a66400}.challenge-tag .ongoing-badge{background:hsla(0,0%,100%,.8);color:#2c2c2c}.challenge-tag .error-badge{background:#fcebe9;color:#dd3825}.home-profile-container{display:flex;align-items:flex-start;grid-gap:17px;gap:17px}.home-profile-container .food-profile-left{margin-top:18px}.home-profile-container .food-profile-left .food-profile-img-container{height:68px;width:68px;background:linear-gradient(107.74deg,#e6e6e6 27.91%,#fefefe 98.01%) padding-box,linear-gradient(139.18deg,#fbfbfb 16.07%,#dcdcdc 93.35%) border-box;border:5px solid transparent;box-shadow:4px 4px 18px 0 rgba(44,44,44,.25);border-radius:16px;display:flex;align-items:center;justify-content:center}.home-profile-container .food-profile-left .food-profile-img-container img{width:56px;height:56px;box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.1);box-shadow:0 1px 0 0 #fff;border-radius:11px}.home-profile-container .home-profile-details{margin-top:9px}.home-profile-container .home-profile-details .food-profile-title{font-size:16px;font-weight:500;font-family:"Sukhumvit Tadmai"}.home-profile-container .home-profile-details .food-profile-subtitle{font-size:20px;font-weight:700;line-height:30px;font-family:"Sukhumvit Tadmai"}.home-profile-container .home-profile-details .rect-badge-container{background:#2c2c2c;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:3px 8px 3px 6px;border-radius:8px;display:flex;grid-gap:8px;gap:8px}.home-profile-container .home-profile-details .rect-badge-container .rect-badge-icon{width:16px;height:16px}.home-profile-container .home-profile-details .rect-badge-container .rect-badge-title{font-size:14px;line-height:21px;font-weight:700;font-family:"Sukhumvit Tadmai"}.shimmer-home-profile-container{display:flex;align-items:center;padding-bottom:30px;margin-top:18px}.shimmer-square-float-btn{width:68px;height:68px;border-radius:16px;overflow:hidden;flex-shrink:0;position:relative}.shimmer-img{width:100%;height:100%}.shimmer-home-profile-details{flex-grow:1;margin-left:16px}.shimmer-text{width:100%;height:20px;margin-bottom:8px}.shimmer-greeting{width:100%;height:24px}.shimmer-name{width:100%;height:30px}.challenge-my-steps-container{padding:0 16px 17px}.challenge-my-steps-container .challenge-card-body{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;padding:16px;display:flex;background:#fff}.challenge-my-steps-container .challenge-card-body hr.rounded-dividing-line{width:3px;height:94px;border:none;box-shadow:inset 1px 1px 4px 0 hsla(0,0%,45.5%,.3);border-radius:5px;margin:0 16px 0 66px}.challenge-my-steps-container .challenge-card-body .total-steps .average-steps-qty{margin-right:0!important}.challenge-my-steps-container .challenge-card-body .step-card-left .step-card-left-col2{height:44px}.my-dashboard-profile-wrapper{margin-inline:16px}.my-dashboard-profile-wrapper .profile-card-container-wrapper{z-index:1;position:relative;background:#fff;border-radius:16px;box-shadow:0 4px 20px 0 rgba(50,100,76,.15);margin-top:50px;margin-bottom:16px}.my-dashboard-profile-wrapper .profile-card-container-wrapper .profile--top-img{text-align:center;position:absolute;left:50%;top:-70px;-webkit-transform:translate(-50%,10px);transform:translate(-50%,10px);z-index:9}.my-dashboard-profile-wrapper .profile-card-container-wrapper .profile-white-bg{background:#fff;height:calc(100% - 100px);width:100%;position:absolute;bottom:34px;border-radius:16px;box-shadow:0 4px 20px 0 rgba(50,100,76,.15)}.my-dashboard-profile-wrapper .profile-card-container-wrapper .profile-img{position:absolute;top:-38px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:80px;width:80px;z-index:9;border-radius:50%}.my-dashboard-profile-wrapper .profile-card-container-wrapper .btn-icon-crown{height:27px;width:27px;border-radius:50%;background:#fff;position:absolute;left:56%;top:12px;box-shadow:1px 2px 3px 0 hsla(0,0%,70.2%,.4);z-index:9}.my-dashboard-profile-wrapper .profile-card-container-wrapper .crown-img{display:none;position:absolute;left:60%;-webkit-transform:translate(-58%);transform:translate(-58%);z-index:9}.my-dashboard-profile-wrapper .profile-card-container-wrapper .profile-card-container-active .profile-img{border:2px solid #dbb67c;border-radius:50%}.my-dashboard-profile-wrapper .profile-card-container-wrapper .profile-card-container-active .crown-img{display:block}.my-dashboard-profile-wrapper .profile-card-container-wrapper .profile-description-container{padding-top:50px;padding-bottom:4px;box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px}.my-dashboard-profile-wrapper .profile-card-container-wrapper .profile-description-container .card-ongoing-description{text-align:center}.my-dashboard-profile-wrapper .profile-card-container-wrapper .profile-description-container .card-ongoing-description .card-ongoing-name{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai";line-height:27px}.my-dashboard-profile-wrapper .profile-card-container-wrapper .profile-description-container .card-ongoing-description .card-ongoing-number{font-size:14px;font-weight:400;color:#777d79;line-height:21px}.my-dashboard-profile-wrapper .profile-card-container-wrapper .profile-description-container .card-ongoing-contact-details{display:flex;margin:7px 0 16px 26px}.my-dashboard-profile-wrapper .profile-card-container-wrapper .profile-description-container .card-ongoing-contact-details .card-ongoing-contactleft,.my-dashboard-profile-wrapper .profile-card-container-wrapper .profile-description-container .card-ongoing-contact-details .card-ongoing-contactright{display:flex;align-items:center;grid-gap:4px;gap:4px;width:50%}.my-dashboard-profile-wrapper .profile-card-container-wrapper .profile-description-container .card-ongoing-contact-details .card-ongoing-contactleft .card-ongoing-contact-name{font-size:14px;font-weight:400;color:#2c2c2c;font-family:"GT Walsheim Pro";line-height:21px}.my-dashboard-profile-wrapper .profile-card-container-wrapper .profile-description-container .card-ongoing-contact-details .card-ongoing-contactright .card-ongoing-contact-name{font-size:14px;font-weight:400;color:#2c2c2c;font-family:"Sukhumvit Tadmai";line-height:21px}.challenge-my-bmi-container{padding:0 16px 40px}.challenge-my-bmi-container .challenge-card-body{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;padding:16px;display:flex;flex-direction:column;background:#fff}.challenge-my-bmi-container .challenge-card-body .card-ongoing-bmi-details{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai"}.challenge-my-bmi-container .challenge-card-body .card-ongoing-bmi-details .bmi-heading{font-size:16px;font-weight:700;font-family:"GT Walsheim Bold";line-height:24px}.challenge-my-bmi-container .challenge-card-body .card-ongoing-bmi-details .bmi-heading-thai{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai";line-height:27px}.my-dashboard-header-wrapper{padding-top:0;transition:all .3s ease}.my-dashboard-header-wrapper.sticky{position:fixed;width:100%;z-index:99;top:0;padding-top:0;background:hsla(0,0%,100%,.8);margin-bottom:0;box-shadow:0 4px 20px 0 rgba(50,100,76,.15)}.my-dashboard-header-wrapper .challenge-header-container{position:relative}.my-challenge-day-container{display:flex;margin-inline:16px;margin-bottom:2px;position:relative;justify-content:space-between}.my-challenge-day-container.noHeaderBadge{height:31px;justify-content:flex-end}.my-challenge-day-container .team-leader-card .rect-badge-title{font-size:14px;line-height:21px;font-weight:700;font-family:"Sukhumvit Tadmai"}.my-challenge-day-container .rect-badge-description{display:flex;justify-content:center;align-items:center;grid-gap:4px;gap:4px}.my-challenge-day-container .rect-badge-description .rect-badge-title{font-size:16px;line-height:24px;font-weight:500;font-family:"Sukhumvit Tadmai"}.my-challenge-day-container .rect-badge-description .rect-badge-value{font-size:16px;line-height:24px;font-weight:700;font-family:"GT Walsheim Pro"}.my-challenge-day-container .disable-color{color:#a7aba8}.my-challenge-day-container .active-color{color:#2c2c2c}.my-badge-list-container{padding:0 16px 17px}.my-badge-list-container .badge-container-heading{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:700;line-height:27px;margin-bottom:20px}.my-badge-list-container .badge-container-heading .heading-number{font-family:"GT Walsheim Pro"}.my-badge-list-container .challenge-card-body{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;padding:16px;display:flex;flex-direction:column;background:#fff}.my-badge-list-container .challenge-card-body .badge-rect-container .my-all-badges-container .my-badges-single p{font-family:"Sukhumvit Tadmai"}.my-badges-cards-container{padding:0 16px 17px}.my-badges-cards-container .align-half-cards{display:flex;justify-content:space-between;margin-bottom:15px;grid-gap:17px;gap:17px}.my-badges-cards-container .align-half-cards .challenge-card-body{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;padding:16px;display:flex;flex-direction:column;background:#fff}.my-badges-cards-container .align-half-cards .challenge-card-body .badge-rect-container{align-items:center}.my-badges-cards-container .align-half-cards .challenge-card-body .badge-rect-container .badge-title-font{width:131px}.my-composition-card-container{padding:0 16px 40px}.my-composition-card-container .nav-buttons-margin{margin-bottom:20px}.my-composition-card-container .my-composition-heading{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:18px;line-height:27px;margin-bottom:20px;color:#2c2c2c}.my-composition-card-container .challenge-card-body{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;padding:16px;display:flex;justify-content:space-between;background:#fff;flex-direction:column;grid-gap:8px;gap:8px}.my-composition-card-container .challenge-card-body .my-composition-body{display:flex;justify-content:space-between;width:100%}.my-composition-card-container .challenge-card-body .my-composition-body .my-body-heading{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:700;line-height:27px;color:#2c2c2c}.my-composition-card-container .challenge-card-body .my-composition-body .my-body-values-container{display:flex;align-items:flex-end}.my-composition-card-container .challenge-card-body .my-composition-body .my-body-values-container .my-body-value{font-family:"GT Walsheim Bold";font-size:20px;font-weight:700;line-height:24px;margin-right:4px}.my-composition-card-container .challenge-card-body .my-composition-body .my-body-values-container .my-body-unit{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:21px;color:#2c2c2c;width:20px}.my-composition-card-container .bmi-green{color:#3c9d47!important}.my-composition-card-container .active-color{color:#2c2c2c!important}.my-composition-card-container .disable-color{color:#a7aba8}.my-composition-card-container .dividing-line{border-bottom:2px solid hsla(0,0%,45.5%,.2)}.my-dashboard-composition-change-container{padding:0 16px 17px}.my-dashboard-composition-change-container .composition-change-heading{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:700;line-height:27px;text-align:left;color:#2c2c2c}.my-dashboard-composition-change-container .composition-change-message{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:21px;text-align:left;color:#2c2c2c;margin-bottom:20px}.my-dashboard-composition-change-container .align-half-cards{display:flex;justify-content:space-between;margin-bottom:15px;grid-gap:17px;gap:17px}.my-dashboard-composition-change-container .align-half-cards .challenge-card-body{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;padding:16px;display:flex;justify-content:space-between;background:#fff}.my-dashboard-composition-change-container .w-50{width:50%}body:has(.challenge-my-reward-container.--no_scroll){overflow:hidden}.challenge-my-reward-container .liff-panel.open{z-index:1000}.challenge-my-reward-container .liff-panel.open .select-coupon-panel{height:auto!important}.challenge-my-reward-container .liff-panel.open .select-coupon-panel .font-stock{margin-bottom:12px}.challenge-my-reward-container .liff-panel.open .select-coupon-panel .header .btn-close{width:32px;height:32px;color:#2c2c2c}.challenge-my-reward-container-header{margin-bottom:17px;padding:0 16px;font-size:20px;font-weight:700;font-family:"Sukhumvit Tadmai"}.challenge-my-reward-container-nav{margin-bottom:20px;padding:0 16px}.challenge-my-reward-container-nav button{width:50%;grid-gap:0;gap:0}.challenge-my-reward-container-section{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;box-sizing:border-box;padding:0 16px;margin-bottom:17px}.challenge-my-reward-container .no-result-found-container{padding:40px;margin-top:24px;margin-bottom:32px}.challenge-my-reward-container .no-result-found-container .empty-img-wrapper{width:74.85px;height:77.33px;object-fit:contain}.challenge-my-reward-container .no-result-found-container .header{font-family:"Sukhumvit Tadmai New Bold";font-size:16px;font-weight:700;line-height:24px;text-align:center;margin-top:20px}.modal-open .reward-page{filter:blur(8px);-webkit-filter:blur(8px)}.challenge-reward-details-modal{bottom:0;height:auto;top:auto}.challenge-reward-details-modal .modal-dialog{margin:0;max-width:100%}.challenge-reward-details-modal .modal-dialog .modal-content{border-radius:0;border-top-left-radius:24px;border-top-right-radius:24px;border:none}.challenge-reward-details-modal .modal-dialog .modal-content .product-img{position:relative;bottom:-60px}.challenge-reward-details-modal .modal-dialog .modal-content .modal-heading{margin:20px 0}.challenge-reward-details-modal .modal-dialog .modal-content .modal-body{position:relative;margin-top:32px;padding:0}.challenge-reward-details-modal .modal-dialog .modal-content .modal-body .product-img{width:100%;height:178px;object-fit:contain;top:50%;left:50%;-webkit-transform:translate(-48%,-42%);transform:translate(-48%,-42%)}.challenge-reward-details-modal .modal-dialog .modal-content .modal-body .product-img-container{position:absolute;height:218px;width:100%;padding:0 27px 0 14px}.challenge-reward-details-modal .modal-dialog .modal-content .modal-header{justify-content:flex-end;border-bottom:0;position:absolute;width:100%;top:12px;right:0;padding:0}.challenge-reward-details-modal .modal-dialog .modal-content .modal-header button{border:none;background:none;margin:0;height:auto;width:auto;padding:0}.challenge-reward-details-modal .modal-dialog .modal-content .modal-header button img{height:32px;width:32px}.challenge-reward-details-modal .modal-dialog .modal-content .product-card-container{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);background:#fff;padding:64px 16px 16px;border-radius:16px;grid-gap:8px;gap:8px;display:flex;flex-direction:column;margin:0 22px 32px}.challenge-reward-details-modal .modal-dialog .modal-content .product-card-container .product-title{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#565656;height:52px;margin-bottom:0;margin-top:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.challenge-reward-details-modal .modal-dialog .modal-content .product-card-container .product-price{display:flex;font-size:14px;font-weight:500;align-items:center;line-height:21px;grid-gap:16px;gap:16px}.challenge-reward-details-modal .modal-dialog .modal-content .product-card-container .product-price .product-price-left{font-size:14px;font-weight:500;color:#2c2c2c;font-family:"Sukhumvit Tadmai"}.challenge-reward-details-modal .modal-dialog .modal-content .product-card-container .product-price .product-price-right{display:flex;grid-gap:4px;gap:4px;color:#008f3c}.challenge-reward-details-modal .modal-dialog .modal-content .product-card-container .product-price .product-price-right img{width:18px;height:18px}.challenge-reward-details-modal .modal-dialog .modal-content .product-card-container .product-price .product-price-right .reward-tag-title{color:#2c2c2c}.challenge-reward-details-modal .modal-dialog .modal-content .product-card-container .product-price .product-price-right .reward-tag-title.rejected{color:#dd3825}.challenge-reward-details-modal .modal-dialog .modal-content .product-card-container .product-price .product-price-right .reward-tag-title.approved{color:#008f3c}.challenge-reward-details-modal .modal-dialog .modal-content .product-card-container .product-price-description{font-size:14px;font-weight:500;line-height:16.8px;color:#565656;font-family:"Sukhumvit Tadmai"}.challenge-my-activity-reward-container{border-radius:16px;padding:11px 15px;display:flex;justify-content:space-between;align-items:center;margin:16px 17px;background:#fff;box-shadow:0 4px 20px 0 rgba(50,100,76,.15)}.challenge-my-activity-reward-container .reward-title{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai"}.challenge-my-activity-reward-container .reward-subtitle{font-size:14px;font-weight:500}.challenge-my-activity-reward-container .btn-green-linear{width:129px;color:#f0f0f0;font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai"}@media (max-width:362px){.challenge-my-activity-reward-container .btn-green-linear{width:90px}}.my-dashboard-step-container .steps-skeleton-container{display:flex;grid-gap:10px;gap:10px;overflow:hidden}.my-dashboard-step-container .steps-skeleton-container .steps-skeleton-card-container{display:flex;grid-gap:8px;gap:8px;flex-shrink:0;padding:10px;height:164px;flex-direction:column}.my-dashboard-step-container .steps-skeleton-container .steps-skeleton-card-container:first-child{flex:0 0 100%}.my-dashboard-step-container .steps-skeleton-container .skeleton-card-image{height:354px;border-radius:16px}.my-dashboard-step-container .steps-skeleton-container .skeleton{-webkit-animation:skeleton-loading 1s linear infinite alternate;animation:skeleton-loading 1s linear infinite alternate}.my-dashboard-vdo-container .vdo-skeleton-container{display:flex;grid-gap:10px;gap:10px;overflow:hidden}.my-dashboard-vdo-container .vdo-skeleton-container .vdo-skeleton-card-container{display:flex;grid-gap:8px;gap:8px;flex-shrink:0;padding:10px;height:191px;flex-direction:column}.my-dashboard-vdo-container .vdo-skeleton-container .vdo-skeleton-card-container:first-child,.my-dashboard-vdo-container .vdo-skeleton-container .vdo-skeleton-card-container:last-child{flex:0 0 50%}.my-dashboard-vdo-container .vdo-skeleton-container .skeleton-card-image{height:191px;border-radius:16px}.my-dashboard-vdo-container .vdo-skeleton-container .skeleton{-webkit-animation:skeleton-loading 1s linear infinite alternate;animation:skeleton-loading 1s linear infinite alternate}.my-badges-cards-container{padding:0 16px 40px;display:flex;flex-direction:column;grid-gap:17px;gap:17px}.my-badges-cards-container .align-half-cards-container{border-radius:16px;padding:16px;background:linear-gradient(132.59deg,hsla(0,0%,100%,.9) 38.77%,hsla(0,0%,100%,.45) 113.8%);box-shadow:0 4px 20px 0 rgba(50,100,76,.14902)}.my-badges-cards-container .align-half-cards-container .my-badges-card-title{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:700;line-height:27px;text-align:center;color:#2c2c2c;margin-bottom:16px}.my-badges-cards-container .align-half-cards-container .align-half-cards{display:flex;justify-content:space-between;grid-gap:16px;gap:16px}.my-badges-cards-container .align-half-cards-container .align-half-cards .challenge-card-body{border-radius:16px;padding:16px;display:flex;flex-direction:column;background:linear-gradient(132.59deg,hsla(0,0%,100%,.9) 38.77%,hsla(0,0%,100%,.45) 113.8%);box-shadow:0 4px 20px 0 rgba(50,100,76,.14902)}.my-badges-cards-container .align-half-cards-container .align-half-cards .challenge-card-body .badge-rect-container{align-items:center;grid-gap:6px;gap:6px}.my-badges-cards-container .align-half-cards-container .align-half-cards .challenge-card-body .badge-rect-container .badge-title-font{width:131px;font-size:14px;font-weight:700;line-height:21px}.my-badges-cards-container .w-50{width:50%}.home-composition-change-container{padding:0 16px}.home-composition-change-container>:nth-child(2){margin-bottom:20px!important}.home-composition-change-container .align-half-cards{display:flex;justify-content:space-between;margin-bottom:17px;grid-gap:17px;gap:17px;height:131px}.home-composition-change-container .align-half-cards .home-card-body{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;padding:16px;display:flex;justify-content:space-between;background:#fff}.home-composition-change-container .align-half-cards .home-card-body .team-rect-card-container .team-composition-value .team-composition-heading-font{font-size:40px;line-height:48px;font-weight:700;font-family:"GT Walsheim Bold";color:#2c2c2c;margin-right:4px}.home-composition-change-container .align-half-cards .home-card-body .team-rect-card-container .team-composition-value .team-composition-unit-font{line-height:21px}.home-composition-change-container .align-half-cards .w-50{width:50%}.home-composition-no-data-container{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;display:flex;justify-content:space-between;background:#fff;width:50%;height:131px}.home-composition-no-data-container .no-data-wrapper{text-align:center}.home-composition-no-data-container .no-data-wrapper-header{display:flex;justify-content:center;align-items:center}.home-composition-no-data-container .no-data-wrapper-header-title{font-size:16px;line-height:24px;font-weight:700;color:#2c2c2c;font-family:"Sukhumvit Tadmai";margin-right:4px}.home-composition-no-data-container .no-data-wrapper-header-unit{font-size:14px;line-height:21px;font-weight:500;color:#2c2c2c;font-family:"Sukhumvit Tadmai"}.home-composition-no-data-container .no-data-wrapper-image{margin-bottom:4px}.home-composition-no-data-container .no-data-wrapper-image img{width:64px;height:64px}.home-steps-container{padding:0 16px}.home-steps-container .vertical-container{position:relative}.home-steps-container .vertical-container ul.card-stacks.stacked{height:460px;list-style-type:none;margin-top:20px;padding:0;position:relative;cursor:pointer}.home-steps-container .vertical-container ul.card-stacks.stacked.exercise-stack{height:302px}.home-steps-container .vertical-container .steps-card-slider-container{background:hsla(0,0%,100%,.8);box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:14px;margin-bottom:0;position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%;display:flex}.home-steps-container .vertical-container .steps-card-slider-container.steps-card-slider-container-active{position:relative;z-index:4}.home-steps-container .vertical-container .steps-card-slider-container.steps-card-slider-container:nth-child(2){bottom:-12px;z-index:3;width:calc(100% - 20px);background:#6bc948;box-shadow:0 4px 20px 0 rgba(50,100,76,.15);height:calc(100% - 32px)}.home-steps-container .vertical-container .steps-card-slider-container.steps-card-slider-container:nth-child(3){bottom:-24px;z-index:2;width:calc(100% - 40px);background:#578741;box-shadow:0 4px 20px 0 rgba(50,100,76,.15);height:calc(100% - 48px)}.home-steps-container .vertical-container .steps-card-slider-container .card-slider-left .card-slider-title{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai";overflow:hidden;text-overflow:ellipsis;margin-right:20px;white-space:nowrap}.home-steps-container .vertical-container .steps-card-slider-container .card-slider-left .card-slider-title-wrapper{height:30px}.home-steps-container .vertical-container .steps-card-slider-container .card-slider-left .card-slider-pace{height:56px}.home-steps-container .vertical-container .steps-card-slider-container .card-slider-left .card-slider-pace span:first-child{font-size:40px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#3c9d47}.home-steps-container .vertical-container .steps-card-slider-container .card-slider-left .card-slider-pace span:last-of-type{font-size:14px;font-weight:500}.home-steps-container .vertical-container .steps-card-slider-container .card-slider-left .card-slider-bottom{display:flex}.home-steps-container .vertical-container .steps-card-slider-container .card-slider-left .card-slider-bottom .card-slider-calories span:first-child,.home-steps-container .vertical-container .steps-card-slider-container .card-slider-left .card-slider-bottom .card-slider-distance span:first-child{font-size:20px;font-weight:700;color:#3c9d47;font-family:"Sukhumvit Tadmai"}.home-steps-container .vertical-container .steps-card-slider-container .card-slider-left .card-slider-bottom .card-slider-calories span:last-of-type,.home-steps-container .vertical-container .steps-card-slider-container .card-slider-left .card-slider-bottom .card-slider-distance span:last-of-type{font-size:14px;font-weight:500}.home-steps-container .vertical-container .steps-card-slider-container.steps-card-slider-container:nth-child(2) .card-slider-left,.home-steps-container .vertical-container .steps-card-slider-container.steps-card-slider-container:nth-child(2) .card-slider-right,.home-steps-container .vertical-container .steps-card-slider-container.steps-card-slider-container:nth-child(3) .card-slider-left,.home-steps-container .vertical-container .steps-card-slider-container.steps-card-slider-container:nth-child(3) .card-slider-right{visibility:hidden}.home-steps-container .vertical-container .card{background:none;position:relative;display:flex;align-items:flex-end;justify-content:center}.home-steps-container .vertical-container .card svg{width:73px;height:73px}.home-steps-container .vertical-container .card svg circle{stroke-width:10}.home-steps-container .vertical-container .card svg circle:last-of-type{stroke-dasharray:195px;stroke-dashoffset:calc(195px - 195px*var(--percent)/100)}.home-steps-container .vertical-container .card .percent{display:flex;justify-content:center;align-items:center}.home-steps-container .vertical-container .card .number .progress-value{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai"}.home-steps-container .vertical-container .card .number .progress-value-inner{color:#2c2c2c;font-weight:800;font-family:"Sukhumvit Tadmai";font-size:24px;text-align:center;line-height:26px}.home-steps-container .vertical-container .card .number .progress-value-unit-container{display:flex;font-size:12px;font-weight:500;color:#a0abc0;grid-gap:2px;gap:2px}.home-steps-container .vertical-container .card.progress-card-green-1 svg circle{stroke:#f0f0f0}.home-steps-container .vertical-container.slide-bottom .steps-card-slider-container{position:relative;left:0;-webkit-transform:initial;transform:none;-webkit-backdrop-filter:none;backdrop-filter:none}.home-steps-container .vertical-container.slide-bottom .steps-card-slider-container.steps-card-slider-container:nth-child(2),.home-steps-container .vertical-container.slide-bottom .steps-card-slider-container.steps-card-slider-container:nth-child(3){width:100%;height:100%;background:#fff}.home-steps-container .vertical-container.slide-bottom .steps-card-slider-container.steps-card-slider-container:nth-child(2) .card-slider-left,.home-steps-container .vertical-container.slide-bottom .steps-card-slider-container.steps-card-slider-container:nth-child(2) .card-slider-right,.home-steps-container .vertical-container.slide-bottom .steps-card-slider-container.steps-card-slider-container:nth-child(3) .card-slider-left,.home-steps-container .vertical-container.slide-bottom .steps-card-slider-container.steps-card-slider-container:nth-child(3) .card-slider-right{visibility:visible}.home-steps-container .vertical-container .slide-up{box-shadow:4px 4px 18px 0 rgba(44,44,44,.25);background:#fff;height:38px;width:38px;border-radius:50%;position:absolute;bottom:115px;z-index:10;right:16px;display:none}.home-steps-container ul.cards li.card{background:transparent;height:200px;width:200px;border-radius:16px;position:absolute;left:0;box-shadow:1px 2px 2px 0 #aaa;transition:all .2s cubic-bezier(.63,.15,.03,1.12)}.home-steps-container ul.cards li.card.card-2{z-index:9;transition-delay:15ms}.home-steps-container ul.cards li.card.card-3{z-index:8;transition-delay:25ms}.home-steps-container ul.card-stacks li.stack ul.cards-down li.card.card-2 .steps-card-slider-container,.home-steps-container ul.card-stacks li.stack ul.cards-down li.card.card-3 .steps-card-slider-container{display:none}.home-steps-container ul.card-stacks.stacked li.stack ul.cards-down li.card.card-2 .steps-card-slider-container,.home-steps-container ul.card-stacks.stacked li.stack ul.cards-down li.card.card-3 .steps-card-slider-container{display:flex}.home-steps-container ul.cards.stacked li.card.card-1{left:440px}.home-steps-container ul.cards.stacked li.card.card-2{left:220px}.home-steps-container ul.card-stacks{list-style-type:none;margin:20px 0;padding:0;position:relative;cursor:pointer;height:140px}.home-steps-container ul.card-stacks.exercise-stack{height:156px}.home-steps-container ul.card-stacks.exercise-stack-2{height:168px}.home-steps-container .achievement-container ul.card-stacks{height:132px}.home-steps-container ul.card-stacks li.stack ul.cards-down li.card{transition:all .2s cubic-bezier(.63,.15,.03,1.22);left:0;transition-delay:.4s;background:hsla(0,0%,100%,.8);overflow:hidden;height:138px;width:100%;border-radius:16px;position:absolute;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-steps-container ul.card-stacks li.stack ul.cards-down li.card.card-1{z-index:10}.home-steps-container ul.card-stacks li.stack ul.cards-down li.card.card-2{z-index:9;transition-delay:15ms;background:#6bc948;-webkit-transform:translateY(48px);transform:translateY(48px);width:calc(100% - 20px);left:10px;height:106px}.home-steps-container ul.card-stacks li.stack ul.cards-down li.card.card-3{z-index:8;transition-delay:25ms;background:#578741;-webkit-transform:translateY(78px);transform:translateY(78px);width:calc(100% - 40px);height:90px;left:20px}.home-steps-container .achievement-container ul.card-stacks li.stack ul.cards-down li.card{height:94px}.home-steps-container .achievement-container ul.card-stacks li.stack ul.cards-down li.card.card-2{height:60px}.home-steps-container .achievement-container ul.card-stacks li.stack ul.cards-down li.card.card-3{height:44px}.home-steps-container ul.card-stacks.stacked li.stack ul.cards-down li.card{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.home-steps-container ul.card-stacks.stacked{height:460px}.home-steps-container .achievement-container ul.card-stacks.stacked{height:324px}.home-steps-container ul.card-stacks.stacked li.stack.stack-2{left:220px}.home-steps-container ul.card-stacks.stacked li.stack.stack-3{left:440px}.home-steps-container ul.card-stacks.stacked li.stack ul.cards-down li.card.card-3{top:320px;background:#fff;width:100%;-webkit-transform:translateY(0);transform:translateY(0);left:0;height:138px}.home-steps-container ul.card-stacks.stacked li.stack ul.cards-down li.card.card-2{top:160px;background:#fff;width:100%;-webkit-transform:translateY(0);transform:translateY(0);left:0;height:138px}.home-steps-container .achievement-container ul.card-stacks.stacked li.stack ul.cards-down li.card.card-2{top:118px}.home-steps-container .achievement-container ul.card-stacks.stacked li.stack ul.cards-down li.card.card-3{top:234px}.home-steps-container .achievement-container ul.card-stacks.stacked li.stack ul.cards-down li.card.card-2,.home-steps-container .achievement-container ul.card-stacks.stacked li.stack ul.cards-down li.card.card-3{height:94px}.home-steps-container ul.card-stacks.stacked~.slide-up{display:flex;align-items:center;justify-content:center}.home-steps-container .vertical-slider-container .steps-card-slider-container{background:transparent}.steps-card-slider-container{grid-gap:15px;gap:15px;height:138px;padding:16px}.steps-card-slider-container.collapse{background:transparent!important}.steps-card-slider-container .card-slider-left{width:70%;display:flex;flex-direction:column}.steps-card-slider-container .card-slider-left .card-slider-calories{margin-left:4px}.steps-card-slider-container .card-slider-left .card-slider-pace-value{margin-right:4px}.steps-card-slider-container .card-slider-left .card-slider-distance{margin-right:8px}.steps-card-slider-container .card-slider-left .card-slider-calories-value,.steps-card-slider-container .card-slider-left .card-slider-distance-value{margin-right:4px}.steps-card-slider-container .card-slider-right{display:flex;align-items:end;justify-content:center}.steps-card-slider-container .card-slider-right .card{background:none;position:relative;display:flex;align-items:center;justify-content:center;border:none}.steps-card-slider-container .card-slider-right .card svg{width:73px;height:73px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);position:relative;display:flex;justify-content:center;align-items:center}.steps-card-slider-container .card-slider-right .card svg circle{stroke-width:10;fill:transparent}.steps-card-slider-container .card-slider-right .card svg circle:last-of-type{stroke-dasharray:195px;stroke-linecap:round;stroke-dashoffset:calc(195px - 195px*var(--percent)/100)}.steps-card-slider-container .card-slider-right .card svg circle:last-of-type[style*="--percent: 0"]{stroke-width:0;opacity:0}.steps-card-slider-container .card-slider-right .card .percent{display:flex;justify-content:center;align-items:center}.steps-card-slider-container .card-slider-right .card .number{position:absolute}.steps-card-slider-container .card-slider-right .card .number .progress-value-inner{color:#000;font-weight:800;font-family:"Sukhumvit Tadmai";font-size:24px;text-align:center;line-height:26px}.steps-card-slider-container .card-slider-right .card .number .progress-value-unit-container{display:flex;font-size:12px;font-weight:500;color:#a0abc0;grid-gap:2px;gap:2px}.steps-card-slider-container .card-slider-right .card.progress-card-green-1 svg circle{stroke:#f0f0f0}.steps-card-slider-container .card-slider-right .outer-circle{background-image:url(/images/challenge/outer-circular-bar.svg);height:104px;width:104px;background-position:50%;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;background-size:contain}.steps-card-slider-container .card-slider-right .progress-value{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.home-page-food-log{padding:0 16px}.home-page-food-log .calories-progress-container{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);background:linear-gradient(132.59deg,hsla(0,0%,100%,.9) 38.77%,hsla(0,0%,100%,.45) 113.8%);border-radius:16px;padding:16px}.home-page-food-log .calories-progress-container .outer-circle{height:132px;width:142px;background-image:url(/images/challenge/outer-circular-bar.svg);background-position:50%;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;background-size:contain}.home-page-food-log .calories-progress-container .outer-circle .number{margin-top:12px}.home-page-food-log .calories-progress-container .outer-circle .number img{width:24px;height:40px;-webkit-transform-origin:12px 25px;transform-origin:12px 25px}.home-page-food-log .calories-progress-container .outer-circle .number .food-values{margin-top:40px;display:flex;align-items:center;flex-direction:column}.home-page-food-log .calories-progress-container .outer-circle .number .food-values .value{font-size:20px;line-height:24px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.home-page-food-log .calories-progress-container .outer-circle .number .food-values .unit{font-size:12px;line-height:24px;font-weight:500;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.home-page-food-log .calories-progress-container .outer-circle .percent{display:flex;justify-content:center;align-items:center}.home-page-food-log .calories-progress-container .outer-circle .percent .svg{position:relative;width:74px;height:74px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.home-page-food-log .calories-progress-container .calories-title{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai";line-height:27px}.home-page-food-log .calories-progress-container .calories-progress-wrapper{display:flex}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-left{width:40%}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-left .card .number{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-left .card{background:none;position:relative;display:flex;align-items:center;justify-content:center;border:none}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-left .card svg{width:73px;height:73px}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-left .card svg circle{stroke-width:10;fill:transparent}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-left .card svg circle:last-of-type{stroke-dasharray:195px;stroke-linecap:round;stroke-dashoffset:calc(195px - 195px*var(--percent)/100)}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-left .card .percent{display:flex;justify-content:center;align-items:center}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-left .card .number{position:absolute}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-left .card .number .progress-value-inner{color:#000;font-weight:800;font-family:"Sukhumvit Tadmai";font-size:24px;text-align:center;line-height:26px}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-left .card .number .progress-value-unit-container{display:flex;font-size:12px;font-weight:500;color:#a0abc0;grid-gap:2px;gap:2px}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-left .card.progress-card-green-1 svg circle{stroke:#f0f0f0}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-left .outer-circle .number{margin-top:15px;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-left .progress-value{font-size:16px;font-weight:700;font-family:"GT Walsheim Bold";color:#2c2c2c;line-height:12px}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-right{width:60%;display:flex;flex-direction:column;margin-left:16px}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-right .already-eat-section{margin-bottom:2px}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-right .calories-right-title{font-size:14px;font-weight:700;font-family:"Sukhumvit Tadmai";line-height:21px}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-right .calories-right-value{color:#2c2c2c}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-right .calories-right-value .over{color:#dd3825!important}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-right .calories-right-value .right-value{font-family:"GT Walsheim Pro";font-size:14px;font-weight:400;line-height:24px}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-right .calories-right-unit{margin-left:4px;font-size:14px;font-weight:700;font-family:"Sukhumvit Tadmai";line-height:24px}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-right .calories-right-value span:first-child{font-size:40px;font-weight:700;font-family:"GT Walsheim Bold";line-height:48px}.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-right .calories-right-value span:nth-child(2),.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-right .calories-right-value span:nth-child(3){font-size:14px;font-weight:500}@media (max-width:390px){.home-page-food-log .calories-progress-container .calories-progress-wrapper .calories-progress-right .calories-right-value span:first-child{font-size:32px}}.home-page-food-log .calories-progress-container .outer-circle .number{margin-top:10px;text-align:center}.home-nutrition-bar-container{display:flex;grid-gap:12px;gap:12px;margin:20px 0;background:linear-gradient(132.59deg,hsla(0,0%,100%,.9) 38.77%,hsla(0,0%,100%,.45) 113.8%);box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;padding:16px 16px 10px}.home-nutrition-bar-single{display:flex;flex-direction:column;grid-gap:2px;gap:2px;width:33.33%}.home-nutrition-bar-single .home-nutrition-bar-header{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.home-nutrition-bar-single .home-nutrition-bar-header .home-nutrition-bar-name{font-size:16px;font-weight:700;color:#2c2c2c;text-align:left;line-height:24px;font-family:"Sukhumvit Tadmai"}.home-nutrition-bar-single .home-nutrition-bar-header .progress-outer{box-shadow:inset 2px 2px 4px 0 rgba(107,201,72,.2);background:linear-gradient(107.74deg,rgba(193,241,171,.15) 27.91%,#fafafa 98.01%);height:20px;border-radius:13px;display:flex;align-items:center;justify-content:center;position:relative}.home-nutrition-bar-single .home-nutrition-bar-header .progress-outer .progress{height:8px;width:100%;margin:0 8px;border-radius:24px}.home-nutrition-bar-single .home-nutrition-bar-header .progress-outer .progress .progress-bar{background:linear-gradient(270deg,#9bda79,#6bc948);border-radius:16px}.home-nutrition-bar-single .home-nutrition-bar-value-group{display:flex;align-items:center;margin-top:4px}.home-nutrition-bar-single .home-nutrition-bar-value-group .home-nutrition-bar-value-used{font-size:18px;font-weight:700;font-family:"GT Walsheim Bold";line-height:27px}.home-nutrition-bar-single .home-nutrition-bar-value-group .home-nutrition-bar-value-total{font-size:16px;font-weight:400;line-height:24px;font-family:"GT Walsheim Pro"}.home-nutrition-bar-single .home-nutrition-bar-value-group .home-nutrition-bar-value-unit{padding-left:4px;font-weight:500;font-size:16px;line-height:24px;font-family:"Sukhumvit Tadmai"}.home-body-data-loader .vdo-skeleton-container{display:flex;overflow:hidden}.home-body-data-loader .vdo-skeleton-container .vdo-skeleton-card-container{display:flex;grid-gap:8px;gap:8px;flex-shrink:0;padding:8px;height:184px;flex-direction:column}.home-body-data-loader .vdo-skeleton-container .vdo-skeleton-card-container:first-child,.home-body-data-loader .vdo-skeleton-container .vdo-skeleton-card-container:last-child{flex:0 0 50%}.home-body-data-loader .vdo-skeleton-container .skeleton-card-image{height:184px;border-radius:16px}.home-body-data-loader .vdo-skeleton-container .skeleton{-webkit-animation:skeleton-loading 1s linear infinite alternate;animation:skeleton-loading 1s linear infinite alternate}.home-nutrition-loader-container .steps-skeleton-container{display:flex;grid-gap:10px;gap:10px;overflow:hidden}.home-nutrition-loader-container .steps-skeleton-container .steps-skeleton-card-container{display:flex;grid-gap:8px;gap:8px;flex-shrink:0;padding:10px;height:120px;flex-direction:column}.home-nutrition-loader-container .steps-skeleton-container .steps-skeleton-card-container:first-child{flex:0 0 100%}.home-nutrition-loader-container .steps-skeleton-container .skeleton-card-image{height:120px;border-radius:16px}.home-nutrition-loader-container .steps-skeleton-container .skeleton{-webkit-animation:skeleton-loading 1s linear infinite alternate;animation:skeleton-loading 1s linear infinite alternate}.white-card-container{height:163px;box-shadow:0 4px 20px 0 rgba(50,100,76,.15);background:linear-gradient(132.59deg,hsla(0,0%,100%,.9) 38.77%,hsla(0,0%,100%,.45) 113.8%);border-radius:16px;padding-bottom:10px}.white-card-container .white-card-title{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai";padding-left:16px;padding-top:11px}.white-card-container .drink-water-details-container{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:5px;position:relative}.white-card-container .drink-water-details-container .glass-image-levels{position:absolute;bottom:19px;left:34px;padding:0;margin:0;display:flex;flex-direction:column;width:46px}.white-card-container .drink-water-details-container .glass-image-levels .water-head-img{width:47.14px;margin-left:-3px}.white-card-container .drink-water-details-container .glass-image-levels .water-level-img{width:46px;margin-left:-2px;margin-bottom:0;object-fit:cover}.white-card-container .drink-water-details-container .glass-image-levels .water-bottom-img{width:47.14px;margin-left:-3px;margin-bottom:0}.white-card-container .drink-water-details-container .drink-glass-img-container{height:100%;position:relative;padding-left:3px}.white-card-container .drink-water-details-container .drink-glass-img-container .glass-logo{position:absolute;bottom:0;left:67%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9}.white-card-container .drink-water-details-container .drink-glass-img-container .scale-value-wrapper{height:93px;display:flex;flex-direction:column;justify-content:space-between;position:absolute;top:0;text-align:right;left:4px}.white-card-container .drink-water-details-container .drink-glass-description{padding-right:16px;padding-bottom:5px}.white-card-container .drink-water-details-container .drink-glass-description .used-value{font-size:28px;font-weight:700;font-family:"GT Walsheim Pro";line-height:48px;margin-bottom:0;text-align:right;letter-spacing:-.02em}.white-card-container .drink-water-details-container .drink-glass-description .total-value{font-size:14px;font-weight:500;font-family:"Sukhumvit Tadmai";line-height:21px}.home-exercise-log-container .white-card-container{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);background:linear-gradient(132.59deg,hsla(0,0%,100%,.9) 38.77%,hsla(0,0%,100%,.45) 113.8%);border-radius:16px}.home-exercise-log-container .white-card-container .white-card-title{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai"}.home-exercise-log-container .white-card-container .home-exercise-graph{display:flex;justify-content:flex-start;padding:0 16px;height:52px}.home-exercise-log-container .white-card-container .home-exercise-graph .excercise-line-wrapper{width:8px;position:relative;display:flex;height:37px;justify-content:center}.home-exercise-log-container .white-card-container .home-exercise-graph .excercise-line-wrapper.calorie{align-items:flex-end}.home-exercise-log-container .white-card-container .home-exercise-graph .excercise-line-wrapper.calorie .home-exercise-lines{background:#ff9591;width:6px;position:relative;border-radius:24px}.home-exercise-log-container .white-card-container .home-exercise-graph .excercise-line-wrapper .home-exercise-lines{background:hsla(0,0%,45.9%,.2);height:37px;width:1px}.home-exercise-log-container .white-card-container .home-exercise-graph .excercise-line-wrapper .home-exercise-line-text{position:absolute;left:8px;font-size:10px;font-weight:400;color:#2c2c2c;bottom:-19px}.home-exercise-log-container .white-card-container .home-exercise-graph .excercise-line-wrapper:first-child .home-exercise-lines,.home-exercise-log-container .white-card-container .home-exercise-graph .excercise-line-wrapper:nth-child(6) .home-exercise-lines,.home-exercise-log-container .white-card-container .home-exercise-graph .excercise-line-wrapper:nth-child(11) .home-exercise-lines{background:#ff9591;width:1.5px;height:52px}.home-exercise-log-container .white-card-container .excercise-details-container{display:flex;justify-content:space-between;align-items:end;margin-top:8px}.home-exercise-log-container .white-card-container .excercise-details-container .progress-bar-circular{padding-left:10px}.home-exercise-log-container .white-card-container .excercise-details-container .progress-bar-circular .card{background:none;position:relative;display:flex;align-items:center;justify-content:center;border:none}.home-exercise-log-container .white-card-container .excercise-details-container .progress-bar-circular .card svg{width:46px;height:46px;position:relative;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);display:flex;justify-content:center;align-items:center}.home-exercise-log-container .white-card-container .excercise-details-container .progress-bar-circular .card svg circle{stroke-width:5;fill:transparent}.home-exercise-log-container .white-card-container .excercise-details-container .progress-bar-circular .card svg circle:last-of-type{stroke-dasharray:109.3px;stroke-linecap:round;stroke-dashoffset:calc(109.3px - 109.3px*var(--percent)/100)}.home-exercise-log-container .white-card-container .excercise-details-container .progress-bar-circular .card svg circle:last-of-type[style*="--percent: 0"]{stroke-width:0;opacity:0}.home-exercise-log-container .white-card-container .excercise-details-container .progress-bar-circular .card .outer-circle{height:54px;width:53px;background-image:url(/images/healthAndWellness/home-page-exercise-circle.png);display:flex;justify-content:center;align-items:center;background-size:contain}.home-exercise-log-container .white-card-container .excercise-details-container .progress-bar-circular .card .outer-circle .percent{display:flex;justify-content:center;align-items:center;position:relative}.home-exercise-log-container .white-card-container .excercise-details-container .progress-bar-circular .card .outer-circle .percent .number{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.home-exercise-log-container .white-card-container .excercise-details-container .progress-bar-circular .card .outer-circle .percent .number .progress-value{font-size:12px;font-weight:700;line-height:18px;color:#2c2c2c;font-family:"GT Walsheim Pro";display:flex}.home-exercise-log-container .white-card-container .excercise-details-container .progress-bar-circular .card .outer-circle .percent .number .progress-value .progress-value-percent{font-size:6px;font-weight:400;line-height:10px;letter-spacing:-.02em;align-self:center;padding-bottom:1px}.home-exercise-log-container .white-card-container .excercise-details-container .excercise-description{padding-right:16px;text-align:right}.home-exercise-log-container .white-card-container .excercise-details-container .excercise-description .used-value{font-size:28px;font-weight:700;font-family:"GT Walsheim Bold";line-height:24px}.home-exercise-log-container .white-card-container .excercise-details-container .excercise-description .target{display:flex}.home-exercise-log-container .white-card-container .excercise-details-container .excercise-description .total-value{font-size:14px;font-weight:500;font-family:"GT Walsheim Pro";margin-right:4px}.home-exercise-log-container .white-card-container .excercise-details-container .excercise-description .unit{font-size:14px;font-weight:500;font-family:"Sukhumvit Tadmai"}.auto-sync-body{width:auto;height:auto;border-radius:16px;margin:0;padding:16px;display:flex;flex-direction:column;align-items:center;grid-gap:24px;gap:24px}.auto-sync-body-title{font-size:18px;font-weight:700;line-height:27px}.auto-sync-body-info,.auto-sync-body-title{font-family:"Sukhumvit Tadmai";text-align:center}.auto-sync-body-info{font-size:14px;font-weight:500;line-height:21px}.auto-sync-body-info .phone-number-green-1,.auto-sync-body-info .phone-number-green-fail-2{color:#3c9d47;font-family:"Sukhumvit Tadmai";font-size:20px;font-weight:800;line-height:30px;text-align:center}.auto-sync-body-info .abo-id-not-found-err{color:#ff2d2d}.auto-sync-body-input-field{width:242px;padding:5px 3px;grid-gap:8px;gap:8px;text-align:center;background:linear-gradient(90.34deg,#fafafa .29%,#f5f5f5 98.19%);border-radius:10px}.auto-sync-body-input-field .auto-sync-input-box{font-family:"GT Walsheim Pro";font-size:18px;font-weight:500;line-height:27px;text-align:center;border-bottom:none}.auto-sync-body-input-field .auto-sync-input-box.error-value{color:#ff2d2d}.auto-sync-body-action-box{display:flex;align-items:center;width:100%}.auto-sync-body-action-box .btn-green,.auto-sync-body-action-box .btn-outline-black{font-family:"Sukhumvit Tadmai";width:50%;font-weight:700}.auto-sync-body-action-box .btn-green .text-color-white,.auto-sync-body-action-box .btn-outline-black .text-color-white{color:#f0f0f0}.auto-sync-body-action-box .btn-outline-black{color:#2c2c2c}.floating-widget{position:fixed;cursor:move;z-index:99;bottom:200px;right:20px;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto}.floating-widget .auto-sync-widget-btn{background:linear-gradient(180deg,#e6e6e6,#fefefe);border-radius:10px;box-shadow:4px 4px 18px 0 rgba(44,44,44,.25);height:40px;width:40px;border:2.5px solid transparent;background-clip:padding-box;display:flex;align-items:center;justify-content:center;padding:0}.auto-sync-floating-widget-container .default-modal-size-loader .modal-content,.auto-sync-floating-widget-container .default-modal-size-success .modal-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto;border-radius:16px;border:none}.auto-sync-floating-widget-container .default-modal-size-auto-sync .modal-content{border-radius:16px;border:none}.auto-sync-floating-widget-container .hnw-success-animation-overlay .hnw-success-animation-container{border-radius:16px;border:none;display:flex;align-items:center;flex-direction:column;justify-content:center;box-shadow:none}.auto-sync-floating-widget-container .hnw-success-animation-overlay .hnw-success-animation-container div:first-of-type{width:48px;height:48px}.auto-sync-floating-widget-container .hnw-success-animation-overlay .hnw-success-animation-container .body-key-loader-details{margin-top:20px;font-family:"Sukhumvit Tadmai";font-size:20px;font-weight:700;line-height:30px;text-align:left}.assessment-container{background-repeat:no-repeat;background-size:100%;height:100%;background-attachment:fixed}.assessment-container .assessment-body{height:100vh}.assessment-container .template-wrapper{margin-top:20vh;margin-bottom:20vh}.assessment-container .assessment-wrapper{padding:0 6px}@media (max-height:765px){.assessment-container .template-wrapper{margin-top:22vh!important}}@media (min-height:712px){.assessment-container{overflow-y:hidden}}.w-h-24{width:24px;height:24px}.word-wrap-break{word-wrap:break-word}.scroll-auto{overflow-y:auto}.no-border{border:none!important}.template-parent{background-image:url(/images/healthAndWellness/assessment/bg_health.svg);background-repeat:no-repeat;height:100vh}.home-bmi-header-container{font-family:"Sukhumvit Tadmai"}.home-bmi-header-container .banner-container{overflow-x:hidden}.home-bmi-header-container .banner-container .bmi-details-wrapper{background-image:url(/images/healthAndWellness/bmi/bmi-details-bg.svg);background-repeat:no-repeat;background-position:0 70px;width:100%;padding-bottom:48px;height:100%}.home-bmi-header-container .banner-container .bmi-details-wrapper .bmi-details-container{position:relative;top:-5px}.home-bmi-header-container .bmi-details-name,.home-bmi-header-container .bmi-details-value{font-size:14px;font-weight:500;color:#717d96}.home-bmi-header-container .bmi-blue-active .inner-half-circle .circle-heading,.home-bmi-header-container .bmi-blue-active .inner-half-circle .circle-value,.home-bmi-header-container .bmi-green-active .inner-half-circle .circle-heading,.home-bmi-header-container .bmi-green-active .inner-half-circle .circle-value,.home-bmi-header-container .bmi-orange-active .inner-half-circle .circle-heading,.home-bmi-header-container .bmi-orange-active .inner-half-circle .circle-value,.home-bmi-header-container .bmi-red-active .inner-half-circle .circle-heading,.home-bmi-header-container .bmi-red-active .inner-half-circle .circle-value,.home-bmi-header-container .bmi-yellow-active .inner-half-circle .circle-heading,.home-bmi-header-container .bmi-yellow-active .inner-half-circle .circle-value{color:#fff!important}.home-bmi-header-container .bmi-blue-active .inner-half-circle .circle-heading,.home-bmi-header-container .bmi-green-active .inner-half-circle .circle-heading,.home-bmi-header-container .bmi-orange-active .inner-half-circle .circle-heading,.home-bmi-header-container .bmi-red-active .inner-half-circle .circle-heading,.home-bmi-header-container .bmi-yellow-active .inner-half-circle .circle-heading{opacity:.7!important}.home-bmi-header-container .bmi-blue-active .bmi-details-container,.home-bmi-header-container .bmi-green-active .bmi-details-container,.home-bmi-header-container .bmi-orange-active .bmi-details-container,.home-bmi-header-container .bmi-red-active .bmi-details-container,.home-bmi-header-container .bmi-yellow-active .bmi-details-container{padding-top:0}.home-bmi-header-container .bmi-card-single-blue .bmi-details-name,.home-bmi-header-container .bmi-card-single-blue .bmi-details-value,.home-bmi-header-container .bmi-card-single-green .bmi-details-name,.home-bmi-header-container .bmi-card-single-green .bmi-details-value,.home-bmi-header-container .bmi-card-single-orange .bmi-details-name,.home-bmi-header-container .bmi-card-single-orange .bmi-details-value,.home-bmi-header-container .bmi-card-single-red .bmi-details-name,.home-bmi-header-container .bmi-card-single-red .bmi-details-value,.home-bmi-header-container .bmi-card-single-yellow .bmi-details-name,.home-bmi-header-container .bmi-card-single-yellow .bmi-details-value{font-weight:700}.home-bmi-header-container .bmi-blue-active .inner-half-circle .circle-value,.home-bmi-header-container .bmi-green-active .inner-half-circle .circle-value,.home-bmi-header-container .bmi-orange-active .inner-half-circle .circle-value,.home-bmi-header-container .bmi-red-active .inner-half-circle .circle-value,.home-bmi-header-container .bmi-yellow-active .inner-half-circle .circle-value{font-size:38px!important;font-weight:800!important;line-height:38px!important}.home-bmi-header-container .bmi-blue-active .bmi-card-single.bmi-card-single-blue{background:#e2eefc!important}.home-bmi-header-container .bmi-blue-active .bmi-card-single.bmi-card-single-blue .bmi-details-name,.home-bmi-header-container .bmi-blue-active .bmi-card-single.bmi-card-single-blue .bmi-details-value{color:#77bdfd!important}.home-bmi-header-container .bmi-green-active .bmi-card-single.bmi-card-single-green{background:#dcefdd!important}.home-bmi-header-container .bmi-green-active .bmi-card-single.bmi-card-single-green .bmi-details-name,.home-bmi-header-container .bmi-green-active .bmi-card-single.bmi-card-single-green .bmi-details-value{color:#67ba6d!important}.home-bmi-header-container .bmi-yellow-active .bmi-card-single.bmi-card-single-yellow{background:#dcefdd!important}.home-bmi-header-container .bmi-yellow-active .bmi-card-single.bmi-card-single-yellow .bmi-details-name,.home-bmi-header-container .bmi-yellow-active .bmi-card-single.bmi-card-single-yellow .bmi-details-value{color:#ffcc27!important}.home-bmi-header-container .bmi-orange-active .bmi-card-single.bmi-card-single-orange{background:#dcefdd!important}.home-bmi-header-container .bmi-orange-active .bmi-card-single.bmi-card-single-orange .bmi-details-name,.home-bmi-header-container .bmi-orange-active .bmi-card-single.bmi-card-single-orange .bmi-details-value{color:#ffa552!important}.home-bmi-header-container .bmi-red-active .bmi-card-single.bmi-card-single-red{background:#dcefdd!important}.home-bmi-header-container .bmi-red-active .bmi-card-single.bmi-card-single-red .bmi-details-name,.home-bmi-header-container .bmi-red-active .bmi-card-single.bmi-card-single-red .bmi-details-value{color:#e76c6c!important}.home-bmi-header-container .bmi-chart,.home-bmi-header-container .bmi-details-container,.home-bmi-header-container .bmi-details-description{background:#fff;margin:0 20px 16px;border-radius:12px;padding:16px}.home-bmi-header-container .bmi-details-title{font-size:20px;font-weight:800;color:#717d96;margin-bottom:5px;font-family:"Sukhumvit Tadmai New Bold"}.home-bmi-header-container .bmi-blue-active .bmi-progress-blue-img,.home-bmi-header-container .bmi-green-active .bmi-progress-green-img,.home-bmi-header-container .bmi-orange-active .bmi-progress-orange-img,.home-bmi-header-container .bmi-red-active .bmi-progress-red-img,.home-bmi-header-container .bmi-yellow-active .bmi-progress-yellow-img{visibility:initial!important}.home-bmi-header-container .bmi-blue-active .bmi-details-title{color:#77bdfd!important}.home-bmi-header-container .bmi-green-active .bmi-details-title{color:#67ba6d!important}.home-bmi-header-container .bmi-yellow-active .bmi-details-title{color:#ffcc27!important}.home-bmi-header-container .bmi-orange-active .bmi-details-title{color:#ffa552!important}.home-bmi-header-container .bmi-red-active .bmi-details-title{color:#e76c6c!important}.bmi-details-description{margin-bottom:0!important;box-shadow:0 4px 12px 0 rgba(0,0,0,.14902)}.bmi-details-description .bmi-details-description-title{font-size:16px;font-weight:700;margin-bottom:20px;margin-top:10px;font-family:"Sukhumvit Tadmai New Bold"}.bmi-details-description p{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:20px}.row .bmi-progress-bar-arrow{display:flex;margin-top:5px}.row .bmi-progress-bar-arrow .bmi-progress-blue-img,.row .bmi-progress-bar-arrow .bmi-progress-green-img,.row .bmi-progress-bar-arrow .bmi-progress-orange-img,.row .bmi-progress-bar-arrow .bmi-progress-red-img,.row .bmi-progress-bar-arrow .bmi-progress-yellow-img{width:20%;text-align:center;visibility:hidden}.row .bmi-progress-bar{width:100%;height:8px;display:flex;margin:0 0 20px;border-radius:10px;overflow:hidden;justify-content:space-between}.row .bmi-progress-bar .bmi-progress-blue,.row .bmi-progress-bar .bmi-progress-green,.row .bmi-progress-bar .bmi-progress-orange,.row .bmi-progress-bar .bmi-progress-red,.row .bmi-progress-bar .bmi-progress-yellow{width:19.6%}.row .bmi-progress-bar .bmi-progress-blue{background-color:#77bdfd}.row .bmi-progress-bar .bmi-progress-green{background-color:#67ba6d}.row .bmi-progress-bar .bmi-progress-yellow{background-color:#ffcc27}.row .bmi-progress-bar .bmi-progress-orange{background-color:#ffa552}.row .bmi-progress-bar .bmi-progress-red{background-color:#e76c6c}.row .bmi-card{background:#f7f9fc;border-radius:10px;margin-top:15px;overflow:hidden}.row .bmi-card .bmi-card-single{padding:8px;display:flex;justify-content:space-between;align-items:center;height:36px}.row .bmi-card .bmi-card-single .bmi-card-single-left{display:flex}.row .bmi-card .bmi-card-single .bmi-card-single-left .bmi-details-dot-icon{width:18px;height:18px;border-radius:50%;margin-right:16px}.row .bmi-card .bmi-card-single .bmi-card-single-left .bmi-details-dot-blue-icon{background:#77bdfd}.row .bmi-card .bmi-card-single .bmi-card-single-left .bmi-details-dot-green-icon{background:#67ba6d}.row .bmi-card .bmi-card-single .bmi-card-single-left .bmi-details-dot-yellow-icon{background:#ffcc27}.row .bmi-card .bmi-card-single .bmi-card-single-left .bmi-details-dot-orange-icon{background:#ffa552}.row .bmi-card .bmi-card-single .bmi-card-single-left .bmi-details-dot-red-icon{background:#e76c6c}.row .bmi-card-total{display:flex;justify-content:space-between;padding:10px 10px 0;font-family:"Sukhumvit Tadmai New Bold"}.row .bmi-card-total .bmi-card-total-left,.row .bmi-card-total .bmi-card-total-right{font-size:16px;font-weight:700}.row .bmi-card-total .bmi-card-total-left{color:#717d96}.row .bmi-card-total .bmi-card-total-right{color:#3c9d47}.bmi-banner-container{background:#f8f8f8;padding-top:16px;position:relative;display:flex;justify-content:center;align-items:center}.bmi-banner-container .half-circle-center{position:absolute;bottom:-4px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.bmi-banner-container .half-circle-center .outer-half-circle{height:93px;width:186px;background:#fff;display:inline-block;border-top-left-radius:186px;border-top-right-radius:186px}.bmi-banner-container .half-circle-center .inner-half-circle{display:flex;position:absolute;left:0;bottom:0;flex-direction:column;justify-content:center;align-items:center;width:100%;font-family:"Sukhumvit Tadmai"}.bmi-banner-container .half-circle-center .inner-half-circle .circle-value{font-size:14px;line-height:18px;color:#99a2b5;font-weight:500;z-index:9;margin-bottom:14px}.bmi-banner-container .half-circle-center .inner-half-circle .circle-heading,.bmi-banner-container .half-circle-center .inner-half-circle .circle-value{text-align:center}.bmi-banner-container .half-circle-center .inner-half-circle .circle-heading{font-weight:800;font-size:20px;line-height:30px;color:#717d96;z-index:9}.bmi-banner-container .half-circle-center .inner-half-circle img{position:absolute;bottom:12px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.accordian-container{box-shadow:0 4px 12px 0 rgba(0,0,0,.14902);border-radius:12px;padding:0 8px;background:#fff;margin:14px 20px 115px}.accordian-container .accordian-single{display:flex;align-items:center;justify-content:space-between;padding:12px 8px;height:48px;border-bottom:1px solid #cbd2e0}.accordian-container .accordian-single:last-of-type{border-bottom:none}.accordian-container .accordian-single .accordian-title{font-size:16px;font-weight:500;color:#2c2c2c}.accordian-container .accordian-single .accordian-right-btn{width:24px;height:24px;background:#f7f9fc;display:flex;align-items:center;border-radius:50%;justify-content:center}.asm-modal-ctn.desClass .liff-panel.open .select-coupon-panel{height:95%;overflow-y:scroll}.asm-modal-ctn.desClass .liff-panel.open .select-coupon-panel>:first-child{background:none}.asm-modal-ctn.desClass .liff-panel.open .select-coupon-panel>:first-child>button{display:flex;border:1px solid #2c2c2c;padding:6px;border-radius:38px}.asm-modal-ctn.desClass .liff-panel.open .select-coupon-panel>:first-child>button>svg{width:24px;height:24px}.asm-modal-ctn.modalClass .liff-panel.open .select-coupon-panel{height:305px}.asm-modal-ctn.modalClass .liff-panel.open .select-coupon-panel>:first-child{border-radius:24px 24px 0 0;height:55%;padding:15px 0 0;background-image:url(/images/healthAndWellness/assessment/assessment_retry_modal.svg);background-repeat:no-repeat;background-size:cover}.asm-modal-ctn.modalClass .liff-panel.open .select-coupon-panel>:first-child .hdr{padding:16px;margin-top:24px}.asm-modal-ctn.modalClass .liff-panel.open .select-coupon-panel>:first-child .hdr .header-text{font-size:18px;line-height:26px;font-weight:800;text-align:center;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.asm-modal-ctn.modalClass .liff-panel.open .select-coupon-panel>:first-child .hdr .subheader-text{font-size:16px;line-height:24px;font-weight:700;text-align:center;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.asm-modal-ctn.modalClass .liff-panel.open .select-coupon-panel>:first-child>button{display:flex;background-color:#fff;border-radius:38px;padding:6px 8px}.asm-modal-ctn.modalClass .liff-panel.open .select-coupon-panel>:first-child>button>svg{width:28px;height:28px}.evaluation-results-description{box-shadow:0 4px 12px 0 rgba(0,0,0,.14902);background:#fff;margin:26px 20px 14px;border-radius:12px;padding:16px}.evaluation-results-description .evaluation-results-description-title{color:#2c2c2c;font-size:18px;font-weight:800;margin-bottom:16px;font-family:"Sukhumvit Tadmai New Bold"}.evaluation-results-description .evaluation-results-content{display:flex;font-size:16px;font-weight:700}.evaluation-results-description .evaluation-results-info{background:#ffd8d8;padding:12px;border-radius:12px;font-size:14px;font-weight:500;margin-top:12px;margin-bottom:8px}.evaluation-results-description .button-group{display:flex;justify-content:space-between}.evaluation-results-description .btn-green{border:1px solid #3c9d47;background:#3c9d47;color:#fff}.evaluation-results-description button.btn-outline{border:1px solid #2c2c2c;background:#fff;color:#2c2c2c}.evaluation-results-description .btn-green,.evaluation-results-description .btn-outline{font-size:16px;font-weight:700;border-radius:38px;padding:6px 8px;margin-top:10px;display:flex;justify-content:center;width:48%}.evaluation-results-description .btn-green img,.evaluation-results-description .btn-outline img{padding-right:8px}.user-info-details{text-align:center}.user-info-details .user-info-name{font-size:18px;font-weight:800;color:#2c2c2c;margin-bottom:0;line-height:26px}.user-info-details .user-info-number{font-size:14px;font-weight:500;color:#717d96;padding:0 0 5px;line-height:20px;margin-bottom:4px}.user-info-details-wrapper{display:flex;justify-content:center}.user-info-details-wrapper .user-info-details-single-container{display:flex;align-items:center;padding:0 16px}.user-info-details-wrapper .user-info-details-single-container .user-info-details-heading,.user-info-details-wrapper .user-info-details-single-container .user-info-details-value{font-size:14px;font-weight:500;padding-left:5px}.user-info-details-wrapper .user-info-details-single-container .user-info-details-value{color:#3c9d47}.user-info-details-wrapper .user-info-details-single-container .user-info-details-heading{color:#a0abc0}.statusbar{position:relative;display:flex;justify-content:center;align-items:center;width:60px}.statusbar p{position:absolute;margin:0}.statusbar p.text-size{font-size:18px;font-weight:800}.statusbar p.text-color{color:#2c2c2c!important}.profile-card-big{justify-content:space-between;border:1px solid rgba(203,210,224,.501961);background:#fff;border-radius:12px;padding:8px}.profile-card-big,.profile-card-big .profile-card-left-bmi-name{display:flex;align-items:center}.profile-card-big .profile-card-left-bmi-name .profile-card-name{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;color:#a0abc0}.profile-card-big .profile-card-left-bmi-name img{margin-right:5px}.profile-card-big .profile-card-left-bmi-description{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;color:#717d96;margin-top:10px;margin-bottom:16px}.profile-card-small{border:1px solid rgba(203,210,224,.501961);background:#fff;border-radius:12px;padding:6px;height:100%}.profile-card-small .profile-card-name{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;color:#a0abc0}.profile-card-small .profile-card-middle{color:#67ba6d;font-family:"Sukhumvit Tadmai New Bold";font-size:18px;font-weight:800}.profile-card-small .profile-card-footer,.profile-card-small .profile-card-middle-description .profile-card-middle-right{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;color:#a0abc0}.profile-card-small .profile-card-top{display:flex}.profile-card-small .profile-card-top img{margin-right:5px}.profile-card-medium{border:1px solid rgba(203,210,224,.501961);border-radius:12px;padding:6px;background:#fff;height:100%}.profile-card-medium .profile-card-top{display:flex;align-items:center}.profile-card-medium .profile-card-top img{margin-right:5px}.profile-card-medium .profile-card-middle-description .profile-card-middle-right,.profile-card-medium .profile-card-name{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;color:#a0abc0}.profile-card-medium .profile-card-waistline-img{width:100%}.profile-card-middle-right{display:flex;align-items:center}.profile-card-middle-description{font-weight:800;display:flex;justify-content:space-between;font-family:"Sukhumvit Tadmai New Bold";font-size:20px;color:#67ba6d}.profile-card-waist-center{display:flex;justify-content:center;align-items:center;padding-left:4px}.profile-card-waist-center .profile-card-middle-right{width:0;font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;padding-left:4px;color:#a0abc0}.first-row{display:flex;grid-gap:10px;gap:10px;margin-top:10px}.first-row .first-col{width:48%}.first-row .second-col,.first-row .third-col{width:25%}.second-row{display:flex;grid-gap:6px;gap:6px;margin-top:10px;align-items:stretch}.second-row .first-col{width:28%}.second-row .profile-card-small .profile-card-middle-description{display:flex;justify-content:space-between}.second-row .second-col,.second-row .third-col{width:36%}.second-row .waistline-col{width:100%}.second-row .profile-card-top{margin-bottom:10px}.blue-card-container .first-row .profile-card-middle,.blue-card-container .progress .progress-value,.blue-card-container .second-row .profile-card-middle-left,.green-card-container .first-row .profile-card-middle,.green-card-container .progress .progress-value,.green-card-container .second-row .profile-card-middle-left,.orange-card-container .first-row .profile-card-middle,.orange-card-container .progress .progress-value,.orange-card-container .second-row .profile-card-middle-left,.red-card-container .first-row .profile-card-middle,.red-card-container .progress .progress-value,.red-card-container .second-row .profile-card-middle-left,.yellow-card-container .first-row .profile-card-middle,.yellow-card-container .progress .progress-value,.yellow-card-container .second-row .profile-card-middle-left{font-size:18px;font-weight:800}.blue-card-container .second-row .profile-card-middle,.green-card-container .second-row .profile-card-middle,.orange-card-container .second-row .profile-card-middle,.red-card-container .second-row .profile-card-middle,.yellow-card-container .second-row .profile-card-middle{font-size:20px;font-weight:800}.blue-card-container .second-row .profile-card-middle span,.green-card-container .second-row .profile-card-middle span,.orange-card-container .second-row .profile-card-middle span,.red-card-container .second-row .profile-card-middle span,.yellow-card-container .second-row .profile-card-middle span{font-size:12px}.blue-card-container .progress .progress-value{color:#82c2fd}.green-card-container .progress .progress-value{color:#67ba6d}.yellow-card-container .progress .progress-value{color:#ffdb66}.orange-card-container .progress .progress-value{color:#ffb966}.red-card-container .progress .progress-value{color:#cc6060}.profile-banner-wrapper{background:#f8f8f8;font-family:"Sukhumvit Tadmai"}.profile-banner-wrapper .header-bottom-section{height:52px;background:#fff}.profile-banner-wrapper .header-bottom-section .header-bottom-icons{display:flex;grid-gap:16px;gap:16px;align-items:center;justify-content:flex-end}.profile-banner-wrapper .profile-banner-container{position:relative;margin-bottom:10px}.profile-banner-wrapper .profile-banner-container .profile-img{position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.profile-banner-wrapper .profile-banner-container .profile-img .profile-img-dimensions{width:152px;height:152px;border-radius:50%}.profile-banner-wrapper .bg-profile-wrapper{background-image:url(/images/healthAndWellness/profile/bg-wave.svg);background-repeat:no-repeat;background-position:0 96px;width:100%;background-size:contain;padding-bottom:20px;height:100%}.asm-progress-ctn{border-radius:12px;display:flex;flex-direction:column;height:100%;margin-bottom:-80px}.asm-progress-ctn .progress-img{background-size:cover;background-repeat:no-repeat}.asm-progress-ctn .progress-footer{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:16px 32px;-webkit-transform:translateY(-115%);transform:translateY(-115%)}.asm-progress-ctn .progress-footer .btn1{border-radius:38px;background-color:#fff;color:#2c2c2c;border:1px solid #2c2c2c;margin-right:16px}.asm-progress-ctn .progress-footer .btn1,.asm-progress-ctn .progress-footer .btn2{width:100%;height:48px;display:flex;justify-content:center;align-items:center;padding:6px;grid-gap:4px;gap:4px;text-align:center;font-family:"Sukhumvit Tadmai";font-weight:700;font-size:16px;line-height:20px}.asm-progress-ctn .progress-footer .btn2{border-radius:38px;border:1px;background-color:#3c9d47;color:#fff}.asm-modal-ctn.retryModalClass .liff-panel.open .select-coupon-panel{height:345px}.asm-modal-ctn.retryModalClass .liff-panel.open .select-coupon-panel>:first-child{border-radius:24px 24px 0 0;height:60%;padding:15px 0 0;background-image:url(/images/healthAndWellness/assessment/assessment_retry_modal.svg);background-repeat:no-repeat;background-size:cover}.asm-modal-ctn.retryModalClass .liff-panel.open .select-coupon-panel>:first-child .hdr{padding:16px;margin-top:24px;display:flex;flex-direction:column;justify-content:center;align-items:center}.asm-modal-ctn.retryModalClass .liff-panel.open .select-coupon-panel>:first-child .hdr .header-text{font-size:18px;line-height:26px;font-weight:800;text-align:center;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.asm-modal-ctn.retryModalClass .liff-panel.open .select-coupon-panel>:first-child .hdr .subheader-text{color:#d91734;font-size:16px;line-height:24px;font-weight:700;text-align:center;font-family:"Sukhumvit Tadmai";width:300px}.asm-modal-ctn.retryModalClass .liff-panel.open .select-coupon-panel>:first-child>button{display:flex;background-color:#fff;border-radius:38px;padding:6px 8px}.asm-modal-ctn.retryModalClass .liff-panel.open .select-coupon-panel>:first-child>button>svg{width:28px;height:28px}.asm-not-com-ctn{border-radius:12px;display:flex;flex-direction:column;margin:14px;box-shadow:0 4px 12px 0 rgba(0,0,0,.14902);background:#fff;padding:16px;grid-gap:16px;gap:16px}.asm-not-com-ctn .not-com-header{font-size:18px;line-height:26px;font-weight:800;font-family:"Sukhumvit Tadmai New Bold";color:#2c2c2c}.asm-not-com-ctn .not-com-footer{display:flex;align-items:center;justify-content:center;cursor:pointer;margin-top:auto}.asm-not-com-ctn .not-com-footer .btn1{width:100%;height:36px;display:flex;justify-content:center;align-items:center;padding:6px;border-radius:38px;border:1px;grid-gap:4px;gap:4px;background-color:#3c9d47;text-align:center}.asm-not-com-ctn .not-com-footer .btn1 span{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:16px;line-height:20px;color:#fff}.asm-not-com-ctn .not-com-body-content{position:relative;padding:16px 0}.asm-not-com-ctn .not-com-body-content .body-content{position:absolute;right:20px;text-align:right;display:flex;flex-direction:column;grid-gap:8px;gap:8px;-webkit-transform:translate(10px,-50%);transform:translate(10px,-50%);top:50%;align-items:flex-end}.asm-not-com-ctn .not-com-body-content .body-content-title{font-size:16px;line-height:22px;font-weight:500;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.asm-not-com-ctn .not-com-body-content .body-content-btn{background:#ff8a00;width:108px;height:43px;border-radius:6px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:28px;font-weight:800;font-family:"Sukhumvit Tadmai New Bold"}.asm-not-com-ctn .not-com-body-content .body-content-subtitle{font-size:16px;line-height:24px;font-weight:700;font-family:"Sukhumvit Tadmai"}.hnw-weight-details-wrapper{background-image:url(/images/healthAndWellness/heightAndWeight/background.svg);background-position:50%;width:100%;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;height:100vh}.hnw-weight-details-wrapper .hnw-weight-accordian-title-heading{font-family:"Sukhumvit Set SemiBold",Arial,Helvetica,sans-serif;font-size:20px;font-weight:800;color:#2c2c2c;margin-top:16px;padding:0 20px}.hnw-weight-details-wrapper .hnw-weight-accordian-container{box-shadow:0 4px 12px 0 rgba(0,0,0,.15);border-radius:12px;padding:0 8px;background:#fff;margin:14px 20px 115px}.hnw-weight-details-wrapper .hnw-weight-bottom-footer{background:#fff;position:fixed;bottom:0;width:100%;max-width:768px;height:50px}.hnw-weight-details-wrapper .hnw-weight-bottom-footer .btn-green{width:75px;float:right;font-size:14px;border:1px solid #80d26c;background:#80d26c;color:#fff;font-weight:700;border-radius:38px;padding:6px 8px;margin-top:10px;display:flex;justify-content:center}.hnw-weight-details-wrapper .hnw-weight-accordian-title{color:#a0abc0;font-weight:500;font-size:16px}.hnw-weight-details-wrapper .hnw-weight-accordian-single{display:flex;align-items:center;justify-content:space-between;padding:12px 8px;height:48px;border-bottom:1px solid #cbd2e0}.hnw-weight-details-wrapper .hnw-weight-accordian-single:last-of-type{border-bottom:none}.hnw-weight-details-wrapper .hnw-weight-accordian-single .hnw-weight-accordian-right-section,.hnw-weight-details-wrapper .hnw-weight-accordian-single .hnw-weight-accordian-title{font-size:16px;color:#a0abc0;font-weight:500}.hnw-weight-details-wrapper .hnw-weight-accordian-single .hnw-weight-accordian-right-section{font-family:"Sukhumvit Tadmai";flex-grow:1;text-align:right}.hnw-weight-details-wrapper .hnw-weight-accordian-single .hnw-weight-accordian-right-section .green{color:#80d26c}.hnw-weight-details-wrapper .hnw-weight-accordian-single .hnw-weight-accordian-right-section .font-weight800{font-weight:800}.hnw-weight-details-wrapper .health-container-modal .liff-panel.open .select-coupon-panel{height:300px;border-radius:12px 12px 0 0}.hnw-weight-details-wrapper .hnw-weight-chart{background:#fff;padding:16px 20px}.hnw-weight-details-wrapper .hnw-weight-chart .apexcharts-text.apexcharts-xaxis-label:last-child,.hnw-weight-details-wrapper .hnw-weight-chart .apexcharts-text.apexcharts-xaxis-label:not(:nth-child(10n+1)),.hnw-weight-details-wrapper .hnw-weight-chart .apexcharts-text.apexcharts-xaxis-label:nth-child(31){visibility:hidden}.hnw-weight-details-wrapper .hnw-weight-chart .apexcharts-bar-area[val="0"]{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.hnw-weight-details-wrapper .hnw-weight-chart .apexcharts-bar-area:not([val="0"]){-webkit-transform:translateY(1px);transform:translateY(1px)}.hnw-weight-details-wrapper .hnw-weight-chart .apexcharts-xaxis-tick{stroke:transparent}.hnw-weight-details-wrapper .hnw-weight-chart .--first-absent .apexcharts-series-markers:first-of-type .apexcharts-marker:first-of-type,.hnw-weight-details-wrapper .hnw-weight-chart .--previous .apexcharts-series-markers:last-of-type .apexcharts-marker:last-of-type,.hnw-weight-details-wrapper .hnw-weight-chart .apexcharts-gridline:first-child,.hnw-weight-details-wrapper .hnw-weight-chart .apexcharts-gridline:last-child,.hnw-weight-details-wrapper .hnw-weight-chart .apexcharts-gridline:not(:nth-child(10n+1)),.hnw-weight-details-wrapper .hnw-weight-chart .apexcharts-gridline:nth-child(31){display:none}.hnw-weight-details-wrapper .hnw-weight-chart .apexcharts-xaxistooltip{border:3px solid #61c68a;border-radius:50%;background-color:initial;padding:4px;transition:none}.hnw-weight-details-wrapper .hnw-weight-chart .apexcharts-xaxistooltip:after,.hnw-weight-details-wrapper .hnw-weight-chart .apexcharts-xaxistooltip:before{content:none}.hnw-weight-details-wrapper .hnw-weight-chart .apexcharts-xaxistooltip.apexcharts-active{transition:none}.hnw-weight-details-wrapper .hnw-weight-chart .apexcharts-tooltip.apexcharts-theme-light{top:24px!important;border:0;box-shadow:none;background:none}.hnw-weight-details-wrapper .hnw-weight-chart .apexcharts-tooltip.apexcharts-theme-light .custom-tooltip{color:#61c68a;font-size:14px;font-family:"Sukhumvit Tadmai";font-weight:700}.hnw-weight-details-wrapper .hnw-weight-chart-header{display:flex;justify-content:space-between;align-items:center}.hnw-weight-details-wrapper .hnw-weight-chart-header-left{display:flex;align-items:center}.hnw-weight-details-wrapper .hnw-weight-chart-header-left-title{font-family:"Sukhumvit Tadmai";font-size:20px;font-weight:800;padding-left:10px}.hnw-weight-details-wrapper .hnw-weight-chart-value-1{font-size:40px;font-weight:800;line-height:52px;display:flex}.hnw-weight-details-wrapper .hnw-weight-chart-value-1 span{font-family:"Sukhumvit Tadmai";font-size:16px;color:#a0abc0;padding-left:5px;font-weight:500}.hnw-weight-details-wrapper .hnw-weight-chart-value-2{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:700;color:#a0abc0;line-height:24px}@media (max-width:376px){.mb-100{margin-top:-150px}.set-transition{transition:.2s ease-in-out}}@media (max-width:415px) and (max-height:737px){.mb-100{margin-top:-150px}.set-transition{transition:.2s ease-in-out}}.category-card img{height:68px;width:68px;border-radius:50%;border-color:transparent}@media (max-width:324px){.category-card img{height:55px;width:55px}}.slick-slide img{border:none}.category-img-container{display:flex;justify-content:center}.category-img-container img{object-fit:cover}.category-card-title{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";text-align:center;margin-top:4px;overflow-wrap:break-word}.category-card-active .category-card-title{color:#3c9d47}.category-card-active img{border:2px solid #3c9d47}.supplement-list-nav .nav-tabs .nav-link{color:#2c2c2c}nav.supplement-list-nav{position:static;display:flex;align-items:center;padding:0;grid-gap:16px;gap:16px}nav.supplement-list-nav.sticky{position:fixed;top:0;width:100%;background:#fff;left:0;z-index:9;border-bottom:1px solid #cbd2e0;padding-left:20px;padding-right:0}@media (max-width:324px){nav.supplement-list-nav.sticky{grid-gap:4px;gap:4px;padding-left:10px;padding-right:10px}}nav.supplement-list-nav.sticky .nav-link{width:auto}@media (max-width:324px){nav.supplement-list-nav.sticky .nav-link:first-child{margin-right:10px}}.input-search-sticky,.list-sticky{width:24px;height:24px;display:none}.list-sticky button{background:none;border:none;padding:0;display:flex}nav.supplement-list-nav.sticky .nav-tabs{width:calc(100% - 80px);margin-bottom:0;flex:1 1}nav.supplement-list-nav.sticky .input-search-sticky,nav.supplement-list-nav.sticky .list-sticky{display:flex;align-items:center}@media (max-width:324px){.nav-tabs .nav-link img{height:15px}nav.supplement-list-nav.sticky .nav-tabs .nav-link{padding:18px 9px}}@media (min-width:375px){.nav-tabs .nav-link{width:50%}}.dietary-supplement-no_data{display:flex;flex-direction:column;align-items:center}.dietary-supplement-no_data .empty-img-wrapper{width:50%}.dietary-supplement-no_data .empty-img-wrapper svg{-webkit-transform:none!important;transform:none!important}.dietary-supplement-no_data-heading{margin-top:16px;font-family:"Sukhumvit Tadmai";font-weight:800;font-size:20px;color:#2c2c2c}.dietary-supplement-no_data-description{font-family:"Sukhumvit Tadmai";font-weight:500;font-size:14px;color:#a0abc0}.food-calories-container .liff-panel{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.food-calories-container .liff-panel.open{z-index:99}.food-calories-container .liff-panel.open .select-coupon-panel{height:60%}.food-calories-container .liff-panel.open .select-coupon-panel>:nth-child(2),.food-calories-container .liff-panel.open .select-coupon-panel>:nth-child(2) .modal-body,.food-calories-container .liff-panel.open .select-coupon-panel>:nth-child(2) .modal-body .modal-title{height:100%}.food-calories-container #welcomeModal{bottom:0;height:auto;top:auto}.food-calories-container #welcomeModal.show{display:block}.food-calories-container #welcomeModal .modal-dialog{margin:0;max-width:100%}.food-calories-container #welcomeModal .modal-content{border-radius:0;border-top-left-radius:24px;border-top-right-radius:24px;border:none}.food-calories-container #welcomeModal .modal-header{justify-content:flex-end;border-bottom:0;padding-bottom:0}.food-calories-container #welcomeModal .modal-header button{border:none;height:24px;width:24px;background:none}.food-calories-container .modal-category-container{display:flex;flex-wrap:wrap;height:calc(100% - 80px);overflow:auto}.food-calories-container .modal-category-single{display:flex;flex-direction:column;align-items:center;width:25%;padding:0 4px}.food-calories-container .modal-category-single img{height:68px;width:68px;border-radius:50%}.food-calories-container .modal-category-title{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";margin-top:5px;margin-bottom:10px;overflow-wrap:anywhere;text-align:center}.food-calories-container .modal-heading{font-size:24px;font-weight:800;font-family:"Sukhumvit Tadmai";margin-bottom:12px}body:has(.food-list-page.--no_scroll){overflow:hidden}.food-calories-container .home-title{font-weight:700;font-size:16px;align-items:center;display:flex;color:#2c2c2c;font-family:"Sukhumvit Tadmai";margin:2px 0}.food-calories-container .home-title span{padding-left:5px}.food-calories-container .home-title .green{color:#3c9d47!important}.food-calories-container .home-header{background:#fff;padding-top:4px;padding-bottom:2px}.food-calories-container .home-header h6{font-family:"Sukhumvit Tadmai";font-size:17px;font-weight:800;margin-bottom:10px}.food-calories-container .home-header p{font-family:"Sukhumvit Tadmai";font-size:12px;color:#949494;font-weight:500;line-height:10px}.food-calories-container .search-input{padding-left:36px;height:40px;border-radius:12px;border:1px solid #cbd2e0}.food-calories-container .search-input:before{content:url(/images/healthAndWellness/foodCalories/icon-search.png);position:absolute;left:50%;margin-left:-8px;top:-16px}.food-calories-container .search-input-container{position:relative}.food-calories-container .search-input-container input::-webkit-input-placeholder{color:#cbd2e0}.food-calories-container .search-input-container input::placeholder{color:#cbd2e0}.food-calories-container .search-input-container input:focus{outline:none;box-shadow:none}.food-calories-container .find-nutritional-input-container .search-img,.food-calories-container .search-input-container .search-img{position:absolute;top:50%;left:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.food-calories-container .food-list-page{background:url(/images/healthAndWellness/foodCalories/food-list/food-list-bg.svg);background-repeat:no-repeat;height:100vh;width:100%;background-position:0 -100px;background-size:cover}.food-calories-container .food-list-page.--no_scroll{overflow:hidden}.food-calories-container .food-list-page .banner-container{position:relative;top:-20px}.food-calories-container .header-wrapper{position:absolute;z-index:1;top:0;left:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding-top:10px;padding-bottom:0}.food-calories-container .food-header-curve-img{top:-30px;position:relative;opacity:.9}.food-calories-container .search-img-container .search-title{font-family:"Sukhumvit Tadmai";font-weight:800;margin-bottom:16px;margin-top:8px;font-size:20px;line-height:32.52px}.food-calories-container .category-container{overflow:hidden;margin-top:16px}.food-calories-container .category-container.slick-slider{margin-top:22px}.food-calories-container .category-container.slick-slider .slick-slide{padding:0 4px}.food-calories-container .category-container .category-title{font-size:24px;font-weight:800;font-family:"Sukhumvit Tadmai"}.food-calories-container .supplement-list-container{background:#fff;box-shadow:0 -8px 24px 0 hsla(0,0%,83.9%,.65098);border-radius:24px 24px 0 0;padding:0 8px 16px}.food-calories-container .supplement-list-container .supplement-list-nav.sticky~.tab-content{padding-top:50px}.food-calories-container .supplement-only-list-container{background:url(/images/healthAndWellness/goals/supplements/supplements_goal_bg.svg);background-position:0 -65px;background-repeat:repeat-y;display:flex;flex-direction:column;grid-gap:12px;gap:12px;height:auto}.food-calories-container .supplement-only-list-container__header{background-image:url(/images/healthAndWellness/goals/supplements/supplements_list_header.svg);background-size:cover}.food-calories-container .supplement-only-list-container__details{display:flex;flex-direction:column;grid-gap:24px;gap:24px}.food-calories-container .supplement-only-list-container__details-items{padding:8px}.food-calories-container .tab-content{padding:0 12px}.food-calories-container .tab-content .tab-pane .dietary-supplement-section{background:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.14902);border-radius:8px;margin-bottom:16px}@media (max-width:324px){.food-calories-container .tab-content .tab-pane .dietary-supplement-section{padding:0}}.food-calories-container .btn-light{color:#fff;border-radius:24px;padding:2px 8px;display:flex;align-items:center;justify-content:center;width:62px;font-size:12px;font-weight:500;float:right}.food-calories-container .btn-salad{background:#a8d493}.food-calories-container .btn-meat{background:#eba587}.food-calories-container .btn-boiled{background:#f0c779}.food-calories-container .btn-curry{background:#ff8d74}.food-calories-container .btn-beverage{background:#90bfcd}.food-calories-container .btn-fried{background:#d48a55}.food-calories-container .btn-grilled{background:#e45454}.food-calories-container .btn-steak{background:#967766}.food-calories-container .btn-soup{background:#f4a999}.food-calories-container .btn-seafood{background:#96d3c8}.food-calories-container .btn-plant{background:#94ccae}.food-calories-container .btn-other{background:#969aaf}.food-calories-container .btn-light span{padding-left:4px}.food-calories-container .line{height:1px;background:linear-gradient(90deg,transparent 50%,#cbd2e0 0);background-size:6px 2px,100% 2px}@media (max-width:324px){.food-calories-container .line{display:none}}@media (max-width:324px){.food-calories-container .dietary-supplement-section-wrapper{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;justify-content:space-between}.food-calories-container .tab-content .tab-pane .dietary-supplement-section{width:47%;flex-direction:column;justify-content:space-between}.food-calories-container .service-size-card-single{padding:10px 8px}.food-calories-container .service-size-card-title span{font-size:14px}}.food-calories-container .card .percent{position:relative}.food-calories-container .card .number{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.food-calories-container .card .number h3{font-weight:200;font-size:10px}.food-calories-container .card .number h3 span{font-size:14px}.search-input-container input{border:1px solid #cbd2e0!important}.search-history-page{background:url(/images/healthAndWellness/foodCalories/search-history/search-history-bg.svg);background-repeat:no-repeat;width:100%;background-position:0 -160px;font-family:"Sukhumvit Tadmai";margin-bottom:40px}.search-history-page .back-container{display:flex;padding:16px 20px 16px 12px;grid-gap:73px;gap:73px}.search-history-page .back-container .back-wrapper{display:flex;align-items:center;padding:6px 8px;grid-gap:4px;gap:4px}.search-history-page .back-container .back-wrapper .back-title{font-size:16px;font-weight:700;line-height:20px;text-align:center}.search-history-page .header-wrapper{background-color:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding-top:16px;padding-bottom:0}.search-history-page .banner-container .search-img-container{background-image:url(/images/healthAndWellness/foodCalories/food-list/food-header-curve.svg);background-repeat:no-repeat;margin-top:20px;background-position:0 40px}.search-history-page .banner-container .search-category-container{margin-top:20px;margin-bottom:14px}.search-history-page .banner-container .search-category-container .dietary-supplement-section{background:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.14902);border-radius:12px;margin-bottom:16px;grid-gap:0;gap:0}.search-history-page .banner-container .search-category-container .sh-category-title{font-size:20px;font-weight:800;margin:20px 0}.search-history-page .banner-container .search-category-container .category-carousel-container{overflow-x:auto;overflow-y:hidden;margin-top:5px;display:flex;grid-gap:8px;gap:8px;flex-wrap:nowrap}.search-history-page .banner-container .search-category-container .category-carousel-container .category-card{display:flex!important;align-items:center;justify-content:space-between;border:1px solid #cbd2e0;border-radius:29px;padding:4px 8px 4px 4px;grid-gap:8px;gap:8px}.search-history-page .banner-container .search-category-container .category-carousel-container .category-card.active{background-color:#a7d172;color:#fff}.search-history-page .banner-container .search-category-container .category-carousel-container .category-card .sh-category-card-title{font-size:14px;font-weight:700;text-align:center;line-height:20px;white-space:nowrap}.search-history-page .banner-container .search-category-container .category-carousel-container .category-card img{height:24px;width:24px}.search-history-page .banner-container .search-category-container .history-keyword-container{display:flex;align-items:center;flex-wrap:wrap;grid-gap:12px;gap:12px}.search-history-page .banner-container .search-category-container .history-keyword-container .history-keyword-content{display:flex;align-items:center;padding:4px 10px;border-radius:24px;background-color:#f7f9fc;grid-gap:4px;gap:4px}.search-history-page .banner-container .search-category-container .history-keyword-container .history-keyword-content.active{background-color:#a7d172;color:#fff}.search-history-page .banner-container .search-category-container .history-keyword-container .history-keyword-content.active img{-webkit-filter:brightness(10);filter:brightness(10)}.search-history-page .banner-container .search-category-container .history-keyword-container .history-keyword-content .sh-category-card-title{font-size:12px;font-weight:700;text-align:center;line-height:20px;white-space:nowrap}.search-history-page .banner-container .search-category-container .history-keyword-container .history-keyword-content img{height:24px;width:24px}@media (min-width:325px){.search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-right-description-sm{display:none}}@media (max-width:324px){.search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-section-wrapper{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;justify-content:space-between}.search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-section{width:47%;flex-direction:column;justify-content:space-between;padding:0}.search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-left-img{width:100%;justify-content:center;padding:8px 0}.search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-left-img img{width:100%;object-fit:cover;height:128px}.search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-left-title{display:none}.search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-left-section{padding-bottom:0;height:128px}.search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-right-section{width:100%;padding:0 8px 8px}.search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-right-details,.search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-right-nutrition-slots,.search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-section-wrapper .line{display:none}.search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-right-title{font-weight:500;margin-bottom:8px;margin-top:0}}.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-section-wrapper{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;justify-content:space-between}.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-section{width:47%;flex-direction:column;justify-content:space-between;padding:0}.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-left-img{width:100%;height:128px;justify-content:center;padding:0}.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-left-img.--food .--no_image{content:url(/images/healthAndWellness/foodCalories/food-details/food-default-suggest-card.svg)}.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-left-img img{width:100%;height:128px;object-fit:cover;border-radius:12px 12px 0 0}.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-left-title{display:none}.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-left-section{padding-bottom:0;height:128px}.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-section{width:100%;padding:0}.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details{border-top:1px dashed #ececec;margin:8px 7.5px 12px;height:23px}.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details .dietary-supplement-right-calories-title,.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details .dietary-supplement-right-calories-value,.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details .dietary-supplement-right-weight-title,.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details .dietary-supplement-right-weight-value{font-size:12px}.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details .dietary-supplement-right-weight-section{border-right:none;justify-content:normal;grid-column-gap:2px;-webkit-column-gap:2px;column-gap:2px}.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details .dietary-supplement-right-weight-value{border-left:1px dashed #ececec;padding-left:2px}.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details .dietary-supplement-right-weight-unit{display:none}.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details .dietary-supplement-right-calories-section{border-right:none;justify-content:normal;grid-column-gap:2px;-webkit-column-gap:2px;column-gap:2px}.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details .dietary-supplement-right-calories-value{border-left:1px dashed #ececec;padding-left:2px}.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details .dietary-supplement-right-calories-unit,.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-nutrition-slots,.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-section-wrapper .line{display:none}.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-title{font-weight:500;margin:8px 12px;height:48px}.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-title span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media (min-width:325px){.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-description-sm{display:none}}@media (max-width:324px){.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details,.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-nutrition-slots,.search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-section-wrapper .line{display:none}}.search-history-page .empty-list-state{margin-top:35px}.search-history-page .empty-list-state .empty-img-wrapper{margin-bottom:16px}.search-history-page .empty-list-state .empty-img-wrapper .dietary-supplement-no_data-image{height:100%;border-radius:50%}.fc-percent{position:relative;font-family:"Sukhumvit Tadmai"}.fc-percent .number,.fc-percent img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.fc-percent .number .progress-value,.fc-percent img .progress-value{margin-top:3px}.fc-percent .number .progress-value span,.fc-percent img .progress-value span{font-size:12px;text-transform:uppercase}.fc-percent .number .progress-value .progress-value-inner,.fc-percent img .progress-value .progress-value-inner{font-size:16px;color:#2c2c2c;font-weight:700;line-height:14px}.fc-percent .number .progress-value .progress-value-unit,.fc-percent img .progress-value .progress-value-unit{font-size:14px;font-weight:500;color:#a0abc0;line-height:16px}body:has(.food-detail-page.--no_scroll){overflow:hidden}.food-detail-page{background:url(/images/healthAndWellness/hnwFoodCalories/food-details-bg.svg);background-repeat:no-repeat;height:100vh;width:100%;background-position:0 -30px;font-family:"Sukhumvit Tadmai";overflow-y:hidden}.food-detail-page .food-details-banner{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.food-detail-page .food-details-banner .white-box{position:absolute;margin-top:16px;border-radius:0 38px 38px 0;padding:6px 8px}.food-detail-page .food-details-banner span{margin-right:18px}.food-detail-page .food-details-description-card-container{background:#fff;border-radius:24px 24px 0 0;padding:16px 20px 40px;box-shadow:0 -8px 24px 0 rgba(0,0,0,.14902);position:absolute;width:100%;bottom:0}.food-detail-page .food-details-description-card-container.no-box-shadow{box-shadow:none;position:relative}.food-detail-page .food-details-description-card-container .description-head-text{font-size:16px;font-weight:700;line-height:24px;float:left;color:#a0abc0}.food-detail-page .food-details-description-card-container .category-img-wrapper{float:right;min-width:50px;height:24px;border:none;outline:none}.food-detail-page .food-details-description-card-container .category-img-wrapper .tag-img{height:100%}.food-detail-page .food-details-description-card-container .favourite-icon-btn-wrapper{height:24px;float:right;border:1px solid;border-radius:24px;padding:2px 8px;display:flex;align-items:center;grid-gap:4px;gap:4px;margin-left:24px;font-family:"Sukhumvit Tadmai";font-size:12px;font-weight:500;color:#2c2c2c}.food-detail-page .food-details-description-card-container .favourite-icon-btn-wrapper.--is_favourite{background-color:#ffe2e2;border-color:transparent}.food-detail-page .food-details-description-card-container .food-details-description{height:43vh}.food-detail-page .food-details-description-card-container .food-details-description.--no-image{height:calc(100vh - 60px)}.food-detail-page .food-details-description-card-container .food-details-description .food-details-title{font-size:24px;font-weight:800;margin:4px 0;word-wrap:break-word;width:100%;display:-webkit-box;-webkit-box-orient:vertical}.food-detail-page .food-details-description-card-container .food-details-description .food-details-quantity-container{display:flex;justify-content:space-between;align-items:center}.food-detail-page .food-details-description-card-container .food-details-description .food-details-quantity-container .food-details-quantity-title{font-size:18px;font-weight:700;color:#a0abc0}.food-detail-page .food-details-description-card-container .food-details-description .food-details-quantity-value-container{display:flex;align-items:center}.food-detail-page .food-details-description-card-container .food-details-description .food-details-quantity-value-container .food-details-quantity-value{font-size:24px;font-weight:800;margin-right:2px}.food-detail-page .food-details-description-card-container .food-details-description .food-details-quantity-value-container .food-details-quantity-value-unit{font-size:14px;font-weight:500;color:#a0abc0}.food-detail-page .food-details-description-card-container .food-details-description .line{height:1px;background:linear-gradient(90deg,transparent 50%,#cbd2e0 0);background-size:6px 2px,100% 2px}.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container{display:flex;margin-top:5px}.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-amount-container,.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-energy-container{display:flex;justify-content:space-between;width:50%;align-items:center}.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-amount-container{border-right:1px dotted #a0abc0;padding-right:7%;margin-right:7%}.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-amount-container .food-details-amount-title,.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-amount-container .food-details-amount-value,.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-amount-container .food-details-energy-title,.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-amount-container .food-details-energy-value,.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-energy-container .food-details-amount-title,.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-energy-container .food-details-amount-value,.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-energy-container .food-details-energy-title,.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-energy-container .food-details-energy-value{font-size:18px;font-weight:700}.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-amount-container .food-details-amount-title,.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-amount-container .food-details-energy-title,.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-energy-container .food-details-amount-title,.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-energy-container .food-details-energy-title{color:#a0abc0}.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-amount-container .food-details-amount-value,.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-amount-container .food-details-energy-value,.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-energy-container .food-details-amount-value,.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-energy-container .food-details-energy-value{color:#2c2c2c}.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-amount-container .food-details-amount-unit,.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-amount-container .food-details-energy-unit,.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-energy-container .food-details-amount-unit,.food-detail-page .food-details-description-card-container .food-details-description .food-details-amount-energy-container .food-details-energy-container .food-details-energy-unit{font-size:14px;font-weight:500;color:#a0abc0}.food-detail-page .food-details-description-card-container .food-details-description .nutrition-chart-container{display:flex;width:100%;justify-content:space-between;margin-top:20px}.food-detail-page .food-details-description-card-container .food-details-description .nutrition-chart-container .nutrition-chart-single{display:flex;flex-direction:column;text-align:center;align-items:center}.food-detail-page .food-details-description-card-container .food-details-description .nutrition-chart-container .nutrition-chart-single .nutrition-chart-title-wrapper{display:flex;align-items:center;margin-bottom:8px}.food-detail-page .food-details-description-card-container .food-details-description .nutrition-chart-container .nutrition-chart-single .nutrition-chart-title-wrapper .nutrition-chart-title{font-size:14px;font-weight:700;color:#a0abc0;line-height:20px}.food-detail-page .food-details-description-card-container .food-details-description .nutrition-chart-container .card.progress-card{border:none}.food-detail-page .food-details-description-card-container .food-details-description .nutrition-chart-container .card.progress-card-green-1.card svg circle{stroke:#c6e5ca}.food-detail-page .food-details-description-card-container .food-details-description .nutrition-chart-container .card.progress-card-green-1.card svg circle:last-of-type{stroke:#73c97d}.food-detail-page .food-details-description-card-container .food-details-description .nutrition-chart-container .card.progress-card-green-2.card svg circle{stroke:#e3f1d7}.food-detail-page .food-details-description-card-container .food-details-description .nutrition-chart-container .card.progress-card-green-2.card svg circle:last-of-type{stroke:#99e160}.food-detail-page .food-details-description-card-container .food-details-description .nutrition-chart-container .card.progress-card-green-3.card svg circle{stroke:#e5eedb}.food-detail-page .food-details-description-card-container .food-details-description .nutrition-chart-container .card.progress-card-green-3.card svg circle:last-of-type{stroke:#a7d172}.food-detail-page .food-details-description-card-container .food-details-description .nutrition-chart-container .card svg{position:relative;width:80px;height:80px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.food-detail-page .food-details-description-card-container .food-details-description .nutrition-chart-container .card svg circle{width:100%;height:100%;fill:none;stroke:#f0f0f0;stroke-width:8;stroke-linecap:round}.food-detail-page .food-details-description-card-container .food-details-description .nutrition-chart-container .card svg circle:last-of-type{stroke-dasharray:200px;stroke-dashoffset:calc(200px - 200px*var(--percent)/100)}.food-detail-page .food-details-description-card-container .food-details-description .consumption-quantity-container{margin-top:24px}.food-detail-page .food-details-description-card-container .food-details-description .consumption-quantity-container .consumption-quantity-title{font-size:18px;font-weight:700;margin-bottom:8px;line-height:26px}.food-detail-page .food-details-description-card-container .food-details-description .consumption-quantity-container .hnw-setter-container{box-shadow:none;padding:12px 0;grid-gap:8px;gap:8px}.food-detail-page .food-details-description-card-container .food-details-description .consumption-quantity-container .hnw-setter-container__wrapper__values{padding-left:0}.food-detail-page .food-details-description-card-container .food-details-description .consumption-quantity-container .hnw-setter-container__button{padding:0}.food-detail-page .food-details-description-card-container .food-details-description .consumption-quantity-container .hnw-setter-container__button img{border:1px solid #3c9d47;border-radius:50%}.food-detail-page .food-details-description-card-container .food-details-description .consumption-quantity-container .hnw-setter-container__wrapper__values-input{color:#2c2c2c;border-radius:8px}.food-detail-page .food-details-description-card-container .food-details-description .consumption-quantity-container .consumption-quantity-multiplier-frac{font-size:14px;color:#2c2c2c;margin-left:4px}.food-detail-page .food-details-description-card-container .food-details-description .consumption-quantity-container .service-size-card-container{display:flex;justify-content:space-between;grid-gap:8px;gap:8px}.food-detail-page .food-details-description-card-container .food-details-description .consumption-quantity-container .service-size-card-container .service-size-card-single{background:#edf0f7;padding:10px 12px;border-radius:12px;text-align:center;color:#a0abc0}.food-detail-page .food-details-description-card-container .food-details-description .consumption-quantity-container .service-size-card-container .service-size-card-single.service-size-card-single-active{background:#3c9d47;color:#fff}.food-detail-page .food-details-description-card-container .food-details-description .consumption-quantity-container .service-size-card-container .service-size-card-single .service-size-card-title{display:flex;align-items:center;margin-bottom:6px}.food-detail-page .food-details-description-card-container .food-details-description .consumption-quantity-container .service-size-card-container .service-size-card-single .service-size-card-title span{font-size:14px;font-weight:500;padding-left:2px}.food-detail-page .food-details-description-card-container .food-details-description .consumption-quantity-container .service-size-card-container .service-size-card-single .service-size-card-value{font-size:18px;font-weight:700;line-height:20px}.food-detail-page .description-card-container-height{height:58%}.food-detail-page .description-card-container-height-full{height:100%}.food-detail-page .green{color:#67ba6d!important}.food-detail-page .btn-red{background:#d91734;border-radius:38px;font-size:16px;padding:6px 8px;border-color:#d91734;font-weight:700;color:#fff;display:flex}.food-detail-page .btn-full-width,.food-detail-page .btn-red{height:48px;font-family:"Sukhumvit Tadmai";justify-content:center;align-items:center}.food-detail-page .btn-full-width{text-align:center}.food-detail-page .scroll-content{overflow-y:auto;height:38vh}@media screen and (max-height:667px){.food-detail-page .scroll-content{height:33vh}}@media screen and (max-height:740px){.food-detail-page .scroll-content{height:33vh}}.food-detail-page .max-height{height:100%}.food-detail-page .modal-picker .liff-numpad-panel.open .numpad-panel{height:255px}.food-detail-page .modal-picker-wrapper .modal-picker-column:first-child,.food-detail-page .modal-picker-wrapper .modal-picker-column:nth-child(2),.food-detail-page .modal-picker-wrapper .modal-picker-column:nth-child(3){flex:initial!important}.food-detail-page .modal-picker-wrapper .modal-picker-column:first-child,.food-detail-page .modal-picker-wrapper .modal-picker-column:nth-child(3){width:30%}.food-detail-page .modal-picker-wrapper .modal-picker-item{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:500;line-height:22px;color:#2c2c2c}.food-detail-page .modal-picker-wrapper>div:last-of-type{z-index:-1;background:#e7f4d7}.food-detail-page .modal-picker-wrapper>div:last-of-type>div{background:none!important}.food-detail-page .footer-container-wrapper{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:fixed;bottom:-2px}.food-detail-page .footer-container-wrapper .footer-container-btn-wrapper{display:flex;align-items:center;width:100%;background:#fff;padding:12px 20px 22px;grid-gap:8px;gap:8px}.food-detail-page .footer-container-wrapper .footer-container-btn-wrapper .btn-outlined-green{border:2.5px solid #3c9d47;border-radius:38px;font-size:16px;padding:6px 8px;font-weight:700;height:48px;color:#2c2c2c;font-family:"Sukhumvit Tadmai";display:flex;justify-content:center;align-items:center;width:100%}.food-detail-page .footer-container-wrapper .footer-container-btn-wrapper .btn-green{margin-top:10px}.food-detail-page .footer-container-wrapper .footer-container-btn-wrapper .btn-green,.food-detail-page .footer-container-wrapper .footer-container-btn-wrapper .btn-red{height:48px;font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:700;border-radius:38px;padding:6px 8px;display:flex;justify-content:center;width:100%;align-items:center}.food-detail-page .footer-container-wrapper .footer-container-btn-wrapper .btn-red{background:#d91734;border-color:#d91734;color:#fff}.food-detail-page .footer-container-wrapper .footer-container-btn-wrapper .btn-green,.food-detail-page .footer-container-wrapper .footer-container-btn-wrapper .btn-green:active,.food-detail-page .footer-container-wrapper .footer-container-btn-wrapper .btn-green:focus,.food-detail-page .footer-container-wrapper .footer-container-btn-wrapper .btn-green:hover{border:1px solid #3c9d47;background:#3c9d47;color:#fff;box-shadow:none}@media (max-width:360px){.food-detail-page .footer-container-wrapper{bottom:6px}}body:has(.food-overview-drink-container.--no_scroll){overflow:hidden}.food-overview-page{font-family:"Sukhumvit Tadmai";display:flex;flex-direction:column;padding-bottom:120px}.food-overview-page .food-overview-banner-container{background:url(/images/healthAndWellness/foodLog/food-log-home-bg.svg);background-position:50%;width:100%;background-size:cover;background-repeat:no-repeat;height:370px;overflow-x:hidden}.food-overview-page .food-overview-banner-container .nutrition-carousel-container{overflow-x:auto;height:400px}.food-overview-page .food-overview-banner-container .nutrition-carousel-container .nutrition-card-container{padding:20px 0 0}.food-overview-page .food-overview-banner-container .nutrition-carousel-container .nutrition-card-container .card{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.food-overview-page .food-overview-banner-container .header-container{background:#fff;z-index:1;position:relative;height:52px;display:flex;align-items:center}.food-overview-page .food-overview-banner-container .food-overview-banner-img-lg{display:none}.food-overview-page .food-overview-banner-container .food-overview-banner-img,.food-overview-page .food-overview-banner-container .food-overview-banner-img-lg{width:100%}.food-overview-page .food-overview-banner-container .food-overview-link{display:inline-block}.food-overview-page .food-overview-banner-container .food-overview-banner-content{overflow:hidden;height:100%}.food-overview-page .food-overview-banner-container .food-overview-banner-content .food-overview-banner-header{display:flex;justify-content:flex-end;align-items:center;margin-top:15px}.food-overview-page .food-overview-banner-container .food-overview-banner-content .food-overview-banner-header.justify-content-space-between{justify-content:space-between}.food-overview-page .food-overview-banner-container .food-overview-banner-content .food-overview-banner-header .overview-text{font-size:18px;font-weight:700;line-height:26px}.food-overview-page .food-overview-banner-container .food-overview-banner-content .food-overview-banner-header .dropdown .select-styled{background:#fff}.food-overview-page .food-overview-banner-container .food-overview-banner-content .progress-card-green-1.card{background:none;position:relative}.food-overview-page .food-overview-banner-container .food-overview-banner-content .progress-card-green-1.card svg{width:190px;height:190px}.food-overview-page .food-overview-banner-container .food-overview-banner-content .progress-card-green-1.card svg circle{stroke-width:12;stroke:#fff}.food-overview-page .food-overview-banner-container .food-overview-banner-content .progress-card-green-1.card svg circle:last-of-type{stroke:#6cc949;stroke-dasharray:560px;stroke-dashoffset:calc(560px - 560px*var(--percent)/100)}.food-overview-page .food-overview-banner-container .food-overview-banner-content .progress-card-green-1.card .percent{display:flex;justify-content:center;align-items:center}.food-overview-page .food-overview-banner-container .food-overview-banner-content .progress-card-green-1.card .percent .number{height:140px;width:140px;background:#fff;box-shadow:0 4px 12px 0 #a8d493;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center}.food-overview-page .food-overview-banner-container .food-overview-banner-content .progress-card-green-1.card .percent .number .progress-value .progress-value-inner{font-size:24px;font-weight:800}.food-overview-page .food-overview-banner-container .food-overview-banner-content .progress-card-green-1.card .percent .number .progress-value .progress-value-unit{font-size:16px;font-weight:700}.food-overview-page .food-overview-banner-container .food-overview-banner-content .nutrition-bar-container{display:flex;grid-gap:24px;gap:24px;margin-top:20px}.food-overview-page .food-overview-banner-container .food-overview-banner-content .nutrition-bar-container .nutrition-bar-header,.food-overview-page .food-overview-banner-container .food-overview-banner-content .nutrition-bar-container .nutrition-bar-single{display:flex;flex-direction:column}.food-overview-page .food-overview-banner-container .food-overview-banner-content .nutrition-bar-container .nutrition-bar-single{grid-gap:2px;gap:2px;width:33.33%}.food-overview-page .food-overview-banner-container .food-overview-banner-content .nutrition-bar-container .nutrition-bar-single .nutrition-bar-header{grid-gap:4px;gap:4px}.food-overview-page .food-overview-banner-container .food-overview-banner-content .nutrition-bar-container .nutrition-bar-single .nutrition-bar-header .nutrition-bar-name{font-size:12px;font-weight:500;color:#2c2c2c;text-align:center;line-height:16px}.food-overview-page .food-overview-banner-container .food-overview-banner-content .nutrition-bar-container .nutrition-bar-single .nutrition-bar-header .progress{width:100%;height:6px;border-radius:50px;background:#f0f0f0}.food-overview-page .food-overview-banner-container .food-overview-banner-content .nutrition-bar-container .nutrition-bar-single .nutrition-bar-header .progress .progress-bar{background:linear-gradient(90deg,#9fdc7d,#6bc948 99.62%);border-radius:16px}.food-overview-page .food-overview-banner-container .food-overview-banner-content .nutrition-bar-container .nutrition-bar-single .nutrition-bar-value-group{display:flex;justify-content:center;margin-top:4px;grid-gap:4px;gap:4px}.food-overview-page .food-overview-banner-container .food-overview-banner-content .nutrition-bar-container .nutrition-bar-single .nutrition-bar-value-group .nutrition-bar-value,.food-overview-page .food-overview-banner-container .food-overview-banner-content .nutrition-bar-container .nutrition-bar-single .nutrition-bar-value-group .nutrition-bar-value-unit{font-size:12px}.food-overview-page .food-overview-banner-container .food-overview-banner-content .nutrition-bar-container .nutrition-bar-single .nutrition-bar-value-group .nutrition-bar-value{font-weight:700}.food-overview-page .food-overview-banner-container .food-overview-banner-content .nutrition-bar-container .nutrition-bar-single .nutrition-bar-value-group .nutrition-bar-value-unit{font-weight:500}.food-overview-page .food-overview-banner-container .progress-bar__wrapper{position:relative}.food-overview-page .food-overview-banner-container .progress-bar__value{position:absolute;display:flex;flex-direction:column;align-items:center;grid-gap:8px;gap:8px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.food-overview-page .food-overview-banner-container .progress{background-color:#fff}.food-overview-page .food-overview-meal-container .food-overview-meal-title{padding-top:32px;font-size:20px;font-weight:800;font-family:"Sukhumvit Tadmai";line-height:28px;margin-bottom:16px}.food-overview-page .food-overview-meal-container .food-overview-meal-card-container{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.food-overview-page .food-overview-meal-container .food-overview-meal-card-container .food-overview-calc-progress{font-size:14px;font-weight:500;color:#a0abc0;margin-bottom:5px}.food-overview-page .food-overview-meal-container .food-overview-meal-card-container .dotted-separtor{border:none;height:1px;background:repeating-linear-gradient(90deg,#edf0f7,#edf0f7 6px,transparent 0,transparent 12px)}.food-overview-page .food-overview-meal-container .food-overview-meal-card-container .food-overview-meal-list{background:#f2f7f1;padding:6px;border-radius:6px;margin-top:6px}.food-overview-page .food-overview-meal-container .food-overview-meal-card-container .food-overview-meal-list .food-overview-meal-list-single{display:flex;grid-gap:4px;gap:4px;align-items:center;justify-content:space-between}.food-overview-page .food-overview-meal-container .food-overview-meal-card-container .food-overview-meal-list .food-overview-meal-list-single .food-overview-meal-list-col-1-container{display:flex;grid-gap:6px;gap:6px}.food-overview-page .food-overview-meal-container .food-overview-meal-card-container .food-overview-meal-list .food-overview-meal-list-single .food-overview-meal-list-col-1{display:flex}.food-overview-page .food-overview-meal-container .food-overview-meal-card-container .food-overview-meal-list .food-overview-meal-list-single .food-overview-meal-list-col-1--image{width:38px;height:38px;border-radius:50%}.food-overview-page .food-overview-meal-container .food-overview-meal-card-container .food-overview-meal-list .food-overview-meal-list-single .food-overview-meal-list-col-1--no-image-food{content:url(/images/healthAndWellness/foodCalories/food-details/food-default-suggest-card.svg)}@media (min-width:325px){.food-overview-page .food-overview-meal-container .food-overview-meal-card-container .food-overview-meal-list .food-overview-meal-list-single .food-overview-meal-list-col-1--no-image-food{content:url(/images/healthAndWellness/foodCalories/food-details/food-default-suggest-card_small.svg)}}.food-overview-page .food-overview-meal-container .food-overview-meal-card-container .food-overview-meal-list .food-overview-meal-list-single .food-overview-meal-list-col-1--no-image-supplement{content:url(/images/healthAndWellness/foodCalories/food-details/supplement-default-suggest-card.svg)}@media (min-width:325px){.food-overview-page .food-overview-meal-container .food-overview-meal-card-container .food-overview-meal-list .food-overview-meal-list-single .food-overview-meal-list-col-1--no-image-supplement{content:url(/images/healthAndWellness/foodCalories/food-details/supplement-default-suggest-card_small.svg)}}.food-overview-page .food-overview-meal-container .food-overview-meal-card-container .food-overview-meal-list .food-overview-meal-list-single .food-overview-meal-list-col-2 .food-overview-meal-list-title{display:block;display:-webkit-box;margin:0 auto;color:#2c2c2c;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:500}.food-overview-page .food-overview-meal-container .food-overview-meal-card-container .food-overview-meal-list .food-overview-meal-list-single .food-overview-meal-list-col-2 .food-overview-meal-list-quantity{font-size:14px;font-weight:500;color:#a0abc0}.food-overview-page .food-overview-meal-container .food-overview-meal-card-container .food-overview-meal-list .food-overview-meal-list-single .food-overview-meal-list-col-3{width:55px;text-align:right;font-size:14px;font-weight:500}.food-overview-page .food-overview-meal-container .food-overview-meal-card-container .food-overview-meal-list .food-overview-meal-list-single .food-overview-meal-list-col-3 .food-overview-meal-calories-value{color:#2c2c2c}.food-overview-page .food-overview-meal-container .food-overview-meal-card-container .food-overview-meal-list .food-overview-meal-list-single .food-overview-meal-list-col-3 .food-overview-meal-calories-title{color:#a0abc0}.food-overview-page .food-overview-drink-container{padding:32px 20px 0}.food-overview-page .food-overview-drink-container .food-overview-drink-heading-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.food-overview-page .food-overview-drink-container .food-overview-drink-heading-container .food-overview-drink-heading-left{font-size:20px;font-weight:800;font-family:"Sukhumvit Tadmai";line-height:28px}.food-overview-page .food-overview-drink-container .food-overview-drink-heading-container .food-overview-drink-heading-right .food-overview-drink-heading-consume,.food-overview-page .food-overview-drink-container .food-overview-drink-heading-container .food-overview-drink-heading-right .food-overview-drink-heading-separtor{font-size:16px}.food-overview-page .food-overview-drink-container .food-overview-drink-heading-container .food-overview-drink-heading-right .food-overview-drink-heading-overall-value,.food-overview-page .food-overview-drink-container .food-overview-drink-heading-container .food-overview-drink-heading-right .food-overview-drink-heading-unit{font-size:14px}.food-overview-page .food-overview-drink-container .food-overview-drink-heading-container .food-overview-drink-heading-right .food-overview-drink-heading-consume{color:#2c2c2c;font-weight:700}.food-overview-page .food-overview-drink-container .food-overview-drink-heading-container .food-overview-drink-heading-right .food-overview-drink-heading-overall-value,.food-overview-page .food-overview-drink-container .food-overview-drink-heading-container .food-overview-drink-heading-right .food-overview-drink-heading-separtor,.food-overview-page .food-overview-drink-container .food-overview-drink-heading-container .food-overview-drink-heading-right .food-overview-drink-heading-unit{color:#a0abc0;font-weight:500}.food-overview-page .food-overview-drink-container .food-overview-drink-progress{height:9px;width:100%}.food-overview-page .food-overview-drink-container .food-overview-drink-card-container{margin-top:16px;margin-bottom:20px;display:flex;flex-direction:column;grid-gap:16px;gap:16px}.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-card{box-shadow:1px 8px 18px 0 rgba(44,44,44,.101961);padding:12px;display:flex;grid-gap:8px;gap:8px;flex-direction:column;border-radius:12px}.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-card .food-overview-drink-card-header{display:flex;justify-content:space-between}.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-card .food-overview-drink-card-header-left{display:flex;flex-direction:column;color:#2c2c2c}.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-card .food-overview-drink-card-header-left-content{display:flex;grid-gap:6px;gap:6px;font-weight:500;font-size:14px;color:#a0abc0}.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-card .food-overview-drink-card-header-left .food-overview-drink-card-header-name{font-size:16px;font-weight:700;line-height:24px;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-card .food-overview-drink-card-header-left .food-overview-drink-card-header-value{font-size:14px;font-weight:500;line-height:20px;color:#2c2c2c}.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-card .food-overview-drink-card-header-right{display:flex;align-items:center}.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-card .food-overview-drink-card-header-right .btn-edit{padding:0}.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-img-container{display:grid;box-sizing:border-box;grid-gap:10px;gap:10px}.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-img-container.food-overview-drink-softDrink-container,.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-img-container.food-overview-drink-water-container{grid-template-columns:repeat(8,1fr);grid-gap:7px;gap:7px}@media (max-width:362px){.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-img-container.food-overview-drink-softDrink-container,.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-img-container.food-overview-drink-water-container{grid-template-columns:repeat(6,1fr)}}@media (min-width:363px){.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-img-container.food-overview-drink-softDrink-container,.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-img-container.food-overview-drink-water-container{grid-template-columns:repeat(7,1fr)}}@media (min-width:380px){.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-img-container.food-overview-drink-softDrink-container,.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-img-container.food-overview-drink-water-container{grid-template-columns:repeat(8,1fr)}}.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-img-container.food-overview-drink-coffee-container{grid-template-columns:repeat(5,1fr);grid-gap:0 38px;gap:0 38px}@media (max-width:390px){.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-img-container.food-overview-drink-coffee-container{grid-template-columns:repeat(4,1fr)}}@media (min-width:390px){.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-img-container.food-overview-drink-coffee-container{grid-template-columns:repeat(5,1fr)}}.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-img-container .btn.btn-drink{padding:0;display:flex;justify-content:center;align-items:center}.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-img-container .btn.btn-drink:focus{border:none;outline:none;box-shadow:none}.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-img-container .btn.btn-drink:disabled{opacity:1}.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-card-suggestion{display:flex;grid-gap:4px;gap:4px;align-items:center;color:#d3aa15}.food-overview-page .food-overview-drink-container .food-overview-drink-card-container .food-overview-drink-card-suggestion .food-overview-drink-card-suggestion-title{font-size:14px;line-height:20px}.food-overview-page .progress-calories-table{box-shadow:0 4px 12px 0 #a8d493;background:#fff;padding:12px;border-radius:12px;display:flex;flex-direction:column;grid-gap:12px;gap:12px;margin-top:20px;margin-bottom:10px}.food-overview-page .progress-calories-table .progress{background:#f0f0f0;height:9px}.food-overview-page .progress-calories-card-header,.food-overview-page .progress-calories-card-single{display:flex}.food-overview-page .progress-calories-card-body{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.food-overview-page .progress-calories-name{color:#a0abc0;font-weight:500;width:52%}.food-overview-page .progress-calories-eaten,.food-overview-page .progress-calories-stillleft,.food-overview-page .progress-calories-target{font-size:14px;color:#a0abc0;font-weight:500}.food-overview-page .progress-calories-eaten{width:15%}.food-overview-page .progress-calories-target{width:18%}.food-overview-page .progress-calories-stillleft{width:15%}.food-overview-page .progress-calories-card-body .progress-calories-eaten,.food-overview-page .progress-calories-card-body .progress-calories-stillleft,.food-overview-page .progress-calories-card-body .progress-calories-target{font-weight:700;color:#2c2c2c;font-family:"Sukhumvit Tadmai"}.food-overview-page .progress-calories-card-single{margin-bottom:4px}.food-overview-page .slick-dots{display:flex;justify-content:center;margin:0;padding:0;list-style-type:none}.food-overview-page .slick-dots li{margin:0}.food-overview-page .slick-dots li.slick-active button{background-color:#3c9d47}.food-overview-page .slick-dots button{display:block;width:6px;height:6px;padding:0;border:none;border-radius:100%;background-color:#fff;text-indent:-9999px}.food-overview-page .nutrition-bar-container .slick-track{display:flex!important;grid-gap:24px;gap:24px;left:-5px!important;margin-top:16px}@media (max-width:324px){.food-overview-page .food-overview-banner-container .food-overview-banner-img{display:none}.food-overview-page .food-overview-banner-container .food-overview-banner-img-lg{display:block}.food-overview-page .progress-calories-eaten,.food-overview-page .progress-calories-stillleft,.food-overview-page .progress-calories-target{font-size:12px}}.food-overview-page .food-log-supplement-goal-container{display:flex;flex-direction:column;grid-gap:12px;gap:12px;padding:15px 20px;margin-bottom:80px}.food-overview-page .food-log-supplement-goal-container__heading{font-size:20px;font-family:"Sukhumvit Tadmai New Bold"}@media (max-width:341px){.food-overview-page .input-modal-dialog__content{padding:20px 15px}}.dropdown{position:relative;display:inline-block}.dropdown .select-styled{display:flex;justify-content:space-between;padding:4px 4px 4px 12px;grid-gap:4px;gap:4px;border:1px solid #a0abc0;cursor:pointer;min-width:100px;text-transform:uppercase;font-weight:600;border-radius:62px;font-size:14px;color:#a0abc0;align-items:center;height:32px}.dropdown .select-styled-text{font-weight:500}.dropdown .select-styled.--centered{justify-content:center;padding:0}.dropdown .select-styled-white{background:#fff}.dropdown .select-green-arrow{width:22px;height:22px;background:#f7f9fc;border-radius:50%;display:flex;align-items:center;justify-content:center}.dropdown .select-options{display:block;position:absolute;top:100%;left:0;right:0;border:1px solid #a0abc0;background-color:#fff;z-index:9;list-style-type:none;padding-left:0;margin-top:5px;border-radius:12px;color:#a0abc0}.dropdown .select-options.--hide{display:none}.graph-style{padding:0 8px}.graph-style.single-data-list .apexcharts-canvas .apexcharts-element-hidden{opacity:1;display:inline}.graph-style.--line .apexcharts-text.apexcharts-xaxis-label:last-child{visibility:hidden}.graph-style.--two-series .apexcharts-series[rel="1"] .apexcharts-bar-area{translate:-1px}.graph-style.--two-series .apexcharts-series[rel="2"] .apexcharts-bar-area{translate:1px}.graph-style .apexcharts-bar-area{stroke:transparent;-webkit-filter:none;filter:none}.graph-style .apexcharts-bar-area[val="0"]{visibility:hidden}.graph-style .apexcharts-xaxis-tick{stroke:transparent}.graph-style .apexcharts-xaxistooltip{border:3px solid #61c68a;border-radius:50%;background-color:initial;padding:4px;transition:none}.graph-style .apexcharts-xaxistooltip:after,.graph-style .apexcharts-xaxistooltip:before{content:none}.graph-style .apexcharts-xaxistooltip.apexcharts-active{transition:none}.graph-style .apexcharts-gridlines-vertical :last-child{display:none}.graph-style .apexcharts-tooltip.apexcharts-theme-light{top:24px!important;border:0;box-shadow:none;background:none}.graph-title-container{display:grid;grid-template-columns:1fr 1fr}.graph-title-container .vertical-line{width:0;height:44px;grid-gap:0;gap:0;border:1px;opacity:0;background-color:#000}.graph-title-container-content{padding:0 16px}.graph-title-container-content-date{padding:0 16px;border-left:none}.graph-title-container-content:nth-child(2){border-left:1px dashed #edf0f7}.graph-title-container-content .graph-title-legend-container{display:flex;align-items:center}.graph-title-container-content .graph-title-value-container{display:flex;align-items:center;grid-gap:8px;gap:8px}.graph-title-container-content .graph-title-value-container .graph-title-value-unit{font-family:"Sukhumvit Tadmai";font-weight:500;font-size:12px;color:#a0abc0}.graph-title-container-content .legend-icon{margin-right:5px}.title-typography{font-size:14px;line-height:20px;color:#2c2c2c}.dim-typography{font-size:12px;line-height:15px;color:#a0abc0;font-weight:700}.font-weight-500{font-weight:500}.font-weight-700{font-weight:700}.font-family-sukhamaitext{font-family:"Sukhumvit Tadmai"}.bar-graph-container .header-typography{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:700;line-height:26px;color:#2c2c2c}.bar-graph-container-content{background:#fff;border-radius:12px;padding:16px 0;grid-gap:32px;gap:32px;box-shadow:0 4px 12px 0 rgba(0,0,0,.14902)}.bar-graph-container .month-graph-tabs{display:flex;justify-content:center;margin-top:12px}.hnw-tabs{background-color:#edf0f7;padding:2px;border-radius:8px;grid-gap:4px;gap:4px}.hnw-tabs,.hnw-tabs .htw-tab-item{display:flex;justify-content:center}.hnw-tabs .htw-tab-item{font-family:"Sukhumvit Tadmai";font-size:12px;line-height:16px;color:#a0abc0;border-radius:6px;width:64px;height:28px;align-items:center}.hnw-tabs .htw-tab-item.--active{font-weight:700;background-color:#fff;color:#2c2c2c}.month-graph-container-content{background:#fff;border-radius:12px;padding:16px 12px;grid-gap:32px;gap:32px;box-shadow:0 4px 12px 0 rgba(0,0,0,.14902)}.month-graph-container-content .month-graph-tabs{display:flex;justify-content:center;margin-top:12px}.month-graph-container-content .legend-wrapper{display:flex;justify-content:center;grid-gap:20px;gap:20px}.month-graph-container-content .legend-wrapper .legend{font-family:"Sukhumvit Tadmai";font-weight:500;font-size:12px;line-height:16px;color:#a0abc0}.month-graph-container-content .legend-wrapper .legend:before{content:"";display:inline-block;height:9px;width:9px;border-radius:50%;margin-right:8px}.month-graph-container-content .legend-wrapper .legend__food:before{content:"";background:#68c846}.month-graph-container-content .legend-wrapper .legend__exercise:before,.month-graph-container-content .legend-wrapper .legend__exercise_burn:before{background:linear-gradient(180deg,#ff4337,#ff9d66)}.log-list-container{background-image:url(/images/healthAndWellness/foodLog/food_page_bg.svg);background-size:contain;background-repeat:no-repeat;background-position:left -108px;height:100vh}@media (max-width:395px){.log-list-container{background-position:left -97px}}@media (max-width:376px){.log-list-container{background-position:left -93px}}.log-list-container .log-list-header{background-image:url(/images/healthAndWellness/exercise-log/bg-vector.svg);background-size:cover;background-repeat:no-repeat;height:87px;width:100%;display:flex;padding:28px 20px}.log-list-container .log-list-header .log-list-header-img{width:32px;height:32px;margin-right:8px}.log-list-container .log-list-header .log-list-header-text{font-size:20px;line-height:28px;font-weight:800;font-family:"Sukhumvit Tadmai New Bold";color:#2c2c2c;display:flex;align-items:center}.log-list-container .log-list-card-container .log-list-card{padding:0 20px 3px}.log-list-container .log-list-card-container .log-list-card:first-child{padding-top:25px}.supplement-list-nav .nav-tabs{border-bottom:none;width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;margin-bottom:16px}.supplement-list-nav .nav-tabs .nav-link{width:auto;height:50px;color:#a0abc0;font-weight:700;font-family:"Sukhumvit Tadmai";border:none;line-height:20px;padding:18px 16px 18px 12px;display:flex;align-items:center;justify-content:center;font-size:14px}.supplement-list-nav .nav-tabs .nav-link img{padding-right:5px}.supplement-list-nav .nav-tabs .nav-link:focus,.supplement-list-nav .nav-tabs .nav-link:focus-visible,.supplement-list-nav .nav-tabs .nav-link:hover{border:none;background:transparent;outline:none;box-shadow:none}.supplement-list-nav .nav-tabs .nav-item.show .nav-link,.supplement-list-nav .nav-tabs .nav-link.active{border:none;background:transparent;position:relative}.supplement-list-nav .nav-tabs .nav-link.active:before{position:absolute;bottom:0;content:" ";width:100%;background:#3c9d47;height:4px;left:0;right:10%;border-radius:10px}.supplement-list-nav .nav-tabs .nav-link.active img.nav-tabs-normal-img,.supplement-list-nav .nav-tabs .nav-link img.nav-tabs-normal-active-img{display:none}.supplement-list-nav .nav-tabs .nav-link.active img.nav-tabs-normal-active-img{display:block}.supplement-list-nav .nav-tabs .nav-item.show .nav-link span,.supplement-list-nav .nav-tabs .nav-link.active span{color:#3c9d47}.supplement-list-nav nav.supplement-list-nav{position:static;display:flex;align-items:center;padding:0;grid-gap:16px;gap:16px}.supplement-list-nav nav.supplement-list-nav.sticky{position:fixed;top:0;width:100%;background:#fff;left:0;z-index:9;border-bottom:1px solid #cbd2e0;padding-left:20px;padding-right:0}@media (max-width:324px){.supplement-list-nav nav.supplement-list-nav.sticky{grid-gap:4px;gap:4px;padding-left:10px;padding-right:10px}}.supplement-list-nav nav.supplement-list-nav.sticky .nav-link{width:auto}@media (max-width:324px){.supplement-list-nav nav.supplement-list-nav.sticky .nav-link:first-child{margin-right:10px}}.supplement-list-nav .input-search-sticky,.supplement-list-nav .list-sticky{width:24px;height:24px;display:none}.supplement-list-nav .list-sticky button{background:none;border:none;padding:0;display:flex}.supplement-list-nav nav.supplement-list-nav.sticky .nav-tabs{width:calc(100% - 80px);margin-bottom:0;flex:1 1}.supplement-list-nav nav.supplement-list-nav.sticky .input-search-sticky,.supplement-list-nav nav.supplement-list-nav.sticky .list-sticky{display:flex;align-items:center}@media (max-width:324px){.supplement-list-nav .nav-tabs .nav-link img{height:15px}.supplement-list-nav nav.supplement-list-nav.sticky .nav-tabs .nav-link{padding:18px 9px}}@media (min-width:375px){.supplement-list-nav .nav-tabs .nav-link{width:50%}}.home-calendar-home-container{background:url(/images/healthAndWellness/foodLog/bg-profile.svg) no-repeat;background-position-y:-80px;background-size:contain}.home-calendar-home-container .profile-banner-container{position:relative;height:156px}.home-calendar-home-container .profile-banner-container .profile-img{position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%,25%);transform:translate(-50%,25%)}.home-calendar-home-container .profile-banner-container .profile-img .profile-img-dimensions{width:100px;height:100px;border-radius:50%}.home-calendar-home-container .home-calendar-home-container-card{background-color:#fff;border-radius:24px 24px 0 0;padding:32px 20px 40px;width:100%;height:80%}.home-calendar-home-container .home-calendar-home-container-card .graph-header{display:flex;justify-content:space-between;align-items:center}.home-calendar-home-container .home-calendar-home-container-card .header-typography{font-family:"Sukhumvit Tadmai";margin:12px 0;font-size:18px;font-weight:700;line-height:26px;color:#2c2c2c}.home-calendar-home-container .home-calendar-home-container-card .health-summary-info-card{margin-top:16px}.home-calendar-home-container .home-calendar-home-container-card .health-record-card-header,.home-calendar-home-container .home-calendar-home-container-card .health-summary-info-card-header,.home-calendar-home-container .home-calendar-home-container-card .health-summary-result-card-header{font-size:18px;line-height:26px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c;margin:16px 0}.home-calendar-home-container .home-calendar-home-container-card .health-recording-card,.home-calendar-home-container .home-calendar-home-container-card .health-summary-result-card{display:flex;grid-gap:16px;gap:16px;margin-top:16px}.home-calendar-home-container .home-calendar-home-container-card .home-calendar-container{display:flex;margin:12px 0;grid-gap:12px;gap:12px}.home-calendar-home-container .home-calendar-home-container-card .home-calendar-container.two-cards>div{width:50%}.home-calendar-home-container .home-calendar-home-container-card .home-calendar-container>div{flex-grow:1}.food-log-calendar-container{background:url(/images/healthAndWellness/foodLog/bg-profile.svg) no-repeat;background-position-y:-80px;background-size:contain}.food-log-calendar-container .profile-banner-container{position:relative;height:156px}.food-log-calendar-container .profile-banner-container .profile-img{position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%,25%);transform:translate(-50%,25%)}.food-log-calendar-container .profile-banner-container .profile-img .profile-img-dimensions{width:100px;height:100px;border-radius:50%}.food-log-calendar-container .food-log-calendar-container-card{background-color:#fff;border-radius:24px 24px 0 0;padding:32px 20px 40px;width:100%;height:80%}.food-log-calendar-container .food-log-calendar-container-card .round-corner-card{background:#fff;margin-top:12px;border-radius:12px;padding:12px;box-shadow:0 4px 12px 0 rgba(0,0,0,.14902);width:100%}.food-log-calendar-container .food-log-calendar-container-card .graph-header{display:flex;justify-content:space-between;align-items:center}.food-log-calendar-container .food-log-calendar-container-card .header-typography{font-family:"Sukhumvit Tadmai";margin:12px 0;font-size:18px;font-weight:700;line-height:26px;color:#2c2c2c}.food-log-calendar-container .food-log-calendar-container-card .health-summary-info-card{margin-top:16px}.food-log-calendar-container .food-log-calendar-container-card .health-record-card-header,.food-log-calendar-container .food-log-calendar-container-card .health-summary-info-card-header,.food-log-calendar-container .food-log-calendar-container-card .health-summary-result-card-header{font-size:18px;line-height:26px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c;margin:16px 0}.food-log-calendar-container .food-log-calendar-container-card .health-recording-card,.food-log-calendar-container .food-log-calendar-container-card .health-summary-result-card{display:flex;grid-gap:16px;gap:16px;margin-top:16px}.log-progress-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.log-progress-container .log-progress-left{font-size:16px;font-weight:800;font-family:"Sukhumvit Tadmai";line-height:28px;display:flex;align-items:center}.log-progress-container .log-progress-right{display:flex;grid-gap:12px;gap:12px;align-items:center}.log-progress-container .log-progress-right__value_wrapper{display:flex;flex-direction:column}.log-progress-container .log-progress-right__value_wrapper-consume{font-weight:700;font-size:18px;line-height:26px;text-align:right}.log-progress-container .log-progress-right__value_wrapper-target{display:flex;grid-gap:6px;gap:6px;align-items:center}.log-progress-container .log-progress-right .log-progress-overall-value,.log-progress-container .log-progress-right .log-progress-unit{font-family:"Sukhumvit Tadmai";font-size:14px;color:#a0abc0;font-weight:500}.add-menu-form-container .dotted-divider{border:1px dashed #cbd2e0;margin-top:24px}.add-menu-form-container .add-menu-row{grid-gap:24px;gap:24px;margin-bottom:24px}.add-menu-form-container .add-img-section{width:96px;height:96px;border-radius:6px;margin-bottom:16px}.add-menu-form-container .add-img-section ul{list-style:none}.add-menu-form-container .add-menu-form{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.add-menu-form-container .input-field-section{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.add-menu-form-container .input-field-section label{font-size:16px;font-weight:500;font-family:"Sukhumvit Tadmai";width:100%;display:block;line-height:22px;margin-bottom:0}.add-menu-form-container .input-field-section .required-field{color:#d91734}.add-menu-form-container .input:placeholder-shown,.add-menu-form-container select:placeholder-shown{border-bottom:none}.add-menu-form-container .input-field-section input{padding:8px;border-radius:6px;font-size:16px;font-weight:500;width:100%;font-family:"Sukhumvit Tadmai";border:1px solid #cbd2e0;caret-color:transparent}.add-menu-form-container .input-field-section .select-styled{border:1px solid #cbd2e0;height:40px;border-radius:6px;width:100%;padding-left:8px}.add-menu-form-container .input-field-section .input-with-unit-section{display:flex;border:1px solid #cbd2e0;border-radius:6px;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px;padding:2px 8px}.add-menu-form-container .input-field-section .input-with-unit-section.error-input{border:2px solid #d91734!important}.add-menu-form-container .input-field-section .input-with-unit-section.success-input{border:2px solid #3c9d47!important}.add-menu-form-container .input-field-section .input-with-unit-section input{border:none;padding:0}.add-menu-form-container .input-field-section .input-with-unit-section .input-fixed-unit{font-size:16px;font-weight:500;color:#a0abc0;font-family:"Sukhumvit Tadmai"}.add-menu-form-container .input-group-section{display:flex;flex-wrap:nowrap;grid-gap:16px;gap:16px;width:100%}.add-menu-form-container .input-group-section .input-field-section{width:50%}.add-menu-form-container .add-menu-form-title{font-size:20px;line-height:28px;font-weight:800;font-family:"Sukhumvit Tadmai New Bold";color:#2c2c2c;margin-top:24px}.add-menu-form-container .nutrition-info-container{padding:16px;border-radius:12px;background-color:#f7f9fc}.add-menu-form-container .nutrition-info-container .nutrition-info-title{font-size:16px;line-height:24px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c;margin-bottom:8px}.add-menu-form-container .nutrition-info-container .nutrition-info{display:flex;justify-content:space-between;margin-bottom:8px}.add-menu-form-container .nutrition-info-container .nutrition-info-left img{width:20px;height:20px}.add-menu-form-container .nutrition-info-container .nutrition-info-left span{margin-left:8px;font-size:16px;line-height:22px;font-weight:500;font-family:"Sukhumvit Tadmai";color:#a0abc0}.add-menu-form-container .nutrition-info-container .nutrition-info-right{font-size:16px;line-height:22px;font-weight:500;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.add-menu-form-container .nutrition-info-container .nutrition-info:last-child{margin-bottom:0}.add-menu-form-container .footer-button-wrapper{width:100%;margin:84px 26px 24px;display:flex;justify-content:space-between;grid-gap:12px;gap:12px}.add-menu-form-container .footer-button-wrapper .add-menu-btn{height:48px;width:100%;padding:6px 8px;border-radius:38px;font-size:16px;font-weight:800;line-height:20px;font-family:"Sukhumvit Tadmai";display:flex;justify-content:center;align-items:center;color:#fff;background-color:#3c9d47;border:none}.add-menu-form-container .footer-button-wrapper .add-menu-btn.btn-red{background-color:#d91734}.add-menu-form-container .footer-button-wrapper .add-menu-btn.disabled-btn{background-color:#cbd2e0;font-weight:700}.add-menu-form-container .dropdown-content-items img{max-width:100px;height:30px}.ant-modal-body{background:#d9d9d9}.reactEasyCrop_Container{height:100%}.reactEasyCrop_Container img{width:100%!important}.ant-btn-default{height:48px;width:100%;padding:6px 8px;border-radius:38px;font-size:16px;font-weight:700;line-height:20px;font-family:"Sukhumvit Tadmai";display:flex;justify-content:center;align-items:center;color:#fff;background-color:#d91734;border:none}.ant-btn-default span{display:none}.ant-btn-default:after{content:"ย้อนกลับ"}.ant-btn-primary{height:48px;width:100%;padding:6px 8px;border-radius:38px;font-size:16px;font-weight:700;line-height:20px;font-family:"Sukhumvit Tadmai";display:flex;justify-content:center;align-items:center;color:#fff;background-color:#3c9d47;border:none}.ant-btn-primary span{display:none}.ant-btn-primary:after{content:"ตกลง"}.ant-modal-footer{display:flex;flex-shrink:0;background-image:url(/images/healthAndWellness/foodLog/add-menu-btns-bg.svg);width:100%;height:auto;align-items:center;padding:30px 16px 20px;background-color:#6c6c6c;border:none;background-repeat:no-repeat;background-size:cover}.ant-modal-body{padding:0;flex:1 1;background-color:#d9d9d9;margin:80px 29px}.ant-modal-close-x,.ant-slider-handle,.ant-upload-list-item-actions,.img-crop-control{display:none!important}.ant-upload.ant-upload-select-picture-card{border:1px solid #edf0f7}.ant-upload.ant-upload-select-picture-card span img{border-radius:6px}.android-dropdown{position:relative}.android-dropdown .android-dropdown-menu{border-radius:12px;box-shadow:1px 0 34px 0 rgba(44,44,44,.2);padding:0;width:244px;overflow:hidden;position:absolute;z-index:1}.android-dropdown .android-dropdown-menu .list-group-item{display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:400;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.exercise-log-calendar-container{background:url(/images/healthAndWellness/foodLog/bg-profile.svg) no-repeat;background-position-y:-80px;background-size:contain}.exercise-log-calendar-container .profile-banner-container{position:relative;height:156px}.exercise-log-calendar-container .profile-banner-container .profile-img{position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%,25%);transform:translate(-50%,25%)}.exercise-log-calendar-container .profile-banner-container .profile-img .profile-img-dimensions{width:100px;height:100px;border-radius:50%}.exercise-log-calendar-container .exercise-log-calendar-container-card{background-color:#fff;border-radius:24px 24px 0 0;padding:32px 20px 40px;width:100%;height:80%}.exercise-log-calendar-container .exercise-log-calendar-container-card .round-corner-card{background:#fff;margin-top:12px;border-radius:12px;padding:12px;box-shadow:0 4px 12px 0 rgba(0,0,0,.14902);width:100%}.exercise-log-calendar-container .exercise-log-calendar-container-card .graph-header{display:flex;justify-content:space-between;align-items:center}.exercise-log-calendar-container .exercise-log-calendar-container-card .header-typography{font-family:"Sukhumvit Tadmai";margin:12px 0;font-size:18px;font-weight:700;line-height:26px;color:#2c2c2c}.exercise-log-calendar-container .exercise-log-calendar-container-card .health-summary-info-card{margin-top:16px}.exercise-log-calendar-container .exercise-log-calendar-container-card .health-record-card-header,.exercise-log-calendar-container .exercise-log-calendar-container-card .health-summary-info-card-header,.exercise-log-calendar-container .exercise-log-calendar-container-card .health-summary-result-card-header{font-size:18px;line-height:26px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c;margin:16px 0}.exercise-log-calendar-container .exercise-log-calendar-container-card .health-recording-card,.exercise-log-calendar-container .exercise-log-calendar-container-card .health-summary-result-card{display:flex;grid-gap:16px;gap:16px;margin-top:16px}.calendar-header-wrapper{position:-webkit-sticky;position:sticky;top:0;z-index:99}.calendar-header-wrapper .calendar-header{height:36px;background-color:#fff}.calendar-header-wrapper .calendar-header-left{display:flex;align-items:center;grid-gap:12px;gap:12px}.calendar-header-wrapper .calendar-header-left span{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:500;color:#2c2c2c}.calendar-header-wrapper .calendar-header-right{display:flex;align-items:center;justify-content:end;grid-gap:20px;gap:20px}body:has(.goal-setup-wrapper.--no_scroll){overflow:hidden}.goal-setup-card{border-radius:12px;margin-bottom:16px;overflow:auto;box-shadow:1px 8px 18px 0 rgba(44,44,44,.1);background:#fff;font-family:"Sukhumvit Tadmai"}.goal-setup-card .goal-setup-header{background:#fff;height:50px;padding:0 12px;grid-gap:8px;gap:8px;position:relative;font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai"}.goal-setup-card .goal-setup-header .goal-setup-header-left{display:flex;grid-gap:8px;gap:8px}.goal-setup-card .goal-setup-header .goal-setup-header-right{display:flex}.goal-setup-card .goal-setup-header .goal-settings-right-icon{position:absolute;bottom:0}.goal-setup-card .goal-setup-body{padding:12px}.goal-setup-card .goal-setup-body .goal-setup-description{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:500;line-height:22px;color:#a0abc0;margin-bottom:12px}.goal-setup-card .goal-setup-body .card-body-section-nutrition{grid-gap:12px;gap:12px}.goal-setup-card .goal-setup-body .card-body-section-nutrition .card-body-section-nutrition-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-row-gap:1px;grid-column-gap:9px}.goal-setup-card .goal-setup-body .card-body-section-water .goal-setup-linear-row-component{background-color:#edf5fa}.goal-setup-card .goal-setup-body .card-body-section-activity,.goal-setup-card .goal-setup-body .card-body-section-supplement{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem}.goal-setup-card .goal-setup-body .card-body-section-activity,.goal-setup-card .goal-setup-body .card-body-section-exercise{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.goal-setup-card .goal-setup-body .card-body-section-activity .goal-setup-linear-row-component,.goal-setup-card .goal-setup-body .card-body-section-activity .goal-setup-linear-row-thumbnail-component,.goal-setup-card .goal-setup-body .card-body-section-exercise .goal-setup-linear-row-component,.goal-setup-card .goal-setup-body .card-body-section-exercise .goal-setup-linear-row-thumbnail-component{background-color:#faf1ed}.goal-setup-card .goal-setup-body .goal-setup-btn{border:1.5px solid #3c9d47;padding:10px 0 5px;border-radius:6px;width:100%;background:#fff;height:48px}.goal-setup-card .goal-setup-body .goal-setup-btn-typography{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:700;line-height:20px;text-align:left}.goal-setup-exerciseGoal-card{padding:0;border-radius:0;margin-bottom:0;grid-gap:12px;gap:12px;overflow:auto;box-shadow:none;background:#fff}.goal-setup-weightGoal-card .goal-setup-header{background:#dbedc2}.goal-setup-foodGoal-card .goal-setup-header{background:#c8e3a3}.goal-setup-supplementGoal-card .goal-setup-header{background:#aae2c1}.goal-setup-waterGoal-card .goal-setup-header{background:#aadbf0}.goal-setup-activityGoal-card .goal-setup-header{background:#fed1b7}.goal-setup-activityGoal-card .goal-setup-activityGoal-body .goal-setup-description{width:311px}.position-right-12{right:12px}.position-right-45{right:45px}.card-body-section-exercise{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.card-body-section-exercise .goal-setup-linear-row-component,.card-body-section-exercise .goal-setup-linear-row-thumbnail-component{background-color:#faf1ed}.hnw-goals-weight-details{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.hnw-goals-weight-details-heading{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:500;line-height:22px;color:#2c2c2c}.hnw-goals-weight-details-value{font-family:"Sukhumvit Tadmai";font-weight:700;line-height:20px;font-size:16px;color:#80d26c}.hnw-goals-weight-details-value.--no-value{font-size:14px;color:#d91734}.hnw-two-button-modal{bottom:0;height:auto;top:auto}.hnw-two-button-modal .liff-numpad-panel.open{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:rgba(0,0,0,.6)}.hnw-two-button-modal .liff-numpad-panel.open .modal-header{border-bottom:none;height:55px}.hnw-two-button-modal .liff-numpad-panel.open .modal-header .modal-header-content{display:flex;padding:8px;margin-bottom:8px;justify-content:flex-start;grid-gap:6px;gap:6px;border-bottom:1px solid #cbd2e0;width:100%;height:55px;align-items:center}.hnw-two-button-modal .liff-numpad-panel.open .modal-header button{display:flex;align-items:center}.hnw-two-button-modal .liff-numpad-panel.open .modal-header span{font-size:14px;font-weight:700;color:#2c2c2c;font-family:"Sukhumvit Tadmai"}.hnw-two-button-modal .liff-numpad-panel.open .modal-header .btn-green-rounded{height:22px;width:22px;border:none;background:#f7f9fc;border-radius:50%;display:flex;justify-content:center;align-items:center}.hnw-two-button-modal .liff-numpad-panel.open .modal-body{height:94px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c;margin-top:1rem;padding:1rem 0 0}.hnw-two-button-modal .liff-numpad-panel.open .modal-footer{border-top:none;display:flex;justify-content:space-between;flex-wrap:nowrap;grid-gap:8px;gap:8px}.hnw-two-button-modal .liff-numpad-panel.open .modal-footer button{width:50%;height:48px;border-radius:48px;padding:6px 8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:"Sukhumvit Tadmai"}.hnw-two-button-modal .liff-numpad-panel.open .modal-footer button.btn-red{background:#d91734;color:#fff}.hnw-two-button-modal .liff-numpad-panel.open .modal-footer button.btn-red:active,.hnw-two-button-modal .liff-numpad-panel.open .modal-footer button.btn-red:focus,.hnw-two-button-modal .liff-numpad-panel.open .modal-footer button.btn-red:hover{background:#d91734!important;border-color:#d91734!important;box-shadow:none}.hnw-two-button-modal .liff-numpad-panel.open .modal-footer button.btn-primary{background:#f2f7f1;color:#3c9d47;border-color:#f2f7f1}.hnw-two-button-modal .liff-numpad-panel.open .modal-footer button.btn-primary:active,.hnw-two-button-modal .liff-numpad-panel.open .modal-footer button.btn-primary:focus,.hnw-two-button-modal .liff-numpad-panel.open .modal-footer button.btn-primary:hover{background:#f2f7f1!important;border-color:#f2f7f1!important;box-shadow:none}.goal-setup-linear-row-component{background:#f2f7f1;padding:8px;border-radius:6px;text-align:right;height:3.5rem}.goal-setup-linear-row-component-left-text{font-size:14px;font-weight:700;font-family:"Sukhumvit Tadmai"}.goal-setup-linear-row-component-left-text-light{font-size:14px;font-family:"Sukhumvit Tadmai";color:#717d96}.goal-setup-linear-row-component-right{font-size:14px;color:#2c2c2c;font-weight:500}.goal-setup-linear-row-component-right-col1{grid-gap:4px;gap:4px}.goal-setup-linear-row-component-right-col1-value{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai"}.goal-setup-linear-row-component-right-col1-unit{color:#a0abc0}.goal-setup-linear-row-thumbnail-component{background:#f2f7f1;padding:8px;border-radius:6px;grid-gap:8px;gap:8px;font-size:16px;font-weight:500;font-family:"Sukhumvit Tadmai"}.goal-setup-linear-row-thumbnail-component-left{height:48px;width:48px;background-color:#fff;border-radius:12px}.goal-setup-linear-row-thumbnail-component-right{width:100%;overflow:hidden;text-overflow:ellipsis}.goal-setup-linear-row-thumbnail-component-right-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:100%}.goal-setup-linear-row-thumbnail-component-right-amount{grid-gap:4px;gap:4px}.goal-setup-linear-row-thumbnail-component-right-amount-value{font-weight:700;font-family:"Sukhumvit Tadmai"}.goal-setup-linear-row-thumbnail-component-right-amount-unit{color:#a0abc0}.goal-setup-box-component{background:#f2f7f1;padding:6px 4px;border-radius:6px}.goal-setup-box-component-title,.goal-setup-box-component-unit{font-size:14px;font-weight:500;color:#a0abc0}.goal-setup-box-component-value{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.goal-setting-home-container .goal-setting-home-header{position:fixed;background:#fff;z-index:9;width:100%;top:0}.goal-setting-home-container .goal-setting-home-header .header-bottom-section{height:52px;background:#fff}.goal-setting-home-container .goal-setting-home-header .header-bottom-section .header-bottom-icons{display:flex;grid-gap:16px;gap:16px;align-items:center;justify-content:flex-end}.goal-setting-home-container .goal-setting-container{margin-bottom:30px;color:#2c2c2c;padding:75px 20px 20px;grid-gap:16px;gap:16px}.goal-setting-home-container .goal-setting-container .goal-setting-heading{grid-gap:4px;gap:4px;position:relative;margin-bottom:16px}.goal-setting-home-container .goal-setting-container .goal-setting-heading .goal-setting-title{font-family:"Sukhumvit Tadmai";font-size:20px;font-weight:1000;line-height:28px;text-align:left}.hnw-goals-weight-container{background:url(/images/healthAndWellness/goals/weight/bgGoalSetting.svg);background-position-y:-100px;width:100%;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.hnw-goals-weight-container .hnw-goals-weight-header{width:100%}.hnw-goals-weight-container .hnw-goals-weight-details-container{padding:16px;flex-grow:1}.hnw-goals-weight-container .hnw-goals-weight-details-container .hnw-goals-weight-details-wrapper{margin-top:48px;padding:12px;border-radius:12px;background:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.14902)}.hnw-goals-weight-container .hnw-goals-weight-details-container .hnw-goals-weight-details__current-weight{padding-bottom:12px}.hnw-goals-weight-container .hnw-goals-weight-details-container .hnw-goals-weight-details__target-weight{padding-top:12px;border-top:1px solid #cbd2e0}.hnw-goals-weight-container .hnw-goals-weight-details-container .hnw-goals-weight-details__target-weight-setting-wrapper{margin-top:24px}.hnw-goals-weight-container .hnw-goals-weight-details-container .hnw-goals-weight-details__target-weight-setting-stepper{margin-top:12px}.hnw-goals-weight-container .hnw-goals-weight-details-container .hnw-goals-weight-details__target-weight-setting-description{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:500;line-height:22px;color:#a0abc0}.hnw-goals-weight-container .hnw-goals-weight-details-container .hnw-goals-weight-details__target-weight-setting-text span{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:500;line-height:22px;color:#a0abc0;margin-right:5px}.hnw-goals-weight-container .hnw-goals-weight-details-container .hnw-goals-weight-details__target-weight-setting-text span:nth-child(2){font-size:18px;font-weight:700;line-height:26px;color:#3c9d47}.hnw-goals-weight-container .hnw-goals-weight-details-container .hnw-goals-weight-details-suggestion{text-align:center;margin-top:24px}.hnw-goals-weight-container .hnw-goals-weight-details-container .hnw-goals-weight-details-suggestion-tooltip{background-color:#fff;border-radius:12px;display:flex;align-items:center;text-align:left;position:relative}.hnw-goals-weight-container .hnw-goals-weight-details-container .hnw-goals-weight-details-suggestion-tooltip:before{content:"";display:block;position:absolute;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);left:50%;top:0;border:12px solid transparent;border-bottom:16px solid #fff}.hnw-goals-weight-container .hnw-goals-weight-details-container .hnw-goals-weight-details-suggestion-tooltip_image-wrapper{position:relative;margin-right:32px}.hnw-goals-weight-container .hnw-goals-weight-details-container .hnw-goals-weight-details-suggestion-tooltip_image-wrapper :nth-child(2){position:absolute;bottom:0;right:-12px}.hnw-goals-weight-container .hnw-goals-weight-details-container .hnw-goals-weight-details-suggestion-tooltip img{border-radius:12px}.hnw-goals-weight-container .hnw-goals-weight-details-container .hnw-goals-weight-details-suggestion-tooltip-text{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:500;line-height:22px;color:#2c2c2c}.hnw-goals-weight-container .hnw-goals-weight-details-container .hnw-goals-weight-details-suggestion-tooltip-value{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:700;line-height:22px;color:#3c9d47}.hnw-goals-weight-container .hnw-goals-weight-details-container .hnw-goals-weight-details-suggestion-tooltip-value.--has-error{color:#d91734}.hnw-goals-weight-container .hnw-goals-weight-details-container .hnw-goals-weight-details-suggestion-description{display:inline-block;text-align:left;font-family:"Sukhumvit Tadmai";font-size:14px;line-height:20px;color:#2c2c2c;margin:24px 48px 0}.hnw-goals-weight-container .hnw-goals-weight-details-container .hnw-goals-weight-details-suggestion-description li::marker{font-size:8px}.hnw-goals-weight-container .hnw-goals-weight-footer{position:relative}.hnw-goals-weight-container .hnw-goals-weight-footer img{width:100%}.hnw-goals-weight-container .hnw-goals-weight-footer .btn{font-family:"Sukhumvit Tadmai";width:calc(100% - 32px);height:48px;position:absolute;top:15%;bottom:0;left:0;right:0;background:#3c9d47;margin:auto;display:block;border-radius:38px;font-size:16px;padding:6px 8px;color:#fff;font-weight:700}.hnw-goals-weight-container .hnw-goals-weight-footer .btn:disabled{background-color:#cbd2e0}.hnw-goals-weight-container .hnw-goals-weight-footer .btn:active,.hnw-goals-weight-container .hnw-goals-weight-footer .btn:focus,.hnw-goals-weight-container .hnw-goals-weight-footer .btn:hover{box-shadow:none}.hnw-goals-weight-container .hnw-goals-numpad-modal .liff-panel.open .select-coupon-panel{height:300px;border-radius:12px 12px 0 0}body:has(.activity-goal-details-page.--no_scroll){overflow:hidden}.hnw-goals-activity-container .activity-goal-setting-custom-modal .open{z-index:99}.hnw-goals-activity-container .activity-goal-setting-custom-modal .open .numpad-panel{height:calc(100vh - 100px)}.hnw-goals-activity-container .activity-goal-setting-custom-modal .liff-numpad-panel.open{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.hnw-goals-activity-container .activity-goal-details-page .header-container{position:relative;background:#fff;border:none}.hnw-goals-activity-container .activity-goal-details-page .header-container .home-title span{font-size:20px;font-weight:800;font-family:"Sukhumvit Tadmai New Bold"}.hnw-goals-activity-container .activity-goal-details-page .header-container .activity-header-curve-img{position:absolute;bottom:-16px;top:auto}.hnw-goals-activity-container .activity-goal-details-page .activity-goal-details-container{background:url(/images/healthAndWellness/goals/activity/bg-goal-setting.svg);background-size:100%;height:calc(100% - 122px);background-position:0 -50px;padding-top:50px}.hnw-goals-activity-container .activity-goal-details-page .activity-goal-details-container .container-fluid{padding-left:16px;padding-right:16px}.hnw-goals-activity-container .activity-goal-details-page .activity-goal-details-container .activity-goal-details-inner-wrapper .activity-main-goal-container{display:flex;flex-direction:column;grid-gap:12px;gap:12px;margin-bottom:32px}.hnw-goals-activity-container .activity-goal-details-page .activity-goal-details-container .activity-goal-details-inner-wrapper .activity-sub-goal-container .activity-exercise-details-card-header{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai";display:flex;grid-gap:8px;gap:8px;align-items:center;margin-bottom:16px}.hnw-goals-activity-container .activity-goal-details-page .activity-goal-details-container .activity-goal-details-inner-wrapper .activity-sub-goal-container .activity-goal-details-list{margin-bottom:16px}.hnw-goals-activity-container .activity-goal-details-page .activity-goal-details-container .activity-goal-details-inner-wrapper .activity-sub-goal-container .activity-goal-details-list li{display:flex;flex-direction:row;align-items:center}.hnw-goals-activity-container .activity-goal-details-page .activity-goal-details-container .activity-goal-details-inner-wrapper .activity-sub-goal-container .exercise-goal-card-wrapper{display:flex;flex-direction:column;grid-gap:16px;gap:16px;padding-bottom:120px}.hnw-goals-activity-container .activity-goal-details-page .activity-goal-details-container .activity-goal-details-inner-wrapper .activity-sub-goal-container .exercise-goal-card-wrapper .exercise-goal-card{box-shadow:1px 8px 18px 0 rgba(44,44,44,.1);background:#fff;border-radius:12px;padding:12px;display:flex;flex-direction:column;grid-gap:12px;gap:12px}.hnw-goals-activity-container .activity-goal-details-page .activity-goal-details-container .activity-goal-details-inner-wrapper .activity-sub-goal-container .exercise-goal-card-wrapper .exercise-goal-card .exercise-goal-card-header{display:flex;justify-content:space-between;align-items:center}.hnw-goals-activity-container .activity-goal-details-page .activity-goal-details-container .activity-goal-details-inner-wrapper .activity-sub-goal-container .exercise-goal-card-wrapper .exercise-goal-card .exercise-goal-card-header .exercise-goal-card-header-left{display:flex;align-items:center;grid-gap:12px;gap:12px}.hnw-goals-activity-container .activity-goal-details-page .activity-goal-details-container .activity-goal-details-inner-wrapper .activity-sub-goal-container .exercise-goal-card-wrapper .exercise-goal-card .exercise-goal-card-header .exercise-goal-card-header-left span{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai"}.hnw-goals-activity-container .activity-goal-details-page .activity-goal-details-container .activity-goal-details-inner-wrapper .activity-sub-goal-container .exercise-goal-card-wrapper .exercise-goal-card .exercise-goal-card-body{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.hnw-goals-activity-container .activity-goal-details-page .activity-goal-details-container.delete-activity-container{padding-top:5px}.hnw-goals-activity-container .activity-goal-details-page .activity-goal-details-container.delete-activity-container .activity-sub-goal-container ul{font-size:14px}.hnw-goals-activity-container .activity-goal-details-page .footer-container-wrapper{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:fixed;bottom:0}.hnw-goals-activity-container .activity-goal-details-page .footer-container-wrapper .footer-container-btn-wrapper{display:flex;align-items:center;width:100%;background:#fff;padding:0 20px 22px;grid-gap:24px;gap:24px}.hnw-goals-activity-container .activity-goal-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-disabled,.hnw-goals-activity-container .activity-goal-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-green{height:48px;font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:700;border-radius:38px;padding:6px 8px;margin-top:10px;display:flex;justify-content:center;width:48%;align-items:center}.hnw-goals-activity-container .activity-goal-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-red{background:#d91734;border-radius:38px;font-size:16px;padding:6px 8px;border-color:#d91734;font-weight:700;height:48px;color:#fff;font-family:"Sukhumvit Tadmai";display:flex;justify-content:center;align-items:center}.hnw-goals-activity-container .activity-goal-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-green,.hnw-goals-activity-container .activity-goal-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-green:active,.hnw-goals-activity-container .activity-goal-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-green:focus,.hnw-goals-activity-container .activity-goal-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-green:hover{border:1px solid #3c9d47;background:#3c9d47;color:#fff;box-shadow:none}.hnw-goals-activity-container .activity-goal-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-red,.hnw-goals-activity-container .activity-goal-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-red:active,.hnw-goals-activity-container .activity-goal-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-red:focus,.hnw-goals-activity-container .activity-goal-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-red:hover{border:1px solid #d91734;background:#d91734;color:#fff;box-shadow:none}.hnw-goals-activity-container .activity-goal-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-disabled,.hnw-goals-activity-container .activity-goal-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-disabled:active,.hnw-goals-activity-container .activity-goal-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-disabled:focus,.hnw-goals-activity-container .activity-goal-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-disabled:hover{border:1px solid #a0abc0;background:#a0abc0;color:#fff;box-shadow:none}.hnw-goals-activity-container .activity-goal-details-page .footer-container-wrapper .footer-container-btn-wrapper .form-group label:before{margin-right:10px}.hnw-goals-activity-container .activity-goal-details-page .footer-container-wrapper .footer-container-btn-wrapper .form-group input.exercise-goal-checkbox-minus:checked+label:before{background:#a0abc0}.hnw-goals-activity-container .activity-goal-details-page .footer-container-wrapper .footer-container-btn-wrapper .form-group input.exercise-goal-checkbox-minus:checked+label:after{content:"–";-webkit-transform:none;transform:none;top:0;left:6px;color:#fff;border:none}.hnw-goals-activity-container ul{margin:0;padding-left:16px}.bg-darkbrown{background:rgba(26,26,26,.6)}.activity-goal-card-container{display:flex;flex-direction:column;height:calc(100vh - 100px)}.activity-goal-card-container .activity-goal-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.activity-goal-card-container .activity-goal-card-header .activity-goal-card-header-left{font-size:14px;font-weight:700;color:#d91734;font-family:"Sukhumvit Tadmai"}.activity-goal-card-container .activity-goal-card-header .activity-goal-card-header-right .btn-primary{width:96px;height:28px;display:flex;justify-content:center;align-items:center;font-family:"Sukhumvit Tadmai";background:#3c9d47;border-radius:38px;font-size:14px;padding:6px 8px;border-color:#3c9d47;font-weight:700;color:#fff}.activity-goal-card-container .activity-goal-card-header .activity-goal-card-header-right .btn-disabled{width:96px;height:28px;display:flex;justify-content:center;align-items:center;font-family:"Sukhumvit Tadmai";background:#cbd2e0;border-radius:38px;font-size:14px;padding:6px 8px;border-color:#cbd2e0;font-weight:700;color:#fff}.activity-goal-card-container .activity-goal-card-header .activity-goal-card-header-right .btn-primary:active,.activity-goal-card-container .activity-goal-card-header .activity-goal-card-header-right .btn-primary:focus,.activity-goal-card-container .activity-goal-card-header .activity-goal-card-header-right .btn-primary:hover{background:#3c9d47!important;border-color:#3c9d47!important}.activity-goal-card-container .activity-goal-card-header .activity-goal-card-header-right .btn-disabled:active,.activity-goal-card-container .activity-goal-card-header .activity-goal-card-header-right .btn-disabled:focus,.activity-goal-card-container .activity-goal-card-header .activity-goal-card-header-right .btn-disabled:hover{background:#a0abc0!important;border-color:#a0abc0!important}.activity-goal-card-container .activity-goal-card-body{display:flex;grid-gap:24px;gap:24px;flex-wrap:wrap;margin-top:16px;padding-bottom:24px;overflow-y:scroll}.activity-goal-card-container .activity-goal-card-body .activity-goal-card-single{box-shadow:1px 8px 18px 0 rgba(44,44,44,.1);border-radius:12px;overflow:hidden;width:46%;display:flex;flex-direction:column}@media (max-width:324px){.activity-goal-card-container .activity-goal-card-body .activity-goal-card-single{width:45.5%}}.activity-goal-card-container .activity-goal-card-body .activity-goal-card-single .activity-goal-card-img{width:100%;height:128px;object-fit:cover}.activity-goal-card-container .activity-goal-card-body .activity-goal-card-single .activity-goal-card-img.filter-grayscale{-webkit-filter:grayscale(1);filter:grayscale(1)}.activity-goal-card-container .activity-goal-card-body .activity-goal-card-single .activity-goal-card-description{padding:8px 10px;width:100%}.activity-goal-card-container .activity-goal-card-body .activity-goal-card-single .activity-goal-card-description .activity-goal-card-title{height:40px;font-size:14px;font-weight:500;font-family:"Sukhumvit Tadmai";text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#2c2c2c}.activity-goal-card-container .activity-goal-card-body .activity-goal-card-single .activity-goal-card-description .activity-goal-card-title-text{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.activity-goal-card-container .activity-goal-card-body .activity-goal-card-single .activity-goal-card-description .activity-goal-card-bottom{display:flex;align-items:center;color:#a0abc0;font-size:12px;font-weight:500;grid-gap:2px;gap:2px;height:24px;margin-top:8px;border-top:1px solid #edf0f7;font-family:"Sukhumvit Tadmai"}.activity-goal-card-container .activity-goal-card-body .activity-goal-card-single .activity-goal-card-description .activity-goal-card-bottom .selected-title,.activity-goal-card-container .activity-goal-card-body .activity-goal-card-single .activity-goal-card-description .activity-goal-card-bottom .selected-value{line-height:16px}.activity-goal-card-container .activity-goal-card-body .activity-goal-card-single.activity-goal-card-active{border:2px solid #80d26c}.activity-goal-card-container .activity-goal-card-body .activity-goal-card-single.activity-goal-card-disabled{border:2px solid #a0abc0}.activity-goal-card-container .activity-goal-card-body .activity-goal-card-single.activity-goal-card-disabled .activity-goal-card-img{color:#a0abc0!important}.hnw-goals-nutrition-container{background:url(/images/healthAndWellness/goals/nutrition/bgGoalSetting.svg);background-position:50%;width:100%;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;height:90vh;display:flex;flex-direction:column;justify-content:space-between;overflow:scroll}.hnw-goals-nutrition-container::-webkit-scrollbar{width:0}.hnw-goals-nutrition-container .hnw-goals-nutrition-header{width:100%}.hnw-goals-nutrition-container .hnw-goals-nutrition-details-container{padding:16px;margin-top:25px;flex-grow:1}.hnw-goals-nutrition-container .hnw-goals-nutrition-details-container .hnw-goals-nutrition-details-wrapper{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.hnw-goals-nutrition-container .hnw-goals-nutrition-details-container .hnw-goals-nutrition-details-suggestion{display:flex;flex-direction:column;justify-content:space-between;align-items:center;grid-gap:24px;gap:24px;margin:35px 20px 10px}.hnw-goals-nutrition-container .hnw-goals-nutrition-details-container .hnw-goals-nutrition-details-suggestion-description img{margin:0 5px}.hnw-goals-nutrition-footer{position:fixed;bottom:0;width:100%}.hnw-goals-nutrition-footer img{width:100%}.hnw-goals-nutrition-footer .btn{font-family:"Sukhumvit Tadmai";width:calc(100% - 32px);height:48px;position:absolute;top:15%;bottom:0;left:0;right:0;background:#3c9d47;margin:auto;display:block;border-radius:38px;font-size:16px;padding:6px 8px;color:#fff;font-weight:700}.hnw-goals-nutrition-footer .btn:disabled{background-color:#a0abc0}.hnw-goals-nutrition-footer .btn:active,.hnw-goals-nutrition-footer .btn:focus,.hnw-goals-nutrition-footer .btn:hover{box-shadow:none}.hnw-goals-water-container{background:url(/images/healthAndWellness/goals/water/water_goal_bg.svg);background-position:50%;width:100%;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.hnw-goals-water-container .hnw-goals-water-header{width:100%}.hnw-goals-water-container .hnw-goals-water-details-container{padding:20px;flex-grow:1;display:flex;flex-direction:column;grid-gap:24px;gap:24px}.hnw-goals-water-container .hnw-goals-water-details-container__card-wrapper{margin-top:24px}.hnw-goals-water-container .hnw-goals-water-details-container__tooltip-wrapper{display:flex;justify-content:center}.hnw-goals-water-container .hnw-goals-water-details-container__tooltip-wrapper__main{display:flex;width:100%;flex-direction:column;grid-gap:8px;gap:8px;padding:16px 24px;border-radius:12px}.hnw-goals-water-container .hnw-goals-water-details-container__tooltip-wrapper__main-header{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:14px;line-height:20px}.hnw-goals-water-container .hnw-goals-water-details-container__tooltip-wrapper__main-details{display:flex;align-items:center;justify-content:space-evenly}.hnw-goals-water-container .hnw-goals-water-details-container__tooltip-wrapper__main-quantity{color:#72c3e6;font-size:24px;font-weight:800;font-family:"Sukhumvit Tadmai";line-height:26px}.hnw-goals-water-container .hnw-goals-water-details-container__tooltip-wrapper__main-unit{color:#a0abc0;font-size:16px;font-weight:500;font-family:"Sukhumvit Tadmai"}.hnw-goals-water-container .hnw-goals-water-details-container__suggestions-wrapper{display:flex;flex-direction:column;justify-content:space-between;align-items:center;grid-gap:24px;gap:24px;margin-top:12px}.hnw-goals-water-container .hnw-goals-water-details-container__suggestions-wrapper-suggestion-list-text,.hnw-goals-water-container .hnw-goals-water-details-container__suggestions-wrapper-suggestion-list img{margin-left:5px}.hnw-goals-water-container .hnw-goals-water-footer{position:relative}.hnw-goals-water-container .hnw-goals-water-footer img{width:100%}.hnw-goals-water-container .hnw-goals-water-footer .btn{font-family:"Sukhumvit Tadmai";width:calc(100% - 32px);height:48px;position:absolute;top:15%;bottom:0;left:0;right:0;background:#3c9d47;margin:auto;display:block;border-radius:38px;font-size:16px;padding:6px 8px;color:#fff;font-weight:700}.hnw-goals-water-container .hnw-goals-water-footer .btn:disabled{background-color:#a0abc0}.hnw-goals-water-container .hnw-goals-water-footer .btn:active,.hnw-goals-water-container .hnw-goals-water-footer .btn:focus,.hnw-goals-water-container .hnw-goals-water-footer .btn:hover{box-shadow:none}.hnw-goals-supplements-container{background:url(/images/healthAndWellness/goals/supplements/supplements_goal_bg.svg);background-position:50%;width:100%;background-size:cover;background-attachment:fixed;background-repeat:repeat;background-position:0 -100px;height:90vh;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between}.hnw-goals-supplements-container::-webkit-scrollbar{width:0}.hnw-goals-supplements-container .hnw-goals-supplements-header{width:100%}.hnw-goals-supplements-container .hnw-goals-supplements-details-container{padding:20px;margin-top:24px;flex-grow:1;display:flex;flex-direction:column;grid-gap:40px;gap:40px;align-items:center}.hnw-goals-supplements-container .hnw-goals-supplements-details-container__add-card-wrapper{width:100%;margin-top:24px}.hnw-goals-supplements-container .hnw-goals-supplements-details-container__suggestions-wrapper{display:flex;justify-content:center;align-items:center;grid-gap:12px;gap:12px}.hnw-goals-supplements-container .hnw-goals-supplements-details-container__suggestions-wrapper ul{margin:0;font-size:14px;font-weight:500;font-family:"Sukhumvit Tadmai";line-height:20px;list-style:none}.hnw-goals-supplements-container .hnw-goals-supplements-footer{position:fixed;bottom:0;width:100%}.hnw-goals-supplements-container .hnw-goals-supplements-footer-img{width:100%}.hnw-goals-supplements-container .hnw-goals-supplements-footer-wrapper{position:absolute;top:15%;bottom:0;left:0;right:0}.hnw-goals-supplements-container .hnw-goals-supplements-footer-btn{font-family:"Sukhumvit Tadmai";width:calc(100% - 32px);height:48px;background:#3c9d47;margin:auto;display:block;border-radius:38px;border:1px solid #3c9d47;font-size:16px;padding:6px 8px;color:#fff;font-weight:700}.hnw-goals-supplements-container .hnw-goals-supplements-footer-btn:disabled{background-color:#cbd2e0;border:1px solid #cbd2e0}.hnw-goals-supplements-container .hnw-goals-supplements-footer-btn:active,.hnw-goals-supplements-container .hnw-goals-supplements-footer-btn:focus,.hnw-goals-supplements-container .hnw-goals-supplements-footer-btn:hover{box-shadow:none}.hnw-goals-supplements-container .hnw-goals-supplements-footer__checkbox-wrapper{width:100%;padding:20px;align-items:center;display:flex;justify-content:flex-start}.hnw-goals-supplements-container .hnw-goals-supplements-footer__checkbox-wrapper-btn{background:#d91734;border:1px solid #d91734;width:100%}.hnw-goals-supplements-container .hnw-goals-supplements-footer__checkbox-wrapper-btn:active,.hnw-goals-supplements-container .hnw-goals-supplements-footer__checkbox-wrapper-btn:focus,.hnw-goals-supplements-container .hnw-goals-supplements-footer__checkbox-wrapper-btn:hover{box-shadow:none}.recommended-exercise-container-wrapper .header{margin-top:32px}.exercise-goal-container-wrapper .header,.recommended-exercise-container-wrapper .header{margin-bottom:16px;font-size:20px;font-weight:800;line-height:28px;font-family:"Sukhumvit Tadmai New Bold";color:#2c2c2c}.exercise-goal-container-wrapper .header{margin-top:16px}.exercise-listing-container .activity-category-container .container-fluid{padding:0 15px}.exercise-listing-container .activity-category-container .container-fluid .row .col-12{padding:0}.exercise-listing-container .activity-category-container .container-fluid .row .col-12 .activity-list-container{padding:0 20px;margin-bottom:8px}.exercise-listing-container .activity-category-container .container-fluid .row .col-12 .activity-list-container .activity-list-container-wrapper{width:100%!important;overflow:hidden;position:relative}.exercise-listing-container .activity-category-container .container-fluid .row .col-12 .activity-list-container .activity-list-container-wrapper.slick-slider{margin-top:22px}.exercise-listing-container .activity-category-container .container-fluid .row .col-12 .activity-list-container .activity-list-container-wrapper.slick-slider .slick-slide{padding:0 4px}.exercise-listing-container .activity-category-container .container-fluid .row .col-12 .activity-list-container .header{margin-bottom:16px;margin-top:32px;font-size:20px;font-weight:800;line-height:28px;font-family:"Sukhumvit Tadmai New Bold";color:#2c2c2c}.exercise-listing-container .activity-category-container .container-fluid .row .col-12 .activity-list-container .activity-list-card-wrapper{display:flex;grid-gap:30px;gap:30px;justify-content:space-around}.exercise-listing-container .activity-category-container .container-fluid .row .col-12 .activity-list-container .activity-list-card-wrapper .activity-list-card-single{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.exercise-listing-container .activity-category-container .container-fluid .row .col-12 .activity-list-container .activity-list-card-wrapper .activity-list-card-single .activity-list-card-title{font-size:14px;font-weight:500;line-height:20px;margin-top:5px;font-family:"Sukhumvit Tadmai"}.exercise-listing-container .activity-category-container .container-fluid .row .col-12 .activity-list-container .activity-list-card-wrapper .activity-list-card-single .activity-list-card-round{display:none}.exercise-listing-container .activity-category-container .container-fluid .row .col-12 .activity-list-container .activity-list-card-wrapper .activity-list-card-single.activity-list-card-active .activity-list-card-title{color:#3c9d47;font-weight:700;font-family:"Sukhumvit Tadmai"}.exercise-listing-container .activity-category-container .container-fluid .row .col-12 .activity-list-container .activity-list-card-wrapper .activity-list-card-single.activity-list-card-active .activity-list-card-round{display:block;height:62px;width:62px;border:2px solid #3c9d47;border-radius:50%;position:absolute;bottom:27px;z-index:-1;left:50%;-webkit-transform:translate(-50%,5px);transform:translate(-50%,5px)}.exercise-listing-container .activity-category-container .container-fluid .row .col-12 .exercise-list-container-banner{margin-bottom:16px}.exercise-listing-container .activity-category-container .container-fluid .row .col-12 .exercise-list-container-banner img{width:100%}.exercise-listing-container .activity-category-container .container-fluid .row .col-12 .recommended-exercise{padding:0 20px}.exercise-log-list-container{background-size:contain;background-repeat:no-repeat;height:100vh;background-image:url(/images/healthAndWellness/exercise-log/exercise-bg.svg);background-position:left -118px}@media (max-width:376px){.exercise-log-list-container{background-position:left -93px}}.exercise-log-list-container .log-list-header{background-image:url(/images/healthAndWellness/exercise-log/bg-vector.svg);background-size:cover;background-repeat:no-repeat;height:87px;width:100%;display:flex;padding:28px 20px}.exercise-log-list-container .log-list-header .log-list-header-img{width:32px;height:32px;margin-right:8px}.exercise-log-list-container .log-list-header .log-list-header-text{font-size:20px;line-height:28px;font-weight:800;font-family:"Sukhumvit Tadmai New Bold";color:#2c2c2c;display:flex;align-items:center}.exercise-log-list-container .log-list-card-container .log-list-card{padding:0 20px 3px}.exercise-log-list-container .log-list-card-container .log-list-card:first-child{padding-top:25px}body:has(.exercise-log-home-container.--no_scroll){overflow:hidden}.exercise-log-home-container{padding-bottom:120px}.exercise-log-home-container .white-box{width:100%;position:fixed}.exercise-log-home-container .exercise-log-custom-modal .open{background-color:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:99}.exercise-log-home-container .exercise-log-custom-modal .open .numpad-panel{height:calc(100vh - 300px)}.exercise-log-home-container .exercise-log-custom-modal .open .numpad-panel .devices-list-wrapper{overflow-y:auto}.exercise-log-home-container .exercise-log-custom-modal .hnw-exercise-time-log-container{border-radius:0;border:none;border-top-left-radius:24px;border-top-right-radius:24px;padding:0}.exercise-log-home-container .exercise-log-custom-modal .hnw-exercise-time-log-container .modal-body{padding:16px 20px 48px;height:55vh;overflow-y:auto}.exercise-log-home-container .exercise-log-custom-modal .hnw-exercise-time-log-container .modal-body .modal-heading{margin-bottom:14px;font-size:24px;font-weight:800;font-family:"Sukhumvit Tadmai";border-bottom:0}.exercise-log-home-container .exercise-log-custom-modal .hnw-exercise-time-log-container .modal-body .devices-list-wrapper{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.exercise-log-home-container .exercise-log-custom-modal .hnw-exercise-time-log-container .modal-body .devices-list-wrapper .devices-single{display:flex;justify-content:space-between;align-items:center}.exercise-log-home-container .exercise-log-custom-modal .hnw-exercise-time-log-container .modal-body .devices-list-wrapper .devices-single .device-single-left{display:flex;align-items:center;grid-gap:9px;gap:9px}.exercise-log-home-container .exercise-log-custom-modal .hnw-exercise-time-log-container .modal-body .devices-list-wrapper .devices-single .device-single-left .device-name{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.exercise-log-home-container .exercise-log-custom-modal .hnw-exercise-time-log-container .modal-body .devices-list-wrapper .devices-single .btn-icon-round{background:#f7f9fc}.exercise-log-home-container .exercise-log-custom-modal .hnw-exercise-time-log-container .modal-body .devices-list-wrapper .devices-single .btn-icon-round .add-img{width:32px;height:32px;margin-right:6px}.exercise-log-home-container .exercise-log-custom-modal .hnw-exercise-time-log-container .modal-body .btn-red{margin-top:14px}.exercise-log-home-container .exercise-log-custom-modal .hnw-exercise-time-log-container .modal-header{border-bottom:none}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12{padding:0}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .your-goal-container{position:relative;padding:0 20px}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .your-goal-container .header{margin-bottom:48px;font-size:20px;font-weight:800;line-height:28px;font-family:"Sukhumvit Tadmai New Bold";color:#2c2c2c}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .your-goal-container .goal-img{position:absolute;bottom:1px;z-index:1}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .your-goal-container .your-goal-card{position:relative;background-image:url(/images/healthAndWellness/exercise-log/goal-curve.svg);background-repeat:no-repeat;background-position:bottom;background-size:100%;border-radius:12px}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .your-goal-container .your-goal-card .your-goal-card-wrapper{position:relative;display:flex;box-shadow:1px 8px 18px 0 rgba(44,44,44,.1);border-radius:12px;padding:10px;justify-content:flex-end;max-width:100%}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .your-goal-container .your-goal-card .your-goal-card-wrapper .your-goal-details{width:70%;z-index:1}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .your-goal-container .your-goal-card .your-goal-card-wrapper .your-goal-details .your-goal-description{display:flex;flex-direction:column;font-size:14px;font-weight:700;line-height:20px;font-family:"Sukhumvit Tadmai";color:#2c2c2c;margin-bottom:17px}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .your-goal-container .your-goal-card .your-goal-card-wrapper .your-goal-details .btn-primary{border-radius:38px;font-size:14px;font-family:"Sukhumvit Tadmai";height:28px;padding:6px 12px 6px 8px;grid-gap:4px;gap:4px;background-color:#3c9d47;display:flex;align-items:center;justify-content:center;width:141px;border-color:#3c9d47;cursor:pointer}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .your-goal-container .your-goal-card .goal-curve-img{position:absolute;bottom:0;left:0;right:0;width:100%;border-bottom-left-radius:12px;border-bottom-right-radius:12px;object-fit:cover;height:64px;margin:0}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .activity-list-container{padding:0 20px}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .activity-list-container .activity-list-container-wrapper{width:100%!important;overflow:hidden;position:relative}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .activity-list-container .activity-list-container-wrapper.slick-slider{margin-top:22px}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .activity-list-container .activity-list-container-wrapper.slick-slider .slick-slide{padding:0 4px}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .activity-list-container .header{margin-bottom:16px;margin-top:32px;font-size:20px;font-weight:800;line-height:28px;font-family:"Sukhumvit Tadmai New Bold";color:#2c2c2c}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .activity-list-container .activity-list-card-wrapper{display:flex;grid-gap:30px;gap:30px;justify-content:space-around}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .activity-list-container .activity-list-card-wrapper .activity-list-card-single{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .activity-list-container .activity-list-card-wrapper .activity-list-card-single .activity-list-card-title{font-size:14px;font-weight:500;line-height:20px;margin-top:5px}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .activity-list-container .activity-list-card-wrapper .activity-list-card-single .activity-list-card-round{display:none}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .activity-list-container .activity-list-card-wrapper .activity-list-card-single.activity-list-card-active .activity-list-card-title{color:#3c9d47;font-weight:700;font-family:"Sukhumvit Tadmai"}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .activity-list-container .activity-list-card-wrapper .activity-list-card-single.activity-list-card-active .activity-list-card-round{display:block;height:62px;width:62px;border:2px solid #3c9d47;border-radius:50%;position:absolute;bottom:27px;z-index:-1;left:50%;-webkit-transform:translate(-50%,5px);transform:translate(-50%,5px)}.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .exercise-daily-activity-container,.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .exercise-goal-container,.exercise-log-home-container .activity-category-container .container-fluid .row .col-12 .recommended-exercise{padding:0 20px}.exercise-log-home-container .exercise-overview-banner-container{background:url(/images/healthAndWellness/foodLog/exercise-log-home-bg.svg);background-position:50%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:left -24px;height:350px;margin-bottom:32px;padding-top:52px}@media (max-width:465px){.exercise-log-home-container .exercise-overview-banner-container{background-position:left -82px}}@media (max-width:428px){.exercise-log-home-container .exercise-overview-banner-container{background-position:left -64px}}@media (max-width:394px){.exercise-log-home-container .exercise-overview-banner-container{background-position:left -50px}}@media (max-width:390px){.exercise-log-home-container .exercise-overview-banner-container{background-position:left -36px}}@media (max-width:370px){.exercise-log-home-container .exercise-overview-banner-container{background-position:left -24px}}@media (max-width:324px){.exercise-log-home-container .exercise-overview-banner-container{background-position:left -20px}}.exercise-log-home-container .exercise-overview-banner-container .exercise-overview-banner-content{padding:20px}.exercise-log-home-container .exercise-overview-banner-container .exercise-overview-banner-content .exercise-overview-banner-header{display:flex;justify-content:space-between;align-items:center}.exercise-log-home-container .exercise-overview-banner-container .exercise-overview-banner-content .exercise-overview-banner-header .exercise-overview-heading{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:18px;line-height:26px;color:#2c2c2c}.exercise-log-home-container .exercise-overview-banner-container .exercise-overview-banner-content .exercise-overview-banner-header .dropdown .select-styled{background:#fff}.exercise-log-home-container .exercise-chart-vector{width:100%;object-fit:cover}.goal-search-history-page{background:url(/images/healthAndWellness/goals/goals-search-bg.svg) #fff;background-repeat:no-repeat;width:100%;background-position:0 -95px;font-family:"Sukhumvit Tadmai";margin-bottom:40px;background-size:100%}.goal-search-history-page .back-container{display:flex;padding:16px 20px 16px 12px;grid-gap:73px;gap:73px}.goal-search-history-page .back-container .back-wrapper{display:flex;align-items:center;padding:6px 8px;grid-gap:4px;gap:4px}.goal-search-history-page .back-container .back-wrapper .back-title{font-size:16px;font-weight:700;line-height:20px;text-align:center}.goal-search-history-page .header-wrapper{background-color:hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding-top:16px;padding-bottom:0}.goal-search-history-page .banner-container .search-img-container{background-image:url(/images/healthAndWellness/foodCalories/food-list/food-header-curve.svg);background-repeat:no-repeat;margin-top:20px;background-position:0 40px}.goal-search-history-page .banner-container .search-category-container{margin-top:20px;margin-bottom:14px}.goal-search-history-page .banner-container .search-category-container .dietary-supplement-section{background:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.14902);border-radius:12px;margin-bottom:16px;grid-gap:0;gap:0}.goal-search-history-page .banner-container .search-category-container .sh-category-title{font-size:20px;font-weight:800;margin:20px 0}.goal-search-history-page .banner-container .search-category-container .category-carousel-container{overflow-x:auto;overflow-y:hidden;margin-top:5px;display:flex;grid-gap:8px;gap:8px;flex-wrap:nowrap}.goal-search-history-page .banner-container .search-category-container .category-carousel-container .category-card{display:flex!important;align-items:center;justify-content:space-between;border:1px solid #cbd2e0;border-radius:29px;padding:4px 8px 4px 4px;grid-gap:8px;gap:8px}.goal-search-history-page .banner-container .search-category-container .category-carousel-container .category-card.active{background-color:#a7d172;color:#fff}.goal-search-history-page .banner-container .search-category-container .category-carousel-container .category-card .sh-category-card-title{font-size:14px;font-weight:700;text-align:center;line-height:20px;white-space:nowrap}.goal-search-history-page .banner-container .search-category-container .category-carousel-container .category-card img{height:24px;width:24px}.goal-search-history-page .banner-container .search-category-container .history-keyword-container{display:flex;align-items:center;flex-wrap:wrap;grid-gap:12px;gap:12px}.goal-search-history-page .banner-container .search-category-container .history-keyword-container .history-keyword-content{display:flex;align-items:center;padding:4px 10px;border-radius:24px;background-color:#f7f9fc;grid-gap:4px;gap:4px}.goal-search-history-page .banner-container .search-category-container .history-keyword-container .history-keyword-content.active{background-color:#a7d172;color:#fff}.goal-search-history-page .banner-container .search-category-container .history-keyword-container .history-keyword-content.active img{-webkit-filter:brightness(10);filter:brightness(10)}.goal-search-history-page .banner-container .search-category-container .history-keyword-container .history-keyword-content .sh-category-card-title{font-size:12px;font-weight:700;text-align:center;line-height:20px;white-space:nowrap}.goal-search-history-page .banner-container .search-category-container .history-keyword-container .history-keyword-content img{height:24px;width:24px}@media (min-width:325px){.goal-search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-right-description-sm{display:none}}@media (max-width:324px){.goal-search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-section-wrapper{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;justify-content:space-between}.goal-search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-section{width:47%;flex-direction:column;justify-content:space-between;padding:0}.goal-search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-left-img{width:100%;justify-content:center;padding:8px 0}.goal-search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-left-img img{width:100%;height:128px;object-fit:cover}.goal-search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-left-title{display:none}.goal-search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-left-section{padding-bottom:0;height:128px}.goal-search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-right-section{width:100%;padding:0 8px 8px}.goal-search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-right-details,.goal-search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-right-nutrition-slots,.goal-search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-section-wrapper .line{display:none}.goal-search-history-page .banner-container .search-category-container .product-search_results-container .dietary-supplement-right-title{font-weight:500;margin-bottom:8px;margin-top:0}}.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-section-wrapper{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;justify-content:space-between}.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-section{width:47%;flex-direction:column;justify-content:space-between;padding:0}.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-left-img{width:100%;justify-content:center;height:128px;padding:0}.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-left-img.--food .--no_image{content:url(/images/healthAndWellness/foodCalories/food-details/food-default-suggest-card.svg)}.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-left-img.--supplement .--no_image{content:url(/images/healthAndWellness/foodCalories/food-details/supplement-default-suggest-card.svg)}.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-left-img img{width:100%;height:128px;object-fit:cover;border-radius:12px 12px 0 0}.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-left-title{display:none}.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-left-section{padding-bottom:0;height:128px}.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-section{width:100%;padding:0}.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details{border-top:1px dashed #ececec;margin:8px 12px;height:24px;padding:0}.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details .dietary-supplement-right-calories-title,.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details .dietary-supplement-right-calories-value,.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details .dietary-supplement-right-weight-title,.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details .dietary-supplement-right-weight-value{font-size:12px}.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details .dietary-supplement-right-weight-section{border-right:none;justify-content:normal;grid-column-gap:2px;-webkit-column-gap:2px;column-gap:2px}.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details .dietary-supplement-right-weight-value{border-left:1px dashed #ececec;padding-left:2px}.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details .dietary-supplement-right-weight-unit{display:none}.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details .dietary-supplement-right-calories-section{border-right:none;justify-content:normal;grid-column-gap:2px;-webkit-column-gap:2px;column-gap:2px}.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details .dietary-supplement-right-calories-value{border-left:1px dashed #ececec;padding-left:2px}.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details .dietary-supplement-right-calories-unit,.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-nutrition-slots,.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-section-wrapper .line{display:none}.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-title{font-weight:500;margin:8px 10px;height:40px;display:flex;align-items:center}.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-title span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media (min-width:325px){.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-description-sm{display:none}}@media (max-width:324px){.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-details,.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-right-nutrition-slots,.goal-search-history-page .banner-container .search-category-container .product-suggestion-container .dietary-supplement-section-wrapper .line{display:none}}.goal-search-history-page .empty-list-state{margin-top:35px}.goal-search-history-page .empty-list-state img{width:100%}.terms-condition-container{background:#f5f5f5;height:calc(100vh - 54px);font-weight:500;font-family:"Sukhumvit Tadmai"}.terms-condition-container .col-12{padding:0 12px}.terms-condition-container .col-12 .terms-condition-title{margin-bottom:15px;font-size:20px;margin-top:15px;font-weight:800;padding:0 5px;font-family:"Sukhumvit Tadmai New Bold"}.terms-condition-container .terms-conditions-content-wrapper{background-image:url(/images/termsConditions/bg-terms-condition.svg);background-repeat:no-repeat;background-size:cover;padding:0 20px 10px;background-position:0 24px;height:100%;overflow-x:hidden}.terms-condition-container .terms-conditions-content-wrapper .card{box-shadow:0 4px 12px 0 rgba(0,0,0,.14902);padding:10px 15px;border-radius:8px;background:#fff;font-size:14px;color:#2c2c2c;font-weight:500;border:none;min-height:calc(100vh - 115px)}.terms-condition-container .terms-conditions-content-wrapper .card.card-full{height:calc(100vh - 80px)}.terms-condition-container .terms-conditions-content-wrapper .card .card-content .content-top-text{margin-top:15px}.terms-condition-container .terms-conditions-content-wrapper .card .card-content .card-list{margin-left:3px}.terms-condition-container .terms-conditions-content-wrapper .card .card-content .card-list .card-list-single{display:flex;align-items:center}.terms-condition-container .terms-conditions-content-wrapper .card .card-content .card-list .card-list-single .card-list-dot{height:2px;width:2px;display:inline-block;border-radius:50%;background:#000;margin-right:22px}.terms-condition-container .terms-conditions-content-wrapper .terms-condition-button-group{display:flex;margin-top:12px;justify-content:space-between}.terms-condition-container .terms-conditions-content-wrapper .terms-condition-button-group .mr-10{margin-right:10px}.terms-condition-container .terms-conditions-content-wrapper .terms-condition-button-group .btn-secondary-custom{background:#fff;border-radius:38px;font-size:16px;padding:6px 8px;border-color:#3c9d47;display:flex;justify-content:center;color:#707070}.terms-condition-container .terms-conditions-content-wrapper .terms-condition-button-group .btn-primary-tc,.terms-condition-container .terms-conditions-content-wrapper .terms-condition-button-group .btn-secondary-custom{width:47%}.terms-condition-container .terms-condition-fixed-button{position:fixed;display:normal;bottom:10px;text-align:center;width:100%;display:flex;justify-content:center}.terms-condition-container .terms-condition-fixed-button.--hide{display:none}.terms-condition-container .terms-condition-fixed-button button.btn-primary-tc{height:36px;width:166px}.terms-condition-container .terms-condition-fixed-button button img{padding-left:5px}.terms-condition-container .btn-primary-tc{background:#3c9d47;border-radius:38px;font-size:16px;padding:6px 8px;border-color:#3c9d47;display:flex;justify-content:center}.terms-condition-container .btn-primary-tc:active,.terms-condition-container .btn-primary-tc:focus,.terms-condition-container .btn-primary-tc:hover{background:#3c9d47!important;border-color:#3c9d47!important}.policy-container{background:#f5f5f5;height:calc(100vh - 54px);font-weight:500;font-family:"Sukhumvit Tadmai"}.policy-container .col-12{padding:0 12px}.policy-container .policy-title{margin-bottom:15px;font-size:20px;margin-top:15px;font-weight:800;padding:0 5px;font-family:"Sukhumvit Tadmai New Bold"}.policy-container .policy-content-wrapper{background-image:url(/images/termsConditions/bg-terms-condition.svg);background-repeat:no-repeat;background-size:cover;padding:0 20px 10px;background-position:0 24px;height:100%;overflow-x:hidden}.policy-container .policy-content-wrapper .card{box-shadow:0 4px 12px 0 rgba(0,0,0,.14902);padding:10px 15px;border-radius:8px;background:#fff;font-size:14px;color:#2c2c2c;font-weight:500;border:none;min-height:calc(100vh - 115px)}@media (max-width:376px){.policy-container .policy-content-wrapper .card{height:100%}}.policy-container .policy-content-wrapper .card .card-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cbd2e0}.policy-container .policy-content-wrapper .card .card-title p{font-size:14px;font-weight:500}.policy-container .policy-content-wrapper .card .card-title .switch{position:relative;display:inline-block;width:60px;height:34px}@media (max-width:320px){.policy-container .policy-content-wrapper .card .card-title .switch{width:70px}}.policy-container .policy-content-wrapper .card .card-title .switch input{opacity:0;width:0;height:0}.policy-container .policy-content-wrapper .card .card-title .switch input:checked+.slider{background-color:#3c9d47}.policy-container .policy-content-wrapper .card .card-title .switch input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.policy-container .policy-content-wrapper .card .card-title .switch input:focus+.slider{box-shadow:0 0 1px #3c9d47}.policy-container .policy-content-wrapper .card .card-title .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd2e0;transition:.4s}.policy-container .policy-content-wrapper .card .card-title .switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}.policy-container .policy-content-wrapper .card .card-title .switch .slider.round{border-radius:34px}.policy-container .policy-content-wrapper .card .card-title .switch .slider.round:before{border-radius:50%}.policy-container .policy-content-wrapper .card .card-content .content-top-text{margin-top:15px}.policy-container .policy-content-wrapper .card .card-content .card-list{margin-left:3px}.policy-container .policy-content-wrapper .card .card-content .card-list .card-list-single{display:flex;align-items:center}.policy-container .policy-content-wrapper .card .card-content .card-list .card-list-single .card-list-dot{height:2px;width:2px;display:inline-block;border-radius:50%;background:#000;margin-right:22px}.w-50{width:50%}.w-100{width:100%}.cart-icon{position:absolute;top:20px;right:0}.sop-header{margin-top:5px;margin-left:20px;position:absolute}.sop-header-image{box-shadow:4px 4px 8px 0 rgba(0,0,0,.0392157)}.sop-header .new-h2{font-size:20px;font-weight:800;line-height:28px;margin-bottom:0;margin-top:15px;color:#2c2c2c;word-spacing:0!important}.sop-header .new-h2,.sop-header .subheading{font-family:"Sukhumvit Tadmai";letter-spacing:0!important;text-align:left}.sop-header .subheading{font-size:14px;font-weight:500;line-height:20px;color:#707070}.sop-product-box{border-radius:10px;margin-left:8px;border:none;background-color:#fff}.sop-plp-container{padding:16px 16px 16px 8px;justify-content:left!important}.sop-product-content{padding-top:20px;margin-bottom:10px}.display-flex{display:flex}.option-field{padding:10px}.sop-pdp-plans{background-color:rgba(0,0,0,.0392157);padding-bottom:150px}.sop-scroll-bottom{position:absolute;padding:15px;color:#fff;top:0;background-color:#2c2c2c;opacity:.8;width:100%;font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:700;line-height:20px;letter-spacing:0!important;text-align:left;display:flex;justify-content:center}.sop-scroll-bottom span{margin-top:2px}.sop-plans-title label{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:700;line-height:24px;letter-spacing:0!important;text-align:left}.sop-plans-title input:checked~.checkmark{border:0!important;margin:-2px!important}.sop-pdp-cart-icon{position:absolute;top:20px;right:0}.option-detail-box{width:100%;background-color:#fff;padding-bottom:20px;border-radius:10px;border:2px solid #e4e4e4}.sop-active-plans{border:2px solid #38539a}.new-option-content,.option-content{padding-top:10px;margin-left:20px}.floating-right{float:right}.mr-20{margin-right:20px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mt-5{margin-top:5px}.mt-15{margin-top:15px}.mt-30{margin-top:30px}.product-image-container{border-radius:10px}.card-product-img{height:auto;width:auto;margin-top:2px;margin-right:0;background-color:initial}.sop-price-container{margin-top:10px;padding:0 16px}.sop-price-container h2{font-family:"Sukhumvit Tadmai";font-size:20px;font-weight:800;line-height:28px;letter-spacing:0!important;text-align:left}.new-sop-title-name{font-size:14px;font-weight:700;line-height:20px;color:#2c2c2c;height:48px}.new-sop-title-name,.new-sop-title-sku{font-family:"Sukhumvit Tadmai";letter-spacing:0!important;text-align:left;margin-left:16px}.new-sop-title-sku{font-size:12px;font-weight:500;line-height:16px;color:#707070}.sop-plp-benefit .option-box{padding:4px 16px}.sop-plp-benefit .option-box .new-option-content{padding:0 9px;background-color:#f1f2ff;margin-top:5px;margin-left:0}.sop-plp-benefit .option-box .new-option-content span{font-family:"Sukhumvit Tadmai";font-size:10px;font-weight:500;line-height:14px;letter-spacing:0!important;text-align:left;color:#38539a;word-wrap:break-word}.sop-plp-benefit .option-box .hidden-content{visibility:hidden}.footer{bottom:0;width:100%;padding:30px 20px;position:relative;background-color:#fff}.image-detail{width:100%;text-align:center}.w-h-100{width:100%;height:100%}.autoSub-box{background-color:#f1f2ff;width:100%}.autocontinue-checkbox input:checked~.checkmark{border:0!important;margin:-2px!important}.autocontinue-checkbox .checkmark{border-radius:28%;border:2px solid #2c2c2c}.autocontinue-checkbox label{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:20px;letter-spacing:0!important;text-align:center}.autoSub-content{margin-left:16px;padding-top:15px;padding-bottom:1px}.justify-center{justify-content:center}.align-item-center{align-items:center}.text-right{text-align:right}.sop-pdp-details{padding:0 16px;background-color:#fff}.sop-name-box{background:#fff;margin-bottom:20px}.sop-name-box .sop-pdp-price span,.sop-name-box .sop-pdp-title{font-family:"Sukhumvit Tadmai";font-size:20px;font-weight:800;line-height:28px;letter-spacing:0!important;text-align:left;color:#2c2c2c;margin-left:16px}.sop-name-box .sop-pdp-pvbv{margin-left:16px;font-family:"Sukhumvit Tadmai";font-size:12px;font-weight:500;line-height:16px;letter-spacing:0!important;text-align:left;color:#707070}.wrapperAll{width:100%!important}.pt-10{padding-top:5px}.sopPlan-tag-start-image{background-image:url(/images/sop/subscription/flag.svg)}.sopPlan-tag-benefit-image,.sopPlan-tag-start-image{display:"flex";align-items:center;justify-content:"center";width:25px;height:25px;color:#000;background-repeat:round;font-size:12px;text-align:center}.sopPlan-tag-benefit-image{background-image:url(/images/sop/subscription/tag_new.svg)}.sopPlan-tag-period-image{display:"flex";align-items:center;justify-content:"center";border-radius:"50%";width:10px;height:10px;background:#000;border-radius:10px;background-repeat:round;font-size:12px;text-align:center}.month-position{margin-top:8px}.month-position-benefits{margin-top:7.5px;margin-left:6px}.box{margin:20px}.gray-font{font-family:"Sukhumvit Tadmai";font-size:12px;font-weight:500;line-height:16px;letter-spacing:0!important;text-align:left;margin-left:16px}.benefits-box{background-color:#d6dfff;color:#38539a;text-align:left;padding:5px 5px 5px 10px}.font-bold{font-weight:700}.price-style{font-size:25px}.css-df17o1{position:fixed!important}.title-style{line-height:40px}.sop-footer{bottom:-5px;padding:0;position:fixed}.sop-footer .sop-btn-purchase{border:none;color:#fff;padding:10px 50px;border-radius:10px;border-radius:30px;background-color:#2c2c2c}.sop-footer .sop-btn-purchase:disabled{background-color:#d9d9d9;color:#9ea0a3}.sop-footer .sop-pdp-price{font-size:20px;font-weight:800;line-height:28px;color:#2c2c2c}.sop-footer .sop-pdp-price,.sop-footer .sop-pdp-pvbv{font-family:"Sukhumvit Tadmai";letter-spacing:0!important;text-align:left}.sop-footer .sop-pdp-pvbv{font-size:12px;font-weight:500;line-height:16px;color:#707070}.sop-footer .sop-sub-footer{padding:16px;box-shadow:0 -4px 8px 0 rgba(0,0,0,.101961)}.sop-footer .sop-price-button-align{display:flex;justify-content:space-between;align-items:center}.typePage{display:flex;flex-direction:column}.regisPage.no-bg{background:#fafafa!important}.regisPage._pt-35{padding-top:35px!important}.regisPage h2{font-size:24px;color:#38539a}.regisPage small{font-size:14px;color:#aaa}.regisPage .cancle-text{margin-bottom:30px}.regisPage .cancle-text>a{padding-bottom:5px;border-bottom:1px solid #707070}.regisPage .cancle-text>a:visited{color:#2c2c2c}.regisPage .question{font-weight:500;font-size:20px;max-width:60%;margin-bottom:40px}.regisPage.home{background-size:100% 240px!important}.regisPage.home .title{margin-bottom:5px}.regisPage.home .subtitle{font-size:15px}.regisPage.home form .homeForm label{font-size:14px!important}.regisPage.home .forget-password{margin-top:10px;font-size:13px}.regisPage.home .to-public{text-decoration:underline;color:#000;font-weight:700}.mt-32{margin-top:32px}.mt-90{margin-top:90px}.mb-20{margin-bottom:20px}.mb-32{margin-bottom:32px}.mb-40{margin-bottom:40px}.mb-90{margin-bottom:90px}.mb-120{margin-bottom:120px}.text-center{text-align:center}.top-100{margin-top:100%}input,select{-webkit-appearance:none;position:relative;border:none;border-bottom:1px solid #2c2c2c;background-color:initial;color:#2c2c2c;font-family:"Sukhumvit Set","Helvetica",Arial,sans-serif;font-size:16px;height:34px;width:100%}input:placeholder-shown,select:placeholder-shown{border-bottom:1px solid #e6e6e6}input.invalid,select.invalid{border-bottom:1px solid #cb5454}input[type=date],input[type=time]{-webkit-appearance:none;width:100%;background:url(/images/date.svg) no-repeat!important;background-position:96% 7px!important}input[type=date]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-inner-spin-button{-webkit-appearance:none;display:none}button{font-family:"Sukhumvit Set","Helvetica",Arial,sans-serif}.input-personal{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:15px;margin-bottom:22px}.input-personal ._header{color:#2c2c2c;margin-bottom:16px;font-weight:700;font-size:16px;line-height:24px}.register{padding:40px 0;background-color:#fafafa;text-align:center}.register,.register h1{font-family:"Sukhumvit Set"}.register h1{margin-bottom:15px;font-size:18px;font-weight:700}.register .footer{padding:0 10%}.register .footer .input-checkbox{justify-content:center}.register .cancle-text{margin-bottom:30px}.register .cancle-text>a{padding-bottom:5px;border-bottom:1px solid #707070}.register .cancle-text>a:visited{color:#2c2c2c}.input-checkbox{position:relative;display:flex;align-items:center;text-align:left;margin-bottom:32px}.input-checkbox>._box-check{background:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;width:24px;height:24px;border:1px solid #2c2c2c;box-shadow:none}.input-checkbox>._box-check._active{border-color:#2c2c2c}.input-checkbox>a{font-weight:700;margin-left:12px;font-size:16px;color:#2c2c2c;padding-bottom:5px;border-bottom:1px solid #707070}.away-form-new{width:100%;max-width:86%;margin:0 auto}.away-form>.form-group{text-align:left;margin-bottom:16px}.away-form>.form-group._group{position:relative;display:flex;padding-top:22px}.away-form>.form-group._group label{position:absolute;top:0;left:0;z-index:1}.away-form>.form-group._group input{text-align:center;margin-right:10px}.away-form>.form-group>label{display:block;font-size:12px}.away-form>.form-group>input{width:100%;font-size:14px;padding:6px 0;border-radius:0;border:none;border-bottom:1px solid #2c2c2c;max-width:100%}.away-form>.form-group>input:placeholder-shown{border-bottom:2px solid #ededed}.away-button{display:block;margin:0 auto;font-family:"Sukhumvit Set";width:100%;height:44px;color:#2c2c2c;border-radius:22px;border:2px solid #2c2c2c;font-weight:700;font-size:16px;background-color:#fafafa}.away-button.active{background-color:#2c2c2c;border:2px solid #2c2c2c;color:#fff}.away-button:disabled{background-color:#fff;border:2px solid #e6e6e6;color:#e6e6e6}.Success{display:flex;flex-direction:column;justify-content:center;background:url(/images/bg-register2.png) no-repeat 100% 0;background-size:contain;width:100%;min-height:100vh;margin:0 auto;padding:0 10%;text-align:center}.Success h1{font-style:normal;font-weight:700;font-size:24px;line-height:30px;margin-bottom:20px}.Success h2{font-size:18px;margin-bottom:20px}.Success h2.name{margin-bottom:10px}.Success h2.away-num{font-size:16px;margin-top:5px}.Success small{font-size:14px;color:#aaa}.Success>.logoAmway{width:140px;margin:0 auto 22px;padding-top:32px}.Success>.picture{border-radius:50%;overflow:hidden;width:94px;height:94px;margin:0 auto 20px}.Success>.picture>img{width:100%}.Success>.detail{margin-top:16px}.Success>.detail,.Success>.footer{margin-bottom:32px}.Success>.footer button{margin-bottom:12px}.Condition{background:#fafafa;width:100%;min-height:100vh;margin:0 auto;padding:32px 5%}.Condition .details{background:#fff;border-radius:12px;box-shadow:0 1px 10px rgba(0,0,0,.1);padding:30px;font-size:12px;margin-bottom:16px;color:#000}.Condition .details h1{font-size:18px;text-align:center}.Condition .details h2{font-size:14px}.Condition .details p{margin-bottom:12px}.list-interest{display:grid;grid-template-columns:1fr 1fr;max-width:80%;margin:0 auto}.list-interest>.item{position:relative;display:inline-block;margin:0 auto 15px;min-width:120px;width:70%;vertical-align:top;-webkit-filter:drop-shadow(0 5px 15px rgba(0,0,0,.04));filter:drop-shadow(0 5px 15px rgba(0,0,0,.04))}.list-interest>.item._active:before{content:"";display:block;position:absolute;width:100%;height:100%;background:rgba(44,44,44,.4) url(/images/Active.png) no-repeat;background-size:24px 24px;background-position:50%;z-index:1;border-radius:12px}.list-interest>.item>.picture{min-width:120px;min-height:120px;border-radius:16px}.list-interest>.item>.picture img{height:auto;border-radius:16px;width:100%}.list-interest>.item>.card-body{position:relative;margin-top:-15px;background-color:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;font-size:13px;padding:10px;height:60px;display:flex;align-items:center;justify-content:center}.interest .detail-box{margin-bottom:22px}.interest .detail-box>h1{text-align:center;font-size:18px;margin-bottom:0}.interest .detail-box>p{text-align:center;font-size:14px}.secForm{display:flex;align-items:flex-end}.secForm label.abo{position:relative}.secForm label.abo i{margin-left:6px}.secForm>img{margin-bottom:3px}.secForm .inputForm .relative{position:relative}.secForm .inputForm .relative .question-mark{position:absolute;right:2px;top:2px}.secForm .inputForm .relative .card{position:absolute;z-index:1;background:#fff;padding:8px 8px 4px;top:24px;right:24px;box-shadow:0 7px 20px rgba(0,0,0,.1);border-radius:8px}.questions{margin-top:22px;width:100%;text-align:left}.questions>.item{position:relative;display:flex;align-items:center;justify-content:center;padding:2px 16px;height:48px;background:#fff;border-radius:25px;width:80%;margin:0 auto 16px;border:1px solid #2c2c2c}.questions>.item span{margin:0 auto 0 0}.questions>.item:active,.questions>.item:hover{background-color:#ededed;border:1px solid #929497}.abo-text-center{width:150px;margin:32px auto 0}.register-home-button{width:100%;background:#fff;padding:10px;text-align:center;border-radius:25px;margin-bottom:20px;font-size:18px;font-weight:500;border:1px solid #2c2c2c}.register-home-button:active,.register-home-button:focus{background:#ededed}.hidden-date-input{max-height:0;height:0;opacity:0;padding:0!important;margin:0!important;border:none;overflow:hidden;display:block}.font-size-14{font-size:14px!important}.custom-date-label{height:30px;width:100%;background:url(/images/date.svg) no-repeat!important;background-position:96% 7px!important;padding:2px 15px;color:#c3c4c5}.custom-date-label-secform{border-bottom:1px solid #e6e6e6!important;background-color:initial;padding:0;font-size:16px!important;height:30px}.custom-date-label-awayform{width:100%;padding:0;border:none;border-radius:0;border-bottom:2px solid #ededed!important}.custom-date-label:not(.active){color:#c3c4c5!important}.custom-date-label.active{color:#2c2c2c!important}.coupon-list-page{height:100vh;padding:15px}.coupon-list-page .empty-coupon-container{height:100%;display:flex;flex-flow:column;justify-content:center;align-items:center}.coupon{min-height:80px;font-family:"Sukhumvit Set";color:#a66c4a;display:flex;margin-bottom:15px;-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.coupon .detail{font-size:14px;width:65%;border-right:.6px dashed #38539a;-webkit-mask:radial-gradient(circle 10px at top right,transparent,transparent 50%,transparent 75%,#fff 0),radial-gradient(circle 10px at bottom right,transparent,transparent 50%,transparent 75%,#fff 0);-webkit-mask-composite:source-in,xor;mask:radial-gradient(circle 10px at top right,transparent,transparent 50%,transparent 75%,#fff 0) intersect,radial-gradient(circle 10px at bottom right,transparent,transparent 50%,transparent 75%,#fff 0)}.coupon .detail,.coupon .price{background:#fff1e9;display:flex;align-items:center;padding:10px 15px;border-radius:8px}.coupon .price{flex-direction:column;justify-content:center;width:35%;-webkit-mask:radial-gradient(circle 10px at top left,transparent,transparent 50%,transparent 75%,#fff 0),radial-gradient(circle 10px at bottom left,transparent,transparent 50%,transparent 75%,#fff 0);-webkit-mask-composite:source-in,xor;mask:radial-gradient(circle 10px at top left,transparent,transparent 50%,transparent 75%,#fff 0) intersect,radial-gradient(circle 10px at bottom left,transparent,transparent 50%,transparent 75%,#fff 0)}.coupon .price .discount{font-weight:700;font-size:14px}.coupon .price .valid{font-size:12px}.amwayNumber-container{text-align:center}.amwayNumber{margin-top:0}.container-fluid{padding-left:20px;padding-right:20px}body:has(.excercise-details-page.--no_scroll){overflow:hidden}.excercise-details-page{background:url(/images/healthAndWellness/exercise-log/exercise-details-bg.svg);background-repeat:no-repeat;background-size:100%;height:100%;background-position:5px -118px}@media (min-width:414px){.excercise-details-page{background-position:5px -145px}}.excercise-details-page .excercise-details-container{padding-bottom:125px}.excercise-details-page .excercise-details-container .excercise-details-header{display:flex;align-items:center;justify-content:center;padding-top:36px;padding-bottom:8px;grid-gap:8px;gap:8px;background:#fff}.excercise-details-page .excercise-details-container .excercise-details-header.headerClass{height:126px;padding-bottom:32px}.excercise-details-page .excercise-details-container .excercise-details-header .excercise-details-title{font-size:20px;font-weight:800;font-family:"Sukhumvit Tadmai";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}.excercise-details-page .excercise-details-container .excercise-details-tab-container .supplement-list-nav{background-color:#fff}.excercise-details-page .excercise-details-container .excercise-details-tab-container .tab-content{padding:0}.excercise-details-page .excercise-details-container .excercise-details-tab-container .hnw-setter-container{margin-bottom:16px}.excercise-details-page .excercise-details-container .excercise-details-tab-container .excercise-details-title-wrapper{display:flex;align-items:center;grid-gap:16px;gap:16px;margin-bottom:16px;position:relative}.excercise-details-page .excercise-details-container .excercise-details-tab-container .excercise-details-title-wrapper .excercise-details-card-bg{position:absolute;height:100%;width:100%;object-fit:cover;object-position:center}.excercise-details-page .excercise-details-container .excercise-details-tab-container .excercise-details-title-wrapper .excercise-details-card{box-shadow:1px 8px 18px 0 rgba(44,44,44,.1);background:#fff;border-radius:12px;position:relative}.excercise-details-page .excercise-details-container .excercise-details-tab-container .excercise-details-title-wrapper .excercise-details-card img{border-radius:12px;height:96px;width:96px}.excercise-details-page .excercise-details-container .excercise-details-tab-container .excercise-details-title-wrapper .excercise-details-title{font-size:20px;font-weight:800;font-family:"Sukhumvit Tadmai";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;position:relative}.excercise-details-page .excercise-details-container .excercise-details-tab-container .excercise-details-list,.excercise-details-page .excercise-details-container .excercise-details-tab-container .excercise-sub-details-container ul{font-size:14px;margin:0;padding-left:16px}.excercise-details-page .excercise-details-container .excercise-details-tab-container .excercise-details-list{margin-bottom:12px}.excercise-details-page .excercise-details-container .excercise-details-tab-container .excercise-sub-details-container .excercise-sub-details-header{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai";display:flex;grid-gap:8px;gap:8px;align-items:center;margin-bottom:16px;margin-top:30px}.excercise-details-page .excercise-details-container .excercise-details-tab-container .excercise-sub-details-container ul li{margin-bottom:16px}.excercise-details-page .excercise-details-container .excercise-details-tab-container .excercise-info-card{box-shadow:0 4px 12px 0 rgba(0,0,0,.15);background:#fff;border-radius:12px;padding:0 16px;margin-bottom:16px}.excercise-details-page .excercise-details-container .excercise-details-tab-container .excercise-info-card .excercise-info-card-single{display:flex;justify-content:space-between;border-bottom:1px solid #cbd2e0;width:100%;padding:12px 0;align-items:center}.excercise-details-page .excercise-details-container .excercise-details-tab-container .excercise-info-card .excercise-info-card-single:last-of-type{border-bottom:none}.excercise-details-page .excercise-details-container .excercise-details-tab-container .excercise-info-card .excercise-info-card-single .excercise-info-card-left{display:flex;align-items:center;width:80%}.excercise-details-page .excercise-details-container .excercise-details-tab-container .excercise-info-card .excercise-info-card-single .excercise-info-card-left img{height:24px;width:24px}.excercise-details-page .excercise-details-container .excercise-details-tab-container .excercise-info-card .excercise-info-card-single .excercise-info-card-left span{font-size:16px;font-weight:500;padding-left:5px;color:#a0abc0}.excercise-details-page .excercise-details-container .excercise-details-tab-container .excercise-info-card .excercise-info-card-single .excercise-info-card-right{color:#cbd2e0;font-weight:500;width:20%}.excercise-details-page .excercise-details-container .excercise-details-tab-container .excercise-info-card .excercise-info-card-single .excercise-info-card-right .line-custom-input{border:none;background:transparent;color:#2c2c2c;font-size:16px;font-weight:700;text-align:right;font-family:"Sukhumvit Tadmai";width:100%}.excercise-details-page .footer-container-wrapper{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:fixed;bottom:-2px}.excercise-details-page .footer-container-wrapper .footer-container-btn-wrapper{display:flex;align-items:center;width:100%;background:#fff;padding:12px 20px 22px;grid-gap:8px;gap:8px}.excercise-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-disabled,.excercise-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-green{height:48px;font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:700;border-radius:38px;padding:6px 8px;margin-top:10px;display:flex;justify-content:center;width:48%;align-items:center;width:calc(100% - 109px)}.excercise-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-red{background:#d91734;border-radius:38px;font-size:16px;padding:6px 8px;border-color:#d91734;font-weight:700;height:48px;color:#fff;font-family:"Sukhumvit Tadmai";display:flex;justify-content:center;align-items:center;width:101px}.excercise-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-green,.excercise-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-green:active,.excercise-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-green:focus,.excercise-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-green:hover{border:1px solid #3c9d47;background:#3c9d47;color:#fff;box-shadow:none}.excercise-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-red,.excercise-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-red:active,.excercise-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-red:focus,.excercise-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-red:hover{border:1px solid #d91734;background:#d91734;color:#fff;box-shadow:none}.excercise-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-disabled,.excercise-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-disabled:active,.excercise-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-disabled:focus,.excercise-details-page .footer-container-wrapper .footer-container-btn-wrapper .btn-disabled:hover{border:1px solid #a0abc0;background:#a0abc0;color:#fff;box-shadow:none}#deleteModalios .modal-heading{max-width:190px;text-align:center;margin:auto;font-size:18px}#deleteModalios .modal-footer .btn-link-black,#deleteModalios .modal-footer .btn-link-red{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai"}#deleteModalios .modal-footer .btn:last-of-type{border-left:1px solid rgba(60,60,67,.36)}#syncDeviceModal{bottom:0;height:auto;top:auto}#syncDeviceModal .modal-dialog{margin:0;max-width:100%}#syncDeviceModal .modal-dialog .modal-header{justify-content:flex-end;border-bottom:0;padding-bottom:0;padding-right:20px;margin-top:16px;height:44px}#syncDeviceModal .modal-dialog .modal-header button{background:#fff;border:none;height:26px;width:26px;border-radius:50%;display:flex;align-items:center;justify-content:center}#syncDeviceModal .modal-dialog .modal-content{border-radius:0;border:none;border-top-left-radius:24px;border-top-right-radius:24px;padding:0}#syncDeviceModal .modal-dialog .modal-content .modal-body{padding:16px 20px 48px}#syncDeviceModal .modal-dialog .modal-content .modal-body .modal-heading{margin-bottom:14px}#syncDeviceModal .modal-dialog .modal-content .modal-body .devices-list-wrapper{display:flex;flex-direction:column;grid-gap:16px;gap:16px}#syncDeviceModal .modal-dialog .modal-content .modal-body .devices-list-wrapper .devices-single{display:flex;justify-content:space-between;align-items:center}#syncDeviceModal .modal-dialog .modal-content .modal-body .devices-list-wrapper .devices-single .device-single-left{display:flex;align-items:center;grid-gap:9px;gap:9px}#syncDeviceModal .modal-dialog .modal-content .modal-body .devices-list-wrapper .devices-single .device-single-left .device-name{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c}#syncDeviceModal .modal-dialog .modal-content .modal-body .devices-list-wrapper .devices-single .btn-icon-round{background:#f7f9fc}#syncDeviceModal .modal-dialog .modal-content .modal-body .btn-red{margin-top:14px}#syncSuccessModal .modal-content{max-width:227px;background:#fff;width:100%;border-radius:14px;margin:auto}#syncSuccessModal .modal-content .modal-body{padding:14px;text-align:center}#syncSuccessModal .modal-content .modal-body .modal-heading{margin-bottom:0;margin-top:8px;font-size:18px;font-weight:800;line-height:26px}#loadingSyncModal{bottom:0;height:auto;top:auto}#loadingSyncModal .modal-dialog{margin:0;max-width:100%}#loadingSyncModal .modal-dialog .modal-header{justify-content:flex-end;border-bottom:0;padding-bottom:0;padding-right:20px;margin-top:16px;height:44px}#loadingSyncModal .modal-dialog .modal-header button{background:#fff;border:none;height:26px;width:26px;border-radius:50%;display:flex;align-items:center;justify-content:center}#loadingSyncModal .modal-dialog .modal-content{border-radius:0;border:none;border-top-left-radius:24px;border-top-right-radius:24px;padding:0}#loadingSyncModal .modal-dialog .modal-content .modal-body{padding:16px 20px 48px}#loadingSyncModal .modal-dialog .modal-content .modal-body .modal-heading{margin-bottom:14px}#loadingSyncModal .modal-dialog .modal-content .modal-body .devices-list-wrapper{display:flex;flex-direction:column;grid-gap:16px;gap:16px}#loadingSyncModal .modal-dialog .modal-content .modal-body .devices-list-wrapper .devices-single{display:flex;justify-content:space-between;align-items:center}#loadingSyncModal .modal-dialog .modal-content .modal-body .devices-list-wrapper .devices-single .device-single-left{display:flex;align-items:center;grid-gap:9px;gap:9px}#loadingSyncModal .modal-dialog .modal-content .modal-body .devices-list-wrapper .devices-single .device-single-left img{height:50px;width:50px}@media (max-height:484px){#loadingSyncModal .modal-dialog .modal-content .modal-body .devices-list-wrapper .devices-single .device-single-left img{height:30px;width:30px}}#loadingSyncModal .modal-dialog .modal-content .modal-body .devices-list-wrapper .devices-single .device-single-left .device-name{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c}#loadingSyncModal .modal-dialog .modal-content .modal-body .devices-list-wrapper .devices-single .btn-icon-round{background:#f7f9fc}#loadingSyncModal .modal-dialog .modal-content .modal-body .devices-list-wrapper .devices-single .btn-icon-round img{height:11px}.exercise-log-mb{position:relative;top:-200px}.set-transition{transition:.2s ease-in-out}.hnw-picker-container__overlay-row{height:36px;margin-top:-18px;position:absolute;top:50%;left:0;width:100%;pointer-events:none}.hnw-picker-container .container-fluid{padding:0 8px;height:44px;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid #000}.hnw-picker-container .header-section .header{font-size:16px;line-height:22px;font-weight:500;text-align:center;font-family:"Sukhumvit Tadmai";color:#a0abc0}.hnw-picker-container .modal-picker-wrapper .modal-picker-column:first-child,.hnw-picker-container .modal-picker-wrapper .modal-picker-column:nth-child(2),.hnw-picker-container .modal-picker-wrapper .modal-picker-column:nth-child(3){flex:initial!important}.hnw-picker-container .modal-picker-wrapper .modal-picker-column:first-child,.hnw-picker-container .modal-picker-wrapper .modal-picker-column:nth-child(3){width:30%}.hnw-picker-container .modal-picker-wrapper .modal-picker-item{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:500;line-height:22px;color:#2c2c2c}.hnw-picker-container .modal-picker-wrapper>div:last-of-type{z-index:-1;background:#e7f4d7}.hnw-picker-container .modal-picker-wrapper>div:last-of-type>div{background:none!important}.custom-android-camera-container{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;position:absolute;bottom:20px;height:auto;width:100%;grid-gap:16px}.ant-modal-content{height:calc(100vh + 7px);display:flex;flex-direction:column;background-color:#6c6c6c}.ant-modal{position:unset;width:100%;max-width:100%;padding:0;margin:0}.img-crop-container{height:100%!important;overflow-y:auto;position:absolute;width:100%}.ant-upload-list-picture-card .ant-upload-list-item-error,.ant-upload-list-picture .ant-upload-list-item-error{border:none;border-radius:6px}.ant-upload-list-item-info{border-radius:6px}.ant-upload-list-item:hover{pointer-events:none}.add-menu-form-error{font-size:12px;line-height:16px;font-weight:500;font-family:"Sukhumvit Tadmai";color:#d91734}.ant-modal-header{position:absolute;top:15px;padding:17px 24px;left:35%;z-index:999;background:none;color:#fff!important;border-bottom:none;font-size:20px;font-weight:800;line-height:28px;font-family:"Sukhumvit Tadmai New Bold"}.ant-modal-header:after{content:"ปรับแต่งรูป"}.ant-modal-header .ant-modal-title{display:none}.ant-upload.ant-upload-select-picture-card{width:96px;height:96px;border-radius:6px}body::-webkit-scrollbar:has(.quiz-page){display:none}.quiz-page{background-image:url(/images/challenge/team-dashboard-bg.svg);background-repeat:no-repeat;background-size:100%;height:100%}.quiz-page .container-fluid{padding-left:16px;padding-right:16px}.quiz-page .container-fluid .quiz-tab-container{width:100%;overflow:hidden}.quiz-page .container-fluid .quiz-tab-container .slick-initialized .slick-slide{padding:0}.quiz-page .quiz-video-container{padding-top:14px;padding-bottom:20px}.quiz-page .quiz-video-container.quiz-container-padding{padding-bottom:0}.quiz-page .quiz-video-container .container-fluid{padding-left:16px;padding-right:16px}.quiz-page .quiz-video-container .quiz-card-container-wrapper{padding-left:0;padding-right:0}.quiz-page .quiz-video-container .quiz-card-container-wrapper .quiz-card-container{width:100%;overflow:hidden;padding-left:16px}.quiz-page .quiz-video-container .quiz-card-container-wrapper .quiz-card-container .slick-initialized .slick-slide{display:block;padding:0}.quiz-page .question-card-container{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);background:#fff;border-radius:16px 16px 0 0;padding-top:16px;padding-bottom:130px}.quiz-page .question-card-container.question-card-answer-container{box-shadow:none;background:transparent}.quiz-page .question-card-container.quiz-container-padding{padding-top:0}.quiz-page .question-card-container .question-card-title{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai"}.quiz-page .slick-slide img{border:none}.quiz-page .home-fixed-button{border-radius:6px;z-index:10}.quiz-page .quiz-footer-bottom{padding-top:16px;padding-bottom:32px;box-shadow:0 4px 20px 0 rgba(50,100,76,.15);background:#fff;border-radius:16px 16px 0 0;position:fixed;width:100%;z-index:9;bottom:0}.header-wrapper{padding-top:0;transition:all .3s ease}.header-wrapper.sticky{position:fixed;width:100%;z-index:99;top:0;padding-top:0;background:hsla(0,0%,100%,.8);margin-bottom:0;box-shadow:0 4px 20px 0 rgba(50,100,76,.15)}.quiz-tab-single .btn-white{height:32px;width:84px;padding:0 10px;margin:6px 0;font-weight:700;font-family:"Sukhumvit Tadmai";border:none;background:none;cursor:pointer;line-height:24px;text-align:center;box-shadow:none}.quiz-tab-active .btn-white{border-radius:32px;display:inline-block;background:linear-gradient(107.74deg,#e6e6e6 27.91%,#fefefe 98.01%) padding-box,linear-gradient(139.18deg,#fbfbfb 16.07%,#dcdcdc 93.35%) border-box;border:3px solid transparent;box-shadow:2px 3px 6px 0 rgba(44,44,44,.2)}.quiz-video-title-wrapper{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px}.quiz-video-title-wrapper.title-padding{padding-bottom:0}.quiz-video-title-wrapper .quiz-video-title{font-size:18px;font-family:"Sukhumvit Tadmai";font-weight:700}.quiz-video-title-wrapper .btn-sm{height:32px;padding:0 16px}.quiz-video-title-wrapper .btn-light-green{background:#f2f7f1;color:#008f3c;font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";line-height:24px;text-align:center}.quiz-video-title-wrapper .btn-rounded{border-radius:48px}.quiz-card-single{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);background:#fff;border-radius:16px;overflow:hidden;margin-right:17px;margin-bottom:16px;display:flex;flex-direction:column}.quiz-card-single .quiz-img-container{position:relative}.quiz-card-single .quiz-img-container .youtube-cover-img{width:100%}.quiz-card-single .quiz-img-container .play-icon{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:hsla(0,0%,100%,.5);height:46.81px;width:46.81px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:4px 4px 18px 0 rgba(44,44,44,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.quiz-card-single .quiz-img-container .play-icon .play-img{width:16.25px;height:19.5px}.quiz-card-single .quiz-img-container .video-status-tag-wrapper{top:12px;left:12px;position:absolute}.quiz-card-single .quiz-img-container .video-status-tag-wrapper .rect-badge-container{padding:5px 8px}.quiz-card-single .quiz-img-container .video-status-tag-wrapper .rect-badge-container .rect-badge-title{font-size:14px;line-height:21px;font-weight:500;font-family:"Sukhumvit Tadmai"}.quiz-card-single .quiz-img-container .video-status-tag-wrapper .rect-badge-container.yet-to-watch-badge{background:rgba(248,248,231,.8);color:#62625a}.quiz-card-single .quiz-img-container .video-status-tag-wrapper .rect-badge-container.watch-unsuccessful-badge{background:rgba(255,241,232,.8);color:#a65523}.quiz-card-single .quiz-img-container .video-status-tag-wrapper .rect-badge-container.watch-success-badge{background:rgba(0,143,60,.8);color:#fff}.quiz-card-single .progress{height:4px;border-radius:0}.quiz-card-single .progress .bg-fill{background-color:#d10000}.quiz-card-single .progress .bg-unfill{background-color:hsla(0,0%,100%,.8)}.quiz-card-single .quiz-card-description{display:flex;flex-direction:column}.quiz-card-single .quiz-card-time,.quiz-card-single .quiz-card-title{background:hsla(0,0%,100%,.8);font-size:14px;font-weight:500;padding:4px 12px;line-height:21px;display:inline-block;font-family:"Sukhumvit Tadmai"}.quiz-card-single .quiz-card-time .quiz-duration{font-family:"GT Walsheim Pro";font-weight:400}.quiz-card-single .quiz-card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:0;padding-top:7px}.quiz-card-single .quiz-card-time{padding-top:0}.question-card-details-wrapper{display:flex;padding:0 16px;margin-top:8px;grid-gap:32px;gap:32px}.question-card-details-wrapper .quiz-amount-wrapper,.question-card-details-wrapper .time-wrapper{display:flex;align-items:center;grid-gap:4px;gap:4px}.question-card-details-wrapper .quiz-amount-wrapper .quiz-amount-value,.question-card-details-wrapper .quiz-amount-wrapper .time-value,.question-card-details-wrapper .time-wrapper .quiz-amount-value,.question-card-details-wrapper .time-wrapper .time-value{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai"}.question-card-details-wrapper .quiz-amount-wrapper .time-value-green,.question-card-details-wrapper .time-wrapper .time-value-green{color:#107f47}.question-card-single{margin-top:20px;box-shadow:0 4px 20px 0 rgba(50,100,76,.15);padding:16px;border-radius:16px;background:#fff}.question-card-single .question-card-name{font-size:16px;font-weight:500;display:flex;grid-gap:4px;gap:4px;padding-bottom:16px;font-family:"Sukhumvit Tadmai"}.question-card-single .question-card-answer-options{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;box-sizing:border-box}.question-card-single.question-card-full .question-card-answer-options{grid-template-columns:repeat(1,1fr)}.btn-light-green,.btn-light-red,.btn-white{color:#3c9d47;display:flex;grid-gap:16px;gap:16px;border-radius:12px;padding:10px 16px;align-items:center;line-height:24px;border:4px solid transparent}.btn-light-green .answer-type,.btn-light-green .answer-type-inner,.btn-light-red .answer-type,.btn-light-red .answer-type-inner,.btn-white .answer-type,.btn-white .answer-type-inner{border-radius:50%;display:flex;align-items:center;justify-content:center}@media (max-width:376px){.btn-light-green,.btn-light-red,.btn-white{grid-gap:8px;gap:8px}}@media (max-width:324px){.btn-light-green,.btn-light-red,.btn-white{grid-gap:8px;gap:8px}}.btn-light-green .answer-type,.btn-light-red .answer-type,.btn-white .answer-type{box-shadow:inset 1px 1px 1px 0 rgba(107,201,72,.4);background:#f2f2f2;height:24px;width:25.34px}.btn-light-green .answer-type .answer-type-inner,.btn-light-red .answer-type .answer-type-inner,.btn-white .answer-type .answer-type-inner{box-shadow:0 1px 2px 0 rgba(107,201,72,.4);background:#fff;height:16.5px;width:16.5px;color:#3c9d47;font-size:14px;font-weight:700;font-family:"Sukhumvit Tadmai"}.btn-light-green .answer-type~span,.btn-light-red .answer-type~span,.btn-white .answer-type~span{text-align:left;width:calc(100% - 24px)}.btn-light-green.btn-light-green-active,.btn-light-red.btn-light-green-active,.btn-white.btn-light-green-active{background:linear-gradient(135deg,#057036 -39.29%,#51ba62 82.14%) padding-box,linear-gradient(132.38deg,#abecb0 -14.45%,#16570a 122.44%) border-box;border:4px solid transparent;box-shadow:4px 4px 18px 0 #bedec3;color:#fff}.btn-light-green.btn-light-green-active .answer-type,.btn-light-red.btn-light-green-active .answer-type,.btn-white.btn-light-green-active .answer-type{box-shadow:inset 1px 2px 2px 0 rgba(107,201,72,.4);background:#fff}.btn-light-green.btn-light-green-active .answer-type .answer-type-inner,.btn-light-red.btn-light-green-active .answer-type .answer-type-inner,.btn-white.btn-light-green-active .answer-type .answer-type-inner{background:#0bba55;box-shadow:1px 2px 2px 0 rgba(107,201,72,.4);color:#fff}.btn-light-red{background:linear-gradient(90.84deg,#e06e6e 3.52%,#c83a3a 97.85%);font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai"}.btn-light-red.btn-light-red-active{background:linear-gradient(90.84deg,#e06e6e 3.52%,#c83a3a 97.85%) padding-box,linear-gradient(91.16deg,#fcaeae 2.21%,#ad2323 101.42%) border-box;border:4px solid transparent;box-shadow:4px 4px 18px 0 #bedec3;color:#fff}.btn-light-red.btn-light-red-active .answer-type{box-shadow:inset 1px 2px 2px 0 rgba(228,96,81,.3)}.btn-light-red.btn-light-red-active .answer-type .answer-type-inner{background:#e46051;box-shadow:1px 2px 2px 0 rgba(228,96,81,.3);color:#fff}.btn-white{color:#2c2c2c;padding:10px 16px;border-radius:10px;background:linear-gradient(107.74deg,#e6e6e6 27.91%,#fefefe 98.01%) padding-box,linear-gradient(139.18deg,#fbfbfb 16.07%,#dcdcdc 93.35%) border-box;border:2.5px solid transparent;box-shadow:4px 4px 18px 0 rgba(44,44,44,.25098);font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai"}.btn-white .answer-type .answer-type-inner{background:#0bba55;color:#fff}.quiz-footer-bottom .btn-container{display:flex;justify-content:space-between;align-items:center}.quiz-footer-bottom .btn-container .btn-green{font-size:16px;font-weight:700;border-radius:38px;padding:6px 8px;margin-top:10px;display:flex;justify-content:center;width:48%;align-items:center}.quiz-footer-bottom .btn-container .btn-green-linear{border-radius:48px;display:inline-block;background:linear-gradient(135deg,#057036 -39.29%,#51ba62 82.14%) padding-box,linear-gradient(132.38deg,#abecb0 -14.45%,#16570a 122.44%) border-box;border:4px solid transparent;box-shadow:2px 3px 6px 0 rgba(44,44,44,.2);height:48px;color:#f0f0f0;font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai"}.quiz-footer-bottom .btn-container .btn-white-linear{border-radius:48px;display:inline-block;background:linear-gradient(107.74deg,#f2f2f2 27.91%,#f2f2f2 98.01%) padding-box,linear-gradient(139.18deg,#fbfbfb 16.07%,#dcdcdc 93.35%) border-box;border:2px solid transparent;height:48px;color:#a7aba8;color:var(--color-neutral-neutral-400,#a7aba8);font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai"}.quiz-footer-bottom .btn-container .btn-back-white{font-family:"Sukhumvit Tadmai";background:linear-gradient(107.74deg,#e6e6e6 27.91%,#fefefe 98.01%);border:2.5px solid hsla(0,0%,98.4%,.611765);box-shadow:4px 4px 18px 0 rgba(44,44,44,.25098)}.quiz-header-bottom{margin-bottom:17px}.shimmer-quiz-card-single{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);background:#fff;border-radius:16px;overflow:hidden;margin-right:17px;margin-bottom:16px;display:flex;flex-direction:column}.shimmer-quiz-card-single .shimmer-quiz-img-container{position:relative}.shimmer-quiz-card-single .shimmer-quiz-img-container .youtube-cover-img{width:100%;height:194px;border-radius:16px 16px 0 0}.shimmer-quiz-card-single .shimmer-quiz-card-description{display:flex;flex-direction:column}.shimmer-quiz-card-single .quiz-card-time,.shimmer-quiz-card-single .quiz-card-title{height:20px;margin:5px 0}.shimmer-quiz-card-single .quiz-card-title{width:80%;margin-top:10px}.shimmer-quiz-card-single .quiz-card-time{width:60%}.shimmer{-webkit-animation:shimmer-loading 1s linear infinite alternate;animation:shimmer-loading 1s linear infinite alternate}.shimmer-quiz-tab-single .shimmer-btn-white{height:32px;width:84px;margin:6px 0;border-radius:32px;background-size:200% 100%}.shimmer-quiz-tab-single .shimmer{-webkit-animation:shimmer-loading 1s linear infinite alternate;animation:shimmer-loading 1s linear infinite alternate}.shimmer-question-card-single{margin-top:20px;box-shadow:0 4px 20px 0 rgba(50,100,76,.15);padding:16px;border-radius:16px;background:#fff}.shimmer-question-card-single .shimmer-question-card-name{display:flex;flex-direction:column;grid-gap:8px;gap:8px;margin-bottom:16px}.shimmer-question-card-single .shimmer-question-card-name .shimmer-text{background-size:200% 100%;height:20px;border-radius:4px}.shimmer-question-card-single .shimmer-question-card-name .shimmer-title{width:150px}.shimmer-question-card-single .shimmer-question-card-answer-options{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;box-sizing:border-box}.shimmer-question-card-single .shimmer-question-card-answer-options .shimmer-answer-option{background-size:200% 100%;height:40px;border-radius:8px}@media (max-width:600px){.shimmer-question-card-single .shimmer-question-card-answer-options{grid-template-columns:1fr}}.shimmer-question-card-single .shimmer{-webkit-animation:shimmer-loading 1s linear infinite alternate;animation:shimmer-loading 1s linear infinite alternate}@-webkit-keyframes shimmer-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}@keyframes shimmer-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}body::-webkit-scrollbar:has(.challenge-team-dashboard-container){display:none}.challenge-team-dashboard-container{background-image:url(/images/challenge/team-dashboard-bg.svg);background-repeat:no-repeat;background-size:cover;min-height:100vh;background-position:center -80px;overflow-x:hidden;background-attachment:fixed}.challenge-team-dashboard-container .home-fixed-button{border-radius:6px;z-index:10}.challenge-team-dashboard-container .challenge-team-dashboard-body-member-section{margin-top:20px}.challenge-team-dashboard-container .challenge-team-dashboard-body .challenge-team-dashboard-error{width:100%;padding:0 16px;margin-top:17px}.challenge-team-dashboard-container .challenge-team-dashboard-body .challenge-team-dashboard-error .rect-badge-container{height:31px;padding:5px 16px}.challenge-team-dashboard-container .challenge-team-dashboard-body .challenge-team-dashboard-error .rect-badge-container .rect-badge-description{display:flex;grid-gap:1.5px;gap:1.5px}.challenge-team-dashboard-container .challenge-team-dashboard-body .challenge-team-dashboard-error .rect-badge-container .rect-badge-description .rect-badge-left-section{margin-right:3.15px}.challenge-team-dashboard-container .challenge-team-dashboard-body .challenge-team-dashboard-error .rect-badge-container .rect-badge-description .rect-badge-left-section img{width:18px;height:18px;object-fit:cover}.challenge-team-dashboard-container .challenge-team-dashboard-body .challenge-team-dashboard-error .rect-badge-container .rect-badge-description .rect-badge-right-section{display:flex;font-size:14px;line-height:21px;font-weight:700;font-family:"Sukhumvit Tadmai";grid-gap:1.5px;gap:1.5px}.challenge-team-dashboard-container .rect-badge-detail-section{height:21px;font-size:14px;line-height:21px;text-align:center;font-weight:700;font-family:"Sukhumvit Tadmai"}.challenge-team-dashboard-container-details{display:flex;justify-content:center;margin-top:40px;margin-bottom:108px}.challenge-team-dashboard-container .team-dashboard-home-indicator{position:fixed;bottom:0;width:100%}.challenge-team-dashboard-container .team-dashboard-home-indicator img{width:100%}.team-dashboard-footer-container{display:flex;justify-content:center;align-items:center;grid-gap:12px;gap:12px;border-radius:16px 16px 0 0;padding:16px 16px 32px;height:92px;background:#fff;position:fixed;bottom:0;width:100%;z-index:9}.team-dashboard-footer-container .challenge-btn-container{width:50%}.card-ongoing-outer .card-ongoing-title-wrapper{display:flex;justify-content:space-between;align-items:center;padding:23px 16px 24px}.card-ongoing-outer .card-ongoing-title-wrapper .rect-badge-container .rect-badge-title{font-size:14px;font-weight:700;font-family:"Sukhumvit Tadmai"}.card-ongoing-outer .card-ongoing-title-wrapper .card-ongoing-title,.card-ongoing-outer .team-info-name{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai";line-height:27px;color:#2c2c2c}.card-ongoing-outer .team-info-name{text-align:left;padding:0 16px}.card-ongoing-outer .slick-slide img{border:none}.card-ongoing-outer .slick-list{margin-right:5px}.team-steps-container{padding:17px 16px}.team-steps-container-header{display:flex;justify-content:space-between;margin-bottom:17px}.team-steps-container-header-right .rect-badge-container{padding:3px 12px}.team-steps-container-header-right .rect-badge-container .rect-badge-detail-section{font-size:16px;line-height:24px;font-family:"Sukhumvit Tadmai";font-weight:500}.team-steps-container-header-right .rect-badge-container .rect-badge-unit-section{font-size:16px;line-height:24px;font-family:"Sukhumvit Tadmai New Bold";font-weight:700}.team-steps-container-header .rect-badge-description{display:flex;justify-content:center;align-items:center;grid-gap:4px;gap:4px}.team-steps-container-header .rect-badge-description .rect-badge-title{font-size:16px;line-height:24px;font-weight:500;font-family:"Sukhumvit Tadmai";color:#000}.team-steps-container-header .rect-badge-description .rect-badge-value{font-size:16px;line-height:24px;font-weight:700;font-family:"GT Walsheim Bold";color:#000;padding-top:3px}.team-steps-container .team-name{font-family:"Sukhumvit Tadmai";font-size:20px;font-weight:700;line-height:30px;text-align:left;color:#2c2c2c}.team-steps-container .challenge-card-body{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;padding:20px 16px;display:flex;justify-content:flex-start;background:#fff;gap:16px;grid-gap:16px}.team-steps-container .challenge-card-body>:first-child{width:60%}.team-steps-container hr.rounded-dividing-line{width:3px;height:94px;border:none;border-radius:5px;margin:0;box-shadow:inset 1px 1px 4px 0 hsla(0,0%,45.5%,.3)}.vdo-badge-card-container{margin-inline:16px}.vdo-badge-card-container .social-media-details-wrapper{display:flex;grid-gap:17px;gap:17px;width:100%}.vdo-badge-card-container .social-media-details-wrapper .challenge-card-body{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;padding:8px 16px;background:#fff}.vdo-badge-card-container .social-media-details-wrapper .w-50{width:50%}.vdo-badge-card-container .social-media-details-wrapper .align-half-cards{display:flex;justify-content:space-between}.vdo-badge-card-container .no-medal-data-wrapper .challenge-card-body{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;padding:8px 16px;background:#fff;height:80px;width:100%;display:flex}.vdo-badge-card-container .no-medal-data-wrapper .challenge-card-body .no-medal-data-card{display:flex;justify-content:space-between;flex-direction:row;width:100%;align-items:center}.vdo-badge-card-container .no-medal-data-wrapper .challenge-card-body .no-medal-data-card .walking-steps-heading{font-size:17px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.vdo-badge-card-container .no-medal-data-wrapper .challenge-card-body .no-medal-data-card .walking-steps-amt{font-size:28px;font-weight:700;font-family:"GT Walsheim Pro";color:#3c9d47}.team-body-container{padding:0 16px}.team-body-container .challenge-tab-list{margin-bottom:20px}.team-body-container .team-body-heading{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:700;line-height:27px;text-align:left;color:#2c2c2c;margin-bottom:8px}.team-body-container .team-white-outline-nav{margin-inline:16px}.team-body-container .team-white-outline-nav .nav-tabs{margin-bottom:32px;border-bottom:none}.team-body-container .team-white-outline-nav .nav-tabs .nav-link{height:44px;width:50%;color:#2c2c2c;font-weight:700;font-family:"Sukhumvit Tadmai";position:relative;padding:6px 0}.team-body-container .team-white-outline-nav .nav-tabs .nav-link.active{position:relative;background:linear-gradient(107.74deg,#e6e6e6 27.91%,#fefefe 98.01%) padding-box,linear-gradient(139.18deg,#fbfbfb 16.07%,#dcdcdc 93.35%) border-box;border:4px solid transparent;border-radius:32px;box-shadow:4px 4px 18px 0 rgba(44,44,44,.25)}.team-body-container .team-white-outline-nav .nav-tabs .nav-link.active:after{content:"";position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px;background:linear-gradient(139.18deg,#fbfbfb 16.07%,#dcdcdc 93.35%);z-index:-1;border-radius:32px}.team-body-container .team-white-outline-nav .nav-tabs .nav-link.active:before{display:none}.team-body-container .team-body-subheading{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:800;line-height:24px;text-align:left;color:#2c2c2c;height:44px;margin-left:3px;display:flex;align-items:center}.team-body-container .challenge-card-body{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;padding:16px;display:flex;justify-content:space-between;background:#fff}.team-body-container .challenge-card-body .team-rect-card-container .step-card-left .step-card-left-col2{height:48px;display:flex;align-items:center;justify-content:flex-start}.team-body-container .challenge-card-body .team-rect-card-container .step-card-left .step-card-left-col2 .bmi-green{font-size:20px}.team-body-container .challenge-card-body hr.rounded-dividing-line{width:4px;height:94px;border:none;box-shadow:inset 1px 1px 4px 0 hsla(0,0%,45.5%,.3);border-radius:5px;margin:0;margin-inline:9.5px}.composition-card-container{padding:0 16px;margin-top:40px}.composition-card-container .composition-change-heading{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:700;line-height:27px;text-align:left;color:#2c2c2c}.composition-card-container .composition-change-message{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:21px;text-align:left;color:#2c2c2c;margin-bottom:20px}.composition-card-container .challenge-card-body{box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;padding:16px;display:flex;justify-content:space-between;background:#fff}.composition-card-container .w-50{width:50%}.composition-card-container .align-half-cards{display:flex;justify-content:space-between;margin-bottom:15px;grid-gap:17px;gap:17px}.dashboard-slider-outer{padding-bottom:40px}.dashboard-slider-outer .dashboard-slider-wrapper .swiper-wrapper{display:flex;align-items:center}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-title .mission-days{font-family:"GT Walsheim Bold"}.dashboard-slider-outer .challenge-tab-list{margin-bottom:20px}.dashboard-slider-outer .dashboard-slider-wrapper{transition:bottom .3s ease;padding-top:40px}.dashboard-slider-outer .dashboard-slider-wrapper:first-child{padding-top:0}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-title{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c;padding-bottom:20px;margin-bottom:0}.dashboard-slider-outer .dashboard-slider-wrapper .dashboard-slider-container{display:flex}.team-dashboard-container .carousel-skeleton-container{display:flex;overflow:hidden}.team-dashboard-container .carousel-skeleton-container .carousel-skeleton-card-container{display:flex;grid-gap:8px;gap:8px;flex-shrink:0;padding:16px;height:374px;flex-direction:column}.team-dashboard-container .carousel-skeleton-container .carousel-skeleton-card-container:first-child{flex:0 0 100%}.team-dashboard-container .carousel-skeleton-container .skeleton-card-image{height:374px;border-radius:16px}.team-dashboard-container .carousel-skeleton-container .skeleton{-webkit-animation:skeleton-loading 1s linear infinite alternate;animation:skeleton-loading 1s linear infinite alternate}.team-dashboard-step-container{margin-top:32px}.team-dashboard-step-container .steps-skeleton-container{display:flex;overflow:hidden}.team-dashboard-step-container .steps-skeleton-container .steps-skeleton-card-container{display:flex;grid-gap:8px;gap:8px;flex-shrink:0;padding:16px;height:164px;flex-direction:column}.team-dashboard-step-container .steps-skeleton-container .steps-skeleton-card-container:first-child{flex:0 0 100%}.team-dashboard-step-container .steps-skeleton-container .skeleton-card-image{height:354px;border-radius:16px}.team-dashboard-step-container .steps-skeleton-container .skeleton{-webkit-animation:skeleton-loading 1s linear infinite alternate;animation:skeleton-loading 1s linear infinite alternate}.team-dashboard-composition-container .carousel-skeleton-container{display:flex;overflow:hidden}.team-dashboard-composition-container .carousel-skeleton-container .carousel-skeleton-card-container{display:flex;grid-gap:8px;gap:8px;flex-shrink:0;padding:16px;height:144px;flex-direction:column}.team-dashboard-composition-container .carousel-skeleton-container .carousel-skeleton-card-container:first-child{flex:0 0 100%}.team-dashboard-composition-container .carousel-skeleton-container .skeleton-card-image{height:144px;border-radius:16px}.team-dashboard-composition-container .carousel-skeleton-container .skeleton{-webkit-animation:skeleton-loading 1s linear infinite alternate;animation:skeleton-loading 1s linear infinite alternate}.team-dashboard-vdo-container .vdo-skeleton-container{display:flex;overflow:hidden}.team-dashboard-vdo-container .vdo-skeleton-container .vdo-skeleton-card-container{display:flex;grid-gap:8px;gap:8px;flex-shrink:0;padding:16px;height:144px;flex-direction:column}.team-dashboard-vdo-container .vdo-skeleton-container .vdo-skeleton-card-container:first-child,.team-dashboard-vdo-container .vdo-skeleton-container .vdo-skeleton-card-container:last-child{flex:0 0 50%}.team-dashboard-vdo-container .vdo-skeleton-container .skeleton-card-image{height:144px;border-radius:16px}.team-dashboard-vdo-container .vdo-skeleton-container .skeleton{-webkit-animation:skeleton-loading 1s linear infinite alternate;animation:skeleton-loading 1s linear infinite alternate}body::-webkit-scrollbar:has(.challenge-list-main){display:none}.challenge-list-main{display:flex;flex-direction:column;grid-gap:10px;gap:10px;background-image:url(/images/challenge/list-bg.svg);background-repeat:no-repeat;background-size:100%;height:100%;background-position:center -80px;height:90vh;padding:30px 10px 100px;overflow-x:hidden;overflow-y:scroll}body::-webkit-scrollbar:has(.challenge-default-main){display:none}.challenge-default-main{background:url(/images/challenge/no-challenge-bg.svg);background-repeat:no-repeat;background-size:cover;height:100vh}.challenge-default-main .bg-overlay{background:rgba(0,0,0,.5);height:100vh;width:100%;display:flex;align-items:flex-start;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.challenge-default-main .challenge-default-text{display:flex;flex-direction:column;grid-gap:4px;gap:4px;align-items:center;color:#fff;font-size:18px;font-family:"Sukhumvit Tadmai";font-weight:800;-webkit-transform:translateY(48vh);transform:translateY(48vh)}.challenge-default-main .challenge-default-text .text-large{font-size:28px}.challenge-details-section.hide-slider{display:none}.challenge-details-section .grab-line-top{background:#d1d5d2;width:32px;height:4px;border-radius:100px;top:10px;position:relative;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.challenge-details-section h5{font-size:18px;font-weight:700;font-family:"GT Walsheim Bold";padding:32px 0 16px;margin-bottom:8px}.challenge-details-section .nav-tabs{margin-bottom:16px;border-bottom:none;display:flex;justify-content:space-between}.challenge-details-section .nav-tabs .nav-link{height:44px;width:50%;color:#2c2c2c;font-weight:800;font-family:"Sukhumvit Tadmai New Bold";font-size:16px;line-height:24px;position:relative;border:none;background:none;padding:0}.challenge-details-section .nav-tabs .nav-link.active{position:relative;border-radius:32px;background:linear-gradient(107.74deg,#e6e6e6 27.91%,#fefefe 98.01%) padding-box,linear-gradient(139.18deg,#fbfbfb 16.07%,#dcdcdc 93.35%) border-box;border:4px solid transparent;box-shadow:4px 4px 18px 0 rgba(44,44,44,.2)}.challenge-details-section .tab-content{padding-bottom:20px}.challenge-details-section .range-item{position:relative;margin-top:32px}.challenge-details-section .range-item .range-line{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:8px;width:100%;height:20px;background:linear-gradient(107.74deg,#fff 27.91%,#fff 98.01%) padding-box,linear-gradient(107.74deg,#e7e7e7 27.91%,#d6d6d6 98.01%) border-box;border:5.5px solid transparent;z-index:0;margin:0;border-radius:50px;display:flex;align-items:center}.challenge-details-section .range-item .range-line input{position:relative;z-index:2;cursor:pointer}.challenge-details-section .range-item .range-input input:disabled~.dot-line .active-dot{background-color:#d9d9d9;border:4px solid #b1b1b1}.challenge-details-section .range-item .range-input.disable-range+ul .list-inline-item span:before{background-color:#b1b1b1}.challenge-details-section .range-item .range-input.disable-range+ul .list-inline-item.active span:before{background-color:#777}.challenge-details-section .range-item .range-input.disable-range .range-line .active-line{background-color:#b1b1b1}.challenge-details-section .range-item .range-input .dot-line{position:absolute;top:50%;-webkit-transform:translate(-4px,-50%);transform:translate(-4px,-50%);width:calc(100% - 20px);left:4px;z-index:1}.challenge-details-section .range-item .range-input .active-dot{display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;background-color:#ddd;height:16px;width:16px;z-index:11;left:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(107.74deg,#e6e6e6 27.91%,#fefefe 98.01%) padding-box,linear-gradient(139.18deg,#fbfbfb 16.07%,#dcdcdc 93.35%) border-box;border:2.5px solid transparent;box-shadow:1px 1px 2px 0 rgba(26,66,43,.4)}.challenge-details-section .range-item .range-input .range-line .active-line{position:absolute;left:0;width:0;transition:all .1s ease;background:linear-gradient(270deg,#9bda79,#6bc948);height:10px;z-index:9;border-radius:20px}.challenge-details-section .range-item ul{display:flex;flex-wrap:nowrap;justify-content:space-between;width:100%;height:0}.challenge-details-section .range-item ul .list-inline-item:not(:last-child){margin-right:0}.challenge-details-section .range-item ul .list-inline-item span{position:relative;min-width:25px;text-align:center;display:block;font-size:14px;padding-top:4px;word-break:break-word;color:#b1b1b1}.challenge-details-section .range-item ul .list-inline-item span:before{content:"";display:block;position:absolute;top:-9px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background-color:#3c9d47}.challenge-details-section .range-item ul .list-inline-item.active span:before{background-color:#fff}.challenge-details-section input[type=range]::-moz-range-thumb{-webkit-appearance:none;appearance:none;margin-top:-8px;background-color:transparent;height:15px;width:15px;border:4px solid transparent;z-index:11;box-shadow:none}.challenge-details-section input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-8px;background-color:transparent;height:24px;width:24px;border:4px solid transparent;box-shadow:none;z-index:11}.challenge-details-section input[type=range]::-moz-range-progress,.challenge-details-section input[type=range]::-moz-range-track,.challenge-details-section input[type=range]::-ms-fill-lower,.challenge-details-section input[type=range]::-ms-fill-upper,.challenge-details-section input[type=range]::-ms-track,.challenge-details-section input[type=range]::-webkit-slider-runnable-track{background-color:hsla(0,0%,94.1%,0)}.challenge-details-section input[type=range]:focus::-moz-range-thumb,.challenge-details-section input[type=range]:focus::-ms-thumb,.challenge-details-section input[type=range]:focus::-webkit-slider-thumb{box-shadow:none!important;background-color:hsla(0,0%,94.1%,0)}.challenge-details-section input[type=range]:disabled::-moz-range-thumb,.challenge-details-section input[type=range]:disabled::-webkit-slider-thumb{background-color:transparent;border:4px solid transparent}.challenge-details-section #accumulated-steps-tab .range-item .form-progress{visibility:hidden}.challenge-details-section .accumulated-steps-tab_wrapper{background-color:#fff;border-radius:16px;box-shadow:0 4px 20px 0 rgba(50,100,76,.15);padding:16px}.challenge-details-section .accumulated-steps-tab_wrapper .badge-img-wrapper{position:relative}.challenge-details-section .accumulated-steps-tab_wrapper .badge-img-wrapper .badge-img-bg{position:absolute;width:36px;translate:-50% -50%;margin:auto;top:50%;left:50%;-webkit-filter:drop-shadow(0 1px 2px #929497);filter:drop-shadow(0 1px 2px #929497)}.challenge-details-section .accumulated-steps-tab_wrapper .badge-img-wrapper .accumulated-steps-tab_badge{position:relative;width:32px}.challenge-details-section .accumulated-steps-tab_wrapper .accumulated-steps-tab_badge-list{display:flex;justify-content:center;grid-gap:20px;gap:20px}.challenge-details-section .accumulated-steps-tab_wrapper .accumulated-steps-challenge-completed-heading{font-family:"Sukhumvit Tadmai";font-weight:700;font-size:20px;line-height:30px;text-align:center}.challenge-details-section .accumulated-steps-tab_wrapper .accumulated-steps-challenge-completed-description{font-family:"Sukhumvit Tadmai";font-weight:500;font-size:14px;line-height:21px;text-align:center}.challenge-details-section .accumulated-steps-bottom{color:#2c2c2c;box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;background-color:hsla(0,0%,100%,.9);padding:16px;display:flex;align-items:center;justify-content:space-between;margin-top:16px;background-image:url(/images/challenge/white-bg.svg);background-repeat:no-repeat;height:100%;background-size:cover;background-position:50%}.challenge-details-section .accumulated-steps-bottom .accumalated-steps-left{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500}.challenge-details-section .accumulated-steps-bottom .accumalated-steps-left .accumalated-steps-value{font-family:"GT Walsheim Bold";font-weight:700;margin:0 4px}.challenge-details-section .accumulated-steps-bottom .accumalated-steps-img-container{position:relative}.challenge-details-section .accumulated-steps-bottom .accumalated-steps-img-container img{height:84px}.challenge-details-section .take-step-today-section{display:flex;justify-content:space-between;align-items:center}.challenge-details-section .take-step-calories-section,.challenge-details-section .take-step-distance-section,.challenge-details-section .take-step-left-bottom-section,.challenge-details-section .take-step-pace-section{display:flex;align-items:center;grid-gap:4px;gap:4px}.challenge-details-section .take-step-pace-section .take-step-pace-value{font-size:44px;font-weight:700;font-family:"GT Walsheim Pro";color:#3c9d47;line-height:48px}.challenge-details-section .take-step-calories-unit,.challenge-details-section .take-step-distance-unit,.challenge-details-section .take-step-pace-unit{font-size:14px;font-weight:500;color:#2c2c2c;margin-top:16px;font-family:"Sukhumvit Tadmai"}.challenge-details-section .take-step-left-bottom-section{grid-gap:14px;gap:14px;margin-top:2px}.challenge-details-section .take-step-left-bottom-section .take-step-distance-section{grid-gap:3px;gap:3px}.challenge-details-section .take-step-left-bottom-section .take-step-calories-value,.challenge-details-section .take-step-left-bottom-section .take-step-distance-value{font-size:20px;font-family:"GT Walsheim Pro";font-weight:700;color:#3c9d47}.challenge-details-section .take-step-left-bottom-section .take-step-calories-unit,.challenge-details-section .take-step-left-bottom-section .take-step-distance-unit{margin-top:4px}.challenge-details-section .take-step-today-right-section .card{background:none;position:relative;display:flex;align-items:center;justify-content:center;border:none}.challenge-details-section .take-step-today-right-section .card svg{width:73px;height:73px}.challenge-details-section .take-step-today-right-section .card svg circle{stroke-width:10;fill:transparent}.challenge-details-section .take-step-today-right-section .card svg circle:last-of-type{stroke-dasharray:195px;stroke-linecap:round;stroke-dashoffset:calc(195px - 195px*var(--percent)/100)}.challenge-details-section .take-step-today-right-section .card .percent{display:flex;justify-content:center;align-items:center}.challenge-details-section .take-step-today-right-section .card .number{position:absolute}.challenge-details-section .take-step-today-right-section .card .number .progress-value-inner{color:#000;font-weight:800;font-family:"Sukhumvit Tadmai";font-size:24px;text-align:center;line-height:26px}.challenge-details-section .take-step-today-right-section .card .number .progress-value-unit-container{display:flex;font-size:12px;font-weight:500;color:#a0abc0;grid-gap:2px;gap:2px}.challenge-details-section .take-step-today-right-section .card.progress-card-green-1 svg circle{stroke:#f0f0f0}.challenge-details-section .take-step-today-right-section .outer-circle{background-image:url(/images/challenge/outer-circular-bar.svg);height:104px;width:104px;background-position:50%;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;background-size:contain}.challenge-details-section .take-step-today-right-section .progress-value{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#3c9d47}.challenge-details-section .take-step-today-tab{margin-top:32px}.challenge-details-section .total-statistics-container{display:flex;grid-gap:14px;gap:14px;margin-top:4px}.challenge-details-section .total-statistics-container span:first-child{font-size:20px;font-weight:700;color:#3c9d47;font-family:"GT Walsheim Bold"}.challenge-details-section .total-statistics-container span:last-of-type{font-size:14px;font-weight:500}.challenge-details-section .total-statistics-container .total-statistics-col{display:flex;align-items:baseline;grid-gap:4px;gap:4px}.challenge-details-section .challenge-bottom-indicator{height:34px;display:flex;align-items:center;justify-content:center}.challenge-details-section .challenge-bottom-indicator .challenge-bottom-line{height:5px;width:139px;background:#000;border-radius:100px;margin-top:12px}.challenge-map-loading-wrapper{background-image:url(/images/challenge/cloud_opening.svg);background-size:cover;height:100vh;position:fixed;width:100%;z-index:1000;background-color:hsla(0,0%,100%,.933333);display:flex;justify-content:center;align-items:center}.challenge-map-loading-content{text-align:center}.challenge-map-loading-content img{width:160px}.challenge-map-loading-content_text{font-family:"Sukhumvit Tadmai";font-size:22px;font-weight:800;line-height:33px;color:#2c2c2c;margin-top:8px}.challenge-map-loading-content .progress-container{width:343px;background:linear-gradient(107.74deg,#e7e7e7 27.91%,#d6d6d6 98.01%);border-radius:10px;overflow:hidden;box-shadow:inset 4px 4px 5.3px 0 hsla(0,0%,78.8%,.501961);height:20px;padding:6px;margin-top:12px;position:relative}.challenge-map-loading-content .progress-bar{width:var(--loading-percent);max-width:calc(100% - 12px);height:8px;background:linear-gradient(270deg,#9bda79,#6bc948);border-radius:10px;position:absolute}.challenge-map-loading-content .progress-bar-bg{position:absolute;background:#fff;width:calc(100% - 12px);z-index:0;height:8px;border-radius:4px}.line-modal .modal{position:fixed;top:0;left:0;z-index:999;display:block;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:rgba(0,0,0,.5)}.line-modal .modal-dialog{position:relative;width:auto;margin:24px;pointer-events:none}.modal.fade .line-modal .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translateY(-50px);transform:translateY(-50px)}.modal.show .line-modal .modal-dialog{-webkit-transform:none;transform:none}.line-modal .modal-dialog-scrollable{height:calc(100% - 1rem)}.line-modal .modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.line-modal .modal-dialog-scrollable .modal-body{overflow-y:auto}.line-modal .modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.line-modal .modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:#000;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.175);border-radius:.5rem;outline:0}.line-modal .modal-title{margin-bottom:0;line-height:1.5}.line-modal .modal-body{position:relative;flex:1 1 auto;padding:1rem}.challenge-unlock-modal.--hidden{visibility:hidden}.challenge-unlock-modal .modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.6)}.challenge-unlock-modal .modal .challenge-unlock-firework{position:absolute;top:0;left:0;right:0;height:260px;margin:auto;z-index:1}.challenge-unlock-modal .badge-step-modal .modal-content{max-width:320px;width:100%;margin:0 auto;background-color:initial;border:none;background-image:url(/images/challenge/badge-bg.svg);background-repeat:no-repeat;background-position:50%;background-size:contain}@media (max-width:324px){.challenge-unlock-modal .badge-step-modal .modal-content{background-size:contain}}.challenge-unlock-modal .badge-step-modal .modal-body{text-align:center;color:#2c2c2c;font-family:"Sukhumvit Tadmai"}.challenge-unlock-modal .badge-step-modal .modal-body .modal-title{font-size:24px;font-weight:800;margin-bottom:8px}.challenge-unlock-modal .badge-step-modal .modal-body .modal-subtitle{font-size:18px;font-weight:500}@media (max-width:324px){.challenge-unlock-modal .badge-step-modal .modal-body .modal-subtitle{margin-bottom:5px}}.challenge-unlock-modal .badge-step-modal .modal-body .modal-subtitle-greeting{font-weight:400}.challenge-unlock-modal .badge-step-modal .modal-body .modal-subtitle-greeting.--en{font-family:"GT Walsheim Pro"}.challenge-unlock-modal .badge-step-modal .modal-body .modal-subtitle-greeting.--thai{font-family:"Sukhumvit Tadmai"}.challenge-unlock-modal .badge-step-modal .modal-body .badge-img{margin:11px;width:113px;position:relative}.challenge-unlock-modal .badge-step-modal .modal-body .badge-img-wrapper{position:relative;margin:20px 0}.challenge-unlock-modal .badge-step-modal .modal-body .badge-img-wrapper .badge-img-bg{position:absolute;width:132px;translate:-50% -50%;margin:auto;top:50%;left:50%;-webkit-filter:drop-shadow(0 2px 2px #fff);filter:drop-shadow(0 2px 2px #fff)}.challenge-unlock-modal .badge-step-modal .btn-light-green{background:linear-gradient(135deg,#057036 -39.29%,#51ba62 82.14%) padding-box,linear-gradient(132.38deg,#abecb0 -14.45%,#16570a 122.44%) border-box;border:4px solid transparent;box-shadow:4px 4px 18px 0 #bedec3;color:#fff;font-size:16px;font-weight:800;font-family:"Sukhumvit Tadmai";border-radius:48px;display:block}.challenge-unlock-modal .badge-step-modal .btn-full{width:100%}.challenge-unlock-modal .challenge-share-container{margin-bottom:24px}.challenge-unlock-modal .challenge-share-container .map-goal-share-section{justify-content:center;grid-gap:24px;gap:24px}.user-profile-wrapper{position:absolute}.user-hotspot.pin .user-profile-wrapper{translate:-50% -50%}.user-profile-wrapper .user-rank{width:20px;height:20px;position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff;font-family:"GT Walsheim Bold";color:#2c2c2c;font-size:16px;left:-4px;top:-4px;z-index:1}.user-profile-wrapper .user-chat-bubble{background-color:#fff;height:36px;border-radius:16px;padding:8px;position:absolute;width:-webkit-max-content;width:max-content;top:-56px;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%}.user-profile-wrapper .user-chat-bubble:after{content:"";border:10px solid transparent;border-top-color:#fff;position:absolute;bottom:-18px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.user-profile-wrapper .user-chat-bubble.--hide{display:none}.user-profile-wrapper .user-img{width:40px;height:40px;border-radius:50%;border:2.5px solid #fff}.user-profile-wrapper .user-img.--is-leader{border-color:#dbb67c}.user-profile-wrapper .user-img.--no_image{content:url(/images/challenge/default_challenge_profile.svg);position:absolute}.user-profile-wrapper .user-image-badge{position:absolute;bottom:-8px;right:-8px;width:28px}body::-webkit-scrollbar:has(.challenge-map-wrapper){display:none}.challenge-map-wrapper .map-details-header{width:calc(100% - 32px);display:flex;align-items:flex-start;justify-content:space-between;margin:auto;position:fixed;top:16px;z-index:2;left:16px}.challenge-map-wrapper .map-details-header .challenge-date{box-shadow:0 4px 20px 0 rgba(50,100,76,.14902);background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:3px 12px;border-radius:8px;font-size:16px;color:#2c2c2c;font-family:"Sukhumvit Tadmai"}.challenge-map-wrapper .map-details-header .challenge-date span:last-of-type{font-family:"GT Walsheim Pro";font-weight:700;margin-left:4px}.challenge-map-wrapper .map-details-header .btn-white-linear{border-radius:10px;height:48px;width:48px;display:inline-block;background:linear-gradient(107.74deg,#e6e6e6 27.91%,#fefefe 98.01%) padding-box,linear-gradient(139.18deg,#fbfbfb 16.07%,#dcdcdc 93.35%) border-box;border:3.5px solid transparent;box-shadow:4px 4px 18px 0 rgba(44,44,44,.25);display:flex;align-items:center}.challenge-map-wrapper .map-details-header .btn-white-linear:active,.challenge-map-wrapper .map-details-header .btn-white-linear:focus,.challenge-map-wrapper .map-details-header .btn-white-linear:visited{outline:none;border:3.5px solid transparent;box-shadow:4px 4px 18px 0 rgba(44,44,44,.25)}.challenge-map-wrapper .challenge-map-exit-btn{border:none;position:absolute;z-index:1;top:0;right:0;padding:0}.challenge-map-wrapper .App{overflow-x:hidden}.challenge-map-wrapper .d-none{display:none}.challenge-map-wrapper .container{width:100%;height:100vh;padding:0}.challenge-map-wrapper .header{width:100%;z-index:9}.challenge-map-wrapper .lg-container{position:relative;padding:0;overflow:hidden;margin:100px 1rem 1rem}.challenge-map-wrapper .lg-hotspot{position:absolute;margin:0;padding:0;z-index:0}.challenge-map-wrapper .lg-hotspot:active .challenge-map-wrapper .lg-hotspot__button,.challenge-map-wrapper .lg-hotspot:hover .challenge-map-wrapper .lg-hotspot__button{border-color:#ff774c}.challenge-map-wrapper .lg-hotspot:active .challenge-map-wrapper .lg-hotspot__button:after,.challenge-map-wrapper .lg-hotspot:hover .challenge-map-wrapper .lg-hotspot__button:after{background-color:#ff774c}.challenge-map-wrapper .lg-hotspot--selected{z-index:999}.challenge-map-wrapper .lg-hotspot--selected .lg-hotspot__label{opacity:1}.challenge-map-wrapper .lg-hotspot__button{height:30px;width:30px;padding:0;border-radius:100%;border:1px solid #ff6000;box-shadow:0 2px 4px rgba(0,0,0,.2);z-index:999;-webkit-animation:button-pulse 7s ease-in-out infinite;animation:button-pulse 7s ease-in-out infinite;cursor:pointer}.challenge-map-wrapper .lg-hotspot__button:after{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none;content:"";display:block;height:12px;width:12px;border-radius:100%;border:3px solid #fff;background-color:#ff6000;transition:border-color 1s linear}.challenge-map-wrapper .lg-hotspot__label{position:absolute;padding:0 0 1.1em;width:16em;max-width:50vw;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);font-family:"Open Sans",sans-serif;font-size:14.5px;line-height:1.45em;z-index:-1;border-radius:2px;-webkit-user-select:none;user-select:none;opacity:0;transition:all .1s linear}.challenge-map-wrapper .lg-hotspot__label h4{margin:0;padding:.65em 24px;background-color:#555;font-size:1.1em;font-weight:400;letter-spacing:.02em;color:#fff;border-radius:2px 2px 0 0}.challenge-map-wrapper .lg-hotspot__label p{margin:0;padding:1.1em 24px 0;color:#333}.challenge-map-wrapper .lg-hotspot--bottom-left .lg-hotspot__label,.challenge-map-wrapper .lg-hotspot--bottom-right .lg-hotspot__label,.challenge-map-wrapper .lg-hotspot--top-left .lg-hotspot__label,.challenge-map-wrapper .lg-hotspot--top-right .lg-hotspot__label{top:24px;left:24px}.challenge-map-wrapper img.description{position:absolute;bottom:0;width:100%}.challenge-map-wrapper .pin-img{position:absolute;height:10px;width:10px;pointer-events:none;-webkit-transform-origin:center;transform-origin:center;visibility:hidden}.challenge-map-wrapper .main-point-img{position:absolute;width:48px;height:48px;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);pointer-events:all}.challenge-map-wrapper .main-point-badge{position:absolute;translate:-50%;height:52px;scale:1.2}.challenge-map-wrapper .cloud-fading-img{height:75px;position:absolute;-webkit-transform:translate(-50%,-20px);transform:translate(-50%,-20px);-webkit-filter:drop-shadow(0 0 10px #fff);filter:drop-shadow(0 0 10px #fff)}.challenge-map-wrapper .cloud-fading-img.cloud-fading-usa{height:100px;translate:-20px}.challenge-map-wrapper .cloud-fading-amway{display:none}.challenge-map-wrapper .transitioning{opacity:0;transition:opacity .5s ease-in-out}.challenge-map-wrapper .user-hotspot{position:absolute;transition:top .5s ease-in-out,left .5s ease-in-out}.challenge-map-wrapper .fade-out{-webkit-animation:fadeOut 1s forwards;animation:fadeOut 1s forwards}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.challenge-map-wrapper .steps-input-wrapper{display:flex;z-index:9;position:relative}@media (min-width:768px){.challenge-map-wrapper .steps-input-wrapper{position:absolute;top:0}}.challenge-map-wrapper .steps-input-wrapper input{background:#fff;height:74px;font-size:24px;border-radius:32px;border-image-source:linear-gradient(139.18deg,#fbfbfb 16.07%,#dcdcdc 93.35%);padding:12px}.challenge-map-wrapper .steps-input-wrapper input:active,.challenge-map-wrapper .steps-input-wrapper input:focus,.challenge-map-wrapper .steps-input-wrapper input:focus-visible{outline:none;border:none;box-shadow:none}.challenge-map-wrapper .steps-input-wrapper .move-button,.challenge-map-wrapper .steps-input-wrapper .move-step-button{font-size:28px;padding:20px;box-shadow:4px 4px 18px 0 rgba(44,44,44,.101961);border:4px solid;color:#2c2c2c;border-radius:32px;font-weight:700}@media (max-width:768px){.challenge-map-wrapper .description,.challenge-map-wrapper .header{display:block}.challenge-map-wrapper .lg-image{width:auto;height:100vh}.challenge-map-wrapper .react-transform-wrapper{position:fixed;max-width:100%;max-height:100vh}.challenge-map-wrapper .cloud-fading-img,.challenge-map-wrapper .cloud-fading-img.cloud-fading-usa{height:75px}.challenge-map-wrapper .steps-input-wrapper{justify-content:center;margin-top:-96px;grid-gap:4px;gap:4px}.challenge-map-wrapper .steps-input-wrapper .move-button,.challenge-map-wrapper .steps-input-wrapper .move-step-button{font-size:15px;padding:6px 10px}.challenge-map-wrapper .steps-input-wrapper input{height:50px;font-size:16px;width:130px}}body::-webkit-scrollbar:has(.my-dashboard-container){display:none}.my-dashboard-container{background-image:url(/images/challenge/team-dashboard-bg.svg);background-repeat:no-repeat;background-size:100%;height:100%}.my-dashboard-container .profile-img-container{position:relative;padding-top:20px}.my-dashboard-container .profile-img-container .profile-bg{position:absolute;top:-18px;width:100%}.my-dashboard-container .pt-20{padding-top:20px}.my-dashboard-container .my-image-upload-card{padding-left:16px;padding-right:16px;padding-bottom:40px}.my-dashboard-container .my-reward-card-container{margin-bottom:108px}.my-dashboard-container .home-fixed-button{border-radius:6px;z-index:10}.before-after-container{background:hsla(0,0%,100%,.8);box-shadow:0 4px 20px 0 rgba(50,100,76,.15);border-radius:16px;padding:0 16px 16px}.before-after-container .pointer{cursor:pointer}.before-after-container .before-after-header{display:flex;justify-content:space-between;align-items:center;height:48px}.before-after-container .before-after-header .before-after-header-left{display:flex;align-items:center;font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai"}.before-after-container .before-after-header .before-after-header-right button{padding:0}.before-after-container .before-after-row{margin-bottom:8px}.before-after-container .before-after-row:last-of-type{margin-bottom:0}.before-after-container .before-after-row .before-after-heading{font-family:"Sukhumvit Tadmai"}.before-after-container .before-after-row .before-after-heading .before-after-title{font-size:14px;font-weight:700;color:#2c2c2c;line-height:21px;margin-bottom:8px}.before-after-container .before-after-row .before-after-heading .before-after-subtitle{font-size:12px;font-weight:500;color:#707070;line-height:18px;margin-bottom:8px}.before-after-container .before-after-row .before-after-image-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.before-after-container .before-after-row .before-after-image-container .my-dashboard-step-container .steps-skeleton-card-container{padding:0}.before-after-container .before-after-row .before-after-image-container .before-after-image-single{background:#f2f2f2;border-radius:8px;height:132px;overflow:hidden}.before-after-container .before-after-row .before-after-image-container .before-after-image-single .before-after-img-uploaded{display:none}.before-after-container .before-after-row .before-after-image-container .before-after-image-single .before-after-image-single-inner{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:4px;gap:4px;text-align:center}.before-after-container .before-after-row .before-after-image-container .before-after-image-single p{font-size:14px;font-weight:700;font-family:"Sukhumvit Tadmai";padding:0 10px}.before-after-container .before-after-row .before-after-image-container .before-after-image-single.before-after-image-uploaded .before-after-image-single-inner{display:none}.before-after-container .before-after-row .before-after-image-container .before-after-image-single.before-after-image-uploaded .before-after-img-uploaded{display:block;width:100%}.upload-image-wrapper{margin-top:16px;background:#fff;border-top-left-radius:12px;border-top-right-radius:12px;position:absolute;bottom:0;height:auto;overflow:auto;width:100%}.upload-image-wrapper .upload-image-container{padding-top:8px}.upload-image-wrapper .upload-image-container .upload-image-title{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";line-height:24px}.upload-image-wrapper .upload-image-container .upload-img-row{padding-top:8px;padding-bottom:20px}.upload-image-wrapper .upload-image-container .cropper-container-500{width:100%;border-radius:16px;height:500px}.upload-image-wrapper .upload-image-container .cropper-container-500 .reactEasyCrop_Container{border-radius:16px;position:relative;height:100%;width:100%}.upload-image-wrapper .upload-image-container .cropper-container-500 .reactEasyCrop_Container img{position:relative;width:auto!important;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;height:500px}.upload-image-wrapper .upload-image-container .cropper-container-500 .reactEasyCrop_Container .reactEasyCrop_CropArea{box-shadow:none;border:none}.upload-image-wrapper .upload-image-container .cropper-container-650{width:100%;border-radius:16px;height:650px}.upload-image-wrapper .upload-image-container .cropper-container-650 .reactEasyCrop_Container{border-radius:16px;position:relative;height:100%;width:100%}.upload-image-wrapper .upload-image-container .cropper-container-650 .reactEasyCrop_Container img{position:relative;width:auto!important;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;height:650px}.upload-image-wrapper .upload-image-container .cropper-container-650 .reactEasyCrop_Container .reactEasyCrop_CropArea{box-shadow:none;border:none}.upload-image-wrapper .upload-image-container .ab-pic-bottom-wrapper{width:100%;z-index:9;box-shadow:0 4px 20px 0 rgba(50,100,76,.15);background:linear-gradient(132.59deg,hsla(0,0%,100%,.9) 38.77%,hsla(0,0%,100%,.45) 113.8%);position:relative;margin-top:20px}.upload-image-wrapper .upload-image-container .ab-pic-bottom-wrapper .ab-pic-bottom-footer{display:flex;padding:16px 0 32px}.upload-image-wrapper .upload-image-container .ab-pic-bottom-wrapper .ab-pic-bottom-footer .btn-green,.upload-image-wrapper .upload-image-container .ab-pic-bottom-wrapper .ab-pic-bottom-footer .btn-outline-red{font-family:"Sukhumvit Tadmai";width:50%;font-weight:700;color:#fff}.upload-image-wrapper .upload-image-container .ab-pic-bottom-wrapper .ab-pic-bottom-footer .btn-outline-red{color:#dd3825}.modal-dialog{margin:0;max-width:100%}.modal-dialog .modal-challenge-content{border-radius:0;border-top-left-radius:24px;border-top-right-radius:24px;border:none}.modal-dialog .modal-challenge-content .modal-challenge-header{display:flex;justify-content:space-between;padding:25px 16px 16px;align-items:center;height:auto}.modal-dialog .modal-challenge-content .modal-challenge-header .title{font-family:"Sukhumvit Tadmai";font-size:20px;font-weight:700;line-height:24px;text-align:left}.modal-dialog .modal-challenge-content .modal-challenge-header .modal-close-action{border:none;background:none;height:32px;width:32px}.modal-dialog .modal-challenge-content .modal-challenge-header .modal-close-action img{height:32px;width:32px}.modal-dialog .modal-challenge-content .modal-card-container{display:flex;flex-wrap:wrap;justify-content:center}.modal-dialog .modal-challenge-content .modal-card-container .modal-card-single{display:flex;flex-direction:column;align-items:center;width:40%}.modal-dialog .modal-challenge-content .modal-card-container .modal-card-single img{height:68px;width:68px;border-radius:50%}.modal-dialog .modal-challenge-content .modal-card-container .modal-card-single .modal-card-title{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";margin:10px 0}.common-android-picker-height .liff-numpad-panel.open .numpad-panel{height:200px}.common-android-picker-height .liff-numpad-panel.open .numpad-panel .modal-dialog{pointer-events:auto}.common-android-preview-height .liff-numpad-panel.open{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:rgba(0,0,0,.5)}body::-webkit-scrollbar:has(.quiz-video-details-page){display:none}.quiz-video-details-page{background-image:url(/images/challenge/team-dashboard-bg.svg);background-repeat:no-repeat;background-size:100%;height:100%}.quiz-video-details-page .container-fluid{padding-left:16px;padding-right:16px}.quiz-video-details-page .container-fluid .quiz-video-container{padding-top:14px;padding-bottom:20px}.quiz-video-details-page .container-fluid .quiz-video-container .quiz-video-title-wrapper{display:flex;align-items:center;justify-content:space-between}.quiz-video-details-page .container-fluid .quiz-video-container .quiz-video-title-wrapper .quiz-video-title{font-size:18px;font-family:"Sukhumvit Tadmai";font-weight:700;line-height:27px}.quiz-video-details-page .container-fluid .quiz-video-container .video-listing-container{position:relative;margin-top:20px;margin-bottom:60px}.quiz-video-details-page .container-fluid .quiz-video-container .video-listing-container .video-image-container{position:relative;display:flex;flex-direction:column;grid-gap:16px;gap:16px}.quiz-video-details-page .container-fluid .quiz-video-container .video-listing-container .video-image-container .quiz-card-single{width:100%!important;margin-right:0;margin-bottom:0}.quiz-video-details-page .container-fluid .quiz-video-container .video-listing-container .video-image-container .quiz-card-single .quiz-img-container .play-icon{height:70.59px;width:70.59px}.quiz-video-details-page .container-fluid .quiz-video-container .video-listing-container .video-image-container .quiz-card-single .quiz-img-container .play-icon .play-img{content:url(/images/challenge/play-bg.svg);width:24.51px;height:29.41px}.quiz-video-details-page .container-fluid .quiz-video-container .video-listing-container .video-image-container .quiz-card-single .quiz-card-time,.quiz-video-details-page .container-fluid .quiz-video-container .video-listing-container .video-image-container .quiz-card-single .quiz-card-title{background:hsla(0,0%,100%,.8);font-size:16px;font-weight:500;padding:4px 12px;line-height:24px;display:inline-block;font-family:"Sukhumvit Tadmai"}.quiz-video-details-page .container-fluid .quiz-video-container .video-listing-container .video-image-container .quiz-card-single .quiz-card-time .quiz-duration{font-family:"GT Walsheim Pro";font-weight:400}body::-webkit-scrollbar:has(.my-badge-container){display:none}.my-badge-container{margin-bottom:100px;margin-top:8px}.my-badge-container .badges-header-wrapper{padding-top:0;transition:all .3s ease}.my-badge-container .my-badge-title{font-size:20px;font-weight:700;line-height:30px;font-family:"Sukhumvit Tadmai";margin-bottom:20px;padding-inline:16px;color:#2c2c2c}.my-badge-container .my-badge-title.title-hide{display:none}.my-badge-container .nav-container{margin-bottom:40px}.my-badge-container .nav-container .challenge-tab-list{padding:0 16px;grid-gap:0;gap:0}.my-badge-container .nav-container .challenge-tab-list button{width:50%}.my-badge-container .nav-container.title-hide{margin-top:46px}.my-badge-container .my-mission-badges-title{font-size:18px;font-weight:700;line-height:27px;font-family:"Sukhumvit Tadmai";margin-bottom:20px;padding-inline:16px;color:#2c2c2c}.my-badge-container .my-coins-container{margin-bottom:20px;padding-inline:16px}.my-badge-container .my-coins-container .team-height{height:188px!important}.my-badge-container .my-coins-container .my-coins-category-title{font-size:18px;font-weight:700;line-height:27px;font-family:"Sukhumvit Tadmai";margin-bottom:20px;color:#2c2c2c}.my-badge-container .my-coins-container .my-all-badges-container{display:flex;flex-wrap:wrap;grid-row-gap:16px;row-gap:16px;padding-top:16px;align-items:center}.my-badge-container .my-coins-container .my-all-badges-container .my-badges-single{text-align:center;width:33.3333%;display:flex;flex-direction:column;grid-gap:4px;gap:4px;align-items:center;height:165px}.my-badge-container .my-coins-container .my-all-badges-container .my-badges-single .progress-count-container{display:flex;flex-direction:column;align-items:center;width:100%;grid-gap:4px;gap:4px}.my-badge-container .my-coins-container .my-all-badges-container .my-badges-single .img-badge-container{position:relative}.my-badge-container .my-coins-container .my-all-badges-container .my-badges-single .img-badge-container .badge-img{position:absolute;top:50%;height:84px!important;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.my-badge-container .my-coins-container .my-all-badges-container .my-badges-single .progress-outer{width:85%}.my-badge-container .my-coins-container .my-all-badges-container .my-badges-single .progress-outer .progress .progress-bar{border-radius:24px}.my-badge-container .my-coins-container .my-all-badges-container .my-badges-single .user-badge{align-self:center;width:45%;padding:2px 8px 0;grid-gap:2px;gap:2px;border-radius:8px;box-shadow:2px 3px 6px 0 rgba(44,44,44,.2);display:flex;justify-content:center;align-items:flex-start}.my-badge-container .my-coins-container .my-all-badges-container .my-badges-single .user-badge .user-icon{width:14px;height:14px}.my-badge-container .my-coins-container .my-all-badges-container .my-badges-single .user-badge .badge-count{font-family:"GT Walsheim Pro";font-size:12px;font-weight:400;line-height:18px;text-align:center}.my-badge-container .my-coins-container .my-all-badges-container .my-badges-single img{height:96px}.my-badge-container .my-coins-container .my-all-badges-container .my-badges-single p{font-size:14px;line-height:21px;font-weight:400;padding:0 8px;font-family:"Sukhumvit Tadmai";height:42px;margin-bottom:4px}.my-badge-container .my-coins-container .sticky{position:fixed;width:100%;z-index:99;top:0;padding-top:0;background:hsla(0,0%,100%,.8);margin-bottom:0;box-shadow:0 4px 20px 0 rgba(50,100,76,.15)}.my-badge-container .my-mission-badges-container{margin-bottom:20px;padding-inline:16px;display:flex}.my-badge-container .my-mission-badges-container .my-coins-category-title{font-size:18px;font-weight:700;line-height:27px;font-family:"Sukhumvit Tadmai";margin-bottom:20px}.my-badge-container .my-mission-badges-container .my-all-badges-container{width:33.3333%;text-align:center;display:flex;flex-direction:column;align-items:center}.my-badge-container .my-mission-badges-container .my-all-badges-container .my-badges-single{text-align:center;display:flex;flex-direction:column;grid-gap:4px;gap:4px;align-items:center;width:100%}.my-badge-container .my-mission-badges-container .my-all-badges-container .my-badges-single .progress-count-container{display:flex;flex-direction:column;align-items:center;width:100%;grid-gap:4px;gap:4px}.my-badge-container .my-mission-badges-container .my-all-badges-container .my-badges-single .badge-img-bg{width:92px;height:92px}.my-badge-container .my-mission-badges-container .my-all-badges-container .my-badges-single .badge-image{width:82px;height:82px;position:absolute;-webkit-transform:translateY(7%);transform:translateY(7%)}.my-badge-container .my-mission-badges-container .my-all-badges-container .my-badges-single .img-badge-container{position:relative}.my-badge-container .my-mission-badges-container .my-all-badges-container .my-badges-single .img-badge-container .badge-img{position:absolute;top:50%;height:84px!important;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.my-badge-container .my-mission-badges-container .my-all-badges-container .my-badges-single .progress-outer{width:85%}.my-badge-container .my-mission-badges-container .my-all-badges-container .my-badges-single .progress-outer .progress .progress-bar{border-radius:24px}.my-badge-container .my-mission-badges-container .my-all-badges-container .my-badges-single .user-badge{align-self:center;width:45%;padding:2px 8px 0;grid-gap:2px;gap:2px;border-radius:8px;box-shadow:2px 3px 6px 0 rgba(44,44,44,.2);display:flex;justify-content:center;align-items:flex-start}.my-badge-container .my-mission-badges-container .my-all-badges-container .my-badges-single .user-badge .user-icon{width:14px;height:14px}.my-badge-container .my-mission-badges-container .my-all-badges-container .my-badges-single .user-badge .badge-count{font-family:"GT Walsheim Pro";font-size:12px;font-weight:400;line-height:18px;text-align:center}.my-badge-container .my-mission-badges-container .my-all-badges-container .my-badges-single img{height:96px}.my-badge-container .my-mission-badges-container .my-all-badges-container .my-badges-single p{font-size:14px;line-height:21px;font-weight:400;padding:0 8px;font-family:"GT Walsheim Pro";height:42px;margin-bottom:4px}.my-badge-container .my-coins-container:last-of-type{margin-bottom:0}.steps-badge-container .steps-skeleton-container{display:flex;grid-gap:10px;gap:10px;overflow:hidden}.steps-badge-container .steps-skeleton-container .steps-skeleton-card-container{display:flex;grid-gap:8px;gap:8px;flex-shrink:0;padding:10px;height:361px;flex-direction:column}.steps-badge-container .steps-skeleton-container .steps-skeleton-card-container:first-child{flex:0 0 100%}.steps-badge-container .steps-skeleton-container .skeleton-card-image{height:354px;border-radius:16px}.steps-badge-container .steps-skeleton-container .skeleton{-webkit-animation:skeleton-loading 1s linear infinite alternate;animation:skeleton-loading 1s linear infinite alternate}.mission-badge-container .steps-skeleton-container{display:flex;grid-gap:10px;gap:10px;overflow:hidden}.mission-badge-container .steps-skeleton-container .steps-skeleton-card-container{display:flex;grid-gap:8px;gap:8px;flex-shrink:0;padding:10px;height:150px;flex-direction:column}.mission-badge-container .steps-skeleton-container .steps-skeleton-card-container:first-child{flex:0 0 100%}.mission-badge-container .steps-skeleton-container .skeleton-card-image{height:354px;border-radius:16px}.mission-badge-container .steps-skeleton-container .skeleton{-webkit-animation:skeleton-loading 1s linear infinite alternate;animation:skeleton-loading 1s linear infinite alternate}body::-webkit-scrollbar:has(.badge-details-container){display:none}.badge-details-container .badge-details-body.dashboardSticky{margin-top:56px}.badge-details-container.badge-scroll{overflow-y:auto}.badge-details-container.no-scroll{overflow-y:hidden}.badge-details-container.others-badge{margin-bottom:85px}.badge-details-container .badge-details-inner{margin-bottom:21px}.badge-details-container .badge-details-inner .badge-title{font-size:30px;font-weight:700;line-height:45px;font-family:"Sukhumvit Tadmai";margin-bottom:8px}.badge-details-container .badge-details-inner p{font-weight:500;font-family:"Sukhumvit Tadmai";margin-bottom:0;font-size:16px}.badge-details-container .badge-details-calendar-container{box-shadow:0 4px 18px 0 rgba(44,44,44,.101961);background-color:#fff;margin:0 16px;padding:0 12px;border-radius:12px}.badge-details-container .badge-details-calendar-container .custom-calendar .react-calendar__viewContainer .react-calendar__tile:disabled{display:none}.badge-details-container .badge-details-calendar-container .custom-calendar .react-calendar__viewContainer .react-calendar__tile:disabled.react-calendar__month-view__days__day{display:block}.badge-details-container .badge-details-calendar-container .badge-values{margin-bottom:0;padding-bottom:28px;margin-top:14px}.badge-details-container .social-media-section{display:flex;justify-content:center;margin:28px 0}.badge-details-container .social-media-section .badge-details-challenge-bar{width:100%;padding-inline:25px}.badge-details-container .social-media-section .badge-details-challenge-bar .steps-progress-container{display:flex;justify-content:space-between;margin-top:5px}.badge-details-container .social-media-section .badge-details-challenge-bar .steps-progress-container .steps-progress-values .normal-steps-font{font-family:"GT Walsheim Pro";font-size:16px;font-weight:400;line-height:24px}.badge-details-container .social-media-section .badge-details-challenge-bar .steps-progress-container .steps-progress-values .steps-font{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:500;line-height:24px;margin-left:4px}.badge-details-container .social-media-section .badge-details-challenge-bar .steps-progress-container .bold-steps-font{font-family:"GT Walsheim Bold";font-size:18px;font-weight:700;line-height:27px}.badge-details-container .social-media-section .badge-details-challenge-bar .progress-outer{height:20px;width:100%;box-shadow:inset 4px 4px 5.3px 0 rgba(107,201,72,.25);background:linear-gradient(107.74deg,#efefef 27.91%,#f7f7f7 98.01%)}.badge-details-container .social-media-section .badge-details-challenge-bar .progress-outer .progress{height:8px;width:95%;color:#f0f0f0}.badge-details-container .social-media-section .badge-details-challenge-bar .progress-outer .progress .progress-bar.bg-fill{border-radius:24px}.badge-details-container .badge-flipper{padding-left:0;padding-right:0;margin-bottom:10px;-webkit-perspective:1000px;perspective:1000px}.badge-details-container .badge-flipper .card-wrapper{text-align:center;color:#fff;width:100%;height:288px;transition:.6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative;background-color:initial}.badge-details-container .badge-flipper .card-wrapper .badge-frontImg-lg{padding:22.4px 0;height:280px;-webkit-filter:drop-shadow(2px -2px 2px rgba(44,44,44,.1));filter:drop-shadow(2px -2px 2px rgba(44,44,44,.1))}.badge-details-container .badge-flipper .card-wrapper .back-img-container{position:relative}.badge-details-container .badge-flipper .card-wrapper .back-img-container .back-img-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#a9afb2;font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai"}.badge-details-container .badge-flipper .card-wrapper .card-back,.badge-details-container .badge-flipper .card-wrapper .card-front{width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0}.badge-details-container .badge-flipper .card-wrapper .card-front{z-index:2;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);height:100%}.badge-details-container .badge-flipper .card-wrapper .card-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);height:100%}.badge-details-container .badge-flipper .card-wrapper .card-back .back-img-value p{margin-bottom:0;font-size:18px;font-weight:700}.badge-details-container .badge-flipper .badge-details-description .badge-note{font-family:"Sukhumvit Tadmai";font-weight:500;font-size:14px;color:#949494;margin:20px 0}.badge-details-container .badge-flipper.flip .card-wrapper{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.badge-details-container .badge-team-data{margin-top:40px}.badge-details-container .badge-team-data .challenge-badge-detail{margin-inline:16px}.badge-details-container .badge-team-data .challenge-badge-detail.badge-scroll{margin-bottom:90px}.badge-details-container .badge-team-data .challenge-badge-detail-heading{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:700;line-height:27px;text-align:left;margin-bottom:8px}.badge-details-container .badge-team-data .challenge-badge-detail-list{margin-top:16px;display:flex;flex-direction:column}.badge-details-container .badge-team-data .challenge-badge-detail-list-users{display:flex;align-items:center;padding:10px 0;grid-gap:48px;gap:48px}.badge-details-container .badge-team-data .challenge-badge-detail-list-users-profile{position:relative;display:inline-block}.badge-details-container .badge-team-data .challenge-badge-detail-list-users-profile img{width:32px;height:32px}.badge-details-container .badge-team-data .challenge-badge-detail-list-users-profile.badge-received img{width:32px;height:32px;opacity:.5;box-shadow:1px 8px 18px -8px rgba(44,44,44,.3)}.badge-details-container .badge-team-data .challenge-badge-detail-list-users-profile .profile-circle-img{display:block;height:32px;width:32px;border-radius:50%}.badge-details-container .badge-team-data .challenge-badge-detail-list-users-profile .dashboard-slider-leader-img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.badge-details-container .badge-team-data .challenge-badge-detail-list-users-profile .dashboard-slider-leader-img .profile-img{height:32px;width:32px;border-radius:50%}.badge-details-container .badge-team-data .challenge-badge-detail-list-users-profile .dashboard-slider-leader-img .btn-icon-crown{height:20px;width:20px;border-radius:50%;background:#fff;position:absolute;left:20px;bottom:-4px;box-shadow:1px 2px 3px 0 hsla(0,0%,70.2%,.4);display:flex;align-items:center;justify-content:center}.badge-details-container .badge-team-data .challenge-badge-detail-list-users-profile .dashboard-slider-leader-img .btn-icon-crown img{width:16px;height:16px}.badge-details-container .badge-team-data .challenge-badge-detail-list-users-name{font-size:16px;font-family:"Sukhumvit Tadmai";color:#2c2c2c;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;text-align:left}.badge-details-container .badge-team-data .challenge-badge-detail-list-users-name.badge-received{color:#707070}.badge-details-container .badge-team-data .challenge-badge-detail-list-users-date{display:flex;justify-content:flex-end;font-size:14px;font-family:"Sukhumvit Tadmai";color:#2c2c2c;font-weight:400;min-width:20%}.badge-details-container .badge-team-data .challenge-badge-detail-list-users-date-progress{display:flex;align-items:center;width:104px}.badge-details-container .badge-team-data .challenge-badge-detail-list-users-date-progress .progress-outer{width:57px;margin-right:8px}.badge-details-container .badge-team-data .challenge-badge-detail-list-users-date-progress .user-badge-progress-percent{font-family:"GT Walsheim Pro";font-size:14px;font-weight:400;line-height:21px}.badge-details-container .badge-values{text-align:center;margin-top:21px;margin-bottom:25px}.badge-details-container .badge-values .badge-current-values{font-family:"GT Walsheim Pro";font-size:20px;font-weight:700;line-height:24px}.badge-details-container .badge-values .green-font{color:#3c9d47}.badge-details-container .badge-values .badge-total-values{font-family:"GT Walsheim Pro";font-size:14px;font-weight:400;line-height:21px;margin-right:6px}.badge-details-container .badge-values .badge-unit{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:21px}.quiz-and-video-button{position:fixed;z-index:1;bottom:0;width:100%;padding:16px;margin-bottom:8px}.quiz-and-video-button .secondaryBtn .challenge-btn-container-title{color:#a7aba8;color:var(--color-neutral-neutral-400,#a7aba8)}.badge-detail-container .steps-skeleton-container{display:flex;grid-gap:10px;gap:10px;overflow:hidden}.badge-detail-container .steps-skeleton-container .steps-skeleton-card-container{display:flex;grid-gap:8px;gap:8px;flex-shrink:0;padding:10px;height:500px;flex-direction:column}.badge-detail-container .steps-skeleton-container .steps-skeleton-card-container:first-child{flex:0 0 100%}.badge-detail-container .steps-skeleton-container .skeleton-card-image{height:500px;border-radius:16px}.badge-detail-container .steps-skeleton-container .skeleton{-webkit-animation:skeleton-loading 1s linear infinite alternate;animation:skeleton-loading 1s linear infinite alternate}.badge-user-detail-container .steps-skeleton-container{display:flex;grid-gap:10px;gap:10px;overflow:hidden}.badge-user-detail-container .steps-skeleton-container .steps-skeleton-card-container{display:flex;grid-gap:8px;gap:8px;flex-shrink:0;padding:10px;height:361px;flex-direction:column}.badge-user-detail-container .steps-skeleton-container .steps-skeleton-card-container:first-child{flex:0 0 100%}.badge-user-detail-container .steps-skeleton-container .skeleton-card-image{height:354px;border-radius:16px}.badge-user-detail-container .steps-skeleton-container .skeleton{-webkit-animation:skeleton-loading 1s linear infinite alternate;animation:skeleton-loading 1s linear infinite alternate}@-webkit-keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}.react-calendar__year-view__months__month.react-calendar__tile--now{color:#a0abc0}.react-calendar__month-view__weekdays__weekday abbr[title]{text-decoration:none}.react-calendar__navigation__label__labelText--from,.youtube-modal{display:flex;align-items:center;justify-content:center}.youtube-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;box-sizing:border-box;width:100%;flex-direction:column;z-index:1000}.youtube-modal .back-modal-button{position:absolute;top:12px;left:12px;background-color:#000;align-self:flex-end;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;margin-bottom:10px}.youtube-modal iframe{width:100%;height:248px;border:none}@media (max-width:395px){.youtube-modal iframe{height:220px}}body::-webkit-scrollbar:has(.challenge-details){display:none}.challenge-details{height:50vh;position:fixed;width:100%}@media (max-height:860px){.challenge-details{height:45vh}}@media (min-height:861px) and (max-height:932px){.challenge-details{height:49vh}}@media (min-height:933px){.challenge-details{height:51vh}}@media screen and (device-width:375px) and (device-height:667px){.challenge-details{height:47vh}}@media screen and (device-width:414px) and (device-height:736px){.challenge-details{height:52vh}}.challenge-details-image{object-fit:cover;width:100%;height:100%}.challenge-details-content{height:100%;padding-top:16px}.challenge-details-title{font-family:"Sukhumvit Tadmai New Bold";font-size:18px;font-weight:700;line-height:27px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;overflow:auto;overflow-wrap:break-word}.challenge-details-title-wrap{white-space:nowrap;overflow:clip;text-overflow:ellipsis;display:block}.challenge-details-description{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:4px}.challenge-details-info{height:85%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;overflow:scroll;text-overflow:ellipsis;font-family:"Sukhumvit Tadmai"}.challenge-details-info ol,.challenge-details-info ul{list-style-position:inside}.challenge-details-date-info{font-weight:400}.challenge-details-footer{height:10vh;position:fixed;bottom:0;width:100%;padding:16px 16px 32px;background-color:#fff;display:flex;justify-content:space-around;z-index:800}.challenge-details-footer div{flex-grow:1;margin:0 8px}.challenge-details-footer div:first-child{margin-left:0}.challenge-details-footer div:last-child{margin-right:0}.challenge-details-seperator img{width:100%}.custom-android-camera{height:100vh;background-color:#000}.custom-android-camera .display-none{display:none}.custom-android-camera .open{background-color:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:99}.custom-android-camera .preview-popup-container{display:grid;place-items:center;padding:16px}.custom-android-camera .preview-popup-container .preview-img{border-radius:16px;width:340px;height:600px}.custom-android-camera .preview-popup-container .preview-action-btn{display:flex;justify-content:space-between}.custom-android-camera-container-flash{display:flex;justify-content:flex-start;position:absolute;top:20px;width:100%;left:20px}.custom-android-camera-container-actions{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;align-items:center;position:absolute;bottom:20px;height:auto;width:100%;grid-gap:16px}.custom-android-camera-container-actions-cancel{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:700;line-height:24px;text-align:center;color:#fff}body::-webkit-scrollbar:has(.challenge-map-detail-wrapper){display:none}.challenge-map-detail-wrapper .challenge-map-main .lg-image.zoom-view-lg-image.--no-image{visibility:hidden}.challenge-map-detail-wrapper .challenge-map-main .react-transform-wrapper{width:100%}.challenge-map-detail-wrapper .challenge-map-main .react-transform-component{height:100vh}.challenge-map-detail-wrapper .challenge-map-main-header{position:absolute;z-index:2}.challenge-map-detail-wrapper .challenge-map-main-image{height:100vh;overflow:hidden}.challenge-map-detail-wrapper .challenge-map-main-image img{height:100%;top:0;position:relative}.challenge-map-detail-wrapper .challenge-map-detail{display:flex;flex-direction:column;grid-gap:16px;gap:16px}.challenge-map-detail-wrapper .challenge-map-detail-grabber{display:flex;justify-content:center;padding:10px;height:30px;cursor:move}.challenge-map-detail-wrapper .challenge-map-detail-grabber img{width:32px;height:4px}.challenge-map-detail-wrapper .challenge-map-detail-title{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai";color:#2c2c2c}.challenge-map-detail-wrapper .challenge-map-detail-tabs .challenge-tab-list__nav-link{font-weight:800;font-size:16px;font-family:"Sukhumvit Tadmai New Bold";min-width:150px;width:calc(50% - 20px)}.challenge-map-detail-wrapper .challenge-map-detail-unlock .map-goal-card-left{display:flex;flex-direction:column;font-size:14px;font-family:"Sukhumvit Tadmai";color:#2c2c2c;font-weight:500}.challenge-map-detail-wrapper .challenge-map-detail-unlock .map-goal-card-left-wrapper{margin:12px 0}.challenge-map-detail-wrapper .challenge-map-detail-unlock .map-goal-card-left-header{margin-bottom:16px}.challenge-map-detail-wrapper .challenge-map-detail-unlock .map-goal-card-left-date{font-family:"Sukhumvit Tadmai";font-weight:400;margin-left:8px}.challenge-map-detail-wrapper .challenge-map-detail-unlock .map-goal-card-right{position:relative}.challenge-map-detail-wrapper .challenge-map-detail-unlock .map-goal-card-right .badge-img-bg{position:absolute;width:96px;translate:-50% -50%;margin:auto;top:50%;left:50%;-webkit-filter:drop-shadow(0 2px 4px #fff);filter:drop-shadow(0 2px 4px #fff)}.challenge-map-detail-wrapper .challenge-map-detail-unlock .map-goal-card-right img{position:relative;width:84px}.challenge-map-detail-wrapper .challenge-map-detail-goal .map-goal-card-container{background-image:url(/images/challenge/white-bg.svg);background-position:50%}.challenge-map-detail-wrapper .challenge-map-detail-goal .map-goal-card-left{display:flex;flex-direction:column;font-size:14px;font-family:"Sukhumvit Tadmai";color:#2c2c2c;font-weight:500}.challenge-map-detail-wrapper .challenge-map-detail-goal .map-goal-card-left-title-steps{margin:0 4px;font-family:"GT Walsheim Pro";font-weight:700}.challenge-map-detail-wrapper .challenge-map-detail-goal .map-goal-card-right img{height:84px}.challenge-map-detail-wrapper .challenge-map-detail-list{margin-top:16px;display:flex;flex-direction:column}.challenge-map-detail-wrapper .challenge-map-detail-list-users{display:flex;justify-content:space-between;align-items:center;padding:13.5px 0;grid-gap:20px;gap:20px}.challenge-map-detail-wrapper .challenge-map-detail-list-users-profile{position:relative;display:inline-block}.challenge-map-detail-wrapper .challenge-map-detail-list-users-profile img{width:32px;height:32px}.challenge-map-detail-wrapper .challenge-map-detail-list-users-profile .profile-circle-img{display:block;height:32px;width:32px;border-radius:50%}.challenge-map-detail-wrapper .challenge-map-detail-list-users-profile .dashboard-slider-leader-img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.challenge-map-detail-wrapper .challenge-map-detail-list-users-profile .dashboard-slider-leader-img .profile-img{height:32px;width:32px;border-radius:50%}.challenge-map-detail-wrapper .challenge-map-detail-list-users-profile .dashboard-slider-leader-img .btn-icon-crown{height:20px;width:20px;border-radius:50%;background:#fff;position:absolute;left:20px;bottom:-4px;box-shadow:1px 2px 3px 0 hsla(0,0%,70.2%,.4);display:flex;align-items:center;justify-content:center}.challenge-map-detail-wrapper .challenge-map-detail-list-users-profile .dashboard-slider-leader-img .btn-icon-crown img{width:16px;height:16px}.challenge-map-detail-wrapper .challenge-map-detail-list-users-name{font-size:16px;font-family:"Sukhumvit Tadmai";color:#2c2c2c;font-weight:500;flex:3 1;word-break:break-all}.challenge-map-detail-wrapper .challenge-map-detail-list-users-date{flex:1 1;font-size:14px;font-family:"Sukhumvit Tadmai";color:#2c2c2c;font-weight:400;width:50px}.pull-right{float:right}.bg-darkbrown{background:#767676}.display-none{display:none}.black-color{color:#2c2c2c}.grey-color{color:#777d79}.btn-green-linear{border-radius:80px;height:44px;box-shadow:4px 4px 18px 0 #bedec3}.btn-white-linear{background:linear-gradient(180deg,#e6e6e6,#fefefe);border-radius:10px;box-shadow:4px 4px 18px 0 rgba(44,44,44,.25);height:40px;position:relative;width:40px;border:2.5px solid transparent;background-clip:padding-box;display:flex;align-items:center;justify-content:center;padding:0}.btn-white-linear img{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.btn-green-linear{border-radius:48px;display:inline-block;background:linear-gradient(135deg,#057036 -39.29%,#51ba62 82.14%) padding-box,linear-gradient(132.38deg,#abecb0 -14.45%,#16570a 122.44%) border-box;border:4px solid transparent;box-shadow:2px 3px 6px 0 rgba(44,44,44,.2);height:48px;font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai"}.btn-sm{height:32px;padding:0 16px}.btn-light-green{background:#f2f7f1;color:#008f3c;font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai"}.btn-rounded{border-radius:48px}.challenge-picture-header-wrapper{padding-top:0;transition:all .3s ease}.challenge-picture-header-wrapper .screen-title{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:700;line-height:27px;text-align:center}.challenge-picture-header-wrapper .header-top{height:54px;object-fit:contain;background:#fff}.challenge-picture-header-wrapper .header-top .header-top-img{width:100%}.challenge-picture-header-wrapper .home-header{position:relative}.challenge-picture-header-wrapper.sticky{position:fixed;width:100%;z-index:99;top:0;padding-top:0}.challenge-picture-header-wrapper.sticky .quiz-header-bottom{background:hsla(0,0%,100%,.8);margin-bottom:0}.challenge-header-bottom{background:#fff;padding:12px 16px;margin-bottom:17px;box-shadow:0 4px 20px 0 rgba(50,100,76,.15)}.challenge-header-bottom .picture-header-title{font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai"}body::-webkit-scrollbar:has(.picture-after-before-page){display:none}.picture-after-before-page{background-image:url(/images/challenge/team-dashboard-bg.svg);background-repeat:no-repeat;background-size:100%;height:100vh;background-position:top}.after-before-body-container{padding-bottom:50px}.after-before-body-container .after-before-title{font-size:22px;font-weight:700;font-family:"Sukhumvit Tadmai";line-height:33px;padding:8px 0}.after-before-body-container .after-before-header{display:flex;margin-bottom:20px}.after-before-body-container .after-before-header .after-before-header-col{width:50%;font-size:18px;font-weight:700;font-family:"Sukhumvit Tadmai";text-align:center}.after-before-body-container .picture-after-before-container{display:flex;flex-direction:column;flex-wrap:wrap;grid-gap:13px;gap:13px}.after-before-body-container .picture-after-before-container .picture-after-before-row{display:flex;grid-gap:17px;gap:17px;position:relative}.after-before-body-container .picture-after-before-container .picture-after-before-row .picture-col{background:#fff;box-shadow:0 4px 20px 0 rgba(50,100,76,.15);width:50%;height:280px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:4px;gap:4px;overflow:hidden}.after-before-body-container .picture-after-before-container .picture-after-before-row .picture-col img{height:48px}.after-before-body-container .picture-after-before-container .picture-after-before-row .picture-col p{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai";margin-bottom:0;text-align:center;max-width:100px;width:100%}.after-before-body-container .picture-after-before-container .picture-after-before-row .steps-skeleton-card-container{padding:0}.after-before-body-container .picture-after-before-container .picture-after-before-row .picture-col-details{height:100%;display:flex;box-shadow:0 4px 20px 0 rgba(50,100,76,.15);flex-direction:column;position:relative;width:50%;border-radius:16px;overflow:hidden}.after-before-body-container .picture-after-before-container .picture-after-before-row .picture-col-details .picture-col-img{border-radius:16px;height:280px;width:100%;object-fit:cover}.after-before-body-container .picture-after-before-container .picture-after-before-row .picture-col-details .picture-col-description{display:flex;justify-content:space-between;padding:8px 12px 13px;grid-gap:5px;gap:5px;position:absolute;background:#fff;width:100%;bottom:0;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.after-before-body-container .picture-after-before-container .picture-after-before-row .picture-col-details .picture-col-description .picture-col-title{font-size:16px;font-weight:700;font-family:"Sukhumvit Tadmai"}.after-before-body-container .picture-after-before-container .picture-after-before-row .picture-col-details .picture-col-description .picture-col-date{font-size:14px;font-weight:500}.after-before-body-container .picture-after-before-container .picture-after-before-row .picture-col-details .picture-col-description .picture-col-right img{height:24px}.challenge-auto-sync-step-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.challenge-auto-sync-step-header-title{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:700;line-height:27px;text-align:center}.challenge-auto-sync-step-body{margin-top:40px}.challenge-auto-sync-step-body .take-step-today-right-section .card{background:none;position:relative;display:flex;align-items:center;justify-content:center;border:none}.challenge-auto-sync-step-body .take-step-today-right-section .card svg{width:281px;height:280px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.challenge-auto-sync-step-body .take-step-today-right-section .card svg circle{stroke-width:18;fill:transparent}.challenge-auto-sync-step-body .take-step-today-right-section .card svg circle:last-of-type{stroke-dasharray:527px;stroke-linecap:round;stroke-dashoffset:calc(527px - 527px*var(--percent)/100)}.challenge-auto-sync-step-body .take-step-today-right-section .card .percent{display:flex;justify-content:center;align-items:center}.challenge-auto-sync-step-body .take-step-today-right-section .card .circle-progress-detail{position:absolute;text-align:center}.challenge-auto-sync-step-body .take-step-today-right-section .card .circle-progress-detail .progress-value{font-family:"GT Walsheim Bold";font-weight:700;font-size:35px;line-height:48px;letter-spacing:-.05em;text-align:center;color:#3c9d47}.challenge-auto-sync-step-body .take-step-today-right-section .card .circle-progress-detail .progress-total{font-family:"GT Walsheim Pro";font-size:18px;font-weight:400;line-height:27px;text-align:left;color:#2c2c2c}.challenge-auto-sync-step-body .take-step-today-right-section .card .circle-progress-detail .progress-unit{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:500;line-height:27px;text-align:left;color:#2c2c2c}.challenge-auto-sync-step-body .take-step-today-right-section .card.progress-card-green-1 svg circle{stroke:#f0f0f0}.challenge-auto-sync-step-body .take-step-today-right-section .outer-circle{background-image:url(/images/challenge/outer-circular-bar.svg);width:281px;height:280px;background-position:50%;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;background-size:contain}.challenge-auto-sync-step-body-list{margin:40px 0;display:flex;flex-direction:column;grid-gap:17px;gap:17px;align-items:center;padding-left:30px;padding-right:30px}.challenge-auto-sync-step-body-list .exercise-card{padding:10px 16px;background-color:#fff;border-radius:16px;box-shadow:0 4px 20px 0 rgba(50,100,76,.14902);width:100%;height:94px;display:flex;flex-direction:column}.challenge-auto-sync-step-body-list .exercise-card-title{font-family:"Sukhumvit Tadmai";font-size:18px;font-weight:700;line-height:27px;text-align:left}.challenge-auto-sync-step-body-list .exercise-card-value{font-family:"GT Walsheim Bold";font-size:18px;font-weight:700;line-height:27px;text-align:left}.challenge-auto-sync-step-body-list .exercise-card-value .green{color:#3c9d47}.challenge-auto-sync-step-body-list .exercise-card-value .black{color:#2c2c2c}.challenge-auto-sync-step-body-list .exercise-card-total{font-family:"GT Walsheim Pro";font-size:16px;font-weight:400;line-height:24px;text-align:left}.challenge-auto-sync-step-body-list .exercise-card-unit{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:500;line-height:24px;text-align:left}.challenge-auto-sync-step-body-list .exercise-card-percent{font-family:"GT Walsheim Bold";font-size:18px;font-weight:700;line-height:27px;text-align:left}.challenge-auto-sync-step-body-list .exercise-card .progress-outer{box-shadow:inset 2px 2px 2px 0 rgba(131,148,237,.25098039215686274);background:linear-gradient(103.17deg,rgba(99,121,232,.16) 15.24%,rgba(131,148,237,.05) 88.44%);height:20px;border-radius:13px;display:flex;align-items:center;justify-content:center;position:relative}.challenge-auto-sync-step-body-list .exercise-card .progress-outer .progress{height:8px;width:100%;margin:0 8px;border-radius:24px}.challenge-auto-sync-step-body-list .exercise-card .progress-outer .progress .progress-bar{background:linear-gradient(270deg,#9bda79,#6bc948);border-radius:16px}.challenge-auto-sync-step-body-list .goal-card{margin-top:40px;background-color:#fff;border-radius:16px;box-shadow:0 4px 20px 0 rgba(50,100,76,.14902);display:flex;justify-content:flex-start;align-items:center;grid-gap:10px;gap:10px;width:100%;height:44px;padding:0 24px}.challenge-auto-sync-step-body-list .goal-card .goal-redirection-link{font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:700;line-height:24px;text-align:center}.challenge-auto-sync-step .display-flex{display:flex;justify-content:space-between}body::-webkit-scrollbar:has(.mission-details){display:none}.mission-details-wrapper{background:#fff;min-height:100vh}.mission-details-wrapper .mission-details{height:50vh;position:fixed;width:100%}@media (max-height:860px){.mission-details-wrapper .mission-details{height:45vh}}@media (min-height:861px) and (max-height:932px){.mission-details-wrapper .mission-details{height:49vh}}@media (min-height:933px){.mission-details-wrapper .mission-details{height:51vh}}@media screen and (device-width:375px) and (device-height:667px){.mission-details-wrapper .mission-details{height:47vh}}@media screen and (device-width:414px) and (device-height:736px){.mission-details-wrapper .mission-details{height:52vh}}.mission-details-wrapper .mission-details-image{object-fit:cover;width:100%;height:100%}.mission-details-wrapper .mission-details-content{height:100%;padding-top:16px}.mission-details-wrapper .mission-details-title{font-family:"Sukhumvit Tadmai New Bold";font-size:18px;font-weight:700;line-height:27px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;overflow:auto;overflow-wrap:break-word}.mission-details-wrapper .mission-details-title-wrap{white-space:nowrap;overflow:clip;text-overflow:ellipsis;display:block}.mission-details-wrapper .mission-details-description{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:4px}.mission-details-wrapper .mission-details-info{height:85%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;overflow:scroll;text-overflow:ellipsis;font-family:"Sukhumvit Tadmai"}.mission-details-wrapper .mission-details-info ol,.mission-details-wrapper .mission-details-info ul{list-style-position:inside}.mission-details-wrapper .mission-details-date-info{font-weight:400}.mission-details-wrapper .mission-details-seperator img{width:100%}@font-face{font-family:"Sukhumvit Set";src:local("Sukhumvit Set"),url(/font/SukhumvitSet-Text.ttf) format("truetype")}@font-face{font-family:"Sukhumvit Set SemiBold";src:local("Sukhumvit Set SemiBold"),url(/font/SukhumvitSet-Bold.ttf) format("truetype")}@font-face{font-family:"Sukhumvit Set Medium";src:local("Sukhumvit Set Medium"),url(/font/SukhumvitSet-Medium.ttf) format("truetype")}@font-face{font-family:"Sukhumvit Set tadmai bold";src:local("Sukhumvit Set Bold"),url(/font/SukhumvitTadmai_Bol.ttf) format("truetype")}@font-face{font-family:"Sukhumvit Set Extra Bold";src:local("Sukhumvit Set Bold3"),url(/font/SUKHUMVITTADMAI-EXTRABOLD.OTF) format("truetype")}@font-face{font-family:"Sukhumvit Set Extra Medium";src:local("Sukhumvit Set Medium"),url(/font/SukhumvitTadmai-Medium.otf) format("truetype")}.mylist-temp-close{position:fixed;inset:0;background-color:rgba(44,44,44,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:50}.mylist-temp-close .mylist-popup{background-color:#fff;border-radius:20px;width:320px;padding:20px;text-align:center;position:relative;box-shadow:0 4px 20px rgba(0,0,0,.1)}.mylist-temp-close .mylist-popup-close-main{position:relative;width:100%;height:24px;display:block}.mylist-temp-close .mylist-popup-close-main img{position:absolute;top:6px;right:6px;width:16px;height:16px;cursor:pointer}.mylist-temp-close .mylist-popup-image-container img{width:132px;height:117px;margin:0 auto 16px}.mylist-temp-close .mylist-popup-title{font-family:"Sukhumvit Tadmai";font-size:20px;font-weight:800;color:#2c2c2c;line-height:30px;margin-bottom:12px}.mylist-temp-close .mylist-popup-description{font-family:"Sukhumvit Tadmai";font-size:14px;font-weight:500;color:#2c2c2c;line-height:24px;margin-bottom:4px}.mylist-temp-close .mylist-popup-description .mylist-popup-highlight{font-weight:700;color:#2c2c2c}.mylist-temp-close .mylist-popup-confirm-button{margin-top:16px;background-color:#2c2c2c;color:#fff;font-family:"Sukhumvit Tadmai";font-size:16px;font-weight:800;line-height:24px;padding:12px 98px;border:none;border-radius:24px;cursor:pointer}
/*# sourceMappingURL=main.6068d237.chunk.css.map */