@property --docs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --Width {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 0%;
}
@property --Red-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFEBEC;
}
@property --Sky-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EBF8FF;
}
@property --bg-sub {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --medium {
  syntax: "<number>";
  inherits: true;
  initial-value: 500;
}
@property --Blue-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EBF1FF;
}
@property --Pink-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFEBF4;
}
@property --Red-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFD5D8;
}
@property --Red-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFC0C5;
}
@property --Red-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FF97A0;
}
@property --Red-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FF6875;
}
@property --Red-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FB3748;
}
@property --Red-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E93544;
}
@property --Red-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D02533;
}
@property --Red-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #AD1F2B;
}
@property --Red-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8B1822;
}
@property --Red-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #681219;
}
@property --Sky-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D5F1FF;
}
@property --Sky-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #C0EAFF;
}
@property --Sky-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #97DCFF;
}
@property --Sky-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #68CDFF;
}
@property --Sky-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #47C2FF;
}
@property --Sky-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #35ADE9;
}
@property --Sky-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2597D0;
}
@property --Sky-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1F7EAD;
}
@property --Sky-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #18658B;
}
@property --Sky-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #124B68;
}
@property --Teal-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E4FBF8;
}
@property --bg-soft {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --bg-weak {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --label-l {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --label-m {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --lead-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --regular {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --Blue-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D5E2FF;
}
@property --Blue-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #C0D5FF;
}
@property --Blue-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #97BAFF;
}
@property --Blue-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #6895FF;
}
@property --Blue-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #335CFF;
}
@property --Blue-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3559E9;
}
@property --Blue-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2547D0;
}
@property --Blue-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1F3BAD;
}
@property --Blue-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #182F8B;
}
@property --Blue-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #122368;
}
@property --Green-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E0FAEC;
}
@property --Pink-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFD5EA;
}
@property --Pink-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFC0DF;
}
@property --Pink-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FF97CB;
}
@property --Pink-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FF68B3;
}
@property --Pink-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FB4BA3;
}
@property --Pink-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E9358F;
}
@property --Pink-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D0257A;
}
@property --Pink-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #AD1F66;
}
@property --Pink-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8B1852;
}
@property --Pink-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #68123D;
}
@property --Teal-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D0FBF5;
}
@property --Teal-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #C2F5EE;
}
@property --Teal-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #84EBDD;
}
@property --Teal-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3FDEC9;
}
@property --Teal-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #22D3BB;
}
@property --Teal-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1DAF9C;
}
@property --Teal-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #178C7D;
}
@property --Teal-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1A7569;
}
@property --Teal-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #16645A;
}
@property --Teal-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0B463E;
}
@property --bg-white {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --guest-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --h1-title {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3.5rem;
}
@property --h2-title {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --h3-title {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.5rem;
}
@property --h4-title {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2rem;
}
@property --h5-title {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --h6-title {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --icon-sub {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --label-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --label-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --label-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --radius-0 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --radius-2 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2px;
}
@property --radius-4 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 4px;
}
@property --radius-6 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 6px;
}
@property --radius-8 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 8px;
}
@property --text-sub {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Green-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #D0FBE9;
}
@property --Green-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #C2F5DA;
}
@property --Green-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #84EBB4;
}
@property --Green-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3EE089;
}
@property --Green-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1FC16B;
}
@property --Green-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1DAF61;
}
@property --Green-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #178C4E;
}
@property --Green-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1A7544;
}
@property --Green-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #16643B;
}
@property --Green-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0B4627;
}
@property --Orange-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFF3EB;
}
@property --Purple-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #EFEBFF;
}
@property --Yellow-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFAEB;
}
@property --bg-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --icon-soft {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --lead-text {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --neutral-0 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFFFFF;
}
@property --radius-10 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 10px;
}
@property --radius-12 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 12px;
}
@property --radius-16 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 16px;
}
@property --radius-20 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 20px;
}
@property --radius-24 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 24px;
}
@property --radius-28 {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 28px;
}
@property --text-soft {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Orange-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFE6D5;
}
@property --Orange-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFD9C0;
}
@property --Orange-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFC197;
}
@property --Orange-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFA468;
}
@property --Orange-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FA7319;
}
@property --Orange-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E16614;
}
@property --Orange-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #CE5E12;
}
@property --Orange-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #B75310;
}
@property --Orange-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #96440D;
}
@property --Orange-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #71330A;
}
@property --Purple-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #DCD5FF;
}
@property --Purple-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #CAC0FF;
}
@property --Purple-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A897FF;
}
@property --Purple-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #8C71F6;
}
@property --Purple-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #7D52F4;
}
@property --Purple-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #693EE0;
}
@property --Purple-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #5B2CC9;
}
@property --Purple-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #4C25A7;
}
@property --Purple-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #3D1D86;
}
@property --Purple-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #351A75;
}
@property --Yellow-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFEFCC;
}
@property --Yellow-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFECC0;
}
@property --Yellow-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFE097;
}
@property --Yellow-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFD268;
}
@property --Yellow-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F6B51E;
}
@property --Yellow-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E6A819;
}
@property --Yellow-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #C99A2C;
}
@property --Yellow-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #A78025;
}
@property --Yellow-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #86661D;
}
@property --Yellow-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #624C18;
}
@property --bg-surface {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --error-base {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --error-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --guest-text {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --icon-white {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --neutral-50 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F5F7FA;
}
@property --stroke-sub {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --text-white {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --unknown-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --error-light {
  syntax: "<color>";
  inherits: true;
  initial-value: #FFC0C5;
}
@property --icon-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --neutral-100 {
  syntax: "<color>";
  inherits: true;
  initial-value: #F2F5F8;
}
@property --neutral-200 {
  syntax: "<color>";
  inherits: true;
  initial-value: #E1E4EA;
}
@property --neutral-300 {
  syntax: "<color>";
  inherits: true;
  initial-value: #CACFD8;
}
@property --neutral-400 {
  syntax: "<color>";
  inherits: true;
  initial-value: #99A0AE;
}
@property --neutral-500 {
  syntax: "<color>";
  inherits: true;
  initial-value: #717784;
}
@property --neutral-600 {
  syntax: "<color>";
  inherits: true;
  initial-value: #525866;
}
@property --neutral-700 {
  syntax: "<color>";
  inherits: true;
  initial-value: #2B303B;
}
@property --neutral-800 {
  syntax: "<color>";
  inherits: true;
  initial-value: #222530;
}
@property --neutral-900 {
  syntax: "<color>";
  inherits: true;
  initial-value: #181B25;
}
@property --neutral-950 {
  syntax: "<color>";
  inherits: true;
  initial-value: #0E121B;
}
@property --p1-bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --p2-bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --p3-bg-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --paragraph-l {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --paragraph-m {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --preview-url {
  syntax: "*";
  inherits: true;
  initial-value: initial;
}
@property --radius-full {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 999px;
}
@property --stroke-soft {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --text-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --non-guest-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --paragraph-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --paragraph-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --paragraph-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --primary-base {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --primary-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --red-alpha-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fb37481a;
}
@property --red-alpha-16 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fb374829;
}
@property --red-alpha-24 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fb37483d;
}
@property --sky-alpha-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #47c2ff1a;
}
@property --sky-alpha-16 {
  syntax: "<color>";
  inherits: true;
  initial-value: #47c2ff29;
}
@property --sky-alpha-24 {
  syntax: "<color>";
  inherits: true;
  initial-value: #47c2ff3d;
}
@property --static-black {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --static-white {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --stroke-white {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --subheading-l {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --subheading-m {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --success-base {
  syntax: "<color>";
  inherits: true;
  initial-value: #1FC16B;
}
@property --success-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: #0B4627;
}
@property --unknown-text {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --warning-base {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --warning-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --blue-alpha-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #476cff1a;
}
@property --blue-alpha-16 {
  syntax: "<color>";
  inherits: true;
  initial-value: #476cff29;
}
@property --blue-alpha-24 {
  syntax: "<color>";
  inherits: true;
  initial-value: #476cff3d;
}
@property --error-lighter {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --icon-disabled {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --p1-text-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --p2-text-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --p3-text-color {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff;
}
@property --pink-alpha-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fb4ba31a;
}
@property --pink-alpha-16 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fb4ba329;
}
@property --pink-alpha-24 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fb4ba33d;
}
@property --shimmer-color {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --stroke-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --subheading-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --subheading-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --success-light {
  syntax: "<color>";
  inherits: true;
  initial-value: #1fc16b3d;
}
@property --teal-alpha-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #22d3bb1a;
}
@property --teal-alpha-16 {
  syntax: "<color>";
  inherits: true;
  initial-value: #22d3bb29;
}
@property --teal-alpha-24 {
  syntax: "<color>";
  inherits: true;
  initial-value: #22d3bb3d;
}
@property --text-disabled {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --warning-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --alphas-alpha-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 10%);
}
@property --alphas-alpha-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 10%);
}
@property --alphas-alpha-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 10%);
}
@property --alphas-alpha-8 {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 10%);
}
@property --away-base-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --away-dark-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --black-alpha-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1717171a;
}
@property --black-alpha-16 {
  syntax: "<color>";
  inherits: true;
  initial-value: #17171729;
}
@property --black-alpha-24 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1717173d;
}
@property --green-alpha-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1fc16b1a;
}
@property --green-alpha-16 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1fc16b29;
}
@property --green-alpha-24 {
  syntax: "<color>";
  inherits: true;
  initial-value: #1fc16b3d;
}
@property --non-guest-text {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --primary-darker {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --subheading-2xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --white-alpha-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff3d;
}
@property --white-alpha-16 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff29;
}
@property --white-alpha-24 {
  syntax: "<color>";
  inherits: true;
  initial-value: #ffffff3d;
}
@property --alphas-alpha-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 10%);
}
@property --alphas-alpha-12 {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 10%);
}
@property --alphas-alpha-16 {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 10%);
}
@property --alphas-alpha-24 {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 10%);
}
@property --alphas-alpha-40 {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 10%);
}
@property --alphas-alpha-56 {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 10%);
}
@property --alphas-alpha-64 {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 10%);
}
@property --alphas-alpha-72 {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 10%);
}
@property --alphas-alpha-80 {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 10%);
}
@property --alphas-alpha-88 {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 10%);
}
@property --away-base-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --away-dark-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --away-light-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: #fbc64b3d;
}
@property --faded-base-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --faded-dark-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --orange-alpha-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fa73191a;
}
@property --orange-alpha-16 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fa731929;
}
@property --orange-alpha-24 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fa73193d;
}
@property --purple-alpha-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #784def1a;
}
@property --purple-alpha-16 {
  syntax: "<color>";
  inherits: true;
  initial-value: #784def29;
}
@property --purple-alpha-24 {
  syntax: "<color>";
  inherits: true;
  initial-value: #784def3d;
}
@property --success-lighter {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --warning-lighter {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --yellow-alpha-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fbc64b1a;
}
@property --yellow-alpha-16 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fbc64b29;
}
@property --yellow-alpha-24 {
  syntax: "<color>";
  inherits: true;
  initial-value: #fbc64b3d;
}
@property --away-light-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --faded-base-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --faded-dark-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --faded-light-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --information-base {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --information-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --neutral-alpha-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: #99a0ae1a;
}
@property --neutral-alpha-16 {
  syntax: "<color>";
  inherits: true;
  initial-value: #99a0ae29;
}
@property --neutral-alpha-24 {
  syntax: "<color>";
  inherits: true;
  initial-value: #99a0ae3d;
}
@property --primary-alpha-10 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --primary-alpha-16 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --primary-alpha-24 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --stable-base-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --stable-dark-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --away-lighter-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --faded-light-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --feature-base-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --feature-dark-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --information-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --stable-base-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --stable-dark-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --stable-light-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --away-lighter-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --faded-lighter-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --feature-base-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --feature-dark-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --feature-light-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --stable-light-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --verified-base-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --verified-dark-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --backgrounds-bg-base {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(0 0% 100%);
}
@property --borders-border-base {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 90%);
}
@property --faded-lighter-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --feature-light-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --foregrounds-fg-base {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 10%);
}
@property --information-lighter {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --stable-lighter-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --template-card-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --verified-base-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --verified-dark-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --verified-light-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --backgrounds-bg-field {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(0 0% 98%);
}
@property --borders-border-error {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(347 77% 50%);
}
@property --feature-lighter-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --foregrounds-fg-error {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(347 77% 50%);
}
@property --foregrounds-fg-muted {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 4% 46%);
}
@property --stable-lighter-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --tag-blue-tag-blue-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(214 95% 93%);
}
@property --tag-error-tag-red-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(356 100% 95%);
}
@property --verified-light-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --backgrounds-bg-subtle {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(0 0% 98%);
}
@property --borders-border-danger {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(345 83% 41%);
}
@property --borders-border-strong {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 5% 84%);
}
@property --buttons-button-danger {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(347 77% 50%);
}
@property --feature-lighter-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --foregrounds-fg-subtle {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 5% 34%);
}
@property --highlighted-base-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --highlighted-dark-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --verified-lighter-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --backgrounds-bg-overlay {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 10%);
}
@property --buttons-button-neutral {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(0 0% 100%);
}
@property --highlighted-base-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --highlighted-dark-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --highlighted-light-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --tag-blue-tag-blue-icon {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(217 91% 60%);
}
@property --tag-blue-tag-blue-text {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(226 71% 40%);
}
@property --tag-error-tag-red-icon {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(350 89% 60%);
}
@property --tag-error-tag-red-text {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(343 80% 35%);
}
@property --verified-lighter-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --backgrounds-bg-disabled {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 5% 96%);
}
@property --borders-border-menu-bot {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(0 0% 100%);
}
@property --borders-border-menu-top {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 90%);
}
@property --buttons-button-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 4% 16%);
}
@property --foregrounds-fg-disabled {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 5% 65%);
}
@property --foregrounds-fg-on-color {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(0 0% 100%);
}
@property --highlighted-light-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --backgrounds-bg-component {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(0 0% 98%);
}
@property --backgrounds-bg-highlight {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(214 100% 97%);
}
@property --button-transparent-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --effects-buttons-inverted {
  syntax: "*";
  inherits: true;
  initial-value: initial;
}
@property --highlighted-lighter-dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --tag-blue-tag-blue-border {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(212 96% 78%);
}
@property --tag-error-tag-red-border {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(353 96% 82%);
}
@property --tag-purple-tag-purple-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(251 91% 95%);
}
@property --tag-success-tag-green-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(149 80% 90%);
}
@property --backgrounds-bg-base-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 5% 96%);
}
@property --backgrounds-bg-switch-off {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 90%);
}
@property --contrast-contrast-bg-base {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 4% 14%);
}
@property --highlighted-lighter-light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --tag-warning-tag-orange-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(34 100% 92%);
}
@property --backgrounds-bg-field-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 5% 96%);
}
@property --backgrounds-bg-interactive {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(217 91% 60%);
}
@property --borders-border-interactive {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(217 91% 60%);
}
@property --borders-border-transparent {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(0 0% 100%);
}
@property --buttons-button-transparent {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(0 0% 100%);
}
@property --foregrounds-fg-interactive {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(221 83% 53%);
}
@property --foregrounds-fg-on-inverted {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(0 0% 100%);
}
@property --tag-blue-tag-blue-bg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(213 97% 87%);
}
@property --tag-error-tag-red-bg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(353 96% 90%);
}
@property --tag-neutral-tag-neutral-bg {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 5% 96%);
}
@property --tag-purple-tag-purple-icon {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(258 90% 66%);
}
@property --tag-purple-tag-purple-text {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(263 69% 42%);
}
@property --tag-success-tag-green-icon {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(160 84% 39%);
}
@property --tag-success-tag-green-text {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(163 88% 20%);
}
@property --backgrounds-bg-base-pressed {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 90%);
}
@property --backgrounds-bg-subtle-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 5% 96%);
}
@property --buttons-button-danger-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(345 83% 41%);
}
@property --contrast-contrast-bg-subtle {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 4% 16%);
}
@property --tag-warning-tag-orange-icon {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(25 95% 53%);
}
@property --tag-warning-tag-orange-text {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(15 79% 34%);
}
@property --buttons-button-neutral-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 5% 96%);
}
@property --contrast-contrast-border-bot {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(0 0% 100%);
}
@property --contrast-contrast-border-top {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 10%);
}
@property --contrast-contrast-fg-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(0 0% 100%);
}
@property --tag-neutral-tag-neutral-icon {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 4% 46%);
}
@property --tag-neutral-tag-neutral-text {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 5% 34%);
}
@property --tag-purple-tag-purple-border {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(252 95% 85%);
}
@property --tag-success-tag-green-border {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(156 72% 67%);
}
@property --backgrounds-bg-subtle-pressed {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 90%);
}
@property --buttons-button-danger-pressed {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(343 80% 35%);
}
@property --buttons-button-inverted-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 5% 26%);
}
@property --contrast-contrast-border-base {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(0 0% 100%);
}
@property --tag-warning-tag-orange-border {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(31 97% 72%);
}
@property --backgrounds-bg-component-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 5% 96%);
}
@property --backgrounds-bg-field-component {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(0 0% 100%);
}
@property --backgrounds-bg-highlight-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(214 95% 93%);
}
@property --buttons-button-neutral-pressed {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 90%);
}
@property --contrast-contrast-fg-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(0 0% 100%);
}
@property --tag-neutral-tag-neutral-border {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 5% 84%);
}
@property --tag-purple-tag-purple-bg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(251 95% 92%);
}
@property --tag-success-tag-green-bg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(152 76% 80%);
}
@property --backgrounds-bg-switch-off-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 5% 84%);
}
@property --buttons-button-inverted-pressed {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 5% 34%);
}
@property --contrast-contrast-bg-base-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 4% 16%);
}
@property --tag-warning-tag-orange-bg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(32 98% 83%);
}
@property --backgrounds-bg-component-pressed {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 90%);
}
@property --buttons-button-transparent-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 10%);
}
@property --foregrounds-fg-interactive-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(217 91% 60%);
}
@property --tag-neutral-tag-neutral-bg-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 90%);
}
@property --contrast-contrast-bg-base-pressed {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 5% 26%);
}
@property --buttons-button-transparent-pressed {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(240 6% 10%);
}
@property --backgrounds-bg-field-component-hover {
  syntax: "<color>";
  inherits: true;
  initial-value: hsl(0 0% 98%);
}

  :host, :root {
  --docs: 1.125rem;
  --Red-50: #FFEBEC;
  --Sky-50: #EBF8FF;
  --bg-sub: var(--neutral-300, #CACFD8);
  --medium: 500;
  --Blue-50: #EBF1FF;
  --Pink-50: #FFEBF4;
  --Red-100: #FFD5D8;
  --Red-200: #FFC0C5;
  --Red-300: #FF97A0;
  --Red-400: #FF6875;
  --Red-500: #FB3748;
  --Red-600: #E93544;
  --Red-700: #D02533;
  --Red-800: #AD1F2B;
  --Red-900: #8B1822;
  --Red-950: #681219;
  --Sky-100: #D5F1FF;
  --Sky-200: #C0EAFF;
  --Sky-300: #97DCFF;
  --Sky-400: #68CDFF;
  --Sky-500: #47C2FF;
  --Sky-600: #35ADE9;
  --Sky-700: #2597D0;
  --Sky-800: #1F7EAD;
  --Sky-900: #18658B;
  --Sky-950: #124B68;
  --Teal-50: #E4FBF8;
  --bg-soft: var(--neutral-200, #E1E4EA);
  --bg-weak: var(--neutral-50, #F5F7FA);
  --label-l: 1.125rem;
  --label-m: 1rem;
  --lead-bg: #335CFF;
  --regular: 400;
  --Blue-100: #D5E2FF;
  --Blue-200: #C0D5FF;
  --Blue-300: #97BAFF;
  --Blue-400: #6895FF;
  --Blue-500: #335CFF;
  --Blue-600: #3559E9;
  --Blue-700: #2547D0;
  --Blue-800: #1F3BAD;
  --Blue-900: #182F8B;
  --Blue-950: #122368;
  --Green-50: #E0FAEC;
  --Pink-100: #FFD5EA;
  --Pink-200: #FFC0DF;
  --Pink-300: #FF97CB;
  --Pink-400: #FF68B3;
  --Pink-500: #FB4BA3;
  --Pink-600: #E9358F;
  --Pink-700: #D0257A;
  --Pink-800: #AD1F66;
  --Pink-900: #8B1852;
  --Pink-950: #68123D;
  --Teal-100: #D0FBF5;
  --Teal-200: #C2F5EE;
  --Teal-300: #84EBDD;
  --Teal-400: #3FDEC9;
  --Teal-500: #22D3BB;
  --Teal-600: #1DAF9C;
  --Teal-700: #178C7D;
  --Teal-800: #1A7569;
  --Teal-900: #16645A;
  --Teal-950: #0B463E;
  --bg-white: var(--neutral-0, #FFFFFF);
  --guest-bg: #E4FBF8;
  --h1-title: 3.5rem;
  --h2-title: 3rem;
  --h3-title: 2.5rem;
  --h4-title: 2rem;
  --h5-title: 1.5rem;
  --h6-title: 1.25rem;
  --icon-sub: var(--neutral-600, #2B303B);
  --label-sm: 0.875rem;
  --label-xl: 1.5rem;
  --label-xs: 0.75rem;
  --radius-0: 0px;
  --radius-2: 2px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --text-sub: var(--neutral-600, #2B303B);
  --Green-100: #D0FBE9;
  --Green-200: #C2F5DA;
  --Green-300: #84EBB4;
  --Green-400: #3EE089;
  --Green-500: #1FC16B;
  --Green-600: #1DAF61;
  --Green-700: #178C4E;
  --Green-800: #1A7544;
  --Green-900: #16643B;
  --Green-950: #0B4627;
  --Orange-50: #FFF3EB;
  --Purple-50: #EFEBFF;
  --Yellow-50: #FFFAEB;
  --bg-strong: var(--neutral-950, #0E121B);
  --icon-soft: var(--neutral-400, #99A0AE);
  --lead-text: #335CFF;
  --neutral-0: #FFFFFF;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-20: 20px;
  --radius-24: 24px;
  --radius-28: 28px;
  --text-soft: var(--neutral-400, #99A0AE);
  --Orange-100: #FFE6D5;
  --Orange-200: #FFD9C0;
  --Orange-300: #FFC197;
  --Orange-400: #FFA468;
  --Orange-500: #FA7319;
  --Orange-600: #E16614;
  --Orange-700: #CE5E12;
  --Orange-800: #B75310;
  --Orange-900: #96440D;
  --Orange-950: #71330A;
  --Purple-100: #DCD5FF;
  --Purple-200: #CAC0FF;
  --Purple-300: #A897FF;
  --Purple-400: #8C71F6;
  --Purple-500: #7D52F4;
  --Purple-600: #693EE0;
  --Purple-700: #5B2CC9;
  --Purple-800: #4C25A7;
  --Purple-900: #3D1D86;
  --Purple-950: #351A75;
  --Yellow-100: #FFEFCC;
  --Yellow-200: #FFECC0;
  --Yellow-300: #FFE097;
  --Yellow-400: #FFD268;
  --Yellow-500: #F6B51E;
  --Yellow-600: #E6A819;
  --Yellow-700: #C99A2C;
  --Yellow-800: #A78025;
  --Yellow-900: #86661D;
  --Yellow-950: #624C18;
  --bg-surface: var(--neutral-800, #222530);
  --error-base: var(--Red-500, #FB3748);
  --error-dark: var(--Red-950, #681219);
  --guest-text: #22D3BB;
  --icon-white: var(--neutral-0, #FFFFFF);
  --neutral-50: #F5F7FA;
  --stroke-sub: var(--neutral-300, #CACFD8);
  --text-white: var(--neutral-0, #FFFFFF);
  --unknown-bg: #F5F5F5;
  --error-light: var(--Red-200);
  --icon-strong: var(--neutral-950, #0E121B);
  --neutral-100: #F2F5F8;
  --neutral-200: #E1E4EA;
  --neutral-300: #CACFD8;
  --neutral-400: #99A0AE;
  --neutral-500: #717784;
  --neutral-600: #525866;
  --neutral-700: #2B303B;
  --neutral-800: #222530;
  --neutral-900: #181B25;
  --neutral-950: #0E121B;
  --p1-bg-color: #FFEBEC;
  --p2-bg-color: #FFF3EB;
  --p3-bg-color: #EBF1FF;
  --paragraph-l: 1.125rem;
  --paragraph-m: 1rem;
  --radius-full: 999px;
  --stroke-soft: var(--neutral-200, #E1E4EA);
  --text-strong: var(--neutral-950, #0E121B);
  --non-guest-bg: #FFEBF4;
  --paragraph-sm: 0.875rem;
  --paragraph-xl: 1.5rem;
  --paragraph-xs: 0.75rem;
  --primary-base: var(--Pink-500, #FB4BA3);
  --primary-dark: var(--Pink-800, #AD1F66);
  --red-alpha-10: #fb37481a;
  --red-alpha-16: #fb374829;
  --red-alpha-24: #fb37483d;
  --sky-alpha-10: #47c2ff1a;
  --sky-alpha-16: #47c2ff29;
  --sky-alpha-24: #47c2ff3d;
  --static-black: var(--neutral-950, #0E121B);
  --static-white: var(--neutral-0, #FFFFFF);
  --stroke-white: var(--neutral-0, #FFFFFF);
  --subheading-l: 1.125rem;
  --subheading-m: 1rem;
  --success-base: var(--Green-500);
  --success-dark: var(--Green-950);
  --unknown-text: #7B7B7B;
  --warning-base: var(--Orange-500, #FA7319);
  --warning-dark: var(--Orange-950, #71330A);
  --blue-alpha-10: #476cff1a;
  --blue-alpha-16: #476cff29;
  --blue-alpha-24: #476cff3d;
  --error-lighter: var(--Red-50, #FFEBEC);
  --icon-disabled: var(--neutral-300, #CACFD8);
  --p1-text-color: #FB3748;
  --p2-text-color: #FA7319;
  --p3-text-color: #335CFF;
  --pink-alpha-10: #fb4ba31a;
  --pink-alpha-16: #fb4ba329;
  --pink-alpha-24: #fb4ba33d;
  --shimmer-color: #eaebeb85;
  --stroke-strong: var(--neutral-950, #0E121B);
  --subheading-sm: 0.875rem;
  --subheading-xs: 0.75rem;
  --success-light: var(--green-alpha-24);
  --teal-alpha-10: #22d3bb1a;
  --teal-alpha-16: #22d3bb29;
  --teal-alpha-24: #22d3bb3d;
  --text-disabled: var(--neutral-300, #CACFD8);
  --warning-light: var(--Orange-200, #FFD9C0);
  --alphas-alpha-2: hsl(240 6% 10%);
  --alphas-alpha-4: hsl(240 6% 10%);
  --alphas-alpha-6: hsl(240 6% 10%);
  --alphas-alpha-8: hsl(240 6% 10%);
  --away-base-dark: var(--Yellow-600, #E6A819);
  --away-dark-dark: var(--Yellow-400, #FFD268);
  --black-alpha-10: #1717171a;
  --black-alpha-16: #17171729;
  --black-alpha-24: #1717173d;
  --green-alpha-10: #1fc16b1a;
  --green-alpha-16: #1fc16b29;
  --green-alpha-24: #1fc16b3d;
  --non-guest-text: #FB4BA3;
  --primary-darker: var(--Pink-700, #D0257A);
  --subheading-2xs: 1rem;
  --white-alpha-10: #ffffff3d;
  --white-alpha-16: #ffffff29;
  --white-alpha-24: #ffffff3d;
  --alphas-alpha-10: hsl(240 6% 10%);
  --alphas-alpha-12: hsl(240 6% 10%);
  --alphas-alpha-16: hsl(240 6% 10%);
  --alphas-alpha-24: hsl(240 6% 10%);
  --alphas-alpha-40: hsl(240 6% 10%);
  --alphas-alpha-56: hsl(240 6% 10%);
  --alphas-alpha-64: hsl(240 6% 10%);
  --alphas-alpha-72: hsl(240 6% 10%);
  --alphas-alpha-80: hsl(240 6% 10%);
  --alphas-alpha-88: hsl(240 6% 10%);
  --away-base-light: var(--Yellow-500, #F6B51E);
  --away-dark-light: var(--Yellow-950, #624C18);
  --away-light-dark: var(--yellow-alpha-24);
  --faded-base-dark: var(--neutral-500, #717784);
  --faded-dark-dark: var(--neutral-300, #CACFD8);
  --orange-alpha-10: #fa73191a;
  --orange-alpha-16: #fa731929;
  --orange-alpha-24: #fa73193d;
  --purple-alpha-10: #784def1a;
  --purple-alpha-16: #784def29;
  --purple-alpha-24: #784def3d;
  --success-lighter: var(--Green-50, #E0FAEC);
  --warning-lighter: var(--Orange-50, #FFF3EB);
  --yellow-alpha-10: #fbc64b1a;
  --yellow-alpha-16: #fbc64b29;
  --yellow-alpha-24: #fbc64b3d;
  --away-light-light: var(--Yellow-200, #FFECC0);
  --faded-base-light: var(--neutral-500, #717784);
  --faded-dark-light: var(--neutral-800, #222530);
  --faded-light-dark: var(--neutral-alpha-24, #99a0ae3d);
  --information-base: var(--Blue-500, #335CFF);
  --information-dark: var(--Blue-400, #6895FF);
  --neutral-alpha-10: #99a0ae1a;
  --neutral-alpha-16: #99a0ae29;
  --neutral-alpha-24: #99a0ae3d;
  --primary-alpha-10: var(--pink-alpha-10, #fb4ba31a);
  --primary-alpha-16: var(--pink-alpha-16, #fb4ba329);
  --primary-alpha-24: var(--pink-alpha-24, #fb4ba33d);
  --stable-base-dark: var(--Teal-600, #1DAF9C);
  --stable-dark-dark: var(--Teal-400, #3FDEC9);
  --away-lighter-dark: var(--yellow-alpha-16, #fbc64b29);
  --faded-light-light: var(--neutral-200, #E1E4EA);
  --feature-base-dark: var(--Purple-500, #7D52F4);
  --feature-dark-dark: var(--Purple-400, #8C71F6);
  --information-light: var(--Blue-200, #C0D5FF);
  --stable-base-light: var(--Teal-500, #22D3BB);
  --stable-dark-light: var(--Teal-950, #0B463E);
  --stable-light-dark: var(--teal-alpha-24, #22d3bb3d);
  --away-lighter-light: var(--Yellow-50, #FFFAEB);
  --faded-lighter-dark: var(--neutral-alpha-16, #99a0ae29);
  --feature-base-light: var(--Purple-500, #7D52F4);
  --feature-dark-light: var(--Purple-950, #351A75);
  --feature-light-dark: var(--purple-alpha-24, #784def3d);
  --stable-light-light: var(--Teal-200, #C2F5EE);
  --verified-base-dark: var(--Sky-600, #35ADE9);
  --verified-dark-dark: var(--Sky-400, #68CDFF);
  --backgrounds-bg-base: hsl(0 0% 100%);
  --borders-border-base: #E4E4E7;
  --faded-lighter-light: var(--neutral-100, #F2F5F8);
  --feature-light-light: var(--Purple-200, #CAC0FF);
  --foregrounds-fg-base: hsl(240 6% 10%);
  --information-lighter: var(--Blue-50, #EBF1FF);
  --stable-lighter-dark: var(--teal-alpha-16, #22d3bb29);
  --template-card-hover: #0000000d;
  --verified-base-light: var(--Sky-500, #47C2FF);
  --verified-dark-light: var(--Sky-950, #124B68);
  --verified-light-dark: var(--sky-alpha-24, #47c2ff3d);
  --backgrounds-bg-field: hsl(0 0% 98%);
  --borders-border-error: hsl(347 77% 50%);
  --feature-lighter-dark: var(--purple-alpha-16, #784def29);
  --foregrounds-fg-error: hsl(347 77% 50%);
  --foregrounds-fg-muted: hsl(240 4% 46%);
  --stable-lighter-light: var(--Teal-50, #E4FBF8);
  --tag-blue-tag-blue-bg: hsl(214 95% 93%);
  --tag-error-tag-red-bg: hsl(356 100% 95%);
  --verified-light-light: var(--Sky-200, #C0EAFF);
  --backgrounds-bg-subtle: hsl(0 0% 98%);
  --borders-border-danger: hsl(345 83% 41%);
  --borders-border-strong: hsl(240 5% 84%);
  --buttons-button-danger: hsl(347 77% 50%);
  --feature-lighter-light: var(--Purple-50, #EFEBFF);
  --foregrounds-fg-subtle: hsl(240 5% 34%);
  --highlighted-base-dark: var(--Pink-600, #E9358F);
  --highlighted-dark-dark: var(--Pink-400, #FF68B3);
  --verified-lighter-dark: var(--sky-alpha-16, #47c2ff29);
  --backgrounds-bg-overlay: hsl(240 6% 10%);
  --buttons-button-neutral: hsl(0 0% 100%);
  --highlighted-base-light: var(--Pink-500, #FB4BA3);
  --highlighted-dark-light: var(--Pink-950, #68123D);
  --highlighted-light-dark: var(--pink-alpha-24, #fb4ba33d);
  --tag-blue-tag-blue-icon: hsl(217 91% 60%);
  --tag-blue-tag-blue-text: hsl(226 71% 40%);
  --tag-error-tag-red-icon: hsl(350 89% 60%);
  --tag-error-tag-red-text: hsl(343 80% 35%);
  --verified-lighter-light: var(--Sky-50, #EBF8FF);
  --backgrounds-bg-disabled: hsl(240 5% 96%);
  --borders-border-menu-bot: hsl(0 0% 100%);
  --borders-border-menu-top: hsl(240 6% 90%);
  --buttons-button-inverted: hsl(240 4% 16%);
  --foregrounds-fg-disabled: hsl(240 5% 65%);
  --foregrounds-fg-on-color: hsl(0 0% 100%);
  --highlighted-light-light: var(--Pink-200, #FFC0DF);
  --backgrounds-bg-component: hsl(0 0% 98%);
  --backgrounds-bg-highlight: hsl(214 100% 97%);
  --button-transparent-hover: rgba(24, 24, 27, 0.06);
  --effects-buttons-inverted: 0 0.75px 0 0 rgba(255, 255, 255, 0.20) inset, 0 1px 2px 0 rgba(0, 0, 0, 0.40), 0 0 0 1px #18181B;
  --highlighted-lighter-dark: var(--pink-alpha-16, #fb4ba329);
  --tag-blue-tag-blue-border: hsl(212 96% 78%);
  --tag-error-tag-red-border: hsl(353 96% 82%);
  --tag-purple-tag-purple-bg: hsl(251 91% 95%);
  --tag-success-tag-green-bg: hsl(149 80% 90%);
  --backgrounds-bg-base-hover: hsl(240 5% 96%);
  --backgrounds-bg-switch-off: hsl(240 6% 90%);
  --contrast-contrast-bg-base: hsl(240 4% 14%);
  --highlighted-lighter-light: var(--Pink-50, #FFEBF4);
  --tag-warning-tag-orange-bg: hsl(34 100% 92%);
  --backgrounds-bg-field-hover: hsl(240 5% 96%);
  --backgrounds-bg-interactive: hsl(217 91% 60%);
  --borders-border-interactive: hsl(217 91% 60%);
  --borders-border-transparent: hsl(0 0% 100%);
  --buttons-button-transparent: hsl(0 0% 100%);
  --foregrounds-fg-interactive: hsl(221 83% 53%);
  --foregrounds-fg-on-inverted: hsl(0 0% 100%);
  --tag-blue-tag-blue-bg-hover: hsl(213 97% 87%);
  --tag-error-tag-red-bg-hover: hsl(353 96% 90%);
  --tag-neutral-tag-neutral-bg: hsl(240 5% 96%);
  --tag-purple-tag-purple-icon: hsl(258 90% 66%);
  --tag-purple-tag-purple-text: hsl(263 69% 42%);
  --tag-success-tag-green-icon: hsl(160 84% 39%);
  --tag-success-tag-green-text: hsl(163 88% 20%);
  --backgrounds-bg-base-pressed: hsl(240 6% 90%);
  --backgrounds-bg-subtle-hover: hsl(240 5% 96%);
  --buttons-button-danger-hover: hsl(345 83% 41%);
  --contrast-contrast-bg-subtle: hsl(240 4% 16%);
  --tag-warning-tag-orange-icon: hsl(25 95% 53%);
  --tag-warning-tag-orange-text: hsl(15 79% 34%);
  --buttons-button-neutral-hover: hsl(240 5% 96%);
  --contrast-contrast-border-bot: hsl(0 0% 100%);
  --contrast-contrast-border-top: hsl(240 6% 10%);
  --contrast-contrast-fg-primary: hsl(0 0% 100%);
  --tag-neutral-tag-neutral-icon: hsl(240 4% 46%);
  --tag-neutral-tag-neutral-text: hsl(240 5% 34%);
  --tag-purple-tag-purple-border: hsl(252 95% 85%);
  --tag-success-tag-green-border: hsl(156 72% 67%);
  --backgrounds-bg-subtle-pressed: hsl(240 6% 90%);
  --buttons-button-danger-pressed: hsl(343 80% 35%);
  --buttons-button-inverted-hover: hsl(240 5% 26%);
  --contrast-contrast-border-base: hsl(0 0% 100%);
  --tag-warning-tag-orange-border: hsl(31 97% 72%);
  --backgrounds-bg-component-hover: hsl(240 5% 96%);
  --backgrounds-bg-field-component: hsl(0 0% 100%);
  --backgrounds-bg-highlight-hover: hsl(214 95% 93%);
  --buttons-button-neutral-pressed: hsl(240 6% 90%);
  --contrast-contrast-fg-secondary: hsl(0 0% 100%);
  --tag-neutral-tag-neutral-border: hsl(240 5% 84%);
  --tag-purple-tag-purple-bg-hover: hsl(251 95% 92%);
  --tag-success-tag-green-bg-hover: hsl(152 76% 80%);
  --backgrounds-bg-switch-off-hover: hsl(240 5% 84%);
  --buttons-button-inverted-pressed: hsl(240 5% 34%);
  --contrast-contrast-bg-base-hover: hsl(240 4% 16%);
  --tag-warning-tag-orange-bg-hover: hsl(32 98% 83%);
  --backgrounds-bg-component-pressed: hsl(240 6% 90%);
  --buttons-button-transparent-hover: hsl(240 6% 10%);
  --foregrounds-fg-interactive-hover: hsl(217 91% 60%);
  --tag-neutral-tag-neutral-bg-hover: hsl(240 6% 90%);
  --contrast-contrast-bg-base-pressed: hsl(240 5% 26%);
  --buttons-button-transparent-pressed: hsl(240 6% 10%);
  --backgrounds-bg-field-component-hover: hsl(0 0% 98%);
}
  @media (prefers-color-scheme: dark) {
      :host, :root {
  --lead-bg: #476cff29;
  --guest-bg: #22d3bb29;
  --lead-text: #EBF1FF;
  --guest-text: #1DAF9C;
  --unknown-bg: #99a0ae29;
  --p1-bg-color: #fb374829;
  --p2-bg-color: #fa731929;
  --p3-bg-color: #476cff29;
  --non-guest-bg: #fb4ba329;
  --unknown-text: #7B7B7B;
  --p1-text-color: #FB3748;
  --p2-text-color: #E16614;
  --p3-text-color: #335CFF;
  --shimmer-color: #333333;
  --alphas-alpha-2: hsl(0 0% 100%);
  --alphas-alpha-4: hsl(0 0% 100%);
  --alphas-alpha-6: hsl(0 0% 100%);
  --alphas-alpha-8: hsl(0 0% 100%);
  --non-guest-text: #E9358F;
  --alphas-alpha-10: hsl(0 0% 100%);
  --alphas-alpha-12: hsl(0 0% 100%);
  --alphas-alpha-16: hsl(0 0% 100%);
  --alphas-alpha-24: hsl(0 0% 100%);
  --alphas-alpha-40: hsl(0 0% 100%);
  --alphas-alpha-56: hsl(0 0% 100%);
  --alphas-alpha-64: hsl(0 0% 100%);
  --alphas-alpha-72: hsl(0 0% 100%);
  --alphas-alpha-80: hsl(0 0% 100%);
  --alphas-alpha-88: hsl(0 0% 100%);
  --backgrounds-bg-base: hsl(240 4% 14%);
  --borders-border-base: #ffffff1a;
  --foregrounds-fg-base: hsl(240 5% 96%);
  --template-card-hover: #ffffff0d;
  --backgrounds-bg-field: hsl(0 0% 100%);
  --borders-border-error: hsl(351 95% 71%);
  --foregrounds-fg-error: hsl(351 95% 71%);
  --foregrounds-fg-muted: hsl(240 4% 46%);
  --tag-blue-tag-blue-bg: hsl(226 57% 21%);
  --tag-error-tag-red-bg: hsl(343 88% 16%);
  --backgrounds-bg-subtle: hsl(240 6% 10%);
  --borders-border-danger: hsl(345 83% 41%);
  --borders-border-strong: hsl(0 0% 100%);
  --buttons-button-danger: hsl(343 80% 35%);
  --foregrounds-fg-subtle: hsl(240 5% 65%);
  --backgrounds-bg-overlay: hsl(240 6% 10%);
  --buttons-button-neutral: hsl(0 0% 100%);
  --tag-blue-tag-blue-icon: hsl(213 94% 68%);
  --tag-blue-tag-blue-text: hsl(212 96% 78%);
  --tag-error-tag-red-icon: hsl(351 95% 71%);
  --tag-error-tag-red-text: hsl(353 96% 82%);
  --backgrounds-bg-disabled: hsl(240 4% 16%);
  --borders-border-menu-bot: hsl(0 0% 100%);
  --borders-border-menu-top: hsl(240 4% 14%);
  --buttons-button-inverted: hsl(240 5% 34%);
  --foregrounds-fg-disabled: hsl(240 5% 34%);
  --foregrounds-fg-on-color: hsl(0 0% 100%);
  --backgrounds-bg-component: hsl(240 4% 16%);
  --backgrounds-bg-highlight: hsl(226 57% 21%);
  --button-transparent-hover: rgba(255, 255, 255, 0.08);
  --effects-buttons-inverted: 0 -1px 0 0 rgba(255, 255, 255, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.10), 0 0 0 1px #52525B, 0 0 1px 1.5px rgba(0, 0, 0, 0.24), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  --tag-blue-tag-blue-border: hsl(224 64% 33%);
  --tag-error-tag-red-border: hsl(342 75% 30%);
  --tag-purple-tag-purple-bg: hsl(261 73% 23%);
  --tag-success-tag-green-bg: hsl(166 91% 9%);
  --backgrounds-bg-base-hover: hsl(240 4% 16%);
  --backgrounds-bg-switch-off: hsl(240 5% 26%);
  --contrast-contrast-bg-base: hsl(240 4% 16%);
  --tag-warning-tag-orange-bg: hsl(13 81% 15%);
  --backgrounds-bg-field-hover: hsl(0 0% 100%);
  --backgrounds-bg-interactive: hsl(213 94% 68%);
  --borders-border-interactive: hsl(213 94% 68%);
  --borders-border-transparent: hsl(0 0% 100%);
  --buttons-button-transparent: hsl(0 0% 100%);
  --foregrounds-fg-interactive: hsl(213 94% 68%);
  --foregrounds-fg-on-inverted: hsl(240 6% 10%);
  --tag-blue-tag-blue-bg-hover: hsl(224 64% 33%);
  --tag-error-tag-red-bg-hover: hsl(342 75% 30%);
  --tag-neutral-tag-neutral-bg: hsl(240 5% 26%);
  --tag-purple-tag-purple-icon: hsl(255 92% 76%);
  --tag-purple-tag-purple-text: hsl(252 95% 85%);
  --tag-success-tag-green-icon: hsl(160 84% 39%);
  --tag-success-tag-green-text: hsl(158 64% 52%);
  --backgrounds-bg-base-pressed: hsl(240 5% 26%);
  --backgrounds-bg-subtle-hover: hsl(240 4% 14%);
  --buttons-button-danger-hover: hsl(345 83% 41%);
  --contrast-contrast-bg-subtle: hsl(0 0% 100%);
  --tag-warning-tag-orange-icon: hsl(27 96% 61%);
  --tag-warning-tag-orange-text: hsl(31 97% 72%);
  --buttons-button-neutral-hover: hsl(0 0% 100%);
  --contrast-contrast-border-bot: hsl(0 0% 100%);
  --contrast-contrast-border-top: hsl(240 4% 14%);
  --contrast-contrast-fg-primary: hsl(0 0% 100%);
  --tag-neutral-tag-neutral-icon: hsl(240 5% 65%);
  --tag-neutral-tag-neutral-text: hsl(240 5% 84%);
  --tag-purple-tag-purple-border: hsl(263 69% 42%);
  --tag-success-tag-green-border: hsl(164 86% 16%);
  --backgrounds-bg-subtle-pressed: hsl(240 4% 16%);
  --buttons-button-danger-pressed: hsl(347 77% 50%);
  --buttons-button-inverted-hover: hsl(240 4% 46%);
  --contrast-contrast-border-base: hsl(0 0% 100%);
  --tag-warning-tag-orange-border: hsl(15 75% 28%);
  --backgrounds-bg-component-hover: hsl(0 0% 100%);
  --backgrounds-bg-field-component: hsl(240 4% 14%);
  --backgrounds-bg-highlight-hover: hsl(224 64% 33%);
  --buttons-button-neutral-pressed: hsl(0 0% 100%);
  --contrast-contrast-fg-secondary: hsl(0 0% 100%);
  --tag-neutral-tag-neutral-border: hsl(0 0% 100%);
  --tag-purple-tag-purple-bg-hover: hsl(263 69% 42%);
  --tag-success-tag-green-bg-hover: hsl(164 86% 16%);
  --backgrounds-bg-switch-off-hover: hsl(240 5% 34%);
  --buttons-button-inverted-pressed: hsl(240 5% 65%);
  --contrast-contrast-bg-base-hover: hsl(0 0% 100%);
  --tag-warning-tag-orange-bg-hover: hsl(15 75% 28%);
  --backgrounds-bg-component-pressed: hsl(0 0% 100%);
  --buttons-button-transparent-hover: hsl(0 0% 100%);
  --foregrounds-fg-interactive-hover: hsl(212 96% 78%);
  --tag-neutral-tag-neutral-bg-hover: hsl(240 5% 34%);
  --contrast-contrast-bg-base-pressed: hsl(0 0% 100%);
  --buttons-button-transparent-pressed: hsl(0 0% 100%);
  --backgrounds-bg-field-component-hover: hsl(240 4% 16%);
}
    }
  @media (prefers-color-scheme: light) {
      :host, :root {
  --docs: 1.125rem;
  --Red-50: #FFEBEC;
  --Sky-50: #EBF8FF;
  --bg-sub: var(--neutral-300, #CACFD8);
  --medium: 500;
  --Blue-50: #EBF1FF;
  --Pink-50: #FFEBF4;
  --Red-100: #FFD5D8;
  --Red-200: #FFC0C5;
  --Red-300: #FF97A0;
  --Red-400: #FF6875;
  --Red-500: #FB3748;
  --Red-600: #E93544;
  --Red-700: #D02533;
  --Red-800: #AD1F2B;
  --Red-900: #8B1822;
  --Red-950: #681219;
  --Sky-100: #D5F1FF;
  --Sky-200: #C0EAFF;
  --Sky-300: #97DCFF;
  --Sky-400: #68CDFF;
  --Sky-500: #47C2FF;
  --Sky-600: #35ADE9;
  --Sky-700: #2597D0;
  --Sky-800: #1F7EAD;
  --Sky-900: #18658B;
  --Sky-950: #124B68;
  --Teal-50: #E4FBF8;
  --bg-soft: var(--neutral-200, #E1E4EA);
  --bg-weak: var(--neutral-50, #F5F7FA);
  --label-l: 1.125rem;
  --label-m: 1rem;
  --lead-bg: #335CFF;
  --regular: 400;
  --Blue-100: #D5E2FF;
  --Blue-200: #C0D5FF;
  --Blue-300: #97BAFF;
  --Blue-400: #6895FF;
  --Blue-500: #335CFF;
  --Blue-600: #3559E9;
  --Blue-700: #2547D0;
  --Blue-800: #1F3BAD;
  --Blue-900: #182F8B;
  --Blue-950: #122368;
  --Green-50: #E0FAEC;
  --Pink-100: #FFD5EA;
  --Pink-200: #FFC0DF;
  --Pink-300: #FF97CB;
  --Pink-400: #FF68B3;
  --Pink-500: #FB4BA3;
  --Pink-600: #E9358F;
  --Pink-700: #D0257A;
  --Pink-800: #AD1F66;
  --Pink-900: #8B1852;
  --Pink-950: #68123D;
  --Teal-100: #D0FBF5;
  --Teal-200: #C2F5EE;
  --Teal-300: #84EBDD;
  --Teal-400: #3FDEC9;
  --Teal-500: #22D3BB;
  --Teal-600: #1DAF9C;
  --Teal-700: #178C7D;
  --Teal-800: #1A7569;
  --Teal-900: #16645A;
  --Teal-950: #0B463E;
  --bg-white: var(--neutral-0, #FFFFFF);
  --guest-bg: #E4FBF8;
  --h1-title: 3.5rem;
  --h2-title: 3rem;
  --h3-title: 2.5rem;
  --h4-title: 2rem;
  --h5-title: 1.5rem;
  --h6-title: 1.25rem;
  --icon-sub: var(--neutral-600, #2B303B);
  --label-sm: 0.875rem;
  --label-xl: 1.5rem;
  --label-xs: 0.75rem;
  --radius-0: 0px;
  --radius-2: 2px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --text-sub: var(--neutral-600, #2B303B);
  --Green-100: #D0FBE9;
  --Green-200: #C2F5DA;
  --Green-300: #84EBB4;
  --Green-400: #3EE089;
  --Green-500: #1FC16B;
  --Green-600: #1DAF61;
  --Green-700: #178C4E;
  --Green-800: #1A7544;
  --Green-900: #16643B;
  --Green-950: #0B4627;
  --Orange-50: #FFF3EB;
  --Purple-50: #EFEBFF;
  --Yellow-50: #FFFAEB;
  --bg-strong: var(--neutral-950, #0E121B);
  --icon-soft: var(--neutral-400, #99A0AE);
  --lead-text: #335CFF;
  --neutral-0: #FFFFFF;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-20: 20px;
  --radius-24: 24px;
  --radius-28: 28px;
  --text-soft: var(--neutral-400, #99A0AE);
  --Orange-100: #FFE6D5;
  --Orange-200: #FFD9C0;
  --Orange-300: #FFC197;
  --Orange-400: #FFA468;
  --Orange-500: #FA7319;
  --Orange-600: #E16614;
  --Orange-700: #CE5E12;
  --Orange-800: #B75310;
  --Orange-900: #96440D;
  --Orange-950: #71330A;
  --Purple-100: #DCD5FF;
  --Purple-200: #CAC0FF;
  --Purple-300: #A897FF;
  --Purple-400: #8C71F6;
  --Purple-500: #7D52F4;
  --Purple-600: #693EE0;
  --Purple-700: #5B2CC9;
  --Purple-800: #4C25A7;
  --Purple-900: #3D1D86;
  --Purple-950: #351A75;
  --Yellow-100: #FFEFCC;
  --Yellow-200: #FFECC0;
  --Yellow-300: #FFE097;
  --Yellow-400: #FFD268;
  --Yellow-500: #F6B51E;
  --Yellow-600: #E6A819;
  --Yellow-700: #C99A2C;
  --Yellow-800: #A78025;
  --Yellow-900: #86661D;
  --Yellow-950: #624C18;
  --bg-surface: var(--neutral-800, #222530);
  --error-base: var(--Red-500, #FB3748);
  --error-dark: var(--Red-950, #681219);
  --guest-text: #22D3BB;
  --icon-white: var(--neutral-0, #FFFFFF);
  --neutral-50: #F5F7FA;
  --stroke-sub: var(--neutral-300, #CACFD8);
  --text-white: var(--neutral-0, #FFFFFF);
  --unknown-bg: #F5F5F5;
  --error-light: var(--Red-200);
  --icon-strong: var(--neutral-950, #0E121B);
  --neutral-100: #F2F5F8;
  --neutral-200: #E1E4EA;
  --neutral-300: #CACFD8;
  --neutral-400: #99A0AE;
  --neutral-500: #717784;
  --neutral-600: #525866;
  --neutral-700: #2B303B;
  --neutral-800: #222530;
  --neutral-900: #181B25;
  --neutral-950: #0E121B;
  --p1-bg-color: #FFEBEC;
  --p2-bg-color: #FFF3EB;
  --p3-bg-color: #EBF1FF;
  --paragraph-l: 1.125rem;
  --paragraph-m: 1rem;
  --radius-full: 999px;
  --stroke-soft: var(--neutral-200, #E1E4EA);
  --text-strong: var(--neutral-950, #0E121B);
  --non-guest-bg: #FFEBF4;
  --paragraph-sm: 0.875rem;
  --paragraph-xl: 1.5rem;
  --paragraph-xs: 0.75rem;
  --primary-base: var(--Pink-500, #FB4BA3);
  --primary-dark: var(--Pink-800, #AD1F66);
  --red-alpha-10: #fb37481a;
  --red-alpha-16: #fb374829;
  --red-alpha-24: #fb37483d;
  --sky-alpha-10: #47c2ff1a;
  --sky-alpha-16: #47c2ff29;
  --sky-alpha-24: #47c2ff3d;
  --static-black: var(--neutral-950, #0E121B);
  --static-white: var(--neutral-0, #FFFFFF);
  --stroke-white: var(--neutral-0, #FFFFFF);
  --subheading-l: 1.125rem;
  --subheading-m: 1rem;
  --success-base: var(--Green-500);
  --success-dark: var(--Green-950);
  --unknown-text: #7B7B7B;
  --warning-base: var(--Orange-500, #FA7319);
  --warning-dark: var(--Orange-950, #71330A);
  --blue-alpha-10: #476cff1a;
  --blue-alpha-16: #476cff29;
  --blue-alpha-24: #476cff3d;
  --error-lighter: var(--Red-50, #FFEBEC);
  --icon-disabled: var(--neutral-300, #CACFD8);
  --p1-text-color: #FB3748;
  --p2-text-color: #FA7319;
  --p3-text-color: #335CFF;
  --pink-alpha-10: #fb4ba31a;
  --pink-alpha-16: #fb4ba329;
  --pink-alpha-24: #fb4ba33d;
  --shimmer-color: #eaebeb85;
  --stroke-strong: var(--neutral-950, #0E121B);
  --subheading-sm: 0.875rem;
  --subheading-xs: 0.75rem;
  --success-light: var(--green-alpha-24);
  --teal-alpha-10: #22d3bb1a;
  --teal-alpha-16: #22d3bb29;
  --teal-alpha-24: #22d3bb3d;
  --text-disabled: var(--neutral-300, #CACFD8);
  --warning-light: var(--Orange-200, #FFD9C0);
  --alphas-alpha-2: hsl(240 6% 10%);
  --alphas-alpha-4: hsl(240 6% 10%);
  --alphas-alpha-6: hsl(240 6% 10%);
  --alphas-alpha-8: hsl(240 6% 10%);
  --away-base-dark: var(--Yellow-600, #E6A819);
  --away-dark-dark: var(--Yellow-400, #FFD268);
  --black-alpha-10: #1717171a;
  --black-alpha-16: #17171729;
  --black-alpha-24: #1717173d;
  --green-alpha-10: #1fc16b1a;
  --green-alpha-16: #1fc16b29;
  --green-alpha-24: #1fc16b3d;
  --non-guest-text: #FB4BA3;
  --primary-darker: var(--Pink-700, #D0257A);
  --subheading-2xs: 1rem;
  --white-alpha-10: #ffffff3d;
  --white-alpha-16: #ffffff29;
  --white-alpha-24: #ffffff3d;
  --alphas-alpha-10: hsl(240 6% 10%);
  --alphas-alpha-12: hsl(240 6% 10%);
  --alphas-alpha-16: hsl(240 6% 10%);
  --alphas-alpha-24: hsl(240 6% 10%);
  --alphas-alpha-40: hsl(240 6% 10%);
  --alphas-alpha-56: hsl(240 6% 10%);
  --alphas-alpha-64: hsl(240 6% 10%);
  --alphas-alpha-72: hsl(240 6% 10%);
  --alphas-alpha-80: hsl(240 6% 10%);
  --alphas-alpha-88: hsl(240 6% 10%);
  --away-base-light: var(--Yellow-500, #F6B51E);
  --away-dark-light: var(--Yellow-950, #624C18);
  --away-light-dark: var(--yellow-alpha-24);
  --faded-base-dark: var(--neutral-500, #717784);
  --faded-dark-dark: var(--neutral-300, #CACFD8);
  --orange-alpha-10: #fa73191a;
  --orange-alpha-16: #fa731929;
  --orange-alpha-24: #fa73193d;
  --purple-alpha-10: #784def1a;
  --purple-alpha-16: #784def29;
  --purple-alpha-24: #784def3d;
  --success-lighter: var(--Green-50, #E0FAEC);
  --warning-lighter: var(--Orange-50, #FFF3EB);
  --yellow-alpha-10: #fbc64b1a;
  --yellow-alpha-16: #fbc64b29;
  --yellow-alpha-24: #fbc64b3d;
  --away-light-light: var(--Yellow-200, #FFECC0);
  --faded-base-light: var(--neutral-500, #717784);
  --faded-dark-light: var(--neutral-800, #222530);
  --faded-light-dark: var(--neutral-alpha-24, #99a0ae3d);
  --information-base: var(--Blue-500, #335CFF);
  --information-dark: var(--Blue-400, #6895FF);
  --neutral-alpha-10: #99a0ae1a;
  --neutral-alpha-16: #99a0ae29;
  --neutral-alpha-24: #99a0ae3d;
  --primary-alpha-10: var(--pink-alpha-10, #fb4ba31a);
  --primary-alpha-16: var(--pink-alpha-16, #fb4ba329);
  --primary-alpha-24: var(--pink-alpha-24, #fb4ba33d);
  --stable-base-dark: var(--Teal-600, #1DAF9C);
  --stable-dark-dark: var(--Teal-400, #3FDEC9);
  --away-lighter-dark: var(--yellow-alpha-16, #fbc64b29);
  --faded-light-light: var(--neutral-200, #E1E4EA);
  --feature-base-dark: var(--Purple-500, #7D52F4);
  --feature-dark-dark: var(--Purple-400, #8C71F6);
  --information-light: var(--Blue-200, #C0D5FF);
  --stable-base-light: var(--Teal-500, #22D3BB);
  --stable-dark-light: var(--Teal-950, #0B463E);
  --stable-light-dark: var(--teal-alpha-24, #22d3bb3d);
  --away-lighter-light: var(--Yellow-50, #FFFAEB);
  --faded-lighter-dark: var(--neutral-alpha-16, #99a0ae29);
  --feature-base-light: var(--Purple-500, #7D52F4);
  --feature-dark-light: var(--Purple-950, #351A75);
  --feature-light-dark: var(--purple-alpha-24, #784def3d);
  --stable-light-light: var(--Teal-200, #C2F5EE);
  --verified-base-dark: var(--Sky-600, #35ADE9);
  --verified-dark-dark: var(--Sky-400, #68CDFF);
  --backgrounds-bg-base: hsl(0 0% 100%);
  --borders-border-base: #E4E4E7;
  --faded-lighter-light: var(--neutral-100, #F2F5F8);
  --feature-light-light: var(--Purple-200, #CAC0FF);
  --foregrounds-fg-base: hsl(240 6% 10%);
  --information-lighter: var(--Blue-50, #EBF1FF);
  --stable-lighter-dark: var(--teal-alpha-16, #22d3bb29);
  --template-card-hover: #0000000d;
  --verified-base-light: var(--Sky-500, #47C2FF);
  --verified-dark-light: var(--Sky-950, #124B68);
  --verified-light-dark: var(--sky-alpha-24, #47c2ff3d);
  --backgrounds-bg-field: hsl(0 0% 98%);
  --borders-border-error: hsl(347 77% 50%);
  --feature-lighter-dark: var(--purple-alpha-16, #784def29);
  --foregrounds-fg-error: hsl(347 77% 50%);
  --foregrounds-fg-muted: hsl(240 4% 46%);
  --stable-lighter-light: var(--Teal-50, #E4FBF8);
  --tag-blue-tag-blue-bg: hsl(214 95% 93%);
  --tag-error-tag-red-bg: hsl(356 100% 95%);
  --verified-light-light: var(--Sky-200, #C0EAFF);
  --backgrounds-bg-subtle: hsl(0 0% 98%);
  --borders-border-danger: hsl(345 83% 41%);
  --borders-border-strong: hsl(240 5% 84%);
  --buttons-button-danger: hsl(347 77% 50%);
  --feature-lighter-light: var(--Purple-50, #EFEBFF);
  --foregrounds-fg-subtle: hsl(240 5% 34%);
  --highlighted-base-dark: var(--Pink-600, #E9358F);
  --highlighted-dark-dark: var(--Pink-400, #FF68B3);
  --verified-lighter-dark: var(--sky-alpha-16, #47c2ff29);
  --backgrounds-bg-overlay: hsl(240 6% 10%);
  --buttons-button-neutral: hsl(0 0% 100%);
  --highlighted-base-light: var(--Pink-500, #FB4BA3);
  --highlighted-dark-light: var(--Pink-950, #68123D);
  --highlighted-light-dark: var(--pink-alpha-24, #fb4ba33d);
  --tag-blue-tag-blue-icon: hsl(217 91% 60%);
  --tag-blue-tag-blue-text: hsl(226 71% 40%);
  --tag-error-tag-red-icon: hsl(350 89% 60%);
  --tag-error-tag-red-text: hsl(343 80% 35%);
  --verified-lighter-light: var(--Sky-50, #EBF8FF);
  --backgrounds-bg-disabled: hsl(240 5% 96%);
  --borders-border-menu-bot: hsl(0 0% 100%);
  --borders-border-menu-top: hsl(240 6% 90%);
  --buttons-button-inverted: hsl(240 4% 16%);
  --foregrounds-fg-disabled: hsl(240 5% 65%);
  --foregrounds-fg-on-color: hsl(0 0% 100%);
  --highlighted-light-light: var(--Pink-200, #FFC0DF);
  --backgrounds-bg-component: hsl(0 0% 98%);
  --backgrounds-bg-highlight: hsl(214 100% 97%);
  --button-transparent-hover: rgba(24, 24, 27, 0.06);
  --effects-buttons-inverted: 0 0.75px 0 0 rgba(255, 255, 255, 0.20) inset, 0 1px 2px 0 rgba(0, 0, 0, 0.40), 0 0 0 1px #18181B;
  --highlighted-lighter-dark: var(--pink-alpha-16, #fb4ba329);
  --tag-blue-tag-blue-border: hsl(212 96% 78%);
  --tag-error-tag-red-border: hsl(353 96% 82%);
  --tag-purple-tag-purple-bg: hsl(251 91% 95%);
  --tag-success-tag-green-bg: hsl(149 80% 90%);
  --backgrounds-bg-base-hover: hsl(240 5% 96%);
  --backgrounds-bg-switch-off: hsl(240 6% 90%);
  --contrast-contrast-bg-base: hsl(240 4% 14%);
  --highlighted-lighter-light: var(--Pink-50, #FFEBF4);
  --tag-warning-tag-orange-bg: hsl(34 100% 92%);
  --backgrounds-bg-field-hover: hsl(240 5% 96%);
  --backgrounds-bg-interactive: hsl(217 91% 60%);
  --borders-border-interactive: hsl(217 91% 60%);
  --borders-border-transparent: hsl(0 0% 100%);
  --buttons-button-transparent: hsl(0 0% 100%);
  --foregrounds-fg-interactive: hsl(221 83% 53%);
  --foregrounds-fg-on-inverted: hsl(0 0% 100%);
  --tag-blue-tag-blue-bg-hover: hsl(213 97% 87%);
  --tag-error-tag-red-bg-hover: hsl(353 96% 90%);
  --tag-neutral-tag-neutral-bg: hsl(240 5% 96%);
  --tag-purple-tag-purple-icon: hsl(258 90% 66%);
  --tag-purple-tag-purple-text: hsl(263 69% 42%);
  --tag-success-tag-green-icon: hsl(160 84% 39%);
  --tag-success-tag-green-text: hsl(163 88% 20%);
  --backgrounds-bg-base-pressed: hsl(240 6% 90%);
  --backgrounds-bg-subtle-hover: hsl(240 5% 96%);
  --buttons-button-danger-hover: hsl(345 83% 41%);
  --contrast-contrast-bg-subtle: hsl(240 4% 16%);
  --tag-warning-tag-orange-icon: hsl(25 95% 53%);
  --tag-warning-tag-orange-text: hsl(15 79% 34%);
  --buttons-button-neutral-hover: hsl(240 5% 96%);
  --contrast-contrast-border-bot: hsl(0 0% 100%);
  --contrast-contrast-border-top: hsl(240 6% 10%);
  --contrast-contrast-fg-primary: hsl(0 0% 100%);
  --tag-neutral-tag-neutral-icon: hsl(240 4% 46%);
  --tag-neutral-tag-neutral-text: hsl(240 5% 34%);
  --tag-purple-tag-purple-border: hsl(252 95% 85%);
  --tag-success-tag-green-border: hsl(156 72% 67%);
  --backgrounds-bg-subtle-pressed: hsl(240 6% 90%);
  --buttons-button-danger-pressed: hsl(343 80% 35%);
  --buttons-button-inverted-hover: hsl(240 5% 26%);
  --contrast-contrast-border-base: hsl(0 0% 100%);
  --tag-warning-tag-orange-border: hsl(31 97% 72%);
  --backgrounds-bg-component-hover: hsl(240 5% 96%);
  --backgrounds-bg-field-component: hsl(0 0% 100%);
  --backgrounds-bg-highlight-hover: hsl(214 95% 93%);
  --buttons-button-neutral-pressed: hsl(240 6% 90%);
  --contrast-contrast-fg-secondary: hsl(0 0% 100%);
  --tag-neutral-tag-neutral-border: hsl(240 5% 84%);
  --tag-purple-tag-purple-bg-hover: hsl(251 95% 92%);
  --tag-success-tag-green-bg-hover: hsl(152 76% 80%);
  --backgrounds-bg-switch-off-hover: hsl(240 5% 84%);
  --buttons-button-inverted-pressed: hsl(240 5% 34%);
  --contrast-contrast-bg-base-hover: hsl(240 4% 16%);
  --tag-warning-tag-orange-bg-hover: hsl(32 98% 83%);
  --backgrounds-bg-component-pressed: hsl(240 6% 90%);
  --buttons-button-transparent-hover: hsl(240 6% 10%);
  --foregrounds-fg-interactive-hover: hsl(217 91% 60%);
  --tag-neutral-tag-neutral-bg-hover: hsl(240 6% 90%);
  --contrast-contrast-bg-base-pressed: hsl(240 5% 26%);
  --buttons-button-transparent-pressed: hsl(240 6% 10%);
  --backgrounds-bg-field-component-hover: hsl(0 0% 98%);
}
    }
  [data-nc-theme~="Dark"] {
  --lead-bg: #476cff29;
  --guest-bg: #22d3bb29;
  --lead-text: #EBF1FF;
  --guest-text: #1DAF9C;
  --unknown-bg: #99a0ae29;
  --p1-bg-color: #fb374829;
  --p2-bg-color: #fa731929;
  --p3-bg-color: #476cff29;
  --non-guest-bg: #fb4ba329;
  --unknown-text: #7B7B7B;
  --p1-text-color: #FB3748;
  --p2-text-color: #E16614;
  --p3-text-color: #335CFF;
  --shimmer-color: #333333;
  --alphas-alpha-2: hsl(0 0% 100%);
  --alphas-alpha-4: hsl(0 0% 100%);
  --alphas-alpha-6: hsl(0 0% 100%);
  --alphas-alpha-8: hsl(0 0% 100%);
  --non-guest-text: #E9358F;
  --alphas-alpha-10: hsl(0 0% 100%);
  --alphas-alpha-12: hsl(0 0% 100%);
  --alphas-alpha-16: hsl(0 0% 100%);
  --alphas-alpha-24: hsl(0 0% 100%);
  --alphas-alpha-40: hsl(0 0% 100%);
  --alphas-alpha-56: hsl(0 0% 100%);
  --alphas-alpha-64: hsl(0 0% 100%);
  --alphas-alpha-72: hsl(0 0% 100%);
  --alphas-alpha-80: hsl(0 0% 100%);
  --alphas-alpha-88: hsl(0 0% 100%);
  --backgrounds-bg-base: hsl(240 4% 14%);
  --borders-border-base: #ffffff1a;
  --foregrounds-fg-base: hsl(240 5% 96%);
  --template-card-hover: #ffffff0d;
  --backgrounds-bg-field: hsl(0 0% 100%);
  --borders-border-error: hsl(351 95% 71%);
  --foregrounds-fg-error: hsl(351 95% 71%);
  --foregrounds-fg-muted: hsl(240 4% 46%);
  --tag-blue-tag-blue-bg: hsl(226 57% 21%);
  --tag-error-tag-red-bg: hsl(343 88% 16%);
  --backgrounds-bg-subtle: hsl(240 6% 10%);
  --borders-border-danger: hsl(345 83% 41%);
  --borders-border-strong: hsl(0 0% 100%);
  --buttons-button-danger: hsl(343 80% 35%);
  --foregrounds-fg-subtle: hsl(240 5% 65%);
  --backgrounds-bg-overlay: hsl(240 6% 10%);
  --buttons-button-neutral: hsl(0 0% 100%);
  --tag-blue-tag-blue-icon: hsl(213 94% 68%);
  --tag-blue-tag-blue-text: hsl(212 96% 78%);
  --tag-error-tag-red-icon: hsl(351 95% 71%);
  --tag-error-tag-red-text: hsl(353 96% 82%);
  --backgrounds-bg-disabled: hsl(240 4% 16%);
  --borders-border-menu-bot: hsl(0 0% 100%);
  --borders-border-menu-top: hsl(240 4% 14%);
  --buttons-button-inverted: hsl(240 5% 34%);
  --foregrounds-fg-disabled: hsl(240 5% 34%);
  --foregrounds-fg-on-color: hsl(0 0% 100%);
  --backgrounds-bg-component: hsl(240 4% 16%);
  --backgrounds-bg-highlight: hsl(226 57% 21%);
  --button-transparent-hover: rgba(255, 255, 255, 0.08);
  --effects-buttons-inverted: 0 -1px 0 0 rgba(255, 255, 255, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.10), 0 0 0 1px #52525B, 0 0 1px 1.5px rgba(0, 0, 0, 0.24), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  --tag-blue-tag-blue-border: hsl(224 64% 33%);
  --tag-error-tag-red-border: hsl(342 75% 30%);
  --tag-purple-tag-purple-bg: hsl(261 73% 23%);
  --tag-success-tag-green-bg: hsl(166 91% 9%);
  --backgrounds-bg-base-hover: hsl(240 4% 16%);
  --backgrounds-bg-switch-off: hsl(240 5% 26%);
  --contrast-contrast-bg-base: hsl(240 4% 16%);
  --tag-warning-tag-orange-bg: hsl(13 81% 15%);
  --backgrounds-bg-field-hover: hsl(0 0% 100%);
  --backgrounds-bg-interactive: hsl(213 94% 68%);
  --borders-border-interactive: hsl(213 94% 68%);
  --borders-border-transparent: hsl(0 0% 100%);
  --buttons-button-transparent: hsl(0 0% 100%);
  --foregrounds-fg-interactive: hsl(213 94% 68%);
  --foregrounds-fg-on-inverted: hsl(240 6% 10%);
  --tag-blue-tag-blue-bg-hover: hsl(224 64% 33%);
  --tag-error-tag-red-bg-hover: hsl(342 75% 30%);
  --tag-neutral-tag-neutral-bg: hsl(240 5% 26%);
  --tag-purple-tag-purple-icon: hsl(255 92% 76%);
  --tag-purple-tag-purple-text: hsl(252 95% 85%);
  --tag-success-tag-green-icon: hsl(160 84% 39%);
  --tag-success-tag-green-text: hsl(158 64% 52%);
  --backgrounds-bg-base-pressed: hsl(240 5% 26%);
  --backgrounds-bg-subtle-hover: hsl(240 4% 14%);
  --buttons-button-danger-hover: hsl(345 83% 41%);
  --contrast-contrast-bg-subtle: hsl(0 0% 100%);
  --tag-warning-tag-orange-icon: hsl(27 96% 61%);
  --tag-warning-tag-orange-text: hsl(31 97% 72%);
  --buttons-button-neutral-hover: hsl(0 0% 100%);
  --contrast-contrast-border-bot: hsl(0 0% 100%);
  --contrast-contrast-border-top: hsl(240 4% 14%);
  --contrast-contrast-fg-primary: hsl(0 0% 100%);
  --tag-neutral-tag-neutral-icon: hsl(240 5% 65%);
  --tag-neutral-tag-neutral-text: hsl(240 5% 84%);
  --tag-purple-tag-purple-border: hsl(263 69% 42%);
  --tag-success-tag-green-border: hsl(164 86% 16%);
  --backgrounds-bg-subtle-pressed: hsl(240 4% 16%);
  --buttons-button-danger-pressed: hsl(347 77% 50%);
  --buttons-button-inverted-hover: hsl(240 4% 46%);
  --contrast-contrast-border-base: hsl(0 0% 100%);
  --tag-warning-tag-orange-border: hsl(15 75% 28%);
  --backgrounds-bg-component-hover: hsl(0 0% 100%);
  --backgrounds-bg-field-component: hsl(240 4% 14%);
  --backgrounds-bg-highlight-hover: hsl(224 64% 33%);
  --buttons-button-neutral-pressed: hsl(0 0% 100%);
  --contrast-contrast-fg-secondary: hsl(0 0% 100%);
  --tag-neutral-tag-neutral-border: hsl(0 0% 100%);
  --tag-purple-tag-purple-bg-hover: hsl(263 69% 42%);
  --tag-success-tag-green-bg-hover: hsl(164 86% 16%);
  --backgrounds-bg-switch-off-hover: hsl(240 5% 34%);
  --buttons-button-inverted-pressed: hsl(240 5% 65%);
  --contrast-contrast-bg-base-hover: hsl(0 0% 100%);
  --tag-warning-tag-orange-bg-hover: hsl(15 75% 28%);
  --backgrounds-bg-component-pressed: hsl(0 0% 100%);
  --buttons-button-transparent-hover: hsl(0 0% 100%);
  --foregrounds-fg-interactive-hover: hsl(212 96% 78%);
  --tag-neutral-tag-neutral-bg-hover: hsl(240 5% 34%);
  --contrast-contrast-bg-base-pressed: hsl(0 0% 100%);
  --buttons-button-transparent-pressed: hsl(0 0% 100%);
  --backgrounds-bg-field-component-hover: hsl(240 4% 16%);
}
[data-nc-theme~="Default"] {
  --docs: 1.125rem;
  --Red-50: #FFEBEC;
  --Sky-50: #EBF8FF;
  --bg-sub: var(--neutral-300, #CACFD8);
  --medium: 500;
  --Blue-50: #EBF1FF;
  --Pink-50: #FFEBF4;
  --Red-100: #FFD5D8;
  --Red-200: #FFC0C5;
  --Red-300: #FF97A0;
  --Red-400: #FF6875;
  --Red-500: #FB3748;
  --Red-600: #E93544;
  --Red-700: #D02533;
  --Red-800: #AD1F2B;
  --Red-900: #8B1822;
  --Red-950: #681219;
  --Sky-100: #D5F1FF;
  --Sky-200: #C0EAFF;
  --Sky-300: #97DCFF;
  --Sky-400: #68CDFF;
  --Sky-500: #47C2FF;
  --Sky-600: #35ADE9;
  --Sky-700: #2597D0;
  --Sky-800: #1F7EAD;
  --Sky-900: #18658B;
  --Sky-950: #124B68;
  --Teal-50: #E4FBF8;
  --bg-soft: var(--neutral-200, #E1E4EA);
  --bg-weak: var(--neutral-50, #F5F7FA);
  --label-l: 1.125rem;
  --label-m: 1rem;
  --lead-bg: #335CFF;
  --regular: 400;
  --Blue-100: #D5E2FF;
  --Blue-200: #C0D5FF;
  --Blue-300: #97BAFF;
  --Blue-400: #6895FF;
  --Blue-500: #335CFF;
  --Blue-600: #3559E9;
  --Blue-700: #2547D0;
  --Blue-800: #1F3BAD;
  --Blue-900: #182F8B;
  --Blue-950: #122368;
  --Green-50: #E0FAEC;
  --Pink-100: #FFD5EA;
  --Pink-200: #FFC0DF;
  --Pink-300: #FF97CB;
  --Pink-400: #FF68B3;
  --Pink-500: #FB4BA3;
  --Pink-600: #E9358F;
  --Pink-700: #D0257A;
  --Pink-800: #AD1F66;
  --Pink-900: #8B1852;
  --Pink-950: #68123D;
  --Teal-100: #D0FBF5;
  --Teal-200: #C2F5EE;
  --Teal-300: #84EBDD;
  --Teal-400: #3FDEC9;
  --Teal-500: #22D3BB;
  --Teal-600: #1DAF9C;
  --Teal-700: #178C7D;
  --Teal-800: #1A7569;
  --Teal-900: #16645A;
  --Teal-950: #0B463E;
  --bg-white: var(--neutral-0, #FFFFFF);
  --guest-bg: #E4FBF8;
  --h1-title: 3.5rem;
  --h2-title: 3rem;
  --h3-title: 2.5rem;
  --h4-title: 2rem;
  --h5-title: 1.5rem;
  --h6-title: 1.25rem;
  --icon-sub: var(--neutral-600, #2B303B);
  --label-sm: 0.875rem;
  --label-xl: 1.5rem;
  --label-xs: 0.75rem;
  --radius-0: 0px;
  --radius-2: 2px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --text-sub: var(--neutral-600, #2B303B);
  --Green-100: #D0FBE9;
  --Green-200: #C2F5DA;
  --Green-300: #84EBB4;
  --Green-400: #3EE089;
  --Green-500: #1FC16B;
  --Green-600: #1DAF61;
  --Green-700: #178C4E;
  --Green-800: #1A7544;
  --Green-900: #16643B;
  --Green-950: #0B4627;
  --Orange-50: #FFF3EB;
  --Purple-50: #EFEBFF;
  --Yellow-50: #FFFAEB;
  --bg-strong: var(--neutral-950, #0E121B);
  --icon-soft: var(--neutral-400, #99A0AE);
  --lead-text: #335CFF;
  --neutral-0: #FFFFFF;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-20: 20px;
  --radius-24: 24px;
  --radius-28: 28px;
  --text-soft: var(--neutral-400, #99A0AE);
  --Orange-100: #FFE6D5;
  --Orange-200: #FFD9C0;
  --Orange-300: #FFC197;
  --Orange-400: #FFA468;
  --Orange-500: #FA7319;
  --Orange-600: #E16614;
  --Orange-700: #CE5E12;
  --Orange-800: #B75310;
  --Orange-900: #96440D;
  --Orange-950: #71330A;
  --Purple-100: #DCD5FF;
  --Purple-200: #CAC0FF;
  --Purple-300: #A897FF;
  --Purple-400: #8C71F6;
  --Purple-500: #7D52F4;
  --Purple-600: #693EE0;
  --Purple-700: #5B2CC9;
  --Purple-800: #4C25A7;
  --Purple-900: #3D1D86;
  --Purple-950: #351A75;
  --Yellow-100: #FFEFCC;
  --Yellow-200: #FFECC0;
  --Yellow-300: #FFE097;
  --Yellow-400: #FFD268;
  --Yellow-500: #F6B51E;
  --Yellow-600: #E6A819;
  --Yellow-700: #C99A2C;
  --Yellow-800: #A78025;
  --Yellow-900: #86661D;
  --Yellow-950: #624C18;
  --bg-surface: var(--neutral-800, #222530);
  --error-base: var(--Red-500, #FB3748);
  --error-dark: var(--Red-950, #681219);
  --guest-text: #22D3BB;
  --icon-white: var(--neutral-0, #FFFFFF);
  --neutral-50: #F5F7FA;
  --stroke-sub: var(--neutral-300, #CACFD8);
  --text-white: var(--neutral-0, #FFFFFF);
  --unknown-bg: #F5F5F5;
  --error-light: var(--Red-200);
  --icon-strong: var(--neutral-950, #0E121B);
  --neutral-100: #F2F5F8;
  --neutral-200: #E1E4EA;
  --neutral-300: #CACFD8;
  --neutral-400: #99A0AE;
  --neutral-500: #717784;
  --neutral-600: #525866;
  --neutral-700: #2B303B;
  --neutral-800: #222530;
  --neutral-900: #181B25;
  --neutral-950: #0E121B;
  --p1-bg-color: #FFEBEC;
  --p2-bg-color: #FFF3EB;
  --p3-bg-color: #EBF1FF;
  --paragraph-l: 1.125rem;
  --paragraph-m: 1rem;
  --radius-full: 999px;
  --stroke-soft: var(--neutral-200, #E1E4EA);
  --text-strong: var(--neutral-950, #0E121B);
  --non-guest-bg: #FFEBF4;
  --paragraph-sm: 0.875rem;
  --paragraph-xl: 1.5rem;
  --paragraph-xs: 0.75rem;
  --primary-base: var(--Pink-500, #FB4BA3);
  --primary-dark: var(--Pink-800, #AD1F66);
  --red-alpha-10: #fb37481a;
  --red-alpha-16: #fb374829;
  --red-alpha-24: #fb37483d;
  --sky-alpha-10: #47c2ff1a;
  --sky-alpha-16: #47c2ff29;
  --sky-alpha-24: #47c2ff3d;
  --static-black: var(--neutral-950, #0E121B);
  --static-white: var(--neutral-0, #FFFFFF);
  --stroke-white: var(--neutral-0, #FFFFFF);
  --subheading-l: 1.125rem;
  --subheading-m: 1rem;
  --success-base: var(--Green-500);
  --success-dark: var(--Green-950);
  --unknown-text: #7B7B7B;
  --warning-base: var(--Orange-500, #FA7319);
  --warning-dark: var(--Orange-950, #71330A);
  --blue-alpha-10: #476cff1a;
  --blue-alpha-16: #476cff29;
  --blue-alpha-24: #476cff3d;
  --error-lighter: var(--Red-50, #FFEBEC);
  --icon-disabled: var(--neutral-300, #CACFD8);
  --p1-text-color: #FB3748;
  --p2-text-color: #FA7319;
  --p3-text-color: #335CFF;
  --pink-alpha-10: #fb4ba31a;
  --pink-alpha-16: #fb4ba329;
  --pink-alpha-24: #fb4ba33d;
  --shimmer-color: #eaebeb85;
  --stroke-strong: var(--neutral-950, #0E121B);
  --subheading-sm: 0.875rem;
  --subheading-xs: 0.75rem;
  --success-light: var(--green-alpha-24);
  --teal-alpha-10: #22d3bb1a;
  --teal-alpha-16: #22d3bb29;
  --teal-alpha-24: #22d3bb3d;
  --text-disabled: var(--neutral-300, #CACFD8);
  --warning-light: var(--Orange-200, #FFD9C0);
  --alphas-alpha-2: hsl(240 6% 10%);
  --alphas-alpha-4: hsl(240 6% 10%);
  --alphas-alpha-6: hsl(240 6% 10%);
  --alphas-alpha-8: hsl(240 6% 10%);
  --away-base-dark: var(--Yellow-600, #E6A819);
  --away-dark-dark: var(--Yellow-400, #FFD268);
  --black-alpha-10: #1717171a;
  --black-alpha-16: #17171729;
  --black-alpha-24: #1717173d;
  --green-alpha-10: #1fc16b1a;
  --green-alpha-16: #1fc16b29;
  --green-alpha-24: #1fc16b3d;
  --non-guest-text: #FB4BA3;
  --primary-darker: var(--Pink-700, #D0257A);
  --subheading-2xs: 1rem;
  --white-alpha-10: #ffffff3d;
  --white-alpha-16: #ffffff29;
  --white-alpha-24: #ffffff3d;
  --alphas-alpha-10: hsl(240 6% 10%);
  --alphas-alpha-12: hsl(240 6% 10%);
  --alphas-alpha-16: hsl(240 6% 10%);
  --alphas-alpha-24: hsl(240 6% 10%);
  --alphas-alpha-40: hsl(240 6% 10%);
  --alphas-alpha-56: hsl(240 6% 10%);
  --alphas-alpha-64: hsl(240 6% 10%);
  --alphas-alpha-72: hsl(240 6% 10%);
  --alphas-alpha-80: hsl(240 6% 10%);
  --alphas-alpha-88: hsl(240 6% 10%);
  --away-base-light: var(--Yellow-500, #F6B51E);
  --away-dark-light: var(--Yellow-950, #624C18);
  --away-light-dark: var(--yellow-alpha-24);
  --faded-base-dark: var(--neutral-500, #717784);
  --faded-dark-dark: var(--neutral-300, #CACFD8);
  --orange-alpha-10: #fa73191a;
  --orange-alpha-16: #fa731929;
  --orange-alpha-24: #fa73193d;
  --purple-alpha-10: #784def1a;
  --purple-alpha-16: #784def29;
  --purple-alpha-24: #784def3d;
  --success-lighter: var(--Green-50, #E0FAEC);
  --warning-lighter: var(--Orange-50, #FFF3EB);
  --yellow-alpha-10: #fbc64b1a;
  --yellow-alpha-16: #fbc64b29;
  --yellow-alpha-24: #fbc64b3d;
  --away-light-light: var(--Yellow-200, #FFECC0);
  --faded-base-light: var(--neutral-500, #717784);
  --faded-dark-light: var(--neutral-800, #222530);
  --faded-light-dark: var(--neutral-alpha-24, #99a0ae3d);
  --information-base: var(--Blue-500, #335CFF);
  --information-dark: var(--Blue-400, #6895FF);
  --neutral-alpha-10: #99a0ae1a;
  --neutral-alpha-16: #99a0ae29;
  --neutral-alpha-24: #99a0ae3d;
  --primary-alpha-10: var(--pink-alpha-10, #fb4ba31a);
  --primary-alpha-16: var(--pink-alpha-16, #fb4ba329);
  --primary-alpha-24: var(--pink-alpha-24, #fb4ba33d);
  --stable-base-dark: var(--Teal-600, #1DAF9C);
  --stable-dark-dark: var(--Teal-400, #3FDEC9);
  --away-lighter-dark: var(--yellow-alpha-16, #fbc64b29);
  --faded-light-light: var(--neutral-200, #E1E4EA);
  --feature-base-dark: var(--Purple-500, #7D52F4);
  --feature-dark-dark: var(--Purple-400, #8C71F6);
  --information-light: var(--Blue-200, #C0D5FF);
  --stable-base-light: var(--Teal-500, #22D3BB);
  --stable-dark-light: var(--Teal-950, #0B463E);
  --stable-light-dark: var(--teal-alpha-24, #22d3bb3d);
  --away-lighter-light: var(--Yellow-50, #FFFAEB);
  --faded-lighter-dark: var(--neutral-alpha-16, #99a0ae29);
  --feature-base-light: var(--Purple-500, #7D52F4);
  --feature-dark-light: var(--Purple-950, #351A75);
  --feature-light-dark: var(--purple-alpha-24, #784def3d);
  --stable-light-light: var(--Teal-200, #C2F5EE);
  --verified-base-dark: var(--Sky-600, #35ADE9);
  --verified-dark-dark: var(--Sky-400, #68CDFF);
  --backgrounds-bg-base: hsl(0 0% 100%);
  --borders-border-base: #E4E4E7;
  --faded-lighter-light: var(--neutral-100, #F2F5F8);
  --feature-light-light: var(--Purple-200, #CAC0FF);
  --foregrounds-fg-base: hsl(240 6% 10%);
  --information-lighter: var(--Blue-50, #EBF1FF);
  --stable-lighter-dark: var(--teal-alpha-16, #22d3bb29);
  --template-card-hover: #0000000d;
  --verified-base-light: var(--Sky-500, #47C2FF);
  --verified-dark-light: var(--Sky-950, #124B68);
  --verified-light-dark: var(--sky-alpha-24, #47c2ff3d);
  --backgrounds-bg-field: hsl(0 0% 98%);
  --borders-border-error: hsl(347 77% 50%);
  --feature-lighter-dark: var(--purple-alpha-16, #784def29);
  --foregrounds-fg-error: hsl(347 77% 50%);
  --foregrounds-fg-muted: hsl(240 4% 46%);
  --stable-lighter-light: var(--Teal-50, #E4FBF8);
  --tag-blue-tag-blue-bg: hsl(214 95% 93%);
  --tag-error-tag-red-bg: hsl(356 100% 95%);
  --verified-light-light: var(--Sky-200, #C0EAFF);
  --backgrounds-bg-subtle: hsl(0 0% 98%);
  --borders-border-danger: hsl(345 83% 41%);
  --borders-border-strong: hsl(240 5% 84%);
  --buttons-button-danger: hsl(347 77% 50%);
  --feature-lighter-light: var(--Purple-50, #EFEBFF);
  --foregrounds-fg-subtle: hsl(240 5% 34%);
  --highlighted-base-dark: var(--Pink-600, #E9358F);
  --highlighted-dark-dark: var(--Pink-400, #FF68B3);
  --verified-lighter-dark: var(--sky-alpha-16, #47c2ff29);
  --backgrounds-bg-overlay: hsl(240 6% 10%);
  --buttons-button-neutral: hsl(0 0% 100%);
  --highlighted-base-light: var(--Pink-500, #FB4BA3);
  --highlighted-dark-light: var(--Pink-950, #68123D);
  --highlighted-light-dark: var(--pink-alpha-24, #fb4ba33d);
  --tag-blue-tag-blue-icon: hsl(217 91% 60%);
  --tag-blue-tag-blue-text: hsl(226 71% 40%);
  --tag-error-tag-red-icon: hsl(350 89% 60%);
  --tag-error-tag-red-text: hsl(343 80% 35%);
  --verified-lighter-light: var(--Sky-50, #EBF8FF);
  --backgrounds-bg-disabled: hsl(240 5% 96%);
  --borders-border-menu-bot: hsl(0 0% 100%);
  --borders-border-menu-top: hsl(240 6% 90%);
  --buttons-button-inverted: hsl(240 4% 16%);
  --foregrounds-fg-disabled: hsl(240 5% 65%);
  --foregrounds-fg-on-color: hsl(0 0% 100%);
  --highlighted-light-light: var(--Pink-200, #FFC0DF);
  --backgrounds-bg-component: hsl(0 0% 98%);
  --backgrounds-bg-highlight: hsl(214 100% 97%);
  --button-transparent-hover: rgba(24, 24, 27, 0.06);
  --effects-buttons-inverted: 0 0.75px 0 0 rgba(255, 255, 255, 0.20) inset, 0 1px 2px 0 rgba(0, 0, 0, 0.40), 0 0 0 1px #18181B;
  --highlighted-lighter-dark: var(--pink-alpha-16, #fb4ba329);
  --tag-blue-tag-blue-border: hsl(212 96% 78%);
  --tag-error-tag-red-border: hsl(353 96% 82%);
  --tag-purple-tag-purple-bg: hsl(251 91% 95%);
  --tag-success-tag-green-bg: hsl(149 80% 90%);
  --backgrounds-bg-base-hover: hsl(240 5% 96%);
  --backgrounds-bg-switch-off: hsl(240 6% 90%);
  --contrast-contrast-bg-base: hsl(240 4% 14%);
  --highlighted-lighter-light: var(--Pink-50, #FFEBF4);
  --tag-warning-tag-orange-bg: hsl(34 100% 92%);
  --backgrounds-bg-field-hover: hsl(240 5% 96%);
  --backgrounds-bg-interactive: hsl(217 91% 60%);
  --borders-border-interactive: hsl(217 91% 60%);
  --borders-border-transparent: hsl(0 0% 100%);
  --buttons-button-transparent: hsl(0 0% 100%);
  --foregrounds-fg-interactive: hsl(221 83% 53%);
  --foregrounds-fg-on-inverted: hsl(0 0% 100%);
  --tag-blue-tag-blue-bg-hover: hsl(213 97% 87%);
  --tag-error-tag-red-bg-hover: hsl(353 96% 90%);
  --tag-neutral-tag-neutral-bg: hsl(240 5% 96%);
  --tag-purple-tag-purple-icon: hsl(258 90% 66%);
  --tag-purple-tag-purple-text: hsl(263 69% 42%);
  --tag-success-tag-green-icon: hsl(160 84% 39%);
  --tag-success-tag-green-text: hsl(163 88% 20%);
  --backgrounds-bg-base-pressed: hsl(240 6% 90%);
  --backgrounds-bg-subtle-hover: hsl(240 5% 96%);
  --buttons-button-danger-hover: hsl(345 83% 41%);
  --contrast-contrast-bg-subtle: hsl(240 4% 16%);
  --tag-warning-tag-orange-icon: hsl(25 95% 53%);
  --tag-warning-tag-orange-text: hsl(15 79% 34%);
  --buttons-button-neutral-hover: hsl(240 5% 96%);
  --contrast-contrast-border-bot: hsl(0 0% 100%);
  --contrast-contrast-border-top: hsl(240 6% 10%);
  --contrast-contrast-fg-primary: hsl(0 0% 100%);
  --tag-neutral-tag-neutral-icon: hsl(240 4% 46%);
  --tag-neutral-tag-neutral-text: hsl(240 5% 34%);
  --tag-purple-tag-purple-border: hsl(252 95% 85%);
  --tag-success-tag-green-border: hsl(156 72% 67%);
  --backgrounds-bg-subtle-pressed: hsl(240 6% 90%);
  --buttons-button-danger-pressed: hsl(343 80% 35%);
  --buttons-button-inverted-hover: hsl(240 5% 26%);
  --contrast-contrast-border-base: hsl(0 0% 100%);
  --tag-warning-tag-orange-border: hsl(31 97% 72%);
  --backgrounds-bg-component-hover: hsl(240 5% 96%);
  --backgrounds-bg-field-component: hsl(0 0% 100%);
  --backgrounds-bg-highlight-hover: hsl(214 95% 93%);
  --buttons-button-neutral-pressed: hsl(240 6% 90%);
  --contrast-contrast-fg-secondary: hsl(0 0% 100%);
  --tag-neutral-tag-neutral-border: hsl(240 5% 84%);
  --tag-purple-tag-purple-bg-hover: hsl(251 95% 92%);
  --tag-success-tag-green-bg-hover: hsl(152 76% 80%);
  --backgrounds-bg-switch-off-hover: hsl(240 5% 84%);
  --buttons-button-inverted-pressed: hsl(240 5% 34%);
  --contrast-contrast-bg-base-hover: hsl(240 4% 16%);
  --tag-warning-tag-orange-bg-hover: hsl(32 98% 83%);
  --backgrounds-bg-component-pressed: hsl(240 6% 90%);
  --buttons-button-transparent-hover: hsl(240 6% 10%);
  --foregrounds-fg-interactive-hover: hsl(217 91% 60%);
  --tag-neutral-tag-neutral-bg-hover: hsl(240 6% 90%);
  --contrast-contrast-bg-base-pressed: hsl(240 5% 26%);
  --buttons-button-transparent-pressed: hsl(240 6% 10%);
  --backgrounds-bg-field-component-hover: hsl(0 0% 98%);
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-inter: 'Inter',sans-serif;
--font-geist: 'Geist',sans-serif;
--font-roboto: 'Roboto',sans-serif;
--font-geistmono: 'Geist Mono',monospace;
--font-dmmono: 'DM Mono',monospace;
--font-Slabo 13px: 'Slabo 13px',serif;
--font-Outfit: 'Outfit',sans-serif;
--font-B612: 'B612',sans-serif;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .exBdVz {
      color:#ffffff;
      height:100%;
    }

    .cgGrpZ {
      height:var(--height);
      position:fixed;
      align-items:start;
      pointer-events:none;
      justify-content:start;
    }

    .nx-toast-provider\:3HNY67eQbyTMKV7wPLZZf {
      width:100%;
      display:flex;
      position:relative;
      max-width:360px;
      transition:height 150ms ease 0ms normal;
      flex-direction:column;
    }

    .bHYIqa {
      top:var(--top);
      width:100%;
      position:absolute;
      pointer-events:all;
    }

    .bHYIqa.swipe-out-top {
      translate:0 -100%;
    }

    .bHYIqa.swipe-out-right {
      translate:100% 0px;
    }

    .bHYIqa.swipe-out-bottom {
      translate:0 100%;
    }

    .bHYIqa.swipe-out-left {
      translate:-100% 0px;
    }

    .nx-toast\:root {
      width:100%;
      opacity:0;
      row-gap:.25rem;
      translate:0 16px;
      background:var(--bg-white);
      column-gap:.25rem;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .nx-toast\:root.open {
      opacity:1;
      translate:0 0px;
      transition:translate 250ms ease 0ms normal, top 150ms ease 0ms normal;
    }

    .nx-toast\:root.closing {
      opacity:0;
      translate:0 -16px;
    }

    .nx-toast\:root.open-transition {
      transition:all 250ms ease 0ms normal;
    }

    .nx-toast\:root.close-transition {
      transition:all 150ms ease 0ms normal;
    }

    .nx-toast\:root.success {
      background:var(--success-lighter);
      border-color:var(--success-light);
      border-style:solid;
      border-width:1px;
      backdrop-filter:blur(16px);
    }

    .nx-toast\:root.warning {
      border-color:var(--warning-6, #5C3D05);
      border-style:solid;
      border-width:1px;
      background-color:var(--warning-2, #1D180F);
    }

    .nx-toast\:root.critical {
      border-color:var(--critical-6, #6F2539);
      border-style:solid;
      border-width:1px;
      background-color:var(--critical-2, #1E1517);
    }

    .rKRcu {
      gap:0.5rem;
      flex-direction:row;
    }

    .dhOwel {
      color:var(--neutral-11, #B5B2BC);
      display:inline-block;
      font-size:var(--font-size);
      margin-top:var(--margin-top);
      font-family:Geist;
      font-weight:inherit;
      line-height:var(--line-height);
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

    .dhOwel.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .dhOwel.clamped {
      display:-webkit-box;
      overflow:hidden;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:var(--clamp-lines);
    }

    .nx-toast\:FW2tKddjmqBb2S_WPmtMS {
      color:var(--text-sub);
      font-size:12px;
      font-family:Geist;
      font-weight:var(--regular);
    }

    .eTkKzJ {
      color:inherit;
      width:1.25rem;
      height:1.25rem;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .bWpTnd {
      width:fit-content;
      height:auto;
    }

    .nx-toast\:aXIIspq62lDJhdOn1WNvh {
      color:var(--icon-strong);
    }

    .zxtdb {
      color:var(--neutral-11, #B5B2BC);
      width:100%;
      font-size:var(--font-size);
      margin-top:var(--margin-top);
      font-family:"Geist";
      font-weight:var(--semi);
      line-height:var(--line-height);
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:var(--letter-spacing);
    }

    .zxtdb.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .zxtdb.clamped {
      display:-webkit-box;
      overflow:hidden;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:var(--clamp-lines);
    }

    .nx-toast\:gYVdDIDxaBXSrlkux9YPE {
      flex:1;
      color:var(--text-strong);
      font-size:14px;
      font-family:Geist;
      font-weight:var(--medium);
    }

    .ezeRiZ {
      width:var(--width);
      height:var(--height);
      position:fixed;
      align-items:start;
      pointer-events:none;
      justify-content:start;
    }

    .nx-toast-provider\:jTe6cSAqqTerlGKuSJFnv {
      display:flex;
      align-items:flex-end;
      padding-top:1.25rem;
      padding-left:1.25rem;
      padding-right:1.25rem;
      padding-bottom:1.25rem;
      justify-content:flex-end;
    }

    @media (max-width: 1024px) {

    .nx-toast-provider\:jTe6cSAqqTerlGKuSJFnv {
      align-items:center;
      justify-content:start;
    }
    }

    .eyAmaz {
      width:100%;
      height:100%;
    }

    .cQGIfy {
      flex:1;
      font-size:inherit;
      text-align:left;
      font-family:inherit;
      font-weight:var(--medium);
    }

    .bNWyfZ {
      color:var(--text-strong);
      font-size:1rem;
      font-family:Geist;
      font-weight:var(--medium);
    }

    .esaTRO {
      flex:1;
      color:var(--text-sub);
      font-size:0.875rem;
      font-family:Geist;
    }

    .eqUAwz {
      left:-4px;
      bottom:6rem;
      z-index:99999999;
      position:fixed;
    }

    .chKVzp {
      color:var(--icon-sub);
    }

    .test-chats-v2\:8l2dPlxRTTz_58lrRN6vC {
      width:100%;
    }

    .EkUnZ {
      width:100%;
      height:100%;
      background:var(--bg-white);
      flex-direction:row;
    }

    .rltzo {
      flex:1;
    }

    .cLRVbl {
      color:var(--text-strong);
      font-size:var(--h1-title);
    }

    .btJOGW {
      width:100%;
      height:100%;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .eUHega {
      width:100%;
      height:100%;
      opacity:0;
      translate:0 80px 0;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      justify-content:center;
    }

    .eUHega.fade-in {
      opacity:1;
      translate:0 0 0;
    }

    .fxvcGy {
      width:100%;
      height:100%;
      z-index:9;
      position:relative;
      transition:background-color 200ms ease 0ms , border-color 200ms ease 0ms ;
      align-items:center;
      font-family:inherit;
      padding-top:var(--padding-sides);
      padding-left:var(--padding-sides);
      padding-right:var(--padding-sides);
      padding-bottom:var(--padding-sides);
      justify-content:center;
    }

    .d-spa-orchestrator-settings\:Gn-P4DLMX6Hg1QXfqla97 {
      color:var(--text-white);
    }

    .d-spa-orchestrator-settings\:I0oV_Qp2vP4vhYSrykKju {
      color:var(--text-white);
    }

    .d-spa-orchestrator-settings\:PqBpmmCh-lSQ0xLHHSzNe {
      color:var(--text-white);
    }

    .d-spa-orchestrator-settings\:Rh1ydlUk2bD2po8DmIW8- {
      color:var(--text-white);
    }

    .d-spa-orchestrator-settings\:Uh7wvaDjtHGFRwxUGwhVm {
      color:var(--text-white);
    }

    .d-spa-orchestrator-settings\:_tc_fN6TuUQLd8iwwNLEW {
      color:var(--text-white);
    }

    .d-spa-orchestrator-settings\:lXevaKmfeDYp5vmyzwYjL {
      color:var(--text-white);
    }

    .d-spa-orchestrator-settings\:rpKlT7IZYpxFArRXRmiX_ {
      color:var(--text-white);
    }

    .fGRXFt {
      width:100%;
      height:100%;
      display:flex;
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .fGZBfe {
      flex:1;
      color:var(--text-strong);
      width:100%;
      height:100%;
      overflow-y:auto;
      font-family:Geist;
    }

    .biAhqz {
      color:var(--text-sub);
      width:100%;
      height:100%;
      display:flex;
      row-gap:20px;
      background:var(--bg-white);
      column-gap:20px;
      align-items:flex-start;
      font-family:Geist;
      padding-top:1.5rem;
      padding-left:1.5rem;
      padding-right:1.5rem;
      padding-bottom:1.5rem;
      justify-content:flex-start;
    }

    .dqsoTv {
      width:fit-content;
      height:fit-content;
    }

    .cVMNhr {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      opacity:0;
      position:absolute;
      pointer-events:none;
    }

    .nx-select\:5t68LNrS7UCmo5dAbUf7t {
      width:100%;
    }

    .dYElHa {
      width:var(--width);
      height:var(--height);
      position:fixed;
      pointer-events:none;
    }

    .dYElHa.modal {
      pointer-events:all;
    }

    .d-spa-child-orchestrator-account-settings\:BOetuDEj5pXDQXB_c-1Rm {
      align-items:flex-start;
      justify-content:flex-start;
    }

    .cHjoyo {
      color:var(--text-strong);
      width:100%;
      display:flex;
      row-gap:0.5rem;
      font-size:10px;
      column-gap:0.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .clIVHv {
      width:8px;
      height:8px;
    }

    .cWZSeY {
      flex:1;
      row-gap:20px;
      background:var(--bg-white);
      column-gap:20px;
      overflow-y:auto;
      font-family:Geist;
      padding-top:1.5rem;
      padding-left:1.5rem;
      padding-right:1.5rem;
      flex-direction:column;
      padding-bottom:1.5rem;
    }

    .dPslFr {
      color:var(--neutral-11, #B5B2BC);
      width:100%;
      font-size:var(--text-sm);
      font-family:'Outfit';
      font-weight:var(--medium);
      line-height:var(--text-sm);
      padding-bottom:0.5rem;
    }

    .d-account-settings-profile\:-JwQyChF0XBvlkBSiY9yI {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .tVFgf {
      width:100%;
      display:none;
      flex-grow:1;
      flex-direction:column;
    }

    .cTfciD {
      color:var(--text-sub);
      font-size:0.75rem;
      font-style:normal;
      font-family:Geist;
      font-weight:400;
      line-height:1rem; /* 133.333% */;
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
      /* -paragraph/-x -small */:;
    }

    .eAoCla {
      display:none;
      row-gap:1rem;
      column-gap:1rem;
    }

    .nx-select-item\:root {
      gap:0.5rem;
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      height:var(--interactive-height-sm);
      font-size:var(--paragraph-sm);
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Geist';
      font-weight:var(--regular);
      padding-top:0.5rem;
      white-space:nowrap;
      padding-left:0.5rem;
      border-radius:8px;
      outline-color:transparent;
      outline-style:solid;
      outline-width:0px;
      padding-right:0.5rem;
      text-overflow:ellipsis;
      flex-direction:row;
      padding-bottom:0.5rem;
      justify-content:space-between;
      background-color:var(--bg-white, #FFFFFF);
    }

    .nx-select-item\:root:hover {
      background-color:var(--bg-weak, #F5F7FA);
    }

    .nx-select-item\:root.checked {
      color:var(--text-strong, #0E121B);
      background-color:var(--bg-weak, #F5F7FA);
    }

    .nx-select-item\:root.disabled {
      color:var(--neutral-9, #6F6D78);
    }

    .nx-select-item\:root.disabled:hover {
      background-color:transparent;
    }

    .ekSGkp {
      color:inherit;
      width:20px;
      height:20px;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .eyVPLS {
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .nx-select-item\:SqyS3RSMlmbmGFSbqXMfj {
      color:var(--text-strong, #0E121B);
      font-family:'Geist';
    }

    .BEodR {
      width:fit-content;
      height:fit-content;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .nx-select-item\:gTaZlBzZUme6Pj37SjYHY {
      color:var(--primary-base, #FB4BA3);
      width:20px;
      height:20px;
    }

    .boJInk {
      color:inherit;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .byjkOA {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      z-index:-1;
      position:absolute;
    }

    .so-dialog\:eNkkt0ycS1aLMPhWOtJUV {
      opacity:0;
      background:#4949504d;
      backdrop-filter:blur(5px);
    }

    .so-dialog\:eNkkt0ycS1aLMPhWOtJUV.open {
      opacity:1;
    }

    .so-dialog\:eNkkt0ycS1aLMPhWOtJUV.open-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .so-dialog\:eNkkt0ycS1aLMPhWOtJUV.close-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .KsFov {
      width:var(--width);
      height:var(--height);
      position:fixed;
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      pointer-events:none;
      justify-content:center;
    }

    .KsFov.modal {
      touch-action:none;
      pointer-events:all;
    }

    .so-dialog\:o_AGx_fXR28AhYGxOsWS1 {
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
    }

    .eaGexx {
      row-gap:1rem;
      column-gap:1rem;
      padding-top:20px;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:20px;
    }

    .nx-button-tertiary\:root {
      gap:0.5rem;
      color:var(--text-sub, #525866);
      width:fit-content;
      cursor:pointer;
      height:40px;
      font-size:var(--label-m);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Geist';
      font-weight:var(--medium);
      user-select:none;
      padding-left:0.75rem;
      border-radius:10px;
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      padding-right:0.75rem;
      flex-direction:row;
      outline-offset:var(--border-md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .nx-button-tertiary\:root:hover {
      color:var(--text-strong, #0E121B);
      background-color:var(--bg-weak, #F5F7FA);
    }

    .nx-button-tertiary\:root:active {
      transition:none;
      background-color:var(--overlay-a3, #ffffff26);
    }

    .nx-button-tertiary\:root:focus-visible {
      outline-color:var(--brand-8, #6958AD);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .nx-button-tertiary\:root.disabled {
      color:var(--text-disabled);
      cursor:no-drop;
      opacity:0.5;
      background-color:var(--overlay-a1, #ffffff0d);
    }

    .ItFli {
      width:1.5rem;
      height:1.5rem;
      animation:spinner 1s linear infinite;
      border-radius:50%;
    }

    .ffcKG {
      width:100%;
      height:100%;
      position:absolute;
      border-color:transparent;
      border-style:solid;
      border-width:4px;
      border-radius:50%;
      border-top-color:var(--color, #EEEEF0);
      border-top-style:solid;
      border-top-width:4px;
    }

    .bDGgpC {
      width:100%;
      height:100%;
      opacity:0.3;
      position:absolute;
      border-color:var(--color, #EEEEF0);
      border-style:solid;
      border-width:4px;
      border-radius:50%;
    }

    .bdAVAr {
      top:0px;
      left:0px;
      color:inherit;
      right:0px;
      bottom:0px;
      display:flex;
      z-index:;
      position:absolute;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
      background-color:var(--primary-base, #FB4BA3);
    }

    .d-dialog-uploader\:VpPTLp5iYceaf8J2MIHnF {
      cursor:pointer;
      height:32px;
      font-size:14px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .ecTMcJ {
      gap:1rem;
      width:100%;
      display:flex;
      align-items:center;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:center;
    }

    .so-dialog-title\:root {
      flex:1;
      color:var(--neutral-12, #EEEEF0);
    }

    .so-dialog-header\:p_XJR8Xz4w6daMz2d93kT {
      flex:1;
      color:var(--text-strong);
      font-size:18px;
      font-style:normal;
      font-family:Geist;
      font-weight:500;
      line-height:24px; /* 133.333% */;
      letter-spacing:-0.27px;
      /* -label/-large */:;
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
    }

    .so-button-secondary\:root {
      gap:0.5rem;
      color:var(--neutral-12, #EEEEF0);
      width:fit-content;
      cursor:default;
      height:var(--interactive-height-md);
      font-size:var(--text-md);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--semi);
      user-select:none;
      border-color:var(--neutral-6, #3C393F);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      padding-right:0.75rem;
      flex-direction:row;
      outline-offset:var(--border-md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      background-color:var(--neutral-0, #0b0a0b);
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .so-button-secondary\:root:active {
      transition:none;
    }

    .so-button-secondary\:root:focus-visible {
      outline-offset:var(--border-md);
    }

    .so-button-secondary\:root.disabled {
      opacity:0.5;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .ckeMDa {
      top:0px;
      left:0px;
      color:inherit;
      right:0px;
      bottom:0px;
      display:flex;
      z-index:;
      position:absolute;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .ecsgDW {
      width:var(--size);
      height:var(--size);
      animation:spinner 1s linear infinite;
      border-radius:50%;
    }

    .so-dialog-close-button\:VHhEM1I8jUMvJEGErDJO8 {
      color:var(--text-sub);
      width:24px;
      cursor:pointer;
      height:24px;
      background: var(--bg-white);
      border-color:black;
      border-style:solid;
      border-width:0px;
      border-top-left-radius:100px;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .so-dialog-close-button\:VHhEM1I8jUMvJEGErDJO8:hover {
      color:var(--text-strong);
      background: var(--bg-weak);
    }

    .d-dialog-uploader\:WmqIKglWy_tPn8Uv1aX4Z {
      display:flex;
      align-items:flex-start;
      padding-top:1rem;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:1rem;
      justify-content:center;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .dnZEVP {
      gap:0.5rem;
      align-items:center;
      padding-top:1.5rem;
      flex-direction:row;
      justify-content:end;
    }

    .d-dialog-uploader\:Zu5OdvalUY_O32V-6FLP4 {
      padding-top:1rem;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:1rem;
      border-top-color:var(--stroke-soft);
      border-top-style:solid;
      border-top-width:1px;
    }

    .nx-button-primary\:root {
      gap:0.25rem;
      color:var(--neutral-0, #0b0a0b);
      width:fit-content;
      cursor:pointer;
      height:40px;
      font-size:var(--label-sm);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Geist';
      font-weight:var(--medium);
      user-select:none;
      padding-left:0.75rem;
      border-radius:10px;
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      padding-right:0.75rem;
      flex-direction:row;
      outline-offset:var(--border-md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      background-color:var(--primary-base, #FB4BA3);
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .nx-button-primary\:root:hover {
      background-color:var(--primary-darker, #D0257A);
    }

    .nx-button-primary\:root:active {
      transition:none;
      background-color:var(--primary-base, #FB4BA3);
    }

    .nx-button-primary\:root:focus-visible {
      border-color:var(--bg-white, #FFFFFF);
      border-style:solid;
      border-width:2px;
      outline-color:var(--primary-alpha-10, #fb4ba31a);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .nx-button-primary\:root.disabled {
      color:var(--text-disabled, #CACFD8);
      cursor:not-allowed;
      opacity:0.5;
      background:var(--Pink-50);
    }

    .d-dialog-uploader\:aqv97aZzgE0GeoKeqAbO1 {
      flex:1;
      cursor:pointer;
    }

    .eZmCCZ {
      color:var(--text-strong);
      font-size:14px;
      font-style:normal;
      font-family:Geist;
      font-weight:500;
      line-height:20px; /* 142.857% */;
      letter-spacing:-0.084px;
      /* -label/-small */:;
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
    }

    .SWxlP {
      position:relative;
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
      pointer-events:all;
    }

    .SWxlP:focus {
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
    }

    .nx-modal-content\:root {
      width:600px;
      opacity:0;
      translate:0 20px;
      background:var(--bg-white);
      padding-top:1rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      border-radius:var(--rounding-lg);
      padding-right:1rem;
      padding-bottom:1rem;
    }

    .nx-modal-content\:root.open {
      opacity:1;
      translate:0 0px;
    }

    .nx-modal-content\:root.open-transition {
      transition:all 320ms ease 0ms normal;
    }

    .nx-modal-content\:root.close-transition {
      transition:all 200ms cubic-bezier(0.58, 0.29, 0.25, 1) 0ms normal;
    }

    .d-dialog-uploader\:nY3xjwG65-vtynCBZ2Xpa {
      width:100%;
      max-width:400px;
      background: var(--bg-white);
      box-shadow:0px -1px 1px -0.5px rgba(51, 51, 51, 0.06) inset, 0px 0px 0px 1px rgba(51, 51, 51, 0.04), 0px 1px 1px 0.5px rgba(51, 51, 51, 0.04), 0px 3px 3px -1.5px rgba(51, 51, 51, 0.02), 0px 6px 6px -3px rgba(51, 51, 51, 0.04), 0px 12px 12px -6px rgba(51, 51, 51, 0.04), 0px 24px 24px -12px rgba(51, 51, 51, 0.04), 0px 48px 48px -24px rgba(51, 51, 51, 0.04);
      padding-top:0px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0px;
      border-radius:var(--radius-20, 20px);
      padding-right:0px;
      padding-bottom:0px;
      /* custom-shadows/medium */:;
    }

    .YNSwf {
      row-gap:.5rem;
      column-gap:.5rem;
      flex-direction:column;
    }

    .JvZIa {
      display:none;
    }

    .ErORL {
      width:fit-content;
      display:flex;
      background:var(--bg-white);
      align-items:center;
      padding-top:0.125rem;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0.125rem;
      border-radius:0.625rem;
      padding-right:0.125rem;
      flex-direction:row;
      padding-bottom:0.125rem;
      justify-content:center;
    }

    .dsiSVl {
      gap:0.375rem;
      color:var(--icon-soft);
      cursor:pointer;
      height:100%;
      display:flex;
      padding:0.25rem 0.5rem;
      transition:all 300ms ease;
      align-items:center;
      justify-content:center;
      border-top-left-radius:.4rem;
      border-top-right-radius:.4rem;
      border-bottom-left-radius:.4rem;
      border-bottom-right-radius:.4rem;
    }

    .dsiSVl:hover {
      gap:0.375rem;
      color:var(--icon-strong);
      cursor:pointer;
      height:100%;
      display:flex;
      padding:0.25rem 0.5rem;
      background:var(--bg-weak);
      align-items:center;
      justify-content:center;
      border-top-left-radius:.4rem;
      border-top-right-radius:.4rem;
      border-bottom-left-radius:.4rem;
      border-bottom-right-radius:.4rem;
    }

    .dsiSVl.active {
      gap:0.375rem;
      color:var(--icon-strong);
      cursor:pointer;
      height:100%;
      display:flex;
      padding:0.25rem 0.5rem;
      background:var(--bg-weak);
      align-items:center;
      justify-content:center;
      border-top-left-radius:.4rem;
      border-top-right-radius:.4rem;
      border-bottom-left-radius:.4rem;
      border-bottom-right-radius:.4rem;
    }

    .dAGqiN {
      gap:12px;
      align-items:center;
      justify-content:center;
    }

    .bjJmBZ {
      color:var(--text-strong);
      font-family:Geist;
      font-weight:var(--medium);
    }

    .o-general-uploader\:DvyoxnKiJlH62pz0RIln5 {
      width:20px;
      height:20px;
    }

    .fdrgyE {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .eptxOV {
      color:var(--text-strong);
      font-size:14px;
      font-family:'Geist';
      font-weight:var(--normal);
    }

    .ZNzuE {
      color:var(--bg-white);
    }

    .ehMfxg {
      gap:0.5rem;
      display:grid;
      grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));
    }

    .dzxfZX {
      color:#99AAC4;
      width:56px;
      cursor:pointer;
      align-items:center;
      padding-top:10px;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:10px;
      justify-content:center;
      background-color:transprent;
    }

    .dzxfZX.toggle-focus {
      color:white;
    }

    .dDlSlC {
      color:var(--text-sub);
      font-size:14px;
      font-family:'Geist';
      font-weight:var(--normal);
    }

    .kpgyE {
      row-gap:1rem;
      column-gap:1rem;
    }

    .YCqbi {
      align-items:center;
      border-radius:12px;
      flex-direction:row;
      justify-content:space-between;
      background-color:var(--ProjectColors-400, #F5F7F9);
    }

    .XFovD {
      width:16px;
    }

    .bEvONu {
      gap:12px;
      cursor:pointer;
      height:150px;
      display:flex;
      transition:all 300ms ease-in-out 0ms normal;
      align-items:center;
      border-color:var(--stroke-soft);
      border-style:dashed;
      border-width:1px;
      border-radius:16px;
      flex-direction:column;
      justify-content:center;
    }

    .bEvONu:hover {
      background:var(--bg-weak);
      border-color:var(--stroke-sub);
      border-style:dashed;
      border-width:1px;
    }

    .fyGHzK {
      color:var(--icon-strong);
      width:56px;
      cursor:pointer;
      align-items:center;
      padding-top:10px;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:10px;
      justify-content:center;
      background-color:transprent;
    }

    .fyGHzK.toggle-focus {
      color:white;
    }

    .bZMHSF {
      color:var(--neutral-9, #6F6D78);
      font-size:14px;
      font-family:'Geist';
      font-weight:var(--normal);
    }

    .cbPBjP {
      color:var(--icon-sub);
      width:56px;
      height:100%;
      display:flex;
      position:absolute;
      translate:0%;
      background:var(--bg-weak);
      transition:translate 300ms ease 0ms normal;
      padding-top:10px;
      padding-left:20px;
      border-radius:12px;
      padding-right:20px;
      flex-direction:column;
      padding-bottom:10px;
    }

    .cbPBjP.toggle {
      translate:100%;
    }

    .dxZnhP {
      gap:1rem;
      display:flex;
      padding:1rem 1rem 1rem 0.875rem;
      background:var(--bg-white);
      align-items:center;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      border-radius:var(--radius-12, 0.75rem);
      flex-direction:row;
      justify-content:center;
    }

    .eQtUcN {
      color:var(--text-strong);
      font-size:14px;
      font-family:Geist;
      font-weight:var(--medium);
    }

    .cRoQLB {
      width:2.5rem;
      height:2.5rem;
      object-fit:cover;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .dqAaLg {
      color:var(--icon-sub);
      width:24px;
      cursor:pointer;
      height:24px;
      transition:all 300ms ease;
    }

    .dqAaLg:hover {
      color:var(--icon-strong);
    }

    .difyyX {
      color:var(--text-sub);
      font-size:12px;
      font-family:Geist;
    }

    .kfXAw {
      flex:1;
      row-gap:4px;
      column-gap:4px;
    }

    .bugaaN {
      width:2.5rem;
      height:2.5rem;
    }

    .SWAig {
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      flex-direction:column;
    }

    .dJXmIk {
      row-gap:1rem;
      background:var(--bg-white);
      column-gap:1rem;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .fdKuJw {
      flex:1;
      width:100%;
      height:100%;
      object-fit:contain;
    }

    .fxSrAZ {
      width:18px;
      cursor:pointer;
    }

    .fxSrAZ.not-image {
      opacity:0;
    }

    .bYUaVr {
      width:100%;
      height:100%;
      object-fit:fill;
    }

    .fccfgZ {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      display:flex;
      z-index:99999999999999999;
      position:fixed;
      background:#000000a6;
      align-items:center;
      justify-content:center;
    }

    .eJvDae {
      width:80%;
      height:80%;
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      justify-content:center;
    }

    .dgZFnf {
      color:var(--error-base);
      width:18px;
      cursor:pointer;
    }

    .bCbYbx {
      flex:0;
      width:fit-content;
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      align-items:center;
      justify-content:center;
    }

    .eqjFQa {
      top:20px;
      color:white;
      right:20px;
      width:24px;
      cursor:pointer;
      position:absolute;
    }

    .bcRTXl {
      color:white;
      font-family:Geist;
      font-weight:var(--medium);
    }

    .eEUlIF {
      color:var(--text-sub);
      font-family:Geist;
    }

    .fySzTk {
      left:1.5rem;
      right:1.5rem;
      display:flex;
      position:absolute;
      align-items:center;
      padding-top:0.5rem;
      padding-left:0rem;
      padding-right:0rem;
      flex-direction:row;
      padding-bottom:0.5rem;
      justify-content:space-between;
    }

    .blLraj {
      width:100px;
      height:100px;
    }

    .fDVVSt {
      height:250px;
      display:flex;
      background:var(--bg-weak);
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      padding-top:0rem;
      padding-left:0rem;
      padding-right:0rem;
      padding-bottom:0rem;
      justify-content:center;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .d-dialog-uploader\:y1zIdHH-Cjy2duveFsDWq {
      flex:1  ;
      cursor:pointer;
      height:32px;
      font-size:14px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .evKzMq {
      gap:0.5rem;
      width:100%;
      height:40px;
      display:flex;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      border-color:var(--stroke-soft, #E1E4EA);
      border-style:solid;
      border-width:1px;
      padding-left:0.75rem;
      border-radius:10px;
      outline-color:var(--bg-white);
      outline-style:solid;
      outline-width:1px;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:start;
      background-color:var(--bg-white, #FFFFFF);
    }

    .evKzMq:hover {
      background-color:var(--bg-weak, #F5F7FA);
    }

    .evKzMq.focused {
      border-color:var(--stroke-sub);
      border-style:solid;
      border-width:1px;
      background-color:var(--bg-white, #FFFFFF);
    }

    .evKzMq:focus-visible {
      border-color:var(--stroke-strong, #0E121B);
      border-style:solid;
      border-width:1px;
      outline-color:var(--bg-weak, #F5F7FA);
      outline-style:solid;
      outline-width:var(--border-lg);
      background-color:var(--bg-white, #FFFFFF);
    }

    .evKzMq.disabled {
      opacity:0.3;
    }

    .evKzMq.error {
      border-color:var(--p1-text-color);
      border-style:solid;
      border-width:1px;
      outline-color:var(--error-lighter);
      outline-style:solid;
      outline-width:var(--border-lg);
      background-color:var(--bg-white, #FFFFFF);
    }

    .d-account-settings-profile\:75IeDp5ztjUlAcTtGRKzC {
      gap:0.25rem;
      color:var(--text-sub);
      cursor:pointer;
      height:28px;
      display:flex;
      padding:0.5rem 0.625rem;
      font-size:0.875rem;
      background:var(--bg-white);
      font-style:normal;
      align-items:center;
      font-family:Geist;
      font-weight:500;
      line-height:1.25rem; /* 142.857% */;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      border-radius:var(--radius-10, 0.625rem);
      letter-spacing:-0.00525rem;
      justify-content:center;
      /* -label/-small */:;
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
      /* regular-shadow/x-small */:;
    }

    .fejhQP {
      row-gap:1rem;
      column-gap:1rem;
      flex-direction:row;
    }

    .eOntnB {
      color:var(--icon-sub, #525866);
      width:1.25rem;
      height:1.25rem;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .d-account-settings-profile\:A1ZsrQu7ECYaTeTWzmDIM {
      width:20px;
      height:20px;
      align-items:center;
      justify-content:center;
    }

    .cAqyst {
      width:100%;
      height:100%;
      font-size:var(--label-sm);
    }

    .bPPUjg {
      flex:1;
      color:var(--text-strong, #0E121B);
      width:100%;
      height:100%;
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--medium);
    }

    .bPPUjg::placeholder {
      color:var(--text-disabled, #CACFD8);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .bPPUjg:disabled {
      cursor:no-drop;
    }

    .coxRyE {
      flex:1;
      row-gap:6px;
      column-gap:6px;
    }

    .d-account-settings-profile\:Eg6ZSHl13U8hk1gZTuYbP {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .nx-select-trigger\:root {
      gap:0.25rem;
      color:var(--text-sub, #525866);
      cursor:default;
      height:40px;
      font-size:var(--label-sm);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Geist';
      font-weight:var(--medium);
      user-select:none;
      border-color:var(--stroke-soft, #E1E4EA);
      border-style:solid;
      border-width:1px;
      padding-left:0.75rem;
      border-radius:10px;
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      padding-right:0.75rem;
      flex-direction:row;
      outline-offset:var(--border-md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      background-color:var(--bg-white, #FFFFFF);
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .nx-select-trigger\:root:hover {
      color:var(--text-strong, #0E121B);
      background-color:var(--bg-weak, #F5F7FA);
    }

    .nx-select-trigger\:root:active {
      transition:none;
      background-color:var(--bg-white, #FFFFFF);
    }

    .nx-select-trigger\:root:focus-visible {
      outline-offset:var(--border-md);
      background-color:var(--bg-white);
    }

    .nx-select-trigger\:root.disabled {
      cursor:default;
      opacity:0.21;
      background: var(--bg-weak);
    }

    .nx-select-trigger\:root:focus {
      transition:none;
      background-color:var(--bg-white, #FFFFFF);
    }

    .dImzBy {
      top:0px;
      left:0px;
      color:inherit;
      right:0px;
      bottom:0px;
      display:flex;
      z-index:;
      position:absolute;
      font-size:inherit;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:column;
      justify-content:center;
      background-color:var(--brand-10, #7D66D9);
    }

    .d-account-settings-profile\:Fk0WbeYoq9qWkbvNtZ3VQ {
      color:var(--text-strong, #0E121B);
      width:474px;
      cursor:pointer;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .d-account-settings-profile\:HItV3Ch-phrldabc2zUmG {
      gap:0.25rem;
      color:var(--text-sub);
      cursor:pointer;
      height:28px;
      display:flex;
      padding:0.5rem 0.625rem;
      font-size:0.875rem;
      background:var(--bg-white);
      font-style:normal;
      align-items:center;
      font-family:Geist;
      font-weight:500;
      line-height:1.25rem; /* 142.857% */;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      border-radius:var(--radius-10, 0.625rem);
      letter-spacing:-0.00525rem;
      justify-content:center;
      /* -label/-small */:;
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
      /* regular-shadow/x-small */:;
    }

    .eFQaJC {
      top:var(--top);
      left:var(--left);
      position:absolute;
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
      pointer-events:all;
      transform-origin:var(--transform-origin-x) var(--transform-origin-y);
    }

    .eFQaJC:focus {
      outline-color:transparent;
      outline-style:none;
      outline-width:0px;
    }

    .eFQaJC.hidden {
      visibility:hidden;
      pointer-events:none;
    }

    .eFQaJC.match-anchor-width {
      width:var(--sc-anchor-width);
    }

    .nx-select-content\:root {
      gap:0.25rem;
      width:fit-content;
      opacity:0;
      padding-top:0.5rem;
      border-color:var(--stroke-soft, #E1E4EA);
      border-style:solid;
      border-width:1px;
      padding-left:0.5rem;
      border-radius:16px;
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      background-color:var(--bg-white, #FFFFFF);
    }

    .nx-select-content\:root.open {
      opacity:1;
    }

    .nx-select-content\:root.open-transition {
      transition:opacity 200ms ease 0ms normal;
    }

    .nx-select-content\:root.close-transition {
      transition:opacity 200ms ease 0ms normal;
    }

    .nx-select-content\:root:focus {
      outline-color:#ffffff;
      outline-style:none;
      outline-width:0px;
    }

    .cdIXkS {
      color:var(--text-strong);
      font-size:0.875rem;
      font-style:normal;
      font-family:Geist;
      font-weight:500;
      line-height:1.25rem; /* 142.857% */;
      letter-spacing:-0.00525rem;
      /* -label/-small */:;
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
    }

    .d-account-settings-profile\:LBf3D8dpc2cDScTqeOkia {
      gap:0.25rem;
      color:var(--text-sub);
      cursor:pointer;
      height:28px;
      display:flex;
      padding:0.5rem 0.625rem;
      font-size:0.875rem;
      background:var(--bg-white);
      font-style:normal;
      align-items:center;
      font-family:Geist;
      font-weight:500;
      line-height:1.25rem; /* 142.857% */;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      border-radius:var(--radius-10, 0.625rem);
      letter-spacing:-0.00525rem;
      justify-content:center;
      /* -label/-small */:;
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
      /* regular-shadow/x-small */:;
    }

    .d-account-settings-profile\:NHQhMV2cMXLO-JMSjJD4H {
      gap:0.25rem;
      color:var(--text-sub);
      height:28px;
      display:flex;
      padding:0.5rem 0.625rem;
      font-size:0.875rem;
      background:var(--bg-white);
      font-style:normal;
      align-items:center;
      font-family:Geist;
      font-weight:500;
      line-height:1.25rem; /* 142.857% */;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      border-radius:var(--radius-10, 0.625rem);
      letter-spacing:-0.00525rem;
      justify-content:center;
      /* -label/-small */:;
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
      /* regular-shadow/x-small */:;
    }

    .cCYXsI {
      width:100%;
    }

    .d-account-settings-profile\:NrppdaU6Z5qAYsQilbsj_ {
      flex:1;
    }

    .elhPAg {
      row-gap:0.5rem;
      column-gap:0.5rem;
    }

    .byhUoN {
      row-gap:0.5rem;
      column-gap:0.5rem;
      flex-direction:row;
    }

    .d-account-settings-profile\:WDLvIK64bR3WjhAiX0H2h {
      cursor:pointer;
      height:28px;
      font-size:0.875rem;
      padding-top:0.5rem;
      padding-left:0.625rem;
      padding-right:0.625rem;
      padding-bottom:0.5rem;
    }

    .nx-select-icon\:root {
      color:inherit;
      width:1.25rem;
      height:1.25rem;
      font-size:inherit;
      transition:rotate 200ms ease 0ms normal;
      font-family:inherit;
      font-weight:inherit;
    }

    .nx-select-icon\:root.open {
      rotate:z 180deg;
    }

    .vkVPA {
      display:flex;
      row-gap:1.5rem;
      column-gap:1.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .d-account-settings-profile\:au3ONSdNIZZO88Kg2FedF {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .xXzvh {
      height:1px;
      background:var(--stroke-soft);
    }

    .d-account-settings-profile\:dGsht6GILpzNU5iSEeFTQ {
      flex:1;
    }

    .d-account-settings-profile\:jN5QAe4esaqpnJKPLEuXt {
      cursor:pointer;
      height:28px;
      font-size:0.875rem;
      padding-top:0.5rem;
      padding-left:0.625rem;
      padding-right:0.625rem;
      padding-bottom:0.5rem;
    }

    .d-account-settings-profile\:ksoFsYwsJszsib7cASJs- {
      width:20px;
      height:20px;
      align-items:center;
      justify-content:center;
    }

    .EuIah {
      display:flex;
      row-gap:1.5rem;
      column-gap:1.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .EPHcU {
      width:2.5rem;
      height:2.5rem;
      overflow-x:hidden;
      overflow-y:hidden;
      border-top-left-radius:100px;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .ftdZzF {
      color:var(--text-strong);
      width:40px;
      height:40px;
      background:var(--bg-weak);
      align-items:center;
      border-radius:100px;
      justify-content:center;
    }

    .eoQQOq {
      font-size:16px;
      font-family:Geist;
      font-weight:600;
    }

    .cjWQMP {
      width:40px;
      height:40px;
      object-fit:cover;
      border-top-left-radius:100px;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .cxvsIp {
      flex:1;
      display:flex;
      row-gap:20px;
      column-gap:20px;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .d-account-settings-profile\:nrxJaN1ImHpxNITOYTjg5 {
      width:20px;
      height:20px;
      align-items:center;
      justify-content:center;
    }

    .d-account-settings-profile\:vW3m1Vi4_PKuZmuqpLYvl {
      gap:0.25rem;
      color:var(--text-sub);
      cursor:pointer;
      height:28px;
      display:flex;
      padding:0.5rem 0.625rem;
      font-size:0.875rem;
      background:var(--bg-white);
      font-style:normal;
      align-items:center;
      font-family:Geist;
      font-weight:500;
      line-height:1.25rem; /* 142.857% */;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      border-radius:var(--radius-10, 0.625rem);
      letter-spacing:-0.00525rem;
      justify-content:center;
      /* -label/-small */:;
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
      /* regular-shadow/x-small */:;
    }

    .cmhaLI {
      display:flex;
      row-gap:24px;
      column-gap:24px;
      flex-direction:row;
    }

    .YdNzG {
      gap:6px;
      align-items:center;
      flex-direction:row;
      justify-content:start;
    }

    .copy-selected-item\:root {
      gap:0.5rem;
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      height:var(--interactive-height-sm);
      font-size:var(--paragraph-sm);
      background:var(--neutral-800);
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Geist';
      font-weight:var(--regular);
      padding-top:0.5rem;
      white-space:nowrap;
      padding-left:0.5rem;
      border-radius:8px;
      outline-color:transparent;
      outline-style:solid;
      outline-width:0px;
      padding-right:0.5rem;
      text-overflow:ellipsis;
      flex-direction:row;
      padding-bottom:0.5rem;
      justify-content:space-between;
    }

    .copy-selected-item\:root.checked {
      color:var(--text-strong, #0E121B);
      background:var(--neutral-700);
    }

    .copy-selected-item\:root.disabled {
      color:var(--neutral-9, #6F6D78);
    }

    .copy-selected-item\:root.disabled:hover {
      background-color:transparent;
    }

    .copy-selected-item\:ZqPPxOUUQvgzeHb3uoUn8 {
      color:var(--text-strong, #0E121B);
      font-family:'Geist';
    }

    .copy-selected-item\:vXF0wJDTtcWFLzC1UjTFz {
      color:var(--primary-base, #FB4BA3);
      width:20px;
      height:20px;
    }

    .d-spa-child-orchestrator-account-settings\:Gp2mMuhH2PU3vsPNH5EIW {
      display:flex;
      background:var(--bg-weak);
      align-items:flex-start;
      flex-direction:row;
      justify-content:flex-start;
    }

    .d-spa-child-orchestrator-account-settings\:SZ28M5lD3xgVk0LnZtkpu {
      width:auto;
      display:flex;
      align-items:center;
      justify-content:flex-start;
      border-top-left-radius:0.5rem;
      border-top-right-radius:0.5rem;
      border-bottom-left-radius:0.5rem;
      border-bottom-right-radius:0.5rem;
    }

    .fnFGtV {
      color:var(--text-sub);
      width:100%;
      height:100%;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .cleOvo {
      color:var(--text-strong);
      font-size:10px;
      background:;
    }

    .d-spa-child-orchestrator-account-settings\:tIhR2-Pz-HDxIdHKFdvzr {
      color:var(--text-strong);
      cursor:pointer;
      height:1.5rem;
      background:var(--bg-white);
      border-color:#71778482;
      border-style:solid;
      border-width:2px;
      border-top-left-radius:5px;
      border-top-right-radius:5px;
      border-bottom-left-radius:5px;
      border-bottom-right-radius:5px;
    }

    .d-spa-child-orchestrator-account-settings\:tIhR2-Pz-HDxIdHKFdvzr:hover {
      background:var(--neutral-400);
    }

    .d-spa-child-orchestrator-account-settings\:tIhR2-Pz-HDxIdHKFdvzr:disabled {
      background:#99a0aef2;
      border-color:var(--neutral-500);
      border-style:solid;
      border-width:1px;
    }

    .d-settings-account\:7AC1lzqmSdCer69YO8_c1 {
      width:100%;
      height:100%;
    }

    .cNgaNZ {
      padding-top:14px;
      padding-left:1.25rem;
      padding-right:1.25rem;
      padding-bottom:14px;
    }

    .bXJaFK {
      width:100%;
      display:flex;
      row-gap:0px;
      background: var(--bg-weak);
      column-gap:0px;
      align-items:center;
      padding-top:4px;
      padding-left:4px;
      padding-right:4px;
      flex-direction:row;
      padding-bottom:4px;
      justify-content:flex-start;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .fBkmGd {
      color:var(--text-soft);
      cursor:pointer;
      display:flex;
      flex-grow:1;
      background: #ffffff00;
      transition:all 300ms ease-in-out  ;
      align-items:center;
      padding-top:4px;
      padding-left:8px;
      padding-right:8px;
      padding-bottom:4px;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .fBkmGd:hover {
      color:var(--text-sub);
      cursor:default;
    }

    .fBkmGd.active {
      color:var(--text-strong);
      cursor:pointer;
      background: var(--bg-white);
      box-shadow:0px -1px 1px -0.5px rgba(51, 51, 51, 0.06) inset, 0px 0px 0px 1px rgba(51, 51, 51, 0.04), 0px 1px 1px 0.5px rgba(51, 51, 51, 0.04), 0px 3px 3px -1.5px rgba(51, 51, 51, 0.02), 0px 6px 6px -3px rgba(51, 51, 51, 0.04), 0px 12px 12px -6px rgba(51, 51, 51, 0.04), 0px 24px 24px -12px rgba(51, 51, 51, 0.04), 0px 48px 48px -24px rgba(51, 51, 51, 0.04), 0px 96px 96px -32px rgba(51, 51, 51, 0.06);
    }

    .fBkmGd:disabled {
      color:var(--text-disabled);
    }

    .eerSLB {
      font-size:var(--label-sm);
      font-family:Geist;
      font-weight:var(--medium);
    }

    .d-settings-account\:KWXVxk0gWdJty8O9pg0c3 {
      width:fit-content;
      row-gap:.5rem;
      column-gap:.5rem;
    }

    .d-spa-orchestrator-settings\:xkHFZhn3LqAmLHDPMbuOU {
      color:var(--text-white);
    }

    .settings-view\:-o3whX4bX0xqcE9pjcqPO {
      color:var(--text-strong);
    }

    .nbCJL {
      gap:1rem;
      width:16rem;
      height:100%;
      display:flex;
      padding:1rem;
      align-items:flex-start;
      flex-shrink:0;
      flex-direction:column;
      border-right-color:var(--stroke-soft);
      border-right-style:solid;
      border-right-width:1px;
    }

    .eIOIPV {
      color:var(--icon-sub);
      opacity:0;
      transition:all 300ms ease-in-out 0ms normal;
    }

    .eIOIPV.activeView {
      opacity:1;
    }

    .bqmVdY {
      gap:4px;
    }

    .dpJiEU {
      width:100%;
      row-gap:.25rem;
      column-gap:.25rem;
    }

    .cuvCex {
      gap:8px;
      color:var(--text-sub);
      width:100%;
      cursor:pointer;
      display:flex;
      font-size:14px;
      background: var(--bg-white);
      transition:all 300ms ease-in-out 0ms normal;
      align-items:center;
      font-family:'Geist';
      font-weight:var(--font-weight-normal);
      line-height:20px;
      padding-top:8px;
      padding-left:12px;
      border-radius:8px;
      padding-right:12px;
      flex-direction:row;
      letter-spacing:-0.084px;
      padding-bottom:8px;
      justify-content:flex-start;
    }

    .cuvCex:hover {
      color:var(--text-strong);
      background: var(--bg-weak);
    }

    .cuvCex.activeView {
      color:var(--text-strong);
      background: var(--bg-weak);
    }

    .eIcLYV {
      color:var(--icon-sub);
      transition:all 300ms ease-in-out 0ms normal;
    }

    .eIcLYV.activeView {
      color:var(--primary-base);
    }

    .eOGWgh {
      padding-top:4px;
      padding-left:4px;
      padding-right:4px;
      padding-bottom:4px;
    }

    .dNMznY {
      :;
      color:var(--text-soft);
      font-size:12px;;
      font-style:normal;;
      font-family:Geist;
      font-weight:500;;
      line-height:16px; /* 133.333% */;
      letter-spacing:0.48px;;
      text-transform:uppercase;;
      font-feature-settings:'ss11' on, 'cv09' on, 'liga' off, 'calt' off;;
      /* -subheading/-x -small */:;
    }

    .fjha-dR {
      gap:0.875rem;
      display:flex;
      padding:1rem 1.25rem;
      align-self:stretch;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .settings-top-panel\:HY_FLUGWRTmCNG6PYxG_x {
      gap:0.25rem;
      color:var(--text-sub);
      display:flex;
      padding:0.5rem 0.625rem;
      font-size:0.875rem;
      background:var(--bg-white);
      font-style:normal;
      align-items:center;
      font-family:Geist;
      font-weight:500;
      line-height:1.25rem; /* 142.857% */;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      border-radius:var(--radius-10, 0.625rem);
      letter-spacing:-0.00525rem;
      justify-content:center;
      /* -label/-small */:;
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
      /* regular-shadow/x-small */:;
    }

    .dcXZnT {
      gap:0.25rem;
      flex:1 0 0;
      display:flex;
      row-gap:0.25rem;
      column-gap:0.25rem;
      align-items:flex-start;
      flex-direction:column;
    }

    .settings-top-panel\:NlnYwA3ZaiJQeu4NhLkIM {
      gap:0.25rem;
      cursor:pointer;
      display:flex;
      padding:0.5rem 0.625rem;
      align-items:center;
      justify-content:center;
    }

    .diZwVU {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      flex-direction:row;
    }

    .cqMaUI {
      color:var(--text-sub);
      font-size:0.875rem;
      font-style:normal;
      font-family:Geist;
      font-weight:400;
      line-height:1.25rem; /* 142.857% */;
      letter-spacing:-0.00525rem;
      /* -paragraph/-small */:;
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
    }

    .dEIHMm {
      color:var(--text-strong);
      font-size:1rem;
      font-style:normal;
      font-family:Geist;
      font-weight:500;
      line-height:1.5rem; /* 150% */;
      letter-spacing:-0.011rem;
      /* -label/-medium */:;
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
    }

    .nx-modal-medium-content\:root {
      width:100%;
      height:100%;
      opacity:0;
      max-width:61.25rem;
      translate:0 20px;
      margin-top:auto;
      max-height:fit-content;
      margin-left:auto;
      padding-top:1rem;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      margin-right:auto;
      padding-left:1rem;
      border-radius:var(--rounding-lg);
      margin-bottom:auto;
      padding-right:1rem;
      padding-bottom:1rem;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .nx-modal-medium-content\:root.open {
      opacity:1;
      translate:0 0px;
    }

    .nx-modal-medium-content\:root.open-transition {
      transition:all 320ms ease 0ms normal;
    }

    .nx-modal-medium-content\:root.close-transition {
      transition:all 200ms cubic-bezier(0.58, 0.29, 0.25, 1) 0ms normal;
    }

    .test-chats-v2\:AWvcYyGIncek0VLYdC9QZ {
      background:var(--bg-white);
      box-shadow:0px -1px 1px -0.5px rgba(51, 51, 51, 0.06) inset, 0px 0px 0px 1px rgba(51, 51, 51, 0.04), 0px 1px 1px 0.5px rgba(51, 51, 51, 0.04), 0px 3px 3px -1.5px rgba(51, 51, 51, 0.02), 0px 6px 6px -3px rgba(51, 51, 51, 0.04), 0px 12px 12px -6px rgba(51, 51, 51, 0.04), 0px 24px 24px -12px rgba(51, 51, 51, 0.04), 0px 48px 48px -24px rgba(51, 51, 51, 0.04);
      padding-top:0px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0px;
      border-radius:1.5rem;
      padding-right:0px;
      padding-bottom:0px;
      /* custom-shadows/medium */:;
    }

    .eRpQXf {
      width:20px;
      height:20px;
    }

    .fxbYjr {
      width:100%;
      row-gap:8px;
      column-gap:8px;
      flex-direction:row;
    }

    .test-chats-v2\:DGE_VYCNAEgw6hmrG8wZS {
      width:24px;
      cursor:pointer;
      height:40px;
      display:flex;
      transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1)  ;
      align-items:center;
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:space-between;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .test-chats-v2\:DGE_VYCNAEgw6hmrG8wZS:hover {
      background: var(--bg-weak);
    }

    .dTnLhX {
      width:100%;
      height:100vh;
      background: var(--bg-white);
      overflow-x:hidden;
      overflow-y:hidden;
      flex-direction:row;
    }

    .cxMOxO {
      gap:8px;
      color:var(--text-sub);
      width:100%;
      cursor:pointer;
      display:flex;
      font-size:14px;
      background: var(--bg-white);
      transition:all 300ms ease-in-out 0ms normal;
      align-items:center;
      font-family:'Geist';
      font-weight:var(--font-weight-normal);
      line-height:20px;
      padding-top:8px;
      padding-left:12px;
      border-radius:8px;
      padding-right:12px;
      flex-direction:row;
      letter-spacing:-0.084px;
      padding-bottom:8px;
      justify-content:flex-start;
    }

    .cxMOxO:hover {
      color:var(--text-strong);
      background: var(--bg-weak);
    }

    .test-chats-v2\:GS6xunhF7ekzGfW2-sv_T {
      width:fit-content;
      cursor:pointer;
      height:32px;
      row-gap:8px;
      font-size:14px;
      column-gap:8px;
      transition:all 300ms ease;
      border-color:#00000000;
      border-style:solid;
      border-width:1px;
      flex-direction:row;
    }

    .test-chats-v2\:GS6xunhF7ekzGfW2-sv_T:hover {
      background:var(--bg-white);
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .so-popover-content-sidebar-bottom\:root {
      gap:0.25rem;
      width:250px;
      height:fit-content;
      display:flex;
      opacity:0;
      padding:0.5rem;
      z-index:10;
      min-width:200px;
      background: var(--bg-white);
      box-shadow:0px 16px 32px -12px rgba(14, 18, 27, 0.10);
      align-items:flex-start;
      padding-top:0.5rem;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0.5rem;
      border-radius:1rem;
      padding-right:0.5rem;
      flex-direction:column;
      padding-bottom:0.5rem;
      /* regular-shadow/medium */:;
    }

    .so-popover-content-sidebar-bottom\:root.open {
      opacity:1;
    }

    .so-popover-content-sidebar-bottom\:root.open-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .so-popover-content-sidebar-bottom\:root.close-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .test-chats-v2\:GrqahDY3eawjq99CoLwxn {
      height:fit-content;
    }

    .ewAnuJ {
      color:var(--text-strong);
      width:40px;
      height:40px;
      background: var(--bg-weak);
      align-items:center;
      border-radius:100px;
      justify-content:center;
    }

    .ewWYtN {
      flex:1  ;
      background: var(--bg-white);
    }

    .eZgwit {
      color:var(--text-sub);
      font-size:13px;
      font-family:Geist;
      font-weight:500;
    }

    .emqnqL {
      top:-22px;
      right:-152px;
      width:200px;
      height:200px;
      position:absolute;
      animation:12s cubic-bezier(0.42, 0, 0.58, 1) 0ms infinite normal none running animation-bhWnLz;
    }

    @keyframes animation-bhWnLz {
        0% {
          translate: 0 0 0;
        }

        50% {
          translate: -200% 0 0;
        }

        100% {
          translate: 0 0 0;
        }
    }

    .fwHcxE {
      flex:1;
      width:100%;
      row-gap:1.5rem;
      column-gap:1.5rem;
    }

    .bJBylv {
      flex:1;
      display:flex;
      opacity:1;
      row-gap:6px;
      background:url("/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/orange_bossk_dead_albatross:36(2).png/public") no-repeat no-repeat right 70px top 60px / cover var(--bg-white);
      column-gap:6px;
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:flex-start;
      padding-top:1rem;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:1REM;
      padding-right:1REM;
      padding-bottom:1rem;
      justify-content:flex-start;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .IUMhN {
      background:var(--bg-weak);
      padding-top:2px;
      padding-left:2px;
      padding-right:2px;
      padding-bottom:2px;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .cnKzvx {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      justify-content:center;
    }

    .bQYjol {
      color:var(--text-sub);
      font-size:12px;
      text-align:center;
      font-family:Geist;
      font-weight:400;
    }

    .cMsjNK {
      width:100%;
      height:100%;
      display:flex;
      row-gap:1rem;
      background:var(--bg-white);
      column-gap:1rem;
      align-items:center;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      justify-content:center;
      border-top-left-radius:14px;
      border-top-right-radius:14px;
      border-bottom-left-radius:14px;
      border-bottom-right-radius:14px;
    }

    .cxDA-Dr {
      display:flex;
      row-gap:.25REM;
      column-gap:.25REM;
      align-items:center;
      justify-content:center;
    }

    .SvqZh {
      color:var(--icon-strong);
      width:24px;
      height:24px;
    }

    .bwMRTW {
      width:48px;
      height:48px;
      display:flex;
      background:var(--bg-weak);
      align-items:center;
      justify-content:center;
      border-top-left-radius:100px;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .dvqlDL {
      color:var(--text-soft);
      font-size:12px;
      background:var(--bg-weak);
      font-style:normal;
      text-align:center;
      font-family:Geist;
      font-weight:500;
      line-height:12px;
      padding-top:4px;
      padding-left:6px;
      padding-right:6px;
      letter-spacing:0.03rem;
      padding-bottom:4px;
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
      border-top-left-radius:100px;
      /* -paragraph/-x -small */:;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .gvqnX {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      justify-content:center;
    }

    .bZFigf {
      color:var(--text-strong);
      font-size:14px;
      font-family:Geist;
      font-weight:500;
    }

    .eOtZhy {
      color:var(--text-sub);
      font-size:14px;
      font-family:Geist;
      font-weight:500;
      line-height:1rem;
      letter-spacing:-0.03750000149011612em;
    }

    .bzUkAG {
      width:4px;
      height:100%;
      background:var(--success-base);
    }

    .cvMNdd {
      color:var(--text-strong);
      font-size:1.25rem;
      font-family:Geist;
      font-weight:600;
    }

    .bkEGAI {
      width:48px;
    }

    .cCygZM {
      flex:1;
      background:var(--bg-weak);
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .cnnjgR {
      color:var(--success-base);
      display:flex;
      row-gap:2px;
      font-size:14px;
      background:var(--success-lighter);
      column-gap:2px;
      font-style:normal;
      text-align:center;
      font-family:Geist;
      font-weight:600;
      line-height:16px;
      padding-top:4px;
      padding-left:6px;
      padding-right:8px;
      flex-direction:row;
      letter-spacing:-0.03rem;
      padding-bottom:4px;
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
      border-top-left-radius:100px;
      /* -paragraph/-x -small */:;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .bKupgE {
      width:100%;
      display:flex;
      row-gap:.25REM;
      column-gap:.25REM;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .tGMcU {
      color:var(--text-sub);
      font-size:14px;
      text-align:center;
      font-family:Geist;
      font-weight:500;
    }

    .bRVHGU {
      width:16px;
      height:16px;
      display:inline;
    }

    .dhKbNK {
      width:100%;
      display:none;
      row-gap:1.5rem;
      column-gap:1.5rem;
    }

    .CMBEf {
      color:var(--text-sub);
      font-size:12px;
      background:var(--bg-weak);
      font-style:normal;
      text-align:center;
      font-family:Geist;
      font-weight:500;
      line-height:12px;
      padding-top:4px;
      padding-left:8px;
      padding-right:8px;
      letter-spacing:0.03rem;
      padding-bottom:4px;
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
      border-top-left-radius:100px;
      /* -paragraph/-x -small */:;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .bCJpXT {
      width:100%;
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      justify-content:center;
    }

    .bDNnPf {
      width:100%;
      height:120px;
      row-gap:.5rem;
      column-gap:.5rem;
      flex-direction:row;
    }

    .bIrqmx {
      height:1px;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:inset;
      border-bottom-width:1px;
    }

    .bIrqmx.dashed {
      border-bottom-style:dashed;
    }

    .live-status-data\:sg64iVtPcBRvbu2PhDDfg {
      width:100%;
    }

    .d-general-settings\:H9zFe46aBjKOnbcMpIBpV {
      display:none;
    }

    .efahQh {
      width:100%;
      display:flex;
      row-gap:8px;
      column-gap:8px;
      align-items:flex-start;
      flex-direction:column;
      justify-content:center;
    }

    .uMeSP {
      width:100%;
      height:100%;
      display:flex;
      row-gap:1.5rem;
      column-gap:1.5rem;
      align-items:center;
      padding-top:20px;
      padding-bottom:20px;
      justify-content:flex-start;
    }

    .fpiqjX {
      color:var(--text-strong);
      font-size:14px;
      font-family:Geist;
      font-weight:600;
      line-height:16px;
    }

    .bmIbny {
      height:32px;
      row-gap:2px;
      column-gap:2px;
      overflow-x:hidden;
      flex-direction:row;
    }

    .yskMk {
      color:var(--icon-disabled);
      bottom:-3rem;
      position:absolute;
    }

    .bFTGkV {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      display:flex;
      opacity:.9;
      position:absolute;
      background:var(--bg-white);
    }

    .YWTuw {
      color:var(--icon-sub);
      width:16px;
      height:16px;
    }

    .doIJWP {
      display:flex;
      row-gap:.25rem;
      column-gap:.25rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .d-general-settings\:S9htNAk4-u0CzkyJgh4P3 {
      flex:1;
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .bhFTxw {
      color:var(--text-strong);
      width:100%;
      font-size:24px;
      text-align:left;
      font-family:Geist;
      font-weight:500;
      line-height:32px;
      letter-spacing:-0.03750000149011612em;
    }

    .bKJdoA {
      row-gap:.5rem;
      column-gap:.5rem;
    }

    .FZzY {
      width:100%;
      height:200px;
      row-gap:1rem;
      column-gap:1rem;
      flex-direction:row;
    }

    .dkSBME {
      width:100%;
      row-gap:.5rem;
      column-gap:.5rem;
    }

    .cZQPWZ {
      width:100%;
      display:flex;
      row-gap:4px;
      column-gap:4px;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .fjjMXr {
      height:auto;
      row-gap:1.5rem;
      column-gap:1.5rem;
      flex-direction:column;
    }

    .ebmjez {
      display:flex;
      row-gap:4px;
      column-gap:4px;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .dETuwj {
      row-gap:4px;
      column-gap:4px;
      flex-direction:row;
    }

    .YwRli {
      background:var(--bg-weak);
      overflow-x:hidden;
      overflow-y:hidden;
      padding-top:2px;
      padding-left:2px;
      padding-right:2px;
      padding-bottom:2px;
      border-top-left-radius:16px;
      border-top-right-radius:16px;
      border-bottom-left-radius:16px;
      border-bottom-right-radius:16px;
    }

    .eiuFDw {
      color:var(--text-sub);
      font-size:14px;
      font-family:Geist;
      font-weight:500;
    }

    .dwfazr {
      color:var(--text-sub);
      font-size:14px;
      text-align:left;
      font-family:Geist;
      font-weight:400;
    }

    .d-general-settings\:jChJv76TmxW1-yLEjkG4C {
      width:100%;
      cursor:pointer;
      height:40px;
    }

    .fwyrhf {
      left:-152px;
      width:200px;
      bottom:-22px;
      height:200px;
      position:absolute;
      animation:12s cubic-bezier(0.42, 0, 0.58, 1) 0ms infinite normal none running animation-eefBEo;
    }

    @keyframes animation-eefBEo {
        0% {
          translate: 0px 0 0;
        }

        50% {
          translate: 200% 0 0;
        }

        100% {
          translate: 0 0 0;
        }
    }

    .bxzZAr {
      flex:1  ;
      display:flex;
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      justify-content:flex-start;
    }

    .hHzzN {
      flex:1  ;
      width:100%;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
    }

    .dAAxpj {
      width:100%;
      height:100%;
      row-gap:1rem;
      column-gap:1rem;
    }

    .dVzqJV {
      left:0px;
      right:0px;
      bottom:0px;
      display:flex;
      position:absolute;
      align-items:center;
      justify-content:center;
    }

    .d-general-settings\:ozWzAsrzrfOCkLfrtvVnX {
      flex:1;
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .ekEkeo {
      right:1rem;
      width:32px;
      position:absolute;
    }

    .tSWto {
      color:var(--success-base);
    }

    .kIRgG {
      color:var(--text-soft);
      width:fit-content;
      font-size:12px;
      background:var(--bg-weak);
      font-style:normal;
      text-align:center;
      font-family:Geist;
      font-weight:500;
      line-height:12px;
      padding-top:4px;
      padding-left:6px;
      padding-right:6px;
      letter-spacing:0.03rem;
      padding-bottom:4px;
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
      border-top-left-radius:100px;
      /* -paragraph/-x -small */:;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .hjHzo {
      color:var(--text-strong);
    }

    .eQOVae {
      width:100%;
      display:flex;
      row-gap:2px;
      background:var(--bg-white);
      column-gap:2px;
      align-items:flex-start;
      padding-top:.5rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:.5rem;
      justify-content:center;
      border-top-left-radius:14px;
      border-top-right-radius:14px;
      border-bottom-left-radius:14px;
      border-bottom-right-radius:14px;
    }

    .fBwsFV {
      height:auto;
      row-gap:1rem;
      column-gap:1rem;
      flex-direction:column;
    }

    .d-general-settings\:v0LzVpm-d8pz0cT7aQlq2 {
      width:100%;
    }

    .fwCMbG {
      background:var(--bg-weak);
      overflow-x:hidden;
      overflow-y:hidden;
      padding-top:2px;
      padding-left:2px;
      padding-right:2px;
      padding-bottom:2px;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .staging-faq-status\:6LSzbCAbknWYnhZ9CpPAy {
      cursor:pointer;
      height:30px;
      row-gap:4px;
      font-size:12px;
      background:var(--bg-white);
      column-gap:4px;
      transition:all 300ms ease;
      font-family:Geist;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .staging-faq-status\:6LSzbCAbknWYnhZ9CpPAy:hover {
      background:var(--bg-weak);
      border-color:var(--bg-weak);
      border-style:solid;
      border-width:1px;
    }

    .dGMBmY {
      top:-19%;
      left:0px;
      right:0px;
      width:100px;
      height:100px;
      position:absolute;
      animation:20s linear 0ms normal none running animation-eVpvmp infinite;
      object-fit:fill;
    }

    @keyframes animation-eVpvmp {
        0% {
          translate: 0 0 0;
        }

        25% {
          translate: 200% 0 0;
        }

        50% {
          translate: 250% 120px 0;
        }

        75% {
          translate: -40% 120px 0;
        }

        100% {
          translate: -40% 0px 0;
        }
    }

    .fBBjYV {
      color:var(--text-strong);
      font-size:20px;
      font-family:Geist;
      font-weight:600;
    }

    .fEycKP {
      width:16px;
      height:16px;
    }

    .cXRBVM {
      width:100%;
      height:100%;
      display:flex;
      opacity:1;
      row-gap:1rem;
      background:var(--bg-white);
      column-gap:1rem;
      align-items:center;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      justify-content:center;
      border-top-left-radius:14px;
      border-top-right-radius:14px;
      border-bottom-left-radius:14px;
      border-bottom-right-radius:14px;
    }

    .so-dialog-full\:eNkkt0ycS1aLMPhWOtJUV {
      opacity:0;
      background: rgba(51, 51, 51, 0.56);
    }

    .so-dialog-full\:eNkkt0ycS1aLMPhWOtJUV.open {
      opacity:1;
    }

    .so-dialog-full\:eNkkt0ycS1aLMPhWOtJUV.open-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .so-dialog-full\:eNkkt0ycS1aLMPhWOtJUV.close-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .so-dialog-full\:o_AGx_fXR28AhYGxOsWS1 {
      padding-top:0rem;
      padding-left:0rem;
      padding-right:0rem;
      padding-bottom:0rem;
    }

    .RTVKE {
      gap:0.5rem;
      width:100%;
      display:flex;
      padding:0.5rem;
      align-self:stretch;
      background:var(--bg-white);
      transition:all 300ms ease;
      align-items:center;
      border-radius:var(--radius-8, 0.5rem);
      flex-direction:row;
    }

    .RTVKE:hover {
      background:var(--bg-weak);
    }

    .egkcwx {
      width:fit-content;
    }

    .nx-switch\:root {
      cursor:pointer;
    }

    .dAcpVt {
      width:4px;
      height:4px;
      background: var(--bg-soft);
      border-top-left-radius:100px;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .dAcpVt.checked {
      background: var(--primary-base);
    }

    .cSDEUo {
      display:flex;
      flex-direction:column;
    }

    .nx-switch\:9xDvC7hc90wM-Hy4nsyON {
      width:12px;
      filter:drop-shadow(0px 2px 4px rgba(14, 18, 27, 0.08)) drop-shadow(0px 4px 8px rgba(27, 28, 29, 0.06));
      height:12px;
      display:flex;
      translate:0px 0px;
      background: var(--bg-weak);
      transition:translate 200ms ease 0ms normal;
      align-items:center;
      justify-content:center;
      border-top-left-radius:100px;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .nx-switch\:9xDvC7hc90wM-Hy4nsyON.checked {
      translate:12px 0 0;
      background: white;
    }

    .nx-switch\:HRWuuVySKRYgSHU-G8N6w {
      width:28px;
      height:16px;
      background: var(--bg-soft);
      transition:all 200ms ease 0ms normal;
      align-items:start;
      padding-top:0px;
      padding-left:var(--padding);
      padding-right:var(--padding);
      outline-offset:var(--border-md);
      padding-bottom:0px;
      justify-content:center;
      border-top-left-radius:100px;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .nx-switch\:HRWuuVySKRYgSHU-G8N6w:hover {
      cursor:pointer;
      background: var(--bg-soft);
    }

    .nx-switch\:HRWuuVySKRYgSHU-G8N6w.checked {
      background: var(--primary-base);
    }

    .nx-switch\:HRWuuVySKRYgSHU-G8N6w.checked:hover {
      background: var(--primary-darker);
    }

    .nx-switch\:HRWuuVySKRYgSHU-G8N6w:focus-visible {
      outline-color:var(--primary-alpha-16);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .nx-switch\:HRWuuVySKRYgSHU-G8N6w.disabled {
      cursor:not-allowed;
    }

    .cGJbvY {
      width:fit-content;
      height:fit-content;
    }

    .test-chats-v2\:eihZ13ZOmGZ3oiPL3EuWS {
      width:24px;
      height:24px;
    }

    .nx-sidebar-dialog-content\:root {
      top:8px;
      flex:1  ;
      right:8px;
      width:100%;
      bottom:8px;
      opacity:0;
      position:absolute;
      max-width:400px;
      translate:100% 0 0;
      background: var(--bg-white);
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
    }

    .nx-sidebar-dialog-content\:root.open {
      opacity:1;
      translate:0 0 0;
    }

    .nx-sidebar-dialog-content\:root.open-transition {
      transition:all 320ms ease 0ms normal;
    }

    .nx-sidebar-dialog-content\:root.close-transition {
      transition:all 200ms cubic-bezier(0.58, 0.29, 0.25, 1) 0ms normal;
    }

    .test-chats-v2\:f8o08j7dAdi9j91hbQm4i {
      min-width:85vw;
      overflow-y:hidden;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .ZPkyH {
      width:100%;
      height:1px;
      background:var(--stroke-soft);
    }

    .fCJAha {
      width:fit-content;
      height:100%;
    }

    .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn {
      color:var(--text-sub);
      scale:0.5;
      width:max-content;
      opacity:0;
      z-index:4;
      font-size:14px;
      max-width:250px;
      background:var(--bg-white);
      font-family:Geist;
      padding-top:0.25rem;
      border-color:var(--stroke-soft);
      border-style:solid;
      padding-left:0.25rem;
      padding-right:0.25rem;
      padding-bottom:0.25rem;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn.open {
      scale:1;
      opacity:1;
      translate:0 0px;
    }

    .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn.top-in {
      translate:0 -12px;
    }

    .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn.top-out {
      scale:1;
    }

    .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn.bottom-in {
      translate:0 12px;
    }

    .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn.bottom-out {
      scale:1;
    }

    .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn.open-transition {
      transition:all 200ms ease 0ms normal;
    }

    .so-tooltip\:Quw7nR6hflO7rsq8M8Qbn.close-transition {
      transition:all 50ms ease 0ms normal;
    }

    .CMBMq {
      width:10px;
      height:10px;
      rotate:z 45deg;
      display:flex;
      translate:0px -8px 0;
      background:var(--bg-white);
      flex-direction:column;
      border-right-color:var(--stroke-soft);
      border-right-style:solid;
      border-right-width:var(--border-md);
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:var(--border-md);
    }

    .cEpQwy {
      width:fit-content;
      height:fit-content;
      position:absolute;
      font-size:inherit;
      transform:var(--transform);
      font-family:inherit;
      font-weight:inherit;
      transform-origin:var(--transform-origin);
    }

    .cEpQwy.top {
      top:0px;
      left:var(--left);
    }

    .cEpQwy.bottom {
      left:var(--left);
      bottom:0px;
    }

    .cEpQwy.right {
      top:var(--top);
      right:0px;
    }

    .cEpQwy.left {
      top:var(--top);
      left:0px;
    }

    .so-tooltip\:p8ZD1pweaxOXqiYD4k3cz {
      display:none;
    }

    .bmcXgU {
      color:var(--text-soft);
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      font-size:14px;
      background:var(--bg-white);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:all 300ms ease 0ms normal;
      align-items:center;
      font-family:Geist;
      font-weight:var(--medium);
      user-select:none;
      outline-offset:var(--border-md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      -webkit-user-select:none;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
      -webkit-tap-highlight-color:transparent;
    }

    .bmcXgU:hover {
      color:var(--text-strong);
      cursor:pointer;
      background:var(--bg-weak);
    }

    .bmcXgU.active {
      color:var(--text-strong);
      background:var(--bg-weak);
    }

    .jIPxk {
      color:inherit;
      font-size:var(--text-md);
      font-family:'Outfit';
      font-weight:var(--medium);
    }

    .d-inboxes-collpased-sidebar-icon\:pFCC_3ee2-S4dyArXWNul {
      font-family:Geist;
      padding-left:4px;
      padding-right:4px;
    }

    .eXKmLC {
      height:100%;
      display:flex;
      row-gap:4px;
      background:var(--bg-white);
      column-gap:4px;
      align-items:center;
      padding-left:8px;
      padding-right:8px;
      flex-direction:column;
      padding-bottom:1rem;
      justify-content:flex-start;
    }

    .djWCrE {
      flex:1;
      row-gap:8px;
      column-gap:8px;
    }

    .test-chats-v2\:mk_ZHiuglnkeCmQ13MxkP {
      z-index:9999;
    }

    .cgkTCa {
      height:100%;
      z-index:9999;
      position:fixed;
      padding-top:48px;
    }

    .yqVUy {
      width:100%;
      padding-top:48px;
      aspect-ratio:1/1;
      padding-left:48px;
      padding-right:16px;
      padding-bottom:16px;
    }

    .test-chats-v2\:qEAJrfWj57U7od_1TGt8j {
      display:none;
    }

    .blilUw {
      top:0px;
      left:0px;
      right:0px;
      width:100%;
      height:48px;
      display:flex;
      row-gap:8px;
      z-index:99;
      position:absolute;
      background:var(--bg-white);
      column-gap:8px;
      align-items:center;
      padding-top:.5rem;
      padding-left:.5rem;
      padding-right:.5rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:space-between;
    }

    .cowtlB {
      display:flex;
      row-gap:8px;
      column-gap:8px;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .d-whatsapp-navbar\:Qxy4LOui0kXB6eS1B0UXw {
      cursor:pointer;
      height:32px;
      row-gap:4px;
      font-size:14px;
      column-gap:4px;
      transition:all 300ms ease;
      border-color:#00000000;
      border-style:solid;
      border-width:1px;
    }

    .d-whatsapp-navbar\:Qxy4LOui0kXB6eS1B0UXw:hover {
      background:var(--bg-white);
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .cPhvgi {
      width:1px;
      height:70%;
      background:var(--bg-weak);
    }

    .fwgxtk {
      gap:12px;
      flex-direction:row;
    }

    .dVBDvF {
      color:var(--text-strong);
      width:100%;
      display:block;
      max-width:44rem;
      background:var(--bg-white);
      font-family:Geist;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      flex-direction:row;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .dlJhJT {
      width:100%;
      height:100%;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      flex-direction:column;
      justify-content:flex-start;
    }

    .JRcNU {
      display:flex;
      padding:1rem;
      background:var(--bg-white);
      align-items:center;
      font-family:Geist;
      flex-direction:row;
      justify-content:center;
    }

    .d-no-notifications-events\:6iFQUVnfzVHhan1Lz-lE0 {
      display:none;
    }

    .d-notifications-center\:H9zFe46aBjKOnbcMpIBpV {
      display:none;
    }

    .d-notifications-center\:S9htNAk4-u0CzkyJgh4P3 {
      flex:1;
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .d-notifications-center\:ozWzAsrzrfOCkLfrtvVnX {
      flex:1;
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .cswXVU {
      flex:1;
      width:100%;
      row-gap:13px;
      column-gap:13px;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:1rem;
    }

    .cSLJBo {
      width:100%;
      row-gap:1rem;
      column-gap:1rem;
    }

    .fEjuCf {
      display:flex;
      row-gap:5px;
      column-gap:5px;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .d-hotel-notifications-settings\:FB8Vgdw4dCf1MmmylTjIM {
      color:#b4272e;
      width:auto;
      height:15px;
      font-size:8px;
      background:#e647476b;
      border-color:#df7277;
      border-style:solid;
      border-width:1px;
      border-top-left-radius:var(--radius-20);
      border-top-right-radius:var(--radius-20);
      border-bottom-left-radius:var(--radius-20);
      border-bottom-right-radius:var(--radius-20);
    }

    .d-hotel-notifications-settings\:FB8Vgdw4dCf1MmmylTjIM:hover {
      color:var(--Orange-700);
      background:#410606;
    }

    .d-hotel-notifications-settings\:FEs6J12TM53ngRu2grU4H {
      color:#e3b759;
      height:14px;
      font-size:8px;
      background:#efd30166;
      border-color:#c78d0f;
      border-style:solid;
      border-width:1px;
      border-top-left-radius:var(--radius-20);
      border-top-right-radius:var(--radius-20);
      border-bottom-left-radius:var(--radius-20);
      border-bottom-right-radius:var(--radius-20);
    }

    .d-hotel-notifications-settings\:FEs6J12TM53ngRu2grU4H:hover {
      color:var(--Yellow-700);
      background:#3f361d;
    }

    .fuhqpg {
      display:flex;
      align-items:flex-start;
      padding-left:1rem;
      padding-right:1rem;
      justify-content:flex-start;
    }

    .aHiKj {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .bOEIoo {
      height:100%;
      display:flex;
      row-gap:12px;
      column-gap:12px;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .d-hotel-notifications-settings\:HMA6INtpqMA313Vch8Hqx {
      display:flex;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .d-hotel-notifications-settings\:HMA6INtpqMA313Vch8Hqx:hover {
      background:var(--bg-weak);
    }

    .bCrsFu {
      overflow-y:auto;
      touch-action:auto;
    }

    .d-hotel-notifications-settings\:ISJbRdcgBQOEHqfzvRYwr {
      width:48%;
      overflow-y:auto;
    }

    .d-hotel-notifications-settings\:K-g8ZslWn_TXokre3wkPF {
      color:#d08706;
      height:14px;
      font-size:8px;
      background:#e9841661;
      border-color:#ec9513;
      border-style:solid;
      border-width:1px;
      border-top-left-radius:var(--radius-20);
      border-top-right-radius:var(--radius-20);
      border-bottom-left-radius:var(--radius-20);
      border-bottom-right-radius:var(--radius-20);
    }

    .d-hotel-notifications-settings\:K-g8ZslWn_TXokre3wkPF:hover {
      color:var(--Yellow-600);
      background:#50300c;
    }

    .d-hotel-notifications-settings\:PKcTjevvMuUILXnNMyQDj {
      color:#a2f6a9;
      height:14px;
      font-size:8px;
      background:#0cb033b3;
      border-color:#54f274;
      border-style:solid;
      border-width:1px;
      border-top-left-radius:var(--radius-20);
      border-top-right-radius:var(--radius-20);
      border-bottom-left-radius:var(--radius-20);
      border-bottom-right-radius:var(--radius-20);
    }

    .d-hotel-notifications-settings\:PKcTjevvMuUILXnNMyQDj:hover {
      color:var(--Green-600);
      background:#103215;
    }

    .d-hotel-notifications-settings\:SfEfsLebCkJ0I6ZAgv1Bz {
      width:fit-content;
      display:flex;
      align-items:flex-start;
      justify-content:center;
      border-top-left-radius:0.5rem;
      border-top-right-radius:0.5rem;
      border-bottom-left-radius:0.5rem;
      border-bottom-right-radius:0.5rem;
    }

    .dcPDtl {
      display:flex;
      row-gap:1rem;
      background:var(--bg-white);
      column-gap:1rem;
      align-items:center;
      padding-top:1rem;
      border-color:#e1e4ea85;
      border-style:solid;
      border-width:1.5px;
      padding-left:1rem;
      padding-right:0.5rem;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:space-between;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .dcPDtl.selected {
      border-color:var(--Pink-400);
      border-style:solid;
      border-width:1px;
    }

    .chHqMt {
      width:100%;
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:flex-start;
      flex-direction:row;
      justify-content:space-between;
    }

    .xSPZC {
      display:flex;
      align-items:flex-start;
      justify-content:center;
    }

    .d-hotel-notifications-settings\:W_8HnUvmU8Gb-oogPdUld {
      align-items:flex-start;
      justify-content:flex-start;
    }

    .bFWgtB {
      display:flex;
      background:var(--color);
      align-items:center;
      padding-top:5px;
      padding-left:5px;
      padding-right:5px;
      padding-bottom:5px;
      justify-content:center;
      border-top-left-radius:1.5rem;
      border-top-right-radius:1.5rem;
      border-bottom-left-radius:1.5rem;
      border-bottom-right-radius:1.5rem;
    }

    .cevPzx {
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .d-hotel-notifications-settings\:Zf7Qvo0AGyiYAZlPPkzDp {
      height:22px;
      font-size:10px;
      background:var(--Pink-500);
      padding-top:0.5rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:0.5rem;
    }

    .d-hotel-notifications-settings\:Zf7Qvo0AGyiYAZlPPkzDp:hover {
      background:var(--Pink-700);
    }

    .cSDWBN {
      width:100%;
      display:flex;
      row-gap:1rem;
      background:var(--bg-white);
      column-gap:1rem;
      align-items:flex-start;
      padding-top:13px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:13px;
      justify-content:flex-start;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .d-hotel-notifications-settings\:byVbuMmB_e5OHxynEh5w6 {
      color:var(--text-strong);
      font-size:12px;
      font-weight:500;
    }

    .Hearb {
      color:#ffffff;
      width:16px;
      height:16px;
      display:flex;
      align-items:center;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
      justify-content:flex-start;
    }

    .d-hotel-notifications-settings\:h5VCgULmrT55afWdJrJqU {
      color:var(--text-sub);
      font-size:10px;
    }

    .dCPYgN {
      color:var(--neutral-500);
      font-size:8px;
    }

    .d-hotel-notifications-settings\:jHe-DBuD4jIQSIOkPJA-2 {
      color:var(--text-strong);
      cursor:pointer;
      height:1.5rem;
      background:var(--bg-white);
      border-color:#71778482;
      border-style:solid;
      border-width:2px;
      border-top-left-radius:5px;
      border-top-right-radius:5px;
      border-bottom-left-radius:5px;
      border-bottom-right-radius:5px;
    }

    .d-hotel-notifications-settings\:jHe-DBuD4jIQSIOkPJA-2:disabled {
      border-color:var(--neutral-500);
      border-style:solid;
      border-width:1px;
    }

    .eBBJpl {
      display:flex;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
    }

    .d-hotel-notifications-settings\:lYZLqarUQ5z1_iUynwEy5 {
      color:var(--text-sub);
      font-size:10px;
    }

    .bXOqtF {
      color:var(--text-strong);
      font-size:11px;
      font-family:Geist;
    }

    .eiTJfA {
      width:50%;
      row-gap:1rem;
      column-gap:1rem;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .OYSwa {
      width:auto;
      display:flex;
      row-gap:1.5rem;
      column-gap:1.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .fzhZrn {
      color:var(--neutral-11, #B5B2BC);
      width:100%;
      font-size:var(--h6-title);
      margin-top:var(--margin-top);
      font-family:'Geist';
      font-weight:var(--semi);
      line-height:28px;
      white-space:normal;
      margin-bottom:var(--margin-bottom);
      letter-spacing:-0%;
    }

    .fzhZrn.truncated {
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .fzhZrn.clamped {
      display:-webkit-box;
      overflow:hidden;
      -webkit-box-orient:vertical;
      -webkit-line-clamp:var(--clamp-lines);
    }

    .d-hotel-notifications-settings\:yBqZV1T_TIfYeCRH_U69O {
      color:var(--text-strong);
      width:auto;
      font-size:11px;
    }

    .d-notifications-center\:v0LzVpm-d8pz0cT7aQlq2 {
      width:100%;
    }

    .dctMBW {
      top:1.5rem;
      color:#6b7280;
      right:1rem;
      position:absolute;
      font-size:1.125rem;
      transform:rotate(-6deg);
      font-style:italic;
      font-weight:700;
      line-height:1.75rem;
    }

    .cfdZZ {
      row-gap:8px;
      column-gap:8px;
      flex-direction:row;
    }

    .d-no-notifications-events\:OYxNhLujwjip2Bg0CM1Ry {
      color:#2563eb;
      cursor:pointer;
      height:32px;
      row-gap:4px;
      font-size:14px;
      column-gap:4px;
      transition:all 300ms ease;
      border-color:#e1e4ea17;
      border-style:solid;
      border-width:0.5px;
    }

    .d-no-notifications-events\:OYxNhLujwjip2Bg0CM1Ry:hover {
      background:var(--bg-white);
      border-color:var(--neutral-300);
      border-style:solid;
      border-width:1px;
    }

    .d-no-notifications-events\:XTsZIfQZ9FUPMYQIXtVZk {
      min-width:85vw;
      overflow-y:hidden;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .bWoMnD {
      width:100px;
      height:100px;
      position:absolute;
      animation:2s ease 0ms infinite normal none running animation-eqSsuY;
    }

    @keyframes animation-eqSsuY {
        15% {
          rotate: -5deg;
        }

        60% {
          rotate: 3deg;
        }

        100% {
          rotate: 0deg;
        }
    }

    .chJcPL {
      display:block;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
    }

    .erWMSL {
      color:var(--text-strong);
      font-size:1.5rem;
      font-weight:600;
      line-height:2rem;
      margin-bottom:0.5rem;
    }

    .dyWNYv {
      width:100%;
      display:flex;
      max-width:24rem;
      text-align:center;
      align-items:center;
      flex-direction:column;
    }

    .dlZLNR {
      color:var(--text-soft);
      width:100%;
      max-width:20rem;
      line-height:1.625;
      margin-bottom:1.5rem;
    }

    .bntuvc {
      width:1rem;
      height:1rem;
      display:block;
      border-style:solid;
      border-width:0px;
      margin-right:0.25rem;
      flex-direction:row;
    }

    .ekiqCD {
      width:8rem;
      height:8rem;
      display:flex;
      position:relative;
      align-items:center;
      margin-left:auto;
      margin-right:auto;
      border-radius:9999px;
      margin-bottom:1.5rem;
      flex-direction:row;
      justify-content:center;
    }

    .cBctHI {
      display:block;
      font-size:1.125rem;
      font-weight:500;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
    }

    .dsqyZc {
      display:block;
      border-style:solid;
      border-width:0px;
      padding-left:0.5rem;
      padding-right:0.5rem;
      flex-direction:row;
    }

    .cUUojl {
      gap:0.75rem;
      width:100%;
      display:flex;
      padding:0.75rem;
      background:var(--bg-white);
      align-items:start;
      border-color:#ffffff30;
      border-style:solid;
      border-width:1px;
      border-radius:0.375rem;
      flex-direction:row;
    }

    .cUUojl:hover {
      cursor:pointer;
    }

    .bKzmkJ {
      width:2rem;
      height:2rem;
      display:flex;
      align-items:center;
      border-style:solid;
      border-width:0px;
      border-radius:9999px;
      flex-direction:row;
      justify-content:center;
    }

    .dWpOeN {
      color:var(--text-sub);
      display:block;
      font-size:0.75rem;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
    }

    .eKJYAC {
      display:flex;
      align-items:start;
      padding-top:0.5rem;
      --tw-space-x:0.75rem;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
      padding-bottom:0.5rem;
    }

    .umodY {
      width:100%;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .eoMcXz {
      width:100%;
      display:flex;
      position:relative;
      background:var(--bg-white);
      box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
      align-items:center;
      font-family:Geist;
      padding-top:1rem;
      border-color:#ffffff30;
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      border-radius:0.5rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:space-between;
    }

    .bBVdbK {
      color:var(--text-strong);
      display:block;
      font-size:0.875rem;
      font-weight:600;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
    }

    .nNopP {
      width:100%;
      display:flex;
      row-gap:0.3rem;
      column-gap:0.3rem;
      align-items:center;
      --tw-space-x:0.5rem;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
      justify-content:flex-end;
    }

    .McHSr {
      width:10rem;
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      align-items:flex-start;
      justify-content:center;
    }

    .daZnSX {
      width:16rem;
      overflow:hidden;
      font-size:1rem;
      background:var(--bg-white);
      box-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
      font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      line-height:1.5rem;
      border-radius:0.5rem;
    }

    .eTBimW {
      color:var(--text-strong);
      cursor:pointer;
      font-size:12px;
      font-family:Geist;
      font-weight:400;
      padding-top:0.3rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:0.3rem;
      transition-duration:200ms;
      transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
      transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    }

    .eTBimW:hover {
      background:var(--bg-weak);
    }

    .eTBimW.selected {
      color:var(--text-white);
      background:var(--Pink-400);
    }

    .cRYzCU {
      gap:0.5rem;
      top:5px;
      left:5px;
      display:flex;
      position:absolute;
      font-size:10px;
      align-items:center;
      font-family:Geist;
      flex-direction:row;
    }

    .so-popover-chat-filter-content\:root {
      gap:0.25rem;
      width:fit-content;
      height:fit-content;
      display:flex;
      opacity:0;
      padding:0.5rem;
      z-index:10;
      min-width:200px;
      background: var(--bg-white);
      box-shadow:0px 16px 32px -12px rgba(14, 18, 27, 0.10);
      align-items:flex-start;
      padding-top:0.5rem;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0.5rem;
      border-radius:1rem;
      padding-right:0.5rem;
      flex-direction:column;
      padding-bottom:0.5rem;
    }

    .so-popover-chat-filter-content\:root.open {
      opacity:1;
    }

    .so-popover-chat-filter-content\:root.open-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .so-popover-chat-filter-content\:root.close-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .d-notification\:P4ZM6bh9aVxrqAjcQ_jmV {
      width:fit-content;
      height:fit-content;
      padding-top:3px;
      padding-left:3px;
      padding-right:3px;
      padding-bottom:3px;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .cRAWP {
      gap:0.75rem;
      width:100%;
      display:flex;
      padding:0.75rem;
      align-items:start;
      border-color:#edf2f7;
      border-style:solid;
      border-width:1px;
      border-radius:0.375rem;
      flex-direction:row;
      background-color:#fff;
    }

    .cRAWP:hover {
      background-color:#F9FAFB;
    }

    .bxYxrT {
      flex:1 1 0%;
      display:flex;
      border-style:solid;
      border-width:0px;
      flex-direction:column;
    }

    .epSMWC {
      color:#1a202c;
      display:block;
      font-size:0.875rem;
      font-weight:500;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
    }

    .YjNEU {
      display:block;
      font-size:0.875rem;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
    }

    .fxrZLO {
      color:#a0aec0;
      display:block;
      font-size:0.75rem;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
    }

    .d-notification\:QfXF8DlMO--16e7JjGjZx {
      width:14px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 500ms cubic-bezier(0.42,0,0.58,1);
      align-items:center;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .d-notification\:QfXF8DlMO--16e7JjGjZx:hover {
      background:var(--bg-weak);
    }

    .ccmexi {
      color:#f7f7f7;
      background:var(--color-group);
      border-top-left-radius:0.3rem;
      border-top-right-radius:0.3rem;
      border-bottom-left-radius:0.3rem;
      border-bottom-right-radius:0.3rem;
    }

    .dgvRgz {
      color:#fff;
      display:block;
      font-size:11px;
      background:var(--action);
      font-weight:500;
      padding-top:0.25rem;
      border-style:solid;
      border-width:0px;
      padding-left:0.5rem;
      border-radius:0.375rem;
      padding-right:0.5rem;
      flex-direction:row;
      padding-bottom:0.25rem;
    }

    .dgvRgz:hover {
      cursor:pointer;
      opacity:0.9;
    }

    .cipqSs {
      color:var(--text-strong);
      display:block;
      font-size:0.75rem;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
    }

    .jORLX {
      color:var(--text-strong);
      display:block;
      font-size:0.875rem;
      font-weight:500;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
    }

    .cmBHsZ {
      color:var(--Pink-500);
    }

    .ftHHWI {
      color:var(--Pink-500);
      position:relative;
    }

    .bLEic {
      color:var(--text-strong);
      display:block;
      font-size:0.75rem;
      font-weight:400;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
    }

    .dtcfGh {
      color:var(--Pink-700);
    }

    .bmGxhO {
      color:var(--text-sub);
      display:block;
      font-size:0.875rem;
      margin-top:0.25rem;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
    }

    .d-notifications-dialog\:6Rno2nb9R7pm7_xMqo2zw {
      width:100%;
    }

    .Fpffc {
      height:45vh;
      overflow-y:auto;
      padding-top:1rem;
      padding-bottom:1rem;
      scrollbar-width:none;
    }

    .Fpffc::-webkit-scrollbar {
    width: 0;
    }

    .d-notifications-dialog\:7nfIwMLt60ily92Paq0hA {
      min-width:85vw;
      overflow-y:hidden;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .d-notifications-dialog\:C4Jp9S9GnyWfCvmz8Z691 {
      width:100%;
    }

    .fnNNWh {
      color:var(--text-sub);
      width:100%;
      display:flex;
      row-gap:0px;
      background:var(--bg-weak);
      column-gap:0px;
      align-items:center;
      font-weight:400;
      padding-top:4px;
      padding-left:4px;
      padding-right:4px;
      flex-direction:row;
      padding-bottom:4px;
      justify-content:flex-start;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .dgsRqf {
      color:#13e724;
      animation:2s ease 0ms infinite normal none running animation-fAYnhk;
    }

    @keyframes animation-fAYnhk {
        0% {
          scale: 1;
        }

        50% {
          scale: 1.4 1.4;
        }

        100% {
          scale: 1 1;
        }
    }

    .bqGiEH {
      color:var(--text-soft);
      width:fit-content;
      cursor:pointer;
      display:flex;
      flex-grow:1;
      transition:all 300ms ease-in-out  ;
      align-items:center;
      padding-top:4px;
      padding-left:4px;
      padding-right:4px;
      flex-direction:row;
      padding-bottom:4px;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .bqGiEH:hover {
      color:var(--text-sub);
    }

    .bqGiEH.active {
      color:var(--is-dark-font);
      cursor:pointer;
      background:var(--bg-white);
      box-shadow:0px -1px 1px -0.5px rgba(51, 51, 51, 0.06) inset, 0px 0px 0px 1px rgba(51, 51, 51, 0.04), 0px 1px 1px 0.5px rgba(51, 51, 51, 0.04), 0px 3px 3px -1.5px rgba(51, 51, 51, 0.02), 0px 6px 6px -3px rgba(51, 51, 51, 0.04), 0px 12px 12px -6px rgba(51, 51, 51, 0.04), 0px 24px 24px -12px rgba(51, 51, 51, 0.04), 0px 48px 48px -24px rgba(51, 51, 51, 0.04), 0px 96px 96px -32px rgba(51, 51, 51, 0.06), 0px 2px 4px 0px #0000001f;
    }

    .nTikv {
      color:var(--text-sub);
      display:flex;
      row-gap:0.5rem;
      font-size:var(--label-sm);
      column-gap:0.5rem;
      align-items:center;
      font-family:Geist;
      font-weight:var(--medium);
      flex-direction:row;
      justify-content:flex-start;
    }

    .csCZzV {
      color:#dbdb0a;
      animation:2s ease 0ms infinite normal none running animation-bKKrXZ;
    }

    @keyframes animation-bKKrXZ {
        0% {
          scale: 1 1;
        }

        50% {
          scale: 1.1 1.1;
        }

        100% {
          scale: 1 1;
        }
    }

    .dbpLCO {
      color:#f01418;
      animation:2s ease 0ms infinite normal none running animation-bKKrXZ;
    }

    .d-notifications-dialog\:M8EoOaOZvYj9SjMgTtork {
      width:100%;
    }

    .bFjHJY {
      color:#a0aec0;
      display:flex;
      align-items:center;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
    }

    .bFjHJY:hover {
      color:#1a202c;
    }

    .d-notifications-dialog\:PFz88xDEOlXDWKzMt4vFJ {
      color:#2563eb;
      cursor:pointer;
      height:32px;
      row-gap:4px;
      font-size:14px;
      column-gap:4px;
      transition:all 300ms ease;
      border-color:#e1e4ea17;
      border-style:solid;
      border-width:0.5px;
    }

    .d-notifications-dialog\:PFz88xDEOlXDWKzMt4vFJ:hover {
      background:var(--bg-white);
      border-color:var(--neutral-300);
      border-style:solid;
      border-width:1px;
    }

    .fiWOrR {
      width:100%;
      display:block;
      flex-direction:row;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .d-notifications-dialog\:T7Kfb31nHJbfv8gcSKGyb {
      padding-left:0px;
      padding-right:0px;
    }

    .dggxTR {
      color:var(--text-sub);
      display:block;
      font-weight:500;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
    }

    .d-notifications-dialog\:d8RZOiq-Kn61KfHHv9prt {
      width:100%;
    }

    .EzxSJ {
      width:100%;
      display:flex;
      flex-direction:column;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .d-notifications-dialog\:qRDJhlrZnaR51Efm3K0Ei {
      width:100%;
    }

    .eSTsfA {
      width:100%;
      height:100%;
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      flex-direction:column;
      justify-content:flex-start;
    }

    .d-notifications-dialog\:uSgz2LhGNhS00Hy37KqAh {
      width:100%;
    }

    .caxlYN {
      color:var(--text-sub);
      display:flex;
      padding:0.75rem;
      font-size:0.75rem;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
      border-top-color:var(--stroke-soft);
      border-top-style:solid;
      border-top-width:1px;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .d-notifications-dialog\:v7AHORMQK3u2_fg0HchN8 {
      display:none;
    }

    .ecJItz {
      width:100%;
      display:flex;
      padding:0.5rem;
      flex-direction:column;
    }

    .dymJpk {
      display:flex;
      padding:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
    }

    .jXcCd {
      gap:0.375rem;
      color:var(--text-sub);
      display:flex;
      font-size:0.875rem;
      align-items:center;
      font-weight:var(--medium);
      padding-top:0.25rem;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:row;
      padding-bottom:0.25rem;
      background-color:transparent;
      border-top-left-radius:0.5rem;
      border-top-right-radius:0.5rem;
      border-bottom-left-radius:0.5rem;
      border-bottom-right-radius:0.5rem;
    }

    .jXcCd:hover {
      cursor:pointer;
      background-color:#ffffff10;
    }

    .jXcCd.selected {
      background:var(--pink-alpha-16);
    }

    .csyTYD {
      gap:0.375rem;
      color:var(--text-sub);
      display:flex;
      font-size:0.875rem;
      align-items:center;
      font-weight:var(--medium);
      padding-top:0.25rem;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:row;
      padding-bottom:0.25rem;
      background-color:var(--active-bg);
      border-top-left-radius:0.5rem;
      border-top-right-radius:0.5rem;
      border-bottom-left-radius:0.5rem;
      border-bottom-right-radius:0.5rem;
    }

    .csyTYD:hover {
      cursor:pointer;
      background-color:#ffffff10;
    }

    .csyTYD.selected {
      background:var(--pink-alpha-16);
    }

    .dfuasN {
      gap:0.5rem;
      display:flex;
      align-items:center;
      flex-direction:row;
    }

    .d-notification-bell-and-dialog\:Ii_ufPI40zIvSKr3gEDEV {
      color:var(--icon-sub);
      width:40px;
      cursor:pointer;
      height:40px;
      background:;
      transition:all 300ms ease-in-out 0ms normal;
      align-items:center;
      padding-top:8px;
      padding-left:8px;
      border-radius:10px;
      padding-right:8px;
      padding-bottom:8px;
      justify-content:center;
    }

    .d-notification-bell-and-dialog\:Ii_ufPI40zIvSKr3gEDEV:hover {
      background:var(--bg-weak);
    }

    .so-popover-content-knowledge-base\:root {
      gap:0.25rem;
      width:150px;
      height:fit-content;
      display:flex;
      opacity:0;
      padding:0.5rem;
      z-index:10;
      background: var(--bg-white);
      box-shadow:0px 16px 32px -12px rgba(14, 18, 27, 0.10);
      align-items:flex-start;
      padding-top:0.5rem;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0.5rem;
      border-radius:1rem;
      padding-right:0.5rem;
      flex-direction:column;
      padding-bottom:0.5rem;
      /* regular-shadow/medium */:;
    }

    .so-popover-content-knowledge-base\:root.open {
      opacity:1;
    }

    .so-popover-content-knowledge-base\:root.open-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .so-popover-content-knowledge-base\:root.close-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .d-notification-bell-and-dialog\:NWA2-Hvcg87_1xge4ItPm {
      width:44rem;
      z-index:99999999;
      position:absolute;
      overflow-x:clip;
      overflow-y:visible;
      padding-top:0px;
      border-color:#ffffff00;
      border-style:solid;
      border-width:1px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }

    .eFyTwI {
      top:8px;
      right:8px;
      width:6px;
      height:6px;
      position:absolute;
      background: var(--primary-base);
      border-radius:100px;
    }

    .fzupuV {
      flex:1  ;
      background:var(--bg-white);
      font-family:Geist;
    }

    .eRjRSX {
      color:var(--error-base);
    }

    .csgaQt {
      color:#757575;
      font-size:inherit;
      font-family:inherit;
      font-weight:400;
    }

    .fBFywj {
      flex-direction:column;
    }

    .cpkMMD {
      color:var(--text-strong);
      font-size:18px;
      font-family:Geist;
      font-weight:500;
      line-height:24px;
    }

    .dtufWG {
      font-size:var(--label-sm);
      font-family:Geist;
    }

    .add-guest-view\:75j7ddbDKIDnark56FRl3 {
      width:20px;
      height:20px;
      align-items:center;
      justify-content:center;
    }

    .add-guest-view\:8FOKaIeSk6Mwq61EkelJi {
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      position:relative;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .add-guest-view\:B5S3w_fVtJBlqiGnYEi8b {
      width:20px;
      height:20px;
      align-items:center;
      justify-content:center;
    }

    .cZaMOb {
      color:var(--text-strong);
      width:100%;
      cursor:pointer;
      font-size:inherit;
      text-align:left;
      font-family:inherit;
      font-weight:inherit;
    }

    .bSyIxs {
      font-size:var(--label-sm);
    }

    .add-guest-view\:BzXWVC7VOhgB6kIKq5Nqu {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .add-guest-view\:C3hOnGJJFVxnbzBpp0S2b {
      width:100%;
    }

    .add-guest-view\:CDqbeKYnNwAT4XOv1iV7l {
      flex:1;
    }

    .add-guest-view\:DfJdFkZF8yuPBr3JtdXWt {
      width:20px;
      height:20px;
      align-items:center;
      justify-content:center;
    }

    .bMelXK {
      color:var(--error-base);
      font-size:var(--label-xs);
    }

    .bEtKjD {
      flex:0;
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .eATDBL {
      width:fit-content;
      cursor:pointer;
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .dVLnlZ {
      width:15px;
      height:15px;
      display:flex;
      align-items:center;
      border-color:var(--primary-base);
      border-style:solid;
      border-width:1px;
      justify-content:center;
      border-top-left-radius:99999px;
      border-top-right-radius:99999px;
      border-bottom-left-radius:99999px;
      border-bottom-right-radius:99999px;
    }

    .bMDXDm {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
      line-height:20px;
    }

    .cCzraE {
      width:10px;
      height:10px;
      background:var(--primary-base);
      border-top-left-radius:9999px;
      border-top-right-radius:9999px;
      border-bottom-left-radius:9999px;
      border-bottom-right-radius:9999px;
    }

    .add-guest-view\:IVv0sAsKIO8Xhifrtiz6_ {
      width:100%;
    }

    .cmzXpx {
      width:100%;
      cursor:pointer;
      font-size:var(--label-sm);
      text-align:left;
      font-weight:400;
    }

    .eNsGmD {
      flex:1  ;
      row-gap:1rem;
      column-gap:1rem;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
    }

    .bBfiok {
      flex:1;
      color:var(--text-strong, #0E121B);
      width:100%;
      height:100%;
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--medium);
    }

    .bBfiok::placeholder {
      color:var(--text-disabled, #CACFD8);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .add-guest-view\:ODvQbPirC4O-oCf6sbq4Y {
      width:100%;
    }

    .add-guest-view\:OjMfyaepsnK67wCYPdWQk {
      max-height:200px;
    }

    .BDvcV {
      flex:1;
      color:var(--text-strong);
      width:100%;
      height:100%;
      font-size:var(--label-sm);
    }

    .add-guest-view\:QoXjHHOpUbtbp4LYt3r2v {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .add-guest-view\:S9kelrlodVvA2rGxNG723 {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .ucwAx {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:1rem;
      justify-content:center;
      border-top-color:var(--stroke-soft);
      border-top-style:solid;
      border-top-width:1px;
    }

    .add-guest-view\:SbutOFICfFwrYgoq6fNtS {
      width:0px;
    }

    .cQmHoj {
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .add-guest-view\:TK6kF-Ji5WYyrQnf9fKUr {
      width:100%;
    }

    .buQMgr {
      color:var(--text-strong);
      width:100%;
      height:100%;
      font-size:var(--label-sm);
    }

    .add-guest-view\:UZSK2lYuqHSoo50l2bfsV {
      width:20px;
      height:20px;
      align-items:center;
      justify-content:center;
    }

    .add-guest-view\:VALC8Mh4rq_LL44UULKLp {
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      position:relative;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .add-guest-view\:VNGXiAUetktpQgl1oWuuJ {
      width:fit-content;
    }

    .add-guest-view\:VuiofEr8U-Gu60P9jLdzm {
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      position:relative;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .add-guest-view\:WidZ29jXdby3o0-jNdlo6 {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .add-guest-view\:YJkMpAIWyvIoU6q_YfflP {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .cGsYbb {
      color:var(--text-sub);
      font-size:var(--label-sm);
      font-family:Geist;
    }

    .add-guest-view\:bl3nmnQkF7h9YCohVi6qN {
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      position:relative;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .add-guest-view\:cEvJUMAAj96Lbqk2KS-Wg {
      width:fit-content;
    }

    .add-guest-view\:inmP_i_Rxg1QCwss6SoYa {
      flex:1;
    }

    .add-guest-view\:lWK4czXkhMGAFiGh_IkLy {
      height:fit-content;
      max-width:fit-content;
      background:transparent;
      min-height:0px;
      padding-top:0px;
      border-color:transparent;
      border-style:solid;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }

    .add-guest-view\:lWK4czXkhMGAFiGh_IkLy:active:focus:focus-visible {
      border-color:transparent;
      border-style:solid;
      border-width:0px;
    }

    .add-guest-view\:lWK4czXkhMGAFiGh_IkLy:hover {
      background:transparent;
    }

    .foTtEs {
      display:flex;
      row-gap:16px;
      column-gap:16px;
      flex-direction:row;
    }

    .add-guest-view\:mNAmzm5BmjZXyzKL4XbH9 {
      width:100%;
    }

    .add-guest-view\:m_KE8NPbLEjPTwXrJhj5t {
      max-height:200px;
    }

    .eYLGaQ {
      flex:1;
      height:100%;
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .vSTWf {
      color:var(--text-sub);
      font-size:14px;
      font-family:Geist;
      font-weight:400;
      line-height:20px;
    }

    .add-guest-view\:pyCzrEZfRFaCaAJrfKqgs {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .bKqgRh {
      row-gap:1rem;
      background:var(--bg-white);
      column-gap:1rem;
      font-family:Geist;
    }

    .BBLNt {
      flex:1;
      flex-direction:column;
    }

    .cQNlVM {
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .o-add-group-guest-info\:5vqexKjKIz6TbOcVhT9-8 {
      height:fit-content;
      max-width:fit-content;
      background:transparent;
      min-height:0px;
      padding-top:0px;
      border-color:transparent;
      border-style:solid;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }

    .o-add-group-guest-info\:5vqexKjKIz6TbOcVhT9-8:active:focus:focus-visible {
      border-color:transparent;
      border-style:solid;
      border-width:0px;
    }

    .o-add-group-guest-info\:5vqexKjKIz6TbOcVhT9-8:hover {
      background:transparent;
    }

    .o-add-group-guest-info\:BIbexmUOAfhhbWpkkMGGH {
      width:100%;
    }

    .o-add-group-guest-info\:E0OBfETApJej8P_uX_whJ {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .o-add-group-guest-info\:Gq0alHW4jYGeSuYGY-fTm {
      width:20px;
      height:20px;
      align-items:center;
      justify-content:center;
    }

    .zePno {
      height:100px;
      display:flex;
      align-items:center;
      padding-left:1rem;
      padding-right:1rem;
      justify-content:center;
    }

    .o-add-group-guest-info\:KmL_X_hJsvu_5wWNizcRG {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .dULJyo {
      row-gap:2rem;
      column-gap:2rem;
    }

    .o-add-group-guest-info\:N68H7vjcTr3stjIJxNnq- {
      max-height:200px;
    }

    .o-add-group-guest-info\:PsPp0NNKSHSD5tZyVBUV4 {
      width:fit-content;
      height:250px;
    }

    .o-add-group-guest-info\:QLlxCRCvxCrYBrCiXtyOx {
      width:fit-content;
      min-width:var(--radius-0);
    }

    .o-add-group-guest-info\:SXt6YI9kf1ugg3pLZXPRV {
      flex:1;
    }

    .o-add-group-guest-info\:T2iObwp5nTMUD_pmsqXbI {
      width:20px;
      height:20px;
      align-items:center;
      justify-content:center;
    }

    .o-add-group-guest-info\:VQ9vZRMsdzMdNphiqEBhP {
      width:fit-content;
    }

    .fghvre {
      color:var(--room-color);
      font-size:12px;
      background:var(--room-bg-color);
      padding-top:0.25rem;
      border-color:var(--room-color);
      border-style:solid;
      border-width:1px;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:0.25rem;
      border-top-left-radius:999px;
      border-top-right-radius:999px;
      border-bottom-left-radius:999px;
      border-bottom-right-radius:999px;
    }

    .o-add-group-guest-info\:eXV5gECKtYT7oFKJIwRlU {
      cursor:pointer;
      height:38px;
    }

    .o-add-group-guest-info\:f3i-s9xftm004kZENLvlt {
      width:fit-content;
    }

    .o-add-group-guest-info\:gQMzfJeLaSmfLXXMbXSyQ {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .o-add-group-guest-info\:iWWnFRW4bASDkf2Chv9Y- {
      flex:1;
    }

    .fcEHeB {
      color:var(--text-strong);
      font-size:16px;
      font-family:Geist;
      font-weight:500;
      line-height:24px;
    }

    .ckMrQS {
      color:var(--text-strong);
      font-size:14px;
      text-align:center;
      font-family:inherit;
      font-weight:inherit;
    }

    .o-add-group-guest-info\:mef8Qv5kO4CDKZjxl_b23 {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .eHrtSd {
      row-gap:1rem;
      background:var(--bg-weak);
      column-gap:1rem;
      padding-top:1rem;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:0.5rem;
      border-top-right-radius:0.5rem;
      border-bottom-left-radius:0.5rem;
      border-bottom-right-radius:0.5rem;
    }

    .o-add-group-guest-info\:qBrCscZMInTvgRpqFUNEL {
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      position:relative;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .o-add-group-guest-info\:qGkI8vjnkBT9TRQNusuKG {
      flex:1;
    }

    .o-add-group-guest-info\:qol1jkacQJEyzidn37p8r {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .o-add-group-guest-info\:ro_RA0ykTKJqdR8d11BiH {
      width:100%;
    }

    .o-add-group-guest-info\:vGNJ2q7z9p7nLA2NKPH0p {
      width:100%;
    }

    .o-add-group-guest-info\:vHw9lmRLq5lONW2fJJQ7Z {
      flex:1;
    }

    .o-add-group-guest-info\:yiWWb_jYEaGODlj7GfYCd {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .dDxuCT {
      color:var(--text-sub);
      width:16px;
      cursor:pointer;
      height:16px;
      transition:all 300ms ease;
    }

    .dDxuCT:hover {
      color:var(--primary-base);
    }

    .add-guest-view\:u96Aw-Dt7e5fyAgQIJBwW {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .add-guest-view\:ucjuxjgM85N7OaZcVfUG6 {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .add-guest-view\:vmhHSa5W0BScFg7hXTlX_ {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .add-guest-view\:vpKD7S-LrreZvEmQxjtG7 {
      width:20px;
      height:20px;
      align-items:center;
      justify-content:center;
    }

    .add-guest-view\:vutx-sEyzYgRTq7FyJ90D {
      max-height:200px;
    }

    .add-guest-view\:wnJkBGleFgzVwBy7qO-kk {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .add-guest-view\:wrI-8Ezq4U6UXYVTfP4cu {
      width:fit-content;
      height:250px;
    }

    .add-guest-view\:xvIleeRz17-PezHUKyGkk {
      width:100%;
      cursor:pointer;
      height:32px;
    }

    .d-notification-bell-and-dialog\:bx_sPPW6A4cCmTE2W7d7E {
      cursor:pointer;
    }

    .d-notification-bell-and-dialog\:lQXhJHI6pPCvxeRyVYfUJ {
      z-index:99;
      position:fixed;
      padding-top:20px;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:20px;
    }

    .cgdQva {
      top:2px;
      color:var(--highlighted-base-light);
      right:7px;
      position:absolute;
      font-size:12px;
      font-style:oblique 0deg;
      font-family:Inter;
      font-weight:500;
    }

    .d-notification-bell-and-dialog\:w54Ghsz3ud7pZJ9ineOzv {
      overflow-y:hidden;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      border-top-left-radius:20px;
      border-top-right-radius:20px;
      border-bottom-left-radius:20px;
      border-bottom-right-radius:20px;
    }

    .eKFiLh {
      height:100%;
      display:flex;
      row-gap:6px;
      column-gap:6px;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .cmtmgs {
      width:100vw;
      height:100vh;
      display:flex;
      overflow:hidden;
      background:var(--bg-white);
      font-family:"Geist";
      flex-direction:row;
    }

    .cmtmgs.is-resizing {
      user-select:none;
    }

    .ebGNPc {
      width:7px;
      cursor:col-resize;
      background:transparent;
      transition:background 0.2s;
      flex-shrink:0;
    }

    .ebGNPc:hover {
      background:var(--stroke-sub);
    }

    .bhxWme {
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      align-items:flex-start;
      padding-top:0.5rem;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:0.5rem;
      justify-content:flex-end;
      border-top-color:var(--stroke-soft);
      border-top-style:solid;
      border-top-width:1px;
    }

    .eEYiOP {
      color:var(--text-sub);
      font-size:14px;
      text-align:center;
      font-family:Geist;
    }

    .bucCyg {
      flex:1;
      min-height:1px;
      padding-top:0rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:0rem;
    }

    .dRgeBz {
      display:flex;
      row-gap:0.25rem;
      column-gap:0.25rem;
      align-items:center;
      justify-content:center;
    }

    .bliyN {
      width:100%;
      height:100%;
      display:flex;
      z-index:200;
      position:absolute;
      background:var(--white-alpha-16);
      min-height:1px;
      align-items:center;
      backdrop-filter:blur(15px);
      justify-content:center;
    }

    .bqRPee {
      color:var(--primary-base);
      width:60px;
      height:60px;
    }

    .dflwPS {
      color:var(--text-strong);
      font-size:1.5rem;
      text-align:center;
      font-family:Geist;
      font-weight:500;
    }

    .so-popover-content\:root {
      gap:0.25rem;
      opacity:0;
      z-index:10;
      min-width:50px;
      background:var(--bg-white);
      padding-top:0.5rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:var(--border-md);
      padding-left:0.5rem;
      border-radius:var(--rounding-lg);
      padding-right:0.5rem;
      padding-bottom:0.5rem;
    }

    .so-popover-content\:root.open {
      opacity:1;
    }

    .so-popover-content\:root.open-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .so-popover-content\:root.close-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .so-unified-inbox\:MaExuq0EcfkJ_EjUKVBVM {
      top:3%;
      left:105%;
      width:40vw;
      z-index:11;
      max-width:50vw;
      max-height:80dvh;
      padding-top:0px;
      border-color:transparent;
      border-style:solid;
      border-width:1px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      border-top-left-radius:0px;
      border-top-right-radius:0px;
      border-bottom-left-radius:0px;
      border-bottom-right-radius:0px;
    }

    .so-unified-inbox\:NKDtLbtA62gw4pQ3TZwIQ {
      width:2rem;
      height:2rem;
    }

    .dWxRPr {
      flex:1;
      display:flex;
      overflow:hidden;
      background:var(--bg-white);
      font-family:"Geist";
      flex-direction:column;
    }

    .dJKgCY {
      row-gap:0.15rem;
      column-gap:0.15rem;
    }

    .bgEXxv {
      width:400px;
      height:100vh;
      display:flex;
      overflow:hidden;
      background:var(--bg-white);
      font-family:"Geist";
      flex-direction:column;
    }

    .epNONo {
      font-family:"Geist";
      padding-top:8px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:8px;
      padding-right:8px;
      padding-bottom:8px;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .epNONo.mode {
      padding-bottom:4px;
    }

    .eBRVxx {
      color:inherit;
      font-size:14px;
      font-family:Geist;
      font-weight:var(--medium);
    }

    .cpJfAt {
      flex:1;
      height:32px;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .eLiWzj {
      display:flex;
      row-gap:8px;
      column-gap:8px;
      align-items:stretch;
      flex-direction:row;
      justify-content:flex-start;
    }

    .so-contact-name\:FY6sw6VofIhK-Fmmh5Xfi {
      color:var(--success-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .so-contact-name\:FY6sw6VofIhK-Fmmh5Xfi:hover {
      color:var(--success-base);
      background:var(--success-lighter);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .nx-tooltip\:Quw7nR6hflO7rsq8M8Qbn {
      color:var(--text-sub);
      scale:0.5;
      width:max-content;
      opacity:0;
      z-index:999;
      position:absolute;
      background:var(--bg-white);
      font-family:Geist;
      padding-top:0.5rem;
      border-color:var(--stroke-soft);
      border-style:solid;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .nx-tooltip\:Quw7nR6hflO7rsq8M8Qbn.open {
      scale:1;
      opacity:1;
      translate:0 0px;
    }

    .nx-tooltip\:Quw7nR6hflO7rsq8M8Qbn.top-in {
      translate:0 -12px;
    }

    .nx-tooltip\:Quw7nR6hflO7rsq8M8Qbn.top-out {
      scale:1;
    }

    .nx-tooltip\:Quw7nR6hflO7rsq8M8Qbn.bottom-in {
      translate:0 12px;
    }

    .nx-tooltip\:Quw7nR6hflO7rsq8M8Qbn.bottom-out {
      scale:1;
    }

    .nx-tooltip\:Quw7nR6hflO7rsq8M8Qbn.open-transition {
      transition:all 200ms ease 0ms normal;
    }

    .nx-tooltip\:Quw7nR6hflO7rsq8M8Qbn.close-transition {
      transition:all 50ms ease 0ms normal;
    }

    .ckIWym {
      width:10px;
      height:10px;
      rotate:z 45deg;
      display:flex;
      translate:0px -4px;
      background:var(--bg-white);
      flex-direction:column;
      border-right-color:var(--stroke-soft);
      border-right-style:solid;
      border-right-width:var(--border-md);
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:var(--border-md);
    }

    .so-contact-name\:O3GmlxTuP77kblwTnhPDm {
      color:var(--icon-sub);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-name\:O3GmlxTuP77kblwTnhPDm:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .cyDhkV {
      color:var(--icon-soft);
    }

    .fmcCPL {
      display:flex;
      row-gap:6px;
      column-gap:6px;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .bOhEBA {
      width:fit-content;
      height:24px;
    }

    .EUIZh {
      top:4px;
      right:4px;
      width:fit-content;
      row-gap:4px;
      position:absolute;
      column-gap:4px;
      flex-direction:row;
    }

    .so-contact-name\:dFvA8hFagCdNMzR2cncaa {
      flex:1;
    }

    .dzEbFS {
      color:var(--text-strong);
      display:inline;
      font-size:14px;
      font-family:"Geist";
      font-weight:500;
    }

    .so-contact-name\:f-g7Ka0xRD-9Ol0nak6P2 {
      flex:1;
      color:var(--text-soft);
      font-size:12px;
      font-family:"Geist";
      padding-bottom:0px;
    }

    .so-contact-name\:iNyJIHdNsU_AiEbcVljMw {
      flex:1;
    }

    .csEMXk {
      row-gap:12px;
      column-gap:12px;
    }

    .so-contact-name\:oE7ao6J0oHgMJjDK1tshz {
      color:var(--error-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .so-contact-name\:oE7ao6J0oHgMJjDK1tshz:hover {
      color:var(--error-base);
      background:var(--error-lighter);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .bLVSjU {
      top:8px;
      right:8px;
      width:fit-content;
      position:absolute;
    }

    .eNWqtd {
      padding-top:8px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:8px;
      padding-right:8px;
      padding-bottom:4px;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .so-contact-select-field\:2uk4wMoclA0nNeNEX99dE {
      color:var(--error-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-select-field\:2uk4wMoclA0nNeNEX99dE:hover {
      color:var(--error-base);
      background:var(--error-lighter);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-select-field\:L2Y-iGh4aTuSF5zBljnLW {
      color:var(--icon-sub);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-select-field\:L2Y-iGh4aTuSF5zBljnLW:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .ctOPdr {
      color:var(--pill-text-color);
      width:fit-content;
      overflow:hidden;
      font-size:0.75rem;
      background:var(--pill-bg-color);
      font-family:Geist;
      font-weight:500;
      line-height:12px;
      padding-top:4px;
      white-space:nowrap;
      padding-left:6px;
      padding-right:6px;
      text-overflow:ellipsis;
      padding-bottom:4px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .ctOPdr.sm {
      font-size:0.5rem;
    }

    .so-contact-select-field\:RFCzKkkXQrEcuml4LwGNw {
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      height:32px;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .fDZBWs {
      display:flex;
      row-gap:6px;
      column-gap:6px;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .so-contact-select-field\:XfakuRA-8kz6B2VFohRpC {
      color:var(--success-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-select-field\:XfakuRA-8kz6B2VFohRpC:hover {
      color:var(--success-base);
      background:var(--success-lighter);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-select-field\:dR2MCL-v6yBoGf8lL93fN {
      row-gap:0.25rem;
      column-gap:0.25rem;
      max-height:300px;
    }

    .so-contact-select-field\:f-g7Ka0xRD-9Ol0nak6P2 {
      flex:1;
      color:var(--text-soft);
      font-size:12px;
      font-family:"Geist";
      padding-bottom:0px;
    }

    .cLDBOY {
      row-gap:8px;
      column-gap:8px;
    }

    .ccTQGs {
      flex:1;
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .so-contact-select-field\:qRyPfFJTNNGhdbkg36wxw {
      flex:1;
    }

    .cfblfd {
      width:100%;
      height:100%;
      overflow:hidden;
      position:relative;
      animation:so-skeleton-shimmer 2s infinite;
      background:linear-gradient(90deg, transparent 0%, var(--shimmer-color) 50%, transparent 100%);
      background-size:200% 100%;
    }

    @keyframes so-skeleton-shimmer {
        0% {
          background-position: 200% 0;
        }

        100% {
          background-position: -200% 0;
        }
    }

    .so-guest-crm-view\:41A0395WbGC-Guvu2tOWr {
      width:120px;
      height:18px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .cqPnBu {
      color:var(--icon-soft);
      width:16px;
      height:16px;
    }

    .cqqdkb {
      width:7px;
      height:7px;
      background:var(--convo-status);
      border-top-left-radius:99999px;
      border-top-right-radius:99999px;
      border-bottom-left-radius:99999px;
      border-bottom-right-radius:99999px;
    }

    .cFbkYg {
      flex:1;
      row-gap:12px;
      column-gap:12px;
    }

    .esMOLV {
      row-gap:8px;
      column-gap:8px;
      padding-top:8px;
    }

    .dfKoOG {
      cursor:pointer;
      display:flex;
      row-gap:0.25rem;
      column-gap:0.25rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .bCjGDh {
      gap:16px;
      display:flex;
      font-family:"Geist";
      padding-top:12px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:12px;
      border-radius:8px;
      padding-right:12px;
      flex-direction:column;
      padding-bottom:12px;
    }

    .bUoHwL {
      color:var(--text-soft);
      font-size:14px;
      font-weight:400;
    }

    .bDSOhJ {
      color:var(--text-strong);
      font-size:14px;
      font-weight:500;
    }

    .eQWspQ {
      color:var(--text-soft);
      display:flex;
      row-gap:6px;
      font-size:14px;
      column-gap:6px;
      align-items:center;
      font-weight:400;
      flex-direction:row;
      justify-content:flex-start;
    }

    .doYOwV {
      display:flex;
      row-gap:0.25rem;
      column-gap:0.25rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .cjeMyX {
      right:16px;
      width:28px;
      height:28px;
      display:flex;
      position:absolute;
      align-items:center;
      justify-content:center;
    }

    .fvmhTD {
      gap:0px;
      display:flex;
      overflow-x:hidden;
      overflow-y:hidden;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      flex-direction:column;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .cvzvDT {
      color:var(--text-sub);
      cursor:pointer;
      height:40px;
      display:flex;
      font-size:14px;
      background:var(--bg-white);
      transition:background 0.2s ease;
      align-items:center;
      font-family:"Geist";
      font-weight:500;
      padding-top:12px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:12px;
      justify-content:space-between;
      border-top-left-radius:0px;
      border-top-right-radius:0px;
      border-bottom-left-radius:0px;
      border-bottom-right-radius:0px;
    }

    .cvzvDT:hover {
      background:var(--bg-weak);
    }

    .cvzvDT.is-open {
      color:white;
      background:var(--primary-base);
    }

    .DzeHy {
      display:flex;
      overflow:hidden;
      margin-top:0px;
      max-height:0px;
      transition:max-height 0.3s ease;
      padding-top:0.25rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      flex-direction:column;
      padding-bottom:0.5rem;
    }

    .DzeHy.open {
      max-height:1000px;
    }

    .dqlxTO {
      width:16px;
      height:16px;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    }

    .dqlxTO.is-open {
      rotate:0 0 1 180deg;
    }

    .yaost {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      font-family:"Geist";
      padding-top:8px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:8px;
      padding-right:8px;
      padding-bottom:8px;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .cBTsBp {
      color:var(--text-strong);
      cursor:pointer;
      font-size:14px;
    }

    .o-inbox-attributes\:21mCBExuDZg9tZQ-N_iXE {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .o-inbox-attributes\:30cu4KWjlxEVqRARv-_0e {
      color:var(--error-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .o-inbox-attributes\:30cu4KWjlxEVqRARv-_0e:hover {
      color:var(--error-base);
      background:var(--error-lighter);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .o-inbox-attributes\:3rahhu3kSDbIP7wBCMgZd {
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      position:relative;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .o-inbox-attributes\:7-taqGK57gJILD-1OCTFk {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .emaaNh {
      gap:8px;
      display:flex;
      align-items:center;
      flex-direction:row;
    }

    .o-inbox-attributes\:8lILm1R92O3Ty3vwfZ9pZ {
      flex:1;
    }

    .o-inbox-attributes\:9lFNLdqtXmFGbCT7i8Oew {
      color:var(--icon-sub);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .o-inbox-attributes\:9lFNLdqtXmFGbCT7i8Oew:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .o-inbox-attributes\:ALEgH4mRQDmFsPbHUzCE0 {
      flex:1;
    }

    .o-inbox-attributes\:BeFe0YnTrbsMgA0zfrUUX {
      color:var(--icon-sub);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .o-inbox-attributes\:BeFe0YnTrbsMgA0zfrUUX:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .fzFJpp {
      width:fit-content;
      row-gap:4px;
      position:relative;
      column-gap:4px;
      flex-direction:row;
    }

    .dVjFtN {
      display:inline;
      font-size:14px;
      text-align:center;
      font-family:inherit;
      font-weight:inherit;
    }

    .o-inbox-attributes\:GbENgItTaNlDU1654XPdm {
      color:var(--success-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .o-inbox-attributes\:GbENgItTaNlDU1654XPdm:hover {
      color:var(--success-base);
      background:var(--success-lighter);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .bNpCwP {
      flex:1;
      color:var(--text-strong);
      width:100%;
      height:100%;
      display:flex;
      font-size:var(--label-sm);
      align-items:flex-start;
      justify-content:center;
    }

    .o-inbox-attributes\:M3TbSaniOnUVENepOXViF {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .o-inbox-attributes\:Moa6PxpHTAzH5u0oZ4NyF {
      color:var(--error-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .o-inbox-attributes\:Moa6PxpHTAzH5u0oZ4NyF:hover {
      color:var(--error-base);
      background:var(--error-lighter);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .bcAPYa {
      width:20px;
      height:20px;
      display:flex;
      align-items:flex-start;
      border-color:var(--stroke-sub);
      border-style:solid;
      border-width:1px;
      justify-content:center;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .bcAPYa:hover {
      border-color:var(--stroke-strong);
      border-style:solid;
      border-width:1px;
    }

    .bcAPYa.is-selected {
      color:white;
      background:var(--primary-base);
      border-color:#00000000;
      border-style:solid;
      border-width:1px;
    }

    .o-inbox-attributes\:RDW1G3w21krdbYTuYun5- {
      flex:1;
    }

    .ekYudU {
      color:var(--text-strong);
      font-size:14px;
      padding-top:];
      padding-bottom:];
    }

    .o-inbox-attributes\:cyjZBYqWK3gGs-SBhuclS {
      color:var(--error-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .o-inbox-attributes\:cyjZBYqWK3gGs-SBhuclS:hover {
      color:var(--error-base);
      background:var(--error-lighter);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .o-inbox-attributes\:fpPG_BZFK01LO87Cy6c0S {
      color:var(--success-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .o-inbox-attributes\:fpPG_BZFK01LO87Cy6c0S:hover {
      color:var(--success-base);
      background:var(--success-lighter);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .bGgNxL {
      color:inherit;
      font-size:inherit;
      font-family:inherit;
      font-weight:400;
    }

    .o-inbox-attributes\:nwKq7IhhLIWMqKQumO7hz {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .dnEgex {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
    }

    .o-inbox-attributes\:sy_tR859-s_4-3kUUdaUZ {
      max-height:200px;
    }

    .o-inbox-attributes\:tzNlIoWbfKpLeNTPZN-te {
      color:var(--success-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .o-inbox-attributes\:tzNlIoWbfKpLeNTPZN-te:hover {
      color:var(--success-base);
      background:var(--success-lighter);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .o-inbox-attributes\:unlYkDfKhu_qQxQjw6wAY {
      width:100%;
    }

    .o-inbox-attributes\:w_AHU4CRRb3xqxGOLGpkX {
      color:var(--icon-sub);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .o-inbox-attributes\:w_AHU4CRRb3xqxGOLGpkX:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .dCRahW {
      left:0px;
      color:var(--text-sub);
      cursor:pointer;
      display:flex;
      row-gap:0.5rem;
      z-index:1;
      position:sticky;
      background:var(--bg-weak);
      column-gap:0.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .dCRahW.is-selected {
      color:var(--text-strong);
    }

    .dmrRki {
      color:var(--text-sub);
      display:inline;
      font-size:12px;
      font-family:inherit;
      font-weight:500;
    }

    .so-contact-agents-field\:2uk4wMoclA0nNeNEX99dE {
      color:var(--error-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-agents-field\:2uk4wMoclA0nNeNEX99dE:hover {
      color:var(--error-base);
      background:var(--error-lighter);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-agents-field\:L2Y-iGh4aTuSF5zBljnLW {
      color:var(--icon-sub);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-agents-field\:L2Y-iGh4aTuSF5zBljnLW:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-agents-field\:QIx7TsIeq0liq_t00SEXC {
      color:var(--icon-sub);
      width:16px;
      cursor:pointer;
      height:16px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .so-contact-agents-field\:QIx7TsIeq0liq_t00SEXC:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
    }

    .cPdArB {
      color:var(--text-strong);
      display:inline;
      font-size:14px;
      font-family:inherit;
      font-weight:500;
    }

    .so-contact-agents-field\:RFCzKkkXQrEcuml4LwGNw {
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      height:32px;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .bwFWii {
      max-width:250px;
    }

    .so-contact-agents-field\:XfakuRA-8kz6B2VFohRpC {
      color:var(--success-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-agents-field\:XfakuRA-8kz6B2VFohRpC:hover {
      color:var(--success-base);
      background:var(--success-lighter);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-agents-field\:dR2MCL-v6yBoGf8lL93fN {
      row-gap:0.25rem;
      column-gap:0.25rem;
      max-height:300px;
    }

    .so-contact-agents-field\:f-g7Ka0xRD-9Ol0nak6P2 {
      flex:1;
      color:var(--text-soft);
      font-size:12px;
      font-family:"Geist";
      padding-bottom:0px;
    }

    .eqJrKO {
      color:var(--text-sub);
      width:14px;
    }

    .eUmASx {
      gap:12px;
      height:47px;
      display:flex;
      align-items:center;
      padding-left:8px;
      padding-right:8px;
      flex-direction:row;
      justify-content:flex-start;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .bENcHt {
      display:flex;
      row-gap:8px;
      column-gap:8px;
    }

    .cKOgsD {
      position:absolute;
      flex-direction:row;
    }

    .bVbYPt {
      display:flex;
      row-gap:6px;
      column-gap:6px;
      align-items:flex-start;
      flex-direction:row;
      justify-content:center;
    }

    .fxuYQb {
      display:inline;
      font-size:10px;
      font-family:inherit;
      font-weight:inherit;
    }

    .enUnZO {
      color:var(--text-strong);
      width:fit-content;
      font-size:14px;
      font-weight:var(--medium);
    }

    .so-guest-crm-view\:ciDW_sY-2L-oqElgtw7vi {
      flex:1;
      overflow-y:scroll;
      padding-top:8px;
      padding-left:8px;
      padding-right:8px;
      padding-bottom:8px;
    }

    .dFjtkd {
      display:inline;
      font-size:12px;
      font-family:inherit;
      font-weight:500;
    }

    .blKJHW {
      background:var(--bg-color);
      font-family:"Geist";
      padding-top:8px;
      border-color:var(--text-color);
      border-style:solid;
      border-width:1px;
      padding-left:8px;
      padding-right:8px;
      padding-bottom:8px;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .fxGLkq {
      display:flex;
      row-gap:12px;
      column-gap:12px;
      font-family:"Geist";
      padding-top:8px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:8px;
      border-radius:8px;
      padding-right:8px;
      flex-direction:column;
      padding-bottom:8px;
    }

    .bYRrIp {
      flex:1;
      color:var(--text-strong);
      border:1px solid #3d4458;
      height:32px;
      display:none;
      padding:10px 12px;
      font-size:14px;
      font-family:"Geist";
      border-radius:4px;
    }

    .dczuRy {
      color:var(--text-sub);
      font-size:12px;
      font-family:"Geist";
      padding-bottom:0px;
    }

    .eIdXcx {
      flex:1;
      overflow:hidden;
      font-size:14px;
      font-weight:500;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .dsZJOE {
      gap:12px;
      display:flex;
      padding-top:8px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:8px;
      padding-right:4px;
      flex-direction:column;
      padding-bottom:8px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .dQfajB {
      gap:12px;
      display:flex;
      flex-direction:column;
    }

    .eSKjPM {
      gap:8px;
      flex:1;
      color:var(--text-strong);
      display:flex;
      min-width:0px;
      align-items:center;
      flex-direction:row;
    }

    .dmwUqw {
      gap:12px;
      display:flex;
      background:var(--bg-weak);
      align-items:center;
      padding-top:4px;
      padding-left:8px;
      padding-right:4px;
      flex-direction:row;
      padding-bottom:4px;
      justify-content:space-between;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-email\:temp-edit-save-btn {
      color:var(--success-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42,0,0.58,1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .so-contact-email\:temp-edit-save-btn:hover {
      color:var(--success-base);
      background:var(--success-lighter);
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .so-contact-email\:temp-edit-cancel-btn {
      color:var(--error-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42,0,0.58,1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .so-contact-email\:temp-edit-cancel-btn:hover {
      color:var(--error-base);
      background:var(--error-lighter);
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .so-contact-email\:-2rotA-3Ipebj7WGAA3kT {
      flex:1;
      color:var(--text-soft);
      font-size:12px;
      font-family:"Geist";
      padding-bottom:0px;
    }

    .so-contact-email\:-usiqVZqUtiy9-7es-76Z {
      color:var(--icon-sub);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42,0,0.58,1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .so-contact-email\:-usiqVZqUtiy9-7es-76Z:hover {
      color:var(--icon-strong);
      background:var(--bg-white);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-email\:0R6mm9Isoi4Ro21gq1r4v {
      z-index:9999;
    }

    .fvJPCg {
      color:var(--text-soft);
      font-size:1rem;
      line-height:1.625;
      padding-top:1rem;
      padding-left:1.5rem;
      padding-right:1.5rem;
      padding-bottom:1rem;
    }

    @media (min-width: 640px) {

    .fvJPCg {
      padding:1.5rem;
    }
    }

    .Fnbiw {
      width:100%;
      margin-left:auto;
      margin-right:auto;
      border-radius:0.5rem;
      transition-duration:300ms;
      transition-property:all;
      transition-timing-function:cubic-bezier(0.4,0,0.2,1);
    }

    .ZAZwQ {
      width:fit-content;
      opacity:1;
    }

    .fAMVup {
      color:var(--text-soft);
    }

    .dtdlqR {
      width:38px;
      border:none;
      cursor:pointer;
      height:18px;
      padding:2px;
      position:relative;
      transition:background-color 0.2s ease;
      border-radius:999px;
      background-color:var(--neutral-300);
    }

    .dtdlqR.checked {
      background-color:var(--primary-base);
    }

    .TincK {
      top:1px;
      left:2px;
      width:16px;
      height:16px;
      position:absolute;
      transform:translateX(0px);
      transition:transform 0.2s ease;
      border-radius:999px;
      background-color:#FFFFFF;
    }

    .TincK.checked {
      transform:translateX(18px);
    }

    .BkfwL {
      flex:1;
      flex-direction:row;
    }

    .ezGpeE {
      color:var(--text-sub);
      cursor:pointer;
      height:32px;
      display:none;
      padding:8px 16px;
      font-size:14px;
      background:var(--bg-weak);
      transition:all 0.2s;
      align-items:center;
      font-family:"Geist";
      font-weight:500;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .ezGpeE:hover {
      color:var(--text-strong);
      background:var(--bg-weak);
    }

    .so-contact-email\:DJLsL-seZjov8GbcCVPLp {
      font-size:0.875rem;
      padding-top:1px;
      padding-left:1px;
      padding-right:1px;
      padding-bottom:1px;
    }

    .vfTss {
      color:var(--information-base);
      width:fit-content;
      overflow:hidden;
      font-size:12px;
      background:var(--information-lighter);
      font-family:Geist;
      font-weight:500;
      line-height:12px;
      padding-top:4px;
      white-space:nowrap;
      padding-left:6px;
      padding-right:6px;
      text-overflow:ellipsis;
      padding-bottom:4px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .epIjVI {
      display:flex;
      column-gap:1rem;
      padding-top:1rem;
      padding-left:1.5rem;
      padding-right:1.5rem;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:flex-end;
      border-top-color:var(--stroke-soft);
      border-top-style:solid;
      border-top-width:1px;
    }

    @media (min-width: 640px) {

    .epIjVI {
      padding:1.5rem;
    }
    }

    .pwMci {
      width:fit-content;
      height:24px;
      display:none;
    }

    .so-contact-email\:Of-lvVaRGNFhBPLeiRTH7 {
      color:var(--success-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42,0,0.58,1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .so-contact-email\:Of-lvVaRGNFhBPLeiRTH7:hover {
      color:var(--success-base);
      background:var(--success-lighter);
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .so-contact-email\:PH_uvIfDQ9FNETGgfrNif {
      height:32px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-email\:UGdtD1s-Aqn-iR96s30Mw {
      color:var(--icon-sub);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42,0,0.58,1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .so-contact-email\:UGdtD1s-Aqn-iR96s30Mw:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .so-contact-email\:UGdtD1s-Aqn-iR96s30Mw.disabled {
      cursor:not-allowed;
      opacity:0.19;
    }

    .so-contact-email\:V-g53W5qRgwEJALGEXtOA {
      color:var(--error-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42,0,0.58,1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .so-contact-email\:V-g53W5qRgwEJALGEXtOA:hover {
      color:var(--error-base);
      background:var(--error-lighter);
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .dkMiJR {
      color:var(--text-strong);
      font-size:13px;
      font-family:"Geist";
      font-weight:500;
      padding-bottom:0px;
    }

    .cqAtQJ {
      display:flex;
      column-gap:0.75rem;
      align-items:center;
      padding-top:0.5rem;
      padding-left:1.5rem;
      padding-right:1.5rem;
      flex-direction:row;
      padding-bottom:0.5rem;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    @media (min-width: 640px) {

    .cqAtQJ {
      padding:1.5rem;
    }
    }

    .dwzinm {
      color:var(--text-strong);
      font-size:1.25rem;
      font-weight:500;
      line-height:1.75rem;
    }

    .so-contact-email\:abVEhQWEU0CTWsfag45rZ {
      width:500px;
      height:fit-content;
      background:var(--bg-white);
      padding-top:0px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0px;
      border-radius:1.5rem;
      padding-right:0px;
      padding-bottom:0px;
    }

    .dAoxop {
      width:100%;
      display:flex;
      position:relative;
      align-items:center;
      padding-top:0rem;
      padding-left:0rem;
      padding-right:0rem;
      flex-direction:row;
      padding-bottom:0rem;
      justify-content:center;
    }

    .so-contact-email\:dvPpkK-GykdsFK-0CPWzy {
      height:34px;
      font-size:14px;
      background:var(--error-base);
    }

    .so-contact-email\:e3U_W8Q9LomZ2jUQqI5ff {
      color:var(--error-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42,0,0.58,1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .so-contact-email\:e3U_W8Q9LomZ2jUQqI5ff:hover {
      color:var(--error-base);
      background:var(--bg-white);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .bdsDjR {
      color:#ef4444;
      width:1.5rem;
      height:1.5rem;
    }

    .NkaRw {
      color:var(--text-strong);
      font-weight:500;
    }

    .czXiqW {
      color:var(--text-sub);
      font-size:0.875rem;
      margin-bottom:0.5rem;
    }

    .so-contact-email\:nUvQuohmvpw_jJ02bC2SI {
      height:34px;
      font-size:14px;
    }

    .cuAaeV {
      row-gap:0px;
      column-gap:0px;
      flex-direction:row;
    }

    .so-contact-email\:ryhT9I_ilPJEuI755Lqp1 {
      color:var(--error-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42,0,0.58,1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-email\:ryhT9I_ilPJEuI755Lqp1:hover {
      color:var(--error-base);
      background:var(--error-lighter);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-email\:temp-edit-email-input {
      height:32px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-guest-crm-view\:qG-kye5Pf9fWfxJ3amChP {
      color:var(--information-light);
      width:28px;
      height:28px;
    }

    .bEOMHK {
      display:flex;
      row-gap:8px;
      column-gap:8px;
      font-family:"Geist";
      padding-top:8px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:8px;
      border-radius:8px;
      padding-right:8px;
      flex-direction:column;
      padding-bottom:8px;
    }

    .ebXzOy {
      color:var(--text-sub);
      cursor:pointer;
      height:32px;
      display:none;
      font-size:14px;
      background:var(--bg-weak);
      transition:all 0.2s;
      align-items:center;
      font-weight:500;
      padding-left:16px;
      border-radius:6px;
      padding-right:16px;
      justify-content:center;
    }

    .ebXzOy:hover {
      color:var(--text-strong);
      background:var(--bg-weak);
      border-color:#4d5468;
    }

    .bKTZLz {
      color:var(--text-strong);
      font-size:0.875rem;
      font-family:"Geist";
      font-weight:500;
      padding-bottom:0px;
    }

    .eCqekB {
      font-size:14px;
      font-weight:500;
    }

    .cZKnAk {
      gap:12px;
      display:flex;
      padding-top:8px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:column;
      padding-bottom:8px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .UpoxE {
      gap:12px;
      cursor:pointer;
      display:flex;
      flex-direction:column;
    }

    .dvkmmb {
      gap:12px;
      color:var(--text-strong);
      display:flex;
      background:var(--bg-weak);
      align-items:center;
      padding-top:4px;
      padding-left:8px;
      padding-right:4px;
      flex-direction:row;
      padding-bottom:4px;
      justify-content:space-between;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .dvkmmb.selected {
      color:var(--text-strong);
      background:var(--primary-alpha-24);
      border-color:var(--primary-base);
      border-style:solid;
      border-width:1px;
    }

    .so-contact-whatsapp\:-2rotA-3Ipebj7WGAA3kT {
      flex:1;
      color:var(--text-soft);
      font-size:12px;
      font-family:"Geist";
      padding-bottom:0px;
    }

    .so-contact-whatsapp\:01Sl-1vyPSfZJhtWC4klT {
      height:34px;
      font-size:14px;
      background:var(--error-base);
    }

    .so-contact-whatsapp\:3WQAAnZPW0fmE_pB35Dcs {
      color:var(--icon-sub);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-whatsapp\:3WQAAnZPW0fmE_pB35Dcs:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-whatsapp\:3WQAAnZPW0fmE_pB35Dcs.disabled {
      cursor:not-allowed;
      opacity:0.19;
    }

    .AYxwu {
      width:fit-content;
      opacity:1;
    }

    .AYxwu.disable {
      cursor:not-allowed;
    }

    .so-contact-whatsapp\:ICYUXGGfvc6m6BS3eQ6FL {
      color:var(--error-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42,0,0.58,1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-whatsapp\:ICYUXGGfvc6m6BS3eQ6FL:hover {
      color:var(--error-base);
      background:var(--error-lighter);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .dCoxqS {
      color:var(--text-sub);
      font-size:0.875rem;
      font-family:"Geist";
      font-weight:500;
      padding-bottom:0px;
    }

    .so-contact-whatsapp\:KKeIlJkM5huXw8Bb8kPCB {
      color:var(--icon-sub);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-whatsapp\:KKeIlJkM5huXw8Bb8kPCB:hover {
      color:var(--information-base);
      background:var(--bg-white);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-whatsapp\:Of-lvVaRGNFhBPLeiRTH7 {
      color:var(--success-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42,0,0.58,1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-whatsapp\:Of-lvVaRGNFhBPLeiRTH7:hover {
      color:var(--success-base);
      background:var(--success-lighter);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .phone-number-country-input\:root {
      height:40px;
    }

    .fqmPEY {
      flex:1;
      display:flex;
      align-items:center;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      justify-content:center;
    }

    .bdyKZP {
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .phone-number-country-input\:Kt_utFqi-aZcsklWiAVrj {
      width:100%;
      height:250px;
    }

    .eNmVhQ {
      color:var(--text-strong);
      width:100%;
      height:35px;
      font-size:var(--label-sm);
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0.5rem;
      padding-right:0.5rem;
      border-top-left-radius:0.5rem;
      border-top-right-radius:0.5rem;
      border-bottom-left-radius:0.5rem;
      border-bottom-right-radius:0.5rem;
    }

    .ctLffm {
      flex:1;
      width:100%;
      height:100%;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .phone-number-country-input\:a1KJpMtkUlkFSlYRy0nAf {
      height:fit-content;
      max-width:fit-content;
      background:transparent;
      min-height:0px;
      padding-top:0px;
      border-color:transparent;
      border-style:solid;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }

    .phone-number-country-input\:a1KJpMtkUlkFSlYRy0nAf:active:focus:focus-visible {
      border-color:transparent;
      border-style:solid;
      border-width:0px;
    }

    .phone-number-country-input\:a1KJpMtkUlkFSlYRy0nAf:hover {
      background:transparent;
    }

    .phone-number-country-input\:aHxa5to2--GBBUpZ5A8jg {
      width:fit-content;
      min-width:400px;
    }

    .cCSBrv {
      flex:1;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .so-contact-whatsapp\:V-g53W5qRgwEJALGEXtOA {
      color:var(--error-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42,0,0.58,1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-whatsapp\:V-g53W5qRgwEJALGEXtOA:hover {
      color:var(--error-base);
      background:var(--error-lighter);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-whatsapp\:fZ_15XyLLau4wnhFvOjSC {
      width:500px;
      height:fit-content;
      background:var(--bg-white);
      padding-top:0px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0px;
      border-radius:1.5rem;
      padding-right:0px;
      padding-bottom:0px;
    }

    .so-contact-whatsapp\:gKzk5rEM97xl-yZszNBRQ {
      font-size:0.875rem;
      padding-top:1px;
      padding-left:1px;
      padding-right:1px;
      padding-bottom:1px;
    }

    .so-contact-whatsapp\:gLEF-U48hv5OzNoaSk9Cs {
      height:34px;
      font-size:14px;
    }

    .so-contact-whatsapp\:hFRXxsMd4G088P92dlM4Q {
      font-size:0.875rem;
      padding-top:1px;
      padding-left:1px;
      padding-right:1px;
      padding-bottom:1px;
    }

    .so-contact-whatsapp\:oBMYaETFbtwVkzhf3uTj0 {
      color:var(--error-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42,0,0.58,1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-whatsapp\:oBMYaETFbtwVkzhf3uTj0:hover {
      color:var(--error-base);
      background:var(--bg-white);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-contact-whatsapp\:sSBi_mALKUQo6aPBg7BOp {
      z-index:9999;
    }

    .so-contact-whatsapp\:uHeWtAIE0Fz2IPauJZyGY {
      flex:1;
    }

    .dusbxf {
      row-gap:6px;
      column-gap:6px;
      flex-direction:row;
    }

    .o-contact-labels\:2uk4wMoclA0nNeNEX99dE {
      color:var(--error-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .o-contact-labels\:2uk4wMoclA0nNeNEX99dE:hover {
      color:var(--error-base);
      background:var(--error-lighter);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .bRkIUH {
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .burPhd {
      color:var(--unknown-text);
      width:fit-content;
      overflow:hidden;
      font-size:0.75rem;
      background:var(--unknown-bg);
      font-family:Geist;
      font-weight:500;
      line-height:12px;
      padding-top:4px;
      white-space:nowrap;
      padding-left:6px;
      padding-right:6px;
      text-overflow:ellipsis;
      padding-bottom:4px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .VXdkk {
      color:=;
      width:fit-content;
      overflow:hidden;
      font-size:0.75rem;
      font-family:Geist;
      font-weight:500;
      line-height:12px;
      padding-top:4px;
      white-space:nowrap;
      padding-left:6px;
      padding-right:6px;
      text-overflow:ellipsis;
      padding-bottom:4px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .Oa-DaR {
      color:white;
      width:fit-content;
      overflow:hidden;
      font-size:0.75rem;
      background:var(--pill-bg-color);
      font-family:Geist;
      font-weight:500;
      line-height:12px;
      padding-top:4px;
      white-space:nowrap;
      padding-left:6px;
      padding-right:6px;
      text-overflow:ellipsis;
      padding-bottom:4px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .dPorZo {
      color:var(--icon-soft);
      width:16px;
    }

    .o-contact-labels\:L2Y-iGh4aTuSF5zBljnLW {
      color:var(--icon-sub);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .o-contact-labels\:L2Y-iGh4aTuSF5zBljnLW:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .o-contact-labels\:RFCzKkkXQrEcuml4LwGNw {
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      height:32px;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .dlhKfa {
      display:flex;
      align-items:flex-end;
      flex-direction:row;
      justify-content:space-between;
    }

    .cmgJlh {
      width:7px;
      height:7px;
      background:var(--label-color);
      border-top-left-radius:9999px;
      border-top-right-radius:9999px;
      border-bottom-left-radius:9999px;
      border-bottom-right-radius:9999px;
    }

    .o-contact-labels\:XfakuRA-8kz6B2VFohRpC {
      color:var(--success-base);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .o-contact-labels\:XfakuRA-8kz6B2VFohRpC:hover {
      color:var(--success-base);
      background:var(--success-lighter);
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .o-contact-labels\:dR2MCL-v6yBoGf8lL93fN {
      row-gap:0.25rem;
      column-gap:0.25rem;
      max-height:300px;
    }

    .o-contact-labels\:f-g7Ka0xRD-9Ol0nak6P2 {
      flex:1;
      color:var(--text-soft);
      font-size:12px;
      font-family:"Geist";
      padding-bottom:0px;
    }

    .YDPxn {
      flex:1;
      height:32px;
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .o-contact-labels\:qRyPfFJTNNGhdbkg36wxw {
      display:flex;
    }

    .cFOAfe {
      gap:6px;
      align-items:center;
      flex-direction:row;
    }

    .feMtYQ {
      flex:1;
      color:var(--text-soft);
      display:inline;
      font-size:12px;
      font-family:"Geist";
      font-weight:inherit;
      padding-bottom:0px;
    }

    .o-unified-inbox-message-workspace\:01iiEDTb6g1nsC21WcqaH {
      flex:1;
      width:100%;
      height:100%;
    }

    .TRHE {
      color:var(--text-strong);
      font-size:12px;
      font-weight:var(--regular);
    }

    .ewSzqK {
      color:var(--text-sub);
      font-size:14px;
      font-weight:var(--medium);
    }

    .eVrLux {
      color:var(--text-sub);
      font-size:10px;
      font-weight:var(--regular);
    }

    .cKyXBp {
      color:var(--text-strong);
      font-size:12px;
      font-weight:var(--medium);
    }

    .Ejhlq {
      width:var(--width);
      flex-grow:1;
    }

    .cntYZk {
      height:50px;
      display:flex;
      align-items:center;
      flex-shrink:0;
      justify-content:center;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .bxhmgi {
      width:50px;
      flex-shrink:0;
      border-left-color:var(--stroke-soft);
      border-left-style:solid;
      border-left-width:1px;
    }

    .cDrowk {
      row-gap:1rem;
      background:var(--bg-white);
      column-gap:1rem;
      min-height:100%;
      font-family:Geist;
      padding-left:1rem;
      padding-right:1rem;
    }

    .eLmuSa {
      row-gap:1rem;
      background:var(--bg-white);
      column-gap:1rem;
      font-family:Geist;
      padding-top:1rem;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:0.5rem;
      border-top-right-radius:0.5rem;
      border-bottom-left-radius:0.5rem;
      border-bottom-right-radius:0.5rem;
    }

    .nx-dialog-two-side-content\:root {
      top:48px;
      flex:1  ;
      right:8px;
      width:fit-content;
      bottom:8px;
      opacity:0;
      position:absolute;
      translate:100% 0 0;
      background: var(--bg-white);
      overflow-x:hidden;
      overflow-y:hidden;
      flex-direction:row;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .nx-dialog-two-side-content\:root.open {
      opacity:1;
      translate:0 0 0;
    }

    .nx-dialog-two-side-content\:root.open-transition {
      transition:all 320ms ease 0ms normal;
    }

    .nx-dialog-two-side-content\:root.close-transition {
      transition:all 200ms cubic-bezier(0.58, 0.29, 0.25, 1) 0ms normal;
    }

    .o-ticket-grid-item\:-QWdqMo_KkCqr2Dn-QjWG {
      box-shadow:0px 4px 40px  #00000038;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .nx-select-content-sizeable\:root {
      gap:0.25rem;
      opacity:0;
      padding-top:0.5rem;
      border-color:var(--stroke-soft, #E1E4EA);
      border-style:solid;
      border-width:1px;
      padding-left:0.5rem;
      border-radius:16px;
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      background-color:var(--bg-white, #FFFFFF);
    }

    .nx-select-content-sizeable\:root.open {
      opacity:1;
    }

    .nx-select-content-sizeable\:root.open-transition {
      transition:opacity 200ms ease 0ms normal;
    }

    .nx-select-content-sizeable\:root.close-transition {
      transition:opacity 200ms ease 0ms normal;
    }

    .nx-select-content-sizeable\:root:focus {
      outline-color:#ffffff;
      outline-style:none;
      outline-width:0px;
    }

    .o-ticket-grid-item\:0PgW4eTpddfgT7remG4jL {
      width:200px;
    }

    .o-ticket-grid-item\:1E8AyFl-6mRCUUIn5CeFF {
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      height:32px;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .bwfQyD {
      color:var(--text-strong);
      font-size:14px;
      font-weight:var(--medium);
    }

    .bfrERs {
      display:flex;
      row-gap:1rem;
      flex-wrap:wrap;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .o-ticket-grid-item\:60zBLTsAptvotp5duWSkq {
      max-height:200px;
    }

    .dKeWRD {
      flex:1  ;
      flex-wrap:wrap;
      font-size:0.875rem;
      font-family:inherit;
      font-weight:inherit;
    }

    .dqsbgd {
      color:var(--text-sub);
      font-size:12px;
      font-weight:var(--regular);
    }

    .nx-select-option-item\:root {
      gap:0.5rem;
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      height:var(--interactive-height-sm);
      font-size:var(--paragraph-sm);
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Geist';
      font-weight:var(--regular);
      padding-top:0.5rem;
      white-space:nowrap;
      padding-left:0.5rem;
      border-radius:8px;
      outline-color:transparent;
      outline-style:solid;
      outline-width:0px;
      padding-right:0.5rem;
      text-overflow:ellipsis;
      flex-direction:row;
      padding-bottom:0.5rem;
      justify-content:space-between;
      background-color:var(--bg-white, #FFFFFF);
    }

    .nx-select-option-item\:root:hover {
      background-color:var(--bg-weak, #F5F7FA);
    }

    .nx-select-option-item\:root.checked {
      color:var(--text-strong, #0E121B);
      background-color:var(--bg-weak, #F5F7FA);
    }

    .nx-select-option-item\:root.disabled {
      color:var(--neutral-9, #6F6D78);
    }

    .nx-select-option-item\:root.disabled:hover {
      background-color:transparent;
    }

    .nx-select-option-item\:SqyS3RSMlmbmGFSbqXMfj {
      color:var(--text-strong, #0E121B);
      font-family:'Geist';
    }

    .o-ticket-grid-item\:755_Nwso-cH5WSaBzcwYt {
      font-weight:500;
    }

    .o-ticket-grid-item\:9Wu8YT70NqsA8UTqnXsQZ {
      width:100%;
      cursor:pointer;
      height:32px;
      display:flex;
      row-gap:6px;
      font-size:14px;
      column-gap:6px;
      transition:all 300ms ease;
      align-items:center;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:center;
    }

    .o-ticket-grid-item\:9Wu8YT70NqsA8UTqnXsQZ:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
      border-color:var(--bg-weak);
      border-style:solid;
      border-width:1px;
    }

    .bbgxji {
      color:var(--p3-text-color);
      width:fit-content;
      display:flex;
      row-gap:4px;
      font-size:12px;
      background:var(--p3-bg-color);
      column-gap:4px;
      align-items:center;
      font-family:Geist Mono;
      font-weight:500;
      line-height:1.25rem;
      padding-top:4px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:4px;
      justify-content:flex-start;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .bbgxji.hasPassed25Min {
      color:#E16614;
      width:fit-content;
      display:flex;
      row-gap:4px;
      animation:2s ease 0ms infinite normal none running animation-cRinzc;
      font-size:12px;
      background:#fa731929;
      column-gap:4px;
      align-items:center;
      font-family:Geist Mono;
      font-weight:500;
      line-height:1.25rem;
      padding-top:4px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:4px;
      justify-content:flex-start;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .bbgxji.hasPassed30Min {
      color:var(--p1-text-color);
      background:#fb374817;
    }

    @keyframes animation-cRinzc {
        0% {
          scale: 1 1;
        }

        50% {
          scale: 0.97 0.97 1;
        }

        100% {
          scale: 1 1;
        }
    }

    .o-ticket-grid-item\:CXEBzP5v6ZhyYU33VlSQ5 {
      width:100%;
      max-width:400px;
      background: var(--bg-white);
      box-shadow:0px -1px 1px -0.5px rgba(51, 51, 51, 0.06) inset, 0px 0px 0px 1px rgba(51, 51, 51, 0.04), 0px 1px 1px 0.5px rgba(51, 51, 51, 0.04), 0px 3px 3px -1.5px rgba(51, 51, 51, 0.02), 0px 6px 6px -3px rgba(51, 51, 51, 0.04), 0px 12px 12px -6px rgba(51, 51, 51, 0.04), 0px 24px 24px -12px rgba(51, 51, 51, 0.04), 0px 48px 48px -24px rgba(51, 51, 51, 0.04);
      padding-top:0px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0px;
      border-radius:var(--radius-20, 20px);
      padding-right:0px;
      padding-bottom:0px;
    }

    .o-ticket-grid-item\:DfuqMi9HrDrBOqK9VpfGI {
      display:none;
    }

    .o-ticket-grid-item\:F5CFDFjYb8rfnZzK_qlqa {
      flex:1;
      width:100%;
      cursor:pointer;
      height:32px;
    }

    .bJZJoi {
      color:var(--text-sub);
      display:flex;
      row-gap:4px;
      font-size:12px;
      background:var(--bg-white);
      column-gap:4px;
      align-items:center;
      font-family:Geist;
      font-weight:500;
      line-height:1.25rem;
      padding-top:4px;
      border-style:solid;
      border-width:0px;
      padding-left:0px;
      padding-right:0px;
      flex-direction:row;
      padding-bottom:4px;
      justify-content:flex-start;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .o-ticket-grid-item\:KtN8R6Rsh1MeIaxr_9Q-w {
      color:var(--text-sub);
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      font-size:14px;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .buvepe {
      color:var(--text-sub);
      display:flex;
      row-gap:4px;
      font-size:12px;
      background:var(--bg-white);
      column-gap:4px;
      align-items:center;
      font-family:Geist;
      font-weight:500;
      line-height:1.25rem;
      padding-top:4px;
      border-style:solid;
      border-width:0px;
      padding-left:var(--radius-0);
      padding-right:var(--radius-0);
      flex-direction:row;
      padding-bottom:4px;
      justify-content:flex-start;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .ngrkj {
      height:100%;
      max-width:450px;
      background: var(--bg-white);
      overflow-x:hidden;
      overflow-y:hidden;
    }

    .change-due-time\:-TMMQ1Ok3g35lRrWaZDBL {
      width:100%;
      height:fit-content;
      display:flex;
      align-items:flex-start;
      padding-top:0px;
      padding-bottom:0px;
      justify-content:flex-start;
    }

    .cVTorK {
      color:var(--text-strong);
      leading:48px;
      font-size:1rem;
      font-family:Geist;
      font-weight:500;
    }

    .cYheKx {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      display:flex;
      opacity:0;
      z-index:-1;
      position:absolute;
      background:#19191917;
      transition:all 300ms ease;
      align-items:flex-start;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:1rem;
      backdrop-filter:blur(5px);
      justify-content:space-between;
      border-top-color:var(--stroke-soft);
      border-top-style:solid;
      border-top-width:1px;
      -webkit-backdrop-filter:blur(5px);
    }

    .cYheKx.show {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      display:flex;
      opacity:1;
      z-index:9;
      position:absolute;
      background:#19191905;
      transition:all 300ms ease;
      align-items:flex-start;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:1rem;
      backdrop-filter:blur(5px);
      justify-content:space-between;
      border-top-color:var(--stroke-soft);
      border-top-style:solid;
      border-top-width:1px;
      -webkit-backdrop-filter:blur(5px);
    }

    .change-due-time\:25gVAL7IaqiUhnOTqpBFS {
      flex:1;
      cursor:pointer;
      height:32px;
      row-gap:4px;
      font-size:14px;
      column-gap:4px;
      transition:all 300ms ease;
      border-color:#00000000;
      border-style:solid;
      border-width:1px;
    }

    .change-due-time\:25gVAL7IaqiUhnOTqpBFS:hover {
      background:var(--bg-white);
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .fpPTKM {
      color:var(--text-soft);
      font-size:12px;
      font-family:Geist;
      letter-spacing:1PX;
    }

    .change-due-time\:4qRWmqAjAgWuUaIjhSK1k {
      display:flex;
      align-items:center;
      padding-top:0rem;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:0rem;
      justify-content:flex-start;
    }

    .bgdduI {
      row-gap:1rem;
      column-gap:1rem;
      padding-bottom:1rem;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .drbkZH {
      width:100%;
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .change-due-time\:Ay8--Ddmv24V53I-eNFHP {
      flex:1;
      overflow-y:auto;
    }

    .bBPDWl {
      color:var(--p1-text-color);
      display:flex;
      row-gap:8px;
      font-size:14px;
      background:var(--error-lighter);
      column-gap:8px;
      align-items:center;
      font-family:Geist;
      padding-top:8px;
      padding-left:12px;
      padding-right:12px;
      flex-direction:row;
      padding-bottom:8px;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .dwXSXL {
      width:100%;
      text-align:center;
    }

    .cSkEnb {
      width:100%;
      height:100%;
      row-gap:1.5REM;
      column-gap:1.5REM;
    }

    .BoSGw {
      gap:0.5rem;
      color:var(--text-strong);
      height:120px;
      display:flex;
      padding:0.625rem 0.625rem 0.625rem 0.75rem;
      font-size:14px;
      align-self:stretch;
      background:var(--bg-white);
      box-shadow:0px 1px 2px 0px rgba(10, 13, 20, 0.03);
      align-items:flex-start;
      font-family:Geist;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      border-radius:var(--radius-12, 0.75rem);
      flex-direction:column;
      justify-content:center;
    }

    .BoSGw:hover {
      background:var(--bg-weak);
      border-radius:var(--radius-12, 0.75rem);
    }

    .BoSGw:focus {
      background:var(--bg-white);
      box-shadow:0px 0px 0px 4px var(--alpha-slate-alpha-16, 153, 160, 174, 0.16);
      border-color:var(--stroke-strong);
      border-style:solid;
      border-width:1px;
      border-radius:var(--radius-12, 0.75rem);
      /* components/buttons/important-focus */:;
    }

    .BoSGw::placeholder {
      color:var(--text-disabled);
    }

    .BoSGw.max-limit {
      background:var(--bg-white);
      box-shadow:0px 0px 0px 4px var(--alpha-slate-alpha-16, 153, 160, 174, 0.16);
      border-color:var(--error-base);
      border-style:solid;
      border-width:1px;
      border-radius:var(--radius-12, 0.75rem);
      /* components/buttons/important-focus */:;
    }

    .frIocT {
      color:var(--text-sub);
      width:fit-content;
      display:flex;
      row-gap:4px;
      column-gap:4px;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      padding-top:6px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:12px;
      padding-right:12px;
      flex-direction:row;
      padding-bottom:6px;
      justify-content:flex-start;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .frIocT:hover {
      color:var(--text-strong);
      cursor:pointer;
      background:var(--bg-weak);
    }

    .frIocT.is-active {
      background:var(--bg-weak);
      border-color:var(--stroke-strong);
      border-style:solid;
      border-width:1px;
    }

    .dOsSHp {
      font-size:14px;
      font-family:Geist;
      font-weight:var(--medium);
    }

    .iWBDY {
      row-gap:8px;
      column-gap:8px;
      padding-left:20px;
      padding-right:20px;
      flex-direction:column;
    }

    .eDkGB {
      gap:0.25rem;
      width:100%;
      display:flex;
      align-items:center;
      flex-direction:column;
    }

    .SnWKZ {
      font-size:0.875rem;
      font-family:Geist;
      font-weight:500;
      line-height:1.25;
      transition-duration:200ms;
      transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
      transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    }

    .fwnoZA {
      color:var(--icon-sub);
      width:20px;
      cursor:pointer;
      height:20px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .fwnoZA:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
    }

    .cVjFsm {
      width:40px;
      height:40px;
      display:flex;
      background: var(--bg-weak);
      align-items:center;
      justify-content:center;
      border-top-left-radius:100px;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .fhFSs {
      width:100%;
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      padding-top:20px;
      padding-left:20px;
      padding-right:20px;
      flex-direction:row;
      padding-bottom:20px;
      justify-content:flex-start;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .vuzA-D {
      left:8px;
      right:8px;
      bottom:8px;
      row-gap:1rem;
      z-index:99;
      position:absolute;
      translate:0 110% 0;
      background:var(--bg-white);
      column-gap:1rem;
      transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1);
      padding-top:20px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:var(--radius-0);
      padding-right:var(--radius-0);
      padding-bottom:var(--radius-0);
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .vuzA-D.show {
      translate:0 0px 0;
    }

    .cJdJhQ {
      width:100%;
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .DiWRT {
      width:100%;
      row-gap:12px;
      flex-wrap:wrap;
      column-gap:12px;
      flex-direction:row;
    }

    .cpGSih {
      width:14px;
      height:14px;
    }

    .KDZQT {
      width:100%;
      shadow:0px 1px 2px 0px rgba(10,13,20,0.03);
      display:inline-flex;
      rounded:10px;
      overflow:hidden;
      background:var(--bg-weak);
      align-items:flex-start;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      flex-direction:column;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .change-due-time\:jvMcZfk4B5o6H561I6SNL {
      flex:1;
      width:100%;
      cursor:pointer;
      height:32px;
    }

    .cOPdqB {
      flex:1  ;
      height:100%;
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .bvcA-dA {
      shadow:0px 16px 32px -12px rgba(14,18,27,0.10);
      display:flex;
      rounded:20px;
      overflow:hidden;
      background:var(--bg-white);
      align-items:center;
      font-family:Geist;
      padding-top:8px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:column;
      outline-offset:-1px;
      padding-bottom:8px;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .nx-calendar-v2\:-O4wzvzyKJ0jUOEkZBd2l {
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      height:32px;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      padding-left:5px;
      padding-right:5px;
      flex-direction:row;
      justify-content:space-between;
    }

    .EvNgf {
      color:var(--text-soft);
      width:2.5rem;
      font-size:0.875rem;
      text-align:center;
      font-weight:500;
      line-height:1.25;
    }

    .nx-calendar-v2\:1rzf-Lgm0vzVg3Ul2tcon {
      max-height:200px;
    }

    .nx-calendar-v2\:2x7_a59rC7ohmKYPyrG9H {
      flex:1;
      color:var(--text-sub);
      width:100%;
      cursor:pointer;
      height:32px;
      background:var(--bg-weak);
    }

    .nx-calendar-v2\:2x7_a59rC7ohmKYPyrG9H:hover {
      color:var(--text-white);
      background:var(--bg-strong);
    }

    .nx-calendar-v2\:4q3LG5uK47vMzCFtFOgwR {
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      height:32px;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      padding-left:5px;
      padding-right:5px;
      flex-direction:row;
      justify-content:space-between;
    }

    .etMzvv {
      flex:1 1 0%;
      color:#374151;
      display:flex;
      row-gap:8px;
      font-size:0.875rem;
      max-width:70%;
      column-gap:8px;
      text-align:center;
      font-weight:500;
      line-height:1.25;
      flex-direction:row;
    }

    .bvJZbd {
      gap:0.5rem;
      display:flex;
      overflow:hidden;
      align-self:stretch;
      align-items:flex-start;
      flex-direction:column;
    }

    .DhGyG {
      width:2.5rem;
      text-align:center;
    }

    .ehZPbe {
      flex-grow:.75;
      flex-basis:0%;
      flex-shrink:1;
    }

    .deuZoh {
      flex-grow:.5;
      flex-basis:0%;
      flex-shrink:1;
    }

    .nx-calendar-v2\:Fj2336uhND6MbhNfX5Jwr {
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      height:32px;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .cHbSaN {
      gap:0.5rem;
      display:inline-flex;
      align-self:stretch;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .nx-calendar-v2\:GjS_w1Pk-jygEjlt4r_A4 {
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      height:32px;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .zUjwt {
      width:100%;
      row-gap:.5rem;
      column-gap:.5rem;
      padding-top:.5rem;
    }

    .bjfETO {
      font-size:14px;
      font-family:Geist;
    }

    .bZiJZp {
      flex:1 1 0%;
      display:flex;
      rounded:10px;
      overflow:hidden;
      align-items:center;
      padding-top:0.625rem;
      flex-direction:row;
      padding-bottom:0.625rem;
      justify-content:center;
    }

    .VNErT {
      width:100%;
      row-gap:1rem;
      column-gap:1rem;
      margin-top:1rem;
      padding-top:8px;
      padding-left:0px;
      padding-right:0px;
      flex-direction:row;
      padding-bottom:8px;
    }

    .nx-calendar-v2\:ZIOFfFDMZPnlmap6O3WJi {
      max-height:200px;
    }

    .qCIPq {
      width:4px;
      bottom:4px;
      height:4px;
      display:none;
      position:absolute;
      background:var(--primary-base);
      border-top-left-radius:1000px;
      border-top-right-radius:1000px;
      border-bottom-left-radius:1000px;
      border-bottom-right-radius:1000px;
    }

    .qCIPq.is-today {
      display:flex;
    }

    .eqmpvW {
      display:flex;
      overflow:hidden;
      align-self:stretch;
      align-items:center;
      border-radius:0.5rem;
      flex-direction:row;
      justify-content:space-between;
    }

    .nx-calendar-v2\:dqxdrW3LOuKgBvK23s4xJ {
      flex:1;
      cursor:pointer;
      height:32px;
      row-gap:4px;
      font-size:14px;
      column-gap:4px;
      transition:all 300ms ease;
      border-color:#00000000;
      border-style:solid;
      border-width:1px;
    }

    .nx-calendar-v2\:dqxdrW3LOuKgBvK23s4xJ:hover {
      background:var(--bg-white);
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .jpNrB {
      color:var(--text-strong);
      font-size:inherit;
      background:var(--bg-weak);
      font-family:inherit;
      font-weight:inherit;
      padding-top:2px;
      padding-left:8px;
      padding-right:8px;
      padding-bottom:2px;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .nx-calendar-v2\:jvO3Nbjif9sqrVzznkNiz {
      width:16px;
      height:16px;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .bJYVcP {
      gap:0.125rem;
      color:var(--icon-soft);
      width:32px;
      height:32px;
      shadow:0px 1px 2px 0px rgba(10,13,20,0.03);
      display:flex;
      padding:0.125rem;
      transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1)  , all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
      transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    }

    .bJYVcP:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
    }

    .bJYVcP:focus {
      box-shadow:0 0 0 2px) #3b82f6;
    }

    .cgTsBM {
      gap:0.5rem;
      flex:1 1 0%;
      color:var(--text-sub);
      cursor:pointer;
      display:flex;
      font-size:0.875rem;
      align-items:center;
      font-weight:500;
      line-height:1.25;
      padding-top:0.625rem;
      border-radius:0.5rem;
      flex-direction:row;
      padding-bottom:0.625rem;
      justify-content:center;
      transition-duration:150ms;
      transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
      transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    }

    .cgTsBM:hover {
      background:var(--bg-weak);
    }

    .cgTsBM.is-previous-month {
      cursor:not-allowed;
      opacity:.3;
    }

    .cgTsBM.is-next-month {
      cursor:not-allowed;
      opacity:.3;
    }

    .cgTsBM.is-selected {
      color:var(--text-white);
      background:var(--bg-strong);
    }

    .cMIPnC {
      gap:0.5rem;
      display:grid;
      align-self:stretch;
      align-items:center;
      border-radius:0.5rem;
      flex-direction:row;
      justify-content:flex-start;
      grid-template-columns:repeat(7, 1fr);
    }

    .nx-calendar-v2\:nIs5tkJc6BJhOVOTBCd2W {
      width:16px;
      height:16px;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .XJOdc {
      flex:1 1 0%;
      color:#374151;
      display:flex;
      row-gap:8px;
      font-size:0.875rem;
      column-gap:8px;
      text-align:center;
      font-weight:500;
      line-height:1.25;
      flex-direction:row;
    }

    .nx-calendar-v2\:qS0pypFwp7TVVGE_ypCee {
      width:16px;
      height:16px;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .nx-calendar-v2\:rI3WCItGI8LG50si684oT {
      max-height:200px;
    }

    .nx-calendar-v2\:tihANtXIT4vyveI_YLGk2 {
      max-height:200px;
    }

    .nx-calendar-v2\:u5GyNlcik6qymZPCFbdz3 {
      width:16px;
      height:16px;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .dDuoYo {
      gap:0.125rem;
      color:var(--icon-soft);
      width:32px;
      height:32px;
      shadow:0px 1px 2px 0px rgba(10,13,20,0.03);
      display:flex;
      padding:0.125rem;
      transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1)  , all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      padding-top:0.125rem1.25rem;
      padding-left:0.125rem;
      padding-right:0.125rem;
      flex-direction:row;
      padding-bottom:0.125rem1.25rem;
      justify-content:center;
      transition-duration:200ms;
      transition-property:all;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
      transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    }

    .dDuoYo:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
      background-color:#f3f4f6;
    }

    .dDuoYo:focus {
      box-shadow:0 0 0 2px) #3b82f6;
    }

    .change-due-time\:lanvU6h6O3F2iYRGXa9lz {
      width:100%;
    }

    .cHECRg {
      row-gap:1rem;
      column-gap:1rem;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:1rem;
    }

    .bQaLhx {
      gap:0.25rem;
      color:var(--text-soft);
      display:flex;
      position:relative;
      align-items:center;
      flex-direction:row;
      transition-duration:300ms;
      transition-property:all;
      transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    }

    .cQrifH {
      width:100%;
      height:90%;
      padding-top:1rem;
      padding-bottom:1rem;
    }

    .qEwqI {
      gap:0.5rem;
      width:100%;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .change-due-time\:sgaCUHHOk7Rg-wAs0y8vy {
      top:5px;
      right:4px;
      width:22px;
      cursor:pointer;
      height:22px;
      display:flex;
      position:absolute;
      transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1)  ;
      align-items:center;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .change-due-time\:sgaCUHHOk7Rg-wAs0y8vy:hover {
      background: var(--bg-weak);
    }

    .QgKJl {
      color:var(--text-strong);
      font-size:1.25rem;
      font-style:normal;
      font-family:Geist;
      font-weight:500;
      line-height:2rem;
      letter-spacing:-0.01rem;
      /* -title/-h4 -title */:;
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
    }

    .dHcsoN {
      gap:0.625rem;
      width:100%;
      display:flex;
      padding:1rem;
      overflow:hidden;
      align-items:center;
      flex-direction:column;
    }

    .o-ticket-grid-item\:MJthN9hWw-QDp_jlugf17 {
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .o-ticket-grid-item\:NZ_r6dPXC0ZFRQBX6J3Cs {
      width:100%;
      max-width:400px;
      background: var(--bg-white);
      box-shadow:0px -1px 1px -0.5px rgba(51, 51, 51, 0.06) inset, 0px 0px 0px 1px rgba(51, 51, 51, 0.04), 0px 1px 1px 0.5px rgba(51, 51, 51, 0.04), 0px 3px 3px -1.5px rgba(51, 51, 51, 0.02), 0px 6px 6px -3px rgba(51, 51, 51, 0.04), 0px 12px 12px -6px rgba(51, 51, 51, 0.04), 0px 24px 24px -12px rgba(51, 51, 51, 0.04), 0px 48px 48px -24px rgba(51, 51, 51, 0.04);
      padding-top:0px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0px;
      border-radius:var(--radius-20, 20px);
      padding-right:0px;
      padding-bottom:0px;
    }

    .o-ticket-grid-item\:Nd1f0NiqIN2jx97-Ga3V9 {
      padding-top:1rem;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:1rem;
      border-top-color:var(--stroke-soft);
      border-top-style:solid;
      border-top-width:1px;
    }

    .eanwhs {
      flex:1  ;
      max-width:450px;
      background: var(--bg-white);
      overflow-x:hidden;
      overflow-y:hidden;
      font-family:Geist;
    }

    .acknowledge-tickets\:-TMMQ1Ok3g35lRrWaZDBL {
      width:100%;
      height:fit-content;
      display:flex;
      align-items:flex-start;
      padding-top:0px;
      padding-bottom:0px;
      justify-content:flex-start;
    }

    .acknowledge-tickets\:25gVAL7IaqiUhnOTqpBFS {
      flex:1;
      cursor:pointer;
      height:32px;
      row-gap:4px;
      font-size:14px;
      column-gap:4px;
      transition:all 300ms ease;
      border-color:#00000000;
      border-style:solid;
      border-width:1px;
    }

    .acknowledge-tickets\:25gVAL7IaqiUhnOTqpBFS:hover {
      background:var(--bg-white);
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .acknowledge-tickets\:Ay8--Ddmv24V53I-eNFHP {
      display:flex;
      align-items:center;
      padding-top:0rem;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:0rem;
      justify-content:flex-start;
    }

    .fpFuyE {
      width:100%;
      padding-top:1rem;
      padding-bottom:1rem;
    }

    .juIdF {
      padding-left:20px;
      padding-right:20px;
    }

    .acknowledge-tickets\:jvMcZfk4B5o6H561I6SNL {
      flex:1;
      width:100%;
      cursor:pointer;
      height:32px;
    }

    .epbncd {
      height:100%;
      display:flex;
      align-items:center;
      justify-content:flex-start;
    }

    .acknowledge-tickets\:lanvU6h6O3F2iYRGXa9lz {
      width:100%;
    }

    .acknowledge-tickets\:qaVCfWBuinX3-ySDLA15U {
      flex:1;
      overflow-y:auto;
    }

    .o-ticket-grid-item\:ULMblwq5888ODjXchfGDy {
      font-weight:500;
    }

    .o-ticket-grid-item\:Waxng7-HESxEFb_niBJUA {
      width:100%;
      display:flex;
      align-items:flex-start;
      padding-top:1rem;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:1rem;
      justify-content:center;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .o-ticket-grid-item\:XS86MfR_bRhyJw4RNa3k8 {
      display:flex;
      align-items:center;
      padding-top:1rem;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:1rem;
      justify-content:center;
      border-top-color:var(--stroke-soft);
      border-top-style:solid;
      border-top-width:1px;
    }

    .cNMXsB {
      color:var(--text-sub);
      font-size:0.875rem;
      font-family:Geist;
      font-weight:500;
      line-height:1.25rem;
      border-style:solid;
      border-width:0px;
    }

    .o-ticket-grid-item\:ZEoEzVBGFgRPSMdnUyoJC {
      display:none;
      padding-top:20px;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:20px;
    }

    .Vbhab {
      color:var(--priority-tab-text-color);
      display:flex;
      row-gap:4px;
      font-size:12px;
      background:var(--priority-tab-bg-color);
      column-gap:4px;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      font-family:Geist;
      font-weight:500;
      line-height:1.25rem;
      padding-top:4px;
      border-style:solid;
      border-width:0px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:4px;
      justify-content:flex-start;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .o-ticket-grid-item\:bW4mP-T4y0td185o_CLDN {
      width:16px;
      height:16px;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .o-ticket-grid-item\:hPVcsH2ZODje7fWXU0Zbn {
      font-weight:500;
    }

    .o-ticket-grid-item\:k4NRuCXNQF4eFNQmShUT7 {
      width:100%;
      display:flex;
      align-items:flex-start;
      padding-top:1rem;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:1rem;
      justify-content:center;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .dydCvw {
      color:var(--text-strong);
      display:flex;
      row-gap:var(--radius-8);
      font-size:14px;
      column-gap:var(--radius-8);
      font-style:normal;
      align-items:center;
      font-family:Geist;
      font-weight:500;
      line-height:20px; /* 142.857% */;
      flex-direction:row;
      letter-spacing:-0.084px;
      justify-content:flex-start;
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
    }

    .dZNHRf {
      color:var(--text-strong);
      width:100%;
      display:flex;
      row-gap:6px;
      position:relative;
      flex-wrap:nowrap;
      font-size:var(--paragraph-xs);
      background: var(--warning-lighter);
      column-gap:6px;
      align-items:center;
      font-family:Geist;
      font-weight:var(--regular);
      padding-top:8px;
      padding-left:12px;
      padding-right:12px;
      flex-direction:row;
      padding-bottom:8px;
      justify-content:flex-start;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .so-tickets-detail-view-dialog\:o_AGx_fXR28AhYGxOsWS1 {
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
    }

    .o-ticket-grid-item\:sIvPDGZj-ZXhW4Il-fpIh {
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .duxIHG {
      height:100%;
      display:flex;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .o-ticket-grid-item\:tnOWx8PFAAQ8u2Nr1JCe5 {
      cursor:pointer;
      height:32px;
      display:none;
      font-size:14px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .ctxXBS {
      gap:0.125rem;
      color:var(--text-sub);
      width:fit-content;
      display:inline-flex;
      font-size:0.75rem;
      background:var(--bg-weak);
      font-style:normal;
      align-items:center;
      font-family:Geist;
      font-weight:500;
      line-height:1rem; /* 133.333% */;
      padding-top:0.125rem;
      padding-left:0.5rem;
      border-radius:var(--radius-full, 62.4375rem);
      padding-right:0.5rem;
      flex-direction:row;
      padding-bottom:0.125rem;
      justify-content:center;
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
    }

    .ctxXBS.yellow {
      color:var(--warning-base);
      font-size:0.75rem;
      background:var(--warning-lighter);
      font-style:normal;
      font-family:Inter;
      font-weight:500;
      line-height:1rem; /* 133.333% */;
      border-radius:var(--radius-full, 62.4375rem);
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
    }

    .ctxXBS.green {
      color:var(--success-base);
      font-size:0.75rem;
      background:var(--success-lighter);
      font-style:normal;
      font-family:Inter;
      font-weight:500;
      line-height:1rem; /* 133.333% */;
      border-radius:var(--radius-full, 62.4375rem);
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
    }

    .ctxXBS.red {
      color:var(--error-base);
      font-size:0.75rem;
      background:var(--error-lighter);
      font-style:normal;
      font-family:Inter;
      font-weight:500;
      line-height:1rem; /* 133.333% */;
      border-radius:var(--radius-full, 62.4375rem);
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
    }

    .ctxXBS.grey {
      color:var(--text-soft);
      font-size:0.75rem;
      background:var(--bg-soft);
      font-style:normal;
      font-family:Inter;
      font-weight:500;
      line-height:1rem; /* 133.333% */;
      border-radius:var(--radius-full, 62.4375rem);
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
    }

    .o-ticket-grid-item\:va6IC5i7Wb_ki98yGUkjG {
      cursor:pointer;
      height:32px;
      display:none;
      font-size:14px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .o-ticket-grid-item\:va6IC5i7Wb_ki98yGUkjG:disabled {
      cursor:no-drop;
    }

    .o-ticket-grid-item\:veZLmnAn7B_q02EwlV9sF {
      cursor:pointer;
      height:32px;
      display:none;
      font-size:14px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .bNfNZw {
      row-gap:0.25rem;
      column-gap:0.25rem;
    }

    .o-unified-inbox-message-workspace\:CCL7zYUdpeglsyaQL63Ku {
      flex:1;
      min-height:1px;
    }

    .cxfZbm {
      width:100%;
      border-top-color:var(--stroke-soft);
      border-top-style:solid;
      border-top-width:1px;
    }

    .dNdrXY {
      color:var(--status-base);
      width:100%;
      display:flex;
      row-gap:8px;
      position:relative;
      flex-wrap:wrap;
      background:var(--status-lighter);
      column-gap:8px;
      min-height:47px;
      align-items:center;
      font-family:Geist;
      padding-top:8px;
      padding-left:16px;
      padding-right:16px;
      flex-direction:row;
      padding-bottom:8px;
      justify-content:center;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    @media (max-width: 640px) {

    .dNdrXY {
      row-gap:6px;
      column-gap:6px;
      padding-left:12px;
      padding-right:12px;
    }
    }

    .fwWvYI {
      flex:1;
      display:flex;
      row-gap:8px;
      flex-wrap:wrap;
      column-gap:8px;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    @media (max-width: 640px) {

    .fwWvYI {
      row-gap:6px;
      column-gap:6px;
    }
    }

    .SpTae {
      flex:1;
      font-size:12px;
      word-wrap:break-word;
      font-weight:500;
      line-height:20px;
      overflow-wrap:break-word;
    }

    @media (max-width: 640px) {

    .SpTae {
      font-size:11px;
      line-height:18px;
    }
    }

    .blKxDM {
      width:16px;
      height:16px;
      flex-shrink:0;
    }

    @media (max-width: 640px) {

    .blKxDM {
      width:14px;
      height:14px;
    }
    }

    .zvYjy {
      gap:12px;
      flex:1;
      display:flex;
      min-width:0px;
      align-items:center;
      flex-direction:row;
    }

    @media (max-width: 640px) {

    .zvYjy {
      gap:8px;
    }
    }

    .cWjbgF {
      flex-shrink:0;
    }

    .chat-notice-banner\:zVe4qknhwfFQseFduc--4 {
      color:var(--success-base);
      height:28px;
      display:flex;
      row-gap:6px;
      font-size:12px;
      background:var(--bg-white);
      column-gap:6px;
      align-items:center;
      flex-shrink:0;
      font-weight:600;
      white-space:nowrap;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:12px;
      padding-right:12px;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    @media (max-width: 640px) {

    .chat-notice-banner\:zVe4qknhwfFQseFduc--4 {
      height:26px;
      font-size:11px;
      padding-left:10px;
      padding-right:10px;
    }
    }

    .eLPynm {
      width:100%;
      row-gap:1rem;
      background:var(--bg-white);
      column-gap:1rem;
      min-height:100%;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
    }

    .UIdFt {
      width:100%;
      cursor:pointer;
      height:100%;
      display:flex;
      row-gap:8px;
      column-gap:8px;
      overflow-x:hidden;
      overflow-y:hidden;
      transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .UIdFt:hover {
      width:100%;
      background:var(--template-card-hover);
    }

    .bbZtYk {
      color:var(--text-sub);
      width:fit-content;
      display:flex;
      row-gap:4px;
      font-size:12px;
      background:var(--bg-weak);
      column-gap:4px;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      font-family:Geist;
      font-weight:500;
      line-height:1.25rem;
      padding-top:2px;
      border-style:solid;
      border-width:0px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:2px;
      justify-content:flex-start;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .so-message-template-grid-card\:At1jlBKcw2IM2obAlMaK- {
      color:var(--text-sub);
      width:fit-content;
      display:flex;
      row-gap:4px;
      font-size:11px;
      background:var(--bg-weak);
      column-gap:4px;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      font-family:Geist;
      font-weight:500;
      line-height:1.25rem;
      padding-top:1px;
      border-style:solid;
      border-width:0px;
      padding-left:6px;
      padding-right:6px;
      flex-direction:row;
      padding-bottom:1px;
      justify-content:flex-start;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .dmZJCb {
      flex:1;
      display:flex;
      row-gap:.25rem;
      column-gap:.25rem;
      align-items:center;
      padding-top:8px;
      flex-direction:row;
      justify-content:space-between;
    }

    .nSlTR {
      width:100%;
      padding-left:1rem;
      padding-right:1rem;
    }

    .cBronM {
      display:flex;
      row-gap:6px;
      column-gap:6px;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .eYEfHB {
      color:var(--text-sub);
      width:fit-content;
      display:flex;
      row-gap:4px;
      font-size:11px;
      background:var(--bg-weak);
      column-gap:4px;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      font-family:Geist;
      font-weight:500;
      line-height:1.25rem;
      padding-top:1px;
      border-style:solid;
      border-width:0px;
      padding-left:6px;
      padding-right:6px;
      flex-direction:row;
      padding-bottom:1px;
      justify-content:flex-start;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .dJxUgW {
      color:var(--text-strong);
      font-size:14px;
      font-style:normal;
      font-family:Geist;
      font-weight:500;
      line-height:1.25rem; /* 142.857% */;
      font-feature-settings:'ss11' on, 'liga' off, 'calt' off;
    }

    .fEsJDl {
      width:100%;
      height:100%;
      display:flex;
      overflow-x:clip;
      overflow-y:clip;
      align-items:start;
      border-color:var(--bg-weak);
      border-style:solid;
      border-width:1px;
      flex-direction:column;
      justify-content:flex-start;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .eXhoJC {
      row-gap:var(--radius-0);
      background:#ffffff;
      box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.20);
      column-gap:var(--radius-0);
      overflow-x:hidden;
      overflow-y:hidden;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .eXhoJC.dark-mode {
      row-gap:var(--radius-0);
      background:#3C3C3E;
      box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.20);
      column-gap:var(--radius-0);
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .cPzrvR {
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }

    .dwaIjA {
      color:#000000;
      font-size:14px;
      font-family:Roboto;
      font-weight:400;
      line-height:20px;
    }

    .dwaIjA.dark-mode {
      color:#ffffff;
      font-size:14px;
      font-family:Roboto;
      font-weight:500;
      line-height:20px;
    }

    .exyLvd {
      width:100%;
      height:200px;
    }

    .bcTDyO {
      color:#0096DE;
    }

    .dKrzcj {
      padding-top:8px;
      padding-left:8px;
      padding-right:8px;
      padding-bottom:8px;
    }

    .dsxEjB {
      gap:0.25rem;
      color:#0096DE;
      cursor:pointer;
      display:flex;
      padding:0.625rem 0;
      font-size:14px;
      align-self:stretch;
      align-items:center;
      font-family:Roboto;
      font-weight:500;
      flex-direction:row;
      justify-content:center;
      border-top-color:#EEE;
      border-top-style:solid;
      border-top-width:1px;
    }

    .dsxEjB.dark-mode {
      gap:0.25rem;
      color:#0096DE;
      cursor:pointer;
      display:flex;
      padding:0.625rem 0;
      align-self:stretch;
      align-items:center;
      font-family:Roboto;
      flex-direction:row;
      justify-content:center;
      border-top-color:#171717;
      border-top-style:solid;
      border-top-width:1px;
    }

    .erryPl {
      left:-6px;
      bottom:0px;
      position:absolute;
      background:;
    }

    .bqrzTM {
      flex:1;
      color:#000000;
      width:fit-content;
      display:flex;
      row-gap:8PX;
      font-size:14px;
      max-width:90%;
      background:white;
      column-gap:8PX;
      align-items:flex-start;
      font-family:Geist;
      font-weight:500;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      backdrop-filter:blur(4px);
      justify-content:flex-start;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .bqrzTM.dark-mode {
      flex:1;
      color:#ffffff;
      width:fit-content;
      max-width:90%;
      background:#363637;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }

    .dGXnWl {
      width:40px;
      height:40px;
      display:flex;
      background:#00000080;
      align-items:center;
      backdrop-filter:blur(10px);
      justify-content:center;
      border-top-left-radius:100%;
      border-top-right-radius:100%;
      border-bottom-left-radius:100%;
      border-bottom-right-radius:100%;
    }

    .ceteCG {
      color:#ffffff;
      display:none;
    }

    .fmQaJ {
      width:100%;
      height:160px;
      display:flex;
      object-fit:cover;
      align-items:center;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .bYosio {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      display:flex;
      position:absolute;
      align-items:center;
      justify-content:center;
    }

    .cvnKAc {
      color:#ffffff;
    }

    .ecUHSw {
      color:#ffffff;
      width:fit-content;
      font-size:14px;
      font-style:normal;
      text-align:left;
      font-family:Geist;
      font-weight:500;
    }

    .so-template-preview-card\:NYwi0NtmdNQWunpSATGip {
      flex:1;
      color:inherit;
      display:flex;
      opacity:0.8;
      font-size:14px;
      align-items:flex-start;
      font-family:Roboto;
      font-weight:400;
      padding-top:8px;
      padding-left:8px;
      padding-right:8px;
      justify-content:flex-end;
    }

    .mOfVh {
      flex:1;
      width:100%;
      padding-top:8px;
      padding-left:8px;
      padding-right:8px;
      padding-bottom:0px;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .so-template-preview-card\:PXT7mpAJuIkZ-R3FpgyES {
      width:90%;
    }

    .bAuLAC {
      gap:0.25rem;
      color:#0096DE;
      cursor:pointer;
      display:flex;
      padding:0.625rem 0;
      align-self:stretch;
      align-items:center;
      font-family:Roboto;
      flex-direction:row;
      justify-content:center;
      border-top-color:#EEE;
      border-top-style:solid;
      border-top-width:1px;
    }

    .bAuLAC.dark-mode {
      gap:0.25rem;
      color:#0096DE;
      cursor:pointer;
      display:flex;
      padding:0.625rem 0;
      align-self:stretch;
      align-items:center;
      font-family:Roboto;
      flex-direction:row;
      justify-content:center;
      border-top-color:#171717;
      border-top-style:solid;
      border-top-width:1px;
    }

    .so-template-preview-card\:Wxvr_PT1-CEWNZ4I9HkHk {
      width:100%;
    }

    .dYvieK {
      width:100%;
      height:160px;
      object-fit:cover;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .so-template-preview-card\:XyjjGfM9jduR0Exhit89I {
      width:100%;
    }

    .emTZtN {
      display:flex;
      row-gap:8px;
      column-gap:8px;
      overflow-x:scroll;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
    }

    .xyPXF {
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      display:flex;
      row-gap:8px;
      background:url("/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/nx:image33.webp/public") no-repeat no-repeat center center / cover;
      column-gap:8px;
      align-items:flex-start;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      flex-direction:column;
      padding-bottom:0px;
      justify-content:flex-start;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .xyPXF.dark-mode {
      width:100%;
      height:100%;
      display:flex;
      background:url("/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/nx:image32.webp/public") no-repeat no-repeat center center / cover;
      align-items:baseline;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      flex-direction:column;
      padding-bottom:0px;
      justify-content:flex-start;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .ePdmtc {
      color:var(--static-black);
      font-size:16px;
      font-family:"Geist";
      font-weight:600;
    }

    .ePdmtc.dark_mode {
      color:white;
    }

    .crctKj {
      width:100%;
      display:flex;
      row-gap:8px;
      column-gap:8px;
      align-items:flex-start;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .so-template-preview-card\:k82nOInHCf675EIZj4ITI {
      width:100%;
      height:100%;
      row-gap:8px;
      column-gap:8px;
      overflow-y:scroll;
      padding-top:1rem;
      padding-bottom:1rem;
    }

    .eCbZZk {
      color:#00000080;
      font-size:14px;
      font-style:italic;
      font-family:Roboto;
      font-weight:400;
      line-height:20px;
    }

    .eCbZZk.dark-mode {
      color:#ffffff80;
      font-size:14px;
      font-family:Roboto;
      font-weight:400;
      line-height:20px;
    }

    .so-template-preview-card\:kYs9GfCwhHelzk_DD4O_U {
      padding-top:0px;
      padding-left:8px;
      padding-right:8px;
      padding-bottom:0px;
    }

    .faOOWn {
      gap:0.625rem;
      display:inline-flex;
      padding:0.5rem;
      overflow:hidden;
      background:#2d2d2e38;
      align-items:flex-start;
      border-radius:0.375rem;
      flex-direction:row;
      justify-content:flex-start;
    }

    .erdkG {
      gap:0.25rem;
      flex:1 1 0%;
      display:inline-flex;
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    .fBgCql {
      color:#a1a1aa;
      font-size:0.75rem;
      align-self:stretch;
      font-family:Roboto;
      font-weight:400;
      line-height:1rem;
      justify-content:flex-start;
    }

    .cWLrhc {
      color:var(--text-strong);
      font-size:0.875rem;
      align-self:stretch;
      font-family:Roboto;
      font-weight:400;
      line-height:1.25rem;
      justify-content:flex-start;
    }

    .so-template-preview-card\:nzS5XiPoOIaR2NJOopJAP {
      width:90%;
      height:fit-content;
      margin-left:1rem;
      padding-right:0pxx;
    }

    .bvrKUu {
      width:100%;
      flex-wrap:nowrap;
      align-items:center;
      padding-left:0px;
      align-content:start;
      padding-right:0px;
      flex-direction:row;
      justify-content:space-between;
    }

    .foGBdb {
      top:-62px;
      color:var(--grey-500, #737373);
      right:0px;
      width:32px;
      cursor:pointer;
      height:32px;
      display:none;
      z-index:999;
      position:absolute;
      transform:rotate(180deg);
      align-items:center;
      align-items:center;
      border-radius:100px;
      justify-content:center;
      justify-content:center;
      background-color:var(--grey-800, #262626);
    }

    .foGBdb:hover {
      color:var(--grey-50, #FAFAFA);
    }

    .ftzrBA {
      top:-62px;
      color:var(--grey-500, #737373);
      right:40px;
      width:32px;
      cursor:pointer;
      height:32px;
      display:none;
      z-index:999;
      position:absolute;
      align-items:center;
      align-items:center;
      border-radius:100px;
      justify-content:center;
      justify-content:center;
      background-color:var(--grey-800, #262626);
    }

    .ftzrBA:hover {
      color:var(--grey-50, #FAFAFA);
    }

    .carousel-main\:U7fXA4fgcVBcqlfVdQ-2D {
      width:100%;
      height:auto;
      row-gap:12px;
      flex-wrap:nowrap;
      column-gap:12px;
      overflow-x:scroll;
      align-items:center;
      align-content:start;
      flex-direction:row;
      justify-content:start;
      scrollbar-width:none;
    }

    .carousel-main\:U7fXA4fgcVBcqlfVdQ-2D::-webkit-scrollbar {
    width: 0;
    }

    .so-template-preview-card\:zmiumjVGCN1Z7qBtIALdR {
      display:none;
      row-gap:0px;
      column-gap:0px;
      align-items:flex-start;
      flex-direction:row;
      justify-content:flex-start;
    }

    .so-message-template-grid-card\:bjUH18VE8MCriDCMh8mOM {
      flex:1;
      overflow-x:hidden;
      overflow-y:hidden;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .bRRZtM {
      flex:1;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .o-template-module-for-chats\:1XLx_5gT_zmtDp2cOlcIM {
      flex:1;
      height:300px;
    }

    .crDSpw {
      display:flex;
      row-gap:12px;
      column-gap:12px;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .o-template-module-for-chats\:8NhW0HvS9llZPg9OD0huC {
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1)  ;
      align-items:center;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .o-template-module-for-chats\:8NhW0HvS9llZPg9OD0huC:hover {
      background: var(--bg-weak);
    }

    .o-template-module-for-chats\:8NhW0HvS9llZPg9OD0huC:disabled {
      cursor:no-drop;
      opacity:0.22;
    }

    .eybMQJ {
      width:300px;
    }

    .o-template-module-for-chats\:CoyrS0uxb3rbnWAHUbdRl {
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1)  ;
      align-items:center;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .o-template-module-for-chats\:CoyrS0uxb3rbnWAHUbdRl:hover {
      background: var(--bg-weak);
    }

    .eyKrSQ {
      display:flex;
      row-gap:8px;
      column-gap:8px;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .o-template-module-for-chats\:FEzDU8Z-lP7QRDuL82aSt {
      top:5px;
      right:4px;
      width:22px;
      cursor:pointer;
      height:22px;
      display:flex;
      position:absolute;
      transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1)  ;
      align-items:center;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .o-template-module-for-chats\:FEzDU8Z-lP7QRDuL82aSt:hover {
      background: var(--bg-weak);
    }

    .o-template-module-for-chats\:FtZ04hE6RZSb228wEjEg5 {
      width:320px;
      padding-top:12px;
      padding-left:12px;
      padding-right:12px;
      padding-bottom:12px;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .cEnpiI {
      height:100%;
      display:grid;
      row-gap:1rem;
      flex-wrap:wrap;
      column-gap:1rem;
      align-content:start;
      flex-direction:row;
      grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    }

    .egFoWV {
      top:8px;
      left:8px;
      width:16px;
      height:16px;
      position:absolute;
    }

    .o-template-module-for-chats\:HtuKpVbyr6-kPHyzAjyAr {
      display:none;
    }

    .o-template-module-for-chats\:HygAnm9W16NGzFCO3-f2z {
      width:100%;
      max-width:900px;
      background: var(--bg-white);
      box-shadow:0px -1px 1px -0.5px rgba(51, 51, 51, 0.06) inset, 0px 0px 0px 1px rgba(51, 51, 51, 0.04), 0px 1px 1px 0.5px rgba(51, 51, 51, 0.04), 0px 3px 3px -1.5px rgba(51, 51, 51, 0.02), 0px 6px 6px -3px rgba(51, 51, 51, 0.04), 0px 12px 12px -6px rgba(51, 51, 51, 0.04), 0px 24px 24px -12px rgba(51, 51, 51, 0.04), 0px 48px 48px -24px rgba(51, 51, 51, 0.04);
      padding-top:0px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0px;
      border-radius:var(--radius-20, 20px);
      padding-right:0px;
      padding-bottom:0px;
    }

    .ikxJk {
      color:tex;
      display:inline;
      font-size:14px;
      font-family:Geist;
      font-weight:500;
    }

    .o-template-module-for-chats\:OBST5GXxUn8UFrgJ6BL_4 {
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1)  ;
      align-items:center;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .o-template-module-for-chats\:OBST5GXxUn8UFrgJ6BL_4:hover {
      background: var(--bg-weak);
    }

    .o-template-module-for-chats\:OBST5GXxUn8UFrgJ6BL_4:disabled {
      cursor:no-drop;
      opacity:.2;
    }

    .o-template-module-for-chats\:Pq_529qTAhF3jj-gxXTwP {
      flex:1;
    }

    .bMCkOt {
      color:var(--text-strong);
      height:32px;
      font-size:14px;
      min-width:300px;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      font-family:Geist;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:32px;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .bMCkOt::placeholder {
      color:var(--text-soft);
    }

    .bMCkOt:focus {
      box-shadow:0px 0px 0px 2px var(--stroke-soft);
      border-color:var(--stroke-strong);
      border-style:solid;
      border-width:1px;
    }

    .biatD {
      color:var(--text-strong);
      font-size:var(--h6-title);
      font-family:Geist;
      font-weight:500;
    }

    .XrXLl {
      display:none;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .ewZaS {
      color:var(--text-sub);
      font-size:0.875rem;
      font-family:Geist;
    }

    .YFVOW {
      background:var(--bg-white);
      font-family:Geist;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
    }

    .vb-whatsapp-template-send-form\:4CdwRXw8sstV8GSPCbFsU {
      width:90%;
      height:fit-content;
    }

    .bWrFGM {
      width:90%;
      row-gap:var(--radius-0);
      background:#ffffff;
      box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.20);
      column-gap:var(--radius-0);
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .bWrFGM.dark-mode {
      width:90%;
      row-gap:var(--radius-0);
      background:#3C3C3E;
      box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.20);
      column-gap:var(--radius-0);
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .bzLGfS {
      transition:height 0.3s ease, opacity 0.3s ease;
    }

    .vb-whatsapp-template-send-form\:DzqbKWTcgo8rXOaCfpOH0 {
      padding-left:8px;
    }

    .MILvS {
      top:0px;
      display:flex;
      position:sticky;
      max-height:70dvh;
      min-height:50dvh;
      align-items:flex-start;
      justify-content:flex-start;
    }

    .eSQXAU {
      width:100%;
      padding-top:8px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:8px;
    }

    .eLyalW {
      height:100%;
      background:url("/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/nx:ChatBackground(2).png/full") scroll border-box padding-box center center / 100% auto;
    }

    .eLyalW.dark-mode {
      height:100%;
      background:url("/cdn-cgi/imagedelivery/ZIty0Vhmkm0nD-fBKJrTZQ/nx:d36bcceceaa1d390489ec70d93154311.jpg/public") scroll padding-box border-box   center center / 100% auto;
    }

    .qXCsU {
      background:#FFFFFF;
      border-bottom-color:#A4A39E;
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .qXCsU.dark-mode {
      background:#171717;
      border-bottom-color:#4b4b4d80;
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .euCrla {
      height:48px;
      display:flex;
      align-items:center;
      padding-left:10px;
      padding-right:10px;
      flex-direction:row;
      justify-content:space-between;
    }

    .bPUgPI {
      display:flex;
      align-items:center;
      padding-top:4px;
      padding-left:12px;
      padding-right:12px;
      padding-bottom:4px;
      justify-content:center;
    }

    .dXbwVf {
      color:#000000;
    }

    .dXbwVf.dark-mode {
      color:#ffffff;
    }

    .eLjbiV {
      row-gap:5px;
      column-gap:5px;
      flex-direction:row;
    }

    .fsFOYP {
      color:#000000;
      font-size:14px;
      font-family:Inter;
      font-weight:600;
    }

    .fsFOYP.dark-mode {
      color:#ffffff;
      font-size:14px;
      font-family:Inter;
      font-weight:600;
    }

    .csjskj {
      color:#00000066;
      font-size:12px;
      font-family:Inter;
      font-weight:500;
    }

    .csjskj.dark-mode {
      color:#ffffff66;
      font-size:12px;
      font-family:Inter;
      font-weight:500;
    }

    .eOwCwW {
      height:44px;
      display:flex;
      align-items:center;
      padding-left:20px;
      padding-right:20px;
      flex-direction:row;
      justify-content:space-between;
    }

    .LSAqp {
      color:var(--Red-50);
      display:inline;
      font-size:18px;
      font-family:Geist;
      font-weight:600;
    }

    .fpWkCv {
      color:#007AFF;
      font-size:16px;
      font-family:Inter;
      font-weight:500;
    }

    .bvHYXl {
      row-gap:16px;
      column-gap:16px;
      flex-direction:row;
    }

    .cObSO {
      width:36px;
      height:36px;
      display:flex;
      background:var(--primary-base);
      align-items:center;
      justify-content:center;
      border-top-left-radius:100px;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .fHtBbY {
      flex:1;
      row-gap:0px;
      column-gap:0px;
      overflow-y:scroll;
      scrollbar-width:none;
    }

    .fHtBbY::-webkit-scrollbar {
    width: 0;
    }

    .so-whatsapp-chat-view\:3Jd_75oeVmdZ91yKLoASC {
      width:90%;
      height:fit-content;
    }

    .cZhYfm {
      display:flex;
      align-items:center;
      padding-top:6px;
      padding-left:8px;
      padding-right:8px;
      padding-bottom:0px;
      justify-content:center;
    }

    .cLCeyd {
      row-gap:8px;
      column-gap:8px;
      padding-top:8px;
      padding-left:8px;
      padding-right:8px;
      padding-bottom:8px;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .so-whatsapp-chat-view\:FpmqqSAKNHSRynZAKv-bw {
      padding-top:4px;
      padding-left:8px;
      padding-right:8px;
      padding-bottom:4px;
    }

    .so-whatsapp-chat-view\:NMcE8r8wOF0iBRghOxbdt {
      padding-left:8px;
    }

    .so-whatsapp-chat-view\:OQStAFWIlz6aDq3h3xalH {
      width:90%;
      height:fit-content;
    }

    .SFvmK {
      width:90%;
      row-gap:var(--radius-0);
      background:#ffffff;
      box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.20);
      column-gap:var(--radius-0);
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .SFvmK.dark-mode {
      width:90%;
      row-gap:var(--radius-0);
      background:#363637;
      box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.20);
      column-gap:var(--radius-0);
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .so-whatsapp-chat-view\:fiTZCjzpXBgCejPiLhLzc {
      height:fit-content;
    }

    .so-whatsapp-chat-view\:jioi0KACVstNRLX9VFxoT {
      width:90%;
      height:fit-content;
    }

    .so-whatsapp-chat-view\:kqhdrIRU9hNn1ksUyGS8C {
      padding-top:4px;
      padding-left:8px;
      padding-right:8px;
      padding-bottom:4px;
    }

    .so-whatsapp-chat-view\:osS5dy3pipduwPpdXvHX7 {
      height:fit-content;
      padding-top:8px;
    }

    .so-whatsapp-chat-view\:rP7oJ1edoi3CA8d-knPPc {
      width:90%;
      height:fit-content;
    }

    .cCdRUt {
      color:var(--success-dark);
      font-size:11px;
      background:var(--success-lighter);
      font-family:Roboto;
      padding-top:4px;
      padding-left:12px;
      padding-right:12px;
      padding-bottom:4px;
      backdrop-filter:blur(5px);
      border-top-left-radius:1000px;
      border-top-right-radius:1000px;
      border-bottom-left-radius:1000px;
      border-bottom-right-radius:1000px;
    }

    .so-whatsapp-chat-view\:yaZjVMe7_2hcTvcP2SZzi {
      width:90%;
      height:fit-content;
    }

    .cMeatY {
      left:-7px;
      color:inherit;
      bottom:0px;
      position:absolute;
      background:;
    }

    .cqfPmx {
      background:#FFFFFF;
      padding-bottom:8px;
      border-bottom-color:#A4A39E;
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .cqfPmx.dark-mode {
      background:#171717;
      border-bottom-color:#4B4B4D;
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .dBFlZB {
      width:100px;
      height:6px;
      background:var(--bg-strong);
      border-top-left-radius:1000px;
      border-top-right-radius:1000px;
      border-bottom-left-radius:1000px;
      border-bottom-right-radius:1000px;
    }

    .cJpoSt {
      width:100%;
      display:flex;
      align-items:center;
      padding-top:16px;
      justify-content:center;
    }

    .cJfcaw {
      top:2px;
      right:5px;
      position:absolute;
    }

    .bmCMeS {
      width:100%;
      display:flex;
      row-gap:8px;
      column-gap:8px;
      align-items:center;
      padding-top:8px;
      padding-left:12px;
      padding-right:12px;
      flex-direction:row;
      padding-bottom:8px;
      justify-content:flex-start;
    }

    .bVIRtw {
      flex:1;
      height:30px;
      background:#FFFFFF;
      border-color:#DEDFE0;
      border-style:solid;
      border-width:1px;
      border-top-left-radius:100px;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .bVIRtw.dark-mode {
      flex:1;
      height:30px;
      background:#2C2C2E;
      border-color:#4B4B4D;
      border-style:solid;
      border-width:1px;
      border-top-left-radius:100px;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .ccczKg {
      display:flex;
      row-gap:2rem;
      column-gap:2rem;
      flex-direction:row;
    }

    .vb-whatsapp-template-send-form\:TPUFx-3fu9hbIlEbNHgmk {
      height:fit-content;
    }

    .fdvyXr {
      width:95%;
      height:1px;
      margin:12px;
      background:var(--stroke-soft);
      margin-top:20px;
    }

    .vb-whatsapp-template-send-form\:XhRvUv11DIqOXm0-jBtOn {
      flex:1;
      overflow-y:auto;
    }

    .vb-whatsapp-template-send-form\:cxL6VnaYrc6NbKkPFX6dy {
      padding-top:4px;
      padding-left:8px;
      padding-right:8px;
      padding-bottom:4px;
    }

    .dQUtIO {
      width:330px;
      height:90%;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:3px;
      border-top-left-radius:50px;
      border-top-right-radius:50px;
      border-bottom-left-radius:50px;
      border-bottom-right-radius:50px;
    }

    .frhzgo {
      height:100%;
      overflow-x:hidden;
      border-color:var(--static-black);
      border-style:solid;
      border-width:8px;
      border-top-left-radius:48px;
      border-top-right-radius:48px;
      border-bottom-left-radius:48px;
      border-bottom-right-radius:48px;
    }

    .eEtCsy {
      top:200px;
      right:-7px;
      width:4px;
      height:64px;
      position:absolute;
      background:var(--static-black);
      border-top-right-radius:3px;
      border-bottom-right-radius:3px;
    }

    .eHURMr {
      top:8px;
      left:0px;
      right:0px;
      display:flex;
      position:absolute;
      align-items:center;
      justify-content:center;
    }

    .bgtjvq {
      top:200px;
      left:-7px;
      width:4px;
      height:50px;
      position:absolute;
      background:var(--static-black);
      border-top-left-radius:3px;
      border-bottom-left-radius:3px;
    }

    .bjoiZL {
      top:265px;
      left:-7px;
      width:4px;
      height:50px;
      position:absolute;
      background:var(--static-black);
      border-top-left-radius:3px;
      border-bottom-left-radius:3px;
    }

    .bizEIz {
      left:-3px;
      width:4px;
      bottom:100px;
      height:10px;
      position:absolute;
      background:var(--static-black);
    }

    .dSlPJz {
      top:100px;
      left:-3px;
      width:4px;
      height:10px;
      position:absolute;
      background:var(--static-black);
    }

    .eswMJV {
      width:100px;
      height:24px;
      background:#000000;
      border-top-left-radius:1000px;
      border-top-right-radius:1000px;
      border-bottom-left-radius:1000px;
      border-bottom-right-radius:1000px;
    }

    .dIeJXG {
      right:-3px;
      width:4px;
      bottom:100px;
      height:10px;
      position:absolute;
      background:var(--static-black);
    }

    .egfGqO {
      top:125px;
      left:-7px;
      width:4px;
      height:36px;
      position:absolute;
      background:var(--static-black);
      border-top-left-radius:3px;
      border-bottom-left-radius:3px;
    }

    .dRbWAy {
      top:100px;
      right:-3px;
      width:4px;
      height:10px;
      position:absolute;
      background:var(--static-black);
    }

    .dAhKWs {
      color:var(--text-strong);
      row-gap:8px;
      font-size:var(--label-sm);
      column-gap:8px;
    }

    .vb-template-variable-dropdown\:RhhyW71G4BrOsz-uTKGjR {
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .vb-template-variable-dropdown\:WDSLoS8XyqGg98pf99phH {
      width:50%;
    }

    .vb-template-variable-dropdown\:bGbVxXWqf8CW70tq2P_HB {
      row-gap:0.25rem;
      column-gap:0.25rem;
      max-height:300px;
    }

    .dBiBt {
      flex:1;
      row-gap:8px;
      column-gap:8px;
      flex-direction:row;
    }

    .KJDwc {
      display:flex;
      align-items:center;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      justify-content:center;
    }

    .eWoRUP {
      gap:15px;
      display:flex;
      align-items:center;
      flex-direction:row;
    }

    .epDntu {
      gap:6px;
    }

    .vb-whatsapp-template-send-form\:rjBoPKGVw_deDyPKBc5K2 {
      padding-top:4px;
      padding-left:8px;
      padding-right:8px;
      padding-bottom:4px;
    }

    .o-template-module-for-chats\:iMJ0h8CEqO4QDIxNQLEc3 {
      height:100%;
      max-height:70dvh;
    }

    .bNnqVw {
      row-gap:.25rem;
      flex-grow:.8;
      column-gap:.25rem;
      flex-basis:0%;
      flex-shrink:1;
    }

    .eIixDM {
      width:100%;
      row-gap:1.2rem;
      column-gap:1.2rem;
    }

    .so-templates-list-filter\:2uqd71Vj6DTA8hFKol_JF {
      height:32px;
    }

    .cFbAqk {
      color:var(--text-sub);
      width:fit-content;
      display:flex;
      row-gap:4px;
      column-gap:4px;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      padding-top:6px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:12px;
      padding-right:12px;
      flex-direction:row;
      padding-bottom:6px;
      justify-content:flex-start;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .cFbAqk:hover {
      cursor:pointer;
      background:var(--bg-weak);
    }

    .cFbAqk.is-active {
      background:var(--bg-weak);
    }

    .so-templates-list-filter\:9hvt9VltdXZ0g0XQbbpn6 {
      flex:1;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .so-templates-list-filter\:E9_a9syGtOsRjFzImwn_f {
      height:32px;
    }

    .so-templates-list-filter\:F7uWghSxANusaTS5gW0mM {
      width:16px;
      height:16px;
      align-items:center;
      justify-content:center;
    }

    .fapTje {
      color:var(--text-soft);
      font-size:12px;
      font-family:Geist;
      font-weight:500;
      letter-spacing:2px;
    }

    .so-templates-list-filter\:KwpOpFgI_ZcfOghnIHPwq {
      width:16px;
      height:16px;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .so-templates-list-filter\:LeoCjpzS8d8hzIUkqbphz {
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      height:32px;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .so-templates-list-filter\:NTJ0l58Wg_EgiaxbPnmMX {
      max-height:200px;
    }

    .so-templates-list-filter\:WG9KODLBRrau9QRVDIs1p {
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      height:32px;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .so-templates-list-filter\:Wqixq4I_urDzCwe6lPixj {
      row-gap:0.25rem;
      column-gap:0.25rem;
      max-height:300px;
    }

    .eGPoFR {
      width:100%;
      row-gap:8px;
      flex-wrap:wrap;
      column-gap:8px;
      flex-direction:row;
    }

    .so-templates-list-filter\:_wM_Mg5SSj1zMdB8d_x6H {
      flex:1;
      height:32px;
    }

    .diRyaC {
      display:none;
      row-gap:8px;
      column-gap:8px;
    }

    .so-templates-list-filter\:gE6Gy3YZEyguMNwi8_-6w {
      width:100%;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .so-templates-list-filter\:gV-Klk2GuPfG-i2kwN-8Q {
      cursor:pointer;
      height:32px;
      row-gap:4px;
      font-size:14px;
      column-gap:4px;
      transition:all 300ms ease;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-right:1rem;
      flex-direction:row;
    }

    .so-templates-list-filter\:gV-Klk2GuPfG-i2kwN-8Q:hover {
      background:var(--bg-white);
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .so-templates-list-filter\:nPt0SqswICn65dRqa6cQj {
      width:16px;
      height:16px;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .so-templates-list-filter\:nkUjaspmTwtle6lD1viXA {
      width:18px;
      height:18px;
      align-items:center;
      justify-content:center;
    }

    .so-templates-list-filter\:rcQINaFsLK0eqNdIPpSn_ {
      width:18px;
      height:18px;
      align-items:center;
      justify-content:center;
    }

    .so-templates-list-filter\:tHC5XoaCoOpqovsse5-mn {
      flex:1;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .so-templates-list-filter\:tdFOxuD-deSen5wVay0az {
      flex:1;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .o-template-module-for-chats\:m1mFJXsyHxxXPjHeePCHZ {
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1)  ;
      align-items:center;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .o-template-module-for-chats\:m1mFJXsyHxxXPjHeePCHZ:hover {
      background: var(--bg-weak);
    }

    .o-template-module-for-chats\:m1mFJXsyHxxXPjHeePCHZ:disabled {
      cursor:no-drop;
      opacity:.2;
    }

    .o-template-module-for-chats\:msecHVEE8pTSey2BYFA6w {
      display:flex;
      align-items:flex-start;
      padding-top:1rem;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:1rem;
      justify-content:center;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .o-template-module-for-chats\:mxiVmjsxBlzpl_LW94ZRU {
      width:100%;
      cursor:pointer;
    }

    .bMRLsz {
      color:var(--text-strong);
      font-size:18px;
      font-weight:var(--medium);
    }

    .o-template-module-for-chats\:t81dklCAqEKo2E6oFClc4 {
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1)  ;
      align-items:center;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .o-template-module-for-chats\:t81dklCAqEKo2E6oFClc4:hover {
      background: var(--bg-weak);
    }

    .o-template-module-for-chats\:t81dklCAqEKo2E6oFClc4:disabled {
      cursor:no-drop;
      opacity:0.22;
    }

    .o-template-module-for-chats\:tPI694cazYfcwzW9RwhMp {
      cursor:pointer;
    }

    .o-template-module-for-chats\:x8V06D3yKscyG9p_DDsEG {
      display:flex;
      align-items:center;
      padding-top:1rem;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:1rem;
      justify-content:center;
      border-top-color:var(--stroke-soft);
      border-top-style:solid;
      border-top-width:1px;
    }

    .o-template-module-for-chats\:xHcCRAQ8eyiQzK5EnbLTv {
      top:5px;
      right:4px;
      width:22px;
      cursor:pointer;
      height:22px;
      display:flex;
      position:absolute;
      transition:all 500ms cubic-bezier(0.42, 0, 0.58, 1)  ;
      align-items:center;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .o-template-module-for-chats\:xHcCRAQ8eyiQzK5EnbLTv:hover {
      background: var(--bg-weak);
    }

    .elIHsf {
      row-gap:1rem;
      column-gap:1rem;
      padding-top:0.5rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:0.5rem;
    }

    .eaUkQj {
      row-gap:1rem;
      column-gap:1rem;
      padding-top:1rem;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:0.5rem;
      border-top-right-radius:0.5rem;
      border-bottom-left-radius:0.5rem;
      border-bottom-right-radius:0.5rem;
    }

    .o-unified-inbox-message-workspace\:OS7jMo3CShJQe7ps9geC- {
      flex:1;
      overflow-y:auto;
    }

    .caA-dor {
      display:flex;
      overflow:hidden;
      min-width:380px;
      transition:all 0.3s cubic-bezier(0.42,0,0.58,1);
      flex-shrink:0;
      flex-direction:row;
      border-left-color:var(--stroke-soft);
      border-left-style:solid;
      border-left-width:1px;
    }

    .caA-dor.hide-sidebar {
      width:0px;
      min-width:0px;
      border-left-color:transparent;
      border-left-style:solid;
      border-left-width:1px;
    }

    .caA-dor.is-resizing {
      user-select:none;
    }

    .bNTURZ {
      padding-top:0.5rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .frseJT:disabled {
      cursor:not-allowed;
      opacity:0.37;
    }

    .frseJT.disabled {
      cursor:not-allowed;
      opacity:0.37;
      pointer-events:none;
    }

    .d-chat-input\:UGeQYv25lrhvSz_4m8EI2 {
      color:var(--text-strong);
    }

    .o-unified-inbox-message-workspace\:R87lDUWmL738Yf-ok_7co {
      color:var(--text-strong);
    }

    .dRFyRo {
      flex:1;
      display:flex;
      overflow:hidden;
      flex-direction:row;
    }

    .o-unified-inbox-message-workspace\:VWsFrDowrNLT4eyCiNR-J {
      color:var(--text-sub);
      cursor:pointer;
      height:32px;
      display:flex;
      font-size:0.875rem;
      transition:all 500ms cubic-bezier(0.42,0,0.58,1);
      align-items:center;
      font-family:Geist;
      font-weight:500;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .o-unified-inbox-message-workspace\:VWsFrDowrNLT4eyCiNR-J:hover {
      background:var(--bg-weak);
    }

    .eDutZC {
      flex:1;
      width:100%;
      height:100%;
      display:flex;
      row-gap:8px;
      font-size:inherit;
      column-gap:8px;
      text-align:center;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top: 8px;
      flex-direction:column;
      padding-bottom: 8px;
      justify-content:flex-start;
    }

    .dqHYlf {
      color:var(--icon-sub);
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .dqHYlf.is-selected {
      color:white;
      background:var(--primary-base);
    }

    .so-vertical-rapid-access\:2lW6hKWjcLGJabq6fwBn0 {
      color:var(--icon-sub);
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .so-vertical-rapid-access\:2lW6hKWjcLGJabq6fwBn0:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
    }

    .so-vertical-rapid-access\:HD271tA-7R1NLhLpBw1SN {
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .so-vertical-rapid-access\:HD271tA-7R1NLhLpBw1SN:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
    }

    .so-vertical-rapid-access\:HUWOaK_cSbewJ5ZSwQre_ {
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .so-vertical-rapid-access\:HUWOaK_cSbewJ5ZSwQre_:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
    }

    .so-vertical-rapid-access\:MOx440V1sl8fpGwR_FfJy {
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .so-vertical-rapid-access\:MOx440V1sl8fpGwR_FfJy:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
    }

    .so-vertical-rapid-access\:YUtdqeqAiafAyl6sg1spZ {
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .so-vertical-rapid-access\:YUtdqeqAiafAyl6sg1spZ:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
    }

    .so-vertical-rapid-access\:g3sJk8q1iqPlGYXWflqUG {
      color:var(--icon-sub);
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .so-vertical-rapid-access\:g3sJk8q1iqPlGYXWflqUG:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
    }

    .so-vertical-rapid-access\:k9UowoK5xabxQOlHpP5D- {
      color:var(--icon-sub);
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .so-vertical-rapid-access\:k9UowoK5xabxQOlHpP5D-:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
    }

    .o-unified-inbox-message-workspace\:cctrNStmUkekkVJxiFYHk {
      color:var(--text-sub);
      cursor:pointer;
      height:32px;
      display:flex;
      font-size:0.875rem;
      transition:all 500ms cubic-bezier(0.42,0,0.58,1);
      align-items:center;
      font-family:Geist;
      font-weight:500;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .o-unified-inbox-message-workspace\:cctrNStmUkekkVJxiFYHk:hover {
      background:var(--bg-weak);
    }

    .so-bottom-sheet-content\:root {
      width:100%;
      translate:0 100%;
      padding-top:1rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:2rem;
      border-bottom-color:black;
      border-bottom-style:solid;
      border-bottom-width:0px;
      border-top-left-radius:var(--rounding-lg);
      border-top-right-radius:var(--rounding-lg);
      border-bottom-left-radius:0px;
      border-bottom-right-radius:0px;
    }

    .so-bottom-sheet-content\:root.open {
      translate:0 0px;
      transition:translate 200ms ease 0ms normal;
    }

    .so-bottom-sheet-content\:root.open-transition {
      transition:all 320ms ease 0ms normal;
    }

    .so-bottom-sheet-content\:root.close-transition {
      transition:all 200ms cubic-bezier(0.58, 0.29, 0.25, 1) 0ms normal;
    }

    .o-unified-inbox-message-workspace\:dsP94PJj-CEA6MpkzzcyN {
      height:90dvh;
      max-width:90vw;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .diEWye {
      color:#fff;
      width:100%;
      height:50px;
      display:flex;
      align-items:center;
      font-family:Geist;
      padding-top:12px;
      padding-left:12px;
      padding-right:12px;
      flex-direction:row;
      padding-bottom:12px;
      justify-content:space-between;
    }

    .so-guest-context-action-bar\:-M5jHkhBUzgMP3cCvFWxi {
      row-gap:4px;
      column-gap:4px;
      flex-direction:column;
    }

    .djyzWv {
      width:7px;
      height:7px;
      background:var(--error-base);
      border-top-left-radius:99999px;
      border-top-right-radius:99999px;
      border-bottom-left-radius:99999px;
      border-bottom-right-radius:99999px;
    }

    .dsEiKB {
      display:flex;
      row-gap:6px;
      column-gap:6px;
      align-items:center;
      flex-direction:row;
    }

    @media (min-width: 768px) {

    .dsEiKB {
      row-gap:10px;
      column-gap:10px;
    }
    }

    .dOdefG {
      display:flex;
      row-gap:.75rem;
      column-gap:.75rem;
      align-items:center;
      flex-direction:row;
    }

    .dXpeEC {
      color:var(--text-strong);
      font-size:0.875rem;
      font-family:Geist;
      font-weight:500;
      line-height:20px;
      letter-spacing:-0.02em;
    }

    @media (min-width: 768px) {

    .dXpeEC {
      font-size:14px;
      font-family:Geist;
      font-weight:500;
      line-height:20px;
    }
    }

    .fhAEKF {
      width:7px;
      height:7px;
      background:var(--information-base);
      border-top-left-radius:99999px;
      border-top-right-radius:99999px;
      border-bottom-left-radius:99999px;
      border-bottom-right-radius:99999px;
    }

    .sparkcore\/sc-dropdown-content\:root:focus {
      outline:none;
    }

    .so-guest-context-action-bar\:JQ8C4pXj9Q1ydC1rOMcWx {
      width:150px;
      row-gap:2px;
      column-gap:2px;
      margin-top:4px;
      padding-top:2px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:2px;
      padding-right:2px;
      padding-bottom:2px;
      backdrop-filter:blur(10px);
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .eBjOya {
      width:7px;
      height:7px;
      background:var(--success-base);
      border-top-left-radius:99999px;
      border-top-right-radius:99999px;
      border-bottom-left-radius:99999px;
      border-bottom-right-radius:99999px;
    }

    .so-guest-context-action-bar\:TGsvkMLLa8J31pBrzRHxf {
      color:var(--text-sub);
      width:100%;
      display:flex;
      font-size:14px;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:flex-start;
      font-family:Geist;
      font-weight:400;
      padding-top:4px;
      padding-left:8px;
      padding-right:8px;
      padding-bottom:4px;
      justify-content:center;
      border-top-left-radius:5px;
      border-top-right-radius:5px;
      border-bottom-left-radius:5px;
      border-bottom-right-radius:5px;
    }

    .so-guest-context-action-bar\:TGsvkMLLa8J31pBrzRHxf:hover {
      color:var(--text-strong);
      background:var(--bg-weak);
    }

    .so-guest-context-action-bar\:V0EiXPtHpT2SeLW3YlbeA {
      color:var(--icon-sub);
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .so-guest-context-action-bar\:V0EiXPtHpT2SeLW3YlbeA:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
    }

    .so-guest-context-action-bar\:XECt8hmOFZ5YMSVyiLAeU {
      width:100%;
    }

    .bnWWTG {
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      display:flex;
      position:absolute;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .cJEjoF {
      color:var(--text-soft);
      width:40px;
      height:100%;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .so-chat-instance-switch\:9xDvC7hc90wM-Hy4nsyON {
      width:40px;
      height:24px;
      translate:0px 0px;
      background:var(--bg-white);
      transition:translate 200ms ease 0ms normal;
      border-top-left-radius:100px;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .so-chat-instance-switch\:9xDvC7hc90wM-Hy4nsyON.checked {
      translate:36px 0 0;
      background:var(--bg-white);
    }

    .so-chat-instance-switch\:HRWuuVySKRYgSHU-G8N6w {
      width:80px;
      height:28px;
      background:var(--bg-weak);
      transition:background-color 200ms ease 0ms normal;
      align-items:start;
      padding-top:0px;
      padding-left:var(--padding);
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      padding-right:var(--padding);
      outline-offset:var(--border-md);
      padding-bottom:0px;
      justify-content:center;
      border-top-left-radius:100px;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .so-chat-instance-switch\:HRWuuVySKRYgSHU-G8N6w:hover {
      background:var(--bg-weak);
    }

    .so-chat-instance-switch\:HRWuuVySKRYgSHU-G8N6w.checked {
      background:var(--success-base);
    }

    .so-chat-instance-switch\:HRWuuVySKRYgSHU-G8N6w.checked:hover {
      background:var(--success-base);
    }

    .so-chat-instance-switch\:HRWuuVySKRYgSHU-G8N6w:focus-visible {
      outline-color:var(--success-lighter);
      outline-style:solid;
      outline-width:var(--border-lg);
      outline-offset:var(--border-md);
    }

    .so-chat-instance-switch\:HRWuuVySKRYgSHU-G8N6w.disabled {
      cursor:no-drop;
    }

    .frGDwC {
      color:var(--icon-strong);
    }

    .yKKag {
      width:fit-content;
      height:28px;
    }

    .dLfILu {
      width:40px;
      height:100%;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .dPsZdn {
      display:flex;
      flex-direction:column;
    }

    .so-guest-context-action-bar\:bHBXp8JiePc0XP4mep0BU {
      width:24px;
      height:24px;
      border-top-left-radius:100%;
      border-top-right-radius:100%;
      border-bottom-left-radius:100%;
      border-bottom-right-radius:100%;
    }

    .so-guest-context-action-bar\:do3_4VP9W8veXzFaaNJcG {
      color:var(--text-sub);
      cursor:pointer;
      height:28px;
      display:flex;
      row-gap:6px;
      font-size:14px;
      min-width:100px;
      background:var(--bg-weak);
      column-gap:6px;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      font-family:Geist;
      font-weight:500;
      padding-top:6px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:6px;
      justify-content:space-between;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .so-guest-context-action-bar\:do3_4VP9W8veXzFaaNJcG:hover {
      color:var(--text-strong);
      background:var(--bg-weak);
    }

    .dEAxlA {
      width:0px;
      height:0px;
      position:absolute;
      overflow-x:hidden;
      overflow-y:hidden;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    }

    .dEAxlA.show-inbox-sidebar {
      width:fit-content;
      height:fit-content;
      position:relative;
    }

    .so-guest-context-action-bar\:fVOlemkPgJdL88eSq0kYN {
      width:80px;
      height:28px;
      border-top-left-radius:100px;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .so-guest-context-action-bar\:nRykoa3C8yA5ElAxsUYfh {
      color:var(--text-sub);
      width:100%;
      display:flex;
      font-size:14px;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:flex-start;
      font-family:Geist;
      font-weight:400;
      padding-top:4px;
      padding-left:8px;
      padding-right:8px;
      padding-bottom:4px;
      justify-content:center;
      border-top-left-radius:5px;
      border-top-right-radius:5px;
      border-bottom-left-radius:5px;
      border-bottom-right-radius:5px;
    }

    .so-guest-context-action-bar\:nRykoa3C8yA5ElAxsUYfh:hover {
      color:var(--text-strong);
      background:var(--bg-weak);
    }

    .so-guest-context-action-bar\:pqK7Am5pgQsz8lHAPc8re {
      color:var(--text-sub);
      width:100%;
      display:flex;
      font-size:14px;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:flex-start;
      font-family:Geist;
      font-weight:400;
      padding-top:4px;
      padding-left:8px;
      padding-right:8px;
      padding-bottom:4px;
      justify-content:center;
      border-top-left-radius:5px;
      border-top-right-radius:5px;
      border-bottom-left-radius:5px;
      border-bottom-right-radius:5px;
    }

    .so-guest-context-action-bar\:pqK7Am5pgQsz8lHAPc8re:hover {
      color:var(--text-strong);
      background:var(--bg-weak);
    }

    .so-dialog-content\:root {
      width:100%;
      opacity:0;
      max-width:460px;
      translate:0 20px;
      padding-top:1rem;
      border-color:var(--neutral-5, #323035);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      border-radius:var(--rounding-lg);
      padding-right:1rem;
      padding-bottom:1rem;
      background-color:var(--neutral-0, #0b0a0b);
    }

    .so-dialog-content\:root.open {
      opacity:1;
      translate:0 0px;
    }

    .so-dialog-content\:root.open-transition {
      transition:all 320ms ease 0ms normal;
    }

    .so-dialog-content\:root.close-transition {
      transition:all 200ms cubic-bezier(0.58, 0.29, 0.25, 1) 0ms normal;
    }

    .so-guest-context-action-bar\:qRHX1ju6pw3SqiNukwyZT {
      background:var(--bg-white);
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .eLaLQt {
      color:#15ef65;
      width:100%;
      height:100%;
    }

    .so-contact-avatar\:MFaYSZ-PRHiNoKCvwThPv {
      color:var(--information-light);
      width:24px;
      height:24px;
    }

    .fBCAZo {
      color:#fff;
      width:28px;
      height:28px;
      display:none;
      font-size:14px;
      background:var(--bg-weak);
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:center;
      font-family:Geist;
      font-weight:600;
      line-height:1.75rem;
      border-radius:9999px;
      flex-direction:row;
      justify-content:center;
    }

    .BEFTq {
      box-sizing:border-box;
    }

    .so-contact-avatar\:gAbfIAQV-OOemEg5rzjBF {
      color:var(--primary-base);
      width:100%;
      height:100%;
    }

    .ctHYQv {
      color:var(--text-strong);
      right:4px;
      bottom:4px;
    }

    .efFHvN {
      top:-4px;
      left:-4px;
      color:var(--p1-text-color);
      width:24px;
      height:24px;
      display:flex;
      position:absolute;
      background:var(--information-light);
      align-items:flex-end;
      justify-content:flex-end;
      border-bottom-right-radius:8px;
    }

    .snkjL {
      right:-6px;
      width:14px;
      bottom:-6px;
      height:14px;
      display:flex;
      position:absolute;
      background:var(--bg-white);
      align-items:center;
      padding-top:2px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:2px;
      padding-right:2px;
      padding-bottom:2px;
      justify-content:center;
      border-top-left-radius:100px;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .so-guest-context-action-bar\:rKoye9dAuG9Fq1BRKnVKY {
      width:150px;
      height:16px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .fbWHXm {
      color:var(--text-strong);
      display:flex;
      row-gap:1rem;
      background:var(--bg-white);
      column-gap:1rem;
      font-family:"Geist";
      padding-top:0rem;
      padding-bottom:0rem;
    }

    .eJXXVu {
      color:var(--text-sub);
      display:inline;
      font-size:12px;
      font-family:inherit;
      font-weight:inherit;
    }

    .kOCQE {
      cursor:pointer;
      background:var(--bg-weak);
      padding-top:0.5rem;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:0.5rem;
      border-top-left-radius:0.5rem;
      border-top-right-radius:0.5rem;
      border-bottom-left-radius:0.5rem;
      border-bottom-right-radius:0.5rem;
    }

    .kOCQE.selected {
      background:var(--primary-alpha-10);
      border-color:var(--primary-base);
      border-style:solid;
      border-width:1px;
    }

    .o-open-close-conversation\:BZre6FnuM1Y4xLZSe2Zz2 {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .o-open-close-conversation\:Pa96csMH24IGpmRK2Kd3u {
      flex:1;
    }

    .dsDGLd {
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
    }

    .o-open-close-conversation\:fWpMnS2ZNU7TdQo39h-bJ {
      flex:1;
    }

    .dhKOQL {
      display:inline;
      font-size:14px;
      font-family:inherit;
      font-weight:inherit;
    }

    .fiecEf {
      display:inline;
      font-size:14px;
      font-family:inherit;
      font-weight:500;
    }

    .bEQfwJ {
      display:inline;
      font-size:12px;
      font-family:inherit;
      font-weight:inherit;
    }

    .so-guest-context-action-bar\:yqrXyN2GHDbfEPzs5t5pX {
      height:370px;
    }

    .o-unified-inbox-message-workspace\:e1XUUDIPCoxcDgkKu27S8 {
      width:100$;
    }

    .djulFT {
      width:8px;
      cursor:col-resize;
      background:transparent;
      transition:background 0.2s;
      flex-shrink:0;
    }

    .djulFT:hover {
      background:var(--stroke-sub);
    }

    .so-bottom-sheet\:QS_7ELRgrVeXBoQZzU3UC {
      opacity:0;
      background-color:var(--overlay-inverted-a9, #000000b3);
    }

    .so-bottom-sheet\:QS_7ELRgrVeXBoQZzU3UC.open {
      opacity:1;
    }

    .so-bottom-sheet\:QS_7ELRgrVeXBoQZzU3UC.open-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .so-bottom-sheet\:QS_7ELRgrVeXBoQZzU3UC.close-transition {
      transition:opacity 300ms ease 0ms normal;
    }

    .sparkcore\/sc-bottom-sheet-portal\:root {
      align-items:center;
      justify-content:end;
    }

    .dPfLXg {
      color:var(--text-sub);
      display:inline;
      font-size:14px;
      text-align:left;
      font-family:inherit;
      font-weight:500;
    }

    .so-intelligent-message-feed\:root {
      flex:1;
      color:white;
      width:100%;
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      overflow-y:scroll;
      align-items:flex-start;
      font-family:"Geist";
      justify-content:flex-start;
    }

    .cGmTNz {
      color:var(--text-sub);
      font-size:14px;
      font-family:Geist;
      font-weight:400;
    }

    .gEPNh {
      width:14px;
    }

    .feWrrV {
      width:100%;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .jgMFX {
      color:var(--away-base-dark);
      display:inline;
      font-size:12px;
      font-family:inherit;
      font-weight:inherit;
    }

    .so-intelligent-message-feed\:Bz3OPAO38A1l3gCnoe1PE {
      margin-top:0.5rem;
      margin-bottom:0.5rem;
    }

    .Rtfcs {
      color:var(--away-base-dark);
    }

    .fuxOna {
      color:var(--away-dark-dark);
      display:inline;
      font-size:14px;
      text-align:left;
      font-family:inherit;
      font-weight:inherit;
    }

    .bkOFDi {
      color:inherit;
      display:inline-block;
      font-size:inherit;
      text-align:right;
      font-family:inherit;
      font-weight:inherit;
    }

    .vFyig {
      color:inherit;
      width:100%;
      font-size:inherit;
      text-align:left;
      font-family:inherit;
      font-weight:inherit;
    }

    .btHdyp {
      gap:20px;
      color:inherit;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      white-space:pre-wrap;
      flex-direction:row;
    }

    .so-intelligent-message-feed\:LGdXCbt8xPhTYnPx4SYK7 {
      width:fit-content;
    }

    .ffzOCN {
      color:var(--primary-base);
      width:100%;
      display:flex;
      align-items:center;
      padding-top:0.5rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      justify-content:center;
    }

    .fihRjN {
      top:12px;
      width:100%;
      display:flex;
      z-index:10;
      position:sticky;
      align-items:center;
      justify-content:center;
    }

    .dHkPBm {
      display:flex;
      translate:0 0 0;
      align-items:flex-start;
      font-family:"Geist";
      border-style:solid;
      border-width:0px;
      margin-bottom:1rem;
      flex-direction:row;
      justify-content:flex-start;
    }

    .flJyXJ {
      display:flex;
      align-items:flex-end;
      justify-content:center;
    }

    .cRZePK {
      width:300px;
      display:flex;
      row-gap:0.5rem;
      background:var(--away-light-dark);
      column-gap:0.5rem;
      padding-top:0.5rem;
      border-color:var(--away-dark-dark);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:0.5rem;
      border-top-left-radius:0.5rem;
      border-top-right-radius:0.5rem;
      border-bottom-left-radius:0.5rem;
      border-bottom-right-radius:0.5rem;
    }

    .bWYKfj {
      color:var(--text_color);
      width:100%;
      height:fit-content;
      display:flex;
      row-gap:8px;
      column-gap:8px;
      flex-direction:row;
    }

    .bWYKfj.from-me {
      display:flex;
      align-items:flex-start;
      flex-direction:row;
      justify-content:flex-end;
    }

    .dpYsQL {
      width:fit-content;
      row-gap:0.25rem;
      column-gap:0.25rem;
    }

    .ecqmkG {
      width:var(--radius-16);
    }

    .so-chat-content\:0znWOHlayTkbv6V-8D62c {
      max-width:100%;
      margin-top:0.5rem;
      margin-bottom:1rem;
    }

    .coWOAi {
      color:inherit;
    }

    .so-chat-content\:1D-AMehNZ_SQFiEbXQS6r {
      margin-top:0.5rem;
      margin-left:1rem;
      margin-bottom:0.25rem;
    }

    .so-chat-content\:1vRMptjLUcB8I1x-LT4Oz {
      margin-top:0.5rem;
      margin-bottom:0.5rem;
    }

    .dHcDeq {
      color:var(--text-strong);
      width:fit-content;
      row-gap:var(--radius-0);
      font-size:14px;
      max-width:350px;
      background:var(--bg-weak);
      column-gap:var(--radius-0);
      font-family:Geist;
      font-weight:400;
      padding-top:var(--radius-0);
      padding-left:0.75rem;
      padding-right:0.75rem;
      padding-bottom:0.5rem;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .dHcDeq.fromMe {
      background:var(--highlighted-light-dark);
    }

    .dHcDeq.mention {
      color:var(--warning-dark);
      background:var(--warning-light);
    }

    .so-chat-content\:5VOgUqaRAhjERI4l4BKPr {
      width:100%;
      margin-top:0.5rem;
      margin-bottom:0.5rem;
    }

    .eMnwRX {
      color:inherit;
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      margin-top:-0.25rem;
      align-items:flex-end;
      margin-left:1rem;
      flex-direction:row;
      justify-content:flex-end;
    }

    .eteisB {
      color:var(--text-strong);
      width:fit-content;
      row-gap:var(--radius-0);
      font-size:14px;
      max-width:350px;
      background:var(--bg-weak);
      column-gap:var(--radius-0);
      font-family:Geist;
      font-weight:400;
      padding-top:var(--radius-0);
      padding-left:0.75rem;
      padding-right:0.75rem;
      padding-bottom:0rem;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .bFhmVA {
      font-size:10px;
    }

    .dfgPub {
      color:var(--text-sub);
      font-size:10px;
    }

    .so-chat-content\:JsgN3QZTVWg9wLPiaMGZ- {
      width:300px;
      margin-top:0.5rem;
      margin-bottom:0.5rem;
    }

    .so-chat-content\:Lq_H7mCY7uPSPDAurPXiy {
      width:300px;
      margin-top:0.5rem;
      margin-bottom:0.5rem;
    }

    .cEkLbv {
      width:10px;
      height:10px;
    }

    .so-chat-content\:OpdQDlveGiH1aBd1jBmH0 {
      margin-top:0.5rem;
      margin-bottom:0.5rem;
    }

    .so-chat-content\:PwMvJrV890ZCH9XC9c71I {
      width:100%;
      margin-top:0.5rem;
      margin-bottom:0.5rem;
    }

    .bdppTk {
      display:flex;
      margin-top:-12px;
      align-items:flex-end;
      flex-direction:row;
      justify-content:flex-end;
    }

    .eHjUNW {
      row-gap:0.5rem;
      background:var(--bg-white);
      column-gap:0.5rem;
      font-family:Geist;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:0.5rem;
      border-top-right-radius:0.5rem;
      border-bottom-left-radius:0.5rem;
      border-bottom-right-radius:0.5rem;
    }

    .dKWMdM {
      font-size:14px;
    }

    .bFtwKY {
      width:100%;
      height:1px;
      background-color:var(--grey-600, #525252);
    }

    .bFtwKY.orientation-vertical {
      width:1px;
      height:100%;
    }

    .o-chat-interactive-chat\:GZGyXnX0kgTUQMRabtV-U {
      background:var(--stroke-soft);
    }

    .o-chat-interactive-chat\:TTPDJV3rXhQpKd5DFUumH {
      flex:1;
      cursor:not-allowed;
      height:30px;
      font-size:14px;
      padding-top:0.25rem;
      padding-bottom:0.25rem;
    }

    .so-chat-content\:Vzs1h0D2O3LxMq25a-m5t {
      margin-top:0.5rem;
      margin-bottom:0.5rem;
    }

    .fgHIIj {
      flex:1;
      width:100%;
      position:relative;
      max-width:768px) { max-width : 100% ; };
      min-width:100px;
      box-sizing:border-box;
      min-height:1px;
    }

    .bXbhmJ {
      width:40px;
      height:40px;
      animation:spin 1s linear infinite;
      border-color:var(--primary-base);
      border-style:solid;
      border-width:3px;
      border-radius:50%;
      border-top-color:transparent;
      border-top-style:solid;
      border-top-width:3px;
    }

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

        100% {
          transform: rotate(360deg);
        }
    }

    .cZYelQ {
      flex:1;
      border:1px solid #e5e7eb;
      overflow:hidden;
      background:var(--bg-white);
      box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);
      min-height:1px;
      transition:all 0.2s ease;
      border-radius:12px;
    }

    .cZYelQ:hover {
      box-shadow:0 4px 6px rgba(0, 0, 0, 0.07);
    }

    .buZgtN {
      color:white;
      filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
      transform:scale(0.9);
      transition:transform 0.2s ease;
    }

    .buZgtN:hover {
      transform:scale(1);
    }

    .dNDvlu {
      color:var(--text-sub);
      padding:12px 16px;
      font-size:14px;
      max-width:768px) { padding : 10px 12px ; font-size : 13px ; };
      background:var(--bg-white);
      line-height:1.5;
    }

    .eCoEpH {
      top:0px;
      left:0px;
      color:var(--error-base);
      width:100%;
      height:100%;
      display:flex;
      padding:20px;
      z-index:1;
      position:absolute;
      font-size:14px;
      background:#fee2e2;
      text-align:center;
      align-items:center;
      flex-direction:column;
      justify-content:center;
    }

    .rZXeC {
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      display:flex;
      opacity:0;
      position:absolute;
      background:rgba(0, 0, 0, 0);
      transition:background 0.2s ease, opacity 0.2s ease;
      align-items:center;
      justify-content:center;
    }

    .rZXeC:hover {
      opacity:1;
      background:rgba(0, 0, 0, 0.3);
    }

    .HjtPR {
      flex:1;
      width:100%;
      cursor:pointer;
      overflow:hidden;
      position:relative;
      background:var(--bg-weak);
      min-height:1px;
      aspect-ratio:4 / 3;
    }

    .dHSccy {
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
      transition:transform 0.3s ease;
    }

    .dHSccy:hover {
      transform:scale(1.05);
    }

    .ekalOW {
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      display:flex;
      z-index:1;
      position:absolute;
      background:rgba(255, 255, 255, 0.9);
      align-items:center;
      justify-content:center;
    }

    .bbmIun {
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
      transition:transform 0.3s ease;
    }

    .so-chat-content\:XQVtESY5-nDb1hXjRIoQm {
      max-width:100%;
      margin-top:0.5rem;
      margin-bottom:1rem;
    }

    .so-chat-content\:buObKaK2yOpMzMse_aRx- {
      margin-top:0.5rem;
      margin-bottom:0.5rem;
    }

    .dASHVm {
      height:100%;
      display:flex;
      font-family:Geist;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
    }

    .dKNWrG {
      color:white;
      width:2.25rem;
      height:2.25rem;
      display:flex;
      overflow:hidden;
      background:var(--primary-base);
      align-items:center;
      flex-shrink:0;
      border-color:#edf2f7;
      border-style:solid;
      border-width:1px;
      border-radius:9999px;
      flex-direction:row;
      justify-content:center;
    }

    .bmMnmN {
      display:block;
      max-width:100%;
      max-height:100%;
      object-fit:contain;
      border-style:solid;
      border-width:0px;
      border-radius:0.5rem;
      flex-direction:row;
      transition-duration:300ms;
      transition-property:opacity;
      transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    }

    .LIwWg {
      color:#fff;
      display:block;
      font-size:0.875rem;
      font-weight:600;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
    }

    .dYGnxl {
      width:100%;
      height:100%;
      display:flex;
      z-index:10;
      position:relative;
      border-style:solid;
      border-width:0px;
      flex-direction:column;
    }

    .evDcFP {
      width:100%;
      height:100%;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      border-top-left-radius:16px;
      border-top-right-radius:16px;
      border-bottom-left-radius:16px;
      border-bottom-right-radius:16px;
    }

    .cKbUyz {
      top:0rem;
      left:0rem;
      right:0rem;
      bottom:0rem;
      cursor:pointer;
      display:block;
      position:absolute;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
    }

    .QSqKi {
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
    }

    .esZVry {
      display:flex;
      align-items:center;
      padding-top:1rem;
      border-style:solid;
      border-width:0px;
      padding-left:1.25rem;
      padding-right:1.25rem;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:space-between;
    }

    .ImjLs {
      gap:0.75rem;
      display:flex;
      align-items:center;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
    }

    .UbJkZ {
      color:#fff;
      width:2.5rem;
      cursor:pointer;
      height:2.5rem;
      display:flex;
      align-items:center;
      border-style:none;
      border-width:0px;
      border-radius:9999px;
      flex-direction:row;
      justify-content:center;
      transition-duration:200ms;
      transition-property:all;
      transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    }

    .UbJkZ:active {
      transform:scale(0.95);
    }

    .dTmfhu {
      color:#fff;
      display:flex;
      font-size:0.875rem;
      max-height:150px;
      overflow-y:auto;
      align-items:center;
      line-height:1.625;
      padding-top:1rem;
      border-style:solid;
      border-width:0px;
      padding-left:1.25rem;
      padding-right:1.25rem;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:center;
    }

    .MByrA {
      color:white;
    }

    .TUnYN {
      flex:1 1 0%;
      display:flex;
      padding:1.25rem;
      overflow:hidden;
      position:relative;
      align-items:center;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
      justify-content:center;
    }

    .fiKBdo {
      width:2.25rem;
      height:2.25rem;
      display:block;
      overflow:hidden;
      flex-shrink:0;
      border-color:#edf2f7;
      border-style:solid;
      border-width:1px;
      border-radius:9999px;
      flex-direction:row;
    }

    .cezsho {
      color:#e2e8f0;
      display:block;
      font-size:0.75rem;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
    }

    .KjbKB {
      display:flex;
      border-style:solid;
      border-width:0px;
      flex-direction:column;
    }

    .dKflNh {
      color:var(--text-sub);
      width:var(--radius-16);
    }

    .so-chat-content\:g8UlCJEmjO8Ki5Nf3D5Mo {
      width:100%;
      height:100%;
      min-width:100%;
      background:#000000c2;
    }

    .so-chat-content\:j1To3xuTm17QM58JK43fM {
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }

    .fkySYG {
      width:20px;
      height:20px;
      display:flex;
      background:var(--primary-base);
      align-items:center;
      justify-content:center;
      border-top-left-radius:999999px;
      border-top-right-radius:999999px;
      border-bottom-left-radius:999999px;
      border-bottom-right-radius:999999px;
    }

    .dCrTdm {
      color:var(--text-sub);
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      margin-top:-0.25rem;
      align-items:flex-end;
      margin-left:1rem;
      flex-direction:row;
      justify-content:flex-end;
    }

    .so-chat-content\:n0PH_RKjtyfpMRUGl2OFS {
      margin-top:0.5rem;
      margin-bottom:0.5rem;
    }

    .dYxdYp {
      color:var(--text-strong);
      cursor:pointer;
      display:flex;
      row-gap:0.25rem;
      font-size:10px;
      column-gap:0.25rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-end;
    }

    .so-chat-content\:obN0dFH8reZtlQi-OxYNE {
      margin-top:0.5rem;
      margin-bottom:0.5rem;
    }

    .fhFTCZ {
      background:var(--primary-alpha-24);
      margin-top:0.5rem;
      padding-top:var(--radius-0);
      padding-left:0.5rem;
      margin-bottom:0.15rem;
      padding-right:0.5rem;
      padding-bottom:var(--radius-0);
      border-left-color:var(--primary-base);
      border-left-style:solid;
      border-left-width:3px;
      border-top-left-radius:0.5rem;
      border-top-right-radius:0.5rem;
      border-bottom-left-radius:0.5rem;
      border-bottom-right-radius:0.5rem;
    }

    .eGmHru {
      color:var(--text-strong);
      display:flex;
      row-gap:0rem;
      column-gap:0rem;
      align-items:flex-end;
      flex-direction:column;
      justify-content:center;
    }

    .so-chat-content\:qhoeoh2fKo-nCG-3Hi9yc {
      margin-top:0.5rem;
      margin-bottom:0.5rem;
    }

    .IMcdC {
      font-size:12px;
    }

    .so-chat-content\:tKeh2H6BNkm_W9cHjzaRu {
      width:300px;
      margin-top:0.5rem;
      margin-bottom:0.5rem;
    }

    .cICXfs {
      padding-top:0.25rem;
      padding-bottom:0.25rem;
    }

    .so-chat-content\:vCKm0ShQmbY-bQqOsEY_S {
      max-width:100%;
      margin-top:0.5rem;
      margin-bottom:1rem;
    }

    .so-chat-content\:vFWe2EEYZxNCO08Q6H8oe {
      max-width:100%;
      margin-top:0.5rem;
      margin-bottom:1rem;
    }

    .so-chat-content\:vyvu5GxXhF72pRs1KpdbG {
      width:100%;
      margin-top:0.5rem;
      margin-bottom:0.5rem;
    }

    .frXHMV {
      color:var(--text-strong);
      width:fit-content;
      row-gap:0px;
      font-size:14px;
      max-width:350px;
      background:var(--bg-weak);
      column-gap:0px;
      font-family:Geist;
      font-weight:400;
      padding-top:var(--radius-0);
      padding-left:0.75rem;
      padding-right:0.75rem;
      padding-bottom:0.5rem;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .frXHMV.fromMe {
      background:var(--highlighted-light-dark);
    }

    .so-chat-content\:yNRqmerxzZsExS8U2KdyN {
      margin-top:0.5rem;
      margin-bottom:0.5rem;
    }

    .so-chat-content\:zi96llHgTsHJF17seOvIy {
      margin-top:0.5rem;
      margin-bottom:0.5rem;
    }

    .cixXLE {
      color:var(--away-base-dark);
      display:flex;
      row-gap:0.15rem;
      column-gap:0.15rem;
      flex-direction:row;
    }

    .fuVHhr {
      color:var(--text-strong);
      width:24px;
      height:24px;
      display:flex;
      font-size:14px;
      background:var(--bg-weak);
      align-items:center;
      font-family:Geist;
      font-weight:500;
      border-style:solid;
      border-width:0px;
      border-radius:9999px;
      flex-direction:row;
      justify-content:center;
    }

    .fuVHhr.medium {
      width:32px;
      height:32px;
      font-size:1rem;
    }

    .fuVHhr.large {
      width:40px;
      height:40px;
      font-size:1.2rem;
      font-family:1rem;
    }

    .fuVHhr.small {
      width:20px;
      height:20px;
      font-size:12px;
    }

    .dhOFlG {
      color:var(--text-sub);
      display:inline;
      font-size:12px;
      text-align:center;
      font-family:inherit;
      font-weight:inherit;
      text-transform:uppercase;
    }

    .so-intelligent-message-feed\:Ncgds0yY1Tr6DSPztXEnR {
      width:100%;
    }

    .eZEChU {
      color:var(--text-sub);
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      margin-top:-0.25rem;
      align-items:center;
      margin-left:1rem;
      flex-direction:row;
      justify-content:flex-end;
    }

    .so-intelligent-message-feed\:P_n9TXcK-ulL0TNzAZERH {
      width:300px;
      margin-top:0.5rem;
      margin-bottom:0.5rem;
    }

    .rZZbd {
      width:fit-content ;
      display:flex;
      row-gap:0.25rem;
      z-index:10;
      font-size:12px;
      min-width:330px;
      background:var(--primary-base);
      column-gap:0.25rem;
      align-items:center;
      padding-top:0.5rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      flex-direction:row;
      padding-bottom:0.5rem;
      justify-content:center;
      border-top-left-radius:0.5rem;
      border-top-right-radius:0.5rem;
      border-bottom-left-radius:0.5rem;
      border-bottom-right-radius:0.5rem;
    }

    .ozWUH {
      flex:1;
      color:white;
      width:100%;
      display:flex;
      position:relative;
      align-items:flex-end;
      font-family:"Geist";
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      justify-content:flex-end;
    }

    .dmSrxS {
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-end;
    }

    .so-intelligent-message-feed\:glUZOIk2X6zdS97ViqdYj {
      margin-top:0.5rem;
      margin-bottom:0.5rem;
    }

    .so-intelligent-message-feed\:hPYbZNhFwYxUd8QfrSa1o {
      width:100%;
      margin-top:0.5rem;
      margin-bottom:0.5rem;
    }

    .bCrbOx {
      color:var(--text-strong);
      width:fit-content;
      display:flex;
      row-gap:0.5rem;
      font-size:14px;
      max-width:350px;
      background:var(--bg-weak);
      column-gap:0.5rem;
      align-items:flex-end;
      font-family:Geist;
      font-weight:400;
      padding-top:var(--radius-0);
      padding-left:0.75rem;
      padding-right:0.75rem;
      flex-direction:column;
      padding-bottom:0.5rem;
      justify-content:flex-start;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .bCrbOx.fromMe {
      display:flex;
      background:var(--highlighted-light-dark);
      align-items:flex-end;
      justify-content:flex-end;
    }

    .so-intelligent-message-feed\:qUEJj4JAvyMPuMI42hxJ8 {
      width:100%;
      margin-top:0.5rem;
      margin-bottom:0.5rem;
    }

    .so-intelligent-message-feed\:tySVzTMZFVGo5gJXpfQw1 {
      width:300px;
      margin-top:0.5rem;
      margin-bottom:0.5rem;
    }

    .bgEfvL {
      color:var(--text-strong);
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      justify-content:center;
    }

    .o-unified-inbox-message-workspace\:is1LkXVfdTuygt-bwNF1b {
      width:100%;
    }

    .eCA-dLk {
      width:100%;
      row-gap:8px;
      background:var(--bg-white);
      column-gap:8px;
      min-height:200px;
      padding-top:12px;
      padding-left:12px;
      padding-right:12px;
      padding-bottom:12px;
      border-top-left-radius:0px;
      border-top-right-radius:0px;
      border-bottom-left-radius:0px;
      border-bottom-right-radius:0px;
    }

    .bIgqBQ {
      width:40px;
      height:40px;
      display:flex;
      background:var(--bg-weak);
      align-items:center;
      border-color:var(--stroke-sub);
      border-style:solid;
      border-width:1px;
      justify-content:center;
      border-top-left-radius:1000px;
      border-top-right-radius:1000px;
      border-bottom-left-radius:1000px;
      border-bottom-right-radius:1000px;
    }

    .bDHDwq {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-end;
    }

    .NMoW {
      height:80px;
      font-size:14px;
      padding-top:0.5rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:0.5rem;
    }

    .dGtdRq {
      color:var(--text-sub);
      width:fit-content;
      display:flex;
      row-gap:4px;
      font-size:14px;
      column-gap:4px;
      align-items:center;
      font-family:Geist;
      font-weight:500;
      flex-direction:row;
      justify-content:flex-start;
    }

    .collapsible-button\:root {
      gap:0.5rem;
      color:var(--neutral-12, #EEEEF0);
      width:fit-content;
      cursor:pointer;
      height:var(--interactive-height-md);
      font-size:var(--text-md);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:background-color 200ms ease 0ms normal;
      align-items:center;
      font-family:'Outfit';
      font-weight:var(--semi);
      user-select:none;
      padding-left:0.75rem;
      border-radius:var(--rounding-md);
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      padding-right:0.75rem;
      flex-direction:row;
      outline-offset:var(--border-md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      -webkit-user-select:none;
      -webkit-tap-highlight-color:transparent;
    }

    .collapsible-button\:root:hover {
      background-color:var(--overlay-a2, #ffffff1a);
    }

    .collapsible-button\:root:active {
      background:;
      transition:none;
    }

    .collapsible-button\:root:focus-visible {
      outline-offset:var(--border-md);
    }

    .collapsible-button\:root.trigger-open {
      background:;
    }

    .collapsible-button\:root.disabled {
      opacity:0.5;
      background-color:var(--overlay-a1, #ffffff0d);
    }

    .o-inbox-notes\:3nzgTgQsTqoCLxFEAHedr {
      width:100%;
      cursor:pointer;
      background:transparent;
      padding-left:var(--radius-0);
      padding-right:var(--radius-0);
    }

    .feEXAz {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:flex-start;
      flex-direction:row;
      justify-content:space-between;
    }

    .cnVZls {
      row-gap:0.5rem;
      background:var(--bg-white);
      column-gap:0.5rem;
      padding-top:0.5rem;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:12px;
      padding-right:12px;
      padding-bottom:0.5rem;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .fstVlF {
      color:var(--text-sub);
      width:16px;
      cursor:pointer;
    }

    .fstVlF:hover {
      color:var(--text-strong);
    }

    .fDXJuy {
      flex:1;
      width:100%;
      font-size:14px;
      font-family:Geist;
    }

    .Jxaa-d {
      row-gap:0.5rem;
      background:var(--bg-white);
      column-gap:0.5rem;
      margin-top:0.5rem;
      padding-top:0.5rem;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .cSKTNv {
      font-size:14px;
      font-family:Geist;
      font-weight:500;
    }

    .o-inbox-notes\:GUOeBs7fxxY33k7GgzEaQ {
      height:32px;
      font-size:14px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .fqMaEX {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:center;
      padding-top:0.25rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      flex-direction:row;
      padding-bottom:0.25rem;
      justify-content:flex-end;
    }

    .o-inbox-notes\:S5ICZLZzSvhfQR6wkFWaw {
      height:32px;
      font-size:14px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .bGtlWn {
      gap:0.5rem;
      color:var(--text-sub, #525866);
      width:24px;
      cursor:pointer;
      height:24px;
      display:flex;
      font-size:var(--label-m);
      background:var(--bg-weak);
      overflow-x:hidden;
      overflow-y:hidden;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      font-family:'Geist';
      font-weight:var(--medium);
      user-select:none;
      padding-left:0.75rem;
      border-radius:10px;
      outline-color:transparent;
      outline-style:solid;
      outline-width:var(--border-lg);
      padding-right:0.75rem;
      flex-direction:row;
      outline-offset:var(--border-md);
      -ms-user-select:none;
      justify-content:center;
      -moz-user-select:none;
      -webkit-user-select:none;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
      -webkit-tap-highlight-color:transparent;
    }

    .cPGFnV {
      row-gap:0.5rem;
      background:var(--bg-white);
      column-gap:0.5rem;
      margin-top:0.5rem;
      padding-top:0rem;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:0rem;
      padding-right:0rem;
      padding-bottom:0rem;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .fvUQoM {
      width:100%;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .fvUQoM:hover {
      background:transparent;
    }

    .o-inbox-notes\:aIou4IvNB4W2AGKHKNu3c {
      height:32px;
      font-size:14px;
    }

    .cPofOl {
      flex:1;
      display:flex;
      row-gap:8px;
      column-gap:8px;
      align-items:center;
      justify-content:center;
    }

    .qGNWK {
      height:150px;
      font-size:14px;
      padding-top:0.5rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:0.5rem;
    }

    .o-inbox-notes\:nyC6U-q3PqtkxgRdM593U {
      height:32px;
      font-size:14px;
    }

    .o-inbox-notes\:o47yNZlCzzJZVvCjbUEWN {
      height:32px;
      font-size:14px;
    }

    .dyEHVf {
      row-gap:0.25rem;
      column-gap:0.25rem;
      flex-direction:row;
    }

    .deQEcC {
      color:red;
      width:16px;
      cursor:pointer;
    }

    .deQEcC:hover {
      color:red;
    }

    .fiVUkN {
      height:100px;
      padding-top:0.5rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:0.5rem;
    }

    .o-inbox-notes\:xxpzLHuQ8fe4Jdh4QEmLS {
      height:32px;
      font-size:14px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .flNaSt {
      height:0px;
      transform:translateZ(0px);
      overflow-y:hidden;
      will-change:height, transform;
    }

    .flNaSt.open {
      height:var(--height);
    }

    .so-collapsible\:ALfxBRmS3wPsbUsjJfBeE {
      width:100%;
      opacity:0;
      transition:height 300ms ease 0ms normal, opacity 300ms ease 0ms normal;
    }

    .so-collapsible\:ALfxBRmS3wPsbUsjJfBeE.open {
      height:fit-content;
      opacity:1;
      transition:height 300ms ease 0ms normal, opacity 300ms ease 200ms normal;
    }

    .eBIMRI {
      color:var(--text-strong);
      font-family:"Geist";
    }

    .eBIMRI:disabled {
      cursor:not-allowed;
      opacity:0.46;
      pointer-events:none;
    }

    .eBIMRI.disabled {
      cursor:not-allowed;
      opacity:0.68;
      pointer-events:none;
    }

    .dYMwpL {
      gap:8px;
      display:flex;
      padding-top:6px;
      padding-left:16px;
      padding-right:16px;
      flex-direction:row;
      padding-bottom:0px;
    }

    .eByJJa {
      color:white;
      width:24px;
      border:none;
      cursor:pointer;
      height:24px;
      display:flex;
      background:var(--primary-base);
      align-items:center;
      border-radius:50%;
      justify-content:center;
    }

    .fowGmo {
      width:12px;
      height:12px;
      animation:pulse 1.5s ease-in-out infinite;
      background:#FF3B30;
      border-radius:50%;
    }

    @keyframes pulse {
        0% {
          opacity: 1;
        }

        0% {
          transform: scale(1);
        }

        50% {
          opacity: 0.7;
        }

        50% {
          transform: scale(1.2);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: scale(1);
        }
    }

    .bwHrGR {
      gap:6px;
      color:#666;
      border:none;
      cursor:pointer;
      display:flex;
      padding:8px 16px;
      font-size:13px;
      background:none;
      transition:all 0.2s ease;
      align-items:center;
      font-weight:500;
      border-radius:8px 8px 0 0;
      flex-direction:row;
    }

    .bwHrGR.active {
      color:var(--primary-base);
      border-bottom:2px solid var(--primary-base);
    }

    .eUOxrb {
      width:100%;
      display:flex;
      row-gap:8px;
      column-gap:8px;
      align-items:flex-end;
      padding-top:8px;
      padding-left:16px;
      padding-right:16px;
      flex-direction:row;
      padding-bottom:8px;
      justify-content:space-between;
    }

    .kfJVf {
      gap:8px;
      display:flex;
      background:transparent;
      align-items:flex-end;
      padding-top:0px;
      padding-left:0pt;
      padding-right:0pt;
      flex-direction:column;
      padding-bottom:0px;
      border-top-color:var(--stroke-soft);
      border-top-style:solid;
      border-top-width:1px;
    }

    .kfJVf.private-mode {
      border:1px solid rgba(245, 158, 11, 0.2);
      background:rgba(245, 158, 11, 0.05);
      border-radius:0 12px 12px 12px;
    }

    .eHpCjN {
      gap:6px;
      color:#666;
      border:none;
      cursor:pointer;
      display:flex;
      padding:8px 16px;
      font-size:13px;
      background:none;
      transition:all 0.2s ease;
      align-items:center;
      font-weight:500;
      border-radius:8px 8px 0 0;
      flex-direction:row;
    }

    .eHpCjN.active {
      color:#F59E0B;
      border-bottom:2px solid #F59E0B;
    }

    .cVgRJN {
      color:var(--text-strong);
      font-size:12px;
      min-width:60px;
      text-align:center;
    }

    .enpmk {
      width:6px;
      height:6px;
      position:absolute;
      animation:confetti-fall 0.8s ease-out forwards;
      background:var(--primary-base);
      border-radius:50%;
    }

    @keyframes confetti-fall {
        0% {
          opacity: 1;
        }

        0% {
          transform: translateY(0) scale(1);
        }

        100% {
          opacity: 0;
        }

        100% {
          transform: translateY(-40px) translateX(20px) rotate(360deg);
        }
    }

    .eNfDNZ {
      flex:1;
      width:100%;
      position:relative;
    }

    .dyIBCn {
      gap:8px;
      width:100px;
      border:1px solid #eee;
      height:100px;
      display:flex;
      overflow:hidden;
      position:relative;
      font-size:13px;
      background:#f9f9f9;
      align-items:center;
      border-radius:12px;
    }

    .dOSlKF {
      width:100%;
      overflow-x:hidden;
      white-space:pre;
      text-overflow:ellipsis;
    }

    .eTYaLd {
      color:var(--text-sub);
      width:20px;
      border:none;
      cursor:pointer;
      height:20px;
      display:flex;
      padding:0px;
      background:none;
      align-items:center;
      justify-content:center;
    }

    .fwagFN {
      gap:8px;
      width:100px;
      border:1px solid #eee;
      height:100px;
      display:flex;
      overflow:hidden;
      position:relative;
      font-size:13px;
      background:#f0f0f0;
      align-items:center;
      padding-top:6px;
      padding-left:6px;
      border-radius:20px;
      padding-right:6px;
      padding-bottom:6px;
      justify-content:flex-end;
    }

    .fCGwrE {
      top:50%;
      left:50%;
      position:absolute;
      transform:translate(-50%, -50%);
      pointer-events:none;
    }

    .bvjbsR {
      color:white;
      width:28px;
      border:none;
      cursor:pointer;
      height:28px;
      padding:6px;
      background:#FF3B30;
      border-radius:6px;
    }

    .bpBkGq {
      width:100%;
      position:relative;
      overflow-y:auto;
    }

    .BMzIP {
      color:white;
      inset:0;
      display:flex;
      position:absolute;
      font-size:12px;
      background:#00000045;
      align-items:center;
      font-weight:500;
      justify-content:center;
    }

    .dPbvpl {
      width:100%;
      height:100%;
      position:absolute;
      object-fit:cover;
    }

    .ewquLl {
      gap:8px;
      display:flex;
      padding:8px 12px;
      position:relative;
      background:var(--bg-weak);
      align-items:center;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      border-radius:20px;
      flex-direction:row;
    }

    .eJRqdv {
      left:0px;
      width:100%;
      bottom:0px;
      height:4px;
      position:absolute;
      animation:indeterminate 1.5s infinite ease-in-out;
      background:var(--primary-base);
      transition:width 0.3s ease;
      transitionleft:0;
      transform-origin:left;
    }

    @keyframes indeterminate {
        0% {
          left: 0%;
        }

        0% {
          width: 0%;
        }

        50% {
          left: 25%;
        }

        50% {
          width: 50%;
        }

        100% {
          left: 100%;
        }

        100% {
          width: 0%;
        }
    }

    .dGXKaE {
      gap:8px;
      display:flex;
      padding:8px 16px;
      flex-wrap:wrap;
      flex-direction:row;
    }

    .cROtos {
      gap:12px;
      display:flex;
      padding:8px 0;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .bSbdJK {
      top:10px;
      color:#999;
      right:10px;
      border:none;
      cursor:pointer;
      display:flex;
      padding:0px;
      z-index:10;
      position:absolute;
      background:none;
      align-items:center;
    }

    .o-inbox-chat-input\:3rOh5p4xlFe0p6HJVFaEg {
      color:white;
      height:34px;
      font-size:14px;
      background:var(--primary-base);
    }

    .o-inbox-chat-input\:3rOh5p4xlFe0p6HJVFaEg:disabled {
      color:var(--text-white);
      background:var(--primary-darker);
    }

    .o-inbox-chat-input\:6yleK8hR0CaM6Vxu9gY25 {
      width:16px;
      height:16px;
    }

    .o-inbox-chat-input\:70XiwP7UAhupv3bFfxyls {
      display:flex;
      row-gap:2px;
      column-gap:2px;
      max-height:259px;
      overflow-y:auto;
      flex-direction:column;
    }

    .bZYcKv {
      width:12px;
    }

    .dlSmPg {
      display:flex;
      row-gap:0.25rem;
      column-gap:0.25rem;
      flex-direction:row;
    }

    .bZORhz {
      max-height:100%;
      overflow-y:auto;
    }

    .eooFSC {
      top:0px;
      width:fit-content;
      position:sticky;
    }

    .dLnBJA {
      cursor:pointer;
      padding:0.5rem;
    }

    .dLnBJA:hover {
      background-color:#ffffff26;
    }

    .bpleIn {
      top:100%;
      z-index:1;
      position:absolute;
      margin-top:0.25rem;
      border-color:#D4D4D4;
      border-style:solid;
      border-width:1px;
      background-color:#ffffffff;
    }

    .cAQppO {
      gap:0.5rem;
      cursor:pointer;
      padding:0.5rem;
      font-size:0.875rem;
      align-items:center;
      flex-direction:row;
      justify-content:start;
      background-color:#FFF;
    }

    .ffbLhs {
      flex:1;
    }

    .cnNkNx {
      top:0.2rem;
      right:1rem;
      z-index:2;
      position:absolute;
    }

    .o-inbox-chat-input\:9-T64FdBA9BDskWRdQMG2 {
      color:var(--text-strong);
      height:100%;
      font-size:16px;
      background:transparent;
      font-family:"Geist";
      border-color:transparent;
      border-style:solid;
      border-width:1px;
    }

    .jkRmQ {
      gap:12px;
      width:100%;
      border:none;
      cursor:pointer;
      display:flex;
      background:none;
      text-align:left;
      transition:background 0.15s ease;
      align-items:center;
      padding-top:8px;
      padding-left:12px;
      border-radius:8px;
      padding-right:12px;
      flex-direction:row;
      padding-bottom:8px;
    }

    .jkRmQ.selected {
      background:var(--primary-alpha-10);
    }

    .jkRmQ:hover {
      background:var(--primary-alpha-10);
    }

    .o-emoji-picker-manual\:emojiGrid {
      max-height:250px;
      overflow-y:auto;
    }

    .ejsRzb {
      cursor:pointer;
      display:flex;
      font-size:20px;
      background:transparent;
      align-items:center;
      padding-top:0.5rem;
      border-width:0px;
      flex-direction:row;
      padding-bottom:0.5rem;
      justify-content:center;
      transition-duration:0.2s;
      transition-property:all;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .ejsRzb:hover {
      transform:scale(1.1);
      background:#f3f4f6;
    }

    .cDjBuc {
      font-size:14px;
      padding-top:0.5rem;
      border-color:#e5e7eb;
      border-style:solid;
      border-width:1px;
      padding-left:0.75rem;
      outline-style:none;
      padding-right:0.75rem;
      padding-bottom:0.5rem;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .o-emoji-picker-manual\:categoryTabs {
      overflow-x:auto;
      overflow-y:auto;
    }

    .o-emoji-picker-manual\:7VZMZHWmzsVELnNwc9GSf {
      width:fit-content;
      background:var(--bg-white);
      margin-top:1.5rem;
    }

    .cQiPSk {
      cursor:pointer;
      font-size:12px;
      background:[object Object];
      font-weight:500;
      padding-top:0.5rem;
      white-space:nowrap;
      border-color:var(--stroke-sub);
      border-style:solid;
      border-width:1px;
      padding-left:0.75rem;
      padding-right:0.75rem;
      letter-spacing:-0.1px;
      padding-bottom:0.5rem;
      transition-duration:0.2s;
      transition-property:all;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .cQiPSk.selected {
      color:white;
      background:var(--primary-base);
      border-color:transparent;
      border-style:solid;
      border-width:1px;
    }

    .fcPVOt {
      gap:0.5rem;
      display:flex;
      flex-direction:row;
      padding-bottom:0.5rem;
    }

    .eCQHyr {
      gap:1rem;
      color:var(--text-strong);
      display:flex;
      max-width:400px;
      background:var(--bg-white);
      box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      font-family:Geist;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:1rem;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .ccZdPo {
      display:inline;
      font-size:24px;
      font-family:inherit;
      font-weight:inherit;
    }

    .bFXnuo {
      gap:0.5rem;
      display:grid;
      grid-template-columns:repeat(auto-fill, minmax(25px, 1fr));
    }

    .efiKLC {
      width:24px;
    }

    .o-emoji-picker-manual\:jjGBzY2CQMnfQGIGzFXBB {
      width:fit-content;
      height:fit-content;
      background:transparent;
      padding-top:0px;
      border-color:transparent;
      border-style:solid;
      border-width:0px;
      padding-left:0px;
      outline-color:transparent;
      outline-style:solid;
      outline-width:0px;
      padding-right:0px;
      padding-bottom:0px;
    }

    .NkVuY {
      color:var(--text-sub);
      width:40px;
      cursor:pointer;
      height:40px;
      display:flex;
      background:var(--bg-white);
      align-items:center;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      justify-content:center;
      border-top-left-radius:0.5rem;
      border-top-right-radius:0.5rem;
      border-bottom-left-radius:0.5rem;
      border-bottom-right-radius:0.5rem;
    }

    .o-inbox-chat-input\:FdGSnkwnfCCC3I_fyyQQ- {
      border-color:transparent;
      border-style:solid;
      border-width:1px;
    }

    .o-inbox-chat-input\:G3qDCZfwm6fmZGZKIbOW4 {
      color:var(--icon-sub);
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-chat-input\:KAPMV6g36PqDuOG8GJAEN {
      color:white;
      width:30px;
      height:30px;
      display:flex;
      background:var(--primary-base);
      align-items:center;
      padding-top:0.5rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      justify-content:center;
      border-top-left-radius:9999px;
      border-top-right-radius:9999px;
      border-bottom-left-radius:9999px;
      border-bottom-right-radius:9999px;
    }

    .o-inbox-chat-input\:KAPMV6g36PqDuOG8GJAEN:hover {
      background:var(--primary-darker);
    }

    .o-inbox-chat-input\:KKldC7rmVH5olzNZ2ZV0h {
      color:var(--icon-sub);
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .culHVO {
      color:#666;
      overflow:hidden;
      font-size:12px;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .byqPnS {
      color:#999;
      padding:4px 8px;
      font-size:12px;
      font-weight:600;
      text-transform:uppercase;
    }

    .bFbJhp {
      color:var(--text-strong);
      width:100%;
      display:flex;
      background:var(--bg-white);
      font-family:"Geist", sans-serif;
      flex-direction:column;
    }

    .o-inbox-chat-input\:R1UBU1TXd-ZRZBSFfveWq {
      width:250px;
      border:1px solid #eee;
      background:var(--bg-white);
      padding-top:0px;
      padding-left:0px;
      border-radius:12px;
      padding-right:0px;
      padding-bottom:0px;
    }

    .o-inbox-chat-input\:Rp5L6N4jSAm1zaix1jOsY {
      width:16px;
      height:16px;
    }

    .o-inbox-chat-input\:Up9wHeA4dEjkizsmmiZmx {
      color:var(--icon-sub);
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-chat-input\:V6CAQhMfqsZKAoUg8qFXI {
      height:auto;
      padding-right:tt;
      scrollbar-width:none;
    }

    .o-inbox-chat-input\:V6CAQhMfqsZKAoUg8qFXI::-webkit-scrollbar {
    width: 0;
    }

    .dlfAlk {
      color:white;
      width:28px;
      height:28px;
      display:flex;
      font-size:12px;
      background:var(--primary-base);
      align-items:center;
      flex-shrink:0;
      font-weight:600;
      border-radius:50%;
      justify-content:center;
    }

    .biAxHg {
      color:var(--text-strong);
      width:100%;
      border:none;
      height:100%;
      resize:none;
      display:block;
      outline:none;
      font-size:14px;
      background:transparent;
      min-height:1px;
      word-break:break-word;
      line-height:20px;
      padding-top:0px;
      white-space:pre-wrap;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }

    .dqiyvX {
      cursor:pointer;
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      padding-top:0.25rem;
      padding-left:0.75rem;
      padding-right:0.75rem;
      padding-bottom:0.25rem;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .dqiyvX:hover {
      background:var(--bg-weak);
    }

    .o-inbox-chat-input\:_11HRHB011i8RXp9Q3gCV {
      border:1px solid #eee;
      padding:8px;
      background:var(--bg-white);
      border-radius:12px;
    }

    .frukiJ {
      font-style:normal;
      padding-top:0.5rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .o-inbox-chat-input\:btKZNOAkBVXD2ir6Ph8iD {
      max-height:400px;
    }

    .o-inbox-chat-input\:e8cUsnn3hb89totJGpC1S {
      color:var(--text-sub);
      width:30px;
      height:30px;
      display:flex;
      background:var(--bg-weak);
      align-items:center;
      padding-top:0.5rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      justify-content:center;
      border-top-left-radius:9999px;
      border-top-right-radius:9999px;
      border-bottom-left-radius:9999px;
      border-bottom-right-radius:9999px;
    }

    .o-inbox-chat-input\:e8cUsnn3hb89totJGpC1S:hover {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-chat-input\:hSJ8iJMRMthdvNWP4norp {
      color:var(--text-sub);
      width:30px;
      height:30px;
      display:flex;
      background:var(--bg-weak);
      align-items:center;
      padding-top:0.5rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      justify-content:center;
      border-top-left-radius:9999px;
      border-top-right-radius:9999px;
      border-bottom-left-radius:9999px;
      border-bottom-right-radius:9999px;
    }

    .o-inbox-chat-input\:hSJ8iJMRMthdvNWP4norp:hover {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-chat-input\:kzyqzGT4GOmarPuaHUWrG {
      color:var(--text-sub);
      width:30px;
      cursor:pointer;
      height:30px;
      display:flex;
      background:var(--bg-weak);
      align-items:center;
      padding-top:0.5rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      justify-content:center;
      border-top-left-radius:9999px;
      border-top-right-radius:9999px;
      border-bottom-left-radius:9999px;
      border-bottom-right-radius:9999px;
    }

    .o-inbox-chat-input\:kzyqzGT4GOmarPuaHUWrG:hover {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-chat-input\:mD8LYSXJymt_RTyISftLI {
      min-width:550px;
      background:var(--bg-white);
      padding-top:0px;
      border-color:transparent;
      border-style:solid;
      border-width:1px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .eBBTLS {
      width:100%;
      border:none;
      cursor:pointer;
      display:flex;
      row-gap:6px;
      font-size:14px;
      background:none;
      column-gap:6px;
      text-align:left;
      align-items:center;
      padding-top:6px;
      padding-left:6px;
      border-radius:8px;
      padding-right:6px;
      flex-direction:row;
      padding-bottom:6px;
      justify-content:flex-start;
    }

    .eBBTLS:hover {
      background:var(--bg-weak);
    }

    .eLGpYB {
      flex:1;
      display:flex;
      font-size:14px;
      min-width:0px;
      flex-direction:column;
    }

    .o-inbox-chat-input\:nCI3EJubto7FFiJhh34zb {
      max-height:120px;
      min-height:30px;
      overflow-y:auto;
      padding-top:8px;
      border-color:var(--primary-alpha-24);
      border-style:solid;
      border-width:1px;
      padding-left:8px;
      padding-right:8px;
      padding-bottom:8px;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .o-inbox-chat-input\:nCI3EJubto7FFiJhh34zb:focus-within {
      border-color:var(--primary-base);
      border-style:solid;
      border-width:1px;
    }

    .o-inbox-chat-input\:niBrQnWztZjomg09ivWkp {
      color:var(--text-sub);
      width:30px;
      height:30px;
      display:flex;
      background:var(--bg-weak);
      align-items:center;
      padding-top:0.5rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      justify-content:center;
      border-top-left-radius:9999px;
      border-top-right-radius:9999px;
      border-bottom-left-radius:9999px;
      border-bottom-right-radius:9999px;
    }

    .o-inbox-chat-input\:niBrQnWztZjomg09ivWkp:hover {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-chat-input\:qGUrWOcg5vC18SM1F-KPu {
      color:var(--text-sub);
      width:30px;
      cursor:pointer;
      height:30px;
      display:flex;
      background:var(--bg-weak);
      align-items:center;
      padding-top:0.5rem;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:0.5rem;
      justify-content:center;
      border-top-left-radius:9999px;
      border-top-right-radius:9999px;
      border-bottom-left-radius:9999px;
      border-bottom-right-radius:9999px;
    }

    .o-inbox-chat-input\:qGUrWOcg5vC18SM1F-KPu:hover {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-chat-input\:rJUuqPd2yYEgU8EKgZlJa {
      color:var(--icon-sub);
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .cdVBnZ {
      gap:8px;
      width:100%;
      border:none;
      cursor:pointer;
      display:flex;
      padding:8px;
      row-gap:6px;
      font-size:14px;
      background:none;
      column-gap:6px;
      text-align:left;
      align-items:center;
      padding-top:6px;
      padding-left:6px;
      border-radius:8px;
      padding-right:6px;
      flex-direction:row;
      padding-bottom:6px;
      justify-content:flex-start;
    }

    .cdVBnZ:hover {
      background:var(--bg-weak);
    }

    .fuPLsD {
      display:flex;
      overflow:hidden;
      background:var(--bg-white);
      font-family:"Geist";
      border-color:var(--text-strong);
      border-style:solid;
      border-width:1px;
      border-radius:12px;
      flex-direction:column;
    }

    @media (max-width: 640px) {

    .fuPLsD {
      width:calc(100vw-32px);
      margin:16px;
    }
    }

    .bjuqMW {
      padding:8px 0;
      overflow-y:auto;
    }

    .o-chat-ai-improve\:GIEUcZevPL-plY43FeFCI {
      width:16px;
      height:16px;
    }

    .bCOwLY {
      color:white;
      padding:2px 6px;
      background:var(--primary-base);
      border-radius:4px;
    }

    .exVXeK {
      color:#8b949e;
      flex-shrink:0;
    }

    .cPRAgV {
      color:inherit;
      width:24px;
      height:24px;
      display:flex;
      align-items:center;
      flex-shrink:0;
      justify-content:center;
    }

    .rMkqa {
      flex:1;
      color:#c9d1d9;
      width:100%;
      border:none;
      outline:none;
      padding:0px;
      font-size:15px;
      background:transparent;
    }

    .rMkqa::placeholder {
      color:#484f58;
    }

    .GeXZo {
      gap:4px;
      color:var(--text-sub);
      display:flex;
      align-items:center;
      flex-direction:row;
    }

    .o-chat-ai-improve\:f67IjbShF7aXtgDbLbXs4 {
      width:16px;
      height:16px;
    }

    .emRVom {
      color:inherit;
      font-size:14px;
      font-weight:400;
    }

    .cysqEM {
      gap:12px;
      height:56px;
      display:flex;
      padding:0 16px;
      align-items:center;
      flex-direction:row;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .dFexWB {
      gap:12px;
      color:var(--text-strong);
      cursor:pointer;
      display:flex;
      padding:10px 16px;
      transition:background 0.1s ease;
      align-items:center;
      flex-direction:row;
    }

    .dFexWB.selected {
      color:white;
      background:var(--primary-base);
    }

    .VfKQe {
      gap:16px;
      color:#8b949e;
      display:flex;
      padding:12px 16px;
      font-size:12px;
      background:var(--bg-weak);
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
      border-top-color:var(--stroke-soft);
      border-top-style:solid;
      border-top-width:1px;
    }

    .dDUCpo {
      height:50px;
    }

    .o-inbox-chat-input\:zggsjGOVvpEEsQqayBp-H {
      left:0px;
      width:300px;
      background:var(--bg-white);
      border-color:transparent;
      border-style:solid;
      border-width:1px;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .dxYYak {
      display:flex;
      row-gap:8px;
      column-gap:8px;
      align-items:center;
      padding-top:8px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:8px;
      justify-content:flex-start;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .dSzwnV {
      display:grid;
      row-gap:0.5rem;
      column-gap:0.5rem;
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
      grid-template-columns:repeat(2,1fr);
    }

    .dxbpot {
      flex:1;
      display:flex;
      background:var(--bg-white);
      overflow-y:auto;
      align-items:center;
      justify-content:center;
    }

    .so-unified-inbox\:RYI68iEKrxkvGEitKoT8- {
      flex:1;
      min-height:1px;
    }

    .cAmDxX {
      display:flex;
      align-items:center;
      padding-top:0.25rem;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:0.25rem;
      justify-content:space-between;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .byWaa {
      color:var(--text-strong);
      font-size:1.5rem;
      font-family:Geist;
      font-weight:500;
    }

    .egSfRz {
      width:var(--width);
      display:flex;
      min-width:335px;
      background:var(--bg-white);
      align-items:center;
      flex-shrink:0;
      border-right:1px solid var(--stroke-soft);
      justify-content:center;
    }

    .dqxmbZ {
      flex:1;
      display:flex;
      overflow:hidden;
      background:var(--bg-white);
      flex-direction:column;
    }

    .bOJfRd {
      flex:1;
      display:flex;
      row-gap:1rem;
      background:var(--bg-white);
      column-gap:1rem;
      min-height:1px;
      padding-top:0rem;
      padding-left:0rem;
      padding-right:0rem;
      flex-direction:row;
      padding-bottom:0rem;
    }

    .o-inbox-filters\:-2KiKH6hZD5kEQlJovKym {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:-2KiKH6hZD5kEQlJovKym.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:-37oGHTCQDeA8mpb4OArQ {
      max-height:200px;
    }

    .JTRvy {
      height:fit-content;
      row-gap:8px;
      column-gap:8px;
    }

    .o-inbox-filters\:0OIQrfR60Kpy6cFW1cRy- {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:0OIQrfR60Kpy6cFW1cRy-.is-active {
      color:white;
      background:var(--primary-base);
    }

    .dyTXXy {
      color:var(--text-soft);
      font-size:12px;
      font-family:Geist;
      font-weight:500;
      letter-spacing:2px;
      text-transform:uppercase;
    }

    .o-inbox-filters\:25g4eUvU24J-1zEB_WiP3 {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:25g4eUvU24J-1zEB_WiP3.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:2BgQjCVaKTT558ZsjOC_- {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:2BgQjCVaKTT558ZsjOC_-.is-active {
      color:white;
      background:var(--primary-base);
    }

    .cpbybl {
      color:var(--text-soft);
      font-size:10px;
      font-style:italic;
      font-family:Geist;
      font-weight:500;
    }

    .cREZGR {
      width:100%;
      display:flex;
      row-gap:8px;
      flex-wrap:wrap;
      column-gap:8px;
      flex-direction:row;
      grid-template-columns:repeat(3,1fr);
    }

    .o-inbox-filters\:6cwW9j4GPPk4kd-qvhSCX {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:6cwW9j4GPPk4kd-qvhSCX.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:7O2ZpxHSS9tu15Dsx6AjW {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:7O2ZpxHSS9tu15Dsx6AjW.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:8VbgnJPQjMVn3ehWbvKeC {
      max-height:200px;
    }

    .o-inbox-filters\:8h-Yuz6BFLnjFpnfogcao {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:8h-Yuz6BFLnjFpnfogcao.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:8tO-IyrovlUgWWWONjK2W {
      width:100%;
    }

    .o-inbox-filters\:9x-sm6xmo1dxOAmZtg6_Y {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:9x-sm6xmo1dxOAmZtg6_Y.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:ChESnqUY03hK68aHGIfY- {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:ChESnqUY03hK68aHGIfY-.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:DBx4TyzU9YS_Q7OeCKJlH {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:DBx4TyzU9YS_Q7OeCKJlH.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:DW4frlYhjXyLUVpmSw1XB {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:DW4frlYhjXyLUVpmSw1XB.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:EIndkm29BlFdL6eV_YSfs {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:EIndkm29BlFdL6eV_YSfs.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:EK3AYAkIAZYFcCW9O_lFp {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:EK3AYAkIAZYFcCW9O_lFp.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:FJp7lfWC2wAigVOkJG57i {
      width:100%;
    }

    .o-inbox-filters\:G7Vk0ZbCTSzQMxHiJyM9l {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:G7Vk0ZbCTSzQMxHiJyM9l.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:I61XgEWkrkSNLHyLNkJYb {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:I61XgEWkrkSNLHyLNkJYb.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:J_jYz5zgQQO7y_vuGlcwN {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:J_jYz5zgQQO7y_vuGlcwN.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:JdkXIA2is2WSwT57OH_Uf {
      flex:1;
    }

    .o-inbox-filters\:KGY7NAD453Uxub-_LPuqX {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:KGY7NAD453Uxub-_LPuqX.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:Ka7b5HOwXIDro2Kia3NWl {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:Ka7b5HOwXIDro2Kia3NWl.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:M2QfJbMn2LN1GljHYvOdr {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:M2QfJbMn2LN1GljHYvOdr.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:N9o17FuUAAFLtg5ssXrVr {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:N9o17FuUAAFLtg5ssXrVr.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:OCmx2A9wZ0ac6yuJpf1jS {
      width:100%;
    }

    .o-inbox-filters\:OQ8Fc26X6dncfNWsjCp-1 {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:OQ8Fc26X6dncfNWsjCp-1.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:PEvZGy28YaOgeGipZpSeU {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:PEvZGy28YaOgeGipZpSeU.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:Qp9o4Z11i76-9YtKUD-BO {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:Qp9o4Z11i76-9YtKUD-BO.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:SCKz0N_p8Nr5uUI5uhsoh {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:SCKz0N_p8Nr5uUI5uhsoh.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:SErN4FJvCUpuCUCuRIH-s {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:SErN4FJvCUpuCUCuRIH-s.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:U9emzH-O4fzxzYuJYEORO {
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      position:relative;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .o-inbox-filters\:UG4bsesz_vT-O3cOL3BvX {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:UG4bsesz_vT-O3cOL3BvX.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:VgOWNOnqM0EpqAyfjZSgH {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:VgOWNOnqM0EpqAyfjZSgH.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:X9zDdPNufNHNzWAt7quzk {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:X9zDdPNufNHNzWAt7quzk.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:XLjip7iMviH2YmwCbohMj {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:XLjip7iMviH2YmwCbohMj.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:_PSyZBsKP1IrmLpjK-d1t {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:_PSyZBsKP1IrmLpjK-d1t.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:aNAEKCQIzwx6Ah-9EFH_t {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:aNAEKCQIzwx6Ah-9EFH_t.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:bBuCLFFFObfh2h9lzMCOw {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:bBuCLFFFObfh2h9lzMCOw.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:csm8THY3iMScuDzCDYxdL {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:csm8THY3iMScuDzCDYxdL.is-active {
      color:white;
      background:var(--primary-base);
    }

    .inMbt {
      display:flex;
      row-gap:0.75rem;
      column-gap:0.75rem;
    }

    .o-inbox-filters\:enJPkUVjTsRbJm_24I9rY {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:enJPkUVjTsRbJm_24I9rY.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:g2ZtAlpht4i41WpsvdPaU {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:g2ZtAlpht4i41WpsvdPaU.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:i4Ar-iLQ7yKlqa2E6TN5G {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:i4Ar-iLQ7yKlqa2E6TN5G.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:jx8yILlxdNzKTF2occZch {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:jx8yILlxdNzKTF2occZch.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:kBOwEDAXJAze04gkz8LVN {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:kBOwEDAXJAze04gkz8LVN.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:lb1EFABjiw_kJIO-apfMB {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:lb1EFABjiw_kJIO-apfMB.is-active {
      color:white;
      background:var(--primary-base);
    }

    .dCeWUn {
      flex:1;
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      min-height:1px;
      padding-top:1rem;
      margin-bottom:1rem;
      padding-bottom:1rem;
    }

    .deCmZE {
      flex:1;
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      min-height:1px;
      padding-top:1rem;
      padding-bottom:1rem;
    }

    .o-inbox-filters\:o3rQJUYN7aSfTNfefde-w {
      max-height:200px;
    }

    .o-inbox-filters\:pQuBtnBAD5FR7ykpjSgkW {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:pQuBtnBAD5FR7ykpjSgkW.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:pblPEOMC_QAwFdXx5WSNZ {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:pblPEOMC_QAwFdXx5WSNZ.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:qRNFbjH3vaewwXzR2qnwP {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:qRNFbjH3vaewwXzR2qnwP.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:rQ89CI1fOmyCPf9N-yJjU {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:rQ89CI1fOmyCPf9N-yJjU.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:rayhr12Rt8E0-hZUDJ0qu {
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      position:relative;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .o-inbox-filters\:sdVG4_qH-dMvjCpmHwoUF {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:sdVG4_qH-dMvjCpmHwoUF.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:tZpfKt4sxvhPF6pu7qYFT {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:tZpfKt4sxvhPF6pu7qYFT.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:tjaI3ym_G83ohRFfBihGK {
      flex:1;
    }

    .o-inbox-filters\:vAc60BLUaW8l9Apbw6IRe {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:vAc60BLUaW8l9Apbw6IRe.is-active {
      color:white;
      background:var(--primary-base);
    }

    .o-inbox-filters\:xggH96GX8oQT1nidGpv41 {
      color:var(--text-strong, #0E121B);
      width:100%;
      cursor:pointer;
      position:relative;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .o-inbox-filters\:yaJ4pi3BJFaR3jo3F8aF- {
      display:flex;
      min-width:100px;
      align-items:center;
      justify-content:center;
    }

    .o-inbox-filters\:yaJ4pi3BJFaR3jo3F8aF-.is-active {
      color:white;
      background:var(--primary-base);
    }

    .ejHpmV {
      display:inline;
      font-size:18px;
      font-family:inherit;
      font-weight:500;
    }

    .fDZfVy {
      display:flex;
      min-height:100%;
      align-items:center;
      padding-top:2rem;
      padding-left:2rem;
      padding-right:2rem;
      padding-bottom:2rem;
      justify-content:center;
    }

    .etfkth {
      flex:1;
      width:100%;
      min-height:1px;
    }

    .so-inbox-navigation\:1FGyO5RTu0irXFpVoRDjA {
      overflow-y:hidden;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .eSgpHb {
      color:var(--text-sub);
      width:100%;
      cursor:pointer;
      height:28px;
      display:flex;
      row-gap:6px;
      font-size:0.875rem;
      column-gap:6px;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      font-family:Geist;
      font-weight:400;
      padding-left:12px;
      padding-right:12px;
      flex-direction:row;
      justify-content:space-between;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .eSgpHb:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
    }

    .eSgpHb.active {
      color:var(--text-strong);
      background:var(--bg-weak);
    }

    .cRkiAJ {
      width:14px;
      cursor:pointer;
      height:16px;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .so-inbox-navigation\:3AuEpb5Yg_2oyWy_pDNJI {
      width:100%;
    }

    .so-inbox-navigation\:3sKNFfoYHYCtMf_y6siUB {
      width:16px;
      height:16px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .cMMQqS {
      color:white;
      width:16px;
      height:16px;
      display:flex;
      font-size:10px;
      background:var(--Pink-400);
      align-items:center;
      font-family:"Geist";
      font-weight:500;
      line-height:12px;
      padding-left:4px;
      padding-right:4px;
      justify-content:center;
      border-top-left-radius:1000px;
      border-top-right-radius:1000px;
      border-bottom-left-radius:1000px;
      border-bottom-right-radius:1000px;
    }

    .jkmmL {
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:500;
    }

    .cJIZWv {
      padding-left:12px;
      padding-right:12px;
    }

    .eoJCEp {
      row-gap:8px;
      column-gap:8px;
      padding-left:12px;
      padding-right:12px;
    }

    .so-inbox-navigation\:90VwNXXiamV6G5oAJmZRI {
      flex:1;
      min-height:1px;
      overflow-y:scroll;
    }

    .fpTzoS {
      height:28px;
      display:flex;
      row-gap:6px;
      column-gap:6px;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .dNOrEw {
      width:100%;
      height:100%;
      display:flex;
      background:var(--bg-white);
      font-family:Geist;
      flex-direction:row;
    }

    .cUNwiN {
      color:var(--bg-strong);
      width:300px;
      display:flex;
      row-gap:2rem;
      column-gap:2rem;
      padding-top:1rem;
      padding-left:24px;
      padding-right:24px;
      flex-direction:column;
      padding-bottom:1rem;
      border-right-color:var(--stroke-soft);
      border-right-style:solid;
      border-right-width:1px;
    }

    .eGszRF {
      flex:1;
      display:flex;
      padding-top:48px;
      padding-left:24px;
      padding-right:24px;
      flex-direction:column;
      padding-bottom:48px;
    }

    .Jpalo {
      gap:8px;
      display:flex;
      flex-direction:column;
    }

    .cOGofM {
      gap:12px;
      display:flex;
      align-items:center;
      flex-direction:row;
    }

    .dPBfqK {
      gap:24px;
      display:flex;
      flex-direction:column;
    }

    .fGksGS {
      color:var(--text-strong);
      margin:0px;
      font-size:24px;
      font-weight:500;
    }

    .ehLoJu {
      gap:32px;
      flex:1;
      width:100%;
      display:flex;
      max-width:600px;
      flex-direction:column;
    }

    .fweEsI {
      display:flex;
      row-gap:1rem;
      column-gap:1rem;
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    .dan-inboxes-add-team\:2mJCBRmeEPbGBPWUX7Jwp {
      width:fit-content;
      height:38px;
      display:flex;
      font-size:var(--label-sm);
      align-items:center;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      justify-content:center;
    }

    .qBDDp {
      flex:1;
      display:flex;
      align-items:center;
      padding-top:2rem;
      padding-bottom:2rem;
      justify-content:center;
    }

    .bwekRA {
      color:var(--text-sub);
      width:fit-content;
      font-size:14px;
    }

    .crqtvf {
      color:var(--text-white);
      width:36px;
      height:36px;
      display:flex;
      font-size:var(--label-sm);
      background:var(--primary-base);
      align-items:center;
      flex-shrink:0;
      font-weight:var(--medium);
      border-radius:var(--radius-full);
      justify-content:center;
    }

    .bvIwcU {
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .sqRTQ {
      color:var(--text-sub);
      display:table-cell;
      padding:12px 16px;
      font-size:var(--label-sm);
      text-align:left;
      font-weight:var(--medium);
    }

    .dan-inboxes-add-team\:9OUlaAfjgSsLqK9_v27RQ {
      height:38px;
    }

    .eYqFtw {
      width:1.5rem;
    }

    .eobWmu {
      display:table-cell;
      padding:12px 16px;
    }

    .bxdxeK {
      font-size:16px;
    }

    .ccXoSm {
      display:table-row;
      border-bottom:1px solid var(--stroke-soft);
    }

    .dan-inboxes-add-team\:Ghy4hKJy8SoX08rfEUbfn {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .bfEAZJ {
      color:var(--text-sub);
      display:table-cell;
      padding:12px 16px;
      font-size:14px;
    }

    .LKLwv {
      font-size:14px;
      white-space:break-spaces;
    }

    .lwgQr {
      display:table-row-group;
    }

    .fmVajR {
      gap:32px;
      flex:1;
      width:100%;
      height:100%;
      display:flex;
      max-width:600px;
      align-items:center;
      flex-direction:column;
      justify-content:center;
    }

    .kfTCR {
      border:1px solid var(--stroke-soft);
      height:fit-content;
      display:flex;
      overflow:hidden;
      max-height:calc(100vh - 400px);
      overflow-y:auto;
      border-radius:var(--radius-8);
    }

    .eiBdAm {
      width:fit-content;
      font-size:16px;
      font-family:Geist;
      font-weight:500;
    }

    .fqaecx {
      width:2px;
      height:40px;
      background:var(--bg-soft);
      margin-left:1.1rem;
      border-top-left-radius:999px;
      border-top-right-radius:999px;
      border-bottom-left-radius:999px;
      border-bottom-right-radius:999px;
    }

    .fqaecx.is-validated {
      background:var(--primary-base);
    }

    .cMuaHw {
      gap:4px;
      display:flex;
      font-size:medium;
      flex-direction:column;
    }

    .bOiTcx {
      font-weight:var(--medium);
    }

    .dcPWwK {
      width:20px;
    }

    .cmWiVX {
      color:var(--text-sub);
      width:40px;
      cursor:pointer;
      height:40px;
      display:flex;
      align-items:center;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:2px;
      justify-content:center;
      border-top-left-radius:999px;
      border-top-right-radius:999px;
      border-bottom-left-radius:999px;
      border-bottom-right-radius:999px;
    }

    .cmWiVX.is-validated {
      color:white;
      background:var(--primary-base);
      border-color:var(--primary-darker);
      border-style:solid;
      border-width:2px;
    }

    .dan-inboxes-add-team\:ZdtuSLMY8eC33PZsUDYFy {
      flex:1;
    }

    .dan-inboxes-add-team\:aKsKFDSMC-nfrqtx_HTr3 {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .ekPIWl {
      display:table-row;
    }

    .dan-inboxes-add-team\:dZhVpOlwPr9ltS55h2yMt {
      width:fit-content;
      height:38px;
      display:flex;
      font-size:var(--label-sm);
      align-items:center;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      justify-content:center;
    }

    .NcERi {
      color:var(--text-strong);
      font-size:var(--paragraph-m);
      font-weight:var(--medium);
    }

    .bLQqup {
      width:100%;
      display:table;
      border-collapse:collapse;
    }

    .dZWNBo {
      display:flex;
      align-items:flex-end;
      justify-content:flex-start;
    }

    .dan-inboxes-add-team\:j4QVK2mfV6Eqnc1v_kx14 {
      flex:1;
    }

    .dan-inboxes-add-team\:lWF_vCMdQEO5MqYNx0zkm {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .cINpcv {
      top:0px;
      display:table-header-group;
      z-index:1;
      position:sticky;
      background:var(--bg-weak);
    }

    .dan-inboxes-add-team\:osjZ6IZxooNY8CZjfXHpl {
      flex:1;
    }

    .bdnNsd {
      color:var(--text-soft);
      font-size:var(--paragraph-sm);
    }

    .dan-inboxes-add-team\:qeSMsHSUwO3-hqRn0QC2P {
      height:38px;
    }

    .fzDdNj {
      color:var(--text-sub);
      width:fit-content;
      cursor:pointer;
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .fzDdNj.is-selected {
      color:var(--text-strong);
    }

    .bZBozM {
      display:flex;
      row-gap:4px;
      column-gap:4px;
      flex-direction:column;
    }

    .YcEKq {
      gap:2px;
      display:flex;
      flex-direction:column;
    }

    .dXwZcq {
      width:40px;
      display:table-cell;
      padding:12px 16px;
      text-align:left;
    }

    .KAcXj {
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      text-align:center;
      align-items:center;
      flex-direction:column;
    }

    .eHGTjh {
      color:var(--text-soft);
      margin:0px;
      font-size:16px;
    }

    .so-inbox-navigation\:D0oXAi01fYAXg9WH2xMWH {
      width:100%;
      height:18px;
      max-width:50%;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-inbox-navigation\:FYVk490kwqqCDd8fgqJ09 {
      width:70vw;
      max-width:100vw;
      overflow-y:hidden;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      border-top-left-radius:1rem;
      border-top-right-radius:1rem;
      border-bottom-left-radius:1rem;
      border-bottom-right-radius:1rem;
    }

    .bDhNKZ {
      width:4px;
      height:4px;
      background:var(--label-color);
      border-top-left-radius:100px;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .czddeg {
      flex:1;
      height:18px;
    }

    .buUDyh {
      color:var(--text-sub);
      width:100%;
      cursor:pointer;
      height:28px;
      display:flex;
      row-gap:6px;
      font-size:0.875rem;
      column-gap:6px;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      font-family:Geist;
      font-weight:400;
      padding-left:12px;
      padding-right:12px;
      flex-direction:row;
      justify-content:space-between;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .bOUJAR {
      display:flex;
      row-gap:0.75rem;
      column-gap:0.75rem;
      transition:all 300ms ease;
      align-items:center;
      padding-top:0.5rem;
      padding-left:12px;
      padding-right:12px;
      flex-direction:row;
      padding-bottom:0.5rem;
      justify-content:flex-start;
      border-top-color:var(--stroke-soft);
      border-top-style:solid;
      border-top-width:1px;
    }

    .eMUfxg {
      gap:0px;
      display:flex;
      flex-direction:column;
    }

    .eNXCa-d {
      color:var(--text-sub);
      cursor:pointer;
      height:32px;
      display:flex;
      row-gap:6px;
      font-size:12px;
      column-gap:6px;
      transition:background 0.2s ease;
      align-items:center;
      font-family:"Geist";
      font-weight:500;
      padding-top:12px;
      padding-left:8px;
      border-radius:8px;
      padding-right:8px;
      flex-direction:row;
      letter-spacing:1px;
      padding-bottom:12px;
      justify-content:flex-start;
    }

    .eNXCa-d:hover {
      background:var(--bg-weak);
    }

    .AoLwo {
      flex:1;
      display:flex;
      row-gap:6px;
      column-gap:6px;
      flex-direction:row;
    }

    .cfAjix {
      display:flex;
      overflow:hidden;
      margin-top:0px;
      max-height:0px;
      transition:max-height 0.3s ease;
      flex-direction:column;
    }

    .cfAjix.open {
      max-height:1000px;
    }

    .WRJyk {
      color:var(--text-sub);
      font-size:0.75rem;
      font-style:normal;
      font-family:Inter;
      font-weight:400;
      line-height:1rem; /* 133.333% */;
      font-feature-settings:'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
      /* -paragraph/-x -small */:;
    }

    .so-inbox-navigation\:Qvh_PhT_XXyPVsvXI-uA1 {
      color:var(--icon-sub);
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .so-inbox-navigation\:Qvh_PhT_XXyPVsvXI-uA1:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
    }

    .so-inbox-navigation\:RrxDoO4ft1Urt0BxeuYxA {
      width:100%;
      height:18px;
      max-width:50%;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-inbox-navigation\:SVPGC1f7wrvrwT8zeEHAK {
      width:16px;
      height:16px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .dRdMLe {
      display:none;
      font-size:12px;
      font-family:inherit;
      font-weight:500;
    }

    .lgdNK {
      color:var(--text-strong);
      font-size:0.875rem;
      font-style:normal;
      font-family:Inter;
      font-weight:500;
      line-height:1.25rem; /* 142.857% */;
      letter-spacing:-0.00525rem;
    }

    .so-inbox-navigation\:WPzfXn_cHY1KaZckKABlo {
      width:16px;
      height:16px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .cgCytI {
      display:flex;
      align-items:center;
      padding-top:8px;
      padding-left:16px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:8px;
      justify-content:space-between;
    }

    .WLswV {
      row-gap:8px;
      column-gap:8px;
      padding-left:0px;
      padding-right:0px;
    }

    .cqrdab {
      color:var(--text-strong);
      font-size:18px;
      font-family:Geist;
      font-weight:500;
    }

    .so-inbox-navigation\:_hCNIeSO5oGiXoV2WlWLe {
      width:16px;
      height:16px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-inbox-navigation\:a6cRm89jLbwPZS6XAywqg {
      width:100%;
    }

    .errPqE {
      gap:24px;
      flex:1;
      color:var(--text-strong);
      display:flex;
      background:var(--bg-white);
      font-family:Geist;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:column;
    }

    .bqznfL {
      gap:12px;
      width:fit-content;
      display:flex;
      align-items:center;
      flex-direction:row;
    }

    .eBMYXW {
      color:#FB3748;
      font-size:12px;
    }

    .dFHOfZ {
      color:var(--Red-400);
      display:flex;
      row-gap:7px;
      font-size:15px;
      column-gap:7px;
      font-family:Geist;
      font-weight:normal;
      flex-direction:row;
    }

    .d-labels-add\:8cAtSNJyRRpqJY7VDQQNa {
      flex:1;
    }

    .LgDbZ {
      left:4px;
      width:24px;
      cursor:pointer;
      height:24px;
      position:absolute;
    }

    .d-labels-add\:BjT6tVPGv9GuIZTr1Q1Sp {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .eCbETt {
      color:var(--Red-400);
      display:inline;
      font-size:14px;
      font-family:Geist;
      font-weight:normal;
    }

    .fmBTq {
      left:0px;
      color:var(--text-sub);
      cursor:pointer;
      display:flex;
      row-gap:0.5rem;
      z-index:1;
      position:sticky;
      background:var(--bg-weak);
      column-gap:0.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:center;
    }

    .fmBTq.is-selected {
      color:var(--text-strong);
    }

    .bOWbqH {
      gap:12px;
      display:flex;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:1rem;
      justify-content:flex-end;
      border-top-color:var(--stroke-soft);
      border-top-style:solid;
      border-top-width:1px;
    }

    .d-labels-add\:MAZqiqDUBFdI_Pc1Hn8K8 {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .ejglNK {
      gap:8px;
      display:flex;
      padding-top:1rem;
      flex-direction:column;
    }

    .eMKoDS {
      gap:20px;
      display:flex;
      flex-direction:column;
    }

    .bslKtS {
      color:var(--text-strong);
      margin:0px;
      font-size:1.25rem;
      font-weight:500;
    }

    .cEudbC {
      color:var(--text-strong);
      width:120px;
      border:1px solid var(--stroke-soft);
      height:32px;
      font-size:14px;
      font-family:Geist;
      padding-top:0.625rem;
      padding-left:3rem;
      border-radius:var(--radius-8);
      padding-right:0.625rem;
      padding-bottom:0.625rem;
      background-color:var(--bg-white);
    }

    .d-labels-add\:qzH7bb7o4tcHhx5QuO6qs {
      flex:1;
      height:36px;
      font-size:14px;
    }

    .d-labels-add\:rE8wu6KFqao7q2xxhH7AB {
      flex:1;
    }

    .dtSqWm {
      gap:0.5rem;
      display:flex;
      align-items:center;
      flex-direction:row;
    }

    .d-labels-add\:uZ07yY710e_ctLyRCAz7u {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .d-labels-add\:xiEO01OZoFhpWJ82_dQr3 {
      flex:1;
      height:36px;
      font-size:14px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .d-labels-add\:yuLmWhlyCjiiX3E_w4ryR {
      flex:1;
    }

    .so-inbox-navigation\:e8jNvCxhqlHlUY4DtN_Wo {
      width:100%;
    }

    .so-inbox-navigation\:hKOIdWr0pStqBXGkxIlCR {
      width:100%;
      height:18px;
      max-width:50%;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-inbox-navigation\:hu2onac3vFLtD-kR_uk9- {
      display:none;
    }

    .so-inbox-navigation\:hzt41fgwYeX1HvsIaHGOI {
      display:none;
    }

    .zBccz {
      row-gap:.5rem;
      column-gap:.5rem;
      flex-direction:row;
    }

    .bsxnSg {
      color:var(--text-sub);
      width:100%;
      cursor:pointer;
      height:28px;
      display:flex;
      row-gap:6px;
      font-size:0.875rem;
      column-gap:6px;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      font-family:Geist;
      font-weight:500;
      padding-left:12px;
      padding-right:12px;
      flex-direction:row;
      justify-content:space-between;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .bsxnSg:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
    }

    .bsxnSg.active {
      color:var(--text-strong);
      background:var(--bg-weak);
    }

    .so-inbox-navigation\:o1xcbDW-Ib8t3NNOsx4SI {
      width:16px;
      height:16px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .kuDhW {
      flex:1  ;
      display:flex;
      row-gap:0.25rem;
      column-gap:0.25rem;
      align-items:flex-start;
      justify-content:center;
    }

    .so-inbox-navigation\:s6T3JOQ_Lufa_oc2cM6G9 {
      color:var(--icon-sub);
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .so-inbox-navigation\:s6T3JOQ_Lufa_oc2cM6G9:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
    }

    .so-inbox-navigation\:scRQlIbjTJEOkc7BnNe3D {
      width:16px;
      height:16px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-inbox-navigation\:uUVUNdAu49QA-xoC3NfO0 {
      width:16px;
      height:16px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-inbox-navigation\:wum9gbqCAj1LgsUs9ZF0Y {
      width:100%;
      height:18px;
      max-width:50%;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-inbox-navigation\:zibsajTrqKovaLi0VfmmZ {
      width:16px;
      height:16px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .cWuGyR {
      flex:1;
      min-height:1px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .so-unified-inbox\:p1k9gq4KSpfSiaHyGMWRu {
      height:36px;
      font-size:14px;
    }

    .so-unified-inbox\:pt7nmvsOsAeCCCtdUqci9 {
      height:36px;
      font-size:14px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .eJJARA {
      width:100%;
      height:100%;
      font-family:"Geist";
      flex-direction:column;
    }

    .bIdJKl {
      width:100%;
      display:flex;
      transition:all 700ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
      align-items:start;
      padding-top:8px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:column;
      padding-bottom:8px;
      justify-content:start;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .bIdJKl.is-guest-selected {
      row-gap:8px;
      column-gap:8px;
    }

    .brpvmZ {
      width:100%;
      display:flex;
      opacity:0;
      row-gap:4px;
      overflow:hidden;
      flex-wrap:wrap;
      column-gap:4px;
      max-height:0px;
      transition:opacity 700ms ease-in-out 0ms normal, max-height 700ms ease-in-out 0ms normal;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .brpvmZ.show-guest-filters {
      opacity:1;
      max-height:500px;
      padding-top:8px;
    }

    .cQOwaB {
      color:var(--text-sub);
      cursor:pointer;
      display:flex;
      row-gap:4px;
      font-size:14px;
      column-gap:4px;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      font-family:Geist;
      font-weight:450;
      padding-top:4px;
      padding-left:6px;
      padding-right:6px;
      flex-direction:row;
      padding-bottom:4px;
      justify-content:flex-start;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .cQOwaB:hover {
      background:var(--bg-weak);
    }

    .Zsa-dY {
      width:4px;
      height:4px;
      background:var(--bg-color);
      border-top-left-radius:100px;
      border-top-right-radius:100px;
      border-bottom-left-radius:100px;
      border-bottom-right-radius:100px;
    }

    .eiYpMv {
      width:100%;
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
    }

    .hqyHs {
      width:8px;
      height:8px;
      background:var(--color);
      border-top-left-radius:999px;
      border-top-right-radius:999px;
      border-bottom-left-radius:999px;
      border-bottom-right-radius:999px;
    }

    .fcSSgl {
      color:var(--text-sub);
      width:fit-content;
      cursor:pointer;
      display:flex;
      row-gap:0.5rem;
      font-size:0.875rem;
      column-gap:0.5rem;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      font-family:Geist;
      font-weight:500;
      padding-top:6px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:6px;
      justify-content:flex-start;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .fcSSgl:hover {
      background:var(--bg-weak);
    }

    .fcSSgl.is-active {
      color:var(--text-strong);
      background:var(--bg-weak);
    }

    .fcSSgl.is-small {
      font-size:0.875rem;
    }

    .so-active-chats-calls\:1D8GFPd3bJ3dxNp1LphHQ {
      color:var(--icon-sub);
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .so-active-chats-calls\:1D8GFPd3bJ3dxNp1LphHQ:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
    }

    .so-active-chats-calls\:4c80nN-UldqA2I5zVnRVf {
      color:var(--text-white);
      height:32px;
      background:var(--bg-strong);
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .deuOEo {
      row-gap:0px;
      flex-grow:1;
      column-gap:0px;
      flex-basis:0%;
      flex-shrink:1;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
    }

    .ccQhsz {
      flex:1;
      display:flex;
      row-gap:1rem;
      background:var(--bg-white);
      column-gap:1rem;
      align-items:center;
      padding-left:8px;
      padding-right:8px;
      flex-direction:row;
      justify-content:flex-start;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .eGgaPJ {
      height:50px;
      display:flex;
      align-items:center;
      padding-top:8px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:8px;
      justify-content:space-between;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .so-active-chats-calls\:9fFxnX5YX9U_N0g7hmGHs {
      color:var(--icon-sub);
      width:18px;
      height:18px;
    }

    .cWqSLD {
      width:100%;
      cursor:pointer;
      display:flex;
      row-gap:12px;
      column-gap:12px;
      transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1)  , background-color    , border-color    , text-decoration-color    , fill    , stroke    , all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:flex-start;
      padding-top:8px;
      border-color:transparent;
      border-style:solid;
      border-width:1px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:8px;
      justify-content:flex-start;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
      transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    }

    .cWqSLD:hover {
      background:var(--bg-weak);
    }

    .cWqSLD:last-child {
      border-bottom-width:0px;
    }

    .cWqSLD.is-selected {
      background:var(--bg-weak);
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .fwQCcz {
      flex:1;
      row-gap:6px;
      min-width:0px;
      column-gap:6px;
      flex-direction:column;
    }

    .eqCYSC {
      display:flex;
      row-gap:6px;
      flex-grow:1;
      column-gap:6px;
      align-items:center;
      flex-direction:row;
    }

    .so-inbox-skeleton\:DyeK3WAV8PJHLxive8P2_ {
      width:100px;
      height:14px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-inbox-skeleton\:FlFYO0wqfeF1pBbngrAbR {
      width:70%;
      height:14px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .bAYgjy {
      display:flex;
      row-gap:6px;
      min-width:100px;
      column-gap:6px;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .cBMmx {
      width:24px;
      height:24px;
    }

    .so-inbox-skeleton\:fd7WUP6DCrforFJrzlhvd {
      width:30%;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-inbox-skeleton\:o-TgcQu5NoxNSKZNOkS6H {
      width:100%;
      height:14px;
      border-top-left-radius:6px;
      border-top-right-radius:6px;
      border-bottom-left-radius:6px;
      border-bottom-right-radius:6px;
    }

    .so-inbox-skeleton\:qgKdo9qU1hrE5jtWqrtKF {
      border-top-left-radius:1000px;
      border-top-right-radius:1000px;
      border-bottom-left-radius:1000px;
      border-bottom-right-radius:1000px;
    }

    .bRpaMf {
      flex:1;
      row-gap:8px;
      min-width:0px;
      column-gap:8px;
    }

    .so-active-chats-calls\:DiYnEhe5Eds23LzfptoKn {
      height:100%;
      overflow-x:hidden;
      overflow-y:hidden;
    }

    .so-active-chats-calls\:JTmAWnT0NNSyayk_v4MHU {
      color:var(--icon-sub);
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .bsKhWB {
      color:var(--text-strong);
      display:flex;
      font-size:0.75rem;
      background:var(--bg-weak);
      align-items:center;
      padding-top:0.25rem;
      border-color:var(--stroke-sub);
      border-style:solid;
      border-width:1px;
      padding-left:0.5rem;
      padding-right:0.5rem;
      padding-bottom:0.25rem;
      justify-content:center;
      border-top-left-radius:0.5rem;
      border-top-right-radius:0.5rem;
      border-bottom-left-radius:0.5rem;
      border-bottom-right-radius:0.5rem;
    }

    .bsKhWB.selected {
      color:white;
      background:var(--primary-base);
    }

    .so-active-chats-calls\:O8vIPsN1hzhlCG7E6do4p {
      width:40vw;
      max-width:100vw;
      overflow-y:hidden;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      border-top-left-radius:20px;
      border-top-right-radius:20px;
      border-bottom-left-radius:20px;
      border-bottom-right-radius:20px;
    }

    .bQCsCo {
      display:flex;
      row-gap:0.25rem;
      column-gap:0.25rem;
      padding-top:10px;
      flex-direction:row;
      padding-bottom:10px;
    }

    .CvEVc {
      display:inline;
      font-size:0.875rem;
      font-family:inherit;
      font-weight:500;
    }

    .cYuXWK {
      font-family:"Geist";
    }

    .eeegCh {
      font-size:14px;
      font-style:italic;
      font-family:Geist;
      font-weight:500;
    }

    .bkuigz {
      cursor:pointer;
      height:fit-content;
      font-size:14px;
      background:var(--bg-weak);
      padding-top:4px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:8px;
      padding-right:8px;
      padding-bottom:4px;
      border-top-left-radius:999px;
      border-top-right-radius:999px;
      border-bottom-left-radius:999px;
      border-bottom-right-radius:999px;
    }

    .bkuigz.selected {
      color:white;
      background:var(--primary-base);
    }

    .bkuigz:hover {
      color:white;
      background:var(--primary-base);
    }

    .so-inbox-contact\:36LGM_5qy7BefgFByrZpW {
      background:var(--stroke-soft);
    }

    .bCfLOT {
      right:0px;
      width:fit-content;
      display:flex;
      row-gap:6px;
      position:absolute;
      column-gap:6px;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .dhbmaN {
      width:6px;
      height:6px;
      background:var(--convo-status);
      border-top-left-radius:99999px;
      border-top-right-radius:99999px;
      border-bottom-left-radius:99999px;
      border-bottom-right-radius:99999px;
    }

    .dHNUGg {
      display:flex;
      row-gap:0.15rem;
      font-size:8px;
      column-gap:0.15rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .OQbwq {
      width:100%;
      display:flex;
      row-gap:6px;
      column-gap:6px;
      align-items:center;
      flex-direction:row;
    }

    .bNHUCk {
      color:var(--text-sub);
      row-gap:0.25rem;
      column-gap:0.25rem;
      flex-direction:row;
    }

    .cVtiSx {
      color:var(--text-soft);
      font-size:12px;
      font-family:Geist;
      line-height:1rem;
    }

    .aayfi {
      color:white;
      width:14px;
      height:14px;
      display:flex;
      font-size:10px;
      background:var(--Pink-400);
      align-items:center;
      font-family:"Geist";
      font-weight:500;
      line-height:12px;
      padding-left:4px;
      padding-right:4px;
      justify-content:center;
      border-top-left-radius:1000px;
      border-top-right-radius:1000px;
      border-bottom-left-radius:1000px;
      border-bottom-right-radius:1000px;
    }

    .diSeqD {
      flex:1 1 0%;
      color:var(--text-soft);
      height:15px;
      display:block;
      overflow:hidden;
      font-size:0.875rem;
      min-width:0px;
      font-style:italic;
      margin-top:0.25rem;
      font-family:Geist;
      font-weight:400;
      line-height:0.875rem;
      white-space:nowrap;
      border-style:solid;
      border-width:0px;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .IBhEZ {
      display:flex;
      row-gap:8px;
      position:relative;
      column-gap:8px;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .so-inbox-contact\:I0WoFLPAHuBWvat1TaqUe {
      display:flex;
      row-gap:6px;
      column-gap:6px;
      flex-direction:row;
    }

    .so-inbox-contact\:SRszn3Ze9arJTX-MlnKZm {
      border-color:var(--category-color);
      border-style:solid;
      border-width:2px;
      border-top-left-radius:999999px;
      border-top-right-radius:999999px;
      border-bottom-left-radius:999999px;
      border-bottom-right-radius:999999px;
    }

    .dOLgQY {
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      flex-direction:row;
    }

    .so-inbox-contact\:V9RitZaxtCtRhM7w9ba_2 {
      color:var(--icon-sub);
      width:16px;
      cursor:pointer;
      height:16px;
      display:flex;
      background:var(--bg-white);
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      padding-top:0px;
      padding-left:0px;
      padding-right:0px;
      padding-bottom:0px;
      justify-content:center;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .so-inbox-contact\:VT-HWb-dzoqeNaJjglfVs {
      width:150px;
    }

    .byOyXc {
      flex:1;
      display:flex;
      row-gap:0.25rem;
      column-gap:0.25rem;
      flex-direction:row;
    }

    .cMuEhy {
      color:var(--primary-base);
      width:16px;
      height:16px;
    }

    .dAQIFn {
      width:5px;
      height:5px;
      background:var(--convo-status);
      border-top-left-radius:99999px;
      border-top-right-radius:99999px;
      border-bottom-left-radius:99999px;
      border-bottom-right-radius:99999px;
    }

    .so-inbox-contact\:aElIyQCg5GI4djf9aBAJ7 {
      color:white;
      background:var(--primary-base);
    }

    .ePbnMa {
      color:var(--text-soft);
      width:100%;
      height:15px;
      display:block;
      overflow:hidden;
      font-size:0.875rem;
      min-width:0px;
      margin-top:0.25rem;
      font-family:Geist;
      font-weight:400;
      line-height:0.875rem;
      white-space:nowrap;
      border-style:solid;
      border-width:0px;
      text-overflow:ellipsis;
      flex-direction:row;
    }

    .fgtXSB {
      color:var(--text-strong);
      width:100%;
      display:block;
      font-size:0.875rem;
      min-width:0px;
      overflow-x:hidden;
      overflow-y:hidden;
      font-family:Geist;
      font-weight:500;
      line-height:16px;
      white-space:nowrap;
      text-overflow:ellipsis;
    }

    .dxXTWY {
      color:white;
      width:16px;
      height:16px;
      display:flex;
      font-size:7px;
      background:var(--Pink-400);
      align-items:center;
      font-family:"Geist";
      font-weight:500;
      line-height:12px;
      padding-left:4px;
      padding-right:4px;
      justify-content:center;
      border-top-left-radius:1000px;
      border-top-right-radius:1000px;
      border-bottom-left-radius:1000px;
      border-bottom-right-radius:1000px;
    }

    .so-inbox-contact\:hi60G89LdHmxHSV4SNg4V {
      display:flex;
      row-gap:6px;
      column-gap:6px;
      flex-direction:row;
    }

    .cLJXDM {
      color:var(--text-strong);
      width:24px;
      height:24px;
      display:flex;
      font-size:14px;
      background:var(--bg-weak);
      align-items:center;
      font-family:Geist;
      font-weight:500;
      border-style:solid;
      border-width:0px;
      border-radius:9999px;
      flex-direction:row;
      justify-content:center;
    }

    .cmlKfn {
      color:#ffffff;
      width:12px;
      height:12px;
    }

    .bToamj {
      width:14px;
      height:14px;
      display:flex;
      background:var(--bg-white);
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      padding-top:2px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:2px;
      padding-right:2px;
      padding-bottom:2px;
      justify-content:center;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
    }

    .bToamj.clicked {
      background:var(--success-base);
    }

    .so-inbox-contact\:ijqB4DOBd1iAnyjFBaZno {
      background:var(--bg-white);
    }

    .bpVNTF {
      width:100%;
      cursor:pointer;
      display:flex;
      row-gap:12px;
      column-gap:12px;
      max-height:150px;
      transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1)  , background-color    , border-color    , text-decoration-color    , fill    , stroke    , all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:flex-start;
      padding-top:8px;
      border-color:transparent;
      border-style:solid;
      border-width:1px;
      padding-left:8px;
      padding-right:8px;
      flex-direction:row;
      padding-bottom:8px;
      justify-content:flex-start;
      border-top-left-radius:0px;
      border-top-right-radius:0px;
      border-bottom-left-radius:0px;
      border-bottom-right-radius:0px;
      transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    }

    .bpVNTF:hover {
      background:var(--bg-weak);
    }

    .bpVNTF:last-child {
      border-bottom-width:0px;
    }

    .bpVNTF.is-selected {
      background:var(--bg-weak);
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .so-inbox-contact\:sPv8PpEoIlVLMid_Pt8C0 {
      display:flex;
      row-gap:6px;
      column-gap:6px;
      flex-direction:row;
    }

    .eya-dEY {
      display:flex;
      row-gap:0.25rem;
      column-gap:0.25rem;
      flex-direction:column;
    }

    .fnmuPB {
      width:70%;
      display:flex;
      align-items:center;
      margin-right:1rem;
      text-overflow:ellipsis;
      flex-direction:row;
      justify-content:space-between;
    }

    .cHBios {
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      align-items:flex-start;
      flex-direction:column;
      justify-content:flex-start;
    }

    .so-active-chats-calls\:dOTAqwLnk7WW82nUVQw6v {
      color:var(--icon-sub);
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .so-active-chats-calls\:dOTAqwLnk7WW82nUVQw6v:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
    }

    .dEArtb {
      width:100%;
      height:100%;
      display:flex;
      overflow:hidden;
      position:relative;
      background:var(--bg-white);
      font-family:Geist;
      border-radius:0.75rem;
      flex-direction:column;
    }

    .fgnDQL {
      gap:0.75rem;
      display:flex;
      flex-direction:row;
    }

    .d-add-contacts\:modal-body {
      flex:1;
      height:100%;
      overflow-y:auto;
    }

    .bRDpyg {
      color:var(--text-strong);
      font-size:1.125rem;
      font-weight:500;
      line-height:1.5rem;
    }

    .bLhKZP {
      display:flex;
      padding:1rem;
      column-gap:0.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-end;
      border-top-color:var(--stroke-soft);
      border-top-style:solid;
      border-top-width:1px;
    }

    .SlRgv {
      display:flex;
      padding:1rem;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .ciLDwc {
      color:var(--text-strong);
      font-size:0.875rem;
      font-weight:600;
      line-height:1.25rem;
      text-transform:uppercase;
    }

    .crSETi {
      gap:1rem;
      display:flex;
      flex-direction:column;
    }

    .clMhlU {
      height:100%;
      display:flex;
      padding:1.5rem;
      row-gap:1.5rem;
      flex-direction:column;
    }

    .d-add-contacts\:0D_eforXMmmj4Z2kcAdBI {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .a-ddEi {
      gap:8px;
      display:flex;
      align-items:center;
      flex-direction:row;
    }

    .d-add-contacts\:5ym4B5p8flD-Mh_08vllN {
      flex:1;
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .d-add-contacts\:6D-yzARumriJVMkdwzoxw {
      flex:1;
    }

    .d-add-contacts\:7CPEBQ5WhludXOBA2o0Fu {
      color:var(--text-strong,#0E121B);
      width:100%;
      cursor:pointer;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .ecmiwT {
      width:100%;
      background:var(--bg-white);
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      border-top-left-radius:0.5rem;
      border-top-right-radius:0.5rem;
      border-bottom-left-radius:0.5rem;
      border-bottom-right-radius:0.5rem;
    }

    .d-add-contacts\:83CLPM8blxmMPlK4E6RTO {
      flex:1;
    }

    .d-add-contacts\:9l5_4EB7mvXd6_fGKFJhw {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .d-add-contacts\:Ah9YpM96_JwGySDdXswqO {
      width:100%;
      row-gap:1rem;
      column-gap:1rem;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
      border-bottom-left-radius:8px;
      border-bottom-right-radius:8px;
    }

    .dcucQc {
      flex:1;
      display:flex;
      row-gap:0.5rem;
      column-gap:0.5rem;
      flex-direction:column;
    }

    .d-add-contacts\:DY3ecmzkpEEbxDMYOSIv3 {
      flex:1;
    }

    .bnwLsx {
      color:#cbd5e0;
      width:1.25rem;
      height:1.25rem;
      display:flex;
      align-items:center;
      border-style:solid;
      border-width:0px;
      border-radius:0.25rem;
      flex-direction:row;
      justify-content:center;
      transition-duration:150ms;
      transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
      transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    }

    .bnwLsx:hover {
      color:#718096;
    }

    .bnwLsx:focus {
      outline:none;
      box-shadow:0 0 0 2px var(--tw-ring-color);
      --tw-ring-color:#4299e1;
      --tw-ring-shadow:0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      --tw-ring-offset-width:2px;
      --tw-ring-offset-shadow:0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }

    .d-add-contacts\:DreF0j-KvhSUpgoG3dxBP {
      flex:1;
    }

    .d-add-contacts\:GMnYJsG9nt8wgQ9uzw3ij {
      color:var(--text-strong,#0E121B);
      width:100%;
      cursor:pointer;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .d-add-contacts\:GpgSOB_iP-iWtmJGYBPIH {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .d-add-contacts\:JTCzrer_2wFBmGa46wJ2T {
      flex:1;
    }

    .d-add-contacts\:K7bTy-bvbMhyCCQHxUeZc {
      flex:1;
    }

    .cumREH {
      color:inherit;
      display:flex;
      row-gap:0.5rem;
      font-size:inherit;
      column-gap:0.5rem;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      flex-direction:row;
      justify-content:flex-start;
    }

    .d-add-contacts\:RLEMFFBmMcBaqL1_kyE6g {
      flex:1;
    }

    .d-add-contacts\:U-bmz8a2Q5kAqDMFCYf4_ {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .d-add-contacts\:VWdH0nDLeuFxZb0Jz7sZi {
      row-gap:4px;
      column-gap:4px;
    }

    .d-add-contacts\:W8AEChxds3_Co_exnlqyq {
      flex:1;
    }

    .d-add-contacts\:YZQL2tCDo6sSPjNLvb5GZ {
      background:var(--stroke-soft);
    }

    .fGTYek {
      width:8px;
      height:8px;
      background:var(----dot-color);
      border-radius:50%;
    }

    .d-add-contacts\:a5J7luImQv_yp9RXzDvsb {
      color:var(--text-strong,#0E121B);
      width:100%;
      cursor:pointer;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .fknzcD {
      color:var(--error-base);
      width:14px;
      cursor:pointer;
    }

    .d-add-contacts\:djQ7X1VKSSZfrsSweCWfH {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .bFDUKj {
      display:flex;
      row-gap:1.5rem;
      column-gap:1.5rem;
    }

    .d-add-contacts\:i50cbFQ_UCPPq7jJDX9qp {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .d-add-contacts\:j2amsd-CK2z8QF7EutWvq {
      flex:1;
    }

    .d-add-contacts\:kosqEOa0-wy2Tzo3UkVkb {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .dTMyGQ {
      color:var(--text-sub);
      display:inline;
      font-size:14px;
      font-family:inherit;
      font-weight:inherit;
    }

    .d-add-contacts\:lNoEfmqV_Q1a9sh8rmYK4 {
      color:var(--text-strong,#0E121B);
      width:100%;
      cursor:pointer;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .d-add-contacts\:lPwrLvxTFWx7EOd0i8Q6U {
      height:34px;
      font-size:14px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .cUGNnS {
      width:1.25rem;
      height:1.25rem;
      display:block;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
    }

    .Rzxj {
      color:var(--text-sub);
    }

    .d-add-contacts\:pOiJkWs5xqH-P7We4Rwk6 {
      flex:1;
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .fbKTyY {
      flex:1  ;
      color:var(--text-strong);
      display:flex;
      row-gap:0.75rem;
      font-size:0.875rem;
      column-gap:0.75rem;
      align-items:center;
      font-family:Geist;
      font-weight:500;
      border-style:solid;
      border-width:0px;
      flex-direction:row;
      justify-content:space-between;
    }

    .d-add-contacts\:tPkSHcvIgltqTFqelZHv7 {
      height:34px;
      font-size:14px;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
    }

    .d-add-contacts\:y0-nJ4sS3TWPvrxesLGPy {
      width:100%;
      cursor:pointer;
      display:flex;
      background:var(--bg-white);
      align-items:center;
      padding-top:0.875rem;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:0.875rem;
      justify-content:space-between;
      border-bottom-color:var(--stroke-soft);
      border-bottom-style:dashed;
      border-bottom-width:1px;
      border-top-left-radius:8px;
      border-top-right-radius:8px;
    }

    .d-add-contacts\:y0-nJ4sS3TWPvrxesLGPy:hover {
      background: var(--bg-weak);
    }

    .d-add-contacts\:zlv6EiT63cT33FXbP7_x1 {
      color:var(--text-strong, #0E121B);
      font-size:var(--label-sm);
      font-family:'Geist';
      font-weight:var(--regular);
    }

    .so-active-chats-calls\:gK52FQMQp1bCBIGfoTjyd {
      flex:1;
      overflow-x:hidden;
      overflow-y:scroll;
    }

    .bXqEbr {
      color:var(--text-strong);
      font-size:1rem;
      font-family:Geist;
      font-weight:500;
    }

    .dSUMdm {
      left:8px;
      right:8px;
      bottom:8px;
      height:48px;
      display:flex;
      position:absolute;
      translate:0 130% 0;
      background:var(--bg-white);
      transition:all 400ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      padding-left:12px;
      padding-right:8px;
      flex-direction:row;
      justify-content:space-between;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .dSUMdm.show {
      translate:0 0 0;
    }

    .so-active-chats-calls\:v24xeteS6ULxQLQnDHmDI {
      width:100%;
      z-index:99;
      position:fixed;
      padding-top:20px;
      padding-left:20px;
      padding-right:20px;
      padding-bottom:20px;
    }

    .so-active-chats-calls\:wo7PLDDGaQChZlSKykzhz {
      color:var(--icon-sub);
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .so-active-chats-calls\:wo7PLDDGaQChZlSKykzhz:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
    }

    .bTaWBI {
      flex:1;
      display:flex;
      row-gap:8px;
      column-gap:8px;
      align-items:center;
      padding-top:8px;
      padding-left:8px;
      padding-right:8px;
      justify-content:flex-start;
    }

    .so-active-chats-calls\:y-cQxYVKjBEY_pSq89Z3_ {
      color:var(--icon-sub);
      width:32px;
      cursor:pointer;
      height:32px;
      display:flex;
      transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
      align-items:center;
      justify-content:center;
      border-top-left-radius:10px;
      border-top-right-radius:10px;
      border-bottom-left-radius:10px;
      border-bottom-right-radius:10px;
    }

    .so-active-chats-calls\:y-cQxYVKjBEY_pSq89Z3_:hover {
      color:var(--icon-strong);
      background:var(--bg-weak);
    }

    .cqUqhf {
      width:215px;
      z-index:100;
      min-width:215px;
      overflow-x:hidden;
      overflow-y:hidden;
      transition:width 400ms ease-in-out,min-width 400ms ease-in-out;
      align-items:flex-start;
      flex-shrink:0;
      border-right:1px solid var(--stroke-soft);
      justify-content:flex-start;
    }

    .cqUqhf.hide-sidebar {
      width:0px;
      z-index:100;
      min-width:0px;
      overflow-x:hidden;
      overflow-y:hidden;
      align-items:flex-start;
      flex-shrink:0;
      border-color:black;
      border-style:solid;
      border-width:0px;
      justify-content:flex-start;
    }

    .test-chats-v2\:tn4LKAot4x-Gv0KhCk78l {
      flex:1;
      width:100%;
      border-color:var(--stroke-soft);
      border-style:solid;
      border-width:1px;
      border-top-left-radius:12px;
      border-top-right-radius:12px;
      border-bottom-left-radius:12px;
      border-bottom-right-radius:12px;
    }

    .test-chats-v2\:ucEmHuIf-gH9DMOXOfbE- {
      width:100%;
    }

    .eFKIRo {
      width:40px;
      height:40px4t;
      display:flex;
      row-gap:0.75rem;
      column-gap:0.75rem;
      overflow-x:hidden;
      overflow-y:hidden;
      transition:all 300ms ease;
      align-items:center;
      padding-top:0.5rem;
      flex-direction:row;
      padding-bottom:0.5rem;
      justify-content:flex-start;
    }