@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--size-05: .5px;--font-size-size-10: 10px;--size-1: 1px;--font-size-size-12: 12px;--font-size-size-14: 14px;--font-size-size-15: 15px;--font-size-size-16: 16px;--font-size-size-17: 17px;--font-size-size-18: 18px;--font-size-size-19: 19px;--font-family-font-family: geist;--font-style-style-light: light;--font-style-style-regular: regular;--font-style-style-medium: medium;--font-style-style-semi-bold: semibold;--font-style-style-bold: bold;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-violet-50: #DCD3F8FF;--color-violet-100: #BFADF3FF;--color-violet-200: #A186F0FF;--color-violet-300: #835EEEFF;--color-violet-400: #6435EDFF;--color-violet-500: #4911E7FF;--color-violet-600: #3B0BC2FF;--color-violet-700: #2F079CFF;--color-violet-800: #220375FF;--color-violet-900: #16014DFF;--color-violet-950: #0A0024FF;--color-grey-white: #FFFFFFFF;--color-grey-50: #F5F5F5FF;--color-grey-100: #E2E2E2FF;--color-grey-200: #CACACAFF;--color-grey-300: #B2B2B2FF;--color-grey-400: #9A9A9AFF;--color-grey-500: #828283FF;--color-grey-600: #69696BFF;--color-grey-700: #515153FF;--color-grey-800: #39393BFF;--color-grey-900: #212123FF;--color-grey-950: #171719FF;--color-green-50: #D5F3EBFF;--color-orange-50: #FCF1E3FF;--color-orange-100: #F7DEBEFF;--color-orange-200: #EFCB9BFF;--color-orange-300: #E7B979FF;--color-orange-400: #DCA659FF;--color-orange-500: #D1943BFF;--color-orange-600: #B27E2FFF;--color-orange-700: #8D662AFF;--color-orange-800: #6A4E23FF;--color-orange-900: #48371AFF;--color-orange-950: #281F10FF;--color-green-100: #ABE6D6FF;--color-green-200: #82DAC2FF;--color-green-300: #58CDAEFF;--color-green-400: #2EC199FF;--color-green-500: #04B485FF;--color-green-600: #03966FFF;--color-green-700: #037859FF;--color-green-800: #025A43FF;--color-green-900: #013C2CFF;--color-green-950: #011E16FF;--color-red-50: #F7DEE6FF;--color-red-100: #EFBCCCFF;--color-red-200: #E699B1FF;--color-red-300: #DE7796FF;--color-red-400: #D6547CFF;--color-red-500: #CD3260FF;--color-red-600: #AB2950FF;--color-red-700: #88213FFF;--color-red-800: #66192FFF;--color-red-900: #43101FFF;--color-red-950: #21080FFF;--size-2: 2px;--size-4: 4px;--size-6: 6px;--size-8: 8px;--size-10: 10px;--size-12: 12px;--size-14: 14px;--size-16: 16px;--size-20: 20px;--size-24: 24px;--size-32: 32px;--size-40: 40px;--size-48: 48px;--size-56: 56px;--primary: var(--color-violet-300);--primary-light: var(--color-violet-100);--on-primary: var(--color-grey-900);--secondary: var(--color-grey-700);--secondary-light: var(--color-grey-500);--on-secondary: var(--color-grey-100);--success: var(--color-green-400);--success-light: var(--color-green-200);--on-success: var(--color-grey-900);--warn: var(--color-orange-400);--warn-light: var(--color-orange-200);--on-warn: var(--color-grey-900);--danger: var(--color-red-400);--danger-light: var(--color-red-200);--on-danger: var(--color-grey-900);--surface: var(--color-grey-700);--surface-light: var(--color-grey-500);--on-surface: var(--color-grey-100);--background: var(--color-grey-900);--on-background: var(--color-grey-50);--family-font-family: var(--font-family-font-family);--style-h1: var(--font-style-style-bold);--style-h2: var(--font-style-style-semi-bold);--style-h3: var(--font-style-style-medium);--style-h4: var(--font-style-style-regular);--style-h5: var(--font-style-style-semi-bold);--style-h6: var(--font-style-style-light);--style-body-m: var(--font-style-style-regular);--style-body-s: var(--font-style-style-light);--style-label: var(--font-style-style-semi-bold);--size-h1: var(--font-size-size-19);--size-h2: var(--font-size-size-18);--size-h3: var(--font-size-size-17);--size-h4: var(--font-size-size-16);--size-h5: var(--font-size-size-15);--size-h6: var(--font-size-size-14);--size-body-m: var(--font-size-size-12);--size-body-s: var(--font-size-size-10);--size-label: var(--font-size-size-14);--elements-opacity-disabled: 60px;--elements-text-brand: var(--palette-primary-300);--elements-text-primary: var(--palette-surface-50);--elements-text-secondary: var(--palette-surface-300);--elements-text-success: var(--palette-success-300);--elements-text-warn: var(--palette-warn-300);--elements-text-danger: var(--palette-danger-300);--elements-icon-brand: var(--palette-primary-300);--elements-icon-primary: var(--palette-surface-50);--elements-icon-secondary: var(--palette-surface-300);--elements-icon-success: var(--palette-success-300);--elements-icon-warn: var(--palette-warn-300);--elements-icon-danger: var(--palette-danger-300);--border-brand: var(--palette-primary-300);--border-primary: var(--palette-surface-700);--border-secondary: var(--palette-surface-300);--border-success: var(--palette-success-300);--border-warn: var(--palette-warn-300);--border-danger: var(--palette-danger-300);--background-brand: var(--palette-primary-300);--background-primary: var(--palette-surface-900);--background-primary-nc: var(--palette-surface-50);--background-secondary: var(--palette-surface-800);--background-secondary-nc: var(--palette-surface-100);--background-primary-reverse: var(--palette-surface-50);--background-primary-reverse-nc: var(--palette-surface-900);--background-secondary-reverse: var(--palette-surface-100);--background-secondary-reverse-nc: var(--palette-surface-800);--button-size-default-height: 40px;--inputtext-size-height: 40px;--inputtext-size-padding: 11px;--inputtext-size-gap: 11px;--inputtext-size-icon: 18px;--inputtext-size-radius: var(--size-radius-radius-m);--inputtext-size-stroke: var(--size-stroke-stroke-s);--inputtext-color-surface-default: var(--palette-surface-900);--inputtext-color-surface-hover: var(--palette-surface-950);--inputtext-color-surface-active: var(--palette-surface-950);--inputtext-color-element-placeholder: var(--palette-surface-400);--inputtext-color-element-label: var(--palette-surface-white);--inputtext-color-element-optionnel: var(--palette-surface-300);--inputtext-color-element-content: var(--palette-surface-white);--inputtext-color-element-icon: var(--palette-surface-400);--inputtext-color-border-default: var(--palette-surface-700);--inputtext-color-border-active: var(--palette-primary-200);--button-size-default-width: 40px;--button-size-default-padding: 11px;--button-size-default-gap: 6px;--button-size-default-icon: 18px;--button-size-default-radius: var(--size-radius-radius-m);--button-size-small-height: 32px;--button-size-small-width: 32px;--button-size-small-padding: 7px;--button-size-small-gap: 4px;--button-size-small-icon: 18px;--button-size-small-radius: var(--size-radius-radius-s);--button-fill-primary-surface-default: var(--palette-primary-300);--button-fill-primary-surface-hover: var(--palette-primary-200);--button-fill-primary-element-default: var(--palette-surface-900);--button-fill-primary-element-hover: var(--palette-surface-900);--button-fill-secondary-surface-default: var(--palette-surface-700);--button-fill-secondary-surface-hover: var(--palette-surface-800);--button-fill-secondary-element-default: var(--palette-surface-white);--button-fill-secondary-element-hover: var(--palette-surface-white);--button-fill-success-surface-default: var(--palette-success-400);--button-fill-success-surface-hover: var(--palette-success-200);--button-fill-success-element-default: var(--palette-surface-900);--button-fill-success-element-hover: var(--palette-surface-900);--button-fill-warn-surface-default: var(--palette-warn-400);--button-fill-warn-surface-hover: var(--palette-warn-200);--button-fill-warn-element-default: var(--palette-surface-900);--button-fill-warn-element-hover: var(--palette-surface-900);--button-fill-danger-surface-default: var(--palette-danger-400);--button-fill-danger-surface-hover: var(--palette-danger-300);--button-fill-danger-element-default: var(--palette-surface-900);--button-fill-danger-element-hover: var(--palette-surface-900);--button-fill-contrast-surface-default: var(--palette-surface-900);--button-fill-contrast-surface-hover: var(--palette-surface-800);--button-fill-contrast-element-default: var(--palette-surface-white);--button-fill-contrast-element-hover: var(--palette-surface-white);--button-text-primary-element-default: var(--palette-primary-300);--button-text-primary-surface-hover: var(--palette-primary-300);--button-text-primary-element-hover: var(--palette-surface-900);--button-text-secondary-surface-hover: var(--palette-surface-700);--button-text-secondary-element-default: var(--palette-surface-300);--button-text-secondary-element-hover: var(--palette-surface-white);--button-text-success-surface-hover: var(--palette-success-400);--button-text-success-element-default: var(--palette-surface-300);--button-text-success-element-hover: var(--palette-surface-900);--button-text-warn-surface-hover: var(--palette-warn-400);--button-text-warn-element-default: var(--palette-surface-300);--button-text-warn-element-hover: var(--palette-surface-900);--button-text-danger-surface-hover: var(--palette-danger-400);--button-text-danger-element-default: var(--palette-surface-300);--button-text-danger-element-hover: var(--palette-surface-900);--button-text-contrast-surface-hover: var(--palette-surface-900);--button-text-contrast-element-default: var(--palette-surface-white);--button-text-contrast-element-hover: var(--palette-surface-white);--inputcolor-size-height: 40px;--inputnumber-size-height: 40px;--select-size-height: 40px;--radio-size-height: 16px;--radio-size-radius: var(--radio-size-height);--radio-size-stroke: var(--size-stroke-stroke-s);--radio-color-surface-default: var(--palette-surface-900);--radio-color-surface-hover: var(--palette-surface-900);--radio-color-border-default: var(--palette-surface-700);--radio-color-circle-default: var(--palette-primary-300);--radio-color-circle-hover: var(--palette-primary-100);--radio-color-border-hover: var(--palette-surface-500);--select-size-padding: 11px;--select-size-gap: 11px;--select-size-icon: 18px;--select-size-radius: var(--size-radius-radius-m);--select-size-stroke: var(--size-stroke-stroke-s);--select-color-surface-default: var(--palette-surface-900);--select-color-surface-hover: var(--palette-surface-950);--select-color-surface-active: var(--palette-surface-950);--select-color-element-placeholder: var(--palette-surface-400);--select-color-element-label: var(--palette-surface-white);--select-color-element-optionnel: var(--palette-surface-300);--select-color-element-content: var(--palette-surface-white);--select-color-element-icon: var(--palette-surface-400);--select-color-border-default: var(--palette-surface-700);--select-color-border-active: var(--palette-primary-200);--select-item-size-height: 32px;--select-item-size-padding: 8px;--select-item-size-gap: 6px;--select-item-size-icon: 16px;--select-item-size-radius: var(--size-radius-radius-s);--select-item-size-stroke: var(--size-stroke-stroke-s);--select-item-color-surface-hover: var(--palette-surface-700);--select-item-color-surface-active: var(--palette-primary-300);--select-item-color-element-default: var(--palette-surface-300);--select-item-color-element-hover: var(--palette-surface-white);--select-item-color-element-active: var(--palette-surface-900);--select-item-color-border-active: var(--palette-primary-200);--inputnumber-size-padding: 11px;--inputnumber-size-radius: var(--size-radius-radius-m);--inputnumber-size-stroke: var(--size-stroke-stroke-s);--inputnumber-color-surface-default: var(--palette-surface-900);--inputnumber-color-surface-hover: var(--palette-surface-950);--inputnumber-color-surface-active: var(--palette-surface-950);--inputnumber-color-element-content: var(--palette-surface-white);--inputnumber-color-border-default: var(--palette-surface-700);--inputnumber-color-border-active: var(--palette-primary-200);--inputcolor-size-padding: 8px;--inputcolor-size-gap: 11px;--inputcolor-size-preview: 24px;--inputcolor-size-radius: var(--size-radius-radius-m);--inputcolor-size-stroke: var(--size-stroke-stroke-s);--inputcolor-color-surface-default: var(--palette-surface-900);--inputcolor-color-surface-hover: var(--palette-surface-950);--inputcolor-color-surface-active: var(--palette-surface-950);--inputcolor-color-element-placeholder: var(--palette-surface-400);--inputcolor-color-element-label: var(--palette-surface-white);--inputcolor-color-element-optionnel: var(--palette-surface-300);--inputcolor-color-element-content: var(--palette-surface-white);--inputcolor-color-border-default: var(--palette-surface-700);--inputcolor-color-border-active: var(--palette-primary-200);--checkbox-size-height: 16px;--tabs-size-height: 40px;--paginator-size-height: 32px;--paginator-size-width: 32px;--paginator-size-padding: 7px;--paginator-size-icon: 18px;--paginator-size-radius: var(--size-radius-radius-m);--paginator-color-surface-hover: var(--palette-surface-700);--paginator-color-element-default: var(--palette-surface-300);--paginator-color-element-hover: var(--palette-surface-white);--paginator-color-element-active: var(--palette-primary-300);--divider-gap: var(--size-gap-gap-s);--divider-padding-y: var(--size-padding-padding-xs);--divider-stroke: var(--size-stroke-stroke-s);--divider-color-element: var(--elements-text-secondary);--divider-color-border: var(--border-primary);--loader-color-primary: var(--palette-surface-100);--loader-color-secondary: var(--palette-surface-600);--tabs-size-padding-x: 12px;--tabs-size-padding-y: 8px;--tabs-size-gap: 6px;--tabs-size-icon: 18px;--tabs-size-radius: var(--size-radius-radius-m);--tabs-size-stroke: var(--size-stroke-stroke-s);--tabs-color-surface-hover: var(--palette-surface-700);--tabs-color-surface-active: var(--palette-primary-300);--tabs-color-element-default: var(--palette-surface-300);--tabs-color-element-hover: var(--palette-surface-white);--tabs-color-element-active: var(--palette-surface-900);--tabs-color-border-active: var(--palette-primary-200);--checkbox-size-radius: var(--size-radius-radius-s);--checkbox-size-stroke: var(--size-stroke-stroke-s);--checkbox-color-surface-default: var(--palette-surface-900);--checkbox-color-surface-hover: var(--palette-surface-900);--checkbox-color-circle-default: var(--palette-primary-300);--checkbox-color-circle-hover: var(--palette-primary-100);--checkbox-color-border-default: var(--palette-surface-700);--checkbox-color-border-hover: var(--palette-surface-500);--tag-size-padding-x: 6px;--size-padding-padding-2xs: var(--size-4);--size-padding-padding-xs: var(--size-8);--size-padding-padding-s: var(--size-16);--size-padding-padding-m: var(--size-24);--size-padding-padding-l: var(--size-32);--size-padding-padding-xl: var(--size-40);--size-gap-gap-xs: var(--size-8);--size-gap-gap-s: var(--size-16);--size-gap-gap-m: var(--size-24);--size-gap-gap-l: var(--size-32);--size-gap-gap-xl: var(--size-40);--tag-size-padding-y: 4px;--tag-size-gap: 4px;--tag-size-icon: 13px;--tag-size-radius: var(--size-radius-radius-m);--tag-color-primary-surface-default: var(--palette-primary-300);--tag-color-primary-element-default: var(--palette-surface-900);--tag-color-secondary-surface-default: var(--palette-surface-700);--tag-color-secondary-element-default: var(--palette-surface-white);--tag-color-success-surface-default: var(--palette-success-400);--tag-color-success-element-default: var(--palette-surface-900);--tag-color-warn-surface-default: var(--palette-warn-400);--tag-color-warn-element-default: var(--palette-surface-900);--tag-color-danger-surface-default: var(--palette-danger-400);--size-stroke-stroke-xs: var(--size-05);--tag-color-danger-element-default: var(--palette-surface-900);--size-stroke-stroke-s: var(--size-1);--size-radius-radius-xs: var(--size-1);--size-radius-radius-s: var(--size-2);--size-radius-radius-m: var(--size-4);--size-radius-radius-l: var(--size-8);--size-radius-radius-xl: var(--size-16);--palette-primary-50: var(--color-violet-50);--palette-primary-100: var(--color-violet-100);--palette-primary-200: var(--color-violet-200);--palette-primary-300: var(--color-violet-300);--palette-primary-400: var(--color-violet-400);--palette-primary-500: var(--color-violet-500);--palette-primary-600: var(--color-violet-600);--palette-primary-700: var(--color-violet-700);--palette-primary-800: var(--color-violet-800);--palette-primary-900: var(--color-violet-900);--palette-primary-950: var(--color-violet-950);--palette-surface-white: var(--color-grey-white);--palette-surface-50: var(--color-grey-50);--palette-surface-100: var(--color-grey-100);--palette-surface-200: var(--color-grey-200);--palette-surface-300: var(--color-grey-300);--palette-surface-400: var(--color-grey-400);--palette-surface-500: var(--color-grey-500);--palette-surface-600: var(--color-grey-600);--palette-surface-700: var(--color-grey-700);--palette-surface-800: var(--color-grey-800);--palette-surface-900: var(--color-grey-900);--palette-surface-950: var(--color-grey-950);--palette-success-50: var(--color-green-50);--palette-success-100: var(--color-green-100);--palette-success-200: var(--color-green-200);--palette-success-300: var(--color-green-300);--palette-success-400: var(--color-green-400);--palette-success-500: var(--color-green-500);--palette-success-600: var(--color-green-600);--palette-success-700: var(--color-green-700);--palette-success-800: var(--color-green-800);--palette-success-900: var(--color-green-900);--palette-success-950: var(--color-green-950);--palette-warn-50: var(--color-orange-50);--palette-warn-100: var(--color-orange-100);--palette-warn-200: var(--color-orange-200);--palette-warn-300: var(--color-orange-300);--palette-warn-400: var(--color-orange-400);--palette-warn-500: var(--color-orange-500);--palette-warn-600: var(--color-orange-600);--palette-warn-700: var(--color-orange-700);--palette-warn-800: var(--color-orange-800);--palette-warn-900: var(--color-orange-900);--palette-warn-950: var(--color-orange-950);--palette-danger-50: var(--color-red-50);--palette-danger-100: var(--color-red-100);--palette-danger-200: var(--color-red-200);--palette-danger-300: var(--color-red-300);--palette-danger-400: var(--color-red-400);--palette-danger-500: var(--color-red-500);--palette-danger-600: var(--color-red-600);--palette-danger-700: var(--color-red-700);--palette-danger-800: var(--color-red-800);--palette-danger-900: var(--color-red-900);--palette-danger-950: var(--color-red-950);--inputcolor-color-border-preview: var(--palette-surface-800);--size-stroke-stroke-m: var(--size-2);--size-stroke-stroke-l: var(--size-4);--cardclip-size-padding: 16px;--cardclip-size-gap: 16px;--cardclip-size-radius: var(--size-radius-radius-m);--cardclip-color-background-default: var(--palette-surface-800);--cardclip-size-stroke: var(--size-stroke-stroke-s);--cardclip-color-border-default: var(--palette-surface-700);--cardclip-color-element-primary: var(--elements-text-primary);--cardclip-color-element-secondary: var(--elements-text-secondary)}#root{font-family:Geist,sans-serif;font-weight:400;color:var(--on-background);background:var(--background);height:100vh;display:flex;flex-direction:column;overflow:hidden}html{font-size:100%}h1{font-size:var(--size-h1);font-weight:var(--style-h1)}h2{font-size:var(--size-h2);font-weight:var(--style-h2)}h3{font-size:var(--size-h3);font-weight:var(--style-h3)}h4{font-size:var(--size-h4);font-weight:var(--style-h4)}h5{font-size:var(--size-h5);font-weight:var(--style-h5)}h6{font-size:var(--size-h6);font-weight:var(--style-h6)}body{font-size:var(--size-body-m);font-weight:var(--style-body-m)}label{font-size:var(--size-label);font-weight:var(--style-label)}small{font-size:var(--size-body-s);font-weight:var(--style-body-s)}.cs-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.cs-content:has(>.cs-loading-page):before,.cs-content:has(>.cs-viewer-page):before{content:"";position:absolute;bottom:0;left:0;right:0;height:33.33%;background:radial-gradient(274.24% 100% at 50% 0%,#0000 20%,#000);pointer-events:none;z-index:2}.cs-content:has(>.cs-loading-page):after,.cs-content:has(>.cs-viewer-page):after{content:"";position:absolute;top:0;left:0;right:0;height:33.33%;background:radial-gradient(274.24% 100% at 50% 100%,#0000 20%,#000);pointer-events:none;z-index:2}button{all:unset}.cs-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--button-size-default-gap);border-radius:var(--button-size-default-radius);cursor:pointer;font-weight:500;color:var(--color-grey-50);fill:var(--color-grey-50);transition:background-color .2s ease;box-sizing:border-box}.cs-button:disabled{cursor:not-allowed;opacity:.6;transition:none}.cs-button--fill.cs-button--primary{background-color:var(--primary);color:var(--on-primary);fill:var(--on-primary)}.cs-button--fill.cs-button--primary:hover:not(:disabled){background-color:var(--primary-light)}.cs-button--fill.cs-button--secondary{background-color:var(--secondary);color:var(--on-secondary);fill:var(--on-secondary)}.cs-button--fill.cs-button--secondary:hover:not(:disabled){background-color:var(--secondary-light)}.cs-button--fill.cs-button--success{background-color:var(--success);color:var(--on-success);fill:var(--on-success)}.cs-button--fill.cs-button--success:hover:not(:disabled){background-color:var(--success-light)}.cs-button--fill.cs-button--warn{background-color:var(--warn);color:var(--on-warn);fill:var(--on-warn)}.cs-button--fill.cs-button--warn:hover:not(:disabled){background-color:var(--warn-light)}.cs-button--fill.cs-button--danger{background-color:var(--danger);color:var(--on-danger);fill:var(--on-danger)}.cs-button--fill.cs-button--danger:hover:not(:disabled){background-color:var(--danger-light)}.cs-button--fill.cs-button--surface{background-color:var(--surface);color:var(--on-surface);fill:var(--on-surface)}.cs-button--fill.cs-button--surface:hover:not(:disabled){background-color:var(--surface-light)}.cs-button--small{height:var(--button-size-small-height);min-width:var(--button-size-small-width);padding:var(--button-size-small-padding);font-size:var(--font-size-size-12)}.cs-button--medium{height:var(--button-size-default-height);min-width:var(--button-size-default-width);padding:var(--button-size-default-padding);font-size:var(--font-size-size-14)}.cs-button--large{height:calc(var(--button-size-default-height) * 1.2);min-width:calc(var(--button-size-default-width) * 1.2);padding:calc(var(--button-size-default-padding) * 1.25);font-size:var(--font-size-size-16)}.cs-button--flex{padding:var(--button-size-default-padding);width:100%;justify-content:center}.cs-button svg{height:var(--button-size-default-icon);width:var(--button-size-default-icon);flex-shrink:0}.cs-button--small svg{height:var(--button-size-small-icon);width:var(--button-size-small-icon)}.cs-login-page{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:env(SAFE-AREA-INSET-TOP,57px) 1rem env(SAFE-AREA-INSET-BOTTOM,34px)}.cs-logo-horizontal{width:100%;max-width:37dvw;margin:2rem auto 0}.cs-loading-page{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:env(SAFE-AREA-INSET-TOP,57px) 20px env(SAFE-AREA-INSET-BOTTOM,34px)}.cs-loading-top-bar,.cs-loading-spinner,.cs-loading-bottom-bar{position:relative;z-index:1}.cs-loading-top-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.cs-loading-spinner{display:flex;justify-content:center;align-items:center;flex-grow:1}.cs-logo{margin:12px;display:grid;place-items:center;position:relative}.cs-logo__outer,.cs-logo__inner{grid-area:1 / 1;width:100%;height:100%;object-fit:contain}.cs-logo__outer{fill:var(--primary);pointer-events:none}.cs-logo__inner{width:60%;height:60%;fill:var(--color-grey-50);pointer-events:none}.cs-logo--small{width:32px;height:32px}.cs-logo--medium{width:5rem;height:5rem}.cs-logo--large{width:7rem;height:7rem}.cs-logo--animated .cs-logo__outer{animation:multiStepRotation 8s linear infinite;fill:var(--secondary);animation-delay:.5s}.cs-logo--animated .cs-logo__inner{animation:multiStepRotation 8s linear infinite;animation-direction:reverse}@keyframes multiStepRotation{0%{transform:rotate(0)}11.25%{transform:rotate(0)}12.5%{transform:rotate(45deg)}23.75%{transform:rotate(45deg)}25%{transform:rotate(90deg)}36.25%{transform:rotate(90deg)}37.5%{transform:rotate(135deg)}48.75%{transform:rotate(135deg)}50%{transform:rotate(180deg)}61.25%{transform:rotate(180deg)}62.5%{transform:rotate(225deg)}73.75%{transform:rotate(225deg)}75%{transform:rotate(270deg)}86.25%{transform:rotate(270deg)}87.5%{transform:rotate(315deg)}98.75%{transform:rotate(315deg)}to{transform:rotate(360deg)}}.cs-toolbar{display:flex;align-items:center;gap:8px}.cs-toolbar--horizontal{flex-direction:row;width:100%}.cs-toolbar--horizontal .cs-toolbar-first-section,.cs-toolbar--horizontal .cs-toolbar-second-section{flex-direction:row;align-items:center}.cs-toolbar--vertical{flex-direction:column-reverse;height:100%}.cs-toolbar--vertical .cs-toolbar-first-section,.cs-toolbar--vertical .cs-toolbar-second-section{flex-direction:column-reverse;align-items:center}.cs-toolbar-first-section,.cs-toolbar-second-section{display:flex;padding:4px;gap:4px;background:#21212340;backdrop-filter:blur(12.5px);-webkit-backdrop-filter:blur(12.5px);border:1px solid var(--color-grey-700);border-radius:8px;overflow:hidden}.cs-toolbar-second-section,.cs-toolbar-second-section .cs-button{flex:1}.cs-empty-page{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:env(SAFE-AREA-INSET-TOP,57px) 20px env(SAFE-AREA-INSET-BOTTOM,34px)}.cs-empty-top-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative;z-index:1}.cs-empty-content{display:flex;flex-direction:column;align-items:center;gap:12px;flex-grow:1;justify-content:center;text-align:center}.cs-empty-title{color:#f5f5f5;font-size:17px;font-weight:500;margin:0}.cs-empty-subtitle{color:#b2b2b2;font-size:12px;font-weight:400;margin:0;max-width:223px}.cs-empty-bottom-bar{position:relative;z-index:1;opacity:.6}:root{--cs-rail-width: 64px}.cs-swipe-outer{position:absolute;inset:0;overflow:hidden}.cs-swipe-inner{position:relative;height:100%;width:100%}.cs-video-player{position:absolute;inset:0;--viewing-mode: cover;pointer-events:none}.cs-adjacent-thumbnail{position:absolute;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.cs-adjacent-thumbnail--prev{top:-100%}.cs-adjacent-thumbnail--next{top:100%}.cs-video-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.cs-video-player>div{position:relative;z-index:1}.cs-video-player video{width:100%;height:100%;object-fit:var(--viewing-mode);object-position:center;will-change:transform}.cs-viewer-page{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(0,0,0,.8) 0%,transparent 100%) top / 100% 296px no-repeat,linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%) bottom / 100% 296px no-repeat}.cs-viewer-top-bar{position:absolute;top:calc(env(safe-area-inset-top,0px) + 16px);left:24px;right:24px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;z-index:3}.cs-top-bar-right{display:flex;flex-direction:row;align-items:center;gap:4px}.cs-viewer-meta{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 106px);left:0;right:0;padding-left:24px;padding-right:72px;z-index:2}.cs-clip-meta{display:flex;flex-direction:column;gap:4px}.cs-clip-delay{opacity:.5}.cs-clip-delay:first-letter{text-transform:capitalize}.cs-viewer-sidebar-content{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 106px);right:8px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2}.cs-viewer-bottom-bar{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 42px);left:24px;right:24px;z-index:3}@media (orientation: landscape){.cs-viewer-page{background:linear-gradient(to right,rgba(0,0,0,.75) 0%,transparent 100%) left / 300px 100% no-repeat,linear-gradient(to left,rgba(0,0,0,.75) 0%,transparent 100%) right / 300px 100% no-repeat,linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%) bottom / 100% 200px no-repeat}.cs-viewer-top-bar{right:calc(var(--cs-rail-width) + 24px)}.cs-viewer-meta{bottom:calc(env(safe-area-inset-bottom,0px) + 24px);left:24px;right:calc(var(--cs-rail-width) + 50%);padding-left:0;padding-right:16px}.cs-viewer-sidebar-content{flex-direction:row;align-items:center;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);left:calc(50% + 24px);right:calc(var(--cs-rail-width) + 16px)}.cs-viewer-bottom-bar{position:absolute;inset:0 0 0 auto;width:var(--cs-rail-width);height:100%;display:flex;align-items:stretch;padding:0}}.cs-timer-bar--seekable{cursor:pointer}.cs-timer-bar--vertical{height:15vh;width:.75rem;border-radius:10px;overflow:hidden;border:1px solid var(--surface);display:flex;align-items:flex-start}.cs-timer-bar--vertical .cs-timer-bar-filled{width:100%;border-radius:45px;background:var(--primary);transition:height .3s;min-height:2px}.cs-timer-bar--horizontal{height:.75rem;flex:1;border-radius:10px;overflow:hidden;border:1px solid var(--surface);display:flex;align-items:flex-start}.cs-timer-bar--horizontal .cs-timer-bar-filled{height:100%;border-radius:45px;background:var(--primary);transition:width .3s;min-width:2px}.cs-history-page{display:flex;flex-direction:column;height:100%;background:#212123;padding-top:env(SAFE-AREA-INSET-TOP,57px)}.cs-history-header{position:relative;display:flex;align-items:center;justify-content:center;padding:16px 24px;height:56px}.cs-history-back{position:absolute;left:24px;background:none;border:none;color:#f5f5f5;font-size:28px;line-height:1;cursor:pointer;padding:4px 8px}.cs-history-title{color:#f5f5f5;font-size:17px;font-weight:500;margin:0}.cs-history-list{flex:1;overflow-y:auto;padding:16px 24px env(SAFE-AREA-INSET-BOTTOM,34px);display:flex;flex-direction:column;gap:12px}.cs-history-empty{color:#b2b2b2;font-size:12px;text-align:center;margin-top:32px}.cs-card-clip{display:flex;align-items:center;gap:12px;background:#39393b;border:1px solid #515153;border-radius:4px;padding:10px 12px;min-height:60px}.cs-card-clip-thumbnail{width:40px;height:40px;object-fit:cover;border-radius:2px;flex-shrink:0}.cs-card-clip-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cs-card-clip-broadcaster{color:#f5f5f5;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-card-clip-title{color:#b2b2b2;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-card-clip-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.cs-tag{display:inline-block;background:#835eee;color:#f5f5f5;font-size:10px;font-weight:700;padding:4px 6px;border-radius:4px}.cs-tag--approved{background:#2d7a3a;color:#f5f5f5}.cs-tag--rejected{background:#7a2d2d;color:#f5f5f5}.cs-tag--transferred{background:#2d5a7a;color:#f5f5f5}.cs-settings-page{display:flex;flex-direction:column;height:100%;background:#212123;padding-top:env(SAFE-AREA-INSET-TOP,57px)}.cs-settings-header{position:relative;display:flex;align-items:center;justify-content:center;padding:16px 24px;height:56px}.cs-settings-back{position:absolute;left:24px;background:none;border:none;color:#f5f5f5;font-size:28px;line-height:1;cursor:pointer;padding:4px 8px}.cs-settings-title{color:#f5f5f5;font-size:17px;font-weight:500;margin:0}.cs-settings-list{padding:24px;display:flex;flex-direction:column;gap:12px}.cs-settings-item{background:#39393b;border:1px solid #515153;border-radius:4px;padding:14px 16px;text-align:left;cursor:pointer;font-size:14px;font-weight:500;color:#f5f5f5}.cs-settings-item--danger{color:#d6547c}