@qualified-salesforce/web 0.0.1-oidc-bootstrap

package/css/widget/multimodal_v2/index.split-css.panda.css

@@ -0,0 +1,5240 @@
+@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-bookerPaneIn {
+    0% {
+      opacity: 0;
+      transform: translateX(4px);
+    }
+
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  @keyframes q-bookerStepIn {
+    0% {
+      opacity: 0;
+      transform: translateY(6px);
+    }
+
+    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: 1000px;
+    }
+
+    to {
+      opacity: 1;
+      max-width: 1000px;
+    }
+  }
+
+  @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-titleSlideFadeIn {
+    0% {
+      opacity: 0;
+      transform: scale(.96) translateY(10px);
+    }
+
+    to {
+      opacity: 1;
+      transform: scale(1) translateY(0);
+    }
+  }
+
+  @keyframes q-titleSlideFadeOut {
+    0% {
+      opacity: 1;
+      transform: scale(1) translateY(0);
+    }
+
+    to {
+      opacity: 0;
+      transform: scale(.98) translateY(-10px);
+    }
+  }
+
+  @keyframes q-videoFadeIn {
+    0% {
+      opacity: 0;
+      transform: scale(.98);
+    }
+
+    to {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
+  @keyframes q-slideElementFadeIn {
+    0% {
+      opacity: 0;
+      transform: translateY(20px);
+    }
+
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes q-fadeOutBackdrop {
+    0% {
+      background-color: #000c;
+    }
+
+    to {
+      background-color: #0000;
+    }
+  }
+}
+
+@layer tokens {
+  :host, :root {
+    --q-kDqfPe: var(--q-font-family, "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: #fff;
+    --q-borVlv: #ffffffd9;
+    --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-btpljM: var(--q-lighter-primary-color, #66a8eb);
+    --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-bHSMby {
+    --q-bottom-offset: calc(var(--qualified-offer-footer-height, 0px) + var(--q-floating-multimodal-offset, 0px));
+  }
+
+  .q-hpGHkI {
+    --q-main-width: 400px;
+  }
+
+  .q-bvavmM {
+    --q-main-horizontal-offset: 0px;
+  }
+
+  .q-klAxSA {
+    --q-top-offset: var(--q-docked-top-offset, 0px);
+  }
+
+  .q-hqzRaT {
+    --q-main-width: 425px;
+  }
+
+  .q-jJCXTD {
+    --q-main-horizontal-offset: 16px;
+  }
+
+  .q-fVsoaN {
+    --q-bottom-offset: var(--qualified-offer-footer-height, 0px);
+  }
+
+  .q-RKKBC {
+    --q-top-offset: max(var(--qualified-offer-header-height, 0px),var(--q-ext-main-floating-top-offset, 0px));
+  }
+
+  .q-oyeYT {
+    --q-top-offset: 0px;
+  }
+
+  .q-czMruL {
+    padding: 4px 12px;
+  }
+
+  .q-dcQbuY {
+    animation: 2s ease-in-out infinite q-cursorGlow;
+  }
+
+  .q-jBbJKP {
+    inset: 0;
+  }
+
+  .q-wrVgc {
+    animation: 1s linear infinite q-spin;
+  }
+
+  .q-ljBaxp {
+    padding: 24px;
+    padding: var(--q-dJxTxD);
+  }
+
+  .q-iIAJvJ {
+    background: #fff;
+    background: var(--q-hjHZCf);
+  }
+
+  .q-bbYXSC {
+    border: none;
+  }
+
+  .q-cddllL {
+    padding: 8px;
+    padding: var(--q-cSaSxh);
+  }
+
+  .q-lmIgQG {
+    animation: 1.8s infinite q-lightboxDotFade;
+  }
+
+  .q-hWgZTB {
+    inset: 0;
+  }
+
+  .q-cOAyyc {
+    padding: 16px;
+  }
+
+  .q-hpDGKI {
+    margin: 0;
+  }
+
+  .q-fQhEHc {
+    background: none;
+    background: var(--q-cWcXnW);
+  }
+
+  .q-kffXRY {
+    border: 1px solid #e6e9ec;
+  }
+
+  .q-beAswm {
+    padding: 16px;
+    padding: var(--q-jugHdA);
+  }
+
+  .q-gLopDI {
+    inset: auto;
+  }
+
+  .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-cRmdsR {
+    border: 1px solid #0000;
+    border: var(--q-launcher-border, 1px solid var(--q-mcKdm));
+  }
+
+  .q-evWSAW {
+    background: #fff linear-gradient(#0070d2, #0070d2);
+    background: var(--q-launcher-background, linear-gradient(var(--q-cPIFpU),var(--q-cPIFpU)) #fff);
+    background: var(--q-launcher-background, linear-gradient(var(--q-cPIFpU),var(--q-cPIFpU)) var(--q-button-background-layer, #fff));
+  }
+
+  .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-iZpwv {
+    grid-area: buttons;
+  }
+
+  .q-cLvmDU {
+    grid-area: textarea;
+  }
+
+  .q-iyOtwK {
+    grid-area: submit;
+  }
+
+  .q-jwuLpj {
+    padding: none;
+    padding: var(--q-buRIyh);
+  }
+
+  .q-bkYgpQ {
+    padding: 2px;
+    padding: var(--q-ekPYDW);
+  }
+
+  .q-bCZXVo {
+    padding: 9px 16px 10px;
+  }
+
+  .q-kfAOEa {
+    border: 1px solid #c8ced0ed;
+  }
+
+  .q-kjhOSU {
+    border: 1px solid #c8ced0;
+  }
+
+  .q-ixPNuO {
+    border: 1.5px solid #d7dde2;
+  }
+
+  .q-dqRdNH {
+    padding: 0;
+  }
+
+  .q-kgRGeM {
+    margin: -1px;
+  }
+
+  .q-khAGWa {
+    border: 0;
+  }
+
+  .q-cGYLDY {
+    padding: 56px;
+  }
+
+  .q-dQaUis {
+    border: 1px solid #e4251b;
+  }
+
+  .q-jftvfc {
+    background: #fafafa;
+  }
+
+  .q-dZcSYC {
+    background: #fff;
+    background: var(--q-bBMxfH);
+  }
+
+  .q-dcZTDV {
+    animation: .2s q-bookerStepIn;
+  }
+
+  .q-ddgpdu {
+    animation: .18s q-bookerPaneIn;
+  }
+
+  .q-lmgjpY {
+    background: #f2f8fd;
+  }
+
+  @supports (color: color-mix(in lch, red, blue)) {
+    .q-lmgjpY {
+      background: #f2f8fd;
+    }
+
+    @supports (color: color-mix(in lch, red, blue)) {
+      .q-lmgjpY {
+        background: color-mix(in srgb,var(--q-primary-color, #0070d2) 5%,white);
+      }
+    }
+  }
+
+  .q-hVpFVX {
+    background: #f0f6fc;
+  }
+
+  @supports (color: color-mix(in lch, red, blue)) {
+    .q-hVpFVX {
+      background: #f0f6fc;
+    }
+
+    @supports (color: color-mix(in lch, red, blue)) {
+      .q-hVpFVX {
+        background: color-mix(in srgb,var(--q-primary-color, #0070d2) 6%,white);
+      }
+    }
+  }
+
+  .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-jgdMeK {
+    inset: $auto;
+  }
+
+  .q-egagQj {
+    padding: 4px;
+  }
+
+  .q-hnuXgD {
+    inset: 4px;
+  }
+
+  .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-jHpRHQ {
+    animation: .4s ease-out q-videoFadeIn;
+  }
+
+  .q-cmYeij {
+    animation: .3s ease-out q-videoFadeIn;
+  }
+
+  .q-eqGdNX {
+    animation: 1.2s ease-in-out infinite q-pulse;
+  }
+
+  .q-dtjjqI {
+    animation: 2s ease-in-out infinite q-pulse;
+  }
+
+  .q-dqlwAO {
+    border: 2px solid #fff;
+  }
+
+  .q-kRXPud {
+    border: 1px solid #0000;
+    border: 1px solid var(--q-mcKdm);
+  }
+
+  .q-jqLUYY {
+    background: #fff linear-gradient(#0070d2, #0070d2);
+    background: linear-gradient(var(--q-cPIFpU),var(--q-cPIFpU)) #fff;
+    background: linear-gradient(var(--q-cPIFpU),var(--q-cPIFpU)) var(--q-button-background-layer, #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-ksuDOw {
+    border: 1px solid \$colors\.border;
+  }
+
+  .q-gPyWWT {
+    border: 1px solid;
+  }
+
+  .q-cWRIJB {
+    background: #f8f9fa;
+  }
+
+  .q-eAufLm {
+    padding: 1px 12px;
+  }
+
+  .q-flwvyh {
+    transition: transform .8s ease-in-out;
+  }
+
+  .q-jBtsds {
+    border-radius: 12px;
+  }
+
+  .q-eLuUPu {
+    overflow: visible;
+  }
+
+  .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-jmOEJr {
+    padding-block: 48px;
+  }
+
+  .q-gkGeGa {
+    padding-inline: 32px;
+  }
+
+  .q-hCsiYz {
+    gap: 12px;
+    gap: var(--q-cXTyBO);
+  }
+
+  .q-cZMYrM {
+    gap: 8px;
+  }
+
+  .q-jIINt {
+    border-radius: 2px;
+  }
+
+  .q-dXscgu {
+    overflow: hidden;
+  }
+
+  .q-iRqyia {
+    border-radius: inherit;
+  }
+
+  .q-eSYZRQ {
+    gap: 8px;
+    gap: var(--q-cSaSxh);
+  }
+
+  .q-eNZAjH {
+    border-radius: 8px;
+  }
+
+  .q-bRvFFF {
+    border-radius: 6px;
+  }
+
+  .q-kdFIjO {
+    flex: 1;
+  }
+
+  .q-bREwVl {
+    padding-block: 6px;
+  }
+
+  .q-deWENR {
+    padding-inline: 6px;
+  }
+
+  .q-cuPKAr {
+    border-radius: 4px;
+  }
+
+  .q-esOKUS {
+    border-width: 1px;
+  }
+
+  .q-hDGJaH {
+    border-style: solid;
+  }
+
+  .q-bRpyDR {
+    border-color: #f3f4f6;
+    border-color: var(--q-lkJjrl);
+  }
+
+  .q-lgsCWf {
+    padding-block: 40px;
+  }
+
+  .q-ZvYkL {
+    padding-inline: 48px;
+  }
+
+  .q-jIOumZ {
+    gap: 32px;
+  }
+
+  .q-hlLeqZ {
+    flex: 0 0 220px;
+  }
+
+  .q-gfnlDp {
+    gap: 4px;
+    gap: var(--q-kCMLyw);
+  }
+
+  .q-eZDgoO {
+    padding-block: 10px;
+  }
+
+  .q-jvCJbJ {
+    padding-inline: 24px;
+  }
+
+  .q-kZTEwH {
+    padding-block: 0;
+  }
+
+  .q-kplSAX {
+    padding-inline: 0;
+  }
+
+  .q-cGQydA {
+    gap: 4px;
+  }
+
+  .q-laFSpw {
+    border-width: 1px;
+  }
+
+  .q-kRIFCf {
+    border-color: #22c55e;
+  }
+
+  .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-bWYbjh {
+    border-radius: 24px;
+  }
+
+  .q-euZpgT {
+    padding-inline: 8px;
+    padding-inline: var(--q-cSaSxh);
+  }
+
+  .q-bnncsD {
+    gap: 16px;
+  }
+
+  .q-cuqiG {
+    padding-inline: 16px;
+    padding-inline: var(--q-jugHdA);
+  }
+
+  .q-dFXmkO {
+    outline: none;
+  }
+
+  .q-jGRTqq {
+    padding-block: 4px;
+    padding-block: var(--q-kCMLyw);
+  }
+
+  .q-dRFQdM {
+    padding-inline: 12px;
+    padding-inline: var(--q-cXTyBO);
+  }
+
+  .q-flCAkr {
+    padding-block: 8px;
+  }
+
+  .q-fTnjDq {
+    transition: background-color .15s, box-shadow .15s, transform .15s;
+  }
+
+  .q-hCXywp {
+    transition: color .15s, font-weight .15s, transform .15s;
+  }
+
+  .q-dzEGid {
+    gap: 10px;
+  }
+
+  .q-hMIFSa {
+    transition: background-color .2s;
+  }
+
+  .q-fVcbCc {
+    padding-inline: 12px;
+  }
+
+  .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-gXBDEm {
+    transition: margin-inline .2s ease-out;
+  }
+
+  .q-NcNIf {
+    border-radius: 0;
+  }
+
+  .q-dTyMgy {
+    margin-inline: 24px;
+    margin-inline: var(--q-dJxTxD);
+  }
+
+  .q-cpkELw {
+    border-radius: 6px 6px 0 0;
+  }
+
+  .q-jiuJEY {
+    flex: 0 0 328px;
+  }
+
+  .q-bpCoMe {
+    border-left: 1px solid #c8ced0cc;
+  }
+
+  .q-ePScjH {
+    padding-block: 8px;
+    padding-block: var(--q-cSaSxh);
+  }
+
+  .q-dTKcnk {
+    border-color: #0070d2;
+    border-color: var(--q-bebYds);
+  }
+
+  .q-ctdxCP {
+    outline: 2px solid #0070d2;
+    outline: 2px solid var(--q-bebYds);
+  }
+
+  .q-ejObpi {
+    transition: transform .15s;
+  }
+
+  .q-jIGVye {
+    transition: transform .2s;
+  }
+
+  .q-iFnIb {
+    transition: all .2s;
+  }
+
+  .q-fBLnD {
+    gap: 2px;
+    gap: var(--q-ekPYDW);
+  }
+
+  .q-dXsxqI {
+    padding-block: 2px;
+    padding-block: var(--q-ekPYDW);
+  }
+
+  .q-bzwUjm {
+    padding-inline: 4px;
+    padding-inline: var(--q-kCMLyw);
+  }
+
+  .q-dtdFzD {
+    padding-inline: none;
+    padding-inline: var(--q-buRIyh);
+  }
+
+  .q-dNXXNK {
+    padding-block: 16px;
+    padding-block: var(--q-jugHdA);
+  }
+
+  .q-jIKoDR {
+    outline: 1px solid #e6e9ec;
+    outline: 1px solid var(--q-gjomaU);
+  }
+
+  .q-fVtACe {
+    transition: box-shadow .2s, transform .2s;
+  }
+
+  .q-fsqkdo {
+    border-color: #e6e9ec;
+  }
+
+  .q-cSygbo {
+    gap: none;
+    gap: var(--q-buRIyh);
+  }
+
+  .q-gTMcRa {
+    flex: 1 0;
+  }
+
+  .q-bRwIuu {
+    gap: 10px;
+    gap: var(--q-ekAQPT);
+  }
+
+  .q-kVmtnE {
+    outline: 1px solid #c8ced0ed;
+  }
+
+  .q-lbDzgC {
+    padding-block: 14px;
+  }
+
+  .q-focom {
+    flex: none;
+  }
+
+  .q-gQpXSg {
+    padding-inline: 16px;
+  }
+
+  .q-bpAwrF {
+    flex: 0 0 264px;
+  }
+
+  .q-IcueQ {
+    border-radius: 12px 0 0 12px;
+  }
+
+  .q-fTLTTq {
+    gap: 24px;
+  }
+
+  .q-iainBx {
+    gap: 16px;
+    gap: var(--q-jugHdA);
+  }
+
+  .q-bMcXFr {
+    border-radius: 8px;
+    border-radius: var(--q-control-border-radius, 8px);
+  }
+
+  .q-eKxIyf {
+    transition: border-color .15s, box-shadow .15s, transform .15s;
+  }
+
+  .q-hyRQNZ {
+    border-width: 1.5px;
+  }
+
+  .q-dlpJeo {
+    border-color: #e6e9ec8c;
+  }
+
+  .q-ktvHrX {
+    transition: background-color .15s;
+  }
+
+  .q-iFqkhw {
+    padding-block: 12px;
+  }
+
+  .q-inYCnp {
+    padding-block: 2px;
+  }
+
+  .q-cQnLKq {
+    gap: 2px;
+  }
+
+  .q-jhjrRH {
+    transition: background .15s;
+  }
+
+  .q-daJWAT {
+    padding-block: 4px;
+  }
+
+  .q-xdetD {
+    padding-inline: 8px;
+  }
+
+  .q-hEzNkW {
+    list-style: none;
+  }
+
+  .q-bveNiD {
+    border-color: #e6e9ec;
+    border-color: var(--q-gjomaU);
+  }
+
+  .q-hApRsC {
+    border-radius: 900px;
+  }
+
+  .q-kCqEvX {
+    border-radius: 0;
+  }
+
+  .q-gQDjCH {
+    border-width: 2px;
+  }
+
+  .q-lefiIA {
+    border-color: #0070d2;
+    border-color: var(--orb-ring-color, var(--q-primary-color, #0070d2));
+  }
+
+  .q-jhjyRz {
+    transition: transform 80ms ease-out, opacity 80ms ease-out;
+  }
+
+  .q-rUYSS {
+    gap: 24px;
+    gap: var(--q-dJxTxD);
+  }
+
+  .q-bEcncX {
+    transition: filter;
+  }
+
+  .q-fCyQVv {
+    place-items: center;
+  }
+
+  .q-dlGZYC {
+    gap: 6px;
+  }
+
+  .q-djzksP {
+    border-radius: 4px;
+    border-radius: var(--q-hCbkVH);
+  }
+
+  .q-hqyZYz {
+    padding-inline: 0;
+  }
+
+  .q-gZHxxx {
+    padding-inline: 2px;
+  }
+
+  .q-dvOhoT {
+    padding-inline: 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-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-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-hCgpec {
+    padding-block: 12px;
+    padding-block: var(--q-cXTyBO);
+  }
+
+  .q-kTXiKd {
+    transition: opacity .2s, box-shadow .2s, transform .2s;
+  }
+
+  .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-cjGoJE {
+    display: contents;
+  }
+
+  .q-hLsNni {
+    pointer-events: auto;
+  }
+
+  .q-hgJIFE {
+    display: none;
+  }
+
+  .q-kdNbGf {
+    position: fixed;
+  }
+
+  .q-cERSkX {
+    pointer-events: none;
+  }
+
+  .q-jLMrCE {
+    z-index: 2147483646;
+  }
+
+  .q-eeujEh {
+    color: var(--q-bebYds);
+  }
+
+  .q-HVMmG {
+    line-height: 0;
+  }
+
+  .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-jkYUYv {
+    z-index: 2147483645;
+  }
+
+  .q-cXFBwr {
+    fill: none;
+  }
+
+  .q-hpumZQ {
+    stroke: var(--q-primary-color, #1e79ff);
+  }
+
+  .q-cnyNrS {
+    stroke-width: 3px;
+  }
+
+  .q-eNINYZ {
+    stroke-linejoin: round;
+  }
+
+  .q-yxPBP {
+    opacity: 0;
+  }
+
+  .q-emPzDJ {
+    position: relative;
+  }
+
+  .q-HgOzd {
+    display: flex;
+  }
+
+  .q-fAtomh {
+    align-items: center;
+  }
+
+  .q-bsGhWR {
+    justify-content: center;
+  }
+
+  .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-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-bhTTzp {
+    flex-direction: column;
+  }
+
+  .q-jOjgOh {
+    color: var(--q-primary-color, #6e7879);
+  }
+
+  .q-ZtaKI {
+    font-family: Inter, sans-serif;
+    font-family: var(--q-kDqfPe);
+  }
+
+  .q-dHysUu {
+    font-size: 14px;
+  }
+
+  .q-faSCdU {
+    color: var(--q-iauKka);
+  }
+
+  .q-frJqtw {
+    opacity: 1;
+  }
+
+  .q-bgTIyZ {
+    opacity: 0;
+  }
+
+  .q-hNVlZb {
+    background-color: #f3f4f6;
+    background-color: var(--q-lkJjrl);
+  }
+
+  .q-jaPpi {
+    background-color: #6e7879;
+    background-color: var(--q-primary-color, #6e7879);
+  }
+
+  .q-bUHxJh {
+    z-index: 9999;
+  }
+
+  .q-kBTqPG {
+    background-color: #fff;
+    background-color: var(--q-bBMxfH);
+  }
+
+  .q-edBMAP {
+    box-shadow: 0 4px 24px #00000026;
+  }
+
+  .q-kJQQLM {
+    line-height: 20px;
+  }
+
+  .q-djLAIv {
+    color: var(--q-ekJvRZ);
+  }
+
+  .q-gIUsbX {
+    justify-content: flex-end;
+  }
+
+  .q-bXmXEC {
+    color: var(--q-primary-color, #0070d2);
+  }
+
+  .q-bBHOHJ {
+    font-weight: 500;
+  }
+
+  .q-gyXRqe {
+    font-weight: 600;
+  }
+
+  .q-ixvSSg {
+    box-sizing: border-box;
+  }
+
+  .q-dBwzdG {
+    text-align: center;
+  }
+
+  .q-cPKORY {
+    line-height: 22px;
+  }
+
+  .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-ebDGhp {
+    position: static;
+  }
+
+  .q-iyCLHG {
+    background-color: #0000;
+  }
+
+  .q-jBXgdQ {
+    align-items: flex-start;
+  }
+
+  .q-iAFgHi {
+    text-align: left;
+  }
+
+  .q-eKheOi {
+    box-shadow: none;
+  }
+
+  .q-FTnwh {
+    flex-direction: row;
+  }
+
+  .q-cphmAb {
+    font-size: 22px;
+  }
+
+  .q-RekBi {
+    line-height: 28px;
+  }
+
+  .q-czIoRp {
+    font-size: 13px;
+  }
+
+  .q-fTlJRj {
+    flex-shrink: 0;
+  }
+
+  .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-gNXGnK {
+    font-size: 10px;
+  }
+
+  .q-dIvrjz {
+    font-weight: 500;
+    font-weight: var(--q-cmWGCb);
+  }
+
+  .q-fGUIkb {
+    line-height: 16px;
+  }
+
+  .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-eTZjuo {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .q-bnDFZi {
+    grid-template-rows: auto auto auto auto;
+  }
+
+  .q-dFarMO {
+    justify-items: end;
+  }
+
+  .q-joamRE {
+    box-shadow: 0 0 24px #0000001f;
+  }
+
+  .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: #fff;
+    background-color: var(--q-hjHZCf);
+  }
+
+  .q-dStxMA {
+    z-index: 1;
+  }
+
+  .q-bCWfUt {
+    color: var(--q-egIHDL);
+  }
+
+  .q-cUxjlo {
+    box-shadow: none;
+    box-shadow: var(--q-launcher-box-shadow, none);
+  }
+
+  .q-cbkwRf {
+    white-space: nowrap;
+  }
+
+  .q-crAiEB {
+    flex-shrink: 0;
+  }
+
+  .q-kiUmed {
+    font-weight: 400;
+    font-weight: var(--q-eKMXDR);
+  }
+
+  .q-iWUtic {
+    flex-shrink: 1;
+  }
+
+  .q-iteyqJ {
+    text-overflow: ellipsis;
+  }
+
+  .q-jESRIe {
+    color: #8a9394;
+  }
+
+  .q-fDdFgb {
+    font-size: 11px;
+  }
+
+  .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-hwVUqZ {
+    align-self: flex-end;
+  }
+
+  .q-dVNlOy {
+    color: var(--q-cFCrNU);
+  }
+
+  .q-lixkGg {
+    background-color: #0000;
+    background-color: var(--q-cWcXnW);
+  }
+
+  .q-hpjZip {
+    background-color: #ff855826;
+  }
+
+  .q-hPFOUb {
+    color: #d97706;
+  }
+
+  .q-dHAYYF {
+    line-height: 18px;
+  }
+
+  .q-dlZMkq {
+    color: #92400e;
+  }
+
+  .q-bsrLOC {
+    font-size: 12px;
+  }
+
+  .q-cfsavV {
+    display: inline-flex;
+  }
+
+  .q-iQgphV {
+    box-shadow: 0 0 0 1px #e6e9ec80, 0 3px 4px #2342480a, 0 0 16px #0000000a;
+  }
+
+  .q-deTGNM {
+    color: #000;
+  }
+
+  .q-eJFCxu {
+    font-style: normal;
+  }
+
+  .q-llEYEV {
+    align-items: baseline;
+  }
+
+  .q-eEJDeW {
+    color: #6e7879;
+  }
+
+  .q-fDRkiS {
+    line-height: 20px;
+  }
+
+  .q-lcrjHO {
+    box-shadow: 0 1px 3px #0000000f;
+  }
+
+  .q-dhXGJM {
+    resize: none;
+  }
+
+  .q-bSTPIv {
+    box-shadow: 0 8px 32px #0000004d;
+  }
+
+  .q-exIGLf {
+    -o-object-fit: contain;
+    object-fit: contain;
+  }
+
+  .q-krAvjf {
+    display: block;
+  }
+
+  .q-bsHDCI {
+    transform: scale(1.004);
+  }
+
+  .q-jntsew {
+    transform-origin: bottom;
+  }
+
+  .q-loatqo {
+    background-color: #fff6;
+  }
+
+  .q-iCfjvi {
+    flex-grow: 1;
+  }
+
+  .q-eIsAcC {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+
+  .q-iRYRmW {
+    transform: translateY(0);
+  }
+
+  .q-kPPFOe {
+    transform: translateY(4px);
+  }
+
+  .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-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-NeaDJ {
+    clip: rect(0,0,0,0);
+  }
+
+  .q-iMbnoH {
+    font-style: italic;
+  }
+
+  .q-igrsDN {
+    outline-offset: -2px;
+  }
+
+  .q-BqmxR {
+    transform: rotate(180deg);
+  }
+
+  .q-foJPqo {
+    transform: rotate(0);
+  }
+
+  .q-jBGLiH {
+    box-shadow: 0 4px 12px #0000001a;
+  }
+
+  .q-lmNzcS {
+    z-index: 100;
+  }
+
+  .q-kTUtoH {
+    opacity: .2;
+  }
+
+  .q-ktDDvv {
+    container-type: inline-size;
+  }
+
+  .q-gHATmF {
+    container-name: bookerPanel;
+  }
+
+  .q-cOEFXT {
+    transform: rotate(180deg);
+  }
+
+  .q-hBOzJB {
+    color: #e4251b;
+  }
+
+  .q-cTNXeo {
+    outline-offset: -1px;
+  }
+
+  .q-dBKovh {
+    letter-spacing: .5px;
+  }
+
+  .q-imhfhr {
+    line-height: 1.2;
+  }
+
+  .q-ggJVDx {
+    font-size: 26px;
+  }
+
+  .q-ddLrge {
+    font-size: 30px;
+  }
+
+  .q-cRfRrN {
+    font-size: 20px;
+  }
+
+  .q-kKkUsu {
+    color: var(--q-bqFieo);
+  }
+
+  .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-diGqVO {
+    grid-template-rows: repeat(5, auto);
+  }
+
+  .q-gSxJLz {
+    display: inline-block;
+  }
+
+  .q-jbjBoV {
+    line-height: 1;
+  }
+
+  .q-gCZBw {
+    box-shadow: 0_8px_24px_rgba(0,0,0,.15);
+  }
+
+  .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-iMpUAQ {
+    z-index: 1000;
+  }
+
+  .q-fYhppU {
+    opacity: .7;
+  }
+
+  .q-bKSjjj {
+    color: #152229;
+  }
+
+  .q-fVaBRp {
+    transform: translate(-50%, 100%);
+  }
+
+  .q-hWiOcQ {
+    z-index: 10;
+  }
+
+  .q-gsayum {
+    transform: none;
+  }
+
+  .q-eQrPno {
+    transform: translateX(-50%);
+  }
+
+  .q-iPqvLa {
+    z-index: 10;
+  }
+
+  .q-afFys {
+    color: #fff;
+  }
+
+  .q-beWopk {
+    font-weight: 400;
+  }
+
+  .q-hmzwDZ {
+    color: var(--q-ggIFHr);
+  }
+
+  .q-ktgOzn {
+    line-height: 18px;
+  }
+
+  .q-fyplMZ {
+    cursor: default;
+  }
+
+  .q-jcawCb {
+    z-index: 20;
+  }
+
+  .q-bEziEG {
+    z-index: $auto;
+  }
+
+  .q-hqYuUz {
+    clip-path: circle(49%);
+  }
+
+  .q-eYlglL {
+    z-index: 2;
+  }
+
+  .q-hNVqda {
+    opacity: .4;
+    opacity: var(--orb-ring-opacity-solid, .4);
+  }
+
+  .q-goXgzR {
+    opacity: .35;
+    opacity: var(--orb-ring-opacity-primary, .35);
+  }
+
+  .q-lhOMEJ {
+    transform: scale(1);
+    transform: scale(var(--orb-ring-scale-primary, 1));
+  }
+
+  .q-dEOJRC {
+    opacity: .25;
+    opacity: var(--orb-ring-opacity-secondary, .25);
+  }
+
+  .q-fXkdlb {
+    transform: scale(1);
+    transform: scale(var(--orb-ring-scale-secondary, 1));
+  }
+
+  .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-ecnXzs {
+    visibility: hidden;
+  }
+
+  .q-fMSoJ {
+    filter: blur(10px);
+  }
+
+  .q-hDpOCb {
+    aspect-ratio: 16 / 9;
+  }
+
+  .q-hledyo {
+    background-color: #1e2a2f8c;
+  }
+
+  .q-FoGxg {
+    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(10px);
+  }
+
+  .q-eqnOJR {
+    background-color: #ffffffd9;
+  }
+
+  .q-bdHnxM {
+    grid-template-rows: auto minmax(0, 1fr);
+  }
+
+  .q-eIXWIS {
+    justify-items: center;
+  }
+
+  .q-bCsqmI {
+    background-color: #1e2a2f;
+  }
+
+  .q-hkYrVD {
+    letter-spacing: .01em;
+  }
+
+  .q-eRtwBO {
+    background-color: #2dd272;
+  }
+
+  .q-kGHEMe {
+    align-self: flex-start;
+  }
+
+  .q-iMVOnP {
+    align-self: center;
+  }
+
+  .q-fCZSls {
+    font-size: 10px;
+  }
+
+  .q-dssikL {
+    line-height: 14px;
+  }
+
+  .q-jcVpEa {
+    line-height: 22px;
+  }
+
+  .q-krbBcV {
+    white-space: normal;
+  }
+
+  .q-chmhDV {
+    overflow-wrap: break-word;
+  }
+
+  .q-PwnvH {
+    word-break: normal;
+  }
+
+  .q-iqQCuu {
+    -webkit-hyphens: auto;
+    hyphens: auto;
+  }
+
+  .q-jfuZgm {
+    flex-shrink: 1;
+  }
+
+  .q-GbVbP {
+    font-size: 13px;
+  }
+
+  .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-Mhhnw {
+    width: 100vw;
+  }
+
+  .q-dASEcK {
+    height: 100vh;
+  }
+
+  .q-cMmsZY {
+    width: 100%;
+  }
+
+  .q-cJSXGN {
+    height: 100%;
+  }
+
+  .q-fTLTXv {
+    top: 24px;
+  }
+
+  .q-iTbyqs {
+    right: 24px;
+  }
+
+  .q-bdbnCZ {
+    width: 32px;
+  }
+
+  .q-jBIUfM {
+    height: 32px;
+  }
+
+  .q-KEshS {
+    height: 3px;
+  }
+
+  .q-dRMtzR {
+    max-width: 90%;
+  }
+
+  .q-gfEaUq {
+    width: 280px;
+  }
+
+  .q-emoLDz {
+    margin-top: 4px;
+    margin-top: var(--q-kCMLyw);
+  }
+
+  .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-hcSvzO {
+    height: auto;
+  }
+
+  .q-lmNQIi {
+    max-height: none;
+  }
+
+  .q-ZkFLf {
+    min-height: 500px;
+  }
+
+  .q-kEYYWB {
+    padding-top: 8px;
+  }
+
+  .q-ftvRvV {
+    padding-top: none;
+    padding-top: var(--q-buRIyh);
+  }
+
+  .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-jhavEF {
+    bottom: 16px;
+    bottom: calc(16px + var(--q-bottom-offset, 0px));
+  }
+
+  .q-hXqyFA {
+    bottom: 24px;
+    bottom: calc(24px + var(--q-bottom-offset, 0px));
+  }
+
+  .q-bMiQWA {
+    margin-left: 24px;
+  }
+
+  .q-kWRYud {
+    right: 16px;
+  }
+
+  .q-hhUQIJ {
+    bottom: 0;
+  }
+
+  .q-mOLBy {
+    right: 0;
+  }
+
+  .q-cMdQTI {
+    width: 602px;
+  }
+
+  .q-cLvDag {
+    max-height: calc(100% - 100px);
+  }
+
+  .q-fTkKnl {
+    width: 296px;
+  }
+
+  .q-hyZbjx {
+    height: calc(100% - 32px);
+    height: calc(100% - var(--q-bottom-offset, 0px) - var(--q-top-offset, 0px) - 32px);
+  }
+
+  .q-hWVqr {
+    width: 425px;
+  }
+
+  .q-hXXLKo {
+    height: 100%;
+    height: calc(100% - var(--q-top-offset, 0px));
+  }
+
+  .q-GWbrI {
+    width: 400px;
+  }
+
+  .q-fQHaER {
+    width: 320px;
+  }
+
+  .q-fpJCGi {
+    height: 56px;
+  }
+
+  .q-jjnWIV {
+    width: auto;
+    width: var(--q-hRurAk);
+  }
+
+  .q-JINfc {
+    max-width: calc(100vw - 48px);
+  }
+
+  .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-dUVhCR {
+    height: 22px;
+  }
+
+  .q-kkKflL {
+    padding-left: 20px;
+  }
+
+  .q-dTJbmR {
+    padding-right: 12px;
+  }
+
+  .q-eIlfkX {
+    height: 64px;
+  }
+
+  .q-dxbJmu {
+    min-height: 0;
+  }
+
+  .q-gOyBGf {
+    width: auto;
+  }
+
+  .q-cCoqvZ {
+    max-width: 100%;
+  }
+
+  .q-jJlZBc {
+    max-height: 100%;
+  }
+
+  .q-ipiJSk {
+    width: 8px;
+  }
+
+  .q-eArDzp {
+    height: 8px;
+  }
+
+  .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-dUJqwc {
+    height: 1px;
+  }
+
+  .q-eOlZWp {
+    min-height: 560px;
+  }
+
+  .q-fcHPXN {
+    padding-right: 56px;
+  }
+
+  .q-fEQbKd {
+    margin-right: 40px;
+  }
+
+  .q-kecSpS {
+    top: calc(100% + 4px);
+  }
+
+  .q-bIkCPd {
+    left: 0;
+  }
+
+  .q-jAZdtG {
+    right: 0;
+  }
+
+  .q-cuGRQO {
+    max-height: 200px;
+  }
+
+  .q-dEIeen {
+    top: 20px;
+  }
+
+  .q-uQqQo {
+    right: 20px;
+  }
+
+  .q-hqplkN {
+    width: min(860px, 100%);
+  }
+
+  .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-fJAmEQ {
+    border-top-width: 1px;
+  }
+
+  .q-giSVLJ {
+    border-top-style: solid;
+  }
+
+  .q-lireGm {
+    border-top-color: #e6e9ec;
+  }
+
+  .q-bZSIvL {
+    padding-top: 28px;
+  }
+
+  .q-gXWCmv {
+    padding-bottom: 20px;
+  }
+
+  .q-dBiJVO {
+    padding-top: 16px;
+  }
+
+  .q-fDSBVd {
+    padding-bottom: 0;
+  }
+
+  .q-fuRFhn {
+    border-right-width: 1px;
+  }
+
+  .q-jxyZiS {
+    border-right-style: solid;
+  }
+
+  .q-jDTQgp {
+    border-right-color: #e6e9ec;
+  }
+
+  .q-bWMPEO {
+    width: 64px;
+  }
+
+  .q-icxzOh {
+    width: 72px;
+  }
+
+  .q-dMCyIM {
+    height: 72px;
+  }
+
+  .q-gzqEOo {
+    height: 36px;
+  }
+
+  .q-hJERpE {
+    max-width: 320px;
+  }
+
+  .q-kiAtmT {
+    height: 24px;
+  }
+
+  .q-dIAuWy {
+    top: calc(100%4px);
+  }
+
+  .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-fxUxVI {
+    margin-right: -8px;
+    margin-right: calc(var(--q-cSaSxh) * -1);
+  }
+
+  .q-bzCDSL {
+    width: fit-content;
+  }
+
+  .q-flLKem {
+    height: fit-content;
+  }
+
+  .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-hrVnGJ {
+    width: 10px;
+  }
+
+  .q-crVcvM {
+    height: 10px;
+  }
+
+  .q-goULnT {
+    max-height: min(90vh, 100%);
+  }
+
+  .q-bWZtmn {
+    min-width: 8px;
+  }
+
+  .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-hjjYRs\! {
+    height: auto !important;
+    height: var(--q-hRurAk) !important;
+  }
+
+  .q-eNuUzw {
+    min-height: 24px;
+  }
+
+  .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-jQEIKA {
+    max-height: max-content;
+  }
+
+  .q-heGapn {
+    line-clamp: 3;
+  }
+
+  .q-eLvjKL {
+    width: 160px;
+  }
+
+  .q-hiWVRn {
+    margin-left: auto;
+    margin-left: var(--q-hRurAk);
+  }
+
+  .q-ibdTJJ {
+    border-top-left-radius: 4px;
+  }
+
+  .q-ilCorh {
+    line-clamp: 1;
+  }
+
+  .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-gtmsex p {
+    margin: 0;
+  }
+
+  .q-duLdZs > [part="controls"] {
+    padding: 16px;
+  }
+
+  .q-bjMAu > [part="controls"] {
+    margin: -16px;
+  }
+
+  .q-dfzoBv > [part="multimodal"] {
+    padding: 24px;
+    padding: var(--q-dJxTxD);
+  }
+
+  .q-hyJhUB > [part="multimodal"] {
+    inset: 0;
+  }
+
+  .q-ruTzB[aria-pressed="true"] {
+    background: #e6e9ec;
+  }
+
+  .q-hNZErM [data-animated-element] {
+    animation: ease-out forwards q-fadeIn;
+  }
+
+  .q-lYhwz.q-lYhwz {
+    padding: 0;
+  }
+
+  .q-eifDXc:disabled {
+    background: #fafafa;
+  }
+
+  .q-bSHXRq:after {
+    animation: 1.5s steps(3, end) infinite q-dotsEllipsis;
+  }
+
+  .q-kzqtcq:disabled {
+    background: #e6e9ec;
+  }
+
+  .q-bAKUUH > * {
+    grid-area: 1 / 1;
+  }
+
+  .q-ghdSZU a {
+    text-decoration: underline;
+  }
+
+  .q-fwKuBd > [part="chat"] {
+    overflow: auto;
+  }
+
+  .q-gqLvmA > [part="privacy"]:not([data-hidden="true"]) {
+    padding-block: 4px;
+    padding-block: var(--q-kCMLyw);
+  }
+
+  .q-hlStzl > [part="privacy"]:not([data-hidden="true"]) {
+    border-top: 1px solid #eef0f2;
+  }
+
+  :host([q-docked="under-header"]) .q-fSovpt {
+    border-left: 1px solid #e6e9ec;
+  }
+
+  .q-dPNMlK ol, .q-dPNMlK ul {
+    padding-block: 8px;
+    padding-block: var(--q-cSaSxh);
+  }
+
+  .q-dEqhGr table {
+    margin-block: 8px;
+    margin-block: var(--q-cSaSxh);
+  }
+
+  .q-cOyQsF td, .q-cOyQsF th {
+    border-width: 1px;
+  }
+
+  .q-foxACc td, .q-foxACc th {
+    border-style: solid;
+  }
+
+  .q-idHBtI td, .q-idHBtI th {
+    border-color: #e6e9ec;
+    border-color: var(--q-gjomaU);
+  }
+
+  .q-dDDqJN td, .q-dDDqJN th {
+    padding-block: 4px;
+    padding-block: var(--q-kCMLyw);
+  }
+
+  .q-NWYso td, .q-NWYso th {
+    padding-inline: 8px;
+    padding-inline: var(--q-cSaSxh);
+  }
+
+  .q-gmpuBI a span[data-animated-word] {
+    text-decoration: underline;
+  }
+
+  .q-cGOisQ.q-cGOisQ {
+    border-radius: 12px;
+  }
+
+  .q-iaTCzs.q-iaTCzs {
+    gap: 0;
+  }
+
+  .q-dnVQbl:before {
+    flex: 7;
+  }
+
+  .q-gkWcnZ:after {
+    flex: 13;
+  }
+
+  .q-jxFbql:after {
+    border-radius: 50%;
+  }
+
+  .q-kpJjrW:disabled {
+    border-color: #0000;
+    border-color: var(--q-cWcXnW);
+  }
+
+  .q-dMusig a {
+    color: #06c;
+  }
+
+  .q-imkgip a {
+    cursor: pointer;
+  }
+
+  .q-hOnpDu [part] {
+    pointer-events: auto;
+  }
+
+  .q-hyJTOg > [part="preview"] {
+    position: absolute;
+  }
+
+  .q-dhrexN > [part="preview"] {
+    transform: translateY(-100%);
+  }
+
+  .q-kDviSt > [part="preview"] {
+    z-index: 2;
+  }
+
+  .q-didziF > [part="controls"] {
+    opacity: 0;
+  }
+
+  .q-hBzyDe > [part="controls"] {
+    position: absolute;
+  }
+
+  .q-kTPbNb > [part="controls"] {
+    z-index: 2;
+  }
+
+  .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"] {
+    position: fixed;
+  }
+
+  .q-kFprQL > [part="privacy"]:not([data-hidden="true"]) {
+    background-color: #fff;
+    background-color: var(--q-hjHZCf);
+  }
+
+  :host([q-docked="under-header"]) .q-exftOB {
+    box-shadow: none;
+    box-shadow: var(--q-jLtLHp);
+  }
+
+  .q-bLUIsr a {
+    color: var(--q-ekJvRZ);
+  }
+
+  .q-esTYqR a {
+    text-decoration-skip-ink: none;
+  }
+
+  .q-jdIpae a {
+    text-underline-position: from-font;
+  }
+
+  .q-bVAGZG p {
+    display: inline;
+  }
+
+  .q-kuDXXn[data-selected="true"] {
+    box-shadow: inset 0 0 0 1px #0000002e;
+  }
+
+  .q-kPtTtf[data-selected="true"] {
+    transform: scale(1.04);
+  }
+
+  .q-jcwDwS[aria-pressed="true"] {
+    box-shadow: inset 0 0 0 1px #00000014;
+  }
+
+  .q-eUkySL[aria-pressed="true"] {
+    color: #000;
+  }
+
+  .q-gfMBbv[aria-pressed="true"] {
+    transform: scale(1.08);
+  }
+
+  .q-bvilSV[data-selected="true"] {
+    color: var(--q-ckoJkw);
+  }
+
+  .q-ekSyTq[data-selected="true"] {
+    font-weight: 600;
+    font-weight: var(--q-gNXbEt);
+  }
+
+  .q-cBnkDG::placeholder {
+    color: var(--q-ekJvRZ);
+  }
+
+  .q-ldTxnm[data-active="true"] {
+    background-color: #fffffff2;
+  }
+
+  .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-jrZONO a[target="_blank"]:after {
+    content: "⁠";
+  }
+
+  .q-gpUKKg a[target="_blank"]:after {
+    padding-inline-start: 14px;
+  }
+
+  .q-eUFDjf a[target="_blank"]:after {
+    background-color: currentColor;
+  }
+
+  .q-bsjzTn a[target="_blank"]:after {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M8.5 1.5H10.5V3.5%27/%3E%3Cpath d=%27M10.5 1.5L6.5 5.5%27/%3E%3Cpath d=%27M5.5 2H3.75C2.7835 2 2 2.7835 2 3.75V8.25C2 9.2165 2.7835 10 3.75 10H8.25C9.2165 10 10 9.2165 10 8.25V6.5%27/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M8.5 1.5H10.5V3.5%27/%3E%3Cpath d=%27M10.5 1.5L6.5 5.5%27/%3E%3Cpath d=%27M5.5 2H3.75C2.7835 2 2 2.7835 2 3.75V8.25C2 9.2165 2.7835 10 3.75 10H8.25C9.2165 10 10 9.2165 10 8.25V6.5%27/%3E%3C/svg%3E");
+  }
+
+  .q-kvLnEi a[target="_blank"]:after {
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  }
+
+  .q-jcyhwp a[target="_blank"]:after {
+    -webkit-mask-position: 100%;
+    mask-position: 100%;
+  }
+
+  .q-dukfdu a[target="_blank"]:after {
+    -webkit-mask-size: 12px 12px;
+    mask-size: 12px 12px;
+  }
+
+  .q-dZahAV a[target="_blank"]:after {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 stroke=%27%23000%27 stroke-width=%271.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M8.5 1.5H10.5V3.5%27/%3E%3Cpath d=%27M10.5 1.5L6.5 5.5%27/%3E%3Cpath d=%27M5.5 2H3.75C2.7835 2 2 2.7835 2 3.75V8.25C2 9.2165 2.7835 10 3.75 10H8.25C9.2165 10 10 9.2165 10 8.25V6.5%27/%3E%3C/svg%3E");
+  }
+
+  .q-jGGPTI a[target="_blank"]:after {
+    -webkit-mask-repeat: no-repeat;
+  }
+
+  .q-gBsmLn a[target="_blank"]:after {
+    -webkit-mask-position: 100%;
+  }
+
+  .q-bGMmjs a[target="_blank"]:after {
+    -webkit-mask-size: 12px 12px;
+  }
+
+  .q-oCHSB b, .q-oCHSB strong {
+    font-weight: 700;
+    font-weight: var(--q-euuKBT);
+  }
+
+  .q-kBHLaq a {
+    color: inherit;
+  }
+
+  .q-WOvre a {
+    font-size: 14px;
+  }
+
+  .q-dnQqcB a {
+    font-weight: inherit;
+  }
+
+  .q-eUKSTg a {
+    line-height: 22px;
+  }
+
+  .q-kvGiDC table {
+    border-collapse: collapse;
+  }
+
+  .q-evnoPl td, .q-evnoPl th {
+    text-align: left;
+  }
+
+  .q-gfMbyW td, .q-gfMbyW th {
+    vertical-align: top;
+  }
+
+  .q-dFPANW th {
+    font-weight: 700;
+    font-weight: var(--q-euuKBT);
+  }
+
+  .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-lnGUnn a[target="_blank"] span[data-animated-word]:last-child {
+    display: inline;
+  }
+
+  .q-lnSjqK a span[data-animated-word] {
+    color: inherit;
+  }
+
+  .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: #fff;
+    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-cKIoxS.q-cKIoxS {
+    box-shadow: 0 24px 48px -12px #00000047, 0 2px 8px #0000000f;
+  }
+
+  .q-cjOqyV.q-cjOqyV {
+    align-items: stretch;
+  }
+
+  .q-dTgSIi:before, .q-sVaOT:after {
+    content: "";
+  }
+
+  .q-ifYHxw img {
+    -o-object-fit: cover;
+    object-fit: cover;
+  }
+
+  .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-kseGbW:empty {
+    aspect-ratio: 16 / 9;
+  }
+
+  .q-cGSRdE:not(:-moz-placeholder-shown) {
+    white-space: normal;
+  }
+
+  .q-cGSRdE:not(:placeholder-shown) {
+    white-space: normal;
+  }
+
+  .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: 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-gDgSsa > [part="launcher"] {
+    width: max-content;
+  }
+
+  .q-dRzCgC > [part="launcher"] {
+    max-width: calc(100vw - 48px);
+  }
+
+  .q-eRlixI > [part="preview"] {
+    right: 0;
+  }
+
+  .q-fGtwZX > [part="multimodal"] {
+    top: 0;
+  }
+
+  .q-imhwHj > [part="multimodal"] {
+    left: 0;
+  }
+
+  .q-byVplr > [part="multimodal"] {
+    height: 100%;
+  }
+
+  .q-jlgJlQ > [part="multimodal"] {
+    width: 100%;
+    width: calc(100% - var(--q-main-width, 0px));
+  }
+
+  .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-jVwPqr > [part="artifact"] {
+    height: 100%;
+  }
+
+  .q-cdMI > [part="artifact"] {
+    width: 100%;
+    width: calc(100% - var(--q-main-width, 0px));
+  }
+
+  .q-jlXrwW > [part="artifact"] {
+    width: 100%;
+  }
+
+  .q-lgUjqo > [part="artifact"] {
+    height: calc(100% - 204px);
+  }
+
+  .q-ghPAkK > [part="artifact"] {
+    width: calc(100% - var(--q-main-width) - var(--q-main-horizontal-offset));
+  }
+
+  .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-dPortl svg {
+    width: 20px;
+  }
+
+  .q-hpZLgM svg {
+    height: 20px;
+  }
+
+  .q-ldjiHq button {
+    max-width: 100%;
+  }
+
+  .q-kKulvR button {
+    height: auto;
+  }
+
+  .q-hfUsQw button {
+    min-height: 32px;
+  }
+
+  .q-bJsgmL table {
+    width: 100%;
+  }
+
+  .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-huuAWs.q-huuAWs {
+    max-height: 100%;
+  }
+
+  .q-iiWkDK.q-iiWkDK {
+    min-height: 0;
+  }
+
+  .q-gqdLPK img {
+    width: 100%;
+  }
+
+  .q-cyBrWb img {
+    height: 100%;
+  }
+
+  .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-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-iypfAy:not(:-moz-placeholder-shown) {
+    overflow-y: auto;
+  }
+
+  .q-iypfAy:not(:placeholder-shown) {
+    overflow-y: auto;
+  }
+
+  .q-eAjKHG:not(:-moz-placeholder-shown) {
+    overflow-x: hidden;
+  }
+
+  .q-eAjKHG:not(:placeholder-shown) {
+    overflow-x: hidden;
+  }
+
+  .q-kBxciH:focus-within {
+    border: 2px solid #0070d2;
+    border: 2px solid var(--q-bebYds);
+  }
+
+  .q-cCrbX:focus-within {
+    border: 2px solid #e4251b;
+  }
+
+  .q-iZCooM > [part="controls"]:is(:hover, :focus-within) {
+    opacity: 1;
+  }
+
+  .q-dsMlsd:is(:hover, :focus-visible):not(:disabled) {
+    background: #ffffff26;
+  }
+
+  .q-couuza:is(:hover, :focus-visible):not(:disabled) {
+    background: #fff linear-gradient(#0070d2e6, #0070d2e6);
+    background: linear-gradient(var(--q-bQGTFq),var(--q-bQGTFq)) #fff;
+    background: linear-gradient(var(--q-bQGTFq),var(--q-bQGTFq)) var(--q-button-hover-background-layer, #fff);
+  }
+
+  .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-bqmFwA:focus {
+    border-color: #0070d2;
+    border-color: var(--q-bebYds);
+  }
+
+  .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-lbUVHH:focus {
+    outline: 2px solid #0070d2;
+    outline: 2px solid var(--q-bebYds);
+  }
+
+  .q-kkMXzD:focus-visible {
+    border-color: #0070d2;
+    border-color: var(--q-bebYds);
+  }
+
+  .q-jeYdTY:focus-visible {
+    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-qOYXi:is(:hover, :focus-visible):not(:disabled):not([aria-pressed="true"]), .q-zvnAG:is(:hover, :focus-visible):not([aria-pressed="true"]) {
+    border-color: #e6e9ec;
+  }
+
+  .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-jtPCJn:has(select:focus-visible) {
+    outline: 2px solid #0070d2;
+    outline: 2px solid var(--q-bebYds);
+  }
+
+  .q-bJPGok:focus-visible {
+    outline-offset: -2px;
+  }
+
+  .q-dwmpvB:focus-visible {
+    outline-offset: 2px;
+  }
+
+  .q-iENsWm:focus-visible {
+    outline-offset: 1px;
+  }
+
+  .q-cbhpxL:is(:hover, :focus-visible):not(:disabled) {
+    opacity: .9;
+  }
+
+  .q-kdFBpR:focus, .q-cTlhHa:focus-visible {
+    outline-offset: -2px;
+  }
+
+  .q-bHsNki:focus {
+    color: var(--q-ckoJkw);
+  }
+
+  .q-iwqVgK:focus {
+    background-color: #00000014;
+  }
+
+  .q-jAjJDn:focus {
+    outline-offset: -2px;
+  }
+
+  .q-gKgLZa:is(:hover, :focus-visible):not(:disabled):not([aria-pressed="true"]) {
+    transform: translateY(-1px);
+  }
+
+  .q-fSizzV:is(:hover, :focus-visible):not(:disabled):not([aria-pressed="true"]) {
+    box-shadow: 0 2px 6px #0000000f;
+  }
+
+  .q-gsuqsG:is(:hover, :focus-visible):not([aria-pressed="true"]) {
+    transform: translateY(-1px);
+  }
+
+  .q-izWSej:is(:hover, :focus-visible):not([aria-pressed="true"]) {
+    box-shadow: 0 2px 6px #00000014;
+  }
+
+  .q-kbuPiy:is(:hover, :focus-visible):not(:disabled) {
+    background-color: #0000000d;
+  }
+
+  .q-ciTwMG:is(:hover, :focus-visible):not(:disabled) {
+    color: var(--q-kHrcNZ);
+  }
+
+  .q-eucvYX:is(:hover, :focus-visible):not(:disabled) {
+    color: var(--q-ckoJkw);
+  }
+
+  .q-cNWypE:has(textarea:focus) {
+    outline-offset: -2px;
+  }
+
+  .q-eYDgoa:has(:focus-visible) > [role="tooltip"] {
+    opacity: 1;
+  }
+
+  .q-ezdbcG:has(:focus-visible) > [role="tooltip"] {
+    visibility: visible;
+  }
+
+  .q-iayYaR:has(select:focus-visible) {
+    outline-offset: -2px;
+  }
+
+  .q-fcLAHJ:hover {
+    background: #fff linear-gradient(#0070d2e6, #0070d2e6);
+    background: linear-gradient(var(--q-bQGTFq),var(--q-bQGTFq)) #fff;
+    background: linear-gradient(var(--q-bQGTFq),var(--q-bQGTFq)) var(--q-button-hover-background-layer, #fff);
+  }
+
+  .q-jjvLow:hover {
+    background: #e6e9ec;
+  }
+
+  .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-fTvRRU a:hover {
+    color: #049;
+  }
+
+  .q-cgIGEp:hover:not(:has([part="preview"]:hover)) > [part="controls"] {
+    opacity: 1;
+  }
+
+  .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-grNxWO:hover {
+    background-color: #0070d214;
+  }
+
+  .q-jDSlqA:hover {
+    background-color: #0070d2;
+    background-color: var(--q-bebYds);
+  }
+
+  .q-dyhvpQ:hover {
+    background-color: #00000014;
+  }
+
+  .q-jRwZDZ:hover {
+    box-shadow: 0 4px 12px #0000001a;
+  }
+
+  .q-eSaIZD:hover {
+    transform: translateY(-2px);
+  }
+
+  .q-ktniFc:hover:not(:disabled) {
+    color: var(--q-ckoJkw);
+  }
+
+  .q-haCzPq:hover {
+    background-color: #0000000d;
+  }
+
+  .q-fgNIIv:hover {
+    box-shadow: 0 4px 12px #0000001a;
+  }
+
+  .q-cxyCGq:hover > [role="tooltip"] {
+    opacity: 1;
+  }
+
+  .q-cMWfeq:hover > [role="tooltip"] {
+    visibility: visible;
+  }
+
+  .q-dgxRto:hover {
+    transform: translateY(-1px);
+  }
+
+  .q-fmkHLh:hover > [data-preview-close-button] {
+    opacity: 1;
+  }
+
+  .q-dlSSNH:hover {
+    cursor: pointer;
+  }
+
+  .q-bYvPCC:active, .q-gskhyk:active {
+    transform: scale(.98);
+  }
+
+  .q-kUSJQw a:hover {
+    color: var(--q-ckoJkw);
+  }
+
+  @media (max-width: 767px) {
+    .q-eKfoSm {
+      padding: 12px;
+      padding: var(--q-cXTyBO);
+    }
+
+    .q-cUZyMp {
+      padding: 0;
+    }
+
+    .q-laagnN {
+      padding: 8px;
+      padding: var(--q-cSaSxh);
+    }
+
+    .q-HKkFr {
+      padding-block: 24px;
+    }
+
+    .q-fbWHwX {
+      padding-inline: 20px;
+    }
+
+    .q-kJKANo {
+      gap: 20px;
+    }
+
+    .q-eccEyE {
+      flex: auto;
+    }
+
+    .q-cGWKKF {
+      border-radius: 0;
+    }
+
+    .q-cjTjmd {
+      padding-block: 8px;
+    }
+
+    .q-ezpGnu {
+      padding-block: 12px;
+    }
+
+    .q-pqUUK {
+      padding-inline: 16px;
+    }
+
+    .q-hrkyQb {
+      flex-direction: column;
+    }
+
+    .q-bFlQYb {
+      align-items: stretch;
+    }
+
+    .q-bsbjMm {
+      grid-template-rows: auto 8px auto 0 1fr 8px auto 8px auto;
+    }
+
+    .q-dWYdLC {
+      box-shadow: none;
+      box-shadow: var(--q-jLtLHp);
+    }
+
+    .q-ihkAGC {
+      background-color: #0000;
+      background-color: var(--q-cWcXnW);
+    }
+
+    .q-heLtmr {
+      min-height: auto;
+    }
+
+    .q-gSEKHa {
+      width: 100%;
+    }
+
+    .q-bpiyPf {
+      padding-top: none;
+      padding-top: var(--q-buRIyh);
+    }
+
+    .q-boMzea {
+      height: 1px;
+    }
+
+    .q-ktmXMf {
+      right: 12px;
+    }
+
+    .q-cddvmL {
+      margin-left: 12px;
+    }
+
+    .q-jZBhFD {
+      bottom: 0;
+    }
+
+    .q-kOmkxQ {
+      right: 0;
+    }
+
+    .q-jPRzLl {
+      width: calc(100% - 20px);
+    }
+
+    .q-aFYPr {
+      max-width: 602px;
+    }
+
+    .q-dhZZDy {
+      max-width: 296px;
+    }
+
+    .q-fMmonj {
+      height: 100%;
+    }
+
+    .q-gfNJoW {
+      height: 40%;
+    }
+
+    .q-jMeGMD {
+      height: 50%;
+    }
+
+    .q-hNlYrQ {
+      padding-bottom: 12px;
+      padding-bottom: var(--q-cXTyBO);
+    }
+
+    .q-flkwv {
+      padding-top: 8px;
+      padding-top: var(--q-cSaSxh);
+    }
+
+    .q-hqcgKD {
+      padding-top: 4px;
+    }
+
+    .q-cMzDxE {
+      padding-bottom: 16px;
+    }
+
+    .q-ghMUOo {
+      width: 24px;
+    }
+
+    .q-kDohnJ {
+      height: 24px;
+    }
+
+    .q-cAmJVr > [part="multimodal"], .q-kSIGpb > [part="multimodal"] {
+      padding: 0;
+    }
+
+    .q-cYpFrb > [part="multimodal"], .q-iCKjCU > [part="toolbar"] {
+      position: fixed;
+    }
+
+    .q-fZsKxC > [part="toolbar"] {
+      z-index: 1001;
+    }
+
+    .q-cEUyLT > [part="toolbar"], .q-kxvSgE > [part="chat"], .q-kxvSgE > [part="input"], .q-kxvSgE > [part="privacy"] {
+      display: none;
+    }
+
+    .q-hwTJUY video {
+      -o-object-fit: cover;
+      object-fit: cover;
+    }
+
+    .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-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-LZTwp > [part="multimodal"] {
+      top: 0;
+    }
+
+    .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-kdQNtG > [part="artifact"] {
+      height: 60%;
+    }
+
+    .q-gZeTFg > [part="artifact"] {
+      height: 80%;
+    }
+  }
+
+  @container bookerPanel (width <= 720px) {
+    .q-dSDTro {
+      padding: 20px;
+    }
+
+    .q-bVolfD {
+      flex: none;
+    }
+
+    .q-ljXZnB {
+      border-radius: 12px 12px 0 0;
+    }
+
+    .q-ibudRi {
+      gap: 12px;
+    }
+
+    .q-bMMGAa {
+      grid-column: 1 / -1;
+    }
+
+    .q-fOAzrj {
+      display: grid;
+    }
+
+    .q-hNRunk {
+      grid-template-columns: max-content 1fr;
+    }
+
+    .q-fFTLKI {
+      align-items: center;
+    }
+
+    .q-bJxKFJ {
+      -moz-column-gap: 12px;
+      column-gap: 12px;
+    }
+
+    .q-ljyTmZ {
+      row-gap: 12px;
+    }
+
+    .q-gwrcEI {
+      flex-direction: row;
+    }
+
+    .q-cLryFq {
+      font-size: 17px;
+    }
+
+    .q-keZbdZ {
+      display: none;
+    }
+
+    .q-cVdDHr {
+      flex-wrap: wrap;
+    }
+
+    .q-hAfgXu {
+      row-gap: 8px;
+    }
+
+    .q-bQEdxp {
+      -moz-column-gap: 16px;
+      column-gap: 16px;
+    }
+
+    .q-gnuZBp {
+      width: 100%;
+    }
+
+    .q-iQntjr {
+      border-right-width: 0;
+    }
+
+    .q-fFPHJN {
+      border-bottom-width: 1px;
+    }
+
+    .q-dMjlzI {
+      border-bottom-style: solid;
+    }
+
+    .q-botVGT {
+      border-bottom-color: #e6e9ec;
+    }
+
+    .q-grHliU {
+      padding-right: 56px;
+    }
+
+    .q-PXdAp {
+      width: 44px;
+    }
+
+    .q-iiXSqE {
+      height: 44px;
+    }
+
+    .q-eZAmVU.q-eZAmVU {
+      flex-direction: column;
+    }
+
+    .q-bXaOrg.q-bXaOrg {
+      align-items: stretch;
+    }
+
+    .q-bHSqWE.q-bHSqWE {
+      display: flex;
+    }
+
+    .q-fDpiJZ:before, .q-iBTIuc:after {
+      content: none;
+    }
+
+    .q-iaKuft.q-iaKuft {
+      min-height: 640px;
+    }
+
+    .q-cqeDAf.q-cqeDAf {
+      min-height: 0;
+    }
+
+    .q-kimwyD.q-kimwyD > * {
+      flex: 1;
+    }
+
+    .q-iUolJh.q-iUolJh > * {
+      min-height: 0;
+    }
+
+    @media (max-width: 767px) {
+      .q-QilRm.q-QilRm {
+        min-height: auto;
+      }
+    }
+  }
+
+  @container bookerPanel (width <= 480px) {
+    .q-jDbKZJ {
+      gap: 4px;
+      gap: var(--q-kCMLyw);
+    }
+
+    .q-fdMomi {
+      grid-template-columns: repeat(3, 1fr);
+    }
+
+    .q-eJQTmP {
+      grid-template-rows: repeat(4, auto);
+    }
+  }
+
+  @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;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .q-jiBOCm {
+      animation: none;
+    }
+
+    .q-AHoIB {
+      transition: none;
+    }
+
+    .q-jkCyzA {
+      opacity: .18;
+    }
+
+    .q-hcSFuK {
+      transform: scale(1);
+    }
+
+    .q-iLwSqI {
+      opacity: .14;
+    }
+  }
+}
+