.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.qualify-roles{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;display:grid}.qualify-roles--compact{gap:7px}.qualify-role{color:#ffffffeb;min-height:88px;font:inherit;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff38;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 6px 10px;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;display:flex;position:relative}.qualify-roles--compact .qualify-role{border-radius:10px;gap:4px;min-height:64px;padding:7px 4px 6px}.qualify-role:hover{background:#ffffff24;border-color:#75c1ff80}.qualify-role.is-on{color:#fff;background:#10b98129;border-color:#10b981b3;box-shadow:0 0 0 3px #10b9812e}.qualify-role__icon{color:#75c1fff2;background:#ffffff1f;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.qualify-roles--compact .qualify-role__icon{border-radius:8px;width:28px;height:28px}.qualify-role.is-on .qualify-role__icon{color:#6ee7b7;background:#10b98138}.qualify-role__label{text-align:center;letter-spacing:-.01em;font-size:12.5px;font-weight:600;line-height:1.2}.qualify-roles--compact .qualify-role__label{font-size:11px}.qualify-tones{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.qualify-tones:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.qualify-tones--compact{gap:7px}.qualify-tone{color:#ffffffeb;min-height:52px;font:inherit;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff38;border-radius:12px;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:10px 14px;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;display:flex;position:relative}.qualify-tones--compact .qualify-tone{border-radius:10px;gap:8px;min-height:46px;padding:8px 12px}.qualify-tone:hover{background:#ffffff24;border-color:#ffffff52}.qualify-tone__mark{color:#ffffff8c;flex:none;display:inline-flex}.qualify-tone__mark svg{width:22px;height:22px}.qualify-tones--compact .qualify-tone__mark svg{width:20px;height:20px}.qualify-tone__label{text-align:left;letter-spacing:-.01em;font-size:14px;font-weight:650;line-height:1.25}.qualify-tones--compact .qualify-tone__label{font-size:13px}.qualify-tone--yes .qualify-tone__mark{color:#34d399}.qualify-tone--maybe .qualify-tone__mark{color:#fbbf24}.qualify-tone--no .qualify-tone__mark{color:#f87171}.qualify-tone--yes.is-on{background:#10b98129;border-color:#10b981bf;box-shadow:0 0 0 3px #10b9812e}.qualify-tone--maybe.is-on{background:#fbbf2424;border-color:#fbbf24b3;box-shadow:0 0 0 3px #fbbf2429}.qualify-tone--no.is-on{background:#f8717124;border-color:#f87171b3;box-shadow:0 0 0 3px #f8717129}.qualify-tone.is-on .qualify-tone__label{color:#fff}@media (max-width:640px){.qualify-roles{grid-template-columns:repeat(6,minmax(0,1fr))}.qualify-roles .qualify-role:nth-child(-n+3){grid-column:span 2}.qualify-roles .qualify-role:nth-child(n+4){grid-column:span 3}.qualify-tone{gap:8px;min-height:48px;padding:9px 12px}.qualify-tone__label{font-size:13px}}