.taskSection{margin:0 16px}
.cmp-task-section{width:100%;box-sizing:border-box;overflow-x:hidden}
.cmp-task-section_inner{width:100%;margin:0 auto;box-sizing:border-box}
.cmp-task-section_items{display:flex;flex-direction:column;gap:40px;min-width:0;width:100%}
.cmp-task-card_homepage{display:flex;align-items:flex-start;padding:24px 12px;border-radius:1rem;background:#d7ecff;border:1px solid #b5d2ff;box-sizing:border-box;box-shadow:rgba(0,0,0,0.1) 0 4px 8px;overflow:hidden;width:100%;margin-bottom:40px;box-sizing:border-box;box-shadow:0 4px 8px rgba(0,0,0,0.1)}
.cmp-task-card_homepage:hover{background:#c5e0ff}
.cmp-task-card_title{margin:0 0 7px;color:#101828;font-size:1.5rem;font-weight:900;letter-spacing:.0703px;line-height:2rem;font-family:'Ubuntu',sans-serif;word-break:break-word}
.cmp-task-card_number{width:52px;height:52px;flex-shrink:0;border-radius:50%;border:1.1px solid #101828;display:flex;align-items:center;justify-content:center;font-family:'Ubuntu',sans-serif;font-size:24px;font-weight:300;color:#101828;position:relative;line-height:32px;letter-spacing:.0703px;margin-right:28px;background:transparent}
.cmp-task-card_content{flex:1;display:flex;flex-direction:column;justify-content:center}
.cmp-task-card_subtitle{margin:0 0 5px;max-width:760px;font-size:1rem;line-height:26px;color:#505a6a;letter-spacing:-0.3125px;font-weight:400;font-family:'Ubuntu',sans-serif}
.cmp-task-card_dashboard{align-items:flex-start;gap:28px;padding:24px;width:100%;box-sizing:border-box;border-radius:1rem;background:#d7ecff;border:1px solid #b5d2ff;box-shadow:rgba(0,0,0,0.1) 0 4px 8px;overflow:hidden;width:100%;margin-bottom:40px;box-sizing:border-box;box-shadow:0 4px 8px rgba(0,0,0,0.1)}
.cmp-task-card_dashboard:hover{background-color:#c5e0ff}
.cmp-task-section-dashboard{padding:24px 0}
.cmp-task-section_inner{display:flex;flex-direction:column;gap:0}
.cmp-task-card_button{display:flex;height:40px;padding:10px 24px;width:100%;flex:1;justify-content:center;align-items:center;gap:10px;align-self:stretch;color:#000;text-align:center;font-family:'Ubuntu',sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:20px;border:0;border-radius:9999px;cursor:pointer;text-decoration:none;border:2px solid #000;background-color:transparent}
.cmp-task-card_action{width:100%;margin-top:16px}
.cmp-task-modal{width:100%;position:fixed;inset:0;z-index:999}
.cmp-task-modal_overlay{position:absolute;inset:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(2px)}
.cmp-task-modal_container{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.cmp-task-modal_dialog{position:relative;width:100%;max-width:520px;margin:10% auto;background:#fff;border-radius:12px;padding:18px 24px 24px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.2);transform:translateY(-50px)}
.cmp-task-modal_close{position:absolute;top:30px;right:30px;background:transparent;border:0;font-size:16px;cursor:pointer;color:#6a7282;font-family:'Ubuntu',sans-serif;.fa-times{width:10px;height:10px;border:1.67px}
}
.cmp-task-modal_close:hover{color:#101828}
.cmp-task-modal_header{padding:5px;margin:0 -32px;border-bottom:1px solid #e5e7eb}
.cmp-task-modal_step-wrap{display:flex;align-items:flex-start;gap:18px;padding:0 24px 10px}
.cmp-task-modal_step-number{width:45px;height:45px;min-width:45px;border:1.5px solid #101828;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;color:#101828;margin:1.3px}
.cmp-task-card_blu{display:flex}
.cmp-task-card_number-text{font-size:30px;font-weight:500;color:#111}
.cmp-task-card_number-check{font-size:22px;color:#000}
.all-tasks-completed-check{color:#fff !important}
.all-tasks-completed{border:2px solid #00bc7d !important;background:#00bc7d !important}
.cmp-task-modal_heading{padding-top:4px;color:#101828}
.cmp-task-modal_title{margin:4px;font-size:20px;font-weight:900;line-height:16px;color:#101828;margin:4px;font-family:'Ubuntu',sans-serif}
.cmp-task-modal_task-count{margin:10px 4px 4px;font-size:12px;line-height:16px;color:#6a7282;letter-spacing:1.2px;text-transform:uppercase;font-family:'Ubuntu',sans-serif}
.cmp-task-modal_body{padding:28px 32px 32px}
.cmp-task-modal_description{margin:16px 0 8px;font-size:14px;line-height:1.5;color:#505a6a;background:#eaf4ff;letter-spacing:.08em}
.modal-type-description_code{margin:16px 0 8px;padding:16px;font-size:14px;line-height:1.5;color:#505a6a;background-color:#d7ecff;border:1px solid #b5d2ff;padding:16px;border-radius:10px}
textarea.cmp-task-modal_input{width:100%;min-height:120px;padding:0 12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;line-height:20px;color:#101828;box-sizing:border-box;outline:0;box-sizing:border-box;margin:0 0 12px;background:#fff;outline:0}
textarea.cmp-task-modal_input:focus{border-color:#2c64ff;box-shadow:0 0 0 1px rgba(20,115,230,0.12)}
.cmp-task-modal_counter{margin:3px 0 0;font-size:12px;color:#6b7282}
.cmp-task-modal_submit{width:100%;padding:10px 0 10px;margin-top:18px;border:0;border-radius:999px;background:#e5e7eb;font-size:14px;color:#9ca3af;cursor:not-allowed;font-family:'Ubuntu',sans-serif;font-weight:500}
.cmp-task-modal_submit.is-active{background:#2c64ff;color:#fff;border:0;border-radius:9999px;cursor:pointer;text-align:center;box-shadow:0 4px 8px rgba(0,0,0,.15)}
.cmp-task-modal_submit{.fa-circle-check{margin-right:6px;width:20px;height:20px}
}
.cmp-task-card_dashboard.is-completed .cmp-task-card_number{border:2px solid #000}
.cmp-task-card_dashboard.is-completed{border:2px solid #00bc7d;color:#505a6a;background-color:rgba(0,201,80,0.1)}
.cmp-task-card_dashboard.is-completed .cmp-task-card_number-text{display:none}
.cmp-task-card_dashboard.is-completed .js-task-action-wrap{display:none}
.cmp-task-card_done{margin-top:16px;display:flex;font-size:14px;color:#00744d;font-family:'Ubuntu',sans-serif;line-height:20px}
.cmp-task-card_done[hidden]{display:none !important}
.cmp-task-modal-body{margin-bottom:16px}
.modal-type-description_textarea{background-color:#fff}
.cmp-task-modal_code-input{width:100%;border:1px solid #d1d5dc;border-radius:8px;font-size:14px;line-height:20px;color:#101828;box-sizing:border-box;outline:0;height:64px;text-transform:uppercase;text-align:center;font-family:'Ubuntu',sans-serif;background-color:#f9fafb}
.cmp-task-modal_code-input::placeholder{color:#6a7282;letter-spacing:.08em}
.cmp-task-modal_code-input:focus{border-color:#1473e6;box-shadow:0 0 0 1px rgba(20,115,230,0.12)}
.cmp-task-modal_counter .js-counter-icon{margin-left:3px;color:#00744d}
.js-task-submit.is-loading{pointer-events:none;opacity:.6;cursor:not-allowed}
@media(max-width:768px){.cmp-task-modal_container{padding:16px 0}
.cmp-task-card_homepage{padding:24px}
.cmp-task-modal_body{padding-left:20px;padding-right:20px}
.cmp-task-modal_header{padding:0 32px}
.cmp-task-card_number{margin-right:24px}
.cmp-task-modal_title{font-size:20px}
.cmp-task-modal_step-number{width:48px;height:48px;min-width:48px;font-size:24px}
.cmp-task-card_dashboard{margin-bottom:24px}
.cmp-task-modal_dialog{border-radius:24px;padding:24px}
.cmp-task-modal_step-wrap{padding:0;gap:15px;padding-bottom:14px}
.cmp-task-modal_task-count{margin:6px 4px 4px}
.cmp-task-modal_description{margin:32px 0 16px}
textarea.cmp-task-modal_input{padding:8px 12px;margin-bottom:0}
.cmp-task-modal_counter{margin-top:8px}
.cmp-task-modal_submit{margin-top:16px}
}