:root{--questionnaire-name-width:600px;--questionnaire-name-height:312px;--questionnaire-name-title:26px;--questionnaire-name-radius:24px;--questionnaire-name-gap:24px}
#modal:has(#questionnaire-name-form){width:min(var(--questionnaire-name-width),calc(100vw - var(--space-8)));border-radius:var(--questionnaire-name-radius)}#questionnaire-name-form{min-height:var(--questionnaire-name-height);display:flex;flex-direction:column}#questionnaire-name-form .modalhead{border:0;padding:var(--space-6);padding-bottom:0}#questionnaire-name-form .modalhead h2{font-size:var(--questionnaire-name-title);font-weight:700}#questionnaire-name-form .modalbody{flex:1;padding:var(--space-5) var(--space-6)}#questionnaire-name-form .modalfoot{border:0;padding:var(--space-6);padding-top:var(--space-4)}#questionnaire-name-form .questionnaire-name-intro{margin:0 0 var(--space-5);font-size:var(--font-md)}#questionnaire-name-form .field>span{font-size:var(--font-md);font-weight:600}#questionnaire-name-form .modalfoot button{font-size:var(--font-md)}#questionnaire-name-form input{width:100%}
.questionnaire-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line,#d8dee6);margin:12px 0}.questionnaire-tabs button{border:0;background:transparent;padding:8px 12px;cursor:pointer;font:inherit;border-bottom:2px solid transparent;color:inherit}.questionnaire-tabs button[aria-selected=true]{border-bottom-color:var(--accent,#0a5bd3);font-weight:600}.questionnaire-tabs .pill{font-size:11px;padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.08);margin-left:4px}.questionnaire-tab[hidden]{display:none}