/**
 *
 * Modules
 *
 */
:host {
  --ezp-black-5: rgba(0, 0, 0, 0.05);
  --ezp-black-10: rgba(0, 0, 0, 0.1);
  --ezp-black-20: rgba(0, 0, 0, 0.2);
  --ezp-black-30: rgba(0, 0, 0, 0.3);
  --ezp-black-40: rgba(0, 0, 0, 0.4);
  --ezp-black-50: rgba(0, 0, 0, 0.5);
  --ezp-black-60: rgba(0, 0, 0, 0.6);
  --ezp-black-70: rgba(0, 0, 0, 0.7);
  --ezp-black-80: rgba(0, 0, 0, 0.8);
  --ezp-black-90: rgba(0, 0, 0, 0.9);
  --ezp-black-95: rgba(0, 0, 0, 0.95);
  --ezp-black-100: rgb(0, 0, 0);
}

:host {
  --ezp-white-5: rgba(255, 255, 255, 0.05);
  --ezp-white-10: rgba(255, 255, 255, 0.1);
  --ezp-white-20: rgba(255, 255, 255, 0.2);
  --ezp-white-30: rgba(255, 255, 255, 0.3);
  --ezp-white-40: rgba(255, 255, 255, 0.4);
  --ezp-white-50: rgba(255, 255, 255, 0.5);
  --ezp-white-60: rgba(255, 255, 255, 0.6);
  --ezp-white-70: rgba(255, 255, 255, 0.7);
  --ezp-white-80: rgba(255, 255, 255, 0.8);
  --ezp-white-90: rgba(255, 255, 255, 0.9);
  --ezp-white-95: rgba(255, 255, 255, 0.95);
  --ezp-white-100: rgb(255, 255, 255);
}

/**
*
* Modules
*
*/
/**
 *
 * Variables
 *
 */
/**
 *
 * Functions
 *
 */
/**
 *
 * Mixins
 *
 */
/**
 *
 * Rules
 *
 */
:host {
  font-family: "Inter", sans-serif;
  font-feature-settings: "calt", "liga", "ss03", "zero", "cv05", "cv10";
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: none;
  box-sizing: border-box;
  --ezp-duration-1: 0.1s;
  --ezp-duration-2: 0.16s;
  --ezp-duration-3: 0.26s;
  --ezp-duration-4: 0.42s;
  --ezp-duration-5: 0.68s;
  --ezp-duration-6: 1s;
  --ezp-spacing-1: 4px;
  --ezp-spacing-2: 6px;
  --ezp-spacing-3: 10px;
  --ezp-spacing-4: 16px;
  --ezp-spacing-5: 26px;
  --ezp-spacing-6: 42px;
  --ezp-spacing-7: 68px;
  --ezp-spacing-8: 110px;
  --ezp-easing-in-quart: cubic-bezier(0.11, 0, 0.5, 0);
  --ezp-easing-in-out-quart: cubic-bezier(0.76, 0, 0.24, 1);
  --ezp-easing-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);
  --ezp-easing-in-expo: cubic-bezier(0.7, 0, 0.84, 0);
  --ezp-easing-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ezp-easing-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}
/* Opt-in layout: stack ezp-upload and ezp-auth vertically inside parent's bounds.
   Consumers that render ezp-printing inside a height-constrained container
   (e.g. a modal) set the `fit-parent` attribute to keep ezp-auth pinned
   at the bottom and let ezp-upload scroll internally. Off by default so
   the component still renders with natural height inside auto-height
   parents (e.g. flex-column wrappers in host apps). */
:host([fit-parent]) {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  min-height: 0;
}
:host([fit-parent]) ezp-upload {
  flex: 1 1 auto;
  min-height: 0;
}
:host([fit-parent]) ezp-auth {
  flex-shrink: 0;
}

:host(.light) {
  --ezp-accent-pink-solid: rgb(242, 50, 103);
  --ezp-accent-pink-solid-alt: rgb(223, 21, 89);
  --ezp-accent-pink-translucent: rgba(242, 50, 103, 0.16);
  --ezp-accent-pink-faded: rgba(242, 50, 103, 0.1);
  --ezp-accent-red-solid: rgb(242, 59, 34);
  --ezp-accent-red-solid-alt: rgb(222, 35, 19);
  --ezp-accent-red-translucent: rgba(242, 59, 34, 0.16);
  --ezp-accent-red-faded: rgba(242, 59, 34, 0.1);
  --ezp-accent-orange-solid: rgb(254, 114, 0);
  --ezp-accent-orange-solid-alt: rgb(245, 98, 0);
  --ezp-accent-orange-translucent: rgba(254, 114, 0, 0.16);
  --ezp-accent-orange-faded: rgba(254, 114, 0, 0.1);
  --ezp-accent-yellow-solid: rgb(255, 162, 0);
  --ezp-accent-yellow-solid-alt: rgb(254, 144, 0);
  --ezp-accent-yellow-translucent: rgba(255, 162, 0, 0.16);
  --ezp-accent-yellow-faded: rgba(255, 162, 0, 0.1);
  --ezp-accent-green-solid: rgb(93, 146, 0);
  --ezp-accent-green-solid-alt: rgb(81, 129, 0);
  --ezp-accent-green-translucent: rgba(93, 146, 0, 0.16);
  --ezp-accent-green-faded: rgba(93, 146, 0, 0.1);
  --ezp-accent-teal-solid: rgb(0, 150, 124);
  --ezp-accent-teal-solid-alt: rgb(0, 132, 110);
  --ezp-accent-teal-translucent: rgba(0, 150, 124, 0.16);
  --ezp-accent-teal-faded: rgba(0, 150, 124, 0.1);
  --ezp-accent-cyan-solid: rgb(0, 145, 180);
  --ezp-accent-cyan-solid-alt: rgb(0, 128, 160);
  --ezp-accent-cyan-translucent: rgba(0, 145, 180, 0.16);
  --ezp-accent-cyan-faded: rgba(0, 145, 180, 0.1);
  --ezp-accent-blue-solid: rgb(80, 129, 241);
  --ezp-accent-blue-solid-alt: rgb(59, 114, 223);
  --ezp-accent-blue-translucent: rgba(80, 129, 241, 0.16);
  --ezp-accent-blue-faded: rgba(80, 129, 241, 0.1);
  --ezp-accent-dark-blue-solid: rgb(0, 47, 109);
  --ezp-accent-dark-blue-solid-alt: rgb(0, 35, 84);
  --ezp-accent-dark-blue-translucent: rgba(0, 47, 109, 0.16);
  --ezp-accent-dark-blue-faded: rgba(0, 47, 109, 0.1);
  --ezp-accent-violet-solid: rgb(174, 94, 243);
  --ezp-accent-violet-solid-alt: rgb(157, 78, 226);
  --ezp-accent-violet-translucent: rgba(174, 94, 243, 0.16);
  --ezp-accent-violet-faded: rgba(174, 94, 243, 0.1);
}
@media (color-gamut: p3) {
  @supports (color: color(display-p3 1 1 1)) {
    :host(.light) {
      --ezp-accent-pink-solid: color(display-p3 0.949 0.196 0.404 / 100%);
      --ezp-accent-pink-solid-alt: color(display-p3 0.875 0.082 0.349 / 100%);
      --ezp-accent-pink-translucent: color(display-p3 0.949 0.196 0.404 / 16%);
      --ezp-accent-pink-faded: color(display-p3 0.949 0.196 0.404 / 10%);
      --ezp-accent-red-solid: color(display-p3 0.949 0.231 0.133 / 100%);
      --ezp-accent-red-solid-alt: color(display-p3 0.871 0.137 0.075 / 100%);
      --ezp-accent-red-translucent: color(display-p3 0.949 0.231 0.133 / 16%);
      --ezp-accent-red-faded: color(display-p3 0.949 0.231 0.133 / 10%);
      --ezp-accent-orange-solid: color(display-p3 0.996 0.447 0 / 100%);
      --ezp-accent-orange-solid-alt: color(display-p3 0.961 0.384 0 / 100%);
      --ezp-accent-orange-translucent: color(display-p3 0.996 0.447 0 / 16%);
      --ezp-accent-orange-faded: color(display-p3 0.996 0.447 0 / 10%);
      --ezp-accent-yellow-solid: color(display-p3 1 0.635 0 / 100%);
      --ezp-accent-yellow-solid-alt: color(display-p3 0.996 0.565 0 / 100%);
      --ezp-accent-yellow-translucent: color(display-p3 1 0.635 0 / 16%);
      --ezp-accent-yellow-faded: color(display-p3 1 0.635 0 / 10%);
      --ezp-accent-green-solid: color(display-p3 0.365 0.573 0 / 100%);
      --ezp-accent-green-solid-alt: color(display-p3 0.318 0.506 0 / 100%);
      --ezp-accent-green-translucent: color(display-p3 0.365 0.573 0 / 16%);
      --ezp-accent-green-faded: color(display-p3 0.365 0.573 0 / 10%);
      --ezp-accent-teal-solid: color(display-p3 0 0.588 0.486 / 100%);
      --ezp-accent-teal-solid-alt: color(display-p3 0 0.518 0.431 / 100%);
      --ezp-accent-teal-translucent: color(display-p3 0 0.588 0.486 / 16%);
      --ezp-accent-teal-faded: color(display-p3 0 0.588 0.486 / 10%);
      --ezp-accent-cyan-solid: color(display-p3 0 0.569 0.706 / 100%);
      --ezp-accent-cyan-solid-alt: color(display-p3 0 0.502 0.627 / 100%);
      --ezp-accent-cyan-translucent: color(display-p3 0 0.569 0.706 / 16%);
      --ezp-accent-cyan-faded: color(display-p3 0 0.569 0.706 / 10%);
      --ezp-accent-blue-solid: color(display-p3 0.314 0.506 0.945 / 100%);
      --ezp-accent-blue-solid-alt: color(display-p3 0.231 0.447 0.875 / 100%);
      --ezp-accent-blue-translucent: color(display-p3 0.314 0.506 0.945 / 16%);
      --ezp-accent-blue-faded: color(display-p3 0.314 0.506 0.945 / 10%);
      --ezp-accent-dark-blue-solid: color(display-p3 0 0.184 0.427 / 100%);
      --ezp-accent-dark-blue-solid-alt: color(display-p3 0 0.137 0.329 / 100%);
      --ezp-accent-dark-blue-translucent: color(display-p3 0 0.184 0.427 / 16%);
      --ezp-accent-dark-blue-faded: color(display-p3 0 0.184 0.427 / 10%);
      --ezp-accent-violet-solid: color(display-p3 0.682 0.369 0.953 / 100%);
      --ezp-accent-violet-solid-alt: color(display-p3 0.616 0.306 0.886 / 100%);
      --ezp-accent-violet-translucent: color(display-p3 0.682 0.369 0.953 / 16%);
      --ezp-accent-violet-faded: color(display-p3 0.682 0.369 0.953 / 10%);
    }
  }
}
:host(.light) {
  --ezp-core-surface-primary: rgb(255, 255, 255);
  --ezp-core-surface-secondary: rgb(243, 243, 243);
  --ezp-core-surface-secondary-alt: rgb(249, 249, 249);
  --ezp-core-surface-tertiary: rgb(255, 255, 255);
  --ezp-core-foreground-primary: rgba(0, 0, 0, 0.94);
  --ezp-core-foreground-secondary: rgba(62, 62, 62, 0.68);
  --ezp-core-foreground-tertiary: rgba(62, 62, 62, 0.42);
  --ezp-core-shade-primary: rgba(139, 139, 139, 0.1);
  --ezp-core-shade-secondary: rgba(139, 139, 139, 0.16);
  --ezp-core-shade-tertiary: rgba(139, 139, 139, 0.22);
  --ezp-core-outline: rgba(99, 99, 99, 0.16);
  --ezp-core-edge: rgba(0, 0, 0, 0.1);
  --ezp-core-backdrop: rgba(0, 0, 0, 0.26);
}
@media (color-gamut: p3) {
  @supports (color: color(display-p3 1 1 1)) {
    :host(.light) {
      --ezp-core-surface-primary: color(display-p3 1 1 1 / 100%);
      --ezp-core-surface-secondary: color(display-p3 0.953 0.953 0.953 / 100%);
      --ezp-core-surface-secondary-alt: color(display-p3 0.976 0.976 0.976 / 100%);
      --ezp-core-surface-tertiary: color(display-p3 1 1 1 / 100%);
      --ezp-core-foreground-primary: color(display-p3 0 0 0 / 94%);
      --ezp-core-foreground-secondary: color(display-p3 0.243 0.243 0.243 / 68%);
      --ezp-core-foreground-tertiary: color(display-p3 0.243 0.243 0.243 / 42%);
      --ezp-core-shade-primary: color(display-p3 0.545 0.545 0.545 / 10%);
      --ezp-core-shade-secondary: color(display-p3 0.545 0.545 0.545 / 16%);
      --ezp-core-shade-tertiary: color(display-p3 0.545 0.545 0.545 / 22%);
      --ezp-core-outline: color(display-p3 0.388 0.388 0.388 / 16%);
      --ezp-core-edge: color(display-p3 0 0 0 / 10%);
      --ezp-core-backdrop: color(display-p3 0 0 0 / 26%);
    }
  }
}

:host(.dark) {
  --ezp-dialog-box-boxShadow: inset 0 0 0 1px var(--ezp-core-outline),
    0 0 0 1px var(--ezp-black-60);
  --ezp-printerSelection-body-boxShadow: inset 1px 0 0 0 var(--ezp-core-outline),
    inset -1px 0 0 0 var(--ezp-core-outline);
  --ezp-printerSelection-box-boxShadow: 0 0 0 1px var(--ezp-black-60);
  --ezp-printerSelection-footer-boxShadowPosition: inset 0 0 0 1px;
  --ezp-printerSelection-header-boxShadowPosition: inset 0 0 0 1px;
  --ezp-select-wrap-boxShadowPositionBottom: inset 0 -1px 0 0;
  --ezp-select-wrap-boxShadowPositionLeft: inset 1px 0 0 0;
  --ezp-select-wrap-boxShadowPositionRight: inset -1px 0 0 0;
  --ezp-select-wrap-boxShadowPositionTop: inset 0 1px 0 0;
  --ezp-status-box-boxShadow: inset 0 0 0 1px var(--ezp-core-outline),
    0 0 0 1px var(--ezp-black-60);
  --ezp-stepper-boxShadowPosition: inset 0 0 0 1px;
  --ezp-userMenu-boxShadow: inset 0 0 0 1px var(--ezp-core-outline),
    0 0 0 1px var(--ezp-black-60);
  --ezp-userMenu-header-boxShadowPosition: inset 0 -1px 0 0;
  --ezp-userMenu-links-boxShadowPosition: inset 0 -1px 0 0;
  --ezp-userMenu-theme-boxShadowPosition: inset 0 -1px 0 0;
  --ezp-input-box-shadow-position-top: inset 0 1px 0 0;
  --ezp-input-box-shadow-position-right: inset -1px 0 0 0;
  --ezp-input-box-shadow-position-bottom: inset 0 -1px 0 0;
  --ezp-input-box-shadow-position-left: inset 1px 0 0 0;
  --ezp-accent-pink-solid: rgb(255, 65, 113);
  --ezp-accent-pink-translucent: rgba(255, 65, 113, 0.26);
  --ezp-accent-pink-faded: rgba(255, 65, 113, 0.16);
  --ezp-accent-red-solid: rgb(255, 72, 44);
  --ezp-accent-red-translucent: rgba(255, 72, 44, 0.26);
  --ezp-accent-red-faded: rgba(255, 72, 44, 0.16);
  --ezp-accent-orange-solid: rgb(255, 129, 28);
  --ezp-accent-orange-translucent: rgba(255, 129, 28, 0.26);
  --ezp-accent-orange-faded: rgba(255, 129, 28, 0.16);
  --ezp-accent-yellow-solid: rgb(255, 175, 58);
  --ezp-accent-yellow-translucent: rgba(255, 175, 58, 0.26);
  --ezp-accent-yellow-faded: rgba(255, 175, 58, 0.16);
  --ezp-accent-green-solid: rgb(103, 156, 21);
  --ezp-accent-green-translucent: rgba(103, 156, 21, 0.26);
  --ezp-accent-green-faded: rgba(103, 156, 21, 0.16);
  --ezp-accent-teal-solid: rgb(29, 160, 134);
  --ezp-accent-teal-translucent: rgba(29, 160, 134, 0.26);
  --ezp-accent-teal-faded: rgba(29, 160, 134, 0.16);
  --ezp-accent-cyan-solid: rgb(32, 155, 191);
  --ezp-accent-cyan-translucent: rgba(32, 155, 191, 0.26);
  --ezp-accent-cyan-faded: rgba(32, 155, 191, 0.16);
  --ezp-accent-blue-solid: rgb(93, 139, 253);
  --ezp-accent-blue-translucent: rgba(93, 139, 253, 0.26);
  --ezp-accent-blue-faded: rgba(93, 139, 253, 0.16);
  --ezp-accent-dark-blue-solid: rgb(20, 56, 119);
  --ezp-accent-dark-blue-translucent: rgba(20, 56, 119, 0.26);
  --ezp-accent-dark-blue-faded: rgba(20, 56, 119, 0.16);
  --ezp-accent-violet-solid: rgb(186, 105, 255);
  --ezp-accent-violet-translucent: rgba(186, 105, 255, 0.26);
  --ezp-accent-violet-faded: rgba(186, 105, 255, 0.16);
}
@media (color-gamut: p3) {
  @supports (color: color(display-p3 1 1 1)) {
    :host(.dark) {
      --ezp-accent-pink-solid: color(display-p3 1 0.255 0.443 / 100%);
      --ezp-accent-pink-translucent: color(display-p3 1 0.255 0.443 / 26%);
      --ezp-accent-pink-faded: color(display-p3 1 0.255 0.443 / 16%);
      --ezp-accent-red-solid: color(display-p3 1 0.282 0.173 / 100%);
      --ezp-accent-red-translucent: color(display-p3 1 0.282 0.173 / 26%);
      --ezp-accent-red-faded: color(display-p3 1 0.282 0.173 / 16%);
      --ezp-accent-orange-solid: color(display-p3 1 0.506 0.11 / 100%);
      --ezp-accent-orange-translucent: color(display-p3 1 0.506 0.11 / 26%);
      --ezp-accent-orange-faded: color(display-p3 1 0.506 0.11 / 16%);
      --ezp-accent-yellow-solid: color(display-p3 1 0.686 0.227 / 100%);
      --ezp-accent-yellow-translucent: color(display-p3 1 0.686 0.227 / 26%);
      --ezp-accent-yellow-faded: color(display-p3 1 0.686 0.227 / 16%);
      --ezp-accent-green-solid: color(display-p3 0.404 0.612 0.082 / 100%);
      --ezp-accent-green-translucent: color(display-p3 0.404 0.612 0.082 / 26%);
      --ezp-accent-green-faded: color(display-p3 0.404 0.612 0.082 / 16%);
      --ezp-accent-teal-solid: color(display-p3 0.114 0.627 0.525 / 100%);
      --ezp-accent-teal-translucent: color(display-p3 0.114 0.627 0.525 / 26%);
      --ezp-accent-teal-faded: color(display-p3 0.114 0.627 0.525 / 16%);
      --ezp-accent-cyan-solid: color(display-p3 0.125 0.608 0.749 / 100%);
      --ezp-accent-cyan-translucent: color(display-p3 0.125 0.608 0.749 / 26%);
      --ezp-accent-cyan-faded: color(display-p3 0.125 0.608 0.749 / 16%);
      --ezp-accent-blue-solid: color(display-p3 0.365 0.545 0.992 / 100%);
      --ezp-accent-blue-translucent: color(display-p3 0.365 0.545 0.992 / 26%);
      --ezp-accent-blue-faded: color(display-p3 0.365 0.545 0.992 / 16%);
      --ezp-accent-dark-blue-solid: color(display-p3 0.078 0.22 0.467 / 100%);
      --ezp-accent-dark-blue-translucent: color(display-p3 0.078 0.22 0.467 / 26%);
      --ezp-accent-dark-blue-faded: color(display-p3 0.078 0.22 0.467 / 16%);
      --ezp-accent-violet-solid: color(display-p3 0.729 0.412 1 / 100%);
      --ezp-accent-violet-translucent: color(display-p3 0.729 0.412 1 / 26%);
      --ezp-accent-violet-faded: color(display-p3 0.729 0.412 1 / 16%);
    }
  }
}
:host(.dark) {
  --ezp-core-surface-primary: rgb(0, 0, 0);
  --ezp-core-surface-secondary: rgb(27, 27, 27);
  --ezp-core-surface-secondary-alt: rgb(19, 19, 19);
  --ezp-core-surface-tertiary: rgb(40, 40, 40);
  --ezp-core-foreground-primary: rgba(255, 255, 255, 0.94);
  --ezp-core-foreground-secondary: rgba(182, 182, 182, 0.68);
  --ezp-core-foreground-tertiary: rgba(182, 182, 182, 0.42);
  --ezp-core-shade-primary: rgba(99, 99, 99, 0.26);
  --ezp-core-shade-secondary: rgba(99, 99, 99, 0.32);
  --ezp-core-shade-tertiary: rgba(99, 99, 99, 0.38);
  --ezp-core-outline: rgba(139, 139, 139, 0.26);
  --ezp-core-edge: rgba(255, 255, 255, 0.16);
  --ezp-core-backdrop: rgba(0, 0, 0, 0.68);
}
@media (color-gamut: p3) {
  @supports (color: color(display-p3 1 1 1)) {
    :host(.dark) {
      --ezp-core-surface-primary: color(display-p3 0 0 0 / 100%);
      --ezp-core-surface-secondary: color(display-p3 0.106 0.106 0.106 / 100%);
      --ezp-core-surface-secondary-alt: color(display-p3 0.075 0.075 0.075 / 100%);
      --ezp-core-surface-tertiary: color(display-p3 0.157 0.157 0.157 / 100%);
      --ezp-core-foreground-primary: color(display-p3 1 1 1 / 94%);
      --ezp-core-foreground-secondary: color(display-p3 0.714 0.714 0.714 / 68%);
      --ezp-core-foreground-tertiary: color(display-p3 0.714 0.714 0.714 / 42%);
      --ezp-core-shade-primary: color(display-p3 0.388 0.388 0.388 / 26%);
      --ezp-core-shade-secondary: color(display-p3 0.388 0.388 0.388 / 32%);
      --ezp-core-shade-tertiary: color(display-p3 0.388 0.388 0.388 / 38%);
      --ezp-core-outline: color(display-p3 0.545 0.545 0.545 / 26%);
      --ezp-core-edge: color(display-p3 1 1 1 / 16%);
      --ezp-core-backdrop: color(display-p3 0 0 0 / 68%);
    }
  }
}

:host(.seamless) {
  --ezp-status-border-radius: 0;
  --ezp-backdrop-border-radius: 0;
}

:host(.blue) {
  --ezp-theme-solid: var(--ezp-accent-blue-solid);
  --ezp-theme-translucent: var(--ezp-accent-blue-translucent);
}

:host(.cyan) {
  --ezp-theme-solid: var(--ezp-accent-cyan-solid);
  --ezp-theme-translucent: var(--ezp-accent-cyan-translucent);
}

:host(.green) {
  --ezp-theme-solid: var(--ezp-accent-green-solid);
  --ezp-theme-translucent: var(--ezp-accent-green-translucent);
}

:host(.teal) {
  --ezp-theme-solid: var(--ezp-accent-teal-solid);
  --ezp-theme-translucent: var(--ezp-accent-teal-translucent);
}

:host(.orange) {
  --ezp-theme-solid: var(--ezp-accent-orange-solid);
  --ezp-theme-translucent: var(--ezp-accent-orange-translucent);
}

:host(.pink) {
  --ezp-theme-solid: var(--ezp-accent-pink-solid);
  --ezp-theme-translucent: var(--ezp-accent-pink-translucent);
}

:host(.red) {
  --ezp-theme-solid: var(--ezp-accent-red-solid);
  --ezp-theme-translucent: var(--ezp-accent-red-translucent);
}

:host(.violet) {
  --ezp-theme-solid: var(--ezp-accent-violet-solid);
  --ezp-theme-translucent: var(--ezp-accent-violet-translucent);
}