.apex-tasks{margin-top:34px;margin-bottom:8px}.apex-tasks-head{display:grid;gap:6px;margin-bottom:16px;max-width:720px}.apex-tasks-kicker{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9eb9fa}.apex-tasks-head h2{margin:0;font-size:28px;line-height:1.2;color:#fff}.apex-tasks-head p{margin:0;font-size:14px;line-height:1.55;color:#b5bfd1}.apex-tasks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.apex-task{position:relative;display:grid;align-content:start;gap:6px;padding:20px;min-height:176px;background:#101b2d;border:1px solid #2c3c58;border-radius:10px;color:#fff;text-decoration:none;transition:border-color .15s,background-color .15s}.apex-task:hover{border-color:#7fa4ff;background:#17243a}.apex-task[aria-current=true]{border-color:#8cafff;background:#16284a;box-shadow:inset 0 0 0 1px #8cafff}.apex-task-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:6px;border-radius:50%;background:#1a2a46;color:#9eb9fa}.apex-task[aria-current=true] .apex-task-icon{background:#2b4fa0;color:#fff}.apex-task-name{font-size:18px;font-weight:650;line-height:1.3}.apex-task-text{font-size:13px;line-height:1.5;color:#b5bfd1}.apex-task-approval{margin-top:auto;padding-top:8px;font-size:12px;line-height:1.45;color:#9eb9fa;letter-spacing:.01em}.apex-task-count{font-size:12px;color:#d9e3f6;font-weight:600}.apex-task[aria-current=true] .apex-task-count:after{content:" \b7  click again to show all";font-weight:400;color:#b5bfd1}.apex-tasks-note{margin:12px 0 0;font-size:13px;color:#b5bfd1}.apex-tasks-note a{color:#9eb9fa;text-decoration:underline;text-underline-offset:3px}.apex-tasks--catalog{margin:4px 0 22px}.apex-tasks--catalog .apex-tasks-head{margin-bottom:12px}.apex-tasks--catalog .apex-tasks-head h2{font-size:19px}.apex-tasks--catalog .apex-task{min-height:0;padding:16px;gap:4px}.apex-tasks--catalog .apex-task-icon{width:34px;height:34px;margin-bottom:4px}.apex-tasks--catalog .apex-task-icon svg{width:20px;height:20px}.apex-tasks--catalog .apex-task-name{font-size:16px}@media(max-width:1000px){.apex-tasks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.apex-tasks{margin:22px 18px 6px}.apex-tasks-head h2{font-size:22px}.apex-tasks-grid{gap:10px}.apex-task{padding:14px;min-height:0;gap:4px}.apex-task-icon{width:34px;height:34px;margin-bottom:2px}.apex-task-icon svg{width:20px;height:20px}.apex-task-name{font-size:16px}.apex-task-text{font-size:12.5px}.apex-task-approval{font-size:11.5px}.apex-task[aria-current=true] .apex-task-count:after{content:" \b7  tap to clear"}}.apex-mobile-root .apex-tasks{margin:26px 0 6px}.apex-mobile-root .apex-tasks-head{margin-bottom:12px;gap:3px}.apex-mobile-root .apex-tasks-head h2{color:var(--apex-navy,#081640);font-size:23px;letter-spacing:-.4px}.apex-mobile-root .apex-tasks-head p,.apex-mobile-root .apex-tasks-note{color:var(--apex-muted,#647089)}.apex-mobile-root .apex-task{background:#f4f6f9;border-color:var(--apex-line,#e5e9ef);color:var(--apex-navy,#081640);border-radius:12px}.apex-mobile-root .apex-task:hover{background:#eef3fb;border-color:#c9d7ee}.apex-mobile-root .apex-task[aria-current=true]{background:#eff5ff;border-color:var(--apex-blue,#0067ff);box-shadow:inset 0 0 0 1px var(--apex-blue,#0067ff)}.apex-mobile-root .apex-task-icon{background:#fff;color:var(--apex-blue,#0067ff);box-shadow:inset 0 0 0 1px #dfe6f1}.apex-mobile-root .apex-task[aria-current=true] .apex-task-icon{background:var(--apex-blue,#0067ff);color:#fff;box-shadow:none}.apex-mobile-root .apex-task-text{color:var(--apex-muted,#647089)}.apex-mobile-root .apex-task-approval{color:#2b5bb5}.apex-mobile-root .apex-task-count{color:var(--apex-navy,#081640)}.apex-mobile-root .apex-task[aria-current=true] .apex-task-count:after{color:var(--apex-muted,#647089)}.apex-mobile-root .apex-tasks-note a{color:var(--apex-blue,#0067ff)}.apex-mobile-root .apex-tasks--catalog{margin:6px 0 14px}.apex-mobile-root .apex-tasks--catalog .apex-tasks-head h2{font-size:18px;letter-spacing:-.2px}.apex-mobile-root .apex-tasks--catalog .apex-task-text{display:none}@media(prefers-reduced-motion:reduce){.apex-task{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/apex-20-task-picker.css.map */