@layer reset;

@layer base {
  :root {
    --made-with-panda: "🐼";
  }

  #qualified-multimodal-host, #qualified-multimodal-host *, :host, :host * {
    box-sizing: border-box;
    font-family: Inter, sans-serif;
    font-family: var(--q-kDqfPe);
    font-weight: 400;
    font-weight: var(--q-eKMXDR);
    margin: 0;
  }

  @keyframes q-fadeIn {
    0% {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes q-fadeOut {
    0% {
      opacity: 1;
    }

    to {
      opacity: 0;
    }
  }

  @keyframes q-bubblePop {
    0% {
      opacity: 0;
      transform: translateY(12px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes q-pulse {
    0%, 60%, to {
      opacity: .3;
      transform: scale(.8);
    }

    30% {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes flipDotMove {
    0%, to {
      opacity: .4;
      transform: translateX(-4px)scale(1);
    }

    25% {
      opacity: .7;
      transform: translateX(0)scale(.7);
    }

    50% {
      opacity: .4;
      transform: translateX(4px)scale(1);
    }

    75% {
      opacity: .7;
      transform: translateX(0)scale(.7);
    }
  }

  @keyframes q-buttonToSidebar {
    0% {
      opacity: .2;
      transform: scale(.4);
    }

    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes q-messengerButtonEntrance {
    0% {
      opacity: 0;
      transform: scale(.8);
    }

    to {
      opacity: 1;
      transform: scale(1);
    }
  }

  @keyframes q-labelEntrance {
    0% {
      opacity: 0;
      max-width: 0;
    }

    50% {
      opacity: 0;
      max-width: 200px;
    }

    to {
      opacity: 1;
      max-width: 200px;
    }
  }

  @keyframes q-collapsedToCentered {
    0% {
      opacity: .2;
      transform: translateX(-50%)scaleY(.3);
    }

    to {
      opacity: 1;
      transform: translateX(-50%)scaleY(1);
    }
  }

  @keyframes q-contentGrowUp {
    0% {
      max-height: 120px;
    }

    to {
      max-height: 800px;
    }
  }

  @keyframes q-centeredToSidebar {
    0% {
      opacity: .8;
      transform: translateX(-50%)scale(1);
    }

    to {
      opacity: 1;
      transform: translateX(0)scale(1);
    }
  }

  @keyframes q-collapsedToDocked {
    0% {
      opacity: 1;
      transform: translateX(100%);
    }

    to {
      opacity: 1;
      transform: translateX(0);
    }
  }

  @keyframes q-slideInFromRight {
    0% {
      transform: translateX(100%);
    }

    to {
      transform: translateX(0);
    }
  }

  @keyframes q-slideOutToRight {
    0% {
      transform: translateX(0);
    }

    to {
      transform: translateX(100%);
    }
  }

  @keyframes q-slideInFromBottom {
    0% {
      opacity: 0;
      transform: translateY(20px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes q-slideInFromBottomCentered {
    0% {
      opacity: 0;
      transform: translateX(-50%)translateY(20px);
    }

    to {
      opacity: 1;
      transform: translateX(-50%)translateY(0);
    }
  }

  @keyframes q-sidebarToCentered {
    0% {
      opacity: .8;
      transform: translateX(0)scale(1);
    }

    to {
      opacity: 1;
      transform: translateX(-50%)scale(1);
    }
  }

  @keyframes q-revealWord {
    to {
      transform: scaleX(0);
    }
  }

  @keyframes q-fullscreenToSidebar {
    0% {
      opacity: .8;
      transform: translateX(-50%)scale(1);
    }

    to {
      opacity: 1;
      transform: translateX(0)scale(1);
    }
  }

  @keyframes q-sidebarToFullscreen {
    0% {
      opacity: .8;
      transform: translateX(0)scale(1);
    }

    to {
      opacity: 1;
      transform: translateX(-50%)scale(1);
    }
  }

  @keyframes q-centeredToFullscreen {
    0% {
      opacity: .9;
      transform: translateX(-50%)scale(.85);
    }

    to {
      opacity: 1;
      transform: translateX(-50%)scale(1);
    }
  }

  @keyframes q-fullscreenToCentered {
    0% {
      opacity: .9;
      transform: translateX(-50%)scale(1.1);
    }

    to {
      opacity: 1;
      transform: translateX(-50%)scale(1);
    }
  }

  @keyframes q-collapsedToFullscreen {
    0% {
      opacity: 1;
      transform: translateX(-50%)scaleY(.3);
    }

    15% {
      opacity: 1;
      transform: translateX(-50%)scaleY(.4);
    }

    30% {
      opacity: 1;
      transform: translateX(-50%)scaleY(.55);
    }

    45% {
      opacity: 1;
      transform: translateX(-50%)scaleY(.7);
    }

    60% {
      opacity: 1;
      transform: translateX(-50%)scaleY(.85);
    }

    75% {
      opacity: 1;
      transform: translateX(-50%)scaleY(.95);
    }

    85% {
      opacity: 1;
      transform: translateX(-50%)scale(1);
    }

    to {
      opacity: 1;
      transform: translateX(-50%)scale(1);
    }
  }

  @keyframes q-spin {
    0% {
      transform: rotate(0);
    }

    to {
      transform: rotate(360deg);
    }
  }

  @keyframes q-dotsEllipsis {
    0% {
      content: ".";
    }

    33% {
      content: "..";
    }

    66% {
      content: "...";
    }
  }

  @keyframes q-lightboxDotFade {
    0%, 10%, to {
      opacity: 0;
    }

    30%, 70% {
      opacity: 1;
    }
  }

  @keyframes q-soundRingPulse {
    0% {
      opacity: .5;
      transform: scale(1);
    }

    70% {
      transform: scale(1.8);
      transform: scale(var(--ring-max-scale, 1.8));
      opacity: .15;
    }

    to {
      transform: scale(1.8);
      transform: scale(var(--ring-max-scale, 1.8));
      opacity: 0;
    }
  }

  @keyframes q-avatarPulse {
    0%, to {
      transform: scale(1);
      transform: scale(var(--audio-scale, 1));
    }

    50% {
      transform: scale(1.06);
      transform: scale(calc(var(--audio-scale, 1) * 1.06));
    }
  }

  @keyframes q-cursorGlow {
    0% {
      box-shadow: 0 2px 8px #0000001f, 0 1px 3px #00000014;
    }

    50% {
      box-shadow: 0 2px 8px 0 #0000001f, 0 1px 3px 0 #00000014, 0 0 8px 2px var(--q-primary-color);
    }

    to {
      box-shadow: 0 2px 8px #0000001f, 0 1px 3px #00000014;
    }
  }

  @keyframes q-fadeInBackdrop {
    0% {
      background-color: #0000;
    }

    to {
      background-color: #000c;
    }
  }

  @keyframes q-fadeOutBackdrop {
    0% {
      background-color: #000c;
    }

    to {
      background-color: #0000;
    }
  }
}

@layer tokens {
  :host, :root {
    --q-kDqfPe: "Inter", sans-serif;
    --q-ayWzz: "Inter var", sans-serif;
    --q-isGuTZ: 100;
    --q-krROru: 200;
    --q-jdZzJM: 300;
    --q-eKMXDR: 400;
    --q-cmWGCb: 500;
    --q-gNXbEt: 600;
    --q-euuKBT: 700;
    --q-kWtXnF: 800;
    --q-catofh: 900;
    --q-pOEQa: none;
    --q-cWcXnW: transparent;
    --q-hjHZCf: #fafafa;
    --q-borVlv: #fafafad9;
    --q-bBMxfH: #fff;
    --q-ggIFHr: #000;
    --q-lkJjrl: #f3f4f6;
    --q-gjomaU: #e6e9ec;
    --q-bqFieo: #6e7879;
    --q-hRurAk: auto;
    --q-buRIyh: none;
    --q-ekPYDW: 2px;
    --q-kCMLyw: 4px;
    --q-kvVlZR: 5px;
    --q-elxJGK: 6px;
    --q-cSaSxh: 8px;
    --q-hIIDSc: 9px;
    --q-ekAQPT: 10px;
    --q-cXTyBO: 12px;
    --q-jugHdA: 16px;
    --q-dJxTxD: 24px;
    --q-Wpknh: 32px;
    --q-kfmNLn: 40px;
    --q-ixNmpi: 4px;
    --q-bewZvn: 8px;
    --q-kLOfAE: 12px;
    --q-dxfumK: 16px;
    --q-UXfgJ: 24px;
    --q-kkkBVq: 999px;
    --q-jLtLHp: none;
    --q-kYbBCn: 0 -20px 20px -20px #0000001f, 0 20px 20px -20px #0000001f, -20px 0 20px -20px #0000001f, 20px 0 20px -20px #0000001f;
    --q-bebYds: var(--q-primary-color, #0070d2);
    --q-HGIFZ: var(--q-text-color, #fff);
    --q-iauKka: #717878;
    --q-ckoJkw: #152229;
    --q-ekJvRZ: #6e7879;
    --q-cFCrNU: #e4251b;
    --q-cPIFpU: var(--q-button-background-color, #0070d2);
    --q-bQGTFq: var(--q-button-hover-background-color, #0070d2e6);
    --q-egIHDL: var(--q-button-text-color, #fff);
    --q-kHrcNZ: var(--q-button-hover-text-color, #fff);
    --q-mcKdm: var(--q-button-border-color, transparent);
    --q-eBDiUw: var(--q-button-hover-border-color, transparent);
    --q-hCbkVH: var(--q-button-border-radius, 4px);
  }
}

@layer recipes;

@layer utilities {
  .q-hpGHkI {
    --q-main-width: 400px;
  }

  .q-bvavmM {
    --q-main-horizontal-offset: 0px;
  }

  .q-hqzRaT {
    --q-main-width: 425px;
  }

  .q-jJCXTD {
    --q-main-horizontal-offset: 16px;
  }

  .q-czMruL {
    padding: 4px 12px;
  }

  .q-dcQbuY {
    animation: 2s ease-in-out infinite q-cursorGlow;
  }

  .q-wrVgc {
    animation: 1s linear infinite q-spin;
  }

  .q-ljBaxp {
    padding: 24px;
    padding: var(--q-dJxTxD);
  }

  .q-iIAJvJ {
    background: #fafafa;
    background: var(--q-hjHZCf);
  }

  .q-bbYXSC {
    border: none;
  }

  .q-cddllL {
    padding: 8px;
    padding: var(--q-cSaSxh);
  }

  .q-beAswm {
    padding: 16px;
    padding: var(--q-jugHdA);
  }

  .q-lmIgQG {
    animation: 1.8s infinite q-lightboxDotFade;
  }

  .q-hWgZTB {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .q-fQhEHc {
    background: none;
    background: var(--q-cWcXnW);
  }

  .q-kMLuLM {
    margin: none;
    margin: var(--q-buRIyh);
  }

  .q-boApiO {
    border: 4px solid #0000001f;
  }

  .q-fwOEpp {
    animation: .8s linear infinite q-spin;
  }

  .q-fYGqSw {
    padding: 12px;
    padding: var(--q-cXTyBO);
  }

  .q-SCHws {
    grid-area: multimodal;
  }

  .q-gHPXxv {
    grid-area: toolbar;
  }

  .q-gPluOM {
    grid-area: chat;
  }

  .q-hdMMkk {
    grid-area: launcher;
  }

  .q-kIgZTY {
    grid-area: artifact;
  }

  .q-mIdOC {
    grid-area: controls;
  }

  .q-gNgtxI {
    grid-area: privacy;
  }

  .q-crphrk {
    grid-area: input;
  }

  .q-eGUsrE {
    grid-area: preview;
  }

  .q-hyHfhv {
    padding: 15px 16px;
  }

  .q-kRXPud {
    border: 1px solid #0000;
    border: 1px solid var(--q-mcKdm);
  }

  .q-bbPdmJ {
    background: #fff linear-gradient(#0070d2, #0070d2);
    background: linear-gradient(var(--q-cPIFpU), var(--q-cPIFpU)) var(--q-bBMxfH);
  }

  .q-evPBIx {
    animation: .2s q-messengerButtonEntrance;
  }

  .q-dPUHzP {
    padding: 0 16px 0 8px;
  }

  .q-eUlsAQ {
    padding: 0 8px;
  }

  .q-ffAOcM {
    animation: .4s .2s forwards q-labelEntrance;
  }

  .q-ejmAri {
    padding: 4px 6px 4px 8px;
  }

  .q-gDRjFC {
    border: 1px solid #e6e9ec;
  }

  .q-ilGbtx {
    padding: 24px;
  }

  .q-hpDGKI {
    margin: 0;
  }

  .q-iZpwv {
    grid-area: buttons;
  }

  .q-cLvmDU {
    grid-area: textarea;
  }

  .q-iyOtwK {
    grid-area: submit;
  }

  .q-jwuLpj {
    padding: none;
    padding: var(--q-buRIyh);
  }

  .q-kjhOSU {
    border: 1px solid #c8ced0;
  }

  .q-ixPNuO {
    border: 1.5px solid #d7dde2;
  }

  .q-cGYLDY {
    padding: 56px;
  }

  .q-kfAOEa {
    border: 1px solid #c8ced0ed;
  }

  .q-dQaUis {
    border: 1px solid #e4251b;
  }

  .q-fJRPBX {
    background: #f3f4f6;
    background: var(--q-lkJjrl);
  }

  .q-dZcSYC {
    background: #fff;
    background: var(--q-bBMxfH);
  }

  .q-dqRdNH {
    padding: 0;
  }

  .q-UpNLt {
    border: 1px solid #f3f4f6;
    border: 1px solid var(--q-lkJjrl);
  }

  .q-crJjVc {
    padding: 4px 8px 4px 4px;
  }

  .q-hVwZHW {
    border: 1px solid #d0d5dd;
  }

  .q-fGTDRl {
    grid-area: 1 / 1;
  }

  .q-djvrwb {
    padding: 8px 12px 8px 8px;
  }

  .q-jNFnOu {
    padding: 4px 12px 4px 5px;
  }

  .q-hXLgEr {
    padding: 8px 12px;
  }

  .q-dWVzQc {
    background: #000000bf;
  }

  .q-jBbJKP {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .q-jgdMeK {
    inset: $ auto;
  }

  .q-bJnzVB {
    background: radial-gradient(circle at 30% 30%, var(--orb-overlay-color), color-mix(in srgb, var(--orb-overlay-color) 93%, transparent), color-mix(in srgb, var(--orb-overlay-color) 67%, transparent));
  }

  .q-QqWTa {
    background: #000;
    background: var(--q-ggIFHr);
  }

  .q-wMvL {
    animation: 2s linear infinite q-spin;
  }

  .q-kRGfKq {
    padding: 24px 40px;
  }

  .q-bNhfWc {
    background: #fffc;
  }

  .q-dqlwAO {
    border: 2px solid #fff;
  }

  .q-dYytWf {
    padding: 0;
  }

  .q-tKweO {
    animation: .8s linear infinite flipDotMove;
  }

  .q-kPwIbp {
    animation: .2s ease-out fadeIn;
  }

  .q-joVwlH {
    padding: 8px;
  }

  .q-belzXP {
    animation: 1.4s ease-in-out infinite q-pulse;
  }

  .q-dRVjBn {
    animation: .3s ease-out forwards q-bubblePop;
  }

  .q-cngwRi {
    padding: 4px;
    padding: var(--q-kCMLyw);
  }

  .q-hEitpN {
    border: 1px solid #e6e9ec;
    border: 1px solid var(--q-gjomaU);
  }

  .q-gPyWWT {
    border: 1px solid;
  }

  .q-cWRIJB {
    background: #f8f9fa;
  }

  .q-eAufLm {
    padding: 1px 12px;
  }

  .q-lhPAVU {
    transition: transform .5s ease-in-out;
  }

  .q-jBtsds {
    border-radius: 12px;
  }

  .q-eNZAjH {
    border-radius: 8px;
  }

  .q-dpKkwy {
    border-radius: 999px;
    border-radius: var(--q-kkkBVq);
  }

  .q-bTXhtm {
    transition: opacity .15s ease-in-out;
  }

  .q-dfKiRv {
    transition: background-color .3s, -webkit-backdrop-filter .3s, backdrop-filter .3s;
  }

  .q-iainBx {
    gap: 16px;
    gap: var(--q-jugHdA);
  }

  .q-kdFIjO {
    flex: 1;
  }

  .q-bREwVl {
    padding-block-start: 6px;
    padding-block-end: 6px;
  }

  .q-deWENR {
    padding-inline-start: 6px;
    padding-inline-end: 6px;
  }

  .q-cuPKAr {
    border-radius: 4px;
  }

  .q-jmOEJr {
    padding-block-start: 48px;
    padding-block-end: 48px;
  }

  .q-gkGeGa {
    padding-inline-start: 32px;
    padding-inline-end: 32px;
  }

  .q-hCsiYz {
    gap: 12px;
    gap: var(--q-cXTyBO);
  }

  .q-lgsCWf {
    padding-block-start: 40px;
    padding-block-end: 40px;
  }

  .q-ZvYkL {
    padding-inline-start: 48px;
    padding-inline-end: 48px;
  }

  .q-jIOumZ {
    gap: 32px;
  }

  .q-hlLeqZ {
    flex: 0 0 220px;
  }

  .q-gfnlDp {
    gap: 4px;
    gap: var(--q-kCMLyw);
  }

  .q-eZDgoO {
    padding-block-start: 10px;
    padding-block-end: 10px;
  }

  .q-jvCJbJ {
    padding-inline-start: 24px;
    padding-inline-end: 24px;
  }

  .q-kZTEwH {
    padding-block-start: 0;
    padding-block-end: 0;
  }

  .q-kplSAX {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }

  .q-cGQydA {
    gap: 4px;
  }

  .q-eSYZRQ {
    gap: 8px;
    gap: var(--q-cSaSxh);
  }

  .q-laFSpw {
    border-width: 1px;
  }

  .q-hDGJaH {
    border-style: solid;
  }

  .q-kRIFCf {
    border-color: #22c55e;
  }

  .q-iRqyia {
    border-radius: inherit;
  }

  .q-lkJKYD {
    border-radius: 50%;
  }

  .q-dnfrAH {
    grid-template-areas: "input"
                         "privacy";
  }

  .q-hDELcZ {
    grid-template-areas: "toolbar"
                         "."
                         "preview"
                         "."
                         "input"
                         "."
                         "privacy";
  }

  .q-enbWAx {
    grid-template-areas: "toolbar"
                         "."
                         "chat"
                         "."
                         "input"
                         "."
                         "privacy";
  }

  .q-cwJhhH {
    grid-template-areas: "multimodal input"
                         "privacy privacy";
  }

  .q-lbGRgy {
    grid-template-areas: "multimodal"
                         "."
                         "preview"
                         "."
                         "input"
                         "."
                         "privacy";
  }

  .q-fEGBCZ {
    grid-template-areas: "toolbar"
                         "."
                         "multimodal"
                         "."
                         "chat"
                         "."
                         "input"
                         "."
                         "privacy";
  }

  .q-hOpgpW {
    grid-template-areas: "launcher";
  }

  .q-kZqxJw {
    gap: 11px;
  }

  .q-fzgFDt {
    border-radius: 28px;
  }

  .q-BaFpy {
    transition: transform .15s, box-shadow .15s;
  }

  .q-knEWdf {
    gap: 12px;
  }

  .q-dzteRa {
    border-radius: 100px;
  }

  .q-dXscgu {
    overflow: hidden;
  }

  .q-bWYbjh {
    border-radius: 24px;
  }

  .q-eLuUPu {
    overflow: visible;
  }

  .q-euZpgT {
    padding-inline-start: 8px;
    padding-inline-end: 8px;
    padding-inline: var(--q-cSaSxh);
  }

  .q-bnncsD {
    gap: 16px;
  }

  .q-fVcbCc {
    padding-inline-start: 12px;
    padding-inline-end: 12px;
  }

  .q-bRvFFF {
    border-radius: 6px;
  }

  .q-fFjAgU {
    transition: all .15s ease-in-out;
  }

  .q-lkCsfh {
    border-color: #0000;
    border-color: var(--q-mcKdm);
  }

  .q-iTGYZx {
    transition: opacity .2s ease-out, transform .2s ease-out;
  }

  .q-gfGoAw {
    transition: opacity .15s ease-in-out;
  }

  .q-dFXmkO {
    outline: none;
  }

  .q-gXBDEm {
    transition: margin-inline .2s ease-out;
  }

  .q-NcNIf {
    border-radius: 0;
  }

  .q-dTyMgy {
    margin-inline-start: 24px;
    margin-inline-end: 24px;
    margin-inline: var(--q-dJxTxD);
  }

  .q-cpkELw {
    border-radius: 6px 6px 0 0;
  }

  .q-cuqiG {
    padding-inline-start: 16px;
    padding-inline-end: 16px;
    padding-inline: var(--q-jugHdA);
  }

  .q-jiuJEY {
    flex: 0 0 328px;
  }

  .q-bpCoMe {
    border-left: 1px solid #c8ced0cc;
  }

  .q-ePScjH {
    padding-block-start: 8px;
    padding-block-end: 8px;
    padding-block: var(--q-cSaSxh);
  }

  .q-dRFQdM {
    padding-inline-start: 12px;
    padding-inline-end: 12px;
    padding-inline: var(--q-cXTyBO);
  }

  .q-jIGVye {
    transition: transform .2s;
  }

  .q-iFnIb {
    transition: all .2s;
  }

  .q-jGRTqq {
    padding-block-start: 4px;
    padding-block-end: 4px;
    padding-block: var(--q-kCMLyw);
  }

  .q-fBLnD {
    gap: 2px;
    gap: var(--q-ekPYDW);
  }

  .q-dXsxqI {
    padding-block-start: 2px;
    padding-block-end: 2px;
    padding-block: var(--q-ekPYDW);
  }

  .q-bzwUjm {
    padding-inline-start: 4px;
    padding-inline-end: 4px;
    padding-inline: var(--q-kCMLyw);
  }

  .q-jIINt {
    border-radius: 2px;
  }

  .q-dtdFzD {
    padding-inline: none;
    padding-inline: var(--q-buRIyh);
  }

  .q-esOKUS {
    border-width: 1px;
  }

  .q-bRpyDR {
    border-color: #f3f4f6;
    border-color: var(--q-lkJjrl);
  }

  .q-cSygbo {
    gap: none;
    gap: var(--q-buRIyh);
  }

  .q-gTMcRa {
    flex: 1 0;
  }

  .q-rUYSS {
    gap: 24px;
    gap: var(--q-dJxTxD);
  }

  .q-bRwIuu {
    gap: 10px;
    gap: var(--q-ekAQPT);
  }

  .q-kVmtnE {
    outline: 1px solid #c8ced0ed;
  }

  .q-hyRQNZ {
    border-width: 1.5px;
  }

  .q-dTKcnk {
    border-color: #0070d2;
    border-color: var(--q-bebYds);
  }

  .q-iFqkhw {
    padding-block-start: 12px;
    padding-block-end: 12px;
  }

  .q-inYCnp {
    padding-block-start: 2px;
    padding-block-end: 2px;
  }

  .q-cQnLKq {
    gap: 2px;
  }

  .q-jhjrRH {
    transition: background .15s;
  }

  .q-daJWAT {
    padding-block-start: 4px;
    padding-block-end: 4px;
  }

  .q-flCAkr {
    padding-block-start: 8px;
    padding-block-end: 8px;
  }

  .q-xdetD {
    padding-inline-start: 8px;
    padding-inline-end: 8px;
  }

  .q-hEzNkW {
    list-style: none;
  }

  .q-cZMYrM {
    gap: 8px;
  }

  .q-bveNiD {
    border-color: #e6e9ec;
    border-color: var(--q-gjomaU);
  }

  .q-hApRsC {
    border-radius: 900px;
  }

  .q-kCqEvX {
    border-radius: 0;
  }

  .q-bEcncX {
    transition: filter;
  }

  .q-djzksP {
    border-radius: 4px;
    border-radius: var(--q-hCbkVH);
  }

  .q-hqyZYz {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }

  .q-gZHxxx {
    padding-inline-start: 2px;
    padding-inline-end: 2px;
  }

  .q-dvOhoT {
    padding-inline-start: 4px;
    padding-inline-end: 4px;
  }

  .q-lcUljm {
    transition: opacity .2s ease-out, max-width .3s ease-out, max-height .3s ease-out, padding .3s ease-out;
  }

  .q-jRdRoc {
    grid-template-areas: "textarea multimodal submit";
  }

  .q-kZNnXC {
    transition: opacity .3s;
  }

  .q-dFtUMy {
    grid-template-areas: "textarea textarea textarea"
                         "buttons multimodal submit";
  }

  .q-cVrjzT {
    gap: 3px;
  }

  .q-dNXXNK {
    padding-block-start: 16px;
    padding-block-end: 16px;
    padding-block: var(--q-jugHdA);
  }

  .q-eXOTdQ {
    transition: height 60ms ease-out;
  }

  .q-fPsRvL {
    transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
  }

  .q-fwIqOQ {
    border-radius: 12px;
    border-radius: var(--q-kLOfAE);
  }

  .q-jIKoDR {
    outline: 1px solid #e6e9ec;
    outline: 1px solid var(--q-gjomaU);
  }

  .q-gBjSqI {
    text-decoration: none;
  }

  .q-bcJuhE {
    border-radius: 16px;
  }

  .q-QScQH {
    border-radius: 16px 16px 16px 4px;
  }

  .q-dbPFbD {
    transition: opacity .2s;
  }

  .q-gcmmTF {
    transition: opacity .3s ease-out;
  }

  .q-fVtACe {
    transition: box-shadow .2s, transform .2s;
  }

  .q-kTXiKd {
    transition: opacity .2s, box-shadow .2s, transform .2s;
  }

  .q-hCgpec {
    padding-block-start: 12px;
    padding-block-end: 12px;
    padding-block: var(--q-cXTyBO);
  }

  .q-brKOqO {
    overscroll-behavior: contain;
  }

  .q-jhxfhy {
    border-radius: 999px;
  }

  .q-gNPhbY {
    transition: background .2s;
  }

  .q-iwLokb {
    border-radius: 40px;
  }

  .q-gneaBe {
    border-right: 1px solid;
  }

  .q-cpVal {
    border-left: 1px solid;
  }

  .q-ivmhgF {
    transition: height .1s ease-out;
  }

  .q-hgJIFE {
    display: none;
  }

  .q-kdNbGf {
    position: fixed;
  }

  .q-cERSkX {
    pointer-events: none;
  }

  .q-lhPceK {
    position: absolute;
  }

  .q-cWmSke {
    background-color: #0070d2;
    background-color: var(--q-bebYds);
  }

  .q-lfpMyK {
    color: var(--q-hjHZCf);
  }

  .q-cNoxFo {
    font-size: 14px;
  }

  .q-dwdkUT {
    font-weight: 700;
    font-weight: var(--q-euuKBT);
  }

  .q-bDwbQk {
    box-shadow: 0 2px 16px #0000002e, 0 1.5px 4px #0000001a;
  }

  .q-emPzDJ {
    position: relative;
  }

  .q-HgOzd {
    display: flex;
  }

  .q-fAtomh {
    align-items: center;
  }

  .q-bsGhWR {
    justify-content: center;
  }

  .q-exIGLf {
    -o-object-fit: contain;
    object-fit: contain;
  }

  .q-bSTPIv {
    box-shadow: 0 8px 32px #0000004d;
  }

  .q-bZRhvx {
    cursor: pointer;
  }

  .q-dhntWC {
    color: var(--q-ckoJkw);
  }

  .q-lkggGH {
    box-shadow: 0 2px 8px #00000026;
  }

  .q-jIcxnj {
    background-color: #00000080;
  }

  .q-etrFoz {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
  }

  .q-ixvSSg {
    box-sizing: border-box;
  }

  .q-dBwzdG {
    text-align: center;
  }

  .q-djLAIv {
    color: var(--q-ekJvRZ);
  }

  .q-dHysUu {
    font-size: 14px;
  }

  .q-cPKORY {
    line-height: 22px;
  }

  .q-bhTTzp {
    flex-direction: column;
  }

  .q-gIUsbX {
    justify-content: flex-end;
  }

  .q-hSFEnt {
    animation-delay: 0s;
  }

  .q-iNlzYL {
    animation-delay: .15s;
  }

  .q-dtFbXg {
    animation-delay: .3s;
  }

  .q-jpoaqy {
    animation-delay: .45s;
  }

  .q-dMlcBZ {
    animation-delay: .6s;
  }

  .q-fsmgst {
    animation-delay: .75s;
  }

  .q-ePfIFi {
    z-index: 9998;
  }

  .q-kwYyBP {
    background-color: #fff;
  }

  .q-eZsNUh {
    box-shadow: 0 20px 60px #0000004d;
  }

  .q-fievYA {
    color: #00000059;
  }

  .q-bUgQOK {
    z-index: 1;
  }

  .q-eeujEh {
    color: var(--q-bebYds);
  }

  .q-ZtaKI {
    font-family: Inter, sans-serif;
    font-family: var(--q-kDqfPe);
  }

  .q-faSCdU {
    color: var(--q-iauKka);
  }

  .q-FTnwh {
    flex-direction: row;
  }

  .q-jBXgdQ {
    align-items: flex-start;
  }

  .q-cphmAb {
    font-size: 22px;
  }

  .q-RekBi {
    line-height: 28px;
  }

  .q-czIoRp {
    font-size: 13px;
  }

  .q-fTlJRj {
    flex-shrink: 0;
  }

  .q-hNVlZb {
    background-color: #f3f4f6;
    background-color: var(--q-lkJjrl);
  }

  .q-kyNDAr {
    align-self: stretch;
  }

  .q-koRDJh {
    background-color: #0000000a;
  }

  .q-ggMTZI {
    font-size: 16px;
  }

  .q-csDGdB {
    font-weight: 600;
    font-weight: var(--q-gNXbEt);
  }

  .q-bTQRXe {
    line-height: 24px;
  }

  .q-fDdFgb {
    font-size: 11px;
  }

  .q-cPyXJe {
    text-transform: uppercase;
  }

  .q-kMwfDz {
    letter-spacing: .5px;
  }

  .q-jnmhsY {
    font-size: 12px;
  }

  .q-gPqkIS {
    background-color: #22c55e0f;
  }

  .q-hmDQDG {
    color: #22c55e;
  }

  .q-cwErML {
    font-size: 15px;
  }

  .q-jTdBse {
    background-color: #0006;
  }

  .q-eladwn {
    z-index: 9999;
  }

  .q-bIEoVg {
    background-color: #fffc;
  }

  .q-jwONey {
    display: grid;
  }

  .q-dyWcRi {
    transform: translateX(-50%);
  }

  .q-eVAys {
    grid-template-columns: 1fr;
  }

  .q-jxJjqe {
    grid-template-rows: auto auto;
  }

  .q-DqbOl {
    grid-template-rows: auto 8px auto 8px auto 8px auto;
  }

  .q-dMJJJ {
    grid-template-rows: auto 24px 1fr 8px auto 8px auto;
  }

  .q-VAvoP {
    grid-template-columns: 141px 1fr;
  }

  .q-iiiSFK {
    grid-template-rows: auto 24px auto 0 1fr 8px auto 8px auto;
  }

  .q-bPipca {
    grid-template-columns: auto;
  }

  .q-bnDFZi {
    grid-template-rows: auto auto auto auto;
  }

  .q-dFarMO {
    justify-items: end;
  }

  .q-joamRE {
    box-shadow: 0 0 24px #0000001f;
  }

  .q-kBTqPG {
    background-color: #fff;
    background-color: var(--q-bBMxfH);
  }

  .q-jqDvZi {
    box-shadow: 0 -20px 20px -20px #0000001f, 0 20px 20px -20px #0000001f, -20px 0 20px -20px #0000001f, 20px 0 20px -20px #0000001f;
    box-shadow: var(--q-kYbBCn);
  }

  .q-iErJIp {
    background-color: #fafafa;
    background-color: var(--q-hjHZCf);
  }

  .q-dStxMA {
    z-index: 1;
  }

  .q-bCWfUt {
    color: var(--q-egIHDL);
  }

  .q-hLsNni {
    pointer-events: auto;
  }

  .q-cbkwRf {
    white-space: nowrap;
  }

  .q-crAiEB {
    flex-shrink: 0;
  }

  .q-kiUmed {
    font-weight: 400;
    font-weight: var(--q-eKMXDR);
  }

  .q-yxPBP {
    opacity: 0;
  }

  .q-jESRIe {
    color: #8a9394;
  }

  .q-jYjvxW {
    line-height: 1.5;
  }

  .q-bHkfIS {
    z-index: 10000;
  }

  .q-hwFfWv {
    background-color: #000000d9;
  }

  .q-kABkKw {
    font-size: 18px;
  }

  .q-iAUxta {
    line-height: 26px;
  }

  .q-cGLFIm {
    color: inherit;
  }

  .q-kkvltl {
    color: var(--q-bBMxfH);
  }

  .q-bSZyFh {
    justify-content: space-between;
  }

  .q-gSKfEb {
    align-self: end;
  }

  .q-iAFgHi {
    text-align: left;
  }

  .q-lixkGg {
    background-color: #0000;
    background-color: var(--q-cWcXnW);
  }

  .q-iCfjvi {
    flex-grow: 1;
  }

  .q-eIsAcC {
    -webkit-user-select: none;
    user-select: none;
  }

  .q-dVNlOy {
    color: var(--q-cFCrNU);
  }

  .q-fGUIkb {
    line-height: 16px;
  }

  .q-frJqtw {
    opacity: 1;
  }

  .q-iRYRmW {
    transform: translateY(0);
  }

  .q-bgTIyZ {
    opacity: 0;
  }

  .q-kPPFOe {
    transform: translateY(4px);
  }

  .q-krAvjf {
    display: block;
  }

  .q-hfWzYZ {
    background-color: #0070d2;
    background-color: var(--q-cPIFpU);
  }

  .q-cxOzOO {
    transform: translateY(8px);
  }

  .q-gasSYy {
    flex-wrap: wrap;
  }

  .q-hxBzcr {
    align-items: flex-end;
  }

  .q-kTBjet {
    align-items: stretch;
  }

  .q-dhXGJM {
    resize: none;
  }

  .q-hYhvQY {
    box-shadow: none;
    box-shadow: var(--q-jLtLHp);
  }

  .q-elDxFQ {
    background-color: #fafafa;
  }

  .q-gRxIgu {
    box-shadow: 0 1px 3px #0000000f;
  }

  .q-gRlgs {
    word-break: break-word;
  }

  .q-ihFhqe {
    -o-object-fit: cover;
    object-fit: cover;
  }

  .q-cjGoJE {
    display: contents;
  }

  .q-dHAYYF {
    line-height: 18px;
  }

  .q-iMbnoH {
    font-style: italic;
  }

  .q-kTUtoH {
    opacity: .2;
  }

  .q-dIvrjz {
    font-weight: 500;
    font-weight: var(--q-cmWGCb);
  }

  .q-fDRkiS {
    line-height: 20px;
  }

  .q-cOEFXT {
    transform: rotate(180deg);
  }

  .q-cfsavV {
    display: inline-flex;
  }

  .q-iteyqJ {
    text-overflow: ellipsis;
  }

  .q-hBOzJB {
    color: #e4251b;
  }

  .q-eJFCxu {
    font-style: normal;
  }

  .q-hpjZip {
    background-color: #ff855826;
  }

  .q-hPFOUb {
    color: #d97706;
  }

  .q-dlZMkq {
    color: #92400e;
  }

  .q-cTNXeo {
    outline-offset: -1px;
  }

  .q-gNXGnK {
    font-size: 10px;
  }

  .q-imhfhr {
    line-height: 1.2;
  }

  .q-dBKovh {
    letter-spacing: .5px;
  }

  .q-kKkUsu {
    color: var(--q-bqFieo);
  }

  .q-cRfRrN {
    font-size: 20px;
  }

  .q-beqyzC {
    letter-spacing: -.12px;
  }

  .q-gSocBO {
    grid-template-columns: repeat(3, 1fr);
  }

  .q-kmCQbH {
    grid-template-rows: repeat(4, auto);
  }

  .q-htoCaJ {
    grid-template-columns: repeat(4, 1fr);
  }

  .q-bHKCjE {
    grid-template-rows: repeat(3, auto);
  }

  .q-lcrjHO {
    box-shadow: 0 1px 3px #0000000f;
  }

  .q-bUCCKi {
    letter-spacing: .06px;
  }

  .q-ecnXzs {
    visibility: hidden;
  }

  .q-bhwsgT {
    font-size: 48px;
  }

  .q-bEipuT {
    line-height: 56px;
  }

  .q-gSxJLz {
    display: inline-block;
  }

  .q-jbjBoV {
    line-height: 1;
  }

  .q-gCZBw {
    box-shadow: 0_8px_24px_rgba(0, 0, 0, .15);
  }

  .q-efaWtK {
    font-size: 18px;
  }

  .q-cSvpSG {
    grid-template-columns: repeat(7, 1fr);
  }

  .q-fkxzGm {
    opacity: .25;
  }

  .q-ihmQoU {
    color: #fff;
  }

  .q-XXeOq {
    cursor: not-allowed;
  }

  .q-iZstbk {
    opacity: .3;
  }

  .q-dPeZHb {
    box-shadow: 0_8px_24px_rgba(0, 0, 0, .12);
  }

  .q-jDxPvR {
    background-color: #00000014;
  }

  .q-bxTFQr {
    box-shadow: #00000014_0px_2px_8px, #0000000f_0px_1px_2px;
  }

  .q-iMpUAQ {
    z-index: 1000;
  }

  .q-fYhppU {
    opacity: .7;
  }

  .q-bKSjjj {
    color: #152229;
  }

  .q-iQgphV {
    box-shadow: 0 0 0 1px #e6e9ec80, 0 3px 4px #2342480a, 0 0 16px #0000000a;
  }

  .q-fVaBRp {
    transform: translate(-50%, 100%);
  }

  .q-ebDGhp {
    position: static;
  }

  .q-hWiOcQ {
    z-index: 10;
  }

  .q-gsayum {
    transform: none;
  }

  .q-bsrLOC {
    font-size: 12px;
  }

  .q-eQrPno {
    transform: translateX(-50%);
  }

  .q-iPqvLa {
    z-index: 10;
  }

  .q-bBHOHJ {
    font-weight: 500;
  }

  .q-afFys {
    color: #fff;
  }

  .q-beWopk {
    font-weight: 400;
  }

  .q-hmzwDZ {
    color: var(--q-ggIFHr);
  }

  .q-ktgOzn {
    line-height: 18px;
  }

  .q-jcawCb {
    z-index: 20;
  }

  .q-bEziEG {
    z-index: $ auto;
  }

  .q-hqYuUz {
    clip-path: circle(49%);
  }

  .q-hrztnM {
    mix-blend-mode: hue;
  }

  .q-bwUeKb {
    opacity: .95;
  }

  .q-eDIrye {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  .q-iuujBP {
    line-height: normal;
  }

  .q-kKvlAp {
    text-align: start;
  }

  .q-fMSoJ {
    filter: blur(10px);
  }

  .q-kGHEMe {
    align-self: flex-start;
  }

  .q-iMVOnP {
    align-self: center;
  }

  .q-hwVUqZ {
    align-self: flex-end;
  }

  .q-fCZSls {
    font-size: 10px;
  }

  .q-dssikL {
    line-height: 14px;
  }

  .q-jcVpEa {
    line-height: 22px;
  }

  .q-iWUtic {
    flex-shrink: 1;
  }

  .q-krbBcV {
    white-space: normal;
  }

  .q-chmhDV {
    overflow-wrap: break-word;
  }

  .q-iqcjKv {
    word-break: break-all;
  }

  .q-iqQCuu {
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  .q-GbVbP {
    font-size: 13px;
  }

  .q-jfuZgm {
    flex-shrink: 1;
  }

  .q-jUyYOs {
    grid-template-columns: 1fr auto auto;
  }

  .q-blaQvX {
    background-color: #f2f2f2;
  }

  .q-gDipCP {
    background-color: #717878;
    background-color: var(--q-iauKka);
  }

  .q-hMnCBO {
    transform-origin: center;
  }

  .q-itZUBt {
    line-height: 16px;
  }

  .q-bqtdom {
    z-index: 1000;
  }

  .q-iWaMMt {
    line-height: 12px;
  }

  .q-ieKujt {
    background-color: #fff;
  }

  .q-iGrKAe {
    box-shadow: 0 0 8px #00000026;
  }

  .q-gUZxNP {
    transform: translateY(-50%);
  }

  .q-irceTR {
    transform: translateX(-12px);
  }

  .q-gAheqC {
    transform: translateX(calc(12px - 100%));
  }

  .q-fkisIM {
    transform: translateY(-12px);
  }

  .q-hduapX {
    transform: translateY(calc(12px - 100%));
  }

  .q-idbnDx {
    animation-delay: .2s;
  }

  .q-iEXKT {
    animation-delay: .4s;
  }

  .q-gpAsSF {
    transform: translate(50%, -50%);
  }

  .q-LFsdG {
    display: inline-grid;
  }

  .q-jALbgI {
    justify-content: flex-start;
  }

  .q-fLVKVB {
    scrollbar-width: none;
  }

  .q-gCrdq {
    position: sticky;
  }

  .q-ffuBIj {
    transform: rotate(90deg);
  }

  .q-dHyYki {
    color: #6e7879;
  }

  .q-fTiVqs {
    line-height: 28px;
  }

  .q-gZNrWN {
    color: #011c42;
  }

  .q-ibpxHs {
    top: 18px;
  }

  .q-fakuOg {
    left: 18px;
  }

  .q-cMmsZY {
    width: 100%;
  }

  .q-cJSXGN {
    height: 100%;
  }

  .q-cCoqvZ {
    max-width: 100%;
  }

  .q-qJiCD {
    max-height: 90vh;
  }

  .q-jIOuoM {
    top: 32px;
  }

  .q-YGqiv {
    right: 32px;
  }

  .q-bdbnCZ {
    width: 32px;
  }

  .q-jBIUfM {
    height: 32px;
  }

  .q-eBxCaR {
    padding-bottom: 10%;
  }

  .q-gUEIWT {
    max-height: min(700px, 100vh);
  }

  .q-WUSvz {
    overflow-y: auto;
  }

  .q-cZMYnJ {
    top: 8px;
  }

  .q-isqpIu {
    right: 8px;
  }

  .q-LacvD {
    width: min(947px, 96vw);
  }

  .q-jnxtPb {
    width: min(860px, 96vw);
  }

  .q-bqULFo {
    width: min(320px, 96vw);
  }

  .q-ZkFLf {
    min-height: 500px;
  }

  .q-kEYYWB {
    padding-top: 8px;
  }

  .q-dCCdlb {
    min-width: 0;
  }

  .q-dTqDhh {
    width: 1px;
  }

  .q-dCdjRu {
    border-bottom-width: 1px;
  }

  .q-EcxBh {
    border-bottom-style: solid;
  }

  .q-beYngx {
    border-bottom-color: #00000014;
  }

  .q-gWczhj {
    border-top-left-radius: 8px;
  }

  .q-bhNLLQ {
    border-top-right-radius: 8px;
  }

  .q-fjdSSM {
    width: 40px;
  }

  .q-kFRoBZ {
    height: 40px;
  }

  .q-jxXjoY {
    border-top-color: #0009;
  }

  .q-jxousF {
    left: 50%;
  }

  .q-idcPkA {
    bottom: 16px;
    bottom: calc(16px + var(--qualified-offer-footer-height, 0px)  + var(--q-floating-multimodal-offset, 0px));
  }

  .q-ebweQl {
    bottom: 24px;
    bottom: calc(24px + var(--qualified-offer-footer-height, 0px)  + var(--q-floating-multimodal-offset, 0px));
  }

  .q-iTbyqs {
    right: 24px;
  }

  .q-bMiQWA {
    margin-left: 24px;
  }

  .q-kDgiVj {
    bottom: 16px;
    bottom: calc(16px + var(--qualified-offer-footer-height, 0px));
  }

  .q-kWRYud {
    right: 16px;
  }

  .q-hhUQIJ {
    bottom: 0;
  }

  .q-bvGCOo {
    right: 0;
    right: calc(-1 * var(--q-docked-viewport-offset, 0px));
  }

  .q-cMdQTI {
    width: 602px;
  }

  .q-cLvDag {
    max-height: calc(100% - 100px);
  }

  .q-fTkKnl {
    width: 296px;
  }

  .q-eUtKmv {
    height: calc(100% - 32px);
    height: calc(100% - var(--qualified-offer-footer-height, 0px)  - var(--qualified-offer-header-height, 0px)  - 32px);
  }

  .q-hWVqr {
    width: 425px;
  }

  .q-GWbrI {
    width: 400px;
  }

  .q-fQHaER {
    width: 320px;
  }

  .q-fpJCGi {
    height: 56px;
  }

  .q-jjnWIV {
    width: auto;
    width: var(--q-hRurAk);
  }

  .q-bkxEih {
    height: 48px;
  }

  .q-iWjbPW {
    width: 24px;
  }

  .q-bVwZfv {
    height: 20px;
  }

  .q-dCCnLF {
    max-width: 0;
  }

  .q-bjtMNI {
    width: 100dvw;
  }

  .q-gBEOnN {
    margin-bottom: 12px;
    margin-bottom: var(--q-cXTyBO);
  }

  .q-cDbPPn {
    width: 12px;
  }

  .q-cCVwAG {
    height: 12px;
  }

  .q-haDnEt {
    width: 18px;
  }

  .q-elXbAQ {
    height: 18px;
  }

  .q-ffpoq {
    margin-top: 8px;
    margin-top: var(--q-cSaSxh);
  }

  .q-ezxprt {
    width: 14px;
  }

  .q-kEYwDk {
    height: 14px;
  }

  .q-jKTDAn {
    min-width: 0;
  }

  .q-bgwakN {
    margin-top: 12px;
    margin-top: var(--q-cXTyBO);
  }

  .q-bRAyXZ {
    padding-bottom: none;
    padding-bottom: var(--q-buRIyh);
  }

  .q-bFzCgS {
    padding-bottom: 12px;
    padding-bottom: var(--q-cXTyBO);
  }

  .q-croAac {
    padding-top: 16px;
    padding-top: var(--q-jugHdA);
  }

  .q-iEedud {
    width: 100px;
  }

  .q-bdVvVE {
    height: 100px;
  }

  .q-dbVQsV {
    width: 50px;
  }

  .q-hSkqxI {
    height: 50px;
  }

  .q-gwWaWG {
    width: 200px;
  }

  .q-jFMeSj {
    height: 200px;
  }

  .q-eOlZWp {
    min-height: 560px;
  }

  .q-fcHPXN {
    padding-right: 56px;
  }

  .q-fEQbKd {
    margin-right: 40px;
  }

  .q-rBwoq {
    min-height: 40px;
  }

  .q-jdomqF {
    max-width: 150px;
  }

  .q-hzJszs {
    min-width: 120px;
  }

  .q-hUJzAo {
    padding-top: 9px;
    padding-top: var(--q-hIIDSc);
  }

  .q-kOuUbv {
    padding-right: 16px;
    padding-right: var(--q-jugHdA);
  }

  .q-lcxkAz {
    padding-bottom: 10px;
    padding-bottom: var(--q-ekAQPT);
  }

  .q-kAHJqc {
    padding-left: 16px;
    padding-left: var(--q-jugHdA);
  }

  .q-hvMnhr {
    height: 60px;
  }

  .q-hJERpE {
    max-width: 320px;
  }

  .q-kiAtmT {
    height: 24px;
  }

  .q-dIAuWy {
    top: calc(100%4px);
  }

  .q-bIkCPd {
    left: 0;
  }

  .q-dEycHq {
    width: 240px;
  }

  .q-dYNBWa {
    margin-bottom: 8px;
  }

  .q-hTqEa {
    width: 28px;
  }

  .q-dPyYkz {
    height: 28px;
  }

  .q-hbQnZq {
    margin-bottom: 4px;
  }

  .q-jUKCJv {
    width: 30px;
  }

  .q-hCiMDe {
    height: 30px;
  }

  .q-jzgZdl {
    padding-top: 8px;
    padding-top: var(--q-cSaSxh);
  }

  .q-ghrIIl {
    padding-bottom: 8px;
    padding-bottom: var(--q-cSaSxh);
  }

  .q-gJDOsO {
    padding-left: 12px;
    padding-left: var(--q-cXTyBO);
  }

  .q-krZbxp {
    padding-right: 12px;
    padding-right: var(--q-cXTyBO);
  }

  .q-ggUJIz {
    max-width: 280px;
  }

  .q-ieJSQv {
    max-width: 170px;
  }

  .q-iMBmJK {
    min-width: 360px;
  }

  .q-frxnuf {
    min-width: 220px;
  }

  .q-fUHstk {
    border-bottom-width: 1px;
  }

  .q-dGRXWD {
    border-bottom-color: #f3f4f6;
    border-bottom-color: var(--q-lkJjrl);
  }

  .q-cuGRQO {
    max-height: 200px;
  }

  .q-bnncBC {
    top: 16px;
  }

  .q-flLKem {
    height: -moz-fit-content;
    height: fit-content;
  }

  .q-kJvXpK {
    padding-top: 12px;
    padding-top: var(--q-cXTyBO);
  }

  .q-gDyjHa {
    padding-right: 48px;
  }

  .q-fxUxVI {
    margin-right: -8px;
    margin-right: calc(var(--q-cSaSxh) * -1);
  }

  .q-bzCDSL {
    width: -moz-fit-content;
    width: fit-content;
  }

  .q-hcSvzO {
    height: auto;
  }

  .q-jJlZBc {
    max-height: 100%;
  }

  .q-hHtZsd {
    margin-left: auto;
  }

  .q-gTJPwy {
    margin-right: auto;
  }

  .q-kRYDOQ {
    bottom: 16px;
    bottom: var(--q-jugHdA);
  }

  .q-gyEuWq {
    bottom: -40px;
    bottom: calc(var(--q-kfmNLn) * -1);
  }

  .q-eUhHZU {
    bottom: 10px;
  }

  .q-hjjYRs {
    height: auto;
    height: var(--q-hRurAk);
  }

  .q-disQNT {
    max-width: 200px;
  }

  .q-fTlAXt {
    top: 0;
  }

  .q-bfHUwp {
    margin-top: -24px;
  }

  .q-cCsCOB {
    width: 1.5ch;
  }

  .q-fTedWd {
    margin-right: 8px;
    margin-right: var(--q-cSaSxh);
  }

  .q-zlqGq {
    width: 20px;
  }

  .q-cZKcfJ {
    margin-right: none;
    margin-right: var(--q-buRIyh);
  }

  .q-bqRscO {
    min-width: 14px;
  }

  .q-eSGONN {
    min-width: 24px;
  }

  .q-sLNZO {
    min-width: 32px;
  }

  .q-ehZvLk {
    max-width: 500px;
  }

  .q-jKTNRp {
    max-width: 0;
  }

  .q-dKYjRw {
    max-height: 0;
  }

  .q-idoBFn {
    height: 46px;
  }

  .q-giUnaX {
    width: 3px;
  }

  .q-kPYQIe {
    height: 16px;
  }

  .q-iLEMUS {
    width: 6px;
  }

  .q-gHtDVH {
    height: 6px;
  }

  .q-gdQOxF {
    min-height: 16px;
  }

  .q-inabZ {
    bottom: 100%;
  }

  .q-dPcHWU {
    margin-bottom: 6px;
  }

  .q-hzEDrF {
    top: 100%;
  }

  .q-iLVEUc {
    margin-top: 6px;
  }

  .q-cQHvgG {
    right: 100%;
  }

  .q-bIeIPd {
    top: 50%;
  }

  .q-gDmTT {
    margin-right: 6px;
  }

  .q-kaInOJ {
    left: 100%;
  }

  .q-cjgelo {
    margin-left: 6px;
  }

  .q-gAfzsN {
    height: 150px;
  }

  .q-gOyBGf {
    width: auto;
  }

  .q-dMCyIM {
    height: 72px;
  }

  .q-heGapn {
    line-clamp: 3;
  }

  .q-jAZdtG {
    right: 0;
  }

  .q-eLvjKL {
    width: 160px;
  }

  .q-hiWVRn {
    margin-left: auto;
    margin-left: var(--q-hRurAk);
  }

  .q-dRMtzR {
    max-width: 90%;
  }

  .q-ibdTJJ {
    border-top-left-radius: 4px;
  }

  .q-dxbJmu {
    min-height: 0;
  }

  .q-brCYap {
    bottom: 4px;
  }

  .q-lcrDfS {
    border-right-color: #e6e9ec;
    border-right-color: var(--q-gjomaU);
  }

  .q-QHlUZ {
    border-left-color: #e6e9ec;
    border-left-color: var(--q-gjomaU);
  }

  .q-iqUUuX {
    max-height: 120px;
  }

  .q-duLdZs > [part="controls"] {
    padding: 16px;
  }

  .q-bjMAu > [part="controls"] {
    margin: -16px;
  }

  .q-jptZTT > [part="input"] {
    grid-area: chat / input;
  }

  .q-hyJhUB > [part="multimodal"] {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .q-dfzoBv > [part="multimodal"] {
    padding: 24px;
    padding: var(--q-dJxTxD);
  }

  .q-hNZErM [data-animated-element] {
    animation: ease-out forwards q-fadeIn;
  }

  .q-bSHXRq:after {
    animation: 1.5s steps(3, end) infinite q-dotsEllipsis;
  }

  .q-kzqtcq:disabled {
    background: #e6e9ec;
  }

  .q-bAKUUH > * {
    grid-area: 1 / 1;
  }

  .q-fwKuBd > [part="chat"] {
    overflow: auto;
  }

  .q-gqLvmA > [part="privacy"]:not([data-hidden="true"]) {
    padding-block-start: 4px;
    padding-block-end: 4px;
    padding-block: var(--q-kCMLyw);
  }

  .q-hlStzl > [part="privacy"]:not([data-hidden="true"]) {
    border-top: 1px solid #eef0f2;
  }

  .q-ghdSZU a {
    text-decoration: underline;
  }

  .q-dPNMlK ol, .q-dPNMlK ul {
    padding-block-start: 8px;
    padding-block-end: 8px;
    padding-block: var(--q-cSaSxh);
  }

  .q-gmpuBI a span[data-animated-word] {
    text-decoration: underline;
  }

  .q-jxFbql:after {
    border-radius: 50%;
  }

  .q-kpJjrW:disabled {
    border-color: #0000;
    border-color: var(--q-cWcXnW);
  }

  .q-hOnpDu [part] {
    pointer-events: auto;
  }

  .q-hyJTOg > [part="preview"] {
    position: absolute;
  }

  .q-dhrexN > [part="preview"] {
    transform: translateY(-100%);
  }

  .q-gUrqZe > [part="preview"] {
    z-index: 1;
  }

  .q-didziF > [part="controls"] {
    opacity: 0;
  }

  .q-hBzyDe > [part="controls"] {
    position: absolute;
  }

  .q-dSHswM > [part="controls"] {
    z-index: 1;
  }

  .q-jgRxRZ > [part="multimodal"] {
    position: fixed;
  }

  .q-kUGvBr > [part="multimodal"] {
    display: flex;
  }

  .q-gGvimT > [part="multimodal"] {
    align-items: center;
  }

  .q-cRnYdv > [part="multimodal"] {
    justify-content: center;
  }

  .q-eVUvEB > [part="artifact"], .q-xwcMZ > [part="input"] {
    position: fixed;
  }

  .q-ecCJhG > [part="input"] {
    transform: translate(-50%, -50%);
  }

  .q-eaixlZ > [part="input"] {
    z-index: 2;
  }

  .q-kFprQL > [part="privacy"]:not([data-hidden="true"]) {
    background-color: #fafafa;
    background-color: var(--q-hjHZCf);
  }

  .q-bLUIsr a {
    color: var(--q-ekJvRZ);
  }

  .q-esTYqR a {
    text-decoration-skip-ink: none;
  }

  .q-jdIpae a {
    text-underline-position: from-font;
  }

  .q-imkgip a {
    cursor: pointer;
  }

  .q-bVAGZG p {
    display: inline;
  }

  .q-bEFJjx:disabled {
    opacity: .6;
  }

  .q-ieedSa:disabled {
    cursor: not-allowed;
  }

  .q-bKAycW:disabled {
    background-color: #e6e9ec;
  }

  .q-dSmmtW:disabled {
    color: #8a9394;
  }

  .q-jmuAYA:disabled {
    opacity: 1;
  }

  .q-fvjCWN button {
    flex-shrink: 1;
  }

  .q-iNTKkS button {
    white-space: normal;
  }

  .q-gLvRqF button {
    text-align: left;
  }

  .q-izPMgH button {
    justify-content: flex-start;
  }

  .q-kUyMXl button {
    text-align: center;
  }

  .q-eiqXxS button {
    justify-content: center;
  }

  .q-gBSvYB::placeholder {
    color: var(--q-iauKka);
  }

  .q-cUcZrh > [data-chat-controls] {
    opacity: 0;
  }

  .q-kCbQnD > [data-chat-controls] {
    pointer-events: none;
  }

  .q-oCHSB b, .q-oCHSB strong {
    font-weight: 700;
    font-weight: var(--q-euuKBT);
  }

  .q-gkkGDh a {
    color: var(--q-bebYds);
  }

  .q-WOvre a {
    font-size: 14px;
  }

  .q-dnQqcB a {
    font-weight: inherit;
  }

  .q-eUKSTg a {
    line-height: 22px;
  }

  .q-juBXjD [data-animated-element] {
    opacity: 0;
  }

  .q-lphSFG [data-animated-element] {
    animation-duration: var(--animation-duration);
  }

  .q-foVxs [data-animated-element] {
    animation-delay: var(--accumulated-delay);
  }

  .q-hBqliP span[data-animated-word] {
    position: relative;
  }

  .q-gUrcSt span[data-animated-word] {
    display: inline-block;
  }

  .q-dDFSqK span[data-animated-word] {
    white-space: pre-wrap;
  }

  .q-eUzymV a span[data-animated-word] {
    color: var(--q-bebYds);
  }

  .q-dtWQIu a span[data-animated-word] {
    font-size: 14px;
  }

  .q-kjLDKx a span[data-animated-word] {
    font-weight: inherit;
  }

  .q-cUHlkg a span[data-animated-word] {
    line-height: 22px;
  }

  .q-cOHntp b span[data-animated-word], .q-cOHntp strong span[data-animated-word] {
    font-weight: 700;
    font-weight: var(--q-euuKBT);
  }

  .q-byXldn span[data-animated-word]:after {
    content: "";
  }

  .q-iiIBSE span[data-animated-word]:after {
    position: absolute;
  }

  .q-hYnIka span[data-animated-word]:after {
    z-index: 1;
  }

  .q-kwkRGD span[data-animated-word]:after {
    background-color: #fafafa;
    background-color: var(--q-hjHZCf);
  }

  .q-cUfYwF span[data-animated-word]:after {
    animation-name: q-revealWord;
  }

  .q-gOAtSu span[data-animated-word]:after {
    animation-duration: var(--animation-duration);
  }

  .q-bcDUbr span[data-animated-word]:after {
    animation-timing-function: ease-out;
  }

  .q-ZhDCI span[data-animated-word]:after {
    animation-fill-mode: forwards;
  }

  .q-WzJtQ span[data-animated-word]:after {
    animation-delay: var(--accumulated-delay);
  }

  .q-bmiUdP span[data-animated-word]:after {
    transform-origin: 100%;
  }

  .q-kqnRrO span[data-animated-word]:after {
    transform: scaleX(1);
  }

  .q-cBnkDG::placeholder {
    color: var(--q-ekJvRZ);
  }

  .q-jrHUPK:disabled {
    opacity: .3;
  }

  .q-dMOWAL:after {
    content: "";
  }

  .q-iqwUak:after {
    position: absolute;
  }

  .q-cQsXMs:after {
    transform: translateX(-50%);
  }

  .q-cOeQqs:after {
    background-color: #0070d2;
    background-color: var(--q-bebYds);
  }

  .q-iDmqpO:after {
    display: none;
  }

  .q-caKjuB svg path {
    fill: #8a9394;
  }

  .q-eaXDFe video {
    -o-object-fit: cover;
    object-fit: cover;
  }

  .q-iDGLvp:after {
    content: ".";
  }

  .q-dwtsAZ[src]:not([src=""]) {
    opacity: 1;
  }

  .q-caloqa[src]:not([src=""]) {
    display: block;
  }

  .q-iMYyuB img {
    align-self: center;
  }

  .q-eAcOq:before {
    content: "";
  }

  .q-ivOKeN:before {
    position: absolute;
  }

  .q-jLOBue:before {
    background-color: #fff;
  }

  .q-hdwOLd:before {
    transform: translateX(-50%)rotate(45deg);
  }

  .q-hDMDWw:before {
    transform: translateY(-50%)rotate(45deg);
  }

  .q-ccVShE:before {
    transform: translateX(50%)rotate(45deg);
  }

  .q-kdZOJp:before {
    transform: translateY(50%)rotate(45deg);
  }

  .q-fuJFTK:disabled {
    opacity: .5;
  }

  .q-immBCY svg {
    width: 16px;
  }

  .q-fXlIMt svg {
    height: 16px;
  }

  .q-hwuSlu svg {
    width: 14px;
  }

  .q-jrfafL svg {
    height: 14px;
  }

  .q-jgbmWu svg {
    width: 32px;
  }

  .q-crTDwL svg {
    height: 32px;
  }

  .q-coQjWx > [part="preview"] {
    width: -moz-fit-content;
    width: fit-content;
  }

  .q-kxambF > [part="preview"] {
    top: -12px;
  }

  .q-inwbLb > [part="preview"] {
    left: 0;
  }

  .q-bQOCwE > [part="controls"] {
    top: -8px;
  }

  .q-fkilUv > [part="controls"] {
    right: -8px;
  }

  .q-dYHErv > [part="multimodal"] {
    max-height: 100px;
  }

  .q-gvLoH > [part="multimodal"] {
    max-height: 256px;
  }

  .q-fWgYbZ > [part="launcher"] {
    width: -moz-fit-content;
    width: fit-content;
  }

  .q-eRlixI > [part="preview"] {
    right: 0;
  }

  .q-gmupoC > [part="multimodal"] {
    width: 100%;
  }

  .q-byVplr > [part="multimodal"] {
    height: 100%;
  }

  .q-glzfcI > [part="multimodal"] {
    max-height: none;
  }

  .q-ceSlWG > [part="multimodal"] {
    width: calc(100% - var(--q-main-width)  - var(--q-main-horizontal-offset));
  }

  .q-cwzudv > [part="artifact"] {
    top: 0;
  }

  .q-bhsbpL > [part="artifact"] {
    left: 0;
  }

  .q-jlXrwW > [part="artifact"] {
    width: 100%;
  }

  .q-jVwPqr > [part="artifact"] {
    height: 100%;
  }

  .q-ghPAkK > [part="artifact"] {
    width: calc(100% - var(--q-main-width)  - var(--q-main-horizontal-offset));
  }

  .q-jtmMvf > [part="input"] {
    top: 50%;
  }

  .q-cKnczL > [part="input"] {
    left: 50%;
  }

  .q-bGTFth > [part="input"] {
    width: min(600px, 100% - 48px);
  }

  .q-gmkMGY > [part="input"] {
    max-height: min(700px, 100% - 48px);
  }

  .q-kbbRXC > [part="privacy"]:not([data-hidden="true"]) {
    border-bottom-right-radius: 8px;
  }

  .q-kyOKCl > [part="privacy"]:not([data-hidden="true"]) {
    border-bottom-left-radius: 8px;
  }

  .q-gZtqFk svg {
    width: 12px;
  }

  .q-iZogbB svg {
    height: 12px;
  }

  .q-ldjiHq button {
    max-width: 100%;
  }

  .q-kKulvR button {
    height: auto;
  }

  .q-hfUsQw button {
    min-height: 32px;
  }

  .q-kObCxQ p + p {
    margin-top: 8px;
    margin-top: var(--q-cSaSxh);
  }

  .q-BZeCD span[data-animated-word]:after {
    top: 0;
  }

  .q-dlcvYo span[data-animated-word]:after {
    right: 0;
  }

  .q-ibSQDf span[data-animated-word]:after {
    bottom: 0;
  }

  .q-jmnpXz span[data-animated-word]:after {
    left: 0;
  }

  .q-kaAfOM:after {
    bottom: 3px;
  }

  .q-cmmggb:after {
    left: 50%;
  }

  .q-fBWwhm:after {
    width: 4px;
  }

  .q-hWlvKb:after {
    height: 4px;
  }

  .q-irvwsX img {
    margin-right: 0;
  }

  .q-dyqkTf svg {
    max-width: 14px;
  }

  .q-bJkZoO svg {
    max-height: 14px;
  }

  .q-dPortl svg {
    width: 20px;
  }

  .q-hpZLgM svg {
    height: 20px;
  }

  .q-fchCqZ svg {
    width: 24px;
  }

  .q-enXnRE svg {
    height: 24px;
  }

  .q-jUqiRa [data-grid-area="multimodal"] {
    margin-left: 12px;
    margin-left: var(--q-cXTyBO);
  }

  .q-gUlzhl:before {
    width: 6px;
  }

  .q-gxariU:before {
    height: 6px;
  }

  .q-jjnDng:before {
    top: calc(100% - 3px);
  }

  .q-jdopba:before {
    left: 50%;
  }

  .q-eXfGxs:before {
    bottom: calc(100% - 3px);
  }

  .q-hmsuZU:before {
    left: calc(100% - 3px);
  }

  .q-eFyFpy:before {
    top: 50%;
  }

  .q-cvSvXT:before {
    right: calc(100% - 3px);
  }

  .q-dTYzIx:before {
    left: 12px;
  }

  .q-hVReJn:before {
    left: auto;
    left: var(--q-hRurAk);
  }

  .q-jEDtJi:before {
    right: 12px;
  }

  .q-dkLIht:before {
    top: 12px;
  }

  .q-gwfhJT:before {
    top: auto;
    top: var(--q-hRurAk);
  }

  .q-laHWHh:before {
    bottom: 12px;
  }

  .q-fAnuzF[data-is-own="true"] {
    margin-top: 8px;
    margin-top: var(--q-cSaSxh);
  }

  .q-exFvcy:first-child {
    margin-top: 16px;
    margin-top: var(--q-jugHdA);
  }

  .q-kBxciH:focus-within {
    border: 2px solid #0070d2;
    border: 2px solid var(--q-bebYds);
  }

  .q-cCrbX:focus-within {
    border: 2px solid #e4251b;
  }

  .q-kNwbYN:focus-within > [role="tooltip"], .q-kNwbYN:hover > [role="tooltip"] {
    opacity: 1;
  }

  .q-bJEIXR:focus-within > [role="tooltip"], .q-bJEIXR:hover > [role="tooltip"] {
    visibility: visible;
  }

  .q-dsMlsd:-webkit-any(:hover, :focus-visible):not(:disabled) {
    background: #ffffff26;
  }

  .q-dsMlsd:-moz-any(:hover, :focus-visible):not(:disabled) {
    background: #ffffff26;
  }

  .q-dsMlsd:is(:hover, :focus-visible):not(:disabled) {
    background: #ffffff26;
  }

  .q-cRajPc:-webkit-any(:hover, :focus-visible):not(:disabled) {
    background: #fff linear-gradient(#0070d2e6, #0070d2e6);
    background: linear-gradient(var(--q-bQGTFq), var(--q-bQGTFq)) var(--q-bBMxfH);
  }

  .q-cRajPc:-moz-any(:hover, :focus-visible):not(:disabled) {
    background: #fff linear-gradient(#0070d2e6, #0070d2e6);
    background: linear-gradient(var(--q-bQGTFq), var(--q-bQGTFq)) var(--q-bBMxfH);
  }

  .q-cRajPc:is(:hover, :focus-visible):not(:disabled) {
    background: #fff linear-gradient(#0070d2e6, #0070d2e6);
    background: linear-gradient(var(--q-bQGTFq), var(--q-bQGTFq)) var(--q-bBMxfH);
  }

  .q-lkjkPP:-webkit-any(:hover, :focus-visible):not(:disabled) {
    background: #e6e9ec;
  }

  .q-lkjkPP:-moz-any(:hover, :focus-visible):not(:disabled) {
    background: #e6e9ec;
  }

  .q-lkjkPP:is(:hover, :focus-visible):not(:disabled) {
    background: #e6e9ec;
  }

  .q-fRIQMO:focus-visible {
    outline: 2px solid #0070d2;
    outline: 2px solid var(--q-bebYds);
  }

  .q-TcECA:-webkit-any(:hover, :focus-visible) {
    border-color: #0000;
    border-color: var(--q-mcKdm);
  }

  .q-TcECA:-moz-any(:hover, :focus-visible) {
    border-color: #0000;
    border-color: var(--q-mcKdm);
  }

  .q-TcECA:is(:hover, :focus-visible) {
    border-color: #0000;
    border-color: var(--q-mcKdm);
  }

  .q-jnuALH:focus-visible {
    outline: 2px solid #0000;
    outline: 2px solid var(--q-mcKdm);
  }

  .q-bqmFwA:focus {
    border-color: #0070d2;
    border-color: var(--q-bebYds);
  }

  .q-lbUVHH:focus {
    outline: 2px solid #0070d2;
    outline: 2px solid var(--q-bebYds);
  }

  .q-hfbNiS:focus {
    outline: none;
  }

  .q-kmCwPp:focus {
    outline: 2px solid #0070d2;
    outline: 2px solid var(--q-bebYds);
  }

  .q-gxrRvu:-webkit-any(:hover, :focus-visible):not(:disabled) {
    border-color: #0000;
    border-color: var(--q-eBDiUw);
  }

  .q-gxrRvu:-moz-any(:hover, :focus-visible):not(:disabled) {
    border-color: #0000;
    border-color: var(--q-eBDiUw);
  }

  .q-gxrRvu:is(:hover, :focus-visible):not(:disabled) {
    border-color: #0000;
    border-color: var(--q-eBDiUw);
  }

  .q-hBXkBS:has(textarea:focus) {
    outline: 2px solid #0070d2;
    outline: 2px solid var(--q-bebYds);
  }

  .q-kzWbGN:has(textarea:focus) {
    outline: none;
  }

  .q-bJPGok:focus-visible {
    outline-offset: -2px;
  }

  .q-iENsWm:focus-visible {
    outline-offset: 1px;
  }

  .q-cbhpxL:-webkit-any(:hover, :focus-visible):not(:disabled) {
    opacity: .9;
  }

  .q-cbhpxL:-moz-any(:hover, :focus-visible):not(:disabled) {
    opacity: .9;
  }

  .q-cbhpxL:is(:hover, :focus-visible):not(:disabled) {
    opacity: .9;
  }

  .q-kdFBpR:focus {
    outline-offset: -2px;
  }

  .q-bHsNki:focus {
    color: var(--q-ckoJkw);
  }

  .q-iwqVgK:focus {
    background-color: #00000014;
  }

  .q-jAjJDn:focus {
    outline-offset: -2px;
  }

  .q-ciTwMG:-webkit-any(:hover, :focus-visible):not(:disabled) {
    color: var(--q-kHrcNZ);
  }

  .q-ciTwMG:-moz-any(:hover, :focus-visible):not(:disabled) {
    color: var(--q-kHrcNZ);
  }

  .q-ciTwMG:is(:hover, :focus-visible):not(:disabled) {
    color: var(--q-kHrcNZ);
  }

  .q-cNWypE:has(textarea:focus) {
    outline-offset: -2px;
  }

  .q-jeziJP:hover {
    background: #fff linear-gradient(#0070d2e6, #0070d2e6);
    background: linear-gradient(var(--q-bQGTFq), var(--q-bQGTFq)) var(--q-bBMxfH);
  }

  .q-hKPjHd:hover, .q-ixOhNh:hover:not(:disabled) {
    background: #0000000f;
  }

  .q-ghkcJi:hover {
    background: #0000000d;
  }

  .q-bYBhSv:hover {
    background: #eef0f2;
  }

  .q-cNknpS:hover {
    text-decoration: underline;
  }

  .q-dhPWyl:hover {
    border-color: #0000;
    border-color: var(--q-eBDiUw);
  }

  .q-PmNZx:hover {
    opacity: .8;
  }

  .q-cgIGEp:hover:not(:has([part="preview"]:hover)) > [part="controls"] {
    opacity: 1;
  }

  .q-fDNIZw > [part="controls"]:hover, .q-gpOUvU:hover > [part="controls"] {
    opacity: 1;
  }

  .q-iZRBqo:hover {
    transform: scale(1.08);
  }

  .q-hHIDeY:hover {
    box-shadow: 0 8px 16px #00000026;
  }

  .q-hGeQDx:hover {
    color: var(--q-kHrcNZ);
  }

  .q-MuFSQ:hover {
    color: var(--q-ckoJkw);
  }

  .q-QALoU:hover > [data-chat-controls] {
    opacity: 1;
  }

  .q-iEjsPe:hover > [data-chat-controls] {
    pointer-events: auto;
  }

  .q-dyhvpQ:hover {
    background-color: #00000014;
  }

  .q-ktniFc:hover:not(:disabled) {
    color: var(--q-ckoJkw);
  }

  .q-jDSlqA:hover {
    background-color: #0070d2;
    background-color: var(--q-bebYds);
  }

  .q-haCzPq:hover {
    background-color: #0000000d;
  }

  .q-fgNIIv:hover {
    box-shadow: 0 4px 12px #0000001a;
  }

  .q-dgxRto:hover {
    transform: translateY(-1px);
  }

  .q-fmkHLh:hover > [data-preview-close-button] {
    opacity: 1;
  }

  .q-jRwZDZ:hover {
    box-shadow: 0 4px 12px #0000001a;
  }

  .q-eSaIZD:hover {
    transform: translateY(-2px);
  }

  .q-dlSSNH:hover {
    cursor: pointer;
  }

  .q-bYvPCC:active {
    transform: scale(.98);
  }

  .q-kUSJQw a:hover {
    color: var(--q-ckoJkw);
  }

  @media (max-width: 768px) {
    .q-jeYZdB {
      --q-main-width: 425px;
    }

    .q-iZQrmR {
      --q-main-horizontal-offset: 16px;
    }

    .q-eKfoSm {
      padding: 12px;
      padding: var(--q-cXTyBO);
    }

    .q-cUZyMp {
      padding: 0;
    }

    .q-laagnN {
      padding: 8px;
      padding: var(--q-cSaSxh);
    }

    .q-cGWKKF {
      border-radius: 0;
    }

    .q-cjTjmd {
      padding-block-start: 8px;
      padding-block-end: 8px;
    }

    .q-czrQmi {
      padding-block-start: 12px;
      padding-block-end: 12px;
      padding-block: var(--q-cXTyBO);
    }

    .q-dWYdLC {
      box-shadow: none;
      box-shadow: var(--q-jLtLHp);
    }

    .q-ihkAGC {
      background-color: #0000;
      background-color: var(--q-cWcXnW);
    }

    .q-hbEBKf {
      padding-bottom: 0;
    }

    .q-ktmXMf {
      right: 12px;
    }

    .q-cddvmL {
      margin-left: 12px;
    }

    .q-fByvcp {
      bottom: 0;
      bottom: var(--qualified-offer-footer-height, 0px);
    }

    .q-kOmkxQ {
      right: 0;
    }

    .q-jPRzLl {
      width: calc(100% - 20px);
    }

    .q-aFYPr {
      max-width: 602px;
    }

    .q-dhZZDy {
      max-width: 296px;
    }

    .q-gSEKHa {
      width: 100%;
    }

    .q-bugGYt {
      height: 100%;
      height: calc(100% - var(--qualified-offer-footer-height, 0px)  - var(--qualified-offer-header-height, 0px));
    }

    .q-leCZkE {
      height: 50%;
      height: calc(50% - var(--qualified-offer-footer-height, 0px));
    }

    .q-hNlYrQ {
      padding-bottom: 12px;
      padding-bottom: var(--q-cXTyBO);
    }

    .q-fMmonj {
      height: 100%;
    }

    .q-ghMUOo {
      width: 24px;
    }

    .q-kDohnJ {
      height: 24px;
    }

    .q-hCslqD > [part="input"] {
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
    }

    .q-cAmJVr > [part="multimodal"], .q-kSIGpb > [part="multimodal"] {
      padding: 0;
    }

    .q-eWqjza > [part="input"] {
      padding-inline-start: 16px;
      padding-inline-end: 16px;
      padding-inline: var(--q-jugHdA);
    }

    .q-fPQNeB > [part="input"] {
      padding-block-start: 24px;
      padding-block-end: 24px;
      padding-block: var(--q-dJxTxD);
    }

    .q-cTOsRv > [part="input"] {
      position: fixed;
    }

    .q-jVozGK > [part="input"] {
      z-index: 1002;
    }

    .q-emrHBO > [part="input"] {
      background-color: #000c;
    }

    .q-cYpFrb > [part="multimodal"], .q-iCKjCU > [part="toolbar"] {
      position: fixed;
    }

    .q-fZsKxC > [part="toolbar"] {
      z-index: 1001;
    }

    .q-kxvSgE > [part="chat"], .q-kxvSgE > [part="input"], .q-kxvSgE > [part="privacy"] {
      display: none;
    }

    .q-biHpHu > [part="input"] {
      transform: none;
    }

    .q-hwTJUY video {
      -o-object-fit: cover;
      object-fit: cover;
    }

    .q-dUePhC :-webkit-any(textarea, input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], input[type="url"], input[type="search"], input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="color"]) {
      font-size: 16px;
    }

    .q-dUePhC :-moz-any(textarea, input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], input[type="url"], input[type="search"], input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="color"]) {
      font-size: 16px;
    }

    .q-dUePhC :is(textarea, input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], input[type="url"], input[type="search"], input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="color"]) {
      font-size: 16px;
    }

    .q-cOTUVO > [part="multimodal"] {
      max-height: 170px;
    }

    .q-cyROeY > [part="multimodal"] {
      max-width: 229px;
    }

    .q-egpNvw > [part="input"] {
      width: 100%;
    }

    .q-bhFNJh > [part="input"] {
      height: 100%;
    }

    .q-goKmNi > [part="input"] {
      max-height: none;
    }

    .q-ctHmKh > [part="multimodal"] {
      top: 0;
    }

    .q-hiZBbd > [part="multimodal"] {
      left: 0;
    }

    .q-jDaROU > [part="multimodal"] {
      width: 100%;
    }

    .q-jwlqTV > [part="multimodal"] {
      height: 50%;
    }

    .q-eJGOPS > [part="multimodal"] {
      max-height: none;
    }

    .q-kHWqku > [part="toolbar"] {
      top: 8px;
    }

    .q-fyjHGh > [part="toolbar"] {
      right: 8px;
    }

    .q-lfGmQg > [part="toolbar"] {
      width: auto;
    }

    .q-fqNfOo > [part="multimodal"] {
      width: 100%;
    }

    .q-jZULjJ > [part="multimodal"] {
      height: 100%;
    }

    .q-dSjxhK > [part="multimodal"] {
      max-height: none;
    }

    .q-hANnAZ > [part="artifact"] {
      top: 0;
    }

    .q-elDQhV > [part="artifact"] {
      left: 0;
    }

    .q-jLNZLU > [part="artifact"] {
      width: 100%;
    }

    .q-koIghd > [part="artifact"] {
      height: 50%;
    }

    .q-dKuPhh > [part="input"] {
      top: 0;
    }

    .q-cqfPUl > [part="input"] {
      left: 0;
    }
  }

  @media (pointer: coarse) {
    .q-bugQIT {
      opacity: 1;
    }

    .q-ghXPKh {
      transform: translateY(calc(-100% - 8px));
    }

    .q-eQFZen > [data-chat-controls], .q-lgmAsb > [part="controls"] {
      opacity: 1;
    }

    .q-jJDZNh > [data-chat-controls] {
      pointer-events: auto;
    }

    .q-couBLd:before {
      content: "";
    }

    .q-logHpu:before {
      position: absolute;
    }

    .q-eaiXRA:before {
      transform: translate(-50%, -50%);
    }

    .q-iDIdrV:before {
      top: 50%;
    }

    .q-gNSIGd:before {
      left: 50%;
    }

    .q-cTeblP:before {
      min-width: 40px;
    }

    .q-gJPWTi:before {
      min-height: 40px;
    }
  }
}

#q-messenger-frame-skip-link {
  all: initial !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

#q-messenger-frame-skip-link:focus {
  all: initial !important;
  z-index: 2147483647 !important;
  color: #122124 !important;
  cursor: pointer !important;
  outline: 2px solid -webkit-focus-ring-color !important;
  outline-offset: 2px !important;
  background: #fafafa !important;
  border-radius: 4px !important;
  padding: 1rem !important;
  position: fixed !important;
  top: 10px !important;
  left: 10px !important;
}

#q-messenger-frame {
  z-index: 2147483642 !important;
  visibility: visible !important;
  content-visibility: visible !important;
  opacity: 1 !important;
  top: auto !important;
  bottom: 0 !important;
  left: auto !important;
  bottom: calc(0px + var(--qualified-offer-footer-height, 0px)) !important;
  background-color: #0000 !important;
  border: 0 !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  display: block !important;
  position: fixed !important;
  right: 0 !important;
  overflow: hidden !important;
}

#q-messenger-frame.qlfd-maximized, #q-messenger-frame.maximized {
  min-height: 480px;
  max-height: calc(100dvh - 150px);
  width: 538px !important;
}

#q-messenger-frame.qlfd-maximized.qlfd-is-mobile, #q-messenger-frame.maximized.qlfd-is-mobile {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
}

#q-messenger-frame.qlfd-full-height {
  width: 320px !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
}

#q-messenger-frame.qlfd-disable-pointer-events {
  pointer-events: none !important;
}

#q-messenger-frame.qlfd-embedded {
  z-index: 0 !important;
  pointer-events: all !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  position: relative !important;
}

#q-messenger-frame.qlfd-full-screen {
  max-height: 100dvh;
  z-index: 2147483647 !important;
  width: 100% !important;
  height: 100dvh !important;
  position: fixed !important;
}

#q-messenger-frame.qlfd-not-full-screen {
  transition: background-color .3s, height 0s .3s, width 0s .3s !important;
}

:has(#q-messenger-frame.qlfd-full-screen.qlfd-embedded) {
  z-index: auto !important;
  z-index: initial !important;
}

:root:has(#q-messenger-frame.qlfd-full-screen) > #qualified-multimodal-host {
  z-index: var(--qualified-multimodal-host-z-index-when-messenger-full-screen) !important;
}

@layer qualified-global {
  @font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(./fonts/Inter-Thin.dafaa44d.woff2) format("woff2"), url(./fonts/Inter-Thin.16325d9b.woff) format("woff");
  }

  @font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(./fonts/Inter-ThinItalic.4fc662b3.woff2) format("woff2"), url(./fonts/Inter-ThinItalic.d3d89947.woff) format("woff");
  }

  @font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(./fonts/Inter-ExtraLight.6824177d.woff2) format("woff2"), url(./fonts/Inter-ExtraLight.15c082a5.woff) format("woff");
  }

  @font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(./fonts/Inter-ExtraLightItalic.05138ddd.woff2) format("woff2"), url(./fonts/Inter-ExtraLightItalic.3beee54f.woff) format("woff");
  }

  @font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(./fonts/Inter-Light.27083fa6.woff2) format("woff2"), url(./fonts/Inter-Light.91dfddd8.woff) format("woff");
  }

  @font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(./fonts/Inter-LightItalic.0a783b89.woff2) format("woff2"), url(./fonts/Inter-LightItalic.f8ccf281.woff) format("woff");
  }

  @font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(./fonts/Inter-Regular.f1f0c35b.woff2) format("woff2"), url(./fonts/Inter-Regular.f356e84a.woff) format("woff");
  }

  @font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(./fonts/Inter-Italic.d593a8df.woff2) format("woff2"), url(./fonts/Inter-Italic.9beab784.woff) format("woff");
  }

  @font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(./fonts/Inter-Medium.dc792b50.woff2) format("woff2"), url(./fonts/Inter-Medium.ec7dd2d9.woff) format("woff");
  }

  @font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(./fonts/Inter-MediumItalic.84d3493a.woff2) format("woff2"), url(./fonts/Inter-MediumItalic.17301e5b.woff) format("woff");
  }

  @font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(./fonts/Inter-SemiBold.fcb100c7.woff2) format("woff2"), url(./fonts/Inter-SemiBold.55027e47.woff) format("woff");
  }

  @font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(./fonts/Inter-SemiBoldItalic.d90f295d.woff2) format("woff2"), url(./fonts/Inter-SemiBoldItalic.ab9105ed.woff) format("woff");
  }

  @font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(./fonts/Inter-Bold.579e0f95.woff2) format("woff2"), url(./fonts/Inter-Bold.b1234477.woff) format("woff");
  }

  @font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(./fonts/Inter-BoldItalic.828a494e.woff2) format("woff2"), url(./fonts/Inter-BoldItalic.3d0d8043.woff) format("woff");
  }

  @font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(./fonts/Inter-ExtraBold.d65f0281.woff2) format("woff2"), url(./fonts/Inter-ExtraBold.208a9e6c.woff) format("woff");
  }

  @font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(./fonts/Inter-ExtraBoldItalic.8c7eac5c.woff2) format("woff2"), url(./fonts/Inter-ExtraBoldItalic.30429962.woff) format("woff");
  }

  @font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(./fonts/Inter-Black.796be8d8.woff2) format("woff2"), url(./fonts/Inter-Black.b254104c.woff) format("woff");
  }

  @font-face {
    font-family: Inter;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(./fonts/Inter-BlackItalic.752f1e0a.woff2) format("woff2"), url(./fonts/Inter-BlackItalic.70306b0e.woff) format("woff");
  }

  @font-face {
    font-family: Inter var;
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
    src: url(./fonts/Inter-roman.var.b2129c00.woff2) format("woff2");
  }

  @font-face {
    font-family: Inter var;
    font-weight: 100 900;
    font-display: swap;
    font-style: italic;
    src: url(./fonts/Inter-italic.var.958a0b97.woff2) format("woff2");
  }
}