@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/outfit-variable-latin-ext.woff2") format("woff2");
  unicode-range:
    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/outfit-variable-latin.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}
:root {
  --dia-ui-font-family:
    "Outfit", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  --dia-ui-page-title-size: 30px;
  --dia-ui-page-title-weight: 600;
  --dia-ui-page-title-line-height: 36px;
  --dia-ui-page-title-tracking: -0.02em;
  --dia-ui-page-header-height: 64px;
  --dia-ui-page-header-gutter: 24px;
  --dia-ui-page-header-gap: 8px;
  --dia-ui-page-header-action-gap: 16px;
  --dia-ui-page-header-padding-block: 12px;
  --dia-ui-datatable-footer-padding-block: 16px;
  --dia-ui-datatable-footer-gutter: 24px;
  --dia-ui-datatable-footer-gutter-compact: 16px;
  --dia-ui-datatable-footer-gap: 16px;
  --dia-ui-page-header-reading-width: 720px;
  --dia-ui-page-header-description-size: 14px;
  --dia-ui-page-header-background: var(--dia-ui-neutral-50);
  --dia-ui-page-header-sticky-background: var(--dia-ui-surface);
  --dia-ui-page-header-title-color: var(--dia-ui-neutral-900);
  --dia-ui-page-header-description-color: var(--dia-ui-neutral-500);
  --dia-ui-neutral-25: #fcfcfd;
  --dia-ui-neutral-50: #f9fafb;
  --dia-ui-neutral-100: #f2f4f7;
  --dia-ui-neutral-200: #e4e7ec;
  --dia-ui-neutral-300: #d0d5dd;
  --dia-ui-neutral-400: #98a2b3;
  --dia-ui-neutral-500: #667085;
  --dia-ui-neutral-600: #475467;
  --dia-ui-neutral-700: #344054;
  --dia-ui-neutral-800: #1d2939;
  --dia-ui-neutral-900: #101828;
  --dia-ui-sidebar-bg: #152340;
  --dia-ui-iable-night: #091b32;
  --dia-ui-iable-bright-blue: #00a3ff;
  --dia-ui-iable-blue: #2563ff;
  --dia-ui-iable-violet: #7c24f5;
  --dia-ui-iable-gradient-principal-start: #00a3ff;
  --dia-ui-iable-gradient-principal-middle: #2563ff;
  --dia-ui-iable-gradient-principal-end: #7c24f5;
  --dia-ui-iable-gradient-electric-start: #00c2ff;
  --dia-ui-iable-gradient-electric-middle: #176bff;
  --dia-ui-iable-gradient-electric-end: #923bff;
  --dia-ui-iable-gradient-deep-start: #008cff;
  --dia-ui-iable-gradient-deep-middle: #2450e8;
  --dia-ui-iable-gradient-deep-end: #6320cb;
  --dia-ui-iable-gradient-principal: linear-gradient(
    90deg,
    var(--dia-ui-iable-gradient-principal-start) 0%,
    var(--dia-ui-iable-gradient-principal-middle) 48%,
    var(--dia-ui-iable-gradient-principal-end) 100%
  );
  --dia-ui-iable-gradient-electric: linear-gradient(
    90deg,
    var(--dia-ui-iable-gradient-electric-start) 0%,
    var(--dia-ui-iable-gradient-electric-middle) 48%,
    var(--dia-ui-iable-gradient-electric-end) 100%
  );
  --dia-ui-iable-gradient-deep: linear-gradient(
    90deg,
    var(--dia-ui-iable-gradient-deep-start) 0%,
    var(--dia-ui-iable-gradient-deep-middle) 48%,
    var(--dia-ui-iable-gradient-deep-end) 100%
  );
  --dia-ui-iable-sidebar-start: #123f60;
  --dia-ui-iable-sidebar-start-hover: #174e70;
  --dia-ui-iable-sidebar-end: var(--dia-ui-iable-night);
  --dia-ui-iable-sidebar-bg: var(--dia-ui-iable-night);
  --dia-ui-iable-sidebar-compact: var(--dia-ui-iable-sidebar-bg);
  --dia-ui-iable-cyan: #48deef;
  --dia-ui-iable-dashboard-accent: #4eeeff;
  --dia-ui-iable-menu-active: var(--dia-ui-iable-blue);
  --dia-ui-iable-text: #ffffff;
  --dia-ui-iable-text-muted: #c3d5e3;
  --dia-ui-iable-border: rgba(195, 213, 227, 0.2);
  --dia-ui-iable-surface: var(--dia-ui-iable-sidebar-bg);
  --dia-ui-iable-surface-hover: var(--dia-ui-iable-sidebar-start);
  --dia-ui-iable-control-surface: rgba(72, 222, 239, 0.08);
  --dia-ui-iable-control-surface-hover: rgba(72, 222, 239, 0.18);
  --dia-ui-surface: #fff;
  --dia-ui-document-surface: #fff;
  --dia-ui-document-toolbar: var(--dia-ui-neutral-100);
  --dia-ui-document-border: var(--dia-ui-neutral-300);
  --dia-ui-document-text: var(--dia-ui-neutral-900);
  --dia-ui-document-text-muted: var(--dia-ui-neutral-500);
  --dia-ui-document-link: var(--dia-ui-primary);
  --dia-ui-scrollbar-thumb: var(--dia-ui-neutral-300);
  --dia-ui-scrollbar-thumb-hover: var(--dia-ui-neutral-400);
  --dia-ui-scrollbar-size: 6px;
  --dia-ui-scrollbar-inset: 1px;
  --dia-ui-scrollbar-thumb-min-size: 32px;
  --dia-ui-primary: #1b84ff;
  --dia-ui-primary-hover: #056ee9;
  --dia-ui-primary-bg: #e9f3ff;
  --dia-ui-primary-rgb: 27, 132, 255;
  --dia-ui-primary-ring: rgba(27, 132, 255, 0.22);
  --dia-ui-primary-clarity: rgba(27, 132, 255, 0.2);
  --dia-ui-copy-button-bg: var(--dia-ui-primary-bg);
  --dia-ui-copy-button-bg-hover: color-mix(
    in srgb,
    var(--dia-ui-primary-bg) 82%,
    var(--dia-ui-primary) 18%
  );
  --dia-ui-copy-button-text: var(--dia-ui-primary-text);
  --dia-ui-copy-button-text-hover: var(--dia-ui-primary-hover);
  --dia-ui-copy-button-focus-ring: var(--dia-ui-primary);
  --dia-ui-primary-bg-soft: rgba(27, 132, 255, 0.05);
  --dia-ui-chart-1: #818cf8;
  --dia-ui-chart-2: #38bdf8;
  --dia-ui-chart-3: #c084fc;
  --dia-ui-chart-4: #f472b6;
  --dia-ui-chart-5: #fb923c;
  --dia-ui-chart-6: #34d399;
  --dia-ui-chart-track: var(--dia-ui-neutral-100);
  --dia-ui-chart-1-soft: #eef2ff;
  --dia-ui-chart-2-soft: #f0f9ff;
  --dia-ui-chart-3-soft: #faf5ff;
  --dia-ui-chart-4-soft: #fdf2f8;
  --dia-ui-chart-5-soft: #fff7ed;
  --dia-ui-chart-6-soft: #ecfdf5;
  --dia-ui-content-slate: var(--dia-ui-neutral-500);
  --dia-ui-content-slate-bg: var(--dia-ui-neutral-100);
  --dia-ui-content-sky: #2563eb;
  --dia-ui-content-sky-bg: #eff6ff;
  --dia-ui-content-indigo: #4f46e5;
  --dia-ui-content-indigo-bg: #eef2ff;
  --dia-ui-content-teal: #2c7a9b;
  --dia-ui-content-teal-bg: #ecfeff;
  --dia-ui-content-amber: #92400e;
  --dia-ui-content-amber-bg: #fffbeb;
  --dia-ui-content-orange: #c05621;
  --dia-ui-content-orange-bg: #fff7ed;
  --dia-ui-content-purple: #9f7aea;
  --dia-ui-content-purple-bg: #faf5ff;
  --dia-ui-workspace-sidebar-graphite: #202124;
  --dia-ui-workspace-sidebar-blue-night: #152340;
  --dia-ui-primary-border: #80bfff;
  --dia-ui-primary-text: #056ee9;
  --dia-ui-on-primary: #fff;
  --dia-ui-modal-viewport-gap: clamp(16px, 3vw, 32px);
  --dia-ui-form-label-width: 160px;
  --dia-ui-form-column-gap: 16px;
  --dia-ui-form-row-gap: 20px;
  --dia-ui-form-section-gap: 32px;
  --dia-ui-form-label-weight: 600;
  --dia-ui-form-label-padding-top: 8px;
  --dia-ui-form-stacked-gap: 8px;
  --dia-ui-textarea-padding-block: 12px;
  --dia-ui-textarea-padding-inline: 16px;
  --dia-ui-success: #2f855a;
  --dia-ui-success-bg: #e8f5ed;
  --dia-ui-success-border: #cbe8d5;
  --dia-ui-success-text: #276749;
  --dia-ui-info: var(--dia-ui-primary);
  --dia-ui-info-bg: var(--dia-ui-primary-bg);
  --dia-ui-info-border: var(--dia-ui-primary-border);
  --dia-ui-info-text: var(--dia-ui-primary-text);
  --dia-ui-violet: #7f56d9;
  --dia-ui-violet-bg: #f4f3ff;
  --dia-ui-violet-hover: #ece9fe;
  --dia-ui-violet-border: #d9d6fe;
  --dia-ui-violet-text: #6941c6;
  --dia-ui-content-type-page-bg: #eee9e4;
  --dia-ui-content-type-page-text: #635246;
  --dia-ui-content-type-post-bg: #f3e6df;
  --dia-ui-content-type-post-text: #764b39;
  --dia-ui-content-type-room-bg: #f7eadf;
  --dia-ui-content-type-room-text: #86532f;
  --dia-ui-content-type-offer-bg: #eceff1;
  --dia-ui-content-type-offer-text: #56636b;
  --dia-ui-content-type-pageseo-bg: #eee8e5;
  --dia-ui-content-type-pageseo-text: #66544c;
  --dia-ui-content-type-product-bg: #f8e9dc;
  --dia-ui-content-type-product-text: #8f512b;
  --dia-ui-content-type-product-category-bg: #f2ebe2;
  --dia-ui-content-type-product-category-text: #735b43;
  --dia-ui-content-type-post-category-bg: #f0eae7;
  --dia-ui-content-type-post-category-text: #6d554a;
  --dia-ui-content-type-post-tag-bg: #ededed;
  --dia-ui-content-type-post-tag-text: #595959;
  --dia-ui-content-type-product-brand-bg: #e9eceb;
  --dia-ui-content-type-product-brand-text: #515b58;
  --dia-ui-content-type-image-bg: #f1ece6;
  --dia-ui-content-type-image-text: #685a4b;
  --dia-ui-content-type-menu-bg: #f1f1f4;
  --dia-ui-content-type-menu-text: #5f6675;
  --dia-ui-content-type-element-bg: #f1f1f4;
  --dia-ui-content-type-element-text: #5f6675;
  --dia-ui-warning: #e6a21a;
  --dia-ui-warning-bg: #fff2d4;
  --dia-ui-warning-hover: #ffe7b0;
  --dia-ui-warning-border: #ffe7b0;
  --dia-ui-warning-text: #995900;
  --dia-ui-score-excellent: var(--dia-ui-success-text);
  --dia-ui-score-excellent-bg: var(--dia-ui-success-bg);
  --dia-ui-score-positive: var(--dia-ui-success);
  --dia-ui-score-positive-bg: var(--dia-ui-success-bg);
  --dia-ui-score-moderate: #d4a72c;
  --dia-ui-score-moderate-text: #8a5a00;
  --dia-ui-score-moderate-bg: #fff6dc;
  --dia-ui-caution: #fb6514;
  --dia-ui-caution-bg: #fff6ed;
  --dia-ui-caution-border: #fddcab;
  --dia-ui-caution-text: #ec4a0a;
  --dia-ui-danger: #f04438;
  --dia-ui-danger-bg: #fef3f2;
  --dia-ui-danger-hover: #fee4e2;
  --dia-ui-danger-border: #fecdca;
  --dia-ui-danger-text: #d92d20;
  --dia-ui-alert-accent-width: 4px;
  --dia-ui-alert-radius: 0;
  --dia-ui-radius-control: 8px;
  --dia-ui-control-padding-inline: 12px;
  --dia-ui-radius-dropdown: 12px;
  --dia-ui-radius-card: 16px;
  --dia-ui-radius-pill: 999px;
  --dia-ui-button-height: 40px;
  --dia-ui-button-height-sm: 36px;
  --dia-ui-button-padding-inline: 16px;
  --dia-ui-button-gap: 8px;
  --dia-ui-button-radius: var(--dia-ui-radius-control);
  --dia-ui-button-font-size: 13px;
  --dia-ui-button-line-height: 20px;
  --dia-ui-button-font-weight: 600;
  --dia-ui-action-toggle-size: 40px;
  --dia-ui-action-toggle-icon-size: 18px;
  --dia-ui-action-toggle-radius: var(--dia-ui-radius-control);
  --dia-ui-action-toggle-bg: rgba(242, 244, 247, 0.78);
  --dia-ui-action-toggle-border: rgba(152, 162, 179, 0.46);
  --dia-ui-action-toggle-text: var(--dia-ui-neutral-700);
  --dia-ui-action-toggle-active-bg: var(--dia-ui-primary);
  --dia-ui-action-toggle-active-border: var(--dia-ui-primary);
  --dia-ui-action-toggle-active-text: var(--dia-ui-on-primary);
  --dia-ui-row-bg: var(--dia-ui-surface);
  --dia-ui-row-alt-bg: color-mix(
    in srgb,
    var(--dia-ui-neutral-100) 55%,
    transparent
  );
  --dia-ui-row-hover-bg: var(--dia-ui-primary-bg-soft);
  --dia-ui-action-row-hover-bg: var(--dia-ui-row-hover-bg);
  --dia-ui-close-size: 40px;
  --dia-ui-close-icon-size: 18px;
  --dia-ui-close-radius: var(--dia-ui-radius-control);
  --dia-ui-close-bg: var(--dia-ui-danger-bg);
  --dia-ui-close-border: var(--dia-ui-danger-border);
  --dia-ui-close-text: var(--dia-ui-danger-text);
  --dia-ui-close-hover-bg: var(--dia-ui-danger);
  --dia-ui-close-hover-border: var(--dia-ui-danger);
  --dia-ui-close-hover-text: var(--dia-ui-on-primary);
  --dia-ui-close-focus: var(--dia-ui-danger);
  --dia-ui-search-width: 240px;
  --dia-ui-search-height: 42px;
  --dia-ui-search-padding: 8px 14px;
  --dia-ui-search-radius: var(--dia-ui-radius-control);
  --dia-ui-search-bg: #f1f1f4;
  --dia-ui-search-bg-hover: color-mix(
    in srgb,
    #f1f1f4 78%,
    rgba(255, 255, 255, 0.96) 22%
  );
  --dia-ui-search-border-focus: #f1f1f4;
  --dia-ui-search-text: #071437;
  --dia-ui-search-placeholder: #78829d;
  --dia-ui-search-border: transparent;
  --dia-ui-search-focus-ring: none;
  --dia-ui-search-font-size: 14px;
  --dia-ui-search-font-weight: 500;
  --dia-ui-search-line-height: 21px;
  --dia-ui-shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.05);
  --dia-ui-shadow-page-header-sticky: 0 8px 18px rgba(7, 20, 55, 0.07);
  --dia-ui-shadow-overlay: 0 12px 32px rgba(16, 24, 40, 0.14);
  --dia-ui-overlay-backdrop: rgba(16, 24, 40, 0.36);
}

html:root[data-dia-embedded-host="iable"],
html:root[data-dia-embedded-host="wustom"] {
  overflow-y: scroll;
  scrollbar-gutter: stable;
}

[data-dia-modal-scroll-frozen] {
  overflow: hidden !important;
  overscroll-behavior: none;
}

[data-dia-modal-scroll-frozen][data-dia-modal-scroll-gutter="stable"] {
  scrollbar-gutter: stable;
}

[data-dia-modal-scroll-frozen][data-dia-modal-scroll-root-gutter] {
  overflow-y: scroll !important;
}

[data-dia-modal-scroll-frozen][data-dia-modal-scroll-horizontal-gutter] {
  overflow-x: scroll !important;
}