@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap");
@layer zpr {
  [data-zpr-theme],
  :host(:where([data-zpr-theme])) {
    --zpr-spacing-xs: 4px;
    --zpr-spacing-sm: 8px;
    --zpr-spacing-md: 12px;
    --zpr-spacing-lg: 16px;
    --zpr-spacing-xl: 24px;
    --zpr-spacing-2xl: 32px;
    --zpr-spacing-3xl: 40px;
    --zpr-font-family-mono: Monaco, Courier New, monospace;
    --zpr-font-size-xs: 11px;
    --zpr-font-size-sm: 12px;
    --zpr-font-size-base: 14px;
    --zpr-font-size-lg: 16px;
    --zpr-font-size-xl: 18px;
    --zpr-font-size-2xl: 20px;
    --zpr-font-size-3xl: 24px;
    --zpr-font-size-4xl: 28px;
    --zpr-font-weight-normal: 400;
    --zpr-font-weight-medium: 500;
    --zpr-font-weight-semibold: 600;
    --zpr-font-weight-bold: 700;
    --zpr-line-height-sm: 133.333%;
    --zpr-line-height-normal: normal;
    --zpr-letter-spacing-sm: 0.06px;
    --zpr-letter-spacing-md: 0.3px;
    --zpr-letter-spacing-lg: 0.5px;
    --zpr-radius: 8px;
    --zpr-radius-sm: 4px;
    --zpr-radius-round: 999px;
    --zpr-transition: all 0.2s ease;
    --zpr-transition-fast: all 0.15s ease;
    --zpr-transition-slow: all 0.3s ease;
    --zpr-transition-pulse: opacity 1.5s ease-in-out infinite;
    --zpr-z-sticky: 10;
    --zpr-z-dropdown: 100;
    --zpr-z-modal: 1000;
    --zpr-z-dropzone: 9999;
    --zpr-stroke-width-primary: 1px;
    --zpr-stroke-width-subtle: 0px;
    --zpr-input-height: 40px;
    --zpr-input-padding-x: 12px;
    --zpr-size-icon-default: 20px;
  }
  [data-zpr-theme],
  :host(:where([data-zpr-theme])) {
    --zpr-font-family: Lato, sans-serif, sans-serif;
    --zpr-color-text-primary: #073158;
    --zpr-color-text-secondary: #073158;
    --zpr-color-brand-primary: #4A90E2;
    --zpr-color-brand-primary-15: rgba(74, 144, 226, 0.15);
    --zpr-color-brand-primary-hover: #57A6FF;
    --zpr-color-popout-primary: white;
    --zpr-color-popout-secondary: white;
    --zpr-file-icon-primary: #D1DCE7;
    --zpr-file-icon-secondary: #EFF3F6;
    --zpr-color-icon: #073158;
    --zpr-color-badge-background: #4A90E2;
    --zpr-color-badge-foreground: white;
    --zpr-color-media-card-fill: #F8F8F8;
    --zpr-color-media-card-stroke-highlight: #4A90E2;
    --zpr-color-info: #57A6FF;
    --zpr-color-destructive: #ff2828;
    --zpr-color-success: #0BD084;
    --zpr-color-warning: #FEB34B;
    --zpr-color-info-50: rgba(87, 166, 255, 0.5);
    --zpr-color-info-10: rgba(87, 166, 255, 0.1);
    --zpr-color-error-10: rgba(255, 40, 40, 0.1);
    --zpr-color-error-50: rgba(255, 40, 40, 0.5);
    --zpr-color-warning-50: rgba(254, 179, 75, 0.5);
    --zpr-color-warning-10: rgba(254, 179, 75, 0.1);
    --zpr-color-success-50: rgba(11, 208, 132, 0.5);
    --zpr-color-success-10: rgba(11, 208, 132, 0.1);
    --zpr-color-divider: #b2c4d7;
    --zpr-color-popout-stroke: #4A90E2;
    --zpr-color-input-fill: white;
    --zpr-color-input-stroke: #b2c4d7;
    --zpr-color-input-content: #073158;
    --zpr-color-input-content-placeholder: #9B9B9B;
    --zpr-color-input-focus: #4A90E2;
    --zpr-color-input-fill-disabled: #EDF0FD;
    --zpr-color-link: #4A90E2;
    --zpr-color-link-highlight: #73B4FF;
    --zpr-color-interactive: #073158;
    --zpr-color-interactive-accent: #EBF6FE;
    --zpr-color-interactive-highlight: #4A90E2;
    --zpr-color-inactive: #9B9B9B;
    --zpr-opacity: rgba(0, 0, 0, 0.1);
    --zpr-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    --zpr-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.15);
  }
  [data-zpr-theme=nebula],
  :host(:where([data-zpr-theme=nebula])) {
    --zpr-color-brand-primary: #5276F7;
    --zpr-color-brand-primary-15: rgba(82, 118, 247, 0.15);
    --zpr-color-brand-primary-hover: #5480F8;
    --zpr-color-media-card-stroke-highlight: #5276F7;
    --zpr-color-badge-background: #5276F7;
    --zpr-color-popout-stroke: #5276F7;
    --zpr-color-input-focus: #5276F7;
    --zpr-color-link: #5276F7;
    --zpr-color-link-highlight: #5276F7;
    --zpr-color-interactive-highlight: #5276F7;
    --zpr-color-info: #5276F7;
    --zpr-color-info-50: rgba(82, 118, 247, 0.5);
    --zpr-color-info-10: rgba(82, 118, 247, 0.1);
  }
  [data-zpr-theme=teal],
  :host(:where([data-zpr-theme=teal])) {
    --zpr-color-brand-primary: #0FA2A2;
    --zpr-color-brand-primary-15: rgba(15, 162, 162, 0.15);
    --zpr-color-brand-primary-hover: #6AE5E0;
    --zpr-color-info: #57A6FF;
    --zpr-color-destructive: #FF4747;
    --zpr-color-warning: #FFA500;
    --zpr-color-badge-background: #5BCCCA;
    --zpr-color-badge-foreground: #003744;
    --zpr-color-popout-primary: #F8F8F8;
    --zpr-color-popout-secondary: #F8F8F8;
    --zpr-color-input-stroke: #EAEAEA;
    --zpr-file-icon-primary: #C1CCD7;
    --zpr-file-icon-secondary: #D5DCE2;
    --zpr-color-media-card-fill: #EAEAEA;
    --zpr-color-media-card-stroke-highlight: #0FA2A2;
    --zpr-color-error-50: rgba(255, 71, 71, 0.5);
    --zpr-color-error-10: rgba(255, 71, 71, 0.1);
    --zpr-color-warning-50: rgba(255, 165, 0, 0.5);
    --zpr-color-warning-10: rgba(255, 165, 0, 0.1);
    --zpr-color-popout-stroke: #DADADA;
    --zpr-color-divider: #CCCCCC;
    --zpr-color-input-focus: #0FA2A2;
    --zpr-color-link: #0FA2A2;
    --zpr-color-link-highlight: #0FA2A2;
    --zpr-color-interactive-highlight: #0FA2A2;
    --zpr-stroke-width-primary: 0.5px;
    --zpr-stroke-width-subtle: 0.5px;
    --zpr-input-height: 24px;
    --zpr-input-padding-x: 8px;
    --zpr-radius: 4px;
    --zpr-font-size-base: 12px;
    --zpr-line-height-normal: 133.333%;
    --zpr-size-icon-default: 16px;
    --zpr-spacing-xl: 16px;
  }
  [data-zpr-theme=teal-dark],
  :host(:where([data-zpr-theme=teal-dark])) {
    --zpr-color-text-primary: white;
    --zpr-color-brand-primary: #6AE5E0;
    --zpr-color-brand-primary-15: rgba(106, 229, 224, 0.15);
    --zpr-color-brand-primary-hover: #0FA2A2;
    --zpr-color-info: #6AE5E0;
    --zpr-color-destructive: #FF4747;
    --zpr-color-warning: #FFA500;
    --zpr-color-badge-background: #414344;
    --zpr-color-popout-primary: #1F2021;
    --zpr-color-popout-secondary: #0E0E0E;
    --zpr-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
    --zpr-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.4);
    --zpr-file-icon-primary: #5C5F60;
    --zpr-file-icon-secondary: #414344;
    --zpr-color-icon: #9B9B9B;
    --zpr-color-text-secondary: #9B9B9B;
    --zpr-color-media-card-fill: #2F3032;
    --zpr-color-media-card-stroke-highlight: #6AE5E0;
    --zpr-color-info-50: rgba(106, 229, 224, 0.5);
    --zpr-color-info-10: rgba(106, 229, 224, 0.1);
    --zpr-color-error-50: rgba(255, 71, 71, 0.5);
    --zpr-color-error-10: rgba(255, 71, 71, 0.1);
    --zpr-color-warning-50: rgba(255, 165, 0, 0.5);
    --zpr-color-warning-10: rgba(255, 165, 0, 0.1);
    --zpr-color-divider: #414344;
    --zpr-color-popout-stroke: #3C3C3C;
    --zpr-color-input-fill: #3C3C3C;
    --zpr-color-input-stroke: #3C3C3C;
    --zpr-color-input-fill-disabled: #3C3C3C;
    --zpr-color-input-content: #F2F2F2;
    --zpr-color-input-focus: #6AE5E0;
    --zpr-color-inactive: #9B9B9B;
    --zpr-color-link: #6AE5E0;
    --zpr-color-link-highlight: #6AE5E0;
    --zpr-color-interactive: #CCCCCC;
    --zpr-color-interactive-accent: #003744;
    --zpr-color-interactive-highlight: #6AE5E0;
    --zpr-opacity: rgba(0, 0, 0, 0.4);
    --zpr-stroke-width-primary: 0.5px;
    --zpr-stroke-width-subtle: 0.5px;
    --zpr-input-height: 24px;
    --zpr-input-padding-x: 8px;
    --zpr-radius: 4px;
    --zpr-font-size-base: 12px;
    --zpr-line-height-normal: 133.333%;
    --zpr-size-icon-default: 16px;
    --zpr-spacing-xl: 16px;
  }
  [data-zpr-theme],
  :host(:where([data-zpr-theme])) {
    font-family: var(--zpr-font-family);
    color: var(--zpr-color-text-primary);
    font-size: var(--zpr-font-size-base);
    line-height: var(--zpr-line-height-normal);
    text-rendering: optimizelegibility;
  }
  @layer zpr-reset {
    [data-zpr-theme] *,
    :host(:where([data-zpr-theme])) * {
      padding: 0;
      margin: 0;
      box-sizing: border-box;
    }
  }
  [data-zpr-theme] *,
  :host(:where([data-zpr-theme])) * {
    color: inherit;
  }
  [data-zpr-theme] h1, [data-zpr-theme] h2, [data-zpr-theme] h3, [data-zpr-theme] h4,
  :host(:where([data-zpr-theme])) h1,
  :host(:where([data-zpr-theme])) h2,
  :host(:where([data-zpr-theme])) h3,
  :host(:where([data-zpr-theme])) h4 {
    font-weight: 700;
    margin-block: auto;
  }
  [data-zpr-theme] h1, [data-zpr-theme] h2, [data-zpr-theme] h3, [data-zpr-theme] h4, [data-zpr-theme] h5, [data-zpr-theme] p,
  :host(:where([data-zpr-theme])) h1,
  :host(:where([data-zpr-theme])) h2,
  :host(:where([data-zpr-theme])) h3,
  :host(:where([data-zpr-theme])) h4,
  :host(:where([data-zpr-theme])) h5,
  :host(:where([data-zpr-theme])) p {
    color: var(--zpr-color-text-primary);
  }
  [data-zpr-theme] h1, [data-zpr-theme] h2, [data-zpr-theme] h3, [data-zpr-theme] h4, [data-zpr-theme] p,
  :host(:where([data-zpr-theme])) h1,
  :host(:where([data-zpr-theme])) h2,
  :host(:where([data-zpr-theme])) h3,
  :host(:where([data-zpr-theme])) h4,
  :host(:where([data-zpr-theme])) p {
    margin-bottom: 24px;
  }
  [data-zpr-theme] h1,
  :host(:where([data-zpr-theme])) h1 {
    font-size: 46px;
    line-height: 55px;
  }
  @media (max-width: 700px) {
    [data-zpr-theme] h1,
    :host(:where([data-zpr-theme])) h1 {
      font-size: 35px;
      line-height: 40px;
    }
  }
  [data-zpr-theme] h1.huge,
  :host(:where([data-zpr-theme])) h1.huge {
    font-size: 145px;
    line-height: 135px;
  }
  @media (max-width: 700px) {
    [data-zpr-theme] h1.huge,
    :host(:where([data-zpr-theme])) h1.huge {
      font-size: 62px;
      line-height: 70px;
    }
  }
  [data-zpr-theme] h1.large,
  :host(:where([data-zpr-theme])) h1.large {
    font-size: 78px;
    line-height: 94px;
    color: white;
  }
  @media (max-width: 700px) {
    [data-zpr-theme] h1.large,
    :host(:where([data-zpr-theme])) h1.large {
      font-size: 35px;
      line-height: 40px;
    }
  }
  [data-zpr-theme] h2,
  :host(:where([data-zpr-theme])) h2 {
    font-size: 36px;
    line-height: 49px;
    letter-spacing: -0.02em;
  }
  @media (max-width: 700px) {
    [data-zpr-theme] h2,
    :host(:where([data-zpr-theme])) h2 {
      font-size: 29px;
      line-height: 32px;
    }
  }
  [data-zpr-theme] h3,
  :host(:where([data-zpr-theme])) h3 {
    font-size: 28px;
    line-height: 32px;
  }
  @media (max-width: 700px) {
    [data-zpr-theme] h3,
    :host(:where([data-zpr-theme])) h3 {
      font-size: 20px;
      line-height: 24px;
    }
  }
  [data-zpr-theme] h4,
  :host(:where([data-zpr-theme])) h4 {
    font-size: 20px;
    line-height: 24px;
  }
  [data-zpr-theme] h4.medium,
  :host(:where([data-zpr-theme])) h4.medium {
    font-weight: 500;
  }
  [data-zpr-theme] h4.light,
  :host(:where([data-zpr-theme])) h4.light {
    font-weight: 300;
  }
  [data-zpr-theme] h5,
  :host(:where([data-zpr-theme])) h5 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  [data-zpr-theme] h6,
  :host(:where([data-zpr-theme])) h6 {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
    font-weight: 300;
  }
  [data-zpr-theme] p,
  :host(:where([data-zpr-theme])) p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
  [data-zpr-theme] p.large,
  :host(:where([data-zpr-theme])) p.large {
    font-size: 20px;
    line-height: 30px;
  }
  [data-zpr-theme] p.large.medium,
  :host(:where([data-zpr-theme])) p.large.medium {
    font-weight: 500;
  }
  [data-zpr-theme] p.bold,
  :host(:where([data-zpr-theme])) p.bold {
    font-weight: 700;
  }
  [data-zpr-theme] p.xs,
  :host(:where([data-zpr-theme])) p.xs {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 21px;
  }
  [data-zpr-theme] p.xs.mb0,
  :host(:where([data-zpr-theme])) p.xs.mb0 {
    margin-bottom: 0;
  }
  [data-zpr-theme] p,
  :host(:where([data-zpr-theme])) p {
    overflow-wrap: break-word;
  }
  [data-zpr-theme] a,
  :host(:where([data-zpr-theme])) a {
    text-decoration: none;
    color: var(--zpr-color-link);
    cursor: pointer;
  }
  [data-zpr-theme] a:hover,
  :host(:where([data-zpr-theme])) a:hover {
    color: var(--zpr-color-link-highlight);
  }
  [data-zpr-theme] a.arrow-link,
  :host(:where([data-zpr-theme])) a.arrow-link {
    font-weight: 600;
    font-size: 12px;
    line-height: 23px;
    position: relative;
    text-transform: uppercase;
  }
  [data-zpr-theme] a.arrow-link:after,
  :host(:where([data-zpr-theme])) a.arrow-link:after {
    content: "►" !important;
    position: absolute;
    top: -4px;
    font-size: 15px;
    margin-left: 5px;
  }
  [data-zpr-theme] ul, [data-zpr-theme] ol,
  :host(:where([data-zpr-theme])) ul,
  :host(:where([data-zpr-theme])) ol {
    list-style: none;
  }
  [data-zpr-theme] ul li, [data-zpr-theme] ol li,
  :host(:where([data-zpr-theme])) ul li,
  :host(:where([data-zpr-theme])) ol li {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--zpr-color-text-primary);
    margin-bottom: 8px;
  }
  [data-zpr-theme] ul.xs li, [data-zpr-theme] ol.xs li,
  :host(:where([data-zpr-theme])) ul.xs li,
  :host(:where([data-zpr-theme])) ol.xs li {
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 4px;
  }
  [data-zpr-theme] ul li::before,
  :host(:where([data-zpr-theme])) ul li::before {
    content: "•";
    margin-right: 10px;
  }
  [data-zpr-theme] ul.fakol > span,
  :host(:where([data-zpr-theme])) ul.fakol > span {
    margin-right: 5px;
  }
  [data-zpr-theme] ul.fakol > li::before,
  :host(:where([data-zpr-theme])) ul.fakol > li::before {
    content: "";
  }
  [data-zpr-theme] ul.fakol > li span + p,
  :host(:where([data-zpr-theme])) ul.fakol > li span + p {
    display: inline;
  }
  [data-zpr-theme] ol,
  :host(:where([data-zpr-theme])) ol {
    margin-left: 16px;
  }
  [data-zpr-theme] ol li,
  :host(:where([data-zpr-theme])) ol li {
    clear: both;
  }
  [data-zpr-theme] ol.large li,
  :host(:where([data-zpr-theme])) ol.large li {
    position: relative;
    display: flex;
    margin-bottom: 24px;
  }
  [data-zpr-theme] ol.large li:before,
  :host(:where([data-zpr-theme])) ol.large li:before {
    content: counters(item, ".");
    counter-increment: item;
    margin-right: 0;
    float: unset;
    margin-right: 16px;
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #073158;
    color: #fff;
  }
  [data-zpr-theme] svg:not([fill=none]),
  :host(:where([data-zpr-theme])) svg:not([fill=none]) {
    fill: var(--zpr-color-icon);
  }
  [data-zpr-theme] .ellipsis,
  :host(:where([data-zpr-theme])) .ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  [data-zpr-theme] .overflow-hidden,
  :host(:where([data-zpr-theme])) .overflow-hidden {
    overflow: hidden;
  }
  [data-zpr-theme] blockquote,
  :host(:where([data-zpr-theme])) blockquote {
    border-left: 3px solid #EF5332;
    padding-left: 24px;
    font-style: italic;
  }
  [data-zpr-theme] h1.horizon, [data-zpr-theme] h2.horizon, [data-zpr-theme] h3.horizon, [data-zpr-theme] h4.horizon, [data-zpr-theme] p.horizon,
  :host(:where([data-zpr-theme])) h1.horizon,
  :host(:where([data-zpr-theme])) h2.horizon,
  :host(:where([data-zpr-theme])) h3.horizon,
  :host(:where([data-zpr-theme])) h4.horizon,
  :host(:where([data-zpr-theme])) p.horizon {
    background: linear-gradient(94deg, #4B9AF6 0%, #3320F7 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  [data-zpr-theme] h1.minty, [data-zpr-theme] h2.minty, [data-zpr-theme] h3.minty, [data-zpr-theme] h4.minty, [data-zpr-theme] p.minty,
  :host(:where([data-zpr-theme])) h1.minty,
  :host(:where([data-zpr-theme])) h2.minty,
  :host(:where([data-zpr-theme])) h3.minty,
  :host(:where([data-zpr-theme])) h4.minty,
  :host(:where([data-zpr-theme])) p.minty {
    background: linear-gradient(94deg, #6BE5AD 0%, #53AFE4 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  [data-zpr-theme] h1.ocean, [data-zpr-theme] h2.ocean, [data-zpr-theme] h3.ocean, [data-zpr-theme] h4.ocean, [data-zpr-theme] p.ocean,
  :host(:where([data-zpr-theme])) h1.ocean,
  :host(:where([data-zpr-theme])) h2.ocean,
  :host(:where([data-zpr-theme])) h3.ocean,
  :host(:where([data-zpr-theme])) h4.ocean,
  :host(:where([data-zpr-theme])) p.ocean {
    background: #4A90E2;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  [data-zpr-theme] [hydrated],
  :host(:where([data-zpr-theme])) [hydrated] {
    visibility: inherit;
  }
  [data-zpr-theme],
  :host(:where([data-zpr-theme])) {
    @layer zpr-reset;
  }
  [data-zpr-theme] .flex,
  :host(:where([data-zpr-theme])) .flex {
    display: flex;
  }
  [data-zpr-theme] .flex.fwrap,
  :host(:where([data-zpr-theme])) .flex.fwrap {
    flex-wrap: wrap;
  }
  [data-zpr-theme] .flex.spbetween, [data-zpr-theme] .flex.btw,
  :host(:where([data-zpr-theme])) .flex.spbetween,
  :host(:where([data-zpr-theme])) .flex.btw {
    justify-content: space-between;
  }
  [data-zpr-theme] .flex.sparound, [data-zpr-theme] .flex.ard,
  :host(:where([data-zpr-theme])) .flex.sparound,
  :host(:where([data-zpr-theme])) .flex.ard {
    justify-content: space-around;
  }
  [data-zpr-theme] .flex.justycent, [data-zpr-theme] .flex.justify,
  :host(:where([data-zpr-theme])) .flex.justycent,
  :host(:where([data-zpr-theme])) .flex.justify {
    justify-content: center;
  }
  [data-zpr-theme] .flex.alignitmc, [data-zpr-theme] .flex.acenter, [data-zpr-theme] .flex.fcenter,
  :host(:where([data-zpr-theme])) .flex.alignitmc,
  :host(:where([data-zpr-theme])) .flex.acenter,
  :host(:where([data-zpr-theme])) .flex.fcenter {
    align-items: center;
  }
  [data-zpr-theme] .flex.jc-start,
  :host(:where([data-zpr-theme])) .flex.jc-start {
    justify-content: flex-start;
  }
  [data-zpr-theme] .flex.jc-end,
  :host(:where([data-zpr-theme])) .flex.jc-end {
    justify-content: flex-end;
  }
  [data-zpr-theme] .flex.center,
  :host(:where([data-zpr-theme])) .flex.center {
    justify-content: center;
    align-items: center;
  }
  [data-zpr-theme] .flex.column,
  :host(:where([data-zpr-theme])) .flex.column {
    flex-direction: column;
  }
  [data-zpr-theme] .flex.row,
  :host(:where([data-zpr-theme])) .flex.row {
    flex-direction: row;
  }
  [data-zpr-theme] .flex.f-wrap,
  :host(:where([data-zpr-theme])) .flex.f-wrap {
    flex-wrap: wrap;
  }
  [data-zpr-theme] .flex.ai-start,
  :host(:where([data-zpr-theme])) .flex.ai-start {
    align-items: flex-start;
  }
  [data-zpr-theme] .flex.ai-end,
  :host(:where([data-zpr-theme])) .flex.ai-end {
    align-items: flex-end;
  }
  [data-zpr-theme] .flex.ai-center,
  :host(:where([data-zpr-theme])) .flex.ai-center {
    align-items: center;
  }
  [data-zpr-theme] .flex.ai-baseline,
  :host(:where([data-zpr-theme])) .flex.ai-baseline {
    align-items: baseline;
  }
  [data-zpr-theme] .flex .aself-start,
  :host(:where([data-zpr-theme])) .flex .aself-start {
    align-self: flex-start;
  }
  [data-zpr-theme] .flex .aself-end,
  :host(:where([data-zpr-theme])) .flex .aself-end {
    align-self: flex-end;
  }
  [data-zpr-theme] .flex .aself-center,
  :host(:where([data-zpr-theme])) .flex .aself-center {
    align-self: center;
  }
  [data-zpr-theme] .flex .f0,
  [data-zpr-theme] .flex .flex-0,
  :host(:where([data-zpr-theme])) .flex .f0,
  :host(:where([data-zpr-theme])) .flex .flex-0 {
    flex: none;
  }
  [data-zpr-theme] .flex .f1,
  [data-zpr-theme] .flex .flex-1,
  :host(:where([data-zpr-theme])) .flex .f1,
  :host(:where([data-zpr-theme])) .flex .flex-1 {
    flex: 1;
  }
  [data-zpr-theme] .flex .f2,
  [data-zpr-theme] .flex .flex-2,
  :host(:where([data-zpr-theme])) .flex .f2,
  :host(:where([data-zpr-theme])) .flex .flex-2 {
    flex: 2;
  }
  [data-zpr-theme] .flex .f3,
  [data-zpr-theme] .flex .flex-3,
  :host(:where([data-zpr-theme])) .flex .f3,
  :host(:where([data-zpr-theme])) .flex .flex-3 {
    flex: 3;
  }
  [data-zpr-theme] .flex .f-basis23,
  :host(:where([data-zpr-theme])) .flex .f-basis23 {
    flex-basis: 23%;
  }
  [data-zpr-theme] .flex .f-basis32,
  :host(:where([data-zpr-theme])) .flex .f-basis32 {
    flex-basis: 32%;
  }
  [data-zpr-theme] .flex .f-basis49,
  :host(:where([data-zpr-theme])) .flex .f-basis49 {
    flex-basis: 49%;
  }
  [data-zpr-theme] .flex .f-basis50,
  :host(:where([data-zpr-theme])) .flex .f-basis50 {
    flex-basis: 50%;
  }
  [data-zpr-theme] .flex .f-basis100,
  :host(:where([data-zpr-theme])) .flex .f-basis100 {
    flex-basis: 100%;
  }
  [data-zpr-theme] .flex.col-gap16,
  :host(:where([data-zpr-theme])) .flex.col-gap16 {
    column-gap: 16px;
  }
  [data-zpr-theme] .flex.col-gap22,
  :host(:where([data-zpr-theme])) .flex.col-gap22 {
    column-gap: 22px;
  }
  [data-zpr-theme] .flex.row-gap24,
  :host(:where([data-zpr-theme])) .flex.row-gap24 {
    row-gap: 24px;
  }
  [data-zpr-theme] .flex.gap40,
  :host(:where([data-zpr-theme])) .flex.gap40 {
    gap: 40px;
  }
  [data-zpr-theme] .flex.gap80,
  :host(:where([data-zpr-theme])) .flex.gap80 {
    gap: 80px;
  }
  @media (max-width: 768px) {
    [data-zpr-theme] .flex.m-f-column,
    :host(:where([data-zpr-theme])) .flex.m-f-column {
      flex-direction: column;
    }
    [data-zpr-theme] .flex .f-basis23,
    [data-zpr-theme] .flex .f-basis32,
    [data-zpr-theme] .flex .f-basis49,
    [data-zpr-theme] .flex .f-basis50,
    :host(:where([data-zpr-theme])) .flex .f-basis23,
    :host(:where([data-zpr-theme])) .flex .f-basis32,
    :host(:where([data-zpr-theme])) .flex .f-basis49,
    :host(:where([data-zpr-theme])) .flex .f-basis50 {
      flex-basis: auto;
    }
    [data-zpr-theme] .flex.m-btw,
    :host(:where([data-zpr-theme])) .flex.m-btw {
      justify-content: space-between;
    }
  }
  [data-zpr-theme] .flex.gap8,
  :host(:where([data-zpr-theme])) .flex.gap8 {
    gap: 8px;
  }
  [data-zpr-theme] .flex.gap16,
  :host(:where([data-zpr-theme])) .flex.gap16 {
    gap: 16px;
  }
  [data-zpr-theme] .sparound,
  :host(:where([data-zpr-theme])) .sparound {
    justify-content: space-around;
  }
  [data-zpr-theme] .spbetween,
  :host(:where([data-zpr-theme])) .spbetween {
    justify-content: space-between;
  }
  [data-zpr-theme] .justycent,
  :host(:where([data-zpr-theme])) .justycent {
    justify-content: center;
  }
  [data-zpr-theme] .f1,
  :host(:where([data-zpr-theme])) .f1 {
    flex: 1;
  }
  @media (max-width: 768px) {
    [data-zpr-theme] .flex .m-order-1,
    :host(:where([data-zpr-theme])) .flex .m-order-1 {
      order: 1;
    }
    [data-zpr-theme] .flex .m-order-2,
    :host(:where([data-zpr-theme])) .flex .m-order-2 {
      order: 2;
    }
  }
  [data-zpr-theme] .p0,
  :host(:where([data-zpr-theme])) .p0 {
    padding: 0px;
  }
  [data-zpr-theme] .pt0,
  :host(:where([data-zpr-theme])) .pt0 {
    padding-top: 0px;
  }
  [data-zpr-theme] .pl0,
  :host(:where([data-zpr-theme])) .pl0 {
    padding-left: 0px;
  }
  [data-zpr-theme] .pr0,
  :host(:where([data-zpr-theme])) .pr0 {
    padding-right: 0px;
  }
  [data-zpr-theme] .pb0,
  :host(:where([data-zpr-theme])) .pb0 {
    padding-bottom: 0px;
  }
  [data-zpr-theme] .p8,
  :host(:where([data-zpr-theme])) .p8 {
    padding: 8px;
  }
  [data-zpr-theme] .pt8,
  :host(:where([data-zpr-theme])) .pt8 {
    padding-top: 8px;
  }
  [data-zpr-theme] .pl8,
  :host(:where([data-zpr-theme])) .pl8 {
    padding-left: 8px;
  }
  [data-zpr-theme] .pr8,
  :host(:where([data-zpr-theme])) .pr8 {
    padding-right: 8px;
  }
  [data-zpr-theme] .pb8,
  :host(:where([data-zpr-theme])) .pb8 {
    padding-bottom: 8px;
  }
  [data-zpr-theme] .p10,
  :host(:where([data-zpr-theme])) .p10 {
    padding: 10px;
  }
  [data-zpr-theme] .pt10,
  :host(:where([data-zpr-theme])) .pt10 {
    padding-top: 10px;
  }
  [data-zpr-theme] .pl10,
  :host(:where([data-zpr-theme])) .pl10 {
    padding-left: 10px;
  }
  [data-zpr-theme] .pr10,
  :host(:where([data-zpr-theme])) .pr10 {
    padding-right: 10px;
  }
  [data-zpr-theme] .pb10,
  :host(:where([data-zpr-theme])) .pb10 {
    padding-bottom: 10px;
  }
  [data-zpr-theme] .p12,
  :host(:where([data-zpr-theme])) .p12 {
    padding: 12px;
  }
  [data-zpr-theme] .pt12,
  :host(:where([data-zpr-theme])) .pt12 {
    padding-top: 12px;
  }
  [data-zpr-theme] .pl12,
  :host(:where([data-zpr-theme])) .pl12 {
    padding-left: 12px;
  }
  [data-zpr-theme] .pr12,
  :host(:where([data-zpr-theme])) .pr12 {
    padding-right: 12px;
  }
  [data-zpr-theme] .pb12,
  :host(:where([data-zpr-theme])) .pb12 {
    padding-bottom: 12px;
  }
  [data-zpr-theme] .p16,
  :host(:where([data-zpr-theme])) .p16 {
    padding: 16px;
  }
  [data-zpr-theme] .pt16,
  :host(:where([data-zpr-theme])) .pt16 {
    padding-top: 16px;
  }
  [data-zpr-theme] .pl16,
  :host(:where([data-zpr-theme])) .pl16 {
    padding-left: 16px;
  }
  [data-zpr-theme] .pr16,
  :host(:where([data-zpr-theme])) .pr16 {
    padding-right: 16px;
  }
  [data-zpr-theme] .pb16,
  :host(:where([data-zpr-theme])) .pb16 {
    padding-bottom: 16px;
  }
  [data-zpr-theme] .p18,
  :host(:where([data-zpr-theme])) .p18 {
    padding: 18px;
  }
  [data-zpr-theme] .pt18,
  :host(:where([data-zpr-theme])) .pt18 {
    padding-top: 18px;
  }
  [data-zpr-theme] .pl18,
  :host(:where([data-zpr-theme])) .pl18 {
    padding-left: 18px;
  }
  [data-zpr-theme] .pr18,
  :host(:where([data-zpr-theme])) .pr18 {
    padding-right: 18px;
  }
  [data-zpr-theme] .pb18,
  :host(:where([data-zpr-theme])) .pb18 {
    padding-bottom: 18px;
  }
  [data-zpr-theme] .p20,
  :host(:where([data-zpr-theme])) .p20 {
    padding: 20px;
  }
  [data-zpr-theme] .pt20,
  :host(:where([data-zpr-theme])) .pt20 {
    padding-top: 20px;
  }
  [data-zpr-theme] .pl20,
  :host(:where([data-zpr-theme])) .pl20 {
    padding-left: 20px;
  }
  [data-zpr-theme] .pr20,
  :host(:where([data-zpr-theme])) .pr20 {
    padding-right: 20px;
  }
  [data-zpr-theme] .pb20,
  :host(:where([data-zpr-theme])) .pb20 {
    padding-bottom: 20px;
  }
  [data-zpr-theme] .p24,
  :host(:where([data-zpr-theme])) .p24 {
    padding: 24px;
  }
  [data-zpr-theme] .pt24,
  :host(:where([data-zpr-theme])) .pt24 {
    padding-top: 24px;
  }
  [data-zpr-theme] .pl24,
  :host(:where([data-zpr-theme])) .pl24 {
    padding-left: 24px;
  }
  [data-zpr-theme] .pr24,
  :host(:where([data-zpr-theme])) .pr24 {
    padding-right: 24px;
  }
  [data-zpr-theme] .pb24,
  :host(:where([data-zpr-theme])) .pb24 {
    padding-bottom: 24px;
  }
  [data-zpr-theme] .p30,
  :host(:where([data-zpr-theme])) .p30 {
    padding: 30px;
  }
  [data-zpr-theme] .pt30,
  :host(:where([data-zpr-theme])) .pt30 {
    padding-top: 30px;
  }
  [data-zpr-theme] .pl30,
  :host(:where([data-zpr-theme])) .pl30 {
    padding-left: 30px;
  }
  [data-zpr-theme] .pr30,
  :host(:where([data-zpr-theme])) .pr30 {
    padding-right: 30px;
  }
  [data-zpr-theme] .pb30,
  :host(:where([data-zpr-theme])) .pb30 {
    padding-bottom: 30px;
  }
  [data-zpr-theme] .p32,
  :host(:where([data-zpr-theme])) .p32 {
    padding: 32px;
  }
  [data-zpr-theme] .pt32,
  :host(:where([data-zpr-theme])) .pt32 {
    padding-top: 32px;
  }
  [data-zpr-theme] .pl32,
  :host(:where([data-zpr-theme])) .pl32 {
    padding-left: 32px;
  }
  [data-zpr-theme] .pr32,
  :host(:where([data-zpr-theme])) .pr32 {
    padding-right: 32px;
  }
  [data-zpr-theme] .pb32,
  :host(:where([data-zpr-theme])) .pb32 {
    padding-bottom: 32px;
  }
  [data-zpr-theme] .p40,
  :host(:where([data-zpr-theme])) .p40 {
    padding: 40px;
  }
  [data-zpr-theme] .pt40,
  :host(:where([data-zpr-theme])) .pt40 {
    padding-top: 40px;
  }
  [data-zpr-theme] .pl40,
  :host(:where([data-zpr-theme])) .pl40 {
    padding-left: 40px;
  }
  [data-zpr-theme] .pr40,
  :host(:where([data-zpr-theme])) .pr40 {
    padding-right: 40px;
  }
  [data-zpr-theme] .pb40,
  :host(:where([data-zpr-theme])) .pb40 {
    padding-bottom: 40px;
  }
  [data-zpr-theme] .p42,
  :host(:where([data-zpr-theme])) .p42 {
    padding: 42px;
  }
  [data-zpr-theme] .pt42,
  :host(:where([data-zpr-theme])) .pt42 {
    padding-top: 42px;
  }
  [data-zpr-theme] .pl42,
  :host(:where([data-zpr-theme])) .pl42 {
    padding-left: 42px;
  }
  [data-zpr-theme] .pr42,
  :host(:where([data-zpr-theme])) .pr42 {
    padding-right: 42px;
  }
  [data-zpr-theme] .pb42,
  :host(:where([data-zpr-theme])) .pb42 {
    padding-bottom: 42px;
  }
  [data-zpr-theme] .p45,
  :host(:where([data-zpr-theme])) .p45 {
    padding: 45px;
  }
  [data-zpr-theme] .pt45,
  :host(:where([data-zpr-theme])) .pt45 {
    padding-top: 45px;
  }
  [data-zpr-theme] .pl45,
  :host(:where([data-zpr-theme])) .pl45 {
    padding-left: 45px;
  }
  [data-zpr-theme] .pr45,
  :host(:where([data-zpr-theme])) .pr45 {
    padding-right: 45px;
  }
  [data-zpr-theme] .pb45,
  :host(:where([data-zpr-theme])) .pb45 {
    padding-bottom: 45px;
  }
  [data-zpr-theme] .p50,
  :host(:where([data-zpr-theme])) .p50 {
    padding: 50px;
  }
  [data-zpr-theme] .pt50,
  :host(:where([data-zpr-theme])) .pt50 {
    padding-top: 50px;
  }
  [data-zpr-theme] .pl50,
  :host(:where([data-zpr-theme])) .pl50 {
    padding-left: 50px;
  }
  [data-zpr-theme] .pr50,
  :host(:where([data-zpr-theme])) .pr50 {
    padding-right: 50px;
  }
  [data-zpr-theme] .pb50,
  :host(:where([data-zpr-theme])) .pb50 {
    padding-bottom: 50px;
  }
  [data-zpr-theme] .p64,
  :host(:where([data-zpr-theme])) .p64 {
    padding: 64px;
  }
  [data-zpr-theme] .pt64,
  :host(:where([data-zpr-theme])) .pt64 {
    padding-top: 64px;
  }
  [data-zpr-theme] .pl64,
  :host(:where([data-zpr-theme])) .pl64 {
    padding-left: 64px;
  }
  [data-zpr-theme] .pr64,
  :host(:where([data-zpr-theme])) .pr64 {
    padding-right: 64px;
  }
  [data-zpr-theme] .pb64,
  :host(:where([data-zpr-theme])) .pb64 {
    padding-bottom: 64px;
  }
  [data-zpr-theme] .m0,
  :host(:where([data-zpr-theme])) .m0 {
    margin: 0px;
  }
  [data-zpr-theme] .mt0,
  :host(:where([data-zpr-theme])) .mt0 {
    margin-top: 0px;
  }
  [data-zpr-theme] .ml0,
  :host(:where([data-zpr-theme])) .ml0 {
    margin-left: 0px;
  }
  [data-zpr-theme] .mr0,
  :host(:where([data-zpr-theme])) .mr0 {
    margin-right: 0px;
  }
  [data-zpr-theme] .mb0,
  :host(:where([data-zpr-theme])) .mb0 {
    margin-bottom: 0px;
  }
  [data-zpr-theme] .m8,
  :host(:where([data-zpr-theme])) .m8 {
    margin: 8px;
  }
  [data-zpr-theme] .mt8,
  :host(:where([data-zpr-theme])) .mt8 {
    margin-top: 8px;
  }
  [data-zpr-theme] .ml8,
  :host(:where([data-zpr-theme])) .ml8 {
    margin-left: 8px;
  }
  [data-zpr-theme] .mr8,
  :host(:where([data-zpr-theme])) .mr8 {
    margin-right: 8px;
  }
  [data-zpr-theme] .mb8,
  :host(:where([data-zpr-theme])) .mb8 {
    margin-bottom: 8px;
  }
  [data-zpr-theme] .m10,
  :host(:where([data-zpr-theme])) .m10 {
    margin: 10px;
  }
  [data-zpr-theme] .mt10,
  :host(:where([data-zpr-theme])) .mt10 {
    margin-top: 10px;
  }
  [data-zpr-theme] .ml10,
  :host(:where([data-zpr-theme])) .ml10 {
    margin-left: 10px;
  }
  [data-zpr-theme] .mr10,
  :host(:where([data-zpr-theme])) .mr10 {
    margin-right: 10px;
  }
  [data-zpr-theme] .mb10,
  :host(:where([data-zpr-theme])) .mb10 {
    margin-bottom: 10px;
  }
  [data-zpr-theme] .m12,
  :host(:where([data-zpr-theme])) .m12 {
    margin: 12px;
  }
  [data-zpr-theme] .mt12,
  :host(:where([data-zpr-theme])) .mt12 {
    margin-top: 12px;
  }
  [data-zpr-theme] .ml12,
  :host(:where([data-zpr-theme])) .ml12 {
    margin-left: 12px;
  }
  [data-zpr-theme] .mr12,
  :host(:where([data-zpr-theme])) .mr12 {
    margin-right: 12px;
  }
  [data-zpr-theme] .mb12,
  :host(:where([data-zpr-theme])) .mb12 {
    margin-bottom: 12px;
  }
  [data-zpr-theme] .m16,
  :host(:where([data-zpr-theme])) .m16 {
    margin: 16px;
  }
  [data-zpr-theme] .mt16,
  :host(:where([data-zpr-theme])) .mt16 {
    margin-top: 16px;
  }
  [data-zpr-theme] .ml16,
  :host(:where([data-zpr-theme])) .ml16 {
    margin-left: 16px;
  }
  [data-zpr-theme] .mr16,
  :host(:where([data-zpr-theme])) .mr16 {
    margin-right: 16px;
  }
  [data-zpr-theme] .mb16,
  :host(:where([data-zpr-theme])) .mb16 {
    margin-bottom: 16px;
  }
  [data-zpr-theme] .m18,
  :host(:where([data-zpr-theme])) .m18 {
    margin: 18px;
  }
  [data-zpr-theme] .mt18,
  :host(:where([data-zpr-theme])) .mt18 {
    margin-top: 18px;
  }
  [data-zpr-theme] .ml18,
  :host(:where([data-zpr-theme])) .ml18 {
    margin-left: 18px;
  }
  [data-zpr-theme] .mr18,
  :host(:where([data-zpr-theme])) .mr18 {
    margin-right: 18px;
  }
  [data-zpr-theme] .mb18,
  :host(:where([data-zpr-theme])) .mb18 {
    margin-bottom: 18px;
  }
  [data-zpr-theme] .m20,
  :host(:where([data-zpr-theme])) .m20 {
    margin: 20px;
  }
  [data-zpr-theme] .mt20,
  :host(:where([data-zpr-theme])) .mt20 {
    margin-top: 20px;
  }
  [data-zpr-theme] .ml20,
  :host(:where([data-zpr-theme])) .ml20 {
    margin-left: 20px;
  }
  [data-zpr-theme] .mr20,
  :host(:where([data-zpr-theme])) .mr20 {
    margin-right: 20px;
  }
  [data-zpr-theme] .mb20,
  :host(:where([data-zpr-theme])) .mb20 {
    margin-bottom: 20px;
  }
  [data-zpr-theme] .m24,
  :host(:where([data-zpr-theme])) .m24 {
    margin: 24px;
  }
  [data-zpr-theme] .mt24,
  :host(:where([data-zpr-theme])) .mt24 {
    margin-top: 24px;
  }
  [data-zpr-theme] .ml24,
  :host(:where([data-zpr-theme])) .ml24 {
    margin-left: 24px;
  }
  [data-zpr-theme] .mr24,
  :host(:where([data-zpr-theme])) .mr24 {
    margin-right: 24px;
  }
  [data-zpr-theme] .mb24,
  :host(:where([data-zpr-theme])) .mb24 {
    margin-bottom: 24px;
  }
  [data-zpr-theme] .m30,
  :host(:where([data-zpr-theme])) .m30 {
    margin: 30px;
  }
  [data-zpr-theme] .mt30,
  :host(:where([data-zpr-theme])) .mt30 {
    margin-top: 30px;
  }
  [data-zpr-theme] .ml30,
  :host(:where([data-zpr-theme])) .ml30 {
    margin-left: 30px;
  }
  [data-zpr-theme] .mr30,
  :host(:where([data-zpr-theme])) .mr30 {
    margin-right: 30px;
  }
  [data-zpr-theme] .mb30,
  :host(:where([data-zpr-theme])) .mb30 {
    margin-bottom: 30px;
  }
  [data-zpr-theme] .m32,
  :host(:where([data-zpr-theme])) .m32 {
    margin: 32px;
  }
  [data-zpr-theme] .mt32,
  :host(:where([data-zpr-theme])) .mt32 {
    margin-top: 32px;
  }
  [data-zpr-theme] .ml32,
  :host(:where([data-zpr-theme])) .ml32 {
    margin-left: 32px;
  }
  [data-zpr-theme] .mr32,
  :host(:where([data-zpr-theme])) .mr32 {
    margin-right: 32px;
  }
  [data-zpr-theme] .mb32,
  :host(:where([data-zpr-theme])) .mb32 {
    margin-bottom: 32px;
  }
  [data-zpr-theme] .m40,
  :host(:where([data-zpr-theme])) .m40 {
    margin: 40px;
  }
  [data-zpr-theme] .mt40,
  :host(:where([data-zpr-theme])) .mt40 {
    margin-top: 40px;
  }
  [data-zpr-theme] .ml40,
  :host(:where([data-zpr-theme])) .ml40 {
    margin-left: 40px;
  }
  [data-zpr-theme] .mr40,
  :host(:where([data-zpr-theme])) .mr40 {
    margin-right: 40px;
  }
  [data-zpr-theme] .mb40,
  :host(:where([data-zpr-theme])) .mb40 {
    margin-bottom: 40px;
  }
  [data-zpr-theme] .m42,
  :host(:where([data-zpr-theme])) .m42 {
    margin: 42px;
  }
  [data-zpr-theme] .mt42,
  :host(:where([data-zpr-theme])) .mt42 {
    margin-top: 42px;
  }
  [data-zpr-theme] .ml42,
  :host(:where([data-zpr-theme])) .ml42 {
    margin-left: 42px;
  }
  [data-zpr-theme] .mr42,
  :host(:where([data-zpr-theme])) .mr42 {
    margin-right: 42px;
  }
  [data-zpr-theme] .mb42,
  :host(:where([data-zpr-theme])) .mb42 {
    margin-bottom: 42px;
  }
  [data-zpr-theme] .m45,
  :host(:where([data-zpr-theme])) .m45 {
    margin: 45px;
  }
  [data-zpr-theme] .mt45,
  :host(:where([data-zpr-theme])) .mt45 {
    margin-top: 45px;
  }
  [data-zpr-theme] .ml45,
  :host(:where([data-zpr-theme])) .ml45 {
    margin-left: 45px;
  }
  [data-zpr-theme] .mr45,
  :host(:where([data-zpr-theme])) .mr45 {
    margin-right: 45px;
  }
  [data-zpr-theme] .mb45,
  :host(:where([data-zpr-theme])) .mb45 {
    margin-bottom: 45px;
  }
  [data-zpr-theme] .m50,
  :host(:where([data-zpr-theme])) .m50 {
    margin: 50px;
  }
  [data-zpr-theme] .mt50,
  :host(:where([data-zpr-theme])) .mt50 {
    margin-top: 50px;
  }
  [data-zpr-theme] .ml50,
  :host(:where([data-zpr-theme])) .ml50 {
    margin-left: 50px;
  }
  [data-zpr-theme] .mr50,
  :host(:where([data-zpr-theme])) .mr50 {
    margin-right: 50px;
  }
  [data-zpr-theme] .mb50,
  :host(:where([data-zpr-theme])) .mb50 {
    margin-bottom: 50px;
  }
  [data-zpr-theme] .m64,
  :host(:where([data-zpr-theme])) .m64 {
    margin: 64px;
  }
  [data-zpr-theme] .mt64,
  :host(:where([data-zpr-theme])) .mt64 {
    margin-top: 64px;
  }
  [data-zpr-theme] .ml64,
  :host(:where([data-zpr-theme])) .ml64 {
    margin-left: 64px;
  }
  [data-zpr-theme] .mr64,
  :host(:where([data-zpr-theme])) .mr64 {
    margin-right: 64px;
  }
  [data-zpr-theme] .mb64,
  :host(:where([data-zpr-theme])) .mb64 {
    margin-bottom: 64px;
  }
  [data-zpr-theme] .maxw,
  :host(:where([data-zpr-theme])) .maxw {
    max-width: 1304px;
    margin-left: auto;
    margin-right: auto;
  }
  @media (min-width: 1080px) and (max-width: 1439px) {
    [data-zpr-theme] .maxw,
    :host(:where([data-zpr-theme])) .maxw {
      margin-left: 80px;
      margin-right: 80px;
    }
  }
  @media (min-width: 701px) and (max-width: 1079px) {
    [data-zpr-theme] .maxw,
    :host(:where([data-zpr-theme])) .maxw {
      margin-left: 40px;
      margin-right: 40px;
    }
  }
  @media (max-width: 700px) {
    [data-zpr-theme] .maxw,
    :host(:where([data-zpr-theme])) .maxw {
      margin-left: 24px;
      margin-right: 24px;
    }
  }
  [data-zpr-theme] .full-width .maxw,
  :host(:where([data-zpr-theme])) .full-width .maxw {
    max-width: none;
    margin-left: 80px;
    margin-right: 80px;
  }
  @media (min-width: 1080px) and (max-width: 1439px) {
    [data-zpr-theme] .full-width .maxw,
    :host(:where([data-zpr-theme])) .full-width .maxw {
      margin-left: 80px;
      margin-right: 80px;
    }
  }
  @media (min-width: 701px) and (max-width: 1079px) {
    [data-zpr-theme] .full-width .maxw,
    :host(:where([data-zpr-theme])) .full-width .maxw {
      margin-left: 40px;
      margin-right: 40px;
    }
  }
  @media (max-width: 700px) {
    [data-zpr-theme] .full-width .maxw,
    :host(:where([data-zpr-theme])) .full-width .maxw {
      margin-left: 24px;
      margin-right: 24px;
    }
  }
  [data-zpr-theme] .w100,
  :host(:where([data-zpr-theme])) .w100 {
    width: 100%;
  }
  [data-zpr-theme] .label-wrapper,
  [data-zpr-theme] .input-wrapper,
  :host(:where([data-zpr-theme])) .label-wrapper,
  :host(:where([data-zpr-theme])) .input-wrapper {
    display: flex;
  }
  [data-zpr-theme] label,
  :host(:where([data-zpr-theme])) label {
    flex: 1;
    color: var(--zpr-color-text-primary, #073158);
    font-size: var(--zpr-font-size-base, 14px);
    line-height: var(--zpr-line-height-normal, 20px);
    display: flex;
    align-items: center;
  }
  [data-zpr-theme] label:has(input),
  :host(:where([data-zpr-theme])) label:has(input) {
    cursor: pointer;
  }
  [data-zpr-theme] textarea.no-resize,
  :host(:where([data-zpr-theme])) textarea.no-resize {
    resize: none;
  }
  [data-zpr-theme] input,
  [data-zpr-theme] select,
  [data-zpr-theme] textarea,
  [data-zpr-theme] .fkinput,
  :host(:where([data-zpr-theme])) input,
  :host(:where([data-zpr-theme])) select,
  :host(:where([data-zpr-theme])) textarea,
  :host(:where([data-zpr-theme])) .fkinput {
    width: 100%;
    max-width: 100%;
    height: var(--zpr-input-height, 40px);
    background: var(--zpr-color-input-fill, #FFFFFF) 0% 0% no-repeat padding-box;
    border: var(--zpr-stroke-width-primary, 1px) solid var(--zpr-color-input-stroke, #b2c4d7);
    border-radius: var(--zpr-radius, 8px);
    padding: 0 var(--zpr-input-padding-x, 16px);
    font-size: var(--zpr-font-size-base, 14px);
    box-sizing: border-box;
    line-height: var(--zpr-line-height-sm, 1.2);
    color: var(--zpr-color-input-content, #073158);
  }
  [data-zpr-theme] input:focus, [data-zpr-theme] input:active, [data-zpr-theme] input.braintree-hosted-fields-focused,
  [data-zpr-theme] select:focus,
  [data-zpr-theme] select:active,
  [data-zpr-theme] select.braintree-hosted-fields-focused,
  [data-zpr-theme] textarea:focus,
  [data-zpr-theme] textarea:active,
  [data-zpr-theme] textarea.braintree-hosted-fields-focused,
  [data-zpr-theme] .fkinput:focus,
  [data-zpr-theme] .fkinput:active,
  [data-zpr-theme] .fkinput.braintree-hosted-fields-focused,
  :host(:where([data-zpr-theme])) input:focus,
  :host(:where([data-zpr-theme])) input:active,
  :host(:where([data-zpr-theme])) input.braintree-hosted-fields-focused,
  :host(:where([data-zpr-theme])) select:focus,
  :host(:where([data-zpr-theme])) select:active,
  :host(:where([data-zpr-theme])) select.braintree-hosted-fields-focused,
  :host(:where([data-zpr-theme])) textarea:focus,
  :host(:where([data-zpr-theme])) textarea:active,
  :host(:where([data-zpr-theme])) textarea.braintree-hosted-fields-focused,
  :host(:where([data-zpr-theme])) .fkinput:focus,
  :host(:where([data-zpr-theme])) .fkinput:active,
  :host(:where([data-zpr-theme])) .fkinput.braintree-hosted-fields-focused {
    box-shadow: var(--zpr-shadow, 0px 0px 2px #3D7CB1);
    border: var(--zpr-stroke-width-primary, 1px) solid var(--zpr-color-input-focus, #4A90E2);
    border-radius: var(--zpr-radius, 8px);
    opacity: 1;
    outline: none;
  }
  [data-zpr-theme] input:disabled,
  [data-zpr-theme] select:disabled,
  [data-zpr-theme] textarea:disabled,
  [data-zpr-theme] .fkinput:disabled,
  :host(:where([data-zpr-theme])) input:disabled,
  :host(:where([data-zpr-theme])) select:disabled,
  :host(:where([data-zpr-theme])) textarea:disabled,
  :host(:where([data-zpr-theme])) .fkinput:disabled {
    background-color: var(--zpr-color-input-disabled-fill, rgba(204, 204, 204, 0.33));
    color: rgba(7, 49, 88, 0.33);
    border: var(--zpr-stroke-width-primary, 1px) solid var(--zpr-color-input-stroke, #b2c4d7);
    box-shadow: none;
  }
  [data-zpr-theme] input.braintree-hosted-fields-invalid, [data-zpr-theme] input.invalid,
  [data-zpr-theme] select.braintree-hosted-fields-invalid,
  [data-zpr-theme] select.invalid,
  [data-zpr-theme] textarea.braintree-hosted-fields-invalid,
  [data-zpr-theme] textarea.invalid,
  [data-zpr-theme] .fkinput.braintree-hosted-fields-invalid,
  [data-zpr-theme] .fkinput.invalid,
  :host(:where([data-zpr-theme])) input.braintree-hosted-fields-invalid,
  :host(:where([data-zpr-theme])) input.invalid,
  :host(:where([data-zpr-theme])) select.braintree-hosted-fields-invalid,
  :host(:where([data-zpr-theme])) select.invalid,
  :host(:where([data-zpr-theme])) textarea.braintree-hosted-fields-invalid,
  :host(:where([data-zpr-theme])) textarea.invalid,
  :host(:where([data-zpr-theme])) .fkinput.braintree-hosted-fields-invalid,
  :host(:where([data-zpr-theme])) .fkinput.invalid {
    border-color: var(--zpr-color-destructive, #E01F1F);
    box-shadow: 0px 0px 2px #E01F1F;
  }
  [data-zpr-theme] input::-webkit-search-decoration, [data-zpr-theme] input::-webkit-search-cancel-button, [data-zpr-theme] input::-webkit-search-results-button, [data-zpr-theme] input::-webkit-search-results-decoration, [data-zpr-theme] input::-webkit-outer-spin-button, [data-zpr-theme] input::-webkit-inner-spin-button,
  [data-zpr-theme] select::-webkit-search-decoration,
  [data-zpr-theme] select::-webkit-search-cancel-button,
  [data-zpr-theme] select::-webkit-search-results-button,
  [data-zpr-theme] select::-webkit-search-results-decoration,
  [data-zpr-theme] select::-webkit-outer-spin-button,
  [data-zpr-theme] select::-webkit-inner-spin-button,
  [data-zpr-theme] textarea::-webkit-search-decoration,
  [data-zpr-theme] textarea::-webkit-search-cancel-button,
  [data-zpr-theme] textarea::-webkit-search-results-button,
  [data-zpr-theme] textarea::-webkit-search-results-decoration,
  [data-zpr-theme] textarea::-webkit-outer-spin-button,
  [data-zpr-theme] textarea::-webkit-inner-spin-button,
  [data-zpr-theme] .fkinput::-webkit-search-decoration,
  [data-zpr-theme] .fkinput::-webkit-search-cancel-button,
  [data-zpr-theme] .fkinput::-webkit-search-results-button,
  [data-zpr-theme] .fkinput::-webkit-search-results-decoration,
  [data-zpr-theme] .fkinput::-webkit-outer-spin-button,
  [data-zpr-theme] .fkinput::-webkit-inner-spin-button,
  :host(:where([data-zpr-theme])) input::-webkit-search-decoration,
  :host(:where([data-zpr-theme])) input::-webkit-search-cancel-button,
  :host(:where([data-zpr-theme])) input::-webkit-search-results-button,
  :host(:where([data-zpr-theme])) input::-webkit-search-results-decoration,
  :host(:where([data-zpr-theme])) input::-webkit-outer-spin-button,
  :host(:where([data-zpr-theme])) input::-webkit-inner-spin-button,
  :host(:where([data-zpr-theme])) select::-webkit-search-decoration,
  :host(:where([data-zpr-theme])) select::-webkit-search-cancel-button,
  :host(:where([data-zpr-theme])) select::-webkit-search-results-button,
  :host(:where([data-zpr-theme])) select::-webkit-search-results-decoration,
  :host(:where([data-zpr-theme])) select::-webkit-outer-spin-button,
  :host(:where([data-zpr-theme])) select::-webkit-inner-spin-button,
  :host(:where([data-zpr-theme])) textarea::-webkit-search-decoration,
  :host(:where([data-zpr-theme])) textarea::-webkit-search-cancel-button,
  :host(:where([data-zpr-theme])) textarea::-webkit-search-results-button,
  :host(:where([data-zpr-theme])) textarea::-webkit-search-results-decoration,
  :host(:where([data-zpr-theme])) textarea::-webkit-outer-spin-button,
  :host(:where([data-zpr-theme])) textarea::-webkit-inner-spin-button,
  :host(:where([data-zpr-theme])) .fkinput::-webkit-search-decoration,
  :host(:where([data-zpr-theme])) .fkinput::-webkit-search-cancel-button,
  :host(:where([data-zpr-theme])) .fkinput::-webkit-search-results-button,
  :host(:where([data-zpr-theme])) .fkinput::-webkit-search-results-decoration,
  :host(:where([data-zpr-theme])) .fkinput::-webkit-outer-spin-button,
  :host(:where([data-zpr-theme])) .fkinput::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -khtml-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
  }
  [data-zpr-theme] input[type=checkbox], [data-zpr-theme] input[type=number], [data-zpr-theme] input[type=number]::-webkit-outer-spin-button, [data-zpr-theme] input[type=number]::-webkit-inner-spin-button,
  [data-zpr-theme] select[type=checkbox],
  [data-zpr-theme] select[type=number],
  [data-zpr-theme] select[type=number]::-webkit-outer-spin-button,
  [data-zpr-theme] select[type=number]::-webkit-inner-spin-button,
  [data-zpr-theme] textarea[type=checkbox],
  [data-zpr-theme] textarea[type=number],
  [data-zpr-theme] textarea[type=number]::-webkit-outer-spin-button,
  [data-zpr-theme] textarea[type=number]::-webkit-inner-spin-button,
  [data-zpr-theme] .fkinput[type=checkbox],
  [data-zpr-theme] .fkinput[type=number],
  [data-zpr-theme] .fkinput[type=number]::-webkit-outer-spin-button,
  [data-zpr-theme] .fkinput[type=number]::-webkit-inner-spin-button,
  :host(:where([data-zpr-theme])) input[type=checkbox],
  :host(:where([data-zpr-theme])) input[type=number],
  :host(:where([data-zpr-theme])) input[type=number]::-webkit-outer-spin-button,
  :host(:where([data-zpr-theme])) input[type=number]::-webkit-inner-spin-button,
  :host(:where([data-zpr-theme])) select[type=checkbox],
  :host(:where([data-zpr-theme])) select[type=number],
  :host(:where([data-zpr-theme])) select[type=number]::-webkit-outer-spin-button,
  :host(:where([data-zpr-theme])) select[type=number]::-webkit-inner-spin-button,
  :host(:where([data-zpr-theme])) textarea[type=checkbox],
  :host(:where([data-zpr-theme])) textarea[type=number],
  :host(:where([data-zpr-theme])) textarea[type=number]::-webkit-outer-spin-button,
  :host(:where([data-zpr-theme])) textarea[type=number]::-webkit-inner-spin-button,
  :host(:where([data-zpr-theme])) .fkinput[type=checkbox],
  :host(:where([data-zpr-theme])) .fkinput[type=number],
  :host(:where([data-zpr-theme])) .fkinput[type=number]::-webkit-outer-spin-button,
  :host(:where([data-zpr-theme])) .fkinput[type=number]::-webkit-inner-spin-button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0;
  }
  [data-zpr-theme] input,
  :host(:where([data-zpr-theme])) input {
    font-family: var(--zpr-font-family);
  }
  [data-zpr-theme] input:read-only,
  :host(:where([data-zpr-theme])) input:read-only {
    background-color: var(--zpr-color-input-fill-disabled, #EDF0FD);
    color: var(--zpr-color-input-content, #344B60);
    border: var(--zpr-stroke-width-primary, 1px) solid var(--zpr-color-input-stroke, #b2c4d7);
    box-shadow: none;
  }
  [data-zpr-theme] input:read-only:focus,
  :host(:where([data-zpr-theme])) input:read-only:focus {
    user-select: none;
    -webkit-user-select: none;
  }
  [data-zpr-theme] input::placeholder,
  :host(:where([data-zpr-theme])) input::placeholder {
    color: var(--zpr-color-input-content-placeholder);
  }
  [data-zpr-theme] textarea,
  :host(:where([data-zpr-theme])) textarea {
    height: 127px;
    padding: 11px var(--zpr-input-padding-x, 16px) 9px;
  }
  [data-zpr-theme] textarea[rows="8"],
  :host(:where([data-zpr-theme])) textarea[rows="8"] {
    height: 169px;
  }
  [data-zpr-theme] textarea[rows="10"],
  :host(:where([data-zpr-theme])) textarea[rows="10"] {
    height: 211px;
  }
  [data-zpr-theme] select,
  :host(:where([data-zpr-theme])) select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    cursor: pointer;
    padding-right: 34px;
    background: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2843055,18.0885912 L15.3535534,18.1464466 L20,22.793 L24.6464466,18.1464466 C24.8417088,17.9511845 25.1582912,17.9511845 25.3535534,18.1464466 C25.5271197,18.320013 25.5464049,18.5894374 25.4114088,18.7843055 L25.3535534,18.8535534 L20.3535534,23.8535534 C20.288466,23.9186408 20.2098986,23.9620324 20.1268378,23.9837282 L20.0426121,23.998192 L19.9573879,23.998192 C19.8723301,23.9909601 19.78877,23.9620324 19.7156945,23.9114088 L19.6464466,23.8535534 L14.6464466,18.8535534 C14.4511845,18.6582912 14.4511845,18.3417088 14.6464466,18.1464466 C14.7983172,17.9945761 15.023579,17.960827 15.208068,18.0451996 L15.2843055,18.0885912 Z' fill='%23344B60'%3E%3C/path%3E%3C/svg%3E");
    background-position: right 0 top 50%;
    background-repeat: no-repeat;
    background-color: var(--zpr-color-input-fill, #fff);
  }
  [data-zpr-theme] .field,
  :host(:where([data-zpr-theme])) .field {
    display: block;
  }
  [data-zpr-theme] .field .label-wrapper,
  [data-zpr-theme] .field .input-wrapper,
  :host(:where([data-zpr-theme])) .field .label-wrapper,
  :host(:where([data-zpr-theme])) .field .input-wrapper {
    display: flex;
  }
  [data-zpr-theme] .field .label-wrapper label,
  :host(:where([data-zpr-theme])) .field .label-wrapper label {
    font-weight: bold;
  }
  [data-zpr-theme] .field .label-wrapper + .input-wrapper,
  :host(:where([data-zpr-theme])) .field .label-wrapper + .input-wrapper {
    margin-top: 8px;
  }
  [data-zpr-theme] .field .input-wrapper,
  :host(:where([data-zpr-theme])) .field .input-wrapper {
    position: relative;
  }
  [data-zpr-theme] .field .input-wrapper svg, [data-zpr-theme] .field .input-wrapper .affix,
  :host(:where([data-zpr-theme])) .field .input-wrapper svg,
  :host(:where([data-zpr-theme])) .field .input-wrapper .affix {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  [data-zpr-theme] .field .input-wrapper svg,
  :host(:where([data-zpr-theme])) .field .input-wrapper svg {
    width: 38px;
    height: 38px;
  }
  [data-zpr-theme] .field .input-wrapper svg.spinner,
  :host(:where([data-zpr-theme])) .field .input-wrapper svg.spinner {
    width: var(--zpr-size-icon-default, 20px);
    height: var(--zpr-size-icon-default, 20px);
    right: var(--zpr-input-padding-x, 16px);
  }
  [data-zpr-theme] .field .input-wrapper .affix,
  :host(:where([data-zpr-theme])) .field .input-wrapper .affix {
    display: flex;
    align-items: center;
    font-size: var(--zpr-font-size-base, 14px);
    color: var(--zpr-color-text-secondary, #9B9B9B);
    padding: 0 8px;
    background-color: var(--zpr-color-input-fill, white);
  }
  [data-zpr-theme] .field .input-wrapper svg + input,
  [data-zpr-theme] .field .input-wrapper .affix + input,
  [data-zpr-theme] .field .input-wrapper svg + .fkinput,
  :host(:where([data-zpr-theme])) .field .input-wrapper svg + input,
  :host(:where([data-zpr-theme])) .field .input-wrapper .affix + input,
  :host(:where([data-zpr-theme])) .field .input-wrapper svg + .fkinput {
    padding-left: 36px;
  }
  [data-zpr-theme] .field .input-wrapper zpr-input-number,
  :host(:where([data-zpr-theme])) .field .input-wrapper zpr-input-number {
    position: relative;
  }
  [data-zpr-theme] .field .input-wrapper input ~ svg,
  [data-zpr-theme] .field .input-wrapper .fkinput ~ svg,
  :host(:where([data-zpr-theme])) .field .input-wrapper input ~ svg,
  :host(:where([data-zpr-theme])) .field .input-wrapper .fkinput ~ svg {
    right: 0;
    left: auto;
  }
  [data-zpr-theme] .field .input-wrapper input ~ .affix,
  :host(:where([data-zpr-theme])) .field .input-wrapper input ~ .affix {
    right: 1px;
    left: auto;
  }
  [data-zpr-theme] .field .input-wrapper input:has(+ svg),
  [data-zpr-theme] .field .input-wrapper .fkinput:has(+ svg),
  :host(:where([data-zpr-theme])) .field .input-wrapper input:has(+ svg),
  :host(:where([data-zpr-theme])) .field .input-wrapper .fkinput:has(+ svg) {
    padding-right: 36px;
  }
  [data-zpr-theme] .field .input-wrapper.icon-right input,
  [data-zpr-theme] .field .input-wrapper.icon-right textarea,
  [data-zpr-theme] .field .input-wrapper.icon-right .fkinput,
  :host(:where([data-zpr-theme])) .field .input-wrapper.icon-right input,
  :host(:where([data-zpr-theme])) .field .input-wrapper.icon-right textarea,
  :host(:where([data-zpr-theme])) .field .input-wrapper.icon-right .fkinput {
    padding-right: 44px;
  }
  [data-zpr-theme] .field .input-wrapper [role=button],
  :host(:where([data-zpr-theme])) .field .input-wrapper [role=button] {
    cursor: pointer;
  }
  [data-zpr-theme] .field.error .input-wrapper input,
  [data-zpr-theme] .field.error .input-wrapper select,
  [data-zpr-theme] .field.error .input-wrapper textarea,
  :host(:where([data-zpr-theme])) .field.error .input-wrapper input,
  :host(:where([data-zpr-theme])) .field.error .input-wrapper select,
  :host(:where([data-zpr-theme])) .field.error .input-wrapper textarea {
    border: var(--zpr-stroke-width-primary, 1px) solid var(--zpr-color-destructive, #E01F1F);
  }
  [data-zpr-theme] .field .help-text,
  :host(:where([data-zpr-theme])) .field .help-text {
    margin-top: 8px;
  }
  [data-zpr-theme] .field .help-text.m0,
  :host(:where([data-zpr-theme])) .field .help-text.m0 {
    margin: 0;
  }
  [data-zpr-theme] .field p,
  :host(:where([data-zpr-theme])) .field p {
    font-size: var(--zpr-font-size-base, 14px);
    line-height: var(--zpr-line-height-normal, 20px);
    margin: 4px 0px 0px;
    font-weight: normal;
  }
  [data-zpr-theme] .field p.error-message,
  :host(:where([data-zpr-theme])) .field p.error-message {
    color: var(--zpr-color-destructive, #E01F1F);
  }
  [data-zpr-theme] .field.flex,
  :host(:where([data-zpr-theme])) .field.flex {
    display: flex;
  }
  [data-zpr-theme] .field.hide,
  :host(:where([data-zpr-theme])) .field.hide {
    display: none;
  }
  [data-zpr-theme] .field.copyable .copy-btn,
  :host(:where([data-zpr-theme])) .field.copyable .copy-btn {
    position: absolute;
    right: 16px;
    top: 10px;
    margin: 0;
    width: 20px;
    height: 20px;
    padding: 0;
  }
  [data-zpr-theme] .field.copyable .copy-btn svg,
  :host(:where([data-zpr-theme])) .field.copyable .copy-btn svg {
    width: 20px;
    height: 20px;
    margin: 0;
  }
  [data-zpr-theme] .field.copyable textarea,
  :host(:where([data-zpr-theme])) .field.copyable textarea {
    resize: vertical;
    overflow: hidden;
  }
  [data-zpr-theme] [has-action] input,
  :host(:where([data-zpr-theme])) [has-action] input {
    padding-left: 36px;
  }
  [data-zpr-theme] input[type=checkbox],
  :host(:where([data-zpr-theme])) input[type=checkbox] {
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -khtml-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: var(--zpr-color-input-fill, #fff);
    border: var(--zpr-stroke-width-primary, 1px) solid var(--zpr-color-input-stroke, #9b9b9b);
    padding: 7px;
    line-height: var(--zpr-line-height-normal, normal);
    border-radius: 3px;
    display: inline-block;
    position: relative;
    outline: none;
    width: auto;
    cursor: pointer;
  }
  [data-zpr-theme] input[type=checkbox][disabled],
  :host(:where([data-zpr-theme])) input[type=checkbox][disabled] {
    background-color: var(--zpr-color-input-fill-disabled, #F2F2F2);
    border: var(--zpr-stroke-width-primary, 1px) solid var(--zpr-color-input-stroke, #9B9B9B);
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
  }
  [data-zpr-theme] input[type=checkbox]:checked,
  :host(:where([data-zpr-theme])) input[type=checkbox]:checked {
    background-color: var(--zpr-color-input-focus, #4A90E2);
    border: var(--zpr-stroke-width-primary, 1px) solid var(--zpr-color-input-focus, #4A90E2);
  }
  [data-zpr-theme] input[type=checkbox]:checked[disabled],
  :host(:where([data-zpr-theme])) input[type=checkbox]:checked[disabled] {
    background-color: var(--zpr-color-input-focus, #4A90E2);
    border: var(--zpr-stroke-width-primary, 1px) solid var(--zpr-color-input-focus, #4A90E2);
  }
  [data-zpr-theme] input[type=checkbox]:checked::after,
  :host(:where([data-zpr-theme])) input[type=checkbox]:checked::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-width='2' d='M4,8.4683352 L6.1367413,10.9633008 C6.49598889,11.3827762 7.12726861,11.4316005 7.54674401,11.0723529 C7.62441836,11.005831 7.69142899,10.9277878 7.74543813,10.840946 L12,4 L12,4' transform='translate(-3 -3)'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 16px;
    height: 16px;
    top: calc(-1 * var(--zpr-stroke-width-primary, 1px));
    left: calc(-1 * var(--zpr-stroke-width-primary, 1px));
    color: #fff;
  }
  [data-zpr-theme] input[type=checkbox]:checked:hover,
  :host(:where([data-zpr-theme])) input[type=checkbox]:checked:hover {
    border: var(--zpr-stroke-width-primary, 1px) solid var(--zpr-color-input-focus, #4A90E2);
  }
  [data-zpr-theme] input[type=checkbox].vertical:checked:after,
  :host(:where([data-zpr-theme])) input[type=checkbox].vertical:checked:after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='2' viewBox='0 0 10 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L1 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  }
  [data-zpr-theme] input[type=checkbox]:focus,
  :host(:where([data-zpr-theme])) input[type=checkbox]:focus {
    outline: none;
  }
  [data-zpr-theme] input[type=checkbox]:hover,
  :host(:where([data-zpr-theme])) input[type=checkbox]:hover {
    border: var(--zpr-stroke-width-primary, 1px) solid var(--zpr-color-input-focus, #4A90E2);
  }
  [data-zpr-theme] input[type=checkbox]:hover[disabled],
  :host(:where([data-zpr-theme])) input[type=checkbox]:hover[disabled] {
    border: var(--zpr-stroke-width-primary, 1px) solid #9B9B9B;
  }
  [data-zpr-theme] input[type=checkbox]:hover[disabled]:checked,
  :host(:where([data-zpr-theme])) input[type=checkbox]:hover[disabled]:checked {
    border: var(--zpr-stroke-width-primary, 1px) solid var(--zpr-color-input-focus, #4A90E2);
  }
  [data-zpr-theme] input[type=checkbox] + label,
  :host(:where([data-zpr-theme])) input[type=checkbox] + label {
    cursor: pointer;
    margin-left: 8px;
  }
  [data-zpr-theme] label input[type=checkbox],
  :host(:where([data-zpr-theme])) label input[type=checkbox] {
    margin-right: 8px;
  }
  [data-zpr-theme] input[type=radio],
  :host(:where([data-zpr-theme])) input[type=radio] {
    width: 16px;
    height: 16px;
    padding: 0px 0px;
    margin-right: 8px;
    border: var(--zpr-stroke-width-primary, 1px) solid var(--zpr-color-input-stroke, #DCE0E3);
    border-radius: 50%;
    box-sizing: border-box;
    -webkit-appearance: none;
    -khtml-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
  }
  [data-zpr-theme] input[type=radio]:checked,
  :host(:where([data-zpr-theme])) input[type=radio]:checked {
    border: var(--zpr-stroke-width-primary, 1px) solid var(--zpr-color-input-focus, #4A90E2);
  }
  [data-zpr-theme] input[type=radio]:checked:before,
  :host(:where([data-zpr-theme])) input[type=radio]:checked:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin: 2px;
    border-radius: 50%;
    background-color: var(--zpr-color-input-focus, #4A90E2);
  }
  [data-zpr-theme] label.is-icon-button input[type=radio],
  [data-zpr-theme] label.is-icon-button input[type=checkbox],
  :host(:where([data-zpr-theme])) label.is-icon-button input[type=radio],
  :host(:where([data-zpr-theme])) label.is-icon-button input[type=checkbox] {
    display: none;
  }
  [data-zpr-theme] label.is-icon-button input[type=radio]::before,
  [data-zpr-theme] label.is-icon-button input[type=checkbox]::before,
  :host(:where([data-zpr-theme])) label.is-icon-button input[type=radio]::before,
  :host(:where([data-zpr-theme])) label.is-icon-button input[type=checkbox]::before {
    display: none;
  }
  [data-zpr-theme] label.is-icon-button img.icon,
  :host(:where([data-zpr-theme])) label.is-icon-button img.icon {
    width: 20px;
    height: 20px;
  }
  [data-zpr-theme] label.is-icon-button,
  :host(:where([data-zpr-theme])) label.is-icon-button {
    display: inline-flex;
    padding: 12px;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    border: var(--zpr-stroke-width-primary, 1px) solid var(--zpr-color-input-stroke, #9b9b9b);
    background: var(--zpr-color-input-fill, #FFF);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.08);
  }
  [data-zpr-theme] label.is-icon-button:has(input:checked),
  :host(:where([data-zpr-theme])) label.is-icon-button:has(input:checked) {
    border-color: var(--zpr-color-input-focus, #4A90E2);
  }
  [data-zpr-theme] label.is-icon-button:has(input:disabled),
  :host(:where([data-zpr-theme])) label.is-icon-button:has(input:disabled) {
    color: #B4BBC3;
    cursor: default;
  }
  [data-zpr-theme] button,
  [data-zpr-theme] .btn,
  :host(:where([data-zpr-theme])) button,
  :host(:where([data-zpr-theme])) .btn {
    cursor: pointer;
  }
  [data-zpr-theme] .btn-back,
  :host(:where([data-zpr-theme])) .btn-back {
    cursor: pointer;
    border-color: transparent;
    background: transparent;
    color: var(--zpr-color-text-primary, #073158);
    font-size: var(--zpr-font-size-lg, 16px);
    display: flex;
    align-items: center;
  }
  [data-zpr-theme] .btn,
  :host(:where([data-zpr-theme])) .btn {
    font-family: "Lato", sans-serif;
    text-align: center;
    font-size: var(--zpr-font-size-2xl, 20px);
    font-weight: 500;
    border-radius: 8px;
    padding: 11px 15px;
    min-width: 110px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 0 none;
    line-height: var(--zpr-line-height-normal, normal);
    cursor: pointer;
    transition: background-color 0.1s linear;
    position: relative;
  }
  [data-zpr-theme] .btn:focus,
  :host(:where([data-zpr-theme])) .btn:focus {
    outline: none;
  }
  [data-zpr-theme] .btn svg,
  :host(:where([data-zpr-theme])) .btn svg {
    margin-right: 16px;
    display: inline-block;
  }
  [data-zpr-theme] .btn.processing,
  :host(:where([data-zpr-theme])) .btn.processing {
    color: transparent !important;
  }
  [data-zpr-theme] .btn.processing::after,
  :host(:where([data-zpr-theme])) .btn.processing::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' display='block' preserveAspectRatio='xMidYMid' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' x2='100%25' y1='0%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%234a90e2'/%3E%3Cstop offset='50%25' stop-color='%234a90e2'/%3E%3Cstop offset='100%25' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='39' fill='none'/%3E%3Ccircle cx='50' cy='50' r='39' fill='none' stroke='url(%23a)' stroke-width='10'%3E%3CanimateTransform attributeName='transform' dur='1.9607843137254901s' keyTimes='0;0.5;1' repeatCount='indefinite' type='rotate' values='0 50 50;180 50 50;720 50 50'/%3E%3Canimate attributeName='stroke-dasharray' dur='1.9607843137254901s' keyTimes='0;0.5;1' repeatCount='indefinite' values='0 245.04422698000386;205.83715066320326 39.207076316800595;0 245.04422698000386'/%3E%3C/circle%3E%3C/svg%3E");
    width: 19px;
    height: 19px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }
  [data-zpr-theme] .btn.btn-small, [data-zpr-theme] .btn.btn-medium,
  :host(:where([data-zpr-theme])) .btn.btn-small,
  :host(:where([data-zpr-theme])) .btn.btn-medium {
    font-size: var(--zpr-font-size-lg, 16px);
    min-width: 85px;
  }
  [data-zpr-theme] .btn.btn-small svg, [data-zpr-theme] .btn.btn-medium svg,
  :host(:where([data-zpr-theme])) .btn.btn-small svg,
  :host(:where([data-zpr-theme])) .btn.btn-medium svg {
    margin-right: 8px;
  }
  [data-zpr-theme] .btn.btn-small,
  :host(:where([data-zpr-theme])) .btn.btn-small {
    padding: 7px 15px;
  }
  [data-zpr-theme] .btn.btn-medium,
  :host(:where([data-zpr-theme])) .btn.btn-medium {
    padding: 9px 15px 10px 15px;
  }
  [data-zpr-theme] .btn.btn-large,
  :host(:where([data-zpr-theme])) .btn.btn-large {
    font-size: var(--zpr-font-size-2xl, 20px);
    padding: 11px 23px;
    min-width: 110px;
  }
  [data-zpr-theme] .btn.btn-large.processing::after,
  :host(:where([data-zpr-theme])) .btn.btn-large.processing::after {
    width: 24px;
    height: 24px;
  }
  @media (max-width: 700px) {
    [data-zpr-theme] .btn.btn-large,
    :host(:where([data-zpr-theme])) .btn.btn-large {
      padding: 9px 15px 10px 15px;
      font-size: var(--zpr-font-size-lg, 16px);
    }
  }
  [data-zpr-theme] .btn.disabled, [data-zpr-theme] .btn:disabled, [data-zpr-theme] .btn[disabled],
  :host(:where([data-zpr-theme])) .btn.disabled,
  :host(:where([data-zpr-theme])) .btn:disabled,
  :host(:where([data-zpr-theme])) .btn[disabled] {
    opacity: 40%;
    pointer-events: none;
    cursor: default;
  }
  [data-zpr-theme] .btn.btn-spinner,
  :host(:where([data-zpr-theme])) .btn.btn-spinner {
    position: relative;
  }
  [data-zpr-theme] .btn.btn-spinner #spinner,
  :host(:where([data-zpr-theme])) .btn.btn-spinner #spinner {
    position: absolute;
    z-index: 200;
    visibility: hidden;
    transition: visibility ease 1s;
    transition-delay: 0.5s;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
    border-radius: 8px;
  }
  [data-zpr-theme] .btn.btn-spinner #spinner[data-loading],
  :host(:where([data-zpr-theme])) .btn.btn-spinner #spinner[data-loading] {
    visibility: visible;
  }
  [data-zpr-theme] .btn.btn-primary,
  :host(:where([data-zpr-theme])) .btn.btn-primary {
    background-color: var(--btn-primary-bg, var(--zpr-color-brand-primary, #EF5332));
    color: #FFF;
    border: var(--zpr-stroke-width-primary, 1px) solid var(--btn-primary-bg, var(--zpr-color-brand-primary, #EF5332));
  }
  [data-zpr-theme] .btn.btn-primary:hover,
  :host(:where([data-zpr-theme])) .btn.btn-primary:hover {
    background-color: var(--btn-primary-bg-hover, var(--zpr-color-brand-primary-hover, #FF6445));
    border: var(--zpr-stroke-width-primary, 1px) solid var(--btn-primary-bg-hover, var(--zpr-color-brand-primary-hover, #FF6445));
    color: #FFF;
  }
  [data-zpr-theme] .btn.btn-primary:active,
  :host(:where([data-zpr-theme])) .btn.btn-primary:active {
    background: var(--btn-primary-bg, var(--zpr-color-brand-primary, #EF5332));
    border: var(--zpr-stroke-width-primary, 1px) solid var(--btn-primary-bg, var(--zpr-color-brand-primary, #EF5332));
    color: #FFF;
  }
  [data-zpr-theme] .btn.btn-primary.btn-spinner #spinner,
  :host(:where([data-zpr-theme])) .btn.btn-primary.btn-spinner #spinner {
    background: var(--btn-primary-bg, var(--zpr-color-brand-primary, #EF5332));
  }
  [data-zpr-theme] .btn.btn-inverted-primary,
  :host(:where([data-zpr-theme])) .btn.btn-inverted-primary {
    background-color: #FFF;
    color: #EF5332;
  }
  [data-zpr-theme] .btn.btn-inverted-primary:hover,
  :host(:where([data-zpr-theme])) .btn.btn-inverted-primary:hover {
    background-color: #FAEBE9;
    color: #EF5332;
  }
  [data-zpr-theme] .btn.btn-inverted-primary:active,
  :host(:where([data-zpr-theme])) .btn.btn-inverted-primary:active {
    background-color: #FAEBE9;
    color: #EF5332;
  }
  [data-zpr-theme] .btn.btn-secondary,
  :host(:where([data-zpr-theme])) .btn.btn-secondary {
    border: var(--zpr-stroke-width-primary, 1px) solid var(--zpr-color-text-primary, #073158);
    background-color: #fff;
    color: var(--zpr-color-text-primary, #073158);
  }
  [data-zpr-theme] .btn.btn-secondary svg,
  :host(:where([data-zpr-theme])) .btn.btn-secondary svg {
    fill: var(--zpr-color-text-primary, #073158);
  }
  [data-zpr-theme] .btn.btn-secondary:hover, [data-zpr-theme] .btn.btn-secondary.active,
  :host(:where([data-zpr-theme])) .btn.btn-secondary:hover,
  :host(:where([data-zpr-theme])) .btn.btn-secondary.active {
    background-color: var(--zpr-color-text-primary, #073158);
    color: #FFF;
  }
  [data-zpr-theme] .btn.btn-secondary:hover svg,
  [data-zpr-theme] .btn.btn-secondary:hover svg g, [data-zpr-theme] .btn.btn-secondary.active svg,
  [data-zpr-theme] .btn.btn-secondary.active svg g,
  :host(:where([data-zpr-theme])) .btn.btn-secondary:hover svg,
  :host(:where([data-zpr-theme])) .btn.btn-secondary:hover svg g,
  :host(:where([data-zpr-theme])) .btn.btn-secondary.active svg,
  :host(:where([data-zpr-theme])) .btn.btn-secondary.active svg g {
    fill: #FFF;
  }
  [data-zpr-theme] .btn.btn-secondary.btn-red,
  :host(:where([data-zpr-theme])) .btn.btn-secondary.btn-red {
    border: var(--zpr-stroke-width-primary, 1px) solid #EF5332;
    color: #EF5332;
  }
  [data-zpr-theme] .btn.btn-secondary.btn-red svg,
  :host(:where([data-zpr-theme])) .btn.btn-secondary.btn-red svg {
    fill: #EF5332;
  }
  [data-zpr-theme] .btn.btn-secondary.btn-red:hover,
  :host(:where([data-zpr-theme])) .btn.btn-secondary.btn-red:hover {
    background-color: #EF5332;
    color: #FFF;
  }
  [data-zpr-theme] .btn.btn-secondary.btn-red:hover svg,
  :host(:where([data-zpr-theme])) .btn.btn-secondary.btn-red:hover svg {
    fill: #FFF;
  }
  [data-zpr-theme] .btn.btn-secondary.btn-spinner #spinner,
  :host(:where([data-zpr-theme])) .btn.btn-secondary.btn-spinner #spinner {
    background: #FFF;
  }
  [data-zpr-theme] .btn.btn-enterprise,
  :host(:where([data-zpr-theme])) .btn.btn-enterprise {
    font-weight: normal;
    color: white;
    background: linear-gradient(104deg, #073158, #000);
    border: var(--zpr-stroke-width-primary, 1px) solid #000;
  }
  [data-zpr-theme] .btn.btn-enterprise:hover,
  :host(:where([data-zpr-theme])) .btn.btn-enterprise:hover {
    background: linear-gradient(30deg, #073158, #000);
  }
  [data-zpr-theme] .btn.btn-link,
  :host(:where([data-zpr-theme])) .btn.btn-link {
    cursor: pointer;
    border-color: transparent;
    background: transparent;
    border-radius: 0;
    color: var(--zpr-color-link, #4A90E2);
    font-size: inherit;
    line-height: inherit;
    padding: 0;
    min-width: 0;
  }
  [data-zpr-theme] .btn.btn-link svg,
  :host(:where([data-zpr-theme])) .btn.btn-link svg {
    color: var(--zpr-color-link, #4A90E2);
  }
  [data-zpr-theme] .btn.btn-link svg g,
  :host(:where([data-zpr-theme])) .btn.btn-link svg g {
    fill: var(--zpr-color-link, #4A90E2);
  }
  [data-zpr-theme] .btn.btn-link:hover,
  :host(:where([data-zpr-theme])) .btn.btn-link:hover {
    color: var(--zpr-color-link-highlight, #73b4ff);
  }
  [data-zpr-theme] .btn.btn-link:hover svg g,
  :host(:where([data-zpr-theme])) .btn.btn-link:hover svg g {
    fill: var(--zpr-color-link-highlight, #73b4ff);
  }
  [data-zpr-theme] .btn.btn-expand,
  :host(:where([data-zpr-theme])) .btn.btn-expand {
    border: none;
    background: #EF5332;
    border-radius: 50px;
    color: white;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    padding: 8px 12px;
    min-width: 0;
    font-size: var(--zpr-font-size-lg, 16px);
  }
  [data-zpr-theme] .btn.btn-expand:hover,
  :host(:where([data-zpr-theme])) .btn.btn-expand:hover {
    background: #EF5332;
    color: white;
  }
  [data-zpr-theme] .btn.btn-expand:hover .btn-label,
  :host(:where([data-zpr-theme])) .btn.btn-expand:hover .btn-label {
    max-width: 100vw;
  }
  [data-zpr-theme] .btn.btn-expand .btn-icon,
  :host(:where([data-zpr-theme])) .btn.btn-expand .btn-icon {
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
  }
  [data-zpr-theme] .btn.btn-expand .btn-icon svg,
  :host(:where([data-zpr-theme])) .btn.btn-expand .btn-icon svg {
    fill: white;
    margin-right: 0;
  }
  [data-zpr-theme] .btn.btn-expand .btn-label,
  :host(:where([data-zpr-theme])) .btn.btn-expand .btn-label {
    display: inline-block;
    max-width: 0;
    overflow: hidden;
    transition: max-width 0.7s ease-in-out 0s;
    text-indent: 10px;
    line-height: var(--zpr-line-height-normal, 31px);
  }
  [data-zpr-theme] .btn.btn-danger, [data-zpr-theme] .btn.btn-ghost-danger, [data-zpr-theme] .btn.btn-ghost,
  :host(:where([data-zpr-theme])) .btn.btn-danger,
  :host(:where([data-zpr-theme])) .btn.btn-ghost-danger,
  :host(:where([data-zpr-theme])) .btn.btn-ghost {
    display: flex;
    align-items: center;
    text-transform: none;
    background: none;
    border: 0 none;
    fill: var(--zpr-color-interactive, #073158);
    color: var(--zpr-color-interactive, #073158);
    padding: 0 8px 0 0;
    font-size: var(--zpr-font-size-base, 14px);
    font-weight: 400;
    min-width: 0;
    transition: initial;
  }
  [data-zpr-theme] .btn.btn-danger svg, [data-zpr-theme] .btn.btn-ghost-danger svg, [data-zpr-theme] .btn.btn-ghost svg,
  :host(:where([data-zpr-theme])) .btn.btn-danger svg,
  :host(:where([data-zpr-theme])) .btn.btn-ghost-danger svg,
  :host(:where([data-zpr-theme])) .btn.btn-ghost svg {
    margin-right: 8px;
  }
  [data-zpr-theme] .btn.btn-danger:hover, [data-zpr-theme] .btn.btn-danger:focus-visible, [data-zpr-theme] .btn.btn-danger:active, [data-zpr-theme] .btn.btn-ghost-danger:hover, [data-zpr-theme] .btn.btn-ghost-danger:focus-visible, [data-zpr-theme] .btn.btn-ghost-danger:active, [data-zpr-theme] .btn.btn-ghost:hover, [data-zpr-theme] .btn.btn-ghost:focus-visible, [data-zpr-theme] .btn.btn-ghost:active,
  :host(:where([data-zpr-theme])) .btn.btn-danger:hover,
  :host(:where([data-zpr-theme])) .btn.btn-danger:focus-visible,
  :host(:where([data-zpr-theme])) .btn.btn-danger:active,
  :host(:where([data-zpr-theme])) .btn.btn-ghost-danger:hover,
  :host(:where([data-zpr-theme])) .btn.btn-ghost-danger:focus-visible,
  :host(:where([data-zpr-theme])) .btn.btn-ghost-danger:active,
  :host(:where([data-zpr-theme])) .btn.btn-ghost:hover,
  :host(:where([data-zpr-theme])) .btn.btn-ghost:focus-visible,
  :host(:where([data-zpr-theme])) .btn.btn-ghost:active {
    background: none;
  }
  [data-zpr-theme] .btn.btn-danger.btn-medium, [data-zpr-theme] .btn.btn-ghost-danger.btn-medium, [data-zpr-theme] .btn.btn-ghost.btn-medium,
  :host(:where([data-zpr-theme])) .btn.btn-danger.btn-medium,
  :host(:where([data-zpr-theme])) .btn.btn-ghost-danger.btn-medium,
  :host(:where([data-zpr-theme])) .btn.btn-ghost.btn-medium {
    font-size: var(--zpr-font-size-lg, 16px);
  }
  [data-zpr-theme] .btn.btn-danger.p0, [data-zpr-theme] .btn.btn-ghost-danger.p0, [data-zpr-theme] .btn.btn-ghost.p0,
  :host(:where([data-zpr-theme])) .btn.btn-danger.p0,
  :host(:where([data-zpr-theme])) .btn.btn-ghost-danger.p0,
  :host(:where([data-zpr-theme])) .btn.btn-ghost.p0 {
    padding: 0;
    gap: var(--zpr-spacing-sm, 8px);
  }
  [data-zpr-theme] .btn.btn-danger.p0 svg, [data-zpr-theme] .btn.btn-ghost-danger.p0 svg, [data-zpr-theme] .btn.btn-ghost.p0 svg,
  :host(:where([data-zpr-theme])) .btn.btn-danger.p0 svg,
  :host(:where([data-zpr-theme])) .btn.btn-ghost-danger.p0 svg,
  :host(:where([data-zpr-theme])) .btn.btn-ghost.p0 svg {
    margin-right: 0;
  }
  [data-zpr-theme] .btn.btn-ghost svg,
  :host(:where([data-zpr-theme])) .btn.btn-ghost svg {
    fill: var(--zpr-color-interactive, #073158);
    color: var(--zpr-color-interactive, #073158);
  }
  [data-zpr-theme] .btn.btn-ghost:hover, [data-zpr-theme] .btn.btn-ghost:focus-visible, [data-zpr-theme] .btn.btn-ghost:active, [data-zpr-theme] .btn.btn-ghost.active,
  :host(:where([data-zpr-theme])) .btn.btn-ghost:hover,
  :host(:where([data-zpr-theme])) .btn.btn-ghost:focus-visible,
  :host(:where([data-zpr-theme])) .btn.btn-ghost:active,
  :host(:where([data-zpr-theme])) .btn.btn-ghost.active {
    color: var(--zpr-color-interactive-highlight, #4A90E2);
  }
  [data-zpr-theme] .btn.btn-ghost:hover svg, [data-zpr-theme] .btn.btn-ghost:focus-visible svg, [data-zpr-theme] .btn.btn-ghost:active svg, [data-zpr-theme] .btn.btn-ghost.active svg,
  :host(:where([data-zpr-theme])) .btn.btn-ghost:hover svg,
  :host(:where([data-zpr-theme])) .btn.btn-ghost:focus-visible svg,
  :host(:where([data-zpr-theme])) .btn.btn-ghost:active svg,
  :host(:where([data-zpr-theme])) .btn.btn-ghost.active svg {
    fill: var(--zpr-color-interactive-highlight, #4A90E2);
    color: var(--zpr-color-interactive-highlight, #4A90E2);
  }
  [data-zpr-theme] .btn.btn-ghost.processing svg,
  :host(:where([data-zpr-theme])) .btn.btn-ghost.processing svg {
    visibility: hidden;
  }
  [data-zpr-theme] .btn.btn-ghost-danger:hover, [data-zpr-theme] .btn.btn-ghost-danger:focus-visible, [data-zpr-theme] .btn.btn-ghost-danger:active,
  :host(:where([data-zpr-theme])) .btn.btn-ghost-danger:hover,
  :host(:where([data-zpr-theme])) .btn.btn-ghost-danger:focus-visible,
  :host(:where([data-zpr-theme])) .btn.btn-ghost-danger:active {
    color: var(--zpr-color-destructive, #ff2828);
  }
  [data-zpr-theme] .btn.btn-ghost-danger:hover svg, [data-zpr-theme] .btn.btn-ghost-danger:focus-visible svg, [data-zpr-theme] .btn.btn-ghost-danger:active svg,
  :host(:where([data-zpr-theme])) .btn.btn-ghost-danger:hover svg,
  :host(:where([data-zpr-theme])) .btn.btn-ghost-danger:focus-visible svg,
  :host(:where([data-zpr-theme])) .btn.btn-ghost-danger:active svg {
    fill: var(--zpr-color-destructive, #ff2828);
    color: var(--zpr-color-destructive, #ff2828);
  }
  [data-zpr-theme] .btn.btn-danger,
  :host(:where([data-zpr-theme])) .btn.btn-danger {
    color: #ff2828;
  }
  [data-zpr-theme] .btn.btn-danger svg,
  :host(:where([data-zpr-theme])) .btn.btn-danger svg {
    fill: #ff2828;
  }
  [data-zpr-theme] .btn.btn-danger:hover, [data-zpr-theme] .btn.btn-danger:focus-visible, [data-zpr-theme] .btn.btn-danger:active,
  :host(:where([data-zpr-theme])) .btn.btn-danger:hover,
  :host(:where([data-zpr-theme])) .btn.btn-danger:focus-visible,
  :host(:where([data-zpr-theme])) .btn.btn-danger:active {
    color: #CE3923;
  }
  [data-zpr-theme] .btn.btn-danger:hover svg, [data-zpr-theme] .btn.btn-danger:focus-visible svg, [data-zpr-theme] .btn.btn-danger:active svg,
  :host(:where([data-zpr-theme])) .btn.btn-danger:hover svg,
  :host(:where([data-zpr-theme])) .btn.btn-danger:focus-visible svg,
  :host(:where([data-zpr-theme])) .btn.btn-danger:active svg {
    fill: #CE3923;
  }
  [data-zpr-theme] .btn.btn-dots,
  :host(:where([data-zpr-theme])) .btn.btn-dots {
    padding: 0;
    border-radius: 50%;
    line-height: 0;
    background-color: transparent;
    min-width: 0;
  }
  [data-zpr-theme] .btn.btn-dots svg,
  :host(:where([data-zpr-theme])) .btn.btn-dots svg {
    margin: 0;
    fill: var(--zpr-color-text-primary, #073158);
  }
  [data-zpr-theme] .btn.btn-dots:hover, [data-zpr-theme] .btn.btn-dots:active, [data-zpr-theme] .btn.btn-dots:focus-visible,
  :host(:where([data-zpr-theme])) .btn.btn-dots:hover,
  :host(:where([data-zpr-theme])) .btn.btn-dots:active,
  :host(:where([data-zpr-theme])) .btn.btn-dots:focus-visible {
    background-color: white;
  }
  [data-zpr-theme] .btn.btn-email,
  :host(:where([data-zpr-theme])) .btn.btn-email {
    color: var(--zpr-color-text-primary, #073158);
    padding: 8px 4px;
    border: var(--zpr-stroke-width-primary, 1px) solid #eee;
    min-width: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -khtml-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  [data-zpr-theme] .btn.btn-email::before,
  :host(:where([data-zpr-theme])) .btn.btn-email::before {
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 10px;
  }
  [data-zpr-theme] .btn.btn-email:active, [data-zpr-theme] .btn.btn-email:focus-visible, [data-zpr-theme] .btn.btn-email:hover,
  :host(:where([data-zpr-theme])) .btn.btn-email:active,
  :host(:where([data-zpr-theme])) .btn.btn-email:focus-visible,
  :host(:where([data-zpr-theme])) .btn.btn-email:hover {
    opacity: 1;
    border: var(--zpr-stroke-width-primary, 1px) solid #ddd;
    background: none;
    color: inherit;
  }
  [data-zpr-theme] .btn.btn-email:hover::before,
  :host(:where([data-zpr-theme])) .btn.btn-email:hover::before {
    opacity: 0.6;
  }
  [data-zpr-theme] .btn.btn-email .text,
  :host(:where([data-zpr-theme])) .btn.btn-email .text {
    font-size: var(--zpr-font-size-base, 14px);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  @media (max-width: 976px) {
    [data-zpr-theme] .btn,
    :host(:where([data-zpr-theme])) .btn {
      display: flex;
      font-size: var(--zpr-font-size-lg, 16px);
    }
  }
  [data-zpr-theme] [data-zpr-theme=teal] .btn.btn-primary,
  [data-zpr-theme] [data-zpr-theme=teal-dark] .btn.btn-primary,
  [data-zpr-theme] .mattercraft-theme .btn.btn-primary,
  [data-zpr-theme] .btn.minty.btn-primary,
  :host(:where([data-zpr-theme])) [data-zpr-theme=teal] .btn.btn-primary,
  :host(:where([data-zpr-theme])) [data-zpr-theme=teal-dark] .btn.btn-primary,
  :host(:where([data-zpr-theme])) .mattercraft-theme .btn.btn-primary,
  :host(:where([data-zpr-theme])) .btn.minty.btn-primary {
    background: linear-gradient(94deg, #6BE5AD 0%, #53AFE4 100%);
    border: none;
    color: black;
  }
  [data-zpr-theme] [data-zpr-theme=teal] .btn.btn-primary:hover, [data-zpr-theme] [data-zpr-theme=teal] .btn.btn-primary.active,
  [data-zpr-theme] [data-zpr-theme=teal-dark] .btn.btn-primary:hover,
  [data-zpr-theme] [data-zpr-theme=teal-dark] .btn.btn-primary.active,
  [data-zpr-theme] .mattercraft-theme .btn.btn-primary:hover,
  [data-zpr-theme] .mattercraft-theme .btn.btn-primary.active,
  [data-zpr-theme] .btn.minty.btn-primary:hover,
  [data-zpr-theme] .btn.minty.btn-primary.active,
  :host(:where([data-zpr-theme])) [data-zpr-theme=teal] .btn.btn-primary:hover,
  :host(:where([data-zpr-theme])) [data-zpr-theme=teal] .btn.btn-primary.active,
  :host(:where([data-zpr-theme])) [data-zpr-theme=teal-dark] .btn.btn-primary:hover,
  :host(:where([data-zpr-theme])) [data-zpr-theme=teal-dark] .btn.btn-primary.active,
  :host(:where([data-zpr-theme])) .mattercraft-theme .btn.btn-primary:hover,
  :host(:where([data-zpr-theme])) .mattercraft-theme .btn.btn-primary.active,
  :host(:where([data-zpr-theme])) .btn.minty.btn-primary:hover,
  :host(:where([data-zpr-theme])) .btn.minty.btn-primary.active {
    background: linear-gradient(94deg, #86EABC 0%, #6EBBE8 100.05%);
  }
  [data-zpr-theme] [data-zpr-theme=teal-dark] .btn.btn-secondary,
  [data-zpr-theme] .mattercraft-theme .btn.btn-secondary,
  [data-zpr-theme] .btn.minty.btn-secondary,
  :host(:where([data-zpr-theme])) [data-zpr-theme=teal-dark] .btn.btn-secondary,
  :host(:where([data-zpr-theme])) .mattercraft-theme .btn.btn-secondary,
  :host(:where([data-zpr-theme])) .btn.minty.btn-secondary {
    border: var(--zpr-stroke-width-primary, 1px) solid transparent;
    background: linear-gradient(#1F2021, #1F2021) padding-box, linear-gradient(#5C5F60, #5C5F60) border-box;
    color: white;
  }
  [data-zpr-theme] [data-zpr-theme=teal-dark] .btn.btn-secondary:hover, [data-zpr-theme] [data-zpr-theme=teal-dark] .btn.btn-secondary.active,
  [data-zpr-theme] .mattercraft-theme .btn.btn-secondary:hover,
  [data-zpr-theme] .mattercraft-theme .btn.btn-secondary.active,
  [data-zpr-theme] .btn.minty.btn-secondary:hover,
  [data-zpr-theme] .btn.minty.btn-secondary.active,
  :host(:where([data-zpr-theme])) [data-zpr-theme=teal-dark] .btn.btn-secondary:hover,
  :host(:where([data-zpr-theme])) [data-zpr-theme=teal-dark] .btn.btn-secondary.active,
  :host(:where([data-zpr-theme])) .mattercraft-theme .btn.btn-secondary:hover,
  :host(:where([data-zpr-theme])) .mattercraft-theme .btn.btn-secondary.active,
  :host(:where([data-zpr-theme])) .btn.minty.btn-secondary:hover,
  :host(:where([data-zpr-theme])) .btn.minty.btn-secondary.active {
    background: linear-gradient(#1F2021, #1F2021) padding-box, linear-gradient(94deg, #6BE5AD 0%, #53AFE4 100%) border-box;
  }
  [data-zpr-theme] [data-zpr-theme=teal] .btn.btn-secondary,
  :host(:where([data-zpr-theme])) [data-zpr-theme=teal] .btn.btn-secondary {
    border: var(--zpr-stroke-width-primary, 1px) solid transparent;
    background: linear-gradient(white, white) padding-box, linear-gradient(#DADADA, #DADADA) border-box;
    color: #0E0E0E;
  }
  [data-zpr-theme] [data-zpr-theme=teal] .btn.btn-secondary:hover, [data-zpr-theme] [data-zpr-theme=teal] .btn.btn-secondary.active,
  :host(:where([data-zpr-theme])) [data-zpr-theme=teal] .btn.btn-secondary:hover,
  :host(:where([data-zpr-theme])) [data-zpr-theme=teal] .btn.btn-secondary.active {
    background: linear-gradient(white, white) padding-box, linear-gradient(94deg, #6BE5AD 0%, #53AFE4 100%) border-box;
  }
  [data-zpr-theme] .horizon-theme .btn.btn-primary,
  [data-zpr-theme] .btn.horizon.btn-primary,
  :host(:where([data-zpr-theme])) .horizon-theme .btn.btn-primary,
  :host(:where([data-zpr-theme])) .btn.horizon.btn-primary {
    background: linear-gradient(94deg, #4B9AF6 0%, #3320F7 100%);
    color: white;
    border: none;
  }
  [data-zpr-theme] .horizon-theme .btn.btn-primary:hover, [data-zpr-theme] .horizon-theme .btn.btn-primary.active,
  [data-zpr-theme] .btn.horizon.btn-primary:hover,
  [data-zpr-theme] .btn.horizon.btn-primary.active,
  :host(:where([data-zpr-theme])) .horizon-theme .btn.btn-primary:hover,
  :host(:where([data-zpr-theme])) .horizon-theme .btn.btn-primary.active,
  :host(:where([data-zpr-theme])) .btn.horizon.btn-primary:hover,
  :host(:where([data-zpr-theme])) .btn.horizon.btn-primary.active {
    background: linear-gradient(94deg, #5AA2F7 0%, #4230F8 100.05%);
  }
  [data-zpr-theme] .horizon-theme .btn.btn-secondary,
  [data-zpr-theme] .btn.horizon.btn-secondary,
  :host(:where([data-zpr-theme])) .horizon-theme .btn.btn-secondary,
  :host(:where([data-zpr-theme])) .btn.horizon.btn-secondary {
    border: var(--zpr-stroke-width-primary, 1px) solid;
    border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="146" height="48" fill="none"><rect width="145" height="47" x=".5" y=".5" stroke="url(%23a)" rx="7.5"/><defs><linearGradient id="a" x1="0" x2="149.759" y1="0" y2="28.924" gradientUnits="userSpaceOnUse"><stop stop-color="%234B9AF6"/><stop offset="1" stop-color="%233320F7"/></linearGradient></defs></svg>') 8/8px stretch;
    background: linear-gradient(94deg, #4B9AF6 0%, #3320F7 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  [data-zpr-theme] .horizon-theme .btn.btn-secondary:hover, [data-zpr-theme] .horizon-theme .btn.btn-secondary.active,
  [data-zpr-theme] .btn.horizon.btn-secondary:hover,
  [data-zpr-theme] .btn.horizon.btn-secondary.active,
  :host(:where([data-zpr-theme])) .horizon-theme .btn.btn-secondary:hover,
  :host(:where([data-zpr-theme])) .horizon-theme .btn.btn-secondary.active,
  :host(:where([data-zpr-theme])) .btn.horizon.btn-secondary:hover,
  :host(:where([data-zpr-theme])) .btn.horizon.btn-secondary.active {
    background: linear-gradient(94deg, #5AA2F7 0%, #4230F8 100.05%);
    -webkit-text-fill-color: white;
  }
  [data-zpr-theme] .btn.ocean.btn-primary,
  :host(:where([data-zpr-theme])) .btn.ocean.btn-primary {
    background: #4A90E2;
    border: none;
    border: var(--zpr-stroke-width-primary, 1px) solid transparent;
  }
  [data-zpr-theme] .btn.ocean.btn-primary:hover, [data-zpr-theme] .btn.ocean.btn-primary.active,
  :host(:where([data-zpr-theme])) .btn.ocean.btn-primary:hover,
  :host(:where([data-zpr-theme])) .btn.ocean.btn-primary.active {
    background: #57A6FF;
    border-color: #57A6FF;
    color: white;
  }
  [data-zpr-theme] .btn.ocean.btn-secondary,
  :host(:where([data-zpr-theme])) .btn.ocean.btn-secondary {
    border: var(--zpr-stroke-width-primary, 1px) solid #4A90E2;
    background: transparent;
    color: #4A90E2;
  }
  [data-zpr-theme] .btn.ocean.btn-secondary:hover, [data-zpr-theme] .btn.ocean.btn-secondary.active,
  :host(:where([data-zpr-theme])) .btn.ocean.btn-secondary:hover,
  :host(:where([data-zpr-theme])) .btn.ocean.btn-secondary.active {
    background: #4A90E2;
    border-color: transparent;
    color: white;
  }
  [data-zpr-theme] .zapbox-theme .btn.btn-primary,
  [data-zpr-theme] .btn.grape.btn-primary,
  :host(:where([data-zpr-theme])) .zapbox-theme .btn.btn-primary,
  :host(:where([data-zpr-theme])) .btn.grape.btn-primary {
    background-color: white;
    border: var(--zpr-stroke-width-primary, 1px) solid white;
    color: #36126B;
  }
  [data-zpr-theme] .zapbox-theme .btn.btn-primary:hover,
  [data-zpr-theme] .btn.grape.btn-primary:hover,
  :host(:where([data-zpr-theme])) .zapbox-theme .btn.btn-primary:hover,
  :host(:where([data-zpr-theme])) .btn.grape.btn-primary:hover {
    background-color: #E5D3FF;
    border: var(--zpr-stroke-width-primary, 1px) solid #E5D3FF;
    color: #36126B;
  }
  [data-zpr-theme] .zapbox-theme .btn.btn-secondary,
  [data-zpr-theme] .btn.grape.btn-secondary,
  :host(:where([data-zpr-theme])) .zapbox-theme .btn.btn-secondary,
  :host(:where([data-zpr-theme])) .btn.grape.btn-secondary {
    border: var(--zpr-stroke-width-primary, 1px) solid #36126B;
    background-color: #36126B;
    color: white;
  }
  [data-zpr-theme] .zapbox-theme .btn.btn-secondary:hover,
  [data-zpr-theme] .btn.grape.btn-secondary:hover,
  :host(:where([data-zpr-theme])) .zapbox-theme .btn.btn-secondary:hover,
  :host(:where([data-zpr-theme])) .btn.grape.btn-secondary:hover {
    background-color: #603A98;
    border: var(--zpr-stroke-width-primary, 1px) solid #603A98;
  }
  [data-zpr-theme] .zapbox-theme .btn.btn-ghost,
  [data-zpr-theme] .btn.grape.btn-ghost,
  :host(:where([data-zpr-theme])) .zapbox-theme .btn.btn-ghost,
  :host(:where([data-zpr-theme])) .btn.grape.btn-ghost {
    color: #FEB34B;
  }
  [data-zpr-theme] .zapbox-theme .btn.btn-ghost svg,
  [data-zpr-theme] .btn.grape.btn-ghost svg,
  :host(:where([data-zpr-theme])) .zapbox-theme .btn.btn-ghost svg,
  :host(:where([data-zpr-theme])) .btn.grape.btn-ghost svg {
    fill: #FEB34B;
  }
  [data-zpr-theme] .zapbox-theme .btn.btn-ghost:hover,
  [data-zpr-theme] .btn.grape.btn-ghost:hover,
  :host(:where([data-zpr-theme])) .zapbox-theme .btn.btn-ghost:hover,
  :host(:where([data-zpr-theme])) .btn.grape.btn-ghost:hover {
    color: #ED9F32;
  }
  [data-zpr-theme] .zapbox-theme .btn.btn-ghost:hover svg,
  [data-zpr-theme] .btn.grape.btn-ghost:hover svg,
  :host(:where([data-zpr-theme])) .zapbox-theme .btn.btn-ghost:hover svg,
  :host(:where([data-zpr-theme])) .btn.grape.btn-ghost:hover svg {
    fill: #ED9F32;
  }
  [data-zpr-theme] progress,
  :host(:where([data-zpr-theme])) progress {
    height: 8px;
    border-radius: 100px;
    overflow: hidden;
  }
  [data-zpr-theme] progress::-webkit-progress-bar,
  :host(:where([data-zpr-theme])) progress::-webkit-progress-bar {
    background-color: #CFDDEB;
  }
  [data-zpr-theme] progress::-webkit-progress-value,
  :host(:where([data-zpr-theme])) progress::-webkit-progress-value {
    background-color: #4A90E2;
  }
}