header{height:var(--navbar-height)}header.overflow,header.overflow-black{height:var(--navbar-height);left:0;position:fixed;top:0;width:100vw}header.overflow-black{z-index:100}header.bgfilled,header.overflow-black{background-color:var(--navbar-bg-color);border-bottom:1px solid var(--ui-border-color)}.navbar{flex-wrap:nowrap}.navbar,.navbar .item-container{align-items:center;display:flex;height:100%}.navbar .item-container{flex-basis:auto;height:calc(var(--navbar-height) - 10px);padding:5px 10px;width:100%}.navbar .item-container .left{display:flex;justify-content:flex-start;margin-left:25px;width:25%}.navbar .item-container .left .nav-logo{cursor:pointer;width:45px}.navbar .item-container .center{display:flex;flex-direction:row;justify-content:space-between;width:50%}.navbar .item-container .right{display:flex;flex-direction:row;justify-content:flex-end;margin-right:25px;width:25%}.navbar .item-container .right .point{align-items:center;cursor:pointer;display:flex;flex-direction:row;justify-content:center;margin-right:10px}.navbar .item-container .right .point .icon{align-self:flex-end;display:flex;height:30px;margin-right:5px;width:30px}.navbar .item-container .right .point .text{font-family:var(--font-bold);margin-top:5px}.navbar .item-container .right .profile-icon{border-radius:50%;box-shadow:0 0 8px #0003;cursor:pointer;height:40px;width:40px}.center .menuitem{cursor:pointer;display:flex;font-family:var(--font-bold);font-size:16px;padding:10px 15px;text-align:center}.center .menuitem.active{background-color:var(--theme-main);border-radius:25px;color:#fff}.page-body{height:100vh;margin-top:70px;max-width:100%;overflow:scroll;width:100vw}.page-body::-webkit-scrollbar{display:none}.page-body .component-wrapper,.transparent-white .component-wrapper{height:100%;width:100%}*{box-sizing:border-box}.noti-icon-contianer{cursor:pointer;margin-right:10px}.user-dropdown-container{background-color:#fff;border-radius:12px;box-shadow:0 0 8px #0003;margin-top:60px;min-width:350px;position:absolute}.user-dropdown-container .profile{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px 10px}.user-dropdown-container .profile .icon-container{align-items:center;background-color:#fff;border:2px solid var(--color-gray-5);border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:10px;width:80px}.user-dropdown-container .profile .icon-container .profile-icon{border-radius:50%;height:70px;object-fit:cover;width:70px}.user-dropdown-container .profile .name{font-size:18px}.user-dropdown-container .menu{display:flex;flex-direction:column;padding-bottom:20px;padding-left:10px;padding-right:10px}.user-dropdown-container .menu .logout-btn{align-items:flex-end;color:red;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start}.user-dropdown-container .menu .logout-btn .icon{margin:0 10px 0 0}.full-page-iframe{border:0;height:100%;width:100%}round-button{align-items:center;border-radius:17px;color:#fff;cursor:pointer;display:flex;font-family:var(--font-medium);font-size:14px;height:35px;justify-content:center;overflow:hidden;padding-left:20px;padding-right:20px;text-overflow:ellipsis;white-space:nowrap}.m-b-30{margin-bottom:30px}.m-l-70{margin-left:70px}.m-l-80{margin-left:80px}round-button.theme-main{background-color:var(--theme-main)}round-button.gray{background-color:var(--color-gray-5)}@media only screen and (max-width:1024px){.navbar .item-container .left{width:20%}.navbar .item-container .right{width:30%}}@media only screen and (max-width:768px){.overflow-black{display:none}.page-body{background-image:none;margin-top:0}}.body-container{align-items:center;display:flex;flex-direction:column;max-height:90vh;overflow:scroll;width:100%}.content-zone{margin-top:20px;width:90%}.content-zone .title{display:none;font-size:30px}.logout-btn-container{align-items:center;background-color:#fb6361;border-radius:10px;cursor:pointer;display:flex;flex-direction:row;margin-bottom:20px;padding:10px}.logout-icon-container{align-items:center;display:flex;justify-content:center}.logout-btn-container .icon{color:#fff;margin-bottom:0;margin-right:10px}.logout-btn-container .label{color:#fff;font-family:var(--font-medium)}@media only screen and (max-width:768px){.body-container{background-color:#f9f7f7;max-height:100%;min-height:100%}.content-zone{margin-top:60px}.content-zone .title{display:block}.p-b-n-100{padding-bottom:100px}}.profile-container{margin-bottom:20px}.profile-info-container{border-bottom:1px solid #0000001a;display:flex;flex-direction:row;padding-bottom:20px}.profile-info-container .icon-container{align-items:center;border-radius:50%;display:flex;justify-content:center;margin-right:12px}.profile-info-container .icon-container .icon{border:2px solid #fa018380;border-radius:50%;height:58px;width:58px}.profile-info-container .info-container .name{font-size:16px;line-break:anywhere}.profile-info-container .info-container .nickname{align-items:center;display:flex;font-size:14px;margin-bottom:2px}.profile-info-container .info-container .employee-id{color:#fa0183;font-size:12px}.profile-info-container .info-container .department{column-gap:5px;display:flex;flex-direction:row;font-size:12px}.profile-info-container .info-container .gender{font-size:12px}.profile-option-container{display:flex;flex-direction:column}.other-container{margin-bottom:20px}.other-container .other-title{font-family:var(--font-bold)}.about-container{margin-bottom:20px}.about-container .about-title{color:#ff0acc;font-family:var(--font-bold)}.version-container{align-items:center;display:flex;justify-content:center}.version-container .version-number{background-color:var(--color-gray-1);border-radius:10px;color:#ff0acc;font-family:var(--font-medium);font-size:11px;padding:2px 15px}.menu-option{border-bottom:1px solid #0000001a;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;padding:10px 0 10px 10px}.menu-option:last-child{border-bottom:0 solid #0000001a}.menu-option .content{align-items:center;display:flex;flex-direction:row}.menu-option .content .icon-container{align-items:center;background-color:var(--color-gray-1);border-radius:50%;display:flex;height:30px;justify-content:center;margin-right:15px;width:30px}.menu-option .content .icon-container .menu-icon{height:16px;width:16px}.menu-option .label{color:#00000080;font-family:var(--font-medium);font-size:14px}.menu-option .menu-arrow{color:var(--color-gray-4);height:20px;width:20px}.flex-between{display:flex;justify-content:space-between}@media only screen and (max-width:768px){.about-container,.other-container,.profile-container{background-color:#fff;border-radius:12px;padding:16px 16px 6px}.menu-option .label{font-size:16px}}.contentZone{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:30px auto 100px;width:40%}.highlights-container{position:relative;width:100%}.title{align-items:center;display:flex;font-family:var(--font-bold);font-size:18px}.healthplan-container{margin-bottom:30px;width:100%}.healthplan-container .home-activity-container{display:flex;flex-direction:column;row-gap:20px}.healthplan-container .content{background-color:#fff;border-radius:12px;box-shadow:0 0 8px #0000001a;width:100%}.healthplan-container .content.pending{cursor:pointer}.healthplan-container .content.pending:hover{background-color:var(--color-gray-5)}.healthplan-container .header{align-items:center;display:flex;flex-direction:row;padding:10px 20px 0}.healthplan-container .header .icon{height:50px;margin-right:10px;width:50px}.healthplan-container .header .text{font-family:var(--font-bold);font-size:16px;margin-bottom:10px}.healthplan-container .center{align-items:center;display:flex;justify-content:center}.healthplan-container .divider{border-bottom:1px solid #ccc;width:90%}.healthplan-container .body{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:10px 30px}.healthplan-container .body:last-child{margin-bottom:10px}.healthplan-container .body .left .icon{border-radius:50%;height:35px;margin-right:15px;padding:2px;width:35px}.healthplan-container .body .left{display:flex;flex-direction:row}.healthplan-container .body .description,.healthplan-container .body .right{display:flex;flex-direction:column;justify-content:center}.healthplan-container .body .right{align-items:center}.healthplan-container .body .right .icon{border-radius:50%;height:25px;margin-bottom:2px;padding:2px;width:25px}.healthplan-container .body .right .status{background-color:#f17c37;border-radius:10px;color:#fff;font-family:var(--font-medium);font-size:14px;padding:1px 10px}.article-container{overflow:hidden;width:100%}.article-container .content{grid-gap:12px;display:grid;grid-template-columns:repeat(3,1fr)}.article-card-container{cursor:pointer;width:100%}.article-card-container .image{border-top-left-radius:12px;border-top-right-radius:12px;height:120px;width:100%}.article-card-container .subject{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-family:var(--font-regular);font-size:14px;overflow:hidden}.bold-text{font-size:16px}.bold-text,.gray-text{font-family:var(--font-bold)}.gray-text{color:var(--color-gray-6);font-size:14px}.icon{height:25px;width:25px}.hl-label,.icon{margin-bottom:5px}.hl-label{font-size:10px}.hl-label,.hl-value{font-family:var(--font-bold)}.hl-value{font-size:16px;min-height:21px}.title-container{justify-content:space-between;margin-bottom:20px}.all-action,.title-container{display:flex;flex-direction:row}.all-action{align-items:center;color:var(--color-gray-6);cursor:pointer;font-family:var(--font-bold);font-size:14px;justify-content:center}.font-regular{font-family:var(--font-regular)}.font-bold{font-family:var(--font-bold)}.profileZone{margin-top:60px;width:90%}.profileZone .profile-contianer{display:flex;justify-content:space-between}.main-text{align-items:center;display:flex;font-size:20px;height:45px}.sub-text{font-size:16px;line-height:28px;margin-top:5px}.profileZone{display:none}.profileZone .profile-contianer .right{align-items:center;display:flex;flex-direction:column}.profileZone .profile-contianer .right .icon{border-radius:50%;box-shadow:0 0 8px #0003;height:45px;width:45px}.profileZone .profile-contianer .right .trophy-icon{height:28px;width:28px}.profileZone .point{display:flex;flex-direction:row;margin-top:10px}.profileZone .point .icon{height:25px;margin-right:5px;width:25px}.profileZone .point .text{font-family:var(--font-bold);margin-top:5px;text-decoration:underline}.font-gray{color:var(--color-gray-6)}.menu-container{display:none;margin-bottom:30px;width:100%}.menu-container .content{background-color:#fff;width:100%}.menu-container .item-container{border-radius:12px;cursor:pointer;height:150px}.menu-container .content .item-container .label{font-family:var(--font-bold);font-size:22px;padding-left:10px;padding-top:15px}.menu-container .content .item-container .image-contianer{align-items:flex-end;display:flex;justify-content:flex-end}.home-installer-container{bottom:30px;position:absolute;right:10px}.home-installer-link{color:#000;font-family:var(--font-regular);font-size:14px;text-decoration:none}.ads-slide-show{position:relative}.home-container{overflow:hidden}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.slide-transition-img{animation:slide 5s ease-in-out}.react-slideshow-wrapper.slide.highlight-slide-container{padding:7px}.react-slideshow-container+ul{padding-inline-start:0}.react-slideshow-container+ul.indicators{column-gap:2px;margin-top:10px!important}.react-slideshow-container+ul.indicators li{width:20px!important}.react-slideshow-container+ul.indicators .each-slideshow-indicator{opacity:1!important}.react-slideshow-container+ul.indicators .each-slideshow-indicator:before{background-color:var(--color-gray-5)!important;border-radius:12px!important;left:3px!important;width:14px!important}.react-slideshow-container+ul.indicators .each-slideshow-indicator.active:before{background-color:var(--color-gray-6)!important;left:0!important;transition:width .4s ease-in-out;width:20px!important}.color-blue .react-slideshow-container+ul.indicators .each-slideshow-indicator:before{background-color:var(--color-main-1-light)!important}.color-blue .react-slideshow-container+ul.indicators .each-slideshow-indicator.active:before{background-color:var(--color-main-1)!important}@media only screen and (max-width:768px){.home-container{align-items:center;background-image:url(/static/media/thaioil_home.8636bce51acec2370344.jpg);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center}.contentZone{width:90%}.ads-slide-show{display:none}.article-container .content{grid-template-columns:repeat(2,1fr)}.profileZone{display:block}.feeling-contianer{position:relative}.menu-container{display:block}}.slideshow{--slide-gap:calc((100% - var(--items-per-slide)*var(--items-width))/(var(--items-per-slide) - 1));margin:0 auto;max-width:100%;overflow:hidden;position:relative}.slideshow .slide{display:inline-block;height:300px;margin-right:var(--slide-gap);width:var(--items-width)}.slideshow .slide:last-child{margin-right:0}.slideshow-slider{font-size:0;transition:1s ease;white-space:nowrap}.arrow{align-items:center;background-color:var(--color-gray-5);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;padding:8px;position:absolute;top:50%;transform:translateY(-50%);width:30px;z-index:1}.arrow.left{left:-50px}.arrow.right{right:-50px}.slideshow-dots{text-align:center}.slideshow-dot{background-color:var(--color-gray-5);border-radius:12px;display:inline-block;height:7px;margin:15px 7px 0;width:12px}.slideshow-dot.active{background-color:var(--color-gray-6);width:20px}.feeling-contianer{bottom:30px;position:absolute;right:30px}.base-dropdown{display:flex;flex-direction:column;position:relative}.cloud-text{background-color:#f1f1f1;border-radius:16px;bottom:70px;font-family:var(--font-bold);font-size:16px;left:-185px;max-width:210px;padding:15px;position:absolute;width:210px}.base-dropdown .hide-item{display:none}.tri-right.border.btm-right:before{border-color:#666 #666 #0000 #0000;border-style:solid;border-width:20px;bottom:-40px;content:" ";height:0;left:auto;position:absolute;right:-8px;width:0}.tri-right.btm-right:after{border-color:#f1f1f1 #f1f1f1 #0000 #0000;border-style:solid;border-width:12px;bottom:-20px;content:" ";height:0;left:auto;position:absolute;right:10px;width:0}.feeling-icon-continaer{align-items:center;border-radius:50%;box-shadow:0 0 8px #0003;display:flex;height:50px;justify-content:center;margin-top:15px;width:50px}.feeling-icon{height:35px;width:35px}.option-dropdown{border-radius:25px;box-shadow:0 0 8px #0003;padding:15px 0}.option-dropdown,.option-dropdown .item-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.option-dropdown .item-container{margin-bottom:10px}.option-dropdown .item-container:last-child{margin-bottom:0}.option-dropdown .item-container .icon{height:35px;width:35px}.option-dropdown .item-container .label{font-family:var(--font-bold);font-size:10px}.option-selected{border-radius:12px;box-shadow:0 0 8px #0003;display:flex;flex-direction:row;justify-content:space-between;padding:15px}.option-selected .left-container{display:flex;flex-direction:row;justify-content:center}.option-selected .left-container .icon-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 4px}.option-selected .left-container .desc-container{padding:4px 10px}.option-selected .left-container .icon-container .icon{height:35px;width:35px}.option-selected .left-container .icon-container .label{font-family:var(--font-bold);font-size:10px}.option-selected .right-contianer{align-items:center;display:flex;justify-content:center}.option-selected .right-contianer .change-btn{background-color:#0047a1;border-radius:15px;color:#fff;padding:3px 10px}@media only screen and (max-width:768px){.arrow{display:none}.feeling-contianer{bottom:auto;margin-bottom:30px;position:relative;right:auto;width:100%}.feel-text{font-family:var(--font-bold);font-size:18px;margin-bottom:16px}.feel-text,.option-dropdown{align-items:center;display:flex}.option-dropdown{border-radius:12px;flex-direction:row;justify-content:space-around;padding:15px 0;width:100%}.option-dropdown .item-container{margin-bottom:0}.option-dropdown .item-container .icon{height:35px;width:35px}}.center-screen{align-items:center;display:flex;height:calc(100vh - var(--navbar-height));justify-content:center;width:100%}.react-slideshow-container{align-items:center;display:flex;position:relative}.react-slideshow-container .nav{cursor:pointer;position:absolute;z-index:10}.react-slideshow-container .nav:first-of-type{left:0}.react-slideshow-container .nav:last-of-type{right:0}.react-slideshow-container .default-nav{align-items:center;background:#fff9;border:0;border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;text-align:center;width:30px}.react-slideshow-container .default-nav:focus,.react-slideshow-container .default-nav:hover{background:#fff;color:#666;outline:0}.react-slideshow-container .default-nav.disabled:hover{cursor:not-allowed}.react-slideshow-container .default-nav:first-of-type{border-right:0;border-top:0;margin-right:-30px}.react-slideshow-container .default-nav:last-of-type{margin-left:-30px}.react-slideshow-container+ul.indicators{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.react-slideshow-container+ul.indicators li{display:inline-block;height:7px;margin:0;padding:5px;position:relative;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator{background:#0000;border:0;color:#0000;cursor:pointer;opacity:.25}.react-slideshow-container+ul.indicators .each-slideshow-indicator:before{background:#000;border-radius:50%;content:"";height:7px;left:0;position:absolute;text-align:center;top:0;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator.active,.react-slideshow-container+ul.indicators .each-slideshow-indicator:hover{opacity:.75;outline:0}.react-slideshow-fadezoom-wrapper{overflow:hidden;width:100%}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap>div{opacity:0;position:relative}.react-slideshow-wrapper .react-slideshow-fade-images-wrap>div[aria-hidden=true]{display:none}.react-slideshow-wrapper.slide{overflow:hidden;width:100%}.react-slideshow-wrapper .images-wrap.horizontal{display:flex;flex-wrap:wrap;width:auto}.react-slideshow-wrapper .images-wrap>div[aria-hidden=true]{display:none}@font-face{font-family:myHealthFirst-Medium;font-style:normal;font-weight:500;src:url(/static/media/myHealthFirst900-Medium.da7fd7ebf95e4d0c9c04.ttf) format("truetype")}@font-face{font-family:myHealthFirst-Bold;font-style:normal;font-weight:700;src:url(/static/media/myHealthFirst900-Bold.797b7bc7fd6a67f813a5.ttf) format("truetype")}@font-face{font-family:myHealthFirst-Regular;font-style:normal;font-weight:400;src:url(/static/media/myHealthfirst900-Regular.470a92dbe0c02d485735.ttf) format("truetype")}@font-face{font-display:swap;font-family:Metropolis;font-style:normal;font-weight:500;src:url(/static/media/Metropolis-Medium.67d8baba70f97e903b72.woff2) format("woff2"),url(/static/media/Metropolis-Medium.1e820637574388e5bdf0.woff) format("woff")}@font-face{font-display:swap;font-family:Metropolis;font-style:normal;font-weight:700;src:url(/static/media/Metropolis-Bold.8a918d17224429eaf4a8.woff2) format("woff2"),url(/static/media/Metropolis-Bold.005ed6f77da1e22f2a85.woff) format("woff")}@font-face{font-display:swap;font-family:Metropolis Semi;font-style:normal;font-weight:600;src:url(/static/media/Metropolis-SemiBold.278bfe91fcd6a148c9f0.woff2) format("woff2"),url(/static/media/Metropolis-SemiBold.d61ac99856d233fd813f.woff) format("woff")}@font-face{font-display:swap;font-family:Metropolis;font-style:normal;font-weight:100;src:url(/static/media/Metropolis-Thin.e51ff7f3d7c5aa3f3ecc.woff2) format("woff2"),url(/static/media/Metropolis-Thin.a1faf163ebe83650b914.woff) format("woff")}@font-face{font-display:swap;font-family:Metropolis;font-style:normal;font-weight:300;src:url(/static/media/Metropolis-Light.218face252571d51801a.woff2) format("woff2"),url(/static/media/Metropolis-Light.a3caa5debea1f5e36c9c.woff) format("woff")}@font-face{font-family:myHealthWorld;font-style:normal;font-weight:400;src:url(/static/media/Metropolis-Medium.67d8baba70f97e903b72.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:myHealthWorld;font-style:normal;font-weight:400;src:url(/static/media/ibmplexthai.7fffd65225540838324a.woff2) format("woff2");unicode-range:u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:myHealthWorld;font-style:normal;font-weight:400;src:url(/static/media/Metropolis-Medium.67d8baba70f97e903b72.woff2) format("woff2");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:myHealthWorld;font-style:normal;font-weight:400;src:url(/static/media/Metropolis-Medium.67d8baba70f97e903b72.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--color-white:#fff;--color-gray:#ebebeb;--color-light-gray:#f9f9f9;--color-dark:#000;--color-dark-1:#242323;--color-dark-2:#3d3c3c;--color-dark-3:#888787;--color-light-dark:#0006;--color-danger:#db5669;--color-light-danger:#db566980;--color-main-1:#0071ce;--color-main-1-light:#0071ce33;--color-main-2:#815ab2;--color-main-2-light:#815ab233;--color-main-3:#faa61b;--color-main-3-light:#faa61b33;--color-main-4:#f87a1e;--color-main-4-light:#f87a1e33;--color-primary:#0071ce;--color-light-primary:#0071ce1a;--color-success:#27bb99;--color-light-success:#27bb9933;--color-red-1:#ff4141;--color-red-2:#ff8b8b;--color-red-3:#f7153b;--color-red-4:#ffe6e6;--color-red-5:#ec0000;--color-red-6:#eebec5;--color-green-1:#80f1d7;--color-green-2:#51c700;--color-green-2-low:#50c70081;--color-green-2-very-low-2:#50c70038;--color-green-2-very-low:#50c70015;--color-green-3:#84ff00;--color-green-3-low:#84ff0080;--color-green-4:#1cf098;--color-green-5:#e9f5eb;--color-green-6:#39dc6f;--color-green-7:#27bb99;--color-purple-1:#ef79ff;--color-purple-2:#4f40e8;--color-purple-3:#af4ffb;--color-gray-1:#f3f3f3;--color-gray-2:#f9f9f9;--color-gray-3:#fdfdfd;--color-gray-4:#d8d8d8;--color-gray-5:#ececec;--color-gray-6:#80808080;--color-gray-7:#f8f8f8;--color-gray-8:#f6f6f6;--color-yellow:#ffcb29;--color-yellow-2:#ffc400;--color-yellow-3:#fcab1e;--color-yellow-low:#fff9e9;--color-yellow-low-2:#fff4d4;--color-orange-1:#ce5f5f;--color-lightgrey-1:#e6e7f7;--color-pink:#eb007c;--color-pink-2:#fd5d99;--color-violet-1:#636bec;--color-blue:#0071ce;--color-blue-2:#0047a1;--font-bold:myHealthFirst-Bold;--font-medium:myHealthFirst-Medium;--font-regular:myHealthFirst-Regular;--main-border-radius:8px;--ui-border-color:#9797971a;--theme-main:#fa0183;--theme-main-shadow:#fd5d99;--theme-main-hover:#378e9e;--theme-level-1:#53bfd3;--theme-level-low-bg:#defaff;--screen-base-bg:#f9f9f9;--content-base-bg:#f9f9f9;--screen-white-bg:#fff;--sidebar-bg-color:#fff;--navbar-bg-color:#fff;--sidebarblock-bg-color:#fff;--menu-base-font-color:#00000080;--menu-base-icon-color:#00000080;--navbar-height:70px;--mobile-navbar-height:60px;--sidebar-md-width:200px;--sidebar-lg-width:250px;--sideinfo-md-width:400px;--sideinfo-lg-width:450px;--box-shadow:#0000000d 0px 2px 5px 0px;--dropdown-border:#d2d2d2;--color-fill-white:invert(100%) sepia(100%) saturate(2%) hue-rotate(91deg) brightness(111%) contrast(101%)}body{height:100vh;margin:0;overflow:hidden}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}shadow-button{align-items:center;border-radius:4px;box-shadow:0 0 3px #fa018380;color:#fa0183;cursor:pointer;display:flex;font-family:myHealthFirst-Regular;font-family:var(--font-regular);justify-content:center;padding:4px 10px}shadow-button.step{font-size:18px;padding:7px 20px}.pink{color:#fa0183}.font-12{font-size:12px}.font-14{font-size:14px}.font-16{font-size:16px}.font-18{font-size:18px}.font-60{font-size:60px}.lh-18{line-height:18px}.mg-r-5{margin-right:5px}.mg-r-20{margin-right:20px}.mg-b-60{margin-bottom:60px}.p-b-60{padding-bottom:60px}.p-t-10{padding-top:10px}.p-t-15{padding-top:15px}.flex-row{display:flex;flex-direction:row}.justify-content-center{justify-content:center}.flex-fixed{flex:0 0 auto}.not-found-container{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.not-found-container .text{font-family:myHealthFirst-Medium;font-family:var(--font-medium);font-size:30px;padding:0 10px;text-align:center}.flex-center{align-items:center}.flex-column{display:flex;flex-direction:column}.gray-6{color:#80808080;color:var(--color-gray-6)}.flex-row-between{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.full-page-container{height:100vh;width:100vw}.width-50{width:50%}modal-blackdrop{align-items:center;background-color:#0000001a;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.text-center{text-align:center}.highlight-container,.top-zone{display:flex;flex-direction:column}.top-zone{align-items:center;justify-content:center;margin:30px auto;width:40%}.add-data{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;width:100%}.add-data .label-container{align-items:center;display:flex;flex-direction:row;justify-content:center}.add-data .label{font-size:20px}.top-zone .top-container{display:flex;flex-direction:column;width:100%}.top-zone .center-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:30px;position:relative}.top-zone .center-container .icon{height:200px;margin-bottom:30px;width:200px}.top-zone .center-container .unit{color:var(--color-gray-6)}.top-zone .bottom-container{background-color:#0047a1;border-radius:12px;color:#fff;min-height:75px;padding:15px;width:100%}.graph-zone{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto 30px;width:40%}.graph-zone .range-container{border-radius:16px;display:flex;flex-direction:row;justify-content:space-between;padding:5px;width:100%}.graph-zone .range-container .range-btn{background-color:var(--color-gray-5);border-radius:16px;cursor:pointer;padding:5px 10px;text-align:center;width:90px}.graph-zone .range-container .range-btn.active{background-color:#0047a1;color:#fff}.graph-zone .graph-container{border-radius:16px;padding:10px 20px;width:100%}.graph-zone .graph-container .title{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.graph-zone .graph-container .title .label{color:grey;font-size:18px}.graph-zone .graph-container .title .icon{height:25px;width:25px}.history-zone{border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin:30px auto 100px;width:40%}.history-zone .label{color:grey;font-size:18px;margin-bottom:3px;padding:10px 20px 0}.list-container{max-height:250px;overflow-y:scroll}.list-container.visible{margin:-10px;padding:10px}.list-container .item-container{border-bottom:1px solid #0003!important;display:flex;flex-direction:row;justify-content:space-between;padding:12px 0}.list-container .item-container:last-child{border-bottom:0 solid #0003!important;padding-bottom:0}.list-container .item-container .info-container{display:flex;flex-direction:column;padding-left:30px}.list-container .item-container .info-container .date{font-size:14px}.list-container .item-container .info-container .source{color:#00000080;font-size:12px}.flex-align-center{align-items:center;display:flex}.top-container .source-container{bottom:0;font-family:var(--font-medium);position:absolute;right:0;text-align:right}.top-container .source-container .date{font-size:14px}.top-container .source-container .source{color:#00000080;font-size:12px}.list-container .item-container .value-container{display:flex;flex-direction:row;padding-right:30px}.list-container .item-container .value-container .value{margin-right:10px}.font-medium{font-family:myHealthFirst-Medium}.box-shadow{box-shadow:0 0 8px #0003}.mg-b-30{margin-bottom:30px}.go-back-icon{display:none}@media only screen and (max-width:768px){.highlight-container{background-color:#f7f7f7}.top-zone{margin-top:0;width:100%}.top-zone .top-container{background-color:#fff;border-bottom-left-radius:60px;border-bottom-right-radius:60px;box-shadow:0 0 4px #0003;padding-left:5%;padding-right:5%;padding-top:50px}.top-zone .center-container{margin-bottom:0;padding-bottom:20px}.top-zone .bottom-container{margin-top:20px;width:90%}.graph-zone{width:90%}.graph-zone .range-container .range-btn{width:85px}.history-zone{width:90%}.go-back-icon{display:block}.top-container .source-container{bottom:10px;font-family:var(--font-medium);position:absolute;right:10px}}.addvaluemodal_modalBackdrop__SbbFP{align-items:center;background-color:#0000001a;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.addvaluemodal_modal__uzKSm{background-color:#fff;border-radius:16px;display:flex;flex-direction:column;height:250px;padding:10px;width:350px}.addvaluemodal_header__acmCO{align-items:center;cursor:pointer;display:flex;flex:0.1 1;justify-content:space-between}.addvaluemodal_title__A-\+BD{font-family:var(--font-medium);font-size:18px;margin-left:2px}.addvaluemodal_body__OnjuS{align-items:center;display:flex;flex:0.8 1;flex-direction:column;justify-content:center}.addvaluemodal_inputContainer__k7eyh{align-items:center;display:flex;flex-direction:row;font-family:var(--font-medium);font-size:16px;margin-bottom:10px}.addvaluemodal_inputContainer__k7eyh:last-child{margin-bottom:0}.addvaluemodal_input__E57B5{background-color:var(--color-gray-2);border:0!important;border-radius:50px;padding:20px 30px;width:100%}.addvaluemodal_inputWithUnit__eb1CL{background-color:var(--color-gray-2);border:0!important;border-bottom-left-radius:50px;border-top-left-radius:50px;padding:20px 30px;width:80%}.addvaluemodal_inputUnit__Uru7F{align-items:center;background-color:var(--color-gray-6);border:0!important;border-bottom-right-radius:50px;border-top-right-radius:50px;display:flex;justify-content:center;padding:20px 30px;width:20%}.addvaluemodal_inputContainer__k7eyh input::-webkit-inner-spin-button,.addvaluemodal_inputContainer__k7eyh input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.addvaluemodal_inputContainer__k7eyh input[type=number]{-moz-appearance:textfield}.addvaluemodal_footer__tIdoK{align-items:center;display:flex;flex:0.1 1;justify-content:center}.addvaluemodal_footer__tIdoK round-button{min-width:40%}.addvaluemodal_success-icon__aWoQu{opacity:0;transition:opacity .5s ease-in-out}.addvaluemodal_success-icon__aWoQu.addvaluemodal_animate__FZrG6{animation:addvaluemodal_scaleAndFade__ZavCj 1s ease-in-out;opacity:1}.health-container{align-items:center;display:flex;flex-direction:column;margin-bottom:70px;overflow:scroll;padding-bottom:70px;width:100%}.content-container{width:40%}.content-container,.health-data-zone{align-items:center;display:flex;flex-direction:column;justify-content:center}.health-data-zone{background-image:url(/static/media/blue-sky.6d5c21ad27a2efe4cb0c.png);background-repeat:no-repeat;background-size:cover;margin-bottom:30px;padding-bottom:50px;padding-left:15%;padding-right:15%;width:100%}.health-data-zone .title{margin-top:30px;text-align:center;width:80%}.health-data-zone .title,.health-data-zone-v2{display:flex;justify-content:center;margin-bottom:30px}.health-data-zone-v2{align-items:center;flex-direction:column;padding-bottom:50px;padding-left:15%;padding-right:15%;position:relative;width:100%}.health-data-zone-v2 .background-image{border-bottom-left-radius:30px;border-bottom-right-radius:30px;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.health-data-zone-v2 .title{display:flex;justify-content:center;margin-bottom:30px;margin-top:30px;text-align:center;width:80%}.health-data-container .item-container{background-color:#fff;border-radius:16px;cursor:pointer;display:flex;flex-direction:row;height:100%;padding:10px;width:100%}.health-data-container .item-container:active,.health-data-container .item-container:hover{opacity:.9}.health-data-container .item-container .icon-container{padding-top:2px}.health-data-container .item-container .icon-container .icon{height:12px;width:12px}.health-data-container .item-container .value-container{padding-left:7px}.health-data-container .item-container .value-container .label{font-size:12px}.health-data-container .item-container .value-container .value{color:var(--color-blue-2);font-size:20px;padding:4px 0}.health-data-container .item-container .value-container .unit{font-size:9px}.health-menu-block{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.health-menu-zone{width:100%}.health-menu-contianer{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.health-menu-contianer .item-container{align-items:center;background-color:var(--color-gray-5);border-radius:50px;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;margin-top:15px;padding:15px;width:70%}.health-menu-contianer .item-container .left-container{align-items:center;display:flex;flex-direction:row;justify-content:center}.health-menu-contianer .item-container .left-container .icon-container{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:50px;justify-content:center;margin-right:15px;width:50px}.health-menu-contianer .item-container .left-container .icon-container .icon{height:30px;margin-bottom:0;width:30px}.health-menu-contianer .item-container .left-container .label-container .label{font-size:18px}.health-menu-contianer .item-container .left-container .label-container .sub-label{color:#00000080;font-size:14px}.health-menu-contianer .item-container .right-container .icon-container{align-items:center;background-color:#feaece;border-radius:50%;display:flex;height:25px;justify-content:center;width:25px}.back-arrow{display:none;left:5%;margin-top:55px;position:absolute}.back-arrow .icon{background-color:#fff;border-radius:50%;height:30px;margin-bottom:0;width:30px}.equal-box-shadow{box-shadow:0 0 8px #0003}@media only screen and (max-width:1024px){.content-container{width:100%}.health-data-zone{margin-bottom:0;padding-bottom:80px;padding-left:5%;padding-right:5%}.health-data-zone .title{margin-top:60px}.health-data-zone-v2{margin-bottom:0;padding-bottom:80px;padding-left:5%;padding-right:5%}.health-data-zone-v2 .title{margin-top:60px}.health-menu-zone{width:90%}.health-menu-contianer .item-container{width:100%}.back-arrow{display:block}.health-menu-block{background-color:#fff;border-top-left-radius:30px;border-top-right-radius:30px;margin-top:-30px;padding-top:30px}.health-container{margin-bottom:30px;padding-bottom:30px}}.health-menu-button{align-items:center;background-color:var(--color-gray-5);border-radius:50px;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;margin-top:15px;padding:15px;width:70%}.health-menu-button .left-container{align-items:center;display:flex;flex-direction:row;justify-content:center}.health-menu-button .left-container .icon-container{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:50px;justify-content:center;margin-right:15px;max-width:50px;min-width:50px}.health-menu-button .left-container .icon-container .icon{height:30px;margin-bottom:0;width:30px}.health-menu-button .left-container .label-container .label{font-family:var(--font-medium);font-size:16px;font-weight:500}.health-menu-button .left-container .label-container .sub-label{color:#00000080;font-size:14px}.health-menu-button .right-container .icon-container{align-items:center;background-color:#feaece;border-radius:50%;display:flex;height:25px;justify-content:center;width:25px}.goback-btn{display:none}.goback-btn .icon{background-color:#fff;border-radius:50%;height:30px;margin-bottom:0;width:30px}@media only screen and (max-width:768px){.health-menu-button{width:100%}.back-arrow,.goback-btn{display:block}.goback-btn{left:5%;position:absolute;top:55px}.goback-btn.normal{background-color:initial;left:auto;position:relative;top:auto}}.login-container{height:100vh;width:100vw}.login-container,.login-container .inner-container{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.login-container .inner-container{height:100%;width:100%}.login-container .inner-container .icon-container{border-radius:75px;height:200px;margin-bottom:20px;width:200px}.login-container .inner-container .top-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.login-container .inner-container .top-container .title{font-size:40px}.login-container .inner-container .top-container .subtitle{color:var(--color-gray-6);font-size:20px;padding-bottom:30px}.login-container .inner-container .top-container input{background-color:var(--color-gray-2);border:0!important;border-radius:50px;font-size:18px;padding:20px 30px;width:30%}.login-container .inner-container .top-container input::placeholder{color:var(--color-gray-6)}.login-container .inner-container .login-btn{background-color:var(--theme-main);border-radius:25px;color:#fff;cursor:pointer;font-size:20px;padding:12px 75px}.login-container .inner-container .login-btn.deactive{background-color:var(--color-gray-3);color:var(--color-gray-6);cursor:default}@media only screen and (max-width:768px){.login-container .inner-container .top-container input{width:90%}}.profile-setting-container{display:flex;height:100%;justify-content:center;margin-bottom:60px;width:100%}.profile-setting-content-container{width:40%}.top-zone-container{align-items:center;border-bottom:2px solid #ede7e180;display:flex;flex-direction:column;padding-bottom:20px;width:100%}.top-zone-container .header-title{font-family:var(--font-bold);font-size:20px;margin-bottom:40px;margin-top:30px}.top-zone-container .name{align-items:center;column-gap:5px;display:flex;font-size:18px;margin-bottom:15px;margin-left:12px}.top-zone-container .id{background-color:#fa01831a;border-radius:16px;color:#fa0183;font-size:15px;margin-bottom:15px;padding:5px 20px}.top-zone-container .department{font-size:14px}.setting-icon-container{margin-bottom:20px;position:relative}.setting-icon-container .icon{border:2px solid #fa018380;border-radius:50%;height:100px;position:relative;width:100px}.setting-icon-container .camera-icon{align-items:center;background-color:#009ae6;border-radius:50%;bottom:10px;color:#fff;cursor:pointer;height:30px;padding:4px;position:absolute;right:-5px;width:30px}.bottom-zone-container{margin-top:30px}.bottom-zone-container .input-container{margin-bottom:20px}.bottom-zone-container .input-container .title{font-family:var(--font-medium);font-size:18px}.input-dropdown{display:flex;flex-direction:row}.bottom-zone-container .input-container .input-dropdown .input{border-radius:16px;margin-right:20px}.input-dropdown .select-dropdown{align-items:center;border:1px solid #0000001a;border-radius:16px;cursor:pointer;display:flex;flex-direction:row;justify-content:center;min-width:120px}.input-dropdown .select-dropdown .dropdown-icon{color:#fa018380;height:34px;width:34px}.dropdown-option-container{background-color:#fff;margin-top:60px;position:absolute}.MuiSelect-select{padding-right:32px!important}.date-picker{background-color:var(--color-gray-2);border:0!important;border-radius:50px;font-size:16px;width:100%}.MuiInputBase-root{border-radius:50px!important;padding:0!important}.MuiInputBase-root,.MuiOutlinedInput-notchedOutline{border:none!important}.MuiOutlinedInput-input{padding:20px 0 20px 30px!important}.MuiInputAdornment-root{padding-right:30px!important}.bottom-zone-container .input-container .input{background-color:var(--color-gray-2);border:0!important;border-radius:50px;font-size:16px;padding:20px 30px;width:100%}.bottom-zone-container .input-container .input::placeholder{color:var(--color-gray-6)}.content-block{display:flex;justify-content:center;margin-bottom:70px;overflow:scroll;padding-bottom:70px;width:100%}.content-block .content-flexbox{width:45%}.content-block .content-flexbox,.qr-code-container{align-items:center;display:flex;flex-direction:column}.qr-code-container{margin-top:60px;width:40%}.qr-code-container .title{margin-bottom:30px}.qr-code-container .display-name{font-family:var(--font-bold);font-size:16px;margin-bottom:10px;text-align:center}.qr-code-container .id{color:#fa0183;font-family:var(--font-bold);font-size:16px}.contract-title-container{margin-bottom:30px;margin-top:60px;width:100%}.contract-title-container .contract-title{font-family:var(--font-bold);font-size:20px}.contract-card-container{background-color:var(--color-gray-2);border-radius:12px;display:flex;flex-direction:row;margin-bottom:20px;padding:20px;width:85%}.contract-card-container .avatar-container{align-items:center;border:2px solid var(--color-gray-6);border-radius:50%;display:flex;height:70px;justify-content:center;margin-right:20px;width:70px}.contract-card-container .avatar-container .avatar{background-color:var(--color-gray-6);border-radius:50%;height:60px;width:60px}.contract-name-container{align-items:center;color:#1d74b3;display:flex;flex-direction:row;font-family:var(--font-bold);font-size:14px;margin-bottom:7px}.contract-name-container .id{padding-left:5px}.contract-info-container .info-container{color:gray;display:flex;flex-direction:column;font-size:11px;row-gap:2px}.contract-card-container .position{display:flex;flex-direction:row}.contract-card-container .position .label{font-weight:700;margin-right:5px}.contract-icon-container{align-items:flex-end;display:flex;flex-direction:row}.contract-icon-container .contract-icon{color:#1d74b3;height:16px;margin-right:5px;margin-top:5px;width:16px}.contract-icon-container .contract-icon.red,.red{color:#df2424}.lang-title{font-family:var(--font-bold);font-size:18px;margin-bottom:20px;margin-top:60px}.select-lang-contanier{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.select-lang-contanier .lang-btn{align-items:center;background-color:var(--color-gray-1);border-radius:30px;color:#000;cursor:pointer;display:flex;flex-direction:row;margin-top:20px;padding:5px;width:60%}.select-lang-contanier .lang-btn.active{background-color:#1d74b3;color:#fff}.select-lang-contanier .lang-btn .flag-container{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:50px;justify-content:center;margin-right:20px;width:50px}.select-lang-contanier .lang-btn .flag-container .flag{width:35px}.select-lang-contanier .lang-btn .label{font-family:var(--font-medium);font-size:16px}.suggest-container{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.suggest-container .header-block{font-family:var(--font-bold);font-size:18px;margin:30px 0}.suggest-container .suggest-block{width:45%}.suggest-block .title-block{margin-bottom:20px}.suggest-block .title-block .label{font-family:var(--font-medium);font-size:16px;margin-bottom:5px}.suggest-block .title-block input{border:1px solid var(--color-gray-6)!important;border-radius:50px;font-family:var(--font-regular);font-size:16px;padding:10px 30px;width:100%}.suggest-block .body-block{margin-bottom:20px}.suggest-block .body-block .label{font-family:var(--font-medium);font-size:16px;margin-bottom:5px}.suggest-block .body-block textarea{border:1px solid var(--color-gray-6)!important;border-radius:12px;font-family:var(--font-regular);font-size:16px;min-height:250px;padding:10px 30px;resize:none;width:100%}.suggest-block .picture-block .label{font-family:var(--font-medium);font-size:16px;margin-bottom:5px}.suggest-block .picture-block .custom-file-upload{border:1px solid var(--color-gray-6)!important;border-radius:16px;cursor:pointer;font-family:var(--font-medium);font-size:16px;margin-bottom:10px;text-align:center}.suggest-block .picture-block .preview{border:1px solid var(--color-gray-4)!important;border-radius:16px;margin-bottom:20px;min-height:100px;padding:10px 30px}.suggest-block .picture-block .preview img{cursor:pointer}.suggest-container .button-block{align-items:center;border-radius:25px;display:flex;font-family:var(--font-medium);justify-content:center;padding:10px 0;width:45%}.suggest-container .button-block,.suggest-container .button-block .validated{background-color:var(--theme-main);color:#fff}.suggest-container .button-block.not-validated{background-color:var(--color-gray-6);color:#fff;margin-top:20px}.privacy-container,.term-container{font-family:var(--font-regular);line-height:23px;padding:10px}.privacy-container *{font-size:16px}.privacy-container{font-family:var(--font-regular);padding-bottom:100px}.list-no-margin{p,ul{margin:0}}.indent-1{text-indent:24px}.pl-24{padding-left:24px}.privacy-container .privacy-title,.term-container .term-title{font-family:var(--font-bold);text-align:center}.privacy-container strong,.term-container strong{font-family:var(--font-bold)}.privacy-table{border:1px solid #000;border-collapse:collapse;width:100%}.privacy-table td{border:1px solid #000}.privacy-table thead td{text-align:center}.privacy-table thead .left{width:65%}.privacy-table tbody ul{margin-block-end:0!important;margin-block-start:0!important;padding:0 10px;padding-inline-start:24px!important}.privacy-table tbody ul.margin-bs-1em{margin-block-start:1em!important}.dictionary-container{margin-bottom:60px;padding:24px}.dictionary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.dictionary-header .title{align-items:center;display:flex;margin-bottom:0}.dictionary-header .search-box{width:40%}.dictionary-header .search-box input{background-color:var(--color-gray-2);border:0!important;border-radius:50px;font-size:16px;padding:10px 20px;width:100%}.name-width{width:210px}.code-width{width:110px}.profile-setting-content-container .btn-container{align-items:center;display:flex;justify-content:center;margin-top:20px}.profile-setting-content-container .btn-container .save-btn{background-color:#fa0183;border-radius:24px;color:#fff;cursor:pointer;font-family:var(--font-bold);font-size:18px;padding:10px 0;text-align:center;width:100px}.notification-setting{align-items:center;display:flex;justify-content:center}.notification-setting .layout-block{width:45%}.notification-setting .helper{align-items:center;display:flex;font-family:var(--font-medium);font-size:16px;margin-bottom:16px;margin-top:16px}.notification-setting .helper .icon-border{align-items:center;border:1.5px solid var(--color-gray-4);border-radius:50%;display:flex;height:45px;justify-content:center;margin-right:16px;min-width:45px}.notification-setting .helper .icon-border .icon{height:27px;margin-bottom:0;transform:rotate(45deg);width:27px}.notification-setting-option{display:flex;flex-direction:column;row-gap:10px}.notification-setting-option .option{align-items:center;display:flex;flex-direction:row;font-family:var(--font-medium);font-size:14px;justify-content:space-between}@media only screen and (max-width:768px){.notification-setting .layout-block{width:100%}.notification-setting .helper{border-bottom:1px solid var(--color-gray-4);padding-bottom:16px}.notification-setting .helper,.notification-setting-option{padding-left:5%;padding-right:5%}.profile-setting-container{margin-bottom:20px}.name-width{width:140px}.code-width{width:80px}.dictionary-header{align-items:flex-start;display:flex;flex-direction:column;justify-content:normal;margin-bottom:20px}.dictionary-header .title{margin-bottom:10px}.dictionary-header .search-box,.dictionary-header .search-box input{width:100%}.top-zone-container .header-title{margin-top:60px}.profile-setting-content-container{width:90%}.profile-setting-content-container .btn-container{align-items:center;display:flex;justify-content:center}.qr-code-container{width:90%}.content-block{margin-bottom:20px;padding-bottom:20px}.content-block.meddocument{padding-bottom:30px}.content-block .content-flexbox{width:90%}.contract-card-container .position .label{margin-right:0;min-width:60px}.contract-card-container .avatar-container{height:48px;max-width:48px;min-width:48px}.contract-card-container .avatar-container .avatar{height:40px;width:40px}.select-lang-contanier .lang-btn{width:100%}.contract-title-container .contract-title{padding-left:12%}.contract-card-container{width:100%}.suggest-container{background-color:#f9f7f7}.suggest-container .header-block{display:none}.suggest-container .suggest-block{background-color:#fff;border-radius:12px;margin-top:10px;padding:20px 5%;width:95%}.suggest-container .button-block{margin-bottom:10px}.term-container{margin-bottom:30px;padding-bottom:30px}.privacy-container{margin-bottom:0;padding-bottom:30px}.suggest-container .button-block.not-validated{margin-bottom:30px}}.checkup-container{display:flex;flex-direction:column;justify-content:center;width:100%}.checkup-container .checkup-top-zone{padding:30px 5% 0}.checkup-title{color:var(--color-blue-2);margin-bottom:20px}.checkup-title .title{font-size:20px;margin-bottom:0}.checkup-title .subtitle{font-size:16px}.checkup-category{background-color:#fff;border-top-left-radius:30px;border-top-right-radius:30px;padding:40px 5% 0}.checkup-category .title{margin-bottom:20px}.checkup-category .list-container{grid-gap:30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:none}.checkup-slide{margin-bottom:20px}.checkup-slide-card{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 0 8px #0003;display:flex;flex-direction:row;justify-content:space-between;padding:15px 25px}.checkup-slide-card .info-block{font-family:var(--font-medium)}.checkup-slide-card .info-block .type{font-size:16px;margin-bottom:10px}.checkup-slide-card .info-block .result-block{align-items:center;color:var(--color-yellow);display:flex;flex-direction:row;margin-bottom:10px}.checkup-slide-card .info-block .result-block .icon{height:20px;margin-bottom:0;margin-right:10px;width:20px}.checkup-slide-card .info-block .result-block .result{font-size:16px}.checkup-slide-card .info-block .detail-btn{align-items:center;background-color:var(--color-gray-1);border-radius:12px;color:var(--color-gray-6);display:flex;font-size:12px;justify-content:center;padding:7px;width:50%}.checkup-slide-card .icon-block{max-width:25%}.checkup-slide-card .icon-block .icon{height:100%;margin-bottom:0;width:100%}.document-container{width:100%}.document-container .document-title{font-family:var(--font-bold);font-size:20px;margin-top:30px}.document-container .menu-block{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 0 8px #0003;display:flex;flex-direction:row;justify-content:space-around;margin-top:30px;width:100%}.document-container .menu-block .menu-item{cursor:pointer;font-family:var(--font-medium);margin:3px;padding:4px 0;text-align:center;width:100%}.document-container .menu-block .menu-item.active{background-color:var(--theme-main);border-radius:20px;color:#fff;cursor:default}.health-result-block{display:flex;flex-direction:column}.health-result{background-color:#009cfb1a;border-radius:20px;display:flex;flex-direction:row;justify-content:space-between;margin-top:20px;padding:15px}.health-result .info-block{display:flex;flex:1 1;flex-direction:row;min-width:0}.health-result .info-block .icon-container{align-items:center;background-color:#fff;border-radius:50%;display:flex;justify-content:center;margin-right:15px;max-height:60px;max-width:60px;min-height:60px;min-width:60px}.health-result .info-block .icon-container .icon{height:40px;margin-bottom:0;width:40px}.health-result .document-name{font-family:var(--font-bold);font-size:16px;overflow-wrap:break-word;white-space:normal;word-break:break-word}.health-result .info-block .info{display:flex;flex-direction:column}.health-result .info-block .info .type{word-wrap:break-word;font-family:var(--font-bold);font-size:16px;white-space:normal}.health-result .info-block .info .date{color:var(--color-gray-6);font-family:var(--font-medium);font-size:12px}.health-result .btn-block{align-items:flex-end;display:flex;flex-shrink:0;justify-content:center;min-width:110px}.health-result .btn-block .detail-btn{background-color:#009cfb;border-radius:12px;color:#fff;cursor:pointer;font-family:var(--font-medium);font-size:14px;min-width:110px;padding:5px 25px;text-align:center}.health-risk-container{display:flex;flex-direction:column;width:100%}.health-risk-category .category-title{font-family:var(--font-bold);font-size:18px;margin-bottom:20px}.health-risk-category .list-container{grid-gap:30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:none}.health-risk-container .img-container{display:none;margin-bottom:30px;width:100%}.health-risk-container .img-container .health-risk-image{height:100%;width:100%}.health-risk-container .content-block{display:flex;flex-direction:column;width:100%}.health-risk-container .health-risk-content-block .title{display:none;font-size:20px;padding:30px 0 0}.health-risk-content-block{padding-top:30px}.health-record-banner,.health-record-container{align-items:center;display:flex;flex-direction:column;width:100%}.health-record-banner{background-color:var(--color-gray-1);justify-content:center}.health-record-banner .banner-title{color:var(--color-blue-2);font-family:var(--font-bold);font-size:20px;padding:30px 0;text-align:start;width:90%}.health-record-banner .banner-subtitle{display:none;text-align:start}.health-record-banner .banner-image-container{width:95%}.health-record-banner .banner-image-container .banner-image{border-radius:20px;width:100%}.health-record-banner .banner-button{align-items:center;background-color:#fa018333;border-radius:20px;cursor:pointer;display:flex;font-family:var(--font-medium);font-size:18px;justify-content:space-between;line-height:30px;text-align:start;width:90%}.health-record-container .banner-button .info-block{padding:30px 0 30px 30px}.health-record-container .banner-button .icon-block{padding-right:20px;padding-top:10px;width:20%}.health-record-container .banner-button .info-block .form-btn{align-items:center;background-color:var(--color-gray-5);border-radius:20px;display:flex;font-size:12px;height:24px;justify-content:center;margin-top:10px;text-align:center;width:90px}.health-record-container .banner-button .icon-block .icon{height:100%;width:100%}.health-record-container .banner-menu{display:flex;margin:30px 0 50px;overflow-x:scroll;padding-bottom:10px;scrollbar-width:auto;width:95%}.health-record-container .banner-menu::-webkit-scrollbar{display:block;height:5px;width:5px}.health-record-container .banner-menu::-webkit-scrollbar-thumb{background-color:#fa018380;border-radius:5px;outline:1px solid #fa018380}.health-record-container .banner-menu::-webkit-scrollbar-track{border-radius:5px;box-shadow:inset 0 0 4px #fa0183b3}.health-record-container .banner-menu .menu-label{align-items:center;border-radius:20px;color:var(--theme-main);cursor:pointer;font-family:var(--font-medium);padding:5px 20px;white-space:nowrap}.health-record-container .banner-menu .menu-label.active{background-color:var(--theme-main);color:#fff}.health-record-container .menu-content-block{background-color:#fff;border-top-left-radius:30px;border-top-right-radius:30px;display:flex;flex-direction:column;margin-top:-30px;min-height:400px;width:100%}.health-record-container .menu-content-block .title-block{align-items:center;border-bottom:1px solid #fff;display:flex;justify-content:space-between;padding:15px 2.5%;width:100%}.health-record-container .menu-content-block .title-block .left{align-items:center;display:flex;flex:1 1;flex-direction:row}.health-record-container .menu-content-block .title-block .right{align-items:flex-end;display:flex;flex-direction:column;font-family:var(--font-medium);font-size:14px;justify-content:flex-end}.health-record-container .menu-content-block .title-block .right .add-btn{background-color:var(--theme-main);border-radius:20px;color:#fff;cursor:pointer;padding:2px 10px}.health-record-container .menu-content-block .label{font-family:var(--font-medium);font-size:18px;padding-left:5px}.group-blood-card{margin-top:20px;padding:0 5%}.group-blood-card .info-block{background-color:var(--color-gray-1);border-radius:12px;margin-top:20px;padding:10px 35px}.group-blood-card .info-block .info{align-items:center;display:flex;flex-direction:row;font-family:var(--font-medium);line-height:25px}.group-blood-card .info-block .info .value{color:#0009;padding-left:5px}.vaccine-block{margin-top:20px;padding:0 5%;text-align:start}.vaccine-block .vaccine-card{font-family:var(--font-medium);margin-bottom:20px}.vaccine-block .vaccine-card .info-block{background-color:var(--color-gray-1);border-radius:10px;margin-top:10px;padding:10px 35px}.vaccine-block .vaccine-card .date{color:var(--color-gray-6);font-size:14px}.vaccine-block .vaccine-card .info-block .info{font-size:16px}.drug-allergy-block{margin-top:20px;padding:0 5%;text-align:start}.drug-allergy-block .allergy-card{font-family:var(--font-medium)}.drug-allergy-block .allergy-card .drug{font-size:16px}.drug-allergy-block .allergy-card .description{background-color:var(--color-gray-1);border-radius:10px;color:#0009;font-size:16px;margin-top:10px;padding:10px 35px}.medicine-block{margin-top:20px;padding:0 5%;text-align:start}.medicine-block .medicine-card{display:flex;flex-direction:column}.medicine-block .medicine-card .header-block{align-items:center;display:flex;flex-direction:row;font-family:var(--font-medium);justify-content:space-between}.medicine-block .medicine-card .header-block .delete-btn{align-items:center;background-color:var(--theme-main);border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:0 10px}.medicine-block .medicine-card .header-block .delete-btn-loading{align-items:center;background-color:var(--theme-main);border-radius:50%;display:flex;font-size:14px;justify-content:center;padding:2px}.medicine-block .medicine-card .name{font-family:var(--font-medium)}.medicine-card{margin-bottom:20px}.medicine-card .info-block{background-color:var(--color-gray-1);border-radius:10px;font-size:16px;margin-top:10px;padding:10px 35px}.medicine-card .info-block .quantity,.medicine-card .info-block .usetype{align-items:center;display:flex;flex-direction:row}.medicine-card .info-block .quantity .label,.medicine-card .info-block .usetype .label{font-size:16px;padding-left:0;padding-right:5px}.medicine-card .info-block .quantity .value,.medicine-card .info-block .usetype .value{color:#0009;font-family:var(--font-medium);font-size:16px}.illness-block{padding:0 5%;text-align:start}.illness-block .update-time{color:#000;font-family:var(--font-bold);font-size:16px;margin-top:30px;text-align:center}.illness-block .food-allergy-card,.illness-block .illness-card{margin-top:20px}.illness-block .food-allergy-card .label,.illness-block .illness-card .name{font-family:var(--font-medium);font-size:18px}.illness-block .illness-card .info-block{background-color:var(--color-gray-1);border-radius:12px;margin-top:10px;padding:10px 35px}.illness-block .food-allergy-card .description,.illness-block .illness-card .info-block .illness{color:#0009;font-family:var(--font-medium);font-size:16px}.illness-block .food-allergy-card .description{background-color:var(--color-gray-1);border-radius:12px;margin-top:10px;padding:10px 35px}.loading-card{flex-direction:column}.loading-card,.not-found-card{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.loading-card .label,.not-found-card .label{color:var(--color-gray-4);font-family:var(--font-bold)}.record-create-container{display:flex;justify-content:center;width:100%}.record-create-container .record-create-block{background-color:var(--color-gray-1);display:flex;flex-direction:column;justify-content:center;padding:30px 30px 100px;width:45%}.record-create-container .record-create-block .record-title{font-family:var(--font-bold);font-size:20px;margin-bottom:20px}.allergy-card{background-color:#fff;border-radius:20px;margin-bottom:30px}.allergy-card .title-block{border-bottom:1px solid var(--color-gray-5);padding:10px 30px}.allergy-card .title-block .label{font-family:var(--font-medium);font-size:16px}.allergy-card .body-block{font-family:var(--font-medium)}.allergy-card .body-block .form-control{margin-bottom:10px;width:100%}.allergy-card .body-block textarea{border:2px solid #dfdfdf!important;border-radius:20px;font-family:var(--font-regular);font-size:16px;min-height:150px;padding:10px 30px;resize:none;width:100%}.allergy-card .body-block .form-control .radio-group{width:100%}.allergy-card .body-block .form-control .radio-group .radio{margin-right:0;width:50%}.allergy-card .body-block .form-control .radio-group .radio .MuiFormControlLabel-label{font-family:var(--font-medium);font-size:14px}.check-box-container .check-box-title{color:var(--color-blue-2);font-family:var(--font-bold);font-size:18px;margin-bottom:20px}.check-box-card{background-color:#f9f9f9;border-radius:20px;margin-bottom:30px}.check-box-card .title-block{align-items:center;border-bottom:1px solid #fff;display:flex;justify-content:space-between;padding:10px 30px}.check-box-card .title-block .label{font-family:var(--font-medium);font-size:16px}.check-box-card .body-block{padding:10px 30px}.check-box-card .body-block .form-control .check-box{width:100%}.check-box-card .body-block .form-control .check-box .MuiFormControlLabel-label{font-family:var(--font-medium);font-size:16px}.check-box-card .body-block .form-control .check-box .MuiCheckbox-root{color:#000}.check-box-card .body-block .form-control .check-box .MuiCheckbox-root.Mui-checked{color:#fa0183}.check-box-card .body-block .form-control .check-box .MuiCheckbox-root.Mui-checked.Mui-disabled{color:#fa0183;opacity:1}.check-box-card .body-block .form-control .check-box .MuiCheckbox-root.Mui-disabled{color:inherit;opacity:.1}.check-box-card .body-block .form-control .check-box .MuiFormControlLabel-label.Mui-disabled{opacity:.5}.check-box-card .body-block .form-control .check-box.active .MuiFormControlLabel-label.Mui-disabled{color:#000;opacity:1}.risk-analysis-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.risk-analysis-container .risk-analysis-block{background-color:var(--color-gray-1);display:flex;flex-direction:column;justify-content:center;padding:30px 30px 100px;width:45%}.evaluation-text,.suggestion-text{font-family:var(--font-regular);font-size:16px;line-height:23px}.evaluation-text .indent,.suggestion-text .indent{text-indent:24px}.evaluation-text .new-line:last-child,.suggestion-text .new-line:last-child{display:none}.suggestion-text .redirect-line{color:var(--color-blue-2);cursor:pointer;font-family:var(--font-medium)}.risk-analysis-block .analysis-container{display:flex;flex-direction:column}.risk-analysis-block .analysis-container .analysis-item{align-items:center;background-color:var(--color-gray-1);border-radius:12px;display:flex;flex-direction:row;justify-content:space-between;margin-top:10px;padding:10px}.risk-analysis-block .analysis-container .analysis-item:first-child{margin-top:0}.risk-analysis-block .analysis-container .analysis-item .label,.risk-analysis-block .analysis-container .analysis-item .value{font-family:var(--font-regular);font-size:16px}.risk-analysis-block .risk-analysis-card{margin-bottom:30px}.risk-analysis-container .risk-analysis-image{background-color:var(--color-gray-1);height:200px;width:100%}.risk-analysis-container .risk-analysis-image .obesity-image{object-fit:none;object-position:50% 20%;width:100%}.risk-analysis-container .risk-analysis-image .diabetes-image{height:250px;width:100%}.risk-analysis-container .risk-analysis-image .coronary-image,.risk-analysis-container .risk-analysis-image .kidneys-image,.risk-analysis-container .risk-analysis-image .stroke-image{height:200px;width:100%}.gray-background{background-color:var(--color-gray-1)}.width-45-p-m{width:45%}.lab-result-container{min-height:100%;overflow:scroll;padding-bottom:70px;width:100%}.flex-center,.lab-result-container{display:flex;justify-content:center}.full-width{width:100%}.lab-result-block,.width-45{width:45%}.blood-test-block,.stool-block,.xray-block,.xray-us-block{margin-top:20px}.result-list-title-container{display:flex;flex-direction:column;padding:10px 0}.result-list-title-container:last-child{border-bottom:0 solid var(--color-gray-5)}.result-list-title-container .title-block{font-family:var(--font-medium)}.result-list-title-container .body-block{display:flex;flex-direction:column}.result-list-title-container .body-block .text-row{display:flex;flex:1 1;flex-direction:row;padding-top:7px}.result-list-title-container .body-block .text-row .left{align-items:center;display:flex;flex:0.6 1;flex-direction:row;font-family:var(--font-medium);font-size:14px}.result-list-title-container .body-block .text-row .center,.result-list-title-container .body-block .text-row .right{flex:0.2 1;font-family:var(--font-regular);font-size:14px;text-align:center}.result-list-title-container .body-block .comment-columm{background-color:var(--color-gray-1);border-radius:12px;display:flex;flex-direction:column;margin-top:10px;padding:10px}.result-list-title-container .body-block .comment-columm .comment{font-family:var(--font-regular);font-size:14px;line-height:18px}.result-list-comment-container{border-bottom:1px solid var(--color-gray-5);display:flex;flex-direction:column}.result-list-comment-container:last-child{border-bottom:0 solid var(--color-gray-5)}.result-list-comment-container .title-block{font-family:var(--font-medium)}.result-list-comment-container .body-block{display:flex;flex-direction:column}.result-list-comment-container .body-block .text-header-row{align-items:center;display:flex;flex:1 1;flex-direction:row;padding:7px 15px}.result-list-comment-container .body-block .text-header-row .left{flex:0.4 1;font-family:var(--font-medium);font-size:14px}.result-list-comment-container .body-block .text-header-row .center,.result-list-comment-container .body-block .text-header-row .right{flex:0.3 1;font-family:var(--font-regular);font-size:14px}.result-list-comment-container .body-block .text-row{display:flex;flex:1 1;flex-direction:row}.result-list-comment-container .body-block .text-row .left{align-items:center;display:flex;flex:0.4 1;flex-direction:row;font-family:var(--font-medium);font-size:14px}.result-list-comment-container .body-block .text-row .center,.result-list-comment-container .body-block .text-row .right{flex:0.3 1;font-family:var(--font-regular);font-size:14px}.result-list-comment-container .body-block .item-block{border-top:1px solid var(--color-gray-5);padding:10px 15px 15px}.result-list-comment-container .body-block .comment-columm{background-color:var(--color-gray-1);border-radius:12px;display:flex;flex-direction:column;margin-top:5px;padding:10px}.result-list-comment-container .body-block .comment-columm .comment{font-family:var(--font-regular);font-size:14px;line-height:18px}.loading-container{align-items:center;display:flex;justify-content:center;width:100%}.comment-column{background-color:var(--color-gray-1);border-radius:12px;display:flex;flex-direction:column;margin-top:5px;padding:10px}.comment-column .year-section{margin-bottom:10px}.comment-column .year-section:last-child{margin-bottom:0}.comment-column .comment-header{font-family:var(--font-medium);font-size:16px;line-height:18px}.comment-column .suggestion-header{font-family:var(--font-medium);font-size:14px;line-height:18px;text-indent:10px}.comment-column .comment{font-family:var(--font-regular);font-size:14px;line-height:18px;margin-top:10px;text-indent:10px}.comment-column .comment:first-child{margin-top:0}.comment-column .suggestion{font-family:var(--font-regular);font-size:14px;line-height:18px;text-indent:10px}.suggestion-title{font-family:var(--font-medium);font-size:14px;margin-bottom:5px}.result-side-container{border-bottom:1px solid var(--color-gray-5);display:flex;flex-direction:column;padding-bottom:15px}.clickable-hover:hover{cursor:pointer;opacity:.5}.result-side-container:last-child{border-bottom:0 solid var(--color-gray-5)}.result-side-container .title-block{font-family:var(--font-medium)}.result-side-container .body-block{display:flex;flex-direction:column}.result-side-container .body-block .text-row{align-items:center;display:flex;flex:1 1;flex-direction:row;font-family:var(--font-medium);font-size:14px;padding-top:7px}.result-side-container .body-block .text-row .label{padding-right:5px}.result-side-container .body-block .text-row .value{color:#0009}.text-label-row{align-items:center;display:flex;flex:1 1;flex-direction:row;font-family:var(--font-medium);font-size:14px;padding-top:7px}.text-label-row .label{align-items:center;display:flex;flex-direction:row;padding-right:5px}.text-label-row .value{color:#0009}.lab-arrow-icon{align-items:center;background-color:var(--color-gray-6);border-radius:50%;color:#fff;display:flex;height:12px;justify-content:center;margin:0 2px;width:12px}.lab-arrow-icon .icon{height:14px;margin-bottom:0;width:14px}.health-insight-container{display:flex;justify-content:center;min-height:100%;overflow:scroll;padding-bottom:70px;width:100%}.health-insight-block{background-color:var(--color-gray-1);display:flex;flex-direction:column;padding-bottom:30px}.health-insight-block .body-block{display:flex;flex-direction:column;gap:20px;margin-left:5%;margin-right:5%;margin-top:-50px}.health-insight-block .image-container{height:200px;width:100%}.health-insight-block .image-container .image{height:100%;object-fit:cover;object-position:50% 20%;width:100%}.health-insight-block .detail-card{border-radius:12px;color:#fff;padding:10px}.health-insight-block .detail-card .header{font-family:var(--font-bold);font-size:16px;margin-bottom:7px}.health-insight-block .detail-card .detail{font-family:var(--font-medium);font-size:12px}.health-insight-block .lasted-value{font-family:var(--font-medium)}.health-insight-block .lasted-value .date{font-family:var(--font-bold)}.health-insight-block .lasted-value .value{font-size:26px}.health-insight-block .lasted-value .source,.health-insight-block .lasted-value .unit{color:#00000080;font-size:14px}.trend-chart-container{font-family:var(--font-regular);font-size:14px;min-height:250px}.health-insight-block .history-block{display:flex;flex-direction:column;gap:2px}.health-insight-block .history-block .history-card{align-items:center;background-color:var(--color-gray-1);border-radius:7px;display:flex;flex-direction:row;font-family:var(--font-regular);justify-content:space-between;padding:7px}.health-insight-block .history-block .history-card .left .date{font-size:14px}.health-insight-block .history-block .history-card .left .source{color:#00000080;font-size:12px}.health-insight-block .history-block .history-card .right{align-items:center;display:flex;flex-direction:row}.health-insight-block .history-block .history-card .right .value{font-family:var(--font-medium);font-size:16px;padding-right:5px}.health-insight-block .history-block .history-card .right .unit{color:#00000080;font-size:12px}.result-card-tab-container .tab-content{font-family:var(--font-medium);font-size:16px;padding:12px 16px}.result-card-tab-container .tab-content .value{margin-bottom:7px}.result-card-tab-container .tab-content .indent{text-indent:24px}.result-card-table-container{padding:10px 15px 15px}.result-card-table-container table{width:100%}.result-card-table-container table tr td,.result-card-table-container table tr th{font-family:var(--font-medium);font-size:16px;height:40px;text-align:center}.result-card-table-container table{--border:1px solid var(--color-gray-1);border:var(--border);border-collapse:initial;border-radius:10px;border-spacing:0;margin-bottom:20px;overflow:hidden}.result-card-table-container .result-card-title{font-family:var(--font-medium);font-size:16px;margin-bottom:10px}.result-card-table-container table td{width:33.33%}.result-card-table-container table td:not(:last-child),.result-card-table-container table th:not(:last-child){border-right:var(--border)}.result-card-table-container table>tbody:not(:last-child),.result-card-table-container table>tbody>tr:not(:last-child)>td,.result-card-table-container table>tbody>tr:not(:last-child)>th,.result-card-table-container table>tfoot:not(:last-child),.result-card-table-container table>tfoot>tr:not(:last-child)>td,.result-card-table-container table>tfoot>tr:not(:last-child)>th,.result-card-table-container table>thead:not(:last-child),.result-card-table-container table>thead>tr:not(:last-child)>td,.result-card-table-container table>thead>tr:not(:last-child)>th,.result-card-table-container table>tr:not(:last-child)>td,.result-card-table-container table>tr:not(:last-child)>th{border-bottom:var(--border)}@media only screen and (max-width:768px){.checkup-container{background-color:var(--color-light-primary)}.checkup-title{margin-bottom:40px;padding-left:13%}.checkup-category{margin-bottom:0}.checkup-category .list-container{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-height:none}.checkup-container .checkup-top-zone{padding-top:60px}.document-container{width:90%}.document-container .document-title,.health-risk-category .category-title{display:none}.health-risk-category .list-container{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:none}.health-risk-container .img-container{display:block}.health-risk-image{object-position:30%}.health-risk-container .img-container{margin-bottom:0;min-height:0}.health-risk-container .title{display:block}.health-risk-category{margin-bottom:20px;padding:20px 5%}.health-risk-category,.health-risk-content-block{background-color:#fff;border-top-left-radius:30px;border-top-right-radius:30px}.health-risk-content-block{margin-top:-30px}.health-record-container .menu-content-block .title-block{padding-left:5%}.health-risk-container .health-risk-content-block .title{display:block;padding:0 5px 0 5%}.health-record-banner .banner-title{font-size:20px;margin-top:30px;padding-bottom:0;padding-left:12%}.health-record-banner .banner-subtitle{color:var(--color-blue-2);display:block;font-family:var(--font-regular);font-size:16px;padding-bottom:30px;padding-left:12%;width:90%}.record-create-container .record-create-block .record-title{display:none}.record-create-container .record-create-block{padding-bottom:30px;width:100%}.check-box-container .check-box-title{text-align:center}.risk-analysis-container .risk-analysis-block{padding-bottom:30px;width:100%}.risk-analysis-container .risk-analysis-image{border-bottom-left-radius:30px;border-bottom-right-radius:30px;height:270px;overflow:hidden;width:100%}.risk-analysis-container .risk-analysis-image .image{height:400px;object-fit:cover;object-position:50% 20%;width:100%}.risk-analysis-block .risk-analysis-content{margin-top:-90px}.width-45-p-m{width:100%}.lab-result-container{background-color:#f9f7f7;padding-bottom:0}.lab-result-block{width:90%}.health-insight-container{padding-bottom:0}}.health-service-image-container{border:none;height:225px;margin-bottom:30px;width:100%}.health-service-image{height:225px;object-fit:cover;object-position:20%}@media only screen and (max-width:768px){.img-container{margin-bottom:0;min-height:350px}.health-service-image{object-fit:cover;object-position:17%}.width-ratio{width:100%}.mg-b-n-60{margin-top:-60px}}.item-container.full-width{width:100%}.hs-title{font-size:20px;margin-bottom:10px}.img-container{height:200px;margin-bottom:30px;width:100%}.health-service-image{height:100%;width:100%}.width-ratio{width:45%}.mental-health-container{background-image:url(/static/media/mental-health-main.c13f0209cfb683b45cdc.jpg);background-repeat:no-repeat;background-size:cover;min-height:200px}.mental-health-container,.mental-health-container-v2{align-items:center;display:flex;justify-content:center;margin-bottom:30px;width:100%}.mental-health-container-v2{min-height:225px;position:relative}.mental-health-container-v2 img{height:100%;left:0;object-fit:cover;object-position:20%;position:absolute;top:0;width:100%;z-index:-1}.mental-health-block{background-color:#fffffff2;border-radius:12px;display:flex;flex-direction:row;width:80%}.mental-health-block .item-block{padding:25px 0 15px 25px;width:30%}.mental-health-block .item-block .label{color:var(--color-dark-3);font-family:var(--font-bold);font-size:18px;margin-bottom:10px}.mental-health-block .item-block .value-block{align-items:flex-end;display:flex;flex-direction:row}.mental-health-block .item-block .value-block .value{color:var(--color-blue);font-family:var(--font-medium);font-size:30px;font-weight:bolder;margin-right:5px}.mental-health-block .item-block .value-block .unit{color:var(--color-gray-6);font-family:var(--font-medium);font-size:12px;margin-bottom:7px}.mental-health-block .graph-block{width:70%}@media only screen and (max-width:768px){.img-container{height:300px;margin-bottom:0}.health-service-image{object-fit:cover;object-position:17%}.width-ratio{width:100%}.mental-health-block .item-block{width:40%}.mental-health-container{background-image:url(/static/media/mental-health-main-2.b19a43bb68c06b1cc13e.png);margin-bottom:0;min-height:300px}.mental-health-container-v2{margin-bottom:0;min-height:225px}}.liftstyle-header{border:1px solid #7d7d7d4d;border-radius:30px;display:flex;flex-direction:row;font-family:var(--font-medium);margin-bottom:30px;margin-top:30px;text-align:center;width:100%}.liftstyle-header .left{border-bottom-left-radius:30px;border-top-left-radius:30px}.liftstyle-header .left,.liftstyle-header .right{cursor:pointer;height:100%;padding:10px 0;width:50%}.liftstyle-header .right{border-bottom-right-radius:30px;border-top-right-radius:30px}.liftstyle-header .active{background-color:var(--theme-main);color:#fff;cursor:default}.lifestyle-container{align-items:center;text-align:center;width:100%}.life-styles-content-block{display:flex;justify-content:center;min-height:100%;width:100%}.life-styles-content-block .content-flexbox{align-items:center;display:flex;flex-direction:column;width:45%}.full-container{align-items:center;font-family:var(--font-medium);margin:auto;text-align:center;width:45%}@media only screen and (max-width:768px){.content-block .content-flexbox.mobile-full-width,.life-styles-content-block .content-flexbox.mobile-full-width{width:100%}.liftstyle-header{width:90%}.full-container{align-items:center;font-family:var(--font-medium);height:100%;text-align:center;width:100%}.lifestyle-container{align-items:center;padding-bottom:70px;text-align:center;width:90%}}.health-plan{width:100%}.health-plan .header-block{border:1px solid #7d7d7d4d;border-radius:30px;display:flex;flex-direction:row;font-family:var(--font-medium);margin-bottom:30px;margin-top:30px;text-align:center;width:100%}.health-plan .header-block .left{border-bottom-left-radius:30px;border-top-left-radius:30px;height:100%;padding:10px 0;width:50%}.health-plan .header-block .right{border-bottom-right-radius:30px;border-top-right-radius:30px;height:100%;padding:10px 0;width:50%}.health-plan .header-block .active{background-color:var(--theme-main);color:#fff}.health-plan .option-block{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-bottom:50px}.health-plan .option-block .option-button{align-items:center;background-color:var(--color-light-primary);border-radius:50px;color:#000;cursor:pointer;display:flex;flex-direction:row;font-family:var(--font-medium);height:40px;justify-content:center;margin-bottom:10px;max-width:49%;min-width:49%;padding:0 10px;text-align:center}.health-plan .option-block .option-button.active{background-color:var(--color-blue-2);color:#fff;cursor:default}.health-plan .option-block .option-button .option-icon{height:24px;margin-right:7px;width:24px}.health-plan .option-block .option-button .label{font-size:13px}.health-plan .option-block .shift-options{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;max-width:49%;min-width:49%}.health-plan .option-block .shift-options .shift-option-btn{align-items:center;background-color:var(--color-light-primary);border-radius:50%;cursor:pointer;display:flex;font-family:var(--font-medium);height:40px;justify-content:center;max-width:40px;min-width:40px}.health-plan .option-block .shift-options .shift-option-btn.active{background-color:var(--color-blue-2);color:#fff}.health-plan .option-block .shift-options.disabled{filter:grayscale(1)}.health-plan .progress-block.disabled{filter:grayscale(1);opacity:.5}.health-plan .progress-block .progress{margin-bottom:40px;padding:0 10px;width:60%}.health-plan .progress-block .indicator{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:20%}.health-plan .progress-block .indicator .sub-label{font-family:var(--font-medium);font-size:16px}.health-plan .progress-block .indicator .label{color:var(--theme-main);font-family:var(--font-medium);font-size:17px}.health-plan .lifestyle-block,.health-plan .progress-block{align-items:flex-end;border-bottom:1px solid var(--color-gray-5);display:flex;justify-content:center;margin-bottom:20px;padding-bottom:40px}.lifestyle-health-score{border:1px solid #7d7d7d4d;border-radius:15px;flex-direction:row;font-family:var(--font-medium);height:120px;margin-bottom:30px;position:relative;text-align:center;width:100%}.lifestyle-health-score .gauge-score-container{display:flex;flex-direction:row;height:100%}.lifestyle-health-score .gauge-score-container .gauge{height:100%;width:150px}.lifestyle-health-score .gauge-score-container .score{display:flex;flex-direction:column;justify-content:center;text-align:left}.lifestyle-health-score .gauge-score-container .score .label{font-family:var(--font-medium);font-size:20px;margin-bottom:10px}.lifestyle-health-score .gauge-score-container .score .value{font-family:var(--font-bold);font-size:24px}.lifestyle-health-score .result-container{align-items:center;bottom:20%;display:flex;flex-direction:row;position:absolute;right:0}.lifestyle-health-score .result-container .emote-container{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:40px;justify-content:center;left:-30px;position:absolute;right:-10px;width:40px}.lifestyle-health-score .result-container .emote-container .emote{height:32px;width:32px}.lifestyle-health-score .result-container .result{background-color:#dee300;color:#fff;font-family:var(--font-medium);font-size:18px;min-height:32px;padding:5px 20px}.healthy-toppic{font-family:var(--font-medium);font-size:20px;margin-bottom:20px;text-align:left}.fillspace{background-color:#f3f3f3;border-radius:25px;flex:1 1 auto;padding-top:25px}.full-container{overflow:scroll;.option-block-column{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:15px;margin-top:20px;min-height:300px;width:100%;.save{background-color:var(--color-blue-2);color:#fff}.option-button,.save{align-items:center;border-radius:50px;display:flex;height:40px;justify-content:center;padding:30px 10px;width:100%}.option-button{box-shadow:0 0 8px #0000001a;color:#000;cursor:pointer;flex-direction:row;font-family:var(--font-medium);margin-bottom:10px;margin-top:20px;text-align:center}.active{cursor:default}.good{background-color:#7aba044d}.caution{background-color:#fb891d4d}.bad{background-color:#ff000480}}}.columnflex{align-items:center;display:flex;flex-direction:column;text-align:center}.header-etc{font-family:var(--font-medium);font-size:20px;margin-bottom:30px;margin-top:30px}.image-container{margin:20px auto;width:300px;.image{height:100%;object-fit:cover;object-position:50% 20%;width:100%}}.image-container .water-lottie{margin:20px auto;width:300px}.healthrecord-row{align-items:center;display:flex;flex:1 1;flex-direction:row;font-family:var(--font-medium);font-size:18px;padding-top:7px;width:100%;.label{align-items:center;display:flex;flex-direction:row;padding-right:5px}}.water-comment{background-color:var(--theme-main);border-radius:15px;color:#fff;font-family:var(--font-regular);font-size:16px;margin:0 auto 10px;padding:10px 15px;text-align:start;text-indent:12px}.body-block-lifestyle{display:flex;flex-direction:column;font-family:var(--font-medium);font-size:18px;gap:20px;margin-left:5%;margin-right:5%;.tablehis{border:1px solid #0000001a;border-radius:20px;box-shadow:0 0 8px #0000001a;display:flex;flex-direction:column;font-family:var(--font-medium);font-size:1rem;font-size:14px;height:300px;margin-bottom:30px;overflow:auto;width:100%;.tabrow{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:10px 5px 10px 15px;.left{padding-left:15px}.right{color:var(--theme-main);padding-right:10px}}}.tablehistory{border:1px solid #f3f3f3;border-collapse:collapse;border-radius:20px;font-size:1rem;width:100%;.underline{border-bottom:1px solid #e0e0e0}.right{color:var(--theme-main);float:right;padding:10px 10px 20px 0}.left{float:left;padding:15px 0 20px 15px}.lefthead{color:gray;float:left;margin-bottom:8px;margin-top:12px;padding:0}}.watericonup{background-color:var(--color-light-primary);height:100px;width:100px}.watericon,.watericonup{align-items:center;border-radius:50%;display:flex;justify-content:center}.watericon{background-color:var(--color-blue-2);flex-direction:column;height:80px;position:relative;width:80px}.waterdrink{flex-direction:column;justify-content:center;row-gap:20px;width:70%;.waterrow{flex-direction:row;justify-content:space-between;width:100%}.mini{background-color:#f3f3f3;border-radius:50%;cursor:pointer;height:50px;justify-content:center;width:50px}.mini:hover{background-color:var(--color-gray-4)}.left{border-right:1px solid #000}.right{border-left:1px solid #000}}.undergauge,.waterdrink{align-items:center;align-items:center;align-items:center;display:flex;display:flex;display:flex;margin:auto;margin:auto}.undergauge{flex-direction:row;justify-content:space-between;width:80%}.undergauge .left{border-right:1px solid var(--color-gray-4);flex:1 1}.undergauge .right{flex:1 1}.undergauge .label{font-family:var(--font-regular);font-size:16px;margin-bottom:5px}.undergauge .value{color:var(--color-blue-2);font-family:var(--font-medium);font-size:16px}.save{background-color:var(--color-blue-2);cursor:pointer}.loading,.save{align-items:center;border-radius:50px;color:#fff;display:flex;height:40px;justify-content:center;margin-bottom:20px;padding:30px 10px;width:100%}.loading{background-color:var(--color-gray-4)}.comment{background-color:var(--theme-main);border-radius:15px;color:#fff;font-family:var(--font-regular);font-size:16px;margin-bottom:10px;padding:10px 15px;text-align:start;width:100%}}.bodyheader{background-color:#fff;border-bottom-left-radius:50px;border-bottom-right-radius:50px;color:#000;display:none;flex-direction:row;font-family:var(--font-medium);font-size:20px;margin-bottom:20px;padding:57px 20px 20px;text-align:center;width:100%}.profilelifestyle{align-items:center;border-radius:12px;display:inline-flex;flex-direction:row;margin-top:20px;padding:10px 5px;width:100%}.paddingaround{background-color:#fff;border-radius:30px}.paddingaround,.record-container{align-items:center;display:flex;margin-left:5%;margin-right:5%}.record-container{border-top-left-radius:15px;border-top-right-radius:15px;flex-direction:column;height:100%;justify-content:center;padding-top:20px;.graphheader{color:gray;flex-direction:row;font-weight:bolder;justify-content:space-between;margin:auto auto 5px;padding-right:2%;width:95%}}.button-lifestyle{border:1px solid #7d7d7d4d;border-radius:30px;display:flex;flex-direction:row;font-family:var(--font-medium);margin-bottom:30px;margin-top:30px;text-align:center;width:100%;.left{border-bottom-left-radius:30px;border-top-left-radius:30px}.left,.right{cursor:pointer;height:100%;padding:10px 0;width:50%}.right{border-bottom-right-radius:30px;border-top-right-radius:30px}.inputdata{background-color:#fff;width:100%}.active{background-color:var(--theme-main);color:#fff;cursor:default}}.bc-healthGraph .recharts-surface{overflow:visible}.box-container{align-items:center;display:flex;flex-direction:column;.dropdown-bordered-icon-label .header{.header-left .icon{height:auto;margin-bottom:0;margin-right:10px;width:40px}}.record{align-items:center;justify-content:center;margin:auto;width:95%;.option-block{border-radius:16px;display:flex;flex-direction:row;font-family:var(--font-medium);justify-content:space-between;margin-bottom:5px;margin-top:5px;padding:5px;position:relative;width:100%;z-index:50;.option-button{align-items:center;border-radius:16px;cursor:pointer;display:flex;padding:5px 10px;text-align:center;width:90px;.label{width:100%}&.active{background-color:var(--theme-main);color:#fff;cursor:default}}}.graphheader{color:gray;display:flex;flex-direction:row;font-family:var(--font-medium);font-size:18px;justify-content:space-between;margin:auto;padding-right:2%;width:90%}.box,.graphheader{align-items:center}.box{border-radius:8px;justify-content:center;margin:20px auto auto;padding-bottom:10px;padding-top:10px;width:100%}}.valuedata{align-items:center;border:1px solid var(--theme-main);border-radius:30px;color:var(--theme-main);cursor:pointer;font-size:large;font-weight:700;justify-content:center;margin:20px auto 30px;padding:10px;position:relative;width:max(70%,150px);z-index:100}.headerbold{font-family:var(--font-medium);font-size:16px}.post{display:flex;flex-direction:column;margin-bottom:50px;margin-top:30px;padding-bottom:50px;text-align:left;width:100%;.post-item{margin-bottom:25px}.tabpost{align-items:center;display:flex;flex-direction:row;justify-content:space-between;.binicon{align-items:center;background-color:var(--color-gray-1);border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;margin-right:10px;width:30px}.deleteIcon{color:gray}.username{font-family:var(--font-bold);margin-right:10px}.timetab{background-color:#f3f3f3;border-radius:10px;color:#00000080;padding:5px 10px}}.headeract{align-items:center;border-bottom:1px solid gray;display:flex;padding-bottom:10px;.he{font-family:var(--font-bold);font-size:16px}}.icon{height:50px;width:50px}.box-post{border-radius:20px;margin-left:70px;margin-top:10px;.upper{align-items:center;background-color:var(--color-primary);border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 0 8px #0000001a;color:#fff;display:flex;margin-top:15px;padding:5px 0;.act{font-family:var(--font-bold)}}.lowercal{align-items:center;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 0 8px #0000001a;display:flex;height:100px;justify-content:space-around;margin-bottom:10px;width:100%;.minibox{align-items:center;display:flex;flex-direction:column;justify-content:center;.labelgray{color:#00000080;font-size:14px}}}.lower{align-items:center;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 0 8px #0000001a;display:flex;height:100px;justify-content:center;margin-bottom:10px;width:100%;.cal-box-post{background-color:var(--color-light-primary);border-radius:20px;color:#00000080;font-size:14px;margin:auto;padding:10px 10px 10px 15px;width:90%;.bold{color:#000;display:inline;font-family:var(--font-bold);font-size:15px}}}}}.fit-box{border-radius:20px;box-shadow:0 0 8px #0000001a;padding:10px;width:100%;.calcircular{display:flex;flex-direction:row;margin-bottom:20px;width:100%}.headeract{align-items:center;border-bottom:1px solid gray;padding-bottom:10px}.calbox,.headeract{display:flex}.calbox{background-color:var(--color-light-primary);border-radius:20px;margin:auto auto 10px;padding:10px 20px;text-align:left;width:95%;.left{flex-direction:column;justify-content:space-between;row-gap:8px;width:50%}.right{color:var(--color-primary);flex-direction:column;justify-content:space-between;row-gap:8px;width:50%}}}.iconprofile{margin-right:20px;position:relative;.icon{height:60px;width:60px}.icon,.iconmini{border:2px solid #fa018380;border-radius:50%;position:relative}.iconmini{height:50px;width:50px}}.ontop{display:flex;flex-direction:row;height:150px;position:relative;width:100%;.activitybox{border:0;box-shadow:0 0 8px #0000001a;font-family:var(--font-medium);font-size:16px;height:100%;padding:10px 20px;resize:none;text-align:left;width:100%}.activitybox,.bottomactivity{border-radius:20px}.bottomactivity{bottom:15px;display:flex;flex-direction:row;position:absolute;right:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;.left{align-items:center;border-bottom-left-radius:20px;border-top-left-radius:20px;cursor:pointer;display:flex;justify-content:center;margin-right:2px;width:30px}.right{align-items:center;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:2px 10px;width:100%}.blue-bg{background-color:var(--color-primary)}.pink-bg{background-color:var(--theme-main)}}}.optionheader{border:1px solid #7d7d7d4d;border-radius:30px;display:flex;flex-direction:row;font-family:var(--font-bold);margin-bottom:30px;margin-top:30px;text-align:center;width:100%;.left{align-items:center;border-bottom-left-radius:30px;border-right:1px solid #000;border-top-left-radius:30px;cursor:pointer;height:100%;padding:10px 0;width:50%;&.active{color:var(--theme-main);cursor:default}}.right{border-bottom-right-radius:30px;border-top-right-radius:30px;cursor:pointer;height:100%;padding:10px 0;width:50%;&.active{color:var(--color-primary);cursor:default}}}}.tableCellFlex{font-size:50px}.datavalue{color:var(--theme-main);display:inline-block;margin-right:20%}.healthy-category{background-color:#fff;border-top-left-radius:30px;border-top-right-radius:30px;margin-bottom:30px;width:100%}.healthy-category:last-child{margin-bottom:100px}.healthy-category .list-container{grid-gap:30px;display:grid;font-weight:700;grid-template-columns:repeat(3,minmax(0,1fr));max-height:none}.recommend-block,.recommend-block .title-block{align-items:center;display:flex;flex-direction:column}.recommend-block .title-block{justify-content:center}.recommend-block .title-block .title{margin-bottom:5px}.recommend-block .title-block .subtitle{font-family:var(--font-bold);font-size:20px}@keyframes smooth-appear{0%{opacity:0;transform:translateY(-20px)}to{transform:translateY(0)}}.recommend-block .card-list-block{animation:smooth-appear 1s ease forwards;display:flex;flex-direction:row;justify-content:center;margin-bottom:100px;width:80%}.recommend-block .card-list-block .card-list{display:flex;flex-direction:column;row-gap:20px;width:100%}.card-with-dashed{align-items:center;display:flex;flex-direction:row;position:relative}.card-with-dashed .dot{background:var(--theme-main);border-radius:50%;height:20px;margin-right:20px;margin-top:20px;min-width:20px;z-index:1}.card-list:before{background:repeating-linear-gradient(to bottom,var(--theme-main),var(--theme-main) 5px,#0000 5px,#0000 7px);bottom:25px;content:"";left:9px;position:absolute;top:60px;width:2px;z-index:0}.dashed-line-block{margin-right:30px;margin-top:60px;z-index:10}.dashed-line-container{display:flex;position:relative}.dashed-line{color:#fff;display:inline-block;margin-bottom:80px;position:relative}.dashed-line:after{background:var(--theme-main);border-radius:50%;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px;z-index:-1}.dashed-line-block .dashed-line-container:not(:first-child) .dashed-line:before{border:1px dashed var(--theme-main);content:"";height:70px;left:50%;position:absolute;top:-70px;transform:translateX(-50%);z-index:-1}.body-composite{margin-top:20px;padding-bottom:70px}.body-composite .banner-menu{display:flex;margin:20px auto;overflow-x:scroll;width:100%}.body-composite .banner-menu::-webkit-scrollbar{display:block;height:5px;width:5px}.body-composite .banner-menu .menu-label{align-items:center;border-radius:20px;color:var(--theme-main);cursor:pointer;font-family:var(--font-medium);padding:5px 20px;white-space:nowrap}.body-composite .banner-menu .menu-label.active{background-color:var(--theme-main);color:#fff}@media only screen and (min-width:789px) and (max-width:1076px){.health-plan .option-block .option-button .option-icon{height:18px;margin-right:5px;width:18px}}@media only screen and (max-width:768px){.bodyheader{display:block}.body-composite{margin-top:0}.gray-background-m{background-color:#f9f7f7}.health-plan{align-items:center;display:flex;flex:1 1;flex-direction:column;margin-top:0}.health-plan .option-block{flex-wrap:wrap;margin-bottom:50px;width:90%}.health-plan .option-block .option-button{flex:0 0 47%;margin-bottom:10px;padding:0 5px}.full-container{height:100%;margin-bottom:0;overflow:scroll}.full-container .body-block{display:flex;flex-direction:column;font-family:var(--font-medium);font-size:18px;gap:20px;margin:-35px 5% 70px}.health-plan .header-block{width:90%}.health-plan .option-block .option-button .label{font-size:14px}.health-plan .progress-block{border-bottom:none;padding-bottom:0;width:90%}.health-plan .progress-block .progress{margin-bottom:30px}.health-plan .progress-block .indicator .label,.health-plan .progress-block .indicator .sub-label{font-size:12px}.recommend-block{background-color:#fa01831a;border-top-left-radius:60px;border-top-right-radius:60px;flex:1 1;padding:0 5%;width:100%}.recommend-block .card-list-block{width:90%}.recommend-block .title-block .title{margin-top:20px}.healthy-category .list-container{grid-gap:30px;display:grid;font-weight:700;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:none}.healthy-category{background-color:#fff;border-top-left-radius:30px;border-top-right-radius:30px;width:100%}.healthy-category,.healthy-category:last-child{margin-bottom:20px}.box-container{background-color:#fff;border-radius:24px;margin:auto;padding:20px 0;width:90%}.body-composite .banner-menu{width:90%}.water-comment{margin-left:5%;margin-right:5%}}#current-progress-container{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 8px #0003;display:flex;height:50px;justify-content:center;position:absolute;transform:translate(-50%,-50%);width:50px;z-index:2}#current-progress{background-image:url(/static/media/rocket.ec7baa737519df7b0e91.png);background-repeat:no-repeat;background-size:contain;height:30px;width:30px}.center-button-block{bottom:-30px;display:flex;justify-content:center;position:absolute;width:100%}.center-button-block .center-button-bg{align-items:center;background-color:#fa01831a;border-radius:50%;cursor:pointer;display:flex;height:70px;justify-content:center;width:70px}.center-button-block .center-button-bg.disabled{cursor:default}.center-button-block .center-button-bg .center-button{align-items:center;background-color:#fa0183;border-radius:50%;color:#fff;display:flex;font-family:var(--font-medium);font-size:20px;height:60px;justify-content:center;width:60px}@media only screen and (max-width:768px){#current-progress-container{height:40px;width:40px}#current-progress{height:20px;width:20px}.center-button-block{bottom:-20px}.center-button-block .center-button-bg{height:50px;width:50px}.center-button-block .center-button-bg .center-button{font-size:16px;height:40px;width:40px}}.activity-card{align-items:center;background-color:var(--color-gray-2);border-radius:12px;cursor:default;display:flex;flex-direction:row;justify-content:space-between;margin-top:20px;opacity:.4;padding:10px 20px 10px 30px;width:100%}.activity-card.success{cursor:default;opacity:1}.activity-card.success:hover{background-color:var(--color-gray-2)}.activity-card.fail{cursor:default;filter:grayscale(1);opacity:.4}.activity-card.fail:hover{background-color:var(--color-gray-2)}.activity-card.pending{opacity:1}.activity-card.pending:hover{background-color:var(--color-gray-5);cursor:pointer}.activity-card .info-block .icon{border-radius:50%;height:40px;margin-right:15px;padding:2px;width:40px}.activity-card .info-block{display:flex;flex-direction:row}.activity-card .info-block .info,.activity-card .status-block{display:flex;flex-direction:column;justify-content:center}.activity-card .status-block{align-items:flex-end;width:50px}.activity-card .status-block .icon{border-radius:50%;height:25px;margin-bottom:2px;padding:2px;width:25px}.activity-card .status-block .status{background-color:#f17c37;border-radius:10px;color:#fff;font-family:var(--font-medium);font-size:14px;padding:1px 10px}.category-card{align-items:center;background-color:#fa01831a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:160px;justify-content:space-around;padding:6px;position:relative}.category-card .category-arrow{align-items:center;background-color:#fff;border-radius:24px;display:flex;height:16px;justify-content:center;position:absolute;right:10px;top:10px;width:16px}.category-card .category-arrow .category-arrow{height:18px;width:18px}.category-card.disabled{background-color:var(--color-gray-5);cursor:not-allowed;filter:grayscale(1)}.category-icon,.category-label{align-items:center;display:flex;height:50%;justify-content:center}.category-icon .icon-bg{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}.category-icon .icon-bg .icon{height:32px;margin-bottom:0;width:32px}.category-label .label{font-family:var(--font-medium);font-size:16px;font-weight:500;text-align:center}.category-sub{color:var(--theme-main);display:flex;font-family:var(--font-medium);justify-content:space-between}.categorysub-icon{align-items:center;display:flex;height:100%;justify-content:center;width:100%;.icon-bg{align-items:center;border-radius:50%;display:flex;justify-content:center;.icon{height:60px;margin-bottom:0;width:60px}}}.category-sub .unit{color:gray;font-size:.8rem;margin:5px}.toprightIcon{background-color:var(--color-gray-1);border-radius:50%;color:var(--color-dark-2);font-size:large;opacity:.5;position:absolute;right:10px;top:10px}.category-btn{background-color:#fa018333;border-radius:10px;color:#fff;font-family:var(--font-medium);font-size:12px;margin-bottom:5px;padding:5px 10px}.category-btn:hover{opacity:.7}.category-btn.disabled{background-color:var(--color-gray-6)}.category-btn.disabled:hover{opacity:1}.risk-card{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 0 8px #0003;display:flex;flex-direction:row;justify-content:space-between;min-height:136.42px}.risk-card .info-block{font-family:var(--font-medium);padding:15px 0 15px 25px}.risk-card .info-block .type{font-size:16px;margin-bottom:10px}.risk-card .info-block .result-block{align-items:center;color:var(--color-yellow);display:flex;flex-direction:row;margin-bottom:10px}.risk-card .info-block .result-block .icon{height:20px;margin-bottom:0;margin-right:10px;width:20px}.risk-card .info-block .result-block .result{font-size:16px}.risk-card .info-block .detail-btn{align-items:center;background-color:var(--color-gray-1);border-radius:12px;color:var(--color-gray-6);cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:7px;width:100px}.risk-card .icon-block{max-width:25%;padding-right:10px}.risk-card .icon-block .icon{height:100%;margin-bottom:0;width:100%}.bordered-icon-label{background-color:#fff;border-radius:12px;margin-bottom:30px}.bordered-icon-label .header{align-items:center;border-bottom:1px solid var(--color-gray-5);display:flex;padding:15px 15px 10px}.bordered-icon-label .header .icon{height:30px;margin-bottom:0;margin-right:10px;width:30px}.bordered-icon-label .header .label{font-family:var(--font-medium);font-size:18px}.bordered-icon-label .body{padding:10px 15px 15px}.dropdown-bordered-icon-label{background-color:#fff;border-radius:12px;margin-bottom:30px;width:100%}.dropdown-bordered-icon-label .header{align-items:center;border-bottom:1px solid var(--color-gray-5);display:flex;justify-content:space-between;padding:15px 15px 10px}.dropdown-bordered-icon-label .header.hide-border-line{border-bottom:0 solid var(--color-gray-5)}.dropdown-bordered-icon-label .header .header-left{align-items:center;display:flex}.dropdown-bordered-icon-label .header .header-left .icon{height:30px;margin-bottom:0;margin-right:10px;width:30px}.dropdown-bordered-icon-label .header .header-left .label{font-family:var(--font-medium);font-size:18px}.dropdown-bordered-icon-label .header .header-right{align-items:center;background-color:var(--color-blue-2);border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center}.dropdown-bordered-icon-label .header .percent{align-items:center;cursor:pointer;display:flex;flex-direction:row;justify-content:center;margin-left:-20%;padding-right:5%}.dropdown-bordered-icon-label .header .percent .info{display:flex;flex-direction:row}.dropdown-bordered-icon-label .header .percent .different{align-items:center;color:green;display:flex;flex-direction:row;justify-content:center;margin-right:-5px}.dropdown-bordered-icon-label .header .percent .different.bad{color:red}.dropdown-bordered-icon-label .header .percent .different .value{font-family:var(--font-medium);font-size:12px;margin-right:-5px}.dropdown-bordered-icon-label .header .percent .header-right{align-items:center;background-color:var(--color-blue-2);border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-left:20%}.title-icon-card{background-color:#fff;border-radius:12px;display:flex;flex-direction:column;padding:10px}.title-icon-card .title-block{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:7px}.title-icon-card .title-block .label{color:#00000080;font-family:var(--font-bold);font-size:16px}@media only screen and (max-width:768px){.activity-card{padding:10px}.activity-card .info-block .info{font-size:14px}.category-card{height:130px}.category-label .label,.category-sub .label{font-size:14px}.category-btn.hide-btn-mobile{display:none}}.actionmodal_modal__Y4eCK{align-items:center;animation:actionmodal_smooth-appear__jyMub 1s ease forwards;background-color:#fff;border-radius:24px;display:flex;flex-direction:column;min-height:250px;padding:30px 20px;position:relative;width:350px}.actionmodal_closeBtn__63qNE{cursor:pointer;height:30px;position:absolute;right:15px;top:15px;width:30px}.actionmodal_image__9gxNH{margin-bottom:20px;width:150px}.actionmodal_time__kCOZZ{font-family:var(--font-medium);font-size:32px;margin-bottom:10px}.actionmodal_btn__bTWJc,.actionmodal_wording__KuhJD{font-family:var(--font-medium);font-size:16px;text-align:center}.actionmodal_btn__bTWJc{background-color:#01499d;border-radius:24px;color:#fff;cursor:pointer;margin:20px auto 0;padding:7px 0;width:200px}.actionmodal_title__vW4IH{font-family:var(--font-medium);font-size:18px;text-align:center}.article-content,.article-list{display:flex;justify-content:center;width:100%}.article-content .content-block{display:flex;flex-direction:column;margin-bottom:var(--navbar-height);padding-bottom:30px;width:45%}.article-content .content-block .cover-block,.article-content .content-block .cover-block img{width:100%}.article-content .content-block .header-block{font-family:var(--font-medium);font-size:24px;margin:10px 0}.article-content .content-block .body-block{color:#0009;font-family:var(--font-regular);font-size:16px;width:100%}.article-list{margin-bottom:var(--navbar-height);padding-bottom:30px}.article-list .article-block{width:45%}.article-list .header-block{border:1px solid #7d7d7d4d;border-radius:30px;display:flex;flex-direction:row;font-family:var(--font-medium);margin-bottom:30px;margin-top:30px;text-align:center;width:100%}.article-list .header-block .left{border-bottom-left-radius:30px;border-top-left-radius:30px;cursor:pointer;height:100%;padding:10px 0;width:50%}.article-list .header-block .right{border-bottom-right-radius:30px;border-top-right-radius:30px;cursor:pointer;height:100%;padding:10px 0;width:50%}.article-list .header-block .active{background-color:var(--theme-main);color:#fff;cursor:default}.article-list .body-block{display:flex;flex-direction:column;margin-top:50px}.article-list .body-block .MuiGrid-item{padding-top:0}.article-list .body-block .MuiGrid-item,.article-list .footer-block{align-items:center;display:flex;justify-content:center}.article-list .footer-block .css-1to7aaw-MuiButtonBase-root-MuiPaginationItem-root.Mui-selected{background-color:var(--theme-main)}.article-block .video-container{border-radius:16px;box-shadow:0 0 8px #0003;margin-bottom:16px;padding-bottom:10px;width:100%}.article-block .video-container .video-iframe{border:0;border-top-left-radius:16px;border-top-right-radius:16px;width:100%}.article-block .video-container .video-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-family:var(--font-regular);font-size:14px;overflow:hidden;padding:5px 10px 0}@media only screen and (max-width:768px){.article-content .content-block{margin-bottom:0;width:100%}.article-content .content-block .body-block,.article-content .content-block .header-block{padding:0 5%}.article-list{margin-bottom:0}.article-list .article-block{width:90%}.article-list .body-block .article-card{max-width:none}}.success-modal-backdrop{align-items:center;background-color:#0000001a;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.success-modal-backdrop .success-modal{background-color:#fff;border-radius:16px;display:flex;flex-direction:column;height:250px;padding:10px;width:350px}.success-modal-backdrop .success-modal .header{cursor:pointer;display:flex;flex:0.1 1;justify-content:flex-end}.success-modal-backdrop .success-modal .body{align-items:center;display:flex;flex:0.8 1;justify-content:center}.success-modal-backdrop .success-modal .footer{align-items:center;display:flex;flex:0.1 1;justify-content:center}.success-modal-backdrop .success-modal .footer round-button{min-width:40%}.success-icon{opacity:0;transition:opacity .5s ease-in-out}.success-icon.animate{animation:scaleAndFade 1s ease-in-out;opacity:1}.threeyearbarcharts_barchart_box__AadOX{border:1px solid #f3f3f3;border-radius:20px;margin-bottom:25px;margin-top:15px;overflow:hidden}.threeyearbarcharts_trend__v03NA{font-family:var(--font-medium);font-size:14px;margin:13px}.threeyearbarcharts_responsive_container__UMkg0{font-size:12px;margin-top:24px}.threeyearbarcharts_bar__i4aXq,.threeyearbarcharts_label_list__N6nEN,.threeyearbarcharts_tool_tip__3i55t,.threeyearbarcharts_x_axis__XlYfY,.threeyearbarcharts_y_axis__RmKqQ{font-family:var(--font-regular)}.threeyearbarcharts_bar__i4aXq{fill:"black";font-size:8px;position:"top"}.threeyearbarcharts_bar_chart__0AA1j,.threeyearbarcharts_bar_chart__0AA1j svg{overflow:visible}.article-card{border-radius:16px;box-shadow:0 0 8px #0003;cursor:pointer;height:162px;margin-bottom:30px;max-width:150px;padding:10px;width:100%}.article-card .img-block{margin-bottom:5px;position:relative;width:100%}.article-card .img-block img{border-top-left-radius:16px;border-top-right-radius:16px;height:100px;width:100%}.article-card .img-block .play-icon{bottom:0;color:#0003;height:56px;left:0;margin:auto;position:absolute;right:0;top:0;width:56px}.article-card .subject-block{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-family:var(--font-regular);font-size:14px;overflow:hidden}.mhsurvey_container__iSgw4{display:flex;height:100%;justify-content:center;width:100%}.mhsurvey_mh_survey_block__6jieF{background-color:#fff;display:flex;flex-direction:column;height:100%;width:45%}.mhsurvey_content__S04K0{background-color:#fff;width:100%}@media (max-width:768px){.mhsurvey_mh_survey_block__6jieF{width:100%}}.historycard_container__\+OPZg{border-radius:16px;box-shadow:0 0 8px #0003;display:flex;flex-direction:column;justify-content:center;margin:30px auto 100px;width:100%}.historycard_title__l42ul{color:grey;font-family:var(--font-medium);font-size:18px;margin-bottom:3px;padding:10px 20px 0;text-align:left}.historycard_list_container__8YwKG{max-height:250px;overflow-y:scroll}.historycard_item_container__PjfhV{align-items:center;border-bottom:1px solid #0003!important;display:flex;flex-direction:row;font-family:var(--font-medium);font-size:14px;justify-content:space-between;padding:12px 0}.historycard_info_container__C0IPd{display:flex;flex-direction:column;padding-left:30px}.historycard_date__yXT8z{font-size:14px}.historycard_source__\+Ucc2{color:#00000080;font-size:12px;text-align:left}.historycard_value_container__zv4-y{display:flex;flex-direction:row;padding-right:30px}.historycard_value__W48it{color:#fa0183;margin-right:10px}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}.postcard_container__yrhJ4{display:flex;flex-direction:column;margin-bottom:20px}.postcard_left_container__c3XGK{margin-right:20px}.postcard_profile_contianer__HBk0Y{align-items:center;border:2px solid #fa018380;border-radius:50%;display:flex;height:50px;justify-content:center;margin-right:20px;overflow:hidden;width:50px}.postcard_profile__nUuht{height:inherit;width:inherit}.postcard_right_container__-cH42{display:flex;flex:1 1;flex-direction:column}.postcard_header__wAxx2{height:50px;justify-content:space-between;margin-bottom:10px}.postcard_header__wAxx2,.postcard_info__H3Ju9{align-items:center;display:flex}.postcard_name__5wWMq{font-family:var(--font-medium);margin-right:10px}.postcard_date_time__Q47-R{background-color:#f3f3f3;border-radius:10px;color:#00000080;padding:5px 10px}.postcard_trash_container__I5yt9{align-items:center;background-color:var(--color-gray-1);border-radius:50%;color:gray;cursor:pointer;display:flex;height:30px;justify-content:center;margin-right:10px;width:30px}.postcard_description__-2ejR{margin-left:70px}.postmodal_modalBackdrop__FvyGl{align-items:center;background-color:#0000001a;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.postmodal_modal__nEOcW{animation:postmodal_smooth-appear__sbJ\+j 1s ease forwards;background-color:#fff;border-radius:16px;display:flex;flex-direction:column;height:80%;padding-bottom:30px;width:40%}.postmodal_headerMobile__hsjzI,.postmodal_header__rXIFp{align-items:center;border-bottom:1px solid var(--color-gray-4);cursor:pointer;display:flex;justify-content:space-between;padding:15px 10px}.postmodal_headerMobile__hsjzI .postmodal_left__Hb6NW,.postmodal_header__rXIFp .postmodal_left__Hb6NW{align-items:center;display:flex;flex-direction:row}.postmodal_title__TQUmi{font-family:var(--font-medium);font-size:18px;margin-left:15px}.postmodal_post_button__k0rfI{background-color:var(--theme-main);border-radius:7px;color:#fff;font-family:var(--font-medium);padding:4px 10px}.postmodal_textInput__aaE0-{border:none;color:#000;font-size:16px;min-height:100px;padding:10px;resize:none;width:100%}.postmodal_list_container__34V9L{overflow:scroll}.postmodal_list_container__34V9L .postmodal_item__G7Wj8{align-items:center;border-bottom:1px solid var(--color-gray-4);display:flex;justify-content:space-between;padding:10px}.postmodal_list_container__34V9L .postmodal_item__G7Wj8 .postmodal_left__Hb6NW{display:flex;flex-direction:row}.postmodal_image__rxs\+Z{border-radius:5px;height:36px;margin-right:10px;width:36px}.postmodal_info__r2yXu{align-items:flex-start;display:flex;flex-direction:column}.postmodal_item_title__TiPOJ{color:#000;font-family:var(--font-medium);font-size:16px;text-align:left}.postmodal_description__GPeOh{color:#0009;font-size:14px}.postmodal_add_button__UbpW5{align-items:center;background-color:var(--color-gray-1);border-radius:50%;cursor:pointer;display:flex;font-family:var(--font-medium);font-size:14px;height:40px;justify-content:center;width:40px}.postmodal_selected_container__ulvog{background-color:#fff9c4;border:1px solid #fff59d;border-radius:5px;display:flex;flex-direction:column;margin:10px;padding:5px}.postmodal_selected_container__ulvog .postmodal_item__G7Wj8{align-items:center;color:#f57f17;display:flex;font-size:11px;justify-content:space-between}@keyframes postmodal_smooth-appear__sbJ\+j{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media only screen and (max-width:768px){.postmodal_modal__nEOcW{border-radius:0;border-radius:initial;height:100%;width:100%}.postmodal_headerMobile__hsjzI{padding-top:45px}}.postaddmodal_modalBackdrop__iYH8v{align-items:center;background-color:#0000001a;border-radius:16px;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.postaddmodal_modal__MrlMU{background-color:#fff;border-radius:16px;display:flex;flex-direction:column;height:240px;justify-content:space-between;padding:16px;width:100%}.postaddmodal_label__O9yxS{font-family:var(--font-medium);font-size:22px}.postaddmodal_add_button__dxm\+6,.postaddmodal_name__XrIve{font-family:var(--font-medium);font-size:16px}.postaddmodal_add_button__dxm\+6{background-color:var(--color-gray-5);border-radius:16px;cursor:pointer;padding:7px 0}.postaddmodal_control__A-w5g{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:5px 0}.postaddmodal_value__f0k-a{align-items:center;border:1px solid var(--color-gray-5);display:flex;font-size:24px;height:50px;justify-content:center;margin:0 30px;text-align:center;width:60px}.postaddmodal_decrease__ckwxo,.postaddmodal_increase__jqr4O{align-items:center;background-color:var(--color-gray-5);border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.postaddmodal_add_button__dxm\+6:hover,.postaddmodal_decrease__ckwxo:hover,.postaddmodal_increase__jqr4O:hover{background-color:var(--color-gray-4)}@media only screen and (max-width:768px){.postaddmodal_modalBackdrop__iYH8v{align-items:flex-end;border-radius:0;padding-bottom:20px}.postaddmodal_modal__MrlMU{width:95%}}.smokemodal_modalBackdrop__qfUa2{align-items:center;background-color:#0000001a;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.smokemodal_modal__N0g21{background-color:#fff;border-radius:16px;display:flex;flex-direction:column;min-height:250px;padding:10px;width:350px}.smokemodal_header__H0ItC{align-items:center;cursor:pointer;display:flex;flex:0.1 1;justify-content:space-between}.smokemodal_title__f71Es{font-family:var(--font-medium);font-size:18px;margin-left:2px}.smokemodal_body__n6zLz{align-items:flex-start;display:flex;flex:0.8 1;flex-direction:column;justify-content:center}.smokemodal_inputContainer__uCZRV{align-items:center;align-items:stretch;display:flex;flex-direction:row;font-family:var(--font-medium);font-size:16px;margin-top:10px;width:100%}.smokemodal_inputUnit__d1OYD,.smokemodal_inputWithUnit__cfWrV{height:auto!important;min-height:40px!important}.smokemodal_inputContainer__uCZRV:last-child{margin-bottom:0}.smokemodal_input__kZvQP{background-color:var(--color-gray-2);border:0!important;border-radius:50px;height:40px;width:100%}.smokemodal_inputWithUnit__cfWrV{background-color:var(--color-gray-2);border:0!important;border-bottom-left-radius:50px;border-top-left-radius:50px;height:100%;padding:0 10px;width:80%}.smokemodal_inputUnit__d1OYD{align-items:center;background-color:var(--color-gray-6);border:0!important;border-bottom-right-radius:50px;border-top-right-radius:50px;display:flex;justify-content:center;padding:10px 0;text-align:center;white-space:normal;width:20%;word-break:break-word}.smokemodal_inputContainer__uCZRV input::-webkit-inner-spin-button,.smokemodal_inputContainer__uCZRV input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.smokemodal_inputContainer__uCZRV input[type=number]{-moz-appearance:textfield}.smokemodal_footer__szjmU{align-items:center;display:flex;flex:0.1 1;justify-content:center}.smokemodal_footer__szjmU round-button{min-width:40%}.smokemodal_success-icon__OybG\+{opacity:0;transition:opacity .5s ease-in-out}.smokemodal_success-icon__OybG\+.smokemodal_animate__d64Iw{animation:smokemodal_scaleAndFade__2tTqx 1s ease-in-out;opacity:1}.alcoholmodal_modalBackdrop__am-n1{align-items:center;background-color:#0000001a;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.alcoholmodal_modal__t\+ddB{background-color:#fff;border-radius:16px;display:flex;flex-direction:column;min-height:250px;padding:10px;width:350px}.alcoholmodal_header__f9kZO{align-items:center;cursor:pointer;display:flex;flex:0.1 1;justify-content:space-between}.alcoholmodal_title__BfO6v{font-family:var(--font-medium);font-size:18px;margin-left:2px}.alcoholmodal_body__z8Ijt{align-items:flex-start;display:flex;flex:0.8 1;flex-direction:column;justify-content:center}.alcoholmodal_inputContainer__3dzJz{align-items:center;display:flex;flex-direction:row;font-family:var(--font-medium);font-size:16px;margin-top:10px;width:100%}.alcoholmodal_inputContainer__3dzJz:last-child{margin-bottom:0}.alcoholmodal_input__s6HmI{background-color:var(--color-gray-2);border:0!important;border-radius:50px;height:40px;width:100%}.alcoholmodal_inputWithUnit__5PWSS{background-color:var(--color-gray-2);border:0!important;border-bottom-left-radius:50px;border-top-left-radius:50px;height:40px;padding:0 10px;width:80%}.alcoholmodal_inputUnit__qpJ6v{align-items:center;background-color:var(--color-gray-6);border:0!important;border-bottom-right-radius:50px;border-top-right-radius:50px;display:flex;justify-content:center;padding:10px 0;width:20%}.alcoholmodal_inputContainer__3dzJz input::-webkit-inner-spin-button,.alcoholmodal_inputContainer__3dzJz input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.alcoholmodal_inputContainer__3dzJz input[type=number]{-moz-appearance:textfield}.alcoholmodal_footer__MrCdG{align-items:center;display:flex;flex:0.1 1;justify-content:center}.alcoholmodal_footer__MrCdG round-button{min-width:40%}.alcoholmodal_success-icon__9VNQy{opacity:0;transition:opacity .5s ease-in-out}.alcoholmodal_success-icon__9VNQy.alcoholmodal_animate__40kKH{animation:alcoholmodal_scaleAndFade__SW5jP 1s ease-in-out;opacity:1}.eating-behavior{margin-bottom:100px}.eating-behavior .banner{margin:10px 0}.eating-behavior .banner .banner-text{background-color:#ecf6ff;border-radius:8px;font-family:var(--font-regular);font-size:18px;line-height:28px;margin-top:10px;padding:10px 20px;text-align:start}.eating-behavior-choices{display:flex;flex-direction:column}.eating-behavior-choices .category{align-items:center;background-color:var(--color-gray-1);border-radius:24px;column-gap:5px;display:flex;font-family:var(--font-medium);font-size:18px;margin-top:20px;padding:2px 10px;width:100px}.eating-behavior-choices .section{align-items:flex-start;border-bottom:1px solid var(--color-gray-4);display:flex;flex-direction:column;margin-top:10px}.eating-behavior-choices .section:last-child{border-bottom:none}.eating-behavior-choices .section .subject{font-family:var(--font-medium);font-size:18px;text-align:start}.eating-behavior-choices .section .all-choices{align-items:flex-start;display:flex;flex-direction:column;padding:10px 20px}.eating-behavior-choices .section .all-choices .choice{accent-color:var(--theme-main);align-items:center;display:flex;flex-direction:row}.eating-behavior-choices .section .all-choices .choice .MuiFormControlLabel-label{align-items:center;display:flex;font-family:var(--font-regular);font-size:16px;justify-content:center}.eating-behavior-choices .section .all-choices .choice .MuiRadio-root{color:var(--theme-main);padding:5px}.eating-behavior .next-btn{background-color:#01499d;border-radius:24px;color:#fff;cursor:pointer;filter:grayscale(1);font-family:var(--font-medium);font-size:20px;margin:20px auto;opacity:.2;padding:7px 0;text-align:center;width:200px}.eating-behavior .next-btn.active{filter:none;opacity:1}.eating-behavior-result{padding-bottom:20px}.eating-behavior-result .result-card{align-items:center;border-radius:18px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-top:20px;padding:20px;position:relative}.eating-behavior-result .result-card:hover{opacity:.5}.eating-behavior-result .result-card .title-card{font-family:var(--font-medium);font-size:16px}.eating-behavior-result .result-card .score-container{align-items:center;column-gap:5px;display:flex;flex-direction:row;font-family:var(--font-medium);font-size:24px;margin-bottom:20px;margin-top:20px}.eating-behavior-result .result-card .score-container .score-icon{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.eating-behavior-result .result-card .result-text{font-family:var(--font-medium);font-size:20px;margin-bottom:10px}.eating-behavior-result .result-card .suggestion{font-family:var(--font-regular);font-size:18px;margin-bottom:20px}.eating-behavior-result .result-card .addition{align-items:center;bottom:10px;color:#7d7c77;display:flex;flex-direction:row;font-size:16px;position:absolute;right:10px}.divide-line{background-color:var(--color-gray-4);height:1px;width:100%}.eating-behavior-result .bottom-banner{align-items:center;background-color:var(--color-gray-1);border-radius:18px;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;margin:20px 0 0;padding:12px 20px}.eating-behavior-result .bottom-banner:hover{opacity:.7}.eating-behavior-result .bottom-banner .text-box{display:flex;flex-direction:column;line-height:32px;text-align:start}.eating-behavior-result .bottom-banner .text-box .banner-title{font-family:var(--font-medium);font-size:16px}.eating-behavior-result .bottom-banner .text-box .banner-action{color:var(--color-gray-6);font-family:var(--font-regular);font-size:15px}@media only screen and (max-width:768px){.eating-behavior{margin-bottom:0}.eating-behavior-form,.result-card{margin-left:5%;margin-right:5%;width:90%}.eating-behavior-result .result-card .result-text{font-family:var(--font-medium);font-size:18px;margin-bottom:10px}.eating-behavior-result .result-card .suggestion{font-family:var(--font-regular);font-size:16px}.eating-behavior-result .bottom-banner{margin:20px 5% 0}.eating-behavior-result .result-card .addition{font-size:14px}}.noti-banner .title{font-family:var(--font-bold);font-size:16px}.noti-banner .content-banner{font-family:var(--font-regular);font-size:14px}.toast-tele{background-color:#000000b3;border-radius:8px}.tele-income-wrapper{align-items:center;display:flex;justify-content:space-between}.tele-income-box-1{align-items:center;column-gap:8px;display:flex}.tele-img-wrapper{background-color:var(--color-gray);border-radius:50%;height:50px;overflow:hidden;width:50px}.tele-img-wrapper>img{height:100%;width:100%}.tele-income-text-wrapper{color:#fff}.tele-income-text-wrapper .text-name{font-size:16px;font-weight:600}.tele-income-box-2{column-gap:8px;display:flex}.tele-call,.tele-end-call{fill:#fff;height:90%;width:90%}.some-patient-icon.no-bg{background-color:initial}.some-patient-icon.no-bg.red{background-color:var(--color-red-1)}.some-patient-icon.no-bg.green{background-color:var(--color-green-2)}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:#0000;--input-disabled-border-color:#0000;--input-hover-border-color:#000;--link-outline:none}@media screen and (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translateX(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{height:100%;position:absolute;width:100%}.annotationLayer section{box-sizing:border-box;margin:0;pointer-events:auto;position:absolute;text-align:left;text-align:initial;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:none;outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{background:#ff0;box-shadow:0 2px 10px #ff0;opacity:.2}.annotationLayer .textAnnotation img{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .textWidgetAnnotation :is(input,textarea){background-image:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');background-image:var(--annotation-unfocused-field-background);border:2px solid #0000;border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px*var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled]{background:none;border:2px solid #0000;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border:2px solid #000;border:2px solid var(--input-hover-border-color)}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border-radius:2px}.annotationLayer .choiceWidgetAnnotation select:focus,.annotationLayer .textWidgetAnnotation :is(input,textarea):focus{background:none;border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:initial;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px*var(--scale-factor));min-width:calc(180px*var(--scale-factor));pointer-events:none;position:absolute;width:100%}.annotationLayer .popup{word-wrap:break-word;background-color:#ff9;border-radius:calc(2px*var(--scale-factor));box-shadow:0 calc(2px*var(--scale-factor)) calc(5px*var(--scale-factor)) #888;cursor:pointer;font:message-box;margin-left:calc(5px*var(--scale-factor));max-width:calc(180px*var(--scale-factor));padding:calc(6px*var(--scale-factor));pointer-events:auto;position:absolute;white-space:normal}.annotationLayer .popup>*{font-size:calc(9px*var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px*var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid #333;margin-top:calc(2px*var(--scale-factor));padding-top:calc(2px*var(--scale-factor))}.annotationLayer .richText>*{font-size:calc(9px*var(--scale-factor));white-space:pre-wrap}.annotationLayer .caretAnnotation,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .fileAttachmentAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .highlightAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .lineAnnotation svg line,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .squareAnnotation svg rect,.annotationLayer .squigglyAnnotation,.annotationLayer .stampAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .underlineAnnotation{cursor:pointer}.annotationLayer section svg{height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .annotationTextContent{color:#0000;height:100%;opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.annotationLayer .annotationTextContent span{display:inline-block;width:100%}:root{--react-pdf-text-layer:1;--highlight-bg-color:#b400aa;--highlight-selected-bg-color:#006400}@media screen and (forced-colors:active){:root{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}.textLayer{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;inset:0;line-height:1;overflow:hidden;position:absolute;text-align:left;text-align:initial;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:#0000;cursor:text;margin:0;position:absolute;transform-origin:0 0;white-space:pre}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:#b400aa;background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:static}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:#006400;background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:#0000}.textLayer .endOfContent{cursor:default;display:block;inset:100% 0 0;position:absolute;-webkit-user-select:none;user-select:none;z-index:-1}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{display:none;height:0;left:0;position:absolute;top:0;width:0}