/**
 * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
@layer uc;

@layer uc.base{
  :where([uc-wgt-common]){
    --cfg-init-activity:"start-from";
    --cfg-done-activity:"";
    --uc-font-family:system-ui;
    --uc-font-size:14px;
    --uc-line-height:normal;
    --uc-simple-btn-font-family:system-ui;
    --uc-simple-btn-font-size:14px;
    --uc-button-size:32px;
    --uc-preview-size:32px;
    --uc-padding:10px;
    --uc-radius:8px;
    --uc-transition:.2s ease;
    --uc-dialog-width:430px;
    --uc-dialog-max-width:920px;
    --uc-dialog-max-height:675px;
    --uc-simple-btn-padding:7px 14px;
    --uc-grid-col:3;
    --uc-grid-preview-image-height:auto;
    --uc-grid-gap:calc(var(--uc-padding) / 2);
    --uc-grid-aspect-ratio:1 / 1;
    --uc-background:var(--uc-background-light);
    --uc-foreground:var(--uc-foreground-light);
    --uc-primary:var(--uc-primary-light);
    --uc-primary-hover:var(--uc-primary-hover-light);
    --uc-primary-transparent:var(--uc-primary-transparent-light);
    --uc-primary-foreground:var(--uc-primary-foreground-light);
    --uc-secondary:var(--uc-secondary-light);
    --uc-secondary-hover:var(--uc-secondary-hover-light);
    --uc-secondary-foreground:var(--uc-secondary-foreground-light);
    --uc-muted:var(--uc-muted-light);
    --uc-muted-foreground:var(--uc-muted-foreground-light);
    --uc-destructive:var(--uc-destructive-light);
    --uc-destructive-foreground:var(--uc-destructive-foreground-light);
    --uc-border:var(--uc-border-light);
    --uc-dialog-shadow:var(--uc-dialog-shadow-light);
    --uc-simple-btn:var(--uc-simple-btn-light);
    --uc-simple-btn-hover:var(--uc-simple-btn-hover-light);
    --uc-simple-btn-foreground:var(--uc-simple-btn-foreground-light);
  }

  @supports not (color: oklch(0% 0 0)){
    :where([uc-wgt-common]){
      --uc-primary-rgb-light:23 75 215;
      --uc-primary-light:rgb(var(--uc-primary-rgb-light));
      --uc-primary-hover-light:rgb(var(--uc-primary-rgb-light) / 90%);
      --uc-primary-transparent-light:rgb(var(--uc-primary-rgb-light) / 10%);
      --uc-background-light:#fff;
      --uc-foreground-light:#181818;
      --uc-primary-foreground-light:#fff;
      --uc-secondary-light:#1818180d;
      --uc-secondary-hover-light:#18181814;
      --uc-secondary-foreground-light:#181818;
      --uc-muted-light:#f5f5f5;
      --uc-muted-foreground-light:#717171;
      --uc-destructive-light:#e813140d;
      --uc-destructive-foreground-light:#e81314;
      --uc-border-light:#e4e4e8;
      --uc-dialog-shadow-light:0px 6px 20px #0000001a;
      --uc-simple-btn-light:#ebebeb;
      --uc-simple-btn-hover-light:#e4e4e4;
      --uc-simple-btn-foreground-light:#181818;
      --uc-primary-rgb-dark:87 154 255;
      --uc-primary-dark:rgb(var(--uc-primary-rgb-dark));
      --uc-primary-hover-dark:rgb(var(--uc-primary-rgb-dark) / 90%);
      --uc-primary-transparent-dark:rgb(var(--uc-primary-rgb-dark) / 7%);
      --uc-background-dark:#1b1b1b;
      --uc-foreground-dark:#e1e1e1;
      --uc-primary-foreground-dark:#000;
      --uc-secondary-dark:#e1e1e112;
      --uc-secondary-hover-dark:#e1e1e11a;
      --uc-secondary-foreground-dark:#e1e1e1;
      --uc-muted-dark:#242424;
      --uc-muted-foreground-dark:#989898;
      --uc-destructive-dark:#f45a4f1a;
      --uc-destructive-foreground-dark:#f45a4f;
      --uc-border-dark:#3d3d3d;
      --uc-dialog-shadow-dark:0px 6px 20px #00000040;
      --uc-simple-btn-dark:#242424;
      --uc-simple-btn-hover-dark:#2b2b2b;
      --uc-simple-btn-foreground-dark:#fff;
    }
  }

  @supports (color: oklch(0% 0 0)){
    :where([uc-wgt-common]){
      --uc-primary-oklch-light:47% .22 264;
      --uc-primary-light:oklch(var(--uc-primary-oklch-light));
      --uc-primary-hover-light:oklch(var(--uc-primary-oklch-light) / 90%);
      --uc-primary-transparent-light:oklch(var(--uc-primary-oklch-light) / 7%);
      --uc-background-light:oklch(100% 0 0);
      --uc-foreground-light:oklch(21% 0 0);
      --uc-primary-foreground-light:oklch(100% 0 0);
      --uc-secondary-light:oklch(21% 0 0 / .05);
      --uc-secondary-hover-light:oklch(21% 0 0 / .08);
      --uc-secondary-foreground-light:oklch(21% 0 0);
      --uc-muted-light:oklch(97% 0 0);
      --uc-muted-foreground-light:oklch(40% 0 0);
      --uc-destructive-light:oklch(59% .235 28.5 / .05);
      --uc-destructive-foreground-light:oklch(59% .235 28.5);
      --uc-border-light:oklch(92% 0 0);
      --uc-dialog-shadow-light:0px 6px 20px oklch(0% 0 0 / .1);
      --uc-simple-btn-light:oklch(94% 0 0);
      --uc-simple-btn-hover-light:oklch(92% 0 0);
      --uc-simple-btn-foreground-light:oklch(20% 0 0);
      --uc-primary-oklch-dark:69% .1768 258.4;
      --uc-primary-dark:oklch(var(--uc-primary-oklch-dark));
      --uc-primary-hover-dark:oklch(var(--uc-primary-oklch-dark) / 90%);
      --uc-primary-transparent-dark:oklch(var(--uc-primary-oklch-dark) / 7%);
      --uc-background-dark:oklch(22% 0 0);
      --uc-foreground-dark:oklch(91% 0 0);
      --uc-primary-foreground-dark:oklch(0% 0 0);
      --uc-secondary-dark:oklch(91% 0 0 / .07);
      --uc-secondary-hover-dark:oklch(91% 0 0 / .1);
      --uc-secondary-foreground-dark:oklch(91% 0 0);
      --uc-muted-dark:oklch(26% 0 0);
      --uc-muted-foreground-dark:oklch(68% 0 0);
      --uc-destructive-dark:oklch(67% .191 27.5 / .1);
      --uc-destructive-foreground-dark:oklch(67% .191 27.5);
      --uc-border-dark:oklch(36% 0 0);
      --uc-dialog-shadow-dark:0px 6px 20px oklch(0% 0 0 / .25);
      --uc-simple-btn-dark:oklch(26% 0 0);
      --uc-simple-btn-hover-dark:oklch(29% 0 0);
      --uc-simple-btn-foreground-dark:oklch(100% 0 0);
    }
  }

  @media only screen and (height <= 600px){
    :where([uc-wgt-common]){
      --uc-dialog-max-height:100%;
    }
  }

  @media only screen and (width <= 680px){
    :where([uc-wgt-common]){
      --uc-grid-col:2;
    }
  }

  @media only screen and (width <= 430px){
    :where([uc-wgt-common]){
      --uc-dialog-max-width:100vw;
      --uc-dialog-max-height:var(--uploadcare-blocks-window-height);
      --uc-grid-col:1;
    }
  }

  @media (prefers-color-scheme: light){
    :where([uc-wgt-common]){
      --uc-background:var(--uc-background-light);
      --uc-foreground:var(--uc-foreground-light);
      --uc-primary:var(--uc-primary-light);
      --uc-primary-hover:var(--uc-primary-hover-light);
      --uc-primary-transparent:var(--uc-primary-transparent-light);
      --uc-primary-foreground:var(--uc-primary-foreground-light);
      --uc-secondary:var(--uc-secondary-light);
      --uc-secondary-hover:var(--uc-secondary-hover-light);
      --uc-secondary-foreground:var(--uc-secondary-foreground-light);
      --uc-muted:var(--uc-muted-light);
      --uc-muted-foreground:var(--uc-muted-foreground-light);
      --uc-destructive:var(--uc-destructive-light);
      --uc-destructive-foreground:var(--uc-destructive-foreground-light);
      --uc-border:var(--uc-border-light);
      --uc-dialog-shadow:var(--uc-dialog-shadow-light);
      --uc-simple-btn:var(--uc-simple-btn-light);
      --uc-simple-btn-hover:var(--uc-simple-btn-hover-light);
      --uc-simple-btn-foreground:var(--uc-simple-btn-foreground-light);
    }
  }

  @media (prefers-color-scheme: dark){
    :where([uc-wgt-common]){
      --uc-background:var(--uc-background-dark);
      --uc-foreground:var(--uc-foreground-dark);
      --uc-primary:var(--uc-primary-dark);
      --uc-primary-hover:var(--uc-primary-hover-dark);
      --uc-primary-transparent:var(--uc-primary-transparent-dark);
      --uc-primary-foreground:var(--uc-primary-foreground-dark);
      --uc-secondary:var(--uc-secondary-dark);
      --uc-secondary-hover:var(--uc-secondary-hover-dark);
      --uc-secondary-foreground:var(--uc-secondary-foreground-dark);
      --uc-muted:var(--uc-muted-dark);
      --uc-muted-foreground:var(--uc-muted-foreground-dark);
      --uc-destructive:var(--uc-destructive-dark);
      --uc-destructive-foreground:var(--uc-destructive-foreground-dark);
      --uc-border:var(--uc-border-dark);
      --uc-dialog-shadow:var(--uc-dialog-shadow-dark);
      --uc-simple-btn:var(--uc-simple-btn-dark);
      --uc-simple-btn-hover:var(--uc-simple-btn-hover-dark);
      --uc-simple-btn-foreground:var(--uc-simple-btn-foreground-dark);
    }
  }

  :where([uc-wgt-common]){
    color:var(--uc-foreground);
    font-size:var(--uc-font-size);
    line-height:var(--uc-line-height);
    font-family:var(--uc-font-family);
  }

  :where([uc-wgt-common]) *{
    box-sizing:border-box;
  }

  :where([uc-wgt-common]) button{
    height:var(--uc-button-size);
    white-space:nowrap;
    border-radius:var(--uc-radius);
    cursor:pointer;
    user-select:none;
    transition:background-color var(--uc-transition);
    border:none;
    justify-content:center;
    align-items:center;
    padding-left:14px;
    padding-right:14px;
    font-family:inherit;
    font-size:1em;
    display:flex;
  }

  :where([uc-wgt-common]) button:focus-visible{
    outline-offset:2px;
  }

  :where([uc-wgt-common]){
    --uc-font-family:system-ui;
    --uc-font-size:14px;
    --uc-line-height:normal;
    --uc-simple-btn-font-family:system-ui;
    --uc-simple-btn-font-size:14px;
    --uc-button-size:32px;
    --uc-preview-size:32px;
    --uc-padding:10px;
    --uc-radius:8px;
    --uc-transition:.2s ease;
    --uc-dialog-width:430px;
    --uc-dialog-max-width:920px;
    --uc-dialog-max-height:675px;
    --uc-simple-btn-padding:7px 14px;
    --uc-grid-col:3;
    --uc-grid-preview-image-height:auto;
    --uc-grid-gap:calc(var(--uc-padding) / 2);
    --uc-grid-aspect-ratio:1 / 1;
    --uc-background:var(--uc-background-light);
    --uc-foreground:var(--uc-foreground-light);
    --uc-primary:var(--uc-primary-light);
    --uc-primary-hover:var(--uc-primary-hover-light);
    --uc-primary-transparent:var(--uc-primary-transparent-light);
    --uc-primary-foreground:var(--uc-primary-foreground-light);
    --uc-secondary:var(--uc-secondary-light);
    --uc-secondary-hover:var(--uc-secondary-hover-light);
    --uc-secondary-foreground:var(--uc-secondary-foreground-light);
    --uc-muted:var(--uc-muted-light);
    --uc-muted-foreground:var(--uc-muted-foreground-light);
    --uc-destructive:var(--uc-destructive-light);
    --uc-destructive-foreground:var(--uc-destructive-foreground-light);
    --uc-border:var(--uc-border-light);
    --uc-dialog-shadow:var(--uc-dialog-shadow-light);
    --uc-simple-btn:var(--uc-simple-btn-light);
    --uc-simple-btn-hover:var(--uc-simple-btn-hover-light);
    --uc-simple-btn-foreground:var(--uc-simple-btn-foreground-light);
  }

  @supports not (color: oklch(0% 0 0)){
    :where([uc-wgt-common]){
      --uc-primary-rgb-light:23 75 215;
      --uc-primary-light:rgb(var(--uc-primary-rgb-light));
      --uc-primary-hover-light:rgb(var(--uc-primary-rgb-light) / 90%);
      --uc-primary-transparent-light:rgb(var(--uc-primary-rgb-light) / 10%);
      --uc-background-light:#fff;
      --uc-foreground-light:#181818;
      --uc-primary-foreground-light:#fff;
      --uc-secondary-light:#1818180d;
      --uc-secondary-hover-light:#18181814;
      --uc-secondary-foreground-light:#181818;
      --uc-muted-light:#f5f5f5;
      --uc-muted-foreground-light:#717171;
      --uc-destructive-light:#e813140d;
      --uc-destructive-foreground-light:#e81314;
      --uc-border-light:#e4e4e8;
      --uc-dialog-shadow-light:0px 6px 20px #0000001a;
      --uc-simple-btn-light:#ebebeb;
      --uc-simple-btn-hover-light:#e4e4e4;
      --uc-simple-btn-foreground-light:#181818;
      --uc-primary-rgb-dark:87 154 255;
      --uc-primary-dark:rgb(var(--uc-primary-rgb-dark));
      --uc-primary-hover-dark:rgb(var(--uc-primary-rgb-dark) / 90%);
      --uc-primary-transparent-dark:rgb(var(--uc-primary-rgb-dark) / 7%);
      --uc-background-dark:#1b1b1b;
      --uc-foreground-dark:#e1e1e1;
      --uc-primary-foreground-dark:#000;
      --uc-secondary-dark:#e1e1e112;
      --uc-secondary-hover-dark:#e1e1e11a;
      --uc-secondary-foreground-dark:#e1e1e1;
      --uc-muted-dark:#242424;
      --uc-muted-foreground-dark:#989898;
      --uc-destructive-dark:#f45a4f1a;
      --uc-destructive-foreground-dark:#f45a4f;
      --uc-border-dark:#3d3d3d;
      --uc-dialog-shadow-dark:0px 6px 20px #00000040;
      --uc-simple-btn-dark:#242424;
      --uc-simple-btn-hover-dark:#2b2b2b;
      --uc-simple-btn-foreground-dark:#fff;
    }
  }

  @supports (color: oklch(0% 0 0)){
    :where([uc-wgt-common]){
      --uc-primary-oklch-light:47% .22 264;
      --uc-primary-light:oklch(var(--uc-primary-oklch-light));
      --uc-primary-hover-light:oklch(var(--uc-primary-oklch-light) / 90%);
      --uc-primary-transparent-light:oklch(var(--uc-primary-oklch-light) / 7%);
      --uc-background-light:oklch(100% 0 0);
      --uc-foreground-light:oklch(21% 0 0);
      --uc-primary-foreground-light:oklch(100% 0 0);
      --uc-secondary-light:oklch(21% 0 0 / .05);
      --uc-secondary-hover-light:oklch(21% 0 0 / .08);
      --uc-secondary-foreground-light:oklch(21% 0 0);
      --uc-muted-light:oklch(97% 0 0);
      --uc-muted-foreground-light:oklch(40% 0 0);
      --uc-destructive-light:oklch(59% .235 28.5 / .05);
      --uc-destructive-foreground-light:oklch(59% .235 28.5);
      --uc-border-light:oklch(92% 0 0);
      --uc-dialog-shadow-light:0px 6px 20px oklch(0% 0 0 / .1);
      --uc-simple-btn-light:oklch(94% 0 0);
      --uc-simple-btn-hover-light:oklch(92% 0 0);
      --uc-simple-btn-foreground-light:oklch(20% 0 0);
      --uc-primary-oklch-dark:69% .1768 258.4;
      --uc-primary-dark:oklch(var(--uc-primary-oklch-dark));
      --uc-primary-hover-dark:oklch(var(--uc-primary-oklch-dark) / 90%);
      --uc-primary-transparent-dark:oklch(var(--uc-primary-oklch-dark) / 7%);
      --uc-background-dark:oklch(22% 0 0);
      --uc-foreground-dark:oklch(91% 0 0);
      --uc-primary-foreground-dark:oklch(0% 0 0);
      --uc-secondary-dark:oklch(91% 0 0 / .07);
      --uc-secondary-hover-dark:oklch(91% 0 0 / .1);
      --uc-secondary-foreground-dark:oklch(91% 0 0);
      --uc-muted-dark:oklch(26% 0 0);
      --uc-muted-foreground-dark:oklch(68% 0 0);
      --uc-destructive-dark:oklch(67% .191 27.5 / .1);
      --uc-destructive-foreground-dark:oklch(67% .191 27.5);
      --uc-border-dark:oklch(36% 0 0);
      --uc-dialog-shadow-dark:0px 6px 20px oklch(0% 0 0 / .25);
      --uc-simple-btn-dark:oklch(26% 0 0);
      --uc-simple-btn-hover-dark:oklch(29% 0 0);
      --uc-simple-btn-foreground-dark:oklch(100% 0 0);
    }
  }

  @media only screen and (height <= 600px){
    :where([uc-wgt-common]){
      --uc-dialog-max-height:100%;
    }
  }

  @media only screen and (width <= 680px){
    :where([uc-wgt-common]){
      --uc-grid-col:2;
    }
  }

  @media only screen and (width <= 430px){
    :where([uc-wgt-common]){
      --uc-dialog-max-width:100vw;
      --uc-dialog-max-height:var(--uploadcare-blocks-window-height);
      --uc-grid-col:1;
    }
  }

  @media (prefers-color-scheme: light){
    :where([uc-wgt-common]){
      --uc-background:var(--uc-background-light);
      --uc-foreground:var(--uc-foreground-light);
      --uc-primary:var(--uc-primary-light);
      --uc-primary-hover:var(--uc-primary-hover-light);
      --uc-primary-transparent:var(--uc-primary-transparent-light);
      --uc-primary-foreground:var(--uc-primary-foreground-light);
      --uc-secondary:var(--uc-secondary-light);
      --uc-secondary-hover:var(--uc-secondary-hover-light);
      --uc-secondary-foreground:var(--uc-secondary-foreground-light);
      --uc-muted:var(--uc-muted-light);
      --uc-muted-foreground:var(--uc-muted-foreground-light);
      --uc-destructive:var(--uc-destructive-light);
      --uc-destructive-foreground:var(--uc-destructive-foreground-light);
      --uc-border:var(--uc-border-light);
      --uc-dialog-shadow:var(--uc-dialog-shadow-light);
      --uc-simple-btn:var(--uc-simple-btn-light);
      --uc-simple-btn-hover:var(--uc-simple-btn-hover-light);
      --uc-simple-btn-foreground:var(--uc-simple-btn-foreground-light);
    }
  }

  @media (prefers-color-scheme: dark){
    :where([uc-wgt-common]){
      --uc-background:var(--uc-background-dark);
      --uc-foreground:var(--uc-foreground-dark);
      --uc-primary:var(--uc-primary-dark);
      --uc-primary-hover:var(--uc-primary-hover-dark);
      --uc-primary-transparent:var(--uc-primary-transparent-dark);
      --uc-primary-foreground:var(--uc-primary-foreground-dark);
      --uc-secondary:var(--uc-secondary-dark);
      --uc-secondary-hover:var(--uc-secondary-hover-dark);
      --uc-secondary-foreground:var(--uc-secondary-foreground-dark);
      --uc-muted:var(--uc-muted-dark);
      --uc-muted-foreground:var(--uc-muted-foreground-dark);
      --uc-destructive:var(--uc-destructive-dark);
      --uc-destructive-foreground:var(--uc-destructive-foreground-dark);
      --uc-border:var(--uc-border-dark);
      --uc-dialog-shadow:var(--uc-dialog-shadow-dark);
      --uc-simple-btn:var(--uc-simple-btn-dark);
      --uc-simple-btn-hover:var(--uc-simple-btn-hover-dark);
      --uc-simple-btn-foreground:var(--uc-simple-btn-foreground-dark);
    }
  }

  :where(.uc-light), :where(.uc-light) :where([uc-wgt-common]){
    --uc-background:var(--uc-background-light);
    --uc-foreground:var(--uc-foreground-light);
    --uc-primary:var(--uc-primary-light);
    --uc-primary-hover:var(--uc-primary-hover-light);
    --uc-primary-transparent:var(--uc-primary-transparent-light);
    --uc-primary-foreground:var(--uc-primary-foreground-light);
    --uc-secondary:var(--uc-secondary-light);
    --uc-secondary-hover:var(--uc-secondary-hover-light);
    --uc-secondary-foreground:var(--uc-secondary-foreground-light);
    --uc-muted:var(--uc-muted-light);
    --uc-muted-foreground:var(--uc-muted-foreground-light);
    --uc-destructive:var(--uc-destructive-light);
    --uc-destructive-foreground:var(--uc-destructive-foreground-light);
    --uc-border:var(--uc-border-light);
    --uc-dialog-shadow:var(--uc-dialog-shadow-light);
    --uc-simple-btn:var(--uc-simple-btn-light);
    --uc-simple-btn-hover:var(--uc-simple-btn-hover-light);
    --uc-simple-btn-foreground:var(--uc-simple-btn-foreground-light);
  }

  :where(.uc-dark), :where(.uc-dark) :where([uc-wgt-common]){
    --uc-background:var(--uc-background-dark);
    --uc-foreground:var(--uc-foreground-dark);
    --uc-primary:var(--uc-primary-dark);
    --uc-primary-hover:var(--uc-primary-hover-dark);
    --uc-primary-transparent:var(--uc-primary-transparent-dark);
    --uc-primary-foreground:var(--uc-primary-foreground-dark);
    --uc-secondary:var(--uc-secondary-dark);
    --uc-secondary-hover:var(--uc-secondary-hover-dark);
    --uc-secondary-foreground:var(--uc-secondary-foreground-dark);
    --uc-muted:var(--uc-muted-dark);
    --uc-muted-foreground:var(--uc-muted-foreground-dark);
    --uc-destructive:var(--uc-destructive-dark);
    --uc-destructive-foreground:var(--uc-destructive-foreground-dark);
    --uc-border:var(--uc-border-dark);
    --uc-dialog-shadow:var(--uc-dialog-shadow-dark);
    --uc-simple-btn:var(--uc-simple-btn-dark);
    --uc-simple-btn-hover:var(--uc-simple-btn-hover-dark);
    --uc-simple-btn-foreground:var(--uc-simple-btn-foreground-dark);
  }

  :where(.uc-purple){
    --uc-primary-oklch-light:47% .22 300;
    --uc-primary-oklch-dark:69% .1768 300;
  }

  :where(.uc-red){
    --uc-primary-oklch-light:47% .21 21;
    --uc-primary-oklch-dark:71% .1768 21;
  }

  :where(.uc-orange){
    --uc-primary-oklch-light:47% .1376 51.88;
    --uc-primary-oklch-dark:69% .1768 51.88;
  }

  :where(.uc-green){
    --uc-primary-oklch-light:45% .14 130;
    --uc-primary-oklch-dark:69% .1768 130;
  }

  :where(.uc-turquoise){
    --uc-primary-oklch-light:45% .0854 174;
    --uc-primary-oklch-dark:69% .1768 174;
  }

  :where(.uc-gray){
    --uc-primary-oklch-light:10% 0 0;
    --uc-primary-oklch-dark:97% 0 0;
  }

  :where(.uc-contrast){
    --uc-border-light:oklch(50% 0 0);
    --uc-border-dark:oklch(50% 0 0);
    --uc-muted-light:oklch(98% 0 0);
    --uc-muted-dark:oklch(16% 0 0);
    --uc-muted-foreground-light:oklch(20% 0 0);
    --uc-muted-foreground-dark:oklch(80% 0 0);
    --uc-background-light:oklch(100% 0 0);
    --uc-foreground-light:oklch(0% 0 0);
    --uc-background-dark:oklch(10% 0 0);
    --uc-foreground-dark:oklch(100% 0 0);
  }
}

@layer uc.shared{
  @supports selector(dialog::backdrop){
    :where([uc-modal]) > dialog::backdrop{
      background-color:#0000001a;
    }

    :where([uc-modal])[strokes] > dialog::backdrop{
      background-image:var(--modal-backdrop-background-image);
    }
  }

  :where([uc-modal]) > dialog[open]{
    visibility:visible;
    opacity:1;
    transform:translateY(0);
  }

  :where([uc-modal]) > dialog:not([open]){
    visibility:hidden;
    opacity:0;
    transform:translateY(20px);
  }

  :where([uc-modal]) > dialog{
    width:min(var(--uc-dialog-width),100%);
    max-width:min(calc(100% - var(--uc-padding) * 2),var(--uc-dialog-max-width));
    min-height:var(--uc-button-size);
    max-height:min(calc(100% - var(--uc-padding) * 2),var(--uc-dialog-max-height));
    background-color:var(--uc-background);
    border-radius:calc(var(--uc-radius) * 1.75);
    box-shadow:var(--uc-dialog-shadow);
    border:0;
    flex-direction:column;
    margin:auto;
    padding:0;
    transition:transform .4s, opacity .4s;
    display:flex;
    overflow:hidden;
  }

  :where(.uc-contrast) :where([uc-modal]) > dialog{
    outline:1px solid var(--uc-border);
  }

  uc-progress-bar{
    --visible-opacity:1;
    --l-progress-value:0;
    pointer-events:none;
    opacity:1;
    width:100%;
    height:100%;
    transition:opacity .3s;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    overflow:hidden;
  }

  uc-progress-bar.uc-progress-bar--hidden{
    opacity:0;
  }

  uc-progress-bar .uc-progress{
    width:calc(var(--l-progress-value) * 1%);
    background-color:var(--uc-primary);
    height:100%;
    opacity:var(--visible-opacity);
    transition:width .6s, opacity .3s;
    position:absolute;
    transform:translate(0);
  }

  uc-progress-bar .uc-progress--hidden{
    opacity:0;
    transition:opacity .3s;
  }

  uc-progress-bar .uc-fake-progress{
    --l-fake-progress-width:30;
    width:calc(var(--l-fake-progress-width) * 1%);
    background-color:var(--uc-primary);
    height:100%;
    opacity:var(--visible-opacity);
    z-index:1;
    transition:opacity .3s;
    animation:1s ease-in-out infinite fake-progress-animation;
    position:absolute;
  }

  uc-progress-bar .uc-fake-progress--hidden{
    opacity:0;
    animation:none;
  }

  @keyframes fake-progress-animation{
    0%{
      transform:translate(-100%);
    }

    to{
      transform:translate(calc(100 / var(--l-fake-progress-width) * 100 * 1%));
    }
  }

  uc-progress-bar-common{
    z-index:10000;
    background-color:var(--uc-background);
    height:10px;
    transition:opacity .3s;
    display:block;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
  }

  uc-progress-bar-common:not([active]){
    opacity:0;
    pointer-events:none;
  }

  uc-select{
    display:inline-flex;
  }

  uc-select select{
    height:var(--uc-button-size);
    white-space:nowrap;
    border-radius:var(--uc-radius);
    cursor:pointer;
    user-select:none;
    transition:background-color var(--uc-transition);
    color:var(--uc-secondary-foreground);
    background-color:var(--uc-secondary);
    border:none;
    justify-content:center;
    align-items:center;
    padding:0 14px;
    font-family:inherit;
    font-size:1em;
    display:inline-flex;
    position:relative;
  }

  @keyframes uc-spinner-keyframes{
    0%{
      transform:rotate(0);
    }

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

  .uc-spinner{
    border:2px solid #0000;
    border-color:currentColor #0000 #0000 currentColor;
    border-radius:50%;
    width:1em;
    height:1em;
    animation:.4s linear infinite uc-spinner-keyframes;
  }

  uc-thumb{
    width:100%;
    height:100%;
  }

  .uc-thumb{
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
  }

  .uc-thumb__img{
    object-fit:cover;
    pointer-events:none;
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    inset:0;
  }

  :is(uc-activity-header, .uc-ui-activity-header){
    justify-content:space-between;
    gap:var(--uc-padding);
    padding:var(--uc-padding);
    color:var(--uc-foreground);
    font-size:1em;
    font-weight:500;
    display:flex;
  }

  :is(uc-activity-header, .uc-ui-activity-header) > *{
    align-items:center;
    display:flex;
  }

  :is(uc-activity-header, .uc-ui-activity-header) > div > uc-icon{
    width:auto;
  }

  :is(uc-activity-header, .uc-ui-activity-header) > div{
    gap:var(--uc-padding);
  }

  :where([uc-wgt-common]) :is(button.uc-primary-btn, button.uc-ui-primary-btn){
    color:var(--uc-primary-foreground);
    background-color:var(--uc-primary);
  }

  :where([uc-wgt-common]) :is(button.uc-primary-btn, button.uc-ui-primary-btn):hover{
    background-color:var(--uc-primary-hover);
  }

  :where([uc-wgt-common]) :is(button.uc-secondary-btn, button.uc-ui-secondary-btn){
    color:var(--uc-secondary-foreground);
    background-color:var(--uc-secondary);
  }

  :where([uc-wgt-common]) :is(button.uc-secondary-btn, button.uc-ui-secondary-btn):hover{
    background-color:var(--uc-secondary-hover);
  }

  :where([uc-wgt-common].uc-contrast) :is(button.uc-secondary-btn, button.uc-ui-secondary-btn){
    border:1px solid var(--uc-border);
  }

  :where([uc-wgt-common]) :is(button.uc-mini-btn, button.uc-ui-icon-btn){
    height:var(--uc-button-size);
    color:var(--uc-secondary-foreground);
    background-color:#0000;
    padding:0;
  }

  :where([uc-wgt-common]) :is(button.uc-mini-btn, button.uc-ui-icon-btn):hover{
    background-color:var(--uc-secondary);
  }

  :where([uc-wgt-common]) :is(button[disabled], button.uc-primary-btn[disabled], button.uc-secondary-btn[disabled], button.uc-ui-primary-btn[disabled], button.uc-ui-secondary-btn[disabled], button.uc-ui-icon-btn[disabled]){
    opacity:.5;
    pointer-events:none;
  }

  :where([uc-wgt-common]) a{
    color:var(--uc-primary);
    text-decoration:none;
  }

  :where([uc-wgt-common]) a[disabled]{
    pointer-events:none;
  }

  :where([uc-wgt-common]) input[type="text"]{
    width:100%;
    height:var(--uc-button-size);
    color:var(--uc-foreground);
    background-color:var(--uc-background);
    border:1px solid var(--uc-border);
    border-radius:var(--uc-radius);
    transition:border-color var(--uc-transition),outline-color var(--uc-transition);
    outline:1px solid #0000;
    padding-left:10px;
    padding-right:10px;
    font-family:inherit;
    font-size:1em;
    display:flex;
  }

  :where([uc-wgt-common]) input[type="text"]::placeholder{
    color:var(--uc-muted-foreground);
  }

  :where([uc-wgt-common]) input[type="text"]:focus{
    outline-color:var(--uc-primary-hover);
    border-color:var(--uc-primary-hover);
  }

  :where([uc-wgt-common]) input[disabled], :where([uc-wgt-common]) uc-select[disabled], :where([uc-wgt-common]) select[disabled]{
    opacity:.6;
    pointer-events:none;
  }

  :where([uc-wgt-common]) .uc-ui-toolbar{
    padding:var(--uc-padding);
    background-color:var(--uc-background);
    align-items:center;
    gap:4px;
    display:flex;
  }

  :where([uc-wgt-common]) .uc-ui-toolbar-spacer{
    flex:1;
  }

  uc-icon{
    width:var(--uc-button-size);
    height:var(--uc-button-size);
    justify-content:center;
    align-items:center;
    display:inline-flex;
  }

  uc-icon svg{
    width:calc(var(--uc-button-size) / 2);
    height:calc(var(--uc-button-size) / 2);
    overflow:visible;
  }
}

@layer uc.components{
  uc-copyright{
    justify-content:center;
    width:100%;
    display:flex;
  }

  uc-copyright .uc-credits{
    all:unset;
    background-color:var(--uc-background);
    color:var(--uc-muted-foreground);
    opacity:.9;
    cursor:pointer;
    transition:opacity var(--uc-transition),background-color var(--uc-transition);
    border-radius:6px;
    padding:2px 5px;
    font-size:12px;
    font-weight:400;
    position:absolute;
    bottom:12px;
  }

  uc-copyright .uc-credits:focus-visible{
    outline:1px auto highlight;
    outline:1px auto -webkit-focus-ring-color;
  }

  uc-copyright .uc-credits:hover{
    opacity:1;
    background-color:var(--uc-muted);
  }

  uc-source-btn > button{
    padding:2px var(--uc-padding);
    color:var(--uc-foreground);
    border-radius:var(--uc-radius);
    cursor:pointer;
    transition:background-color var(--uc-transition),color var(--uc-transition);
    user-select:none;
    background-color:unset;
    width:100%;
    height:unset;
    align-items:center;
    margin-bottom:2px;
    display:flex;
  }

  uc-source-btn:last-child > button{
    margin-bottom:0;
  }

  uc-source-btn > button:hover{
    background-color:var(--uc-primary-transparent);
  }

  :where(.uc-contrast) uc-source-btn > button:hover{
    background-color:var(--uc-secondary);
    color:var(--uc-foreground);
  }

  uc-source-btn uc-icon{
    min-width:var(--uc-button-size);
    margin-right:var(--uc-padding);
    opacity:.8;
    flex-grow:1;
    justify-content:center;
    display:inline-flex;
  }

  :where(.uc-contrast) uc-source-btn uc-icon{
    opacity:1;
  }

  uc-source-btn .uc-txt{
    box-sizing:border-box;
    width:100%;
    height:var(--uc-button-size);
    white-space:nowrap;
    border:none;
    align-items:center;
    padding:0;
    display:flex;
  }

  uc-start-from{
    display:block;
    overflow-y:auto;
  }

  uc-start-from .uc-content{
    gap:calc(var(--uc-padding) * 2);
    width:100%;
    height:100%;
    padding:calc(var(--uc-padding) * 2);
    background-color:var(--uc-background);
    grid-auto-flow:row;
    display:grid;
  }

  [uc-modal] > dialog:has(uc-start-from[active]){
    width:var(--uc-dialog-width);
  }

  [uc-modal] uc-start-from uc-drop-area{
    border-radius:var(--uc-radius);
  }

  @media only screen and (width <= 430px){
    [uc-modal] uc-start-from uc-drop-area{
      display:none;
    }
  }

  uc-upload-list{
    background-color:var(--uc-background);
    width:100%;
    height:max-content;
    transition:opacity var(--uc-transition);
    flex-direction:column;
    display:flex;
    position:relative;
    overflow:hidden;
  }

  uc-upload-list .uc-no-files{
    height:32px;
    padding:20px;
  }

  uc-upload-list .uc-files{
    min-height:32px;
    padding:0 var(--uc-padding);
    flex:1;
    display:block;
    overflow:auto;
  }

  uc-upload-list .uc-files-wrapper{
    display:contents;
  }

  uc-upload-list .uc-toolbar{
    padding:var(--uc-padding);
    background-color:var(--uc-background);
    justify-content:space-between;
    gap:4px;
    display:flex;
  }

  uc-upload-list .uc-toolbar-spacer{
    flex:1;
  }

  uc-upload-list uc-drop-area{
    width:calc(100% - var(--uc-padding) * 2);
    height:calc(100% - var(--uc-padding) * 2);
    margin:var(--uc-padding);
    border-radius:var(--uc-radius);
    position:absolute;
    top:0;
    left:0;
  }

  uc-upload-list uc-activity-header > .uc-header-text{
    padding:0 var(--uc-padding);
  }

  uc-upload-list .uc-common-error{
    border-radius:var(--uc-radius);
    color:var(--uc-destructive-foreground);
    background-color:var(--uc-destructive);
    padding:var(--uc-padding);
    margin:4px var(--uc-padding) 0 var(--uc-padding);
    justify-content:center;
    align-items:center;
    font-size:.925em;
    display:flex;
  }

  uc-upload-list .uc-add-more-btn uc-icon{
    display:none;
  }

  uc-upload-list[mode="grid"] .uc-files{
    gap:var(--uc-grid-gap);
    flex-wrap:wrap;
    display:flex;
  }

  uc-upload-list .uc-files .uc-add-more-btn, uc-upload-list[mode="grid"] uc-file-item{
    flex:0 0 calc((100% - (var(--uc-grid-gap) * (var(--uc-grid-col) - 1))) / var(--uc-grid-col));
    max-width:calc((100% - (var(--uc-grid-gap) * (var(--uc-grid-col) - 1))) / var(--uc-grid-col));
    height:var(--uc-grid-preview-image-height);
    aspect-ratio:var(--uc-grid-aspect-ratio);
  }

  uc-upload-list .uc-files .uc-add-more-btn{
    display:none;
  }

  uc-file-item{
    --uc-file-item-gap:4px;
    --uc-file-item-height:calc(var(--uc-preview-size) + var(--uc-padding) * 2 + var(--uc-file-item-gap));
    min-height:var(--uc-file-item-height);
    display:block;
    overflow:hidden;
  }

  uc-file-item:last-of-type{
    --uc-file-item-gap:0;
  }

  uc-file-item > .uc-inner{
    grid-template-columns:var(--uc-preview-size) 1fr max-content;
    margin-bottom:var(--uc-file-item-gap);
    padding:var(--uc-padding);
    background-color:var(--uc-muted);
    border-radius:var(--uc-radius);
    transition:background-color var(--uc-transition);
    align-items:center;
    gap:2px;
    font-size:.925em;
    display:grid;
    position:relative;
    overflow:hidden;
  }

  uc-file-item > .uc-inner[data-focused]{
    background-color:#0000;
  }

  uc-file-item > .uc-inner[data-uploading] .uc-edit-btn{
    display:none;
  }

  uc-file-item > :where(.uc-inner[data-failed], .uc-inner[data-limit-overflow]){
    background-color:var(--uc-destructive);
  }

  uc-file-item .uc-thumb{
    width:var(--uc-preview-size);
    height:var(--uc-preview-size);
    background-color:var(--uc-secondary);
    border-radius:var(--uc-radius);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    display:inline-flex;
    position:relative;
  }

  uc-file-item .uc-file-name-wrapper{
    text-align:left;
    max-width:100%;
    padding-right:var(--uc-padding);
    padding-left:var(--uc-padding);
    color:var(--uc-muted-foreground);
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    display:flex;
    overflow:hidden;
  }

  uc-file-item .uc-file-name{
    white-space:nowrap;
    text-overflow:ellipsis;
    max-width:100%;
    overflow:hidden;
  }

  uc-file-item .uc-file-error{
    color:var(--uc-destructive-foreground);
    z-index:2;
    font-size:.85em;
    display:none;
  }

  uc-file-item button.uc-remove-btn, uc-file-item button.uc-edit-btn{
    color:var(--uc-muted-foreground);
  }

  uc-file-item button svg{
    pointer-events:none;
  }

  uc-file-item button.uc-upload-btn{
    display:none;
  }

  uc-file-item .uc-badge{
    width:14px;
    height:14px;
    color:var(--uc-background);
    background-color:var(--uc-foreground);
    opacity:0;
    transition:opacity var(--uc-transition),transform var(--uc-transition);
    border-radius:50%;
    justify-content:center;
    align-items:center;
    display:flex;
    position:absolute;
    bottom:2px;
    right:2px;
    transform:scale(.3);
  }

  uc-file-item > .uc-inner:where([data-failed], [data-limit-overflow], [data-finished]) .uc-badge{
    opacity:1;
    transform:scale(1);
  }

  uc-file-item > .uc-inner:where([data-failed], [data-limit-overflow]) .uc-badge{
    background-color:var(--uc-destructive-foreground);
  }

  uc-file-item > .uc-inner:where([data-failed], [data-limit-overflow]) .uc-file-error{
    display:block;
  }

  uc-file-item .uc-badge uc-icon, uc-file-item .uc-badge uc-icon svg{
    width:100%;
    height:100%;
  }

  uc-file-item .uc-progress-bar{
    --visible-opacity:.7;
    height:2px;
    top:calc(100% - 2px);
  }

  :where(.uc-contrast) uc-file-item .uc-progress-bar{
    --visible-opacity:1;
  }

  uc-file-item .uc-file-actions{
    justify-content:center;
    align-items:center;
    gap:2px;
    display:flex;
  }

  uc-file-item[mode="grid"]{
    min-height:initial;
    overflow:visible;
  }

  uc-file-item[mode="grid"] .uc-inner{
    background-color:#0000;
    border-radius:0;
    grid-template-rows:1fr max-content;
    grid-template-columns:1fr;
    height:100%;
    margin-bottom:0;
    padding:0;
  }

  uc-file-item[mode="grid"] .uc-inner[data-failed] .uc-badge{
    display:none;
  }

  uc-file-item[mode="grid"] .uc-thumb{
    width:100%;
    height:100%;
  }

  uc-file-item[mode="grid"] .uc-badge{
    right:var(--uc-padding);
    bottom:var(--uc-padding);
  }

  uc-file-item[mode="grid"] .uc-file-name-wrapper{
    padding:0;
  }

  uc-file-item[mode="grid"] .uc-file-name:not([hidden]) + .uc-file-error{
    bottom:calc(var(--uc-padding) + var(--uc-font-size));
  }

  uc-file-item[mode="grid"] .uc-file-error{
    background-color:var(--uc-destructive-foreground);
    border-radius:var(--uc-radius);
    color:var(--uc-background);
    bottom:var(--uc-padding);
    left:var(--uc-padding);
    right:var(--uc-padding);
    padding:calc(var(--uc-padding) / 2) var(--uc-padding);
    position:absolute;
  }

  uc-file-item[mode="grid"] .uc-file-hint{
    background-color:var(--uc-background);
    border-radius:var(--uc-radius);
    color:var(--uc-foreground);
    bottom:calc(var(--uc-padding) * 2);
    left:var(--uc-padding);
    right:var(--uc-padding);
    padding:calc(var(--uc-padding) / 2) var(--uc-padding);
    position:absolute;
  }

  uc-file-item[mode="grid"] .uc-file-actions{
    top:var(--uc-padding);
    right:var(--uc-padding);
    position:absolute;
  }

  uc-file-item[mode="grid"] button{
    background-color:var(--uc-background);
  }

  uc-file-item[mode="grid"] button:hover{
    background-color:var(--uc-muted);
  }

  uc-file-item[mode="grid"] .uc-progress-bar{
    width:initial;
    height:4px;
    top:initial;
    bottom:var(--uc-padding);
    left:var(--uc-padding);
    right:var(--uc-padding);
    border-radius:var(--uc-radius);
    z-index:1;
    background-color:var(--uc-background);
    transition:background-color .3s, opacity .3s;
  }

  uc-file-item[mode="grid"] .uc-progress-bar :is(.uc-fake-progress, .uc-progress){
    background-color:var(--uc-primary);
  }

  uc-file-item[mode="grid"] .uc-progress-bar[hasfilename]{
    bottom:calc(var(--uc-padding) + var(--uc-font-size));
  }

  :where([uc-drop-area]){
    border:1px dashed var(--uc-border);
    border-radius:calc(var(--uc-radius) * 1.75);
    transition:border var(--uc-transition),border-radius var(--uc-transition);
    padding:2px;
    overflow:hidden;
  }

  :where([uc-drop-area]), :where([uc-drop-area]) .uc-content-wrapper{
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
    display:flex;
  }

  :where([uc-drop-area]) .uc-text{
    margin:var(--uc-padding);
    color:var(--uc-muted-foreground);
    transition:color var(--uc-transition);
    position:relative;
  }

  :where([uc-drop-area])[ghost][drag-state="inactive"]{
    display:none;
  }

  :where([uc-drop-area])[ghost]:not([fullscreen]):is([drag-state="active"], [drag-state="near"], [drag-state="over"]){
    background:var(--uc-background);
  }

  :where([uc-drop-area]):is([drag-state="active"], [drag-state="near"], [drag-state="over"], :hover){
    background:var(--uc-primary-transparent);
    border-color:var(--uc-primary-transparent);
  }

  :where(.uc-contrast) :where([uc-drop-area]):is([drag-state="active"], [drag-state="near"], [drag-state="over"], :hover){
    color:var(--uc-foreground);
    border-color:var(--uc-foreground);
    background:none;
    border-style:solid;
    border-width:2px;
  }

  :where([uc-drop-area]):is([drag-state="active"], [drag-state="near"]){
    opacity:1;
  }

  :where([uc-drop-area])[drag-state="over"]{
    border-color:var(--uc-primary);
    opacity:1;
  }

  :where([uc-drop-area])[with-icon]{
    min-height:180px;
  }

  :where([uc-drop-area])[with-icon] .uc-content-wrapper{
    flex-direction:column;
    display:flex;
  }

  :where([uc-drop-area])[with-icon] .uc-text{
    color:var(--uc-foreground);
    font-size:1.1em;
    font-weight:500;
  }

  :where([uc-drop-area])[with-icon] .uc-icon-container{
    width:64px;
    height:64px;
    margin:var(--uc-padding);
    color:var(--uc-foreground);
    background-color:var(--uc-muted);
    transition:color var(--uc-transition),background-color var(--uc-transition);
    border-radius:50%;
    position:relative;
    overflow:hidden;
  }

  :where([uc-drop-area])[with-icon] uc-icon{
    width:32px;
    height:32px;
    transition:transform var(--uc-transition);
    position:absolute;
    top:calc(50% - 16px);
    left:calc(50% - 16px);
  }

  :where([uc-drop-area])[with-icon] uc-icon:last-child{
    transform:translateY(48px);
  }

  :where(.uc-contrast) :where([uc-drop-area])[with-icon]:hover .uc-icon-container, :where(.uc-contrast) :where([uc-drop-area])[with-icon]:hover .uc-text{
    color:var(--uc-foreground);
  }

  :where([uc-drop-area])[with-icon]:hover .uc-icon-container{
    background-color:var(--uc-primary-transparent);
  }

  :where(.uc-contrast) :where([uc-drop-area])[with-icon]:hover .uc-icon-container{
    background-color:var(--uc-muted);
  }

  :where([uc-drop-area])[with-icon] > .uc-content-wrapper:is([drag-state="active"], [drag-state="near"], [drag-state="over"]) .uc-icon-container{
    color:var(--uc-primary-foreground);
    background-color:var(--uc-primary);
  }

  :where([uc-drop-area])[with-icon] > .uc-content-wrapper:is([drag-state="active"], [drag-state="near"], [drag-state="over"]) .uc-text, :where(.uc-contrast) :where([uc-drop-area])[with-icon] > .uc-content-wrapper:is([drag-state="active"], [drag-state="near"], [drag-state="over"]) .uc-text{
    color:var(--uc-foreground);
  }

  :where([uc-drop-area])[with-icon] > .uc-content-wrapper:is([drag-state="active"], [drag-state="near"], [drag-state="over"]) uc-icon:first-child{
    transform:translateY(-48px);
  }

  :where([uc-drop-area])[with-icon] > .uc-content-wrapper:is([drag-state="active"], [drag-state="near"], [drag-state="over"]) uc-icon:last-child{
    transform:translateY(0);
  }

  :where([uc-drop-area])[with-icon] > .uc-content-wrapper[drag-state="near"] uc-icon:last-child{
    transform:scale(1.3);
  }

  :where([uc-drop-area])[with-icon] > .uc-content-wrapper[drag-state="over"] uc-icon:last-child{
    transform:scale(1.5);
  }

  :where([uc-drop-area])[fullscreen]{
    z-index:2147483647;
    width:calc(100vw - var(--uc-padding) * 2);
    height:calc(100vh - var(--uc-padding) * 2);
    margin:var(--uc-padding);
    justify-content:center;
    align-items:center;
    display:flex;
    position:fixed;
    inset:0;
  }

  :where([uc-drop-area])[fullscreen] .uc-content-wrapper{
    width:100%;
    max-width:calc(var(--uc-dialog-width) * .8);
    height:180px;
    color:var(--uc-foreground);
    background-color:var(--uc-background);
    border-radius:calc(var(--uc-radius) * 1.75);
    box-shadow:var(--uc-dialog-shadow);
    transition:color var(--uc-transition),background-color var(--uc-transition),box-shadow var(--uc-transition),border-radius var(--uc-transition),transform var(--uc-transition);
  }

  :where([uc-drop-area])[with-icon][fullscreen][drag-state="active"] > .uc-content-wrapper, :where([uc-drop-area])[with-icon][fullscreen][drag-state="near"] > .uc-content-wrapper{
    opacity:0;
    transform:translateY(10px);
  }

  :where([uc-drop-area])[with-icon][fullscreen][drag-state="over"] > .uc-content-wrapper{
    opacity:1;
    transform:translateY(0);
  }

  :where([uc-drop-area])[with-icon][fullscreen] > .uc-content-wrapper uc-icon:first-child{
    transform:translateY(-48px);
  }

  :where([uc-drop-area])[clickable]{
    cursor:pointer;
  }

  :where([uc-simple-btn]){
    display:inline-flex;
    position:relative;
  }

  :where([uc-simple-btn]) button{
    height:auto;
    padding:var(--uc-simple-btn-padding);
    background-color:var(--uc-simple-btn);
    color:var(--uc-simple-btn-foreground);
    font-size:var(--uc-simple-btn-font-size);
    font-family:var(--uc-simple-btn-font-family);
    gap:.5em;
  }

  :where([uc-simple-btn]) button uc-icon{
    width:auto;
    height:auto;
  }

  :where([uc-simple-btn]) button uc-icon svg{
    width:.9em;
    height:.9em;
  }

  :where([uc-simple-btn]) button:hover{
    background-color:var(--uc-simple-btn-hover);
  }

  :where([uc-simple-btn]) > uc-drop-area{
    display:contents;
  }

  :where([uc-simple-btn]) .uc-visual-drop-area{
    width:100%;
    height:100%;
    padding:var(--uc-simple-btn-padding);
    color:#0000;
    font-size:var(--uc-simple-btn-font-size);
    border:1px dashed var(--uc-simple-btn-foreground);
    border-radius:inherit;
    opacity:0;
    transition:opacity var(--uc-transition);
    background-color:#0000;
    justify-content:center;
    align-items:center;
    display:flex;
    position:absolute;
    top:0;
    left:0;
  }

  :where([uc-simple-btn]) > uc-drop-area[drag-state="active"] .uc-visual-drop-area{
    opacity:1;
  }

  :where([uc-simple-btn]) > uc-drop-area[drag-state="inactive"] .uc-visual-drop-area{
    opacity:0;
  }

  :where([uc-simple-btn]) > uc-drop-area[drag-state="near"] .uc-visual-drop-area, :where([uc-simple-btn]) > uc-drop-area[drag-state="over"] .uc-visual-drop-area{
    opacity:1;
  }

  uc-plugin-activity-host{
    display:contents;
  }

  uc-cloud-image-editor-activity{
    background-color:var(--uc-background);
    width:100%;
    height:100%;
    display:flex;
    position:relative;
    overflow:hidden;
  }

  [uc-modal] > dialog:has([activity="cloud-image-edit"][active]){
    width:100%;
    height:100%;
  }

  uc-url-source{
    background-color:var(--uc-background);
    display:block;
  }

  uc-url-source > .uc-content{
    padding:var(--uc-padding);
    grid-template-columns:1fr min-content;
    gap:4px;
    padding-top:0;
    display:grid;
  }

  uc-url-source .uc-url-input{
    display:flex;
  }

  uc-external-source{
    background-color:var(--uc-background);
    flex-direction:column;
    width:100%;
    height:100%;
    display:flex;
    position:relative;
    overflow:hidden;
  }

  [uc-modal] > dialog:has([activity="external"][active]){
    width:100%;
    height:100%;
  }

  uc-external-source > .uc-content{
    flex:1;
    grid-template-rows:1fr min-content;
    display:grid;
    position:relative;
  }

  uc-external-source iframe{
    border:none;
    width:100%;
    height:100%;
    display:block;
  }

  uc-external-source .uc-iframe-wrapper{
    overflow:hidden;
  }

  uc-external-source .uc-toolbar{
    gap:var(--uc-padding);
    width:100%;
    padding:var(--uc-padding);
    border-top:1px solid var(--uc-border);
    justify-content:space-between;
    align-items:center;
    display:flex;
  }

  uc-external-source .uc-back-btn{
    padding-left:0;
  }

  uc-external-source .uc-selection-status-box{
    color:var(--uc-foreground);
    flex-direction:column;
    justify-content:center;
    align-items:center;
    display:flex;
  }

  uc-external-source .uc-selection-status-box button{
    color:var(--uc-primary);
    background:none;
    height:auto;
    padding:0;
  }

  uc-external-source .uc-selection-status-box button:hover{
    text-decoration:underline;
  }

  uc-external-source uc-activity-header{
    z-index:1;
    pointer-events:none;
    justify-content:flex-end;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
  }

  uc-external-source uc-activity-header .uc-close-btn{
    pointer-events:auto;
  }

  uc-external-source .uc-done-btn > span.uc-hidden{
    visibility:hidden;
    pointer-events:none;
  }

  uc-external-source .uc-done-btn > uc-spinner{
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
    display:flex;
    position:absolute;
  }

  uc-camera-source{
    background-color:var(--uc-background);
    border-radius:var(--uc-radius);
    flex-direction:column;
    width:100%;
    height:100%;
    max-height:100%;
    display:flex;
    position:relative;
    overflow:hidden;
  }

  [uc-modal] > dialog:has([activity="camera"][active]){
    width:100%;
    height:100%;
  }

  uc-camera-source video{
    object-fit:contain;
    object-position:center center;
    background-color:var(--uc-muted);
    border-radius:var(--uc-radius);
    width:100%;
    max-height:100%;
    display:block;
  }

  uc-camera-source .uc-toolbar{
    width:100%;
    padding:var(--uc-padding);
    background-color:var(--uc-background);
    justify-content:space-between;
    display:flex;
    position:absolute;
    bottom:0;
  }

  uc-camera-source .uc-content{
    width:100%;
    height:100%;
    padding:var(--uc-padding);
    flex:1;
    justify-content:center;
    padding-top:0;
    display:flex;
    overflow:hidden;
  }

  uc-camera-source .uc-message-box{
    color:var(--uc-foreground);
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:40px;
    padding:40px 40px 0;
    display:flex;
  }

  uc-camera-source .uc-message-box button{
    color:var(--uc-primary-foreground);
    background-color:var(--uc-primary);
  }

  uc-camera-source .uc-shot-btn{
    width:58px;
    height:58px;
    color:var(--uc-background);
    background-color:var(--uc-primary-light);
    opacity:.85;
    transition:bottom var(--uc-transition),opacity var(--uc-transition),transform var(--uc-transition);
    border-radius:50%;
  }

  uc-camera-source .uc-shot-btn:hover{
    opacity:1;
    transform:scale(1.05);
  }

  uc-camera-source .uc-shot-btn:active{
    opacity:1;
    transform:scale(1);
  }

  uc-camera-source .uc-shot-btn[disabled]{
    bottom:-80px;
  }

  uc-camera-source .uc-shot-btn uc-icon svg{
    width:20px;
    height:20px;
  }

  uc-camera-source .uc-controls{
    padding:0 var(--uc-padding) var(--uc-padding);
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    min-height:74px;
    display:flex;
    position:relative;
  }

  uc-camera-source:not(.uc-initialized) .uc-controls{
    display:none;
  }

  uc-camera-source .uc-switcher{
    gap:calc(var(--uc-padding) / 2);
    display:flex;
  }

  uc-camera-source .uc-switch.uc-active{
    background-color:var(--uc-secondary);
  }

  uc-camera-source .uc-camera-actions{
    justify-content:center;
    align-items:center;
    gap:5px;
    display:flex;
  }

  uc-camera-source .uc-stop-record{
    background-color:var(--uc-destructive-foreground-light);
    opacity:1;
  }

  :where(uc-camera-source.uc-recording) .uc-recording-timer uc-icon{
    display:none;
  }

  :where(uc-camera-source.uc-recording) .uc-recording-timer{
    pointer-events:none;
  }

  uc-camera-source .uc-recording-timer{
    z-index:1;
    position:relative;
    overflow:hidden;
  }

  :where(uc-camera-source) .uc-recording-timer uc-icon{
    width:10px;
    height:10px;
    margin-right:10px;
  }

  uc-camera-source .uc-recording-timer .uc-line{
    content:"";
    background-color:var(--uc-foreground-light);
    transform-origin:0;
    height:2px;
    transition:transform var(--uc-transition);
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    transform:scaleX(0);
  }

  uc-camera-source .uc-btn-microphone{
    z-index:1;
  }

  uc-camera-source .uc-select{
    display:flex;
  }

  uc-camera-source .uc-audio-select{
    width:98px;
  }

  uc-camera-source .uc-audio-select select{
    width:100%;
  }

  uc-camera-source .uc-camera-action{
    inset:0 var(--uc-padding) var(--uc-padding);
    margin:0 auto;
    position:absolute;
  }

  uc-config{
    display:none;
  }
}

@layer uc.rules{
  :where([uc-wgt-common]) [hidden], :where([uc-wgt-common]) [activity]:not([active], .active), :where([uc-wgt-common]) dialog:not([open]) [activity]{
    display:none;
  }
}

@layer uc.solutions{
  @media only screen and (width <= 800px){
    [uc-cloud-image-editor] > .uc-wrapper{
      --l-edit-button-width:70px;
      --l-toolbar-horizontal-padding:var(--cldtr-gap-min);
    }
  }

  uc-editor-image-cropper.uc-active_from_editor, uc-editor-image-cropper.uc-active_from_viewer{
    opacity:1;
    transition:transform var(--transition-duration-4) cubic-bezier(.37,0,.63,1) .4s,opacity var(--transition-duration-3);
    pointer-events:auto;
    transform:scale(1) translate(0);
  }

  @media only screen and (width <= 600px){
    uc-editor-toolbar{
      --l-tab-gap:var(--cldtr-gap-mid-1);
      --l-slider-padding:var(--uc-padding);
      --l-controls-padding:var(--uc-padding);
    }
  }

  @media only screen and (width >= 601px){
    uc-editor-toolbar{
      --l-tab-gap:var(--cldtr-gap-max);
      --l-slider-padding:var(--uc-padding);
      --l-controls-padding:var(--uc-padding);
    }
  }

  uc-editor-toolbar > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles > .uc-tab-toggle.uc-tab-toggle--hidden, uc-editor-toolbar > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles.uc-tab-toggles--hidden{
    display:none;
  }

  uc-btn-ui.uc-secondary-icon > button, uc-btn-ui.uc-tab > button{
    --idle-color-rgb:var(--uc-secondary-foreground);
    --idle-brightness:1;
    --idle-opacity:1;
    --idle-background:transparent;
    --hover-color-rgb:var(--uc-secondary-foreground);
    --hover-brightness:1;
    --hover-opacity:1;
    --hover-background:var(--uc-secondary);
    --down-color-rgb:var(--uc-secondary-foreground);
    --down-brightness:1;
    --down-opacity:1;
    --down-background:var(--uc-secondary);
    --active-color-rgb:var(--uc-secondary-foreground);
    --active-brightness:1;
    --active-opacity:1;
    --active-background:transparent;
    width:var(--uc-button-size);
    padding:0;
  }

  [uc-file-uploader-inline] uc-start-from{
    height:100%;
    container-type:inline-size;
  }

  [uc-file-uploader-inline]{
    --cfg-done-activity:"start-from";
    --cfg-init-activity:"start-from";
    flex:1;
  }

  [uc-file-uploader-inline] uc-activity-header:after{
    width:var(--uc-button-size);
    height:var(--uc-button-size);
    content:"";
  }

  [uc-file-uploader-inline] uc-activity-header .uc-close-btn{
    display:none;
  }

  [uc-file-uploader-inline] uc-copyright .uc-credits{
    position:static;
  }

  @container (width >= 500px){
    [uc-file-uploader-inline] uc-start-from .uc-content{
      grid-template-rows:1fr max-content;
      grid-template-columns:1fr max-content;
      height:100%;
    }

    [uc-file-uploader-inline] uc-start-from uc-copyright{
      grid-column:2;
    }

    [uc-file-uploader-inline] uc-start-from uc-drop-area{
      grid-row:span 3;
    }

    [uc-file-uploader-inline] uc-start-from:has(uc-copyright[hidden]) uc-drop-area, [uc-file-uploader-inline] uc-start-from:has(.uc-cancel-btn[hidden]) uc-drop-area{
      grid-row:span 2;
    }

    [uc-file-uploader-inline] uc-start-from:has(uc-copyright[hidden]):has(.uc-cancel-btn[hidden]) uc-drop-area{
      grid-row:span 1;
    }
  }

  :where([uc-file-uploader-minimal]){
    --cfg-init-activity:"start-from";
    --cfg-done-activity:"upload-list";
    display:block;
    position:relative;
  }

  [uc-file-uploader-minimal] > uc-start-from .uc-content{
    background-color:#0000;
    flex-direction:column;
    align-items:center;
    gap:4px;
    padding:0;
    display:flex;
    overflow:hidden;
  }

  :where([uc-file-uploader-minimal] > uc-start-from uc-drop-area){
    width:100%;
    min-height:calc(var(--uc-preview-size) + var(--uc-padding) * 2 + 8px);
    text-align:center;
    background-color:var(--uc-muted);
    border-radius:calc(var(--uc-radius) * 1.75);
    justify-content:center;
    align-items:center;
    padding:0;
    display:flex;
    position:relative;
  }

  :where(.uc-contrast) :where([uc-file-uploader-minimal] > uc-start-from uc-drop-area){
    background-color:#0000;
  }

  :where([uc-file-uploader-minimal] > uc-start-from uc-drop-area):before{
    content:"";
    z-index:-1;
    background-color:var(--uc-background);
    width:100%;
    height:100%;
    position:absolute;
  }

  :where([uc-file-uploader-minimal]:has([single]) > uc-start-from uc-drop-area){
    aspect-ratio:var(--uc-grid-aspect-ratio);
  }

  [uc-file-uploader-minimal] uc-upload-list uc-activity-header{
    display:none;
  }

  [uc-file-uploader-minimal] uc-upload-list > .uc-toolbar{
    background-color:#0000;
  }

  [uc-file-uploader-minimal] uc-upload-list{
    width:100%;
    height:unset;
    background-color:var(--uc-background);
    border:1px dashed var(--uc-border);
    border-radius:calc(var(--uc-radius) * 1.75);
    padding:4px;
  }

  [uc-file-uploader-minimal] uc-upload-list .uc-files{
    padding:0;
  }

  [uc-file-uploader-minimal] uc-upload-list .uc-toolbar{
    padding:0;
    display:block;
  }

  [uc-file-uploader-minimal] uc-upload-list .uc-toolbar .uc-cancel-btn, [uc-file-uploader-minimal] uc-upload-list .uc-toolbar .uc-upload-btn, [uc-file-uploader-minimal] uc-upload-list .uc-toolbar .uc-done-btn{
    display:none;
  }

  [uc-file-uploader-minimal] uc-upload-list .uc-toolbar .uc-add-more-btn{
    width:100%;
    height:calc(var(--uc-preview-size) + var(--uc-padding) * 2);
    margin-top:4px;
  }

  [uc-file-uploader-minimal] uc-upload-list .uc-toolbar .uc-add-more-btn[disabled], [uc-file-uploader-minimal] uc-upload-list .uc-toolbar .uc-add-more-btn > span{
    display:none;
  }

  [uc-file-uploader-minimal] uc-upload-list .uc-toolbar .uc-add-more-btn > uc-icon{
    display:flex;
  }

  [uc-file-uploader-minimal][mode="list"] uc-file-item uc-progress-bar{
    height:100%;
    top:0;
  }

  [uc-file-uploader-minimal][mode="list"] uc-file-item uc-progress-bar .uc-progress, [uc-file-uploader-minimal][mode="list"] uc-file-item uc-progress-bar .uc-fake-progress{
    background-color:var(--uc-primary-transparent);
    border-radius:var(--uc-radius);
  }

  [uc-file-uploader-minimal] uc-upload-list uc-drop-area{
    border-radius:calc(var(--uc-radius) * 1.75);
    width:100%;
    height:100%;
    margin:0;
  }

  [uc-file-uploader-minimal] uc-upload-list .uc-common-error{
    margin:4px 0 0;
  }

  [uc-file-uploader-minimal] uc-copyright .uc-credits{
    position:static;
  }

  [uc-file-uploader-minimal][mode="grid"] uc-upload-list .uc-toolbar .uc-add-more-btn{
    display:none;
  }

  [uc-file-uploader-minimal][mode="grid"] uc-upload-list .uc-files .uc-add-more-btn{
    display:flex;
  }

  [uc-file-uploader-minimal][mode="grid"] uc-upload-list .uc-files .uc-add-more-btn > span{
    display:none;
  }

  [uc-file-uploader-minimal][mode="grid"] uc-upload-list .uc-files .uc-add-more-btn > uc-icon{
    display:flex;
  }

  [uc-cloud-image-editor]{
    --color-primary-accent:var(--uc-primary);
    --color-text-base:var(--uc-foreground);
    --color-text-accent-contrast:var(--uc-background);
    --color-fill-contrast:var(--uc-background);
    --color-modal-backdrop:oklch(0% 0 0 / .1);
    --color-image-background:var(--uc-muted);
    --color-focus-ring:var(--color-primary-accent);
    --color-crop-guides:var(--uc-foreground);
    --font-size-ui:var(--uc-font-size);
    --size-touch-area:var(--uc-button-size);
    --size-panel-heading:calc(var(--uc-button-size) + var(--uc-padding) * 2);
    --size-ui-min-width:130px;
    --size-line-width:1px;
    --size-modal-width:650px;
    --size-icon:calc(var(--uc-button-size) / 2);
    --border-radius-editor:var(--uc-radius);
    --border-radius-thumb:var(--uc-radius);
    --border-radius-ui:var(--uc-radius);
    --border-radius-base:var(--uc-radius);
    --cldtr-gap-min:5px;
    --cldtr-gap-mid-1:10px;
    --cldtr-gap-mid-2:15px;
    --cldtr-gap-max:20px;
    --transition-duration-2:var(--transition-duration-all, .2s);
    --transition-duration-3:var(--transition-duration-all, .3s);
    --transition-duration-4:var(--transition-duration-all, .4s);
    --transition-duration-5:var(--transition-duration-all, .5s);
    --modal-header-opacity:1;
    --modal-header-height:var(--size-panel-heading);
    --modal-toolbar-height:var(--size-panel-heading);
    --transparent-pixel:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=");
    width:100%;
    height:100%;
    max-height:100%;
    display:block;
  }

  [uc-cloud-image-editor] :is([can-handle-paste]:hover, [can-handle-paste]:focus){
    --can-handle-paste:"true";
  }

  [uc-cloud-image-editor] :is([tabindex]:focus-visible, [tabindex]:hover, [with-effects]:focus-visible, [with-effects]:hover){
    --filter-effect:var(--hover-filter) !important;
    --opacity-effect:var(--hover-opacity) !important;
    --color-effect:var(--hover-color-rgb) !important;
    --background-effect:var(--hover-background) !important;
  }

  [uc-cloud-image-editor] :is([tabindex]:active, [with-effects]:active){
    --filter-effect:var(--down-filter) !important;
    --opacity-effect:var(--down-opacity) !important;
    --color-effect:var(--down-color-rgb) !important;
    --background-effect:var(--down-background) !important;
  }

  [uc-cloud-image-editor] :is([tabindex][active], [with-effects][active]){
    --filter-effect:var(--active-filter) !important;
    --opacity-effect:var(--active-opacity) !important;
    --color-effect:var(--active-color-rgb) !important;
    --background-effect:var(--active-background) !important;
  }

  [uc-cloud-image-editor] [hidden-scrollbar]::-webkit-scrollbar{
    display:none;
  }

  [uc-cloud-image-editor] [hidden-scrollbar]{
    -ms-overflow-style:none;
    scrollbar-width:none;
  }

  [uc-cloud-image-editor].uc-editor_ON{
    --modal-header-opacity:0;
    --modal-header-height:0px;
    --modal-toolbar-height:calc(var(--size-panel-heading) * 2);
  }

  [uc-cloud-image-editor].uc-editor_OFF{
    --modal-header-opacity:1;
    --modal-header-height:var(--size-panel-heading);
    --modal-toolbar-height:var(--size-panel-heading);
  }

  [uc-cloud-image-editor] > .uc-wrapper{
    --l-min-img-height:var(--modal-toolbar-height);
    --l-max-img-height:100%;
    --l-edit-button-width:120px;
    --l-toolbar-horizontal-padding:var(--cldtr-gap-mid-1);
    grid-template-rows:minmax(var(--l-min-img-height),var(--l-max-img-height)) minmax(var(--modal-toolbar-height),auto);
    height:100%;
    display:grid;
    position:relative;
    overflow:hidden auto;
  }

  @media only screen and (width <= 800px){
    [uc-cloud-image-editor] > .uc-wrapper{
      --l-edit-button-width:70px;
      --l-toolbar-horizontal-padding:var(--cldtr-gap-min);
    }
  }

  [uc-cloud-image-editor] > .uc-wrapper > .uc-viewport{
    justify-content:center;
    align-items:center;
    display:flex;
    overflow:hidden;
  }

  [uc-cloud-image-editor] > .uc-wrapper > .uc-viewport > .uc-image_container > .uc-image{
    --viewer-image-opacity:1;
    z-index:10;
    box-sizing:border-box;
    object-fit:scale-down;
    background-color:var(--color-image-background);
    width:100%;
    height:100%;
    opacity:var(--viewer-image-opacity);
    user-select:none;
    pointer-events:auto;
    display:block;
    position:absolute;
    top:0;
    left:0;
    transform:scale(1);
  }

  [uc-cloud-image-editor] > .uc-wrapper > .uc-viewport > .uc-image_container > .uc-image.uc-image_visible_viewer{
    transition:opacity var(--transition-duration-3) ease-in-out,transform var(--transition-duration-4);
  }

  [uc-cloud-image-editor] > .uc-wrapper > .uc-viewport > .uc-image_container > .uc-image.uc-image_hidden_to_cropper{
    --viewer-image-opacity:0;
    background-image:var(--transparent-pixel);
    transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-end);
    pointer-events:none;
    transform:scale(1);
  }

  [uc-cloud-image-editor] > .uc-wrapper > .uc-viewport > .uc-image_container > .uc-image.uc-image_hidden_effects{
    --viewer-image-opacity:0;
    transition:opacity var(--transition-duration-3) cubic-bezier(.5,0,1,1),transform var(--transition-duration-4);
    pointer-events:none;
    transform:scale(1);
  }

  [uc-cloud-image-editor] > .uc-wrapper > .uc-viewport > .uc-image_container{
    background-color:var(--color-image-background);
    width:100%;
    height:100%;
    transition:var(--transition-duration-3);
    display:block;
    position:relative;
  }

  [uc-cloud-image-editor] > .uc-wrapper > .uc-toolbar{
    transition:all .3s;
    position:relative;
  }

  [uc-cloud-image-editor] > .uc-wrapper > .uc-toolbar > .uc-toolbar_content{
    box-sizing:border-box;
    width:100%;
    height:var(--modal-toolbar-height);
    min-height:var(--size-panel-heading);
    background-color:var(--color-fill-contrast);
    position:absolute;
    bottom:0;
    left:0;
  }

  [uc-cloud-image-editor] > .uc-wrapper > .uc-toolbar > .uc-toolbar_content.uc-toolbar_content__viewer{
    height:var(--size-panel-heading);
    padding-right:var(--l-toolbar-horizontal-padding);
    padding-left:var(--l-toolbar-horizontal-padding);
    justify-content:space-between;
    align-items:center;
    display:flex;
  }

  [uc-cloud-image-editor] > .uc-wrapper > .uc-toolbar > .uc-toolbar_content.uc-toolbar_content__editor{
    display:flex;
  }

  [uc-cloud-image-editor] > .uc-wrapper > .uc-viewport > .uc-info_pan{
    user-select:none;
    position:absolute;
  }

  [uc-cloud-image-editor] > .uc-wrapper > .uc-viewport > .uc-file_type_outer{
    z-index:2;
    user-select:none;
    max-width:120px;
    display:flex;
    position:absolute;
    transform:translate(-40px);
  }

  [uc-cloud-image-editor] > .uc-wrapper > .uc-viewport > .uc-file_type_outer > .uc-file_type{
    padding:4px .8em;
  }

  [uc-cloud-image-editor] > .uc-wrapper > .uc-network_problems_splash{
    z-index:999;
    background-color:var(--color-fill-contrast);
    flex-direction:column;
    width:100%;
    height:100%;
    display:flex;
    position:absolute;
  }

  [uc-cloud-image-editor] > .uc-wrapper > .uc-network_problems_splash > .uc-network_problems_content{
    flex-direction:column;
    flex:1;
    justify-content:center;
    align-items:center;
    display:flex;
  }

  [uc-cloud-image-editor] > .uc-wrapper > .uc-network_problems_splash > .uc-network_problems_content > .uc-network_problems_icon{
    width:40px;
    height:40px;
    color:var(--uc-foreground);
    background-color:var(--uc-muted);
    border-radius:50%;
    justify-content:center;
    align-items:center;
    display:flex;
  }

  [uc-cloud-image-editor] > .uc-wrapper > .uc-network_problems_splash > .uc-network_problems_content > .uc-network_problems_text{
    margin-top:var(--cldtr-gap-max);
    font-size:var(--font-size-ui);
    color:var(--uc-foreground);
  }

  [uc-cloud-image-editor] > .uc-wrapper > .uc-network_problems_splash > .uc-network_problems_footer{
    height:var(--size-panel-heading);
    justify-content:center;
    align-items:center;
    display:flex;
  }

  uc-crop-frame > .uc-svg{
    z-index:2;
    border-top-left-radius:var(--border-radius-base);
    border-top-right-radius:var(--border-radius-base);
    width:100%;
    height:100%;
    opacity:inherit;
    transition:var(--transition-duration-3);
    position:absolute;
    top:0;
    left:0;
  }

  uc-crop-frame > .uc-thumb{
    --idle-color-rgb:var(--color-text-base);
    --hover-color-rgb:var(--color-primary-accent);
    --focus-color-rgb:var(--color-primary-accent);
    --down-color-rgb:var(--color-primary-accent);
    --color-effect:var(--idle-color-rgb);
    color:var(--color-effect);
    transition:color var(--transition-duration-3),opacity var(--transition-duration-3);
  }

  uc-crop-frame .uc-thumb--visible{
    opacity:1;
    pointer-events:auto;
  }

  uc-crop-frame .uc-thumb--hidden{
    opacity:0;
    pointer-events:none;
  }

  uc-crop-frame .uc-guides{
    transition:var(--transition-duration-3);
  }

  uc-crop-frame .uc-guides--hidden{
    opacity:0;
  }

  uc-crop-frame .uc-guides--semi-hidden{
    opacity:.2;
  }

  uc-crop-frame .uc-guides--visible{
    opacity:1;
  }

  uc-editor-button-control, uc-editor-crop-button-control, uc-editor-aspect-ratio-button-control, uc-editor-freeform-button-control, uc-editor-filter-control, uc-editor-operation-control{
    --l-base-min-width:var(--uc-button-size);
    --l-base-height:var(--uc-button-size);
    --opacity-effect:var(--idle-opacity);
    --color-effect:var(--idle-color-rgb);
    --background-effect:var(--idle-background);
    --filter-effect:var(--idle-filter);
    --idle-color-rgb:var(--uc-secondary-foreground);
    --idle-opacity:1;
    --idle-filter:1;
    --idle-background:var(--uc-secondary);
    --hover-color-rgb:var(--uc-secondary-foreground);
    --hover-opacity:1;
    --hover-filter:.8;
    --hover-background:var(--uc-secondary-hover);
    --down-color-rgb:var(--hover-color-rgb);
    --down-opacity:1;
    --down-filter:.6;
    --down-background:var(--uc-secondary);
    border-radius:var(--uc-radius);
  }

  uc-editor-button-control > button, uc-editor-crop-button-control > button, uc-editor-aspect-ratio-button-control > button, uc-editor-freeform-button-control > button, uc-editor-filter-control > button, uc-editor-operation-control > button{
    all:unset;
    grid-template-columns:var(--l-base-min-width) auto;
    height:var(--l-base-height);
    color:var(--color-effect);
    opacity:var(--opacity-effect);
    cursor:pointer;
    transition:var(--l-width-transition);
    grid-template-rows:100%;
    align-items:center;
    display:grid;
    position:relative;
  }

  uc-editor-freeform-button-control > button{
    grid-template-columns:auto var(--l-base-min-width);
  }

  uc-editor-freeform-button-control > button > uc-icon{
    margin-left:var(--cldtr-gap-mid-1);
    width:10px;
  }

  :where(uc-editor-button-control, uc-editor-crop-button-control, uc-editor-aspect-ratio-button-control, uc-editor-freeform-button-control, uc-editor-filter-control, uc-editor-operation-control) > uc-icon > svg{
    width:var(--size-icon);
    height:var(--size-icon);
  }

  uc-editor-filter-control > uc-icon.uc-original-icon > svg{
    width:100%;
    height:100%;
  }

  uc-editor-button-control.uc-active, uc-editor-operation-control.uc-active, uc-editor-crop-button-control.uc-active, uc-editor-aspect-ratio-button-control.uc-active, uc-editor-freeform-button-control.uc-active, uc-editor-filter-control.uc-active{
    --idle-color-rgb:var(--uc-primary-foreground);
    --idle-background:var(--uc-primary);
    --idle-opacity:1;
    --hover-color-rgb:var(--uc-primary-foreground);
    --hover-background:var(--uc-primary);
    --hover-opacity:1;
  }

  uc-editor-button-control.uc-not_active, uc-editor-operation-control.uc-not_active, uc-editor-crop-button-control.uc-not_active, uc-editor-aspect-ratio-button-control.uc-not_active, uc-editor-freeform-button-control.uc-not_active, uc-editor-filter-control.uc-not_active{
    --idle-color-rgb:var(--uc-secondary-foreground);
  }

  :where(.uc-contrast) uc-editor-button-control.uc-not_active, :where(.uc-contrast) uc-editor-operation-control.uc-not_active, :where(.uc-contrast) uc-editor-crop-button-control.uc-not_active, :where(.uc-contrast) uc-editor-freeform-button-control.uc-not_active, :where(.uc-contrast) uc-editor-aspect-ratio-button-control.uc-not_active, :where(.uc-contrast) uc-editor-filter-control.uc-not_active{
    --idle-background:transparent;
    --hover-background:var(--uc-secondary);
    outline:1px solid var(--uc-border);
    outline-offset:-1px;
  }

  uc-editor-button-control > button:before, uc-editor-operation-control > button:before, uc-editor-crop-button-control > button:before, uc-editor-freeform-button-control > button:before, uc-editor-aspect-ratio-button-control > button:before, uc-editor-filter-control > button:before{
    content:"";
    z-index:-1;
    background-color:var(--background-effect);
    border-radius:var(--border-radius-editor);
    width:100%;
    height:100%;
    transition:var(--transition-duration-3);
    position:absolute;
    left:0;
    right:0;
  }

  uc-editor-button-control > button .uc-title, uc-editor-operation-control > button .uc-title, uc-editor-crop-button-control > button .uc-title, uc-editor-aspect-ratio-button-control > button .uc-title, uc-editor-freeform-button-control > button .uc-title, uc-editor-filter-control > button .uc-title{
    padding-right:var(--cldtr-gap-mid-1);
    letter-spacing:1.004px;
    text-transform:uppercase;
    font-size:.7em;
  }

  uc-editor-freeform-button-control > button .uc-title{
    padding-left:var(--cldtr-gap-mid-1);
    padding-right:0;
  }

  uc-editor-button-control > button uc-icon, uc-editor-operation-control > button uc-icon, uc-editor-crop-button-control > button uc-icon, uc-editor-aspect-ratio-button-control > button uc-icon, uc-editor-freeform-button-control > button uc-icon, uc-editor-filter-control > button uc-icon{
    pointer-events:none;
  }

  uc-editor-filter-control > button .uc-preview{
    z-index:-1;
    width:100%;
    height:var(--l-base-height);
    border-radius:var(--border-radius-editor);
    opacity:0;
    filter:brightness(var(--filter-effect));
    transition:var(--transition-duration-3);
    background-repeat:no-repeat;
    background-size:contain;
    position:absolute;
    left:0;
    right:0;
  }

  uc-editor-filter-control.uc-not_active .uc-preview[data-loaded]{
    opacity:1;
  }

  uc-editor-filter-control.uc-active .uc-preview{
    opacity:0;
  }

  uc-editor-filter-control > .uc-original-icon{
    color:var(--color-effect);
    opacity:.3;
  }

  uc-editor-image-cropper{
    z-index:10;
    opacity:0;
    pointer-events:none;
    touch-action:none;
    width:100%;
    height:100%;
    color:var(--color-crop-guides);
    display:block;
    position:absolute;
    top:0;
    left:0;
  }

  uc-editor-image-cropper.uc-active_from_editor, uc-editor-image-cropper.uc-active_from_viewer{
    opacity:1;
    transition:transform var(--transition-duration-4) cubic-bezier(.37,0,.63,1) .4s,opacity var(--transition-duration-3);
    pointer-events:auto;
    transform:scale(1) translate(0);
  }

  uc-editor-image-cropper.uc-inactive_to_editor{
    opacity:0;
    transition:transform var(--transition-duration-4) cubic-bezier(.37,0,.63,1),opacity var(--transition-duration-3) calc(var(--transition-duration-3) + 50ms);
    pointer-events:none;
  }

  uc-editor-image-cropper > .uc-canvas{
    z-index:1;
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    top:0;
    left:0;
  }

  uc-editor-image-fader{
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    top:0;
    left:0;
  }

  uc-editor-image-fader.uc-active_from_viewer{
    z-index:3;
    opacity:1;
    transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-start);
    pointer-events:auto;
    transform:scale(1);
  }

  uc-editor-image-fader.uc-active_from_cropper{
    z-index:3;
    opacity:1;
    transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-end);
    pointer-events:auto;
    transform:scale(1);
  }

  uc-editor-image-fader.uc-inactive_to_cropper{
    z-index:3;
    opacity:0;
    transition:transform var(--transition-duration-4),opacity var(--transition-duration-3) steps(1,jump-end);
    pointer-events:none;
    transform:scale(1);
  }

  uc-editor-image-fader .uc-fader-image{
    object-fit:scale-down;
    user-select:none;
    content-visibility:auto;
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    top:0;
    left:0;
    transform:scale(1);
  }

  uc-editor-image-fader .uc-fader-image--preview{
    background-color:var(--color-image-background);
    border-top-left-radius:var(--border-radius-base);
    border-top-right-radius:var(--border-radius-base);
    opacity:0;
    transition:var(--transition-duration-3);
    transform:scale(1);
  }

  uc-editor-scroller{
    align-items:center;
    width:100%;
    height:100%;
    display:flex;
    overflow-x:scroll;
  }

  uc-editor-slider{
    width:100%;
    height:var(--size-panel-heading);
    justify-content:center;
    align-items:center;
    display:flex;
  }

  uc-editor-toolbar{
    width:100%;
    height:100%;
    position:relative;
  }

  @media only screen and (width <= 600px){
    uc-editor-toolbar{
      --l-tab-gap:var(--cldtr-gap-mid-1);
      --l-slider-padding:var(--uc-padding);
      --l-controls-padding:var(--uc-padding);
    }
  }

  @media only screen and (width >= 601px){
    uc-editor-toolbar{
      --l-tab-gap:var(--cldtr-gap-max);
      --l-slider-padding:var(--uc-padding);
      --l-controls-padding:var(--uc-padding);
    }
  }

  uc-editor-toolbar > .uc-toolbar-container{
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
  }

  uc-editor-toolbar > .uc-toolbar-container > .uc-sub-toolbar{
    background-color:var(--color-fill-contrast);
    width:100%;
    height:100%;
    transition:opacity var(--transition-duration-3) ease-in-out,transform var(--transition-duration-3) ease-in-out,visibility var(--transition-duration-3) ease-in-out;
    grid-template-rows:1fr 1fr;
    display:grid;
    position:absolute;
  }

  .uc-sub-toolbar > .uc-list-aspect-ratio-container > .uc-list-aspect-ratio{
    height:var(--size-panel-heading);
    grid-auto-flow:column;
    justify-content:center;
    align-items:center;
    gap:6px;
    display:grid;
  }

  uc-editor-toolbar > .uc-toolbar-container > .uc-sub-toolbar.uc-sub-toolbar--visible{
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
  }

  uc-editor-toolbar > .uc-toolbar-container > .uc-sub-toolbar.uc-sub-toolbar--top-hidden{
    opacity:0;
    pointer-events:none;
    transform:translateY(100%);
  }

  uc-editor-toolbar > .uc-toolbar-container > .uc-sub-toolbar.uc-sub-toolbar--bottom-hidden{
    opacity:0;
    pointer-events:none;
    transform:translateY(-100%);
  }

  uc-editor-toolbar > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row{
    padding-right:var(--l-controls-padding);
    padding-left:var(--l-controls-padding);
    justify-content:space-between;
    align-items:center;
    display:flex;
  }

  uc-editor-toolbar > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles{
    gap:0px var(--l-tab-gap);
    grid-auto-flow:column;
    align-items:center;
    height:100%;
    display:grid;
    position:relative;
  }

  uc-editor-toolbar > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles > .uc-tab-toggles_indicator{
    width:var(--size-touch-area);
    background-color:var(--uc-secondary-foreground);
    height:2px;
    transition:transform var(--transition-duration-3);
    position:absolute;
    bottom:0;
    left:0;
    transform:translate(0);
  }

  uc-editor-toolbar > .uc-toolbar-container > .uc-sub-toolbar > .uc-tab-content-row{
    position:relative;
  }

  uc-editor-toolbar > .uc-toolbar-container > .uc-sub-toolbar > .uc-tab-content-row > .uc-tab-content{
    content-visibility:auto;
    width:100%;
    height:100%;
    display:flex;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
  }

  uc-editor-toolbar > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles > .uc-tab-toggle.uc-tab-toggle--visible{
    display:contents;
  }

  uc-editor-toolbar > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles > .uc-tab-toggle.uc-tab-toggle--hidden, uc-editor-toolbar > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles.uc-tab-toggles--hidden{
    display:none;
  }

  uc-editor-toolbar > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles > .uc-tab-toggle > uc-btn-ui{
    width:var(--uc-button-size);
  }

  uc-editor-toolbar > .uc-toolbar-container > .uc-sub-toolbar > .uc-controls-row > .uc-tab-toggles > .uc-tab-toggle > uc-btn-ui > uc-icon > svg{
    width:var(--size-icon);
    height:var(--size-icon);
  }

  uc-editor-toolbar > .uc-toolbar-container > .uc-sub-toolbar > .uc-tab-content-row > .uc-tab-content .uc-controls-list_align{
    box-sizing:border-box;
    min-width:100%;
    padding-left:var(--uc-padding);
    grid-template-columns:1fr auto 1fr;
    grid-template-areas:". inner .";
    display:grid;
  }

  uc-editor-toolbar > .uc-toolbar-container > .uc-sub-toolbar > .uc-tab-content-row > .uc-tab-content .uc-controls-list_inner{
    grid-area:inner;
    grid-auto-flow:column;
    gap:6px;
    display:grid;
  }

  uc-editor-toolbar > .uc-toolbar-container > .uc-sub-toolbar > .uc-tab-content-row > .uc-tab-content .uc-controls-list_inner:last-child{
    padding-right:var(--uc-padding);
  }

  uc-editor-toolbar .uc-info-tooltip_container{
    justify-content:center;
    align-items:flex-start;
    width:100%;
    height:100%;
    display:flex;
    position:absolute;
  }

  uc-editor-toolbar .uc-info-tooltip_wrapper{
    top:calc(-100% - var(--cldtr-gap-mid-2));
    pointer-events:none;
    flex-direction:column;
    justify-content:flex-end;
    height:100%;
    display:flex;
    position:absolute;
  }

  uc-editor-toolbar .uc-info-tooltip{
    z-index:10;
    color:var(--color-text-base);
    letter-spacing:1px;
    text-transform:uppercase;
    background-color:var(--color-text-accent-contrast);
    border-radius:var(--border-radius-editor);
    opacity:0;
    transition:var(--transition-duration-3);
    padding:3px 6px;
    font-size:.7em;
    transform:translateY(100%);
  }

  uc-editor-toolbar .uc-info-tooltip_visible{
    opacity:1;
    transform:translateY(0);
  }

  uc-editor-toolbar .uc-slider{
    padding-right:var(--l-slider-padding);
    padding-left:var(--l-slider-padding);
  }

  uc-btn-ui > button{
    --filter-effect:var(--idle-brightness);
    --opacity-effect:var(--idle-opacity);
    --color-effect:var(--idle-color-rgb);
    --background-effect:var(--idle-background);
    --l-transition-effect:var(--css-transition, color var(--transition-duration-2), background-color var(--transition-duration-2), filter var(--transition-duration-2));
    all:unset;
    box-sizing:var(--css-box-sizing, border-box);
    height:var(--css-height, var(--uc-button-size));
    padding-right:var(--css-padding-right, 14px);
    padding-left:var(--css-padding-left, 14px);
    color:var(--color-effect);
    background-color:var(--background-effect);
    border-radius:var(--uc-radius);
    opacity:var(--opacity-effect);
    cursor:pointer;
    filter:brightness(var(--filter-effect));
    transition:var(--l-transition-effect);
    user-select:none;
    align-items:center;
    font-size:1em;
    display:inline-flex;
  }

  uc-btn-ui > button > uc-icon{
    pointer-events:none;
  }

  uc-btn-ui .uc-text{
    white-space:nowrap;
  }

  uc-btn-ui .uc-icon{
    color:var(--color-effect);
    filter:brightness(var(--filter-effect));
    transition:var(--l-transition-effect);
    justify-content:center;
    align-items:center;
    display:flex;
  }

  uc-btn-ui .uc-icon_left{
    margin-right:var(--cldtr-gap-mid-1);
    margin-left:0;
  }

  uc-btn-ui .uc-icon_right{
    margin-right:0;
    margin-left:var(--cldtr-gap-mid-1);
  }

  uc-btn-ui .uc-icon_single{
    margin-left:0;
    margin-right:0;
  }

  uc-btn-ui .uc-icon_hidden{
    margin:0;
    display:none;
  }

  uc-btn-ui.uc-primary > button{
    --idle-color-rgb:var(--uc-primary-foreground);
    --idle-brightness:1;
    --idle-opacity:1;
    --idle-background:var(--uc-primary);
    --hover-color-rgb:var(--uc-primary-foreground);
    --hover-brightness:1;
    --hover-opacity:1;
    --hover-background:var(--uc-primary-hover);
    --down-color-rgb:var(--uc-primary-foreground);
    --down-brightness:.75;
    --down-opacity:1;
    --down-background:var(--uc-primary);
    --active-color-rgb:var(--uc-primary-foreground);
    --active-brightness:1;
    --active-opacity:1;
    --active-background:var(--uc-primary);
  }

  uc-btn-ui.uc-primary-icon > button{
    --idle-color-rgb:var(--uc-primary);
    --idle-brightness:1;
    --idle-opacity:1;
    --idle-background:transparent;
    --hover-color-rgb:var(--uc-primary);
    --hover-brightness:1;
    --hover-opacity:1;
    --hover-background:var(--uc-primary-transparent);
    --down-color-rgb:var(--uc-primary);
    --down-brightness:.75;
    --down-opacity:1;
    --down-background:var(--uc-primary-transparent);
    --active-color-rgb:var(--uc-primary-foreground);
    --active-brightness:1;
    --active-opacity:1;
    --active-background:var(--uc-primary);
    width:var(--uc-button-size);
    padding:0;
  }

  uc-btn-ui.uc-secondary > button{
    --idle-color-rgb:var(--uc-secondary-foreground);
    --idle-brightness:1;
    --idle-opacity:1;
    --idle-background:var(--uc-secondary);
    --hover-color-rgb:var(--uc-secondary-foreground);
    --hover-brightness:1;
    --hover-opacity:1;
    --hover-background:var(--uc-secondary-hover);
    --down-color-rgb:var(--uc-secondary-foreground);
    --down-brightness:1;
    --down-opacity:1;
    --down-background:var(--uc-secondary-hover);
    --active-color-rgb:var(--uc-secondary-foreground);
    --active-brightness:1;
    --active-opacity:1;
    --active-background:transparent;
  }

  :where(.uc-contrast) uc-btn-ui.uc-secondary > button{
    border:1px solid var(--uc-border);
  }

  uc-btn-ui.uc-secondary-icon > button, uc-btn-ui.uc-tab > button{
    --idle-color-rgb:var(--uc-secondary-foreground);
    --idle-brightness:1;
    --idle-opacity:1;
    --idle-background:transparent;
    --hover-color-rgb:var(--uc-secondary-foreground);
    --hover-brightness:1;
    --hover-opacity:1;
    --hover-background:var(--uc-secondary);
    --down-color-rgb:var(--uc-secondary-foreground);
    --down-brightness:1;
    --down-opacity:1;
    --down-background:var(--uc-secondary);
    --active-color-rgb:var(--uc-secondary-foreground);
    --active-brightness:1;
    --active-opacity:1;
    --active-background:transparent;
    width:var(--uc-button-size);
    padding:0;
  }

  uc-btn-ui.uc-default > button{
    --idle-color-rgb:var(--uc-secondary-foreground);
    --idle-brightness:1;
    --idle-opacity:1;
    --idle-background:var(--uc-secondary);
    --hover-color-rgb:var(--uc-secondary-foreground);
    --hover-brightness:1;
    --hover-opacity:1;
    --hover-background:var(--uc-secondary-hover);
    --down-color-rgb:var(--uc-secondary-foreground);
    --down-brightness:.75;
    --down-opacity:1;
    --down-background:var(--uc-secondary);
    --active-color-rgb:var(--uc-primary);
    --active-brightness:1;
    --active-opacity:1;
    --active-background:var(--uc-primary-transparent);
  }

  :where(.uc-contrast) uc-btn-ui.uc-default > button{
    --idle-background:transparent;
    --hover-background:var(--uc-secondary);
    --active-background:var(--uc-foreground);
    --active-color-rgb:var(--uc-background);
  }

  uc-line-loader-ui{
    z-index:9999;
    opacity:.5;
    width:100%;
    height:2px;
    position:absolute;
    top:0;
    left:0;
  }

  uc-line-loader-ui .uc-inner{
    width:25%;
    max-width:200px;
    height:100%;
  }

  uc-line-loader-ui .uc-line{
    background-color:var(--uc-primary);
    width:100%;
    height:100%;
    transition:transform 1s;
    transform:translate(-101%);
  }

  uc-slider-ui{
    --l-thumb-size:24px;
    --l-zero-dot-size:5px;
    --l-zero-dot-offset:2px;
    --idle-color-rgb:var(--uc-foreground);
    --hover-color-rgb:var(--uc-primary);
    --down-color-rgb:var(--uc-primary);
    --color-effect:var(--idle-color-rgb);
    --l-color:var(--color-effect);
    width:100%;
    height:calc(var(--l-thumb-size) + (var(--l-zero-dot-size) + var(--l-zero-dot-offset)) * 2);
    justify-content:center;
    align-items:center;
    display:flex;
    position:relative;
  }

  uc-slider-ui .uc-thumb{
    width:var(--l-thumb-size);
    height:var(--l-thumb-size);
    background-color:var(--l-color);
    opacity:1;
    transition:opacity var(--transition-duration-2),background-color var(--transition-duration-2);
    border-radius:50%;
    position:absolute;
    left:0;
    transform:translate(0);
  }

  uc-slider-ui .uc-steps{
    box-sizing:border-box;
    width:100%;
    height:100%;
    padding-right:calc(var(--l-thumb-size) / 2);
    padding-left:calc(var(--l-thumb-size) / 2);
    justify-content:space-between;
    align-items:center;
    display:flex;
    position:absolute;
  }

  uc-slider-ui .uc-border-step{
    border-right:1px solid var(--uc-foreground);
    opacity:1;
    width:0;
    height:10px;
    transition:border-color var(--transition-duration-2);
  }

  uc-slider-ui .uc-minor-step{
    border-right:1px solid var(--uc-foreground);
    opacity:.6;
    width:0;
    height:4px;
    transition:border-color var(--transition-duration-2);
  }

  uc-slider-ui .uc-zero-dot{
    top:calc(100% - var(--l-zero-dot-offset) * 2);
    left:calc(var(--l-thumb-size) / 2 - var(--l-zero-dot-size) / 2);
    width:var(--l-zero-dot-size);
    height:var(--l-zero-dot-size);
    background-color:var(--color-primary-accent);
    opacity:0;
    transition:var(--transition-duration-3);
    border-radius:50%;
    position:absolute;
  }

  uc-slider-ui .uc-input{
    cursor:pointer;
    opacity:0;
    width:calc(100% - 10px);
    height:100%;
    margin:0;
    position:absolute;
  }

  uc-presence-toggle.uc-transition{
    transition:opacity var(--transition-duration-3),visibility var(--transition-duration-3);
  }

  uc-presence-toggle.uc-visible{
    opacity:1;
    pointer-events:inherit;
  }

  uc-presence-toggle.uc-hidden{
    opacity:0;
    pointer-events:none;
  }

  uc-presence-toggle.uc-initial{
    transition:none !important;
    display:none !important;
  }

  [uc-cloud-image-editor] [role="button"]:focus-visible, [uc-cloud-image-editor] button:focus-visible{
    outline:1px auto highlight;
    outline:1px auto -webkit-focus-ring-color;
  }

  [uc-cloud-image-editor] .uc-cloud-mask{
    pointer-events:none;
  }

  [uc-aspect-ratio-freeform] button{
    display:flex;
  }

  [uc-aspect-ratio-freeform] uc-icon{
    display:none;
  }

  [uc-aspect-ratio-freeform] .uc-title{
    padding-left:var(--cldtr-gap-mid-1);
  }

  :where(uc-editor-freeform-button-control, uc-editor-aspect-ratio-button-control:last-of-type){
    margin-right:calc(3 * var(--cldtr-gap-mid-1));
  }

  :where([uc-cloud-image-editor]) uc-icon{
    justify-content:center;
    width:100%;
    height:100%;
    display:flex;
  }

  :where([uc-cloud-image-editor]) uc-icon svg{
    width:calc(var(--uc-button-size) / 2);
    height:calc(var(--uc-button-size) / 2);
  }
}

@layer uc.post-reset{
  :where([uc-wgt-common]) uc-source-btn[type]{
    all:unset;
  }
}

:root{
  --ck-image-processing-highlight-color:#f9fafa;
  --ck-image-processing-background-color:#e3e5e8;
}

:is(.ck.ck-editor__editable .image, .ck.ck-editor__editable .image-inline).image-processing picture{
  width:100%;
  height:100%;
  display:block;
  position:relative;
}

:is(.ck.ck-editor__editable .image, .ck.ck-editor__editable .image-inline).image-processing picture:before{
  content:"";
  z-index:1;
  background:linear-gradient(90deg,
					var(--ck-image-processing-background-color),
					var(--ck-image-processing-highlight-color),
					var(--ck-image-processing-background-color));
  background-size:200% 100%;
  width:100%;
  height:100%;
  animation:2s linear infinite ck-image-processing-animation;
  position:absolute;
  top:0;
  left:0;
}

:is(.ck.ck-editor__editable .image, .ck.ck-editor__editable .image-inline).image-processing picture img{
  height:100%;
}

:is(.ck.ck-editor__editable .image, .ck.ck-editor__editable .image-inline).image-processing-blur{
  clip-path:inset(0);
  filter:blur(1.6rem);
}

@keyframes ck-image-processing-animation{
  0%{
    background-position:200% 0;
  }

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

.ck-uploadcare-theme{
  --uc-font-size:13px;
  --uc-radius:2px;
  --uc-padding:calc(.6em * 1.5);
  --uc-primary-oklch-light:54.45% .182 263.76;
  --uc-foreground-light:#333;
  --uc-secondary-foreground-light:#333;
  --uc-muted-foreground-light:#333;
  --uc-border-light:#ccced1;
}

:root{
  --ck-uploadcare-form-view-width:700px;
  --ck-uploadcare-external-source-view-height:350px;
  --ck-uploadcare-color-image-background:oklch(97% 0 0);
  --ck-uploadcare-color-icon-error:#db3700;
  --ck-uploadcare-color-skeleton:#fafafa;
}

.ck .ck-uploadcare-form{
  max-width:100%;
  width:var(--ck-uploadcare-form-view-width);
}

.ck .ck-uploadcare-form .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner{
  width:100%;
  height:var(--ck-uploadcare-external-source-view-height);
  background-color:var(--ck-uploadcare-color-image-background);
  flex-direction:column;
  justify-content:center;
  align-items:center;
  display:flex;
}

.ck .ck-uploadcare-form .ck-uploadcare-form__loading .ck-uploadcare-form__loading-spinner .ck-spinner-container{
  margin-bottom:10px;
}

.ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents{
  width:100%;
  height:var(--ck-uploadcare-external-source-view-height);
  background-color:var(--ck-uploadcare-color-image-background);
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:5px;
  display:flex;
}

.ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents h3{
  margin:0;
  padding:0;
  font-weight:700;
}

.ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-icon{
  color:var(--ck-uploadcare-color-icon-error);
}

.ck .ck-uploadcare-form .ck-uploadcare-form__error .ck-uploadcare-form__error-contents .ck-button{
  margin-top:10px;
}

.ck .ck-uploadcare-form .ck-uploadcare-form__skeleton{
  width:100%;
  height:115px;
}

.ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div{
  box-sizing:border-box;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  min-width:100%;
  height:50%;
  display:flex;
}

.ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div span{
  background-color:var(--ck-uploadcare-color-skeleton);
  width:32px;
  height:32px;
  display:block;
}

.ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div + div{
  gap:20px;
}

.ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div + div span:first-child{
  width:80px;
  position:absolute;
  left:8px;
}

.ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div + div span:last-child{
  width:80px;
  position:absolute;
  right:8px;
}

.ck .ck-uploadcare-form .ck-uploadcare-form__skeleton div:first-child{
  gap:4px;
}

.ck .ck-uploadcare-form .mini-btn{
  display:none;
}

.ck .ck-uploadcare-form .uc-viewport{
  height:var(--ck-uploadcare-external-source-view-height);
}

.ck .ck-uploadcare-form uc-btn-ui button, .ck .ck-uploadcare-form .uc-primary-btn, .ck .ck-uploadcare-form .uc-secondary-btn{
  padding:var(--ck-spacing-tiny) var(--ck-spacing-standard);
  min-width:var(--ck-ui-component-min-height);
  min-height:var(--ck-ui-component-min-height);
}

.ck .ck-uploadcare-form .uc-primary-btn, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button{
  background:var(--ck-color-button-action-background);
}

:is(.ck .ck-uploadcare-form .uc-primary-btn, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button):not(.ck-disabled):hover{
  background:var(--ck-color-button-action-hover-background);
}

:is(.ck .ck-uploadcare-form .uc-primary-btn, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button):not(.ck-disabled):active{
  background:var(--ck-color-button-action-active-background);
}

:is(.ck .ck-uploadcare-form .uc-primary-btn, .ck .ck-uploadcare-form uc-btn-ui.uc-primary button).ck-disabled{
  background:var(--ck-color-button-action-disabled-background);
}

.ck .ck-uploadcare-form .uc-secondary-btn, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button{
  background:var(--ck-color-button-default-background);
}

:is(.ck .ck-uploadcare-form .uc-secondary-btn, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button):not(.ck-disabled):hover{
  background:var(--ck-color-button-default-hover-background);
}

:is(.ck .ck-uploadcare-form .uc-secondary-btn, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button):not(.ck-disabled):active{
  background:var(--ck-color-button-default-active-background);
}

:is(.ck .ck-uploadcare-form .uc-secondary-btn, .ck .ck-uploadcare-form uc-btn-ui.uc-secondary button).ck-disabled{
  background:var(--ck-color-button-default-disabled-background);
}

.ck .ck-uploadcare-form uc-upload-list .uc-toolbar{
  gap:var(--ck-spacing-large);
}

.ck .ck-uploadcare-form uc-upload-list .uc-files{
  padding-top:var(--ck-spacing-large);
  max-height:var(--ck-uploadcare-external-source-view-height);
  overflow-y:auto;
}

.ck .ck-uploadcare-form .uc-content{
  padding:var(--ck-spacing-large);
  gap:var(--ck-spacing-large);
}

.ck .ck-uploadcare-form .uc-content > .uc-iframe-wrapper{
  height:var(--ck-uploadcare-external-source-view-height);
}

.ck .ck-uploadcare-form .uc-content > .uc-toolbar{
  padding:var(--ck-spacing-large) 0 0;
}

.ck .ck-uploadcare-form uc-start-from .uc-content{
  gap:0;
}

.ck .ck-uploadcare-form uc-file-item > .uc-inner{
  font-size:1em;
}

.ck .ck-uploadcare-form uc-file-item > .uc-inner:where([data-finished]) .uc-badge{
  background:var(--ck-color-button-action-active-background) !important;
}

.ck .ck-uploadcare-form uc-external-source .uc-cancel-btn{
  visibility:hidden;
  pointer-events:none;
}

.ck .ck-uploadcare-form uc-activity-header, .ck .ck-uploadcare-form uc-source-list{
  display:none;
}

.ck .ck-uploadcare-form uc-cloud-image-editor [icon="closeMax"] .uc-icon_left{
  transform:rotate(90deg);
}