.workspace-billing-preview-module__klJIZW__root{background:var(--dc3-base,#fff);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;pointer-events:none;border-radius:20px;width:100%;min-width:0;height:100%;overflow:hidden}.workspace-billing-preview-module__klJIZW__artboard{box-sizing:border-box;background:var(--dc3-base,#fff);width:100%;min-width:1280px;min-height:100%;padding:48px}.workspace-billing-preview-module__klJIZW__content{width:100%;max-width:1280px;margin:0 auto}.workspace-billing-preview-module__klJIZW__title{margin-left:-12px}.workspace-billing-preview-module__klJIZW__body{align-items:flex-start;gap:72px;margin-top:48px;display:flex}.workspace-billing-preview-module__klJIZW__navigation{flex:0 0 240px;width:240px;margin-left:-12px}.workspace-billing-preview-module__klJIZW__pane{flex:auto;min-width:0}.workspace-billing-preview-module__klJIZW__billingPane{flex-direction:column;gap:24px;display:flex}.workspace-billing-preview-module__klJIZW__header{justify-content:space-between;align-items:center;gap:40px;margin-left:-12px;display:flex}.workspace-billing-preview-module__klJIZW__summary{flex-direction:column;gap:24px;max-width:620px;display:flex}.workspace-billing-preview-module__klJIZW__tabCluster{flex-shrink:0;align-items:center;gap:8px;display:flex}.workspace-billing-preview-module__klJIZW__artboard .dc3-enter{opacity:1;animation:none;transform:none}
.website-scaled-preview-module__F2k_na__viewport{width:100%;min-width:0;position:relative}.website-scaled-preview-module__F2k_na__artboard{width:100%}@media (max-width:767px){.website-scaled-preview-module__F2k_na__viewport[data-scaled-preview]{height:calc(var(--scaled-preview-height,544px) * var(--scaled-preview-scale,1))}.website-scaled-preview-module__F2k_na__viewport[data-scaled-preview]>.website-scaled-preview-module__F2k_na__artboard{width:var(--scaled-preview-width);transform:scale(var(--scaled-preview-scale,1));transform-origin:0 0;position:absolute;top:0;left:0}}
.usability-participant-preview-module__0jPLmG__frame{isolation:isolate;border-radius:20px;flex:1;width:100%;min-width:0;display:flex;container-type:inline-size}.usability-participant-preview-module__0jPLmG__staticScreen{pointer-events:none;-webkit-user-select:none;user-select:none;flex:1;min-width:0;display:flex}.usability-participant-preview-module__0jPLmG__portal{width:100%;min-width:0;min-height:var(--usability-preview-height,664px);border-radius:20px;flex-direction:column;flex:1;display:flex}.usability-participant-preview-module__0jPLmG__question{flex-direction:column;flex:1;justify-content:center;min-width:0;padding-block:24px 48px;display:flex}.usability-participant-preview-module__0jPLmG__footer{flex:none;justify-content:space-between;align-items:center;gap:16px;padding:0 24px 20px;display:flex}.usability-participant-preview-module__0jPLmG__brand{color:var(--dc3-ink);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-size:14px;line-height:20px;display:flex}.usability-participant-preview-module__0jPLmG__mark{align-items:center;gap:3px;display:inline-flex}.usability-participant-preview-module__0jPLmG__circle,.usability-participant-preview-module__0jPLmG__square{background:currentColor;width:11px;height:11px;display:block}.usability-participant-preview-module__0jPLmG__circle{border-radius:50%}.usability-participant-preview-module__0jPLmG__square{border-radius:1px}.usability-participant-preview-module__0jPLmG__taskPortal{--task-animation-duration:10s;--cursor-name-x:40px;--cursor-name-y:-258px;box-sizing:border-box;gap:0;padding:0;position:relative;overflow:hidden}.usability-participant-preview-module__0jPLmG__taskHeader{border-bottom:1px solid var(--dc3-border);flex:none;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:16px 32px;display:flex}.usability-participant-preview-module__0jPLmG__taskInstruction{min-width:0;color:var(--dc3-ink);text-align:left;letter-spacing:-.02em;flex:1;margin:0;font-size:21px;font-weight:400;line-height:28px}.usability-participant-preview-module__0jPLmG__taskTimer{border:1px solid var(--dc3-border);background:var(--dc3-base);height:40px;color:var(--dc3-ink-secondary);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:8px;margin:0;padding-inline:16px;font-size:15px;line-height:22px;display:inline-flex}.usability-participant-preview-module__0jPLmG__timerWindow{font-variant-numeric:tabular-nums;flex-shrink:0;width:4.5ch;height:22px;display:block;overflow:hidden}.usability-participant-preview-module__0jPLmG__timerDigits{flex-direction:column;display:flex}.usability-participant-preview-module__0jPLmG__timerDigits>span{flex:0 0 22px;height:22px}.usability-participant-preview-module__0jPLmG__settingsScreen{box-sizing:border-box;align-self:center;width:100%;min-width:0;max-width:1120px;padding:48px}.usability-participant-preview-module__0jPLmG__settingsTitle{color:var(--dc3-ink);letter-spacing:-.03em;margin:0;font-size:32px;font-weight:400;line-height:38px}.usability-participant-preview-module__0jPLmG__settingsBody{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:72px;min-width:0;margin-top:48px;display:grid}.usability-participant-preview-module__0jPLmG__settingsNav{min-width:0}.usability-participant-preview-module__0jPLmG__accountColumn{flex-direction:column;gap:24px;width:100%;min-width:0;max-width:560px;display:flex}.usability-participant-preview-module__0jPLmG__settingsBox{box-sizing:border-box;border:1px solid var(--dc3-border);background:var(--dc3-base);border-radius:20px;min-width:0;padding:24px}.usability-participant-preview-module__0jPLmG__avatarBox{display:block}.usability-participant-preview-module__0jPLmG__avatarHeading{min-width:0}.usability-participant-preview-module__0jPLmG__avatarRow{flex-direction:column;align-items:flex-start;gap:24px;margin-top:24px;display:flex}.usability-participant-preview-module__0jPLmG__avatarStack{display:grid}.usability-participant-preview-module__0jPLmG__profileAvatar{grid-area:1/1}.usability-participant-preview-module__0jPLmG__savedAvatar{opacity:0}.usability-participant-preview-module__0jPLmG__profileFields{flex-direction:column;gap:24px;min-width:0;margin-top:24px;display:flex}.usability-participant-preview-module__0jPLmG__nameField{min-width:0;position:relative}.usability-participant-preview-module__0jPLmG__nameValue{color:var(--dc3-ink);white-space:nowrap;font-size:17px;line-height:26px;display:grid;position:absolute;top:39px;left:16px}.usability-participant-preview-module__0jPLmG__originalName,.usability-participant-preview-module__0jPLmG__editedName{grid-area:1/1}.usability-participant-preview-module__0jPLmG__editedName{white-space:pre;opacity:0;align-items:center;display:flex}.usability-participant-preview-module__0jPLmG__surnameSteps{display:grid}.usability-participant-preview-module__0jPLmG__surnameStep{opacity:0;grid-area:1/1;justify-self:start;align-items:center;display:inline-flex}.usability-participant-preview-module__0jPLmG__cursorMotion{width:100%;height:100%;display:block}.usability-participant-preview-module__0jPLmG__typingCaret{background:var(--dc3-ink);opacity:0;width:1px;height:19px;margin-left:1px}.usability-participant-preview-module__0jPLmG__saveAction{align-items:center;gap:16px;min-width:0;margin-top:0;display:flex;position:relative}.usability-participant-preview-module__0jPLmG__saveButton{background:var(--dc3-surface);color:var(--dc3-ink-tertiary)}.usability-participant-preview-module__0jPLmG__savedConfirmation{color:var(--dc3-success);opacity:0;align-items:center;gap:4px;font-size:15px;line-height:22px;display:inline-flex}.usability-participant-preview-module__0jPLmG__cursor{z-index:1;width:28px;height:34px;position:absolute;top:14px;left:42px}.usability-participant-preview-module__0jPLmG__cursorShape{width:100%;height:100%;display:block;position:relative;overflow:visible}.usability-participant-preview-module__0jPLmG__frame[data-usability-task-animation=active] .usability-participant-preview-module__0jPLmG__cursor{animation:usability-participant-preview-module__0jPLmG__cursorHorizontal var(--task-animation-duration) linear infinite both}[data-usability-preview-type=task][aria-hidden=false] .usability-participant-preview-module__0jPLmG__cursor{animation:usability-participant-preview-module__0jPLmG__cursorHorizontal var(--task-animation-duration) linear infinite both}.usability-participant-preview-module__0jPLmG__frame[data-usability-task-animation=active] .usability-participant-preview-module__0jPLmG__cursorMotion{animation:usability-participant-preview-module__0jPLmG__cursorVertical var(--task-animation-duration) linear infinite both}[data-usability-preview-type=task][aria-hidden=false] .usability-participant-preview-module__0jPLmG__cursorMotion{animation:usability-participant-preview-module__0jPLmG__cursorVertical var(--task-animation-duration) linear infinite both}.usability-participant-preview-module__0jPLmG__frame[data-usability-task-animation=active] .usability-participant-preview-module__0jPLmG__timerDigits{animation:usability-participant-preview-module__0jPLmG__elapsedTime var(--task-animation-duration) steps(7, end) infinite both}[data-usability-preview-type=task][aria-hidden=false] .usability-participant-preview-module__0jPLmG__timerDigits{animation:usability-participant-preview-module__0jPLmG__elapsedTime var(--task-animation-duration) steps(7, end) infinite both}.usability-participant-preview-module__0jPLmG__frame[data-usability-task-animation=active] .usability-participant-preview-module__0jPLmG__saveButton{animation:usability-participant-preview-module__0jPLmG__saveProfile var(--task-animation-duration) linear infinite both}[data-usability-preview-type=task][aria-hidden=false] .usability-participant-preview-module__0jPLmG__saveButton{animation:usability-participant-preview-module__0jPLmG__saveProfile var(--task-animation-duration) linear infinite both}.usability-participant-preview-module__0jPLmG__frame[data-usability-task-animation=active] .usability-participant-preview-module__0jPLmG__nameInput{animation:usability-participant-preview-module__0jPLmG__nameFocus var(--task-animation-duration) linear infinite both}[data-usability-preview-type=task][aria-hidden=false] .usability-participant-preview-module__0jPLmG__nameInput{animation:usability-participant-preview-module__0jPLmG__nameFocus var(--task-animation-duration) linear infinite both}.usability-participant-preview-module__0jPLmG__frame[data-usability-task-animation=active] .usability-participant-preview-module__0jPLmG__surnameSelection{animation:usability-participant-preview-module__0jPLmG__selectSurname var(--task-animation-duration) steps(1, end) infinite both}[data-usability-preview-type=task][aria-hidden=false] .usability-participant-preview-module__0jPLmG__surnameSelection{animation:usability-participant-preview-module__0jPLmG__selectSurname var(--task-animation-duration) steps(1, end) infinite both}.usability-participant-preview-module__0jPLmG__frame[data-usability-task-animation=active] .usability-participant-preview-module__0jPLmG__originalName{animation:usability-participant-preview-module__0jPLmG__originalName var(--task-animation-duration) steps(1, end) infinite both}[data-usability-preview-type=task][aria-hidden=false] .usability-participant-preview-module__0jPLmG__originalName{animation:usability-participant-preview-module__0jPLmG__originalName var(--task-animation-duration) steps(1, end) infinite both}.usability-participant-preview-module__0jPLmG__frame[data-usability-task-animation=active] .usability-participant-preview-module__0jPLmG__editedName{animation:usability-participant-preview-module__0jPLmG__editedName var(--task-animation-duration) steps(1, end) infinite both}[data-usability-preview-type=task][aria-hidden=false] .usability-participant-preview-module__0jPLmG__editedName{animation:usability-participant-preview-module__0jPLmG__editedName var(--task-animation-duration) steps(1, end) infinite both}.usability-participant-preview-module__0jPLmG__frame[data-usability-task-animation=active] .usability-participant-preview-module__0jPLmG__surnameStep[data-usability-typed-surname="0"]{animation:usability-participant-preview-module__0jPLmG__typeBlank var(--task-animation-duration) steps(1, end) infinite both}[data-usability-preview-type=task][aria-hidden=false] .usability-participant-preview-module__0jPLmG__surnameStep[data-usability-typed-surname="0"]{animation:usability-participant-preview-module__0jPLmG__typeBlank var(--task-animation-duration) steps(1, end) infinite both}.usability-participant-preview-module__0jPLmG__frame[data-usability-task-animation=active] .usability-participant-preview-module__0jPLmG__surnameStep[data-usability-typed-surname="1"]{animation:usability-participant-preview-module__0jPLmG__typeT var(--task-animation-duration) steps(1, end) infinite both}[data-usability-preview-type=task][aria-hidden=false] .usability-participant-preview-module__0jPLmG__surnameStep[data-usability-typed-surname="1"]{animation:usability-participant-preview-module__0jPLmG__typeT var(--task-animation-duration) steps(1, end) infinite both}.usability-participant-preview-module__0jPLmG__frame[data-usability-task-animation=active] .usability-participant-preview-module__0jPLmG__surnameStep[data-usability-typed-surname="2"]{animation:usability-participant-preview-module__0jPLmG__typeTa var(--task-animation-duration) steps(1, end) infinite both}[data-usability-preview-type=task][aria-hidden=false] .usability-participant-preview-module__0jPLmG__surnameStep[data-usability-typed-surname="2"]{animation:usability-participant-preview-module__0jPLmG__typeTa var(--task-animation-duration) steps(1, end) infinite both}.usability-participant-preview-module__0jPLmG__frame[data-usability-task-animation=active] .usability-participant-preview-module__0jPLmG__surnameStep[data-usability-typed-surname="3"]{animation:usability-participant-preview-module__0jPLmG__typeTay var(--task-animation-duration) steps(1, end) infinite both}[data-usability-preview-type=task][aria-hidden=false] .usability-participant-preview-module__0jPLmG__surnameStep[data-usability-typed-surname="3"]{animation:usability-participant-preview-module__0jPLmG__typeTay var(--task-animation-duration) steps(1, end) infinite both}.usability-participant-preview-module__0jPLmG__frame[data-usability-task-animation=active] .usability-participant-preview-module__0jPLmG__surnameStep[data-usability-typed-surname="4"]{animation:usability-participant-preview-module__0jPLmG__typeTayl var(--task-animation-duration) steps(1, end) infinite both}[data-usability-preview-type=task][aria-hidden=false] .usability-participant-preview-module__0jPLmG__surnameStep[data-usability-typed-surname="4"]{animation:usability-participant-preview-module__0jPLmG__typeTayl var(--task-animation-duration) steps(1, end) infinite both}.usability-participant-preview-module__0jPLmG__frame[data-usability-task-animation=active] .usability-participant-preview-module__0jPLmG__surnameStep[data-usability-typed-surname="5"]{animation:usability-participant-preview-module__0jPLmG__typeTaylo var(--task-animation-duration) steps(1, end) infinite both}[data-usability-preview-type=task][aria-hidden=false] .usability-participant-preview-module__0jPLmG__surnameStep[data-usability-typed-surname="5"]{animation:usability-participant-preview-module__0jPLmG__typeTaylo var(--task-animation-duration) steps(1, end) infinite both}.usability-participant-preview-module__0jPLmG__frame[data-usability-task-animation=active] .usability-participant-preview-module__0jPLmG__surnameStep[data-usability-typed-surname="6"]{animation:usability-participant-preview-module__0jPLmG__typeTaylor var(--task-animation-duration) steps(1, end) infinite both}[data-usability-preview-type=task][aria-hidden=false] .usability-participant-preview-module__0jPLmG__surnameStep[data-usability-typed-surname="6"]{animation:usability-participant-preview-module__0jPLmG__typeTaylor var(--task-animation-duration) steps(1, end) infinite both}.usability-participant-preview-module__0jPLmG__frame[data-usability-task-animation=active] .usability-participant-preview-module__0jPLmG__typingCaret{animation:usability-participant-preview-module__0jPLmG__typingCaret var(--task-animation-duration) steps(1, end) infinite both}[data-usability-preview-type=task][aria-hidden=false] .usability-participant-preview-module__0jPLmG__typingCaret{animation:usability-participant-preview-module__0jPLmG__typingCaret var(--task-animation-duration) steps(1, end) infinite both}.usability-participant-preview-module__0jPLmG__frame[data-usability-task-animation=active] .usability-participant-preview-module__0jPLmG__savedConfirmation,.usability-participant-preview-module__0jPLmG__frame[data-usability-task-animation=active] .usability-participant-preview-module__0jPLmG__savedAvatar{animation:usability-participant-preview-module__0jPLmG__profileSaved var(--task-animation-duration) linear infinite both}[data-usability-preview-type=task][aria-hidden=false] .usability-participant-preview-module__0jPLmG__savedConfirmation{animation:usability-participant-preview-module__0jPLmG__profileSaved var(--task-animation-duration) linear infinite both}[data-usability-preview-type=task][aria-hidden=false] .usability-participant-preview-module__0jPLmG__savedAvatar{animation:usability-participant-preview-module__0jPLmG__profileSaved var(--task-animation-duration) linear infinite both}.usability-participant-preview-module__0jPLmG__frame[data-usability-task-animation=active] .usability-participant-preview-module__0jPLmG__originalAvatar{animation:usability-participant-preview-module__0jPLmG__avatarSaved var(--task-animation-duration) linear infinite both}[data-usability-preview-type=task][aria-hidden=false] .usability-participant-preview-module__0jPLmG__originalAvatar{animation:usability-participant-preview-module__0jPLmG__avatarSaved var(--task-animation-duration) linear infinite both}@keyframes usability-participant-preview-module__0jPLmG__cursorHorizontal{0%{transform:translateX(calc(var(--cursor-name-x) + 132px));opacity:0}3%{opacity:1}4%{transform:translateX(calc(var(--cursor-name-x) + 132px));animation-timing-function:cubic-bezier(.32,0,.16,1)}15%,49%{transform:translateX(var(--cursor-name-x));animation-timing-function:cubic-bezier(.3,0,.2,1)}61%,94%{opacity:1;transform:translate(0)}97%,to{opacity:0;transform:translate(0)}}@keyframes usability-participant-preview-module__0jPLmG__cursorVertical{0%,4%{transform:translateY(calc(var(--cursor-name-y) + 64px));animation-timing-function:cubic-bezier(.42,0,.23,1)}15%,49%{transform:translateY(var(--cursor-name-y));animation-timing-function:cubic-bezier(.42,0,.16,1)}61%,to{transform:translateY(0)}}@keyframes usability-participant-preview-module__0jPLmG__elapsedTime{0%{transform:translateY(0)}70%,to{transform:translateY(-154px)}}@keyframes usability-participant-preview-module__0jPLmG__nameFocus{0%,17%,68%,to{border-color:var(--dc3-border);box-shadow:none}18%,66.8%{border-color:var(--dc3-ink-tertiary);box-shadow:var(--dc3-focus-halo)}}@keyframes usability-participant-preview-module__0jPLmG__selectSurname{0%,20%{background:0 0}21%,to{background:var(--dc3-tone-periwinkle)}}@keyframes usability-participant-preview-module__0jPLmG__originalName{0%{opacity:1}24%,to{opacity:0}}@keyframes usability-participant-preview-module__0jPLmG__editedName{0%{opacity:0}24%,to{opacity:1}}@keyframes usability-participant-preview-module__0jPLmG__typeBlank{0%{opacity:0}24%{opacity:1}27%,to{opacity:0}}@keyframes usability-participant-preview-module__0jPLmG__typeT{0%{opacity:0}27%{opacity:1}30%,to{opacity:0}}@keyframes usability-participant-preview-module__0jPLmG__typeTa{0%{opacity:0}30%{opacity:1}33.5%,to{opacity:0}}@keyframes usability-participant-preview-module__0jPLmG__typeTay{0%{opacity:0}33.5%{opacity:1}36%,to{opacity:0}}@keyframes usability-participant-preview-module__0jPLmG__typeTayl{0%{opacity:0}36%{opacity:1}40%,to{opacity:0}}@keyframes usability-participant-preview-module__0jPLmG__typeTaylo{0%{opacity:0}40%{opacity:1}43%,to{opacity:0}}@keyframes usability-participant-preview-module__0jPLmG__typeTaylor{0%{opacity:0}43%,to{opacity:1}}@keyframes usability-participant-preview-module__0jPLmG__typingCaret{0%{opacity:0}24%{opacity:1}29%{opacity:0}31%{opacity:1}36%{opacity:0}38%{opacity:1}43%{opacity:0}46%{opacity:1}49%{opacity:0}51%{opacity:1}56%{opacity:0}61%{opacity:1}66.8%,to{opacity:0}}@keyframes usability-participant-preview-module__0jPLmG__saveProfile{0%,26%,70%,to{background:var(--dc3-surface);color:var(--dc3-ink-tertiary);filter:brightness();transform:none}27%,66%,68%{background:var(--dc3-action);color:var(--dc3-base);filter:brightness();transform:none}66.8%,67.3%{background:var(--dc3-action);color:var(--dc3-base);filter:brightness(.9);transform:translateY(1px)scale(.985)}}@keyframes usability-participant-preview-module__0jPLmG__profileSaved{0%,68%{opacity:0}70%,to{opacity:1}}@keyframes usability-participant-preview-module__0jPLmG__avatarSaved{0%,68%{opacity:1}70%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__cursor,.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__cursorMotion,.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__saveButton,.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__nameInput,.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__surnameSelection,.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__originalName,.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__editedName,.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__surnameStep,.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__typingCaret,.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__savedConfirmation,.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__originalAvatar,.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__savedAvatar,.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__timerDigits{animation:none!important}.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__timerDigits{transform:translateY(-154px)}.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__cursor,.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__cursorMotion{transform:none}.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__cursor{opacity:1}.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__originalName,.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__originalAvatar,.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__typingCaret,.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__surnameStep{opacity:0}.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__editedName,.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__surnameStep[data-usability-typed-surname="6"],.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__savedConfirmation,.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__savedAvatar{opacity:1}.usability-participant-preview-module__0jPLmG__taskPortal .usability-participant-preview-module__0jPLmG__saveButton{background:var(--dc3-surface);color:var(--dc3-ink-tertiary);filter:none;transform:none}}@container (max-width:760px){.usability-participant-preview-module__0jPLmG__settingsScreen{padding-inline:24px}.usability-participant-preview-module__0jPLmG__settingsBody{grid-template-columns:minmax(0,1fr);gap:32px}.usability-participant-preview-module__0jPLmG__settingsNav{width:240px;max-width:100%}}@container (max-width:360px){.usability-participant-preview-module__0jPLmG__taskHeader{flex-wrap:wrap;gap:8px;padding-inline:16px}.usability-participant-preview-module__0jPLmG__taskInstruction{flex-basis:100%}.usability-participant-preview-module__0jPLmG__taskTimer{margin-left:auto}.usability-participant-preview-module__0jPLmG__settingsScreen{padding-inline:16px}}.usability-participant-preview-module__0jPLmG__chrome{grid-template-columns:minmax(120px,1fr) minmax(0,672px) minmax(120px,1fr);column-gap:12px;display:grid}.usability-participant-preview-module__0jPLmG__chrome>:first-child{grid-area:1/1}.usability-participant-preview-module__0jPLmG__chrome>:nth-child(2){--tw-translate-x:0px;--tw-translate-y:0px;grid-area:1/2;width:100%;max-width:672px;margin-top:0;padding-inline:16px;position:static;animation:none!important;transform:none!important}.usability-participant-preview-module__0jPLmG__chrome>:last-child{grid-area:1/3;justify-self:end;gap:12px;margin-left:0}
.user-study-recorded-response-preview-module__ZCc_ea__camera{aspect-ratio:4/3;border:1px solid var(--dc3-border);background:var(--dc3-surface);border-radius:20px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}
.usability-how-it-works-section-module__miWLma__section{width:100%;min-width:0;color:var(--dc3-ink);margin-top:96px}.usability-how-it-works-section-module__miWLma__headingBlock{min-width:0;margin-bottom:48px}.usability-how-it-works-section-module__miWLma__heading,.usability-how-it-works-section-module__miWLma__subtitle{margin:0}.usability-how-it-works-section-module__miWLma__heading{color:var(--dc3-ink)}.usability-how-it-works-section-module__miWLma__subtitle{color:var(--dc3-ink-secondary)}.usability-how-it-works-section-module__miWLma__sequence{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.usability-how-it-works-section-module__miWLma__card{box-sizing:border-box;border:1px solid var(--dc3-border);border-radius:var(--dc3-r-lg);background:var(--dc3-base);min-width:0;overflow:hidden}.usability-how-it-works-section-module__miWLma__topCard{flex-direction:column;display:flex}.usability-how-it-works-section-module__miWLma__appCard{grid-column:1/-1}.usability-how-it-works-section-module__miWLma__buildCard{--website-entry-delay:.16s}.usability-how-it-works-section-module__miWLma__cardCopy{box-sizing:border-box;align-items:flex-start;gap:16px;min-width:0;padding:32px;display:flex}.usability-how-it-works-section-module__miWLma__topCard .usability-how-it-works-section-module__miWLma__cardCopy{flex:1}.usability-how-it-works-section-module__miWLma__stepNumber{border-radius:var(--dc3-r-pill);background:var(--dc3-tone-heather);width:32px;height:32px;color:var(--dc3-ink);letter-spacing:0;font-variant-numeric:tabular-nums;border:0;flex:0 0 32px;justify-content:center;align-items:center;font-size:15px;font-weight:400;line-height:22px;display:inline-flex}.usability-how-it-works-section-module__miWLma__copyText{min-width:0}.usability-how-it-works-section-module__miWLma__cardTitle,.usability-how-it-works-section-module__miWLma__cardDescription{margin:0}.usability-how-it-works-section-module__miWLma__cardDescription{max-width:680px;color:var(--dc3-ink-secondary);margin-top:8px}.usability-how-it-works-section-module__miWLma__cardVisual{box-sizing:border-box;border-radius:var(--dc3-r-lg) 0 0 0;flex:0 0 300px;place-items:center;width:auto;min-width:0;height:300px;margin:0 0 0 32px;padding:32px;display:grid}.usability-how-it-works-section-module__miWLma__repositoryStage{background:var(--dc3-tone-heather-tint)}.usability-how-it-works-section-module__miWLma__buildStage{background:color-mix(in srgb, var(--dc3-tone-heather) 45%, var(--dc3-base) 55%)}.usability-how-it-works-section-module__miWLma__frozen{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;max-width:440px}.usability-how-it-works-section-module__miWLma__connectionPanel{box-sizing:border-box;border:1px solid var(--dc3-border);border-radius:var(--dc3-r-md);background:var(--dc3-base);width:100%;padding:20px}.usability-how-it-works-section-module__miWLma__controlLabel{color:var(--dc3-ink-secondary);margin-bottom:8px;display:block}.usability-how-it-works-section-module__miWLma__repositoryRow{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.usability-how-it-works-section-module__miWLma__repositoryIcon{border-radius:var(--dc3-r-md);background:var(--dc3-tone-heather-tint);justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.usability-how-it-works-section-module__miWLma__repositoryDetails{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.usability-how-it-works-section-module__miWLma__repositoryName{max-width:100%;color:var(--dc3-ink);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.usability-how-it-works-section-module__miWLma__connected{color:var(--dc3-success);align-items:center;gap:4px;margin-top:4px;display:inline-flex}.usability-how-it-works-section-module__miWLma__connected svg{flex:none}.usability-how-it-works-section-module__miWLma__connected[data-usability-connection-state=connecting]{color:var(--dc3-ink-secondary)}.usability-how-it-works-section-module__miWLma__controlDivider{background:var(--dc3-divider);width:100%;height:1px;margin:16px 0;display:block}.usability-how-it-works-section-module__miWLma__branchPicker{box-sizing:border-box;border:1px solid var(--dc3-border);border-radius:var(--dc3-r-sm);background:var(--dc3-base);width:100%;min-width:0;min-height:44px;color:var(--dc3-ink);align-items:center;gap:8px;padding:8px 12px;display:flex}.usability-how-it-works-section-module__miWLma__branchPicker>svg{flex:none}.usability-how-it-works-section-module__miWLma__branchPicker>svg:last-child{color:var(--dc3-ink-secondary)}.usability-how-it-works-section-module__miWLma__branchName{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.usability-how-it-works-section-module__miWLma__buildIllustration{flex-direction:column;justify-content:center;align-items:center;display:flex}.usability-how-it-works-section-module__miWLma__buildPanel{box-sizing:border-box;border:1px solid var(--dc3-border);border-radius:var(--dc3-r-md);background:var(--dc3-base);gap:20px;width:360px;max-width:100%;margin-inline:auto;padding:20px;display:grid}.usability-how-it-works-section-module__miWLma__statusRow{min-width:0;min-height:24px;color:var(--dc3-ink-secondary);transition:color var(--dc3-duration-color) var(--dc3-ease);align-items:center;gap:12px;display:flex}.usability-how-it-works-section-module__miWLma__statusRow[data-status=working],.usability-how-it-works-section-module__miWLma__statusRow[data-status=done]{color:var(--dc3-ink)}.usability-how-it-works-section-module__miWLma__stageIcon{box-sizing:border-box;border-radius:var(--dc3-r-pill);flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.usability-how-it-works-section-module__miWLma__statusRow[data-status=pending] .usability-how-it-works-section-module__miWLma__stageIcon{border:1px solid var(--dc3-border)}.usability-how-it-works-section-module__miWLma__statusRow[data-status=done] .usability-how-it-works-section-module__miWLma__stageIcon{background:var(--dc3-success-soft);color:var(--dc3-success)}.usability-how-it-works-section-module__miWLma__appStage{box-sizing:border-box;border-radius:var(--dc3-r-lg) 0 0 0;background:var(--dc3-tone-heather-tint);place-items:center;width:auto;min-width:0;margin:0 0 0 32px;padding:40px;display:grid;overflow:hidden}.usability-how-it-works-section-module__miWLma__builtApp{opacity:0;width:100%;min-width:0;max-width:1120px;transition:opacity var(--dc3-duration-layout) var(--dc3-ease), transform var(--dc3-duration-entry) var(--dc3-ease);margin-inline:auto;display:flex;transform:translateY(6px)}.usability-how-it-works-section-module__miWLma__section[data-usability-build-state=ready] .usability-how-it-works-section-module__miWLma__builtApp{opacity:1;transform:none}.usability-how-it-works-section-module__miWLma__taskPreview{--usability-preview-height:1056px;width:100%;min-width:0;max-width:100%}@media (max-width:1023px){.usability-how-it-works-section-module__miWLma__sequence{gap:24px}}@media (max-width:767px){.usability-how-it-works-section-module__miWLma__buildCard{--website-entry-delay:0s}.usability-how-it-works-section-module__miWLma__section{margin-top:64px}.usability-how-it-works-section-module__miWLma__sequence{grid-template-columns:minmax(0,1fr);gap:40px}.usability-how-it-works-section-module__miWLma__appCard{grid-column:auto}.usability-how-it-works-section-module__miWLma__cardCopy{padding:24px}.usability-how-it-works-section-module__miWLma__cardVisual{flex-basis:auto;height:auto;margin-left:24px;padding:24px}.usability-how-it-works-section-module__miWLma__appStage{margin-left:24px;padding:24px}.usability-how-it-works-section-module__miWLma__frozen .usability-how-it-works-section-module__miWLma__connectionPanel,.usability-how-it-works-section-module__miWLma__frozen .usability-how-it-works-section-module__miWLma__buildPanel{padding:20px}}@media (max-width:479px){.usability-how-it-works-section-module__miWLma__cardCopy{gap:12px}.usability-how-it-works-section-module__miWLma__appStage{padding:16px}}@media (prefers-reduced-motion:reduce){.usability-how-it-works-section-module__miWLma__statusRow,.usability-how-it-works-section-module__miWLma__builtApp{transition:none}.usability-how-it-works-section-module__miWLma__builtApp{opacity:1;transform:none}}
.user-study-participant-preview-module__pyzhOq__frame{isolation:isolate;border-radius:20px;flex:1;width:100%;min-width:0;display:flex}.user-study-participant-preview-module__pyzhOq__staticScreen{pointer-events:none;-webkit-user-select:none;user-select:none;flex:1;min-width:0;display:flex}.user-study-participant-preview-module__pyzhOq__portal{border-radius:20px;flex-direction:column;flex:1;width:100%;min-width:0;min-height:664px;display:flex}.user-study-participant-preview-module__pyzhOq__question{flex-direction:column;flex:1;justify-content:center;min-width:0;padding-block:24px 48px;display:flex}.user-study-participant-preview-module__pyzhOq__brand{color:var(--dc3-ink);flex:none;justify-content:flex-end;align-items:center;gap:8px;padding:0 24px 20px;font-size:14px;line-height:20px;display:flex}.user-study-participant-preview-module__pyzhOq__mark{align-items:center;gap:3px;display:inline-flex}.user-study-participant-preview-module__pyzhOq__circle,.user-study-participant-preview-module__pyzhOq__square{background:currentColor;width:11px;height:11px;display:block}.user-study-participant-preview-module__pyzhOq__circle{border-radius:50%}.user-study-participant-preview-module__pyzhOq__square{border-radius:1px}.user-study-participant-preview-module__pyzhOq__chrome{grid-template-columns:minmax(120px,1fr) minmax(0,672px) minmax(120px,1fr);column-gap:12px;display:grid}.user-study-participant-preview-module__pyzhOq__chrome>:first-child{grid-area:1/1}.user-study-participant-preview-module__pyzhOq__chrome>:nth-child(2){--tw-translate-x:0px;--tw-translate-y:0px;grid-area:1/2;width:100%;max-width:672px;margin-top:0;padding-inline:16px;position:static;animation:none!important;transform:none!important}.user-study-participant-preview-module__pyzhOq__chrome>:last-child{grid-area:1/3;justify-self:end;gap:12px;margin-left:0}