body{margin:0;padding:0}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(0 0 0 / .6);justify-content:center;align-items:center;z-index:1000;display:flex}.overlay .modal-outer{width:95%;max-width:1200px;max-height:680px}@media (max-width:992px){.overlay .modal-outer{}}@media (max-width:767px){.overlay .modal-outer{max-width:350px}}.hidden{display:none!important}.risk-pop h2{margin:0}.risk-pop canvas{display:none}.risk-pop sup{font-size:60%}.risk-pop img{width:100%;max-width:100%}.overlay .modal-box .send-btn:disabled{background-color:#ccc;cursor:not-allowed}.modal-box{width:100%;background:url(/images/ab56d8e1b52522746271e8cdfc2aa747.png) no-repeat center top;background-size:cover;border-radius:16px;overflow:hidden;position:relative;max-height:680px;display:flex;flex-direction:column}.modal-box>.modal-header-banner{flex-shrink:0}.scrollbar-inner{flex:1 1 0%;min-height:0;overflow:hidden}.modal-banner-image{background-color:#b32429;margin-bottom:14px}.show-pc{display:none}.modal-header-banner{text-align:center;position:relative}.modal-header-banner h2{font-size:28px;font-weight:700;line-height:1.4;color:#000}.modal-header-banner h2 strong{color:#b5252a;font-weight:700}.close-btn{position:absolute;top:20px;right:20px;width:28px;height:28px;cursor:pointer;transition:opacity 0.2s;border:2px solid #fff;border-radius:50%;background-color:#fff}.close-btn:hover{opacity:.9}.close-btn::before,.close-btn::after{content:"";position:absolute;top:11px;left:2px;width:20px;height:2px;background-color:#b5252a}.close-btn::before{transform:rotate(45deg)}.close-btn::after{transform:rotate(-45deg)}.risk-content{padding:0 15px 15px 15px}.risk-content::-webkit-scrollbar{width:6px}.risk-content::-webkit-scrollbar-track{background:#f1f1f1}.risk-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.section-title{font-size:27px;line-height:1;color:#b5252a;font-weight:700;margin:20px auto;padding:2px 0;display:flex;align-items:baseline;justify-content:center}.section-title .sub-text{font-size:15px;color:#b5252a;margin-left:8px}.checkbox-item{display:flex;justify-content:space-between;align-items:center;padding:0 10px;min-height:50px;transition:background-color 0.2s;cursor:pointer;box-sizing:border-box;border-left:2px solid #b5252a;background-color:#fff0}.checkbox-item.empty-cell{display:none}.grid-container-vaccines{max-width:87.5%;margin:0 auto}.grid-container-vaccines .checkbox-item:nth-child(odd),.grid-container-risks-sub .checkbox-item:nth-child(odd){background-color:#e1e1e1}.checkbox-item.empty-cell{cursor:default;pointer-events:none}.checkbox-item:not(.empty-cell):hover{background-color:rgb(181 37 42 / .05)}.checkbox-label{font-size:20px;font-weight:700;color:#595757;flex:1;cursor:pointer;user-select:none}.custom-checkbox-container{position:relative;width:28px;height:28px}.custom-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;width:28px;height:28px;background-color:#fff0;border:2px solid #595757;border-radius:50%;transition:all 0.2s ease}.checkbox-item:hover .checkmark{border-color:#b5252a}.custom-checkbox:checked~.checkmark{background-color:#b5252a;border-color:#b5252a}.checkmark::after{content:"";position:absolute;display:none;left:8px;top:3px;width:8px;height:14px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-checkbox:checked~.checkmark::after{display:block}.form-footer{padding:20px 8px;display:flex;flex-direction:column;gap:20px}.gradient-dashboard{width:100%}.gradient-text{display:flex;justify-content:space-between;align-items:center;font-size:20px;line-height:1.5;color:#444;font-weight:700;padding:0 .5rem;background:linear-gradient(to right,#4db6ac 0%,#fdd835 50%,#e53935 100%)}.gradient-text span strong{color:#b5252a}.gradient-text span:first-child,.gradient-text span:last-child{color:#fff;font-size:13px}.risk-pop .btn{width:100%;max-width:204px;background-color:#b5252a;color:#fff;border:none;padding:3px 25px;font-size:25px;min-height:42px;font-weight:700;border-radius:25px;cursor:pointer;display:flex;justify-content:center;align-items:center;margin:0 auto;transition:background-color 0.2s,transform 0.1s}.risk-pop .btn:hover{background-color:#911d21}.risk-pop .btn:active{transform:scale(.99)}.risk-pop .btn::after{content:" ▶";font-size:18px;margin-left:6px}.risk-pop .search-btn{text-decoration:none;max-width:275px}.risk-result .risk-result-content{text-align:center;font-size:24px;line-height:1.2;font-weight:600;padding-top:20px;padding-bottom:36px}.risk-result .highlight-red{color:#b5252a}.risk-result .big-font{font-size:42px;line-height:1;font-weight:700}.risk-result .result-title{margin-bottom:30px}.risk-result .result-title h2{font-size:30px;line-height:1.2;padding:10px}.risk-result .result-content{margin-bottom:80px;line-height:1.6}.risk-result .result-content p{margin:0}.result-no-risk .result-title h2{background-color:#5ed266;padding-top:20px}.result-no-risk img{width:194px;max-width:414px;transform:translateY(16px);margin:-16px auto 0}.result-symptoms-risk .result-title{background-color:#ffcb31}.result-high-risk .result-title{background:url(/images/a0f82eeadba957f88064d6c027bcd3b4.png) no-repeat center;background-size:100% 100%}@media (min-width:768px){.modal-box{background-image:url(/images/fc19e51035a82399d84dcc5905ae8dd2.webp)}.risk-result .result-title{margin-bottom:20px}.risk-result .result-title h2{line-height:1;font-size:calc(35px + 1vw)}.risk-result .result-content{margin-bottom:20px}.result-no-risk .result-title h2{padding-top:3.16vw;padding-bottom:1.33vw}.result-no-risk img{width:34.5vw;transform:translateY(3.25vw);margin-top:-3.25vw}.result-no-risk .result-content{margin-bottom:40px}.result-high-risk .result-title{background-image:url(/images/ba9b91ea8308757f644f86b67c6c9297.png)}}@media (min-width:1366px){.result-no-risk .result-title h2{padding-top:38px;padding-bottom:16px}.result-no-risk img{transform:translateY(49px);margin-top:-49px}}@media (min-width:768px){.risk-pop .modal-outer{border-radius:20px}.close-btn{height:40px;width:40px}.close-btn::before,.close-btn::after{top:18px;left:6px;width:25px;height:3px}.show-pc{display:block}.show-mb{display:none}.modal-header-banner h2{font-size:calc(28px + 0.5vw);line-height:1}.modal-header-banner h2 br,.result-title h2 br,.result-content p br{display:none}.section-title{font-size:calc(20px + 0.5vw);margin-top:14px;margin-bottom:14px}.section-title .sub-text{font-size:12px}.risk-content{display:table;width:100%;table-layout:fixed;padding:0 20px 15px 20px;max-height:none;overflow:visible}.columns-wrapper{display:table-row}.column-symptoms,.column-risks{display:table-cell;vertical-align:top}.column-symptoms{width:36%}.column-risks{width:64%}.column-symptoms .section-title{background-color:#f6e7e5}.column-risks .section-title{background-color:#f9dad8}.grid-container-vaccines{max-width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(7,auto);grid-auto-flow:column}.grid-container-systoms{grid-template-columns:repeat(2,minmax(0,209px))}.grid-container-risks-sub{display:grid;grid-template-columns:repeat(3,minmax(0,255px));grid-template-rows:repeat(7,auto);grid-auto-flow:column;margin-top:10px}.checkbox-item{padding:0 5px}.checkbox-item.empty-cell{display:block}.grid-container-vaccines .checkbox-item,.grid-container-risks-sub .checkbox-item{background-color:#fff0}.grid-container-vaccines .checkbox-item:nth-child(odd),.grid-container-risks-sub .checkbox-item:nth-child(even){background-color:#fff0}.grid-container-vaccines .checkbox-item:nth-child(7n+1),.grid-container-vaccines .checkbox-item:nth-child(7n+3),.grid-container-vaccines .checkbox-item:nth-child(7n+5),.grid-container-vaccines .checkbox-item:nth-child(7n+7),.grid-container-risks-sub .checkbox-item:nth-child(7n+1),.grid-container-risks-sub .checkbox-item:nth-child(7n+3),.grid-container-risks-sub .checkbox-item:nth-child(7n+5),.grid-container-risks-sub .checkbox-item:nth-child(7n+7){background-color:#e0e0e0}.checkbox-label{font-size:calc(11.5px + 0.1vw)}.custom-checkbox-container,.checkmark{width:20px;height:20px}.checkmark::after{left:6px;width:4px;height:10px}.form-footer{padding:0 52px 14px 52px;align-items:center;flex-direction:column-reverse;gap:10px}.gradient-text span:nth-child(2){letter-spacing:25px}.risk-pop .btn{padding-top:3px;padding-bottom:4px;font-size:calc(22px + 0.3vw);max-width:238px}.risk-pop .btn::after{font-size:22px}.risk-pop .search-btn{max-width:360px}}@media (min-width:992px){.checkbox-label{font-size:calc(15px + 0.15vw)}.custom-checkbox-container,.checkmark{width:24px;height:24px}.checkmark::after{left:7px;width:6px;height:12px}}@media (min-width:1366px){.close-btn{height:54px;width:54px}.close-btn::before,.close-btn::after{top:24px;left:8px;width:36px;height:3px}.modal-header-banner h2{font-size:40px}.section-title{font-size:27px}.section-title .sub-text{font-size:15px}.checkbox-label{font-size:20px}.checkbox-item{padding:0 10px}.custom-checkbox-container,.checkmark{width:28px;height:28px}.checkmark::after{left:8px;top:3px;width:8px;height:14px}.risk-pop .btn{font-size:30px;min-height:50px}.risk-result .result-title h2{font-size:63px}.risk-result .risk-result-content{font-size:35px;padding-top:26px;padding-bottom:36px}.risk-result .big-font{font-size:60px}}